/* --- LEB COMMUNICATION | 2014 */ /* IMPORTS COMMUNS */ @import url(common.css); /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */ /* -/-/-/-/-/-/-/-/-/-/-/-/- VIEWPORT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ @viewport{ width: device-width; zoom: 1; } @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } @-webkit-viewport{ width: device-width; } @-moz-viewport{ width: device-width; } @-ms-viewport{ width: device-width; } @-o-viewport{ width: device-width; } @viewport{ width: device-width; } /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FONT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* font-family: 'Lato', sans-serif; font-family: 'Bitter', serif; */ .bliss-l,#top ul#menuServices,#mainHeader #baseline_entete,a#launchUnivers,#footer h2,.bgTitreG h2,.bgTitreD h2,#videos .contentCellule,#agence p#dpt_agence input,#defilementProduit,#produits #controleurDefilement h3,.menuADerouler,#cest,#navigationDeLaPage,#contenuDeLaPage,#paletteSide,#universDanielMoquet,#infosFranchise,#contenuFranchise h1,#contenuFranchise #texteIntro,body,#formulaireFranchise,#formulaireFranchise form input,#formulaireFranchise form select,#formContact,.menuADerouler #gammeProduitMenu a{font-family: 'Lato', sans-serif;font-weight:300} .bliss-r,a#launchUnivers span.title,#actualite h3,#contenuDeLaPage h2,#contenuDeLaPage h3,#menuFranchise,.page_actu a.lineActu span.titreActualite{font-family: 'Lato', sans-serif;font-weight:400} .bliss-b,#mainMenu ul li a,#mainHeader #baseline_entete p.line2,#mainHeader #baseline_entete span.gras,span.gras,#defilementProduit h3,#contenuDeLaPage h1,p#telrouge,#produitsFranchise h3{font-family: 'Lato', sans-serif;font-weight:700} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- GLOBAL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ * {margin:0px; padding:0px} html {font:12px 'Lato', Arial, helvetica, sans-serif;} body,.conteneur,#navigationDeLaPage ul li a,#barre-po a { transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; } .bleu {color:#5471cf !important} .vert {color:#00a94f !important} .gris {color:#6b6b6b !important} .rouge{color:#ce3131 !important} .grisfonce{color:#6b6b6d !important} .grisclair{color:#bbb !important} .couleurTexte{color:#555;} .bgBlanc{background:#fff;} img {border:none} a {text-decoration:none} h1 {font-size:15px} h2 {font-size:14px} h3 {font-size:13px} h4 {font-size:12px} h5 {font-size:10px} .liste {background-color:#eee;padding:20px 30px;color:#555;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px} .liste li {margin:0px 0px 10px 15px} a.aBlanc{color:#fff;text-decoration:none} a.aBlanc:hover{text-decoration:underline} a.under{text-decoration:none} a.under:hover{text-decoration:underline} a.souligne{text-decoration:underline} a.souligne:hover{text-decoration:none !important;} ul li a{height:1%} span.clear,.clearAccueil{display:block;clear:both;} h1,h2,h3,h4,h5{font-weight:normal;} .visHid{visibility:hidden} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- SQUELETTE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #page{background:#eceded;text-align:center;} #header{position:relative;} .conteneur { width:1200px; text-align:left; margin:0px auto 0px auto; } /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- AMELIORATIONS SITE - 11/2016 -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #liste_franchises a,#liste_franchises a.cell-ent span.secteur{ transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; } /* ------------------------------------------- */ /* ----- LES AVIS ---- */ /* - FICHE PRODUIT ----- */ .avis-fiche-produit{display:block;float:right;background:#f3f3f3;border-radius:10px;color:#fff;margin:-50px 10px 20px 20px;font-size:18px;color:#fff;text-align:center;position:relative;z-index:200} .avis-fiche-produit a{color:#fff;} .precisions-note{background:#e3e3e3;color:#666;padding:12px;border-radius:7px;} .page_produit #contenuDeLaPage .avis-fiche-produit p{color:#fff} .page_produit #contenuDeLaPage .avis-fiche-produit .precisions-note p{font-size:16px;color:#989898} .page_produit #contenuDeLaPage .avis-fiche-produit .precisions-note p a{font-weight:bold;text-decoration:underline;color:#ce3131} .top-note{position:relative;margin:15px 15px 15px;;text-align:center;padding:10px 20px 4px;background:#00a94f;border-radius:10px;} .top-note img{margin:0 2px;} .page_produit #contenuDeLaPage .avis-fiche-produit p.moyenne{color:#00a94f;font-size:23px;font-weight:bold;text-align:center;padding:0 0 15px} .top-note:after{content:"";display:block;width:0;height:0;border-top:5px #00a94f solid;border-left:5px transparent solid;border-right:5px transparent solid;position:absolute;bottom:-5px;left:50%;margin-left:-5px} a#tsavisgche{display:inline-block;padding:6px 12px;background:#efefef;color:#555;border-radius:7px;font-size:14px;} a#tsavisgche:hover{background:#00a94f;color:#fff} /* bas fiche produit */ #avis-basfiche{border:1px #e5e5e5 solid;padding:20px;border-radius:15px;margin-top:15px;text-align:center;} #avis-basfiche .avis-fiche-produit{float:none;display:inline-block;vertical-align:middle;margin:0;background:#fff;width:23%;} .page_produit #contenuDeLaPage .avis-fiche-produit p.nb-avis{color:#ce3131;font-size:24px;} .page_produit #contenuDeLaPage .avis-fiche-produit p.moyenne span.light{color:#7a7a7a;font-size:18px;font-weight:300} #avis-basfiche .print-avis,#avis .print-avis{display:inline-block;vertical-align:middle;width:45%;margin:0 3%;text-align:left;} #avis .print-avis{width:100%;margin:0} #avis-basfiche .cell_type1,#avis .cell_type1{background:#f5f5f5;margin:0;padding:10px;} #avis .cell_type1{padding:10px;background:#fff} #avis-basfiche .texteType1,#avis .texteType1{padding:10px;} #avis-basfiche .etoiles,#avis .etoiles{background:#fff;padding:4px;display:inline-block;vertical-align:middle;border-radius:6px;} #avis .etoiles{background:#eee} #avis-basfiche .nom,#avis .nom{vertical-align:middle;padding:0;display:inline-block;padding:5px;border-radius:6px;} #avis .nom{font-size:15px;} #avis-basfiche .nom strong,#avis .nom strong{color:#00a94f} #avis-basfiche .real-travaux,#avis .real-travaux{margin:10px 0 5px 0;background:#fff;padding:7px;border-radius:6px;} #avis .real-travaux{background:#eee;font-size:16px;padding:15px;} #avis-basfiche .etoiles img,#avis .etoiles img{margin:0 2px;} .page_produit #contenuDeLaPage #avis .print-avis .tete-avis p,.page_produit #contenuDeLaPage #avis .print-avis .tete-avis p{font-size:14px;line-height:14px} .page_produit #contenuDeLaPage #avis .print-avis .real-travaux p,.page_produit #contenuDeLaPage #avis .print-avis .real-travaux p{display:block;font-size:15px;} #avis-basfiche #laisser-avis{display:inline-block;vertical-align:middle;width:23%;text-align:center;} .page_produit #contenuDeLaPage #avis-basfiche #laisser-avis p{color:#828282;font-size:18px;margin-bottom:10px;} .page_produit #contenuDeLaPage #avis-basfiche #laisser-avis p strong{font-size:22px;} #avis-basfiche #laisser-avis a{display:block;border-radius:10px;background:#ce3131;color:#fff;padding:12px;} /* listing avis produits */ #listing-avis .avis-fiche-produit{background:transparent;margin:-67px 0 0;padding:0} #listing-avis .print-avis,#pageFranchise .print-avis{display:inline-block;vertical-align:top;width:47%;margin:1%;} #listing-avis #avis-basfiche,#pageFranchise #avis-basfiche{text-align:left;margin-bottom:30px;text-align:center;} /* variante franchisés*/ #avis .avis-fiche-produit{background:#fff;float:none;margin:10px 0;color:#555;padding:10px;} #pageFranchise .avis-fiche-produit{background:#fff;color:#555;padding-bottom:10px;color:#555} #pageFranchise a.addaviswide{width:100%;display:block;float:none;box-sizing:border-box;margin-top:20px;} #pageFranchise #avis-basfiche{background:#fff;margin:0} .page_avis #pageFranchise #contenuFranchise .texteType1{background:#fff;border-radius:10px;font-size:15px;line-height:20px;padding:15px;} .page_avis p.nom{font-size:15px;} .page_avis .print-avis p{padding:0 10px;color:#555} #pageFranchise #avis .print-avis{width:100%;display:block;margin:10px 0 0} /* bouton contact rajouté pages franchises */ a#contact-f-g{display:inline-block;padding:12px 10px 9px;box-sizing:border-box;color:#fff;background:#ce3131;font-size:15px;border-radius:10px;margin:5px 0 10px;text-align:center;} a#contact-f-g span.ico{display:inline-block;width:20px;height:14px;background:url(../img/avis/enveloppe.png) no-repeat 0 0;vertical-align:middle;margin-right:8px;position:relative;top:-1px;} a#contact-f-g:hover{background:#aa2424;} /* boutons rajoutés contact + rappel dans les pages de contenu */ #contact-contenu{background:#efefef;padding:15px 15px 10px;border-radius:15px;} #contact-contenu #btnContactFranchise a{margin:0 0 5px;padding:10px;display:block;text-align:center;background-image:none;} #contact-contenu #btnContactFranchise a#rappel_fiche{background-image:none;} #contact-contenu #btnContactFranchise a span.ico{display:inline-block;vertical-align:middle;width:20px;height:18px;background:url(../img/franchises/cal_fiche.png) no-repeat 0 0;background-size:20px 18px;margin-right:7px;position:relative;top:-1px;} #contact-contenu #btnContactFranchise a#rappel_fiche span.ico{width:20px;height:19px;background:url(../img/franchises/tel_fiche.png) no-repeat 0 0;background-size:20px 19px} #navigationDeLaPage #temoignages{width:100%;float:none;margin:15px 0} #navigationDeLaPage #temoignages h2{background:#fff} #navigationDeLaPage #temoignages object{width:100% !important} a#espace-presse{display:block;margin-top:15px;padding:10px;text-align:center;color:#fff;background:#b92d2d;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color:#fff;font-size:15px;-webkit-box-shadow:inset 1px 1px 1px 1px #982323;box-shadow:inset 1px 1px 1px 1px #982323;} a#espace-presse:hover{text-decoration:underline} a.back-btn{display:inline-block;margin-right:6px;background:#ce3131;color:#fff;padding:5px 10px;border-radius:4px;font-size:15px;font-weight:normal;vertical-align:middle;position:relative;top:-2px;font-family: 'Lato', sans-serif;font-weight:300} #formulaireFranchise h2{font-size:18px;font-weight:bold;margin-bottom:15px;} #formulaireFranchise h2.h2highlight{font-size:22px;color:#00a94f;font-weight:bold;background:url(../img/squelette/ico-calendrier.png) no-repeat 0 center;background-size:25px 25px;padding-left:35px;} /* RAJOUT VISITE VIRTUELLE FRANCHISE FIETTA 68 */ #ajout-visite a{margin-bottom:20px;display:block;background:#00a94f;color:#fff;padding:15px;text-align:center;font-size:18px;border-radius:15px;} #ajout-visite a:hover{background: #009e4a} #visite-franchise{display:none;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FOIRE AUX QUESTIONS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ span.icostd { display: inline-block; vertical-align: middle; background: url(../img/avis/pictosSite.png) no-repeat 0 0; background-size: 400px 400px; } .faqbloc{margin:25px 0;color:#555} .faqbloc h3{position:relative;} .faqbloc h3 a{display:block;font-size:16px;line-height:22px;color:#555555;background:#cecd00;padding:15px 15px 25px 25px;} .faqbloc a:hover{background:#c3c207} .faqbloc p.reponse{position:relative;z-index:3;margin-top:-10px;background:#f6f6f6;padding:15px;color:#555555;line-height:22px;font-size:14px;text-align:justify;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} .faqbloc .coin {background-image: url(../img/squelette/coin_blanc.png);} div.thema{background:#fff;color:#555;margin-bottom:30px;} div.thema .inside{background:#fff;padding:15px 0 0;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;} div.thema a.titreThema{display:block;padding:20px 20px 20px 20px;font-size:20px;color:#3c3c3b;background:#f5f5f5;border-bottom:3px #fff solid;} div.thema a.titreThema:hover{background-color:#00a94f;color:#fff;} div.thema div.contenuThema{display:none;margin:0 0 10px 0;padding:10px 10px 10px 15px;background:#f2f2f2} div.thema a.titreThema span.icostd{width:19px;height:15px;background-position:-49px -303px;margin-right:8px;} div.thema a.titreThema:hover span.icostd{background-position:-9px -303px} div.thema div.faqbloc h3 a{padding-bottom:15px} div.contenuThema div.faqbloc{margin-left:15px;} a.lienListing{display:block;padding:15px;;font-size:16px;color:#3b3b3c;font-weight:normal;background:#fff} #archivesActu a.lienListing{color:#00a94f} a.lienListing:nth-child(2n+1){background:#f4f4f4;} a.lienListing:hover{background-color:#e0dedd} a.lienListing span.dateAc{font-weight:300;font-size:14px;color:#999999;padding:5px 0 0;} a.lienListing span.dateAc span.ico{margin-top:3px;width:15px;height:15px;background-position:-94px -16px;margin-right:7px;vertical-align:middle;position:relative;top:-2px;} .highlight{background:#555555;color:#fff;padding:10px;margin:25px 0;} p.themeEnCours{color:#00a94f;font-size:16px;text-align:right;padding:0 10px 10px} span.datePubli{padding:10px;float:right;margin:0 0 10px 10px;background:#ddd;color:#555555} .espace_affilies .highlight{line-height:20px;text-align:justify;padding:20px;} .espace_affilies .highlight a{color:#00a94f;text-decoration:none} .espace_affilies .highlight a:hover{text-decoration:underline} .fond-bc{background:#fff;color:#555} .fond-bc .inside,.fond-bc form#formPDFBourse{padding:20px 20px 20px 25px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;} .bisFAQ form{border-bottom:none} .fiche_affilie{background:#f6f6f6; border:1px #e8e8e8 solid; padding:15px; margin-bottom:15px} .criteresAnnuaire p{padding:10px 0;} .criteresAnnuaire select{background:#F5F5F5 ;border:0; border-left:1px #cdcdcd solid;border-top:1px #e5e5e5 solid;font-size:16px;padding:15px;box-sizing:border-box;width:78%; color:#3c3c3b} .criteresAnnuaire label{font-size:16px;display:block;float:left;width:15%;padding:15px 10px 2px 0;} #gestionnaire .criteresAnnuaire .submit input{font-size:13px;color:#fff;text-align:center;width:725px;padding:10px;border:none;background:#e0081d;cursor:pointer;} #espace_contenu .criteresAnnuaire .submit input{background:#7dbc2e;} .criteresAnnuaire input.bgChamp{background:#F5F5F5 ;border:0; border-left:1px #cdcdcd solid;border-top:1px #e5e5e5 solid;font-size:16px;padding:15px;box-sizing:border-box;width:83%; color:#3c3c3b} .criteresAnnuaire .submit{margin-top:20px;width:99%} .criteresAnnuaire .submit input{text-align:center;text-transform:uppercase;display:block;font-size:20px;background:#ce3131;color:#fff;cursor:pointer;border-radius:8px;border:none;padding:16px 35px 14px 20px;margin:auto;width:80%;} .criteresAnnuaire .submit input:hover{background-color:#b22626;background-position:0 -2000px} h3.regular{padding:25px 0 10px;font-size:22px;color:#00a94f;} .reponseQuestion .inside{padding:0} .titreQo{border-bottom:3px #eee solid;background:#fff;border-radius:15px 15px 0 0} .reponseQuestion .titreQo{background:#f5f5f5;margin-top:15px;} .titreQo h3,.titreQo h3 a{color:#3c3c3b;font-size:20px;padding:25px 10px 15px;} .reponseQuestion .titreQo h3 a{padding:10px;} .titreQo h3 span.icostd{display:block;float:left;width:27px;height:25px;background-position:-87px -118px;margin-right:8px;margin-top:-2px} .titreQo h3 a{display:block;float:left;padding:0 0 0 2px;width:90%;} .titreQo h3 a:hover{color:#00a94f} .reponseQuestion{margin-bottom:30px;} .reponseQuestion .faqbloc{margin-top:5px;} .reponseQuestion .reponse{line-height:20px;padding:20px;border-radius:0 0 15px 15px;border:1px #eee solid} .reponseQuestion .reponse p{margin-bottom:10px;} .reponseQuestion .reponse a{color:#00a94f;text-decoration:underline} .reponseQuestion .reponse a:hover{background:none;color:#00a94f;text-decoration:none} .reponseQuestion .reponse ul{padding:20px;margin:10px 0;border:1px #ddd solid;} .reponseQuestion .reponse ul li{line-height:26px;margin-left:20px;margin-bottom:10px;} .reponseQuestion .reponse ul li:last-child{margin-bottom:0} .contenuThema .titreQo{padding:10px;} .contenuThema .titreQo h3,.contenuThema .titreQo h3 a{font-size:16px;padding-top:4px} .reponse p.datePubli{margin-bottom:20px;} .reponse span.icostd{width:25px;height:23px;display:inline-block;vertical-align:middle;background-position:-89px -157px;} .reponse span.text{display:inline-block;background:#eaeaea;color:#555555;vertical-align:middle;font-size:14px;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;padding:6px;margin-left:10px;} /* PAGE ACTUALITES */ div.titreActu{display:inline-block;vertical-align:middle;margin-top:20px;} div.titreActuWide{display:block} div.titreActuMain{margin-bottom:20px;} div.titreActu h2,div.titreActu h1{display:inline-block;vertical-align:middle;height:32px;padding:0 10px 0;color:#3c3c3b;font-size:20px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;} div.noMargeBas h2{margin-bottom:0} div.titreActu h1{display:block;margin:0;padding:21px 15px 7px 15px;font-weight:300} div.titreActu form{display:inline-block;vertical-align:middle;background:#00a94f;padding:7px;} div.titreActu form select{background:#5abc35;color:#fff;padding:7px;border:none;font-size:14px;border:1px #65d23c solid;box-sizing:border-box;} span.dateAc{display:block;margin-right:30px;padding:0 25px 0 0;} div.sepaActu{padding-top:30px;border-top:1px #e1e1e1 solid;margin-top:50px;} div#archivesActu{background:#f3f3f3;} div#archivesActu .inside{background:#fff;padding:15px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;} div.clearActu{clear:both;margin-bottom:20px;} #posQuestion,.criteresAnnuaire{font-size:16px;line-height:24px;border:1px #eee solid;border-radius:15px;margin-top:20px;} #posQuestion .criteresAnnuaire{border:none;margin-top:0} #posQuestion .inside{background:transparent} p.askk{margin-left:10px;margin-top:20px;font-size:20px;} p.askk span.icostd{width:27px;height:25px;background-position:-87px -118px;margin-right:8px;display:inline-block;vertical-align:middle;} .contenuThema .titreQo h3:after,.titreQo h3:after{content:"";clear:both;display:table} form#formulaireEmploiBourse textarea,form#formulaireEmploiBourse input.bgChamp,div.selDate input,#formComite input.bgChamp,#formComite .bgChamp input,#formComite textarea,#formMDP input.bgChamp,#formMDP textarea,#formCont input.bgChamp,#formCont textarea{width:60%; box-sizing:border-box;background:#F5F5F5 ;border:0; border-left:1px #cdcdcd solid;border-top:1px #e5e5e5 solid;font-size:16px;padding:15px;box-sizing:border-box;color:#3c3c3b} #bodyFAQ #formCont textarea{width:76%} #formComite .inpCourt input.bgChamp,#formMDP .inpCourt input.bgChamp,#formCont .inpCourt input.bgChamp{width:155px} #formComite .inpCourt input.padding5{padding:6px} #formComite textarea,#formCont input.bgChamp,#formCont textarea,#formComite select, #formCont select{width:60%} #formComite input.bgChamp{width:83%} .affilies #formComite input.bgChamp,#formComite .bgChamp input{width:73%} #formComite .singLettre .bgChamp input{width:83%} #formMDP input.bgChamp,#formMDP textarea{width:60%} #formComite .long textarea{width:630px} #formComite #askQuestion .long textarea{font-family:'Arial', sans serif;box-sizing:border-box;width:99%;height:130px;border-top:1px #c4c4c4 solid;border-left:1px #c4c4c4 solid;} /* -- -POPUP CONTACT --- */ #popup-question{position:fixed;background:rgba(255,255,255,0.8);text-align:center;padding-top:40px;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:999;} #popup-question a#graphic_logo{margin:auto;float:none;} #popup-inside{position:relative;border-radius:15px;background:#ce3131;border:10px #ce3131 solid;width:450px;margin:auto;text-align:center;font-size:15px;color:#555;line-height:18px;} #popup-inside h2{font-size:20px;color:#fff;margin:20px 0;font-weight:bold;} #popup-inside p{text-align:justify;} #top-popup{position:relative;background:#fff;padding:25px;border-radius:8px 8px 15px 15px} #top-popup:after{display:block;position:absolute;width:0;height:0;content:"";border-top:10px #fff solid;border-left:10px transparent solid;border-right:10px transparent solid;bottom:-10px;left:50%;margin-left:-10px;} #suite-popup{padding:10px 30px 30px;color:#fff} #suite-popup a{display:inline-block;padding:3px 6px;background:#fff;color:#ce3131;} #suite-popup #btnContactFranchise{padding-top:25px;} #suite-popup #btnContactFranchise a{width:100%;background-color:#aa2424;box-sizing:border-box;margin-bottom:5px;} #suite-popup #btnContactFranchise a:hover{background-color:#9f2323} a#close-me{display:block;background:#00a94f;padding:12px 12px 10px;border-radius:12px;font-size:16px;position:absolute;top:-10px;right:-52px;color:#fff;font-weight:bold} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- RAJOUT LANDING PAGES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #contenuFranchise #fiche-pages-sup #texteIntro{width:100%;box-sizing:border-box;} #fiche-pages-sup #visu-prod-sup{display:block;width:610px;position:relative;} #fiche-pages-sup #visu-prod-sup h1{position:absolute;bottom:0;left:0;background:#ce3131;color:#fff;padding:10px;font-size:22px;} #fiche-pages-sup #visu-prod-sup img{display:block;width:100%;border-radius:10px;border-bottom-left-radius: 0} #texte-suite{color:#555;background:#fff;border-radius:10px;margin:0 0 30px 10px;padding:20px;} #texte-suite a{color:#555;font-weight:bold;} #texte-suite p{font-size:16px;line-height:22px;text-align:justify;} #texte-suite h2{font-size:20px;margin:25px 0 15px;color:#ce3131;} #texte-suite h3{font-size:18px;margin:15px 0 10px;color:#00a94f;} #texte-suite ul{padding:20px 30px;border:1px #eee solid;margin:10px 0;font-size:16px;line-height:22px;} a#call-click{margin-top:20px;display:block;padding:20px;background:#ce3131;text-align:center;font-size:18px;color:#fff;border-radius:20px;} a#call-click:hover{background:#e43737} a#call-click span.ligne1{font-size:22px;display:block;margin-bottom:5px;} img.imgpleinpot{display:block;width:100%;margin:10px 0 10px} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- RAJOUT EMAILING -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ img#top_em_1a{float:left;width:50%} #metiers_emailing{float:right;width:45%;} #metiers_emailing a{display:block;float:left;margin-right:3%;margin-bottom:3%;width:22%;} #metiers_emailing a img{width:100%} img#top_em_2{width:100%} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- PALETTE DU COTE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #paletteSide{position:fixed;z-index:500;text-align:left;width:180px;top:320px; /* a reactiver pour palette rentrée par défaut right:-112px;*/right:-112px;background:#f3f3f3;color:#555;border:1px #e1e1e1 solid; border-right:none;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px;} #paletteSide{transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear} #paletteSide a#close{display:block;width:27px;height:27px;position:absolute;top:-28px;left:-1px;} #paletteSide a#close:hover{background-color:#ab2020} #paletteSide a.linkPalette{display:block;color:#555;font-size:15px;border-bottom:1px #ffffff solid;border-top:1px #dfdfdf solid;background-repeat:no-repeat} #paletteSide a.linkPalette:hover{color:#ce3131} #paletteSide p#telrouge{color:#ce3131;font-size:18px;padding:5px 0 5px 7px;} #paletteSide p#telrouge img{margin-top:7px;} #paletteSide p#coord{font-size:14px;padding:5px 0 0 7px} #paletteSide p#coord span.ad{font-size:15px;} #paletteSide a#p_entreprise{background-image:url(../img/palette/geoloc.png);background-size:13px 115px} #paletteSide a#p_rdv{background-image:url(../img/palette/cal.png);background-size:16px 90px;border-top:1px #e1e1e1 solid;font-size:16px} #paletteSide a#p_rappeler{background-image:url(../img/palette/rappeler.png);background-size:17px 85px;font-size:16px} #paletteSide a#p_doc{background-image:url(../img/palette/doc.png);background-size:17px 88px;} #paletteSide a#p_lettreinfo{background-image:url(../img/palette/li.png);background-size:17px 88px;border-bottom:none} #paletteSide #bandeVerte{color:#fff;font-size:16px;} .miniPalette #bandeVerte{padding:15px 10px 10px 150px;margin-top:-70px;background:#00a94f url(../img/palette/puce_contact.png) no-repeat 15px center;} .maxiPalette #bandeVerte{padding:15px 10px 10px 10px;background:#00a94f;margin-top:-10px;} /* MAXI */ .maxiPalette{padding:10px 0;} .maxiPalette a#close{background:#ce3131 url(../img/palette/close.png) no-repeat center center;background-size:12px 12px} .maxiPalette p#pix{padding:7px 6px 4px;background:#fff;border:1px #dfdfdf solid;position:absolute;top:-69px;right:-1px} .maxiPalette a.linkPalette{padding:10px 10px 10px 30px;} .maxiPalette p#telrouge,.maxiPalette p#coord{display:block} .maxiPalette a#p_entreprise{background-position:10px 11px;} .maxiPalette a#p_entreprise:hover{background-position:10px -88px;} .maxiPalette a#p_rdv{background-position:7px 11px;} .maxiPalette a#p_rdv:hover{background-position:7px -64px;} .maxiPalette a#p_rappeler{background-position:8px 11px;} .maxiPalette a#p_rappeler:hover{background-position:8px -59.2px;} .maxiPalette a#p_doc{background-position:7px 11px;} .maxiPalette a#p_doc:hover{background-position:7px -60.5px;} .maxiPalette a#p_lettreinfo{background-position:7px 11px;} .maxiPalette a#p_lettreinfo:hover{background-position:7px -60.5px;} /* MINI */ .miniPalette{padding:70px 0 10px 0;} .miniPalette a#close{background:#ce3131 url(../img/palette/fleche.png) no-repeat center center;background-size:12px 12px} .miniPalette p#telrouge,.miniPalette p#coord{display:none} .miniPalette p#pix{position:absolute;top:8px;left:8px} .miniPalette a.linkPalette{padding:10px 10px 10px 150px;width:200px} .miniPalette a#p_entreprise{background-position:25px 11px;} .miniPalette a#p_entreprise:hover{background-position:25px -88px;} .miniPalette a#p_rdv{background-position:22px 11px;} .miniPalette a#p_rdv:hover{background-position:22px -64px;} .miniPalette a#p_rappeler{background-position:23px 11px;} .miniPalette a#p_rappeler:hover{background-position:23px -59.2px;} .miniPalette a#p_doc{background-position:22px 11px;} .miniPalette a#p_doc:hover{background-position:22px -60.5px;} .miniPalette a#p_lettreinfo{background-position:22px 11px;} .miniPalette a#p_lettreinfo:hover{background-position:22px -60.5px;} /* BULLES INFOS */ #paletteSide .bulle{position:absolute;right:190px;text-align:center;background:#00a850;padding:8px;color:#fff;width:150px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;display:none;} .decBulle .bulle{top:10px;} #paletteSide #b_rdv{top:66px} #paletteSide #b_rappeler{top:142px} #paletteSide #b_doc{top:104px} #paletteSide #b_entreprise{top:180px} #paletteSide #b_lettreinfo{top:218px} /* FIN PALETTE */ /**********************************/ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- HEADER -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #top{background:#ce3131;height:42px;padding-top:13px;} #top .conteneur{position:relative;} #top ul#menuServices{margin:0 0 0 320px;position:relative;z-index:2} #top ul#menuServices li{list-style:none;} #top ul#menuServices li a{display:block;float:left;background:#b92d2d;padding:7px 10px 7px 10px;margin-right:12px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color:#fff;font-size:14px;-webkit-box-shadow:inset 1px 1px 1px 1px #982323;box-shadow:inset 1px 1px 1px 1px #982323;} #top ul#menuServices li a:hover{background-color:#9b2424} #top ul#menuServices li a span.ico{display:block;float:right;margin:0 0 0 7px;background-position:center center;} #top span#s_newsletter{width:14px;height:16px;background-image:url(../img/header/nl.png);background-size:14px 16px} #top span#s_presse{width:15px;height:13px;background-image:url(../img/header/tasse.png);background-size:15px 13px} #top span#s_actualites{width:18px;height:15px;background-image:url(../img/header/bulle.png);background-size:18px 15px} #top span#s_avis{width:18px;height:15px;background-image:url(../img/header/star.png);background-size:18px 15px} #top #s_franchise span#s_franchise{width:14px;height:14px;background-image:url(../img/header/affilies.png);background-size:14px 14px} #top ul#menuServices li a#s_franchise{margin-left:15px;} #mainHeader{background:#fff;} #mainHeader .conteneur{position:relative;height:170px;} a#graphic_logo{display:block;float:left;width:165px;margin:0 30px 0 133px;height:150px;background:url(../img/squelette/logo_moquet.gif) no-repeat 0 0;background-size:165px 150px;text-indent:-5000px;} #mainHeader .graphics{position:absolute;top:-34px;left:105px;width:302px;height:142px;background:url(../img/header/graphic.png) no-repeat 0 0;z-index:1} #avatar{width:174px;height:265px;position:absolute;left:-50px;bottom:-60px;background:url(../img/header/avatar_moquet.png) no-repeat 0 0;z-index:2} #mainHeader #baseline_entete{float:left;font-size:28px;color:#555;margin:55px 0 0 70px } #mainHeader #baseline_entete span.gras,#mainHeader #baseline_entete p.line2{color:#00a94f} #mainHeader #baseline_entete p.line2{font-size:32px;padding:5px 0 0 30px;} #mainHeader #baseline_entete p.line2 span.bliss-l{color:#555} #mainHeader img#visuel{float:right;margin:40px 13px 0 0} #mainHeader h1,#mainHeader #logoMoquet, #mainHeader #baseline_entete{position:relative;z-index:2} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MENU PRINCIPAL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #mainMenu{background:#ce3131 url(../img/header/shadow_top.gif) repeat-x top left;} #mainMenu .shadow{background:url(../img/header/shadow_bottom.gif) repeat-x bottom left;height:60px;} #mainMenu .conteneur{position:relative} #mainMenu ul{padding:10px 0 10px 120px;} #mainMenu ul li{display:inline-block;position:relative;list-style:none;} #mainMenu ul li a{display:block;float:left;color:#fff;font-size:16px;padding:12px;margin:0 12px 5px 12px;} #mainMenu ul li a:hover,#mainMenu ul li a.actif{background:#fff;color:#ce3131} #mainMenu ul li a#home{height:13px;background:url(../img/header/home.png) no-repeat center center;background-size:20px 17px;} #mainMenu span.separateurMenu{display:block;float:left;height:20px;margin-top:10px;border-left:1px #911616 solid;width:1px;background:#ff7a7a;} #mainMenu ul li a span.fleche{display:block;float:right;margin:0 0 0 10px;background-position:right 5px;background-image:url(../img/header/fleche_menu.gif);width:8px;height:12px;background-size:8px 36px} #mainMenu ul li a:hover span.fleche,#mainMenu ul li a.actif span.fleche{background-position:right -26px} /* sous menu deroulant */ .menuADerouler{display:none;position:absolute;width:1130px;top:40px;left:-387px;background:#f3f3f3;border:5px #dcdcdc solid;padding:20px;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);z-index:241;} .menuADerouler .texteIntro{float:left;width:24%;padding-right:5%;font-size:16px;line-height:26px;color:#555} .menuADerouler .texteIntro h2{font-size:24px;color:#00a94f;margin-bottom:15px;padding-top:20px;} .menuADerouler .texteIntro div.leTexte{text-align:justify} .menuADerouler #gammeProduitMenu{position:relative;float:left;width:71%;} .menuADerouler #gammeProduitMenu a{display:block;float:left;width:24%;color:#555;margin:0 1% 3% 0;padding:0;font-size:13px;text-transform:uppercase} .menuADerouler #gammeProduitMenu a:hover{background:none;color:#00a94f} .menuADerouler #gammeProduitMenu a span.visu{display:block;float:left;width:50px;height:50px} .menuADerouler #gammeProduitMenu a span.nomProduit{display:inline-block;float:left;vertical-align:bottom;height:40px;padding:10px 10px 0 15px;width:100px;} .menuADerouler #gammeProduitMenu a img{border:3px #fff solid;width:100%;height:100%;vertical-align:middle} /* cas sous menus */ #mainMenu .sousMenus{position:absolute;width:400px;top:40px;left:-50px;background:#f3f3f3;border:5px #dcdcdc solid;padding:20px;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);z-index:221;} #mainMenu .sousMenus ul{padding:0;border-top:1px #ddd solid} #mainMenu .sousMenus ul li{list-style:none;display:block;margin:0;} #mainMenu .sousMenus a{display:block;border-bottom:1px #ddd solid;padding:15px;font-size:18px;color:#555;width:370px;margin:0} #mainMenu #menuRealisations{width:1130px;top:40px;left:-568px;background:#f3f3f3;border:5px #dcdcdc solid;padding:20px;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);z-index:221;} #mainMenu #menuRealisations a{width:170px;padding:0;float:left;margin:0 18px 15px 0;text-align:center;} #mainMenu #menuRealisations a img{width:100%} #mainMenu #menuRealisations a span{display:block;padding:15px;} /* CLEAR MENU 2 POSSIBILITES DE RESOLUTION */ .clearProjetResol980,.clearProjetResol1200{display:none;clear:both} /* -- -- -- */ a#launchUnivers{color:#555555;font-size:13px;display:block;position:absolute;width:135px;height:73px;z-index:150;right:0;top:-30px;background:url(../img/header/bg_univers.png) no-repeat 0 0;background-size:155px 98px;padding:25px 10px 0;} a#launchUnivers span.u_dm{display:block;float:left;width:83px;height:26px;background:url(../img/header/moquet_univers.png) no-repeat 0 0;background-size:83px 26px;font-size:0} a#launchUnivers span.title{margin:5px 5px 5px 0;display:block;float:left;font-size:13.5px;color:#ce3131;} a#launchUnivers span.sub{display:block;margin:0 0 7px;} a#launchUnivers span.depli{display:block;float:left;width:100%;height:12px;background:url(../img/header/deplie.gif) no-repeat center top;background-size:17px 12px;font-size:0;margin:auto;} /* c'est */ #cest{background:#fff;color:#575757;padding:40px;} #cest h2{text-align:center;font-family: 'Bitter', serif;font-size:22px;font-weight:400} #cest h2 img{width:153px;height:45px;display:inline-block;margin-right:10px;vertical-align:middle;margin-bottom:20px} #cest p{float:left;} #cest p.ico-sf{width:110px;height:110px;} p#titreCest span.logoDM{display:block;float:left;width:140px;height:42px;background:url(../img/accueil/cestdm.png) no-repeat 0 0;background-size:140px 42px;margin-top:3px;} #titreCest span.texteTitre{float:left;margin:13px 0 0 20px} p#titreCest{margin-top:40px;padding:15px 15px 15px 30px;font-size:16px;} #cest .pastille{background:url(../img/accueil/arc_blanc.png) no-repeat 20px center;font-size:20px;} #cest a.ico{display:block;background:url(../img/accueil/reactivite.png) no-repeat 0 center;padding:30px 50px 30px 70px;color:#555} #cest #experience{margin-left:35px;} #cest #experience a.ico{background-image:url(../img/accueil/savoirfaire.png)} #cest #fab a.ico{background-image:url(../img/accueil/fab_francais.png)} #cest #financier a.ico{background-image:url(../img/accueil/finance.png)} /* /-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ /-/-/--/-/-/-/-/-/-/-/-/-/-/-/-/ UNIVERS */ #universDanielMoquet{display:none;background:#b92d2d;color:#fff;position:relative;} #universDanielMoquet #shadow{background:url(../img/univers/shadow.png) repeat-x bottom left;height:20px;width:100%;position:absolute;z-index:110;bottom:0} #universDanielMoquet .conteneur{position:relative;} #universDanielMoquet a#closeUnv{display:block;z-index:102;background:url(../img/univers/close.png) no-repeat 0 0;width:21px;height:19px;position:absolute;right:0;top:10px;} #min_univers{float:left;width:60px;margin:100px 0 0 60px;} #defileUnivers{float:right;width:1047px;margin-right:10px;} #min_univers a{position:relative;display:block;float:left;padding:0;background:#fff;margin:0 12px 12px 0;} #min_univers a:hover{background-color:#ce3131;} #min_univers a img{vertical-align:middle} #min_univers a span{position:absolute;display:none;width:100%;height:100%;background:#00a94f url(../img/accueil/flechevign.png) no-repeat center center;background-size:23px 32px;top:0;left:0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} #min_univers a:hover span,#min_univers a.cycle-pager-active span{display:block;} .eltUniv{position:relative;} .eltUniv img{vertical-align:middle;width:100%;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;} .eltUniv .infoBulle{position:absolute;} .eltUniv .infoBulle a.launch{display:block;width:auto;background:#fff;color:#555;font-size:18px;text-align:center;padding:6px 13px 4px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} .eltUniv .infoBulle a.launch:hover,.eltUniv .infoBulle a.launchActif{background:#00a94f;color:#fff;} .eltUniv .infoBulle a.launch span.fleche{display:block;margin-top:2px;background:url(../img/univers/fleche.png) no-repeat center -70px;height:7px;} .eltUniv .infoBulle a.launch:hover span.fleche,.eltUniv .infoBulle a.launchActif span.fleche{background-position:center 0} .eltUniv .infoBulle .cell_info{position:absolute;z-index:300;display:none;width:260px;background:#fff;bottom:25px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;padding:20px;font-size:16px;background: rgba(255, 255, 255, 0.9); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffe5, endColorstr=#ffffffe5); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffe5, endColorstr=#ffffffe5)"; -moz-box-shadow: 2px 2px 3px 0px #656565; -webkit-box-shadow: 2px 2px 3px 0px #656565; -o-box-shadow: 2px 2px 3px 0px #656565; box-shadow: 2px 2px 3px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=3); } .eltUniv .infoBulle .appearLeft{left:-320px;} .eltUniv .infoBulle .appearRight{right:-320px} .eltUniv .infoBulle .cell_info h2{color:#b92d2d;font-size:22px} .eltUniv .infoBulle .cell_info h3{color:#444444;font-size:18px;} .eltUniv .infoBulle .cell_info p{color:#777777;font-size:14px;line-height:22px;text-align:justify;padding:10px 0} .eltUniv .infoBulle .cell_info a.plus{padding:5px 7px;color:#fff;background:#00a94f;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;float:right;margin:0 10px 0 0;font-size:12px;} #gravistar{bottom:200px;left:600px;} #nerostar{bottom:200px;left:50px;} /********************************************/ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- ACCUEIL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #mainPage{padding:30px 0 45px;background:#fff;} #actualite{float:left;width:420px} .bgTitreG,.bgTitreD{background:#efefef;} .bgTitreG h2,.bgTitreD h2,h2.horsZone,.bgTitreG p#titreCest{background:#fff;font-size:20px;padding:10px 10px 15px 35px;color:#555555;} .bgTitreG h2,.bgTitreG p#titreCest{-webkit-border-bottom-left-radius: 50px;-moz-border-radius-bottomleft: 50px;border-bottom-left-radius: 50px;} .bgTitreD h2,h2.horsZone{padding:10px 35px 15px 10px;-webkit-border-bottom-right-radius: 50px;-moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px;text-align:left;} .contentCellule{background:#efefef;padding:20px;color:#555555;font-size:13px;} #actualite .contentCellule,#videos .contentCellule,#produits .contentCellule{-webkit-border-radius: 20px;-webkit-border-top-left-radius: 0;-moz-border-radius: 20px;-moz-border-radius-topleft: 0;border-radius: 20px;border-top-left-radius: 0;} #temoignages .contentCellule,#agence .contentCellule{-webkit-border-radius: 20px;-webkit-border-top-right-radius: 0;-moz-border-radius: 20px;-moz-border-radius-topright: 0;border-radius: 20px;border-top-right-radius: 0;} .contentCellule h3{color:#ce3131;font-size:18px;margin-bottom:10px;} #actualite a.plus{float:right;background:#ce3131;color:#fff;padding:5px;} #actualite .texte{text-align:justify;margin-bottom:12px;font-size:13px;line-height:22px;font-family:Arial, sans serif} #actualite img.visuel,#videos img.visuel{margin:10px 20px 0 0;float:left;} #actualite h3{margin-top:5px;} h2.horsZone{line-height:26px} #produits .contentCellule{padding:0;-webkit-border-top-right-radius: 0;-moz-border-radius-topright: 0;border-top-right-radius: 0;} #videos{width:420px;float:left;margin-left:22px;} #videos .texteHigh{float:left;width:250px;background:#fff;padding:12px 10px;color:#777;font-size:18px;-webkit-border-radius: 7px;-webkit-border-bottom-left-radius: 0; -moz-border-radius: 7px;-moz-border-radius-bottomleft: 0;border-radius: 7px;border-bottom-left-radius: 0;} #videos .bgBlanc{float:left;width:250px;} #videos .texteVideo{background:#efefef;color:#777;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;padding:12px 0 0 15px} #videos .texteVideo a{color:#777;text-decoration:none} #videos .texteVideo a:hover{text-decoration:underline} #videos span.play{display:block;float:left;width:20px;height:20px;background:url(../img/accueil/play.png) no-repeat center top;background-size:20px 20px;font-size:0;margin:-2px 8px 0 0;} #videos .texteVideo p{padding:12px;border-bottom:1px #d1d1d1 solid;font-size:16px;} #videos .texteVideo p:hover{background-color:#fff} /* load yt presentation */ #launch-vdo-yt{position:absolute;top:0;left:0;width:100%;height:100%;} #temoignages .contentCellule{position:relative;z-index:5} #load-yt{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10} #temoignages,#agence{width:315px;float:right;} #agence form{position:relative;} #temoignages h2 a{color:#555} #temoignages .contentCellule{padding-bottom:12px;} #temoignages a#tsT{display:block;color:#555;text-align:center;padding-top:8px;} #temoignages a#tsT:hover{color:#ce3131;text-decoration:underline;} .clearAccueil{padding:20px 0} #agence p#dpt_agence{padding:10px;float:left;width:200px;background:#dddddd;-webkit-box-shadow:inset 1px 1px 1px 1px #c6c6c6;box-shadow:inset 1px 1px 1px 1px #c6c6c6;-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;} #agence p#dpt_agence input{background:transparent;border:none;font-size:16px;padding:6px 0 1px;width:195px;} #agence ul.ui-menu{width:100%;position:absolute;top:50px !important;left:0 !important;height:120px;text-align:left;} .page_produit #agence ul.ui-menu{top:auto !important;bottom:-110px !important;} #produits{float:left;width:862px;} #produits #controleurDefilement{width:357px;padding:15px 0 15px 15px;float:left;} #produits #controleurDefilement h3{font-size:20px;padding:10px 0 15px 10px} #controleurDefilement a{position:relative;display:block;float:left;padding:5px;background:#fff;margin:0 12px 12px 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} #controleurDefilement a.cacher{display:none} #controleurDefilement a:hover{background-color:#ce3131;} #controleurDefilement a img{vertical-align:middle} #controleurDefilement a span{position:absolute;display:none;width:100%;height:100%;background:#ce3131 url(../img/accueil/flechevign.png) no-repeat center center;background-size:23px 32px;top:0;left:0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} #controleurDefilement a:hover span,#controleurDefilement a.cycle-pager-active span{display:block;} #produits #defilementProduit{width:490px;float:right;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;border-bottom-right-radius: 20px;color:#fff;} #defilementProduit .infosTextes{padding-left:15px;background:#ce3131 url(../img/accueil/encoche.png) no-repeat left center;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;border-bottom-right-radius: 20px;} #defilementProduit h3{font-size:22px;color:#fff;margin-bottom:4px;padding:15px 10px 0 10px} #defilementProduit h4{font-size:16px;padding:5px 10px 15px 10px} #defilementProduit a.plus{float:right;background:#fff;color:#ce3131;font-size:14px;padding:6px 8px;margin:30px 15px 0 0;} div.eltDefile a img{vertical-align:middle} /********************************************/ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- PAGE PRODUIT / REALISATION -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #navigationDeLaPage{width:290px;float:left} #contenuDeLaPage{width:880px;float:right;font-size:18px;} .page_produit #contenuDeLaPage p{color:#7a7a7a} #navigationDeLaPage h2{color:#444444;font-size:20px;padding:10px 10px 15px 10px;background:url(../img/squelette/bg_h2_nav.gif) no-repeat bottom right;border-right:1px #efefef solid;} #navigationDeLaPage .noBackground{background: none;border: none;padding-top:15px;padding-bottom:10px;} #navigationDeLaPage .contentNav{background:#efefef;-webkit-border-radius: 20px;-webkit-border-top-right-radius: 0;-moz-border-radius: 20px;-moz-border-radius-topright: 0;border-radius: 20px;border-top-right-radius: 0;padding:15px;margin-bottom:10px;} #navigationDeLaPage .noRadius{border-top-right-radius: 20px;} #navigationDeLaPage ul li{list-style:none;display:block} #navigationDeLaPage ul li a{display:block;background:#efefef;color:#555;font-size:18px;padding:10px;border-bottom:1px #cfcfcf solid} #navigationDeLaPage ul li a:hover,#navigationDeLaPage ul li a.actif{background:#ce3131;color:#fff;padding-left:20px;} #navigationDeLaPage ul.dev{padding:10px;background:#ce3131;} #navigationDeLaPage ul.dev li a{background:#fff;} #navigationDeLaPage ul.dev li a:hover,#navigationDeLaPage ul.dev li a.actif{background:#fff;color:#ce3131} #navigationDeLaPage form select{padding:3px;width:100%;margin:10px 0} #navigationDeLaPage form p.send a{display:block;text-align:center;background:#00a94f;padding:12px 10px 9px;color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:16px;margin-bottom:5px;} #navigationDeLaPage form p.send a:hover{background:#0ec262;} #navigationDeLaPage form p.send a span.ico{background:url(../img/realisations/loupe.png) no-repeat 0 11px;background-size:14px 14px;padding:10px;} #contenuDeLaPage h1,#contenuFranchise #bandeauTop h1{font-size:30px;color:#00a94f;padding:0;text-transform:uppercase} #contenuDeLaPage h2{font-size:30px;color:#00a94f} #contenuDeLaPage h2.intPage,.page_actu #contenuFranchise h2,#contenuFranchise h2.intPage{font-size:16px;color:#555;background:url(../img/produits/puceh2.gif) no-repeat 0 0;background-size:16px 16px;padding-left:23px;margin:15px 0;} .page_produit #contenuDeLaPage h2.intPage{background-position:0 4px;font-size:24px;color:#ce3131;} #contenuDeLaPage p{line-height:24px;} #contenuDeLaPage p a{color:#ce3131;text-decoration:none} #contenuDeLaPage p a:hover{text-decoration:underline} #contenuDeLaPage .listeAtouts{background:#efefef;color:#555;padding:2%;width:45%;-webkit-border-top-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-bottomright: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;margin-bottom:45px;} #contenuDeLaPage .listeAtouts p{background:url(../img/produits/arbre.gif) no-repeat 0 7px;background-size:15px 18px;padding:5px 5px 5px 23px} #visuelDefil{margin-bottom:20px;} /* cycle pager */ .cycle-pager { text-align: left; width: 98%; padding-left:2%; z-index: 110; position: absolute; bottom: 0.7%; overflow: hidden; } .cycle-pager span { font-family: arial; font-size: 60px; width: 20px; height: 20px; text-shadow: 0px 0px 2px rgba(50, 50, 50, 1); display: inline-block; color: #ddd; cursor: pointer; } .cycle-pager span.cycle-pager-active { color: #ce3131;} .cycle-pager > * { cursor: pointer;} /* REALISATIONS */ .cell_real{margin:20px 7px 0 8px;width:205px;float:left;} .cell_real img{-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;} /*.noMargeRight{margin-right:0}*/ .cell_real .legende{background:#efefef;color:#555;padding:10px 6px;} .cell_real h3{font-size:18px} .cell_real h4{font-size:14px} .texteRealisation{padding:15px 0 30px;color:#7a7a7a} .texteRealisation p{margin-bottom:20px;} .texteRealisation ul{margin:20px;padding:10px 20px;border-top:1px #eee solid;border-bottom:1px #eee solid;} #autresStyles .cell_real p{background:#ce3131;color:#fff;padding:5px 10px;font-size:16px} #autresStyles .cell_real h3{font-size:15px;padding:10px 10px 0;} #autresStyles .cell_real h4{padding:5px 10px 10px;} #autresStyles .cell_real .legende{padding:0;} #pageFranchise #autresStyles .cell_real .legende{background:#fff;} #filAriane{background:#efefef;padding:7px 10px;margin-bottom:25px;font-size:12px;color:#555} #filAriane a{color:#555;} #filAriane span.separateurAriane{padding:0 7px;} #bandeauPageContenu{width:100%;margin-bottom:20px;} /* defilement projets */ #projectBar{width:95.5%;margin:2% 0 3% 2%;background:#f5f5f5;padding:1% 0;border-bottom:1px #ddd solid;border-top:1px #ddd solid} #projectBar { opacity: 0.8; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #projectBar:hover { opacity: 1; } #projectBar ul li a.actif img,#projectBar ul li a:hover img{border-color:#ce3131} /********************************************/ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FRANCHISE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* /-/-///// A PROPOS DE LA FRANCHISE - PHOTO + COORDONNEES ///////////-/-/ */ #infosFranchise,.infosFranchise{width:225px;float:left;text-align:right;} #infosFranchise .linkPalette,.infosFranchise .linkPalette{display:block;color: #ce3131;font-size:15px;border-bottom:1px #ffffff solid;border-top:1px #dfdfdf solid;background-repeat:no-repeat} #infosFranchise .linkPalette:hover,.infosFranchise .linkPalette:hover{color: #555555} #infosFranchise p#telrouge,.infosFranchise p.telrouge{color:#ce3131;font-size:26px;padding:5px 0 5px 7px;} #infosFranchise p#telrouge img,.infosFranchise p.telrouge img{margin-top:7px;} #infosFranchise p#coord,.infosFranchise p.coord{font-size:14px;padding:5px 0 0 7px} #infosFranchise p#coord span.ad,.infosFranchise p.coord span.ad{font-size:15px;} #infosFranchise #p_entreprise,.infosFranchise .p_entreprise{color:#555555;background-image:url(../img/palette/geoloc.png);background-size:13px 115px;border-bottom:none} #infosFranchise #p_rdv,.infosFranchise .p_rdv{background-image:url(../img/palette/cal.png);background-size:16px 90px;border-top:1px #e1e1e1 solid;font-size:16px} #infosFranchise #p_mail,.infosFranchise .p_mail{color:#555555;background-image:url(../img/palette/mail.png);background-size:16px 90px;font-size:16px;border-bottom:1px #e1e1e1 solid;} #infosFranchise #p_rappeler,.infosFranchise .p_rappeler{background-image:url(../img/palette/rappeler.png);background-size:16px 90px;font-size:16px} #infosFranchise #p_doc,.infosFranchise .p_doc{background-image:url(../img/palette/doc.png);background-size:17px 88px;} #infosFranchise .linkPalette,.infosFranchise .linkPalette{padding:10px 30px 10px 10px;} #infosFranchise p#telrouge,.maxiPalette p#coord,.infosFranchise p.telrouge,.maxiPalette p.coord{display:block} #infosFranchise #p_entreprise,.infosFranchise .p_entreprise{background-position:right 11px;} /*#infosFranchise #p_entreprise:hover,.infosFranchise .p_entreprise:hover{background-position:right -88px;}*/ #infosFranchise #p_rdv,#infosFranchise #p_rappeler,.infosFranchise .p_rdv,.infosFranchise .p_rappeler{background-position:right -64px;} #infosFranchise #p_rdv:hover,#infosFranchise #p_rappeler:hover,.infosFranchise .p_rdv:hover,.infosFranchise .p_rappeler:hover{background-position:right 11px;} #infosFranchise #p_mail,.infosFranchise .p_mail{background-position:right 11px;} #infosFranchise #p_mail:hover,.infosFranchise .p_mail:hover{color:#CE3131;background-position:right -64px;} #infosFranchise #p_doc,.infosFranchise .p_doc{background-position:right -60.5px;} #infosFranchise #p_doc:hover,.infosFranchise .p_doc:hover{background-position:right 11px;} #infosFranchise h2,.infosFranchise h2{font-size:16px;margin:30px 0 10px;color:#555} #infosFranchise #mapsLoc,.infosFranchise .mapsLoc{padding:5px 5px 15px 5px;border:1px #e7e7e7 solid;} #infosFranchise a#addAvis{display:block;margin:10px 0 0 10px;padding:10px 40px 10px 10px;background:#00a94f url(../img/franchises/plusavis.png) no-repeat right center;background-size:32px 21px;color:#fff;font-size:15px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} #infosFranchise a#addAvis:hover{background-color:#068742} #barre-po{margin-top:-7px;border:2px #00a94f solid;padding:2px 0;border-left:0;border-right:0;margin-bottom:20px;} #barre-po a{display:block;background:#00a94f;color:#fff;font-size:24px;padding:20px 0;text-align:center;font-family: 'Lato', sans-serif;font-weight:700} #barre-po a span{font-family: 'Lato', sans-serif;font-weight:300;font-size:18px;font-style:italic;} #barre-po a:hover{background:#0bc261} .contenuPortesOuvertes #body p{padding-top:0;padding-bottom:20px;} .contenuPortesOuvertes #body p.legendeImg{padding:7px;font-size:15px;line-height:20px} /* /-/-/-/-/-/-/ LA PAGE FRANCHISE - PHOTO + COORDONNEES /-/-/-/-/-/-/-/-/ */ #pageFranchise{width:965px;float:right;} /******************************* -- MENU FRANCHISE --------------- */ #menuFranchise a{display:block;float:left;margin-right:1px;padding:10px 12px 7px;text-transform:uppercase;background:#dcdcdc;color:#555;font-size:15px; -webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px;-moz-border-radius-topleft: 15px;-moz-border-radius-topright: 15px;border-top-left-radius: 15px;border-top-right-radius: 15px;} #menuFranchise a:hover,#menuFranchise a.actif{background:#efefef;} #contenuFranchise{padding:25px 25px 50px;background:#efefef;-webkit-border-radius: 20px;-webkit-border-top-left-radius: 0;-moz-border-radius: 20px;-moz-border-radius-topleft: 0;border-radius: 20px;border-top-left-radius: 0;} #sousPages #contenuFranchise{background:#efefef url(../img/franchises/bgsouspage.gif) repeat-x top left} /******************************* ---- VARIANTE MOBILE ------------------- */ #menuFranchiseMobile{width:100%;margin:0 0 20px 0;display:none;} #menuFranchiseMobile a{display:block;background:#efefef;color:#555;font-size:16px;padding:10px;} #menuFranchiseMobile a.actif{background:#ddd url(../img/mobile/puce_menu_90_grise.png) no-repeat right center;} /* - titre - */ #contenuFranchise h1{font-size:22px;color:#555;font-weight:normal;padding:5px 0 5px;} #contenuFranchise h1 span.gras{font-size:28px;color:#ce3131} /* - texte introduction - */ #contenuFranchise #texteIntro{position:relative;width:610px;float:left;text-align:justify;margin-bottom:30px;} #contenuFranchise #intTexteIntro{font-size:18px;line-height:24px;background:#00a94f;color:#fff;padding:15px;-webkit-border-radius: 15px;-webkit-border-bottom-left-radius: 0;-moz-border-radius: 15px;-moz-border-radius-bottomleft: 0;border-radius: 15px;border-bottom-left-radius: 0;} #contenuFranchise #intTexteIntro a{color:#fff;font-weight:bold;text-decoration:underline;} #contenuFranchise #intTexteIntro a:hover{text-decoration:none;} #contenuFranchise #texteIntro #coinGraphic{background:#00a94f;width:100px;height:20px;position:absolute;bottom:-20px;left:0;} #contenuFranchise #texteIntro #coinGraphic span{display:block;width:100%;height:100%;background:#efefef;width:100px;height:20px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;} /* - les deux boutons de contact - */ #contenuFranchise #boutonContact{float:right;width:290px;padding-bottom:30px;} #contenuFranchise #boutonContact a{display:block;font-size:16px;padding:12px 12px 12px 50px;background:#ce3131 url(../img/franchises/cal.png) no-repeat 15px center;background-size:22px 20px;color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} #contenuFranchise #boutonContact a:hover{background-color:#aa2424} #contenuFranchise #boutonContact a#rdv_franchise{margin-bottom:10px;} #contenuFranchise #boutonContact a#appel_franchise{background:#ffffff url(../img/franchises/tel.png) no-repeat 15px center;background-size:24px 25px;color:#555;} #contenuFranchise #boutonContact a#appel_franchise:hover{background-color:#dcdcdc} #contenuFranchise #boutonContact a#appel_franchise span{color:#ce3131} #contenuFranchise #boutonContact a#doc_franchise{background:#ffffff url(../img/franchises/doc.png) no-repeat 15px center;background-size:24px 25px;color:#555;} #contenuFranchise #boutonContact a#doc_franchise:hover{background-color:#dcdcdc} #contenuFranchise #boutonContact a#doc_franchise span{color:#ce3131} /* - la partie actualité et avis qui peut être vide - */ #contenuFranchise #aPropos{width:285px;float:left;margin-left:10px;} #actuFranchise h2,#avis h2{font-size:18px;color:#555;margin-bottom:7px;} #actuFranchise h3,#avis h3{font-size:16px;color:#ce3131;margin-bottom:7px;} #avis h2 span{color:#ce3131} #actuFranchise h2 span{color:#ce3131;font-size:16px;} .cell_type1{background:#fff;padding:20px 10px 15px;margin-bottom:20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .texteType1{text-align:justify;font-size:15px;color:#555;margin-bottom:15px;} .texteType1 a{color:#ce3131;text-decoration:none} .texteType1 a:hover{text-decoration:underline} #avis .texteType1{padding-top:10px;} /* gestion des étoiles */ span.star_vide, span.star_pleine, span.star_pleine-jaune{display:inline-block;margin-right:3px;background:url(../img/franchises/star_vide.png) no-repeat 0 0;background-size:13px 13px;width:13px;height:13px;} span.star_pleine{background-image:url(../img/franchises/star_pleine.png);} span.star_pleine-jaune{background-image:url(../img/franchises/star_pleine-jaune.png);} .first_star{margin-left:5px} /* - titre - */ #contenuFranchise a.highBtn{display:block;margin:7px 0 0;font-size:16px;background:#00a94f;color:#fff;padding:10px 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-align:center;} #contenuFranchise a.highBtn:hover{background:#068742} /* corrections d'affichage si no actu et no avis */ .wideDisplay #produitsFranchise{width:100%;float:none;} .wideDisplay #mosProdFranchise a{width:200px;} .wideDisplay #mosProdFranchise a.plusProduit{width:auto;} /* - PRODUITS FRANCHISE - */ #produitsFranchise{width:600px;float:right;} #produitsFranchise h2,#realisationsFranchise h2,h2.firstFranchise{font-size:18px;color:#555;margin-bottom:7px;} h2.firstFranchise{font-size:20px;color:#555;margin-bottom:25px;} #produitsFranchise h3{font-size:22px;color:#ce3131;margin-bottom:7px;} #produitsFranchise h4{font-size:18px;color:#555;margin-bottom:12px;} #produitsFranchise h2 span,#realisationsFranchise h2 span{font-size:20px;color:#ce3131;} #produitsFranchise img.highImg{float:left;margin-right:20px;margin-bottom:20px} #produitsFranchise .cell_type1{padding:20px;} #produitsFranchise .texteType1{padding:0 10px 0 0;} #mosProdFranchise{margin:20px 0;border-top:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;padding:20px 10px 5px} #mosProdFranchise a{display:block;float:left;width:170px;color:#555;margin:0 10px 20px 0;padding:0;height:34px;} #mosProdFranchise a.plusProduit{display:block;float:left;width:auto;color:#555;height:20px;margin:5px 0 20px 0;padding:10px 15px 10px 10px;background:#efefef;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size:13px;} #mosProdFranchise a.plusProduit span{font-weight:bold;font-size:16px;} #mosProdFranchise a:hover{background:none;color:#00a94f} #mosProdFranchise a.plusProduit:hover{background:#ddd;color:#555} #mosProdFranchise a span.visu{display:block;float:left;width:40px;height:40px} #mosProdFranchise a span.nomProduit{display:block;float:left;padding:6px 10px 0 15px;font-size:16px;width:54%} #mosProdFranchise a img{border:3px #fff solid;width:100%;height:100%;vertical-align:middle} /* - boutons contact sous vignettes produits - */ #btnContactFranchise{text-align:center;} #btnContactFranchise a{display:inline-block;background:#ce3131 url(../img/franchises/cal_fiche.png) no-repeat 10px center;background-size:20px 18px;padding:10px 10px 10px 37px;margin-right:10px;font-size:16px;color:#fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} #btnContactFranchise a.noMarge{margin:0;} #btnContactFranchise a#rappel_fiche{background-image:url(../img/franchises/tel_fiche.png);background-size:20px 19px;} #btnContactFranchise a#doc_fiche{background-image:url(../img/franchises/doc_fiche.png);background-size:20px 20px;} #btnContactFranchise a:hover{background-color:#aa2424} /* realisations franchise */ #realisationsFranchise .cell_real .legende{background:#fff;padding:0} #realisationsFranchise .cell_real p{background: #ce3131;color: #fff;padding: 5px 10px;font-size: 16px;} #realisationsFranchise .cell_real h3{padding: 10px 10px 0;font-size: 15px;} #realisationsFranchise .cell_real h4{padding: 5px 10px 10px;font-size: 14px;} #realisationsFranchise{padding-top:20px} #realisationsFranchise .cell_real{width:215px;margin:20px 18px 0 0} #realisationsFranchise .noMargeRight{margin-right:0} a#ttesReal{margin-top:25px;display:block;padding:10px;background:#fff;color:#555;text-align:center;color:#fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;} a#ttesReal:hover{background:#dcdcdc} a#ttesReal span.icon{vertical-align:middle;margin-right:15px;display:inline-block;width:22px;height:20px;background:url(../img/franchises/ico_ttes.png) no-repeat 0 0;background-size:22px 20px;} a#ttesReal span.texte{display:inline-block;vertical-align:middle;font-size:16px;color:#555555} /* -- DECLINAISON DES PAGES DE LA PARTIE FRANCHISE -- */ .page_form #contenuFranchise #texteIntro{float:none;width:100%;} .page_parrainage #contenuFranchise #texteIntro{float:right;width:56%;margin:35px 20px 0 0;} #contenuFranchise .texteRealisation p{font-size:18px;line-height:24px;} #contenuFranchise .highBtnFA{margin-top:-20px;float:right} .page_avis #contenuFranchise .cell_type1 h3{font-size:18px;margin-bottom:8px;} .page_avis #contenuFranchise .texteType1{font-size:14px;margin-top:8px;} .page_avis #addAvis{padding:20px;margin:15px 0;border:1px #ddd solid;border-radius:10px;} .page_avis #formulaireFranchise{padding:0;} .page_avis #contenuFranchise #formulaireFranchise h2{padding-top:0;padding-left:0;background-image:none;font-family: 'Lato', sans-serif;font-weight:700;} .page_avis #contenuFranchise #formulaireFranchise h2.sep{margin-top:30px;border-top:1px #ddd solid;padding-top:15px;} #contenuFranchise #addAvis{display:none} #containerGCfranchise{background:#fff;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:#fff;} /* -- sous menu partie gestionnaire dans les fiches franchise -- */ #sousPages{background:#efefef;padding:15px 0 0;color:#555} #sousPages #menuSP a{display:inline-block;padding:10px;color:#555;font-size:16px;background:#ddd;margin-right:5px;} #sousPages #menuSP a:hover,#sousPages #menuSP a.actif{color:#fff;background:#00a94f;} #menuSP{padding:0 15px 15px 15px} /* -- parrainage -- */ #contenuFranchise .texteHighlight{margin:40px 0;position:relative;width:100%;float:left;text-align:justify} #contenuFranchise .intTextHighlight{font-size:18px;line-height:24px;background:#00a94f;color:#fff;padding:15px;-webkit-border-radius: 15px;-webkit-border-bottom-left-radius: 0;-webkit-border-top-right-radius: 0;-moz-border-radius: 15px;-moz-border-radius-bottomleft: 0;-moz-border-radius-topright: 0;border-radius: 15px;border-bottom-left-radius: 0;border-top-right-radius: 0;} #contenuFranchise .texteHighlight .coinGraphic1{background:#00a94f;width:100px;height:20px;position:absolute;bottom:-20px;left:0;} #contenuFranchise .texteHighlight .coinGraphic1 span{display:block;width:100%;height:100%;background:#efefef;width:100px;height:20px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;} #contenuFranchise .texteHighlight .coinGraphic2{background:#00a94f;width:100px;height:20px;position:absolute;top:-20px;right:0;} #contenuFranchise .texteHighlight .coinGraphic2 span{display:block;width:100%;height:100%;background:#efefef;width:100px;height:20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px;border-bottom-right-radius: 20px;} /* -- emploi -- */ .page_emploi #contenuFranchise .cell_type1 h3{margin-top:25px;color:#ce3131} .page_emploi #contenuFranchise .cell_type1 ul{padding:20px;background:#efefef;} .page_emploi #contenuFranchise .cell_type1 ul li{margin-left:45px;font-size:15px;line-height:20px;} .page_emploi a.postulerEmploi{display:block;background:#00a94f;color:#fff;text-align:center;font-size:20px;padding:15px;margin-top:15px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .page_emploi a.postulerEmploi:hover{background:#068742;} /********************************************/ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- ESPACE PRESSE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .page_presse #contenuDeLaPage h2.intPage{font-size:18px;background-image:url(../img/produits/puceh2_cafe.gif)} .page_presse .der_com_presse{height:auto;padding:2%;border:1px #efefef solid;width:43%;float:left;margin:0 2% 2% 0;} .page_presse .der_com_presse h3{font-size:20px;color:#ce3131;padding:0 0 20px} .page_presse .der_com_presse p{font-size:16px;line-height:22px;text-align:justify} .page_presse .der_com_presse a.suite{font-size:14px;color:#fff;background:#00a94f;padding:7px;float:right;margin:7px 10px 0 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} .page_presse .der_com_presse a.suite:hover{background:#068742} .page_presse .der_com_presse span.date{background:#eee;float:right;display:block;padding:5px;text-align:center;margin:0 0 10px 20px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} .page_presse .der_doc_presse{border:1px #efefef solid;background:url(../img/presse/doc.png) no-repeat 15px 25px;background-size:20px 125px;color:#555;padding:2% 2% 2% 6%;width:39%;float:left;margin-right:2%;font-size:14px} .page_presse .der_doc_presse:hover{background-position:15px -81px} .page_presse .der_doc_presse h3{font-size:18px;} .page_presse .der_doc_presse h3 a{color:#ce3131;text-decoration:none} .page_presse .der_doc_presse h3 a:hover{text-decoration:underline} .page_presse .noMarge{margin-right:0} /********************************************/ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- PAGE ACTU -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ .page_actu #contenuDeLaPage h2.intPage,.page_actu #contenuFranchise h2{font-size:18px;} .page_actu #contenuFranchise h3.bulleAvis{font-size:18px;margin-bottom:15px;background-image:url(../img/produits/puceh2_bulles.gif);background-repeat: no-repeat;background-size: contain;padding-left: 22px;} .page_actu .der_actu{padding:2%;border:1px #efefef solid;width:43%;float:left;margin:0 2% 2% 0;} .page_actu .der_actu h3{font-size:20px;color:#ce3131;padding:0 0 20px} .page_actu .der_actu p{font-size:16px;line-height:22px;text-align:justify} .page_actu .der_actu a.suite{font-size:14px;color:#fff;background:#00a94f;padding:7px;float:right;margin:7px 10px 0 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} .page_actu .der_actu a.suite:hover{background:#068742} .page_actu .der_actu span.date{background:#eee;float:right;display:block;padding:5px;text-align:center;margin:0 0 10px 20px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} .page_actu .actu_wide{width:94%;margin-right:0;height:auto;} .page_actu .noMarge{margin-right:0} .page_actu a.lineActu{display:block;margin-bottom:7px;background:#efefef;border:1px #eee solid;padding:10px;color:#555} .page_actu a.lineActu span.date{float:right;font-size:14px;margin-top:4px} .page_actu a.lineActu:hover{background:#00a94f;color:#fff;} /* variante page franchise */ .page_actu #contenuFranchise .der_actu{border-color:#ddd} .page_actu #contenuFranchise .der_actu span.date,.page_actu #contenuFranchise a.lineActu{background:#fff} .page_actu #contenuFranchise a.lineActu{font-size:18px} .page_actu #contenuFranchise a.lineActu:hover{background:#00a94f} /********************************************/ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- RECHERCHE UNE ENTREPRISE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #carteWide{width:100%;} #carteWide #agence{width:100%;float:none;} #carteWide #positionDesPoints{position:relative;width:70%;margin:10px auto} #carteWide #positionDesPoints a{display:block;position:absolute;width:2%;height:2%;} #carteWide #positionDesPoints a span.dot{display:block;width:50%;height:50%;background:#00a84e;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} #carteWide #positionDesPoints a span.bulle{position:absolute;z-index:20;width:220px;text-align:center;display:inline-block;top:-53px;left:-110px;background:#ce3131;color:#fff;padding:10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;display:none;font-family:arial;font-weight:bold;font-size:11px;text-transform:uppercase} #carteWide #positionDesPoints a span.bulle span.ville{font-size:11px;font-weight:normal;} #carteWide img.margin-bottom10{width:100%;margin-bottom:0 !important} #carteWide form{width:100%;padding:20px;box-sizing:border-box;} #carteWide p.introTexte{font-size:24px;line-height:32px;margin-bottom:20px;text-align:justify;} #carteWide p span.gras{color:#00a94f} #carteIndex #positionDesPoints{position:relative;width:90%;margin-bottom:10px;} #carteIndex #positionDesPoints a.dotLoc{display:block;position:absolute;width:2%;height:2%;} #carteIndex #positionDesPoints a.dotLoc span.dot{display:block;width:50%;height:50%;background:#00a84e;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} #carteIndex img.margin-bottom10{width:100%;margin-bottom:0 !important} #resultatsFranchise .contentCellule{background:#fff;padding-top:35px;} #resultatsFranchise .infosFranchise .textInfos{width:620px;margin:0 40px;} #resultatsFranchise .infosFranchise{float:none;} /* page franchisés */ .infosFranchise,.pageFranchise{width:100%;margin-bottom:25px;} .infosFranchise .main{width:190px;float:left;} .infosFranchise .textInfos{width:345px;margin:0 20px;float:left;} .infosFranchise h2{display:none;} .infosFranchise .situInfos{float:left;width:225px;} #resultatsFranchise .moquetSiege .infosFranchise .textInfos{width:820px;margin:10px 30px 0 0;float:right} #resultatsFranchise{margin-top:35px;} h1.titreRecherche{font-size:30px;color:#00a94f;padding:15px 0 0 0;margin-bottom:35px;} #resultatsFranchise .bgTitreD{position:relative;text-align:justify;margin-top:25px;background:transparent;} #resultatsFranchise .bgTitreD h2{padding:10px;} #resultatsFranchise .intTexteIntro{font-size:18px;line-height:24px;background:#efefef; color:#fff;padding:15px;-webkit-border-radius: 15px;-webkit-border-bottom-left-radius: 0;-moz-border-radius: 15px;-moz-border-radius-bottomleft: 0;border-radius: 15px;border-bottom-left-radius: 0;} #resultatsFranchise .bgTitreD .coinGraphic{background:#efefef;width:100px;height:20px;position:absolute;bottom:-20px;left:0;} #resultatsFranchise .bgTitreD .coinGraphic span{display:block;width:100%;height:100%;background:#fff;width:100px;height:20px;-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;} #resultatsFranchise .intTexteIntro h2{background:transparent} #resultatsFranchise h2{color:#ce3131;font-family: 'Lato', sans-serif;font-weight:700;} #resultatsFranchise h2.horsZone{color:#555;font-family: 'Lato', sans-serif;font-weight:300;} #resultatsFranchise h2 a{float:right;font-size:15px;padding:5px 15px;display:block;background:#00a94f;color:#fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin-top:-4px;font-family: 'Lato', sans-serif;font-weight:300;} #resultatsFranchise h2 a:hover{background:#088241;color:#fff;} /* Rajout liste menu entreprise */ #liste_franchises{cursor:pointer;display: block;background: #efefef;padding: 20px;color: #555555;font-size: 16px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;text-align:center; margin:20px 0} #liste_franchises li{display:none;list-style-type:none;border-bottom: 1px #cfcfcf solid;} #liste_franchises{background:#f5f5f5;padding:30px;border-radius:20px;margin:30px 0} #liste_franchises h2{font-weight:bold;font-size:20px;} #liste_franchises #show-submen{padding-top:15px;display:none;} #liste_franchises a.cell-ent{font-size:15px;display:inline-block;margin:5px;padding:10px;border-radius:5px;background:#eee;color:#555555;} #liste_franchises a.cell-ent span.secteur{font-weight:bold;font-size:16px;text-transform:uppercase;} #liste_franchises a.cell-ent:hover{background:#fff;} #liste_franchises a.cell-ent:hover span.secteur{color:#ce3131;} /********************************************/ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FOOTER -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #footer{text-align:center;background:#ce3131;color:#fff;padding-top:30px;} #contentFoot{text-align:left;padding-bottom:20px;} #topFoot{background:url(../img/footer/top_foot.gif) no-repeat;height:27px;margin-bottom:15px} #contentFoot ul li{list-style:none} #contentFoot ul li a{color:#6b6b6d;text-decoration:none} #contentFoot p a{color:#fff;text-decoration:none} #contentFoot ul li a:hover,#contentFoot p a:hover{text-decoration:underline} p#basFooter{font-size:14px;padding:30px;background:#b92d2d;color:#fff;text-align:center;} p#basFooter a{color:#fff;text-decoration:none} p#basFooter a:hover{text-decoration:underline} p#basFooter .sepaPied{vertical-align:middle} #social{width:220px;float:left;} #social p a img{margin-right:9px;} #social p a img.noMarge{margin-right:0} #footer h2{font-size:18px;position:relative;margin-bottom:5px;} #footer h2 span.trait{display:block;position:absolute;width:100%;top:22px;left:0;border-bottom:1px #fff solid;position:relative;z-index:1} #footer h2 span.texte{float:left;position:relative;z-index:2;background:#ce3131;display:block;padding:10px 10px 10px 0} #autresSites{width:640px;float:left;margin-left:65px;} #autresSites a{float:left;display:block;padding:10px;width:295px;margin:0 10px 10px 0;background:#b92d2d;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color:#fff;font-size:15px;-webkit-box-shadow:inset 1px 1px 1px 1px #982323;box-shadow:inset 1px 1px 1px 1px #982323;} #autresSites a.noMarge{margin:0;} #autresSites span.logoDM{float:right;display:block;background:url(../img/accueil/footerdm.png) no-repeat 0 0;font-size:0;width:112px;height:34px;background-size:112px 34px;margin-top:-4px;} #footer #autresSites h2 span.texte{width:195px;} #contactFooter{width:210px;float:right;} #contactFooter p.horaires{background:#b92d2d;color:#fff;text-align:center;padding:12px 0 25px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} #contactFooter p.numVert{background:#ce3131;text-align:center;padding-top:12px;margin-top:-15px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} /********************************************/ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- MESSAGES -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /*** MESSAGES ERREUR ***/ .ok, .error, #body p.error, #body p.ok{text-align:center; } .ok, #body p.ok {background-color:#00a94f; color:#fff; font-weight:bold;padding:10px} .error, #body p.error {background-color:#ce3131; color:#fff; font-weight:bold; padding:10px} input.erreur, textarea.erreur, select.erreur, h3.erreur {background-color:#ce3131 !important; color:#fff !important; font-weight:bold !important;} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- EXTRAS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ div.extras #formulaireFranchise textarea, div.extras #formulaireFranchise div.textuel input, div.extras #formulaireFranchise div.textuel select{background: #ddd; color: #555} div.extras #id_franchise {background: #ddd; color: #555; width: 69%; padding: 2%; border: none; border-left: 3px #dedad7 solid; font-size: 16px; margin-bottom: 5px; margin-right: 5px; font-family: 'Lato', sans-serif;font-weight:300;} div.extras .widthExtras{width:100%;} div#basRound{margin-left:16px;width:673px;background:#fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;padding:0 0 30px;} div.extras{padding:0} #contenuDeLaPage div.extras h2{font-size:22px;color:#ce3131;margin:20px 0 0} div.extras p{color:#666;} div.extras p a{color:#ce3131;text-decoration:none} div.extras a:hover{text-decoration:underline} div.extras .width1{width:70px} div.extras .width2{width:380px} div.extras .width3{width:120px} div.extras td a,div.extras div.credits1 a,div.extras div.credits2 a{color:#ce3131;text-decoration:none} div.extras td a:hover,div.extras div.credits1 a:hover,div.extras div.credits2 a:hover{color:#ce3131;text-decoration:underline} div.extras caption{font-size:15px;background-color:#ce3131; color:#fff; padding:10px; font-weight:normal} #leb-img {margin-top:20px} div.extras .credits1,div.extras .credits2{background-color:#F0F0F0; margin:5px 0px; padding:5px 0px 5px 20px; width:400px} div.extras .bg1{background-color:#F0F0F0} div.extras .credits2,div.extras .bg2{background-color:#F9F9F9} div.extras td{padding:10px;color:#555;font-size:16px} div.extras h4{font-size:18px;} #plan ul{background:#fff;padding-top:30px;} #plan ul li{list-style:none} #plan a {display:block;padding:10px; background-color:#eee; margin-bottom:4px;color:#777} #plan a:hover {background-color:#ddd; color:#555;text-decoration:none} #plan a.titre{font-weight:normal;background:#ce3131;color:#fff;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;padding-top:10px;} #plan a.titre:hover{background:#aa2424;color:#fff} /* mise en forme découpe départements */ .extras_decoupe #contenuDeLaPage h1{margin-bottom:30px;} .extras_decoupe #contenuDeLaPage h2 a{display:block;background:#eee;margin-bottom:5px;padding:10px;font-size:16px;color:#666} .extras_decoupe #contenuDeLaPage h2:nth-child(even) a{background:#e2e2e2;} .extras_decoupe #contenuDeLaPage h2 a:hover{background:#ce3131;color:#fff} p#linkAgenceCouverte{margin-top:15px;text-align:center;} p#linkAgenceCouverte a{display:block;background:#efefef;padding:20px;color:#555555;font-size:16px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} p#linkAgenceCouverte a:hover{background:#eee} .extras_decoupe a.linkCmeNiv2{display:block;background:#eee;margin-bottom:5px;padding:10px;font-size:16px;color:#666} .extras_decoupe a.linkCmeNiv2:nth-child(even) a{background:#e2e2e2;} .extras_decoupe a.linkCmeNiv2:hover{background:#ce3131;color:#fff} /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/- FORMULAIRE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ /* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */ #formContact label.normal{padding:7px 15px 0 0;text-align:right;display:block;float:left;width:140px;font-size:15px;color:#555} #formContact p.textuel input{color:#fff;width:380px;border:none;font-size:15px;margin-bottom:5px;padding:3px;} #formContact textarea{color:#fff;width:380px;border:none;font-size:15px;margin-bottom:5px;padding:3px;} #formContact p.textuel input, #formContact select, #formContact textarea{padding:5px;color:#555;font-size:14px;display:block;float:left;width:450px;margin-bottom:15px;vertical-align:middle} #formContact form p.textuel input, #formContact form textarea {border:1px #fff solid} #formContact select{width:463px} #formContact form p.send input{margin-left:155px;width:463px;background:#0087c8;color:#fff;padding:10px;border:none;cursor:pointer} #fancybox-title-main{color:#666 !important} #formContact label.normal{float:left;width:15%;text-align:right;font-weight:normal;margin-right:7px;position:relative;top:5px;color:#555} #formContact label.lettre{width:20%} #formContact p.textuel input{color:#555;width:70%;background:#F3F0EE;border:none;border-left:3px #dedad7 solid;font-size:15px;margin-bottom:5px;padding:1% 2%;} #formContact textarea{color:#555;width:70%;border:none;background:#F3F0EE;font-size:13px;margin-bottom:5px;padding:1% 2%;} #formContact input.send{text-transform:uppercase;font-size:26px;border:none;background:#ce3131 url(../img/squelette/bg_glow.gif) repeat-x 0 center;color:#fff;padding:2%;display:block;width:73%;font-weight:bold;text-align:center;margin-left:18%;cursor:pointer;} #formContact input.send:hover{background-color:#aa2424;background-position:0 -2000px} #formContact .lettreSend{margin-top:30px} #formContact .lettreSend input.send,#recaptcha_widget_div{margin-left:23%} #formContact p.oblig input,#formContact p.oblig textarea{background:#cdcdcd} #formContact select{border-width:1px;background:#F3F0EE;padding:1% 2%;color:#666;width:70%;margin-bottom:5px} .postuler{display:none;} #formulaireFranchise,.formPostuler{padding:20px;border:1px #eee solid;border-radius:10px;font-size:16px;color:#555;line-height:22px;margin-top:30px;} #contenuDeLaPage div.extras #formulaireFranchise h2,#contenuDeLaPage div.extras .formPostuler h2{font-size:20px;color:#ce3131;padding:0px 0 15px;margin-bottom:10px;border-bottom:1px #ddd solid;margin:15px 0} #formulaireFranchise .label50 label,.formPostuler .label50 label,#formulaireFranchise .label100 label,#formulaireFranchise .labelWide label,.formPostuler .labelWide label,#formulaireFranchise .label30 label,.formPostuler .label30 label{float:left;display:block;width:20%;text-align:left;font-weight:normal;margin-right:7px;position:relative;top:5px;color:#555} #formulaireFranchise .labelWide label,.formPostuler .labelWide label{width:10%;margin-right:7px;} #formulaireFranchise .label50,.formPostuler .label50,#formulaireFranchise .labelWide,.formPostuler .labelWide{float:left;width:96%;padding:0.3% 1%;} #formulaireFranchise .label100,#formulaireFranchise .label100bis{float:none;width:96%;padding:0.2% 1%;} #formulaireFranchise form .label50 select{width:69%;padding:2%} #formulaireFranchise .textuel input,#formulaireFranchise .textuel select,.formPostuler .textuel input,.formPostuler .textuel select{color:#555;width:82%;background:#fff;border:none;border-left:3px #dedad7 solid;font-size:16px;margin-bottom:5px;padding:1% 2%;margin-right:5px;} .formPostuler .textuel input,.formPostuler .textuel select{background:#efefef} #formulaireFranchise .textuel select,.formPostuler .textuel select{width:60%} #formulaireFranchise input.textLibre,.formPostuler input.textLibre{color:#555;background:#fff;border:none;border-left:3px #dedad7 solid;font-size:16px;margin-bottom:5px;padding:1% 2%;margin-right:5px;} #formulaireFranchise textarea,.formPostuler textarea{color:#555;width:70%;border:none;background:#fff;font-size:16px;margin-bottom:5px;padding:1% 2%;} .formPostuler textarea{background:#efefef} #formulaireFranchise div.listeRadio label,.formPostuler div.listeRadio label{padding:0px 15px;height:25px;display:block;float:left;width:auto;} #formContact p.textuel input{font-family: 'Lato', sans-serif;font-weight:300;color:#555;background:#F3F0EE;border:none;border-left:3px #dedad7 solid;font-size:15px;margin-bottom:5px;padding:1% 2%;} #formContact textarea{font-family:'blisslight';color:#555;border:none;background:#F3F0EE;font-size:16px;margin-bottom:5px;padding:1% 2%;} #formulaireFranchise input.send,.formPostuler input.send{font-family: 'Lato', sans-serif;font-weight:300;text-transform:uppercase;font-size:26px;border:none;background:#ce3131 url(../img/squelette/bg_glow.gif) repeat-x 0 center;color:#fff;padding:2%;margin:2% 5% 1% 0;display:block;width:100%;font-weight:bold;text-align:center;cursor:pointer;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} #formulaireFranchise input.send:hover,.formPostuler input.send:hover{background-color:#aa2424;background-position:0 -2000px} .page_emploi #contenuFranchise .formPostuler h2{padding-top:0;padding-left:0;background-image:none;} /* VARIATION POUR METTRE LES CHAMPS SUR 2 COLONNES HORS RESOL MOBILE ET TABLETTE */ #formulaireFranchise .label50,.formPostuler .label50{float:left;width:48%;padding:0.3% 1%;} #formulaireFranchise .label50 input,.formPostuler .label50 input{padding:2% 4%;width:60%;} .formPostuler .label50 select{width:69%} #formulaireFranchise .label30,.formPostuler .label30{float:left;width:31%;padding:0.3% 1%;} #formulaireFranchise .label30 label,.formPostuler .label30 label{width:31%;} #formulaireFranchise .label30 label.nociv,.formPostuler .label30 label.nociv{width:21%;} #formulaireFranchise .label30 input,.formPostuler .label30 input,#formulaireFranchise .label30 select{padding:3% 4%;width:55%;} #formulaireFranchise .label30 select{padding:3% 4%;width:60%;} div.inpLettre{padding:20px 15px} div.qrAvis{margin-top:25px;} div.qrAvis h3{font-size:16px;padding:10px;background:#ddd;margin-bottom:0;} div.qrAvis .listeRadio{border:1px #ddd solid;padding:15px 10px 10px;} p.grisClair{font-size:14px;color:#999} #error-enrich{padding:20px;padding:30px;border-radius:10px;} /* SOYOOZ ---- */ .appelsz{background:#efefef;padding:12px;border-radius:20px;font-size:18px;color:#5d5d5d;font-family:'Roboto', sans serif;} .appelsz:after{content:"";clear:both;display:table;} .ico-indecis{float:left;margin-right:20px;} .title-sz{float:left;margin-right:30px;width:300px;} .title-sz h2{background:#ce3131;color:#fff;border-radius:5px;padding:7px;} .title-sz .bg{background:#ce3131;} .title-sz .inside{background:#efefef;padding:7px;border-radius:20px 0 0 0;font-size:16px;} .title-sz .inside strong{color:#00a94f} .exp-sz{width:400px;padding:10px;border-radius:14px; background: #efefef; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #efefef , #fff); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #efefef, #fff); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #efefef, #fff); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #efefef , #fff); /* Standard syntax */ } .appelsz a{display:block;float:right;border-radius:20px;border:2px #ab2525 solid;background:#ce3131;color:#fff;font-size:18px;padding:10px;} .ico-indecis{display:inline-block;background:url(../img/soyooz/indecision.svg) no-repeat 0 0;background-size:93px 84px;width:93px;height:84px;} .ico-qcm{display:inline-block;background:url(../img/soyooz/qcm.svg) no-repeat 0 0;background-size:37px 33px;width:37px;height:33px;} .ico-revetement{display:inline-block;background:url(../img/soyooz/revetement.svg) no-repeat 0 0;background-size:64px 55px;width:64px;height:55px;} .ico-fleche{display:inline-block;background:url(../img/soyooz/go.svg) no-repeat 0 0;background-size:16px 18px;width:16px;height:18px;margin-left:7px;} .appelsz-var{} .appelsz-var .title-sz h2{font-size:18px;padding:8px 20px} .appelsz-var .title-sz .inside{font-size:22px} .appelsz-var .title-sz .inside strong{font-size:23px} #preload_soyooz {width: 100%;height: 300px;background: #f1f1f1 url(../img/squelette/ring-soyooz.gif) no-repeat center center;}