/* ------
SOMMAIRE
---------*/
/*
@AUTHOR : Julie

00 - COULEURS
01 - SPRITE
03 - TITRES
04 - LIENS
05 - BOUTONS
06 - CONTENU WYSIWYG
07 - PADDING ET LARGEURS
08 - MENU SCROLL UP
09 - POPUP ACTUALITE
10 - MENU HAMBURGERS
11 - ICONES SOCIALES
12 - CLASS GENERIQUES
13 - PAGE TEXTE EN BLOC
14 - SLICK
15 - SIDEBAR
*/


/* ----------
00 - COULEURS
-------------*/
:root{
	--color00: #fff;    /*Blanc*/
	--color01: #000;    /*Noir*/
	--color02: #bc4b00; /*Orange*/
	--color03: #373a36; /*Gris foncé*/
	--color04: #1f201f; /*Noir clair*/
}
.white{
	color: var(--color00) !important;
}
.bg-white{
	background-color: var(--color00) !important;
}
.grey{
	color: var(--color03) !important;
}
.bg-grey{
	background-color: var(--color03) !important;
}
.orange{
	color: var(--color02) !important;
}
.bg-orange{
	background-color: var(--color02) !important;
}
.black{
	color: var(--color01) !important;
}
/*
Utilisation :
background: var(--color1);
border-bottom: 3px solid var(--color1);
color: var(--color1);
*/



/* ----------
01 - SPRITE
-------------*/
.ico{
	background-image: url('../img/charte/sprite-partage.svg');
	background-repeat: no-repeat;
	background-size: 400px auto;
    width: 40px;
	height: 40px;
	display: block;
}
span.ico.file {
    background-color: #000;
    border-radius: 50%;
}
span.ico.file.download {
    background-position: -300px -8px;
}
span.ico.file.view {
    background-position: -262px -7px;
}
span.ico.facebook {
    background-position: -13px -7px;
	width: 40px;
	height: 40px;
}
span.ico.insta {
    background-position: -50px -7px;
	width: 40px;
	height: 40px;
}
span.ico.mail {
    background-position: -63px -56px;
	width: 30px;
	height: 30px;
	margin-right: 0px;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	margin-left: 5px;
}
span.ico.phone {
	background-position: -115px -8px;
    width: 37px;
	height: 37px;
	margin-bottom: 10px;
}
span.ico.adresse {
	background-position: -158px -8px;
	width: 37px;
	height: 37px;
	margin-bottom: 10px;
}

.ico-imprimante{
	width: 60px;
	height: 60px;
	background-position: 0 -100px;
}
.ico-carte{
	width: 60px;
	height: 60px;
	background-position: -60px -100px;
}
.ico-pouce{
	width: 60px;
	height: 60px;
	background-position: -120px -100px;
}




/* ------
03 - TITRES
---------*/
h1, h2, h3, h4, h5, h6, .like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6{
	line-height:1.2;
	margin:0 0 10px 0;
	color: var(--color02);
	font-family: "mr", sans-serif;
	font-weight: normal;
}
h1, .like-h1{
	font-size: 3.5rem;
	font-family: quiche-sans, sans-serif !important;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}
h2, .like-h2{
	font-size: 3rem;
	font-family: quiche-sans, sans-serif !important;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}
h3, .like-h3{
	font-size: 2.5rem;
	color: var(--color03);
	text-transform: uppercase;
}
h4, .like-h4{
	font-size: 2rem;
	color: var(--color03);
	text-transform: uppercase;
}
h5, .like-h5{
	font-size: 1.8rem;
	color: var(--color03);
}
h6, .like-h6{
	font-size: 1.6rem;
	text-transform: uppercase;
}



/* ------------
04 - LIENS
--------------*/
a, a:link, a:visited{
	color: #4d4d4d;
	text-decoration: none;
}
a:hover, a:active{
	color: #000;
}


/* ------------
05 - BOUTONS
--------------*/

