header,aside,nav,footer,article,section{display:block;} 
/* fixe IE et autres nav qui ont pas html5 */

body{background-color:#74d4ff;margin:0px;font-family:'Arial'}
table{font-size: 12px; color: #3d2100;}
form{margin:0px;}
ul{margin:0px;list-style-type:none;}
.clear{clear:both;}
.hide{display:none;}
.show{display:block;}
hr{border: 1px solid #ac8e67;}
#contenu{width:1117px;margin:auto;background-image:url('images/design/allonge.png');}
header{background-image:url('images/design/header.png');width:1117px;height:350px;margin:auto;}

#gauche{width:214px;float:left;}
#gauche #joueur{position:relative;background:url('images/design/boite_info.png') no-repeat;width:214px;height:209px;color:#ffffff;}
#gauche #joueur #joueur2{position:relative;background:url('images/design/boite_info2.png') no-repeat;width:214px;height:181px;color:#ffffff;}

#gauche #joueur ul.in{font-family:'Aclonica';font-size:14px;padding:20px;font-weight:bold;padding-left:80px;text-shadow:2px 2px 2px #7a4b0d;}

#gauche #joueur .in input[type='password'],#gauche #joueur .in input[type='text']{width:135px;background:none;border:2px solid #dbcabb;}
#gauche #joueur a:hover{text-decoration:underline;}
#gauche #joueur a{color: #252525;font-size: 14px;font-weight: bold;text-decoration: none;}
#gauche #joueur a.perdu{color: #f0edda;font-size: 14px;font-weight: bold;left: 21px;position: absolute;text-decoration: none;top: 174px;}
#gauche #joueur .in{font-size:12px;padding:20px;font-weight:bold;padding-left:60px;text-shadow:2px 2px 2px #7a4b0d;}
.tchat_clan{background:#ffffff;width:250px;min-height:16px;position:fixed;bottom:0px;right:0px;border: 1px solid black;}
.fenetre_tchat{background:#ffffff; width:100%;height:0px;overflow:hidden; }
.message_tchat{padding:5px;background:#ffffff;height:300px;overflow:scroll;}
 
.message_tchat .min_msg_tchat{font-size:12px;position:relative;background:#efefef;border-bottom:1px solid #dddddd;margin-bottom:1px;}
.message_tchat .min_msg_tchat span{position:absolute;right:3px;bottom:0px;font-size:10px;}


.fenetre_tchat input[type='text']{width:70%;float:left;}
.fenetre_tchat input[type='button']{width:25%;float:left;}
/*planche haut*/
#planche{
    width: 1052px;
    height: 43px;
    background: url(images/design/planche.png) no-repeat;
    position: relative;
    margin: auto;

    font-size: 13px;
    padding-left: 20px;
    padding-top: 8px;
    margin-bottom:-30px;
    color: #ffffff;
    font-weight: bold;
    /*text-shadow: 1px 1px 0px #3f2602;*/
}
/*new espace membre*/
#gauche #joueur input.spe{
    background: url(images/design/joueur/input.png) no-repeat;
    width: 139px;
    font-family: "TrajanPro-Regular"; src: url(images/design/joueur/TrajanPro-Regular.otf) format("opentype");
    font-size: 12px;
    height: 27px;
    padding-left: 15px;
    padding-right: 15px;
    border: 0;
    color: #3e2702;
}
#gauche #joueur .cont{
    text-shadow: 1px 1px 0px #ffffff;
    font-family: Impact; src: url(images/design/joueur/Impact.ttf) format("opentype");
    color: #473b31;
    font-size: 16px;
    width: 139px;
    padding-top: 20px;
    padding-left: 63px;
    text-align: center;
}
#gauche #joueur input:focus{outline: none;}

#gauche #joueur #joueur2{
    padding-top: 28px;
    padding-left: 63px;
}

#gauche #joueur #joueur2 .pseudo{
    font-family: "LithosPro-Regular"; src: url(images/design/joueur/LithosPro-Regular.otf) format("opentype");
    font-size: 16px;
    color: #684b30;
    text-align: center;
    width: 130px;
    padding-left: 7px;
}

#gauche #joueur #joueur2 .vip{
    font-family: "TrajanPro-Regular";
src: url(images/design/joueur/TrajanPro-Regular.otf) format("opentype");
font-size: 12px;
color: #3E2702;
text-align: center;
padding-top: 7px;
position: absolute;
top: 46px;
left: 115px;
z-index: 15;
}

#gauche #joueur #joueur2 .sppc{
    text-shadow: 1px 1px 0px #ffffff;
    font-family: Impact; src: url(images/design/joueur/Impact.ttf) format("opentype");
    color: #473b31;
    font-size: 17px;
    width: 139px;
    text-align: center;
    padding-top: 30px;
}

