/** * GROUPE FLO RECRUTE * By Agence Dn'D * www.dnd.fr */ body{ background:#EBEBEB url(../images/fond_body.jpg) repeat-x scroll 0 0; color:#222222; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5; text-align:center; } body > #wrapper {min-height:100%;margin-top:-18px;} #wrapper {display:block;margin-top:-18px;} .restauration-emotion{ background:transparent url(../images/slogan.png) repeat scroll 0 0; bottom:15px; height:20px; position:absolute; width:401px; left:55px } /* HOME FOND */ .home1{background:transparent url(../images/home/fond1.jpg) no-repeat scroll center 53px;} .home2{background:transparent url(../images/home/fond2.jpg) no-repeat scroll center 53px;} .home3{background:transparent url(../images/home/fond3.jpg) no-repeat scroll center 53px;} .home4{background:transparent url(../images/home/fond4.jpg) no-repeat scroll center 53px;} .home5{background:transparent url(../images/home/fond5.jpg) no-repeat scroll center 53px;} .home6{background:transparent url(../images/home/fond6.jpg) no-repeat scroll center 53px;} .home7{background:transparent url(../images/home/fond7.jpg) no-repeat scroll center 53px;} .sound-player{position:absolute;left:-9999px} #dewplayer{position:absolute;left:-9999px} /* METIERS FOND */ .metiers-salle-1 {background:transparent url(../images/metiers/salle/fond1.jpg) no-repeat scroll center 53px;} .metiers-salle-2 {background:transparent url(../images/metiers/salle/fond2.jpg) no-repeat scroll center 53px;} .metiers-salle-3 {background:transparent url(../images/metiers/salle/fond3.jpg) no-repeat scroll center 53px;} .metiers-cuisine-1 {background:transparent url(../images/metiers/cuisine/fond1.jpg) no-repeat scroll center 53px;} .metiers-cuisine-2 {background:transparent url(../images/metiers/cuisine/fond2.jpg) no-repeat scroll center 53px;} .metiers-cuisine-3 {background:transparent url(../images/metiers/cuisine/fond3.jpg) no-repeat scroll center 53px;} .metiers-encadrement-1 {background:transparent url(../images/metiers/encadrement/fond1.jpg) no-repeat scroll center 53px;} .metiers-encadrement-2 {background:transparent url(../images/metiers/encadrement/fond2.jpg) no-repeat scroll center 53px;} .metiers-encadrement-3 {background:transparent url(../images/metiers/encadrement/fond3.jpg) no-repeat scroll center 53px;} .metiers-fonction-1 {background:transparent url(../images/metiers/fonction/fond1.jpg) no-repeat scroll center 53px;} .metiers-fonction-2 {background:transparent url(../images/metiers/fonction/fond2.jpg) no-repeat scroll center 53px;} .metiers-fonction-3 {background:transparent url(../images/metiers/fonction/fond3.jpg) no-repeat scroll center 53px;} /* ENSEIGNE FOND */ .enseigne-hippopotamus-1 {background:transparent url(../images/enseigne/hippopotamus/fond1.jpg) no-repeat scroll center 53px;} .enseigne-hippopotamus-2 {background:transparent url(../images/enseigne/hippopotamus/fond2.jpg) no-repeat scroll center 53px;} .enseigne-tablapizza-1 {background:transparent url(../images/enseigne/tablapizza/fond1.jpg) no-repeat scroll center 53px;} .enseigne-tablapizza-2 {background:transparent url(../images/enseigne/tablapizza/fond2.jpg) no-repeat scroll center 53px;} .enseigne-bistroromain-1 {background:transparent url(../images/enseigne/bistroromain/fond1.jpg) no-repeat scroll center 53px;} .enseigne-bistroromain-2 {background:transparent url(../images/enseigne/bistroromain/fond2.jpg) no-repeat scroll center 53px;} .enseigne-brasseries-1 {background:transparent url(../images/enseigne/brasseries/fond1.jpg) no-repeat scroll center 53px;} .enseigne-brasseries-2 {background:transparent url(../images/enseigne/brasseries/fond2.jpg) no-repeat scroll center 53px;} .enseigne-concessions-1 {background:transparent url(../images/enseigne/concessions/fond1.jpg) no-repeat scroll center 53px;} .enseigne-concessions-2 {background:transparent url(../images/enseigne/concessions/fond2.jpg) no-repeat scroll center 53px;} .enseigne-taverne-1 {background:transparent url(../images/enseigne/taverne/fond1.jpg) no-repeat scroll center 53px;} .enseigne-taverne-2 {background:transparent url(../images/enseigne/taverne/fond2.jpg) no-repeat scroll center 53px;} .enseigne-siege-1 {background:transparent url(../images/enseigne/siege/fond1.jpg) no-repeat scroll center 53px;} .enseigne-siege-2 {background:transparent url(../images/enseigne/siege/fond2.jpg) no-repeat scroll center 53px;} .actu {background:transparent url(../images/actu/fond.jpg) no-repeat scroll center 53px;} .contact {background:transparent url(../images/background.jpg) no-repeat scroll center 53px;} .mentions {background:transparent url(../images/background.jpg) no-repeat scroll center 53px;} .credits {background:transparent url(../images/background.jpg) no-repeat scroll center 53px;} .pourquoi-engagement {background:transparent url(../images/pourquoi/engagement/fond.jpg) no-repeat scroll center 53px;} .pourquoi-apprentissage {background:transparent url(../images/pourquoi/apprentissage/fond.jpg) no-repeat scroll center 53px;} .pourquoi-ethique {background:transparent url(../images/pourquoi/ethique/fond.jpg) no-repeat scroll center 53px;} .pourquoi-formation {background:transparent url(../images/pourquoi/formation/fond.jpg) no-repeat scroll center 53px;} .pourquoi-integration {background:transparent url(../images/pourquoi/integration/fond.jpg) no-repeat scroll center 53px;} .fiche {background:transparent url(../images/background.jpg) no-repeat scroll center 53px;} .candidat {background:transparent url(../images/background.jpg) no-repeat scroll center 53px;} /*HEADER*/ #header{ width:968px; margin:0 auto;} #header h1{ background:transparent url(../images/logo.jpg) no-repeat scroll 0 0; float:left; height:53px; margin:0; width:183px; margin-right:12px;} #header h1 span{display:none;} #header h1 a{display:block;height:53px;width:183px;} /*CONTENT*/ #content{clear:both;width:968px;margin:0 auto;padding-top:30px;position:relative;overflow:auto;} .home #content {padding-top:10px;} .enseigne #content{padding-top:30px;} .metiers #content{padding-top:30px;} .fiche #content{padding-top:30px;} .pourquoi #content{padding-top:30px;} .metiers-all #content{padding-top:30px;} .candidat #content{padding-top:30px;} textarea#content{height:50px !important;} /*RECHERCHE AVANCEE*/ #conteneur-recherche-avancee{margin-left:570px;width:330px;margin-bottom:30px;z-index: 500;} #conteneur-recherche-avancee h2{display:none;} #conteneur-recherche-avancee input#rechercher{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/title-chercher.jpg) no-repeat scroll 0 0; border:medium none; cursor:pointer; float:left; height:37px; margin-right:5px; text-indent:-9999px; font-size:1px; width:85px; line-height:0px} #conteneur-recherche-avancee a#spon{display:block;background:transparent url(../images/ra-spon.jpg) no-repeat scroll 0 0;border:medium none;cursor:pointer;height:37px;text-indent:-9999px;width:185px;float:left;} #conteneur-recherche-avancee select{} #conteneur-recherche-avancee input{color:#3C0F22;} #conteneur-recherche-avancee h3#mots-cles {background:transparent url(../images/title-mots-cles.jpg) no-repeat scroll 0 0;height:24px;} #conteneur-recherche-avancee h3#criteres {background:transparent url(../images/title-criteres.jpg) no-repeat scroll 0 10px;height:34px;} #conteneur-recherche-avancee h3 span{display:none;} #conteneur-recherche-avancee #recherche-avancee .header{background:transparent url(../images/ra-header.png) no-repeat scroll 0 0;height:36px;padding:0 32px;} #conteneur-recherche-avancee #recherche-avancee .content{background:transparent url(../images/ra-content.png) repeat-y scroll 0 0;height:276px;padding:0 26px;} #conteneur-recherche-avancee #espace-candidat .header{background:transparent url(../images/ra-header2.png) no-repeat scroll 0 0;height:35px;padding:0 32px;} #conteneur-recherche-avancee #espace-candidat .content{background:transparent url(../images/ra-content2.png) repeat-y scroll 0 0;height:139px;padding:13px 32px 0;} #conteneur-recherche-avancee #espace-candidat .footer{background:transparent url(../images/ra-footer2.png) repeat-y scroll 0 0;height:3px;padding:0 32px;} #conteneur-recherche-avancee #dernieres-offres .header{background:transparent url(../images/ra-header3.png) no-repeat scroll 0 0;height:30px;padding:0 32px;} #conteneur-recherche-avancee #dernieres-offres .content{background:transparent url(../images/ra-content3.png) repeat-y scroll 0 0;color:#3C0F22;height:126px;margin-top:0 !important; padding:10px 32px 0;} #conteneur-recherche-avancee #dernieres-offres .footer{background:transparent url(../images/ra-footer3.png) no-repeat scroll 0 0;height:9px;padding:0 32px;margin-top:0 !important;} #conteneur-recherche-avancee #dernieres-offres a.cuisinier{background:transparent url(../images/mini-cuisinier.jpg) no-repeat scroll 0 0;color:#3C0F22;float:left;padding-left:24px;} #conteneur-recherche-avancee #dernieres-offres a.hote{background:transparent url(../images/mini-hote.jpg) no-repeat scroll 0 0;color:#3C0F22;float:left;padding-left:24px;} #conteneur-recherche-avancee #dernieres-offres a.leader{background:transparent url(../images/mini-leader.jpg) no-repeat scroll 0 3px;color:#3C0F22;float:left;margin-left:3px;padding-left:22px;} #conteneur-recherche-avancee #dernieres-offres a.directeur{background:transparent url(../images/mini-directeur.jpg) no-repeat scroll 0 0;color:#3C0F22;float:left;margin-left:0;padding-left:28px;} #conteneur-recherche-avancee #dernieres-offres div.cont{margin-bottom:9px;overflow:auto; width: 26Opx; clear: both;} #conteneur-recherche-avancee #dernieres-offres span{float:right;} #conteneur-recherche-avancee input#connecte {background:transparent url(../images/ra-connecter.jpg) no-repeat scroll 0 0;font-size:0;border:medium none;float:left;height:37px;margin-top:3px;text-indent:-9999px;width:115px;cursor:pointer;outline: none; line-height:0px} #conteneur-recherche-avancee input#creer {background:transparent url(../images/ra-creer-compte.jpg) no-repeat scroll 0 0;font-size:0;margin-left:7px;border:medium none;float:left;height:37px;margin-top:3px;text-indent:-9999px;width:140px;cursor:pointer; line-height:0px} /*TEMPLATE*/ p.resto{color:#3C0F22; line-height:14px !important;} .template { background:transparent none no-repeat scroll 0 0; margin:0 auto; width:868px; margin-bottom: 45px; } .template .header{background:transparent url(../images/template-header.png) no-repeat scroll 0 0;height:39px;position:relative;} .template .header .ombre{background:transparent url(../images/template-ombre.png) repeat-x scroll 0 0;bottom:0;height:4px;left:19px;position:absolute;width:825px;z-index:10;} .template .content{background:transparent url(../images/template-content.png) repeat-y scroll 0 0;overflow:auto;} .template .sub-header {height:250px;padding:0 4px;position:relative;background:transparent url(../images/template-subheader-ombre.png) no-repeat scroll 0 0;} .template .footer{background:transparent url(../images/template-footer.png) no-repeat scroll 0 0;height:40px;} .metiers .header h2 {height:28px;margin:0;padding:0;} .metiers .header h2 span{display:none;} .metiers .header h2.salle{background:transparent url(../images/metiers/salle/titre.png) no-repeat scroll 30px 8px;padding-left:30px;padding-top:10px;text-align:left;} .metiers .header h2.cuisine{background:transparent url(../images/metiers/cuisine/titre.png) no-repeat scroll 30px 8px;padding-left:30px;padding-top:10px;text-align:left;} .metiers .header h2.encadrement{background:transparent url(../images/metiers/encadrement/titre.png) no-repeat scroll 30px 8px;padding-left:30px;padding-top:10px;text-align:left;} .metiers .header h2.fonction{background:transparent url(../images/metiers/fonction/titre.png) no-repeat scroll 30px 8px;padding-left:30px;padding-top:10px;text-align:left;} .metiers .col-left h4 span{display:none;} .metiers .col-right h4 span{display:none;} .metiers .col-left h4{background:transparent url(../images/title-postes-disponibles.jpg) no-repeat scroll 0 0;text-align:left;height:25px;} .metiers .col-right h4{background:transparent url(../images/title-travailler-en-salle.jpg) no-repeat scroll 0 0;border-bottom:1px solid #CEC3C8;text-align:left;height:25px;} .metiers .col-right h4.cuisine{background:transparent url(../images/title-travailler-en-cuisine.jpg) no-repeat scroll 0 0;border-bottom:1px solid #CEC3C8;text-align:left;height:25px;} .metiers .col-right h4.encadrement{background:transparent url(../images/title-encadrement.jpg) no-repeat scroll 0 0;border-bottom:1px solid #CEC3C8;text-align:left;height:25px;} .metiers .col-right h4.fonction{background:transparent url(../images/title-support.jpg) no-repeat scroll 0 0;border-bottom:1px solid #CEC3C8;text-align:left;height:25px;} .metiers-all .header h2 {} .metiers-all .header {height:53px;} .metiers-all .header h2 span {display:none;} .metiers-all .header h2.salle {background:transparent url(../images/metiers/salle/titre-toutes.png) no-repeat scroll 40px 10px;height:40px} .metiers-all .header h2.cuisine {background:transparent url(../images/metiers/cuisine/titre-toutes.png) no-repeat scroll 40px 10px;height:40px} .metiers-all .header h2.encadrement {background:transparent url(../images/metiers/encadrement/titre-toutes.png) no-repeat scroll 40px 10px;height:40px} .metiers-all .header h2.fonction {background:transparent url(../images/metiers/fonction/titre-toutes.png) no-repeat scroll 40px 10px;height:40px} .enseigne .header h2{display:block;float:left;width:625px;} .enseigne .header h2 span{display:none;} .enseigne .header .cont-select{float:left;margin-top:13px;} .enseigne .header .ombre{background:transparent url(../images/template-ombre.png) repeat-x scroll 0 0;bottom:0;height:4px;left:19px;position:absolute;width:825px;z-index:0;} .enseigne .content{padding-left:15px;padding-top:20px;} .enseigne .col-left h4 span{display:none;} .enseigne .col-right h4 span{display:none;} .enseigne .col-left h4{background:transparent url(../images/title-postes-disponibles.jpg) no-repeat scroll 0 0;text-align:left;height:25px;} .enseigne .col-right h4{background:transparent url(../images/title-travailler-en-salle.jpg) no-repeat scroll 0 0;border-bottom:1px solid #CEC3C8;text-align:left;height:25px;} .enseigne .col-right h4.philosophie{background:transparent url(../images/title-notre-philosophie.jpg) no-repeat scroll 0 0;border-bottom:1px solid #CEC3C8;text-align:left;height:25px;} .enseigne .header h2.hippopotamus{background:transparent url(../images/enseigne/hippopotamus/titre.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne .header h2.tablapizza{background:transparent url(../images/enseigne/tablapizza/titre.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne .header h2.bistroromain{background:transparent url(../images/enseigne/bistroromain/titre.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne .header h2.brasseries{background:transparent url(../images/enseigne/brasseries/titre.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne .header h2.concessions{background:transparent url(../images/enseigne/concessions/titre.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne .header h2.taverne{background:transparent url(../images/enseigne/taverne/titre.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne .header h2.siege{background:transparent url(../images/enseigne/siege/titre.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne-all .header{height:53px;} .enseigne-all .header h2 span{display:none;} .enseigne-all .header h2.hippopotamus{background:transparent url(../images/enseigne/hippopotamus/titre-toutes.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne-all .header h2.tablapizza{background:transparent url(../images/enseigne/tablapizza/titre-toutes.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne-all .header h2.bistroromain{background:transparent url(../images/enseigne/bistroromain/titre-toutes.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne-all .header h2.brasseries{background:transparent url(../images/enseigne/brasseries/titre-toutes.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne-all .header h2.concessions{background:transparent url(../images/enseigne/concessions/titre-toutes.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne-all .header h2.taverne{background:transparent url(../images/enseigne/taverne/titre-toutes.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .enseigne-all .header h2.siege{background:transparent url(../images/enseigne/siege/titre-toutes.png) no-repeat scroll 0 4px;height:39px;margin-left:48px;} .pourquoi .sub-header{height:30px!important;background:transparent url(../images/template-subheader-ombre-blanc.png) repeat scroll 0 0;} .pourquoi .header h2{background:transparent url(../images/title-pourquoi-choisir-le-groupe-flo.png) no-repeat scroll 48px 15px;height:35px;margin:0;padding:0;text-indent:-9990px;} .pourquoi .sub-template .content{height:440px!important;padding:10px !important;} .pourquoi .content{height:440px!important;} .actualites .header{height:53px !important;} .actualites .content{padding-top:20px !important;height:388px!important;} .actualites .footer{} .actualites .header h2{background:transparent url(../images/title-actualites.png) no-repeat scroll 42px 10px;height:35px!important;text-indent:-9999px!important;} .actualites .colLeft {float:left;height:20px;width:600px !important;} .actualites .colRight {border-left:1px solid #F2DADA;float:left;padding-left:40px;width:180px !important;} .actualites .colRight h3.categorie {background:transparent url(../images/actu-categorie.jpg) no-repeat scroll 0 0;text-indent:-9999px;} .actualites .colRight h3.archive {background:transparent url(../images/actu-archive.jpg) no-repeat scroll 0 0;text-indent:-9999px;} .actualites .colRight h3.rss {background:transparent url(../images/actu-rss.jpg) no-repeat scroll 0 0;text-indent:-9999px;} .actualites ul li {text-align:left;} .actualites ul {margin-bottom: 10px;} .actualites ul li a:link {color:#000;text-decoration: none;} .actualites ul li a:visited {color:#000;text-decoration: none;} .actualites ul li a:hover {color:#000;text-decoration: underline;} .actualites ul.posts {} .actualites ul.posts li {border-bottom:1px dotted #9C9C9C;margin-bottom:2px;margin-left:40px;padding:5px;text-align:left;width:505px;} .actualites .post {margin-left:40px;text-align:left;padding-right:30px;} .actualites .post h2 {color:#A32826;font-size:16px;} .actualites .post small {color:#9C9C9C;font-size:11px;} .actualites ul li h3 {font-size:12px;font-weight:normal;line-height:12px;margin:0 0 4px;padding:0;} .actualites ul li small {color:#9c9c9c;font-size:10px;} .actualites ul li a.red {color:#b3302d;font-size:12px;} .actualites ul li.first {border-bottom:1px solid #F2DADA;overflow:auto;} .actualites ul li.first img{border:1px solid #EBCECD;float:left;margin-right:14px;} .actualites ul li.first div{float:left;height:118px;width:378px;} .actualites ul li.first h3{color:#B3302D;font-size:16px;font-weight:bold;margin-top:5px;} .actualites ul li.first .red{float:right;} .contact .header h2{background:transparent url(../images/menu-footer/contact.png) no-repeat scroll 42px 4px;height:35px!important;text-indent:-9999px!important;} .mentions .header h2{background:transparent url(../images/menu-footer/mentions.png) no-repeat scroll 42px 4px;height:35px!important;text-indent:-9999px!important;} .credits .header h2{background:transparent url(../images/menu-footer/credits.png) no-repeat scroll 42px 4px;height:35px!important;text-indent:-9999px!important;} .contact .header{height:53px !important;} .mentions .header{height:53px !important;} .credits .header{height:53px !important;} .credits h3{color:#3A0B22;font-size:14px;font-weight: normal;} .adv-search .header {height:53px;} .adv-search .header .ombre{background:transparent url(../images/template-ombre.png) repeat-x scroll 0 0;bottom:0;height:4px;left:19px;position:absolute;width:825px;z-index:10;} .adv-search .header h2{background:transparent url(../images/title-resultat-adv-search.jpg) no-repeat scroll 40px 10px;height:30px;text-indent:-9999px;} .candidat .header {height:53px;} .candidat .header .ombre{bottom:14px;} .sub-template {width:868px;margin:0 auto;position:relative;margin-bottom: 45px; background: transparent none no-repeat scroll 0 0; } .sub-template .header{background:transparent url(../images/template-header.png) no-repeat scroll 0 0;height:39px;position:relative;} .sub-template .header .ombre{background:transparent url(../images/template-ombre.png) repeat-x scroll 0 0;bottom:0;height:4px;left:19px;position:absolute;width:825px;z-index:0;} .sub-template .sub-header {height:250px;padding:0 4px;position:relative;background:transparent url(../images/template-subheader-ombre.png) no-repeat scroll 0 0;} .sub-template .sub-header img{float:left;width: 591px;} .sub-template .sub-header .zone-droite{display:block;background:transparent url(../images/droit-slider.png) repeat scroll 0 0;float:left;height:220px;padding:20px;width:229px;text-align:left;color:#FFF;position:relative;} .sub-template .sub-header .zone-droite h3{font-size:14px;line-height:19px;margin-bottom:20px;} .sub-template .sub-header .zone-droite p{font-size:11px;margin-bottom:50px;} .sub-template .content{background:transparent url(../images/template-content.png) repeat-y scroll 0 0;height:250px;padding-left:15px;padding-right:15px;padding-top:20px;} .sub-template .footer{background:transparent url(../images/template-footer.png) no-repeat scroll 0 0;height:40px;} .sub-template #slider{width:9999px;} .sub-template #slider li{float:left;} .sub-template .forward-cont{display:none;} .sub-template .back-cont{display:none;} .col-left{float:left;width:515px;display:inline;} .col-right{float:left;width:300px;margin-left:20px;display:inline;} .col-left a:link{color: #3c0f22;text-decoration: underline;float:right;} .col-left a:visited{color: #3c0f22;text-decoration: underline;float:right;} .col-left a:hover{color: #3c0f22;text-decoration: none;float:right;} .col-right p{line-height:24px;margin-top:20px;text-align:left;} #resultat{width:100%;} #resultat tr th{background:transparent url(../images/table-header-back.jpg) repeat-x scroll 0 0;color:#FFFFFF;height:25px;line-height:25px;padding-left:10px;} #resultat tr td{border-top:1px solid #FFFFFF;height:25px;line-height:20px;padding-left:10px;} #resultat tr.even{background-color:#E2DBDE;} #resultat a:link{text-decoration: none;float:none;} #resultat a:visited{text-decoration: none;float:none;} #resultat a:hover{text-decoration: underline;float:none;} /*FOOTER*/ #footer{background:#FFFFFF url(../images/background-footer.jpg) repeat-x scroll 0 0;padding-top:10px;text-align: left;} #footer-content{margin:0 auto;width:874px;} #footer #footer-line #slider{float:left;margin-left:16px;} #footer #footer-line{border-bottom:1px solid #ECCECD;height:46px;margin:0 auto 10px;width:866px;} #footer #footer-line #affichage{float:left;height:25px;width:138px;margin-top:15px;} #footer #footer-line #affichage a{color:#3c0f22;background:transparent url(../images/fleche-link.jpg) no-repeat scroll 0 2px;text-decoration: none;padding-left:10px;font-size: 14px;} #footer #footer-line #affichage a:hover{text-decoration: underline;} #footer #footer-line h2{float: left;} #footer #footer-line h3{float: left;margin-top:6px;} #footer #footer-line h2 span{display: none;} #footer #footer-line h3 span{display:none;} #footer #footer-line h2#nos-metiers{background:transparent url(../images/title-nos-metiers.jpg) no-repeat scroll 0 0;height:29px;width:107px;margin-top:10px;margin-right:20px;} #footer #footer-line h2#nos-restaurants{background:transparent url(../images/title-restaurants.jpg) no-repeat scroll 0 0;height:29px;width:134px;margin-top:10px;margin-right:20px;} #footer #footer-line h3#cuisiniers {height:35px;width:38px;} #footer #footer-line h3#cuisiniers a{background:transparent url(../images/picto1.jpg) no-repeat scroll left top;display:block;height:35px;width:38px;} #footer #footer-line h3#cuisiniers a:hover{background-position:left bottom;} #footer #footer-line h3#hote {height:35px;width:36px;} #footer #footer-line h3#hote a{background:transparent url(../images/picto2.jpg) no-repeat scroll left top;display:block;height:35px;width:36px;} #footer #footer-line h3#hote a:hover{background-position:left bottom;} #footer #footer-line h3#leader {height:35px;width:40px;} #footer #footer-line h3#leader a{background:transparent url(../images/picto4.jpg) no-repeat scroll left top;display:block;height:35px;width:40px;} #footer #footer-line h3#leader a:hover{background-position:left bottom;} #footer #footer-line h3#directeur {height:35px;width:51px;margin-top:6px;} #footer #footer-line h3#directeur a{background:transparent url(../images/picto3.jpg) no-repeat scroll left top;display:block;height:35px;width:51px;} #footer #footer-line h3#directeur a:hover{background-position:left bottom;} #footer h4 span{display:none;} #footer h4#pk-groupeflo{background:transparent url(../images/title-pourquoi-groupflo.jpg) no-repeat scroll left top;display:block;height:22px;width:271px;margin-left:5px;} #footer h4#temoignages{background:transparent url(../images/title-temoignage.jpg) no-repeat scroll left top;display:block;clear:both;display:block;height:21px;width:109px;margin-left:5px;} #footer .conteneur400 {width:419px;float:left;} #footer .conteneur400 .header{background:transparent url(../images/header_400.jpg) no-repeat scroll 0 0;height:7px!important;width:419px;} #footer .conteneur400 .content{background:transparent url(../images/content_400.jpg) repeat-y scroll 0 0;width:399px;padding:10px;margin:0;height:126px;} #footer .conteneur400 .footer{background:transparent url(../images/footer_400.jpg) no-repeat scroll 0 0;height:26px;width:419px;} #footer .conteneur400 .content p{margin-left:125px;} #footer .conteneur450 {width:450px;float:left;margin-left:5px;} #footer .conteneur450 .header{background:transparent url(../images/header_450.jpg) no-repeat scroll 0 0;height:6px!important;width:450px;} #footer .conteneur450 .content{background:url("../images/content_450.jpg") repeat-y scroll 0 0 transparent; height:110px; margin:0; padding:24px 10px 10px 36px; width:404px;} #footer .conteneur450 .footer{background:transparent url(../images/footer_450.jpg) no-repeat scroll 0 0;height:29px;width:450px;} #footer .conteneur450 .content p{margin-left:125px;} #footer .menu-footer{clear:both; height:40px; margin:0 auto; width:410px;} #footer .menu-footer li{float: left;height:35px;line-height: 35px;} #footer .menu-footer li a{color: #000;} #footer .menu-footer li a#credit{background:url("../images/menu-footer/credits.png") no-repeat scroll 0 0 transparent; display:block; height:35px; text-indent:-9999px; width:116px;} #footer .menu-footer li a#mentions{background:url("../images/menu-footer/mentions.png") no-repeat scroll 0 0 transparent; display:block; height:35px; text-indent:-9999px; width:196px;} #footer .menu-footer li a#contact{background:url("../images/menu-footer/contact.png") no-repeat scroll 0 0 transparent; display:block; height:35px; text-indent:-9999px; width:99px;} form legend {color: #333;padding: 0 0 20px 0;text-transform: uppercase;} form, form fieldset input, form fieldset textarea, form label { font-family: Helvetica, Arial; font-size: 12pt;} form p { position: relative;} form p label { font-size:12px;left:14px;position:absolute;} form p br {display: none;} form fieldset p input, form fieldset p textarea {display: block;padding: 4px; width: 400px; margin: 0;} form fieldset p label { width: 380px;display: block;margin: 5px 5px 5px 6px;padding: 0;} form fieldset p textarea {padding: 2px; width: 404px;} form fieldset p textarea,form fieldset p input {border: solid 1px #ccc;} form fieldset p label { color: #777;} iframe{/*overflow:hidden;*/} #framer{width:800px!important;max-width:800px!important;} /* SLIDER FOOTER */ div.scrollable {float:left;height:44px;overflow:hidden;padding-top:2px;position:relative;width:232px;} div.scrollable div.items { width:20000em; position:absolute; } div.scrollable div.items div { float:left;width:115px;text-align: center; } div.scrollable div.items div a{ width:115px; } div.scrollable div.items div a img {margin:0 auto; } div.scrollable img{cursor:pointer;float:left;margin:0 5px 20px 6px;padding:2px;} div.scrollable2 {float:left;height:260px;overflow:hidden;padding-top:0;position:relative;width:860px;} div.scrollable2 div.items { width:20000em; position:absolute; } div.scrollable2 div.items div { float:left;} div.scrollable2 img{float:left;height:auto;width:auto;} a.nextPage{background:transparent url(../images/arrow.png) repeat scroll left top;display:block;height:18px;margin-right:6px;margin-top:10px;width:9px;cursor: pointer;} a:hover.nextPage{background-position:left bottom;} a:hover.prevPage{background-position:right bottom;} a.prevPage{background:transparent url(../images/arrow.png) repeat scroll right top;display:block;height:18px;margin-right:6px;margin-top:10px;width:9px;cursor: pointer;} .cacheGauche{background:transparent url(../images/cache-gauche.png) no-repeat scroll 0 0;height:43px;left:0;margin-top:-2px;position:absolute;top:0;width:34px;z-index:70;} .cacheDroite{background:transparent url(../images/cache-droit.png) no-repeat scroll 0 0;height:43px;right:0;margin-top:-2px;position:absolute;top:0;width:34px;z-index:70;} div.items div.active {} #triggers { margin-top:10px;text-align:center;} #triggers img {background-color:#fff;padding:2px;border:1px solid #ccc;margin:2px 5px;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;} .apple_overlay {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/white.png) no-repeat scroll 0 0; display:none; font-size:11px; height:396px; padding:0; width:722px;} .apple_overlay div.close {background-image:url(../images/close.png);cursor:pointer;height:35px;position:absolute;right:-9px;top:-10px;width:35px;z-index:9999;} .apple_overlay_admin {background:transparent url(../images/admin.png) no-repeat scroll 0 0;display:none;font-size:11px;height:150px;padding:32px 24px 24px 75px;width:305px;} .apple_overlay_admin div.close {background-image:url(../images/close.png);cursor:pointer;height:35px;position:absolute;right:-2px;top:-3px;width:35px;z-index:9999;} .apple_overlay_admin h2{background:transparent url(../images/administration-h2.png) no-repeat scroll 0 0;display:block;height:30px;text-indent:-9999px;width:200px;} .apple_overlay_admin input{float:right;} .apple_overlay_admin p{width:242px;} #groupe-flo-solo{margin-left:135px;} .details {position:absolute;top:15px;right:15px;font-size:11px;color:#fff; width:150px; } .details h3 { color:#aba; font-size:15px; margin:0 0 -10px 0; } /* TABBER VIDEO */ .images {background:transparent url(/img/global/gradient/h300.png) repeat-x scroll 0 0;float:left;height:260px;position:relative;width:860px;} .images div {display:none;font-size:12px;height:256px;left:0;position:absolute;top:0;} .images h3 {color:#EEE;font-size:22px;font-weight:normal;margin:0 0 20px;} /* TABS */ .tabs {clear:both;margin-left:330px;position:absolute;right:282px;top:237px;} .tabs a {background:transparent url(../images/dot.png) no-repeat scroll 0 -10px;display:block;float:left;font-size:1px;height:10px;margin:3px;width:10px;} .tabs a:hover {background-position:0 0;} .tabs a.current {background-position:0 -20px;} .disabled {visibility:hidden !important;} /* NAV */ #nav2 {float:left; height:381px; width:259px;} #nav2 ul {margin:0 auto;padding:0;} #nav2 li {padding:0;list-style-type:none;padding-left:1px;width:265px;margin:0;} #nav2 a.current {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;} #nav2 a {color:#333333;display:block;font-size:11px;height:44px;padding:17px 0 17px 17px;text-decoration:none;word-spacing:-2px;} /*#nav2 > img {background-color:#FFFFFF;border:1px solid #CCCCCC;display:block;margin:3px 0 5px 69px;padding:4px;}*/ #nav2 div {float:left;} #nav2 strong {float:left; font-size:12px;line-height:16px; color:#EEE; text-align:left; width:140px;font-weight:normal;word-spacing:0px;} #nav2 .video{background-color:#000000;float:left;height:65px;margin-right:10px;width:95px;} #nav2 h3{background:transparent url(../images/titre-rouge-temoignage.jpg) no-repeat scroll 20px 10px;height:35px;text-indent:-9999px;margin-top:8px;} /* PANES */ #panes {height:361px;width:440px;} #panes div {color:#444444;display:none;font-size:14px;left:20px;position:absolute;top:20px;width:407px;} #panes .zone-droite a {background:transparent url(../images/title-temoignage-en-video.jpg) no-repeat scroll 0 0;display:block;height:39px;left:50px;margin:0 auto;position:absolute;text-indent:-9999px;width:168px;z-index:99999;} #panes img {float:left;margin-right:20px;} #panes p.more {color:#000000;font-size:10px;font-weight:bold;text-align: left;} #panes p{color:#000000;font-size:10px;text-align: left;} #panes h3 {font-size:16px;font-weight:normal;margin:0 0 -5px;color:#333;text-align:left;} /* ONGLET */ #onglets ul{} #onglets li{height:30px;float:left;} #onglets li a{display:block;float:left;text-indent:-9999px;height:30px} #onglets li#engagement a{background:transparent url(../images/tabs/tab-engagement-on.png) no-repeat scroll -3px top;height:30px;margin-right:-5px;width:158px;} #onglets li#engagement a.current{background:url(../images/tabs/tab-engagement.png) no-repeat -3px top ;} #onglets li#integration a{background: #FFF url(../images/tabs/tab-integration-on.png) no-repeat top left;width:117px;height:30px;} #onglets li#integration a.current{background: #FFF url(../images/tabs/tab-integration.png) no-repeat top left;} #onglets li#formation a{background:url(../images/tabs/tab-formation-on.png) no-repeat top left;width:121px;height:30px;} #onglets li#formation a.current{background:url(../images/tabs/tab-formation.png) no-repeat top left;} #onglets li#apprentissage a{background:url(../images/tabs/tab-apprentissage-on.png) no-repeat top left;width:135px;height:30px;} #onglets li#apprentissage a.current{background:url(../images/tabs/tab-apprentissage.png) no-repeat top left;} #onglets li#ethique a{background:url(../images/tabs/tab-ethique-on.png) no-repeat top left;width:99px;height:30px;} #onglets li#ethique a.current{background:url(../images/tabs/tab-ethique.png) no-repeat top left;} #onglets li#barre{background:transparent url(../images/tabs/barre.png) no-repeat scroll 0 0;height:30px;width:210px;} #onglets li#barre-bou{background:transparent url(../images/tabs/barre-bou.png) repeat scroll top right;width:25px;} #onglets a{cursor:pointer;} #onglets h3{} /* PANNEAUX */ #panneaux div{} #panneaux h3{color:#000;line-height: 19px;text-align: left;margin-bottom:20px;} #panneaux h3 span{color:#a32826;} #panneaux img{} #panneaux p{color:#3C0F22;text-align:left;} #panneaux .colLeft{float:left;padding:0;position:relative;width:182px;top:auto;} #panneaux .colRight{float:left;padding:0;position:relative;width:378px;margin-left:20px;top:auto;} #panneaux .colExRight{float:left;padding:0;position:relative;width:100px;margin-left:20px;top:auto;} .overlay {background-color:#DDDDDD;display:none;padding:20px;width:500px;} #panneaux ul{} #panneaux li{background:transparent url(../images/puce.jpg) no-repeat scroll 17px 3px;color:#6E6E6E;padding-left:30px;text-align:left;} .sub-template .asavoir {padding:0 !important;position:relative !important;top:auto !important;width:210px !important;} .sub-template .asavoir .header{background:transparent url(../images/asavoir-head.jpg) no-repeat scroll 0 0 !important;height:10px !important;position:relative !important;top:auto !important;width:210px !important;margin:0!important;padding:0 !important;} .sub-template .asavoir .content{background-color:#ECECEC;background-image:none !important;height:auto !important;padding:15px !important;position:relative !important;top:auto !important;width:180px !important;} .sub-template .asavoir .footer{background:transparent url(../images/asavoir-foot.jpg) no-repeat scroll 0 0 !important;height:10px !important;padding:0 !important;top:auto !important;width:210px !important;} .sub-template .asavoir h4{background:transparent url(../images/asavoir-title.jpg) no-repeat scroll 58px 0;text-indent:-9999px;margin:0!important;padding:0!important;} .sub-template .asavoir p{color:#5e5e5e!important;font-style:italic!important;position: relative!important;margin:0!important;padding:0!important;} .sub-template .asavoir .deb{background:transparent url(../images/asavoir-guillemet-1.jpg) no-repeat scroll 0 0;display:inline;height:12px;width:20px;} .sub-template .asavoir .fin{background:transparent url(../images/asavoir-guillemet-2.jpg) no-repeat scroll 0 0;bottom:0;display:inline;height:12px;position:absolute;right:0;width:20px;} .sub-template .asavoir span{float:left;} #player{display:block!important;} #zone {bottom:-50px;display:block;left:50px;position:absolute;top:300px;background:transparent url(../images/title-temoignage-en-video.jpg) no-repeat scroll 0 0;height:39px;margin:0 auto;position:absolute;width:168px;z-index:9999;} .vide {cursor:pointer;position:absolute;right:50px;top:200px;} #mask { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#112233 url(../images/mask_gradient_1800.png) no-repeat scroll 50% -200px; } /* ADMIN */ h1.groupeflo{background:url("../images/logo.jpg") no-repeat scroll 25px 0 transparent; text-indent:-9999px;margin:0;} #result{background-color:#CCCCCC;margin:0 auto;padding:20px;text-align:left;width:777px;} form.edit{width:500px;} form.edit p{width:800px;margin:0 auto;text-align: left;} #admin{} #admin ul{float:left; height:335px; overflow:auto; padding:10px; width:478px;} #admin ul li{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background-color:#FFFFFF;height:40px;padding:10px;margin-bottom:10px;} #admin img{float:left;} #admin a.delete{} #admin a.edit{} #admin a.add{float:right;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;background-color:#FFFFFF;padding:6px;cursor:pointer;} #admin h3{color:#FFF;text-align: left;float:left;} #admin h3.edit{float: none;} #admin input{float:none;} #admin .edit p{text-align:left; width:400px;} #admin .edit img{float:right;} #admin .edit a{float:right;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;background-color:#FFFFFF;padding:6px;cursor:pointer;} #admin span.lab { color:#FFFFFF; font-size:11px; font-weight:normal; text-align:left; } /* ADMIN HUD */ #hud{background-color:#99ff99; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; height:0; display: none; left:146px; padding:20px; padding-bottom: 30px; position:absolute; bottom:-4px; width:300px;} #result{overflow:hidden;} .admin-link{float:left;position:absolute;right:150px;top:30px;} .clear{clear: both;} a.en-savoir-plus {background: url(../images/btn-en-savoir-plus.png) no-repeat scroll 0 0; width: 95px; height: 27px; display: block; text-indent: -9999px; float: right; margin: 10px 0 0 0;} a.en-savoir-plus:hover {background: url(../images/btn-en-savoir-plus-roll.png) no-repeat scroll 0 0;}