/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, /*em,*/ img, ins, kbd, q, s, samp, small, strike, /*strong,*/ 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; } /* HTML5 display-role reset for older browsers */ 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: ""; /* display:block*/ height:auto; margin:0; width: 0; } ::selection { background-color:none; } /***************************** PopUp ************************/ @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(256,256,256,1); border-radius: 5px; box-shadow: 5px 5px 10px #222222; font-size:1.6em;} #popFermeture{position: absolute;right: -18px;top: -18px; cursor:pointer;} #contenuPopInterne{overflow:auto;} #contenuPop a:active, #contenuPop a:visited{text-decoration:none; color:#008080;} /************************************* GLOBAL ****************************************************************/ body{font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:1em; color:#333; font-weight:lighter; } /*nav{position:fixed; z-index:9999; width:20%; height:33px; top:33%; font-family:Arial, Helvetica, sans-serif; background: rgba(255,255,255,0.5);*/ /*background:-moz-linear-gradient(left, rgba(255,255,255,0) 21%, rgba(246,246,246,1) 40% ); background:-webkit-gradient(left top, right top, color-stop(21%, rgba(255,255,255,0)), color-stop(40%, rgba(246,246,246,1))); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 21%, rgba(246,246,246,1) 40%); background: -o-linear-gradient(left, rgba(255,255,255,0) 21%, rgba(246,246,246,1) 40%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 21%, rgba(246,246,246,1) 40%); background:linear-gradient(to right, rgba(255,255,255,0) 21%, rgba(246,246,246,1) 40%);*/ #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; #FFF;} nav li a:hover{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; } #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;} .menu-item-link-return{display:none;} #menuDeroulant ul li:nth-child(8) a{color:#fff!important;} #boutonMenu{font-size: 2em; color: #fff; text-align: center;border-bottom: solid 1px #FFF; width:120px; background-color:#222; position:fixed; z-index:999;} #menuDeroulant{margin-top:-410px;} /*.site-title, .site-description, .hidden-links, .submenu-expand{display:none;}*/ .site-title, .site-description{display:none;} .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{position:fixed; z-index:9999; right:0; text-align:right; background-color:rgba(0,0,0,0.4); }*/ #site-navigation ul li{float:none;} /*nav ul{margin-right:5.555555555555556%;} à remettre lors de la réaparition des drapeaux : */ 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; /*top:0; left:0;*/ 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;} /************* Ajouts 2017 *************/ #logo, #logoCh, #logoEsp, #logoAcc, #logoTour, #logoRes{position:absolute; top:40px; z-index:8888;} #retourTop{display:none; position:fixed; top:5px; left: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;} #retourTop img{transform:scale(0.9);} .arrangement{/*display:none;*/} .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;} .blanc{color:#fff;} .gris{color:#333;} .noir{color:#111;} .bleuVert{color:rgb(51,153,153);} .grand{font-size:3em;} .moyenMoins{font-size:1.4em;} .moyen{font-size:2.1em;} .moyenPlus{font-size:3em;} .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;} .has-text-align-right{text-align:right;} .aligncenter{text-align:center;} .fondOpaque{background-color:#fff;} .fondNotices,.wpcf7 {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;} .deuxColonnes{-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;} p{margin-top:10px; margin-bottom:10px;} aside{max-width:95%;} .vignette3{display:inline-table; width:20%;} /*.vignette3:nth-child(2), .vignette3:nth-child(3), .vignette3:nth-child(5){margin-left:5%;}*/ .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; /*transform:scale(1.0);*/ } aside h3{color:rgb(51,153,153);} .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;} /* correction Menu */ .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 ul li:nth-child(1){opacity:1;} .versLeBas ul li:nth-child(2){opacity:0.4; font-size:0.9em;} .versLeBas ul li:nth-child(3){opacity:0.4; font-size:0.9em;} .versLeBas ul li:nth-child(4){opacity:0.4; font-size:0.9em;} .versLeBas ul li:nth-child(5){opacity:0.4; font-size:0.9em;} .versLeBas ul li:nth-child(6){opacity:0.4; font-size:0.9em;}*/ .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{/*opacity:0.7;*/ transform:scale(1.05); } .vignette2{display:inline-table; width:40%; text-align:left;} .vignette2:nth-child(2n+1){margin-left:5%;} .centre{text-align:center;} .alignGauche{text-align:left; display:inline-block;} .boutonPA{border-radius:3px; font-weight:bold; cursor:pointer;text-align:center; -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;} .boutonPA a{text-decoration:none;} header a{text-decoration:none;} .boutonPA:hover{border-radius:3px 3px 30px 3px; } .boutonGrand{width:250px!important;} header{text-align:center; min-height:100%} header h1{background-color:rgba(0,0,0,0.5); padding: calc(1em + 32px) 1em 1em; width:52%; margin:auto; /*border : solid 1px #FFF; border-top:none;*/} section{border-top:solid 1px #333;} #bienvenue, #section1{border:none;} /*section{background-color:rgba(255,255,255,0.0);}*/ /************************/ @keyframes apparition { 0%{opacity:0;} 30%{opacity:0.3} 100%{opacity:1;} } #section1{background : url(https://sc.pourcelot.fr/wp-content/uploads/PA-decouvrir.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover; animation-name : apparition; animation-duration : 1.0s; } #verbatim{width:40%; margin:auto;} #accueil1{ padding-top:20%; text-align:center;} #accueil2{background-color:rgba(255,255,255,0.8); padding-top:90px; padding-bottom:90px;} #accueil2 img, #accueil3 img, #chambres2 img, #espaces2 img, #tourisme3 img, .vignetteRonde img{border-radius:200px; text-align:center; margin-bottom:20px;} #accueil2 img{border:solid 1px;} #accueil3{background-color:rgba(255,255,255,1); text-align:center;} article aside{margin:auto;margin-top:50px; padding:20px; width:70%; } #boutonContacter{padding:15px; font-size:1.4em; background-color:rgba(0,0,0,0.2); width:150px; margin-left:calc(50% - 200px);margin-top:5%; border:solid 2px #FFF; color:#FFF;} #boutonContacter:hover{background-color:rgba(0,0,0,0.4); } #boutonDecouvrir{float:left; font-size:1.4em; padding:15px;margin-left:calc(50% + 20px); margin-top:-56px; width:150px; background-color:rgba(0,0,0,0.2);border:solid 2px #FFF; color:#FFF;} #boutonDecouvrir:hover{background-color:rgba(0,0,0,0.4); } #partenaires{/*position:absolute; right:10px; bottom:35px;*/width:280px; margin:20% 2% 2% auto;} #section2{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-oeuvres.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover; margin-top:5%; position:relative;} #oeuvres2{background-color:rgba(255,255,255,0.8); padding-top:80px; padding-bottom:100px; text-align:center;} #oeuvres3{ padding-top:300px; padding-bottom:300px; text-align:center;} article ul{text-align:left; margin-left:25%; margin-top:2%;} article ul li{margin-top:2%; width:60%} #boutonOeuvres{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(https://sc.pourcelot.fr/wp-content/uploads/PA-expositions.jpg) no-repeat center center fixed; background-size:cover; position:relative;animation-name : apparition; animation-duration : 1.0s;} #section3 a{color:#222;} #expositions2, #expositions3{background-color:rgba(255,255,255,0.8); padding-top:100px; padding-bottom:100px;} #expositions3{background-color:rgba(255,255,255,1);} #expositions2 div, #expositions3 div{width:75%; margin:auto;} #expositions4{width:75%; margin:auto; padding-top:250px; padding-bottom:250px;} #expositionsListe{width:60%; margin:auto;} #boutonExpositions{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(https://sc.pourcelot.fr/wp-content/uploads/PA-biographie.jpg) no-repeat center center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;} #biographie2{background-color:rgba(255,255,255,0.8);padding-top:50px; padding-bottom:50px; } #biographie3{background-color:rgba(255,255,255,1);padding-top:100px; padding-bottom:100px;} /*#biographie2 div, #biographie3 div{width:75%; margin:auto;}*/ #biographie4{width:75%; margin:auto; padding-top:250px; padding-bottom:250px;} #boutonBiographie{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(https://sc.pourcelot.fr/wp-content/uploads/PA-ecrits.jpg) no-repeat center center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;} #section5 aside{font-size:1em;} #ecrits2{background-color:rgba(255,255,255,0.8);padding-top:50px; padding-bottom:50px; } #ecrits3{background-color:rgba(255,255,255,1);padding-top:100px; padding-bottom:100px;} /*#ecrits2 div, #ecrits3 div{width:75%; margin:auto;}*/ #ecrits4{width:75%; margin:auto; padding-top:250px; padding-bottom:250px;} #boutonEcrits{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;} #section6{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-contacter.jpg) no-repeat center 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:100px;} /*#ecrits2 div, #ecrits3 div{width:75%; margin:auto;}*/ #contacter4{width:75%; margin:auto; padding-top:250px; padding-bottom:250px;} #section6 article aside{width:50%;} #contacter2 p{margin-top:0; margin-bottom:0;} /*#acces1{position:relative;} #acces1 #Accss-enHaut .indicateurs{top:-65px;} #acces header h1{background-color:rgba(0,0,0,0.4);} #acces2, #acces3{background-color:rgba(255,255,255,0.85); padding-top:5%; padding-bottom:5%;} #containerGoogleMap{width:50%; height:450px; margin:auto; position:relative;} #cache{width:100%; height:450px; position:absolute; cursor:pointer;} #containerGoogleMap iframe{width:100%; height:100%;}*/ /*#acces2{margin-top:-10%;}*/ /*#tourisme{background :url(../images/tourisme/tourisme01.jpg) no-repeat center center fixed; background-size:cover; position:relative; } #tourisme1{position:relative;} #tourisme1 #Tour-enHaut .indicateurs{top:-80px;} #tourismeEnImages{background-color:rgba(255,255,255,0.7);padding-bottom:5%;} #tourismeEnImages a{text-decoration:none;} #tourisme2, #tourisme3{background-color:rgba(255,255,255,0.7);; padding-top:5%; padding-bottom:5%; padding-left: 25%;padding-right: 25%;line-height: 1.2em;} #tourisme header h1{background-color:rgba(0,0,0,0.1);} #tourisme3{background-color:rgba(255,255,255,1);} #tourisme3 ul li{width:auto;} #tourisme3 a{text-decoration:none; color:#666; -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;} #tourisme3 a:hover{background-color:rgb(51,153,153); color:#fff; padding:2px 3px;} #tourisme3 img a:hover{background-color:transparent!important;}*/ /*#section5{background :url(../images/SabineCibert2Grand.jpg) no-repeat center center fixed; background-size:cover; position:relative; animation-name : apparition; animation-duration : 1.0s;} #reserver1{position:relative;} #reserver1 #Res-enHaut .indicateurs{top:-95px;} #reserver header h1{background-color:rgba(0,0,0,0.2);} #reserver2, #reserver3{background-color:rgba(255,255,255,0.8); overflow:hidden;} #containerIframe{position:relative; height:290px;} #containerIframe iframe{position:absolute; left:-32px; width:490px; height:290px;} #Rzone3 p{margin-top:5%;} #reserver2 a{text-decoration:none; color:#333;} #reserver2 a:hover{text-decoration:underline;} #wpcf7-f6-o1{} #wpcf7-f145-o1 p{margin-top:10px; font-size:0.8em;} #Rzone4 >p{margin-top:5%;} #Rzone4 p:last-child{font-size:0.7em; margin-top:0;} #Rzone3{} #Rzone4{margin-bottom:10%;}*/ .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-quiz{width:70%;} .quiz-523{display:inline-block; margin-left:23px;} #quiz{width:150px;} .wpcf7-form-control-wrap textarea{font-size:1.2em; padding-top:20px;} .wpcf7-form-control-wrap input{ height: 25px;} /*.your-name input{width:100px; border:none;}*/ .wpcf7-submit{padding:10px 20px; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:1.5em; background-color:#eee; color:#444; border:solid 2px #fff; border-radius:3px; cursor:pointer; -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:rgba(0,0,0,0.1)*/ } .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;} footer{background-color:#333; color:#CCC; padding:15px 0px ; text-align:center;} .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; /*filter:alpha(opacity=50);*/} #pourcelot:hover{opacity:1;} /*********************** pages intérieures *****************************************************/ .pagesInterieures{margin-top:-1px!important;} #PI-oeuvres{background :url(https://sc.pourcelot.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://sc.pourcelot.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://sc.pourcelot.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://sc.pourcelot.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://sc.pourcelot.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%;height:100%;} #PI-aside figcaption{font-size:0.6em;} .titre{text-transform: uppercase; font-size:2.7em!important;} .bouton{/*padding-top:15px;*/} .bouton a{ display: inline-block; margin-top:15px;padding:10px 10px; background-color:rgba(0,0,0,0); border:solid 1px #333; text-align:center; text-decoration:none; border-radius:3px; color:#333; font-size:0.8em; text-decoration:none!important;} .bouton a:hover{border-radius:3px 3px 30px 3px; background-color:rgba(0,0,0,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;} #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%;} /***********Plugin Grid + LightBox*************/ /*#web_pace_portfolio_content_2, #web_pace_portfolio_content_3{border:none;} /*div[id^="web_pace_portfolio_content_"]{border:none;}*/ .rwd-container #rwd-counter{display:none;} /*.title-block_2 h3, .title-block_3 h3{display:none;}*/ div[class^="title-block_"] h3{display:none;} /*.title-block_2, .title-block_2, .title-block_3, .title-block_3{color:#FFF!important; line-height:normal;}*/ div[class^="title-block_"] {color:#FFF!important; line-height:normal;} .title-block_2:hover{} .portelement portelement_2 portfolio-lightbox, .portelement portelement_3 portfolio-lightbox {opacity:0.5;background-color:rgba(250,250,250,0.5)} .portelement portelement_2 portfolio-lightbox:hover, .portelement portelement_3 portfolio-lightbox:hover {opacity:0.5;)} /*.portelement_2 .title-block_2, .portelement_3 .title-block_3{background: rgba(0,0,0,0.5)!important;line-height:normal!important;}*/ section[id^="web_pace_portfolio_content_"]{border:none;padding-left:8%; /*background-color:#FFF;*/}*/ .photo-portfolio-content.option-set li a:hover{background-color:#555!important;} .featherlight{display:none!important;} /**************** mediaslider + lightBox******************/ .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;} /*.metaslider.ms-theme-simply-dark .flexslider:hover{transform:scale(0.5,1)!important;}*/ .flex-direction-nav a{color:#222!important; border:solid 1px #333!important;} /************************************************************************************************************************************************************************************/ /******************************************************************************** Media Query **************************************************************************************/ /**********************************************************************************************************************************************************************************/ @media screen and (max-height:900px){ #partenaires{margin:10% 2% 2% auto; } } @media screen and (max-height:750px){ #partenaires{margin:5% 2% 2% auto ; } .bouton a{font-size:1.2em;} } @media screen and (max-width:1400px){ .vignette3{width:25%;} /*#partenaires{bottom:5%;}*/ #logoWatermark{left:-10px!important; } #tourisme3{padding-left:5%; padding-right:5%;} #tourisme2.moyen{font-size:1.8em;} #verbatim{width:50%;} #containerGoogleMap{width:60%;} } @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{width:70%;} #section6 article aside{width:70%;} } @media screen and (max-width:900px){ /*#bandeau{display:none;}*/ .vignette3{width:35%;} header h1{padding:1em;} } @media screen and (max-width:800px){ /*.asc .indicateurs{opacity:0.8;}*/ .asc img{opacity:0.5;} #logo{top:0; left:calc(50% - 170px);} #accueil1{margin-bottom:30%;} #partenaires{margin:25% auto;} #tourisme3 ul li{width:100%;} #tourisme2, #tourisme3{padding: 5% 15%;} #espacesEnImages, #chambresEnImages{/*margin-bottom:8%*/} #tourismeEnImages{padding-bottom:8%;} #Rzone3, #Rzone4{width:60%; margin-left: calc(50% - 420px);} #verbatim{width:80%;} #containerGoogleMap{width:80%;} #PI-aside p, #PI-aside figure{padding-left:10%; padding-right:10%;} #section6 article aside{width:80%;} } @media screen and (max-width:650px){ #logo{transform:scale(0.8);} #logoWatermark{/*left:-30px!important;*/ transform:scale(0.4)!important;} #accueil{background : url(../images/gite/petit/gite-01.jpg) no-repeat center center fixed, url(../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(../images/chambres/petit/chambres06.jpg) no-repeat center center fixed;background-size:cover;} #espaces{background :url(../images/espaces/petit/espaces09.jpg) no-repeat center center fixed;background-size:cover;} #espacesEnImages, #chambresEnImages{/*margin-bottom:15%*/} #acces{background :url(../images/espaces/petit/espaces02.jpg) no-repeat center center fixed;background-size:cover;} #acces3{padding-bottom:15%;} #tourisme{background :url(../images/tourisme/petit/tourisme01.jpg) no-repeat center center fixed;background-size:cover;} #tourismeEnImages{padding-bottom:15%;} #tourisme3{margin-bottom:10%;} #reserver{background :url(../images/gite/petit/gite-03.jpg) no-repeat center center fixed;background-size:cover;} #accueil1{padding-top:35%;} .grand, .moyenPlus{font-size:2em!important;} .moyenMoins{font-size:1.3em;} .moyen{font-size:1.5em;} #verbatim{width:90%; font-size:1.2em;} #boutonContacter{margin-left:calc(50% - 100px); margin-top:15%;} #boutonDecouvrir{margin-left:calc(50% - 100px); margin-top:20%;} #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{width:90%;} .vignette2:nth-child(2n+1){margin-left:0;} /*#containerIframe{transform:scale(0.8); margin-left:-16%;}*/ /*#itea_widget_dispo.itea_widget_dispo_2mois{width:50%!important;}*/ #reserver2 aside .moyen{font-size:1.8em;} #Rzone3, #Rzone4{width:90%; margin-left:0;} #containerIframe iframe{/*left:0; width:100%;*/} .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap input{width:95%;} header h1{/*margin:0;*/} #contenuPop{left:10%; width:60%;} } @media screen and (max-width:500px){ #containerIframe iframe{left:0; width:100%;} #verbatim{font-size:1em; width:90%;} /*#contenuPop{left:20%;}*/ header h1{margin:0;} #section6 article aside{width:90%;} } /********************* Média Query pour gérer les images de fond //////////////////////////////////////*/ @media screen and ((max-height:1021px) and (max-width:1500px)){ #section1{background : url(https://sc.pourcelot.fr/wp-content/uploads/PA-decouvrir-1568x1021.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover; animation-name : apparition; animation-duration : 1.0s; } #section2{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-oeuvres-1568x1021.jpg) no-repeat center center fixed; background-size:cover; margin-top:5%; } #section3{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-expositions-1568x1021.jpg) no-repeat center center fixed; background-size:cover;} #section4{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-biographie-1568x1021.jpg) no-repeat center center fixed; background-size:cover;} #section5{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-ecrits-1568x1021.jpg) no-repeat center center fixed; background-size:cover;} #section6{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-contacter-1568x1021.jpg) no-repeat center center fixed; background-size:cover;} #SPOeuvres{width:80%!important; max-width:80%!important} } @media screen and ((max-height:667px) and (max-width:1024px)){ #section1{background : url(https://sc.pourcelot.fr/wp-content/uploads/PA-decouvrir-1024x667.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover; animation-name : apparition; animation-duration : 1.0s; } #section2{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-oeuvres-1024x667.jpg) no-repeat center center fixed; background-size:cover; margin-top:5%; } #section3{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-expositions-1024x667.jpg) no-repeat center center fixed; background-size:cover;} #section4{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-biographie-1024x667.jpg) no-repeat center center fixed; background-size:cover;} #section5{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-ecrits-1024x667.jpg) no-repeat center center fixed; background-size:cover;} #section6{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-contacter-1024x667.jpg) no-repeat center center fixed; background-size:cover;} #SPOeuvres{width:80%!important; max-width:80%!important} } @media screen and ((max-height:500px) and (max-width:768px)){ #section1{background : url(https://sc.pourcelot.fr/wp-content/uploads/PA-decouvrir-768x500.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover; animation-name : apparition; animation-duration : 1.0s; } #section2{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-oeuvres-768x500.jpg) no-repeat center center fixed; background-size:cover; margin-top:5%; position:relative;} #section3{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-expositions-768x500.jpg) no-repeat center center fixed; background-size:cover; position:relative;animation-name : apparition; animation-duration : 1.0s;} #section4{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-biographie-768x500.jpg) no-repeat center center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;} #section5{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-ecrits-768x500.jpg) no-repeat center center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;} #section6{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-contacter-768x500.jpg) no-repeat center center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;} } @media screen and ((max-height:195px) and (max-width:300px)){ #section1{background : url(https://sc.pourcelot.fr/wp-content/uploads/PA-decouvrir-300x195.jpg) no-repeat center center fixed; background-size:cover; -webkit-background-size:cover; animation-name : apparition; animation-duration : 1.0s; } #section2{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-oeuvres-300x195.jpg) no-repeat center center fixed; background-size:cover; margin-top:5%; position:relative;} #section3{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-expositions-300x195.jpg) no-repeat center center fixed; background-size:cover; position:relative;animation-name : apparition; animation-duration : 1.0s;} #section4{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-biographie-300x195.jpg) no-repeat center center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;} #section5{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-ecrits-300x195.jpg) no-repeat center center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;} #section6{background :url(https://sc.pourcelot.fr/wp-content/uploads/PA-contacter-300x195.jpg) no-repeat center center fixed; background-size:cover; animation-name : apparition; animation-duration : 1.0s;} }