#gauche #joueur #joueur2 .jetons{
    text-shadow: 1px 1px 0px #3e2702;
    font-family: Impact; src: url(images/design/joueur/Impact.ttf) format("opentype");
    color: #fad900;
    font-size: 18px;
    width: 115px;
    text-align: center;
    padding-top: 12px;
    letter-spacing: 1px;
}

#gauche #joueur #joueur2 .deco{
    color: #f7ebce;
    font-size: 14px;
    text-align: center;
    padding-top: 23px;
    margin-left: -180px;
}

#gauche #joueur #joueur2 .vip a{
    font-size: 12px;
    color: #3e2702;
}

#gauche #joueur #joueur2 .pseudo a{
    font-size: 16px;
    color: #684b30;
    font-weight: normal;
}

/* menu planchettes */
#gauche #bois{background-image:url('images/design/menu_gauche_millieu.png');width:214px;
              height:496px;
              color:#f1d9a4;font-family:'Aclonica';}
#gauche #bois.no_co{background-image:url('images/design/menu_gauche_millieu.png');width:214px;height:225px;color:#f1d9a4;font-family:'Aclonica';}
#gauche #bois li a{text-decoration:none;color:#f1d9a4;}
#gauche #bois li a:hover{color:#543607;}
#gauche #bois ul{padding-top:10px;}
#gauche #bois li{height:45px;font-size :24px;text-align:center;text-shadow:2px 2px 2px #7a4b0d;}
/* boite partenaires */
#gauche #affichage{width:214px;min-height:345px;color:#f1d9a4;}
#gauche #affichage li a{text-decoration:none;color:#583702;}
#gauche #affichage li a:hover{color:#583702;text-decoration:underline;}
#gauche #affichage ul{padding-top:30px;}
#gauche #affichage li{text-align:center;font-weight:bold;font-family:'Arial';font-size:12px;}
#gauche #affichage{background-image:url('images/design/menu_bas_gauche.png');width:214px;height: 345px;}

#droite{width:152px;height: 930px; padding: 70px 0 0 11px;float:left;background-image:url('images/design/menu_droit.png');}
#droite #petite_pub{width: 121px; height: 139px; padding-bottom: 8px;}


#popup_pseudo{display:none;width:200px;position:fixed;z-index:4000;}
#popup_pseudo #pop_haut{width:200px;background-image:url('images/design/infosBox_h.png');height: 9px;}
#popup_pseudo #pop_bas{width:200px;background-image:url('images/design/infosBox_b.png');height: 9px;}
#popup_pseudo #pop_corps{width:200px;background-image:url('images/design/infosBox_c.png');}
#popup_pseudo #pop_corps .in{padding:5px;}
#popup_pseudo #pop_corps .in h2{margin:0px;font-size:16px;color:#ffffff;}
#popup_pseudo table{width:100%;font-size:12px;color:#cccccc;}


#corps{min-height:1005px;float:left;width:716px;background-image:url('images/design/corps.png');}
footer{width:1093px;height:360px;margin:auto; background-repeat:no-repeat;text-align:center;font-size:13px;}
footer .footer{width:1093px;height:360px;margin-left: -12px;background-image:url('images/design/footer.png');}
footer .texte{width:870px;margin:auto;}
footer .texte a{color: white;}
a img{border:none;}
/* Accueil */
.jeu{margin-left:2.5px;margin-right:6px;margin-bottom:8px;
     position:relative;width:237px;height:82px;float:left;height:82px;
     overflow:hidden;}
