html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, form, label, table, caption, tr, th, td, embed {
    font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 0;
}
img {
	border: none;
	max-width: 100%;
	width: auto;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background:#fff;
	font-size:15px;
}
a:hover {
	-moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}
strong {
	letter-spacing:1px;	
}

/* ___ BANDEAU NAV MENU ___ */

#bandeau {
	position:relative;
	width:100%;
}
nav {
	height:110px;
	width:100%;
	background:rgba(255,255,255,0.7);
	z-index:2000;
	position:fixed;
	left:0;
	top:0;
	font-size:15px;
	border-bottom:rgba(0,0,0,0.5) 1px solid;
}
.coords {
	position:absolute;
	right:15%;
	top:34px;
	width:auto;
	text-align:right;	
	color:#555;
	font-size:1em;
}
.sommaire {
	padding:0 15%;
	width:70%;
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
}
.sommaire > div.logo {
	flex-grow: 1;
}
.sommaire > #menu.menu {
	text-align:right;
	flex-grow: 2;
	padding-top:50px;
}
#menu li {
	list-style:none;
	display:inline;
}
#menu li a {
	text-decoration:none;
	color:#000;
	font-size:1em;
	padding-left:15px;
	font-weight:bold;
}
#menu li a:hover, #menu li a.select {
	color:#95611c;
}
.slicknav_menu {
	display:none;
}
.logonav {
}
.logonav0 {
	display:none;
}
.menu-rd {
	text-align:center;
	padding:0.5em;
}

/* ___ SLIDE ___ */

#jssor_1 {position:relative;margin:0 auto;top:0px;left:0px;width:2000px;height:650px;overflow:hidden;visibility:hidden;}

/*jssor slider loading skin spin css*/
.jssorl-009-spin {position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);}
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	margin-top:-19px;position:relative;top:50%;width:38px;height:38px;
}
.slide-u {cursor:default;position:relative;top:0px;left:0px;width:2000px;height:650px;overflow:hidden;}
.classsvg{position:absolute;top:0;left:0;width:100%;height:100%;}
@keyframes jssorl-009-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
/*jssor slider bullet skin 032 css*/
.jssorb032 {position:absolute;bottom:12px;right:12px;}
.jssorb032 .i {position:absolute;cursor:pointer;}
.jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
.jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
.jssorb032 .i.idn {opacity:.3;}
/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;width:65px;height:65px;top:0px;}
.jssora051-g {left:25px;}
.jssora051-d {right:25px;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

/*___ CONTENU EDITORIAL ___*/

/* autres blocs */

.conteneur {
	width: 80%;
	margin: 0 auto;
	position:relative;
}
.fd-1, .fd-2, .fd-3 {
	color:#fff;
}
.fd-1 {
	background: url(../images/fd-1.jpg) center center no-repeat fixed;
	background-size: cover;
	padding:6em 0;
}
.fd-2 {
	background: url(../images/fd-2.jpg) center center no-repeat fixed;
	background-size: cover;
	padding:6em 0;
}
.fd-3 {
	background: url(../images/fd-3.jpg) center center no-repeat fixed;
	background-size: cover;
	padding:6em 0;
}
.fd-neutre {
	color:#000;
}
.fd-bleu {
	background:#f07f00;
	color:#fff;
}
.fd-neutre, .fd-bleu  {
	padding:3em 0;
}
.fd-img {
	color:#fff;
}
.fd-imgbleu {
	background:rgba(0,0,0,0.1);
	color:#fff;
}
.fd-mod {
	background:#ffdfbb;
	padding:1em 0;
	color:#333;
}

/* background blocs */

.bg-bleu {
	background:rgba(240,127,0,0.8);
	color:#fff;
	padding:4% 2%;
}
.bg-bleu2 {
	background:#f07f00;
	color:#fff;
	padding:2%;
}


/* flex */

.coln3 {
  	display: flex;
  	justify-content: space-between;
	align-items: stretch;
}
.coln3 > div.c3bloc {
  	position:relative;
  	padding:2%;
	flex-grow: 1;
	margin:2%;
	width:100px;
}
.coln3 > div.btbloc {
  	position:relative;
	flex-grow: 1;
	margin:2%;
}

.coln2 {
  	display: flex;
  	justify-content: space-between;
	align-items: center;
}
.coln2 > div.bloc30 {
	width: 35%;
  	margin-right:2%;
}
.coln2 > div.bloc70 {
	width: 65%;
  	margin: 0;
  	padding:2%;
}

.fd-img, .fd-imgbleu {
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
	color:#fff;
}
.fd-img > img.blocphoto {
  	width: 40%;
}
.fd-img > div.bloctexte {
  	width: 54%;
  	padding:3%;
}
.fd-imgbleu > img.blocphotob {
  	width: 50%;
}
.fd-imgbleu > div.bloctexteb {
  	width: 34%;
  	padding:8%;
}

/* formats titres et textes */

#contenu h1 {
	font-size:2.7em;
	color:#222;
	line-height:1em;
	margin-bottom:0.5em;
	text-align:center;
	letter-spacing:-1px;
}
.txt-bleu {
	color:#f07f00;
}
#contenu h4, #contenu h3, #contenu h2 {
	margin:0.5em 0;
	line-height:1.2em;
}
#contenu p {
	margin:1em 0;
}
#contenu a, #contenu li a, #contenu h2 a, #contenu h3 a, #contenu h4 a {
	text-decoration:none;
}
#contenu a.lien {
	padding:0.8em;
	color:#fff;
	text-align:center;
	font-size:1em;
	border:#fff 1px solid;
	background:rgba(190,80,0,0.8);
}
#contenu a.lien:hover {
	color:#f07f00;
	background:rgba(255,255,255,0.7);
	border:#f07f00 1px solid;
}
.titre-1 {
	font-size:2.5em;
}
.titre-2 {
	font-size:1.7em;
}
.titre-3, .txt-1 {
	font-size:1.3em;
}
.txt-2 {
	font-size:1.1em;
}
.petit {
	font-size:0.5em;	
}
ul.ulli {
	margin:0.5em 0;	
}
ul.ulli li {
	font-size:1em;
	list-style:none;
	margin:5px 0;
	line-height:1.2em;
}

