/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ | | Copyright (c) 2009 SIAAP | Webdesign :Smart Agence | http://www.smartagence.com/ modified | \ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* _____[ 00 | META declarations | Haut de page : logo, recherche, etc. ]__________ */ /* cf. common.css */ body {background-image:url(../../img/bg_body.gif);background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed;} #Logo-avril {display:none;} #Page {background-repeat:no-repeat;background-color:#FFF;background-position:0 0;} body.rub1 #Page {background-image:url(../../uploads/pics/head_001.jpg);} body.rub2 #Page {background-image:url(../../uploads/pics/head_002.jpg);} body.rub3 #Page {background-image:url(../../uploads/pics/head_003.jpg);} body.rub4 #Page {background-image:url(../../uploads/pics/head_004.jpg);} body.rub5 #Page {background-image:url(../../uploads/pics/head_005.jpg);} body.rub6 #Page {background-image:url(../../uploads/pics/head_006.jpg);} body.rub7 #Page {background-image:url(../../uploads/pics/head_007.jpg);} body.rub8 #Page {background-image:url(../../uploads/pics/head_008.jpg);} body.rub9 #Page {background-image:url(../../uploads/pics/head_009.jpg);} /* ______________________[ Navigation principale ]________________________ */ #ZoneDeNavigation {padding:0 0 67px 0;} #ZoneDeNavigation:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ZoneDeNavigation {display:inline-block;} /* \*/ * html #ZoneDeNavigation {height:1%;} #ZoneDeNavigation {display:block;} /* */ #NavigationPrincipale {margin:0 10px;padding:0;height:34px;background-image:url(../../img/ul_nav.png);} .chiotte #NavigationPrincipale {margin:0 10px 17px 10px;padding:0;height:27px;background-image:url(../../img/ul_nav2.png);}/* CHiottissime */ /* \*/ * html #NavigationPrincipale {background-image:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='img/ul_nav.png');} /* */ html>body #NavigationPrincipale {background-image:url(../../img/ul_nav.png) !important;} /* \*/ * html .chiotte #NavigationPrincipale {background-image:none !important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='img/ul_nav2.png');} /* */ html>body.chiotte #NavigationPrincipale {background-image:url(../../img/ul_nav2.png) !important;}/* CHiottissime */ #NavigationPrincipale li {height:34px;} #NavigationPrincipale li a {height:30px;background-image:url(../../img/nav_new.png); margin-top:2px;} /* \*/ * html #NavigationPrincipale li a {background-image:url(../../img/nav_new.gif) !important;} /* */ html>body #NavigationPrincipale li a {background-image:url(../../img/nav_new.png) !important;} .chiotte #NavigationPrincipale li a {height:27px;background-image:url(../../img/nav_new2.png);} /* \*/ * html .chiotte #NavigationPrincipale li a {background-image:url(../../img/nav_new2.gif) !important;} /* */ html>body.chiotte #NavigationPrincipale li a {background-image:url(../../img/nav_new2.png) !important;} #NavItem1.on a, #NavItem1 a:hover, #NavItem1 a:focus, #NavItem1 a:active {background-position:0 -29px !important;} #NavItem2.on a, #NavItem2 a:hover, #NavItem2 a:focus, #NavItem2 a:active {background-position:-78px -29px !important;} #NavItem3.on a, #NavItem3 a:hover, #NavItem3 a:focus, #NavItem3 a:active {background-position:-183px -29px !important;} #NavItem4.on a, #NavItem4 a:hover, #NavItem4 a:focus, #NavItem4 a:active {background-position:-328px -29px !important;} #NavItem5.on a, #NavItem5 a:hover, #NavItem5 a:focus, #NavItem5 a:active {background-position:-475px -29px !important;} #NavItem6.on a, #NavItem6 a:hover, #NavItem6 a:focus, #NavItem6 a:active {background-position:-610px -29px !important;} #NavItem7.on a, #NavItem7 a:hover, #NavItem7 a:focus, #NavItem7 a:active {background-position:-741px -29px !important;} #NavItem8.on a, #NavItem8 a:hover, #NavItem8 a:focus, #NavItem8 a:active {background-position:-831px -29px !important;} .chiotte #NavItem1.on a, .chiotte #NavItem1 a:hover, .chiotte #NavItem1 a:focus, .chiotte #NavItem1 a:active {background-position:0 -29px !important;} .chiotte #NavItem2.on a, .chiotte #NavItem2 a:hover, .chiotte #NavItem2 a:focus, .chiotte #NavItem2 a:active {background-position:-78px -29px !important;} .chiotte #NavItem3.on a, .chiotte #NavItem3 a:hover, .chiotte #NavItem3 a:focus, .chiotte #NavItem3 a:active {background-position:-183px -29px !important;} .chiotte #NavItem4.on a, .chiotte #NavItem4 a:hover, .chiotte #NavItem4 a:focus, .chiotte #NavItem4 a:active {background-position:-328px -29px !important;} .chiotte #NavItem5.on a, .chiotte #NavItem5 a:hover, .chiotte #NavItem5 a:focus, .chiotte #NavItem5 a:active {background-position:-475px -29px !important;} .chiotte #NavItem6.on a, .chiotte #NavItem6 a:hover, .chiotte #NavItem6 a:focus, .chiotte #NavItem6 a:active {background-position:-610px -29px !important;} .chiotte #NavItem7.on a, .chiotte #NavItem7 a:hover, .chiotte #NavItem7 a:focus, .chiotte #NavItem7 a:active {background-position:-741px -29px !important;} .chiotte #NavItem8.on a, .chiotte #NavItem8 a:hover, .chiotte #NavItem8 a:focus, .chiotte #NavItem8 a:active {background-position:-831px -29px !important;} #RubriqueCourante {text-align:right;font-size:4em;text-transform:uppercase;color:#FFF;width:970px;} #RubriqueCourante p {margin:0;line-height:1em;} .chiotte #RubriqueCourante{ text-indent:-9999999px;} .chiotte #RubriqueCourante object{ display:none} /* ______________________[ Navigation secondaire ]________________________ */ #NavigationSecondaire {list-style:none;text-align:left;color:#FFF;padding:0 4px;margin:0 0 35px 0 !important;background:url(../../img/ul_ul_nav.png) transparent repeat 0 0;font-size:.9em;min-height:2.3em;height:2.3em;} #NavigationSecondaire *{} html>body #NavigationSecondaire {height:auto;} #NavigationSecondaire:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #NavigationSecondaire {display:inline-block;} /* \*/ * html #NavigationSecondaire {height:1%;} #NavigationSecondaire {display:block;} /* */ .chiotte #NavigationSecondaire{ background:none;} #NavigationSecondaire li {float:left;padding:3px 5px 0 6px;margin:0;position:relative;display:block;background:url(../../img/bg_li_pipe.gif) transparent no-repeat 0 50%;height:auto; z-index:9990;} #NavigationSecondaire li:first-child, #NavigationSecondaire li.firstChild {background-image:none !important;} #NavigationSecondaire li strong {position:absolute;top:-7777em;left:-7777em;} #NavigationSecondaire li a {display:block;margin:0;padding:2px 5px 6px 6px;background-repeat:no-repeat;background-color:transparent;font-weight:bold;color:#000;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;-khtml-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;height:auto;} #NavigationSecondaire li.vide {padding:4px 5px 6px 6px;} #NavigationSecondaire li:hover a, #NavigationSecondaire li.over a, #NavigationSecondaire li a:hover, #NavigationSecondaire li.on a, #NavigationSecondaire li a:focus, #NavigationSecondaire li a:active {background-color:#000;color:#FFF;text-decoration:none;} #NavigationSecondaire li ul {position:absolute;top:-7777em;left:-7777em;margin:0 0 0 -1px;padding:1px 0 7px 0;width:13em;background:url(../../img/ul_ul_nav_ul.png) transparent repeat 0 0;border-width:0 1px 1px 1px;border-style:solid;border-color:#FFF;-moz-border-radius:0 3px 3px 3px;-webkit-border-radius:0 3px 3px 3px;-khtml-border-radius:0 3px 3px 3px;border-radius:0 3px 3px 3px;list-style:none; z-index:10000} #NavigationSecondaire li:hover ul, #NavigationSecondaire li.over ul, #NavigationSecondaire li:focus, #NavigationSecondaire li:active {top:auto;left:auto;} #NavigationSecondaire ul li {float:none;background-image:none;vertical-align:bottom;padding:0;margin:0 1em;background:url(../../img/bg_li_filet.gif) transparent repeat-x 0 0;} #NavigationSecondaire ul li a {padding:6px 0 4px 8px;font-weight:normal;vertical-align:bottom;width:11em;background:url(../../img/bullet_3.gif) transparent no-repeat 0 1em;} #NavigationSecondaire ul li a:hover, #NavigationSecondaire ul li a:focus, #NavigationSecondaire ul li a:active {color:#80E1FF;} #NavigationSecondaire li:hover li a, #NavigationSecondaire li.over li a, #NavigationSecondaire li li a:hover, #NavigationSecondaire li li a:focus, #NavigationSecondaire li li a:active {background-color:transparent;} /* ______________________[ 03 | Contenu principal : présentation en 3 colonnes ]____________________*/ #ContainerCols {width:980px;margin:0;padding:0;display:block;font-size:1em;text-align:left;} #ContainerCols:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ContainerCols {display:inline-block;} /* \*/ * html #ContainerCols {height:1%;} #ContainerCols {display:block;} /* */ /* FIL d'ARIANE */ #FildAriane {padding:.6em 15px 2.2em 15px;color:#999;font:.9em Arial, Helvetica, sans-serif;} #FildAriane a {color:#666;text-decoration:none;} #FildAriane a:hover, #FildAriane a:focus, #FildAriane a:active {color:#70CEEF;text-decoration:none;} /* toolBox*/ #toolBox {margin:-20px 0 1em 0;padding:2px 7px 2px 17px;float:right;background:url(../../img/bg_tools.gif) transparent no-repeat 0 100%;position:relative;} #toolBox ul {list-style:none;margin:0;padding:0;width:114px;position:relative;} #toolBox ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #toolBox ul {display:inline-block;} /* \*/ * html #toolBox ul {height:1%;} #toolBox ul {display:block;} /* */ #toolBox ul li {background:none;float:left;display:inline;margin:0 0 0 3px;padding:0;width:auto;} #toolBox ul li.share {background:none;position:absolute;top:25px;right:3px;float:none;clear:both;margin:0 0 0 3px;padding:0;width:auto;} .contenu .inner .inner2 a.doc, .contenu .inner .inner2 a.pdf, .contenu .inner .inner2 a.ppt, .contenu .inner .inner2 a.xls, .contenu .inner .inner2 a.zip {padding:0 0 2px 22px;color:#000;} .contenu .inner .inner2 a.doc {background:url(../../img/ico_doc.gif) transparent no-repeat 0 0;} .contenu .inner .inner2 a.pdf {background:url(../../img/ico_pdf.gif) transparent no-repeat 0 0;} .contenu .inner .inner2 a.ppt {background:url(../../img/ico_ppt.gif) transparent no-repeat 0 0;} .contenu .inner .inner2 a.xls{background:url(../../img/ico_xls.gif) transparent no-repeat 0 0;} .contenu .inner .inner2 a.zip {background:url(../../img/ico_zip.gif) transparent no-repeat 0 0;} .contenu .inner .inner2 span.date {color:#7D7D7D;} .contenu .inner .inner2 p.pdf a{background:url(../../img/ico_pdf.gif) transparent no-repeat 0 0;padding:0 0 2px 22px;color:#000;} .contenu .inner .inner2 p.doc a{background:url(../../img/ico_doc.gif) transparent no-repeat 0 0;padding:0 0 2px 22px;color:#000;} .contenu .inner .inner2 p.ppt a{background:url(../../img/ico_ppt.gif) transparent no-repeat 0 0;padding:0 0 2px 22px;color:#000;} /* [ 03.3 | INTÉRIEUR — Colonne de contenu principal ]________________________ */ #ColContenu {text-align:left;margin:0;padding:0;float:left;width:729px!important;width:719px;line-height:1.2em; position:relative; z-index:1000;} #ColContenu p, #ColContenu h2, #ColContenu ol {margin:0 0 1em 0;} /* Titraille */ h1 {color:#FFF;clear:both;font-size:2em;font-weight:normal;line-height:1.1em;margin:0 0 .7em 0;} h1:after {content:".";display:block;height:0;clear:both;visibility:hidden;} h1 {display:inline-block;} /* \*/ * html h1 {height:1%;} h1 {display:block;} /* */ h1 span {background-color:#221E1F;padding:.05em 50px .05em 18px;display:block;float:left;} #ColContenu h2 {font-size:1.4em;color:#737373;background:url(../../img/bg_h2.gif) transparent no-repeat 0 .3em;padding:0 0 0 11px;line-height:1.2em;} #ColContenu h3 {font-size:1em;font-weight:bold;margin:0 0 1em 0;} #ColContenu h4 {} #ColContenu h5 {} #ColContenu h6 {} a.NoirGras {font-weight:bold !important;color:#000 !important;padding:0 9px 0 0;background:url(../../img/bullet_5.gif) transparent no-repeat 100% .4em;} /* Positionnement */ #ColContenu .center {text-align:center;} #ColContenu .justify {text-align:justify;} #ColContenu .middle {display:block;margin:0 auto;} /* Contenu standard */ #ColContenu .contenu {} #ColContenu .contenu .inner {} #ColContenu .contenu .inner h2 {} #ColContenu .contenu .inner .inner2 {} #ColContenu .contenu .inner .inner2 p {} #ColContenu .contenu a {color:#00B9F1;} #ColContenu .contenu .inner .inner2 a.more {color:#1878A4;background:url(../../img/bullet_7.gif) transparent no-repeat 100% .3em;padding:0 9px 0 0;} #ColContenu .contenu .inner .inner2 p.more {margin:0 0 .5em 0;padding:0;} #ColContenu .contenu .inner .inner2 p.more a {color:#1878A4;background:url(../../img/bullet_7.gif) transparent no-repeat 100% .3em;padding:0 9px 0 0;} /* Liste standard */ .contenu .inner .inner2 ul {margin:0 0 0.5em 15px;padding:0;list-style:none;} .contenu .inner .inner2 ul li {background:url(../../img/bullet_1.gif) transparent no-repeat 0 .5em;padding:0 0 0 10px;overflow:hidden;} .contenu .inner .inner2 ul li a {} .contenu .inner .inner2 ul li ul {padding:.3em 0 0 0;} .contenu .inner .inner2 ul li li {background:url(../../img/bullet_10.gif) transparent no-repeat 0 .5em;} /* Tableau standard */ #ColContenu .contenu .inner2 table {border-collapse:collapse;border:none;padding:0;border-top:1px solid #E3E3DE;font-size:100%;margin:0 0 3em 0;width:100%;} #ColContenu .contenu .inner2 table caption {margin:0 0 1em 0;color:#666;} #ColContenu .contenu .inner2 table th, #ColContenu .contenu .inner2 table td {vertical-align:top;color:#666;border-bottom:1px solid #E3E3DE;font-size:.9em;} #ColContenu .contenu .inner2 table thead th {background-color:#F3F3F2;padding:5px 2px;text-align:center;} #ColContenu .contenu .inner2 table td {padding:10px 5px;} #ColContenu .contenu .inner2 table tfoot td {background-color:#F3F3F2;padding:5px 2px;} #ColContenu .contenu .inner2 table tbody th {padding:5px 10px 5px 2px;text-align:right;} #ColContenu .contenu .inner2 table tfoot th {background-color:#F3F3F2;padding:5px 10px 5px 2px;text-align:right;} /* Accroche */ .accroche .contenu {background-color:#ECE9E9;padding:8px 15px .1em 15px;margin:0 0 1.7em 0;} .accroche .contenu .inner .inner2 p {font-size:1em;margin:0 0 .3em 0;line-height:1.2em;} /* Partenaire */ #ColContenu .partenaire {width:223px;float:left;margin:0 30px 2em 0;} #ColContenu .nomargin {margin-right:0 !important;} #ColContenu .partenaire .contenu .inner .inner2 {position:relative;} #ColContenu .partenaire .contenu .inner .inner2 p {margin:.6em 0 0 0;height:11em;} #ColContenu .partenaire .contenu .inner .inner2 .inner3 {position:relative;} #ColContenu .partenaire .contenu .inner .inner2 .inner3 a {width:213px;display:block;height:140px;overflow:hidden;border:1px solid #CCC;opacity:0.5;-moz-opacity:0.5;padding:4px;} #ColContenu .partenaire .contenu .inner .inner2 .inner3 a:hover, #ColContenu .partenaire .contenu .inner .inner2 .inner3 a:active, #ColContenu .partenaire .contenu .inner .inner2 .inner3 a:focus {width:213px;height:140px;border:5px solid #00B9F1;opacity:1;-moz-opacity:1;padding:0;} #ColContenu .partenaire .contenu .inner .inner2 .inner3 a span {display:block;text-align:center;} #ColContenu .partenaire .contenu .inner .inner2 .inner3 a span.valign {height:130px;cursor:pointer;} #ColContenu .partenaire .contenu .inner .inner2 .inner3 a span.valign img {display:block;margin:0 auto;text-align:center;font-size:1.1em;} #ColContenu .partenaire .contenu .inner .inner2 .inner3 a:hover {text-decoration:none;} #ColContenu .partenaire .contenu .inner .inner2 .inner3 .mention {display:block;margin:0 5px;width:212px;position:absolute;bottom:5px;background-color:#E5F8FE;left:0;bottom:5px;} #ColContenu .partenaire .contenu .inner .inner2 .inner3 .mention strong {display:block;color:#00B9F1;background:url(../../img/bullet_4.gif) #E5F8FE no-repeat 5px .6em;padding:5px 0 5px 17px;text-align:left;font-weight:normal;} /* Organigramme */ #ColContenu .organigramme .contenu .inner .inner2 {background:url(../../img/bg_orga.gif) #FFF no-repeat 50% 0em;} #ColContenu .organigramme .contenu .inner .inner2:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .organigramme .contenu .inner .inner2 {display:inline-block;} /* \*/ * html #ColContenu .organigramme .contenu .inner .inner2 {height:1%;} #ColContenu .organigramme .contenu .inner .inner2 {display:block;} /* */ #ColContenu .organigramme .contenu .inner .inner2 ul, #ColContenu .organigramme .contenu .inner .inner2 ol {list-style:none;padding:0;margin:0;} #ColContenu .organigramme .contenu .inner .inner2 li {background-image:none;padding:0;} #ColContenu .organigramme .contenu .inner .inner2 .pdt {background-color:#221E1F;text-align:center;padding:7px 0 6px 0;width:223px;margin:0 auto 25px auto;} #ColContenu .organigramme .contenu .inner .inner2 .pdt h3 {color:#00B9F1;margin:0 0 .3em 0;} #ColContenu .organigramme .contenu .inner .inner2 .pdt p {color:#FFF;font-weight:bold;margin:0 0 .3em 0;} #ColContenu .organigramme .contenu .inner .inner2 .conseillers1, #ColContenu .organigramme .contenu .inner .inner2 .directeurs1, #ColContenu .organigramme .contenu .inner .inner2 .missions1, #ColContenu .organigramme .contenu .inner .inner2 .cite1 {width:280px;background-color:#FECB09;padding:6px 0 3px 0;float:left;} #ColContenu .organigramme .contenu .inner .inner2 .conseillers1 h4, #ColContenu .organigramme .contenu .inner .inner2 .directeurs1 h4, #ColContenu .organigramme .contenu .inner .inner2 .missions1 h4, #ColContenu .organigramme .contenu .inner .inner2 .cite1 h4 {position:absolute;top:-7777em;left:-7777em;} #ColContenu .organigramme .contenu .inner .inner2 .conseillers1 ol li, #ColContenu .organigramme .contenu .inner .inner2 .directeurs1 ol li, #ColContenu .organigramme .contenu .inner .inner2 .missions1 ol li, #ColContenu .organigramme .contenu .inner .inner2 .cite1 ol li {text-align:center;margin:0 0 .4em 0;} #ColContenu .organigramme .contenu .inner .inner2 .conseillers1 {margin:0 30px 5px 0;} #ColContenu .organigramme .contenu .inner .inner2 .directeurs1 {margin:0 30px 5px 0;} #ColContenu .organigramme .contenu .inner .inner2 .missions1 {margin:0 0 20px 0;} #ColContenu .organigramme .contenu .inner .inner2 .cite1 {float:right;margin:0 0 10px 0;} #ColContenu .organigramme .contenu .inner .inner2 .dirfx1 {float:left;margin:0 0 0 0;clear:right;padding:0 0 0 0;} #ColContenu .organigramme .contenu .inner .inner2 .dirop1 {float:left;margin:0 0 0 0;padding:0 0 0 0;} #ColContenu .organigramme .contenu .inner .inner2 .dirfx1 h5, #ColContenu .organigramme .contenu .inner .inner2 .dirop1 h5 {font-weight:normal;} #ColContenu .organigramme .contenu .inner .inner2 .dirfx1 ul li, #ColContenu .organigramme .contenu .inner .inner2 .dirop1 ul li {margin:0 0 2em 0;} #ColContenu .organigramme .contenu .inner .inner2 .dirfx1 h5, #ColContenu .organigramme .contenu .inner .inner2 .dirfx1 ul li, #ColContenu .organigramme .contenu .inner .inner2 .dirop1 h5, #ColContenu .organigramme .contenu .inner .inner2 .dirop1 ul li {font-size:1em;width:180px;border:1px solid #D3D2D2;background-color:#E8E8E8;text-align:center;padding:5px 5px 5px 5px;margin:0 51px 1.7em 0;} #ColContenu .organigramme .contenu .inner .inner2 .dir {margin:0 0 0 68px;} /* Plan du site */ #ColContenu #plansite {margin:0;padding:20px 0 0 120px;} #ColContenu #plansite ul {list-style:none;margin:10px 10px 0 0;padding:0;} #ColContenu #plansite ul li {margin:0 0 1.7em 0;padding:4px 0 3px 40px;list-style:none;background-position:0 0;background-repeat:no-repeat;background-image:url(../../img/plan/bg-normal-01.gif);vertical-align:bottom;border:1px solid #ECE9E9;background-color:#FAF9F9;font-size:1.4em;font-weight:bold;} #ColContenu #plansite ul li a {color:#000;padding:0;} #ColContenu #plansite ul li.toggler {background-image:none;padding-left:0;} #ColContenu #plansite ul li a.openclose {display:inline-block;width:22px;height:22px;background-position:0 0;background-repeat:no-repeat;background-image:url(../../img/plan/bg-close-01.gif);margin:-4px 18px -3px 0;vertical-align:top;} #ColContenu #plansite ul li a.openclose.on {background-image:url(../../img/plan/bg-open-01.gif);} #ColContenu #plansite ul li a.openclose span {display:none;} #ColContenu #plansite ul li ul {padding:1em 0 1em 40px;} #ColContenu #plansite ul li ul li {background-image:url(../../img/plan/bg-normal-02.gif);padding:0 0 0 25px;font-size:.9em;margin:0 0 .5em 0;border:none;} #ColContenu #plansite ul li ul li a.openclose {background-image:url(../../img/plan/bg-close-02.gif);margin:0 11px 0 0;width:14px;height:14px;} #ColContenu #plansite ul li ul li a.openclose.on {background-image:url(../../img/plan/bg-open-02.gif);} #ColContenu #plansite ul li ul li ul {padding:0 0 1em 40px;} #ColContenu #plansite ul li ul li ul li {background-image:url(../../img/plan/bg-normal-03.gif);background-position:0 2px;padding-left:16px;font-size:.8em;font-weight:normal;} #ColContenu #plansite ul li ul li ul li a.openclose {background-image:url(../../img/plan/bg-close-03.gif);width:9px;height:9px;} #ColContenu #plansite ul li ul li ul li a.openclose.on {background-image:url(../../img/plan/bg-open-03.gif);} #ColContenu #plansite ul li ul li ul li ul li {background-image:url(../../img/plan/bg-normal-04.gif);background-position:0 2px;padding-left:16px;} #ColContenu #tous {margin:-1.5em 0 0em 0;padding:0 10px 0 10px;text-align:left;float:right;background:url(../../img/bullet_4.gif) transparent no-repeat 0 .3em;font-weight:bold;color:#000;} #ColContenu #tous a {color:#000;} #ColContenu #tous a:hover, #ColContenu #tous a:active, #ColContenu #tous a:focus {color:#00B9F1;text-decoration:none;} /* Chiffres Cles */ #ColContenu .ChiffresCles {padding:1em 0 0 0;margin:0 0 1.7em 0;} #ColContenu .ChiffresCles .contenu {background:url(../../img/bg_chiffres_cles.gif) #FFF no-repeat 100% 6px;padding:0 106px 0 0;} #ColContenu .ChiffresCles .contenu .inner {background-color:#231F20;padding:0;} #ColContenu .ChiffresCles .contenu .inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .ChiffresCles .contenu .inner {display:inline-block;} /* \*/ * html #ColContenu .ChiffresCles .contenu .inner {height:1%;} #ColContenu .ChiffresCles .contenu .inner {display:block;} /* */ #ColContenu .ChiffresCles .contenu .inner h2 {background-image:none;color:#00B9F1;width:147px;float:left;background-color:#231F20;font-size:2em;font-weight:normal;padding:13px 0 13px 8px;} #ColContenu .ChiffresCles .contenu .inner .inner2 {background-color:#00B9F1;float:left;padding:8px 15px 1px 13px;margin:0;min-height:140px;} #ColContenu .ChiffresCles .contenu .inner .inner2 p {color:#FFF;font-weight:bold;margin:.8em 0 1.4em 0;line-height:1.5em;} #ColContenu .ChiffresCles .contenu .inner .inner2 p strong {font-size:2.2em;} #ColContenu .ChiffresCles .contenu .inner .inner2 p em {font-size:1.5em;font-style:normal;} #ContainerCols.deux #ColContenu .ChiffresCles .contenu .inner .inner2 {width:440px;} #ContainerCols.une #ColContenu .ChiffresCles .contenu .inner .inner2 {width:691px;} /* exergue */ #ColContenu .exergue {padding:1em 0 0 0;margin:0 0 1.7em 0;} #ColContenu .exergue .contenu {padding:0;} #ColContenu .exergue .contenu .inner {background-color:#231F20;padding:0;} #ColContenu .exergue .contenu .inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .exergue .contenu .inner {display:inline-block;} /* \*/ * html #ColContenu .exergue .contenu .inner {height:1%;} #ColContenu .exergue .contenu .inner {display:block;} /* */ #ColContenu .exergue .contenu .inner h2 {background-image:none;color:#00B9F1;width:147px;float:left;background-color:#231F20;font-size:2em;font-weight:normal;padding:13px 0 0 8px;margin:0;} #ColContenu .exergue .contenu .inner .inner2 {background-color:#00B9F1;float:left;padding:8px 15px 1px 13px;margin:0;min-height:40px;} #ColContenu .exergue .contenu .inner .inner2 p {color:#FFF;margin:.8em 0 1.4em 0;line-height:1.5em;} #ContainerCols.deux #ColContenu .exergue .contenu .inner .inner2 {width:546px;} #ContainerCols.une #ColContenu .exergue .contenu .inner .inner2 {width:797px;} /* Resultat de recherche */ #rech-02 {margin:0 0 1.8em 0;} #rech-02 .contenu .inner {background:url(../../img/bg-rech-top.gif) #E5F8FE no-repeat 0 0;} #rech-02 .contenu .inner .inner2 {background:url(../../img/bg-rech-bas.gif) no-repeat 100% 100%;padding:15px 10px 15px 20px !important;} #rech-02 .contenu .inner .inner2 p {margin:.5em 0 0 94px !important;} #rech-02 .contenu .inner .inner2 form {margin:0;padding:0;} #rech-02 input#keys {border:1px solid #EEAB1F;width:300px;color:#656565;padding:1px 5px 1px 7px;} #rech-02 input {vertical-align:middle;} #rech-02 form input {border:2px inset #D7D7D7;font:1em Arial, Helvetica, sans-serif;padding:3px 7px;width:450px;} #rech-02 form .input {text-align:right;margin:0 0 0 10px;} #rech-02 form .input input {font:bold 1.15em Arial, Helvetica, sans-serif !important;padding:2px 10px 2px 20px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;color:#FFF;border:0;background:url(../../img/bullet_8.gif) #00B9F1 no-repeat 10px .45em;width:auto;} #rst p {margin:0 0 1em 0;padding:0;} #rst .nb-pages {margin:0 0 2.2em 0;} #rst select#afficher {border:1px solid #EEAB1F;width:49px;margin:0 5px 0 5px;vertical-align:middle;} .bl-rst {background:url(../../img/ico_resultat.gif) #FFF no-repeat 52px 12px;} .bl-rst .bl-rst-i {padding:13px 10px 0 10px;background-repeat:no-repeat;} .bl-rst .bl-rst-i {display:inline-block;} .bl-rst .bl-rst-i:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* \*/ * html .bl-rst .bl-rst-i {height:1%;} .bl-rst .bl-rst-i {display:block;} /* */ .bl-rst.impair {background:url(../../img/ico_resultat.gif) #E5F8FE no-repeat 52px 12px;} .bl-rst.impair .bl-rst-i {} .bl-rst .bl-rst-i .lt {float:left;width:45px;font-weight:bold;font-size:1.05em;} .bl-rst .bl-rst-i .lt span {font-size:1.1em;width:37px;text-align:center;color:#00B9F1;display:block;} .bl-rst .bl-rst-i .gt {width:auto;margin-left:67px;} #rst .bl-rst .bl-rst-i h3 {color:#000;background:none;padding:0;margin:0 0 5px 0;font-size:1.2em;} #rst .bl-rst .bl-rst-i h3 a {color:#000 !important;background:none;} #rst p.ariane-2 {margin:0;color:#707070;} #rst p.ariane-2 a {color:#707070;text-decoration:underline;} #rst p.ariane-2 a:hover {text-decoration:none;} #col-lc #rst .pagination ul li{background-image:none;padding:0;} #col-lc #rst .pagination ul li.prev {padding:0 20px 0 0;} #col-lc #rst .pagination ul li.prev a, #col-lc #rst .pagination ul li.next a {color:#EEAB1F;background-color:#EEAB1F;} #col-lc #rst .pagination ul li.next {padding:0 0 0 20px;} #col-lc #rst .pagination ul li a:hover {background-color:#86A1B4;color:#FFF;} #rst .browsebox {text-align:center;color:#FFF;font-size:.9em;} #rst .browsebox span {} #rst .browsebox span.tx-indexedsearch-browselist-currentPage a {background-color:#2882AA;} #rst .browsebox span a, #pagination a {padding:0 .4em;background-color:#93C0D4;color:#FFF !important;margin:0 1px 0 0;} #rst .browsebox {} #pagination {text-align:center;} /* Gestes bleus */ #ColContenu .geste {margin:0 0 1.5em 0;} #ColContenu .geste .contenu {margin:0 81px .5em 83px;} #ColContenu .geste .contenu .inner {} #ColContenu .geste .contenu .inner h2 {position:absolute;top:-7777em;left:-7777em;} #ColContenu .geste .contenu .inner .inner2 {background-color:#00B9F1;color:#FFF;} #ColContenu .geste .contenu .inner .inner2 .txtVisu {background:url(../../img/bg_geste.gif) transparent repeat-y 0 0;margin:0;} #ColContenu .geste .contenu .inner .inner2 .blocVisu {margin:0;} #ColContenu .geste .contenu .inner .inner2 .blocTxt {padding:1.4em 25px 1px 32px;width:356px;float:left;} #ColContenu .geste .contenu .inner .inner2 p {} #ColContenu .geste .contenu .inner .inner2 a {} /* Pour aller plus loin */ #ColContenu .PourAllerPlusLoin {color:#FFF;margin:1.5em 0 2em 0;} #ColContenu .PourAllerPlusLoin .t {color:#00B9F1;width:127px;float:left;background-color:#231F20;font-size:1.9em;font-weight:normal;padding:12px 0 0 8px;line-height:2em;position:absolute;} #ColContenu .PourAllerPlusLoin .content {padding:10px 121px 1px 149px;background:url(../../img/bg_pourallerplusloin2.gif) transparent no-repeat 100% 14px;margin:0;min-height:162px;} #ColContenu .PourAllerPlusLoin .content .contenu {border-top:1px solid #73D9F7;margin:0 0 1em 0;padding:1em 7px 0 0;} #ColContenu .PourAllerPlusLoin .content .contenu.firstChild {border:none;padding-top:0;} #ColContenu .PourAllerPlusLoin .content .contenu .inner {} #ColContenu .PourAllerPlusLoin .content .contenu .inner h2 {color:#FFF;background-image:none;padding:0;margin:0 0 .5em 0;} #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 {} #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 p {margin:0 0 .4em 0;} #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 p.more a {text-decoration:none;padding:0 10px 0 0;background:url(../../img/bullet_6.gif) transparent no-repeat 100% .3em;} #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 a {color:#FFF;text-decoration:underline;} #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 a:hover, #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 a:focus, #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 a:active {text-decoration:none;} #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 a.more {text-decoration:none;padding:0 10px 0 0;background:url(../../img/bullet_6.gif) transparent no-repeat 100% .3em;} #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 a.more:hover, #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 a.more:focus, #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 a.more:active, #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 p.more a:hover, #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 p.more a:focus, #ColContenu .PourAllerPlusLoin .content .contenu .inner .inner2 p.more a:active {text-decoration:underline;} #ContainerCols.deux #ColContenu .PourAllerPlusLoin {background:url(../../img/bg_pourallerplusloin.gif) #00B9F1 repeat-y 0 0;} #ContainerCols.une #ColContenu .PourAllerPlusLoin {background:url(../../img/bg_pourallerplusloin_wide.gif) #00B9F1 repeat-y 0 0;} /* Menu onglets */ #ColContenu .menu-onglet {clear:both;margin:.6em 0 1px 16px;list-style:none;padding:0;} #ColContenu .menu-onglet:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .menu-onglet {display:inline-block;} /* \*/ * html #ColContenu .menu-onglet {height:1%;} #ColContenu .menu-onglet {display:block;} /* */ #ColContenu .menu-onglet li {float:left;padding:0 0 17px 0;margin:0 15px 0 0;} #ColContenu .menu-onglet li a, #ColContenu .menu-onglet li h3 {color:#000;background-color:#E5F8FE;display:block;padding:8px 10px 4px 10px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;} #ColContenu .menu-onglet li a strong, #ColContenu .menu-onglet li h3 strong {display:block;font-size:1.4em;} #ColContenu .menu-onglet li a strong em {display:block;font-size:.65em;font-weight:normal;font-style:normal;} #ColContenu .menu-onglet li.on {background:url(../../img/bg_menu-onglet.gif) #FFF no-repeat 50% 100%;} #ColContenu .menu-onglet li.on a, #ColContenu .menu-onglet li.on h3 {color:#FFF;background-color:#00B9F1;} #ColContenu .menu-onglet li.video a, #ColContenu .menu-onglet li.photo a, #ColContenu .menu-onglet li.question a {padding:8px 10px 4px 40px;} #ColContenu .menu-onglet li.ecrire a, #ColContenu .menu-onglet li.contact a, #ColContenu .menu-onglet li.signaler a {padding:5px 10px 4px 32px;} #ColContenu .menu-onglet li.ecrire a strong, #ColContenu .menu-onglet li.contact a strong, #ColContenu .menu-onglet li.signaler a strong {font-size:1.15em;} #ColContenu .menu-onglet li.ecrire.on a strong, #ColContenu .menu-onglet li.contact.on a strong, #ColContenu .menu-onglet li.signaler.on a strong {font-size:1.4em;} #ColContenu .menu-onglet li.video a {background-image:url(../../img/bg_li_video.png);background-repeat:no-repeat;background-position:0 0;} #ColContenu .menu-onglet li.photo a {background-image:url(../../img/bg_li_photo.png);background-repeat:no-repeat;background-position:0 0;} #ColContenu .menu-onglet li.ecrire a {background-image:url(../../img/bg_li_ecrire.png);background-repeat:no-repeat;background-position:0 0;} #ColContenu .menu-onglet li.contact a {background-image:url(../../img/bg_li_contact.png);background-repeat:no-repeat;background-position:0 0;} #ColContenu .menu-onglet li.signaler a {background-image:url(../../img/bg_li_signaler.png);background-repeat:no-repeat;background-position:0 0;} #ColContenu .menu-onglet li.question h3 {background-image:url(../../img/bg_li_question.gif);background-repeat:no-repeat;background-position:10px 4px;padding:4px 10px 4px 34px;} #ColContenu .menu-onglet li.question {margin:0 15px 0 -16px;position:relative !important;} /* Multimedia */ #ColContenu .multimedia {border:7px solid #00B9F1;padding:15px 15px 2px 15px;margin:0 0 2em 15px;} #ColContenu .multimedia:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .multimedia {display:inline-block;} /* \*/ * html #ColContenu .multimedia {height:1%;} #ColContenu .multimedia {display:block;} /* */ /* Videos */ #ColContenu .videos .contenu {margin:0 0 1.3em 0;} #ColContenu .videos .contenu .inner .inner2 .txtVisu .blocVisu {margin-bottom:0;} #ColContenu .videos .contenu .inner .inner2 .txtVisu .blocVisu a {display:block;} #ColContenu .videos .contenu .inner .inner2 .txtVisu .blocVisu img {width:163px;height:115px;} #ColContenu .videos .contenu .inner .inner2 .txtVisu .blocTxt {width:490px;padding:1em 0 0 0;} #ColContenu .videos .contenu .inner .inner2 .txtVisu .blocTxt h3 {margin:0 0 .3em 0;} #ColContenu .videos .contenu .inner .inner2 .txtVisu .blocTxt p {margin:0 0 .5em 0;} #ColContenu .videos .contenu .inner .inner2 .videos, #ColContenu .contenu .inner .inner2 .videos {text-align:center;} #ColContenu .videos .contenu .inner .inner2 .videos .news-single-video, #ColContenu .contenu .inner .inner2 .videos .news-single-video {margin:0 auto;} /* Photos */ /* Photos */ #ColContenu .multimedia.photos {border: none !important;padding:15px 15px 2px 15px;margin:0 0 2em 15px;} #ColContenu .photos {padding:15px 0 1px 10px;} #ColContenu .photos .contenu {margin:10px;float:left;width:253px;min-height:229px;border:7px solid #00B9F1; text-align:center; padding:10px} #ColContenu .photos .contenu .inner .inner2 .txtVisu .blocVisu {margin:0 auto;border:1px solid #E5E5E5;width:210px;text-align:center; height:150px; overflow:hidden} #ColContenu .photos .contenu .inner .inner2 .txtVisu .blocVisu a {display:block;padding:5px 0;} #ColContenu .photos .contenu .inner .inner2 .txtVisu .blocVisu a:hover, #ColContenu .photos .contenu .inner .inner2 .txtVisu .blocVisu a:active, #ColContenu .photos .contenu .inner .inner2 .txtVisu .blocVisu a:focus {background-color:#00B9F1;} #ColContenu .photos .contenu .inner .inner2 .txtVisu .blocVisu img {display:block;margin:0 auto; width:200px; height:auto !important} #ColContenu .photos .contenu .inner .inner2 .txtVisu .blocTxt {padding:1em 0 0 0;line-height:1.1em;width:210px; margin:0 auto} #ColContenu .photos .contenu .inner .inner2 .txtVisu .blocTxt p {margin:0;font-style:normal;font-size:.9em;} #ColContenu .photos .contenu .inner .inner2 .txtVisu .blocTxt .visionner{ text-align:right; display:block; padding-right:12px; background:url(../../img/bullet_4.gif) right center no-repeat; text-decoration:none; color:#454545; margin-top:10px} #ColContenu .photos .contenu .inner .inner2 .videos {text-align:center;} #ColContenu .photos .contenu .inner .inner2 .videos .news-single-video {margin:0 auto;} #ColContenu .photos .news-list-browse{ overflow:hidden; clear:both} /* Publications */ #ColContenu .publications .contenu {margin:0 0 1.3em 0;} #ColContenu .publications .contenu .inner .inner2 .txtVisu .blocVisu {margin-bottom:0;} #ColContenu .publications .contenu .inner .inner2 .txtVisu .blocVisu a {display:block;} #ColContenu .publications .contenu .inner .inner2 .txtVisu .blocTxt {width:490px;padding:1em 0 0 0;} #ColContenu .publications .contenu .inner .inner2 .txtVisu .blocTxt h3 {margin:0 0 .3em 0;} #ColContenu .publications .contenu .inner .inner2 .txtVisu .blocTxt p {margin:0 0 1em 0;} /* Box generique de contenu sous un onglet */ #ColContenu .contenuonglet {border:1px solid #959595;padding:15px 15px 2px 15px;margin:0 0 2em 15px;} #ColContenu .contenuonglet:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .contenuonglet {display:inline-block;} /* \*/ * html #ColContenu .contenuonglet {height:1%;} #ColContenu .contenuonglet {display:block;} /* */ /* Bloc Ouvrant-fermant */ #ColContenu .toggle {margin:0 0 1em 0;} #ColContenu .toggle .content {background-color:#FAF9F9;padding:10px 20px 1px 20px;margin:0;border:1px solid #ECE9E9;border-top:0;} #ColContenu .toggle .title {background-color:#000;border:1px solid #CCC;padding:0;position:relative;overflow:hidden;height:1%} #ColContenu .toggle .title strong {display:block;font-size:1.4em;line-height:1.2em;background-color:#ECE9E9 !important;color:#000 !important;margin:0 22px 0 0 !important;padding:8px 10px !important;background-image:none !important;} #ColContenu .toggle .title .togglebut {float:right;margin:0 !important;} #ColContenu .toggle .title .togglebut a {display:block;background-image:url(../../img/toggle_niv01_close.gif);background-repeat:no-repeat;background-position:6px 10px;height:36px;width:22px;} #ColContenu .close .title .togglebut a {background-image:url(../../img/toggle_niv01_open.gif);background-position:6px 20px;} #ColContenu .toggle .title .togglebut span {position:absolute;top:-7777px;left:-7777px;} /* Bloc FAQ */ #ColContenu .faq {margin:0 0 3em 0;} #ColContenu .faq .toggle {margin:0 0 1em 0;} #ColContenu .faq .toggle .content {background-color:#ECE9E9;padding:10px 20px 1px 20px;margin:0 23px 0 0;} #ColContenu .faq .toggle .title {background-color:#000;border:1px solid #CCC;padding:0;position:relative;overflow:hidden;height:1%} #ColContenu .faq .toggle .title h2 {background-color:#ECE9E9 !important;color:#000 !important;margin:0 22px 0 0 !important;padding:8px 10px !important;background-image:none !important;} #ColContenu .faq .toggle .title .togglebut {float:right;margin:0 !important;} #ColContenu .faq .toggle .title .togglebut a {display:block;background-image:url(../../img/toggle_niv01_close.gif);background-repeat:no-repeat;background-position:6px 10px;height:36px;width:22px;} #ColContenu .faq .close .title .togglebut a {background-image:url(../../img/toggle_niv01_open.gif);background-position:6px 20px;} #ColContenu .faq .toggle .title .togglebut span {position:absolute;top:-7777px;left:-7777px;} #ColContenu .faq .toggle .content p {margin:0 !important;} #ColContenu .faq .toggle .toggle {border:1px solid #00B9F1;background-color:#00B9F1;position:relative;} #ColContenu .faq .toggle .close {border:1px solid #FFF;} #ColContenu .faq .toggle .content .content {background-color:#FFF;padding:10px 20px;margin:0;} #ColContenu .faq .toggle .content .title {background-color:transparent !important;border:0;padding:0;position:relative;} #ColContenu .faq .toggle .content .title h3 {border-left:5px solid #00B9F1;border-right:1px solid #FFF;margin:0 22px 0 0 !important;padding:2px 10px;} #ColContenu .faq .toggle .toggle h3 {background-color:#00B9F1;color:#FFF !important;font-weight:bold !important;} #ColContenu .faq .toggle .close h3 {background-color:#FFF;font-weight:normal !important;color:#000 !important;} #ColContenu .faq .toggle .content .title .togglebut a {display:block;background-image:url(../../img/toggle_niv02_close.gif);background-repeat:no-repeat;background-position:6px 6px;height:17px;width:22px;} #ColContenu .faq .toggle .content .close .title .togglebut a {background-image:url(../../img/toggle_niv02_open.gif);} /* Formulaires */ #ColContenu form {margin:0 0 3em 0;} #ColContenu form fieldset {/*border:1px solid #959595;*/border:none;padding:12px 70px;margin:0 0 1px 0;background:#FFF;} #ColContenu form fieldset label {display:block;} #ColContenu form fieldset .input textarea, #ColContenu form fieldset .input input {width:99%;border:2px inset #D7D7D7;font:1em Arial, Helvetica, sans-serif;} #ColContenu form fieldset .input textarea {height:100px;} #ColContenu form .validation {text-align:right;} #ColContenu form .validation input {font:bold 1.4em Arial, Helvetica, sans-serif;padding:2px 10px 2px 20px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;color:#FFF;border:0;background:url(../../img/bullet_8.gif) #00B9F1 no-repeat 10px .45em;} #ColContenu form fieldset .formw {margin:0 0 1em 0;} #ColContenu form fieldset .nom, #ColContenu form fieldset .prenom, #ColContenu form fieldset .email {width:47%;float:left;margin:0 4% 1em 0;display:inline;} #ColContenu form fieldset .prenom {margin:0 0 1em 0;} /* Message erreur/succes */ .tx-powermail-pi1_thx {border:1px solid #959595;padding:20px 70px 5px 70px;margin:0 0 1em 0;} .tx-powermail-pi1_thx p {margin:0 0 1em 0;} #ColContenu .contenuonglet form {padding:10px 50px 0 50px;} #ColContenu .contenuonglet form label {display:block;font-weight:normal;margin-bottom:5px;} #ColContenu .contenuonglet form .input textarea, #ColContenu .contenuonglet form .input input {border:2px inset #D7D7D7;font:1em Arial, Helvetica, sans-serif;} #ColContenu .contenuonglet form .input textarea {width:99%;} #ColContenu .contenuonglet form .input input {width:250px;} #ColContenu .contenuonglet form .input textarea {height:100px;} #ColContenu .contenuonglet form .tx_powermail_pi1_fieldwrap_html_submit {text-align:right;margin:3em -66px -5.2em 0 !important;} #ColContenu .contenuonglet form .tx_powermail_pi1_fieldwrap_html_submit input {font:bold 1.15em Arial, Helvetica, sans-serif !important;padding:2px 10px 2px 20px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;color:#FFF;border:0;background:url(../../img/bullet_8.gif) #00B9F1 no-repeat 10px .45em;} #ColContenu .contenuonglet form .formw {margin:0 0 1em 0;} #ColContenu .contenuonglet form .nom {width:260px;float:left;margin:0 10px 1em 0;display:inline;} #ColContenu .contenuonglet form .cp {width:100px;float:left;margin:0 10px 1em 0;display:inline;} #ColContenu .contenuonglet form .city {width:190px;float:left;margin:0 10px 1em 0;display:inline;} #ColContenu .contenuonglet form .email {clear:both;} #ColContenu .contenuonglet form .cp input {width:90px;} #ColContenu .contenuonglet form .city input {width:180px;} #ColContenu .contenuonglet form .prenom {margin:0 0 1em 0;} /* Temoignage */ #ColContenu .temoignage .contenu .inner .inner2 h3 {font-size:1.4em;margin:0 0 .2em 0;padding:0;} #ColContenu .temoignage .contenu .inner .inner2 h4 {font-size:1.15em;font-weight:normal;color:#00B9F1;margin:0 0 1.1em 0;padding:0;} /* Qualite eau */ .Qualite {clear:both;margin:0 0 2em 0;} .Qualite:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .Qualite {display:inline-block;} /* \*/ * html .Qualite {height:1%;} .Qualite {display:block;} /* */ .Qualite .t {float:left;font-size:1.6em;background:url(../../img/bg_qualite_t.gif) #00B9F1 repeat-y 0 0;width:380px;padding:5px 0 5px 10px;margin:0 20px 0 0;} .Qualite .t .t1 {background-color:#231F20;color:#00B9F1;} .Qualite .t .t2 {background-color:#00B9F1;color:#231F20;} .Qualite .content {padding:7px 0 0 0;} .Qualite .content ul {margin:0;padding:0;list-style:none;} .Qualite .content ul li {width:59px;background-image:url(../../img/bg_qualite.gif);background-repeat:no-repeat;background-color:transparent;background-position:0 0;float:left;padding:24px 0 0 0;text-align:center;margin:0 10px 0 0;opacity:0.3;-moz-opacity:0.3;} .Qualite .content ul li.on {opacity:1;-moz-opacity:1;} .Qualite .content ul li strong {font-weight:normal;} .Qualite .content ul li.q0 {background-position:0 0;} .Qualite .content ul li.q1 {background-position:-59px 0;} .Qualite .content ul li.q2 {background-position:-118px 0;} .Qualite .content ul li.q3 {background-position:-177px 0;} .Qualite .content ul li.q4 {background-position:-236px 0;} .Qualite .content ul li.q5 {background-position:-295px 0;} #ColContenu .Qualite .content .champs-infos {float:right;padding:10px 10px 5px 10px;background:#393536;color:#FFF;} #ColContenu .Qualite .content .champs-infos p {padding:0;margin:0 0 5px 0;} #ColContenu .Qualite .content .champs-infos p span {color:#00B1E6;font-weight:bold;} /* Tableau de bord */ #ColContenu #TableauDeBord {margin:0 0 3em 0;position:relative;} #ColContenu #TableauDeBord img#image-map {display:block;} #ColContenu #TableauDeBord .TableauDeBordContent {position:absolute;bottom:0;left:0;} #ColContenu #TableauDeBord .infoBilan {float:left;width:237px;border-right:1px solid #FFF;background:url(../../img/tableau-de-bord/bg_bilan.png) transparent repeat 0 0;padding:10px 10px 11px 24px;color:#FFF;} #ColContenu #TableauDeBord .infoBilan h2 {color:#FFF;margin:0 0 .2em -12px;} #ColContenu #TableauDeBord .infoBilan p.maj {font-size:.9em;margin:0 0 1.8em 0;} #ColContenu #TableauDeBord .infoBilan p {margin:0 0 .3em 0;} #ColContenu #TableauDeBord .infoBilan ul {margin:0 0 .5em 0;padding:0;list-style:none;} #ColContenu #TableauDeBord .infoBilan ul li {margin:0;padding:0;} #ColContenu #TableauDeBord .infoBilan ul li a {color:#FFF;background:url(../../img/bullet_2.gif) transparent no-repeat 100% .3em;padding:0 10px 0 0;} #ColContenu #TableauDeBord .infoBilan dl {margin:0 0 1.6em 0;padding:0;} #ColContenu #TableauDeBord .infoBilan dl dt {float:left;padding:0 .3em 0 0;} #ColContenu #TableauDeBord .infoBilan dl dd {font-weight:bold;color:#00B9F1;margin:0;padding:0;} #ColContenu #TableauDeBord .toggleCont {width:706px;float:left;} #ColContenu #TableauDeBord p.closeCT {float:right;margin:-9px -9px 0 0;} #ColContenu #TableauDeBord p.closeCT a {display:block;height:23px;width:23px;background:url(../../img/bg_close.gif) transparent no-repeat 0 0;} #ColContenu #TableauDeBord p.closeCT a span {position:absolute;top:-7777px;left:-7777px;} #ColContenu #TableauDeBord .toggleCont .toggleTdB {margin:0 0 1em 0;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .title .togglebut {float:right;margin:0 !important;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .title .togglebut a {display:block;background-image:url(../../img/toggle_niv01_close.gif);background-repeat:no-repeat;background-position:6px 10px;height:36px;width:22px;background-color:#231F20;} #ColContenu #TableauDeBord .toggleCont .close .title .togglebut a {background-image:url(../../img/toggle_niv01_open.gif);background-position:6px 20px;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .title {color:#FFF;border:1px solid #00B9F1;background-color:#00B9F1;padding:0;position:relative;overflow:hidden;opacity:0.9;-moz-opacity:0.9;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .title h3 {color:#FFF;font-size:1.4em;line-height:1.2em;margin:0 22px 0 0;padding:7px 10px 6px 10px;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .title .togglebut span {position:absolute;top:-7777px;left:-7777px;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content {background-color:#00B9F1;border:none;padding:5px 15px 13px 15px;opacity:0.9;-moz-opacity:0.9;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table {border-collapse:collapse;width:auto;margin:0;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table th, #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table td {border:1px solid #FFF;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table th {font-weight:bold;color:#393536;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table td {text-align:center;color:#FFF;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table a {color:#393536;border-bottom:1px dashed #000;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table a:hover, #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table a:active, #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table a:focus {color:#000;text-decoration:none;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table thead th {text-align:center;padding:6px 5px 7px 5px;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table tbody th, #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table tbody td {font-size:.9em;padding:6px 5px 6px 5px;vertical-align:top;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table .periode {width:132px;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table .configuration {} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table .debit {} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table .efficacite {font-size:.9em;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table .mat1 {font-size:.9em;width:68px;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table .mat2 {font-size:.9em;width:84px;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table .mat3 {font-size:.9em;width:83px;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table .tempsSec {font-size:.9em;padding:6px 3px 7px 3px;background:url(../../img/bg_sec.gif) transparent no-repeat 50% 100%;width:80px;vertical-align:top;} #ColContenu #TableauDeBord .toggleCont .toggleTdB .content table .tempsPluie {font-size:.9em;padding:6px 3px 7px 3px;background:url(../../img/bg_pluie.gif) transparent no-repeat 50% 100%;width:93px;vertical-align:top;} a#btn-prevision {display:block;background:#006C9D url(../../img/btn-prevision.gif) no-repeat 0 0;color:#FFF;width:165px;font-weight:700;} a#btn-prevision span {display:block;background:url(../../img/btn-prevision.gif) no-repeat 100% -21px;padding:3px 15px 3px 25px;} /* tableau de bord evolution */ #ColContenu .tdb-onglet {margin:0 0 4px;padding:0;list-style:none;} #ColContenu .tdb-onglet:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #ColContenu .tdb-onglet {display:inline-block;} /* \*/ * html #ColContenu .tdb-onglet {height:1%;display:block;} /* */ #ColContenu .tdb-onglet li {float:left;width:auto;margin:0 5px 0 0;background:#EEEBEB url(../../img/bg_tdb_onglet.gif) no-repeat 0 0;padding:0;} #ColContenu .tdb-onglet li a {background:url(../../img/bg_tdb_onglet.gif) no-repeat 100% -47px;display:block;padding:9px 30px 9px 24px;color:#221E1F;font-weight:bold;} #ColContenu .tdb-onglet li.on {background-position:0 -91px;background-color:#231F20;} #ColContenu .tdb-onglet li.on a {background-position:100% -147px;padding-left:30px;color:#00B9F1;} #TableauDeBord {border:1px solid #D3D2D2;background-color:#D9F5FD;} #TableauDeBord:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #TableauDeBord {display:inline-block;} /* \*/ * html #TableauDeBord {height:1%;display:block;} /* */ #TableauDeBord .tdb-left {width:226px;float:left;background:#cf3;} #TableauDeBord .tdb-left .title {margin:0;padding:25px 23px;background-color:#FFF;font-size:1.15em;text-transform:uppercase;} #TableauDeBord .tdb-left .wrap-liste {background-color:#D9F5FD;padding:10px;} #TableauDeBord .tdb-left p.date {text-align:center;background:#ECFAFE url(../../img/bg_tdb_date.gif) no-repeat 0 0;} #TableauDeBord .tdb-left p.date span {display:block;padding:8px 10px;background:url(../../img/bg_tdb_date.gif) no-repeat 0 100%;width:185px;} #TableauDeBord .tdb-left ul {margin:0 0 1.5em;padding:0;list-style:none;} #TableauDeBord .tdb-left ul li {text-align:center;background:#EEEBEB url(../../img/bg-tdb-menu-top.gif) no-repeat 0 0;margin:0 0 1px;width:205px;} #TableauDeBord .tdb-left ul li a {display:block;background:url(../../img/bg-tdb-menu-bas.gif) no-repeat 0 100%;padding:5px;font-weight:700;color:#231F20;height:1%;vertical-align:top} #TableauDeBord .tdb-left ul li.on {background-position:-205px 0;background-color:#000;} #TableauDeBord .tdb-left ul li.on a{background-position:-205px 100%;color:#00B9F1;} #TableauDeBord .tdb-left ul ul {margin:0;padding:0;} #TableauDeBord .tdb-left ul li.on li {text-align:left;background-color:#A3E6FA;background-image:none;width:auto;border-bottom:1px solid #D9F5FD;margin:0; height:1%} #TableauDeBord .tdb-left ul li li a {font-weight:400;background-image:none !important;padding:6px 5px;color:#231F20 !important;} #TableauDeBord .tdb-left ul li li.on a {font-weight:700;} #TableauDeBord .tdb-left .animee {background:url(../../img/bg_animee.gif) no-repeat 0 0;padding:80px 0 10px;display:block;color:#FFF;font-weight:700;text-align:center;margin:0 0 1em;} #TableauDeBord .tdb-left ul.liste-fleche li{background:none;} #TableauDeBord .tdb-left ul.liste-fleche li a {background:url(../../img/bullet_4.gif) no-repeat 0 5px;font-weight:400;padding:2px 10px;text-align:left;} #TableauDeBord .tdb-left ul.liste-icons li {margin-bottom:4px;} #TableauDeBord .tdb-left ul.liste-icons li a{text-align:left;font-weight:400;} #TableauDeBord .tdb-left ul.liste-icons li a span{background:url(../../img/bg_liste_icons.gif) no-repeat 5px 5px;display:block;padding:12px 10px 12px 40px;} #TableauDeBord .tdb-left ul.liste-icons .plainte {background-position:5px -130px;} #TableauDeBord .tdb-left ul.liste-icons .ami {background-position:5px -265px;padding:5px 10px 5px 40px;} #TableauDeBord .tdb-right {width:752px;float:left;background-color:#FFF;} #TableauDeBord .tdb-right ul {list-style:none;margin:1.7em 0;} #TableauDeBord .tdb-right ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #TableauDeBord .tdb-right ul {display:inline-block;} /* \*/ * html #TableauDeBord .tdb-right ul {height:1%;display:block;} /* */ #TableauDeBord .tdb-right ul li {float:left;width:auto;margin:0 5px 0 0;background:#EEEBEB url(../../img/bg_sous_liste.gif) no-repeat 0 0;} #TableauDeBord .tdb-right ul li a {display:block;color:#231F20;background:url(../../img/bg_sous_liste.gif) no-repeat 100% 0;padding:4px 30px 4px 30px;font-weight:700;} #TableauDeBord .tdb-right ul li.on {background-position:0 -77px;background-color:#231F20;} #TableauDeBord .tdb-right ul li.on a{background-position:100% -77px;color:#00B9F1;} #TableauDeBord .wrap-tdb {background:url(../../img/tableau-de-bord/visu_01.gif) no-repeat 0 0;margin:0;} #TableauDeBord .wrap-msg {background-color:#EEEBEB;padding:20px 15px;} #TableauDeBord .wrap-msg p.title {font-weight:700;border-bottom:1px solid #231F20;font-size:1.4em;padding-bottom:5px;margin-bottom:10px;} #TableauDeBord .wrap-msg p.title span {font-weight:400;float:right;font-size:.7em;} /* Actualites du Siaap */ #ColContenu .ActusDuSiaap {background:url(../../img/bg_actusdusiaap.gif) #EEE repeat-y 0 0;margin:1.5em 0 2.4em 0;} #ColContenu .ActusDuSiaap .rssbt {float:right;margin:3px;} #ColContenu .ActusDuSiaap .rssbt img {width:19px;height:19px;} #ColContenu .ActusDuSiaap .t {color:#00B9F1;width:139px;float:left;font-size:1.9em;font-weight:normal;padding:6px 15px 100px 14px;line-height:2em;position:absolute;background:url(../../img/bg_actusdusiaap2.gif) #231F20 no-repeat 100% 66px;} #ColContenu .ActusDuSiaap .content {padding:33px 15px 1px 183px;margin:0;min-height:162px;} #ColContenu .ActusDuSiaap .content .contenu {margin:0 0 1.2em 0;padding:0;} #ColContenu .ActusDuSiaap .content .contenu .inner .inner2 {} #ColContenu .ActusDuSiaap .content .contenu .inner .inner2 h3 {margin:0 0 .35em 0;} #ColContenu .ActusDuSiaap .content .contenu .inner .inner2 p {margin:0;} #ColContenu .ActusDuSiaap .content .contenu .inner .inner2 p.date {color:#747373;} #ColContenu .ActusDuSiaap p.more {text-align:right;} #ColContenu .ActusDuSiaap p.more a {text-decoration:none;padding:0 10px 0 0;background:url(../../img/bullet_7.gif) transparent no-repeat 100% .2em;color:#1878A4;} #ColContenu .ActusDuSiaap .content .contenu .inner .inner2 a {color:#000;text-decoration:none;} #ColContenu .ActusDuSiaap .content .contenu .inner .inner2 a:hover, #ColContenu .ActusDuSiaap .content .contenu .inner .inner2 a:focus, #ColContenu .ActusDuSiaap .content .contenu .inner .inner2 a:active {text-decoration:underline;} #ColContenu .ActusDuSiaap .content .contenu .inner .inner2 a.more {text-decoration:none;padding:0 10px 0 0;background:url(../../img/bullet_7.gif) transparent no-repeat 100% .3em;} #ColContenu .ActusDuSiaap a.more:hover, #ColContenu .ActusDuSiaap a.more:focus, #ColContenu .ActusDuSiaap a.more:active, #ColContenu .ActusDuSiaap p.more a:hover, #ColContenu .ActusDuSiaap p.more a:focus, #ColContenu .ActusDuSiaap p.more a:active {text-decoration:underline;} /* Bloc Actus */ #ColContenu .BlocActu {margin:0 0 3em 0;} #ColContenu .BlocActu .rssbt {float:right;margin:4px 3px 3px 3px;} #ColContenu .BlocActu .rssbt img {width:19px;height:19px;} #ColContenu .BlocActu .t {background-color:#231F20;color:#00B9F1;font-weight:bold;font-size:1.15em;padding:7px 10px 6px 10px;} #ColContenu .BlocActu .content {padding:12px 15px 0 16px;} #ColContenu .BlocActu .content .contenu {margin:0 0 1.2em 0;padding:0;} #ColContenu .BlocActu .content .contenu .inner {} #ColContenu .BlocActu .content .contenu .inner .inner2 {} #ColContenu .BlocActu .content .contenu .inner .inner2 h3 {margin:0 0 .25em 0;} #ColContenu .BlocActu .content .contenu .inner .inner2 p {margin:0;} #ColContenu .BlocActu .content .contenu .inner .inner2 p.date {color:#747373;} #ColContenu .BlocActu p.more {text-align:right;padding:0 10px 0 0;background:url(../../img/bullet_7.gif) transparent no-repeat 100% .25em;} #ColContenu .BlocActu p.more a {text-decoration:none;color:#1878A4;} #ColContenu .BlocActu .content .contenu .inner .inner2 a {color:#000;text-decoration:none;} #ColContenu .BlocActu .content .contenu .inner .inner2 a:hover, #ColContenu .BlocActu .content .contenu .inner .inner2 a:focus, #ColContenu .BlocActu .content .contenu .inner .inner2 a:active {text-decoration:underline;} #ColContenu .BlocActu .content .contenu .inner .inner2 a.more {text-decoration:none;padding:0 10px 0 0;background:url(../../img/bullet_7.gif) transparent no-repeat 100% .3em;} #ColContenu .BlocActu a.more:hover, #ColContenu .BlocActu a.more:focus, #ColContenu .BlocActu a.more:active, #ColContenu .BlocActu p.more a:hover, #ColContenu .BlocActu p.more a:focus, #ColContenu .BlocActu p.more a:active {text-decoration:underline;} /* Detail actu */ p.retour {text-align:left;color:#00B9F1;} p.retour a {color:#1878A4;background:url(../../img/bullet_9.gif) transparent no-repeat 0 .35em;padding:0 0 0 9px;} /* Actus Lavelo */ #ColContenu .ActusLavelo {width:357px;margin:0 15px 3em 0;float:left;} /* Actus Cite de leau */ #ColContenu .ActusCiteEau {width:357px;float:left;} #ColContenu .ActusCiteEau .t {font-size:1.1em;} /* Powermail */ .tx-powermail-pi1_formwrap {} .tx-powermail-pi1_formwrap form {margin:0;padding:0;} .tx-powermail-pi1_formwrap form input, .tx-powermail-pi1_formwrap form textarea, .tx-powermail-pi1_formwrap form select {border:1px solid #CCC;color:#666;font:.9em Arial,Verdana,Helvetica,sans-serif;width:200px;} .tx-powermail-pi1_formwrap form textarea {} .tx-powermail-pi1_formwrap form select {} .tx-powermail-pi1_formwrap form label {width:180px;color:#666;display:block;float:left;margin:0 5px 0 0;text-align:right;} .tx_powermail_pi1_fieldwrap_html {clear:both;margin:0 0 .5em 0;} .tx_powermail_pi1_fieldwrap_html:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .tx_powermail_pi1_fieldwrap_html {display:inline-block;} /* \*/ * html .tx_powermail_pi1_fieldwrap_html {height:1%;} .tx_powermail_pi1_fieldwrap_html {display:block;} /* */ .tx-powermail-pi1_formwrap fieldset {border:none;background-color:#FAF9F9;padding:10px 0 10px 0;margin:0 0 2em 0;} .tx-powermail-pi1_formwrap fieldset legend {font-size:1em;padding:0 0 0 19px;margin:0;color:#666;font-weight:bold;} #ContainerCols .double .tx-powermail-pi1_formwrap form label {width:300px;} #ContainerCols .double .tx-powermail-pi1_formwrap form input, #ContainerCols .double .tx-powermail-pi1_formwrap form textarea, #ContainerCols .double .tx-powermail-pi1_formwrap form select {width:200px;} /*formulaire Signaler une plainte*/ #ColContenu .tx_powermail_pi1_fieldwrap_html_radio_title {margin-bottom:5px;} #ColContenu form .tx_powermail_pi1_fieldwrap_html_radio_content label, #ColContenu form .tx_powermail_pi1_fieldwrap_html_checkbox_content label {display:inline;} #ColContenu form #powermaildiv_uid32 input, #ColContenu form #powermaildiv_uid35 input {margin-right:10px;} #ColContenu form #powermaildiv_uid96 .tx_powermail_pi1_fieldwrap_html_radio_content span {display:block;} #ColContenu .contenuonglet form span.input select {width:180px;} /* Validation */ .tx_powermail_pi1_fieldwrap_html_submit, .powermail_mandatory_js {margin:0 0 0 185px;} #ContainerCols .double .tx_powermail_pi1_fieldwrap_html_submit, .powermail_mandatory_js {margin:0 0 0 305px;} .jscalendar_cb, .powermail_submit {width:auto !important;border:none !important;} .jscalendar{width:auto !important;} .required, .powermail_mandatory_js {color:#00B9F1;} .powermail_mandatory {color:#00B9F1 !important;} /* Date */ .tx_powermail_pi1_fieldwrap_html_datetime span div {display:inline;} .powermail_submit, input.tx-powermail-pi1_mandatory_submit {color:#FFF !important;background-color:#00B9F1 !important;font-weight:bold !important;font-size:1em !important;} .tx_powermail_pi1_fieldwrap_html p, .tx_powermail_pi1_fieldwrap_html ul, .tx_powermail_pi1_fieldwrap_html ol {color:#666 !important;} .tx_powermail_pi1_fieldwrap_html p {margin-left:18px !important;} .tx_powermail_pi1_fieldwrap_html ul {margin:0 0 1em 20px;padding:0;list-style:none;} .tx_powermail_pi1_fieldwrap_html ul li {background:url(../../img/puces/bullet.gif) transparent no-repeat 0 .5em;padding:0 0 0 10px;color:#666;overflow:auto;} .tx_powermail_pi1_fieldwrap_html a {color:#00B9F1;} .btnTxt {margin:5px 0;} .specialcheckbox {padding-top:30px;} .specialcheckbox .jscalendar_cb {float:left;margin:0 0 0 200px;} .specialcheckbox label {text-align:left !important;margin:0 0 10px 5px !important;} .specialcheckbox .tx_powermail_pi1_fieldwrap_html_submit {margin:0 0 0 218px !important;clear:both;} .tx-powermail-pi1_confirmation {padding:20px;} .powermail_all_table {margin:0 0 1em 0 !important;} .powermail_all_table th {text-align:right;width:300px;} .powermail_all_table .powermail_all_td {padding:0 5px 5px 0;} .tx-powermail-pi1_mandatory {color:#666;font-weight:normal;} ul.powermail_mandatory_list {color:#666;font-weight:normal;margin:1em 0 2em 20px;padding:0 0 0 0;list-style:none;} ul li.powermail_mandatory_listitem {background:url(../../img/puces/bullet.gif) transparent no-repeat 0 .5em;padding:0 0 0 10px;color:#666;overflow:auto;} input.tx-powermail-pi1_mandatory_submit {border:none;} /* */ #ContainerCols .actus {margin:0;padding:10px 20px 5px 20px;} .actus.impair {} .actus.pair {background-color:#E5F8FE;} /* Retour Haut de Page */ .retourhaut {text-align:right;margin:2em 0 0 0 !important;} .retourhaut a {color:#000 !important;font-weight:bold;background:url(../../img/bg_hautdepage.gif) transparent no-repeat 0 .4em;padding:0 0 0 17px;} .retourhaut a:hover, .retourhaut a:focus, .retourhaut a:active {color:#00B9F1 !important;text-decoration:none;} /* [ 03.4 | INTÉRIEUR — Colonne de contenu contextuel au contenu principal ]________________________ */ #ColContextuelle {text-align:left;margin:0 0 1.5em 30px;padding:0;float:right;width:221px;font-size:.9em;} /* Contenu standard */ #ColContextuelle .contenu {margin:0 0 1em 0;} #ColContextuelle .contenu .inner {} #ColContextuelle .contenu .inner h2 {border-bottom:1px solid #000;margin:0 0 .75em 0;} #ColContextuelle .contenu .inner .inner2 {} #ColContextuelle .contenu .inner .inner2 p {margin:0 0 1em 0;} #ColContextuelle .contenu .inner .inner2 a {color:#1878A4;} #ColContextuelle .contenu .inner .inner2 h3 {margin:0 0 1em 0;} #ColContextuelle .contenu .inner .inner2 h3 a {} #ColContextuelle .contenu .inner .inner2 p.more {text-align:right;margin:0 0 .5em 0;padding:0;} #ColContextuelle .contenu .inner .inner2 p.more a {color:#1878A4;background:url(../../img/bullet_2.gif) transparent no-repeat 100% .4em;padding:0 9px 0 0;} #ColContextuelle .contenu .inner .inner2 p a.more {color:#1878A4;background:url(../../img/bullet_2.gif) transparent no-repeat 100% .4em;padding:0 9px 0 0;} /* Liste standard */ #ColContextuelle .contenu .inner .inner2 ul {margin:0 0 1em 0;padding:0;list-style:none;} #ColContextuelle .contenu .inner .inner2 ul li {margin:0 0 .5em 0;padding:0;} #ColContextuelle .contenu .inner .inner2 ul li a {} #ColContextuelle .contenu .inner .inner2 ul li a.doc, #ColContextuelle .contenu .inner .inner2 ul li a.pdf, #ColContextuelle .contenu .inner .inner2 ul li a.ppt, #ColContextuelle .contenu .inner .inner2 ul li a.xls, #ColContextuelle .contenu .inner .inner2 ul li a.zip {padding:2px 0 0 22px;color:#000;display:block;} #ColContextuelle .contenu .inner .inner2 ul li a span.date {display:block;} /* Box Contact */ #ColContextuelle .contact .contenu .inner {} #ColContextuelle .contact .contenu .inner h2 {background:url(../../img/bg_h2_contact.gif) transparent no-repeat 0 100%;border:none;margin:0;padding:0 0 8px 25px;color:#FEB609;} #ColContextuelle .contact .contenu .inner .inner2 {padding:0;} #ColContextuelle .contact .contenu .inner .inner2 .inner3 {background-color:#FECB09;padding:2px 15px 0 15px;} #ColContextuelle .contact .contenu .inner .inner2 .inner3 h3 {font-size:1.1em;margin:0;} #ColContextuelle .contact .contenu .inner .inner2 .inner3 p.more {margin:0 -15px;padding:3px 0 .5em 0;background-color:#FFF;} /* Box Video */ #ColContextuelle .video .contenu .inner {} #ColContextuelle .video .contenu .inner h2 {background:url(../../img/bg_h2_video.gif) transparent no-repeat 0 100%;border:none;margin:0;padding:0 0 8px 25px;color:#00B9F1;} #ColContextuelle .video .contenu .inner .inner2 {padding:0;} #ColContextuelle .video .contenu .inner .inner2 .inner3 {background-color:#00B9F1;padding:0 7px 1px 7px;} #ColContextuelle .video .contenu .inner .inner2 .inner3 p {margin:0 0 7px 0;padding:7px 10px;color:#FFF;background-color:#231F20;} #ColContextuelle .video .contenu .inner .inner2 .inner3 p.more {margin:0 -7px -1px -7px;padding:3px 0 .5em 0;background-color:#FFF;} /* box video Juniors ||| ajout stephane - timmxware */ #ColContextuelle .juniors { border:2px solid #00B9F1; padding:0 4px 4px 4px; width:204px !important; width:200px; margin-bottom:10px} #ColContextuelle .juniors .video .contenu .inner h2 { width: 179px;} #ColContextuelle .juniors .title{ background:#00B9F1} #ColContextuelle .juniors .title h2{ border-right: none !important; border-right: 4px solid #00B9F1} /* Box Visite virtuelle */ #ColContextuelle .visiteVirtuelle .contenu .inner {} #ColContextuelle .visiteVirtuelle .contenu .inner h2 {} #ColContextuelle .visiteVirtuelle .contenu .inner .inner2 {} #ColContextuelle .visiteVirtuelle .contenu .inner .inner2 p {margin:0 0 7px 0;padding:7px 10px;color:#FFF;/*background-color:#231F20;*/} #ColContextuelle .visiteVirtuelle .contenu .inner .inner2 a.more {color:#1878A4;background:url(../../img/bullet_2.gif) transparent no-repeat 100% .4em;padding:0 9px 0 0;} #ColContextuelle .visiteVirtuelle .contenu .inner .inner2 .eaux {background:url(../../img/bul_eaux.gif) transparent no-repeat 0 .4em;padding:0 0 0 21px;} #ColContextuelle .visiteVirtuelle .contenu .inner .inner2 .boues {background:url(../../img/bul_boues.gif) transparent no-repeat 0 .4em;padding:0 0 0 21px;} /* Box Tableau de bord de l'usine */ #ColContextuelle .tableaudebord .contenu .inner {} #ColContextuelle .tableaudebord .contenu .inner h2 {background:url(../../img/bg_h2_taleaudebord.gif) transparent no-repeat 0 100%;border:none;margin:0;padding:0 0 0 30px;} #ColContextuelle .tableaudebord .contenu .inner .inner2 {background-color:#FECB09;padding:10px 10px 0 10px;} #ColContextuelle .tableaudebord .contenu .inner .inner2 p {margin:10px -10px 0 -10px;padding:2px 0;text-align:center;background-color:#FFF;} #ColContextuelle .tableaudebord .contenu .inner .inner2 p.align-center {margin:0;padding:0;background-color:transparent;} #ColContextuelle .tableaudebord .contenu .inner .inner2 p.more {margin:0 -10px;padding:3px 0 0 0;background-color:#FFF;text-align:left;} /* schemas */ #schemas {margin:0 0 3em 0;padding:0;} /* [ 03.5 | INTÉRIEUR — Colonne double : pas de colonne de droite ]________________________ */ #ContainerCols.une #ColContenu {width:980px !important;} /* popup */ .popupContent {text-align:left;padding:20px;} .popupContent .tx-powermail-pi1 label {width:138px;display:block;float:left;margin:0 5px 0 0;text-align:right;} .popupContent .tx-powermail-pi1 input, .popupContent .tx-powermail-pi1 textarea, .popupContent .tx-powermail-pi1 select {border:2px inset #D7D7D7;font:1em Arial, Helvetica, sans-serif;width:178px;} .popupContent .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit {margin:0 0 0 244px;} .popupContent .tx-powermail-pi1 .powermail_envoiami {font:bold 1.4em Arial, Helvetica, sans-serif;padding:2px 10px 2px 20px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;color:#FFF;border:0;background:url(../../img/bullet_8.gif) #00B9F1 no-repeat 10px .45em;} /* ______________________[ 04 | Bas de page :copyright, liens vers informations générales ]________________________ */ /* Retour Haut de Page */ #retourhaut {text-align:right;margin:0 0 2em 0 !important;padding:25px 251px 0 0;} #retourhaut.une {padding:25px 0 0 0;} #retourhaut a {color:#000;font-weight:bold;background:url(../../img/bg_hautdepage.gif) transparent no-repeat 0 .4em;padding:0 0 0 17px;} #retourhaut a:hover, #retourhaut a:focus, #retourhaut a:active {color:#00B9F1;text-decoration:none;} #PiedDePage {margin:0 0 2em 0;padding:.7em 0 1em 0;border-top:1px solid #000;color:#666;} #PiedDePage .inner a {color:#666;}