.jeu a.img{
    position:absolute;
    width:237px;
    cursor:pointer;
    height:82px;
    overflow:hidden;
}
.jeu .hover_jeu{
    position:absolute;
    width:237px;
    cursor:pointer;
    background-image:url(images/design/blanc_opa50.png);
    text-align:center;
    padding-top:0px;
    color:#212121;
    font-weight:bold;
    padding-bottom:0px;
    font-size:12px;bottom:-40px;
}
#publicite_accueil{
    height:144px;
	width:595px;
	padding-top:20px;
	margin-left: -30px;
	/* texte */
	font-size: 14px;
	color: #4b3829;
	padding-left: 4px;
	text-align: justify;
	margin-bottom: -16px;
}

#pub_accueil{
   float: left;
   padding: 0 0 0 224px;
}


#coupe_clan{
    position: absolute;
    margin-left: 556px;
    margin-top: 88px;
}
/*


*/
#coupe_clan ul{
    margin: 0;
    margin-left: -40px;
    font-size: 14px;
    color: #624b41;
}

#coupe_clan ul a{
    color: #624b41;
}

#coupe_clan ul.class li{
    list-style-type:none;
    background: url(images/design/fond_classclans.png) no-repeat;
    width: 129px;
    height: 27px;
    padding-top: 6px;
    padding-left: 8px;
    margin-bottom: -2px;
}

#challenge{
    position: absolute;
    z-index: 500;
    margin-top: -155px;
}

#challenge a.expli{
	position: absolute;
    margin-left: 572px;
    margin-top: -100px;
    width: 125px;
    height: 110px;
    background: url(images/design/explications_challenge.png) no-repeat;
    border: 0;
}

#challenge #jeu{
 	position: absolute;
    margin-left: 39px;
    margin-top: 14px;
}

#challenge #classement{
    margin-left: 292px;
    margin-top: -11px;
}

#les_jeux{
    width:500px;
    margin-top: 26px;
    margin-left:24px;
    height: 271px;
	float: left;
}

ul#menu_haut
{
    font-weight:bold;
    font-size:13px;
    height:31px;
    width:511px;
    position: absolute;
    margin-top: -28px;
    margin-left: -14px;
}
ul#menu_haut li
{	
    background: url(images/design/ongletjeu_off.png) no-repeat;
    width: 71px;
    height: 31px;
    list-style-type:none;
    float: left;
    text-align: center;
    padding-top: 8px;
}
ul#menu_haut li a{
    color: #456105;
}
ul#menu_haut li a:hover{
    text-decoration: none;
    color: #caada2;
}
ul#menu_haut li:hover a{
    color: #caada2;
}
ul#menu_haut li:hover
{
    background: url(images/design/ongletjeu_on.png) no-repeat;
    width: 71px;
    height: 31px;
}

.jeu .hover_jeu h2{
    position:relative;
    z-index:200;
    text-align:center;
    width:100%;
}




