/* @override 
	http://ufe.local/css/base.css?* */


/* VERSION 18 AVRIL 2023 */


html, body {
	background-color: #fff;
	color: #000;
	font: 16px Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizelegibility;
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
* , * :before, * :after {
    box-sizing: inherit;
}

a { color: #000; text-decoration: none;}
a:hover { color: #000;  }
a:hover, a:active { outline: none; }

.fond_bleu a { color: #EAECED;}
.fond_bleu a:hover { color: #fff;}


.mobile body, .tablette body {
   -webkit-text-size-adjust: none;
   -webkit-user-select: none;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* @group RESET */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}
h1, h2, h3, h4, h5, p, ul, ol, li, div, html, body, img {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, strong {
	font-weight: bold;
}
img { border: 0; }
/* @end */



/* FADEIN IMG */

main.page img {
	opacity: 0;
	transition: opacity 0.9s ease;
}

.no-js main.page img,
.img_no_script { 
	opacity: 1;
}

/* SAUF POUR GOOGLE MAPS ou img dans class no_fade ou img.no_fade */
#map img,
#street-view img,
main .no_fade img,
.no_fade main img,
.fancybox-container img,
img.no_fade { 
	opacity: 1;
}


/* Fade in lazysize */
.fade_in,
.no_fade .fade_in,
.no_fade main img.fade_in,
main.page img.fade_in {
	opacity: 0;
	transition: opacity 0s ease;
}
.fade_in.lazyloaded,
.no_fade .fade_in.lazyloaded,
.no_fade main img.fade_in.lazyloaded,
main.page img.fade_in.lazyloaded {
	opacity: 1;
	transition: opacity 0.9s ease;
}


/* @group HEADER / MENU */
#menu_bt {
	color: #000;
	display: none;
	font-size: 50px;
	padding: 50px 60px 10px 40px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	z-index: 10;
}

/* @end */


/* @group UP */

#up {
	bottom: 116px;
	display: block;
	opacity: 0;
	position: fixed;
	right: 20px;
	z-index: 10;
}
#up a {
	background-color: silver;
	border: 1px solid white;
	border-radius: 4px;
	color: black;
	display: block;
	font-size: 18px;
	opacity: 0.4;
	padding-bottom: 6px;
	padding-top: 8px;
	text-align: center;
	text-decoration: none;
	width: 35px;
}
#up a:hover {
	opacity: 0.8;
}

/* @end */


/* @group PAGE */

.page_content {
	margin-left: auto;
	margin-right: auto;
	transition: width 0.3s ease-in-out 0s;
	width: 1360px;
}


main.page {
	position: relative;
}


main h1 {
	font-size: 2.4em;
	line-height: 1em;
}
main h2 {
	font-size: 2em;
	line-height: 1.2em;
}
main h3 {
	font-size: 1.6em;
	line-height: 1.3em;
}
main h4 {
	font-size: 1.4em;
	line-height: 1.3em;
}
main h5 {
	font-size: 1.2em;
	line-height: 1.3em;
}
main h1, main h2, main h3, main h4, main h5 {
	margin-bottom: .7em;
}
main p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: .7em;
}
main ul,main ol {
	list-style-position: inside;
	list-style-type: square;
	margin-bottom: 1em;
}
main ol {
	list-style-position: inside;
	list-style-type: decimal;
	margin-bottom: 1em;
}
main li {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: .2em;
}
main sup, main sub {
	line-height: 0.8;
}


/* @end */




/* @group MENTIONS LEGALES */

.mentions {
	overflow: hidden;
	padding-bottom: 50px;
	padding-top: 50px;
	text-align: left;
}
.mentions h2, .mentions article h2 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: 400;
	margin-bottom: 30px;
	padding-bottom: 30px;
	text-align: left;
	text-transform: uppercase;
	font-size: 2.5em;
}
.mentions article {
	margin-bottom: 40px;
}
.mentions article h3 {
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.mentions article p {
	font-size: 16px;
	line-height: 1.4em;
}
.mentions article {
	float: left;
	padding-right: 3%;
	width: 33.3%;
}
.mentions article.full_w {
	width: 100%;
}
/* @end */




/* @group BOUTON */

a.bouton {
	background-color: inherit;
	text-decoration: none;
}
.bouton {
	background-color: inherit;
	border-radius: 0;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline-block;
	font: 18px sans-serif;
	-webkit-font-smoothing : antialiased;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.4em;
	margin: 15px 15px 15px 0;
	padding: 14px 15px;
	position: relative;
	text-align: center;
	transition: all .4s ease;
}
.txt_c .bouton {
	margin-left: 15px;
}

.bouton:hover, a.bouton:hover {
	background-color: white;
	background-color: rgba(97, 119, 141, 0.51);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	text-decoration: none;
}

.fond_blanc .bouton:hover,
.fond_blanc a.bouton:hover {
	background-color: #fff;
}

.bouton:active, a.bouton:active  {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4), inset 0 1px 8px #185770;
}
.bouton.ic_a:after, .bouton.ic_b:before {
	content: " \f002";
	font-family: 'FontAwesome';
	margin: 0;
	position: relative;
	top: 1px;
}
.bouton.ic_photo:before {
	content: " \f030";
	margin-right: 5px;
}
.bouton.fd:after {
	content: " \f054";
	margin-left: 5px;
}
.bouton.fg:before {
	content: " \f053";
	margin-right: 5px;
}
.bouton.cx:before {
	content: " \f00d";
	margin-right: 5px;
}