/*effet overlay sur bt index */

.btimage {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(190, 100, 30, 0.5);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.btbloc:hover .overlay {
  height: 100%;
}
.bttext {
  color: #fff;
  font-size: 1em;
  position: absolute;
  width:80%;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#contenu .btbloc h3 {
	display:block;
	font-size:1.3em;
	color:#fff;
	background:#f07f00;
	padding:0.4em;
	margin:0;
	text-align:center;
}

/* --------- PDP -- */

#pdp {
	background:	linear-gradient(to right, #222 10%, #111 70%);
	color:#fff;
	padding:2em 0 4em 0;
	font-size:13px;
}	
.pied {
	width:80%;
	margin:0 auto;
	display: flex;
  	justify-content: space-between;
	align-items: stretch;
}
.pied > div.blocpdp {
	flex-grow: 1;
	width:100px;
	position:relative;
  	padding-left:1%;
	margin:0 1%;
  	border-left:rgba(255,255,255,0.1) 1px solid;
}
.pied h2 {
  	font-size:1.7em;
}
.pied h3 {
	font-size:1em;
	text-transform:uppercase;
	font-weight:normal;
	color:#ccc;
}
.pied h4 {
  	font-size:1.5em;
  	color:#f07f00;
  	margin-bottom:1em;
}
.pied p {
  font-size:1em;
  margin-bottom:0.8em;
}
.pied p.tel {
	font-size:1.7em;
	line-height:1.2em;
	color:#f07f00;
	margin:0.4em 0;
}
.pied a:hover, .pied a {
	text-decoration: none;
	color:#fff;
	font-size:1em;
}
.pied ul {
	margin:0.5em 0;
}
.pied ul li {
	font-size:1em;
	margin:0.4em 0;
	list-style:none inside;	
}
.pied strong {
	letter-spacing:1px;	
}

/* --------- EODYS -- */

#eodys {
	position:fixed;
	bottom:0;
	left:0;
	width: 100%;
	text-align: center;
	padding:0.3em 0;
	background:	linear-gradient(to left, #222 10%, #111 70%);
	color:#bbb;
	font-size:13px;
	border-top:#333 1px solid;
	z-index:9000;
}
#eodys p {
	font-size: 1em;
	font-weight:normal;
}
#eodys p img {
	margin-bottom:-2px;
}
#eodys a, #eodys a:hover {
	font-size: 1em;
	color:#bbb;
	text-decoration:none;
}

/* --------- MENTIONS LEGALES -- */

.mlgauche {
	width:30%;
	float:left;	
}
.mldroite {
	width:64%;
	float:right;
	border-left:#000 1px solid;
	padding-left:2%;
	text-align:justify;	
}
.ulml {
	text-align:right;
	margin:1em 0;
}
.ulml li {
	list-style:none;
	margin:1em 0;
	font-size:1.2em;
}


/* --------- MISE EN PAGE -- */

.pad2pc {
	padding:2%;	
}
.pad02pc {
	padding:0 2%;	
}
#contenu p.mrg3em {
	margin-top:3em;	
}
.gauche{
	float:left;
	padding-right:1em;
}
.droite{
	float:right;
	padding-left:1em;
}
.txt-centrage {
	text-align:center;
}
.txt-droit {
	text-align:right;
}
.ligne {
	border-top:rgba(255,255,255,0.3) 1px solid;
	border-bottom:rgba(0,0,0,0.3) 1px solid;
	margin:1.5em 0;
	height:0;
	line-height:0;
}
.clear {
	clear:both;
	line-height:0;	
}
.cache {
	display: none;
}
.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix{
    display: block;
}
html[xmlns].clearfix{
    display: block;
}
*.clearfix{
    height: 1%;
}

/*-------remonter en haut-------*/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.7);
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:10000;
	border:#fff 2px solid;
}
#return-to-top b {
    color: #fff;
	margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover b {
    color: #fff;
    top: 5px;
}