#jeux{
    position:relative;
    z-index:1;
    width: 712px;
    height:950px;
    margin-top:-80px;
    background-image:url('images/design/jeux.png');
}
/* Fin accueil */
/* boutique*/
#boutique{width:596px;margin:auto;}
#menu_onglet{width:536px;}
ul.onglets{
    position:relative;
    z-index:0;
    width:100%;
    margin:0px;
    padding:0px;
}
ul.onglets li a{
    color:#685031;
    margin:auto;
    font-weight:bold;
}
ul.onglets li{cursor:pointer;float:left;padding-top:8px;height:29px;font-size:12px;text-align:center;background-repeat:no-repeat;overflow:hidden;margin-bottom:-15px;}
.boite{position:relative;z-index:50;}
#boutique .boite{margin-top:4px;}
ul.onglets li.ong_favoris{margin-left:25px;width:45px;background-image:url('images/design/onglets.png');}
ul.onglets li.classic{margin-left:-1px;width:108px;background-image:url('images/design/onglets.png');background-position:-44px;}
.boutique{display:none;}
.boutique.active{display:block;}
#boutique{width:596px;background-image:url(images/design/menu_boutique.png);background-repeat:no-repeat;padding-top: 70px;}
#menu_boutique{width: 542px;margin: auto;}
.cadeau img.rep{width:60px;float:left;margin-top:15px;margin-left:21px;}
.cadeau .description{padding:14px;width:175px;float:left;}
.cadeau{color:#524833;width:285px;height:99px;background-image:url('images/design/cadeau.png');float:left;margin:1px;background-repeat:no-repeat}
.cadeau h2{color:#524833;font-size:18px;margin:0px;padding:0px;}
.favoris{cursor:pointer;}
/* fin boutique */

/* pages en tous genres */
#interieur_m{
    width: 714px;
    margin:auto;
    background-image:url('images/design/interieur_m.png');
    background-position: 0px 50px;
    color: #3d2100;
}
#interieur_h{
    width: 714px;
    min-height:229px;
    padding-top: 5px;
    background-image:url('images/design/interieur_h.png');
    background-repeat:no-repeat;
}
#interieur_b{
    width: 714px;
    height:23px;
    background-image:url('images/design/interieur_b.png');
}
#interieur_h h2.haut{
    font-family:'Just Another Hand', arial, serif;
    margin: auto;
    width: 550px;
    color:#fff2d3;
    padding-bottom: 20px;

    text-align:center;
    font-size: 48px;
    margin: -62px 0 0 -175px;
    text-align: center;
    text-shadow: 0px 0px 4px #000000;
}
#interieur_h .in{
    margin: auto;
    padding-top: 60px;
    padding-left: 6px;
    width: 600px;
}
#interieur2_h{
    width: 569px;
    min-height:46px;
    background-image:url('images/design/interieur2_h.png');
    background-repeat:no-repeat;
    margin-left: 4px;
}

#interieur2_h h2.haut2{
    margin: auto;
    width: 569px;
    color:#6f634a;
    font-size: 14px;
    padding-top: 17px;
    padding-left: 20px;
}

#interieur2_m{
    width: 569px;
    background-image:url('images/design/interieur2_m.png');
    margin-left: 4px;
}

#interieur2_m p{
    width: 529px;
    padding-left: 10px;
    margin-top: -8px;
    margin-bottom: -3px;
    color:#6f634a;
    font-size: 12px;
    text-align: justify;
}

#interieur2_b{
    width: 569px;
    height:25px;
    margin-left: 4px;
    margin-bottom: -10px;
    background:url('images/design/interieur2_b.png') no-repeat;
}


h4,ol{
    padding:0px;
    margin:0px;
}
ol{margin-left:40px;}
.in_h{
    width: 596px;
    height:13px;
    background-image:url('images/design/in_h.png');
}
.in_m h3{
    margin-bottom: 5px;
}
.in_m{
    width: 596px;
    background-image:url('images/design/in_m.png');
    font-size:12px;
}
table.stat_clan{
    width:100%;
    font-size:12px;
}
.in_m .inin p{
    padding:0px;
    margin:0px;
}