.bouton.bt_vert {
	background-color: #456753;
	color: white;
	text-align: left;
}
.bouton.bt_fin {
	line-height: 1.3em;
	padding-bottom: 8px;
	padding-top: 8px;
}
.bouton .small {
	font-size: 24px;
}
.bouton strong {
	color: #ffffff;
}
.col_1_2 .bouton {
	margin-left: auto;
	margin-right: auto;
}
/* @end */


/* @group SELECT */

/* Found here :
https://coderwall.com/p/w7npmq/fully-custom-select-box-simple-css-only
https://codepen.io/sqrbrkt/pen/Asbxf
*/
.select-style {
	background-color: #FFF;
	box-shadow: 0 0 7px #a6a6a6;
	color: #000;
	display: inline-block;
    margin: 0 0 4px;
    overflow: hidden;
    padding: 0;
    position: relative;
	text-rendering: auto!important;
    width: 100%;
}

.select-style:after {
	border: 5px solid transparent;
	border-top-color: #000;
    content: " ";
    height: 0;
	left: 12px;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 19;
}

.select-style select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
	color: #000;
	font-size: 18px;
	font-weight: 300;
    margin: 0;
    padding: 14px 20px 14px 30px;
    width: auto;
}

.select-style select:hover {
	cursor: pointer;
}

.select-style select:focus {
	background-color: #fff;
	color: black;
    outline: none;
}
.select-style + label.label,
.select-style + input[type="hidden"] + label.label {
	margin-top: 16px!important;
}
/* @end */



/* @group COOKIES_INFOS */
#infos_cookies {
	background-color: white;
	background-color: rgba(255, 255, 255, 0.9);
	bottom: 0;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.39);
	color: #282828;
	font-size: 16px;
	left: 0;
	position: fixed;
	text-align: right;
	transition: bottom 2s ease, opacity 1s ease;
	width: 100%;
	z-index: 10000;
}
.safari #infos_cookies {
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-backdrop-filter: blur(10px);
			backdrop-filter: blur(10px);
}

.home #infos_cookies {
	position: relative;
}

#infos_cookies p {
	padding: 13px 65px 13px 10px;
}
#infos_cookies div.valid {
	background-color: orange;
	bottom: 0;
	display: block;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background-color 0.3s ease;
	width: 50px;
}
#infos_cookies div.valid:hover {
	background-color: #9ec126;
	cursor: pointer;
}
#infos_cookies div.valid div.center_bloc {
	bottom: 0;
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
#infos_cookies div.valid div.center_bloc p.ok {
	font-size: 15px;
	margin: 0;
	padding: 0;
}
#infos_cookies.hide_info_cookies {
	bottom: -50px;
	opacity: 0;
}
/* @end */


/* @group COL */
.col {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
}
.col_1_3, .col_1_2 {
	float: left;
	width: 33.3333%;
}
.col_1_2 {
	margin-left: 15px;
	margin-right: 15px;
	width: 49.9999%;
}

/* @end */

/* @group OWL-NAV */


.owl-nav-type1 div.owl-nav {
	position: absolute;
	top: 50%;
	margin: -25px 0 0;
	width: 100%;
	height: 0;
}
.owl-nav-type1.owl_large div.owl-nav {
	width: calc(100% + 120px);
	margin: -25px -60px 0;
}
#carousel_vignettes {
	margin-top: 15px;
}

