@charset "UTF-8";

/* CSS Document */
	/***************************************************** CSS COMMUN A TOUTES LES PAGES ****************************************************/
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	margin: 0;
	padding: 0;
}

body {
	background: #000 url(i/ap.jpg) top center no-repeat fixed;
	width: 1024px;
	margin: 0 auto;
}

.body_iframe_affiche {
	background: none;
	width: 770px;
}

a:link,a:visited {
	text-decoration: underline;
}

a:hover,a:active {
	text-decoration: underline;
}

a img {
	border: none;
	background: none;
}

.clear {
	clear: both;
}

table,fieldset {
	background: none;
	border: none;
}

p {
	font-size: 0.8em
}

h1 {
	display: block;
	color: #ffffff;
	font-weight: bold;
}

h2 {
	color: #ffffff;
}

h3 {
	display: block;
	color: #ffffff;
	font-weight: bold;
}

h5 {
	color: #333333;
	padding-bottom: 5px;
}

h7,h7 a {
	display: block;
	color: #333333;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

h6 {
	color: #333333;
	font-size: 1.2em;
	text-transform: uppercase;
}

em {
	text-decoration: underline;
}

input {
	border: #cccccc solid 2px;
	background: none;
	margin: 3px 0;
}

form {
	font-size: 0.8em;
}

fieldset {
	border: none;
	background: none;
}

b {
	font-weight: bold;
}

textarea {
	border: 2px solid #cccccc;
	padding: 5px;
	text-indent: 0;
}

/******************* HEADER ********************/
#header {
	background: url(i/header.png);
	width: 1024px;
	height: 185px;
	height: 195px !important;
}

#toal_ref {
	float: right;
	width: 1024px;
	height: 20px;
	font-size: 0.6em;
	color: #eee;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}

#toal_ref a {
	color: #fff;
}

#logo {
	width: 515px;
	height: 50px;
	margin: 15px 0 0 254px;
}

#pub728 {
	width: 728px;
	height: 90px;
	background: #ddd;
	margin: 10px 4px 0 147px;
	border: #bbb 2px solid;
}

/******************* FIN HEADER ********************/
	/******************* FOOTER ********************/
#top_footer {
	background: url(i/footer_border.png) no-repeat;
	width: 1024px;
	height: 30px;
}

#bottom_footer {
	background: url(i/footer_border.png) no-repeat;
	width: 1024px;
	height: 30px;
	margin-bottom: 100px;
}

#footer {
	background: #eee;
	width: 984px;
	font-size: 0.8em;
	padding: 20px;
}

#footer a {
	padding: 0 5px;
}

/******************* FIN FOOTER  ********************/
	/******************* PREMIER MENU ********************/
#first_tab {
	background: #583e58;
	height: 40px;
}

#first_tab div,#first_tab div span {
	display: inline;
	float: left;
	margin-left: 20px;
	margin-left: 10px !important;
}

#tab_principal {
	
}

#tab_principal li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 20px;
	width: 200px;
	height: 40px;
	font-weight: bold;
	text-align: center;
}

.multi a:link,li.multi a:visited {
	padding-top: 0px !important;
	padding-top: 20px;
	display: block !important;
	background: url(i/bouton1.png) bottom no-repeat;
	height: 40px !important;
	height: 20px;
	width: 200px;
	color: #eee;
	text-shadow: #26465c 0 1px 1px;
	line-height: 50px !important;
	line-height: 10px;
}

li.multi a:hover,li.multi a:active {
	padding-top: 0px !important;
	padding-top: 10px;
	display: block !important;
	background: url(i/bouton1h.png) top no-repeat;
	height: 40px !important;
	height: 30px;
	width: 200px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px !important;
	line-height: 10px;
}

li.multi a.selected {
	display: block !important;
	background: url(i/bouton1h.png) top no-repeat;
	height: 40px;
	width: 200px;
	color: #FFFFFF;
	line-height: 30px;
}

#rss {
	display: inline;
	float: right;
	margin-right: 20px;
	margin-right: 10px !important;
	margin-top: 18px;
}

#rss a {
	color: #ff9c12;
}

/******************* FIN PREMIER MENU ********************/
	/******************* DEUXIEME MENU ********************/
#second_tab_main {
	background: #ddd;
	padding-left: 20px;
	padding-top: 3px !important;
	min-height: 30px
}

#second_tab_main li {
	float: left;
	list-style-type: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 30px;
	width: 166px;
	text-align: center;
	background: url(i/bouton2.png) no-repeat;
}

#second_tab_main li a:link {
	display: block !important;
	color: #eee;
	text-shadow: #26465c 0 1px 1px;
}