.in_m .inin{
    padding-left:10px;
    width: 576px;
    text-align: justify;
}
.in_b{
    width: 596px;
    height:13px;
    background-image:url('images/design/in_b.png');
}
.mini_in_h{
    width: 290px;
    height:12px;
    background-image:url('images/design/mini_in_h.png');
}
.mini_in_m{
    width: 290px;
    background-image:url('images/design/mini_in_m.png');
    font-size:12px;
}
.boite{
    width: 596px;
    margin-bottom:10px;
}
.mini_boite h3{
    margin-top:0px;
    padding-top:0px;
}
.mini_boite{
    width: 290px;
    margin-bottom:10px;
    margin-right:10px;
}
.mini_in_m .inin p{
    padding:0px;
    margin:0px;
}
.mini_in_m .inin{
    padding-left:10px;
    width: 270px;
    text-align: justify;
}
.mini_in_b{
    width: 290px;
    height:12px;
    background-image:url('images/design/mini_in_b.png');
}
.greenfont{color:#84a649;}
.redfont{color:#aa2e0a;}
.erreur{
    color:#aa2e0a;
    border: 2px solid #aa2e0a;
    width:586px;
    padding:3px;
    text-align:center;
    font-size:14px;
    margin-top:10px;
    margin-bottom:10px;
    font-family:'Arial';
}

.erreur a{
    color:#aa2e0a;
}

.erreur a:hover{
    color:#aa2e0a;
}

.valide{
    font-family:'Arial';
    color:#84a649;
    border: 2px solid #84a649;
    width:586px;
    padding:3px;
    text-align:center;
    font-size:14px;
    margin-top:10px;
    margin-bottom:10px;
}

.valide a{
    color:#84a649;
}

.valide a:hover{
    color:#84a649;
}

.in_m h3{
    margin-top:0px;
    color:#84a649;
    padding-top:0px;
    font-size:18px;

}
a{
    text-decoration:none;
    color:#63b506;
}
a:hover{
    text-decoration:underline;
    color:#63b506;
}



a.button{
    display:block;
    width: 100px;
    height:19px;
    padding-top: 1px;
    background-image:url('images/design/button.png');
    color:#ffffff;
    font-size:15px;
    text-align:center;
    text-shadow:0px 0px 4px #000000;
}

a.button:hover{
    text-decoration: none;
}

#forum table th{
    border-bottom:1px dotted #926e34;
    color:#63b506;
    font-size:10px;
    padding:4px;
}
#forum table td{
    border-bottom:1px solid #926e34;
    height:25px;
    font-size:12px;
}

#forum table{
    width : 95%;
    margin:auto;
    border-collapse:collapse;
    border-bottom:1px solid #926e34;
    border-left:1px solid #926e34;
    border-right:1px solid #926e34;
    margin-bottom:-5px;
}
#forum .titre .in{
    padding-top:4px;
    padding-left:14px;
    font-weight:bold;
    color:#ffffff;
    text-shadow:0px 0px 4px #252525;
    font-size:16px;
}
#forum .titre{
    margin-top:-1px;
    width: 550px;
    height:26px;
    background-image:url('images/design/forum.png');
}
#forum{width:550px;margin:auto;}

table#messagerie{width:100%;}
#visionneuse{height:20px;padding:20px;}


.bloc_promo_concours{position:relative;height:250px;z-index:0;}
.concours_img{position:absolute;width:354px;height:165px;overflow:hidden;top:25px;left:10px;}
.promo_img{position:absolute;width:354px;height:165px;overflow:hidden;right:-10px;top: 35px;}
.concours_link{cursor:pointer;position:absolute;width:354px;height:165px;overflow:hidden;top:25px;left:10px;}
.promo_link{cursor:pointer;position:absolute;width:354px;height:165px;overflow:hidden;right:-10px;top: 35px;}
.all_concours{width:1500px;position:absolute;}
.all_promo{width:1500px;position:absolute;}

#promo_concours{position:absolute;width: 712px;height:251px;background-image:url('images/design/promo_concours.png')}



#promo_concours #promo{
    width: 334px;
    height: 250px;
    margin-left: 376px;
    margin-top: 5px;
    position: absolute;
    z-index: 3;
}
#promo_concours .back_promo{
    width: 334px;
    height:182px;
    margin-left: 376px;
    margin-top: 5px;
    position: absolute;
    z-index:1;
}

.rouge{color:#da3232;}
.vert{color:#84a649;}

/* LOTERIE */

#loterie{
    background: url(images/design/bg_loterie.png) no-repeat;
    width: 564px;
    height: 349px;
    padding-top: 74px;
    padding-left: 119px;
    margin-left: 15px;
    margin-bottom: -50px;
}
#loterie li a{
    text-decoration: none;
    color: #6e390d;
}
#loterie ul{
    margin: 0;
    margin-left: -40px;
    font-size: 13px;
    font-family: "Arial Black";
    color: #6e390d;
    margin-bottom: 17px;
}
#loterie ul.numeros li a:hover{
    color:#63b506;   
}
#loterie ul.numeros li.used a{
    color:#63b506;
}
#loterie li{
    list-style-type:none;
    display: inline;
    margin-right: 13px;
    padding-top: 4px;
}
.choix li{
    list-style-type:none;
    display: inline;
    margin-right: 13px;
    padding-top: 4px;
}
ul.choix{
    margin: 0;
    margin-left: -40px;
    font-size: 13px;
    font-family: "Arial Black";
    color: #6e390d;
    margin-bottom: 17px;
}
#loterie .choix li{
    list-style-type:none;
    display: inline;
    margin-right: 17px;
    padding-top: 4px;
}