button.owl-next {
	float: right;
}

button.owl-prev {
	float: left;
}
.owl-nav-type1 div.owl-nav button.owl-prev,
.owl-nav-type1 div.owl-nav button.owl-next {
	border-radius:20px;
	padding: 4px 10px 2px!important;
	width: auto;
	font-size: 24px;
	background-color: transparent;
	/*color: rgba(255, 255, 255, 0.69);*/
	color: #2d2d2d;
}
.owl-nav-type1 div.owl-nav button.owl-prev:hover,
.owl-nav-type1 div.owl-nav button.owl-next:hover {
	background-color: rgba(255, 255, 255, 0.22);
	color: black;
}


/* .owl-nav-type2  */
.owl-nav-type2 div.owl-dots {
	position: absolute;
	bottom: -50px;
	width: auto;
	left: 10px;
	right: 10px;
}

.owl-nav-type2 div.owl-dots button.owl-dot.active span {
	background-color: #2f2f2f;
}
.owl-nav-type2 div.owl-nav {
	position: absolute;
	bottom: -5px;
	right: 10px;
	margin: 0;
	width: auto;
	height: 0;
}
@media (max-width:1080px) {
	.owl-nav-type1.owl_large div.owl-nav {
		width: calc(100% + 80px);
		margin: -25px -40px 0;
	}
}
@media (max-width:480px) {
	.owl-nav-type2 div.owl-nav {
		display: none;
	}
	.owl-nav-type2 div.owl-dots {
		right: 10px;
		position: relative;
		bottom: 0;
		margin-top: 20px;
	}
}
.owl-nav-type2 div.owl-nav button.owl-prev:hover,
.owl-nav-type2 div.owl-nav button.owl-next:hover {
	color: black;
	background-color: white;
}
.owl-nav-type2 div.owl-nav button.owl-prev,
.owl-nav-type2 div.owl-nav button.owl-next {
	font-size: 80px;
	margin-right: 10px;
	margin-left: 10px;
	color: #5c5c5c;
	padding-top: 0;
	height: 50px;
}
.owl-nav-type2 div.owl-nav button.owl-prev span,
.owl-nav-type2 div.owl-nav button.owl-next span {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: -31px;
}

.owl-nav-type2 div.owl-nav .owl-next:focus,
.owl-nav-type2 div.owl-nav .owl-prev:focus,
.owl-nav-type1 div.owl-nav .owl-next:focus,
.owl-nav-type1 div.owl-nav .owl-prev:focus {
	outline: none;
}
/* @end */


/* @group W3-CELL */

.w3-table td,
.w3-table th,
.w3-table-all td,
.w3-table-all th {
	padding:8px 8px;
	display:table-cell;
	text-align:left;
	vertical-align:top
}
.w3-container:after,.w3-container:before,
.w3-panel:after,.w3-panel:before,
.w3-row:after,.w3-row:before,
.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,
.w3-clear:after,.w3-clear:before,
.w3-bar:before,.w3-bar:after{
	content:"";
	display:table;
	clear:both
}
.w3-cell-row { display:table; width:100% }
.w3-cell { display:table-cell }
.w3-cell-top { vertical-align:top }
.w3-cell-middle { vertical-align:middle }
.w3-cell-bottom { vertical-align:bottom }

@media (max-width:768px) {
	.w3-mobile,.w3-cell.w3-mobile {
		display:block;
		width:100%;
	}
}

@media (max-width:480px) {
	.w3-mobile-480,.w3-cell.w3-mobile-480 {
		display:block;
		width:100%!important
	}
}

/* @end */

/* @group W3-COL */
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
    float: left;
    width: 100%
}
.w3-cell.w3-col {
	float: none;
}
.w3-col.s1 { width: 8.33333% }
.w3-col.s1_5 { width: 12.49999% }
.w3-col.s2 { width: 16.66666% }
.w3-col.s3 { width: 24.99999% }
.w3-col.s4 { width: 33.33333% }
.w3-col.s5 { width: 41.66666% }
.w3-col.s5_5 { width: 45.83333% }
.w3-col.s6 { width: 49.99999% }
.w3-col.s7 { width: 58.33333% }
.w3-col.s8 { width: 66.66666% }
.w3-col.s9 { width: 74.99999% }
.w3-col.s10 { width: 83.33333% }
.w3-col.s11 { width: 91.66666% }
.w3-col.s12 { width: 99.99999% }