#second_tab_main li a:visited {
	display: block !important;
	color: #fff;
	text-shadow: #182833 0 1px 1px;
}

#second_tab_main a:hover {
	display: block !important;
	color: #ffffff;
	text-decoration: none;
	background: url(i/bouton2h.png) no-repeat;
}

#second_tab_main li a:active {
	display: block !important;
	color: #ffffff;
}

#second_tab_main li a.selected {
	display: block !important;
	color: #ffffff;
}

#second_tab_main_2 {
	background: #ddd;
	padding-left: 20px;
	padding-top: 3px !important;
	min-height: 60px
}

#second_tab_main_2 li {
	float: left;
	list-style-type: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 30px;
	width: 166px;
	text-align: center;
	background: url(i/bouton2.png) no-repeat;
}

#second_tab_main_2 li a:link {
	display: block !important;
	color: #eee;
	text-shadow: #26465c 0 1px 1px;
}

#second_tab_main_2 li a:visited {
	display: block !important;
	color: #fff;
	text-shadow: #182833 0 1px 1px;
}

#second_tab_main_2 a:hover {
	display: block !important;
	color: #ffffff;
	text-decoration: none;
	background: url(i/bouton2h.png) no-repeat;
}

#second_tab_main_2 li a:active {
	display: block !important;
	color: #ffffff;
}

#second_tab_main_2 li a.selected {
	display: block !important;
	color: #ffffff;
}
/******************* FIN DEUXIEME MENU ********************/
	/******************* BARRE ********************/
#barre {
	background: #ddd;
	height: 30px;
	padding-top: 3px;
	padding-left: 20px;
	margin-top: 3px !important;
}

.barre_facebook {
	float: left;
	margin-right: 0px;
	height: 100%;
}

#button_news {
	float: right;
	margin-top: 3px;
	margin-right: 3px;
	height: 100%;
}

#barre_twitter {
	float: left;
	margin-top: 3px;
	margin-right: 3px;
	height: 100%;
}

#barre_form {
	float: right;
	margin-right: 10px;
	width: 300px;
}

.barre_form form {
	float: right;
	height: 25px;
}

#barre_form input {
	margin: 0px 0px 0px 2px;
}

.barre_frame_form {
	background: url(i/ico_magnifying.png) right no-repeat #FFFFFF;
	width: 250px;
	height: 19px;
	margin-right: 10px;
	font-size: 0.8em;
	padding-top: 3px;
	padding-left: 10px;
}

.barre_button_newsletter {
	border: none;
	background: url(i/button_ok.png) no-repeat;
	height: 25px;
	width: 25px;
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff;
}

.barre_form_input {
	padding: 0;
	margin: 0;
	float: right;
}

.barre_form_submit {
	margin: 0;
	padding: 0;
	float: right;
}

/******************* FIN BARRE ********************/
	/******************* BARRE DE NAVIGATION ET RECHERCHE ********************/
#navig_toal {
	background: #583e58;
	height: 34px;
	width: 1024px;
}

/******************* NAVIGATION  ********************/
#navig {
	margin-left: 20px;
	padding-top: 3px !important;
}

#navig h4 {
	padding-top: 9px !important;
	padding-top: 36px;
	display: block !important;
	float: left;
	color: #999;
	text-transform: uppercase;
	font-size: 0.8em;
}

#navig li {
	padding-top: 5px !important;
	padding-top: 5px;
	padding-left: 5px;
	float: left;
	list-style-type: none;
	float: left;
	color: #999;
	margin-top: 0px;
}

#navig li a {
	color: #fff;
}

/******************* FIN NAVIGATION  ********************/
	/*******************  RECHERCHE ********************/
#search {
	float: right;
	margin-right: 10px;
}

.search form {
	float: right;
	height: 25px;
}

#search input {
	margin: 2px 0px 0px 2px;
}

.frame_form {
	border: #15b6e8 solid 2px;
	background: url(i/ico_magnifying.png) right no-repeat #FFFFFF;
	width: 250px;
	height: 19px;
	margin-right: 10px;
	font-size: 0.8em;
	padding-top: 3px;
	padding-left: 10px;
}

.button_search {
	border: none;
	background: url(i/button_ok.png) no-repeat;
	height: 25px;
	width: 25px;
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff;
}

/******************* FIN RECHERCHE ********************/
	/******************* FIN BARRE DE NAVIGATION ET RECHERCHE ********************/
	/******************************************************/
	/******************* TOP CONTENT ********************/
#top_content {
	background: #ddd;
	height: 30px;
	width: 1024px;
}

/******************* FIN TOP CONTENT ********************/
	/******************* BOTTOM CONTENT ********************/