a.bouton1, .bouton1 a, a.bouton2, .bouton2 a, a.bouton3, .bouton3 a, a.bouton4, .bouton4 a,
body[data-version="2"] #widgetContainer #buttonWithArrows.submit,
#widgetSearchBestPrice .submit {
	font-family: "mb", sans-serif;
	text-transform: uppercase;
	font-size: 1.3rem;
    display: inline-block;
    padding: 8px 20px 8px 20px;
    color: #fff !important;
    margin: 10px 0;
    background-color: #efefef;
	text-decoration: none !important;
	font-style: normal !important;
}

a.bouton1, .bouton1 a,
body[data-version="2"] #widgetContainer #buttonWithArrows.submit,
#widgetSearchBestPrice .submit {
	background-color: var(--color02);
	border: 1px solid var(--color02);
}
a.bouton1:hover, .bouton1 a:hover,
body[data-version="2"] #widgetContainer #buttonWithArrows.submit:hover {
	background-color: #903900;
	border: 1px solid #903900;
}
a.bouton2, .bouton2 a {
	background-color: var(--color00);
	border: 1px solid var(--color01);
	color: var(--color03) !important;
}
a.bouton2:hover, .bouton2 a:hover {
	background-color: var(--color03);
	border: 1px solid var(--color03);
	color: var(--color00) !important;
}
a.bouton3, .bouton3 a {
	background-color: var(--color04);
	border: 1px solid var(--color04);
	text-align: center;
}
a.bouton3:hover, .bouton3 a:hover {
	background-color: var(--color00);
	color: var(--color01) !important;
}
.boutonflecheorange,
a.boutonflecheorange, .boutonflecheorange a {
	display: block;
    width: 45px;
    height: 45px;
    background-color: var(--color00);
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	position: relative;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.galerie-image .boutonflecheorange{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	    -ms-transform: translate(-50%, -50%) rotate(45deg);
	        transform: translate(-50%, -50%) rotate(45deg);
	z-index: 10;
}
.boutonflecheorange::after,
.boutonflecheorange a::after {
	content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(../img/charte/sprite-partage.svg);
    background-position: 6px -49px;
    background-repeat: no-repeat;
    background-size: 400px auto;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
a:hover .boutonflecheorange,
a.boutonflecheorange:hover,
.boutonflecheorange a:hover {
	background-color: var(--color02);
}
a:hover .boutonflecheorange::after,
a.boutonflecheorange:hover::after,
.boutonflecheorange a:hover::after {
	background-position: -19px -49px;
}

a.boutonflecheblanche, .boutonflecheblanche a {
	display: block;
    width: 45px;
    height: 45px;
    background-color: var(--color02);
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	position: relative;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
a.boutonflecheblanche::after, .boutonflecheblanche a::after {
	content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(../img/charte/sprite-partage.svg);
    background-position: -19px -49px;
    background-repeat: no-repeat;
    background-size: 400px auto;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
a.boutonflecheblanche:hover, .boutonflecheblanche a:hover {
	background-color: var(--color00);
}
a.boutonflecheblanche:hover::after, .boutonflecheblanche a:hover::after {
	background-position: 6px -49px;
}

button.bouton1, .bouton1 button, button.bouton2, .bouton2 button, button.bouton3, .bouton3 button, button.bouton4, .bouton4 button {
	font-family: "mb", sans-serif;
	text-transform: uppercase;
	font-size: 1.3rem;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    color: #fff !important;
    margin: 10px 0;
    background-color: #efefef;
	text-decoration: none !important;
	font-style: normal !important;
	cursor: pointer;
}

button.bouton1, .bouton1 button {
	background-color: var(--color02);
	border: 1px solid var(--color02);
}
button.bouton1:hover, .bouton1 button:hover {
	background-color: #903900;
	border: 1px solid #903900;
}
button.bouton2, .bouton2 button {
	background-color: var(--color00);
	border: 1px solid var(--color01);
	color: var(--color03) !important;
}
button.bouton2:hover, .bouton2 button:hover {
	background-color: var(--color03);
	border: 1px solid var(--color03);
	color: var(--color00) !important;
}


li.boutonmenu a{
	display: block;
	border: 2px solid var(--color02);
	padding: 8px 15px;
	color: var(--color02) !important;
	-webkit-transition: color 0.5s background 0.5s;
	-o-transition: color 0.5s background 0.5s;
	transition: color 0.5s background 0.5s;
	text-align: center;
	line-height: 1;
}
li.boutonmenuwhite a{
	border: 2px solid var(--color00);
	color: var(--color00) !important;
}
li.boutonmenu a:hover {
	color: var(--color00) !important;
	background-color: var(--color02);
}



/* ------------
06 - CONTENU WYSIWYG
--------------*/
p{
	margin: 0 0 10px 0;
}
strong{
	font-family: 'mb', sans-serif;
	font-weight: normal;
}
em{
	font-style:italic;
}
	em strong, strong em{
		font-family: 'mb', sans-serif;
		font-style: italic;
		font-weight: normal;
	}
u{
	text-decoration:underline;
}
strike{
	text-decoration: line-through;
}
address{
	color: #007AAA;
}
pre{
	background:#ccc;
	border:1px solid #007aaa;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	margin:20px auto;
	overflow:auto;
	padding:5%;
	width:80%;
}
code{
	background:#007aaa;
	color:#fff;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	padding:2px;
}
cite{
	color:#000;
	font-family: Arial, sans-serif;
	font-size:1.1em;
	padding:0 3px 0 3px;
}
p.text-intro {
    font-family: "rb", sans-serif;
    color: var(--color02);
}
acronym{
	border-bottom:1px dashed #007aaa;
	cursor:help;
}
q{
	color:#007aaa;
	font-style:italic;
}
	q:after{
		content: " ' Source: "attr(cite)" ";
		font-size:1em;
	}

ul{
	color: var(--color03);
	margin: 5px 0 5px 15px;
}
ul.noMargin {
	margin: 0;
}
	ul li{
		list-style: none;
		padding: 0 0 0 15px;
		position: relative;
	}
	ul li.noPadding {
		padding: 0;
	}
	#wrapperInner ul li::before {
		content: '';
		width: 7px;
		height: 7px;
		background-color: var(--color02);
		position: absolute;
		top: 7px;
		left: 0;
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
	ul li.noBefore::before {
		display: none;
	}

ol {
    counter-reset: numList;
    margin: 5px 0 5px 15px;
}
	#wrapperInner ol li {
		list-style-type: none;
	}
	#wrapperInner ol li::before {
		counter-increment: numList;
		content: counter(numList)".";
		font-family: "mb", sans-serif;
		margin: 0 5px 0 0;
		color: var(--color02);	
	}

hr{
	border-bottom:2px ridge #666;
	border:0;
}
.separator{
	clear:both;
	visibility:hidden;
	margin: 5px 0 5px 0;
}
dl{
	margin:10px 5px;
}
	dt{
		color:#000;
		font-size:1.1em;
		font-weight:bold;
	}
	dd{
		font-style:normal;
		margin:0;
		padding:0;
		text-indent:10px;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
	margin:auto;
	width:100%;
	margin-bottom:15px;
}
	table caption{
		color: #ccc;
		font-size: 14px;
		font-weight:bold;
		margin:5px 0;
		text-align:left;
	}
th{
	color:#fff;
	border:1px solid #ccc;
	color:#666;
	font-size:14px;
	font-weight:bold;
	padding:2px;
}
td{
	border:1px solid #ccc;
	padding:2px;
}
td img{
	padding:3px;
}


#wrapperInner p a,
#wrapperInner ul li a {
	color: var(--color02);
    text-decoration: none;
    font-style: italic;
    font-weight: 600;
}
#wrapperInner p a:hover,
#wrapperInner ul li a:hover {
	color: #903900;
}