@media (min-width:481px) {
    .w3-col.sm1 { width: 8.33333% }
    .w3-col.sm1_5 { width: 12.49999% }
	.w3-col.sm2 { width: 16.66666% }
	.w3-col.sm3, .w3-quarter { width: 24.99999% }
	.w3-col.sm4, .w3-third { width: 33.33333% }
	.w3-col.sm5 { width: 41.66666% }
	.w3-col.sm5_5 { width: 45.83333% }
	.w3-col.sm6, .w3-half { width: 49.99999% }
	.w3-col.sm7 { width: 58.33333% }
	.w3-col.sm8, .w3-twothird { width: 66.66666% }
	.w3-col.sm9, .w3-threequarter { width: 74.99999% }
	.w3-col.sm10 { width: 83.33333% }
	.w3-col.sm11 { width: 91.66666% }
	.w3-col.sm12 { width: 99.99999% }
}


@media (min-width:640px) {
    .w3-col.m1 { width: 8.33333% }
    .w3-col.m1_5 { width: 12.49999% }
	.w3-col.m2 { width: 16.66666% }
	.w3-col.m3, .w3-quarter { width: 24.99999% }
	.w3-col.m4, .w3-third { width: 33.33333% }
	.w3-col.m5 { width: 41.66666% }
	.w3-col.m5_5 { width: 45.83333% }
	.w3-col.m6, .w3-half { width: 49.99999% }
	.w3-col.m7 { width: 58.33333% }
	.w3-col.m8, .w3-twothird { width: 66.66666% }
	.w3-col.m9, .w3-threequarter { width: 74.99999% }
	.w3-col.m10 { width: 83.33333% }
	.w3-col.m11 { width: 91.66666% }
	.w3-col.m12 { width: 99.99999% }
}

@media (min-width:800px) {
    .w3-col.lm1 { width: 8.33333% }
    .w3-col.lm1_5 { width: 12.49999% }
	.w3-col.lm2 { width: 16.66666% }
	.w3-col.lm3, .w3-quarter { width: 24.99999% }
	.w3-col.lm4, .w3-third { width: 33.33333% }
	.w3-col.lm5 { width: 41.66666% }
	.w3-col.lm5_5 { width: 45.83333% }
	.w3-col.lm6, .w3-half { width: 49.99999% }
	.w3-col.lm7 { width: 58.33333% }
	.w3-col.lm8, .w3-twothird { width: 66.66666% }
	.w3-col.lm9, .w3-threequarter { width: 74.99999% }
	.w3-col.lm10 { width: 83.33333% }
	.w3-col.lm11 { width: 91.66666% }
	.w3-col.lm12 { width: 99.99999% }
}

@media (min-width:993px) {
	.w3-col.l1 { width: 8.33333% }
	.w3-col.l1_5 { width: 12.49999% }
	.w3-col.l2 { width: 16.66666% }
	.w3-col.l3 { width: 24.99999% }
	.w3-col.l4 { width: 33.33333% }
	.w3-col.l5 { width: 41.66666% }
	.w3-col.l5_5 { width: 45.83333% }
	.w3-col.l6 { width: 49.99999% }
	.w3-col.l7 { width: 58.33333% }
	.w3-col.l8 { width: 66.66666% }
	.w3-col.l9 { width: 74.99999% }
	.w3-col.l10 { width: 83.33333% }
	.w3-col.l11 { width: 91.66666% }
	.w3-col.l12 { width: 99.99999% }
	.w3-rest { overflow:hidden }
}
@media (min-width:1600px) {
	.w3-col.xl1 { width: 8.33333% }
	.w3-col.xl1_5 { width: 12.49999% }
	.w3-col.xl2 { width: 16.66666% }
	.w3-col.xl3 { width: 24.99999% }
	.w3-col.xl4 { width: 33.33333% }
	.w3-col.xl5 { width: 41.66666% }
	.w3-col.xl5_5 { width: 45.83333% }
	.w3-col.xl6 { width: 49.99999% }
	.w3-col.xl7 { width: 58.33333% }
	.w3-col.xl8 { width: 66.66666% }
	.w3-col.xl9 { width: 74.99999% }
	.w3-col.xl10 { width: 83.33333% }
	.w3-col.xl11 { width: 91.66666% }
	.w3-col.xl12 { width: 99.99999% }
}