#loterie ul.choix{
    margin-top: 61px;
    margin-left: -74px;
}
#grilles_en_cours{
width: 580px;
-moz-column-width: 250px;
-webkit-column-width: 150px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
-moz-column-rule: 1px solid #ddccb5;
-webkit-column-rule: 1px solid #ddccb5;

}


#vip{
    position:absolute;
    top:49px;
    left:67px;
}
#vip .pleing{
    background-image:url(images/design/vip/plein_gauche.png);
    width:12px;background-repeat:no-repeat;
    height:22px;
    float:left;
}
#vip .pleinc{
    background-image:url(images/design/vip/plein_centre.png);
    background-repeat:repeat-x;
    height:22px;
    float:left;
}
#vip .pleind{
    background-image:url(images/design/vip/plein_droite.png);
    width:12px;background-repeat:no-repeat;
    height:22px;
    float:left;
}
#vip .videg{
    background-image:url(images/design/vip/vide_gauche.png);
    width:12px;background-repeat:no-repeat;
    height:22px;
    float:left;
}
#vip .videc{
    background-image:url(images/design/vip/vide_centre.png);
    background-repeat:repeat-x;
    height:22px;
    float:left;
}
#vip .vided{
    background-image:url(images/design/vip/vide_droite.png);
    background-repeat:no-repeat;
    width:12px;
    height:22px;
    float:left;
}




/* INSCRIPTION */

#inscription{
	width: 714px;
	margin-left: 18px;
	color: #ae835e;
}

#corps_inscription .titre{
	font-family: Arial;
	font-size: 16px;
	color: #ae835e;
	width: 714px;
}

#corps_inscription .conclu{
	font-family: Arial;
	font-size: 12px;
	color: #886546;
	text-align: center;
	font-weight: normal;
	width: 714px;
}

#corps_inscription #formulaire input{
	background: url(images/design/inscription/input.png) no-repeat;
	width: 188px;
	height: 25px;
	border: 0;
	color: #7e5e38;
	font-size: 14px;
	font-family: Arial;
	padding-left: 7px;
	margin-left: 5px;
}

#corps_inscription #formulaire input::-webkit-input-placeholder{
	color: #7e5e38;
}

#corps_inscription #formulaire input:-moz-placeholder{
	color: #7e5e38;
}

#corps_inscription #formulaire input:focus{
	outline: none;
}

#haut_inscription{
	background: url(images/design/inscription/haut_inscription.png) no-repeat;
	width: 691px;
	min-height: 250px;
}

#corps_inscription{
	background: url(images/design/inscription/corps_inscription.png) repeat-y;
	width: 675px;
	height: auto;
}

#haut_inscription .in{
	margin: auto;
	padding-top: 80px;
	width: 600px;
}

#corps_inscription #formulaire{
	margin-left: 50px;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #ae835e;
}

#corps_inscription #formulaire input.jouer{
	background: url(images/design/inscription/jouer1.png) no-repeat;
	width: 273px;
	height: 41px;
	margin-left: 138px;
	margin-top: 265px;
	position: absolute;
	cursor: pointer;
	color: transparent;
}

#corps_inscription #formulaire input.jouer:hover{
	background: url(images/design/inscription/jouer2.png) no-repeat;
	width: 273px;
	height: 41px;
	margin-left: 138px;
	margin-top: 265px;
	position: absolute;
	cursor: pointer;
	color: transparent;
}

#corps_inscription #formulaire .icone{
	width: 24px;
	height: 24px;
	padding-top: 3px;
	position: absolute;
}

#bas_inscription{
	margin-top: -16px;
	margin-left: -21px;
	background: url(images/design/inscription/bas_inscription.png) no-repeat;
	width: 712px;
	height: 340px;
}