/* ------------------------
08 - MENU SCROLL UP
--------------------------*/
.scrollUp{
	position: fixed;
	top: 0;
	width: 100%;
	z-index : 10000;
	-webkit-transition: top 0.2s ease-in-out;
	-o-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}
.scrollUp.nav-up{
	-webkit-transition: top 0.2s ease-in-out;
	-o-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}



/* ------------------------
09 - POPUP ACTUALITE
--------------------------*/
.popup-wrap{
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	left: 0;
	padding: 15% 30%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}
	.box-simple-popup{
		background: #fff;
		position: relative;
	}
		.box-simple-popup .box-titre{
			background: #46a1bf;
			color: #fff;
			padding: 15px 30px;
		}

		.box-simple-popup .popup-btn-close{
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDIYgjAAAAL3RSTlMAFS3T6/HlN8nbDhskQvb6Cga+smmlA1tOAZeSi3jtuM/Eg10pHhBiVD443alvI7Ki/2AAAAHWSURBVFjDpdfZbuJAEEbhH0JM2GKzZAJjsy9ZZun3f7vpJGJKiJJKOZzLrvZ3YbXUtnLj0bLZ7Qe6ofasaWZtfTUq0kdlMxZsMEmfbY/KzdO5dSXUsDgLxTHrj+l/k4p657ZSkywkHrJnjdRLt4ntzgVQq0xYNM9aZxCL5llT3SUsmmc12iUsmme969RxROxNJb2VV8vbPvR6J+Xmj1eDhz7zBvps5InQC0TgQbG7cj0sdu8DLxJj764lATHwgBh4QAy8WDwhz0RnM/CsN2878IIHwjEW3/0hEINXjET/EOQBFINjCkTu+WLP924QoWci87hoHr3EuWci8KBoHhdjj4uTSrj2yvV48zIFFzDwQpF7JnLPrxhSD4jAM5F7t4vPrsfF50AzEXvrwhO5Nx0PXZF7ki9yLxCB54sH7vlip8293N+eIwLPGnxP3PseFmeBF4qx9zt7TPS9px8SEAMPibEXi8CLRO75Ypd7vnjfBZ7VunPEwIPi3veQuBpKx9L1oLhZqL5a/Jk9LM7168pbSFys5XpcXKv0PC5OtfE8Lu609DwutlUV0DNxY8LTxZd+vRCq/3D5BzOcpI+KF9Gquky5sq701eFl+Wc01g21XpfL15Zy/wAQgcwfcwB9iQAAAABJRU5ErkJggg==') no-repeat 0 0 / 40px 40px;
			cursor: pointer;
			height: 40px;
			position: absolute;
			right: -20px;
			top: -20px;
			width: 40px;
		}
		.box-simple-popup .popup-btn-close span{
			display: none;
		}




