html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
strong{font-weight:bold;}
h1:not(.site-title)::before, h2::before {
background:none;
content: ""; height:auto;
margin:0;
width: 0;
} :root{--couleurContraste:#08afd7;
--couleurContrasteRGBA1:rgba(8,175,215,1);
overflow-x:hidden;}
.couleurContraste{color:var(--couleurContraste);}
.editor-post-preview-button__interstitial-message svg {display:none;}
em{font-style:italic;} @keyframes popUpAp { 0%{opacity:0;} 80%{opacity:0} 100%{opacity:1;} }
#popUp{position:fixed; z-index:99999; width:100%; height:100%; background-color:rgba(0,0,0,0.6); animation-name : popUpAp; animation-duration : 5.0s;  }
#contenuPop{position:absolute;top: calc(40% - 160px) ; left:30% ; width:30%; padding:50px; background-color:rgba(250,250,250,1); border-radius: 5px;
box-shadow: 5px 5px 10px #222222; font-size:1.6em; color:#222;}
#contenuPop img{border-radius:50%;}
#popFermeture{position: absolute;right: -18px;top: -18px; cursor:pointer;}
#contenuPopInterne{overflow:auto;}
#contenuPop a:active, #contenuPop a:visited{text-decoration:none; color:#008080;}  body{font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:1em; color:#222; }  #chargement, #attente{color:#444;}
#bandeau{position:fixed; z-index:9999; width:122px; right:0; top:0; text-align:right; background-color:rgba(55,55,55,1)}
#bandeau ul{}
nav li a {float:right; padding:10px; color:#fff; text-decoration:none; min-width:100px; border-bottom : solid 1px;}
nav li a:hover{color:#FFF; background-color:var(--couleurContrasteRGBA1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#menuDeroulant ul li:nth-child(1) a{padding-top:13px;}
#menuDeroulant ul li:nth-child(7) a{color:#333!important; border-color:#fff;}
#menuDeroulant ul li:nth-child(7) a:hover{color:#333!important; border-color:#fff; background-color:rgba(55,55,55,1)!important; cursor:default;}
#boutonMenu{font-size: 2em; color: #fff; text-align: center; width:120px; height:33px; background-color:#222; position:fixed; z-index:999; padding-top:6px; padding-bottom:7px; padding-right:2px;}
#menuDeroulant{margin-top:-410px;} .site-title, .site-description{ }
.current-menu-item{color:#FFF; background-color:rgba(155,155,155,0.6);-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;} #site-navigation ul li{float:none;} #bienvenue, #bienvenue2{transition: all 0.5s ease-out; background-color:rgba(0,0,0,0.3); color:#fff;}
#Felden{transition: all 0.5s ease-out; font-weight:bold; font-size:1.5em; display:inline-block; margin-bottom:30px; text-align:center;}
#priseDec{transition: all 0.5s ease-out; font-size:1em;}
.enteteFixeBienvenue {position: fixed!important; z-index:3; top:0; left:0; width: 100%; height:35px; margin-top:0!important; background-color:var(--couleurContrasteRGBA1)!important;font-size: 0.4em;width: 100% !important; margin: auto !important;border-radius: 0px !important; padding:5px!important; cursor:pointer;color:#fff;}
.enteteFixePriseDec{display:none;}
.enteteFixeFelden{display:inline-block; font-weight:bold;color:#fff!important; font-size:2.2em!important}
header nav{position:absolute; background:none; text-align:right; right:5px; cursor:pointer;}
#Ch-enHaut, #Esp-enHaut, #Tour-enHaut, #Res-enHaut{top:25%;}
#Ch-enBas, #Esp-enBas, #Tour-enBas, #Res-enBas{top:65%;}
#Accss-enHaut{top:25%}
#Acc-enBas, #Accss-enBas{top:65%}
#fondSombre{width:100%; height:100%; position:fixed; z-index:10000; background-color:rgba(0,0,0,0.9); display:none; }
.credits{text-align:left; padding-left:20%;}
.mentions{text-align:left!important;padding-left:20%; padding-right:20%; padding-top:100px; padding-bottom:100px; background-color:#fff;} #logo{position:fixed; top:5px; left:-20px; z-index:8888;transition: all 0.5s ease-out; transform:scale(0.8)}
.enteteFixeLogo{top:37px!important;}
#retourTop{display:none; position:fixed; bottom:5px;right:5px; cursor:pointer;z-index:8889; opacity:0.3;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out; }
#retourTop:hover{opacity:0.8;}
.retourPratiquer{opacity:0.6;
transition: all 0.5s ease-out; width: 100px;
right: -10px; cursor: pointer;
margin:auto;
width:100%!important;
text-align:center;}
.retourPratiquer:hover{opacity:1;}
#retourTop img{transform:scale(0.9);}
.arrangement{ }
.ecran{height: calc(70vh); min-height:480px;}
.ecran2{height:calc(100vh);min-height:480px;}
.ecran3{height:calc(60vh);min-height:480px;}
.ecran4{height:calc(90vh);min-height:480px;}
.ecran5{height:calc(80vh);min-height:480px;}
.blanc{color:#fff;}
.gris{color:#333;}
.noir{color:#111;}
.bleuVert{color:rgb(51,153,153);}
.rouge{color:var(--couleurContraste);}
.grand{font-size:3em;}
.gras{font-weight:bold;}
.moyenMoins{font-size:1.5em;}
.moyen{font-size:1.8em;}
.moyen2{font-size:1.6rem;}
.moyenPlus{font-size:2.5em;}
.petit{font-size:1em;}
.petitMoyen{font-size:1.2em;}
.toutPetit{font-size:0.8em;}
.has-huge-font-size{font-size:1.5em;}
.has-large-font-size{font-size:1.2em}
.has-small-font-size{font-size:0.7em;}
.aligncenter, has-text-align-center{text-align:center;}
.fondOpaque{background-color:#fff;}
.guillemetsOuvrants{margin-bottom:-30px;}
.guillemetsFermants{text-align:right!important; margin-top:-10px;}
.fondNotices {background-color:#eee;}
.margeSup{margin-top:20px;}
.colle{margin-top:0px;}
.saut-de-ligne{margin-top:55px;}
.ombre{text-shadow: 2px 2px 5px #171717;}
.guillemets{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:2em;}
.sousMenu{font-size:0.8em;}
.deuxColonnes{-moz-column-count: 2; -webkit-column-count: 2;  column-count: 2;}
.cache, .cache2,.cache3,.cache4, .cache5{height:0px; opacity:0;transition: all 2s ease-out; display:none!important;}
.cacheVisible1{display:block!important;}
.invisible{display:none!important;}
.cacheVisible{height:auto; opacity:1;}
.cache3 a, .cache4 a{text-decoration:none; color:var(--couleurContraste);}
.cache3 a:hover, .cache4 a:hover{text-decoration:underline;}
.lireLaSuite, .lireLaSuite2, .lireLaSuite3, .lireLaSuite4, .lireLaSuite5{cursor:pointer;border:1px solid var(--couleurContraste); background-color: var(--couleurContraste);width:150px; text-align:center;padding:8px; border-radius:3px; font-style:normal; font-size:1.3rem; color:#fff; }
.lireLaSuite:hover,.lireLaSuite2:hover,.lireLaSuite3:hover,.lireLaSuite4:hover,.lireLaSuite5:hover{color:#fff; background-color:var(--couleurContraste);transition: all 0.5s ease-out;border-radius: 3px 3px 30px 3px;} .cky-revisit-bottom-left{transform:scale(0.9);}
p{margin-top:10px; margin-bottom:10px; line-height:1.2em;}
aside{max-width:95%;}
.vignette3{display:inline-table; width:20%; position:relative; vertical-align:baseline;font-size:0.8em; word-break:break-word;}
.single{margin-left:25%!important;}
.presta{width:40%!important; font-size:0.9em;}
.appr{width:20%!important;}
#fondBlanc{background-color:rgba(250,250,250,1); text-align:center; padding-bottom:80px;}
.encadreBlanc{padding:10px; border:solid 1px #fff; margin-top:50px; display:block; }
.encadreGris{padding:10px; border:solid 1px #333;  margin-top:50px; display:block;}
.encadreNoir{padding:10px; border:solid 1px #000;  margin-top:50px; display:block;}
.fondReserveBlanc{padding:10px; background-color:#fff; border:5px solid rgba(255,255,255,0.5); margin-top:50px; display:block;}
.encadreContraste{padding:10px; border:solid 1px var(--couleurContraste);  display:block;}
.fondTitre{background-color:rgba(0,0,0,0.3);}
.fondTitrePage{background-color:rgba(0,0,0,0.3);margin-top:40px;} .wp-block-columns, .colonnes2{column-count:2;}
.is-vertically-aligned-top p{margin-top:0;} .vignette3:nth-child(4){margin-left:0;}
.asc{ width:50px; transform:scale(0.9);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
.asc img{opacity:0.3; -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
.ascSpecial img{opacity:0.6;}
.asc .indicateurs{opacity:0; -webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-ms-transition:all 0.8s ease-out;
-o-transition:all 0.8s ease-out;
transition: all 0.8s ease-out;}
.asc:hover .indicateurs{opacity:1;}
.asc img:hover{opacity:0.8; }
aside h3{}
.menuD{width:157px!important;}
.menuDE{width:157px!important;}
.deroulantD ul li a,.deroulantDE ul li a {min-width:137px!important;}
.menuD #boutonMenu, .menuDE #boutonMenu{width:150px!important;} .site-title{display:none!important;}
.submenu-expand{display:none!important;}
#menu-item--1{display:none!important;}
.indicateurs{opacity:1; color:#fff; padding:10px 0; right:5px; top:-35px; position:absolute; cursor:auto;}
.versLeHaut ul li, .versLeBas ul li{font-size:0.9em; opacity:0.6}
.versLeHaut ul li:last-child, .versLeBas ul li:first-child{font-size:1em; opacity:1;} .versLeBas{top:50px;;}
.sensible{opacity:1; -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
.sensible:hover{ transform:scale(1.05); }
.vignette2, .vignette2bis{display:inline-table; width:40%; text-align:left; word-break:break-word;}
.vignette2:nth-child(2n+1){margin-left:5%;}
.vignette2bis{width:30%;}
.vignette2bis:nth-child(2n+1){margin-left:25%;}
.centre{text-align:center;}
.alignGauche{text-align:left; display:inline-block;}
.boutonPA a, .boutonHA a{text-decoration:none; border-radius:3px; font-weight:bold; padding:10px; cursor:pointer;text-align:center; background-color:var(--couleurContraste); color:#fff; width:300px; display:block; margin:auto; margin-top:25px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
header a{text-decoration:none;}
.boutonPA a:hover, .boutonHA a:hover{border-radius:3px 3px 30px 3px; }
.boutonGrand{width:250px!important;}
header{text-align:center; min-height:100%}
header h1{ padding: calc(1em + 32px) 1em 1em; width:52%; margin:auto; }
section{border-top:solid 1px #333;}
#bienvenue,#bienvenue2, #section1{border:none; background-color:rgba(0,0,0,0.3); color:#fff;}
#bienvenueNom{font-size:3.8em;}  @keyframes apparition { 0%{opacity:0;} 30%{opacity:0.3} 100%{opacity:1;} }
#section1{background : url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section1.jpg) no-repeat bottom center fixed; background-size:cover; -webkit-background-size:cover; animation-name : apparition; animation-duration : 1.0s; }
#verbatim, #sousDec3, #sousDec4{width:60%; margin:auto;margin-top:50px; padding-top:1px;}
#sousDec3{width:40%; color:#000; font-style:italic;}
#sousDec4{text-align:center; font-size:2rem; font-weight:bold; font-style:italic; color:#000;}
#verbatim{padding-bottom:20px;}
#accueil1{ padding-top:8%; text-align:center;}
#decouvrir2{background-color:rgba(255,255,255,0.8); color:#333; padding-top:50px;}
#decouvrir2 img, #decouvrir3 img, #decouvrir4 img, #section2-2 img, .vignetteRonde img, #Azone1 img, #Azone2 img, #Azone3 img, .vignette2 img{border-radius:50%; text-align:center; margin-bottom:20px;max-width:100%; height:auto;}
.rectangle img, .pasRond img  {border-radius:0!important;}
#decouvrir2 img{ }
#decouvrir3{background-color:rgba(255,255,255,1); text-align:left; margin-top:-50px;}
#decouvrir4{background-color:rgba(255,255,255,0.7); text-align:left; margin-top:-50px;}
#sousDec4{font-style:italic; padding-bottom:5%;color:#111;}
.decale120px{margin-left:120px;}
.decale120pxD{margin-right:120px;}
.decaleTop{margin-top:50px;}
.decaleBottom{margin-bottom:60px;}
.wp-block-image{width:100%!important;}
article aside{margin:auto;margin-top:50px; padding:20px; width:70%; }
.boutonPA{font-weight:bold;}
#boutonGauche{padding:10px; font-size:1.4em; background-color:var(--couleurContraste); width:150px; margin-left:calc(50% - 200px);margin-top:calc(5% - 5px); color:#fff;transition: all 0.5s ease-out; border-radius:3px;border:solid 1px var(--couleurContraste); }
#boutonGauche:hover{border-radius: 3px 3px 30px 3px; border:solid 1px #fff;}
#boutonDroite{padding:10px;float:left; font-size:1.4em;margin-left:calc(50% + 20px); margin-top:-44px; width:150px; border:solid 1px var(--couleurContraste);background-color:var(--couleurContraste); color:#fff;border-radius:3px;transition: all 0.5s ease-out; }
#boutonDroite:hover{background-color:var(--couleurContraste); color:#fff; border:solid 1px #fff;border-radius: 3px 3px 30px 3px;}
#partenaires{ width:280px; margin:20% 2% 2% auto;}
#section2{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section2.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover;  position:relative;}
#section2-2{background-color:rgba(255,255,255,0.7); padding-top:0px; text-align:center;}
.sousTitre{color:var(--couleurContraste); font-weight:bold; text-align:center!important; font-size:2.1rem; word-break:keep-all;}
#Azone0{font-size:1.6rem;}
#Azone01{text-align:left;} #Azone1 p, #Azone2 p, #Azone3 p{text-align:left;} 
#pratiquer3{ display:none;padding-top:300px; padding-bottom:300px; text-align:center;}
article ul{text-align:left; margin-top:2%;}
article ul li{margin-top:1%; }
.cache5 ul li{width:100%;}
#boutonPratiquer{float:left; padding:11px;margin-left:calc(50% - 100px); margin-top:-63px; width:180px; background-color:rgba(0,0,0,0.2); font-size:2em;border:solid 2px #FFF; color:#FFF;}
.cote{background-color:rgba(0,0,0,0.3); width:100px; position:absolute; right:0; top:0; display:none;}
#section3{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section3.jpg) no-repeat center center fixed; background-size:cover; position:relative;animation-name : apparition; animation-duration : 1.0s;}
#sousSection3-2, #sousSection3-3{background-color:rgba(255,255,255,0.8); padding-top:10px; padding-bottom:10px;}
#sousSection3-2{background-color:rgba(255,255,255,0.90);}
#sousSection3-2 img{height:auto; max-width:100%;}
#sousSection3-3{background-color:rgba(255,255,255,0.95); padding-bottom:50px;}
#sousSection3-2 div, #sousSection3-3 div{width:75%; margin:auto;}
#individuel4{display:none;width:75%; margin:auto; padding-top:250px; padding-bottom:250px;}
#expositionsListe{width:60%; margin:auto;}
#boutonIndividuel{float:left; padding:11px;margin-left:calc(50% - 100px); margin-top:-63px; width:200px; background-color:rgba(0,0,0,0.2); font-size:1.8em;border:solid 2px #FFF; color:#FFF;}
#section4{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section4.jpg) no-repeat top center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#section4-2{background-color:rgba(255,255,255,0.8);padding-top:1px; font-size:1.9rem; }
#section4-3{background-color:rgba(255,255,255,0.95);padding-top:10px; } #section4-4{width:100%; margin:auto;}
#boutonGroupe{float:left; padding:11px;margin-left:calc(50% - 100px); margin-top:-63px; width:200px; background-color:rgba(0,0,0,0.2); font-size:1.8em;border:solid 2px #FFF; color:#FFF;}
#section5{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section5.jpg) no-repeat top center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#section5 aside{font-size:1em;}
#section5-2{background-color:rgba(255,255,255,0.8);padding-top:10px;}
#section5-3{background-color:rgba(255,255,255,0.92);padding-top:10px; } #section5-4{width:75%; margin:auto; padding-top:250px; padding-bottom:250px;} #section6{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section6.jpg) no-repeat bottom center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#section5 aside{font-size:1em;}
#contacter2{background-color:rgba(255,255,255,0.8);padding-top:20px; padding-bottom:20px; }
#contacter3{background-color:#eee;padding-top:5px; padding-bottom:20px;} #contacter4{width:75%; margin:auto; padding-top:250px; padding-bottom:250px;}
#section6 article aside{width:50%;}
#contacter2 p{margin-top:0; margin-bottom:0;}
.wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap input{border:dotted 1px #444; opacity:0.7; width:80%;color: #222222; font-size: 1em;}
.wpcf7-response-output{font-weight:bold; color:var(--couleurContraste);}
.wpcf7-quiz{width:70%;}
.quiz-523{display:inline-block; margin-left:23px;}
.wpcf7-form-control-wrap textarea{font-size:1.2em; padding-top:20px;}
.wpcf7-form-control-wrap input{ height: 25px;} .wpcf7-submit{padding:5px 10px; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:1.08em; background-color:var(--couleurContraste); color:#fff; border:solid 1px var(--couleurContraste); border-radius:3px; cursor:pointer; margin-left:33%; 
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
.wpcf7-submit:hover{border-radius:3px 3px 30px 3px; background-color:var(--couleurContrasteRGBA1); border:solid 1px #fff; color:#fff;}
.screen-reader-response{display:none;}
.wpcf7-not-valid-tip{display:block; color:#A00;}
.wpcf7-validation-errors{color:#A00;}
.wpcf7-mail-sent-ok{color:#44A09F; font-weight:bold;}
.wpcf7-not-valid-tip-no-ajax{display:inline-block; color:#A00;}
.wpcf7-quiz-label{font-weight:bold;}
.wpcf7-quiz{width:200px!important;}
#avertissement{font-size:0.88em; display:inline-block;width:80%; margin-bottom:20px;padding:10px; line-height:1em; color:#000;}
footer{background-color:#333; color:#CCC; padding:15px 0px ; text-align:center; margin-top:55px;}
.entry-footer, .entry-header{display:none;}
.liensFooter{width:50%; margin:auto;  padding-bottom: 20px; padding-top:10px;}
footer a{color:#ccc; text-decoration:none;}
footer a:hover{color:#eee; cursor:pointer;}
#pourcelot{text-align:right; margin-top:-125px; opacity:0.8; }
#pourcelot:hover{opacity:1;}
#lienSitePhl{display:inline-block;height:20px;} .pagesInterieures{margin-top:-1px!important;}
#PI-oeuvres{background :url(https://sabine-cibert.fr/wp-content/uploads/PA-oeuvres.jpg) no-repeat center center fixed; background-size:cover; margin-top:5%; position:relative;}
#SPOeuvres{width:100%; max-width:100%; margin:auto;margin-top:50px;}
#PI-expositions{background :url(https://sabine-cibert.fr/wp-content/uploads/PA-expositions.jpg) no-repeat center center fixed; background-size:cover; margin-top:5%; position:relative;}
#PI-biographie{background :url(https://sabine-cibert.fr/wp-content/uploads/PA-biographie.jpg) no-repeat center center fixed; background-size:cover; margin-top:5%; position:relative;}
#PI-ecrits{background :url(https://sabine-cibert.fr/wp-content/uploads/PA-ecrits.jpg) no-repeat center center fixed; background-size:cover; margin-top:5%; position:relative;}
#PI-contacter{background :url(https://sabine-cibert.fr/wp-content/uploads/PA-contacter.jpg) no-repeat center center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#PI-article{background-color:rgba(255,255,255,0.8);}
#PI-aside{font-size:0.8em; width:100%; max-width:100%;padding:0; margin:0; }
#PI-aside p, #PI-aside figure{margin:0; padding-left:20%; padding-right:20%;}
#PI-aside figure img{max-width:100%;}
#PI-aside figcaption{font-size:0.6em;}
.titre{text-transform: uppercase; font-size:2.7em!important;}
.bouton{ }
.bouton a{ display: inline-block; margin-top:15px; margin-bottom:10px;padding:8px 8px; background-color:var(--couleurContrasteRGBA1); border:solid 1px var(--couleurContraste); text-align:center; text-decoration:none; border-radius:3px; color:#fff; font-size:1.5rem; text-decoration:none!important;}
.bouton a:hover{border-radius:3px 3px 30px 3px; background-color:var(--couleurContrasteRGBA1);color:#fff; -webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
.btnSC a{ bottom:10px; left:23%;font-size:0.9em; font-weight:bold;}
#PI-aside a{text-decoration:none; color:#333;}
#PI-aside a:hover{text-decoration:underline;}
.boutonFooter a{ display: inline-block; margin-top:15px; margin-left:10px; padding:10px 10px; background-color:#333; border:solid 1px #AAA; text-align:center; text-decoration:none; border-radius:3px; color:#CCC; font-size:0.8em; text-decoration:none!important;}
.boutonFooter a:hover{border-radius:3px 3px 30px 3px; background-color:rgba(250,250,250,0.1); -webkit-transition: all 0.5s ease-out; 
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
#navBas{margin-bottom:30px;}
iframe{max-width:100%;width:100%; height:600px;}  .rwd-container #rwd-counter{display:none;} div[class^="title-block_"] h3{display:none;} div[class^="title-block_"] {color:#FFF!important; line-height:normal;}
.title-block_2:hover{}  .pageOeuvres{background-color:#fff!important;}
.metaslider{margin:auto; margin-bottom:50px;}
.flex-control-paging{justify-content:center!important;}
.flex-control-paging li a{border:solid 1px #000; color:transparent;}
.caption{text-align:center!important; font-size:0.6em!important; background:none; color:#333!important; margin-bottom: -20px; font-family:'Raleway', Arial, Helvetica, sans-serif!important; font-weight:bold; color:#111!important;}
.caption-wrap{margin:auto!important; margin-top:-10px!important; width:100%!important;background:none!important; position:relative!important;}
.metaslider.ms-theme-simply-dark .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a{width:10px!important; height:10px!important; margin:0 0 5px 15px!important;} .flex-direction-nav a{color:#222!important; border:solid 1px #333!important;}   @media screen and (max-height:900px){
#partenaires{margin:10% 2% 2% auto;	}
}
@media screen and (max-height:750px){
#partenaires{margin:5% 2% 2% auto ;	} }
@media screen and (max-width:1400px){
.vignette3{width:25%;} #logoWatermark{left:-10px!important; }	
#tourisme3{padding-left:5%; padding-right:5%;}
#tourisme2.moyen{font-size:1.8em;}
#verbatim, #sousDec3, #soudDec4{width:50%;}
#containerGoogleMap{width:60%;}
#logo{position:absolute;}
}
@media screen and (max-width:1200px){
#Rzone3{width:50%; margin-left: calc(50% - 420px);}
#Rzone4{width:50%; margin-left: calc(50% - 420px);}
}
@media screen and (max-width:1080px){
#verbatim,#sousDec3, #sousDec4{width:70%;} 
#section6 article aside{width:70%;}
}
@media screen and (max-width:900px){ .vignette3{width:35%;}
header h1{padding:1em;}
.boutonHA a{display:block; width:250px; margin-bottom:20px;}
#section4-2{padding-bottom:50px;}
#logo{transform:scale(0.8); left:-30px;}
.sousTitre{font-size:1.2em;}
}
@media screen and (max-width:800px){ .asc img{opacity:0.5;} #accueil1{margin-bottom:30%;}
#partenaires{margin:25% auto;}
#tourisme3 ul li{width:100%;}
#tourisme2, #tourisme3{padding: 5% 15%;}
#espacesEnImages, #chambresEnImages{ }
#tourismeEnImages{padding-bottom:8%;}
#Rzone3, #Rzone4{width:60%; margin-left: calc(50% - 420px);}
#verbatim,#sousDec3, #sousDec4{width:80%;}
#containerGoogleMap{width:80%;}
#PI-aside p, #PI-aside figure{padding-left:10%; padding-right:10%;}
#section6 article aside{width:80%;} .cky-revisit-bottom-left{transform:scale(0.7);}
}
@media screen and (max-width:650px){
#bienvenue{text-align:left; }
#bienvenueNom{font-size:3em;}
#felden{font-weight:normal;}
#logo{transform:scale(0.7); top:-10px; }
#accueil{background : url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/gite/petit/gite-01.jpg) no-repeat center center fixed, url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/gite/gite-01-attente.jpg) no-repeat center center fixed ;background-size:cover; -webkit-background-size:cover;}
#accueil1{margin-bottom:80%;}
#chambres{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/chambres/petit/chambres06.jpg) no-repeat center center fixed;background-size:cover;}
#espaces{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/espaces/petit/espaces09.jpg) no-repeat center center fixed;background-size:cover;}
#espacesEnImages, #chambresEnImages{ }
#acces{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/espaces/petit/espaces02.jpg) no-repeat center center fixed;background-size:cover;}
#acces3{padding-bottom:15%;}
#tourisme{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/tourisme/petit/tourisme01.jpg) no-repeat center center fixed;background-size:cover;}
#tourismeEnImages{padding-bottom:15%;}
#tourisme3{margin-bottom:10%;}
#reserver{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/gite/petit/gite-03.jpg) no-repeat center center fixed;background-size:cover;}
#accueil1{padding-top:15%;} #verbatim,#sousDec3{width:90%; font-size:1.2em;}
#sousSection3-2 div, #sousSection3-3 div{width:auto;}
article aside{width:auto;}
.cache3 a{display:inline-block; margin-bottom:15px;} #boutonGauche{margin-left:calc(50% - 100px); margin-top:45%;}
#boutonDroite{margin-left:calc(50% - 100px); margin-top:10%;}
#priseDec{font-size:1.2em;}
#partenaires{margin:60% auto;}
article ul{margin-left:5%;}
article ul li{margin-top:8%; width:100%;}
#tourisme2, #tourisme3{padding: 5% 5%;}
#tourisme2.moyen{font-size:1.5em;}
.vignette2, .vignette2bis{width:90%;}
.vignette2:nth-child(2n+1), .vignette2bis:nth-child(2n+1){margin-left:0;}  #reserver2 aside .moyen{font-size:1.8em;}
#Rzone3, #Rzone4{width:90%; margin-left:0;}
#containerIframe iframe{ }
.wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap input{width:95%;}
header h1{ }
#contenuPop{left:10%; width:60%;}
.wp-block-colums, .colonnes2{column-count:1}
}
@media screen and (max-width:500px){
#containerIframe iframe{left:0; width:100%;}
#verbatim,#sousDec3, #sousDec4{font-size:1em; width:90%;}  #section6 article aside{width:90%;}
.bouton a{font-size:1.2rem;}
.moyenPlus{font-size:1.8em;}
#boutonGauche{margin-left:calc(50% - 100px); margin-top:45%;}
header h1{width:70%;}
} @media screen and ((max-height:1021px) and (max-width:1500px)){ }
@media screen and ((max-height:667px) and (max-width:1024px)){
#section1{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section1-1024.jpg) no-repeat bottom center fixed; background-size:cover; -webkit-background-size:cover; animation-name : apparition; animation-duration : 1.0s; }
#section2{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section2-1024.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover;  position:relative;}
#section3{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section3-1024.jpg) no-repeat center center fixed; background-size:cover; position:relative;animation-name : apparition; animation-duration : 1.0s;}
#section4{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section4-1024.jpg) no-repeat top center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#section5{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section5-1024.jpg) no-repeat top center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#section6{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section6-1024.jpg) no-repeat bottom center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
iframe{height:500px}
}
@media screen and ((max-height:500px) and (max-width:768px)){
#section1{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section1-768.jpg) no-repeat bottom center fixed; background-size:cover; -webkit-background-size:cover; animation-name : apparition; animation-duration : 1.0s; }
#section2{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section2-768.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover;  position:relative;}
#section3{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section3-768.jpg) no-repeat center center fixed; background-size:cover; position:relative;animation-name : apparition; animation-duration : 1.0s;}
#section4{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section4-768.jpg) no-repeat top center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#section5{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section5-768.jpg) no-repeat top center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#section6{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section6-768.jpg) no-repeat bottom center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
iframe{height:300px}
}
@media screen and ((max-height:195px) and (max-width:300px)){
#section1{background : url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section1-300.jpg) no-repeat bottom center fixed; background-size:cover; -webkit-background-size:cover; animation-name : apparition; animation-duration : 1.0s; }
#section2{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section2-300.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover;  position:relative;}
#section3{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section3-300.jpg) no-repeat center center fixed; background-size:cover; position:relative;animation-name : apparition; animation-duration : 1.0s;}
#section4{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section4-300.jpg) no-repeat top center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#section5{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section5-300.jpg) no-repeat top center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
#section6{background :url(//educ-ad-hoc-cie.fr/wp-content/themes/FlatPhl/images/section6-300.jpg) no-repeat bottom center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;}
iframe{height:150px}
}