/* Jeux & Règlements v1.0 SEP 2006 */

/* GENERIQUES */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#666666; margin:0px}
select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #999999; width:90px}
.inputLogin {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #999999; width:90px}

p {margin:0px 0px 10px 0px}
a img {border:0}
a {text-decoration:none; color:#801624;}
a:hover {color:black}
.imgLeft {float:left; margin-right:10px;}
.imgRight {float:right; margin-left:10px;}

.arrondiTop {overflow:auto; width:100%; background-image:url(../img/coins/01_02.gif)}
.arrondiBas {overflow:auto; width:100%; background-image:url(../img/coins/01_05.gif)}
.arrondiTop02 {overflow:auto; width:100%; background-image:url(../img/coins/rouge/02_02.gif)}
.arrondiBas02 {overflow:auto; width:100%; background-image:url(../img/coins/rouge/02_05.gif)}	
.arrondiLeft {float:left}	
.arrondiRight {float:right}	

.tableauType01 {margin:0 13px}
.tableauType01 .titre {background-color:#DDDDDD; border-bottom:1px solid #999999; border-top:1px solid #999999; font-weight:bold; font-size:11px}
.tableauType01 .ligne01 {background-color:#F4F4F4}
.tableauType01 .etape_ok {background-color:lime}
.tableauType01 .etape_nok {background-color:#A6A6A6}

.tableauType02 {margin:0 13px}
.tableauType02 .titre {background-color:#84A0C4; border-bottom:1px solid #999999; border-top:1px solid #999999; font-weight:bold; font-size:11px}
.tableauType02 .ligne01 {background-color:#EEF1F7}
.tableauType02 .etape_ok {background-color:lime}
.tableauType02 .etape_nok {background-color:#A6A6A6}

/* HEADER */
#conteneurHeader {width:830px;margin:0 auto; /*background-color:#FFCCFF*/}

#header {height:108px; background-image:url(../img/header/bck_header.gif)}
#header #headerEspace {font-size:16px; font-weight:bold; padding:5px 10px; color:white}

#header #headerConnecte {font-size:12px; padding:5px 10px 0px 10px; color:white}
#header #headerConnecte a{color:white; text-decoration:none; font-size:10px;}
#header #headerConnecte a:hover{color:#801624}
#header #headerConnecte img {vertical-align:middle; padding:5px; border:0px}

#header #headerAccesProfil {font-size:11px; padding:0px 10px; color:white;}
#header #headerAccesProfil a{color:white; text-decoration:none;}
#header #headerAccesProfil a:hover{color:#801624}
#header #headerAccesProfil img {vertical-align:middle; padding:5px; border:0px}


/* Connexion Admin */
#headerConnecteAdmin {font-size:12px; padding:5px 10px 0px 10px; color:black}
#headerConnecteAdmin a{color:black; text-decoration:none; font-size:10px;}
#headerConnecteAdmin a:hover{color:#801624}
#headerConnecteAdmin img {vertical-align:middle; padding:5px; border:0px}





/* TITRES & MENU */
#titreEtMenu {height:50px; background-image:url(../img/header/bck_menu.gif);}

#titreEtMenu .titre {height:45px; width:385px; padding:2px 0px 0px 30px; float:left}
#titreEtMenu .titre h1 {font-size:22px; margin:0px; color:white; font-weight:normal}
#titreEtMenu .titre h2 {font-size:18px; margin:0px; color:white; font-weight:bold}

#titreEtMenu .menu {list-style-type:none; margin:0px; padding:0px; float:left; text-align:right; width:368px}
#titreEtMenu .menu img {border:0px; padding-top:27px; vertical-align:bottom}



/* STRUCTURE CENTRALE */

#conteneurCentral {width:830px;margin:0 auto; overflow:hidden; background-image:url(../img/centre/bck_centre.gif); background-repeat:repeat-y; }

#colonnePrincipale {padding:0px 260px 0px 30px; margin-left: 0px; /*overflow:auto*/}

#ligneMenuSupplementaire {height:20px; padding:0px 260px 0px 15px; margin-left: 0px; background-image:url(../img/centre/bck_centre.gif); background-repeat:repeat-y; }

.colonneGaucheType01 {float:left; width:525px; padding:0px;}
.colonneGaucheType02 {float:left; width:386px; padding:0px;}
.colonneGaucheType03 {float:left; width:756px; padding:0px;}

.colonneDroiteType01 {width:206px; float:right; padding:0px 55px 0px 0px;}

.colonneGaucheType5050 {float:left; padding:0px; width:365px}
.colonneDroiteType5050 {width:206px; float:right; padding:0px 55px 0px 0px; width:365px}

.colonneGaucheType6040 {float:left; padding:0px; width:438px}
.colonneDroiteType6040 {float:right; padding:0px 55px 0px 0px; width:292px}

/*STRUCTURE particulière de la home et styles s'y rapportant ================================================= */
.structure3ColsHome {width:400px; float:right; padding:0px 0px 0px 0px; /*background-color:red*/}
.structure3ColsHome .colonneDroiteType02Home {width:320px; padding:0px 0px 0px 0px;}
.structure3ColsHome .ligneCentraleColonneHome {border:0px; padding:0px; margin:0; background-color:#B3B3B3}

/* colonne au centre */
.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome .filetPointille {border-bottom:1px dashed #7D7D7D; margin:0px; padding:0px}
.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome .texteExergue {padding:58px 0px 58px 0px; margin:0px 5px 0px 5px; text-align:center; font-weight:bold; font-size:14px; color:#404040}
.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome h1{text-transform:uppercase; color:black; font-size:14px; font-weight:bold; padding:5px 0px 3px 5px; margin:0px; text-align:center}

.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome a.downloadPdf  {margin:5px 5px 5px 12px; padding:6px 0px 6px 20px; background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat; background-position:left; color:#404040;}
.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome a.downloadPdf:hover  {color:#801624}

.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome a.downloadDoc  {margin:5px 5px 5px 12px; padding:6px 0px 6px 20px; background-image:url(../img/icones/doc.gif); background-repeat:no-repeat; background-position:left; color:#404040;}
.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome a.downloadDoc:hover  {color:#801624}

.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome a.downloadXls  {margin:5px 5px 5px 12px; padding:6px 0px 6px 20px; background-image:url(../img/icones/doc.gif); background-repeat:no-repeat; background-position:left; color:#404040;}
.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome a.downloadXls:hover  {color:#801624}


.structure3ColsHome .colonneDroiteType02Home .ligneCentraleColonneHome .suivants {text-align:right; margin:7px 5px 0px 0px; padding:5px 20px 5px 0px;  background-image:url(../img/bt/next.gif); background-repeat:no-repeat; background-position:right; display:block; font-size:9px}

/* colonne à l'extreme droite */
.colonneDroiteType01Home {width:320px; padding:0px 55px 0px 0px;}
.colonneDroiteType01Home .ligneCentraleColonnes h1{text-transform:uppercase; color:black; font-size:14px; font-weight:bold; padding:5px 0px 20px 0px; margin:0px; text-align:center}
.colonneDroiteType01Home .ligneCentraleColonnes h2{color:#333333; font-size:12px; font-weight:bold; padding:0px 0px 0px 15px; margin:0px;}
.colonneDroiteType01Home .ligneCentraleColonnes .date{color:#666666; font-size:10px; padding:0px 0px 15px 15px; display:block}
.colonneDroiteType01Home .ligneCentraleColonnes p {padding:7px 5px 6px 0px}

.colonneDroiteType01Home .ligneCentraleColonnes .imgLeft {float:left; margin:0px 10px 0px 15px;}


.colonneDroiteType01Home .ligneCentraleColonnes .deposerMaintenant {text-align:right; margin:22px 10px 0px 0px; padding:5px 25px 5px 0px;  background-image:url(../img/bt/upload.gif); background-repeat:no-repeat; background-position:right; display:block; font-size:13px; font-weight:bold; color:#801624}

.modeles {text-align:center; margin:0px 10px 0px 0px; padding:5px 0px 5px 0px;  background-image:url(../img/bt/next.gif); background-repeat:no-repeat; background-position:right; display:block; font-size:13px; font-weight:bold; }


/*=========================================*/





.ligneCentraleColonnes {border-left:2px solid #DBDCDD; border-right:2px solid #DBDCDD; padding:0px;}
.ligneCentraleColonnes h1{text-transform:uppercase; color:black; font-size:14px; font-weight:bold; padding:5px 0px 20px 10px; margin:0px;}
.ligneCentraleColonnes h2{color:#333333; font-size:12px; font-weight:bold; padding:0px 0px 0px 10px; margin:0px;}
.ligneCentraleColonnes h3{text-transform:uppercase; color:black; font-size:14px; font-weight:bold; padding:5px 0px 5px 10px; margin:0px;}
.ligneCentraleColonnes h4{/*text-transform:uppercase;*/ color:black; font-size:14px; font-weight:bold; padding:5px 0px 8px 10px; margin:0px;}
.ligneCentraleColonnes h5{color:#871F1B; font-size:14px; font-weight:bold; padding:0px 0px 0px 10px; margin:0px;}



.ligneCentraleColonnes .date{color:#666666; font-size:10px; padding:0px 0px 0px 10px; display:block}
.ligneCentraleColonnes p {margin:0px 15px 0px 10px}
.ligneCentraleColonnes a.link01 {color:#801624}
.ligneCentraleColonnes a:hover.link01 {color:black}


.ligneCentraleColonnes02 {border-left:2px solid #BD858D; border-right:2px solid #BD858D; padding:0px;}
.ligneCentraleColonnes02 h1{text-transform:uppercase; color:black; font-size:14px; font-weight:bold; padding:5px 0px 20px 15px; margin:0px;}
.ligneCentraleColonnes02 h2{color:#333333; font-size:12px; font-weight:bold; padding:0px 0px 0px 15px; margin:0px;}
.ligneCentraleColonnes02 h3{text-transform:uppercase; color:black; font-size:14px; font-weight:bold; padding:5px 0px 5px 15px; margin:0px;}
.ligneCentraleColonnes02 h4{/*text-transform:uppercase;*/ color:black; font-size:14px; font-weight:bold; padding:5px 0px 8px 15px; margin:0px;}
.ligneCentraleColonnes02 .date{color:#666666; font-size:10px; padding:0px 0px 15px 15px; display:block}
.ligneCentraleColonnes02 p {margin:0px 15px 0px 15px}
.ligneCentraleColonnes02 a.link01 {color:#801624}
.ligneCentraleColonnes02 a:hover.link01 {color:black}


.filetPointille {border-bottom:1px dashed #7D7D7D; margin:0px 0px 5px 0px}


a.downloadPdf, a.downloadEps  {margin:0px 10px 0px 0px; padding:10px 0px 10px 25px; background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat; background-position:left; display:block;}
a.downloadDoc  {margin:0px 10px 0px 0px; padding:10px 0px 10px 25px; background-image:url(../img/icones/doc.gif); background-repeat:no-repeat; background-position:left; display:block;}
a.downloadXls  {margin:0px 10px 0px 0px; padding:10px 0px 10px 25px; background-image:url(../img/icones/xls.gif); background-repeat:no-repeat; background-position:left; display:block;}
a.downloadPpt  {margin:0px 10px 0px 0px; padding:10px 0px 10px 25px; background-image:url(../img/icones/ppt.gif); background-repeat:no-repeat; background-position:left; display:block;}

a.downloadGif  {margin:0px 10px 0px 0px; padding:10px 0px 10px 25px; background-image:url(../img/icones/gif.gif); background-repeat:no-repeat; background-position:left; display:block;}

a.downloadJpeg, a.downloadJpg  {margin:0px 10px 0px 0px; padding:10px 0px 10px 25px; background-image:url(../img/icones/jpg.gif); background-repeat:no-repeat; background-position:left; display:block;}


a.lkDivers  {color:#0A50FF; text-align:left; padding:5px 0px 0 0; display:block}

.commentaires {text-align:right; margin:0 0 15px 0}
.commentaires a{color:#0A50FF; text-align:right; padding:0 15px 0 0}

.suivants {text-align:right; margin:0 10px 0px 0; padding:10px 25px 10px 25px; background-image:url(../img/bt/next.gif); background-repeat:no-repeat; background-position:right; display:block;}





/* alternance de couleur sur div */
.row1 {background-color: #C9D6E4; color: #000000; margin:0px 4px 0px 4px; padding:5px 0px 10px 0px; border-bottom:1px dashed #7D7D7D;}
.row2 {background-color: #EFEFEF; color: #100000; margin:0px 4px 0px 4px; padding:5px 0px 10px 0px; border-bottom:1px dashed #7D7D7D;}






.titrePave {text-transform:uppercase; font-weight:bold; color:#871F1B; font-size:11px}



#popupModele {background-color:white}
#popupModele h1{color:#ba0000}









/* FOOTER */
#conteneurFooter {width:760px;margin:0 auto;/* background-color:#9999FF*/}
#conteneurFooter {height: 59px; background-image:url(../img/footer/bck_footer.gif); background-repeat:no-repeat; padding:18px 0 0 70px}
#conteneurFooter #copyright {font-size:9px; color:white; width:500px; font-weight:bold; /*background-color:#00CCFF*/}
#conteneurFooter #liensFooter {margin: 10px auto 0px auto; font-size:9px; width:700px; text-align:right; color:white; display:block;}
#conteneurFooter #liensFooter a{color:white; text-decoration:none;}
#conteneurFooter #liensFooter a:hover{color:#801624}


#lienLogoFooter {float:right; font-size:9px; width:270px; text-align:right; display:block; padding:5px 20px 0px 420px }