/* ----------
10 - MENU HAMBURGERS
-------------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{
	background-color: transparent;
	color: inherit;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font: inherit;
	margin: 0;
	overflow: visible;
	padding: 5px 15px 0;
	text-transform: none;
	
	-webkit-transition-property: opacity, -webkit-filter;
	
	transition-property: opacity, -webkit-filter;
	
	-o-transition-property: opacity, filter;
	
	transition-property: opacity, filter;
	
	transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: 0.15s;
	     -o-transition-duration: 0.15s;
	        transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	     -o-transition-timing-function: linear;
	        transition-timing-function: linear;
}
	.hamburger:hover, .hamburger:focus{
		opacity: 0.7;
	}

.hamburger-box{
	display: inline-block;
	height: 24px;
	position: relative;
	width: 40px;
}

.hamburger-inner{
	display: block;
	margin-top: -2px;
	top: 50%;
}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
		background-color: #00b4cd;
		border-radius: 4px;
		height: 4px;
		position: absolute;
		width: 40px;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-duration: 0.15s;
		     -o-transition-duration: 0.15s;
		        transition-duration: 0.15s;
		-webkit-transition-timing-function: ease;
		     -o-transition-timing-function: ease;
		        transition-timing-function: ease;
	}
	.hamburger-inner::before, .hamburger-inner::after{
		content: "";
		display: block;
	}
	.hamburger-inner::before{
		top: -10px;
	}
	.hamburger-inner::after{
		bottom: -10px;
	}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner{
	-webkit-transition-duration: 0.3s;
	     -o-transition-duration: 0.3s;
	        transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	     -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
	.hamburger--spin .hamburger-inner::before{
		-webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
		-o-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
		transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
	}
	.hamburger--spin .hamburger-inner::after{
		-webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-o-transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

.hamburger--spin.is-active .hamburger-inner{
	-webkit-transform: rotate(225deg);
	    -ms-transform: rotate(225deg);
	        transform: rotate(225deg);
	-webkit-transition-delay: 0.14s;
	     -o-transition-delay: 0.14s;
	        transition-delay: 0.14s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	     -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
	.hamburger--spin.is-active .hamburger-inner::before{
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
		-o-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
		transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
	}
	.hamburger--spin.is-active .hamburger-inner::after{
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	}



/* ----------
11 - ICONES SOCIALES
-------------*/
.jssocials-share{

}
.jssocials-share-email{

}
.jssocials-share-twitter{

}
.jssocials-share-facebook{

}
.jssocials-share-googleplus{

}
	.jssocials-share a{
		
	}
		.jssocials-share .jssocials-share-logo{
			background-image: url('/images/charte/sprite-partages-rs.png');
			background-repeat: no-repeat;
			background-size: 130px auto;
			display: block;
			height: 33px;
			width: 33px;
		}
		.jssocials-share .jssocials-share-label{
			display: none;
		}

		.jssocials-share-email .jssocials-share-logo{ background-position: 0 0 }
		.jssocials-share-email:hover .jssocials-share-logo, .jssocials-share-email:focus .jssocials-share-logo{ /*background-position: 0 -34px*/ opacity: 0.7; }

		.jssocials-share-twitter .jssocials-share-logo{ background-position: -32px 0 }
		.jssocials-share-twitter:hover .jssocials-share-logo, .jssocials-share-twitter:focus .jssocials-share-logo{ /*background-position: -32px -34px*/ opacity: 0.7; }

		.jssocials-share-facebook .jssocials-share-logo{ background-position: -64px 0 }
		.jssocials-share-facebook:hover .jssocials-share-logo, .jssocials-share-facebook:focus .jssocials-share-logo{ /*background-position: -64px -34px*/ opacity: 0.7; }

		.jssocials-share-googleplus .jssocials-share-logo{ background-position: -97px 0 }
		.jssocials-share-googleplus:hover .jssocials-share-logo, .jssocials-share-googleplus:focus .jssocials-share-logo{ /*background-position: -97px -34px*/ opacity: 0.7; }