#bottom_content {
	background: #ddd;
	height: 30px;
	width: 1024px;
	margin-bottom: 20px;
}

/******************* FIN BOTTOM CONTENT ********************/
	/******************* CONTENT ********************/
#content {
	background: #ddd;
	width: 984px;
	padding: 0 20px;
	min-height: 1150px;
}

#content_little {
	background: #ddd;
	width: 984px;
	padding: 0 20px;
	min-height: 800px;
}

/******************* CONTENT  LEFT ********************/
#content_left {
	display: inline;
	float: left;
	width: 770px;
	border-right: #777 solid 1px;
	padding-right: 20px;
}

/******************* CONTENT RIGHT ********************/
#content_right {
	display: inline;
	float: right;
	width: 170px;
}

/******************************************************/
	/******************* MENU GAUCHE ********************/
#menu_gauche {
	float: left;
	width: 170px;
	margin-top: 10px;
	margin-right: 0px;
}

#menu_gauche_content {
	height: 554px;
}

#menu_gauche_content li {
	list-style-type: none;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}

#menu_gauche_content li a:link,#menu_gauche_content li a:visited {
	color: #000E54;
}

#menu_gauche_content li a:hover,#menu_gauche_content li a:active {
	color: #000000;
}

#menu_gauche_content li a.selected {
	color: #000000;
	text-decoration: underline;
}

/******************************************************/
	/******************* WEBMASTER ********************/
#addthis_box {
	width: 160px;
	padding-left: 13px;
}

#webmaster_bg_frame {
	text-align: center;
}

#webmaster_bg_frame p {
	padding: 10px 0px 15px 0px;
}

#webmaster {
	width: 170px;
}

#menu_webmaster /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-size : 16px; /* hauteur du texte : 12 pixels */
}

#menu_webmaster, #menu_webmaster ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 31px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu_webmaster a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #755075; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 153px; /* largeur */
}

#menu_webmaster a.current /* Menu actif */
{
	background : #361736; /* couleur de fond */ 
}

#menu_webmaster li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_webmaster li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_webmaster a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #fff; /* On passe le texte en noir... */
        background: #361736; /* ... et au contraire, le fond en blanc */
}

.frame_title_160 {
	border: #111 solid 1px;
	background: url(i/bg-titres.png) repeat-x;
	height: 23px;
	width: 158px;
	padding-left: 10px;
	text-align: center;
}

.button_login {
	float: right;
	background: url(i/button_connexion.png) no-repeat;
	width: 86px;
	height: 20px;
	color: #ffffff;
	font-size: 0.8em;
	margin-right: 5px;
	border: none;
	margin-bottom: 0;
}

.bg_frame form {
	margin-bottom: 5px;
}

#webmaster a {
	display: block;
	font-size: 0.6em;
	color: #333333;
}

/******************* FIN WEBMASTER ********************/
	/******************* PARTENAIRES ********************/
#partner {
	width: 170px;
	margin-top: 10px;
}

.bg_frame li {
	list-style-type: none;
	text-align: center;
	border-bottom: #cccccc solid 1px;
	margin: 0 5px;
	padding: 5px 0;
}

.bg_frame li a {
	font-size: 1em
}

#partner .bg_frame div a {
	margin-top: 5px;
	color: #bb0500;
	float: right;
	font-size: 0.8em;
}

/******************* FIN PARTENAIRES ********************/
	/******************* PUB RIGHT ********************/
#right_pub {
	width: 170px;
	height: 600px;
	margin-top: 20px;
}

#right_pub a img,#right_pub a span {
	margin: 0 0 0 0px;
}

/******************* FIN PUB RIGHT********************/
	/***************************************************** FIN CSS COMMUN A TOUTES LES PAGES ****************************************************/
	/*************************************************************** PAGE ACCUEIL  **************************************************************/
	/******************* PUB + EDITO  ********************/
#pub250 {
	float: right;
}

#edito {
	width: 450px;
	height: 250px;
}

.frame_title_490 {
	border: #111 solid 1px;
	background: url(i/bg-titres.png) repeat-x;
	height: 23px;
	width: 488px;
	padding-left: 10px;
	text-align: center;
}

.frame_title_438 {
	border: #111 solid 1px;
	background: url(i/bg-titres.png) repeat-x;
	height: 23px;
	width: 438px;
	padding-left: 10px;
	text-align: center;
}

#edito .bg_frame {
	height: 204px;
}

.bg_frame {
	background-color: #fff;
	padding: 10px 10px;
}

/******************* FIN PUB + EDITO  ********************/
	/******************* PUB + TCHAT  ********************/
