/* #################### STYLES GLOBAUX ####################### */
* {margin:0; font-family:Tahoma;}
HTML {overflow:auto;overflow-x:hidden; min-height:100%; height:100%; font-size:12px;}
BODY {min-height:100%;height:100%; background:black; font-family:Tahoma; font-size:12px;}
FORM {display:inline;}
A {outline: none;color:#fda944; text-decoration:none;}
A:hover {color:#943e4a;}
.clear {clear:both;}
INPUT[type='text'], INPUT[type='password'] { background:white; padding-left:3px; border:1px solid #b8b8b8; color:#626262; font-size:12px; width:103px; height:12px;}
INPUT[type='submit'] { background:url(images/submit.png) transparent; border:0; color:#191919; font-weight:bold; font-size:12px; width:32px; height:16px;}
SELECT {background:#d3d3d3; color:#414040; font-size:12px; width:112px; height:20px;}
IMG {border:0;}
UL {list-style-type:none;}
h1{color:#FDA944}
h2{color:#FDA944}
h3{color:#FDA944}
h4{color:#cf9c5f}

/* #################### BLOC PRINCIPAL CENTRE ####################### */
.content.index {width:1280px; min-height:800px; background:url(images/fond.jpg) center top;margin:auto; position:relative;}
.content.divers {width:1280px; min-height:800px; background:url(images/fond-divers.png) center top; margin:auto; position:relative;}

/* #################### HEADER ####################### */
.header {width:1100px; height:123px; background:url(images/header.png) center top; margin:auto; position:relative;}
.header P {color:#948462; float:right; margin-right:75px; margin-top:10px; display:block; width:300px;}
.header P B {color:#feae05; font-weight:normal;}
.header P A {float:right;}

.header FORM {top:30px; left:50px; text-align:left; position:absolute;}
.header FORM A {color:white; margin-top:5px;}
.header FORM A:hover {color:#3b3b3b;}

.header DIV.connect {top:30px; left:50px; text-align:left; position:absolute;color:#948462;}

.header UL {margin:auto; width:80%;}
.header LI {float:left;color:#fda944; display:block; text-align:center; height:20px; margin-right:8px; margin-top:5px;}
.header LI A{color:#fda944; font-size:12px; font-weight:bold; padding-left:10px; padding-right:10px;}
.header LI A:hover {color:#c60f19;}

/* #################### CENTRE ####################### */
.centre {width:800px; height:665px; margin:auto; position:relative; margin-top:10px;}
/*500px | 715px*/
.divers .centre{margin-bottom:64px;}

.cadre1 {background-image:url(images/cadre1.png); width:496px; height:346px; position:absolute; left:-117px; top:15px;}
.cadre1 FORM {width:380px; height:250px; display:block; margin-top:77px; margin-left:0px; text-align:right;}
.ie .cadre1 FORM {width:390px;}
.cadre1 FORM LABEL {margin-right:10px; color:#e38f35; font-weight:bold;}
.cadre1 FORM INPUT[type='text'], .cadre1 FORM INPUT[type='password'] {width:113px; margin-right:1px; margin-top:2px; margin-bottom:13px;}
.cadre1 FORM INPUT[type='submit'] {margin-left:40px; color:white; font-size:16px; margin-top:5px; background:none; border:0; width:110%; height:35px;}
.cadre1 FORM INPUT[type='submit']:hover {color:#e38f35; cursor:pointer;}
/*.cadre1 FORM IMG {float:left; margin-left:5px;}*/

.cadre2 {background-image:url(images/cadre2.png); padding-left:30px; width:437px; height:344px; position:absolute; right:-110px; top:220px;}
.cadre2 P {color:#828282; padding-top:65px; padding-right:35px; text-align:center;}
.cadre2 IMG {margin-top:20px; margin-left:2px;}


.cadre3 {background-image:url(images/cadre3.png); width:496px; height:346px; position:absolute; left:-117px; top:15px;}
.cadre3 DIV {font-family:"Gun Play";font-size:16px;color:#828282;width:380px; height:250px; display:block; margin-top:100px; margin-left:26px; text-align:center;}
.cadre3 DIV A{font-family:"Gun Play";font-size:25px;}
.cadre3 DIV LI{margin-botom:10px;margin-top:10px;}
/*.cadre3 FORM IMG {float:left; margin-left:5px;}*/

.cadre{width:595px; height:604px;margin-left:310px;margin-top:-50px;}
.cadre.partenaire{background-image:url(images/cadre-partenaire.png);}
.cadre.commentjouer{background-image:url(images/cadre-comment-jouer.png);}
.cadre.reglement{background-image:url(images/cadre-reglement.png);text-align:justify;}
.cadre.contact{background-image:url(images/cadre-contact.png);}
.cadre.about{background-image:url(images/cadre-about.png);}
.cadre.erreur404{background-image:url(images/cadre-erreur-404.png);}
.cadre.erreurformulaire{background-image:url(images/cadre-erreur-formulaire.png);}
.cadre.forum{background-image:url(images/cadre-forum.png);}
.cadre.blog{background-image:url(images/cadre-blog.png);}
.cadre.maintenance{background-image:url(images/cadre-maintenance.png);}
.cadre.configuration{background-image:url(images/cadre-configuration.png);}
.cadre.mentionslegales{background-image:url(images/cadre-mentions-legales.png);}
.cadre.identifiantperdu{background-image:url(images/cadre-identifiantperdu.png);}
.cadre.presentation{background-image:url(images/cadre-presentation.png);}

.cadre DIV.grid{color:#828282;padding:90px 0 0 25px;width: 555px;}
.cadre DIV.content{overflow-y: none;height:490px;width:100%;padding-right: 5px;}

/* CADRE CONTACT - FORM */
.cadre.contact TABLE {width:100%}
.cadre.contact TABLE TD{width:50%}
.cadre.contact TABLE TD.value{width:50%;text-align:left;}
.cadre.contact FORM {width:auto; display:block; margin-left:0px; text-align:right;}
.ie .cadre.contact FORM {width:auto;}
.cadre.contact FORM LABEL {margin-right:10px; color:#e38f35; font-weight:bold;}
.cadre.contact FORM SELECT {width:254px;}
.cadre.contact FORM INPUT {width:254px;}
.cadre.contact FORM TEXTAREA {width:254px;}
.cadre.contact FORM INPUT[type='submit'] {margin-left:40px; color:white;width:auto; font-size:16px; margin-top:5px; background:none; border:0;  height:52px;}
.cadre.contact FORM INPUT[type='submit']:hover {color:#e38f35; cursor:pointer;}

/* CADRE BLOG et FORUM */
.cadre.forum DIV.lien_externe, .cadre.blog DIV.lien_externe{color:white; text-transform:uppercase;font-size:16px; margin-top:5px; background:none; border:0; width:100%; text-align:center;font-weight:bold;}
.cadre.forum DIV.lien_externe a, .cadre.blog DIV.lien_externe a{color:white;}
.cadre.forum DIV.lien_externe a:hover, .cadre.blog DIV.lien_externe a:hover{color:#e38f35;}

/* #################### FOOTER ####################### */
.footer {width:1280px; height:86px; background:url(images/footer.png) center top; margin:auto; text-align:center; position:absolute; bottom:0px;}
.footer P {display:block; margin:auto; position:relative; width:500px; color:#565656; font-size:12px;}
.footer P A {color:#e38f35;}
.footer P A:hover {color:#c60f19;}