/**
* alert
*/
.alert
{
	background: green;
	color:#FFF;
	padding:10px;

	width:100%;
	text-align: center;
}

.alert.alert-error
{
	background: rgb(194, 24, 12);
}

/* 12 - CLASS GENERIQUES */

/* Width */


.w100 {
	width: 100%
}
.w90 {
	width: 90%
}
.w80 {
	width: 80%
}
.w70 {
	width: 70%
}
.w60 {
	width: 60%
}
.w50 {
	width: 50%
}
.w40 {
	width: 40%
}
.w30 {
	width: 30%
}
.w25 {
	width: 25%
}
.w20 {
	width: 20%
}
.w10 {
	width: 10%
}

/* Width flex avec goutiere */


.w1-2 {
	width: calc(100% / 2.1)
}

.w1-3 {
	width: calc(100% / 3.2)
}

.w1-4 {
	width: calc(100% / 4.3)
}

/* Flex */


.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.flex-wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.flex-jcc {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center
}
.flex-jcfe {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.flex-jsb {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between
}
.flex-aic {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center
}
.flex-aifa {
	 -webkit-box-align: start;
	     -ms-flex-align: start;
	         align-items: flex-start
}
.flex-aife {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end
}
.flex-dc {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.flex-g1 {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

/* Padding */


.pad20 {
	padding: 20px
}
.pad15 {
	padding: 15px
}
.pad30 {
	padding: 30px
}
.pad100_0 {
	padding: 100px 0;
}
.pad90_0 {
	padding: 90px 0;
}
.pad80_0 {
	padding: 80px 0;
}
.pad70_0 {
	padding: 70px 0;
}
.pad60_0 {
	padding: 60px 0;
}
.pad50_0 {
	padding: 50px 0;
}
.pad40_0 {
	padding: 40px 0;
}
.pad30_0 {
	padding: 30px 0;
}
.pad20_0 {
	padding: 20px 0;
}

/* Position */

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

/* Border radius */

.br10 {
	border-radius: 10px;
}



/* Box shadow */

.box-shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
}

/* MEDIA // Cover */

.cover {
	overflow: hidden;
}
	.cover img{
		-o-object-fit: cover;
		   object-fit: cover;
		font-family: 'object-fit: cover';
		height: 100%;
		width: 100%;
	}

/* 13 - PAGE TEXTE EN BLOC */

.templatePageTextBloc > div:not(:last-child) {
    margin: 0 0 50px 0;
}
.bloc-texte-inte ul li, .bloc-texte-inte ol li{
	margin-bottom: 12px;
}
/* Bloc introduction */

.bloc-introduction {
    padding: 0 15%;
    text-align: center;
}
	.bloc-introduction p {
		font-family: "rb", sans-serif;
		font-size: 1.5rem;
	}

/* Bloc texte et image */

/* .bloc-texte-image .slider-page .item {
    height: 500px;
} */
.bloc-texte-image .slider-page.w100 .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.bloc-texte-image .slider-page.w100.high {
    margin: 0 0 30px 0;
}
.bloc-texte-image .slider-page.w100.low {
    margin: 30px 0 0 0;
}

/* Galerie image */

.galerie-image {
    margin: 0 -10px 50px -10px !important;
}
	.galerie-image .item {
		margin: 0 10px 20px 10px;
		background-color: #000;
		position: relative;
	}
	.galerie-image .item a::before{
		position: absolute;
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 20px;
		border:1px solid #fff;
		content:"";
		z-index: 5;
	}


		.galerie-image .item div.border{
			position: absolute;
			height: 85%;
			width: 85%;
			border: 1px solid var(--color00);
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			    -ms-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
			left: 50%;
			z-index: 999;
		}
			.galerie-image .item div.border a{
				opacity: 0;
				-webkit-transition: opacity 0.5s;
				-o-transition: opacity 0.5s;
				transition: opacity 0.5s;
			}
			.galerie-image .item:hover div.border a{
				opacity: 1;
			}
			.galerie-image .item img {
				-webkit-transition: opacity .3s, -webkit-transform .3s;
				transition: opacity .3s, -webkit-transform .3s;
				-o-transition: transform .3s, opacity .3s;
				transition: transform .3s, opacity .3s;
				transition: transform .3s, opacity .3s, -webkit-transform .3s;
			}
			.galerie-image .item:hover img {
				opacity: 0.5;
				-webkit-transform: scale(1.05);
				    -ms-transform: scale(1.05);
				        transform: scale(1.05);
			}

/* Diaporama */

.slider-text-container{
	border: 2px solid var(--color03);

}
.slider-text{
	width: 100%;
	/* border: 2px solid var(--color03); */
}
	.slider-text .slider-inte .text-diapo{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0px 35px;
	}
	.slider-text ul.slick-dots{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 0px;
		margin-top: 35px;
	}
		.slider-text ul.slick-dots li{
			padding: 0px 0px 0px 15px;
		}
		.slider-text ul.slick-dots li::before{
			display: none;
		}
			.slider-text ul.slick-dots li button{
				background-color: transparent;
				border: 1px solid var(--color03);
				-webkit-transform: rotate(45deg);
				    -ms-transform: rotate(45deg);
				        transform: rotate(45deg);
				text-indent: -5000px;
				padding: 0px;
				width: 12px;
				height: 12px;
			}
			.slider-text ul.slick-dots li button:focus{
				outline: none;
				background-color: var(--color03);
			}
.slider-image{
	max-height: 600px;
}
	.slider-image .slick-list, .slider-image .slick-list .slick-track, .slider-image .slick-list .slick-track .slider-inte, .slider-image .slick-list .slick-track .slider-inte .image-diapo, .slider-image .slick-list .slick-track .slider-inte .image-diapo img{ 
		max-height: 600px;
	}



/* Glissière */
.glissiere-item {
    padding: 13px 20px;
    margin: 0 0 15px 0;
    position: relative;
    border: 1px solid #e5e5e5;
}
.glissiere-item::after {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-image: url(../img/charte/sprite-partage.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: -87px -4px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}
.glissiere-item.active::after {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
	.glissiere-item .contenu {
		display: none;
		padding-top: 35px;
	}
	.glissiere-item .titre {
		text-transform: uppercase;
		font-family: "mm", sans-serif;
		font-size: 1.5rem;
		cursor: pointer;
		padding: 0 40px 0 0;
		color: var(--color02);
	}

/* Téléchargement fichier */

.fileDownload-item .title {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-family: "rb", sans-serif;
    font-size: 1.6rem;
    color: var(--color02);
    margin: 0;
}
.fileDownload-item .vignette {
    width: 180px;
    margin: 0 10px 0 0;
}
.fileDownload-item .link a {
    margin: 0 0 0 5px;
}

/* Vignette page */

.blocVignettesCarrefours-item {
	margin: 0 0 30px 0;
	overflow: hidden;
}
.blocVignettesCarrefours-item:nth-child(3n+2) {
	margin: 0 35px 30px 35px;
}
	.blocVignettesCarrefours-item .content {
		padding: 20px 0px;
	}
	.blocVignettesCarrefours-item .image {
		background-color: var(--color03);
	}
		.blocVignettesCarrefours-item .image img {
			-webkit-transition: opacity .3s, -webkit-transform .3s;
			transition: opacity .3s, -webkit-transform .3s;
			-o-transition: opacity .3s, transform .3s;
			transition: opacity .3s, transform .3s;
			transition: opacity .3s, transform .3s, -webkit-transform .3s;
		}
		.blocVignettesCarrefours-item .image:hover img {
			opacity: 0.5;
			-webkit-transform: scale(1.05);
			    -ms-transform: scale(1.05);
			        transform: scale(1.05);
		}

/* 14 - SLICK */
.bloc-texte-image .slider-page{
	position: relative;
}
button.slick-arrow {
    background-color: var(--color03);
    border: transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    text-indent: -5000px;
    overflow: hidden;
    width: 45px;
    height: 35px;
    background-image: url(../img/charte/sprite-partage.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    outline: transparent;
    cursor: pointer;
	background-position: -193px -10px;
}
	button.slick-arrow.slick-prev {
		z-index: 1;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		-webkit-transform: rotate(-180deg) translateY(12px);
		    -ms-transform: rotate(-180deg) translateY(12px);
		        transform: rotate(-180deg) translateY(12px);
		position: absolute;
		top: 50%;
		left: 0;
	}
	button.slick-arrow.slick-next {
		z-index: 1;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
		-webkit-transform: translateY(-12px);
		    -ms-transform: translateY(-12px);
		        transform: translateY(-12px);
		position: absolute;
		top: 50%;
		right: 0;
	}


	/*  Résevation */
	#ReservitBookingIframe{
		z-index: 10 !important;
	}

	
    /* FIN RESPONSIVE */



/* 15 - SIDEBAR */
aside#right{
	z-index: 1;
}
.sidebarBorder{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	border: 1px solid var(--color03);
	padding: 35px 15px 45px 15px;
	background: var(--color00);
}

.sidebarBorder .logo-voyageurs{
	width: 250px;
}
aside#right .sidebarBorder:not(:last-child){
	margin-bottom: 35px;
}
aside#right .sidebarBorder.Hotel a, aside#right .sidebarBorder.Horaire a{
	width: 70%;
}
aside#right .sidebarBorder.Hotel button, aside#right .sidebarBorder.Horaire button{
	width: 70%;
}
.sidebarBorder.Horaire a.bouton2, .sidebarBorder.Horaire button,
.sidebarBorder.Horaire a.bouton1{
	width: 70%;
}