.w3-col-space-20 {  margin-left: -10px; margin-right: -10px }
.w3-col-space-20 .w3-col, .w3-col-space-20 .w3-cell { padding: 10px }

.w3-col-space-30 { margin-left: -15px; margin-right: -15px }
.w3-col-space-30 .w3-col, .w3-col-space-30 .w3-cell { padding: 15px }

.w3-col-space-40 { margin-left: -20px; margin-right: -20px }
.w3-col-space-40 .w3-col, .w3-col-space-40 .w3-cell { padding: 20px }

.w3-col-space-50 { margin-left: -25px; margin-right: -25px }
.w3-col-space-50 .w3-col, .w3-col-space-50 .w3-cell { padding: 25px }

.w3-col-space-60 { margin-left: -30px; margin-right: -30px }
.w3-col-space-60 .w3-col, .w3-col-space-60 .w3-cell { padding: 30px }

.w3-col-space-80 { margin-left: -40px; margin-right: -40px }
.w3-col-space-80 .w3-col, .w3-col-space-80 .w3-cell { padding: 20px 40px }

.w3-col-space-120 { margin-left: -60px; margin-right: -60px }
.w3-col-space-120 .w3-col, .w3-col-space-120 .w3-cell { padding: 30px 60px }

.w3-col img { display: block }
.w3-col.txt_c img, .w3-cell.txt_c img { margin-left: auto; margin-right: auto }

.w3-col-space-0:after,
.w3-col-space-20:after,
.w3-col-space-30:after,
.w3-col-space-40:after,
.w3-col-space-50:after,
.w3-col-space-60:after,
.w3-col-space-80:after,
.w3-col-space-120:after {
	clear: left;
	content: "";
	display: block;
}
.w3-col-space-0.w3-cell-row,
.w3-col-space-20.w3-cell-row,
.w3-col-space-30.w3-cell-row,
.w3-col-space-40.w3-cell-row,
.w3-col-space-50.w3-cell-row,
.w3-col-space-60.w3-cell-row,
.w3-col-space-80.w3-cell-row,
.w3-col-space-120.w3-cell-row {
	margin-left: 0;
	margin-right: 0;
}
.vpad0 .w3-col {
	padding-top: 0;
	padding-bottom: 0;
}
/* @end */


/* @group CONTACT */

.form h2 {
	padding-bottom: 30px;
	padding-top: 30px;
}
.a_propos p {
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 15px;
	margin-right: 50px;
	margin-top: 15px;
}

