@charset "utf-8";
/* CSS Document */

div#contenuPage{margin-left: 40px; width: 960px; }
div#barometre{ background-image:url(/images/fonds/fond_barometre.gif); background-repeat:no-repeat; width:980px; height:26px; margin-left:10px;}
div#espaceMembre{  width:308px; margin-top:5px; float:left;}
div#bandeauInferieur{ width:100%; height:36px; background-image:url(/images/fonds/fond_bandeau_inf.gif); background-repeat:repeat-x; float:left; margin-top:10px;}
div#formulaireInscription { width:480px;}

div#defilant{ margin-left:151px; width:828px; float:left; height:26px; margin-top:5px;}
div#TitreRegion{float:left; height:26px; width:193px;}
div#FormRegion{float:left; height:26px; width:95px; vertical-align:middle; margin-left:10px; margin-top:3px;}

div#Promotion{width:311px; margin-left:16px; float:left; margin-top:80px;}
div#LiensRapide{width:277px; margin-left:20px; float:left; margin-top:13px;}
div#ContenuPagePublic{width:570px; margin-left:26px; float:left; margin-top:23px; color:#000000; border-left:1px solid #F4F4F4; padding-left:20px;}


/* -----------------------------------   CSS Défaut    */
body{font:12px Arial, Helvetica, sans-serif; margin:0px; }
a:link {color:#039FE1; text-decoration:underline;filter: -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity=80);}
a:hover {color:#039FE1;  text-decoration:none; filter: -moz-opacity:1; opacity: 1; filter: alpha(opacity=100);}
a:active {color:#039FE1;  text-decoration:none; filter: -moz-opacity:0.2; opacity: 0.2; filter: alpha(opacity=20);}
a:visited {color:#039FE1;  text-decoration:underline;filter: -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity=80);}
a:visited:hover {color:#039FE1;  text-decoration:none; filter: -moz-opacity:1; opacity: 1; filter: alpha(opacity=100);}

/* -------------------------------- styles des FORMULAIRES */
input.champTexte{border:thin solid #039FE1; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#039FE1; height:16px; padding:1px}
input.champTexte:focus{ background-color:#F9F9F9; border: solid #039FE1; }

textarea.champTexteLong{border:thin solid #039FE1; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#039FE1; height:80px; padding:1px}
textarea.champTexteLong:focus{ background-color:#F9F9F9; border: solid #039FE1; }

input.champTexte2{border:thin solid #039FE1; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#039FE1; height:16px; padding:1px; margin-top:-3px;}
input.champTexte2:focus{ background-color:#F9F9F9; border: solid #039FE1; }

select{border:thin solid #039FE1; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#039FE1; padding:2px}
select:focus{  }

input.checkBox{}
input.checkBox:actif{ background-color:#F9F9F9; border: solid #039FE1; }


input.validImage {border:none;}
input.validImage:active { filter: -moz-opacity:0.7; opacity: 0.7; filter: alpha(opacity=70);}

input.validImage2 {border:none; margin-top:5px;}
input.validImage2:active { filter: -moz-opacity:0.7; opacity: 0.7; filter: alpha(opacity=70);}



/* -------------------------------- styles des LISTES */
.puceBleu { list-style-image:url(/images/icones/puce_bleu.gif); }

/* -------------------------------- styles des POLICES */
.exposant{ vertical-align: super; font-size:8px;}

.p10{font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.p11{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.p12{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.p13{font-family:Arial, Helvetica, sans-serif; font-size:13px;}

.p10bleuclair{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#9EE0F5}
.p11bleuclair{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9EE0F5}
.p12bleuclair{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9EE0F5}
.p13bleuclair{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#9EE0F5}

.p10bleuPI{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#039FE1}
.p11bleuPI{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#039FE1}
.p12bleuPI{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#039FE1}
.p13bleuPI{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#039FE1}

.p11bleuLMP{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#990000}


.p10blanc{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; }
.p11blanc{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; }
.p12blanc{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
.p13blanc{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; }

.p10gris{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#868686; }
.p11gris{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#868686; }
.p12gris{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#868686; }
.p13gris{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#868686; }


.legende{font-size:10px; font-style:italic;}

/* -----------------------------------   CSS DIV    */

div#general{position:absolute; margin-top: 15px; margin-left: -500px; left: 50%; width:1000px; z-index:0;}
div#top{ height:80px; }
div#logo{ margin-left:28px; width:287px; height:70px; float:left; margin-top:0px; }
div#num_azur{ width:193; height:30px; float:left; margin-top:36px; margin-left:440px }
div#copyright{ font: 9px bold Arial, Helvetica, sans-serif; color: #8C8C8C; width:1000px; float:left; margin-top:15px; }


/* -----------------------------------   CSS Cursor    */

.main{cursor:pointer;}


a.liengrisbleu{color:#8C8C8C; text-decoration:none; filter: -moz-opacity:1.0; opacity: 1.0; filter: alpha(opacity=100);}
a:hover.liengrisbleu{color:#039FE1; text-decoration:none; filter: -moz-opacity:1.0; opacity: 1.0; filter: alpha(opacity=100);}