aside#right .sidebarBorder.Offrez h3{
	font-family: quiche-sans, sans-serif !important;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	color: var(--color02);
	font-size: 3.5rem;
	margin-bottom: 5px;
}
aside#right .sidebarBorder.Offrez img{
	margin-bottom: 12px;
	margin-top: 12px;
}
aside#right .sidebarBorder.Offrez span{
	font-family: 'avb', sans-serif;
	color: var(--color03);
	font-size: 3rem;
	padding-bottom: 15px;
}
aside#right .sidebarBorder.Offrez a.boutonflecheblanche{
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 50% ) rotate(45deg);
	    -ms-transform: translate(-50%, 50% ) rotate(45deg);
	        transform: translate(-50%, 50% ) rotate(45deg);
}

aside#right .sidebarBorder.Hotel img{
	margin-bottom: 10px;
	margin-top: 10px;
}
aside#right .sidebarBorder.Hotel strong{
	margin-bottom: 5px;
}

.sidebarBorder.Horaire h3{
	font-family: quiche-sans, sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 3.5rem;
	margin-bottom: 0px;
	line-height: 30px;
}
	.sidebarBorder.Horaire h3 span{
		font-family: 'avb', sans-serif;
		text-transform: initial;
		font-size: 4.2rem;
		margin: 0px;
		color: var(--color02);
	}