/*-------alerte cookies-------*/

#cookie-bar {
	display: block;
    overflow: hidden;
    background: rgba(0,0,0,0.7);
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10000;
    width: 100%; 
 	text-align:center;
	padding:5px 0;
    -webkit-animation: apparitioncookie 2s 1 ease;
    -moz-animation: apparitioncookie 2s 1 ease;
    -o-animation: apparitioncookie 2s 1 ease;
}
#cookie-bar p {
    color: #fff;
	font-size:0.9em;
	line-height:1.8em;
}
#cookie-bar a {
    color: #fff;
	font-size:1.1em;
}
#cookie-bar .cb-enable {
	background:#070;
	padding:3px 6px;
}
#cookie-bar .cb-enable:hover {
	background:#292;
}
@-webkit-keyframes apparitioncookie {
    from { 
	bottom : -90px;
	}
    to { 
	bottom: 0;
	}
}
@-moz-keyframes apparitioncookie {
    from { 
	bottom : -90px;
	}
    to { 
	bottom: 0;
	}
}
@-o-keyframes apparitioncookie {
    from { 
	bottom : -90px;
	}
    to { 
	bottom: 0;
	}
}

/*-------zoom sur vignette bloc5-------*/

div.vignette {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.hover01.vignette img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01.vignette:hover img {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

/*-------transition sur apparition des bloc a l'écran------------------------*/

 .bounce-up   {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view   {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

@media screen and (max-width:1380px) {
	
.conteneur, #pied {
	width:96%;
	padding:2%;
}
body {
	padding:0;	
}
.sommaire {
	padding:0 5%;
	width:90%;
}
.galphot img {
    margin: 1%;
    max-width: 31%;
 }
.coords {
	right:2%;
}


}



@media screen and (max-width:1080px) {

	
body {
	margin:5%;
	padding:0;
}
nav {
	height:0;
	border-bottom: none;
	border-top: none;
}
.coords {
	display:none;
}

#contenu h1 {
	font-size:2em;
	text-align:center;
	border:none;
	padding:3%;
}

/* flex */

.coln3, .coln2, .pied, .fd-img, .fd-imgbleu {
  flex-direction: column;
  text-align:center;
}
.pied > div.blocpdp {
  width: 96%;
  padding:2%;
  margin:0;
  border:none;
}
.coln3 > div.c3bloc, .coln3 > div.btbloc, .coln2 > div.bloc30, .coln2 > div.bloc70, .fd-img > img.blocphoto, .fd-img > div.bloctexte, .fd-imgbleu > img.blocphotob, .fd-imgbleu > div.bloctexteb {
  width: 96%;
  padding:2%;
  margin:2% 0;
}
.galphot img {
    margin: 1%;
    max-width: 48%;
 }

/* autres blocs */

.fd-img, .fd-neutre, .fd-1, .fd-2, .fd-3 {
	padding:2em 0;
}
.conteneur, #pied {
	width:96%;
	padding:2%;
}
.blocpdp {
	width:100%;
	margin:0.8em 0;
	text-align:center;
	height:auto;
}
#eodys {
	position: inherit;
	bottom: inherit;
	left: inherit;
	z-index: inherit;
}

/* formats titres et textes */

h2.titre-1, h3.titre-1, h4.titre-1 {
	font-size:2em;
}
h2.titre-2, h3.titre-2, h4.titre-2 {
	font-size:1.5em;
}
p.txt-1, h3.txt-1, h4.txt-1, p.titre-3, h3.titre-3, h4.titre-3 {
	font-size:1.1em;
}
.titre-1 {
	font-size:1.7em;
}
.titre-2 {
	font-size:1.4em;
}
.txt-1 {
	font-size:1.1em;
}
.txt-2 {
	font-size:1em;
}
#contenu ul.ulcont, #contenu ul.ulcont2 {
	margin:1em 0;
	border-left: none;
	padding-left:0;	
}
#contenu ul.ulcont li, #contenu ul.ulcont2 li {
	margin:0.2em 0;	
}

/* mise en page mise en forme */

.pad2em0 {
	padding:1em 0;
}
.dspl {
	display:none;	
}
.cache {
	display: inherit;
}
.ligne {
	margin:1em 0;
}
.gauche, .droite {
	float:none;
	padding:0;
}
.js #menu {
	display:none;
}
.js .slicknav_menu {
	display:block;
}
.mlgauche {
	width:96%;
	float:none;
	padding:2%;	
}
.mldroite {
	width:96%;
	float:none;
	border-left: inherit;
	padding:2%;
}
.ulml {
	text-align:center;
	margin:0.5em 0;
}
.ulml li {
	list-style:none;
	margin:0.5em 0;
	font-size:1em;
}
.pied ul {
	padding:0;
	border:none;	
}
.brd-bloc {
	border-left: none;
	padding-left: inherit;	
}
div.vignette {
	background: none;
}

}

@media screen and (max-width:600px) {

.bye {
	display:none;	
}
.galphot img {
    margin: 1% 0;
    max-width: 100%;
 }

}