#pub300 {
	float: right;
}

#tchat {
	width: 270px;
	height: 250px;
	margin-top: 10px;
}

#tchat .bg_frame {
	height: 254px;
}

#comments {
	float: right;
	width: 500px;
	height: 280px;
	margin-top: 10px;
}

#comments .bg_frame {
	height: 284px;
}

/******************* PUB + TCHAT  ********************/
	/******************* JEU A L AFFICHE ********************/
#jeu_affiche {
	width: 750px;
	margin-top: 10px;
}

#jeu_affiche .bg_frame {
	width: 750px;
	padding: 10px;
}

.frame_title_518 {
	border: #111 solid 1px;
	background: url(i/bg-titres.png) repeat-x;
	height: 23px;
	width: 518px;
	padding-left: 10px;
	text-align: center;
}

#affiche .bg_frame {
	width: 500px;
}

.vignette_affiche {
	width: 180px;
	margin: 0px 2px;
	float: left;
	text-align: center;
}

.vignette_affiche a {
	color: #2D005B;
	font-size: 0.9em;
	font-weight: bold;
}

.vignette_affiche a:hover {
	text-decoration: none;
	color: #9D6FCB;
}

/******************* FIN JEU A L AFFICHE ********************/
	/******************* NOUVEAUTES ********************/
#nouveaute {
	float: right;
	height: 490px;
	width: 370px;
	margin-top: 10px;
}

.frame_title_583 {
	border: #111 solid 1px;
	background: url(i/bg-titres.png) repeat-x;
	height: 23px;
	width: 583px;
	padding-left: 10px;
	text-align: center;
}

#nouveaute.bg_frame {
	padding: 10px 0;
}

/******************* FIN NOUVEAUTES ********************/
	/******************* TOP JEU ********************/
#top_jeu {
	height: 490px;
	width: 370px;
	margin-top: 10px;
}

#top_jeu.bg_frame {
	padding: 10px 0;
}

.left {
	border-right: solid #cccccc 1px;
	padding: 10px 10px 10px 0;
	text-align: center;
}

.right {
	padding: 10px 0 10px 10px;
	text-align: center;
}

.left img {
	border-style: solid;
	border-width: 1px;
	border-color: #222222;
}

.right img {
	border-style: solid;
	border-width: 1px;
	border-color: #222222;
}

/******************* FIN TOP JEU ********************/
#barre_defil {
	height: 450px;
	width: 368px;
	margin-top: 0px;
	overflow: auto;
	border-style: solid;
	border-width: 1px;
}

#barre_defil_comments {
	height: 260px;
	width: 500px;
	margin-top: 0px;
	overflow: auto;
}

#barre_defil_comments li {
	list-style-type: none;
	text-align: center;
	margin: 0 5px;
	padding: 5px;
	background: #eee;
}

/*************************************************************** PAGE ACCUEIL  **************************************************************/
	/*************************************************************** LISTE JEUX  **************************************************************/
#list {
	width: 750px;
}

.frame_title_748 {
	border: #111 solid 1px;
	background: url(i/bg-titres.png) repeat-x;
	height: 23px;
	width: 748px;
	padding-left: 10px;
	text-align: center;
}

.frame_title_758 {
	border: #111 solid 1px;
	background: url(i/bg-titres.png) repeat-x;
	height: 23px;
	width: 758px;
	padding-left: 10px;
	text-align: center;
}

#list .bg_frame {
	width: 738px;
	padding: 10px;
}

#list .bg_frame li a img {
	float: left;
	padding-right: 20px;
	border: none;
}

#list .bg_frame li img {
	float: left;
	padding-right: 20px;
	border: none;
}

#list .bg_frame li {
	text-align: left;
	border: none;
	padding: 10px 0;
	border-bottom: solid 1px #cccccc;
}

#list .bg_frame p {
	padding: 10px 5px;
}

#list .bg_frame a.more {
	float: right;
	color: #333333;
	font-weight: bold;
}

#list .bg_frame a.visit {
	background: #ffd06c;
	border: #664466 3px solid;
	padding: 10px;
	float: right;
	color: #333333;
	font-weight: bold;
	font-size: 16px;;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

#list .bg_frame a.newsletter {
	color: #0F056B;
	font-weight: bold;
	text-decoration: underline;
}

#pagination {
	text-align: center;
	margin: 20px 0;
}

#pagination a,#pagination span {
	padding: 0 10px;
	font-size: 1.2em;
}

#pagination span {
	color: #333333;
	font-weight: bold;
}

.bg_frame_tag_cloud {
	background: #366282;
	border: #fff solid 1px;
	padding: 10px;
	margin: 10px;
	text-align: center;
}

