/* INFORMATIONS GENERALES */ * {margin:0px; padding:0px;} body {background-color:#005D98; text-align:left; font-family:Trebuchet MS, Sans Serif; font-size:12px; font-weight:normal; color:#000000;} body a {color:#0074AA; text-decoration:none;} body a:hover {text-decoration:underline;} body img {border:0px; text-decoration:none;} body a img {border:0px; text-decoration:none;} body input {font-size:12px; color:#000000; font-family:Trebuchet MS, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;} body input:focus {background-color:#F0F0F0; border:1px solid #81D753; border-bottom:1px solid #ACF586; border-right:1px solid #ACF586;} body textarea {font-size:12px; color:#000000; font-family:Trebuchet MS, Sans Serif; font-weight:normal; background-color:#FFFFFF; border:1px solid #323130; border-bottom:1px solid #E8E6E4; border-right:1px solid #E8E6E4;} body textarea:focus {background-color:#F0F0F0; border:1px solid #81D753; border-bottom:1px solid #ACF586; border-right:1px solid #ACF586;} .clear {clear:both;} /* ALIGNEMENT ET MISE EN FORME DES TEXTES */ .bold {font-weight:bold;} .italic {font-style:italic;} .souligne {text-decoration:underline;} .left {text-align:left;} .center {text-align:center;} .right {text-align:right;} .justify {text-align:justify;} .top {vertical-align:top;} .middle {vertical-align:middle;} .bottom {vertical-align:bottom;} .cliquable {cursor:pointer;} /* PAGE DE CONNEXION */ .accroche {position:relative; width:763px; height:67px; margin:auto;} .accroche .fon_acc {position:absolute; top:0px; left:0px; width:763px; height:67px;} .accroche h1.top_acc {position:absolute; top:5px; left:0px; width:763px; text-align:center; font-size:21px; font-weight:bold; color:#FFFFFF;} .accroche h1.top_acc span {color:#82D754;} .accroche h2.top_exp {position:absolute; top:35px; left:0px; width:763px; text-align:center; font-size:11px; font-weight:normal; color:#001D32;} .accueil {margin:auto; text-align:center; margin-top:10%;} .accueil2 {margin-top:70px;} .accueil .connexion {width:auto; height:275px; margin:auto; text-align:center; background:url('i-fond_barre.png') repeat top left;} .accueil .connexion .ppl_c {position:relative; width:500px; height:275px; margin:auto;} .accueil .connexion .essai {position:absolute; top:-40px; left:-115px; width:241px; height:77px; cursor:pointer;} .accueil .connexion .essai img.fond {position:absolute; top:0px; left:0px; width:241px; height:77px;} .accueil .connexion .essai img.essai {position:absolute; top:12px; left:22px; width:197px; height:28px;} .accueil .connexion .essai img.bouton {position:absolute; bottom:17px; left:87px; width:66px; height:20px;} .accueil .connexion .prese {position:absolute; top:-40px; right:-115px; width:241px; height:77px; cursor:pointer;} .accueil .connexion .prese img.fond {position:absolute; top:0px; left:0px; width:241px; height:77px;} .accueil .connexion .prese img.essai {position:absolute; top:30px; left:52px; width:136px; height:20px;} .accueil .connexion .inscription {display:none; position:absolute; top:0px; left:0px; width:500px; height:275px; background:#003A5C;} .accueil .connexion .inscription .titre {position:absolute; top:-40px; left:-115px; width:241px; height:77px;} .accueil .connexion .inscription .titre img.fond {position:absolute; top:0px; left:0px; width:241px; height:77px;} .accueil .connexion .inscription .titre img.titre {position:absolute; top:27px; left:66px; width:108px; height:22px;} .accueil .connexion .inscription .mess {position:absolute; top:0px; right:25px; width:450px; height:160px; padding-top:115px; background:#003A5C; font-weight:bold; text-align:center; color:#0ACD00; font-size:17px; line-height:22px;} .accueil .connexion .inscription .logo {position:absolute; top:-42px; right:0px; width:177px; height:40px;} .accueil .connexion .inscription .suppr {position:absolute; top:5px; right:5px; width:16px; height:16px; cursor:pointer;} .accueil .connexion .inscription .form {width:400px; height:auto; margin:auto; padding-top:50px; font-family:Arial, Sans Serif;} .accueil .connexion .inscription .form h2.tit {font-weight:bold; text-align:right; color:#0ACD00; font-size:17px; line-height:22px; padding-bottom:12px;} .accueil .connexion .inscription .form .lig {width:400px; height:32px; margin:auto; padding:0px; color:#89A1AF; font-size:14px; text-align:right;} .accueil .connexion .inscription .form .lig .txt {float:left; width:178px; height:auto; padding:0px; padding-top:4px;} .accueil .connexion .inscription .form .lig .inp {float:right; width:216px; height:auto; padding:0px;} .accueil .connexion .inscription .form .lig .inp input {width:211px; height:20px; padding:1px; font-size:14px; color:#0074BE; font-weight:bold; background:#E0E0E0; border:1px solid #E0E0E0; border-top:1px solid #00304F; border-left:1px solid #00304F;} .accueil .connexion .inscription .form .lig .inp input:focus {background-color:#F0F0F0; border:1px solid #81D753; border-bottom:1px solid #ACF586; border-right:1px solid #ACF586;} .accueil .connexion .inscription .form .sub {width:400px; height:auto; margin:auto; padding:0px; padding-top:10px; text-align:right;} .accueil .connexion .inscription .form .sub input.submit_i {width:215px; height:23px; border:0px; padding:0px; margin:0px; cursor:pointer; background:url('i-inscription_bouton.png') no-repeat bottom left;} .accueil .connexion .inscription .form .sub input.submit_i:focus{background-color:none; border:none;} .accueil .connexion h1 {padding-top:45px; padding-bottom:25px;} .accueil .connexion .formulaire {position:relative; width:400px; margin:auto; text-align:center;} .accueil .connexion .formulaire input {width:152px; height:24px; padding:1px 4px; font-size:16px; color:#0074BE; font-weight:bold; background:#E0E0E0; border:1px solid #E0E0E0; border-top:1px solid #00304F; border-left:1px solid #00304F; margin-right:5px;} .accueil .connexion .formulaire input.submit {width:50px; height:30px; border:0px; padding:0px; margin:0px; cursor:pointer; background:url('i-connexion.jpg') no-repeat bottom left;} .accueil .connexion .formulaire input.chk {width:14px; height:14px; border:0px; padding:0px; margin:0px; background:none; vertical-align:middle;} .accueil .connexion .formulaire input:focus {background-color:#F0F0F0; border:1px solid #81D753; border-bottom:1px solid #ACF586; border-right:1px solid #ACF586;} .accueil .connexion .formulaire input.submit:focus {background-color:none; border:none;} .accueil .connexion .formulaire input.chk:focus {background-color:none; border:none;} .accueil .connexion .formulaire .ident {width:200px; height:auto; color:#FFFFFF; font-size:12px; text-align:left; padding-top:3px; padding-left:100px;} .accueil .connexion .formulaire .message_login {position:absolute; top:57px; left:3px; width:auto; height:49px; cursor:pointer; display:block; z-index:55;} .accueil .connexion .formulaire .message_login .ga {float:left; width:21px; height:49px; background:url('i-message_login_gauche.png') no-repeat top left; z-index:55;} .accueil .connexion .formulaire .message_login .ce {float:left; width:auto; height:37px; padding-top:12px; background:url('i-message_login_centre.png') repeat-x top left; font-weight:bold; font-size:14px; color:#FFFFFF; border:none; z-index:55;} .accueil .connexion .formulaire .message_login img {vertical-align:middle; z-index:55;} .accueil .connexion .formulaire .message_login .dr {float:left; width:38px; height:49px; background:url('i-message_login_droite.png') no-repeat top left; z-index:55;} .accueil .connexion .formulaire .message_mdp {position:absolute; top:57px; left:3px; width:auto; height:49px; z-index:50;} .accueil .connexion .formulaire .message_mdp .ga {float:left; width:21px; height:49px; background:url('i-message_login_gauche.png') no-repeat top left; z-index:50;} .accueil .connexion .formulaire .message_mdp .ce {float:left; width:auto; height:37px; padding-top:12px; background:url('i-message_login_centre.png') repeat-x top left; font-weight:bold; font-size:14px; color:#FFFFFF; border:none; z-index:50;} .accueil .connexion .formulaire .message_mdp .dr {float:left; width:38px; height:49px; background:url('i-message_login_droite.png') no-repeat top left; z-index:50;} .accueil .connexion .formulaire .message_mdp input {width:145px; height:18px; padding:1px 1px; font-size:12px; color:#0074BE; font-weight:bold; background:#E0E0E0; border:1px solid #E0E0E0; border-top:1px solid #00304F; border-left:1px solid #00304F;} .accueil .connexion .formulaire .message_mdp input.nots {width:70px; height:22px; padding:1px 1px; font-size:12px; color:#0074BE; font-weight:bold;} .accueil .partenaire {width:707px; margin:auto; padding:0px; margin-top:8px;} .accueil .partenaire h3.part_tit {height:10px; color:#A1D0EE; font-size:11px; font-weight:bold; margin:0px; padding:0px; padding-left:10px; text-align:left;} .accueil .partenaire .part_haut {width:707px; height:7px; margin:0px; padding:0px;} .accueil .partenaire .part_cent {width:707px; height:auto; margin:0px; padding:0px; background:#FFFFFF;} .accueil .partenaire .part_cent a {padding:0px 6px;} .accueil .partenaire .part_cent a img {margin:2px 0px; vertical-align:middle;} .accueil .partenaire .part_bas {width:707px; height:7px; margin:0px; padding:0px; margin-top:-7px;} .accueil .supplements {color:#D5E5EF; margin-top:30px; margin-bottom:25px;} .accueil .supplements a {color:#D5E5EF;} .accueil .supplements .space {padding:0px 12px;} /* PAGE DE PRESENTATION */ body.presentation {background:url('i-fond_barre_bas.jpg') repeat top left;} .bandeau {width:auto; height:auto; margin:auto; text-align:left; background:url('i-fond_barre.png') repeat top left;} .bandeau .contenu {position:relative; width:1000px; height:auto; margin:auto;} .bandeau .contenu h1.logo {width:256px; height:58px; padding-top:15px;} .bandeau .contenu h2.sslogo {width:500px; height:auto; padding-top:2px; padding-bottom:10px; font-weight:normal; color:#FFFFFF; font-size:12px;} .bandeau .contenu .v_demo {position:absolute; top:20px; right:30px; width:267px; height:67px;} .bandeau .contenu .v_demo .fond {position:absolute; top:0px; right:0px; width:267px; height:67px;} .bandeau .contenu .v_demo .link {position:absolute; top:0px; right:0px; width:267px; height:67px;} .bandeau .contenu .v_demo .link a {display:block; font-size:14px; line-height:18px; font-weight:bold; color:#133F72; width:160px; height:55px; padding:12px 22px 0px 85px;} .ppl {width:auto; height:auto; margin:auto; text-align:left; background:#FFFFFF;} .ppl .contenu {position:relative; width:1000px; height:auto; min-height:100px; _height:100px; margin:auto;} .ppl .contenu .essai {position:absolute; top:-40px; right:0px; width:241px; height:77px; cursor:pointer;} .ppl .contenu .essai img.fond {position:absolute; top:0px; left:0px; width:241px; height:77px;} .ppl .contenu .essai img.essai {position:absolute; top:12px; left:22px; width:197px; height:28px;} .ppl .contenu .essai img.bouton {position:absolute; bottom:17px; left:87px; width:66px; height:20px;} .ppl .contenu h3.h3_1 {font-size:18px; font-weight:normal; color:#0088DF; padding-top:9px; padding-bottom:4px;} .ppl .contenu h3.h3_1 span {font-weight:bold; color:#82D754;} .ppl .contenu h1.h1_1 {font-size:14px; font-weight:normal; color:#4ABB47; padding-bottom:7px;} .ppl .contenu .img {width:912px; height:1768px; margin:auto;} .pied {width:auto; height:auto; margin:auto; text-align:left;} .pied p {width:1000px; height:auto; margin:auto; padding-top:18px; padding-bottom:18px; color:#FFFFFF; text-align:center; font-size:20px; font-weight:bold;} .pied p a {color:#FFFFFF; text-decoration:underline;} .pied .supplements {color:#8FCBF1; margin-bottom:10px; text-align:center;} .pied .supplements a {color:#8FCBF1;} .pied .supplements .space {padding:0px 8px;} /* LAYER DU CODE POSTAL */ #adresse {position:absolute; top:100px; left:350px; width:501px; display:none; z-index:99;} #adresse .ahaut {width:400px; height:15px; background:url('i-fond_codepostal_haut.png') top left no-repeat; z-index:99; position:relative;} #adresse .aferme {position:absolute; top:10px; right:12px; z-index:99;} #adresse .aferme a {border:0px; text-decoration:none; z-index:99;} #adresse .aferme img {border:0px; z-index:99;} #adresse .acentre {width:400px; min-height:50px; height:auto; _height:50px; padding:0px; padding-left:25px; color:#000000; font-size:12px; background:url('./i-fond_codepostal_centre.png') top left repeat-y; z-index:99;} #adresse .acentre a {color:#000000; text-decoration:underline; z-index:99;} #adresse .acentre a:hover {text-decoration:none; z-index:99;} #adresse .abas {width:400px; height:15px; background:url('i-fond_codepostal_bas.png') top left no-repeat; z-index:99;} /* LAYER DE CHARGEMENT */ #loading {display:none; z-index:98; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} #chargement {display:none; z-index:99; position:fixed; top:10px; right:10px; width:250px; height:40px; background-color:#FFFFFF; text-align:center; border:3px solid #969696; padding-top:7px; font-size:18px; font-weight:normal; color:#848484;} #chargement img {border:0px; vertical-align:middle;} /* TAGS D'ACCENTUATION DU REFERENCEMENT */ #tags {width:980px; margin:auto; height:30px; padding:1px 10px; margin-top:15px; margin-bottom:15px; line-height:14px; color:#0088DF; background:#8FCBF1; border:1px solid #0088DF; overflow:auto; overflow-x:hidden; overflow-y:hidden; text-align:justify;} #tags h3.tag3 {display:inline; font-weight:bold; font-size:14px;} #tags h4.tag4 {display:inline; font-weight:bold; font-size:12px;} #tags h5.tag5 {display:inline; font-weight:normal; font-size:14px;} #tags h6.tag6 {display:inline; font-weight:bold; font-size:10px;} #tags a {color:#0088DF;} /* FOOTER */ /* COPYRIGHT */ .copyright {margin:auto; text-align:center; color:#D5E5EF; font-size:10px; font-family:Verdana, Sans Serif; padding-top:10px; padding-bottom:5px; font-weight:bold;} .copyright a {color:#D5E5EF; text-decoration:underline;} .copyright a:hover {text-decoration:none;}