body {background-color: #efefef; margin:0px; padding: 0px; font-family: Verdana; text-align: left;} img {border: 0px;} form {margin: 0px; padding: 0px} .nofloat {clear: both;} .nofloat5 {clear: both; height: 5px;} .nofloat10 {clear: both; height: 15px;} /* GENERAL */ #principal_int_home {position: relative; z-index: 10; width: 980px; margin-left: auto; margin-right: auto; background-image: url(../images/home_int.gif); background-repeat: no-repeat; background-color: #FFFFFF; border-top: 1px solid #eeeeee; height: 735px;} #principal_int_home #logo { position: absolute; top: 610px; left: 30px;} #principal_int_home #enfant_home {position: absolute; top: 270px; left: 9px; width: 331px; height: 274px;} #principal_int {position: relative; z-index: 10; width: 980px; margin-left: auto; margin-right: auto; background-image: url(../images/fond-int.gif); background-repeat: no-repeat; background-color: #FFFFFF; border-top: 1px solid #eeeeee; min-height: 500px;} #principal_int #logo { position: absolute; top: 12px; left: 815px;} #principal_int #logo img {height: 32px;} #principal_extra_home {position: relative; z-index: 10; width: 980px; margin-left: auto; margin-right: auto; background-image: url(../images/home_extra.gif); background-repeat: no-repeat; background-color: #FFFFFF; border-top: 1px solid #eeeeee; min-height: 735px; _height: 735px;} #principal_extra_home #enfant_home {position: absolute; top:75px; left: 683px; width: 297px; height: 205px;} #principal_extra {position: relative; z-index: 10; width: 980px; margin-left: auto; margin-right: auto; background-image: url(../images/fond-extra.gif); background-repeat: no-repeat; background-color: #FFFFFF; border-top: 1px solid #eeeeee;} #principal_extra_home #logo, #principal_extra #logo { position: absolute; top: 5px; left: 695px;} #principal_extra_home #logo img, #principal_extra #logo img {height: 32px;} #home {position: absolute; top: 0px; left: 0px; width: 200px; height: 150px;} #info {position: absolute; top: 505px; left: 80px; width: 180px; height:90px;border-left: 1px solid #008A9A; padding-left: 15px;} #info a {font-size: 11px; font-weight: bold; color: #000000; text-decoration: none;} /* ENTETE */ #entete {position: absolute; top: 10px; left: 375px; width: 330px; height: 18px;} #entete a {color: #0560A7; font-size: 11px; font-weight: normal; text-decoration: none;} #entete a:hover {text-decoration: underline} /* HOME INTERNET */ #edito {position: absolute; top: 90px; left: 360px; width: 400px; height: 90px; color: #12384D; font-size: 9px;} #edito a {color: #1a1a1a; text-decoration: none;} #edito a:hover {font-weight: bold;} #home_agir {position: absolute; top: 375px; left: 363px; width: 250px; height: 120px;} #home_agir .lien {text-decoration: none; color: #06A0BD; font-size: 10px; font-weight: bold;} #home_agir .lien:hover {color: #0F424F} #home_vivre {position: absolute; top: 345px; left: 633px; width: 230px; height: 100px;} #home_vivre .lien {text-decoration: none; color: #ffffff; font-size: 10px; font-weight: bold} #home_vivre .lien:hover {color: #F8C419} #home_agir p, #home_vivre p {height: 18px; margin: 0px; padding: 0px;} #home_approche {position: absolute; top: 596px; left: 539px; width: 250px; height: 100px;} #home_approche .lien {text-decoration: none; color: #008A9A; font-size: 12px; font-weight: bold} #home_approche .lien:hover {color: #0F424F} #home_etat_lieux {position: absolute; top: 490px; padding-right: 15px; left: 490px; width: 250px; height: 180px; text-align: right; border-right: 1px solid #008A9A} #home_etat_lieux a {text-decoration: none; color: #1A171B; font-size: 9px; font-weight: normal} #home_etat_lieux a:hover {font-weight: bold;} #home_partenaire {position: absolute; top: 437px; left: 817px; width: 151px; height: 60px; color: #008A9A; font-weight: bold; font-size: 12px;} #home_partenaire a {text-decoration: none; color: #1A1A1A; font-size: 9px; font-weight: normal} #home_partenaire a:hover {font-weight: bold;} #home_login {position: absolute; top: 600px; left: 817px; width: 250px; height: 100px;} /* HOME EXTRANET */ #extra_bienvenue {position: absolute; top: 216px; left: 302px; width: 200px; height: 175px; color: #ffffff} #extra_bienvenue h1 {padding: 0px; margin: 0px; font-size: 16px; font-weight: bold; margin-bottom: 10px;} #extra_bienvenue div {font-size: 11px; font-weight: normal;} #extra_zoom {position: absolute; top: 442px; left: 311px; width: 200px; height: 175px; color: #008A9A; font-size: 12px;} #extra_zoom h1 {padding: 0px; margin: 0px; font-size: 17px; font-weight: bold; margin-bottom: 10px; margin-top: 10px;} #extra_zoom div {font-size: 11px; font-weight: normal;} #extra_zoom a {color: #008A9A; font-weight: bold; text-decoration: none;} #extra_zoom a:hover {text-decoration: underline;} #extra_actu {position: absolute; top: 290px; left: 585px; width: 212px; height: 230px; color: #1A171B; font-size: 11px; border-bottom: 1px solid #008A9A; padding: 5px;} #extra_actu a {color: #1A171B; text-decoration: none; font-size: 11px;font-weight: normal;} #extra_actu a:hover {font-weight: bold;} #extra_actu .item { margin-bottom: 15px;} #extra_actu .item .date{font-size: 9px; color: #0560A7} #extra_actu .item .lib{font-size: 9px; color: #1A171B; font-weight: bold;} #extra_actu .item .chapo{font-size: 9px; color: #1A171B; width: 150px; height: 50px; overflow: hidden;} #extra_actu .item a {display: block; width: 150px; text-decoration: none; color: #1A171B; } #extra_actu .item a:hover {font-weight: bold; } #extra_etat_lieux {position: absolute; top: 540px; padding-right: 15px; left: 595px; width: 170px; height: 100px;} #extra_etat_lieux a {text-decoration: none; color: #1A171B; font-size: 9px; font-weight: normal} #extra_etat_lieux a:hover {font-weight: bold;} /* MENU */ #menu {position: relative; float: left; margin-top: 206px; left: 0px; width: 222px; background-image: url(../images/colgauche.gif); background-repeat: y-repeat; } #menu a {font-size: 9px; color: #0F424F; text-decoration: none; font-weight: bold;} #menu a:hover, #menu a.on { color: #008A9A} #menu hr {border:1px solid #84C5CB;} #menu_agir {border-left: 13px solid #FBD005; padding-left: 10px; margin-bottom: 10px; width: 195px;} #menu_vivre {border-left: 13px solid #06A0BD; padding-left: 10px; width: 195px;} #menu_approche {border-left: 13px solid #008A9A; padding-left: 10px; width: 195px;} #menu_partenaire {border-left: 13px solid #F29400; padding-left: 10px; width: 195px;} #menu_login {} #formLogin {margin-left: 12px;} #formLogin .inputBox {width: 75px; height: 15px; font-size: 10px;} #formLogin a {color: #008A9A; font-size: 9px; text-decoration: none;} #formLogin a:hover {text-decoration: underline;} /* CONTENU */ #principal_extra_home #progression {position: absolute; top: 120px; left: 256px;} #progression, #progression a {font-size: 10px;} #progression a:hover {text-decoration: underline;} #contenu {position: relative; float: left; padding-left: 40px; margin-top: 130px; width: 510px; _width: 500px; margin-right: 30px; font-size: 11px; color: #12384D;} .anim {width: 511px; _width: 500px;} #contenu a {color: #12384D; font-weight: normal; text-decoration: none;} #contenu a:hover {text-decoration: underline;} #contenu h1 {margin: 0px; padding: 0px; font-size: 21px; font-weight: bold; margin-bottom: 16px;} #contenu h2 {margin: 0px; padding: 0px; font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 16px;} h3 {font-weight: bold; margin: 0px; padding: 0px; margin-bottom: 15px; font-size: 10px;} h3 a {font-weight: normal; color: #008A9A !important} #contenu .texte a {color: #0560A7; font-weight: bold;} /* Contact */ #contact label {float: left; width: 110px; font-weight: bold;} #contact input, #contact textarea {float: left; width: 300px; font-weight: normal;} #contact .check { width: 15px; border: none; background-color: transparent} #contact .btn {background: #008C9C; color: #ffffff; font-weight: bold; width: auto; border: none;} .validation-advice { float: left;color : #DF2F48 ;font-weight: bold;line-height :20px;padding-left: 110px; } .validation-failed {border: 1px solid #DF2F48; } /* Consultation */ #formulaire label {float: left; width: 250px; font-weight: normal;} .decal {padding-left: 20px;} #formulaire .large label {float: left; width: 500px !important; font-weight: normal; } #formulaire input[type=text], #formulaire select {float: left; width: 200px; font-weight: normal;} #formulaire textarea { width: 450px;} #formulaire .check { width: 15px; border: none; background-color: transparent} #formulaire .btn {background: #008C9C; color: #ffffff; font-weight: bold; width: auto; border: none;} #formulaire .validation-advice { float: right;color : #DF2F48 ;font-weight: bold;line-height :20px;padding-left: 110px; } #formulaire .validation-failed {border: 1px solid #DF2F48; } /* EXTRANET */ #enfant {position: absolute; top: 0px; left: 814px} .extranet {color: #D40050; font-size: 9px; font-weight: normal; padding-top: 20px;} .extranet a {color: #D40050 !important; font-size: 9px; font-weight: normal; text-decoration: none;} .extranet a:hover {text-decoration: underline} #menu_agir_extra {border-left: 13px solid #FBD005; padding-left: 10px; margin-top:3px;} #menu_vivre_extra {border-left: 13px solid #06A0BD; padding-left: 10px; } #menu_suivi_extra {border-left: 13px solid #0A7568; padding-left: 10px;} #menu_evaluation_extra {border-left: 13px solid #F29400; padding-left: 10px;} #espace_ressource {position: absolute; top: 280px; left: 820px; height: 380px; width: 150px; color: #1A171B; font-size: 9px} #espace_ressource a {color: #0560A7; text-decoration: none;} #espace_ressource a:hover {font-weight: bold;} /* SOMMAIRE */ #droite {position: relative; float: left; width: 175px; margin-top: 130px;} #droite .titre {color: #0560A7; font-size: 14px; font-weight: bold; margin-top: 15px;} #droite h1 {margin: 0px; padding: 0px; font-size: 9px; color: #12384D; font-weight: bold; margin-bottom: 0px;} #droite .item { width: 160px;margin-top: 10px;} #droite .item, #droite .item a {color: #12384D; font-size: 9px; text-decoration: none;font-weight: normal; } #droite .item a:hover, #droite .item a.on {color: #F69F2B;} #ressource { border-top: 1px solid #37A5B2; border-left: 1px solid #37A5B2;} #ressource .item { margin-left: 15px; margin-bottom: 15px;} #ressource .item img { float: left; margin-right: 3px;} #ressource .item a {color: #0560A7; display: block; width: 150px;} #actualite { border-top: 1px solid #37A5B2; border-left: 1px solid #37A5B2;} #actualite .item { margin-left: 15px; margin-bottom: 15px;} #actualite .item .date{font-size: 9px; color: #0560A7} #actualite .item .lib{font-size: 9px; color: #1A171B; font-weight: bold;} #actualite .item .chapo{font-size: 9px; color: #1A171B; width: 150px; height: 50px; overflow: hidden} #ressource .item a {display: block; width: 150px;} #etat_lieux { border-top: 1px solid #37A5B2; border-left: 1px solid #37A5B2;} #etat_lieux a {font-size: 10px; color: #0F424F; text-decoration: none;} #etat_lieux a:hover {color: #F69F2B; } #vide { border-top: 1px solid #37A5B2; border-left: 1px solid #37A5B2; height: 50px;} .errMsg {color: red;} /* footer */ #footer {position: relative; width: 980px;font-size: 10px; color: #A6A6A6; text-align: left; background-color: #ffffff; height: 40px;} #footer a {color: #0560A7; font-size: 11px; font-weight: normal; text-decoration: none;} #footer a:hover { text-decoration: underline;} #home_footer {position: absolute; top: 700px; width: 600px;font-size: 10px; color: #A6A6A6; text-align: left; height: 40px;} #home_footer a {color: #0560A7; font-size: 11px; font-weight: normal; text-decoration: none;} #home_footer a:hover { text-decoration: underline;} /* POP UP DIV */ #popup_div { border: 1px solid #000000; z-index: 1002; background: #ffffff url(/themes/images/spacer.gif) } #popup_div handle { cursor: move } #popup_div_mask { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1001; background-color :#000000; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50) } #popup_div .lien {color: #0560A7; font-size: 12px; text-decoration: none;} #popup_div .lien:hover {text-decoration: underline;} /* lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } .T1 {font-size: 14px} .T2 {font-size: 12px} .T3 {font-size: 10px} .T4 {font-size: 9px}