/* CSS GABARIT 2 COLONNES */ * {margin:0; padding:0; border: none; text-decoration: none;} body {font-family: "Trebuchet MS"; padding: 15px 0 0 0; font-size: 62.5%; text-align: center; color: #630001; background-color: #fff} h1 {position: absolute; left: 50px;bottom: 0px; } h2 {margin: 5px 0 20px 0px; font: normal 2.4em "Trebuchet MS"; color: #e6432e;} h3 { margin: 15px 0 0 0; font: bold 1.4em "Trebuchet MS"; color: #e6432e; } h4 { margin: 15px 0 10px 20px; font: normal 1.7em "Trebuchet MS"; color: #806b3c; } h5 { margin: 15px 0 10px 20px; font: normal 1.6em "Trebuchet MS"; color: #806b3c; } p {font: normal 1.1em "Trebuchet MS"; margin: 10px 0 10px 0px; text-align:left } input { padding: 0 0 0 3px; font-family:"Trebuchet MS"; } textarea { padding: 4px; } label {font-size:1.2em;} ul li {list-style: none; font: normal 1.1em "Trebuchet MS"; margin: 10px 15px 10px 24px; } ul.puced li {list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat;} ul.radio li {float: left; } ul.radio li input{margin: 0px 4px 0 0px; position:relative; top: 2px; left: 0px; } a img {border: none; text-decoration: none; } a {color:#e6432e; text-decoration: underline; font: normal 1.1em "Trebuchet MS";} a:hover {color:#000; text-decoration: underline;} /* CONTENEURS GENERAUX */ #main { position: relative; margin: 0 auto; width: 935px; text-align:left; font-size:1.1em;} #intro { width:935px; height:126px; background: url(../images/bandeau/header_interne.gif) left top no-repeat; position:relative;} #intro #changeSize {position:absolute; bottom:10px; right:0;} #intro #changeSize li {float:left; color:#999999; margin:5px;} #intro #changeSize li a {color:#999999;} #intro input {padding:0;} #intro .inputSearch {font-size:1.2em; line-height:1.2em; margin:0; padding:2px 2px 0;} #intro .valid {cursor:pointer; padding:1px;} #intro form.formatform.formatintro {margin:0; padding:0; position:absolute; width:auto; bottom:40px; right:0;} #intro form.formatform.formatintro label {display:none;} #intro .link-contact {position:absolute; bottom:-18px; right:5px;} #menutop { width:250px; background:url(../images/fond/menuleft_top.gif) left top no-repeat } #menubottom { width:250px; background:url(../images/fond/menuleft_bottom.gif) left bottom no-repeat; float:left } #content { margin: 0; padding:0 0 40px 0; float:right; width:663px; color:#6d2366; line-height:1.2em; background:url(../images/fond/content.gif) right 70px no-repeat; min-height:751px } #content.no-bg {background:none;} #content h2 {font-size:2.2em;} #content h3 {font-size:1.3em;} #content p { color:#6d2366; font-size:1.2em; line-height:1.2em; text-align:justify} #content li{margin:3px 0 3px 10px; background:url(../images/puce/contentli.gif) left 5px no-repeat; padding-left:10px; font-family: "Trebuchet MS"; text-align: justify; color:#6d2366; font-size:1.2em ; list-style:none} #content li p{ font-size:1em;} #content p a{ font-size:1em; font-style:italic; color:#6D2366;} #content li a{ font-size:1em; font-style:italic; color:#6D2366;} #content li h3 { font-size:1em;} a.a-pdf{ background:url(../images/puce/a-pdf.jpg) left top no-repeat; padding:7px 0 10px 37px} /* menu */ #menu li{ margin:0 0 20px 0} #menu li .toggler, #menu li.appmenu a{ color:#fff; font-size:1.3em; padding-left:30px; display:block; cursor:pointer; text-decoration:none} #menu li.artmenu a{ color:#fff; font-size:1.3em; padding-left:30px; display:block; cursor:pointer; text-decoration:none} #menu li li a{ color:#64175d; font-size:0.9em; text-decoration:none} #menu li li a.toggler2{ color:#64175d; font-size:0.9em; text-decoration:none; cursor:pointer} #menu li li a.toggler2:hover{ color:#fff; font-weight:bold} #menu li li a:hover{ color:#fff; font-weight:bold} #menu ul.elements { background-color:#e6432e} #menu ul.elements li { padding-left:30px; display:block; margin:0 0 6px 0} #menu ul.elements li li { padding-left:25px} #menu ul.elements li div { width:206px; background:url(../images/fond/sousmenubottom.gif) left bottom no-repeat; margin-top:3px; margin-bottom:3px} #menu ul.elements li div ul{ width:206px; background:url(../images/fond/sousmenutop.gif) left top no-repeat} #menu ul.elements li div ul li a { font-size:0.8em;} #menu ul.elements li div ul li a:hover{ color:#e6432e} #menu li ul.elements li.appmenu a{color:#64175d; font-size:0.9em; text-decoration:none; cursor:pointer; margin-left:0; background:url(../images/puce/appmenu.gif) 1px 6px no-repeat; padding-left:10px} #menu li ul.elements li.appmenu a:hover{color:#fff;} /* contenu */ #content p.ariane{ color:#757575; font-size:0.9em;} #content p.ariane a{ color:#e6432e; text-decoration:underline; font-size:1.0em} #content .articleDetail {font-size:1.2em;} #content table .article-entier .cadre {font-size:1.2em;} /* FOOTER */ #footer { width:935px; height: 57px; background: url(../images/fond/footer.jpg) no-repeat ; clear: both; } #footer p { color:#000; text-align: right; padding: 9px 0 0 0; font-size:1.0em ; margin-right:45px } #footer p a{ color: #000; text-decoration: none;font-size:1.0em; } #footer p a:hover {text-decoration: underline; } /* //////////////////// Formulaires */ form.formatform { width: 100%; margin: 30px auto 15px auto; padding: 15px 10px; } form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 100px; font: bold 0.8em arial; color: #7d7d7d; } form.formatform input { border: 1px solid #c5a0c1; font-size:1.2em; line-height:1.2em;} form.formatform select { border: 1px solid #c5a0c1; font-size:1.2em; line-height:1.2em; height:1.8em; width:12.4em; font-family:"Trebuchet MS"; vertical-align:top; } form.formatform select.small { border: 1px solid #c5a0c1; font-size:1em; line-height:1em; height:1.5em; width:9em;} form.formatform option { font-size:1em; line-height:1.2em;} form.formatform textarea {font-size:1.2em; width:95%; border: 1px solid #c5a0c1;} p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatform input.valid{ border:1px solid #e6432e; background-color:#6d2366; color:#fff; width:5em; height:1.8em; line-height:1.2em; font-weight:bold; cursor:pointer; } form.formatform input.ok { border:1px solid #e6432e; background-color:#6d2366; color:#fff; width:2em; height:1.8em; line-height:1.2em; font-weight:bold; cursor:pointer; } #content .formcontact p {overflow:hidden; display:inline-block;} #communesearch {line-height:1.4em;} #formimplantation label {vertical-align:middle; line-height:1.2em; height:1.2em;} /* recrutement */ .annonces{ width:100%} .annonces td{ border:1px solid #c7b3c5; background-color:#f6f6f6; padding:2px} #content .annonces td p { text-align:left;} .annonces td a { font-style:italic; color:#6D2366;} .annonces th{ border:1px solid #c7b3c5; background-color:#6d2366; padding:2px; color:#fff; font-weight:bold; text-align:center} /* PAGE MENTIONS */ .adr{ float: left; padding: 15px 0px 0 0; height: 147px; margin: 20px 0 15px 15px; width: 210px; } .adr2 {float: right; height: 147px; padding: 15px 0px 0 0; width: 210px; margin: 20px 35px 15px 5px ;} .conforme{font: normal 1.0em "Trebuchet MS"; } /* General styles */ .lbleft { float: left; width: 140px; } .input { border: 1px solid black; } .bordered {border: 1px solid black; } .noborder {border:none } .clear {clear:both; display: none; } .kill {display: none;} .fleft {float: left; margin:0 5px 3px 0} .fright {float: right; margin:0 0 3px 10px } .center, #content p.center {text-align: center; } .clear {clear:both; visibility: hidden } .right, #content p.right{ text-align:right} .noborder {border: none} .bita{text-align: center; font: bold italic 1.2em "Trebuchet MS"; margin: 15px auto 10px auto; color: #8cafca;} .center {text-align: center} .left {text-align: left; } .right {text-align: right; } .full {width: 100%} .button {text-align: center; margin: 10px 0 0 0px; clear: both; } .button input{border: none } /* Messages d erreurs */ .denied {color: red; font: normal 1em "Trebuchet MS"; margin: 10px 20px 20px 30px; } .denied ul li {padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat; margin: 0 0 3px 0px; } #content p.links{ color:#757575; font-size:1.0em; text-align:center} #content p.links a{ color:#e6432e; text-decoration:underline; font-size:1.0em;} /****** Auto Completion ******/ ul.autocompleter-choices {position: absolute; margin: 0; padding:0; list-style:none; border: 1px solid #C5A0C1; color: #6D2366; background-color:#fff; text-align:left; font-family:"Trebuchet MS"; z-index:50; background-color:#fff;} ul.autocompleter-choices li {position:relative; margin: -2px 0 0 0; padding:0.2em 1.5em 0.2em 0.2em; display:block; float:none !important; cursor:pointer; font-weight:normal; white-space:nowrap;font-size:1.2em; line-height:1.5em;} ul.autocompleter-choices li.autocompleter-selected {background-color:#E6432E; color:#fff;} ul.autocompleter-choices span.autocompleter-queried {display:inline; float:none; font-weight:bold; margin:0; padding:0;} ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {color:#6D2366;} /* Implantations Géographiques */ #recherche-geo {background:#FFFFFF;} #cont-map {width:577px; margin:0 auto; position:relative;} #map-overlay {position:absolute; top:0; left:0;} #cont-map p {background:#FFFFFF; border:1px solid #6D2366; padding:5px; text-align:center; margin:0; font-size:14px; font-weight:bold;} #region-77 {position:absolute; bottom:0; right:0; width:313px; height:424px; display:block; background:url(../images/bgd_77.png) no-repeat left top;} #region-75 {position:absolute; top:146px; left:245px; width:64px; height:48px; display:block; background:url(../images/bgd_75.png) no-repeat left top;} #region-78 {position:absolute; top:51px; left:0; width:229px; height:283px; display:block; /*background:url(../images/bgd_78.png) no-repeat left top;*/} #region-78 p {position:absolute; bottom:40px; left:47px; width:150px;} #region-94 {position:absolute; top:168px; left:271px; width:68px; height:75px; display:block;/* background:url(../images/bgd_94.png) no-repeat left top;*/} #region-94 p {position:absolute; top:50px; left:47px; width:220px;} #region-93 {position:absolute; top:85px; left:271px; width:67px; height:87px; display:block; background:url(../images/bgd_93.png) no-repeat left top;} #region-92 {position:absolute; top:111px; left:208px; width:70px; height:117px; display:block; background:url(../images/bgd_92.png) no-repeat left top;} #region-91 {position:absolute; bottom:81px; left:127px; width:198px; height:197px; display:block; /*background:url(../images/bgd_91.png) no-repeat left top;*/} #region-91 p {position:absolute; bottom:30px;} #region-95 {position:absolute; top:1px; left:49px; width:288px; height:139px; display:block; /*background:url(../images/bgd_95.png) no-repeat left top;*/} #region-95 p {position:absolute; bottom:40px; left:175px; width:195px;} .back-map {font-size:1.3em; font-weight:bold;} #implantations-geo {width:100%; position:relative; background:#FFFFFF;} #cont-map-detail {width:577px; position:relative;} #centre-noisy {left:41px; top:230px;} #centre-noisy-relai {left:60px; top:228px;} #centre-noisy-maison {left:82px; top:230px;} #centre-st-denis {left:-76px; top:124px;} #centre-drancy {left:64px; top:144px;} #centre-bobigny {left:32px; top:177px;} #centre-pantin {left:-7px; top:212px;} #centre-villemomble {left:153px; top:227px;} #centre-melun {left:-68px; top:220px;} #centre-montereault {left:47px; top:303px;} #centre-vanves {top:338px; left:102px;} #centre-issy {top:338px; left:63px;} #centre-montrouge {top:361px; left:160px;} #centre-malakoff {top:362px; left:107px;} #centre-chatillon {top:394px; left:83px;} #centre-bagneux {top:413px; left:139px;} #centre-fondation {left:0; top:188px;} #centre-paris-relai {left:50px; top:219px;} #centre-h-paris {left:27px; top:221px;} #centre-paris {left:12px; top:219px;} #centre-paris-gadvim {left:144px; top:95px;} .tip-tick {width:175px; background:url(../images/bgd_bulle_relai.png) no-repeat 150px 25px; position:absolute;} .tip-pic {padding:10px; width:130px; background:url(../images/bgd_bulle_relai.png) no-repeat right top;} .tip {padding:0 12px 5px; width:126px; background:url(../images/bgd_bulle_relai.png) no-repeat right bottom;} #content .tip p {font-size:12px; font-family:"Trebuchet MS", Arial, Helvetic, sans-serif; color:#000000; text-align:left; margin:0 0 10px;} .tip h3 {margin:0 0 3px;} .tip-tick-maison {width:175px; background:url(../images/bgd_bulle_maison.png) no-repeat 150px 25px; position:absolute;} .tip-tick-maison .tip-pic {padding:10px; width:130px; background:url(../images/bgd_bulle_maison.png) no-repeat right top;} .tip-tick-maison .tip {padding:0 12px 5px; width:126px; background:url(../images/bgd_bulle_maison.png) no-repeat right bottom;} .tip-tick-hopital {width:175px; background:url(../images/bgd_bulle_h.png) no-repeat 150px 25px; position:absolute;} .tip-tick-hopital .tip-pic {padding:10px; width:130px; background:url(../images/bgd_bulle_h.png) no-repeat right top;} .tip-tick-hopital .tip {padding:0 12px 5px; width:126px; background:url(../images/bgd_bulle_h.png) no-repeat right bottom;} .tip-tick-fondation {width:175px; background:url(../images/bgd_bulle_fondation.png) no-repeat 150px 25px; position:absolute;} .tip-tick-fondation .tip-pic {padding:10px; width:130px; background:url(../images/bgd_bulle_fondation.png) no-repeat right top;} .tip-tick-fondation .tip {padding:0 12px 5px; width:126px; background:url(../images/bgd_bulle_fondation.png) no-repeat right bottom;} #content .tip-tick-fondation .tip p {color:#FFFFFF;} #implantations-geo #legende {width:220px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2em; position:absolute; right:0; bottom:0;} #implantations-geo #legende dt {float:left; width:24px; text-align:center;} #implantations-geo #legende dd {float:left; padding:0 0 0 5px; width:190px; color:#646464; min-height:30px; margin:0 0 5px;}