/*normalize.css v8.0.1*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*reset.css*/a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
@font-face {
font-family: 'Mustache Brush Script';
font-style: normal;
font-weight: normal;
src: url('../fonts/MustacheBrushScript.woff2') format('woff2'),
url('../fonts/MustacheBrushScript.woff') format('woff');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
src: local(''),
url('../fonts/oswald-v23-latin-300.woff2') format('woff2'),
url('../fonts/oswald-v23-latin-300.woff') format('woff');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
src: local(''),
url('../fonts/oswald-v23-latin-500.woff2') format('woff2'),
url('../fonts/oswald-v23-latin-500.woff') format('woff');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
src: local(''),
url('../fonts/oswald-v23-latin-regular.woff2') format('woff2'),
url('../fonts/oswald-v23-latin-regular.woff') format('woff');
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 300;
src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
url('../fonts/titillium-web-v7-latin-300.woff2') format('woff2'),
url('../fonts/titillium-web-v7-latin-300.woff') format('woff');
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
url('../fonts/titillium-web-v7-latin-regular.woff2') format('woff2'),
url('../fonts/titillium-web-v7-latin-regular.woff') format('woff');
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;
src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
url('../fonts/titillium-web-v7-latin-600.woff2') format('woff2'),
url('../fonts/titillium-web-v7-latin-600.woff') format('woff');
}
@font-face {
font-family: 'fontello';
src: url('../fonts/fontello.eot?51898380');
src: url('../fonts/fontello.eot?51898380#iefix') format('embedded-opentype'),
url('../fonts/fontello.woff2?51898380') format('woff2'),
url('../fonts/fontello.woff?51898380') format('woff'),
url('../fonts/fontello.ttf?51898380') format('truetype'),
url('../fonts/fontello.svg?51898380#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
font-size: 120%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-home:before { content: '\e800'; } /* '' */
.icon-right-slim:before { content: '\e801'; } /* '' */
.icon-left-slim:before { content: '\e802'; } /* '' */
.icon-down-slim:before { content: '\e803'; } /* '' */
.icon-up-slim:before { content: '\e804'; } /* '' */
.icon-down-bold:before { content: '\e805'; } /* '' */
.icon-left-bold:before { content: '\e806'; } /* '' */
.icon-right-bold:before { content: '\e807'; } /* '' */
.icon-up-bold:before { content: '\e808'; } /* '' */
.icon-right:before { content: '\e809'; } /* '' */
.icon-mail:before { content: '\e80a'; } /* '' */
.icon-print:before { content: '\e80b'; } /* '' */
.icon-close:before { content: '\e80c'; } /* '' */
.icon-play:before { content: '\e80d'; } /* '' */
.icon-list:before { content: '\e80e'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-pdf:before { content: '\f1c1'; } /* '' */
.icon-viadeo:before { content: '\f2a9'; } /* '' */
/* ==========================================================================
Helper classes
========================================================================== */
.hidden {
display: none !important;
visibility: hidden;
}
.invisible {
visibility: hidden;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clear{
clear: both;
}
.wrapper{
width:1200px;
margin:0 auto;
}
.hidden_desk{
display:none;
}
img{
display:block;
}
a,
a:visited,
a:hover,
a:focus{
color:inherit;
text-decoration:none;
}
li.disable > a{
pointer-events: none;
}
a.button_blue{
padding: 10px;
background: #006d93;
color: #ffffff !important;
transition: ease-out 0.5s;
}
a.button_blue:hover{
background: #ffffff ;
border: 1px solid #006d93;
color: #006d93 !important;
transition: ease 0.5s;
}
.wysiwyg p{
margin-bottom:20px;
}
.wysiwyg ul{
}
.wysiwyg ul li{
}
body.single-salles h2{
margin-bottom:30px;
}
h2{
font-family: 'Oswald';
font-weight:300;
font-size:24px;
letter-spacing:6px;
text-transform:uppercase;
line-height:1.4;
margin-bottom:50px;
}
h2 b{
display:block;
font-weight:500;
letter-spacing:0;
text-transform:none;
}
.btn{
font-family: 'Oswald';
color:#ffffff !important;
font-size:22px;
font-weight:300;
display:inline-block;
padding: 8px 55px 12px 18px;
border:1px solid #ffffff;
background:rgba(0,0,0,0.6);
position:relative;
transform: perspective(1px) translateZ(0);
}
.btn:after{
content: "\e809";
font-family: "fontello";
font-size: 20px;
position: absolute;
top: 12px;
right: 20px;
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.btn:hover:after{
transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
right:15px;
}
.btn:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:#006b93;
transform: scaleX(0);
transform-origin:0 50%;
transition-property: transform;
transition-duration: 0.8s;
transition-timing-function: ease-out;
}
.btn:hover:before,
.btn:focus:before,
.btn:active:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
b,strong{
font-weight:bold;
}
html,body,*{
box-sizing:border-box;
}
body{
font-family: 'Titillium Web';
font-size:16px;
padding-top: 122px;
}
/* ==========================================================================
Default Wysiwyg
========================================================================== */
.wysiwyg{
line-height:1.6
}
.wysiwyg a{
text-decoration:none
}
.wysiwyg a:hover{
border-bottom:1px solid
}
.wysiwyg abbr{
border-bottom:1px dotted;cursor:help
}
.wysiwyg cite{
font-style:italic
}
.wysiwyg hr{
background:#e6e6e6;
border:none;
display:block;
height:1px;
margin-bottom:1.4em;
margin-top:1.4em
}
.wysiwyg img{
vertical-align:text-bottom
}
.wysiwyg ins{
background-color:lime;
text-decoration:none
}
.wysiwyg mark{
background-color:#ff0
}
.wysiwyg small{
font-size:0.8em
}
.wysiwyg strong{
font-weight:700
}
.wysiwyg sub,
.wysiwyg sup{
font-size:0.8em
}
.wysiwyg sub{
vertical-align:sub
}
.wysiwyg sup{
vertical-align:super
}
.wysiwyg p,
.wysiwyg dl,
.wysiwyg ol,
.wysiwyg ul,
.wysiwyg blockquote,
.wysiwyg pre,
.wysiwyg table{
margin-bottom:1.4em
}
.wysiwyg p:last-child,
.wysiwyg dl:last-child,
.wysiwyg ol:last-child,
.wysiwyg ul:last-child,
.wysiwyg blockquote:last-child,
.wysiwyg pre:last-child,
.wysiwyg table:last-child{
margin-bottom:0
}
.wysiwyg p:empty{
display:none
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6{
font-weight:700;
line-height:1.2
}
.wysiwyg h1:first-child,
.wysiwyg h2:first-child,
.wysiwyg h3:first-child,
.wysiwyg h4:first-child,
.wysiwyg h5:first-child,
.wysiwyg h6:first-child{
margin-top:0
}
.wysiwyg h1{
font-size:2.4em;
margin-bottom:.58333em;
margin-top:.58333em;
line-height:1
}
.wysiwyg h2{
font-size:1.6em;
margin-bottom:.875em;
margin-top:1.75em;
line-height:1.1
}
.wysiwyg h3{
font-size:1.3em;
margin-bottom:1.07692em;
margin-top:1.07692em
}
.wysiwyg h4{
font-size:1.2em;
margin-bottom:1.16667em;
margin-top:1.16667em
}
.wysiwyg h5{
font-size:1.1em;
margin-bottom:1.27273em;
margin-top:1.27273em
}
.wysiwyg h6{
font-size:1em;
margin-bottom:1.4em;
margin-top:1.4em
}
.wysiwyg dd{
margin-left:1.4em
}
.wysiwyg ol,
.wysiwyg ul{
list-style-position:outside;
margin-left:1.4em
}
.wysiwyg ol{
list-style-type:decimal
}
.wysiwyg ol ol{
list-style-type:lower-alpha
}
.wysiwyg ol ol ol{
list-style-type:lower-roman
}
.wysiwyg ol ol ol ol{
list-style-type:lower-greek
}
.wysiwyg ol ol ol ol ol{
list-style-type:decimal
}
.wysiwyg ol ol ol ol ol ol{
list-style-type:lower-alpha
}
.wysiwyg ul{
list-style-type:disc
}
.wysiwyg ul ul{
list-style-type:circle
}
.wysiwyg ul ul ul{
list-style-type:square
}
.wysiwyg ul ul ul ul{
list-style-type:circle
}
.wysiwyg ul ul ul ul ul{
list-style-type:disc
}
.wysiwyg ul ul ul ul ul ul{
list-style-type:circle
}
.wysiwyg blockquote{
border-left:4px solid #e6e6e6;
padding:0.6em 1.2em
}
.wysiwyg blockquote p{
margin-bottom:0
}
.wysiwyg code,
.wysiwyg kbd,
.wysiwyg samp,
.wysiwyg pre{
-moz-osx-font-smoothing:auto;
-webkit-font-smoothing:auto;
background-color:#f2f2f2;
color:#333;
font-size:0.9em
}
.wysiwyg code,
.wysiwyg kbd,
.wysiwyg samp{
border-radius:3px;
line-height:1.77778;
padding:0.1em 0.4em 0.2em;
vertical-align:baseline
}
.wysiwyg pre{
overflow:auto;
padding:1em 1.2em
}
.wysiwyg pre code{
background:none;
font-size:1em;
line-height:1em
}
.wysiwyg figure{
margin-bottom:2.8em;
text-align:center
}
.wysiwyg figure:first-child{
margin-top:0
}
.wysiwyg figure:last-child{
margin-bottom:0
}
.wysiwyg figcaption{
font-size:0.8em;
margin-top:.875em
}
.wysiwyg table{
width:100%
}
.wysiwyg table pre{
white-space:pre-wrap
}
.wysiwyg th,
.wysiwyg td{
font-size:1em;
padding:.7em;
border:1px solid #e6e6e6;
line-height:1.4
}
.wysiwyg thead tr,
.wysiwyg tfoot tr{
background-color:#f5f5f5
}
.wysiwyg thead th,
.wysiwyg thead td,
.wysiwyg tfoot th,
.wysiwyg tfoot td{
font-size:.9em;
padding:.77778em
}
.wysiwyg thead th code,
.wysiwyg thead td code,
.wysiwyg tfoot th code,
.wysiwyg tfoot td code{
background-color:#fff
}
.wysiwyg tbody tr{
background-color:#fff
}
.wp-block-column a{
color: #006d93;
}
.wp-block-column a:hover{
text-decoration: none;
}
.wp-block-advgb-column a{
color: #006d93;
}
.wp-block-advgb-column a:hover{
text-decoration: none;
}
.wp-block-image img{
height: auto;
}
body.page-template-TPL-LISTE-MEDIUM .introduction a{
color: #006d93;
}
span.phone-number-hide{
cursor: pointer;
background: #006d93;
color: #ffffff;
padding: 5px;
border-radius: 10px;
margin: 0 0 10px 0;
width: 150px;
text-align: center;
}
a.phone-number-link{
display: none;
}
/* ==========================================================================
PAGINATION
========================================================================== */
nav.pagination {
width: 100%;
margin-top: 18px;
text-align: center;
}
nav.pagination .page-numbers.prev,
nav.pagination .page-numbers.next{
font-size: 16px;
display: inline-block;
text-align: center;
color: #000000;
border-bottom: none;
width:auto;
}
nav.pagination .page-numbers.prev span,
nav.pagination .page-numbers.next span{
display: inline-block;
height: 28px;
width: 28px;
background: #c9b382;
border: 2px solid #c9b382;
color: #ffffff;
line-height: 19px;
text-align: center;
font-weight: bold;
font-size: 25px;
margin-right:10px;
}
nav.pagination .page-numbers.next span{
margin-right:0;
margin-left:10px;
}
nav.pagination .page-numbers.prev:hover span,
nav.pagination .page-numbers.next:hover span{
background: #ffffff;
color: #c9b382;
}
nav.pagination .page-numbers.prev {
float: left;
}
nav.pagination .page-numbers.next {
float: right;
}
nav.pagination .page-numbers {
font-size: 14px;
display: inline-block;
height: 40px;
line-height: 40px;
width: 20px;
text-align: center;
color: #9a9a9a;
border-bottom: 2px solid #e9e9e9;
}
nav.pagination .page-numbers.current,
nav.pagination .page-numbers:hover {
border-color: #c9b382;
color: #c9b382;
}
/* ==========================================================================
BREADCRUMBS
========================================================================== */
section.breadcrumb {
height:37px;
line-height:35px;
padding:0 75px;
background:#ececec;
color:#7d7f80;
font-weight:500;
}
section.breadcrumb .separator {
font-size: 13px;
font-weight: 100;
color: #ccc;
}
section.breadcrumb:after{
content:"";
display:table;
clear:both;
}
section.breadcrumb #breadcrumbs > span > span > a:first-child{
color:#0081b1;
}
section.breadcrumb #breadcrumbs > span > span > a:first-child:before{
content: "\e800";
font-family: "fontello";
vertical-align: 1px;
margin-right: 10px;
}
/* ==========================================================================
HEADER
========================================================================== */
body > header{
background: #ffffff;
padding: 47px 75px 0 75px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
box-shadow: 0 -3px 13px -2px rgba(0,0,0,0.4);
}
header > nav > ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: flex-end;
}
header > nav > ul > li:nth-child(5){
width:15%;
}
header > nav > ul > li{
width:calc(calc(100% - 15%)/8);
color:#333739;
position:relative;
z-index:10;
}
header > nav > ul > li > a{
display:block;
padding:20px 0 17px 20px;
border-left:1px solid #e6e6e6;
border-bottom:3px solid #ffffff;
width:100%;
height:100%;
}
header > nav > ul > li > a.active,
header > nav > ul > li > a:hover,
header > nav > ul > li:hover > a,
header > nav > ul > li.current-menu-ancestor > a,
header > nav > ul > li.current-menu-item > a{
border-bottom:3px solid #238ab5;
}
header > nav > ul > li:nth-child(5) a{
padding:0;
text-align:center;
border:none;
position:relative;
}
header > nav > ul > li:nth-child(5) a img{
position: absolute;
top: -62px;
left: 50%;
transform: translateX(-50%);
z-index:1;
}
header > nav > ul > li:nth-child(4) > a,
header > nav > ul > li:last-child > a{
border-right:1px solid #e6e6e6;
}
li#menu-item-685{
color: #006b93;
}
header > nav > ul > li:hover > .sub-menu{
display:block;
}
header > nav > ul > li .sub-menu{
display: none;
position: absolute;
top: 72px;
left: 0;
z-index: 1;
width: 100%;
background: white;
padding: 10px;
}
header > nav > ul > li > .sub-menu li a{
line-height: 1.2;
padding:10px 0;
border-bottom: 2px solid lightgrey;
display:block;
}
header > nav > ul > li > .sub-menu li a:hover,
header > nav > ul > li > .sub-menu li.current-menu-item a{
border-bottom: 2px solid #238ab5;
}
/*header nav ul li#menu-item-685 a:before{
content: url(../images/picto-tel.png);
position:absolute;
left: 10px;
}
header nav ul li#menu-item-685 a:after{
content: url(../images/picto-contact.png);
position:absolute;
left: 10px;
}*/
header nav .resp{
display:none;
width:110px;
margin:-10px auto;
}
header img.bzh{
position:absolute;
top:0;
right:0;
}
header .lang{
position:absolute;
top:0;
left:75px;
}
header .lang a{
display:inline-block;
width:28px;
height:35px;
text-align:center;
line-height:32px;
text-transform:uppercase;
font-size:14px;
color:#303030;
border:1px solid #dbdbdb;
}
header .lang a.active,
header .lang a:hover{
border-color:#acacac;
}
header .show-menu {
text-decoration: none;
background: #fff;
color: #3099c0;
text-align: center;
padding: 10px 15px 10px 35px;
cursor:pointer;
display: none;
position:absolute;
top:70px;
border: 1px solid #acacac;
}
header .show-menu:before{
content:url('../img/picto-hamburger-menu.png');
display:block;
width:20px;
height:20px;
position:absolute;
top: 7px;
left: 8px;
}
header .show-menu:hover{
}
header input[type=checkbox]{
display: none;
}
header input[type=checkbox]:checked ~ ul{
display: block;
}
.country-selector.weglot-dropdown{
position: absolute;
top: 5px;
right: 130px;
}
/* ==========================================================================
BACK TO LISTE
========================================================================== */
section.back {
padding: 30px 30px 56px 30px;
}
section.back a{
font-size:16px;
}
section.back a:before{
content:'\e80e';
font-family:"fontello";
display:inline-block;
width:24px;
height:24px;
text-align:center;
line-height:26px;
background:#c9b382;
margin-right:10px;
border:2px solid #c9b382;
color:#ffffff;
}
section.back a:hover:before{
background:#ffffff;
color:#c9b382;
}
/* ==========================================================================
TOP INTRO
========================================================================== */
.top-intro{
display: flex;
flex-wrap:wrap;
overflow:hidden;
}
.top-intro .img-container{
width:calc(calc(100%/4)*3);
position:relative;
min-height:410px;
}
.top-intro .img-full{
width:100%;
min-height:410px;
position:relative;
}
.top-intro .img-container h1,
.top-intro .img-full h1{
position:absolute;
font-family:"Mustache Brush Script";
font-size: 160px;
color:#ffffff;
z-index:2;
bottom:50px;
left:80px;
}
.top-intro .img-container .clip-text,
.top-intro .img-full .clip-text{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 32%, rgba(0,0,0,0) 47%);
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 47%);
background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 47%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
font-size: 300px;
padding-top:10vh;
padding-left: 10px;
color: rgba(255,255,255,0.2);
font-family: "Oswald";
font-weight: 300;
z-index: 1;
user-select: none;
}
.top-intro .slider-container{
width:calc(calc(100%/4)*3);
position:relative;
min-height: 80vh;
}
.top-intro .slider-container .flex-control-nav{
width: 22px;
position: absolute;
bottom: auto;
text-align: unset;
color: black;
z-index: 1;
top: 45px;
right: 30px;
}
.top-intro .slider-container h1{
position:absolute;
font-family:"Mustache Brush Script";
font-size: 160px;
color:#ffffff;
z-index:2;
bottom:50px;
left:80px;
}
.top-intro .slider-container .clip-text{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 32%, rgba(0,0,0,0) 47%);
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 47%);
background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 47%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
font-size: 300px;
padding-top: 430px;
padding-left: 10px;
color: rgba(255,255,255,0.2);
font-family: "Oswald";
font-weight: 300;
z-index: 1;
user-select: none;
}
/*.top-intro .slider-container ul.slides li{
height: calc(100vh - 170px) !important;
}*/
.top-intro .slider-container ul.slides li img{
display:none;
}
body.page-template-TPL-DETAIL-TEXTE-php .top-intro .img-full .clip-text, body.page-template-TPL-LISTE-MEDIUM-php .top-intro .img-full .clip-text{
padding-top: 10vh;
}
body.page-template-page-pgl-histoire .top-intro .slider-container ul.slides li img{
display:block;
}
.top-intro .slider-container .video-foreground,
.top-intro .slider-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
.top-intro .slider-container .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
.top-intro .slider-container .video-foreground { width: 300%; left: -100%; }
}
.top-intro .text{
width:calc(calc(100%/4)*1);
vertical-align:top;
padding:65px 65px 0 65px;
background:#222729;
color:#ffffff;
text-align:center;
line-height:1.5;
position:relative;
/*height: calc(100vh - 170px);*/
}
.top-intro .text:before {
content: '';
display: block;
width: 3px;
height: 47px;
background: #ececec;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.top-intro .text h2{
letter-spacing:2px;
}
.top-intro .text h2 b{
letter-spacing:5px;
}
.top-intro .text p{
margin-bottom:25px;
}
.top-intro .text ul.pointsforts{
display:flex;
flex-wrap:wrap;
}
.top-intro .text ul.pointsforts > li{
width: 50%;
text-align: center;
margin-bottom: 20px;
}
.top-intro .text ul.pointsforts > li span{
display: flex;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 80px;
border: 2px solid #46494a;
align-items: center;
justify-content: center;
margin: 0 auto 5px auto;
}
body.single-post .top-intro .slider{
width:100%;
max-height:500px;
position:relative;
}
body.single-temoignages .top-intro .slider{
width:100%;
max-height:500px;
position:relative;
}
.top-intro .slider{
width:100%;
min-height:500px;
position:relative;
}
.top-intro .slider .slides{
width:100%;
}
.top-intro .slider .slides li{
width:100%;
}
.top-intro .slider .slides li img{
visibility:hidden;
height:100%
}
.top-intro .slider .flex-control-nav{
width: 22px;
position: absolute;
bottom: auto;
text-align: unset;
color: black;
z-index: 1;
top: 45px;
right: 30px;
}
.single-salles .top-intro{
box-shadow: 0 10px 10px -10px;
margin-bottom: 35px;
}
/* ==========================================================================
HOME EVENTS
========================================================================== */
section.home-events{
padding:535px 75px 85px 75px;
position:relative;
}
/*section.home-events h1{
font-family: 'Mustache Brush Script';
font-size:180px;
color:#ffffff;
line-height: 0.85;
}*/
.home section h2,
section.home-events h1{
font-family: 'Mustache Brush Script';
font-size:110px;
color:#ffffff;
line-height: 0.85;
text-transform:none;
/* margin:0.83em; */
letter-spacing:normal;
margin:0
}
section.home-events a{
position: absolute;
font-size: 17px;
color: #ffffff;
font-weight: 300;
font-family: 'Oswald';
right: 0;
top: 50%;
display: block;
padding: 10px 5px 10px 65px;
letter-spacing: 3px;
min-width: 200px;
transition: all 0.2s linear;
}
section.home-events a:hover{
min-width:230px;
transition:all 0.2s linear;
}
section.home-events a.simulateur{
background:#006b93;
transform:translateY(-110%);
}
section.home-events a.simulateur:before{
content:url('../img/picto-calculatrice-small.png');
position: absolute;
top: 7px;
left: 10px;
}
section.home-events a.visites{
background:#3099c0;
transform:translateY(10%);
display:none;
}
section.home-events a span{
display:block;
font-weight:500;
color:#181b1d;
letter-spacing:0;
}
/* ==========================================================================
HOME SAINT MALO
========================================================================== */
section.home-saintmalo{
padding:285px 75px 160px 75px;
}
section.home-saintmalo h2,
section.home-saintmalo h1{
margin:140px 0 30px 0;
line-height:auto
}
/*section.home-saintmalo h1{
font-family: 'Mustache Brush Script';
font-size:180px;
color:#ffffff;
margin:140px 0 30px 0;
}*/
section.home-saintmalo .flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
}
section.home-saintmalo .flex > a{
width:calc(100%/6);
color:#ffffff;
text-align:center;
padding: 10px;
transition: ease-out 0.5s;
}
section.home-saintmalo .flex > a:hover{
-webkit-box-shadow: 0px 0px 19px 8px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 19px 8px rgba(255,255,255,1);
box-shadow: 0px 0px 19px 8px rgba(255,255,255,1);
transition: ease 0.5s;
}
section.home-saintmalo .flex > a h3{
font-size:30px;
font-family: 'Oswald';
font-weight:300;
}
section.home-saintmalo .flex > a h3 b{
display:block;
font-weight:500;
}
section.home-saintmalo .flex > a p{
width: 200px;
margin: 25px auto 85px auto;
line-height:1.4;
}
section.home-saintmalo .flex > a span{
position: relative;
background: #ffffff;
/* padding: 10px; */
border-radius: 50%;
width: 40px;
height: 40px;
display: inline-flex;
color: #006b93;
font-weight: bold;
align-items: center;
justify-content: center;
transition: ease-out 0.5s;
}
section.home-saintmalo .flex > a span:hover{
background: #006b93;
color: #ffffff;
transition: ease 0.5s;
}
section.home-saintmalo .flex > a span:before{
content:"";
width:2px;
height:35px;
background:rgba(255,255,255,0.5);
display:block;
position:absolute;
bottom:45px;
left:50%;
margin-left:-1px;
}
/* ==========================================================================
HOME YOUR EVENT
========================================================================== */
section.home-yourevent{
display:flex;
flex-wrap:nowrap;
position:relative;
overflow:hidden;
}
section.home-yourevent a{
display:block;
}
section.home-yourevent > span{
position: absolute;
font-family: "Oswald";
font-weight: 300;
color: #ffffff;
font-size: 26px;
text-transform: uppercase;
z-index: 1;
transform: rotate(-90deg);
top: 100px;
left: 9px;
}
section.home-yourevent > span b{
font-weight:500;
}
section.home-yourevent > span:before{
content: "";
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.90) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0.90) 100%);
background: linear-gradient(45deg, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0.90) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
top: -17px;
right: -30px;
bottom: -19px;
left: -40px;
display: block;
position: absolute;
z-index: -1;
transform: skew(20deg);
}
section.home-yourevent > span:after{
content: "";
display: block;
position: absolute;
z-index: -1;
width: 10px;
top: -17px;
bottom: -19px;
background: rgba(0,0,0,0.40);
left: -60px;
transform: skew(20deg);
}
section.home-yourevent > a,
section.home-yourevent > div{
width:calc(100%/5);
padding:600px 0 40px 0;
text-align:center;
position:relative;
}
section.home-yourevent > a:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
section.home-yourevent > a h3,
section.home-yourevent > div h3{
font-family: 'Oswald';
font-weight:300;
font-size:35px;
color:#ffffff;
text-transform:uppercase;
letter-spacing:2px;
position:relative;
}
section.home-yourevent > a h3 span,
section.home-yourevent > div h3 span{
font-family: 'Mustache Brush Script';
display:block;
font-size:60px;
text-transform:none;
margin-top: 10px;
letter-spacing:0;
}
/*section.home-yourevent > a h2 span,
section.home-yourevent > div h2 span{
font-family: 'Mustache Brush Script';
display:block;
font-size:100px;
text-transform:none;
margin-top: 10px;
letter-spacing:0;
}*/
section.home-yourevent > div:last-child{
padding:0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
section.home-yourevent > div:last-child > a{
height:100%;
width:100%;
position:relative;
}
section.home-yourevent > div:last-child > a:first-child{
transition:all 0.4s linear;
background:#222729;
}
section.home-yourevent > div:last-child > a:first-child:hover{
transition:all 0.4s linear;
background:#3a3a3a;
}
section.home-yourevent > div:last-child > a:last-child{
transition:all 0.4s linear;
background:#181b1d;
display:none;
}
section.home-yourevent > div:last-child > a:last-child:hover{
transition:all 0.4s linear;
background:#3a3a3a;
}
section.home-yourevent > div:last-child > a h3{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
letter-spacing:10px;
}
section.home-yourevent > div:last-child > a h3 span{
font-family: 'Oswald';
font-weight:500;
font-size:35px;
color:#006b93;
}
section.home-yourevent > div:last-child > a:first-child h3:before{
content: url(../img/picto-calculatrice.png);
display: block;
width: 95px;
height: 95px;
border: 1px solid #ffffff;
border-radius: 95px;
line-height: 115px;
text-align: center;
margin: 0 auto 50px auto;
}
section.home-yourevent > div:last-child > a:last-child h3:before{
content: url(../img/picto-360.png);
display: block;
width: 95px;
height: 95px;
border: 1px solid #ffffff;
border-radius: 95px;
line-height: 107px;
text-align: center;
margin: 0 auto 50px auto;
}
/* ==========================================================================
HOME MER
========================================================================== */
section.home-mer{
padding:610px 75px 190px 75px;
}
/*section.home-mer h1{
font-family: 'Mustache Brush Script';
font-size:180px;
color:#ffffff;
margin-bottom:30px;
}*/
section.home-mer h1{
font-family: 'Mustache Brush Script';
font-size:110px;
color:#ffffff;
margin-bottom:30px;
}
section.home-mer a{
margin-right:10px;
}
/* ==========================================================================
HOME ACCORDEON
========================================================================== */
section.home-accordeon {
height: 830px;
position:relative;
overflow:hidden;
}
section.home-accordeon > span{
position: absolute;
font-family: "Oswald";
font-weight: 300;
color: #ffffff;
font-size: 26px;
text-transform: uppercase;
z-index: 1;
transform: rotate(-90deg);
top: 140px;
left: -33px;
}
section.home-accordeon > span b{
font-weight:500;
}
section.home-accordeon > span:before{
content: "";
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.90) 100%);
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0.90) 100%);
background: linear-gradient(45deg, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0.90) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
top: -17px;
right: -30px;
bottom: -19px;
left: -40px;
display: block;
position: absolute;
z-index: -1;
transform: skew(20deg);
}
section.home-accordeon > span:after{
content: "";
display: block;
position: absolute;
z-index: -1;
width: 10px;
top: -17px;
bottom: -19px;
background: rgba(0,0,0,0.40);
left: -60px;
transform: skew(20deg);
}
section.home-accordeon ul {
width: 100%;
display: table;
table-layout: fixed;
}
section.home-accordeon ul li {
display: table-cell;
vertical-align: bottom;
position: relative;
width: calc(100%/4);
height: 830px;
transition: all 1000ms ease;
text-align: center;
overflow: hidden;
}
section.home-accordeon ul li:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
mix-blend-mode:default;
}
section.home-accordeon ul li h2{
font-family: 'Mustache Brush Script';
font-size: 60px;
color: #ffffff;
position: relative;
z-index: 1;
margin-bottom: 120px;
white-space: nowrap;
text-transform:none;
}
section.home-accordeon ul li span {
font-size: 270px;
position: absolute;
color: rgba(255,255,255,0.1);
font-family: "Oswald";
font-weight: 300;
left: 0;
right: 0;
bottom: 80px;
}
section.home-accordeon ul li .links{
position:absolute;
bottom:20px;
z-index: 10;
display:none;
opacity:0;
transition:opacity 0.4s linear
width:100%;
justify-content: center;
width: 100%;
}
section.home-accordeon ul li .links a{
margin:0 10px;
}
section.home-accordeon ul:hover li {
width: 13%;
}
section.home-accordeon ul:hover li h2{
color:#000000;
transition:all 0.4s linear
}
section.home-accordeon ul:hover li:hover {
width: 60%;
transition:all 0.4s linear
}
section.home-accordeon ul:hover li:hover h2{
color:#ffffff;
transition:all 0.4s linear
}
section.home-accordeon ul:hover li:hover .links{
display:flex;
opacity:1
; transition:opacity 0.4s linear
}
/* ==========================================================================
HOME ACTUS
========================================================================== */
section.home-actus{
display:table;
width:100%;
}
section.home-actus .actus{
width:62%;
display:table-cell;
vertical-align:top;
background:#006b93;
color:#ffffff;
padding:60px 95px 150px 95px;
text-align:center;
position:relative;
}
section.home-actus .actus:before{
content:'';
display:block;
width:3px;
height:47px;
background:#80b5c9;
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
}
section.home-actus .actus h2{
font-family: 'Oswald';
font-weight:300;
font-size:25px;
letter-spacing:6px;
text-transform:uppercase;
line-height:1.2;
margin-bottom:50px;
}
section.home-actus .actus h2 b{
display:block;
font-weight:500;
letter-spacing:0;
text-transform:none;
}
section.home-actus .actus > div{
display:table;
width:100%;
}
section.home-actus .actus .img{
display:table-cell;
vertical-align:top;
width:255px;
}
section.home-actus .actus .img img{
display: none;
}
section.home-actus .actus .text{
display:table-cell;
vertical-align:top;
padding:15px 14% 0 25px;
text-align:left;
}
section.home-actus .actus .text h3{
font-size:20px;
line-height:1.2;
text-transform:uppercase;
font-weight:300;
margin-bottom:15px;
}
section.home-actus .actus .text h3 b{
display:block;
font-weight:500;
}
section.home-actus .actus .text p{
line-height:1.2;
font-size:18px;
}
section.home-actus .actus .text a{
display:block;
width:122px;
height:34px;
line-height:32px;
text-align:center;
float:right;
background: #2b3033;
background: -moz-linear-gradient(top, #2b3033 0%, #2b3033 50%, #2b3033 50%, #181b1d 51%, #181b1d 100%);
background: -webkit-linear-gradient(top, #2b3033 0%,#2b3033 50%,#2b3033 50%,#181b1d 51%,#181b1d 100%);
background: linear-gradient(to bottom, #2b3033 0%,#2b3033 50%,#2b3033 50%,#181b1d 51%,#181b1d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3033', endColorstr='#181b1d',GradientType=0 );
margin-top:30px;
}
section.home-actus .actus .text a:hover{
background: #181b1d;
background: -moz-linear-gradient(top, #181b1d 0%, #181b1d 50%, #181b1d 50%, #2b3033 51%, #2b3033 100%);
background: -webkit-linear-gradient(top, #181b1d 0%,#181b1d 50%,#181b1d 50%,#2b3033 51%,#2b3033 100%);
background: linear-gradient(to bottom, #181b1d 0%,#181b1d 50%,#181b1d 50%,#2b3033 51%,#2b3033 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181b1d', endColorstr='#2b3033',GradientType=0 );
}
section.home-actus .temoignages{
width:38%;
display:table-cell;
background:#e9e9e9;
color:#292e31;
padding:60px 100px 150px 100px;
position:relative;
text-align:center;
}
section.home-actus .temoignages:before{
content:'';
display:block;
width:3px;
height:47px;
background:#ffffff;
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
}
section.home-actus .temoignages h2{
font-family: 'Oswald';
font-weight:300;
font-size:25px;
letter-spacing:6px;
text-transform:uppercase;
line-height:1.2;
margin-bottom:50px;
}
section.home-actus .temoignages h2 b{
display:block;
font-weight:500;
letter-spacing:0;
text-transform:none;
}
section.home-actus .temoignages li h3{
font-size:25px;
font-weight:600;
margin-bottom:5px;
}
section.home-actus .temoignages li span{
font-size:12px;
font-weight:600;
text-transform:uppercase;
display:block;
margin-bottom:15px;
}
section.home-actus .temoignages li p{
font-size:18px;
line-height:1.2;
}
section.home-actus .temoignages .flex-control-nav{
bottom:80px;
width:calc(100% - 200px);
}
/* ==========================================================================
PAGE TEMOIGNAGES
========================================================================== */
div.single-temoignage{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 20px 0;
min-height: 300px;
}
div.single-temoignage:last-child{
margin-bottom: 50px;
}
div.single-temoignage h3 {
color: #006b93;
letter-spacing: 1px;
width: 100%;
text-align: center;
}
div.single-temoignage p{
width: 100%;
text-align: center;
max-width: 1100px;
}
div.single-temoignage p.temoignage-what{
font-style: italic;
}
div.single-temoignage p.temoignage-evenement{
max-width: 100%;
}
div.single-temoignage ul li{
list-style: none;
text-align: center;
}
div.single-temoignage ul li a{
color: #006b93;
}
div.single-temoignage ul li a:hover{
font-weight: bold;
}
/* ==========================================================================
PAGE page-template-page-pgl-histoire
========================================================================== */
/*body.page-template-page-pgl-histoire .top-intro{
display: flex;
flex-wrap:wrap;
}
body.page-template-page-pgl-histoire .top-intro .slider-container{
width:calc(calc(100%/4)*3);
position:relative;
}
body.page-template-page-pgl-histoire .top-intro .slider-container .flex-control-nav{
width: 22px;
position: absolute;
bottom: auto;
text-align: unset;
color: black;
z-index: 1;
top: 45px;
right: 30px;
}
body.page-template-page-pgl-histoire .top-intro .slider-container h1{
position:absolute;
font-family:"Mustache Brush Script";
font-size: 160px;
color:#ffffff;
z-index:2;
bottom:50px;
left:80px;
}
body.page-template-page-pgl-histoire .top-intro .slider-container .clip-text{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 32%, rgba(0,0,0,0) 47%);
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 47%);
background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 47%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
font-size: 300px;
padding-top: 430px;
padding-left: 10px;
color: rgba(255,255,255,0.2);
font-family: "Oswald";
font-weight: 300;
z-index: 1;
user-select: none;
}
body.page-template-page-pgl-histoire .top-intro .text{
width:calc(calc(100%/4)*1);
vertical-align:top;
padding:65px 65px 0 65px;
background:#222729;
color:#ffffff;
text-align:center;
line-height:1.5;
position:relative;
}
body.page-template-page-pgl-histoire .top-intro .text:before {
content: '';
display: block;
width: 3px;
height: 47px;
background: #ececec;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
body.page-template-page-pgl-histoire .top-intro .text p{
margin-bottom:25px;
}*/
/*body.page-template-page-pgl-histoire .top-intro .slider-container ul.slides li{
height: calc(100vh - 170px) !important;
}*/
body.page-template-page-pgl-histoire .chiffres-cles{
display:flex;
flex-wrap:wrap;
line-height:1.4;
color:#292e31;
}
body.page-template-page-pgl-histoire .top-intro .text{
width:calc(calc(100%/4)*1.2-10px);
vertical-align:top;
padding:65px 65px 0 65px;
background:#222729;
color:#ffffff;
text-align:center;
line-height:1.5;
position:relative;
/*height: calc(100vh - 170px);*/
}
body.page-template-page-pgl-histoire .top-intro .text:before {
content: '';
display: block;
width: 3px;
height: 47px;
background: #ececec;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
body.page-template-page-pgl-histoire .chiffres-cles > div{
width:calc(100%/3);
text-align:center;
vertical-align:top;
padding:60px 85px 0 85px;
background:#ececec;
position:relative;
height:430px;
}
body.page-template-page-pgl-histoire .chiffres-cles > div:before {
content: '';
display: block;
width: 3px;
height: 47px;
background: #ffffff;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
body.page-template-page-pgl-histoire .chiffres-cles > div:first-child{
background:#dedcdc;
}
body.page-template-page-pgl-histoire .chiffres-cles > div:first-child:after{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 215px 0 215px 38px;
border-color: transparent transparent transparent #dedcdc;
position:absolute;
top:0;
right:-38px;
z-index:1;
}
body.page-template-page-pgl-histoire .chiffres-cles > div h2{
margin-bottom:40px;
}
body.page-template-page-pgl-histoire .chiffres-cles > div:last-child h2{
margin: 0 -85px 40px -85px;
}
body.page-template-page-pgl-histoire .chiffres-cles h2 b{
text-transform:uppercase;
}
body.page-template-page-pgl-histoire .chiffres-cles p.border {
position: relative;
margin: 20px 20px;
}
body.page-template-page-pgl-histoire .chiffres-cles p.border:before {
display: block;
content: "";
width: 20px;
height: 20px;
position: absolute;
top: -10px;
left: -10px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
body.page-template-page-pgl-histoire .chiffres-cles p.border:after {
display: block;
content: "";
width: 20px;
height: 20px;
position: absolute;
top: -10px;
right: -10px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
body.page-template-page-pgl-histoire .chiffres-cles p.border span:before {
display: block;
content: "";
width: 20px;
height: 20px;
position: absolute;
bottom: -10px;
left: -10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
body.page-template-page-pgl-histoire .chiffres-cles p.border span:after {
display: block;
content: "";
width: 20px;
height: 20px;
position: absolute;
bottom: -10px;
right: -10px;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
body.page-template-page-pgl-histoire .chiffres-cles > div img{
display:inline-block;
}
body.page-template-page-pgl-histoire .reseaux{
text-align: center;
padding:60px 0 125px 0;
}
body.page-template-page-pgl-histoire .reseaux h2{
color:#006b93;
letter-spacing:1px;
}
body.page-template-page-pgl-histoire .reseaux h2 b{
display:inline-block;
text-transform:uppercase;
}
body.page-template-page-pgl-histoire .reseaux ul.logos{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
margin-top:40px;
}
body.page-template-page-pgl-histoire .reseaux ul.logos li{
margin:0 15px;
}
/* ==========================================================================
AGENDA
========================================================================== */
#tribe-events-content-wrapper{
margin-top: 50px;
}
#tribe-bar-views div{
background: #006b93;
color: #ffffff !important;
}
.tribe-events-list-event-title{
border: 1px solid #006b93 !important;
padding: 5px !important;
color: #006b93;
font-weight: bolder;
}
.tribe-events-read-more{
background: #006b93;
padding: 10px;
color: #ffffff !important;
display: flex;
width: 130px;
margin-top: 10px;
}
/* ==========================================================================
GALERIE PHOTO
========================================================================== */
body.galerie{
}
/*TABS*/
body.galerie section.tabs{
display:flex;
overflow:hidden;
}
body.galerie section.tabs > a{
width:calc(100%/9);
height:75px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
text-align:center;
background:#006b93;
color:#ffffff;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
position:relative;
line-height:1.4;
padding:0 5px;
}
body.galerie section.tabs.video > a{
background:#222729;
}
body.galerie section.tabs > a:before{
content:"";
display:block;
width:1px;
height:31px;
background:#7d7f80;
position:absolute;
top:21px;
left:0;
}
body.galerie section.tabs > a:first-child{
font-family:"Oswald";
font-weight:300;
font-size: 18px;
background:#222729;
padding-left:10px;
}
body.galerie section.tabs.video > a:first-child{
background:#006b93;
}
body.galerie section.tabs > a.videos:before{
content:url('../img/picto-videotheque.png');
margin-right: 12px;
display:inline-block;
width: auto;
height: auto;
background: unset;
position: static;
}
body.galerie section.tabs > a:nth-child(2){
font-family:"Oswald";
font-weight:300;
font-size: 18px;
margin-right:2px;
}
body.galerie section.tabs > a.photos:before{
content:url('../img/picto-phototheque.png');
margin-right: 12px;
display:inline-block;
width: auto;
height: auto;
background: unset;
position: static;
}
body.galerie section.tabs > a:nth-child(2):after{
content:'';
width: 0;
height: 0;
border-style: solid;
border-width: 37.5px 0 37.5px 12px;
border-color: transparent transparent transparent #006c93;
position:absolute;
top:0;
right:-12px;
z-index:1;
}
body.galerie section.tabs.video > a:nth-child(2):after{
border-color: transparent transparent transparent #222729;
}
body.galerie section.tabs > a:nth-child(3){
padding-left:10px;
}
body.galerie section.tabs > a:nth-child(3):before{
width: 0;
height: 0;
border-style: solid;
border-width: 43px 0 43px 14px;
border-color: transparent transparent transparent #ffffff;
top: -5px;
left: -2px;
background: none;
}
/*GALERIE*/
body.galerie section.galerie{
padding:35px 30px;
}
body.galerie section.galerie > div{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: space-around;
display:none;
}
body.galerie section.galerie > div:first-child{
display: flex;
}
body.galerie section.galerie > div.popup-gallery-videos a{
width: calc(97%/3);
margin-bottom: 1.4%;
position:relative;
}
body.galerie section.galerie > div.popup-gallery-videos a:after{
content:"";
display:block;
height:80px;
width:80px;
border-radius:80px;
background:red;
opacity:0.8;
position:absolute;
top:calc(50% - 20px);
left:50%;
transform:translate(-50%,-50%);
}
body.galerie section.galerie > div .post{
margin-bottom:30px;
}
body.galerie section.galerie > div .post h2{
margin-bottom:10px;
}
body.galerie section.galerie > div .post .content{
position:relative;
}
body.galerie section.galerie > div ul li{
flex-grow: unset;
}
body.galerie section.galerie > div ul li figure{
display:block;
cursor:pointer;
}
body.galerie section.galerie > div ul li img{
width:350px!important;
height:350px!important;
}
/* ==========================================================================
ACCES
========================================================================== */
body.acces .plan{
display: flex;
flex-wrap:wrap;
margin-top:-2px;
}
body.acces .plan .left{
width:calc(calc(100%/4)*1);
vertical-align:top;
padding: 65px 65px 45px 65px;
background:#ffffff;
color:#222729;
text-align:center;
line-height:1.5;
position:relative;
}
body.acces .plan .left:before {
content: '';
display: block;
width: 3px;
height: 47px;
background: #222729;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
body.acces .plan .left h2,
body.acces .plan .left .wysiwyg{
margin-bottom:40px;
}
body.acces .plan .left ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: stretch;
margin-left: -65px;
margin-right: -65px;
}
body.acces .plan .left ul li{
width:50%;
padding: 0 35px;
margin-bottom:35px;
min-height: 185px;
}
body.acces .plan .left ul li span{
display:block;
position:relative;
width:94px;
height:94px;
border-radius:94px;
border:2px solid #ececec;
margin: 0 auto 15px auto;
color:#222729;
font-size:16px;
line-height:1;
}
body.acces .plan .left ul li span img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
body.acces .plan .right{
width:calc(calc(100%/4)*3);
position:relative;
}
body.acces .plan .right img:first-child{
display:none;
margin:0;
}
body.acces .plan .right img{
margin:10px 0 0 25px;
}
body.acces .plan .right img:last-child{
margin:10px 0 0 68px;
}
/* ==========================================================================
UNITE DE LIEU
========================================================================== */
body.page-template-page-pgl-unite-lieu .plan{
display: flex;
flex-wrap:wrap;
margin-top:-2px;
}
body.page-template-page-pgl-unite-lieu .plan .left{
width:calc(calc(100%/4)*1);
vertical-align:top;
padding: 65px 65px 45px 65px;
background:#ffffff;
color:#222729;
text-align:center;
line-height:1.5;
position:relative;
}
body.page-template-page-pgl-unite-lieu .plan .left:before {
content: '';
display: block;
width: 3px;
height: 47px;
background: #222729;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
body.page-template-page-pgl-unite-lieu .plan .left h2,
body.page-template-page-pgl-unite-lieu .plan .left .wysiwyg{
margin-bottom:40px;
}
body.page-template-page-pgl-unite-lieu .plan .left ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: stretch;
margin-left: -65px;
margin-right: -65px;
}
body.page-template-page-pgl-unite-lieu .plan .left ul li{
width:50%;
padding: 0 35px;
margin-bottom:35px;
}
body.page-template-page-pgl-unite-lieu .plan .left ul li span{
display:block;
position:relative;
width:94px;
height:94px;
border-radius:94px;
border:2px solid #ececec;
margin: 0 auto 15px auto;
color:#222729;
font-size:16px;
line-height:1;
}
body.page-template-page-pgl-unite-lieu .plan .left ul li span img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
body.page-template-page-pgl-unite-lieu .plan .right{
width:calc(calc(100%/4)*3);
position:relative;
}
body.page-template-page-pgl-unite-lieu .plan .right img:first-child{
display:none;
margin:0;
}
body.page-template-page-pgl-unite-lieu .plan .right img{
margin:10px 0 0 25px;
}
body.page-template-page-pgl-unite-lieu .plan .right img:last-child{
margin:10px 0 0 68px;
}
/* ==========================================================================
TEMPLATES
========================================================================== */
.tpl{
color:#181b1d;
}
.tpl section.introduction{
padding:50px;
/*text-align:center;*/
}
.tpl section.introduction h1{
font-family: "Oswald", Sans-serif;
font-weight: 300;
position: relative;
font-size: 25px;
letter-spacing: 2.5px;
margin-bottom:45px;
}
.tpl section.introduction h1:after{
content:"";
display:block;
width:80px;
height:3px;
background:#c9b382;
position:absolute;
bottom:-20px;
left:50%;
margin-left:-40px;
}
.tpl section.introduction h1 b{
font-weight:600;
}
.tpl section.introduction .wysiwyg{
padding:0 75px;
}
/* ==========================================================================
TEMPLATE DEFAULT
========================================================================== */
.page-template-default .content{
padding:25px 0 55px 0;
}
/* ==========================================================================
TEMPLATE 1 LISTE
========================================================================== */
.template-liste-1 section.introduction/*,
.page-template-page-actualites section.introduction*/{
background:#ffffff;
}
.template-liste-1 section.introduction h1:after/*,
.page-template-page-actualites section.introduction h1:after*/{
background:#c9b382;
}
.template-liste-1 section.big/*,
.page-template-page-actualites section.big*/{
display:flex;
}
.template-liste-1 section.big > div/*,
.page-template-page-actualites section.big > div*/{
width:50%;
}
.template-liste-1 section.big .visuel img/*,
.page-template-page-actualites section.big .visuel img*/{
display:none;
}
.template-liste-1 section.big .text/*,
.page-template-page-actualites section.big .text*/{
padding:75px 120px 65px 120px;
}
.template-liste-1 section.big .text h2/*,
.page-template-page-actualites section.big .text h2*/{
font-family: "Oswald", Sans-serif;
font-weight:600;
position: relative;
font-size: 25px;
letter-spacing: 2.5px;
margin-bottom:45px;
line-height:1.5;
}
.template-liste-1 section.big .text h2:after/*,
.page-template-page-actualites section.big .text h2:after*/{
content:"";
display:block;
width:80px;
height:3px;
position:absolute;
bottom:-20px;
left:0;
}
.template-liste-1 section.big .text h2:first-line/*,
.page-template-page-actualites section.big .text h2:first-line*/{
font-weight:300;
}
.template-liste-1 section.big .text a.btn/*,
.page-template-page-actualites section.big .text a.btn*/{
text-transform: uppercase;
font-size: 16px;
padding: 9px 15px;
border: none;
float:right;
}
.template-liste-1 section.big .text a.btn:after/*,
.page-template-page-actualites section.big .text a.btn:after*/{
content: "\e809";
font-family: "fontello";
position: static;
display: inline-block;
margin-left: 10px;
vertical-align: 1px;
font-size: 16px;
}
.template-liste-1 section.big:nth-child(odd)/*,
.page-template-page-actualites section.big:nth-child(odd)*/{
background:#ececec;
}
.template-liste-1 section.big:nth-child(odd) .text h2:after/*,
.page-template-page-actualites section.big:nth-child(odd) .text h2:after*/{
background:#ffffff;
}
.template-liste-1 section.big:nth-child(odd) .text a.btn/*,
.page-template-page-actualites section.big:nth-child(odd) .text a.btn*/{
background:#222729
}
.template-liste-1 section.big:nth-child(even)/*,
.page-template-page-actualites section.big:nth-child(even)*/{
background:#ffffff;
flex-direction:row-reverse;
}
.template-liste-1 section.big:nth-child(even) .text h2:after/*,
.page-template-page-actualites section.big:nth-child(even) .text h2:after*/{
background:#c9b382;
}
.template-liste-1 section.big:nth-child(even) .text a.btn/*,
.page-template-page-actualites section.big:nth-child(even) .text a.btn*/{
background:#c9b382
}
/* ==========================================================================
TEMPLATE 2 LISTE
========================================================================== */
.template-liste-2 section.introduction{
background:#ececec;
}
.template-liste-2 section.introduction h1:after{
background:#ffffff;
}
.template-liste-2 section.flex{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
padding:50px 30px;
}
.template-liste-2 section.flex > a{
display:block;
width:19%;
margin-bottom:45px;
}
.template-liste-2 section.flex > a .visuel {
padding-top: 70%;
}
.template-liste-2 section.flex > a .visuel img{
display:none;
}
.template-liste-2 section.flex > a .text h2{
font-family: "Oswald", Sans-serif;
font-weight:600;
position: relative;
font-size: 22px;
letter-spacing: 2.5px;
margin-bottom:40px;
margin-top:15px;
line-height:1.5;
}
.template-liste-2 section.flex > a .text h2:after{
content:"";
display:block;
width:80px;
height:3px;
position:absolute;
bottom:-20px;
left:0;
background:#c9b382;
}
.template-liste-2 section.flex > a .text h2:first-line{
font-weight:300;
}
.archive.category section.introduction,
.page-template-page-actualites section.introduction{
background:#ececec;
}
.archive.category section.introduction h1:after,
.page-template-page-actualites section.introduction h1:after{
background:#ffffff;
}
.archive.category section.flex,
.page-template-page-actualites section.flex,
.page-template-page-politique-rse section.flex{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
padding:50px 30px;
}
.archive.category section.flex .box,
.page-template-page-actualites section.flex .box,
.page-template-page-politique-rse section.flex .box{
display:block;
width:23%;
margin-bottom:45px;
}
.archive.category section.flex .box .visuel,
.page-template-page-actualites section.flex .box .visuel,
.page-template-page-politique-rse section.flex .box .visuel{
padding-top: 70%;
}
.archive.category section.flex .box .visuel img,
.page-template-page-actualites section.flex .box .visuel img,
.page-template-page-politique-rse section.flex .box .visuel img{
display:none;
}
.archive.category section.flex .box .text h2,
.page-template-page-actualites section.flex .box .text h2,
.page-template-page-politique-rse section.flex .box .text h2{
font-family: "Oswald", Sans-serif;
font-weight:600;
position: relative;
font-size: 22px;
letter-spacing: 2.5px;
margin-bottom:40px;
margin-top:15px;
line-height:1.5;
}
.archive.category section.flex .box .text h2:after,
.page-template-page-actualites section.flex .box .text h2:after,
.page-template-page-politique-rse .page-template-page-actualites section.flex .box .text h2:after{
content:"";
display:block;
width:80px;
height:3px;
position:absolute;
bottom:-20px;
left:0;
background:#c9b382;
}
.archive.category section.introduction,
.page-template-page-actualites section.introduction{
background:#ececec;
}
.archive.category section.introduction h1:after,
.page-template-page-actualites section.introduction h1:after{
background:#ffffff;
}
.category_filter ul{
list-style-type:none;
display:flex;
gap:10px;
}
.category_filter ul a{
padding:10px;
background:#B9D6E1;
color:#04647D;
border:1px solid #04647D;
}
.page-template-page-engagement-rse section.flex{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
padding:50px 30px;
}
.page-template-page-engagement-rse section.flex .box{
display:block;
width:23%;
margin-bottom:45px;
}
.page-template-page-engagement-rse section.flex .box .visuel {
padding-top: 70%;
}
.page-template-page-engagement-rse section.flex .box .visuel img{
display:none;
}
.page-template-page-engagement-rse section.flex .box .text h2{
font-family: "Oswald", Sans-serif;
font-weight:600;
position: relative;
font-size: 22px;
letter-spacing: 2.5px;
margin-bottom:40px;
margin-top:15px;
line-height:1.5;
}
.page-template-page-engagement-rse section.flex .box .text h2:after{
content:"";
display:block;
width:80px;
height:3px;
position:absolute;
bottom:-20px;
left:0;
background:#c9b382;
}
/*.page-template-page-actualites section.flex .box .text h2:first-line{
font-weight:300;
}*/
.post-type-archive-temoignages section.introduction{
background:#ececec;
}
.post-type-archive-temoignages section.introduction h1:after{
background:#ffffff;
}
.post-type-archive-temoignages section.flex{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
padding:50px 30px;
}
.post-type-archive-temoignages section.flex .box, .single-temoignages .flex .box{
display:block;
width:23%;
margin-bottom:45px;
}
.post-type-archive-temoignages section.flex .box .visuel, .single-temoignages .flex .box .visuel {
padding-top: 70%;
}
.post-type-archive-temoignages section.flex .box .visuel img, .single-temoignages .flex .box .visuel img{
display:none;
}
.post-type-archive-temoignages section.flex .box .text h2, .single-temoignages .flex .box .text h2{
font-family: "Oswald", Sans-serif;
font-weight:600;
position: relative;
font-size: 22px;
letter-spacing: 2.5px;
margin-bottom:40px;
margin-top:15px;
line-height:1.5;
}
.post-type-archive-temoignages section.flex .box .text h2:after, .single-temoignages section.flex .box .text h2:after{
content:"";
display:block;
width:80px;
height:3px;
position:absolute;
bottom:-20px;
left:0;
background:#c9b382;
}
.post-type-archive-appel_d_offre section.introduction{
background:#ececec;
}
.post-type-archive-appel_d_offre section.introduction h1:after{
background:#ffffff;
}
.post-type-archive-appel_d_offre section.flex{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
padding:50px 30px;
}
.post-type-archive-appel_d_offre section.flex .box, .single-appel_d_offre .flex .box{
display:block;
width:23%;
margin-bottom:45px;
}
.post-type-archive-appel_d_offre section.flex .box .visuel, .single-appel_d_offre .flex .box .visuel {
padding-top: 70%;
}
.post-type-archive-appel_d_offre section.flex .box .visuel img, .single-appel_d_offre .flex .box .visuel img{
display:none;
}
.post-type-archive-appel_d_offre section.flex .box .text h2, .single-appel_d_offre .flex .box .text h2{
font-family: "Oswald", Sans-serif;
font-weight:600;
position: relative;
font-size: 22px;
letter-spacing: 2.5px;
margin-bottom:40px;
margin-top:15px;
line-height:1.5;
}
.post-type-archive-appel_d_offre section.flex .box .text h2:after, .single-appel_d_offre section.flex .box .text h2:after{
content:"";
display:block;
width:80px;
height:3px;
position:absolute;
bottom:-20px;
left:0;
background:#c9b382;
}
.post-type-archive-appel_d_offre section.introduction{
background:#ececec;
}
.post-type-archive-appel_d_offre section.introduction h1:after{
background:#ffffff;
}
.post-type-archive-appel_d_offre section.flex{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
padding:50px 30px;
}
.post-type-archive-appel_d_offre section.flex .box, .single-appel_d_offre .flex .box{
display:block;
width:23%;
margin-bottom:45px;
}
.post-type-archive-appel_d_offre section.flex .box .visuel, .single-appel_d_offre .flex .box .visuel {
padding-top: 70%;
}
.post-type-archive-appel_d_offre section.flex .box .visuel img, .single-appel_d_offre .flex .box .visuel img{
display:none;
}
.post-type-archive-appel_d_offre section.flex .box .text h2, .single-appel_d_offre .flex .box .text h2{
font-family: "Oswald", Sans-serif;
font-weight:600;
position: relative;
font-size: 22px;
letter-spacing: 2.5px;
margin-bottom:40px;
margin-top:15px;
line-height:1.5;
}
.post-type-archive-appel_d_offre section.flex .box .text h2:after, .single-appel_d_offre section.flex .box .text h2:after{
content:"";
display:block;
width:80px;
height:3px;
position:absolute;
bottom:-20px;
left:0;
background:#c9b382;
}
/* ==========================================================================
TEMPLATE 3 LISTE
========================================================================== */
.template-liste-3 section.introduction{
background:#ffffff;
}
.template-liste-3 section.introduction h1:after{
background:#222729;
}
.template-liste-3 section.flex{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
padding:50px 30px;
}
.template-liste-3 section.flex > .box{
display:flex;
width:49%;
margin-bottom:30px;
}
.template-liste-3 section.flex > .box .visuel{
width:55%;
padding-top:30%;
}
.template-liste-3 section.flex > .box .visuel img{
display:none;
}
.template-liste-3 section.flex > .box .text{
background:#ececec;
width:45%;
padding:50px 50px 100px 30px;
position:relative;
}
.template-liste-3 section.flex > .box .text h2{
font-family: "Oswald", Sans-serif;
font-weight:600;
position: relative;
font-size: 22px;
letter-spacing: 2.5px;
margin-bottom:40px;
margin-top:15px;
line-height:1.5;
}
.template-liste-3 section.flex > .box .text h2:after{
content:"";
display:block;
width:80px;
height:3px;
position:absolute;
bottom:-20px;
left:0;
background:#ffffff;
}
.template-liste-3 section.flex > .box .text h2:first-line{
font-weight:300;
}
.template-liste-3 section.flex > .box .text a.btn{
text-transform: uppercase;
font-size: 16px;
padding: 9px 15px;
border: none;
position:absolute;
bottom: 22px;
right:0;
}
.template-liste-3 section.flex > .box .text a.btn:after{
content: "\e809";
font-family: "fontello";
position: static;
display: inline-block;
margin-left: 10px;
vertical-align: 1px;
font-size: 16px;
}
/* ==========================================================================
TEMPLATE 1 TEXTE
========================================================================== */
.template-detail-1 h1:first-line,
.template-detail-1 h2:first-line,
.template-detail-1 h3:first-line,
.template-detail-1 h4:first-line,
.template-detail-1 h5:first-line,
.template-detail-1 h6:first-line{
font-weight:300;
}
.template-detail-1 section.content{
padding:60px;
display:flex;
}
.template-detail-1 section.content .text{
width:55%;
padding:60px 60px 60px 0;
}
.template-detail-1 section.content .text a{
color: #006d93;
font-weight: bolder;
}
.template-detail-1 section.content .text a:hover{
text-decoration: underline;
}
.template-detail-1 section.content .text h1{
font-size:25px;
text-transform:uppercase;
color:#181b1d;
font-weight:bold;
position:relative;
font-family:"Oswald", Sans-serif;
line-height:1.2;
margin-bottom:60px;
}
.template-detail-1 section.content .text h1:after{
content:"";
display:block;
width:80px;
height:3px;
position:absolute;
bottom:-10px;
left:0;
background:#c9b382;
}
.template-detail-1 section.content .visuel{
width:45%;
}
.template-detail-1 section.content .visuel img{
display:none;
}
.template-detail-1 section.outro{
text-align:center;
padding:90px 35px 110px 35px;
color:#ffffff;
position:relative;
}
.template-detail-1 section.outro:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0,0,0,0.65);
}
.template-detail-1 section.outro .wysiwyg{
z-index:1;
position:relative;
}
/* ==========================================================================
TEMPLATE 2 TEXTE
========================================================================== */
.template-detail-2 section.content,
.single-post section.content, .single-temoignages section.content, .single-appel_d_offre section.content, .single-engagements section.content{
display: flex;
flex-wrap:wrap;
}
.template-detail-2 section.content h1,
.single-post section.content h1, .single-temoignages section.content h1, .single-appel_d_offre section.content h1, .single-engagements section.content h1{
font-size:25px;
text-transform:uppercase;
color:#181b1d;
font-weight:bold;
position:relative;
font-family:"Oswald", Sans-serif;
line-height:1.2;
width:100%;
padding:50px 0;
background:#ececec;
display:block;
text-align:center;
}
.template-detail-2 section.content h1:after,
.single-post section.content h1:after, .single-temoignages section.content h1:after, .single-appel_d_offre section.content h1:after, .single-engagements section.content h1:after{
content:"";
display:block;
width:80px;
height:3px;
background:#ffffff;
position:absolute;
bottom:40px;
left:50%;
margin-left: -40px;
}
.template-detail-2 section.content .visuel,
.single-post section.content .visuel, .single-temoignages section.content .visuel, .single-appel_d_offre section.content .visuel, .single-engagements section.content .visuel{
width:45%;
}
.template-detail-2 section.content .visuel img,
.single-post section.content .visuel img, .single-temoignages section.content .visuel img, .single-appel_d_offre section.content .visuel img, .single-engagements section.content .visuel img{
display:none;
}
.template-detail-2 section.content .text,
.single-post section.content .text, .single-temoignages section.content .text, .single-appel_d_offre section.content .text, .single-engagements section.content .text{
width:55%;
padding:80px 120px 150px 50px;
}
.template-detail-2 section.visuels,
.single-post section.visuels, .single-temoignages section.visuels, .single-appel_d_offre section.visuels, .single-engagements section.visuels{
background:#ececec;
}
.template-detail-2 section.visuels h2,
.single-post section.visuels h2, .single-temoignages section.visuels h2, .single-appel_d_offre section.visuels h2, .single-engagements section.content section.visuels h2{
font-size:25px;
text-transform:uppercase;
color:#181b1d;
font-weight:bold;
position:relative;
font-family:"Oswald", Sans-serif;
line-height:1.2;
width:100%;
padding:50px 0;
display:block;
text-align:center;
margin-bottom:0;
}
.template-detail-2 section.visuels h2:after,
, .single-post section.visuels h2:after, .single-temoignages section.visuels h2:after, .single-appel_d_offre section.visuels h2:after{
content:"";
display:block;
width:80px;
height:3px;
background:#c9b382;
position:absolute;
bottom:40px;
left:50%;
margin-left: -40px;
}
.template-detail-2 section.visuels .flex,
.single-post section.visuels .flex, .single-temoignages section.visuels .flex, .single-appel_d_offre section.visuels .flex{
display:flex;
justify-content:space-between;
padding: 0 30px 55px 30px;
flex-wrap: wrap;
}
.template-detail-2 section.visuels .flex a,
.single-post section.visuels .flex a, .single-appel_d_offre section.visuels .flex a{
width: 15%;
position: relative;
}
.template-detail-2 section.visuels .flex a p.title,
.single-post section.visuels .flex a p.title, .single-appel_d_offre section.visuels .flex a p.title{
font-family: "Oswald", Sans-serif;
color: #ffffff;
font-size: 20px;
font-weight: 500;
text-align: center;
line-height: 1.5;
left: 0;
right: 0;
text-transform: uppercase;
letter-spacing: 2px;
background: rgba(0,0,0,0.8);
}
.single-temoignages section.visuels .flex a h3{
font-family: "Oswald", Sans-serif;
font-weight: 600;
position: relative;
font-size: 22px;
letter-spacing: 2.5px;
margin-bottom: 40px;
margin-top: 15px;
text-transform: uppercase;
line-height: 1.5;
}
.single-temoignages section.visuels .flex a h3:after{
content: "";
display: block;
width: 80px;
height: 3px;
position: absolute;
bottom: -20px;
left: 0;
background: #c9b382;
}
.single-appel_d_offre section.visuels .flex a h3{
font-family: "Oswald", Sans-serif;
font-weight: 600;
position: relative;
font-size: 22px;
letter-spacing: 2.5px;
margin-bottom: 40px;
margin-top: 15px;
text-transform: uppercase;
line-height: 1.5;
}
.single-appel_d_offre section.visuels .flex a h3:after{
content: "";
display: block;
width: 80px;
height: 3px;
position: absolute;
bottom: -20px;
left: 0;
background: #c9b382;
}
.template-detail-2 section.visuels .flex a p.title:first-line,
.single-post section.visuels .flex a p.title:first-line, .single-temoignages section.visuels .flex a p.title:first-line, .single-appel_d_offre section.visuels .flex a p.title:first-line{
font-weight:300;
}
.template-detail-2 section.visuels .flex a p.title:after,
.single-post section.visuels .flex a p.title:after, .single-temoignages section.visuels .flex a p.title:after, .single-appel_d_offre section.visuels .flex a p.title:after{
content:"";
display:block;
width:80px;
height:3px;
background:#c9b382;
position:absolute;
bottom:-10px;
left:50%;
margin-left: -40px;
}
.template-detail-2 section.visuels .flex a img,
.single-post section.visuels .flex a img, .single-temoignages section.visuels .flex a img, .single-appel_d_offre section.visuels .flex a img{
/*display:none;*/
width: 100%;
height: 200px;
object-fit: cover;
}
/* ==========================================================================
LISTE SALLES
========================================================================== */
body.salles .salles-content > div{
padding:50px 20px;
text-align:center;
}
body.salles .salles-content > div > h2{
font-size:25px;
letter-spacing:2px;
}
body.salles .salles-content > div > h2 b{
display:inline;
text-transform: uppercase;
}
body.salles .salles-content > div > h2:after{
content:"";
display:block;
height:3px;
width:80px;
background:#c9b382;
margin:12px auto 0 auto;
}
body.salles .salles-content > div > p{
width:1050px;
margin:0 auto 50px auto;
line-height:1.3;
}
body.salles .salles-content > div > h3{
font-size:25px;
letter-spacing:1px;
font-family:"Oswald";
font-weight:300;
margin-bottom:20px;
}
body.salles .salles-content > div > h3 b{
font-weight:500;
}
body.salles .salles-content > div > h3 span{
display:inline-block;
width:40px;
height:40px;
line-height:40px;
border-radius:40px;
color:#ffffff;
background:#000000;
font-weight:500;
}
body.salles .salles-content > div > .flex{
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*justify-content: space-around;*/
align-items: stretch;
align-content: stretch;
margin-bottom:50px;
color:#ffffff;
}
body.salles .salles-content .flex > span{
width: calc(97.8%/4);
}
body.salles .salles-content .flex > div{
width: calc(96%/4);
padding-top: 25.8%;
margin-bottom: 0.7%;
margin-left: 0.5%;
margin-right: 0.5%;
position: relative;
overflow:hidden;
}
body.salles .salles-content .flex > div:before{
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 61%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
body.salles .salles-content .flex > div p:first-child{
position:absolute;
bottom:105px;
left:0;
right:0;
font-size:30px;
font-family:"Oswald";
text-transform:uppercase;
font-weight:300;
}
body.salles .salles-content .flex > div ul{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:space-evenly;
align-items: stretch;
align-content: stretch;
position:absolute;
width:100%;
bottom: 28px;
left:0;
opacity:1;
transition:all 0.6s linear;
}
body.salles .salles-content .flex > div ul li:before{
content: '';
display: inline-block;
width: 39px;
height: 39px;
line-height: 51px;
border-radius: 39px;
background: white;
margin-right: 10px;
vertical-align: -7px;
}
body.salles .salles-content .flex > div ul li.etage.niveau-0:before{
content: url(../img/picto-salles-niveau0.png);
line-height: 41px;
vertical-align: -2px;
}
body.salles .salles-content .flex > div ul li.etage.niveau-1:before{
content:url('../img/picto-salles-niveau1.png');
}
body.salles .salles-content .flex > div ul li.etage.niveau-2:before{
content:url('../img/picto-salles-niveau2.png');
}
body.salles .salles-content .flex > div ul li.etage.niveau-3:before{
content:url('../img/picto-salles-niveau3.png');
}
body.salles .salles-content .flex > div ul li.superficie:before{
content:url('../img/picto-salles-superficie.png');
}
body.salles .salles-content .flex > div ul li.capacite:before{
content:url('../img/picto-salles-capacite.png');
}
body.salles .salles-content .flex > div a{
display:inline-block;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e9e9e9 51%, #e9e9e9 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#e9e9e9 51%,#e9e9e9 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#e9e9e9 51%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );
font-family:"Oswald";
font-weight:300;
color:#181b1d;
text-transform:uppercase;
font-size:14px;
padding: 10px 32px;
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
transition:all 0.2s linear;
}
body.salles .salles-content .flex > div:hover{
}
body.salles .salles-content .flex > div:hover ul{
left:-100%;
opacity:0;
transition:all 0.6s linear;
}
body.salles .salles-content .flex > div:hover a{
bottom:30px;
transition:all 0.2s linear;
}
/*VISITE*/
body.salles .visites{
background:#fafafa;
padding:30px 0 60px 0;
}
body.salles .visites .wrapper{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
body.salles .visites .left{
width:50%;
padding-right:40px;
text-align:right;
}
body.salles .visites .left img{
display:inline-block;
}
body.salles .visites .right{
width:50%;
line-height:1.3;
padding-left:10px;
}
body.salles .visites .right h2{
font-size:45px;
margin-bottom:25px;
}
body.salles .visites .right h2:before{
font-size:20px;
content:url('../img/picto-360-black.png');
display:inline-block;
width:94px;
height:94px;
line-height:120px;
border-radius:94px;
text-align:center;
border:2px solid #bcbebe;
margin-right:15px;
}
body.salles .visites .right h2 b{
display:inline-block;
}
body.salles .visites .right p{
margin-bottom:50px;
}
body.salles .visites .right a{
background: #222729;
background: -moz-linear-gradient(top, #222729 0%, #222729 50%, #181b1d 51%, #181b1d 100%);
background: -webkit-linear-gradient(top, #222729 0%,#222729 50%,#181b1d 51%,#181b1d 100%);
background: linear-gradient(to bottom, #222729 0%,#222729 50%,#181b1d 51%,#181b1d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222729', endColorstr='#181b1d',GradientType=0 );
display:inline-block;
color:#ffffff;
font-family:"Oswald";
font-weight:300;
font-size:22px;
float:right;
padding: 8px 30px 12px 40px;
transition:all 0.2s linear;
}
body.salles .visites .right a:hover{
background: #181b1d;
background: -moz-linear-gradient(top, #181b1d 0%, #181b1d 50%, #222729 51%, #222729 100%);
background: -webkit-linear-gradient(top, #181b1d 0%,#181b1d 50%,#222729 51%,#222729 100%);
background: linear-gradient(to bottom, #181b1d 0%,#181b1d 50%,#222729 51%,#222729 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181b1d', endColorstr='#222729',GradientType=0 );
transition:all 0.2s linear;
}
/* ==========================================================================
DETAIL SALLE
========================================================================== */
section.salle-content{
line-height:1.3;
padding:35px;
}
section.salle-content div.wp-block-kadence-tabs ul{
list-style: inherit !important;
text-align: left !important;
}
section.salle-content a{
color: #006d93;
}
section.salle-content a:hover{
text-decoration: underline;
}
/*PLAN INTERACTIF*/
section.plan-interactif{
padding: 120px 120px 25px 120px;
position: relative;
border-bottom: 1px solid linen;
border-top: 1px solid linen;
}
section.plan-interactif h1{
margin-bottom:65px;
font-size:25px;
text-transform:uppercase;
}
section.plan-interactif h1 b{
display:block;
position:relative;
}
section.plan-interactif h1 b:after{
content:'';
width:80px;
height:3px;
background:#ececec;
display:block;
position:absolute;
bottom:-25px;
}
section.plan-interactif a.vue-3D{
background: #003346;
color: #ffffff;
font-size: 14px;
display: inline-block;
text-align: center;
text-transform: uppercase;
padding: 16px 60px 17px 97px;
line-height: 1.5;
transition:all 0.2s linear;
margin-bottom: 165px;
}
section.plan-interactif a.vue-3D b{
display:block;
}
section.plan-interactif a.vue-3D:hover{
background:#004964;
transition:all 0.2s linear;
}
section.plan-interactif .plan{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
section.plan-interactif .plan .hover{
position:absolute;
padding:25px;
background:rgba(236,236,236,0.9);
top:0;
right:0;
}
section.plan-interactif .plan .hover:before{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 22px 20px 22px 0;
border-color: transparent rgba(236,236,236,0.9) transparent transparent;
position:absolute;
left:-20px;
top:50%;
transform:translateY(-50%);
}
section.plan-interactif .plan .hover .close{
color: #ececec;
border-radius: 16px;
height: 16px;
width: 16px;
background: #46494a;
text-align: center;
line-height: 12px;
display: block;
cursor: pointer;
position:absolute;
top:10px;
right:10px;
}
section.plan-interactif .plan .hover h2{
font-size:18px;
letter-spacing:0;
position:relative;
margin-bottom:30px;
}
section.plan-interactif .plan .hover h2:after{
content:'';
display:block;
width:50px;
height:3px;
background:#c9b382;
position:absolute;
left:0;
bottom:-12px;
}
section.plan-interactif .plan .hover p{
margin: 0;
font-size:16px;
line-height: 1.4;
}
/* ==========================================================================
ENVIRONNEMENT ECONOMIQUE FORT
========================================================================== */
body.page-id-468 section.introduction div ul{
text-align: initial;
}
/* ==========================================================================
GUTENBERG
========================================================================== */
/*DETAILS SALLES*/
.single-salles .wp-block-column:nth-child(2n) p{
padding:0 100px 0 0;
}
.single-salles .wp-block-column:nth-child(2n) :first-of-type{
margin-top:0;
}
section.salle-content > *:first-child{
margin-top:0;
}
section.salle-content p{
margin-bottom:15px;
}
section.salle-content h2{
margin-top:20px;
margin-bottom: 15px;
}
section.salle-content .wp-block-kadence-tabs{
padding:35px 0;
text-align:center;
}
section.salle-content .kt-tab-inner-content-inner{
text-align: center;
width: 1200px;
margin: 0 auto;
}
body.page-id-1747 .wysiwyg .wp-block-button__link{
width: 30%;
height: auto;
}
.single-post .wysiwyg .wp-block-button__link{
height: initial;
}
.wysiwyg .wp-block-button__link{
border-radius:0;
font-family: 'Oswald';
color:#ffffff !important;
font-size:20px;
font-weight:300;
display:inline-block;
padding: 8px 55px 12px 18px;
border:1px solid #ffffff;
background:rgba(0,0,0,0.6);
position:relative;
transform: perspective(1px) translateZ(0);
height: 80px;
width: 100%;
}
.wysiwyg .wp-block-button__link:after{
content: "\e809";
font-family: "fontello";
font-size: 20px;
position: absolute;
top: 12px;
right: 20px;
transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.wysiwyg .wp-block-button__link:hover:after{
transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
right:15px;
}
.wysiwyg .wp-block-button__link:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:#006b93;
transform: scaleX(0);
transform-origin:0 50%;
transition-property: transform;
transition-duration: 0.8s;
transition-timing-function: ease-out;
}
.wysiwyg .wp-block-button__link:hover:before,
.wysiwyg .wp-block-button__link:focus:before,
.wysiwyg .wp-block-button__link:active:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* ==========================================================================
HOTELLERIE
========================================================================== */
.page-template-page-stmalo-hotellerie .content{
position:relative;
padding:35px;
}
.page-template-page-stmalo-hotellerie .content h2{
text-align:center;
}
.page-template-page-stmalo-hotellerie .legende-map{
border: 1px solid #aaa;
color: #aaa;
font-size: 13px;
border-radius: 3px;
padding: 10px;
list-style: none;
text-align: left;
width: 380px;
position: absolute;
right: 100px;
top: 1140px;
z-index: 123;
background:#ffffff;
}
.page-template-page-stmalo-hotellerie .legende-map li{
font-family: 'gotham_mediumregular',sans-serif;
padding-left: 40px;
color: #000;
min-height: 40px;
line-height: 40px;
}
.page-template-page-stmalo-hotellerie .legende-map li.hotels_1{
background: url(../img/hotels_1.png) no-repeat left center;
}
.page-template-page-stmalo-hotellerie .legende-map li.hotels_2{
background: url(../img/hotels_2.png) no-repeat left center;
}
.page-template-page-stmalo-hotellerie .legende-map li.hotels_3{
background: url(../img/hotels_3.png) no-repeat left center;
}
/* ==========================================================================
CONTACT
========================================================================== */
.contact{
padding:40px 0 60px 0;
}
.contact .wrapper{
display:flex;
flex-wrap:wrap;
}
.contact .wrapper .left{
width:50%;
display: block;
color: white;
margin-top:7px;
padding-right:25px;
}
.contact .wrapper .left > div{
padding:20px;
background-color: #238ab5;
margin-bottom: 25px;
}
.contact .wrapper .left p{
font-size: 18px;
margin-bottom: 10px;
}
.contact .wrapper .left iframe{
width:100%;
}
.contact .wrapper .left p.nom{
font-weight: bold;
}
.contact .wrapper .right{
width:50%;
padding:0 0 0 25px;
}
.contact .wrapper .right p.text-mentions-legales{
text-transform: initial;
/* text-align: right; */
/* font-style: italic; */
font-size: 14px;
color: #333739;
width: 100%;
margin-top: 10px;
}
.contact .wrapper .right p.text-mentions-legales a{
color: #238ab5;
}
.contact .wrapper .right p.text-mentions-legales a:hover{
color: #333739;
text-decoration: underline;
}
button#evf-submit-5 {
background-color: #238ab5;
color: white;
}
button#evf-submit-5:hover {
opacity:0.8;
}
/* FORMULAIRE CONTACT UNE LIGNE */
.contact .everest-forms input[type=text],
.contact .everest-forms input[type=email],
.contact .everest-forms textarea{
border-style: none;
border-bottom: 1px solid grey;
border-radius: 0;
transition: 0.2s;
}
.contact .everest-forms input[type=text]:focus,
.contact .everest-forms input[type=text]:active,
.contact .everest-forms input[type=email]:focus,
.contact .everest-forms input[type=email]:active,
.contact .everest-forms textarea:focus,
.contact .everest-forms textarea:active{
border-style: none;
border-bottom: 1px solid #238ab5;
border-radius: 0;
transition: 0.2s;
}
.contact .everest-forms textarea{
outline:none;
min-height: 170px;
}
.contact .everest-forms .evf-field-container .evf-frontend-row label{
color: grey;
transform: translateX(0);
transition: 0.2s;
}
.contact .everest-forms .evf-field-container .evf-frontend-row label.active{
color: #238ab5;
transform: translateX(10px);
transition: 0.2s;
}
button#evf-submit-5 {
margin-top: 40px;
}
.everest-forms .everest-forms-notice::before{
content: none!important;
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.__connaissance_autre{
display:none;
}
/* ==========================================================================
FOOTER
========================================================================== */
footer .filter{
display: table;
width: 100%;
margin-top: -54px;
position: relative;
z-index: 1;
}
footer .filter > div{
display:table-cell;
vertical-align:bottom;
}
footer .filter > div:nth-child(2){
width:464px;
height:54px;
background:url('../img/footer-filter.png');
}
footer .filter > div:nth-child(1),
footer .filter > div:nth-child(3){
width:calc(100% - calc(464px/2));
}
footer .filter > div:nth-child(1) span,
footer .filter > div:nth-child(3) span{
display:block;
height:25px;
background:#222729;
}
footer .links{
background:#222729;
text-transform:uppercase;
color: #ffffff;
font-size:15px;
position:relative;
font-family:"Oswald";
font-weight:300;
letter-spacing:1px;
}
footer .links .wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
}
footer .links .wrapper ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-bottom: 22px;
}
footer .links .wrapper ul.left li a{
margin-right:30px;
}
footer .links .wrapper ul.left li a:before{
margin-right: 7px;
}
footer .links .wrapper ul.left li:nth-child(1) a:before{
content:url('../img/picto-agenda.png');
vertical-align:-9px;
}
footer .links .wrapper ul.left li:nth-child(2) a:before{
content:url('../img/picto-temoignage.png');
vertical-align:-9px;
}
footer .links .wrapper ul.left li:nth-child(3) a:before{
content:url('../img/picto-acces.png');
vertical-align:-9px;
}
footer .links .wrapper ul.left li:nth-child(4) a:before{
content:url('../img/picto-presse.png');
vertical-align:-9px;
}
footer .links .wrapper ul.right li a{
margin-left:30px;
}
footer .links .wrapper ul.right li a:after{
margin-left: 7px;
}
footer .links .wrapper ul.right li:nth-child(1) a:after{
content:url('../img/picto-contact.png');
vertical-align:-9px;
}
footer .links .wrapper ul.right li.simulateur a{
/*background: #006b93;*/
font-size: 17px;
letter-spacing: 2px;
color: #ffffff;
font-weight: 300;
margin: 0;
width: 206px;
height: 78px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 0 0 70px;
margin-top: -35px;
margin-bottom: -32px;
z-index: 10;
position: relative;
margin-left: 30px;
}
footer .links .wrapper ul.right li.simulateur a span{
display:block;
color:#ffffff;
letter-spacing:0;
text-transform:capitalize;
font-weight:500;
}
footer .links .wrapper ul.right li.simulateur a:before{
content:url('../img/picto-calculatrice.png');
position: absolute;
top: 6px;
left: 7px;
}
footer .top{
background:#181b1d;
color:#545454;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
footer .top div.top-footer{
width:28%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
padding:40px 0;
}
footer .top div input[type="text"]{
width:168px;
height:32px;
padding:0 15px;
color:#676767;
font-size:13px;
margin-left:35px;
}
footer .top div button[type="submit"]{
width:100px;
height:32px;
font-family:"Oswald";
font-weight:500;
color:#ffffff;
line-height:30px;
text-align:center;
text-transform:uppercase;
background:#46494a;
border:none;
cursor:pointer;
padding:5px 15px !important;
margin-bottom: 20px;
}
footer .top div button[type="submit"]:hover{
transition:all 0.4s ease;
background:#ffffff;
color:#46494a;
}
footer .top div p.text-mentions-legales{
text-transform: initial;
/* text-align: right; */
/* font-style: italic; */
font-size: 11px;
color: #ffffff;
width: 100%;
}
footer .top div p.text-mentions-legales a{
color: #238ab5;
}
footer .top div p.text-mentions-legales a:hover{
color: #ffffff;
text-decoration: underline;
}
footer .top div:nth-child(2){
border-right:1px solid #323232;
border-left:1px solid #323232;
}
footer .top div p{
font-family:"Oswald";
font-weight:500;
font-size:13px;
text-transform:uppercase;
letter-spacing:2px;
line-height:1.5;
width: 100%;
}
footer .top div:nth-child(2) p{
margin-right:10px;
}
footer .top div:nth-child(2) ul{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
footer .top div:nth-child(2) ul li a{
font-size:0;
}
footer .top div:nth-child(2) ul li a:before{
display: inline-block;
margin: 10px;
vertical-align: 0px;
text-align: center;
line-height: 20px;
font-family: "fontello";
color:#ffffff;
font-size:25px;
transition:all 0.2s linear;
}
footer .top div:nth-child(2) ul li a:hover:before{
color:#545454;
transition:all 0.2s linear;
}
footer .top div:nth-child(2) ul li:nth-child(1) a:before{
content:"\f09a";
}
footer .top div:nth-child(2) ul li:nth-child(2) a:before{
content:"\f099";
}
/*footer .top div:nth-child(2) ul li:nth-child(3) a:before{
content:"\f2a9";
}*/
footer .top div:nth-child(2) ul li:nth-child(3) a:before{
content:"\f0e1";
}
footer .top div:nth-child(2) ul li:nth-child(4) a:before{
content:"\f16d";
}
footer .top div:nth-child(3) p{
margin-right: 75px;
}
footer .top div:nth-child(3) ul li{
color:#ffffff;
font-size:18px;
font-weight:300;
margin:15px;
}
footer .bottom{
background:#181b1d;
color:#ffffff;
border-top:1px solid #323232;
}
footer .bottom .wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
padding:55px 0;
line-height:1.2;
}
footer .bottom .wrapper > div{
width:50%;
}
footer .bottom .wrapper > div:nth-child(1) img{
margin-top:60px;
}
footer .bottom .wrapper > div:nth-child(2) img{
float: right;
margin: -80px 0px -30px 0;
width: 400px;
}
footer .bottom .wrapper p.h3,
footer .bottom .wrapper h3{
font-family:"Oswald";
font-weight:500;
font-size:18px;
color:#545454;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
}
footer .bottom .wrapper span{
display:block;
color:#ffffff;
}
footer .bottom .wrapper ul{
display:block;
width:100%;
text-align:left;
color:#404445;
font-size:14px;
}
footer .bottom .wrapper ul li{
border-right:1px solid #404445;
padding-right:10px;
margin-right:5px;
display:inline-block;
}
footer .bottom .wrapper ul li:last-child{
border:none;
}
footer .bottom .wrapper ul li a:hover{
color:#ffffff;
transition:all 0.2s ease;
}
/*EVEREST FORM FORMULAIRE QUALITE*/
div#evf-2185 .evf-label{
color: #006a80;
}
div#evf-2185 .everest-forms-field-likert thead tr th{
background-color: #006a80;
color: #ffffff;
}
/**
* EVEREST FORM FORMULAIRE SATISFACTION
*/
/* .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field */
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .form_satisfaction.presta{
margin-bottom: 0;
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .form_satisfaction.presta table{
border-bottom: 0 none;
border-radius: 5px 5px 0 0;
}
.everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .form_satisfaction.presta + div textarea{
border-top: 1px solid #C8CED3;
}
.form_satisfaction table thead > tr > th{
font-weight:bold!important;
}
.form_satisfaction thead > tr > th::before{
display:block;
height:50px;
}
.form_satisfaction thead > tr > th:nth-child(2){
color:#09683A;
}
.form_satisfaction thead > tr > th:nth-child(2)::before{
content:url("https://www.pgl-congres.com/wp-content/uploads/2023/11/tres-bien.png");
}
.form_satisfaction thead > tr > th:nth-child(3){
color:#93B149;
}
.form_satisfaction thead > tr > th:nth-child(3)::before{
content:url("https://www.pgl-congres.com/wp-content/uploads/2023/11/satisfaisant.png");
}
.form_satisfaction thead > tr > th:nth-child(4){
color:#F4B248;
}
.form_satisfaction thead > tr > th:nth-child(4)::before{
content:url("https://www.pgl-congres.com/wp-content/uploads/2023/11/moyen.png");
}
.form_satisfaction thead > tr > th:nth-child(5){
color:#C5596D;
}
.form_satisfaction thead > tr > th:nth-child(5)::before{
content:url("https://www.pgl-congres.com/wp-content/uploads/2023/11/mauvais.png");
}
.form_satisfaction table thead > tr > th:nth-child(6){
font-size:2rem!important;
}
/* ==========================================================================
Styles responsive
========================================================================== */
@media only screen and (max-width : 1700px) {
/*HEADER*/
header{
font-size:14px;
}
header > nav > ul > li > a{
padding: 20px 0 20px 10px;
}
/*HOME*/
section.home-events h1,
section.home-saintmalo h1,
section.home-mer h1{
font-size:140px;
}
section.home-saintmalo {
padding: 245px 75px 100px 75px;
}
section.home-saintmalo .flex > a h3{
font-size:25px;
}
section.home-yourevent > a,
section.home-yourevent > div{
padding: 420px 0 40px 0;
}
section.home-yourevent > a h2,
section.home-yourevent > div h2{
font-size:26px;
}
section.home-yourevent > a h2 span,
section.home-yourevent > div h2 span{
font-size:80px;
}
section.home-mer {
padding: 510px 75px 100px 75px;
}
section.home-accordeon,
section.home-accordeon ul li{
height: 940px;
}
section.home-accordeon ul li h2{
font-size:80px;
}
section.home-actus .temoignages,
section.home-actus .actus{
padding: 60px 50px 80px 50px;
}
section.home-actus .actus .text{
padding: 15px 0 0 25px;
}
section.home-actus .temoignages .flex-control-nav {
width: calc(100% - 100px);
}
/*FOOTER*/
footer .top div{
width:auto;
padding:20px;
}
}
@media only screen and (max-width : 1575px) {
/*LISTE SALLES*/
body.salles .salles-content .flex > div ul li{
text-align:center;
}
body.salles .salles-content .flex > div ul li:before{
display: block;
vertical-align: unset;
margin: 8px auto;
}
}
@media only screen and (max-width : 1400px) {
/*TOP INTRO*/
.top-intro .img-container {
width: calc(calc(100%/3)*2);
}
.top-intro .text {
width: calc(calc(100%/3)*1);
}
/*HEADER*/
header > nav > ul > li{
width:calc(calc(100% - 130px)/8);
}
header > nav > ul > li:nth-child(5){
width: 130px;
}
header > nav > ul > li > a{
padding:20px 10px 20px 10px;
}
/*HOME*/
section.home-events{
padding: 305px 75px 85px 75px;
}
section.home-saintmalo{
padding: 85px 75px 60px 75px;
}
section.home-saintmalo .flex > a{
width: calc(100%/3);
margin-bottom: 60px;
}
section.home-yourevent > span{
top:90px;
}
section.home-yourevent > a h2,
section.home-yourevent > div h2{
font-size:20px;
}
section.home-yourevent > a h2 span,
section.home-yourevent > div h2 span{
font-size:65px;
}
section.home-yourevent > a,
.home-yourevent > div{
padding: 360px 0 40px 0;
}
section.home-yourevent > div:last-child > a h2:before {
width: 65px;
height: 65px;
line-height: 67px;
text-align: center;
margin: 0 auto 35px auto;
}
section.home-mer {
padding: 320px 75px 100px 75px;
}
section.home-accordeon,
section.home-accordeon ul li {
height: 670px;
}
/*page-template-page-pgl-histoire*/
body.page-template-page-pgl-histoire .top-intro .text{
padding: 65px 35px 0 35px;
}
body.page-template-page-pgl-histoire .top-intro .slider-container h1{
font-size:120px;
}
body.page-template-page-pgl-histoire .top-intro .slider-container .clip-text{
font-size:210px;
padding-top: 580px;
}
body.page-template-page-pgl-histoire .chiffres-cles > div{
width:50%;
height:auto;
padding-bottom: 35px;
}
body.page-template-page-pgl-histoire .chiffres-cles > div:first-child{
width:100%;
}
body.page-template-page-pgl-histoire .chiffres-cles > div:first-child:after{
border-width: 38px 215px 0 215px;
border-color: #dedcdc transparent transparent transparent;
top: unset;
bottom: -38px;
right: 50%;
margin-right: -215px;
}
/*GALERIE*/
body.acces .plan .left{
width: calc(calc(100%/3)*1);
}
body.acces .plan .right{
width: calc(calc(100%/3)*2);
}
/*FOOTER*/
footer .top{
flex-wrap:wrap;
}
footer .top div{
width:50%;
}
footer .top > div:last-child{
width:100%;
border-top:1px solid #323232
}
}
@media only screen and (max-width : 1200px) {
.wrapper{
width:970px;
}
/*page-template-page-pgl-histoire*/
body.page-template-page-pgl-histoire .top-intro .slider-container{
width:100%;
}
body.page-template-page-pgl-histoire .top-intro .text{
width:100%;
padding: 65px 35px 20px 35px;
}
body.page-template-page-pgl-histoire .top-intro .slider-container h1 {
font-size: 100px;
}
body.page-template-page-pgl-histoire .top-intro .slider-container .clip-text {
font-size: 150px;
padding-top: 320px;
}
body.page-template-page-pgl-histoire .chiffres-cles > div img {
width: 100%;
}
/*GALERIE*/
body.galerie section.tabs{
display:block;
}
body.galerie section.tabs > a{
width:100%;
}
body.galerie section.tabs > a:nth-child(2):after{
width: 0;
height: 0;
border-style: solid;
border-width: 10px 299.5px 0 299.5px;
border-color: #006c93 transparent transparent transparent;
top: unset;
bottom: -10px;
right: unset;
left: 50%;
margin-left: -299.5px;
}
body.galerie section.tabs > a:nth-child(3){
padding:0 5px;
margin-top: 20px;
}
body.galerie section.tabs > a:nth-child(3):before{
display:none;
}
body.galerie section.tabs > a:nth-child(3),
body.galerie section.tabs > a:nth-child(4),
body.galerie section.tabs > a:nth-child(5),
body.galerie section.tabs > a:nth-child(6),
body.galerie section.tabs > a:nth-child(7),
body.galerie section.tabs > a:nth-child(8),
body.galerie section.tabs > a:nth-child(9){
display:none
}
body.galerie section.galerie > div.popup-gallery-videos a{
width: calc(98%/2);
margin-bottom: 2%;
}
}
@media only screen and (max-width : 1150px) {
.wrapper {
width: 760px;
}
/*TOP INTRO*/
.top-intro{
display:block;
}
.top-intro .img-container{
width:100%;
}
.top-intro .text{
width: 100%;
min-height: auto;
padding-bottom: 40px;
}
/*HEADER*/
header nav{
padding-bottom: 40px;
}
header > nav > ul {
position: static;
display: none;
margin-top: 40px;
}
header > nav > ul li{
margin-bottom: 1px;
}
header > nav > ul > li,
header > nav > ul > li > a {
width: 100%;
}
header > nav > ul > li > a {
border-left:none;
border-bottom: 1px solid #e6e6e6;
}
header > nav > ul > li .sub-menu{
position:static;
}
header .show-menu {
display:block;
}
header > nav > ul > li:nth-child(5){
display:none;
}
header > nav > ul > li:nth-child(4) a,
header > nav > ul > li:last-child a{
border-right:none;
}
header > nav > ul > li > a br{
display:none;
}
header nav .resp{
display:block;
}
header img.bzh{
width:100px;
}
/*HOME*/
section.home-events h1,
section.home-saintmalo h1,
section.home-mer h1 {
font-size: 80px;
}
section.home-yourevent{
flex-wrap:wrap;
}
section.home-yourevent > a{
width: calc(100%/2);
}
section.home-yourevent > a,
.home-yourevent > div {
padding: 240px 0 40px 0;
}
section.home-yourevent > div:last-child{
height: 310px;
width: 100%;
flex-wrap:wrap;
}
section.home-yourevent > div:last-child > a{
height:100%;
width:100%;
}
section.home-accordeon{
height:auto;
}
section.home-accordeon ul{
display:flex;
flex-wrap:wrap;
}
section.home-accordeon ul li{
width:50%;
height:310px;
}
section.home-accordeon ul:hover li,
section.home-accordeon ul:hover li:hover{
width:50%;
padding-left:0;
text-align:center;
}
section.home-accordeon ul li .links{
display: flex;
opacity: 1;
padding:0 60px;
}
section.home-actus,
section.home-actus .temoignages,
section.home-actus .actus{
display:block;
width:100%;
}
section.home-actus .temoignages{
padding-bottom:140px
}
/*ACCES*/
body.acces .plan{
flex-direction: column-reverse;
}
body.acces .plan .left{
width:100%;
}
body.acces .plan .right{
width:100%;
}
body.acces .plan .left ul li{
width:50%;
}
/*LISTE SALLES*/
body.salles .salles-content .flex > div{
width: calc(98.5%/2);
margin-bottom: 15px;
padding-top: 45.8%;
}
body.salles .salles-content > div > p{
width:auto;
padding:0 20px;
}
body.salles .visites .left img{
width:100%;
}
body.salles .visites .right h2{
font-size:25px;
}
/*ACTUALITE*/
.template-detail-2 section.visuels .flex a,
.single-post section.visuels .flex a{
width: 50%;
padding-top: 28%;
position:relative;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 800px) {
.wrapper{
width:480px;
}
.top-intro .img-container h1, .top-intro .img-full h1{
font-size: 100px;
}
.tpl section.introduction{
padding: 50px 0;
}
.tpl section.introduction .wysiwyg{
padding: 20px;
}
.template-liste-3 section.flex > .box{
width: 100%;
flex-wrap: wrap;
}
.template-liste-3 section.flex > .box .visuel, .template-liste-3 section.flex > .box .text{
width: 100%;
}
.template-liste-1 section.big{
flex-wrap: wrap;
}
.template-liste-1 section.big > div{
width: 100%;
}
.template-liste-1 section.big .text{
padding: 75px 50px;
}
.page-template-page-actualites section.flex .box, .post-type-archive-appel_d_offre section.flex .box{
width: 100%;
}
header{
padding: 40px 25px 0 25px;
}
header .lang{
left:25px;
}
/*HOME*/
section.home-saintmalo .flex > a{
width:100%
}
section.home-yourevent > a {
width: 100%;
}
section.home-accordeon ul li{
width:100%;
}
section.home-accordeon ul:hover li,
section.home-accordeon ul:hover li:hover{
width:100%;
}
section.home-actus .actus > div{
display:block;
}
section.home-actus .actus .img{
display:block;
width:100%;
background:none;
}
section.home-actus .actus .img img{
display:block;
width:100%;
}
section.home-actus .actus .text {
padding: 30px 0 0 0;
}
/*page-template-page-pgl-histoire*/
body.page-template-page-pgl-histoire .chiffres-cles > div{
width:100%;
}
body.page-template-page-pgl-histoire .top-intro .slider-container .clip-text{
display:none;
}
body.page-template-page-pgl-histoire .top-intro .slider-container h1 {
font-size: 70px;
}
/*GALERIE*/
body.galerie section.tabs > a:nth-child(2):after{
display:none;
}
body.galerie section.galerie > div.popup-gallery-videos a{
width:100%;
margin-bottom:15px;
}
/*SALLES LISTE*/
body.salles .salles-content .flex > div{
width:100%;
padding-top: 75%;
}
body.salles .visites .wrapper{
display:block;
}
body.salles .visites .wrapper .left,
body.salles .visites .wrapper .right{
width:100%;
}
/*TEMOIGNAGE*/
.page-template-page-temoignages-liste section.flex .box{
display:block;
width:100%;
margin-bottom:45px;
}
.single-temoignages .flex .box{
width: 100%;
}
/*FOOTER*/
footer .links .wrapper{
display:block;
padding-top:10px;
}
footer .links .wrapper ul.left li a {
margin-right: 20px;
}
footer .top div{
width:100%;
}
footer .top div:first-child{
border-bottom: 1px solid #323232;
}
footer .bottom .wrapper > div {
width: 100%;
margin-bottom: 35px;
}
footer .bottom .wrapper > div:nth-child(2){
}
footer .bottom .wrapper > div:nth-child(2) img{
float:none;
width:100%;
}
/*ACTUALITE*/
.template-detail-2 section.visuels .flex a,
.single-post section.visuels .flex a{
width: 100%;
padding-top: 50%;
position:relative;
margin: 10px 0;
}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 500px) {
.wrapper{
width:100%;
padding:0 20px;
}
.btn{
font-size: 15px;
margin-bottom:10px;
padding: 8px 55px 10px 18px;
}
.btn:after{
top: 6px;
}
/*HOME*/
section.home-events a{
display:none;
}
section.home-events h1,
section.home-saintmalo h1,
section.home-mer h1 {
font-size: 60px;
}
section.home-events {
padding: 120px 20px 50px 20px;
}
section.home-saintmalo {
padding: 45px 20px 50px 20px;
}
section.home-saintmalo .flex > a p {
margin: 10px auto 35px auto;
}
section.home-saintmalo .flex > a span:before{
height: 25px;
bottom: 26px;
}
section.home-saintmalo .flex > a{
margin-bottom:40px;
}
section.home-saintmalo h1{
margin: 70px 0 30px 0;
}
section.home-yourevent > span{
left:-61px;
}
section.home-yourevent > div:last-child > a h2 {
letter-spacing: 3px;
}
section.home-yourevent > div:last-child{
/* height: 200px;*/
}
section.home-yourevent > div:last-child > a h2:before {
width: 50px;
height: 50px;
line-height: 47px;
margin: 0 auto 15px auto;
}
section.home-mer {
padding: 150px 20px 50px 20px;
}
section.home-actus .temoignages .flex-control-nav {
width: calc(100% - 40px);
}
section.home-accordeon > span{
left: -107px;
}
section.home-accordeon ul li h2 {
margin-top: 30px;
}
section.home-accordeon ul li span{
font-size: 180px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
right: unset;
bottom: unset;
}
section.home-accordeon ul li {
height: 250px;
}
section.home-actus .temoignages,
section.home-actus .actus {
padding: 40px 20px 20px 20px;
}
section.home-actus .temoignages {
padding-bottom: 120px;
}
section.home-actus .actus:before,
section.home-actus .temoignages:before{
height: 35px;
}
section.home-actus .temoignages h2,
section.home-actus .actus h2{
margin-bottom:20px;
}
/*FOOTER*/
footer .top div{
display:block;
}
footer .top div p{
margin-bottom:15px;
}
footer .top div input[type="text"]{
display:inline-block;
margin:0;
}
footer .top div input[type="submit"]{
display: inline-block;
margin-left:-4px;
vertical-align:-2px;
}
footer .top div:nth-child(2) {
border-right:none;
border-left:none;
}
footer .bottom .wrapper{
padding: 20px;
}
footer .links .wrapper{
display:flex;
}
footer .links .wrapper ul{
width: 100%;
display: block;
}
footer .links .wrapper ul li{
margin-bottom:5px;
}
footer .links .wrapper ul:nth-child(2){
text-align:center;
}
footer .links .wrapper ul:nth-child(2) li{
margin-bottom: 30px;
}
footer .links .wrapper ul.right li a{
margin:0;
}
div#content-container-popup{
width: 100% !important;
margin-left: 0px !important;;
}
div#content-container-popup a{
font-size: 23px !important;
}
div#content-container-popup a:after{
content:" " !important;
}
.post-type-archive-temoignages section.flex .box, .single-temoignages .flex .box{
width:100%;
}
}
@media only screen and (max-width : 350px) {
header .show-menu{
left: 5px;
}
section.home-accordeon > span{
transform: initial;
left: 10px;
top: 15px;
}
section.home-accordeon ul li{
height: 280px;
}
section.home-accordeon ul li h2{
margin: 60px 0px;
}
section.home-accordeon ul li .links{
flex-wrap: wrap;
}
section.home-accordeon ul li .links a{
margin: 1px;
}
}
/*POPUP GRAND LARGE*/
.pum-theme-2093 .pum-container, .pum-theme-theme-par-defaut .pum-container{
padding: 0px !important;
}
section#main-container-popup{
background: url(../img/fond-popup.jpg) no-repeat center;
background-size: cover;
color: #ffffff;
height: 500px;
}
div#content-container-popup{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background: rgba(0,0,0,0.8);
width: 45%;
height: 100%;
padding : 30px;
margin-left: 50px;
}
div#content-container-popup a{
font-size: 25px;
text-transform: uppercase;
color: #fff0bf;
transition: ease-out all 0.5s;
position: relative;
}
div#content-container-popup a:after{
content: "\e809";
font-family: "fontello";
font-size: 20px;
position: absolute;
top: 8px;
right: -25px;
}
div#content-container-popup a:hover{
font-size: 25px;
text-transform: uppercase;
color: white;
transition: ease all 0.5s;
}
a[data-href]{
cursor:pointer;
}