/***********************************************************************/
/*ENSEMBLE DE LA PAGE*/
/***********************************************************************/
body {width:1024px; margin:auto; margin-top:0; margin-bottom:0; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#696969;}
a img {border:0;}
p, div, label, form, input, select, textarea, dl, dt, dd, h1, h2 {margin:0; padding:0;}
dl {overflow:hidden; margin:10px 0 0 0; font-weight:bold; color:#BE009F;}
dt, dd {float:left; margin:0 5px 0 0;}

h1 {clear:both; width:1024px; padding:10px; color:#BE009F; font-size:12pt; font-weight:bold; text-align:center;}
h2 {position:absolute; top:-8px; left:13px; padding:0 10px; font-size:10pt; font-weight:bold; color:#16AFEB; background-color:#FFFFFF;}

/***********************************************************************/
/*BLOCS PRINCIPAUX*/
/***********************************************************************/
#femme {position:relative; margin:20px 0 0 0; width:944px; height:755px; background-image:url("../img/Connexion.jpg"); background-repeat:no-repeat;}
#grandlogo {position:absolute; top:180px; left:265px; width:424px; height:271px; background-image:url("../img/Grandlogo.png"); background-repeat:no-repeat;}

#connexion {position:absolute; top:475px; left:340px; color:#BE009F; text-align:center;}
#connexion p {margin:10px;}
#connexion label {color:#FFFFFF;}

#lfg {position:absolute; top:760px; left:410px; width:135px; height:77px;}
#message {position:absolute; top:440px; width:944px; color:#FFFFFF; text-align:center;}
#degrade {height:182px; background-image:url("../img/Degrade.jpg"); background-repeat:repeat-x; background-position:top;}
#global {width:1024px;}

#entete {overflow:hidden; color:#FFFFFF;}
#entetegauche {float:left; margin:0 10px 0 0; width:240px; height:135px; background-image:url("../img/Grandeseparation.jpg"); background-repeat:no-repeat; background-position:right;}
#entetedroite {float:left;}
#pied {margin:0 0 10px 0; width:1024px; text-align:center; font-size:8pt;}

/***********************************************************************/
/*DIVERS*/
/***********************************************************************/
.gauche {float:left;}
.droite {float:right;}
.enteteligne {overflow:hidden; margin:7px 0; width:760px;}
.gras {font-weight:bold;}
.rouge {color:#BE009F;}
.statistiques {float:left; margin:0 10px 0 0; width:230px; background-image:url("../img/Petiteseparation.jpg"); background-repeat:no-repeat; background-position:right;}
.cadre {position:relative; margin:30px 185px; padding:20px; width:650px; border:solid 1px #E5E5E5;}
.aide {position:absolute; top:-8px; right:13px; padding:0 10px; background-color:#FFFFFF;}
.barrer {text-decoration:line-through;}

.formligne {overflow:hidden; margin:0 0 10px 0;}
.formligne label {display:block; float:left; width:130px;}
.formligne span {color:#BE009F;}
.formligne p {float:left; margin:0 40px 0 0;}
.formligne textarea {width:460px;}

.formseparation {margin:20px 0; height:1px; background-color:#E5E5E5;}
.formsubmit {overflow:hidden; margin:0 0 10px 0; text-align:center;}

.erreur {margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:solid 1px #E5E5E5; color:#BE009F; text-align:center;}
.message {margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:solid 1px #E5E5E5; color:#16AFEB; text-align:center;}
.champs {width:142px;}

.tri {overflow:hidden; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:solid 1px #E5E5E5;}
.tri p {float:left; margin:0 10px 0 0;}

.listeligne {overflow:hidden;}
.listecellulecase {float:left; margin:0; padding:5px; width:30px; height:17px; text-align:center; border-right:solid 1px #E5E5E5;}
.listecellulegrande {float:left; margin:0; padding:5px; width:150px; height:17px; border-right:solid 1px #E5E5E5;}
.listecellulemoyenne {float:left; margin:0; padding:5px; width:100px; height:17px; border-right:solid 1px #E5E5E5;}
.listecellulepetite {float:left; margin:0; padding:5px; width:80px; height:17px; border-right:solid 1px #E5E5E5;}
.listecelluleaction {float:left; margin:0; padding:5px; width:125px; height:17px; text-align:center;}

.listegroupegauche {float:left; padding:5px 0; width:312px; text-align:left;}
.listegroupedroite {float:left; padding:5px 0; width:337px; text-align:right;}
.listegroupedroite p {float:right; margin:0 0 0 5px;}

.deplierligne {display:none; overflow:hidden; padding:10px 45px; height:80px; border:solid 1px #E5E5E5;}

.pourcentage {overflow:hidden; margin:0 0 5px 0;}
.pourcentage_contours {float:left; width:590px; height:15px; border:solid 1px #696969;}
.pourcentage_barre {height:15px; background-color:#16AFEB;}
.pourcentage span {float:left; margin:0 0 0 5px;}

.listetape {overflow:hidden; padding:5px; font-weight:bold; cursor:pointer;}
.listetape:hover {background-color:#E5E5E5;}

.listsousetape {margin:0 60px;}
.zonetexte {overflow:auto; margin:0 0 5px 0; height:60px; border-bottom:solid 1px #E5E5E5;}
.fenetre {margin:0 0 10px 0; padding:10px; border:solid 1px #BE009F;}
.commentaire {margin:0 0 10px 0; padding:10px; border:solid 1px #E5E5E5;}

/***********************************************************************/
/*LIENS ET TEXTES*/
/***********************************************************************/
.lien_blanc {font-weight:normal; color:#FFFFFF; text-decoration:none;}
.lien_blanc:hover {text-decoration:underline;}

.lien_gris {font-weight:normal; color:#696969; text-decoration:none;}
.lien_gris:hover {text-decoration:underline;}

.lien_bleu {font-weight:normal; color:#16AFEB; text-decoration:none;}
.lien_bleu:hover {text-decoration:underline;}

.lien_rouge {font-weight:normal; font-weight:bold; color:#BE009F; text-decoration:none;}
.lien_rouge:hover {text-decoration:underline;}

.lien_bouton {margin:0; padding:0; border:none; background:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#696969;}
.lien_bouton:hover {text-decoration:underline;}

.valider {padding:0 0 0 19px; width:19px; height:15px; background-image:url("../img/Case.gif"); background-repeat:no-repeat; color:#696969; text-decoration:none;}
.valider:hover {background-image:url("../img/CaseOK.gif");}

.devalider {padding:0 0 0 19px; width:19px; height:15px; background-image:url("../img/CaseOK.gif"); background-repeat:no-repeat; color:#696969; text-decoration:line-through;}
.devalider:hover {background-image:url("../img/Case.gif");}

/***********************************************************************/
/*PAGINATION*/
/***********************************************************************/
.pagination {margin:40px 0; font-size:10pt; text-align:center}
.pagination a {background-color:#FFF; border:1px solid #7E7E7E; color:#7E7E7E; margin:2px; padding:1px 3px; text-decoration:none}
.pagination a:hover {background-color:#FFF; border:1px solid #2062B4; color:#2062B4}
.pagination span.inactive {background-color:#FFF; border:1px solid #F0F0FF; color:#F0F0FF; margin:2px; padding:1px 3px;}
.pagination span.active {background-color:#C1DAFA; border:1px solid #2062B4; color:#2062B4; font-weight:700; margin:2px; padding:1px 3px;}

.paginationforum {margin:10px 0 0 0; font-size:10pt; text-align:center}
.paginationforum a {background-color:#FFF; border:1px solid #7E7E7E; color:#7E7E7E; margin:2px; padding:1px 3px; text-decoration:none}
.paginationforum a:hover {background-color:#FFF; border:1px solid #2062B4; color:#2062B4}
.paginationforum span.inactive {background-color:#FFF; border:1px solid #F0F0FF; color:#F0F0FF; margin:2px; padding:1px 3px;}
.paginationforum span.active {background-color:#C1DAFA; border:1px solid #2062B4; color:#2062B4; font-weight:700; margin:2px; padding:1px 3px;}