/*normalisation*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;} h1, h2, h3, h4, h5, h6 {font-size: 100%;} ol,ul{list-style:none;} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;} table{border-collapse:collapse;border-spacing:0;} fieldset, img{border:0;} caption,th{text-align:left;} q:before,q:after{content:'';} strong{font-weight:bold} /*centrage de la fenetre - positionnement*/ html{background-color:#ffffff} body{text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#25509B} div#over{width:1003px;position:relative;margin:auto; text-align:left;} /*police */ body, a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#25509B;text-decoration:none;} a:hover{text-decoration:underline;} /*TEMPLATE*******************************************************************************************************/ /*positionnement*/ h1{text-indent:-9999px;width:1003px; height:72px;background:url('../images/bandeau_haut.jpg') no-repeat;} div#div_nav{width:1003px; height:115px;background:url('../images/div_nav.jpg') no-repeat;} div#content{width:970px;height:75px; background:url('../images/content.jpg') no-repeat;padding:70px 0px 0 33px;position:relative;} div#actu{position:absolute;left:690px; top:255px;width:272px; height:197px; background:url('../images/actu.jpg') no-repeat;padding-right:15px;} div#perso {position:absolute;left:763px; top:115px;z-index:998} div#foot {position:relative;width:970px;padding:0px 0px 0 0px; background:url('../images/bordure_foot.jpg') repeat-y ;background-position:right;z-index:999;clear:both;} div.cleartype{position:absolute;height:210px;width:285px;background:url('../images/content_travaux3_photo.jpg') no-repeat ;left:688px;top:460px} /*MENU*/ /*niveau1*/ div#div_nav ul {padding: 12px 0 0 72px;} div#div_nav ul li{float:left;margin-right:10px;} div#div_nav ul li p{clear:both;margin:0;padding:0} div#div_nav ul li p a:hover{text-decoration:none;} div#div_nav ul li p.nav_titre a.titre_menu{font-weight:bold;height:20px;margin:0;display:block;float:left;color:#FFFFFF;padding: 4px 4px 0 12px;} div#div_nav ul li p.nav_titre a{display:block;float:left} div#div_nav ul li p.nav_titre em.titre_menu{display:block;float:left;font-weight:bold;height:18px;margin:0;padding: 4px 4px 0 12px;background-color:#FFFFFF} /*trans*/ div#div_nav ul li p.trans {z-index:16;position:relative;display:none} div#div_nav ul li p.trans a{padding:0 20px 0 25px;display:block;} /*niveau2*/ div#div_nav ul li table{position:absolute;left:150px;top:123px;z-index:19;display:none} div#div_nav ul li table tr td.titre_ss_menu {white-space:nowrap;} div#div_nav ul li table tr td.titre_ss_menu p{background-color:#ffffff;height:23px;padding:6px 0 0 5px;width:auto;white-space:nowrap;} div#div_nav ul li table td.titre_ss_menu p em{font-weight:bold;} /*propriétés spécifiques*/ div#div_nav ul li#nav_main1 p a.titre_menu {background-color:#E2001A;} div#div_nav ul li#nav_main1 p a:hover {color:#F7C3C9;} div#div_nav ul li#nav_main1 p.nav_titre em.titre_menu{border-top:1px solid #E2001A;border-bottom:1px solid #E2001A;border-left:1px solid #E2001A;color:#E2001A} div#div_nav ul li#nav_main2 p a.titre_menu {background-color:#9D0268;} div#div_nav ul li#nav_main2 p a:hover {color:#FEC7EB;} div#div_nav ul li#nav_main2 p.nav_titre em.titre_menu{border-top:1px solid #9D0268;border-bottom:1px solid #9D0268;border-left:1px solid #9D0268;color:#9D0268} div#div_nav ul li#nav_main3 p a.titre_menu {background-color:#BDCF38;} div#div_nav ul li#nav_main3 p a:hover {color:#EDF99D;} div#div_nav ul li#nav_main3 p.nav_titre em.titre_menu{border-top:1px solid #BDCF38;border-bottom:1px solid #BDCF38;border-left:1px solid #BDCF38;color:#BDCF38;} div#div_nav ul li#nav_main3 table{left:90px;} div#div_nav ul li#nav_main3 table tr td.titre_ss_menu{width:auto;} div#div_nav ul li#nav_main3 table tr td.titre_ss_menu p{border-top:1px solid #D0DB74;border-bottom:1px solid #D0DB74;color:#BDCF38;} div#div_nav ul li#nav_main3 table tr td.titre_ss_menu p a{color:#BDCF38;} div#div_nav ul li#nav_main3 table tr td.titre_ss_menu p a:hover{color:#BDCF38;text-decoration:underline} div#div_nav ul li#nav_main4 p a.titre_menu {background-color:#003062;} div#div_nav ul li#nav_main4 p a:hover {color:#92BBE7;} div#div_nav ul li#nav_main4 p.nav_titre em.titre_menu{border-top:1px solid #003062;border-bottom:1px solid #003062;border-left:1px solid #003062;color:#003062} div#div_nav ul li#nav_main4 p.trans a{padding:0 20px 0 35px;} div#div_nav ul li#nav_main4 table{left:100px;} div#div_nav ul li#nav_main4 table td.titre_ss_menu p{border-top:1px solid #13426F;border-bottom:1px solid #13426F;color:#003062;} div#div_nav ul li#nav_main4 table td.titre_ss_menu p a{color:#003062;} div#div_nav ul li#nav_main4 table td.titre_ss_menu p a:hover{color:#003062;text-decoration:underline} div#div_nav ul li#nav_main5 p a.titre_menu {background-color:#4E8EC7;} div#div_nav ul li#nav_main5 p a:hover {color:#BDDFFD;} div#div_nav ul li#nav_main5 p.nav_titre em.titre_menu{border-top:1px solid #4E8EC7;border-bottom:1px solid #4E8EC7;border-left:1px solid #4E8EC7;color:#4E8EC7} div#div_nav ul li#nav_main5 p.trans a{padding:0 20px 0 65px;} div#div_nav ul li#nav_main5 table{left:220px;} div#div_nav ul li#nav_main5 table td.titre_ss_menu p{border-top:1px solid #4F8FC7;border-bottom:1px solid #4F8FC7;color:#4E8EC7;} div#div_nav ul li#nav_main5 table td.titre_ss_menu p a{color:#4E8EC7;} div#div_nav ul li#nav_main5 table td.titre_ss_menu p a:hover{color:#4E8EC7;text-decoration:underline} div#div_nav ul li#nav_main6 p a.titre_menu {background-color:#F7AF34;} div#div_nav ul li#nav_main6 p a:hover {color:#FCDBA3;} div#div_nav ul li#nav_main6 p.nav_titre em.titre_menu{border-top:1px solid #F7AF34;border-bottom:1px solid #F7AF34;border-left:1px solid #F7AF34;color:#F7AF34} div#div_nav ul li#nav_main6 p.trans a{padding:0 20px 0 70px;} div#div_nav ul li#nav_main6 table{left:480px;} div#div_nav ul li#nav_main6 table td.titre_ss_menu p{border-top:1px solid #F7AF34;border-bottom:1px solid #F7AF34;color:#F7AF34;} div#div_nav ul li#nav_main6 table td.titre_ss_menu p a{color:#F7AF34;} div#div_nav ul li#nav_main6 table td.titre_ss_menu p a:hover{color:#F7AF34;text-decoration:underline} div#div_nav ul li#nav_main7 p a.titre_menu {background-color:#7AB030;} div#div_nav ul li#nav_main7 p a:hover {color:#DEF899;} div#div_nav ul li#nav_main7 p.nav_titre em.titre_menu{border-top:1px solid #7AB030;border-bottom:1px solid #7AB030;border-left:1px solid #7AB030;color:#7AB030} /*content*/ div#content div#content_text{ background:url('../images/bordure.jpg') repeat-y ; padding:0 0px 0px 30px;margin-bottom:0;position:relative;} div#content div#content_text div{position:relative;top:-32px;z-index:5;width:540px;} div#content p{padding:0px 0 15px 0;text-align:justify} div#content p.endcontent{padding:0px 0 0px 0} div#content h2 {font-size:16px;margin-bottom:15px;} div#content h2.titre_invisible{text-indent:-9999px;height:0px;margin:0;} div#content span.titre {float:left;height:12px;width:20px;margin:0px 5px 0 0;float:left;position:relative;top:3px;} div#content div#content_text div h3 {position:relative;font-size:13px;background:url('../images/puce_objectifs.jpg') no-repeat;left:-25px;padding-left:25px;height:20px;padding-top:2px;} div#content div#content_text div ul {margin:5px 0 15px 0;padding-left:20px;color:#25509B} div#content div#content_text div ul li{list-style:disc outside;text-align:justify;margin-bottom:5px;color:#25509B} div#content div#content_text div ul li ul li{list-style:circle outside;text-align:justify;margin-bottom:5px;color:#25509B} div#content div.clearfoot{height:80px; background:url('../images/bordure_foot.jpg') repeat-y ;background-position:right} a.photo{position:relative;left:-30px;} /*content Actu*/ div#content div.clearactu{position:relative;margin-top:-200px;height:443px; background:url('../images/bordure.jpg') repeat-y ;background-position:right;} div#content div.clearactu div{position:relative;margin-top:-50px;margin-left:30px;text-align:left} div#content div.clearactu div p{text-align:left} /*div#content div.clearactu img{position:relative;margin-top:194px;margin-left:655px}*/ div#content div#content_actu{position:relative;background-color:#0E64A4 ;top:230px;height:220px;width:617px;z-index:4;padding-top:40px;color:#FFFFFF;} div#content div#content_actu h2{position:absolute;top:0px;font-size:14px;color:#FFFFFF;background-color:#E10915;margin:0 0px 0 210px;text-align:center} div#content div#content_actu ul li{margin:0 30px 8px 30px;padding-bottom:10px;color:#FFFFFF;font-size:13px;font-weight:bold;text-align:justify;border-bottom:1px #FFFFFF dashed;} div#content div#content_actu h3{margin:0px 0 25px 0px;font-size:16px;font-weight:normal;text-align:center} div#content div#content_actu a{font-weight:normal;color:#FFFFFF;font-size:12px;font-weight:bold;} div#content div#content_actu p#info_trafic{position:absolute;left:320px;top:240px;font-size:14px;} div#content div#content_actu p#info_trafic a{color:#FFFFFF;font-size:14px;} /*actualites*/ div#actu div{width:100px;height:75px;float:right} div#actu h2{margin:10px 15px 0 10px;font-size:14px} div#actu ul{margin:15px 15px 0 10px;} div#actu ul li{margin:0 0 7px 0;font-size:10px;} div#actu ul li em{font-weight:bold} div#actu ul li a{font-size:10px;} /*pied de page*/ div#foot p{float:left;margin:0px 15px 0 20px;padding-top:20px;} div#foot ul{float:right;margin-right:15px;padding-top:20px;} div#foot ul li{float:left;margin-left:15px} /*SPEC*******************************************************************************************************/ /*supports*/ div#content div#content_text ul.supports{margin-bottom:50px;clear:both} div#content div#content_text ul.supports li {text-align:center;width:180px;list-style:none;float:left;margin-right:10px;margin-bottom:15px;} div#content div#content_text ul.supports li a{display:block;font-variant: small-caps;margin:0} /*supports PMR*/ div#content div#content_text ul#supports_PMR{} div#content div#content_text ul#supports_PMR li {text-align:center;width:120px;list-style:none;float:left;} div#content div#content_text ul#supports_PMR li a{display:block;font-variant: small-caps;margin:0} /*projet 2*/ div#content div#over_projet2 {background:url('../images/projet2_schema.png') no-repeat ;position:absolute;top:0px;height:26px;width:626px} div#content div#content_projet2{position:relative;top:26px;background-color:#BCCE38 ;height:418px;width:617px;z-index:4;padding:12px 0px 0 0px;} div#content div.clearprojet2{position:relative;margin-top:-360px;height:410px; background:url('../images/bordure_foot.jpg') repeat-y ;background-position:right;} div#content div#content_projet2 a {left:0px} div#content div#content_projet2 ul {margin:5px 20px 15px 30px;padding-left:20px;color:#25509B} div#content div#content_projet2 ul li{list-style:disc outside;text-align:justify;margin-bottom:5px;color:#25509B} /*reportage photo (travaux3)*/ div#content div#content_text div ul.reportage{width:580px;padding:0;margin:0 0 0 50px;height:410px;} div#content div#content_text div ul.reportage li{float:left;margin:15px 15px 0px 0;list-style:none;} div#content div#content_text div ul.reportage li a {display:block;} /*div#content div#content_text div ul#reportage li a:hover img{width:150px;}*/ div#content div#content_text div ul.reportage li.alaligne{clear:both} div#content div#content_text div ul.reportage li.alaligne a {float:left;} /*porteur 1*/ div#content div#content_text div#porteur1 h2 {font-size:13px;} div#content div#content_text div#porteur1 h3 {background:url('../images/puce_porteurs.jpg') no-repeat ;font-size:13px;} /*objectifs*/ div#content div#content_text div ul#cln2{margin-bottom:0;padding-left:10px} div#content div#content_text div ul#cln2 li{width:250px;list-style:none;margin-left:0px;} div.cleartype2{position:absolute;left:688px;top:460px} /*mentions*/ div#content div#content_text div#mentions h3{background:none} /*chiffres clés*/ div#content div#content_text div ul#chiffres {float:left;width:310px;margin-top:15px;} div#content div#content_text div ul#chiffres li{margin-bottom:10px;} div#flashcontent{position:absolute;left:690px;top:460px;}