/* ------------------------------- */ /* RESET /* ------------------------------- */ html, body, div, span, p, a, img, strong, ul, li, form, label, legend,table, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*vertical-align: baseline;*/ background: transparent;} body {} ul{list-style: none;} :focus {outline: 0;}/* remember to define focus styles! */ table { border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */ a:link {} a:visited {} a:hover {} a:active {}/* Pseudo class order A tag*/ a{text-decoration:none;} a {color:#000} a:hover{color:#000; } /* -------------------------------------- */ /* COMMON CLASSES /* ------------------------------------- */ /* positionnement flottant */ .floatL {float:left;} .floatR {float:right;} .clear{ clear:both; height:0px; line-height:0px; font-size:0px; } .debug {background-color:#DDD;} .none { display:none; } .display { display:block; } div, img { behavior: url(iepngfix.htc) } /* ---------------------------------------- */ /* GRILLE /* ---------------------------------------- */ html, body { height:100%; font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size:12px; color:#000; background-color:#F1F1F1; } #page { position:relative; height:auto !important; height:100%; min-height:100%; background-color:#F1F1F1; } /* ---------- main ------------------------------ */ #main { width:100%; } /* ---------- header ------------------------------ */ #header { width:100%;} #header .col1 { float:left; width:284px; } #header .col2 { float:left; width:676px; } #header img.image { display:block; } #header a.image { display:block; } #header #menu { display:block; width:676px; height:40px; } #header #menu li { float:left; display: block; margin-right:8px; height:40px; background-color:#FFF; } #header #menu li a { height:40px; } /* ---------- footer ------------------------------ */ #footer .container { height:35px; background-color:#e9e120; } #footer .copyright { float:right; display:block; color:#000; padding: 8px 50px 0 0; } #footer .credits { float:left; display:block; color:#000; padding: 8px 0 0 20px; } /* ---------- Commun ------------------------------ */ .container { width:960px; margin:0 auto; background-color:#FFF; } h1 {} h2 { display:inline; color:#FFF; font-weight:normal; font-size:13px; } p { color:#1a171b; font-size:12px; } a { color:#1a171b; font-weight:normal; font-size:12px; text-decoration:none; } a:hover { color:#1a171b; text-decoration:underline; } .texte { color:#1a171b; font-size:12px; font-weight:normal; } #page #main .bottom { margin-left:104px; } /* ---------- Accueil ------------------------------ */ #page.home #main .col1 { float:left; width:658px; height:489px; } #page.home #main .col1 .content { position:relative; left:0px; top:0px; } #page.home #main .col1 img.visuel { width:350px; position:absolute; left:0px; top:0px; } #page.home #main .col1 div.objectifs { position:absolute; left:295px; top:8px;} #page.home #main .col1 div.avantages { position:absolute; left:307px; top:305px; } #page.home #main .col1 img.agrement { position:absolute; left:539px; top:305px; } #page.home #main .col1 img.aide { position:absolute; left:105px; top:450px; } #page.home #main .col1 img.blocTitre { display:block; } #page.home #main .col1 .bloc { width:355px; } #page.home #main .col1 .bloc ul.texte li { margin:0px; list-style-image: url(../img/accueil/puce.gif); list-style-position:outside; color:#009534; font-size:12px; font-weight:bold; } #page.home #main .col1 .bloc ul.texte li span { display:block; margin-top:13px; } #page.home #main .col1 .bloc ul.texte li#line1 { margin-left:44px; } #page.home #main .col1 .bloc ul.texte li#line2 { margin-left:67px; } #page.home #main .col1 .bloc ul.texte li#line3 { margin-left:80px; } #page.home #main .col1 .bloc ul.texte li#line4 { margin-left:78px; } #page.home #main .col1 .bloc ul.texte li#line5 { margin-left:65px; } #page.home #main .col2 { float:right; width:280px; height:489px; } #page.home #main .col2 img.blocTitre { display:block; margin-left:22px; } #page.home #main .col2 .bloc { width:280px; background-color:#bdcd00; } #page.home #main .col2 .bloc .lineT { width:280px; height:15px; background:url(../img/accueil/cornerLT.gif) left top no-repeat; } #page.home #main .col2 .bloc .lineM { width:280px; } #page.home #main .col2 .bloc .lineM p { display:block; margin: 0 0 7px 23px; width:205px; text-align:justify; } #page.home #main .col2 .bloc .lineB { width:280px; height:15px; background:url(../img/accueil/cornerLB.gif) left top no-repeat; } #page.home #main .col2 img.cartoucheTitre { display:block; margin:53px 0 0 22px; } #page.home #main .col2 .cartouche { width:230px; margin:0 0 0 23px; } #page.home #main .col2 .cartouche p { display:block; width:230px; } /* ---------- Popin ------------------------------ */ #page.home #layer { position:absolute; left:0; top:0; z-index:9000; display:none; width:100%; background-color:#000; } #page.home #windows { position:absolute; left:0px; top:0px; z-index:9900; width:100%; background-color:transparent; } #page.home #windows .container { width:960px; margin:0 auto; z-index:9901; background-color:transparent; } #page.home .window { position:fixed; top:50px; display:none; z-index:9998; } #page.home #popin .content { width:396px; margin-left: 300px; /*background-color:#009534;*/ } #page.home #popin .bloc .lineT a { display:block; float:right; margin:5px 20px 0 0; color:#FFF; font-size:12px; font-weight:normal; text-decoration:none; } #page.home #popin .bloc .lineT a:hover{ color:#FFF; text-decoration:underline; } #page.home #popin .bloc .lineT { width:394px; height:38px; background:url(../img/accueil/popin-top.png) left top no-repeat; } #page.home #popin .bloc .lineB { width:394px; height:37px; background:url(../img/accueil/popin-bottom.png) left top no-repeat; } #page.home #popin .bloc .lineM { clear:both; width:394px; background-color:#009534; } #page.home #popin .bloc img.top { display:block; margin:0 0 0 19px; } #page.home #popin .bloc ul.texte { display:block; width:330px; margin-left:32px; color:#ffffff; font-size:12px; font-weight:bold; } #page.home #popin .bloc ul.texte li { margin:0px; list-style-image: url(../img/accueil/popin-puce.gif); list-style-position:outside; } #page.home #popin .bloc ul.texte li span { display:block; margin-top:8px; } #page.home #popin .bloc img.bottom { display:block; margin:38px 0 0 19px; } #page.equipe #layer { position:absolute; left:0; top:0; z-index:9000; display:none; width:100%; background-color:#000; } #page.equipe #windows { position:absolute; left:0px; top:0px; z-index:9900; width:100%; background-color:transparent; } #page.equipe #windows .container { width:960px; margin:0 auto; z-index:9901; background-color:transparent; } #page.equipe .window { position:fixed; top:50px; display:none; z-index:9998; } #page.equipe #popin .content { width:426px; margin-left:280px; } /* ---------- Popin 2 ------------------------------ */ #page.contact #layer { position:absolute; left:0; top:0; z-index:9000; display:none; width:100%; background-color:#000; } #page.contact #windows { position:absolute; left:0px; top:0px; z-index:9900; width:100%; background-color:transparent; } #page.contact #windows .container { width:960px; margin:0 auto; z-index:9901; background-color:transparent; } #page.contact .window { position:fixed; top:50px; display:none; z-index:9998; } #page.contact #popin .content { width:396px; margin-left: 300px; /*background-color:#009534;*/ } #page.contact #popin .bloc .lineT a { display:block; float:right; margin:5px 20px 0 0; color:#FFF; font-size:12px; font-weight:normal; text-decoration:none; } #page.contact #popin .bloc .lineT a:hover{ color:#FFF; text-decoration:underline; } #page.contact #popin .bloc .lineT { width:394px; height:38px; background:url(../img/contact/popin2-top.png) left top no-repeat; } #page.contact #popin .bloc .lineB { width:394px; height:37px; background:url(../img/contact/popin2-bottom.png) left top no-repeat; } #page.contact #popin .bloc .lineM { clear:both; width:394px; background-color:#E9BB1C; } #page.contact #popin .bloc .lineM a { color:#FFF; text-decoration:none; font-size:12px; font-weight:bold;} #page.contact #popin .bloc .lineM a:hover{ color:#FFF; text-decoration:underline; font-size:12px; font-weight:bold;} #page.contact #popin .bloc img.top { display:block; margin:0 0 0 19px; } #page.contact #popin .bloc ul.texte { display:block; width:330px; margin-left:32px; color:#ffffff; font-size:12px; font-weight:bold; } #page.contact #popin .bloc ul.texte li { margin:0px; list-style-image: url(../img/contact/popin2-puce.gif); list-style-position:outside; } #page.contact #popin .bloc ul.texte li span { display:block; margin-top:8px; } #page.contact #popin .bloc img.bottom { display:block; margin:38px 0 0 19px; } /* ---------- Template ------------------------------ */ #main.template .col1 { float:left; width:286px; height:439px; position:relative; left:0px; top:0px; } #main.template .col1 .visuel { display:block; width:222px; height:419px; position:absolute; left:34px; top:0px; } #main.template .col2 { float:left; width:382px; height:439px; position:relative; left:0px; top:0px; } #main.template .col2 img.blocTitre { display:block; } #main.template .col2 img.titre { display:block; margin:12px 0 1px 0; } #main.template .col2 img.titre2 { margin-top:16px; } #main.template .col2 .texte { display:block; margin:0 0 2px 0; } #main.template .col2 .texte2 { margin-top:10px; } #main.template .col2 .texte3 { margin-top:6px; } #main.template .col2 .high { display:block; font-weight:bold; } #main.template .col2 .bloc { width:380px; } #main.template .col2 .bloc ul.texte { margin-left:16px; } #main.template .col2 .bloc ul.texte li { list-style-image: url(../img/services/puce.gif); list-style-position:outside; } #main.template .col2 img.autre { position:absolute; left:0px; top:345px; } #main.template .col2 img.aide { position:absolute; left:-190px; top:405px; } #main.template .col3 { position:relative; float:right; width:291px; height:439px; } #main.template .col3 .visuel { position:absolute; bottom:0px; } /* ---------- Services ------------------------------ */ #page.services #menu2 { display:block; width:676px; height:19px; margin-top:12px; } #page.services #menu2 li { float:left; display: block; margin-right:12px; height:40px; } #page.services #menu2 li a { } #page.services #main.template .col2 img.blocTitre { margin:37px 0 7px 0; } #page.services #main.template .col2 .bloc ul.texte li { list-style-image: url(../img/services/puce.gif); list-style-position:outside; } /* ---------- Qualite ------------------------------ */ #page.qualite #main.template .col1 { height:459px; } #page.qualite #main.template .col2 { height:459px; } #page.qualite #main.template .col3 { height:459px; } #page.qualite #main.template .col2 img.aide { top:425px; } #page.qualite #main.template .col2 img.blocTitre { margin:0 0 7px 0; } #page.qualite #main.template .col2 img.titre2 { margin-top:0px; margin-bottom:30px; } /* ---------- Contact ------------------------------ */ #page.contact #main.template .col1 .visuel { left:14px; top:14px; } #page.contact #main.template .col2 .bloc ul.texte li { list-style-image: url(../img/contact/puce.gif); list-style-position:outside; } /* ---------- Tarifs ------------------------------ */ #page.tarifs #main.template .col1 { height:709px; } #page.tarifs #main.template .col2 { height:709px; } #page.tarifs #main.template .col3 { height:709px; } #page.tarifs #main.template .col2 img.aide { top:675px; } /* ---------- Equipe ------------------------------ */ #page.equipe #main.template .col1 img.equipe { display:block; width:222px; height:379px; position:absolute; left:34px; top:0px; } #page.equipe #menu2 { display:block; width:300px; height:19px; margin-top:10px; } #page.equipe #menu2 li { float:left; display: block; margin-right:16px; height:21px; } #page.equipe #menu3 { display:block; width:330px; height:19px; margin-top:10px; } #page.equipe #menu3 li { float:left; display: block; margin-right:16px; height:21px; } #page.equipe #main.template .col1 { height:470px; } #page.equipe #main.template .col2 { height:470px; } #page.equipe #main.template .col3 { height:470px; } #page.equipe #main.template .col2 img.aide { top:435px; } #page.equipe #main.template .col2 .high { margin-top:13px; font-weight:bold; color:#8dab23; font-size:16px; } #page.equipe #main.template .col2 img.mots-cles { position:absolute; left:-100px; top:280px; } #page.equipe #main.template .col3 .carte { position:absolute; left:30px; top:-15px; } /* ---------- Recrutement ------------------------------ */ #page.recrutement #menu2 { display:block; width:300px; height:19px; margin-top:10px; } #page.recrutement #menu2 li { float:left; display: block; margin-right:16px; height:21px; } #page.recrutement #menu3 { display:block; width:330px; height:19px; margin-top:10px; } #page.recrutement #menu3 li { float:left; display: block; margin-right:16px; height:21px; } #page.recrutement #main.template .col2 .high { margin-top:13px; font-weight:bold; color:#97be0d; font-size:12px; } #page.recrutement #main.template .col2 img.mots-cles { position:absolute; left:-100px; top:235px; } /* ---------- Inscription ------------------------------ */ #page.inscription #main.template .col1 { height:1130px; } #page.inscription #main.template .col2 { height:1130px; } #page.inscription #main.template .col3 { height:1130px; } #page.inscription #main.template .col2 img.aide { top:1095px; } #page.inscription table.text td.label { color:#1a171b; font-weight:normal; font-size:12px; } #page.inscription table.text td.legend { color:#1a171b; font-weight:normal; font-size:12px; padding-top:4px;} #page.inscription table.text td.field { color:#1a171b; font-weight:normal; font-size:12px; } #page.inscription input.text { color:#1a171b; font-weight:normal; font-size:12px; } #page.inscription input.t0 { padding-top:3px; } #page.inscription input.t1 { width:300px; } #page.inscription input.t2 { width:120px; } #page.inscription input.t3 { width:90px; } #page.inscription input.t4 { width:230px; } #page.inscription textarea.t5 { width:350px; height:80px; } #page.inscription input.t5 { width:350px; } #page.inscription ul.text { color:#1a171b; font-weight:normal; font-size:12px; } #page.inscription ul.text li { text-align:left; } #page.inscription img.titre { display:block; padding-bottom:4px; } #page.inscription label { display:inline; padding:0 2px 0 2px; } #page.inscription label.t0 { padding:0; } #page.inscription table.form1 { width:380px; } #page.inscription table.form1 th.t1 { width:50px; } #page.inscription table.form1 th.t2 { width:70px; } #page.inscription table.form1 th.t3 { width:260px; } #page.inscription table.form1 label { padding-right:40px; } #page.inscription ul.form2 li { clear:both; } #page.inscription ul.form2 li input { float:left; display:block; } #page.inscription ul.form2 li label { float:left; display:block; margin-top:3px; width:330px; } #page.inscription ul.form4 li { float:left; display:block; margin-right:20px; } #page.inscription table.form5 { width:380px; } #page.inscription table.form5 th.t1 { width:100px; } #page.inscription table.form5 th.t2 { width:100px; } #page.inscription table.form5 th.t3 { width:100px; } #page.inscription table.form5 th.t4 { width:80px; } #page.inscription table.form6 { width:353px; } #page.inscription table.form6 th.t1 { width:112px; } #page.inscription table.form6 th.t2 { width:120px; } #page.inscription table.form6 th.t3 { width:120px; }