.sidebarBorder.Horaire img{
	margin-bottom: 12px;
	margin-top: 12px;
}
.sidebarBorder.Horaire strong{
	margin-bottom: 5px;
}

aside#right .sidebarBorder.Menu{
	background-color: var(--color01);
}
	aside#right .sidebarBorder.Menu h3{
		font-family: 'ml', sans-serif;
		color: var(--color00);
		font-size: 1.8rem;
		margin-bottom: 5px;
		line-height: 20px;
	}
	aside#right .sidebarBorder.Menu .typo{
		font-family: 'avb', sans-serif;
		color: var(--color00);
		font-size: 4rem;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	aside#right .sidebarBorder.Menu strong, aside#right .sidebarBorder.Menu p{
		color: var(--color00);
	}
	aside#right .sidebarBorder.Menu a.boutonflecheblanche {
	    position: absolute;
	    bottom: 0;
	    left: 50%;
	    -webkit-transform: translate(-50%, 50% ) rotate(45deg);
	        -ms-transform: translate(-50%, 50% ) rotate(45deg);
	            transform: translate(-50%, 50% ) rotate(45deg);
	}


.page-id-320 #gform_confirmation_message_1{
	color: green !important;
	font-size: 2.3rem !important;
	line-height: 1.3;
}

	
/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
	.blocVignettesCarrefours-item:nth-child(3n+2) {
		margin: 0 35px 30px 35px;
	}
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	.md-flex-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
	}
	.md-w100 {
		width: 100%;
	}
	.md-w50 {
		width: 50%
	}
	.md-w1-2 {
		width: calc(100% / 2.1);
	}
	.bloc-texte-image .slider-page .item {
		height: 360px;
	}
	.galerie-image .item {
		margin: 0 8px 20px 9px;
		background-color: #000;
	}
	.blocVignettesCarrefours-item:nth-child(3n+2) {
		margin: 0 30px 30px 30px;
	}
}
/*02 TABLETTE*/
@media screen and (max-width: 992px), (max-device-width: 992px){
	.sm-flex-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
	}
	.sm-w100 {
		width: 100%
	}
	.sm-w50 {
		width: 50%
	}
	.sm-w1-2 {
		width: calc(100% / 2.1);
	}
	.sm-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.sm-flex-aic {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.sm-flex-jcc {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.sm-flex-jsb {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.galerie-image {
		margin: 0 0px 50px 0px !important;
	}
		.galerie-image .item {
			margin: 0 0px 20px 0px;
		}
	.blocVignettesCarrefours-item:nth-child(3n+2) {
		margin: 0 0px 30px 0px;
	}
}
/*03 MINI-TABLETTE*/
@media screen and (max-width: 767px), (max-device-width: 767px){
	.xs-flex-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
	}
	.xs-w100 {
		width: 100%
	}
	.xs-w50 {
		width: 50%
	}
	.xs-w1-2 {
		width: calc(100% / 2.1);
	}
	.xs-flex-jsb {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.xs-flex-dc {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.bloc-introduction {
		padding: 0;
	}
	.bloc-texte-image-inte .slider-page {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin: 20px 0 0 0;
	}
	.fileDownload-item {
		margin: 0 0 20px 0;
	}
}


#cboxOverlay{
	opacity: 0.6 !important;
}