*{ margin:0; padding:0; border:0; background-repeat:no-repeat; } strong,em,q,address{ font-style:normal; } img{ behavior:url(/htc/fixpng.htc); } q{ behavior:url(/htc/fixquotes.htc); } *:lang(fr)>*{ quotes:"« " " »" "“" "”" } *:lang(en)>*{ quotes:"“" "”" "‘" "’" } *:lang(en-us)>*{ quotes:"“" "”" "‘" "’" } *:lang(es)>*{ quotes:"«" "»" "‘" "’" } ul{ list-style-type:none; } input{ vertical-align:middle; } textarea{ width:100%; vertical-align:top; } a{ color:#047CE2; } a:hover{ color:#034D8C; } body{ font-family:Verdana,sans-serif; font-size:10px; color:#333333; background-color:#D0D0C6; } #GLOBAL{ width:1054px; margin-left:auto; margin-right:auto; background-image:url(../_img/common/bg.png); background-repeat:repeat-y; color:#ffffff; text-align:left; } #HEADER{ position:relative; padding:14px 14px 0 14px; height:124px; background-position:0 top; background-image:url(../_img/common/bg-header.png); } #BODY{ width:1006px; padding:10px; margin-left:14px; margin-right:14px; background-color:#555549; background-image:url(../_img/common/bg-gradient.png); background-repeat:repeat-x; } #FOOTER{ position:relative; padding:0 14px 14px 14px; height:43px; background-position:0 bottom; background-image:url(../_img/common/bg-footer.png); } #FOOTER p{ padding:14px; font-size:9px; } #P2 #BODY{ background-color:#000000; background-image:url(/upload/screen-cut-home.jpg); background-position:bottom right; background-repeat:no-repeat; min-height:340px; } #P2 #BODY h1 span{ font-size:36px; text-decoration:none; } .b1 #BOX1{ width:100%;} .SECTION-generic{ font-family:Verdana; font-size:11px; padding:5px; color:#ffffff; } .SECTION-generic h1{ padding:10px 20px; margin-top:5px; margin-bottom:5px; color:#ffffff; font-family:Arial; font-size:32px; font-weight:bold; } .SECTION-generic h2{ padding:5px 20px; margin-top:5px; margin-bottom:5px; color:#ffffff; font-family:Arial; font-size:16px; font-weight:bold; } .SECTION-generic h3{ margin-bottom:6px; padding:8px 0 6px 14px; font-family:Verdana; font-size:14px; font-weight:normal; color:#ffffff; } .SECTION-generic h4{ margin-bottom:4px; padding:5px 0 2px 16px; font-family:Verdana; font-size:11px; font-weight:normal; color:#666666; } .SECTION-generic h5{ margin-bottom:3px; padding:5px 0 2px 18px; font-family:Verdana; font-size:10px; font-weight:normal; color:#999999; } .SECTION-generic h6{ margin-bottom:3px; padding:5px 0 2px 20px; font-weight:bold; font-size:9px; font-family:Verdana; background-image:url(../_img/icon/sign2.png); background-position:left 0; color:#999999; } .SECTION-generic p{ font-family:Verdana; font-size:11px; padding:2px 10px; margin:0 10px 10px 10px; text-align:justify; } .SECTION-generic p.indent{ text-indent:15px; } .SECTION-generic p.align_left{ text-align:left; } .SECTION-generic p.align_right{ text-align:right; } .SECTION-generic p.align_center{ text-align:center; } .SECTION-generic p.nopadd_center{ margin:0 0 10px 0; padding:0; text-align:center; } .SECTION-generic p.encadre{ border:1px solid #ff0000; } .SECTION-generic p.note{ text-indent:15px; padding-top:3px; padding-left:4px; font-family:arial; color:#2E5735; background-image:url(../_img/icon/phone.png); background-position:left 4px; } .SECTION-generic p.note strong{ font-family:arial; color:#2E5735; font-weight:bold; } .SECTION-generic p.horaires{ text-indent:15px; padding-top:3px; padding-left:4px; color:#E25C0B; background-image:url(../_img/icon/horloge.png); background-position:left 4px;} .SECTION-generic p.intro{ font-size:10px; color:#FFE000; text-align:justify;} .SECTION-generic p.lettrine{ text-indent:0; padding:5px;} .SECTION-generic p.lettrine:first-letter{ float:left; padding:5px 4px 0 0; font-size:28px; font-weight:normal; font-family:"Times New Roman"; color:#aBB5E5; text-decoration:none; } .SECTION-generic blockquote{ margin-left:30px; padding:0 10px 0 10px; } .SECTION-generic blockquote p{ color:#336699; font-style:italic; } .SECTION-generic blockquote.encadre{ border:1px solid #336699; color:#490695; } .SECTION-generic dl{ padding:5px 5px 5px 20px; } .SECTION-generic dl dt{ padding:5px; font-weight:bold; color:#ffffff; } .SECTION-generic dl dd{ padding-left:10px; } .SECTION-generic dl.demarches{ padding-top:2px; margin:5px; font-family:Verdana; font-weight:normal; font-size:10px; } .SECTION-generic dl.demarches dt{ cursor:s-resize; padding:4px; border-bottom:1px solid #FDFCEF; background-color:#E5EFFE; text-align:center; color:#4E82CE; } .SECTION-generic dl.demarches dt:hover{ background-color:#CFE2FE; color:#4E82CE;} .SECTION-generic dl.demarches dd{ padding:3px 15px 8px 15px; background-color:#FDFCEF; border-bottom:1px solid #FDFCEF; } .SECTION-generic dl.demarches dd ul{ padding-left:20px; margin:12px 0; } .SECTION-generic dl.diagramme { padding:0; border:1px solid #bfc9fb; } .SECTION-generic dl.diagramme dt{ padding:4px 0 2px 0; text-align:center; color:#9E9E8B; font-size:10px; font-family:arial; font-weight:normal; background-color:#F5F5E4; background-position:-250px center; } .SECTION-generic dl.diagramme dd{ margin:0px; padding:5px; } .SECTION-generic dl.diagramme a{color:#7c86bd; text-decoration:none;} .SECTION-generic dl.diagramme address{ margin:0; padding:0 0 5px 0; font-family:arial; color:#000000; font-style:normal; } .SECTION-generic dl.semaine{ width:170px; padding:0; margin-left:5px; float:left; width:180px; margin-left:10px; font-family:arial; font-size:11px; } .SECTION-generic dl.semaine dt{ padding:5px; border-top:1px solid #888; border-bottom:1px solid #aaa; background-color:#eee; } .SECTION-generic dl.semaine dd{ padding:0; margin-bottom:10px; } .SECTION-generic dl.semaine dd h4{ padding:5px; border-bottom:1px dotted #aaa; } .SECTION-generic dl.semaine dd p{ padding:5px; text-indent:0; margin:0 } .SECTION-generic dl.panel{ position:relative; width:312px; margin:0; padding:5px 14px 14px 0; background-position:right bottom; background-image:url(../_img/accueil/news/panel-ombre8.png); } html>body .SECTION-generic dl.panel{ background-image:url(../_img/accueil/news/panel-ombre.png); } .SECTION-generic dl.panel dt{ position:absolute; width:100px; top:-10px; left:13px; z-index:10; padding:2px 12px 3px 12px; font-family:arial; color:#ffffff; background-color:#4971B2; font-weight:normal; font-size:11px; text-align:center; } .SECTION-generic dl.panel dd{ clear:both; overflow:hidden; height:68px; margin:0; padding:8px 8px 0 8px; border-bottom:1px solid #ffffff; line-height:12px; font-family:arial; background-color:#EFEEE0; color:#000000; font-weight:normal; font-size:11px; cursor:pointer; } .SECTION-generic dl.panel dd a{ color:#000000; text-decoration:none; } .SECTION-generic dl.panel dd p{ margin:0; padding:0; line-height:12px; font-family:Arial; font-size:11px; } .SECTION-generic dl.panel dd p img.align-left{ margin-right:8px; } .SECTION-generic dl.panel dd p img.align-right{ margin-left:8px; } .SECTION-generic dl.panel dd.off{ cursor:default; } .SECTION-generic dl.panel dd.over{ background-color:#E2E2C3; } .SECTION-generic dl.panel dd.out{ background-color:#EFEEE0; } .SECTION-generic ol{ padding:5px 5px 5px 30px; list-style-type:decimal; } .SECTION-generic ol li{ margin-bottom:10px; } .SECTION-generic ol.decimal_zero{ list-style-type:decimal-leading-zero; } .SECTION-generic ol.decimal_zero ol{ list-style-type:decimal; } .SECTION-generic ol.decimal_zero ol ol{ list-style-type:upper-roman; } .SECTION-generic ul{ padding:0 5px 0 60px; margin-top:5px; margin-bottom:10px; list-style-type:square; } .SECTION-generic ul li{ margin-bottom:10px; } .SECTION-generic ul ul{ list-style-type:circle; } .SECTION-generic ul ul ul{ list-style-type:disc; } .SECTION-generic ul ul ul ul{ list-style-type:square; } .SECTION-generic ul.listpuce{ color:#4E82CE; } .SECTION-generic ul.listpuce ul{ padding-left:30px; } .SECTION-generic ul.listpuce li{ padding-left:3px; padding-right:10px; line-height:1.5; color:#4E82CE; font-family:Verdana; font-size:10px;} .SECTION-generic ul.listdisc{ list-style-type:disc; color:#ffffff; padding-left:50px; } .SECTION-generic ul.listdisc ul{ padding-left:30px; } .SECTION-generic ul.listdisc li{ padding-left:3px; padding-right:10px; margin:0; line-height:1.5; font-family:Verdana; font-size:11px;} .SECTION-generic ul.float{ list-style:none; padding:0; margin:4px 0 10px 0; overflow:auto; } .SECTION-generic ul.float li{ float:left; padding:5px; margin:10px 20px; color:#fff; text-align:center; border:1px solid #ffffff; } .SECTION-generic ul.float ul{ list-style:none; margin:0; padding:0; } .SECTION-generic ul.float ul li{ border:0; margin:0; padding:0; } .SECTION-generic div.cols2{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2 div.col1{ float:left; width:49%; border:1px dotted #cccccc; } .SECTION-generic div.cols2 div.col2{ margin-left:51%; border:1px dotted #cccccc; } .SECTION-generic div.cols2-border{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-border div.col1{ float:left; width:49%; border:1px solid #999999; } .SECTION-generic div.cols2-border div.col2{ margin-left:51%; border:1px solid #999999; } .SECTION-generic div.cols2-noborder{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-noborder div.col1{ float:left; width:49%; border:1px solid transparent; } .SECTION-generic div.cols2-noborder div.col2{ margin-left:51%; border:1px solid transparent; } .SECTION-generic div.cols2-lateral_margin{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols2-lateral_margin div.col1{ float:left; width:30%; margin-left:13%; border:1px solid transparent; } .SECTION-generic div.cols2-lateral_margin div.col2{ float:left; width:30%; margin-left:12.2%; border:1px solid transparent; } .SECTION-generic div.cols2-lateral_margin_big{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols2-lateral_margin_big div.col1{ float:left; width:40%; margin-left:8%; border:1px solid transparent; } .SECTION-generic div.cols2-lateral_margin_big div.col2{ float:left; width:40%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols2-30-70{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-30-70 div.col1{ float:left; width:29%; } .SECTION-generic div.cols2-30-70 div.col2{ margin-left:31%; } .SECTION-generic div.cols2-70-30{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-70-30 div.col1{ float:left; width:69%; } .SECTION-generic div.cols2-70-30 div.col2{ margin-left:71%; } .SECTION-generic div.cols3{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols3 div.col1{ float:left; width:31%; border:1px dotted #ccc; } .SECTION-generic div.cols3 div.col2{ float:left; width:31%; margin-left:2.2%; border:1px dotted #ccc; } .SECTION-generic div.cols3 div.col3{ float:left; width:31%; margin-left:2.2%; border:1px dotted #ccc; } .SECTION-generic div.cols3-border{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols3-border div.col1{ float:left; width:31%; border:1px solid #fff; } .SECTION-generic div.cols3-border div.col2{ float:left; width:31%; margin-left:2.2%; border:1px solid #fff; } .SECTION-generic div.cols3-border div.col3{ float:left; width:31%; margin-left:2.2%; border:1px solid #fff; } .SECTION-generic div.cols3-noborder{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols3-noborder div.col1{ float:left; width:31%; border:1px solid transparent; } .SECTION-generic div.cols3-noborder div.col2{ float:left; width:31%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-noborder div.col3{ float:left; width:31%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-lateral_margin{ overflow:auto; margin-bottom:10px; width:100%; } .SECTION-generic div.cols3-lateral_margin div.col1{ float:left; width:20%; margin-left:17%; border:1px solid transparent; } .SECTION-generic div.cols3-lateral_margin div.col2{ float:left; width:20%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-lateral_margin div.col3{ float:left; width:20%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-25-50-25{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols3-25-50-25 div.col1{ float:left; width:24%; border:1px solid transparent; } .SECTION-generic div.cols3-25-50-25 div.col2{ float:left; width:45%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-25-50-25 div.col3{ float:left; width:24%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-20-40-40{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols3-20-40-40 div.col1{ float:left; width:20%; border:1px solid transparent; } .SECTION-generic div.cols3-20-40-40 div.col2{ float:left; width:36%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-20-40-40 div.col3{ float:left; width:36%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols4{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols4 div.col1{ float:left; width:23%; border:1px dotted #cccccc; } .SECTION-generic div.cols4 div.col2{ float:left; width:23%; margin-left:1.8%; border:1px dotted #cccccc; } .SECTION-generic div.cols4 div.col3{ float:left; width:23%; margin-left:1.8%; border:1px dotted #cccccc; } .SECTION-generic div.cols4 div.col4{ float:left; width:23%; margin-left:1.8%; border:1px dotted #cccccc; } .SECTION-generic div.cols4-border{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols4-border div.col1{ float:left; width:23%; border:1px solid #999999; } .SECTION-generic div.cols4-border div.col2{ float:left; width:23%; margin-left:1.8%; border:1px solid #999999; } .SECTION-generic div.cols4-border div.col3{ float:left; width:23%; margin-left:1.8%; border:1px solid #999999; } .SECTION-generic div.cols4-border div.col4{ float:left; width:23%; margin-left:1.8%; border:1px solid #999999; } .SECTION-generic div.cols4-noborder{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols4-noborder div.col1{ float:left; width:23%; border:1px solid transparent; } .SECTION-generic div.cols4-noborder div.col2{ float:left; width:23%; margin-left:1.8%; border:1px solid transparent; } .SECTION-generic div.cols4-noborder div.col3{ float:left; width:23%; margin-left:1.8%; border:1px solid transparent; } .SECTION-generic div.cols4-noborder div.col4{ float:left; width:23%; margin-left:1.8%; border:1px solid transparent; } /* bug du overflow des colonnes */ #IE6 .SECTION-generic div.cols2, #IE6 .SECTION-generic div.cols2-border, #IE6 .SECTION-generic div.cols2-noborder, #IE6 .SECTION-generic div.cols2-lateral_margin, #IE6 .SECTION-generic div.cols2-30-70, #IE6 .SECTION-generic div.cols2-70-30, #IE6 .SECTION-generic div.cols3, #IE6 .SECTION-generic div.cols3-border, #IE6 .SECTION-generic div.cols3-noborder, #IE6 .SECTION-generic div.cols3-lateral_margin, #IE6 .SECTION-generic div.cols3-25-50-25, #IE6 .SECTION-generic div.cols3-20-40-40, #IE6 .SECTION-generic div.cols4, #IE6 .SECTION-generic div.cols4-border, #IE6 .SECTION-generic div.cols4-noborder{ width:100%;} #IE6 .SECTION-generic div.cols2-lateral_margin div.col1{ margin-left:8%; } #IE6 .SECTION-generic div.cols3-lateral_margin div.col1{ margin-left:8.6%; } #IE6 .SECTION-generic div div.col1, #IE6 .SECTION-generic div div.col2, #IE6 .SECTION-generic div div.col3, #IE6 .SECTION-generic div div.col4{ border:0; } .SECTION-generic abbr{ cursor:help; border-bottom:1px dotted #aaaaaa; } .SECTION-generic abbr.quoted:before{ content:open-quote; } .SECTION-generic abbr.quoted:after{ content:close-quote; } .SECTION-generic abbr.quoted{ behavior:url(/htc/fixquotes.htc); } .SECTION-generic acronym{ border-bottom:1px dotted #fff; cursor:help; } .SECTION-generic acronym.quoted:before{ content:open-quote; } .SECTION-generic acronym.quoted:after{ content:close-quote; } .SECTION-generic acronym.quoted{ behavior:url(/htc/fixquotes.htc); } .SECTION-generic cite{ color:#ffdd00; } .SECTION-generic cite.quoted:before{ content:open-quote; } .SECTION-generic cite.quoted:after{ content:close-quote; } .SECTION-generic cite.quoted{ behavior:url(/htc/fixquotes.htc); } .SECTION-generic cite.hidden{ color:#fff; font-style:normal; } .SECTION-generic dfn.highlight{ padding:0 4px 0 2px; background-color:#B4CDB9; color:#000000; } .SECTION-generic dfn.quoted:before{ content:open-quote; } .SECTION-generic dfn.quoted:after{ content:close-quote; } .SECTION-generic dfn.quoted{ behavior:url(/htc/fixquotes.htc); } .SECTION-generic q{ color:#dddddd; } .SECTION-generic q.italic{ font-style:italic; } .SECTION-generic span{ text-decoration:underline; } .SECTION-generic span.blink{ text-decoration:blink; color:#ff0000; padding:0 4px; } .SECTION-generic span.capitalize{ text-transform:uppercase; text-decoration:none; } .SECTION-generic span.highlight{ text-decoration:none; background-color:#ffff00; color:#000; padding:0 4px; } .SECTION-generic span.small{ text-decoration:none; font-size:80%; padding:0 4px 0 4px; } .SECTION-generic span.hidden{ visibility:hidden; } .SECTION-generic em{ font-style:italic; } .SECTION-generic em.big{ font-size:110%; } .SECTION-generic em.hidden{ font-style:normal; } .SECTION-generic strong{ font-weight:bold; } .SECTION-generic strong.italic{ font-weight:bold; font-style:italic; } .SECTION-generic strong.big{ font-size:120%; font-weight:normal; text-transform:uppercase; } .SECTION-generic strong.red{ color:#ff0000; } .SECTION-generic strong.hidden{ font-weight:normal; } .SECTION-generic sub.text-bottom{ vertical-align:text-bottom; } .SECTION-generic sub.small{ font-size:0.8em; vertical-align:text-bottom; } .SECTION-generic sup.text-top{ vertical-align:text-top; } .SECTION-generic sup.small{ font-size:0.8em; vertical-align:text-top; } .SECTION-generic a{ text-decoration:underline; color:#ffee00; } .SECTION-generic a:hover,.SECTION-generic a:visited{ color:#fff; } .SECTION-generic a.button:visited, .SECTION-generic a.button{ display:block; padding:9px; font-family:Verdana; font-size:14px; font-weight:bold; color:#999; background-color:#fff; border:1px solid #777; text-decoration:none; } .SECTION-generic a.button:hover{ color:#fff; background-color:#000; border:1px solid #fff;} .SECTION-generic a.white:visited, .SECTION-generic a.white:hover, .SECTION-generic a.white{ text-decoration:none; color:#fff; } .SECTION-generic a.neutral:visited, .SECTION-generic a.neutral{ text-decoration:none; } .SECTION-generic a.neutral:hover img{ opacity:0.8; } .SECTION-generic a.internal:visited, .SECTION-generic a.internal{ text-decoration:none; color:#047CE2; } .SECTION-generic a.internal:hover{ color:#ff0000; } .SECTION-generic a.external:visited, .SECTION-generic a.external{ padding:0 0 0 16px; text-decoration:none; background-image:url(../_img/icon/externe.png); } .SECTION-generic a.external:hover { color:#034D8C; } .SECTION-generic a.document{ padding:0 0 0 16px; color:#ff0000; background-image:url(../_img/icon/telecharger.png); } .SECTION-generic a.document:hover{ color:#000000; } .SECTION-generic a.photos:visited, .SECTION-generic a.photos{ padding:0 0 0 22px; color:#325a9B; text-decoration:none; background-image:url(../_img/icon/photos.png); } .SECTION-generic a.photos:hover{ color:#5496FF; } .SECTION-generic hr{ height:2px; background-color:#EFEFD6; margin:10px 0 20px 0; } .SECTION-generic hr.limit{ margin-bottom:5px; } .SECTION-generic hr.separateur{ height:5px; background-image:url(../_img/separateur.png); background-repeat:repeat-x; } .SECTION-generic img.align_left{ float:left; margin-right:20px; margin-bottom:15px; } .SECTION-generic img.align_right{ float:right; margin-left:20px; margin-bottom:15px; } .SECTION-generic img.text_middle{ margin-right:20px; vertical-align:middle; } .SECTION-generic img.encadre_gris{ float:left; padding:4px; margin-right:8px; margin-bottom:3px; border:1px solid #999999; } .SECTION-generic img.encadre_rouge{ float:left; padding:4px; margin-right:8px; margin-bottom:3px; border:1px solid red; } .SECTION-generic table{ margin:0 5px 10px 5px; padding:5px; font-family:Verdana; font-size:11px; font-weight:normal; line-height:1.4; } .SECTION-generic table thead{ height:24px; } .SECTION-generic table thead th{ padding:3px 8px; margin-bottom:2px; font-weight:bold; color:#3B352D; background-color:#E2E2C7; } .SECTION-generic table thead td{ font-weight:bold; text-align:center; } .SECTION-generic table tbody td{ padding:5px; vertical-align:middle; text-align:left; color:#5a5144; background-color:#f5f5e4; } .SECTION-generic table tbody th{ padding:5px; vertical-align:middle; text-align:left; color:#5a5144; background-color:#f5f5e4; font-weight:normal; } .SECTION-generic table.horaires{ margin:0; margin-top:5px; padding:0; border:0; width:230px; empty-cells:collapse; background-color:#fffff; } .SECTION-generic table.horaires tr{ width:50px; } .SECTION-generic table.horaires thead{ height:24px;} .SECTION-generic table.horaires thead th{ padding:3px 8px; font-family:arial; color:#1D295D; background-color:#DEddC8; } .SECTION-generic table.horaires tbody td{ color:#000000; background-color:#F0EBDB; } .SECTION-generic table.horaires tbody th{ border:0; color:#1D295D; background-color:#EBEaD3; font-weight:normal; } .SECTION-generic table.black{ border:1px solid #cccccc; background-color:#999999; padding:0; } .SECTION-generic table.black thead th{ color:#ffffff; background-color:#000000; } .SECTION-generic table.black thead td{ color:#000000; background-color:#666666; font-weight:bold; text-align:center; } .SECTION-generic table.black tbody td{ color:#eeeeee; background-color:#000000; font-size:10px; white-space:nowrap; text-align:center; } .SECTION-generic table.black tbody th{ color:#ffffff; background-color:#000000; } #P15 .SECTION-generic table.black{ margin:0 auto 0 auto;} /*****************************MENU principal*********************************/ /* 1er niveau */ ul.menuprincipal{ position:absolute; z-index:10; top:100px; left:14px; width:1026px; height:38px; margin:0; padding:0; background-color:#034a00; background-image:url('../_img/common/menu/bg.png'); background-repeat:repeat-x; } ul.menuprincipal li{ float:left; margin:0; padding:0; list-style-type:none; } ul.menuprincipal li a{ display:block; padding:1px 15px 1px 7px; height:14px; color:#fff; text-transform:uppercase; text-align:center; text-decoration:none; font-weight:bold; font-size:10px; white-space:nowrap; } #IE6 ul.menuprincipal li a{ width:10px; } ul.menuprincipal li a:hover{ color:#FFD900; } ul.menuprincipal li a.on, ul.menuprincipal li a.nodein, ul.menuprincipal li a.nodeon{ background-position:top right; background-image:url('../_img/common/menu/middle.png'); background-color:#3fa53a; } ul.menuprincipal li a.on, ul.menuprincipal li a.en, ul.menuprincipal li a.nodeon{ color:#000000; } /* 2eme niveau */ ul.menuprincipal li ul{ position:absolute; left:0; z-index:1; width:1026px; padding:0; margin:0; visibility:hidden; background-color:#034a00; background-image:url('../_img/common/menu/bggreen.png'); background-repeat:repeat-x; } ul.menuprincipal li ul li{ float:left; font-weight:normal; background-image:none; } ul.menuprincipal li ul li a{ margin-right:0; padding:4px 10px 4px 10px; text-transform:none; text-align:left; color:#ffffff; font-size:10px; font-weight:bold; font-family:verdana; background-image:none; border-right:1px solid #ffffff; } ul.menuprincipal li ul li a:hover{ background-image:url('../_img/common/menu/hover.png'); background-repeat:repeat-x; color:#ffffff; } ul.menuprincipal li ul li a.on,.menuprincipal ul li a.nodeon{ color:#000000; background-image:none;} ul.menuprincipal li ul li a.in, ul.menuprincipal li ul li a.nodein{ margin-bottom:2px; padding-bottom:3px; } /* 3eme niveau */ ul.menuprincipal ul ul { visibility:hidden; display:block; margin-top:4px; margin-left:0; border:0; left:0; } ul.menuprincipal ul ul.in{ margin-top:4px; margin-left:0; border:0; left:0; } ul.menuprincipal ul.in, ul.menuprincipal ul.en, ul.menuprincipal .nodeon ul{ visibility:visible } ul.menuprincipal ul ul li a{ color:#a8a386; font-weight:normal; border:0; margin-right:0; } ul.menuprincipal ul ul li a.on { font-weight:normal; color:#000000; background-color:#d3d0b1; border:0;} ul.menuprincipal ul ul li a:hover{ font-weight:normal; color:#000000; background-color:#fff; border:0;} ul.menuprincipal ul li a.nodeon, ul.menuprincipal ul li a.in, ul.menuprincipal ul li a.nodein{ margin-bottom:0; } hr.spacer{ visibility:hidden; clear:both; height:0; padding:0; margin:0; font-size:1px; line-height:0; } /*Formulaires*/ form input{ padding:2px; font-family:Verdana; font-size:11px; } form select{ font-family:Verdana; font-size:11px; } form option{ padding:1px 2px; font-family:Verdana; font-size:11px; } form input.radio{ vertical-align:middle; } form textarea{ height:100px; border:1px solid #CCCCCC; font-family:Verdana; font-size:11px; font-weight:normal; } form button{ border:2px outset #999; padding:2px; font-family:Verdana; font-size:11px; cursor:pointer; } form button:hover{ border-style:inset; padding:3px 1px 1px 3px; } /*** CSS pour validationEngine ***/ .formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; } #debugMode{ background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000; } .ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none} .formError .formErrorContent { width:170px; background:#ffcc66; color:#666; font-family:tahoma; font-size:11px; border:2px solid #ddd; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent {background:#33be40;} .blackPopup .formErrorContent {background:#393939;color:#FFF;} .formError .formErrorArrow{ position:absolute; bottom:0;left:20px; width:15px; height:15px; z-index:5001; } .formError .formErrorArrowBottom{top:0;margin:-6px;} .formError .formErrorArrow div{ border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block; } .formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div{background:#33be40;} .blackPopup .formErrorArrow div{background:#393939;color:#FFF;} .formError .formErrorArrow .line10{width:15px;border:none;} .formError .formErrorArrow .line9{width:13px;border:none;} .formError .formErrorArrow .line8{width:11px;} .formError .formErrorArrow .line7{width:9px;} .formError .formErrorArrow .line6{width:7px;} .formError .formErrorArrow .line5{width:5px;} .formError .formErrorArrow .line4{width:3px;} .formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd;} .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;} .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}