/** * Entete CSS : redefinition de styles par defaut */ html { overflow: -moz-scrollbars-vertical !important; } html, body { height: 100%; } body { margin: 0; padding: 0; color: #828282; font: 69% Verdana, Arial, Helvetica, sans-serif; background: url(../fr/nav/body.jpg) #759A1A repeat-x bottom center; } p { margin: 0; padding: 0; } a { color: #FC8901; text-decoration: none; } a img { border: none; } strong { color: #818181; } .couleur2 strong { color: #4C4C4C; } form { margin: 0; padding: 0; } input, textarea { font: 1em Verdana, Arial, Helvetica, sans-serif; } ul { margin: 10px 0 10px 30px; padding: 0; list-style: none; list-style-position: outside; } ul li { list-style: square; } hr { height: 1px; display: block; margin: 10px 0 10px 0; padding: 0; color: #CCCDCD; background: #CCCDCD; border: 0; } /** * Styles commun */ .clear { clear: both; } .effacer { display: block; text-indent: -5000px; font-size: 0px; } .champobligatoire { color: #FF0000; font-weight: bold; } /** * Styles éditeur */ .tab_2col { border-collapse: collapse; width: 870px; text-align: justify; } .tab_2col td { width: 390px; vertical-align: top; } .tab_2col .col1 { padding-right: 45px; } .tab_2col .col2 { padding-left: 45px; } .tab1 { border-collapse: collapse; width: 100%; border: 1px solid #91BD27; } .tab1 th { background: #91BD27; color: #fff; padding: 1px; text-align: center; font-weight: normal; } .couleur1 { color: #FC8B05; } .couleur2 { color: #91BD27; } h3 { color: #91BD27; font-size: 1.6em; margin: 15px 0 10px 0; } h4 { color: #FC8B05; font-size: 1.3em; margin: 5px 0 10px 0; } h5 { background: #F3F3F3; font-size: 1em; font-weight: normal; margin: 0; padding: 3px 10px 3px 10px; } .textepetit { font-size: 0.9em; } .textegrand { font-size: 1.1em; } .border, .image { border: 1px solid #BCBCBC; } .border_image { border: 1px solid #797676; padding: 4px; background: #fff; } /** * Header */ #header { background: url(../fr/nav/header.jpg) no-repeat 50% 0%; height: 223px; } #header h1 { display: none; margin: 0; } #header #quick { position: absolute; top: 0; right: 0px; margin: 0; } #header #quick li { display: inline; margin: 0 8px 0 8px; list-style: none; line-height: 32px; font-size: 0.9em; } #header #quick li a { color: #fff; } #header #quick li a.actif { color: #FB8801; } #header #nav { position: absolute; top: 32px; left: 500px;/*590px;*/ margin: 0; } #header #nav li { float: left; list-style: none; width: 88px; height: 44px; } #header #nav li a { display: block; text-indent: -5000px; font-size: 0px; height: 44px; } #header #nav #menu1 { background: url(../fr/nav/menu1.gif) no-repeat top left; } #header #nav #menu1_actif { background: url(../fr/nav/menu1.gif) no-repeat bottom left; } #header #nav #menu1:hover { background: url(../fr/nav/menu1.gif) no-repeat bottom left; } #header #nav #menu2 { background: url(../fr/nav/menu2.gif) no-repeat top left; } #header #nav #menu2_actif { background: url(../fr/nav/menu2.gif) no-repeat bottom left; } #header #nav #menu2:hover { background: url(../fr/nav/menu2.gif) no-repeat bottom left; } #header #nav #menu5 { background: url(../fr/nav/menu5.gif) no-repeat top left; } #header #nav #menu5_actif { background: url(../fr/nav/menu5.gif) no-repeat bottom left; } #header #nav #menu5:hover { background: url(../fr/nav/menu5.gif) no-repeat bottom left; } #header #nav #menu3 { background: url(../fr/nav/menu3.gif) no-repeat top left; } #header #nav #menu3_actif { background: url(../fr/nav/menu3.gif) no-repeat bottom left; } #header #nav #menu3:hover { background: url(../fr/nav/menu3.gif) no-repeat bottom left; } #header #nav #menu4 { background: url(../fr/nav/menu4.gif) no-repeat top left; width: 89px; } #header #nav #menu4_actif { background: url(../fr/nav/menu4.gif) no-repeat bottom left; width: 89px; } #header #nav #menu4:hover { background: url(../fr/nav/menu4.gif) no-repeat bottom left; } /** * Interface */ #main { background: url(../fr/nav/main.gif) #fff no-repeat top center; } .conteneur { position: relative; left: 50%; width: 945px; min-height: 100%; margin-left: -472px; } #main .conteneur { background: url(../fr/nav/conteneur.gif) no-repeat bottom center; padding: 15px 0 55px 0; min-height: 320px; } * html #main .conteneur { height: 380px; } *+html #main .conteneur { min-height: 380px; } /** * Accueil */ #main #titre_calculimc { margin-left: 17px; } #main #bloc1 { float: left; background: url(../fr/nav/acc/bloc1.jpg) no-repeat; width: 330px; height: 329px; padding: 18px 0 0 158px; margin-top: 13px; } #main #bloc1 .textepetit { display: block; font-size: 0.8em; text-align: right; padding-bottom: 5px; } #main #bloc1 #form_imc { font-size: 1.1em; margin: 25px 0 0 77px; width: 230px; } #main #bloc1 #form_imc .field, #main #bloc1 #form_imc .field_option { padding: 4px 0 4px 0; } #main #bloc1 #form_imc .field input { background: #fff; border: 1px solid #FC8B05; padding: 3px; font-size: 0.9em; } #main #bloc1 #form_imc label { display: block; float: left; width: 130px; } #main #bloc1 #form_imc #imc_submit { margin-top: 15px; } #main #bloc2 { float: right; background: url(../fr/nav/acc/bloc2.jpg) no-repeat; width: 408px; height: 318px; line-height: 1.7em; padding: 16px 12px 12px 12px; margin-top: 13px; } /** * Nv2 : pages */ #editable { width: 870px; margin: 0 auto; line-height: 1.7em; } #editable a { text-decoration: underline; } #editable a:hover { text-decoration: none; } #editable ul { margin: 5px 10px 5px 60px; } #editable ul li { list-style: none; background: url(../fr/nav/puce.gif) no-repeat 0px 3px; padding-left: 20px; } #editable #colonnes { width: 100%; border-collapse: collapse; background: #fff; } #editable #colonnes td { width: 50%; padding: 8px; vertical-align: top; } #main #liste_pages { width: 870px; margin: 20px auto 0 auto; border: 1px solid #797676; padding: 4px; } #main #liste_pages ul { background: #F3F3F3; margin: 0; padding: 5px 0 5px 15px; } #main #liste_pages li { list-style: none; background: url(../fr/nav/puce2.gif) no-repeat 0px 3px; padding: 4px 0 4px 20px ; } #main #liste_pages li a { text-decoration: underline; color: #828282; } /** * Contact */ #contact label { display: block; float: left; width: 140px; } #contact .nowidth { float: none; width: 300px !important; padding-bottom: 5px; } #contact label .num { color: #FC8B05; font-weight: bold; } #contact .border { border-collapse: collapse; width: 100%; border: 1px solid #85AE21; background: url(../fr/nav/contact/tab_contact_p.jpg) repeat-x bottom center; } #contact .border td { padding: 8px 8px 10px 8px; vertical-align: middle; } #contact .border #adresse { width: 20%; } #contact .border #contact_imc { width: 80%; } #contact .noborder { border-collapse: collapse; width: 97%; } #contact .noborder td { padding: 8px; vertical-align: middle; } #contact .image { border: 1px solid #85AE21; } #contact .nobg { background: #fff; } #contact #questions { background: url(../fr/nav/contact/tab_contact_g.jpg) repeat-x bottom center; } #contact #questions label { width: 240px; padding-right: 10px; } #contact #questions .field_select label { width: 160px; padding-right: 10px; } #contact #questions .field_checkbox div { float: left; margin-right: 10px; white-space: nowrap; } #contact #tab_resultat p { line-height: 1.6em; } #contact #resultat { background: url(../fr/nav/contact/resultat_imc.gif) no-repeat; width: 200px; height: 200px; position: relative; } #contact #resultat .haut { position: absolute; top: 45px; left: 0; width: 200px; text-align: center; color: #fff; font-size: 1.2em; line-height: 1.5em; } #contact #resultat .bas { position: absolute; bottom: 40px; left: 0; width: 200px; text-align: center; color: #fff; font-size: 1.6em; font-weight: bold; } #contact #obligatoire { width: 98%; text-align: right; padding-bottom: 5px; } /* formulaire complet */ #contact #titre_calculimc { margin-left: 17px; } #contact #bloc1 { float: left; background: url(../fr/nav/acc/bloc1.jpg) no-repeat; width: 330px; height: 329px; padding: 18px 0 0 158px; margin-top: 13px; } #contact #bloc1 .textepetit { display: block; font-size: 0.8em; text-align: right; padding-bottom: 5px; } #contact #bloc1 #form_imc { font-size: 1.1em; margin: 25px 0 0 77px; width: 230px; } #contact #bloc1 #form_imc .field, #contact #bloc1 #form_imc .field_option { padding: 4px 0 4px 0; } #contact #bloc1 #form_imc .field input { background: #fff; border: 1px solid #FC8B05; padding: 3px; font-size: 0.9em; } #contact #bloc1 #form_imc label { display: block; float: left; width: 130px; } #contact #bloc1 #form_imc #imc_submit { margin-top: 15px; } #contact #bloc2 { float: right; background: url(../fr/nav/acc/bloc2.jpg) no-repeat; width: 408px; height: 318px; line-height: 1.7em; padding: 16px 12px 12px 12px; margin-top: 13px; } #contact #bloc2 .border { border-collapse: inherit; width: auto; border: 1px solid #BCBCBC; background: none; } /** * Contact 2 */ #contact2 { width: 850px; margin: 0 auto; } #contact2 #left-bloc { float: left; width: 450px; } #contact2 h4 { padding-bottom: 10px; } #contact2 form { margin: 30px 0; } #contact2 form p { margin: 6px 0; } #contact2 form .error { margin-left: 150px; color: #f00; } #contact2 form label { display: block; float: left; width: 150px; } #contact2 form .input { width: 200px; } #contact2 #message-bloc { float: left; width: 350px; margin-left: 45px; } #contact2 form textarea { width: 300px; height: 100px; } #contact2 #message-bloc .error { margin: 0; } #contact2 #p-submit { margin: 25px 0; text-align: center; } /** * Footer */ #footer { background: url(../fr/nav/footer.gif) repeat-x; height: 34px; line-height: 34px; font-size: 0.9em; color: #fff; } #footer a { color: #fff; } #footer #pyxis { position: absolute; top: 0; right: 0; }