.form label.label {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.form input[type=text],
.form input[type=password],
.form input[type=submit],
.form input[type=date],
.form textarea,
.submit_bt {
	-webkit-appearance: none;
	background-color: #FFF;
	border-radius: 0;
	border-style: none;
	box-shadow: 0 0 7px #a6a6a6;
	color: black;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	margin: 0 0 4px;
	padding: 14px 20px;
	/*-webkit-box-sizing: border-box;
	        box-sizing: border-box;*/
	text-align: left;
	width: 100%;
}
.form textarea {
	height: 151px;
	margin-bottom: 0;
}
.form .submit_bt {
	font-size: 24px;
	padding: 9px 70px 11px;
	width: auto;
}
.form .submit_bt:hover {
	transform: scale(1.1);
}
/*.form .submit_bt:active {
	//background-color: #28779c;
}*/
.form .submit_bt .fa {
	font-size: 30px;
	margin-left: 10px;
	position: relative;
	top: 3px;
}
.form p.txt_c {
	position: relative;
}
.form .loader {
	display: none;
	position: absolute;
	right: 8px;
	top: 6px;
	z-index: 1;
}


div.form_retour .form_ok{
	display: none;
}
.form .erreur  {
	display: none;
	padding: 20px;
	color: #e9c748;
	background: -webkit-linear-gradient(right, #3e3e3e 0%, #7f724e 100%) rgba(70, 70, 70, 0.82);
	background: -moz-linear-gradient(right, #3e3e3e 0%, #7f724e 100%) rgba(70, 70, 70, 0.82);
	background: -ms-linear-gradient(right, #3e3e3e 0%, #7f724e 100%) rgba(70, 70, 70, 0.82);
	background: linear-gradient(to left, #3e3e3e 0%, #7f724e 100%) rgba(70, 70, 70, 0.82);
	border-radius: 6px;
}

p.form_ok {
	font-size: 18px;
	line-height: 1.3em;
	text-align: center;
}
p.form_ok .fa {
	color: #CBD221;
	font-size: 100px;
	margin-bottom: 40px;
	margin-top: 40px;
}
p.form_ok em {
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
}
/* @end */

/* COLONNES SANS MARGES */
#sendform div.col {
	margin: 0;
}
#sendform div.col div.col_1_2 {
	margin: 0;
	width: 50%;
}





/* @end */

/* @group iPad Retina / HD Version */
/*@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (max--moz-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 1.5),
screen and (max--moz-device-pixel-ratio: 1.5) {


}*/
/* @end */

.pt_60 { padding-top: 60px }
.pt_40 { padding-top: 40px }
.pb_60 { padding-bottom: 60px }
.pb_40 { padding-bottom: 40px }

.v_480, v_320 {
	display: none;
}

/* @group MEDIA QUERY - RESPONSIVE DESIGN */

@media (min-width:1800px) {
	.page_content { width: 1360px }
}

@media (max-width:1680px) {
	.page_content { width: 1260px }
}

@media (max-width:1440px) {
	.page_content { width: 1160px }
}

@media (max-width:1360px) {

	.page_content { width: 1060px }

	.liste_photos img.img_v, div.col_1_2 {
		width: 515px;
	}

}

@media (max-width:1280px) {
	.page_content { width: 980px }

	.liste_photos img.img_v, div.col_1_2 {
		width: 475px;
	}
}


/*@media (max-width:1080px) {
	.page_content { width: 1000px }

	.liste_photos img.img_v, div.col_1_2 {
		width: 485px;
	}

}*/


@media (max-width:1080px) {

	.page_content {
		padding-left: 40px;
		padding-right: 40px;
		width: auto;
	}
	div.col {
		margin-left: -15px;
		margin-right: -15px;
		overflow: hidden;
	}
	div.col_1_2 {
		margin-left: 15px;
		margin-right: 15px;
		width: 46%;
	}

	.pt_60 { padding-top: 40px }
	.pt_40 { padding-top: 30px }
	.pb_60 { padding-bottom: 40px }
	.pb_40 { padding-bottom: 30px }
}


@media (max-width:840px) {

	div.col {
		margin-left: 0;
		margin-right: 0;
		overflow: hidden;
	}
	div.col_1_2, #sendform div.col div.col_1_2 {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: auto;
	}
	.liste_photos img.img_v {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

}

@media (max-width:768px) {

	#menu_bt { display: block }
	.menu { display: none }

	.mentions article {
		float: none;
		padding-right: 0;
		width: auto;
	}

	.w3-col-space-20 {  margin-left: -5px; margin-right: -5px }
	.w3-col-space-20 .w3-col, .w3-col-space-20 .w3-cell { padding: 5px }
	
	.w3-col-space-30 { margin-left: -8px; margin-right: -8px }
	.w3-col-space-30 .w3-col, .w3-col-space-30 .w3-cell { padding: 8px }
	
	.w3-col-space-40 { margin-left: -10px; margin-right: -10px }
	.w3-col-space-40 .w3-col, .w3-col-space-40 .w3-cell { padding: 10px }
	
	.w3-col-space-50 { margin-left: -15px; margin-right: -15px }
	.w3-col-space-50 .w3-col, .w3-col-space-50 .w3-cell { padding: 15px }
	
	.w3-col-space-60 { margin-left: -20px; margin-right: -20px }
	.w3-col-space-60 .w3-col, .w3-col-space-60 .w3-cell { padding: 20px }
	
	.w3-col-space-120 { margin-left: -30px; margin-right: -30px }
	.w3-col-space-120 .w3-col, .w3-col-space-120 .w3-cell { padding: 15px 30px }
	
	.vh_768, .w3-mobile.vh_768 { display: none }
	
	.v_768 { display: block }
}


@media (max-width:480px) {

	.page_content {
		padding-left: 30px;
		padding-right: 30px;
	}
	.vh_480, .w3-mobile.vh_480 { display: none }
	.v_480 { display: block }

	.pt_60 { padding-top: 30px }
	.pt_40 { padding-top: 20px }
	.pb_60 { padding-bottom: 30px }
	.pb_40 { padding-bottom: 20px }
	
	
	.w3-col-space-20 {  margin-left: -3px; margin-right: -3px }
	.w3-col-space-20 .w3-col, .w3-col-space-20 .w3-cell { padding: 3px }
	
	.w3-col-space-30 { margin-left: -5px; margin-right: -5px }
	.w3-col-space-30 .w3-col, .w3-col-space-30 .w3-cell { padding: 5px }
	
	.w3-col-space-40 { margin-left: -8px; margin-right: -8px }
	.w3-col-space-40 .w3-col, .w3-col-space-40 .w3-cell { padding: 8px }
	
	.w3-col-space-50 { margin-left: -12px; margin-right: -12px }
	.w3-col-space-50 .w3-col, .w3-col-space-50 .w3-cell { padding: 12px }
	
	.w3-col-space-60 { margin-left: -15px; margin-right: -15px }
	.w3-col-space-60 .w3-col, .w3-col-space-60 .w3-cell { padding: 15px }
	
	.w3-col-space-120 { margin-left: -20px; margin-right: -20px }
	.w3-col-space-120 .w3-col, .w3-col-space-120 .w3-cell { padding: 10px 20px }
	
	.txt_r.txt_c_mob,
	.txt_l.txt_c_mob,
	.txt_c_mob {
		text-align: center;
	}
	.txt_r.txt_l_mob,
	.txt_l_mob {
		text-align: left;
	}
	.txt_l.txt_r_mob,
	.txt_r_mob {
		text-align: right;
	}
}

@media (max-width:320px) {

	.page_content {
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}

	.vh_320, .w3-mobile.vh_320 { display: none }
	.v_320 { display: block }
}

/* @end */

/* @group Divers */
.pr { position: relative; }
.pa { position: absolute; }
.vh { border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px!important;
}
.vc {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.clear { clear: both; }
.left {	float: left; }
.right { float: right; }
.inline { display: inline !important; float: none; }
.inline_block { display: inline-block !important; float: none; }
.va { vertical-align: middle;}
.txt_r { text-align:right; }
.txt_l { text-align:left; }
.txt_c { text-align:center; }
.txt_j { text-align:justify; }
.md15 {	margin-right: 15px; }
.mt15 {	margin-top: 15px; }
.mb15 {	margin-bottom: 15px; }
.ml15 {	margin-left: 15px; }
input[type=submit] { cursor:pointer; }
p.alerte, strong.alerte_form {
	background-color: #c0d252;
	border-radius: 8px;
	color: black;
	font-size: 16px;
	margin: 10px 0 20px;
	padding: 10px 15px;
	width: auto;
}
strong.alerte_form {
	background-color: #e7a1a1;
	display: inline-block;
	margin-top: 10px;
	position: relative;
}
.b_box {
	box-sizing: border-box;
}
.b_box *, .b_box * :before, .b_box * :after {
    box-sizing: inherit;
}

/* Images lazy non visible pour no-js */
.no-js .img_lazy {
	display: none;
}
.blend_mul {
	mix-blend-mode: multiply;
}
/* @end */

/* @group Correctifs IE6 / IE7 */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* @end */

/* @group Divers TinyMCE */


/* LEFT */
.img_left, .img_left_1_4, .img_left_1_2 {
	float: left;
	height: auto;
	margin: 0 16px 10px 0;
}

/* RIGHT */
.img_right, .img_right_1_4, .img_right_1_2 {
	float: right;
	height: auto;
	margin: 0 0 10px 16px;
}

/* COMMUN */
.img_left_1_4, .img_right_1_4 { width: calc(25% - 8px) }
.img_left_1_2, .img_right_1_2 { width: calc(50% - 8px) }
.img_full_w { height:auto; width:100%;}
.img_max_full_w { height:auto; max-width: 100%; width: auto; }

@media (max-width:993px) {

	.img_left_1_4, .img_right_1_4 { width: calc(50% - 8px) }
	.img_left_1_2, .img_right_1_2 { margin: 0 0 10px; width: 100%; }

}

@media (max-width:640px) {

    .img_left_1_4, .img_right_1_4, .img_left_1_2, .img_right_1_2 {
		margin: 0 0 16px;
		width: 100%;
	}
}

.zoomContainer { z-index: 1000; }
.zoomWindow {
	border-radius: 14px;
}