.tag-clound-small {
	font-size: 75%;
	color: #fff
}

.tag-clound-middle {
	font-size: 100%;
	color: #fff
}

.tag-clound-big {
	font-size: 125%;
	color: #fff
}

.tag-clound-very-big {
	font-size: 150%;
	color: #fff
}

/*************************************************************** FIN LSITE JEUX  **************************************************************/
	/******************* AUTRES SITES ********************/
#autres_sites {
	height: 180px;
	width: 740px;
	margin-top: 10px;
	margin-right: 15px;
}

/******************* FIN AUTRES SITES ********************/
	/******************* AD_160_600 ********************/
#ad_160_600 {
	background-attachment: fixed;
}

/******************* FIN AD_160_600 ********************/
	/******************* PUB_LEFT ********************/
#pub_left {
	float: left;
	width: 120px;
	height: 600px;
	margin-top: 10px;
	margin-right: 15px;
	background-color: #EEEEEE;
}

/******************* FIN PUB_LEFT ********************/
	/******************* LISTE_RIGHT ********************/
#list_right {
	float: right;
	width: 595px;
	height: 297px;
	margin-top: 10px;
}

#list_new_right {
	float: right;
	width: 595px;
	height: 297px;
	margin-top: 10px;
}

/******************* FIN LISTE_RIGHT ********************/
	/******************* LISTES ********************/
#list_right_content {
	height: 247px;
}

#list_new_right_content {
	height: 247px;
}

#TopImg {
	float: left;
	width: 200px;
	margin-left: 3px;
}

#TopList {
	float: left;
	width: 150px;
	margin-right: 3px;
	border-right: #444444 solid 2px;
}

#TopTxt {
	float: left;
	width: 205px;
	margin-left: 6px;
}

#NewImg {
	float: left;
	width: 200px;
	margin-left: 3px;
}

#NewList {
	float: left;
	width: 150px;
	margin-right: 3px;
	border-right: #444444 solid 2px;
}

#NewTxt {
	float: left;
	width: 205px;
	margin-left: 6px;
}
/******************* FIN LISTES ********************/

#formulaire_basic {
	width: 95%;
	text-align: left;
}

#list .bg_frame #formulaire_basic p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#formulaire_basic label {
	font-size: 14px;
	margin-top: 12px;
	width: 250px;
	float: left;
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
}

#formulaire_basic input {
	font-size: 14px;
	height: 30px;
	width: 250px;
	border: #CCC 2px solid;
	background: #e8e8e8;
}

#formulaire_basic textarea {
	font-size: 14px;
	height: 150px;
	width: 400px;
	border: #CCC 2px solid;
	background: #e8e8e8;
}

#formulaire_basic select {
	padding-top: 5px;
	font-size: 14px;
	height: 35px;
	width: 250px;
	border: #CCC 2px solid;
	background: #e8e8e8;
}

#formulaire_basic input[type="checkbox"] {
	height: 35px;
	width: 35px;
}

#formulaire_basic input[type="submit"] {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: #000000 1px solid;
	width: 200px;
	height: 40px;
	background: #d0d0ff;
	color: #111;
	padding: 10px;
	margin-left: 275px;
}

#formulaire_basic input:hover, #formulaire_basic select:hover, #formulaire_basic textarea:hover, #formulaire_basic input:focus, #formulaire_basic select:focus, #formulaire_basic textarea:focus{
	background-color: #d0d0ff;
}

#formulaire_basic input[type="submit"]:hover {
	background: #8080ff;
	cursor: pointer;
}

.formulaire_linkstyle{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

.formulaire_image{
	margin-left: 200px;
}

.formulaire_texte_bleu{
	font-size: 14px;
	color: #0000FF;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 10px;
}

.formulaire_texte_rouge{
	font-size: 14px;
	color: #C00000;
	font-weight: bold;
	padding-top: 2px;
}


.rouge_bold {
	color: #C00000;
	font-weight: bold;
}

.bleu_bold {
	color: #0000FF;
	font-weight: bold;
}

/*********************
BANNIERE TOP SITE	
*********************/
#top_sit_ban{
	background: #FEFFD1;
	padding: 5px;
	border: gray 1px solid;
}

#top_sit_ban h2, #top_sit_ban h3{
	color: black;
	margin-bottom: 5px;
	text-align: center;
}

#top_sit_ban a{
	width: 162px;
	background: #35607f;
	border: #664466 2px solid;
	padding: 5px;
	color: white;
	font-weight: bold;
	font-size: 12px;;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display:block;
	float: left;
	text-align: center;
	margin-right: 5px;
}