*{margin:0;padding:0}
html{font-size:100%;font-family:Calibri}
body{margin:0;padding:0;font-size:14px;color:#333;background:#FFF}
h2,h3{line-height:1em;letter-spacing:-1px;font-weight:200}
h2{font-size:2em;margin:8px 0}
h3{font-size:1.6em}
a:focus{outline:thin dotted #333;outline:5px auto;outline-offset:-2px}
a:hover,a:active{outline:0}
img{width:auto;height:auto;max-width:100%;border:0;vertical-align:middle}
input[type="submit"]{cursor:pointer}
a{color:#08C;text-decoration:none}
a:hover{color:#CD44BB;text-decoration:none}
li{line-height:20px;list-style-type:none}
hr{width:980px;margin:40px auto;border:0;border-top:1px solid #DDD;border-bottom:1px solid #EEE}
.vert{color:#6A4}
.bleu{color:#30A4C5}
.gris{color:#939393}
.gris_cl{background:#DDD}
.rose{color:#CD44BB}
.noir{color:#000}
.blanc{color:#FFF}
.rouge{color:#F00}
.cb{clear:both}
.btn-blanc,.btn-bleu,.btn-gris,.btn-rose,.btn-rouge,.btn-jaune{border:none;display:inline-block;font-size:1.4em;margin:8px 4px;padding:8px 20px;border-radius:4px;cursor:pointer}
.btn-blanc{background:#FFF}
.btn-bleu{background:#30A4C5;opacity:1}
.btn-rouge{background:#DC143C}
.btn-jaune{background:#C7CF00}
.btn-gris{background:#939393}
.btn-rose{background:#CD44BB;opacity:1}
.btn-blanc:hover,.btn-bleu:hover,.btn-gris:hover,.btn-rose:hover,.btn-rouge:hover,.btn-jaune:hover{background:#FFF}
.btn-gris .blanc:hover{color:#939393}
.btn-rouge .blanc:hover{color:#DC143C}
.btn-jaune .blanc:hover{color:#C7CF00}
.btn-rose .blanc:hover{color:#CD44BB}
.btn-bleu .blanc:hover{color:#30A4C5}
.l{margin:6px 0;float:left}
.r{float:right}
.width30p{width:30%;margin:20px;display:inline-block}
.width45p{width:45%;margin:20px;display:inline-block}
.width50p{width:50%;margin:0;display:inline-block}
.ca{border-radius:8px}
#m{background:#FFF;width:780px;margin:0 auto;padding:0 10px;border-radius:4px;position:fixed;top:0;left:0;right:0}
#h{background:url("../img/v2/header.jpg") top left no-repeat;width:100%;background-attachment:fixed;height:600px;margin:0 auto 10px auto}
#h #logo{width:90%}
#h #telephone{width:190px}
#h #mail{width:310px}
#h #adresse{width:496px}
#h #telephone,#h #mail,#h #adresse{float:left;font-weight:600;font-size:1.4em;color:#000;padding:8px 26px;border-radius:4px}
#h #telephone p{margin:6px 0 0 0}
#h #mail p{margin:15px 0 0 0}
#h #adresse p{margin:12px 0 0 0}
#c{background:#FFF;margin:140px 0 0 0;padding:8px 0;color:#000;text-align:center;font-size:1.4em}
#c #txtg{width:600px;margin:0 0 0 80px;padding:20px;background:rgba(210,210,210,0.6);border-radius:8px}
#c #txtd{width:600px;margin:0 80px 0 0;padding:20px;background:rgba(210,210,210,0.6);border-radius:8px}
#c #barbier{background:url("../img/barbier.jpg") bottom center no-repeat;width:100%;background-size:cover;background-attachment:fixed;height:100%;padding:40px 0;margin:auto}
#c #relooking{background:url("../img/v2/relooking.jpg") bottom center no-repeat;width:100%;background-size:cover;background-attachment:fixed;height:100%;padding:40px 0;margin:auto}
#c #formation{background:url("../img/v2/formation.jpg") bottom center no-repeat;width:100%;background-size:cover;background-attachment:fixed;height:100%;padding:40px 0;margin:auto}
#c #ecrire{background:url("../img/ecrire.jpg") bottom center no-repeat;width:100%;background-size:cover;background-attachment:fixed;height:100%;padding:40px 0;margin:auto}
#c #ecrire h2,#c #formation h2{font-size:2em;text-align:justify;text-shadow:0 0 3px #000;margin:20px 0}
#c #ecrire h2{color:#FFF}
#c #formation h2{color:#000;text-shadow:0 0 3px #FFF}
#c #formation p,#c #ecrire p{font-size:1.4em;text-align:justify;margin:60px 0;text-shadow:0 0 3px #000}
#c #ecrire p{color:#FFF}
#c #formation p{color:#000;text-shadow:0 0 3px #FFF}
#c #barbier h2,#c #relooking h2{font-size:2em;margin:20px 0;font-weight:400}
#c #barbier p,#c #relooking p{font-size:1.4em;margin:60px 0}
#c #barbier h2,#c #barbier p,#c #relooking h2,#c #relooking p{font-size:1.4em;text-align:justify;color:#000;text-shadow:0 0 3px #FFF}
#c #barbier span,#c #relooking span,#c #formation span{margin:40px 0 0 190px}
#c #relooking,#c #formation{display:flex;justify-content:right;align-items:center;height:100vh;background-color:transparent}
#c #barbier{display:flex;justify-content:left;align-items:center;height:100vh;background-color:transparent}
#c #ecrire{display:block;justify-content:center;align-items:center;height:100vh;background-color:transparent}
#c #ecrire #formulaire form,#c #ecrire h2,#c #ecrire p{background:transparent;width:980px;margin:40px auto 120px auto;color:#FFF}
#c #ecrire #formulaire p{width:100%;font-size:1.2em;margin:20px 0}
#c #ecrire #formulaire label{float:left;width:180px;margin:10px;padding:8px 0;text-shadow:0 0 3px #000}
#c #ecrire #formulaire label:hover{text-shadow:none}
#c #ecrire #formulaire input[type=text]{width:240px;float:left;height:40px;margin:8px;padding:4px 8px;border:0;border-radius:4px}
#c #ecrire #formulaire p#informations{width:98%;height:112px;margin:0;padding:0}
#c #ecrire #formulaire textarea{height:100px;width:720px;float:left;margin:8px;padding:8px;border:0;border-radius:4px}
#c .presentation{width:100%;height:340px;margin:0;padding:20px 0;background:#EEE}
#c .presentation h2{font-size:1.6em;margin:20px 0;text-align:justify;color:#30A4C5}
#c .presentation img{width:30%;margin:8px 40px}
#c .presentation img.guillemetso{width:28px;margin:0 8px 0 0}
#c .presentation img.guillemetsf{width:28px;margin:0 0 0 8px}
#c .presentation p{font-size:1.2em;text-align:justify;margin:40px}
#c .descr{width:980px;margin:20px auto}
#c .descr h2{font-size:1.6em;margin:20px 0;text-align:justify;color:#30A4C5}
#c .descr h3{font-size:1.4em;margin:20px;text-align:justify;color:#DC143C}
#c .descr h4{font-size:1.6em;margin:20px 0;text-align:justify;color:#30A4C5}
#c .descr details{margin:20px 0;padding:0;text-align:left}
#c .descr summary h5{display:inline;margin:8px 20px;padding:0;cursor:pointer;line-height:1em;font-size:1em;color:#30A4C5}
#c .descr img{margin:0 20px}
#c .descr p{font-size:1.2em;text-align:justify;margin:4px 20px}
#c .descr iframe{font-size:1.2em;text-align:justify;margin:4px 20px}
#c .descr li{font-size:1.2em;text-align:justify;padding:4px 20px;line-height:1.2em}
#c .descr li:before{content:" - ";color:#DC143C;margin:0 8px}
#c .descr #conseil{background:url("../img/v2/conseil.jpg") top left no-repeat;width:100%;margin:0 auto}
#c .descr #conseil #bilan{position:absolute;width:400px;top:20px;left:20px}
#c .descr #conseil #morphologie{position:absolute;width:400px;top:20px;right:20px}
#c .descr #conseil #style{position:absolute;width:400px;top:220px;left:100px}
#c .descr .atelier{float:left;width:74%;background:#30A4C5;margin:20px;padding:8px;border-radius:4px}
#c .descr .atelier h3,#c .descr .atelier p{color:#FFF;margin:8px}
#c .descr .atelier:hover{background:#FFF}
#c .descr .atelier:hover h3,#c .descr .atelier:hover p{color:#30A4C5}
#c .descr .prix{font-size:2.4em;color:#30A4C5;margin:20px}
#c .descr .mariage1{float:left;margin:20px;background:url("../img/m1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .mariage2{float:left;margin:20px;background:url("../img/m2.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .mariage3{float:left;margin:20px;background:url("../img/m3.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .mariage4{float:left;margin:20px;background:url("../img/m4.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .mariage5{float:left;margin:20px;background:url("../img/m5.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook1{float:left;margin:20px;background:url("../img/1-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook1:hover{background:url("../img/1-2.jpg");width:200px;height:300px}
#c .descr .relook2{float:left;margin:20px;background:url("../img/2-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook2:hover{background:url("../img/2-2.jpg");width:200px;height:300px}
#c .descr .relook3{float:left;margin:20px;background:url("../img/3-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook3:hover{background:url("../img/3-2.jpg");width:200px;height:300px}
#c .descr .relook4{float:left;margin:20px;background:url("../img/4-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook4:hover{background:url("../img/4-2.jpg");width:200px;height:300px}
#c .descr .relook5{float:left;margin:20px;background:url("../img/5-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook5:hover{background:url("../img/5-2.jpg");width:200px;height:300px}
#c .descr .relook6{float:left;margin:20px;background:url("../img/6-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook6:hover{background:url("../img/6-2.jpg");width:200px;height:300px}
#c .descr .relook7{float:left;margin:20px;background:url("../img/7-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook7:hover{background:url("../img/7-2.jpg");width:200px;height:300px}
#c .descr .relook8{float:left;margin:20px;background:url("../img/8-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook8:hover{background:url("../img/8-2.jpg");width:200px;height:300px}
#c .descr .relook9{float:left;margin:20px;background:url("../img/9-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook9:hover{background:url("../img/9-2.jpg");width:200px;height:300px}
#c .descr .relook10{float:left;margin:20px;background:url("../img/10-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook10:hover{background:url("../img/10-2.jpg");width:200px;height:300px}
#c .descr .relook11{float:left;margin:20px;background:url("../img/11-1.jpg");width:200px;height:300px;border-radius:8px}
#c .descr .relook11:hover{background:url("../img/11-2.jpg");width:200px;height:300px}
#c .descr a#fg{float:left;margin:110px 0;background:url("../img/fg-gris.png");width:80px;height:80px}
#c .descr a#fg:hover{background:url("../img/fg-bleu.png") top left no-repeat}
#c .descr a#fd{float:left;margin:110px 0;background:url("../img/fd-gris.png");width:80px;height:80px}
#c .descr a#fd:hover{background:url("../img/fd-bleu.png") top left no-repeat}
#c .descr #ft{float:left;margin:110px 0;background:url("../img/ft.png");width:80px;height:80px}
#c .descr #ft:hover{background:url("../img/ft.png") top left no-repeat}
#c .descr .press .pressimg,#c .descr .actu .actuimg{float:left;width:180px;height:180px;margin:0 40px 0 0}
#c .descr .actu .actuimg img{border-radius:4px}
#c .descr .press .presstxt,#c .descr .actu .actutxt{margin:20px}
#c .descr .press .presstxt a,#c .descr .press .presstxt a:hover,#c .descr .actu .actutxt a,#c .descr .actu .actutxt a:hover{color:#000}
#c .descr .press .pressdate,#c .descr .actu .actudate{font-size:1em;text-align:left}
#c .descr .cv{float:left;width:300px;margin:8px;text-align:justify}
#c .descr .cv p{margin:8px 0 0 20px}
#c .descr .cv img{display:block;border-radius:4px}
#c .descr .cv img.guillemetso{display:inline-block;margin:0 8px 0 0}
#c .descr .cv img.guillemetsf{display:inline-block;margin:0 0 0 8px}
#c .descr .photo{float:left;margin:60px 40px;width:250px;height:388px;border-radius:8px}
#c .descr #primaryNav li{width:25%}
#c .descr #primaryNav li ul li{width:100% !important}
#c .descr #primaryNav.col3 li{width:33.3%}
#c .descr #sitemap{margin:0;float:left;width:100%}
#c .descr #primaryNav a{text-decoration:none}
#c .descr #primaryNav ol,ul{list-style:none}
#c .descr #primaryNav{margin:0;float:left;width:100%}
#c .descr #primaryNav li{float:left;background:url("../img/plan/L1-center.png") center top no-repeat;padding:30px 0;margin-top:-30px}
#c .descr #primaryNav li a{margin:0 20px -40px 0;padding:10px 0;display:block;font-size:14px;text-align:center;color:#000;background:#CEF url("../img/degrade.png") top left repeat-x;border:2px solid #BDF;border-radius:5px}
#c .descr #primaryNav li a:hover{background:#DEF;border-color:#9CD}
#c .descr #primaryNav li:last-child{background:url("../img/plan/L1-right.png") center top no-repeat}
#c .descr #primaryNav li a:link:before,#c .descr #primaryNav li a:visited:before{content:" "attr(href)" ";display:block;text-transform:uppercase;font-size:10px;margin-bottom:5px;color:#7AC;word-wrap:break-word}
#c .descr #primaryNav li li{width:100%;clear:left;margin-top:20px;margin-bottom:10px;padding:10px 0;background:url("../img/plan/vertical-line.png") center top repeat-y}
#c .descr #primaryNav li li a{background:#DEB;border-color:#BD8}
#c .descr #primaryNav li li a:hover{border-color:#9B8;background:#EFD}
#c .descr #primaryNav li li:first-child{padding-top:30px}
#c .descr #primaryNav li li:last-child{background:url("../img/plan/vertical-line.png") center bottom repeat-y}
#c .descr #primaryNav li li a:link:before,#c .descr #primaryNav li li a:visited:before{color:#9B6}
#c .descr #utilityNav{float:right;max-width:50%;margin:0 10px 20px 0}
#c .descr #utilityNav li{float:left;margin-bottom:10px}
#c .descr #utilityNav li a{margin:0 10px 0 0;padding:5px 10px;display:block;border:2px solid #ED5;font-size:12px;text-align:center;color:#000;background:#FFA url("../img/degrade.png") top left repeat-x;border-radius:5px}
#c .descr #utilityNav li a:hover{background:#FFFCE5;border-color:#D1B62C}
#c .descr #utilityNav li a:link:before,#c .descr #utilityNav li a:visited:before{color:#CCAE14;font-size:9px;margin-bottom:3px}
#c .descr #primaryNav li:before,#c .descr #utilityNav li:before{content:""}
#c .banniere{width:100%;height:100px;margin:0;background:#939393;color:#FFF;font-size:1.6em}
#c .banniere img{margin:0 20px}
#c .banniere:hover{text-shadow:0 0 3px #FFF;transition:all .2s linear}
#c .descr .avis{margin:30px}
#c .descr .avis h3{margin:0;font-size:1.4em;font-weight:400;color:#30A4C5}
#c .descr .avis p{font-size:1.2em;font-weight:200;text-align:justify;font-style:italic;margin:4px 20px}
#c .descr .avis img.guillemetso{margin:0 8px 0 0}
#c .descr .avis img.guillemetsf{margin:0 0 0 8px}
#c .descr .avis img{margin:0}
#c .descr .hr2{width:54%;margin:60px auto 20px auto;border:0;border-top:1px solid #DDD;border-bottom:1px solid #EEE}
#c .descr .lien-btn li{text-decoration:none;float:left;background:#30A4C5;border-radius:4px;padding:8px 20px 8px 8px;margin:8px}
#c .descr .lien-btn li:before{content:""}
#c .descr .lien-btn li:hover{background:#EEE}
#c .descr .lien-btn li a{color:#FFF;margin:8px}
#c .descr .lien-btn li a:hover{color:#333}
#c #newsletter{background:rgba(210,210,210,0.6);border-radius:8px;width:310px;margin:46px;padding:0 10px;position:fixed;top:550px;left:0}
#c #newsletter p{width:100%;font-size:1.2em;margin:8px 0}
#c #newsletter img{margin:8px 0}
#c #newsletter #form_mail{width:280px;float:left;height:40px;margin:8px;padding:4px 8px;border:0;border-radius:4px}
#c #newsletter #form_code_securite{width:160px;float:left;height:40px;margin:8px;padding:4px 8px;border:0;border-radius:4px}
.f{width:980px;margin:0 auto}
.f h2{font-size:2em;margin:20px 0;font-weight:400;text-align:left;color:#30A4C5}
.f #fcontact{width:740px;margin:20px auto}
.f #fcontact #telephone{background:#C7CF00}
.f #fcontact #mail{background:#30A4C5}
.f #fcontact #telephone{width:200px}
.f #fcontact #mail{width:340px}
.f #fcontact #telephone,.f #fcontact #mail{float:left;font-weight:600;font-size:1.4em;margin:20px;color:#FFF;padding:8px 28px;border-radius:4px}
.f #fcontact #mail a{color:#FFF}
.f #fcontact #mail a:hover{color:#FFF}
.f #fcontact #telephone p{margin:12px 0 0 0}
.f #fcontact #mail p{margin:24px 0 0 0}
.f #localisation{width:980px;margin:0 auto}
.f #localisation #horaire{float:left}
.f #localisation #horaire h2{margin:0 0 20px 0}
.f #localisation #horaire p,.f #localisation #horaire li{font-size:1.6em}
.f #localisation #horaire li{display:block;text-align:left;margin:8px}
.presentation{width:100%;height:340px;margin:20px 0;padding:20px 0;background:#EEE}
.presentation .centrer{width:980px;margin:0 auto;text-align:center}
.presentation .centrer h2{font-size:2em;font-weight:400;text-align:left;color:#30A4C5}
.presentation .centrer #date, .presentation .centrer #horaire{width:100px;height:100px;margin:0}
.presentation .centrer #datadocke, .presentation .centrer #cpf{width:160px;height:160px;margin:0}
.presentation .centrer #qualiopi{width:426px;height:160px;margin:0}
.presentation .centrer #afipp{width:300px;margin:0 auto}
.f .descr .avis{margin:30px}
.f .descr .avis h3{margin:0;font-size:1.4em;font-weight:400;color:#30A4C5}
.f .descr .avis p{font-size:1.6em;font-weight:400;text-align:justify;font-style:italic;margin:4px 20px}
.f .descr .avis img.guillemetso{margin:0 8px 0 0}
.f .descr .avis img.guillemetsf{margin:0 0 0 8px}
.f .descr .hr2{width:54%;margin:60px auto 20px auto;border:0;border-top:1px solid #DDD;border-bottom:1px solid #EEE}
.f #rs{width:980px;margin:0 auto;text-align:center}
.f #rs #fb,.f #rs #linkedin,.f #rs #instagram,.f #rs #youtube{display:inline-block}
.f #rs #fb{background:url("../img/fb.png");height:50px;width:160px;margin:0 20px 0 0}
.f #rs #linkedin{background:url("../img/linkedin.png");height:50px;width:160px;margin:0 20px 0 0}
.f #rs #instagram{background:url("../img/v2/instagram.png");height:50px;width:160px;margin:0 20px 0 0}
.f #rs #youtube{background:url("../img/v2/youtube.png");height:50px;width:160px}
#footer{background:url("../img/briques.jpg") top left no-repeat;width:100%;height:100px;margin:60px 0 0 0}
#footer #foot{width:980px;margin:40px auto}
#footer #foot a{font-size:1em;font-weight:400;float:left;margin:28px 14px;width:150px;padding:8px;color:#666;text-align:center;background:#FFF;border-radius:4px}
#footer #foot a:hover{color:#111}
#copy{float:right;text-align:right;width:220px;height:100px;margin:50px 30px 0 30px;padding:0 26px 0 0;background:#FFF;border-radius:4px}
#copy a{font-size:2em;font-weight:400}
#copy a:hover{color:#000}
#copy img{margin:0 8px}