body { background-color: #fef6e6; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; } img { border: none } a { color: #000000 } a:hover { color: #004595 } sup { line-height: 0.6em } .clear { clear: both } .flipbookcentre { margin: 4px 0 4px 0; padding-left: 15px; text-align: center; } .flipbookcentre a { background: url('/_com/img/flipbook.gif') 0 0 no-repeat; padding: 0 0 0 30px; } .pdfcentre { margin: 4px 0 4px 0; padding-left: 15px; text-align: center; } .pdfcentre a { background: url('/_com/img/pdf.gif') 0 0 no-repeat; padding: 0 0 0 30px; } .orange { color: #ff6600 } .txt16 { font: bold 16px "Trebuchet MS" } .txt18 { font: bold 18px "Trebuchet MS" } .bleu { color: #004595; font: bold 14px Arial; } #wrapper { width: 1004px; margin: 0 auto; } #logo { width: 180px; float: left; height: 124px; background: url(../img/logo-adhap.gif) no-repeat; } #baseline { width: 820px; float: left; } #baselineFD { width: 650px; height: 90px; background: url(../img/baseline.gif) no-repeat; float: left; } #baseline .tampon { float: left } #baselineFDTEMPO { width: 650px; height: 90px; float: left; } #normes { width: 170px; height: 90px; float: left; } #normes img { margin: 0; float: left; display: block; } .malvoyant { float: right; padding: 4px; } .switchMalvoyant a { font: bold 18px "Trebuchet MS", Arial; color: #FFF; text-decoration: none; background: #000; } .switchMalvoyant a:hover { color: #FFF; text-decoration: underline; } .switchStandard a { font: bold 18px "Trebuchet MS", Arial; color: #FFF; text-decoration: none; background: #000; } .switchStandard a:hover { color: #FFF; text-decoration: underline; } #menu { padding: 0 0 0 10px; height: 35px; clear: left; background: url(../img/bg-menu.gif) repeat-x; } #menu div { float: left; height: 35px; margin: 0 0 0 5px; } #menu div a { height: 35px; display: block; float: left; background: #58ab27 url(../img/menu-green-left.gif) top left no-repeat; color: #FFFFFF; text-decoration: none; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; cursor: pointer; } #menu div a span { display: block; float: left; background: url(../img/menu-green-right.gif) top right no-repeat; padding: 8px 7px 0 7px; } #menu div#mOu a { background: #58ab27 url(../img/menu-blue-left-2.gif) no-repeat; } #menu div#mOu a span { background: url(../img/menu-blue-right.gif) no-repeat 100% 0; } #menu div a:hover, #menu div#mOu a:hover, #menu div a.on, #menu div#mOu a.on { background: #58ab27 url(../img/menu-yellow-left.gif) no-repeat; } #menu div a:hover span, #menu div#mOu a:hover span, #menu div a.on span, #menu div#mOu a.on span { background: url(../img/menu-yellow-right.gif) no-repeat 100% 0; } #mInstitut #institutMenu { width: 152px!important; height: 35px; display: block; text-align: center!important; } #institutMenu a.offINS { width: 152px!important; display: block; background: #58ab27 url(../img/menu-institut-off.gif) top left no-repeat; text-align: center!important; } #institutMenu a.offINS:hover { width: 152px!important; display: block; background: #f6a800 url(../img/menu-institut-on.gif) top left no-repeat; text-align: center!important; } #institutMenu a.onINS { width: 152px!important; display: block; background: #f6a800 url(../img/menu-institut-on.gif) top left no-repeat; text-align: center!important; } p.paddd { padding: 8px 0 0 0; margin: 0; } #menu div#mContact { margin: 0 0 0 30px } #menu div#mContact a { background: #58ab27 url(../img/menu-blue-left.gif) top left no-repeat } #menu div#mContact a span { background: url(../img/menu-blue-right.gif) top right no-repeat; padding: 8px 15px 0 35px; } #myContent01 { margin: 22px 0 0 0; width: 840px!important; height: 75px!important; } #myContent02 { margin: 22px 0 0 0; width: 840px!important; height: 75px!important; } #section { height: 210px } #sVisuel { width: 535px; height: 210px; float: left; } .nosServices #sVisuel { background: url(../img/visuel-nos-services.jpg) no-repeat } .quiSommesNous #sVisuel { background: url(../img/visuel-qui-sommes-nous.jpg) no-repeat } .ouNousTrouver #sVisuel { background: url(../img/visuel-ou-nous-trouver.jpg) no-repeat } .nosCriteres #sVisuel { background: url(../img/visuel-criteres.jpg) no-repeat } .vosAvantages #sVisuel { background: url(../img/visuel-vos-avantages.jpg) no-repeat } .contact #sVisuel { background: url(../img/visuel-contact.jpg) no-repeat } .institut #sVisuel { background: url(../img/visuel-institut.jpg) no-repeat } #titreSection { color: #FFFFFF; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 185px 0 0 35px; } #sIntro { width: 465px; height: 210px; float: left; background: url(../img/bg-sIntro.gif) no-repeat; } #sIntroContact { width: 465px; height: 210px; float: left; background: url(../img/bg-sIntro.gif) no-repeat; } #sIntroContact h1 { color: #FFFFFF; font: normal 27px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 20px 0 0 75px; margin: 0; } #sIntroContact h1 strong { color: #ffcc00 !important; font: normal 35px "Trebuchet MS", Arial, Helvetica, sans-serif; } #sIntro h1 { color: #FFFFFF; font: normal 27px "Trebuchet MS",Arial, Helvetica,sans-serif; padding: 20px 0 0 75px; margin: 0; } #sIntro h1 strong { color: #ffcc00 !important; font: normal 35px "Trebuchet MS", Arial, Helvetica, sans-serif; } #sIntro p { color: #fff; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 43px 47px 0 47px; } #sIntro p.services { color: #fff; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 43px 16px 0 47px; } #sIntroContact p { color: #fff; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0 10px 0 47px; } #sIntronu { width: 465px; height: 210px; float: left; background: url(../img/bg-sIntro-nu.gif) no-repeat; } #sIntronu h1 { color: #FFFFFF; font: normal 27px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 20px 0 0 75px; margin: 0; } #sIntronu h1 strong { color: #ffcc00 !important; font: normal 35px "Trebuchet MS", Arial, Helvetica, sans-serif; } #sIntronu p { color: #fff; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 43px 47px 0 47px; } #subMenuActu { width: 215px; float: left; } #subMenu { width: 215px; float: left; background-color: #58ab27; } #subMenu a { color: #e7f3e1; text-decoration: none; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; padding: 4px 0 4px 20px; border-bottom: 1px dashed #e7f3e1; } #subMenu a:hover, #subMenu a.on { color: #2babdd; background-color: #cde6be; } #subMenu div.alt a { color: #004595; background-color: #93c973; border-bottom: 1px dashed #2babdd; } #subMenu div.alt a:hover, #subMenu div.alt a.on { color: #e7f3e1; background-color: #00448B; border-bottom: 1px dashed #e7f3e1; } #subMenu div.alt2 a { padding-top: 5px; color: #e7f3e1; background-color: #2babdd; border-bottom: 1px dashed #2babdd; } #subMenu div.alt2 a:hover, #subMenu div.alt a.on { color: #e7f3e1; background-color: #2babdd; border-bottom: 1px dashed #e7f3e1; } #subMenu div.alt3 a { padding-top: 5px; color: #e7f3e1; background-color: #2babdd; border-bottom: 1px dashed #2babdd; border-top: 1px dashed #FFF; } #subMenu div.alt3 a:hover, #subMenu div.alt a.on { color: #e7f3e1; background-color: #2babdd; border-bottom: 1px dashed #e7f3e1; border-top: 1px dashed #FFF; } #subMenu div.alt4 a { padding-top: 5px; color: #FFF; background-color: #f68b1f; border-bottom: 1px dashed #2babdd; border-top: 1px dashed #FFF; } #subMenu div.alt4 a:hover, #subMenu div.alt a.on { color: #FFF; background-color: #ffd900; border-bottom: 1px dashed #e7f3e1; border-top: 1px dashed #FFF; } #subMenu div.blue { color: #fff; background-color: #2babdd; text-align: center; padding: 6px 0 6px 0; font-size: 14px; font-weight: bold; } #subMenu div.dlDoc { color: #fff; background-color: #2babdd; text-align: center; margin-top: 20px; padding: 6px 0 6px 0; font-size: 14px; font-weight: bold; } #subMenu .implantationsRegions { margin: 10px 0 0 0; width: 100px; height: 85px; float: right; } #subMenu .implantationVignette, #subMenu .implantationIntitule { text-align: center; color: #FFFFFF; } #mainContent { width: 785px; float: left; } #mainContent p { margin: 0; text-align: justify; } #mainContent h2 { margin: 0; color: #004595; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; } #mainContent h3 { margin: 0; color: #004595; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; } #homeContent { width: 844px; background: #fff url(../img/visuel-home.jpg) no-repeat; float: left; } #enteteHome { width: 840px; height: 250px; float: left; } #descriptionHome { width: 325px; height: 250px; float: left; } #descriptionHome h1 { font-size: 22px; color: #FFFFFF; font-weight: normal; margin: 0; padding: 23px 0 18px 60px; } #descriptionHome h2 { font-size: 14px; color: #FFFFFF; font-weight: normal; margin: 0; padding: 0 25px 5px 45px; background: url(../img/arrow-home.gif) top left no-repeat; } #decouvrezHome { float: left; width: 515px; height: 210px; } #decouvrezHome #emplacementGauche { float: left; width: 315px; padding: 86px 0 0 0; } #decouvrezHome #emplacementGauche .decal { padding: 0 0 0 10px } #decouvrezHome #emplacementDecouvrez { float: left; padding: 10px 0 0 0; width: 200px; } #decouvrezHome #texteDecouvrez { margin: 3px 23px 0 322px; font-size: 9px; line-height: 14px; color: #00458b; } #decouvrezHome .cartoucheHome { width: 203px; height: 110px; background: url(../img/home-space.jpg) top left no-repeat; text-align: center; } #decouvrezHome .cartoucheHome .txt { padding: 10px 2px 0 0; font-size: 13px; color: #FFF; text-align: center; } #decouvrezHome .cartoucheHome a { font-weight: bold; font-size: 11px; color: #FFF; text-decoration: none; } #decouvrezHome .cartoucheHome a:hover { font-weight: bold; font-size: 11px; color: #FFF; text-decoration: underline; } .cartoucheServices { width: 215px; height: 127px; background: #fef6e6 url(../img/liste-centres.jpg) top center no-repeat; text-align: center; } .cartoucheServices .txt { padding: 20px 10px 0 0; font-size: 11px; line-height: 14px; color: #FFF; text-align: center; font-weight: bold; } .cartoucheServices a { font-size: 11px; color: #FFF; text-decoration: none; font-weight: bold; } .cartoucheServices a:hover { font-size: 11px; color: #FFF; text-decoration: underline; font-weight: bold; } #baselineHome { width: 515px; float: left; } #baselineHome h1 { font-size: 28px; color: #00458b; font-weight: normal; margin: 0; padding: 2px 0 0 25px; } #baselineHome h1 span { font-size: 20px } #focusHome { width: 840px; float: left; } #focusHome .focus { width: 165px; float: left; } #focusHome .focus .texte { color: #00458b; width: 136px; margin: 0 auto 0 auto; font-size: 14px; line-height: 13px; } #focusHome .focus .texte span { font-size: 11px } #focusHome .focus .texte div { padding: 10px 0 0 0 } #focusHome .focus .vignette { text-align: center; margin: 14px 0 0 0; } #focusHome a { text-decoration: none } #homeNav { width: 160px; background-color: #FFFFFF; float: left; } #homeNav #subMenu { width: 160px } #homeNav #subMenu a { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 4px 0 4px 5px; } .c { width: 570px; float: left; } .c p { padding: 6px 0 0 25px } .c h2 { padding: 12px 0 0 25px } .c h3 { padding: 6px 0 0 25px } .c img { padding: 0 5px } .implantations { width: 480px; float: left; } .searchCp { padding-top: 35px; width: 305px; float: left; } .nopad { padding: 0; margin: 0; } .introCp { font-weight: bold } .formCp { height: 60px; background: url(../img/arrow-cp.gif) top right no-repeat; } .intituleCp { color: #2babdd; font-size: 16px; font-weight: bold; padding: 10px 0 0 0; } .codePostal { background-color: #fbdc99; border: 1px solid #ac996d; } .adresses { margin: 15px; padding-bottom: 5px; border-bottom: 2px solid #00448B; font-size: 13px; clear: left; } .inputForm { border: 1px solid #A1BAD8; margin: 0; padding: 0; } .noborder { border: none } .co { width: 300px; float: left; } .coo { width: 264px; float: left; } .cooo { width: 215px; float: left; } .cooo .focus { } .cooo .focus .fImg { width: 215px; height: 100px; } .cooo .focus .fImg .in { } .cooo .focus .fTxt { color: #004595; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; } #newsletter { color: #fff; nowhitespace: afterproperty; background: url(../img/newslink.jpg); /*height: 70px;*/ font-size:14px;; } #newsletter a { text-decoration: none; color: #fff; } #newsletter a:hover { text-decoration: underline } .newsletterForm { text-align: center } .FormNewsletter { margin: 0; padding: 0; } .important { color: #004595!important; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; } .ciel { color: #2BABDD !important } .citation { height: 85px; background: url(../img/citation.gif) top center no-repeat; margin: 0 auto; } .citation span { display: block; padding: 25px 15px; text-align: center; color: #004595; font-size: 13px; } .center { text-align: center !important } .imgRight { text-align: right; padding: 12px 0 0 25px; } #footer { padding: 25px 0 0 0; text-align: center; width: 1000px; margin: 0 auto 0 auto; } #footer a { color: #004595; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; } #footer a:hover { text-decoration: underline } #footer a.vert { color: #58AB27; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: underline; } #footer a.vert:hover { text-decoration: none } #postIt { background: #00448B; float: left; width: 100%; margin: 1px 0 0 0; color: #fff; } #contentIt { margin: 2px } #contentIt a { text-decoration: none; color: #fff; font-size: 12px; } #contentIt a:hover { text-decoration: underline } #ContacPresse { background: #00448B; float: left; width: 100%; margin: 1px 0 0 0; color: #fff; } #ContacPressePad { padding: 2px; font-weight: bold; } #ContacPresse a { text-decoration: none; color: #fff; font-size: 12px; } #ContacPresse a:hover { text-decoration: underline } ul.pdf { margin: 0; padding: 0; } ul.pdf li { margin: 4px 0 4px 0; list-style-type: none; background-image: url('/_com/img/pdf.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 15px; padding: 0 0 0 30px; } .partenaires { width: 520px; clear: bottom; margin: 12px 0 0 0; } .partenaires .logos { width: 188px; float: left; text-align: right; } .partenaires .txt { width: 322px; float: left; padding: 0 0 0 10px; } .txt12 { font: 12px Trebuchet MS; color: #FFF; } .txt14 { font: 14px Trebuchet MS; color: #FFF; } .FDorange { background: #f7a800 } .obligatoire { color: #004595 } #vertical_container, #outer_container { margin: 0 0 0 20px; text-align: justify; } /* ACCORDION */ .accordion_toggle { display: block; width: 500px; padding: 10px 10px 10px 10px; line-height: 30px; font-weight: normal; text-decoration: none; outline: none; color: #004595; border-bottom: 1px solid #004595; cursor: pointer; margin: 0 0 0 0; color: #004595; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(/_com/img/accordian-blue.gif) top right no-repeat; } .accordion_toggle_active { color: #58AB27; border-bottom: 1px solid #58AB27; background: url(/_com/img/accordian-green.gif) top right no-repeat; } .accordion_content { overflow: hidden; width: 500px; } .accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; } /* -- PopUp Div --*/ #blanket { position: absolute; z-index: 9001; top: 0px; left: 0px; width: 100%; height: 100%; } #blanketOLD { background-color: #111; opacity: 0.65; filter: alpha(opacity=65); position: absolute; z-index: 9001; top: 0px; left: 0px; width: 100%; height: 100%; } #popUpDiv { position: absolute; background-color: #fef6e6; width: 500px; height: 400px; z-index: 9002; overflow: auto; padding: 20px; color: #000!important; } #ml_link { padding: 0 0 0 24px } .txt14Ou { font: 14px "Trebuchet MS", Arial; color: #000; text-align: left; } h1.ou { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #58AB27; text-align: left; } .Centrelabelelises { width: 150px!important; display: block; } .Centrelabelelises img { float: left } .Vupresse { float: left; width: 140px; margin: 0 0 10px 0; padding: 0; } .Vupresse .data { width: 120px; display: block; text-align: left; } .Vupresse .data .no { margin: 0!important; padding: 0!important; text-align: left; } .Vupresse a { text-decoration: none; text-align: left; } .Vupresse a:hover { text-decoration: none; text-align: left; } .TitrePresse { padding: 3px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .TitrePresse a { color: #003399!important; text-decoration: underline!important; font-size: 18px!important; } .TitrePresse a:hover { color: #003399!important; text-decoration: none!important; font-size: 18px!important; } /* -- HOME --*/ #telethon { width: 193px; height: 126px; background: url(/_visuels/Encart-telethon.jpg) 0 0 no-repeat; display: block; } #telethon .km { padding: 84px 116px 0 0; text-align: right; color: #ff0000; font-size: 18px; font-weight: bold; } #telethon a.lien { width: 193px; height: 14px; text-decoration: none; display: block; } #telethon a.lien:hover { text-decoration: none } /* Vine addons */ h1.ou.myH1 { font-size: 16px; margin-top: 2em; } #mainContent h2.myH2 { margin: 1em 0; text-align: center; font-size: 16px; font-weight: bold; /*padding: 1em; background: #2BABDD; color: #fff;*/ clear: both; } #mainContent h2.myH2 strong { background: #fc0; color: #049; font-weight: bold; } #mainContent h3.choix { font-size: 16px; margin: 0 0 1em 0; /*padding: 1.7em 1em 1.5em 4em; background: #58AB27 url(/_com/img/chevron-jaune-trans.png) no-repeat 1em 0.5em; color: #fff;*/ } input.myField, select.myField { padding: 0.5em 1em; font-size: 1.1em; } .round, .r, .rounded, .rond { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } /* #@* IE */ .myB { font-size: 1.2em; padding: 0.25em 0.5em; background: #049; color: #fff; border: none; cursor: pointer; } a span.myB { display: inline-block; zoom: 1; *display: block; } .myB:hover, a:hover .myB { background: #58AB27; }