/** * Entete CSS : redefinition de styles par defaut */ html { overflow: -moz-scrollbars-vertical !important; } html, body { height: 100%; } body { margin: 0; padding: 0; font: 76% Verdana, Arial, Helvetica, sans-serif; behavior: url('/css/csshover.htc'); background: #fff; } p { margin: 0; padding: 0; } a { color: #657ba9; text-decoration: none; } a img { border: none; } form { margin: 0; padding: 0; } input, textarea { font: 1em Verdana, Arial, Helvetica, sans-serif; } ul { margin: 0; padding: 0; list-style: none; list-style-position: inside; } blockquote { margin: 8px 0 8px 0; background: #F6F8FB; color: #8FA4CF; font-size: 1.2em; font-weight: bold; letter-spacing: 0.02em; line-height: 18px; border-top: 1px solid #CCCDCD; border-bottom: 1px solid #CCCDCD; padding: 10px 6px 10px 6px; } hr { height: 1px; display: block; margin: 10px 0 10px 0; padding: 0; color: #CCCDCD; background: #CCCDCD; border: 0; } /** * Styles commun */ .clear { clear: both; } .champobligatoire { color: #FF0000; font-weight: bold; } .btn { background: #F6F8FB; padding: 3px 4px 3px 4px; color: #8FA4CF; font-size: 0.9em; } .border { border: 1px solid #8FA4CF; padding: 2px; } .border1 { border: 1px solid #CCCDCD; padding: 5px; } .right { float: right; padding: 5px 10px 10px 15px; } .center { text-align: center; } .retour { text-align: center; margin-bottom: 15px; width: 474px; } #overDiv { position:absolute; visibility:hidden; z-index:1000; } /* necessaire a la librairie overlib */ /** * Styles partie editable : styles pour FCKeditor */ .couleur1 { color: #EA083D; } .textepetit { font-size: 0.9em; } .textegrand { font-size: 1.1em; } .titre { display: block; color: #DA0033; font-size: 1.5em; font-weight: normal; margin: 0 0 7px 0; letter-spacing: -0.02em; } h3 { color: #DA0033; font-size: 1.5em; font-weight: normal; margin: 0 0 7px 0; letter-spacing: -0.02em; } .titre a, h3 a { color: #DA0033; } .sous_titre { color: #DD003B; font-weight: bold; background: url(../fr/nav/nv2/puce_sous_titre.gif) no-repeat 0px 3px; } *+html .sous_titre { display: block; background: url(../fr/nav/nv2/puce_sous_titre.gif) no-repeat 0px 6px; } * html .sous_titre { display: block; float: left; text-indent: 19px; background: url(../fr/nav/nv2/puce_sous_titre.gif) no-repeat 20px 6px; } h4 { color: #DD003B; font-size: 1em; font-weight: bold; background: url(../fr/nav/nv2/puce_sous_titre.gif) no-repeat 0px 6px; margin: 0; } .sous_titre a, h4 a { color: #DD003B; } .tab1 { border-collapse: separate; width: 100%; } .tab1 th { background: #DD003B; color: #fff; padding: 3px; } .tab1 td { background: #F2F2F2; color: #343434; padding: 3px; } .tab2 { border-collapse: separate; width: 100%; } .tab2 th { background: #DD003B; color: #fff; padding: 3px; } .tab2 td { color: #343434; padding: 3px; } /** * Header : haut de page */ #header { background: url(../fr/nav/header.jpg) no-repeat top left; height: 134px; } #header h1 { margin: 0; display: block; text-indent: -5000px; font-size: 0px; } #header #version_en { position: absolute; top: 6px; left: 826px; width: 21px; height: 16px; display: block; text-indent: -5000px; font-size: 0px; } #header ul { position: absolute; top: 110px; left: 471px; font-size: 0.85em; } #header ul li { float: left; margin: 0 5px 0 0; color: #fff; line-height: 18px; } #header ul li a { color: #fff; padding: 0 2px 0 2px; } #header ul li a:hover { border-bottom: 1px solid #fff; } #header ul li.actif a { border-bottom: 1px solid #fff; } #header #form_recherche #text_rechercher { border: 1px solid #878787; width: 105px; } /** * Navigation : menu niveau 1 + menu deroulant */ #bloc_nav { width: 853px; height: 54px; padding: 0 0 5px 0; background: #fff; } #bloc_nav>ul a { width: auto; } #bloc_nav ul ul { position: absolute; display: none; } #bloc_nav li { position: relative; margin: 0; padding: 0; float: left; z-index: 100; } #bloc_nav .level1 li { height: 54px; margin: 0 1px 0 0; } #bloc_nav .level1 li a { display: block; text-indent: -5000px; font-size: 0px; height: 54px; } /* definition des styles pour les rubriques de 1er niveau */ #bloc_nav .level1 #menu1 { background: url(../fr/nav/menu1.gif) no-repeat; width: 110px; } #bloc_nav .level1 #menu1_actif { background: url(../fr/nav/menu1_hover.gif) no-repeat; width: 110px; } #bloc_nav .level1 #menu1:hover { background: url(../fr/nav/menu1_hover.gif) no-repeat; } #bloc_nav .level1 #menu2 { background: url(../fr/nav/menu2.gif) no-repeat; width: 106px; } #bloc_nav .level1 #menu2_actif { background: url(../fr/nav/menu2_hover.gif) no-repeat; width: 106px; } #bloc_nav .level1 #menu2:hover { background: url(../fr/nav/menu2_hover.gif) no-repeat; } #bloc_nav .level1 #menu3 { background: url(../fr/nav/menu3.gif) no-repeat; width: 112px; } #bloc_nav .level1 #menu3_actif { background: url(../fr/nav/menu3_hover.gif) no-repeat; width: 112px; } #bloc_nav .level1 #menu3:hover { background: url(../fr/nav/menu3_hover.gif) no-repeat; } #bloc_nav .level1 #menu4 { background: url(../fr/nav/menu4.gif) no-repeat; width: 119px; } #bloc_nav .level1 #menu4_actif { background: url(../fr/nav/menu4_hover.gif) no-repeat; width: 119px; } #bloc_nav .level1 #menu4:hover { background: url(../fr/nav/menu4_hover.gif) no-repeat; } #bloc_nav .level1 #menu5 { background: url(../fr/nav/menu5.gif) no-repeat; width: 200px; } #bloc_nav .level1 #menu5_actif { padding-top: 3px; background: url(../fr/nav/menu5_hover.gif) no-repeat; width: 200px; } #bloc_nav .level1 #menu5:hover { background: url(../fr/nav/menu5_hover.gif) no-repeat; } #bloc_nav .level1 #menu6 { background: url(../fr/nav/menu6.gif) no-repeat; width: 199px; } #bloc_nav .level1 #menu6_actif { background: url(../fr/nav/menu6_hover.gif) no-repeat; width: 199px; } #bloc_nav .level1 #menu6:hover { background: url(../fr/nav/menu6_hover.gif) no-repeat; } #bloc_nav ul.level1 li.submenu:hover ul.level2, #bloc_nav ul.level2 li.submenu:hover ul.level3 { display: block; } #bloc_nav ul.level2 { top: 54px; left: 0; border: 1px solid #787878; } #bloc_nav .level1 #menu5 ul.level2, #bloc_nav .level1 #menu5 ul.level2 li, #bloc_nav .level1 #menu5_actif ul.level2, #bloc_nav .level1 #menu5_actif ul.level2 li { width: 199px; } #bloc_nav .level1 #menu6 ul.level2, #bloc_nav .level1 #menu6 ul.level2 li, #bloc_nav .level1 #menu6_actif ul.level2, #bloc_nav .level1 #menu6_actif ul.level2 li { width: 196px; } #bloc_nav .level1 #menu5 ul.level2 li a, #bloc_nav .level1 #menu5_actif ul.level2 li a { width: 164px; } #bloc_nav .level1 #menu6 ul.level2 li a, #bloc_nav .level1 #menu6_actif ul.level2 li a { width: 161px; } #bloc_nav .level1 ul.level2 li { border-bottom: 1px solid #787878; background: url(../fr/nav/bloc_nav_list.gif) #fff no-repeat; color: #6C6C6C; width: 200px; height: auto; margin: 0; } #bloc_nav .level1 #menu5_level2 li { background: url(../fr/nav/bloc_nav_list5.gif) #fff no-repeat; } #bloc_nav .level1 #menu6_level2 li { background: url(../fr/nav/bloc_nav_list6.gif) #fff no-repeat; } #bloc_nav .level1 ul.level2 li a { text-indent: 0px; font-size: 0.9em; font-weight: bold; color: #6C6C6C; width: 165px; height: auto; padding: 4px 5px 5px 30px; } /** * Footer : bas de page */ #footer { clear: left; position: relative; left: 50%; width: 857px; margin-left: -428px; height: 30px; background: url(../fr/nav/footer.gif) no-repeat; font-size: 0.85em; padding-bottom: 30px; } #footer #footer1 { position: absolute; left: 343px; width: 53px; height: 30px; } #footer #footer2 { position: absolute; left: 407px; margin-top: 7px; line-height: 15px; } #footer #footer2 a { color: #696969; } #footer #footer3 { position: absolute; left: 797px; margin-top: 2px; width: 45px; height: 25px; } #footer #footer1 a, #footer #footer3 a { width: 100%; height: 100%; display: block; text-indent: -5000px; font-size: 0px; }