/*
	Theme Name: Com'On TEMPLATE
	Theme URI: http://www.comon-solution.fr
	Description: Framework Com'on Solution
	Version: 1.4.3
	Author: 1way (contact@1way.fr)
	Author URI: https://www.1way.fr
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */

*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #444;
	font-size: 16px;
	font-weight: 400;
	background: #eee;
}

.cm_col-xs-12,
.cm_col-sm-4,
.cm_col-sm-8{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* clear */

.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after,
.clear{
    clear:both;
}

.clear {
    *zoom:1;
}

img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
}

a {
	color: #1a0dab;
	text-decoration: none;
}

a:hover {
	color: #1a0dab;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

input:focus {
	outline: 0;
	border: 1px solid #000;
}

ul,li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1.entry-title,
h1{
	font-size: 20px;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 17px;
}

h4{
	font-size: 16px;
}

.separateur_de_texte{
	display: block;
	margin-bottom: 30px;
}

#menu-plan-du-site li{
	padding-bottom: 10px;
	text-align: center;
	padding-top: 1px;
	text-transform:uppercase;
	font-size: 12px;
}

/* .menu li:last-child{padding-bottom:0px;} */

.puces li {
    background-image: url(img/puces.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-bottom: 10px;
    text-align: justify;
    padding-top: 1px;
}

.puces li:last-child{padding-bottom:0px;}

iframe{
	border: none !important;
}

div.wpcf7 .ajax-loader{
	display: block;
}

/*------------------------------------*\
    COLORS
\*------------------------------------*/

/** BLEU THEME **/

nav > ul > li.menu-item:hover a,
.page-template-contact .contact .top,
.page-template-contact .page h1,
.page-template-contact .contact-infos span.mail,
.page-template-contact .contact-infos span.tel,
h3.bloc-title{
	color: #415ca6;
}

nav.head_nav > ul > li.menu-item.current-menu-item{
	border-bottom: 2px solid #415ca6;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper .wrapper_ct,
header .head_ct,
sections .foot_ct{
	max-width: 1280px;
}
.head_ct_logocentre {display: flex;
	height:100px; transition-duration: 0.2s;
    justify-content: center;
    flex-wrap: wrap;
	align-content: center;align-items: center;}


/* wrapper */
.wrapper {
	margin: 0 auto;
	position: relative;
}

body.admin-bar .wrapper{
	margin-top: 55px;
}

body.home .wrapper .wrapper_ct{
	padding-top: 0;
}

body .wrapper .wrapper_ct{
	display: block;
	position: relative;
	margin: 0 auto 3%;
	padding-top: 55px;
}

.wrapper .wrapper_ct,
header .head_ct,
sections .foot_ct{
	width: 95%;
	margin: 0 auto;
}

main{
	display: block;
	position: relative;
	margin-top: 3%;
}

.fixx{
	z-index:700;
	background-attachment: fixed !important;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

#hautheader{display:flex;flex-direction: row;
    align-content: center;    transition: all 0.2s;

	height:35px;
    justify-content: space-evenly;
    align-items: center;
background-color:#000;}

#hautheader #telrs{color:#fff;}

header.active #hautheader{display:none;    transition: all 0.2s;
}

.ars {
    /* height: 134%; */
    transition: all 0.2s;
    display: block;
    width: 50%;
 border: 1px solid #ccc;
    margin-left: 5px;}


header{
	position: fixed;
	top: 0;
	width: 100%;
	line-height: 55px;
	background:#000000;  
	 transition: all 0.2s;
	z-index: 9999;
	box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
}

@media only screen and (max-width: 900px){
header .head_ct_logocentre {
    display: block;
	}
.header.active .logocentre {
   
	width: 32% !important;}
}





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

#telrs,.header_reseauxmenugauche{display:none;}
}

.ars {
	border: none !important;
	margin-left: 0px !important;
	display: inline-block !important;
	width : auto !important;
	height: 102% !important;
}

a#leboncoin svg.leboncoin {
	margin-top: 5% !important;
}

body.admin-bar header{
	top: 32px;
}

header .logo{
	display: inline-block;
	height: 55px;
	width: auto;
	position: absolute;
	opacity: 0;
	 transition: all 0.2s;
}

/********/
header .logocentre{
    display: block;
   /* height: 55px;*/
    float: left;
    opacity: 1;
	padding: 0% 2% 0% 2%;
   transition: all 0.2s;
    text-align: center;
}

/**************/

header .logo img{
	/*max-height: 100%;
	padding: 10px 0;
	width: 100%;*/
	height: auto; transition-duration: 0.2s;
}

header.inactive, header.active {
	
	 transition: all 0.2s;
}

header.inactive .logo{
	opacity: 0;
 transition: all 0.2s;
}

header.inactive .logocentre{
		 transition: all 0.2s;
}
header.active .logo{
	display: inline-block;
	opacity: 1;
 transition: all 0.2s;
}
header.active .logocentre{
display: inline-block;
    width: 12% !important;
    transition: all 0.2s;
}

header.active .head_ct_logocentre {
	height:90px;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center; 
	transition-duration: 0.2s;}

header.inactive .head_ct_logocentre {  transition: all 0.2s;}

nav.head_nav_logocentre > ul > li.menu-item.current-menu-item ,nav.menu-droite > ul > li.menu-item.current-menu-item {
	border-bottom: 1px solid #000;}

.head_nav_logocentre  a:after, .menu-droite  a:after{ 
	content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    transition: width .3s;}

.head_nav_logocentre  a:hover:after, .menu-droite  a:hover:after{  width: 100%;
    //transition: width .3s;}
/*------------------------------------*\
	MENU
\*------------------------------------*/

nav.head_nav{
	float: right;
	width: auto;
	max-width: 80%;
	text-align: center;
}
nav.menu-droite{
	
	width: auto;
	max-width: 80%;
	text-align: center;
}

nav.head_nav_logocentre{
	
	    line-height: 73px;
	width: auto;
	max-width: 80%;
	text-align: center;}

nav .menu-droite{
	float:none!important;
	    line-height: 73px;
	}


nav > ul > li.menu-item{
	display: inline-block;
	margin: 0 10px;
	transition-duration: 0.3s;
	font-weight: 400;
}

nav > ul > li.menu-item a{
	font-size: 16px;
	
}

nav > ul > li.menu-item:hover a{
	transition-duration: 0.3s;
}

/*********menu-gauche*************/
.head_ct-menu-gauche{ width: 90%;
    margin: 0 auto; 
	height: 84px;}
 
.head_navmenugauche{height: 84px;
    float: left;
    margin-left: 2%;
    text-align: left;
    align-items: center;
    display: flex;
	justify-content: space-around;}

.header_reseauxmenugauche  a {    background-color: #526f88;
    height: 50%;
    text-align: center;
    align-items: center;
    display: inline-block;
    align-content: center;
    justify-content: flex-end;
    vertical-align: text-top;}

.header_reseauxmenugauche a:hover svg {    background-color: #ccc;
    }

#hamburger, #hamburger-content {
	display: none;
}

#hamburger-button {
	display: none;
	cursor: pointer;
	background: none;
	border: none;
	font-size: 30px;
	vertical-align: top;
	padding: 0;
	line-height: 47px;
	float: right;
	margin-right: 32px;
}

#hamburger-overlay {
	display: none;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
}

#hamburger-sidebar {
	display: block;
	position: fixed;
	width: 75%;
	z-index: 20;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #FFF;
	overflow-y: auto;
	transform: translateX(-100%);
	transition: transform .2s ease-out;
}
#hamburger-sidebar li {
	display: block;
}
#hamburger-sidebar-header {
	background: url(../images/sidebar-header.png) center;
	background-size: cover;
	height: 128px;
}
#hamburger-sidebar-body {
	padding: 16px 8px;
}
#hamburger-sidebar-body li:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 16px;
	width: 24px;
	height: 24px;
}
#hamburger-sidebar-body li:first-child:before {
	background-image: url(../images/icons/discover.svg);
}
#hamburger-sidebar-body li:nth-child(2):before {
	background-image: url(../images/icons/how.svg);
}
#hamburger-sidebar-body li:nth-child(3):before {
	background-image: url(../images/icons/about.svg);
}
#hamburger-sidebar-body li:last-child:before {
	background-image: url(../images/icons/qna.svg);
}
#hamburger-sidebar-body .button {
	margin-top: 16px;
	text-align: center;
	float: none;
	display: block;
	height: auto;
	line-height: inherit;
	padding: 10px;
}

.menu-item-has-children:hover .sub-menu{
	left: auto;
}

.sub-menu{
	left: -999em;
	position: absolute;
	background: #fff;
	width: 200px;
	box-shadow: 3px 3px 2px rgba(50, 50, 50, 0.08);
	z-index: 9999;
}

.sub-menu li{
	padding-left: 10px;
}

/*------------------------------------*\
	CONTACT
\*------------------------------------*/

.page-template-contact .contact{
	display: table;
	width: 100%;
}

.page-template-contact .contact-infos,
.page-template-contact .contact-form{
	display: table-cell;
	text-align: center;
	width: 50%;
}

.page-template-contact .contact-infos span{
	display: block;
	margin-bottom: 5px;
}

.page-template-contact .contact .top{
	font-weight: 600;
}

.page-template-contact .contact-infos span.name{
	font-weight: 600;
}

.page-template-contact .contact-infos span.mail strong,
.page-template-contact .contact-infos span.tel strong{
	color: #444;
}

.page-template-contact .contact_logo{
	display: block;
	margin-top: 10%;
}

.page-template-contact .contact_logo img{
	position: relative;
	max-width: 300px;
	height: auto;
}

.plan-du-site{
	display: block;
	width:100%;
	float: right;
	margin:5% 0;
	text-align: center;
}

.plan-du-site .bloc-title{
	margin-bottom: 10px;
	text-align:center;
}

.plan-du-site ul li{
	text-align:center;
	
	padding:10px;
	margin: 2% 0;
	flex-grow: 1;
}
.plan-du-site  ul li:nth-child(n+2){
	border-left: 1px solid black;	
}

.contact_map{
	display: block;
	width: 60%;
}

.contact_map > iframe{
	width: 100%;
}

.page-template-contact .contact-form .wpcf7-form{
	margin-top: 20px;
}

/*------------------------------------*\
	PARTENAIRES
\*------------------------------------*/

.page-template-templatespartners-php article .left img{
	max-width: 500px;
	text-align: center;
}

.page-template-templatespartners-php article .left a{
	display: block;
	text-align: center;
}

.page-template-templatespartners-php article .left a.text{
	margin-top: 20px;
}

.page-template-templatespartners-php article h1{
	text-align: center;
	margin-bottom: 40px;
}

.page-template-templatespartners-php article h3{
	text-align: center;
}

/*------------------------------------*\
	CONTACT FORM
\*------------------------------------*/

#respond{
	display: block;
	margin-top: 20px;
}

.error{
	display: block;
	margin: 0 0 20px;
	padding: 5px 9px;
	border: 1px solid red;
	color: red;
	border-radius: 3px;
}

.success{
	display: block;
	margin: 0 0 20px;
	padding: 5px 9px;
	border: 1px solid green;
	color: green;
	border-radius: 3px;
}

form span{
	color: red;
}

form input,
form textarea{
	width: 75%;
/* 	max-width: 400px; */
	padding: 8px 13px 11px;
	/*border-radius: 3px;*/
	border: none;
	transition-duration: 0.3s;
	background-color:transparent;
}

form input[type="submit"]:hover{
	background-color: #ddd;
	transition-duration: 0.3s;
}

form label{
	/*display: block;
	padding-left:10px;
	margin-bottom: 10px;*/
}

body:not(.page-template-contact) .wpcf7 .left,
body:not(.page-template-contact) .wpcf7 .right{
	width: 48%;
	float: left;
}

.wpcf7 label span{
	display: block;
/* 	margin-top: 10px; */
}

/*------------------------------------*\
	FOOTER
\*------------------------------------*/

sections {
	padding-bottom : 1%;
}

footer, sections{
	background: #1d1d1d; /* new footer ---old --> #fff*/
	text-align: center;
}
/* new footer 1 */
/* .foot_ct{
	display: table;
	width: 100%;
} */


/*.footer_left,
.footer_center,
.footer_right{
	display: table-cell;
	width: 33.33333%;
	vertical-align: middle;
	
}*/
/*rajout new footer1*/
.footer_left,
.footer_center,
.footer_right{
display:table-cell;
	width: 33.33333%;
	
	vertical-align: bottom;
	
}
.footer_left span{
	
	color:#fff;
}
.footer_bottom a:hover{opacity:0.8;}

/*fin rajout new footer1*/
/***New footer 2***/
.foot_ct{
	display: flex;
	width:100%;
	flex-wrap:wrap;
}
.footer_top{
	text-align:center;
	width:100%;
	display:flex;
	margin-bottom:1%;
	align-items:center;
	flex-wrap:wrap;
}
.footer_logo, .footer_infos_contact, .footer_form{
	width: 33.333%;
}

@media only screen and (max-width:767px) {
	.footer_logo, .footer_infos_contact, .footer_form{
	width: 100%;
	}
	.footer_infos_contact{
		margin: 2% 0;
		padding-top:5%!important;
	}
	
}
.footer_logo{
	display:flex;
	justify-content:center;
}
.footer_bottom_1{
	width: 100%;
	margin-top:2%;
}
.nav>.menu {
    justify-content: center;
}

.vc_btn3.vc_btn3-color-new.vc_btn3-style-flat:hover{
	color: black;
	background-color:aliceblue;
}
.vc_btn3.vc_btn3-color-new.vc_btn3-style-flat {
    color: black;
    background-color: beige;
}

.footer_infos_contact{}
/*******************/


.footer_bottom{
	display: block;
	width: 100%;
}

.comon_link{
	display: block;
	margin-top: 10px;
}


.footer_contact{
	position: relative;
	text-align: center;
	padding: 2%;
}


.cookieinfo-close{
	background: #7e8dfd !important;
	color: #fff !important;
	font-weight: 700;
}

/*rajout new footer1*/
.footer_center .form-contact p, .footer_right .form-contact span  {margin:2px;}
.footer_right .nav ul li{display:list-item; text-align:left;margin-left:30%;}
/*------------------------------------*\
	CARTOUCHE
\*------------------------------------*/

.box{
    position: fixed;
   margin-top: 10%;
    right: 0;
    z-index: 999999;
    display: flex;
}

.boxgauche{
    position: fixed;
   margin-top: 10%;
    left: 0;
    z-index: 999999;
    display: flex;
}
.cartouche, .cartouchegauche{
	padding:7% 6% 5% 5% !important;
}

.cartouchegauche p, .cartouche p {margin:0px !important;}

.cartouche span{
	display: block;
}

#breadcrumbs{
	text-align: left;
}

.separator{
	position: relative;
	text-align: center;
}

.separator img{
	margin: 0 auto 30px;
}

.cartouche.second{
	right: inherit;
	left: 0;
	border-radius: 0 10px 10px 0;
}


.btncontact {
	
  font-size: 20px;
    writing-mode: vertical-rl;
    color: #fff;
    padding: 13px 10px;
    width: 41px;
    margin-left: 8px;
    background: #000000;
}
.btncontact2 {
	
  font-size: 20px;
    writing-mode: vertical-lr;
    color: #fff;
    padding: 13px 10px;
    width: 41px;
   
    background: #000000;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
	
font-family: 'Tangerine_Regular';
	
src: url('fonts/Tangerine_Regular.eot');
	
src: local(''), url('fonts/Tangerine_Regular.woff') format('woff'), url('fonts/Tangerine_Regular.ttf') format('truetype'), url('fonts/Tangerine_Regular.svg') format('svg');
	
font-weight: normal;
	
font-style: normal;

}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}

@media only screen and (min-width:480px) {

}

@media only screen and (min-width:768px) {

	.cm_col-sm-4,
	.cm_col-sm-8{
		float: left;
	}

	.cm_col-sm-4{
		width: 33.33333333%;
	}

	.cm_col-sm-8 {
		width: 66.66666667%;
	}
	


}

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

	body.admin-bar header.inactive{
		top: 46px;
	}

	body.admin-bar header.active{
		top: 0px;
	}

}

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

	/** HEADER **/
	
	.contact_logo img {
		width: 150px !important;
		max-width: 150px !important;
	}
	
	footer{padding-bottom:5%;}
	
	
	.box{
		display:block;
		position: relative;
		  z-index: 0;
    margin-top: 0px;
	}
	
	.cartouche{
		position: relative;
		
	}

	#hamburger{
		display: inline;
	}

	.head_nav,.head_nav_logocentre,.menu-droite, .head_navmenugauche,
	#hamburger-content {
		display: none;
	}

	#hamburger-button, #hamburger-sidebar,
	.hamburger-activated #hamburger-overlay {
		display: block;
	}

	.hamburger-activated #hamburger-sidebar {
		transform: translateX(0);
	}

	.header_reseaux{
		display:none;
	}
	
		
															
	
	/** CONTACT **/

	.page-template-contact .contact-infos,
	.page-template-contact .contact-form{
		display: block;
		width: 100%;
	}

	.page-template-contact .contact_logo{
		margin-bottom: 10%;
	}
	.page-template-contact .contact {
		margin-top: 5%;
	}


	.contact_logo img{
		max-width: 250px;
	}

	.plan-du-site{
		float: none;
		margin-left: auto;
   		margin-right: auto;
	}

	.plan-du-site .bloc-title{
		text-align: center;
	}

	/** FOOTER **/

	.footer_left,
	.footer_center,
	.footer_right{
		display: block;
		text-align:center !important;
		width: 100%;
	}
	.footer_center .nav ul li{text-align:center;}
	.rs{float:none !important; display: inline-flex;}
	
.reseaux{display:flex; justify-content:center;}
	
	.footer_center{
		margin: 30px 0;
	}

	.footer_right li{
		display: inline;
		vertical-align: middle;
	}

	.footer_bottom {
		margin-top: 2.5%;
	}

	.new.small.cm_col-sm-4 {
		width: 50%;
		float: left;
	}

	.news .new:nth-child(3n+1){
		clear: none !important;
	}
	.footer_bottom>div {width:100% !important;}
	.footer_bottom>div>a {display:block;}
	.footer .footer_logo, .footer .infosup {text-align:center !important;}
	
	
	.footer_right .nav ul li{display:inline; text-align:center;margin-left:00%;}
}

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

	/** HEADER **/

	body.admin-bar .wrapper {
		margin-top: 0;
	}

	body.admin-bar header{
		top: 0;
	}

	header{
		position: relative;
	}

	header.active{
		position: fixed;
	}

	body.admin-bar header.active{
		top: 46px;
	}

	body.admin-bar header.inactive,
	body header.inactive{
		top: inherit;
	}

	nav > ul > li.menu-item a {
		font-size: 14px;
	}

	/** FOOTER **/

	body:not(.page-template-contact) .wpcf7 .left,
	body:not(.page-template-contact) .wpcf7 .right{
		width: 100%;
	}

	/** CARTOUCHE **/

	.cartouche {
		top: 0 !important;
		width: auto;
		border: 0 !important;
		padding: 2% 0 !important;
		border-radius: 0px !important;
	}
	
	/** CONTACT **/

	.plan-du-site{
		width: 90%;
	}

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#000;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    partenaires
\*------------------------------------*/

.partenaires li{
	position: relative;
	text-align: center;
	margin-bottom: 20px;
}

.partenaires li .thumb{
	position: relative;
	margin-top: 15px;
}

/*------------------------------------*\
    news / actu
\*------------------------------------*/

.archive .post,
.news .new{
	margin-bottom: 30px;
}

.news .new:nth-child(3n+1){
	clear: both;
}

.archive .post img,
.news .new .thumb img{
	width: 100%;
	height: auto;
}

.archive .post h2,
body .news .new h2{
	font-size: 20px !important;
	margin: 10px 0 5px  !important;
}

.archive .post p,
.news .new p{
	margin: 0;
	text-align: justify;
	height: 67px;
	overflow: hidden;
}

.news .new.small .thumb{
	position: relative;
	float: left;
	width: 30%;
	margin-right: 20px;
}

body .news .new.small h2{
	margin-top: 0  !important;
	font-size: 16px !important;
}

.pager{
	display: block;
	text-align: center;
	margin: 3% 0 0;
}

.pager a,
.pager span{
	margin: 0 5px;
}

.filtre_cat{
	display: block;
	text-align: center;
	margin-bottom: 1em;
}

.filtre_cat ul li{
	display: inline-block;
	margin: 5px;
}

.blogmore{
	display: block;
	clear: both;
}

	/*------------------------------------*\
        WORDPRESS CORE
    \*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

.wpb_wrapper p{
	text-align: justify;
    
	line-height: 1.75em !important;}



/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/* Style 1*/
.image2{
	position: absolute;
	align-content :center;
}

.texte{    
	position: absolute !important;
    margin: 7% 15% auto 38%;
}

/* style2 */

.carre{
	width: 400px;
	height: 200px;
	background-color: #c3b6a4;
	position: absolute;
	margin: -11% auto auto 30%;
}

.carre2{
	width: 400px;
	height: 200px;
	margin: -64px 0% 0px 250px;
	border: solid 2px #000000;
	position: absolute;
	z-index: 10;
}

.titre-style-2{
	margin-top: 20%;
}

.phrase_accr{
	margin: auto 15% 5% 15%;
}

.wpb_wrapper p{
	text-align: justify;
}


tr{
	border-top: solid 1px #6b3013;
    border-bottom: solid 1px #6b3013;
}

td{
	padding-top: 1%;
	padding-bottom: 1%;
}

.Citation p em{
    font-size: 50px !important;
    font-style: italic;
    line-height: 38px;
    font-family: "Tangerine_Regular" !important;
}

/* Article */

.wp-post-image,
.date,
.comments,
article h1 a{
	display: none;
}




/* AMP */
#formu{
	display: none;
}


/* CHANGEMENT */



/*changement cartouche clic*/

/*normal*/
.interior{
	
    position: fixed;
    margin-top: 10%;
    right: 0;
    z-index: 999999;
    display: flex;
}
	

.modal-window {
  position: fixed;
    top: 31%;
  right: 0;
   left: 0;
  z-index: 999;
  
  opacity: 0;
  pointer-events: none;
	transition: all 0.3s;}

  .modal-window:target {
   
	right:30%;	  
	  top:16%;	  
    opacity: 1;
    pointer-events: auto;
  }
  .modal-window > div {
    width: 460px;
    position: relative;
     top:50%;
   left: 134%;
	  text-align:left;
    transform: translate(-50%, -50%);
   
   
  }
  


.modal-close {
  line-height:52px;
  font-size: 80%;
  position: absolute;
  left: 0;
  padding-left:5%;
  top: 0;
  width: 70px;
	text-decoration: none;
z-index:10;}

 
@media only screen and (min-width:900px) {

	
	.box2{display:none;}
}



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

	
	.interior{
		display: none;
	}
	#coordonnees{
		display:none;
	}
	
	.box2{
		top: 0 !important;
		width: auto;
		border: 0 !important;
		display:block;
		border-radius: 0px !important;
		position:relative;
		display: block;
	}
	
		
	.cartouche{
		position: relative;
		text-align:center;
		padding:7% 0 2% 0 !important;
		
	}

}
/*changement couleur btn x cartouche*/
.close g, .close2 g{fill:#fff;}
.close g:hover, .close g:focus, .close2 g:hover, .close2 g:focus {
	fill: #DA4567;
}
/* fin changement cartouche clic*/

/*cartouche gauche*/

/*normal*/
.interior2{
	
    position: fixed;
    margin-top: 8%;
    left: 0;
    z-index: 999999;
    display: flex;
}
	

.modal-window2 {
 
   position: fixed;
    top: 0;
  left: 0;
  bottom: 0;
  
  z-index: 999;
  
  opacity: 0;
  pointer-events: none;
	transition: all 0.3s;}

  .modal-window2:target {
   
	left:590px;
    opacity: 1;
    pointer-events: auto;
  }
  .modal-window2 > div {
    width: 460px;
    position: relative;
     top: 50%;
   right:100%;
	  text-align:right;
    transform: translate(-50%, -50%);
   
   
  }
  

.modal-close2 {
  line-height:52px;
  font-size: 80%;
  position: absolute;
  right: 0;
  padding-right:5%;
  top: 0;
  width: 70px;
	text-decoration: none;}

 
@media only screen and (min-width:900px) {

	
	.box22{display:none;}
}



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

	
	.interior2{
		display: none;
	}
	#open-modal2{
		display:none;
	}
	
	.box22{
		top: 0 !important;
		width: auto;
		border: 0 !important;
		
		border-radius: 0px !important;
		position:relative;
	}
	
		
	.cartouchegauche{
		position: relative;
		text-align:center;
		padding:7% 0 2% 0 !important;
		
	}

}

/* fin changement cartouche clic*/

/*menu plus fin si passe sur deux rangées*/
@media only screen and (min-width:768px) and (max-width:1100px) {
	nav.head_nav > ul >li >a,nav.head_nav_logocentre > ul >li >a, nav.menu-droite > ul >li >a, .head_navmenugauche >ul>li>a {
	font-size:12px !important;
		font-weight:normal !important ;
}
	nav.head_nav > ul >li , nav.head_nav_logocentre > ul >li, nav.menu-droite > ul >li , .head_navmenugauche >ul>li {
	margin :0 5px !important;
}
}


#cookie-notice {z-index: 1 !important;}

/*formulaire de contact dans cartouche*/
#contactcartouche{
	
	    width: 100%;
	padding:5px;
       font-size: 12px;}
#contactcartouche input{
	border-radius:0px !important;
}
#contactcartouche textarea{
width: 330px;
height: 86px;}
/*----*/

h1, h2, h3, h4 {font-weight: initial !important;}

.wpcf7-spinner {display:block !important;}


.footer_logo .logo-img {max-width:85% !important;}



.infosup {
float:none!important;
}
.wpcf7-spinner {position:absolute !important;}

sections .infoplus {
	display: block;
}

@media only screen and (max-width:900px) {
	sections .infoplus {
	margin-left: 0%;}
}

/* Page contact new */
.contact{
	display:flex!important;
	flex-flow: row wrap;
}
.page-template-contact .contact_logo {
    display: block;
    margin-top: 2%;
	margin-bottom: 4%;
	width:100%;
}
.page-template-contact .contact-form  {
	width: 50%!important;
	display:flex!important;
	flex-flow: row wrap;
	justify-content: center;
	margin-bottom: 2%; 
	margin-top:2%;
}
.contact >.vc_row-fluid{
	width:100%;
}

.page-template-contact .contact-infos  {
	width: 40%!important;
	display:flex!important;
	flex-flow: column wrap;
	margin: 2% 0;
	justify-content: center;
}
.top{
	width: 100%;
	
}
.item{
	width: 100%;
	padding: 3% 0;
}


@media only screen and (max-width:848px){
	.page-template-contact .contact-infos  {
	width: 50%!important;
	
}
	.contact_map{
		width:50%;
	}
}
@media only screen and (max-width:594px){
	.page-template-contact .contact-infos  {
	width: 100%!important;
	
}
	.contact_map{
		width:100%;
	}
	.contact-horaires{
		width:100%!important;
	}
	.page-template-contact .contact-form{
		width:100%!important;
	}
}

/* Fomulaire de contact page contact */
.page-template-contact .contact-form .u-form-group-1 {
    padding-right: 20px;
	
}
.page-template-contact .contact-form .u-form-group-2{
	width:100%;
}
.page-template-contact .contact-form .u-form-submit{
	width:34%;
}
.page-template-contact .contact-form .u-form-partition-factor-2 {
    width: 50%;
}
.page-template-contact .contact-form .contact-form .wpcf7{
	width: 100%;
}
.page-template-contact .contact-form .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
	width: 75%;
	margin: 0 auto;
}

.page-template-contact .contact-form .wpcf7 textarea, 
.page-template-contact .contact-form .wpcf7 input{
    width: 100%;
    margin: 5px;
}

@media only screen and (max-width:594px){
	.page-template-contact .contact-form .u-form-partition-factor-2 {
    width: 100%;
}
	.page-template-contact .contact-form .u-form-group-1 {
    padding-right: 0px;
	
}
}

.menu{
	display: flex;
    justify-content: space-around;
	flex-wrap:wrap;
}

h3.bloc-title{
	margin-top: 0;
}

sections.footer{
	padding-top:1%;
	z-index: 2;
    position: relative;
}

.contactbis{
	margin-top: 2%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.contact-horaires{
	width:50%;
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	flex-direction:column;
	justify-content:space-evenly;
}


.texteMessage{
	resize:none;
	height:10rem;
}

.u-form-group > p, .u-form-group-2 > p {
	margin:0;
}




/**********bg image hover avec lien + modif fichier js*****/
/*changer les lien dans le dossier js/script.js */
#relative {
    position: relative;
    display: block;
    display: block;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
   transition: background-size 1s ease-in-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
 overflow:hidden;
	background-image: url(https://picsum.photos/870/540);
   background-size:96%; /* work with the background-size */
	height:250px;
    background-position: center center;
    background-repeat: no-repeat;
}
#relative:hover {
  background-size: 110% ;/* work with the background-size */ 
	 
}


.lien1, .lien3 {
    top: 180px;
	margin-bottom: 213px;}


.txt .cart h2, .txt {
    color: #000;
    background: #fff;
    text-transform: uppercase;
    font-weight: 400;
	
    letter-spacing: 3px;
    font-size: 12px;
    padding: 8px 13px;
}

.cart {
    position: absolute;
    display: block;
	margin-bottom:0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    z-index: 999;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    left: 50px;
	bottom: 0;
}
/*************/


/**************parallax effet + ajout script dans header*****/
.content {
  align-items: center;
  display: flex;

  justify-content: center;
  margin: 2%;
  max-width: 100%;

}

.one {
  background-color: #EC368D;
}

.two {
  background-color: #333;
}

.three {
  background-color: #440381;
}

/*****************/



/*************fond anim slide**********************/



.bonasavoir .icon-layer{
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x repeat-y;
  background-position: center;
  left: 0px;
  top: 0px;
  animation: slide 100s linear infinite;
  -webkit-animation: slide 100s linear infinite;
}

@keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 3220px 0; }
}

@-webkit-keyframes slide{
  from { background-position: 0 0; }
    to { background-position: 3220px 0; }
}

/****************************/


/*************anim image background**********************/
.strate--universes__col {
    text-align: center;
}
.strate--universes__link {
    display: block;
    position: relative;
    text-decoration: none !important;
}
.strate--universes__background {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    padding: 55px;
    height: 100%;
    box-sizing: content-box;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.strate--universes__title {
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 50px;
    line-height: 59px;
}
.strate--universes__image {
    position: relative;
    z-index: 1;
    margin-top: -20px;
}
@media (min-width: 992px){
.strate--universes__image {
    background: none !important;
}
}
@media only screen and (max-width: 1199.98px){
.strate--universes__image {
    padding: 40px 0;
    text-align: center;
}
}
.inverse .strate--universes__link:hover .strate--universes__background {
    transform: translate(-50%, -50%) rotate(5deg);
}
.strate--universes__link:hover .strate--universes__background {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(-5deg);
}
/****************************/

.imgabsolute{    float: left;
    margin-left: -39%;
    margin-right: 6%;}

.parallax_scroll {

transition: all 1s ease-out;
}
.boxshadow{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

/************ Code template avocat *******************/
.absolu img{
	position: relative;
	left: 20vw;
}

/* .lignefond-invisible{
	position: relative;
    z-index: 0;
    stroke-dasharray: 4560px;
	stroke-dashoffset : 4560px;
	
}
.lignefond {
	animation: anim 4s ease forwards;
}
@keyframes anim{
	to { stroke-dashoffset:0;}
} */
.reveal path{
	position: relative;
    z-index: 0;
    stroke-dasharray: 2594px;
	stroke-dashoffset : 2594px;
}

.reveal-visible path{
	animation: anim 4s ease forwards;
}

@keyframes anim{
	to { stroke-dashoffset:0;}
}

.relative-txt{position: relative;
        top: -17vw;}

.blocsrelative{
	position:relative;
	top:-970px;
}
.hauteur{
	height: 400px;
}
.blocsrelativebis{position:relative;top: -20vw;}
/****************************/

/********** TEST GALERIE************/
.carousel {
  position: relative;
  z-index: 1;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
}

.carousel-item {
  --items: 10;
  --width: clamp(150px, 30vw,  300px);
  --height: clamp(200px, 40vw,  400px);
  --x: calc(var(--active) * 800%);
  --y: calc(var(--active) * 200%);
  --rot: calc(var(--active) * 120deg);
  --opacity: calc(var(--zIndex) / var(--items) * 3 - 2);
  overflow: hidden;
  position: absolute;
  z-index: var(--zIndex);
  width: var(--width);
  height: var(--height);
  margin: calc(var(--height) * -0.5) 0 0 calc(var(--width) * -0.5);
  border-radius: 10px;
  top: 50%;
  left: 50%;
  user-select: none;
  transform-origin: 0% 100%;
  box-shadow: 0 10px 50px 10px rgba(0, 0, 0, .5);
  background: black;
  pointer-events: all;
  transform:  translate(var(--x), var(--y)) rotate(var(--rot)) ;
	transition: transform .8s cubic-bezier(0, 0.02, 0, 1);}


.carousel-item  .carousel-box {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .8s cubic-bezier(0, 0.02, 0, 1);
    opacity: var(--opacity);
    font-family: 'Orelo-sw-db', serif;

    
.carousel-item:before {
      content: '';
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5));
    }
  }


.carousel-item  .title {
    position: absolute;
    z-index: 1;
    color: #fff;
    bottom: 20px;
    left: 20px;
    transition: opacity .8s cubic-bezier(0, 0.02, 0, 1);
    font-size: clamp(20px, 3vw, 30px);
    text-shadow: 0 4px 4px rgba(0, 0, 0, .1);
  }


.carousel-item  .num {
    position: absolute;
    z-index: 1;
    color: #fff;
    top: 10px;
    left: 20px;
    transition: opacity .8s cubic-bezier(0, 0.02, 0, 1);
    font-size: clamp(20px, 10vw, 80px);
  }


.carousel-item  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
  }


.layout {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	pointer-events: none;}

  .layout:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 90px;
    width: 10px;
    height: 100%;
    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    opacity: .15;
  }

.layout  .box {
    position: absolute;
    bottom: 0;
    left: 30px;
    color: #fff;
    transform-origin: 0% 10%;
    transform: rotate(-90deg);
    font-size: 9px;
    line-height: 1.4;
    text-transform: uppercase;
    opacity: .4;
  }


.logo {
  position: absolute;
  z-index: 2;
  top: 28px;
  right: 28px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  opacity: .5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Orelo-sw-db', serif;
  pointer-events: all;
  color: black;
  text-decoration: none;
  font-size: 20px;
  overflow: hidden;
  padding-bottom: .1em;
}

.cursor {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  --size: 40px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .2);
  margin: calc(var(--size) * -0.5) 0 0 calc(var(--size) * -0.5);
  transition: transform .85s cubic-bezier(0, 0.02, 0, 1);
  display: none;
  pointer-events: none;
  
  @media (pointer: fine) {
    display: block;
  }
}

.cursor2 {
  --size: 2px;
  transition-duration: .7s;
}
/***********************************/





/*****************card blob anim***********/

.event input[type="radio"] {
	 position: absolute;
	 z-index: 999;
	 left: 0;
	 bottom: 0;
	 width: 33.33%;
	 opacity: 0;
	 overflow: hidden;
	 height: 30px;
}
.event input[type="radio"]:hover + div .btn {
	 background: #b9acca;
}
 .event  input[type="radio"]:hover + div .btn:after {
	 color: #fff;
}
 .event  input[type="radio"]:nth-of-type(2) {
	 left: 33.33%;
}
 .event  input[type="radio"]:nth-of-type(2) + div .btn {
	 left: 33.33%;
}
 .event  input[type="radio"]:nth-of-type(2) + div .btn:after {
	 content: "2";
}
 .event  input[type="radio"]:nth-of-type(3) {
	 left: 66.66%;
}
 .event  input[type="radio"]:nth-of-type(3) + div .btn {
	 left: 66.66%;
}
 .event  input[type="radio"]:nth-of-type(3) + div .btn:after {
	 content: "3";
}
 .event  input[type="radio"]:checked + div .btn {
	 box-shadow: 0 0 0 2px #6d44b5;
	 z-index: 10;
	 padding: 5px 0;
}
 .event  input[type="radio"]:checked + div .btn:before {
	 left: -25%;
}
 .event  input[type="radio"]:checked + div .btn:after {
	 color: #fff;
}
 .event  input[type="radio"] + div .btn {
	 position: absolute;
	 width: 33%;
	 bottom: 0;
	 left: 0;
	 height: 25px;
	 box-shadow: 0 0 0 2px #b9acca;
	 overflow: hidden;
	 z-index: 9;
	 cursor: pointer;
}
 .event  input[type="radio"] + div .btn:after {
	 content: "1";
	 position: absolute;
	 color: #fe8d58;
	 font-weight: 900;
	 font-size: 22px;
	 left: 50%;
	 top: 50%;
	 transform: translateX(-50%) translateY(calc(-50% - 2.5px));
	 line-height: 0;
	 color: #b9acca;
}
 .event  input[type="radio"] + div .btn:before {
	 content: "";
	 position: absolute;
	 width: 150%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 background: #6d44b5;
	 left: -150%;
	 transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
 .event  svg {
	 position: absolute;
	 width: 0;
	 height: 0;
}
 .event  .card {
	 width: 500px;
	 min-width: 500px;
	 height: 350px;
	 position: relative;
	 max-width: 100%;
	 background: #fff;
}
 .event  .card * {
	 transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
 .event  .card h6, body .card a {
	 position: absolute;
	 right: 30px;
	 z-index: 9;
	 color: #fff;
	 font-size: 200px;
	 font-weight: 100;
	 margin: 0;
	 top: 0;
	 line-height: 0.75;
	 transform: scale(0) rotateX(180deg);
	 opacity: 0;
}
 .event  .card p {
	 position: absolute;
	 z-index: 999;
	 width: 75%;
	 font-size: 18px;
	 font-weight: 100;
	 font-family: "Raleway";
	 line-height: 26px;
	 left: 12.5%;
	 color: #fff;
	 display: inline-block;
	 -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	 clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	 transition: none;
}
 .event  .card a {
	 color: #6d44b5;
	 font-size: 15px;
	 bottom: 50px;
	 top: auto;
	 width: 50%;
	 display: block;
	 text-align: center;
	 letter-spacing: 5px;
	 text-transform: uppercase;
	 font-weight: 900;
	 padding: 15px 5px;
	 border: 2px solid;
	 cursor: pointer;
	 left: -50px;
	 opacity: 1;
	 transform: none;
	 height: 12.5px;
	 font-family: "Raleway";
}
 .event  .card a:before {
	 content: "BACK";
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translateX(-50%) translateY(-50%) scale(0);
	 font-size: 15px;
	 opacity: 0;
}
 .event  .card input[type="checkbox"] {
	 z-index: 999;
	 position: absolute;
	 bottom: 50px;
	 width: 50%;
	 left: -50px;
	 height: 50px;
	 opacity: 0;
}
 .event  .card input[type="checkbox"]:hover ~ a {
	 background: #fba0cc;
	 color: #fff;
	 border-color: #fba0cc;
}
 .event  .card input[type="checkbox"]:checked ~ p {
	 transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.175);
	 transition-delay: 0.2s;
	 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	 clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
 .event  .card input[type="checkbox"]:checked ~ a {
	 z-index: 100;
	 color: #fff;
	 font-size: 0;
}
 .event  .card input[type="checkbox"]:checked ~ a:before {
	 opacity: 1;
	 transform: translateX(-50%) translateY(-50%) scale(1);
}
 .event  .card input[type="checkbox"]:checked ~ .blob {
	 z-index: 99;
	 transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
 .event  .card input[type="checkbox"]:checked ~ .blob:before, body .card input[type="checkbox"]:checked ~ .blob:after {
	 transform: scale(0);
}
 .event  .card input[type="checkbox"]:checked ~ .blob .glob {
	 transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1);
	 min-width: 110%;
	 min-height: 110%;
	 border-radius: 0px;
	 top: -5%;
	 right: -5%;
}
 .event  .card input[type="radio"] + div {
	 overflow: hidden;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
}
 .event  .card input[type="radio"]:checked + div h6 {
	 transform: scale(1) rotate(0deg);
	 opacity: 1;
}
 .event  .card input[type="radio"]:nth-of-type(2):checked + div ~ .blob .glob {
	 width: 70%;
	 height: 75%;
	 background: #fe8d58;
}
 .event  .card input[type="radio"]:nth-of-type(2):checked + div ~ .blob:before {
	 top: 40%;
	 background: #fe8d58;
}
 .event  .card input[type="radio"]:nth-of-type(2):checked + div ~ .blob:after {
	 background: #fe8d58;
}
 .event  .card input[type="radio"]:nth-of-type(3):checked + div ~ .blob .glob {
	 width: 70%;
	 height: 55%;
	 background: #f45746;
}
 .event  .card input[type="radio"]:nth-of-type(3):checked + div ~ .blob:before {
	 top: 20%;
	 background: #f45746;
	 left: 40%;
}
 .event  .card input[type="radio"]:nth-of-type(3):checked + div ~ .blob:after {
	 background: #f45746;
	 left: 70%;
}
 .event  .card input[type="radio"]:nth-of-type(1):checked + div ~ .photo div:nth-of-type(1) {
	 transform: rotateX(0deg);
}
 .event  .card input[type="radio"]:nth-of-type(2):checked + div ~ .photo div:nth-of-type(2) {
	 transform: rotateX(0deg);
}
 .event  .card input[type="radio"]:nth-of-type(3):checked + div ~ .photo div:nth-of-type(3) {
	 transform: rotateX(0deg);
}
 .event  .card input[type="radio"]:nth-of-type(2):checked + div ~ .shapes {
	 top: 35%;
	 left: 65%;
	 width: 90px;
}
 .event  .card input[type="radio"]:nth-of-type(2):checked + div ~ .shapes:before {
	 left: 120px;
	 top: 170px;
	 -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
	 clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
 .event  .card input[type="radio"]:nth-of-type(3):checked + div ~ .shapes {
	 top: 55%;
	 left: 55%;
	 width: 140px;
}
 .event  .card input[type="radio"]:nth-of-type(3):checked + div ~ .shapes:before {
	 left: 140px;
	 top: -40px;
	 -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
	 clip-path: polygon(100% 0, 0 0, 100% 100%);
}
 .event  .card:before {
	 content: "";
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: transparent;
	 box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
	 z-index: 200;
}
 .event  .card .photo {
	 position: absolute;
	 width: 50%;
	 height: 100%;
	 z-index: 0;
	 overflow: hidden;
	 perspective: 300px;
}
 .event  .card .photo div {
	 position: absolute;
	 width: 75%;
	 height: 50%;
	 transform: rotateX(-180deg);
	 top: -12.5%;
	 margin-left: -12.5%;
	 transform-style: preserve-3d;
	 backface-visibility: hidden;
	 border-radius: 100%;
	 box-shadow: inset 0 0 0 5px #fff, 0 0 0 5px #fba0cc, 0 0 0 10px #fff;
}
 .event  .card .photo div:before {
	 content: "1";
	 font-size: 75px;
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 margin: 20px 0 0 5px;
	 transform: translateX(-50%) translateY(-50%);
	 filter: saturate(0) brightness(20);
	 opacity: 0.25;
}
 .event  .card .photo div:first-of-type {
	 background: #fba0cc;
}
 .event  .card .photo div:nth-of-type(2) {
	 background: #f45746;
	 box-shadow: inset 0 0 0 5px #fff, 0 0 0 5px #f45746, 0 0 0 10px #fff;
}
 .event  .card .photo div:nth-of-type(2):before {
	 content: "👯";
}
 .event  .card .photo div:nth-of-type(3) {
	 background: #b9acca;
	 box-shadow: inset 0 0 0 5px #fff, 0 0 0 5px #b9acca, 0 0 0 10px #fff;
}
 .event  .card .photo div:nth-of-type(3):before {
	 content: "💋";
}
 .event  .card .shapes {
	 position: absolute;
	 left: 45%;
	 top: 20%;
	 background: #fe8d58;
	 width: 60px;
	 height: 4px;
	 z-index: 2;
	 box-shadow: 0 8px 0 0 #fe8d58, 0 16px 0 0 #fe8d58, 0 24px 0 0 #fe8d58, 0 32px 0 0 #fe8d58;
	 mix-blend-mode: screen;
}
 .event  .card .shapes:before {
	 content: "";
	 position: absolute;
	 width: 40px;
	 height: 40px;
	 background: linear-gradient(to bottom, #fe8d58, #f45746);
	 -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	 clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	 left: 175px;
	 top: 160px;
	 transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
 .event  .card .blob {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 filter: url(#goo);
}
 .event  .card .blob .glob {
	 position: absolute;
	 width: 60%;
	 height: 75%;
	 background: #6d44b5;
	 border-radius: 100%;
	 top: -25%;
	 right: -25%;
}
 .event  .card .blob:before, body .card .blob:after {
	 content: "";
	 position: absolute;
	 width: 50%;
	 height: 60%;
	 background: #6d44b5;
	 border-radius: 100%;
	 right: 0;
	 top: 20px;
	 transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
 .event  .card .blob:after {
	 right: -15%;
	 top: 20%;
	 width: 40%;
	 height: 60%;
}

/************ Template 2 *******************/

.boxshadowbis > div{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

a.custom-btn {
 width: 130px;
    height: 45px;
  border: 2px solid #000;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}
.btn-6 {
   background: #000!important;
  color: #fff;
  line-height: 42px;
  padding: 0;
  border: none!important;
}
.btn-6 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
	text-align: center;
}
.btn-6:before,
.btn-6:after {
  position: absolute;
  content: "";
  height: 0%;
  width: 2px;
  background: #000;
}
.btn-6:before {
  right: 0;
  top: 0;
  transition: all 500ms ease;
}
.btn-6:after {
  left: 0;
  bottom: 0;
  transition: all 500ms ease;
}
.btn-6:hover{
  color: #000!important;
  background: transparent!important;
}
.btn-6:hover:before {
  transition: all 500ms ease;
  height: 100%;
}
.btn-6:hover:after {
  transition: all 500ms ease;
  height: 100%;
}
.btn-6 span:before,
.btn-6 span:after {
  position: absolute;
  content: "";
  background: #000;
}
.btn-6 span:before {
  left: 0;
  top: 0;
  width: 0%;
  height: 2px;
  transition: all 500ms ease;
}
.btn-6 span:after {
  right: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  transition: all 500ms ease;
}
.btn-6 span:hover:before {
  width: 100%;
}
.btn-6 span:hover:after {
  width: 100%;
}
.anim > div{
transition: all 1s cubic-bezier(0.7, 0.03, 0.43, 0.99);
}
.anim:hover > div {
    margin-top: -50px;
}
.nonmarge{margin:0!important;}

.cardcontact {
  position: absolute;
/*   top: 50%;
  left: 50%; */
  width: 300px;
  height: 300px;
/*   margin: -150px; */
  float: left;
  perspective: 500px;
}

.content-card {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);

  transition: transform 1s;
  transform-style: preserve-3d;
}

.cardcontact:hover .content-card {
  transform: rotateY( 180deg ) ;
  transition: transform 0.5s;
}

.front,
.back {
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  line-height: 300px;
  color: black;
  text-align: center;
  border-radius: 5px;
  backface-visibility: hidden;
}
.front{
	display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.front p, .front>div{width:100%;}

.back {
  background: black;
  color: white;
  transform: rotateY( 180deg );
}
/*******************************/
/*************** css Pizzeria la Mouansoise ***************/
body .items-circle {
	 margin: 0 auto;
	 width: 920px;
}
 body .item-circle {
	 width: 33.33%;
	 display: inline-block;
	 margin: 0 auto;
	 position: relative;
	 height: 300px;
	 max-width: 300px;
}
 body .circle_inner__layer {
	 width: 200px;
	 height: 200px;
	 transition: all 0.4s;
	 position: absolute;
	 top: 0;
	 left: -200px;
}
 body .circle_inner__layer img {
	 width: 130px;
	 position: absolute;
}
 body .circle {
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin: auto;
	 top: 50%;
	 width: 200px;
	 transform: translateY(-50%);
	 transition: all 0.5s;
	 cursor: pointer;
}
 body .circle:hover .circle_shine {
	 top: 330px;
	 left: -200px;
}
 body .circle_shine {
	 background: white;
	 width: 600px;
	 transition: 0.3s;
	 height: 200px;
	 opacity: 0.2;
	 top: -10px;
	 left: -90px;
	 transform: rotate(45deg);
	 position: absolute;
	 z-index: 2;
}
 body .circle:hover h3 {
	 opacity: 1;
	 top: 10px;
	 transition: all 0.2s 0.04s;
}

 body .circle .circle_inner__layer:nth-of-type(1) {
	 top: 0;
	 left: 0;
}
 body .circle .circle_inner__layer:nth-of-type(2) {
	 top: 0px;
	 left: 0;
}
 body .circle_title {
	 text-align: center;
}
 body .circle_title h3 {
	 opacity: 0;
	 color: #fff;
	 margin: 0;
	 transition: all 0.2s 0.04s;
	 position: relative;
	 top: -10px;
}
 body .circle_title h3 {
	 transition: all 0.2s;
	 color: #fff;
	 font-size: 15px;
}
 body .circle_inner {
	 border-radius: 200px;
	 background: #fff;
	 overflow: hidden;
	 margin: auto;
	 width: 200px;
	 z-index: 1;
	 transition: all 0.3s;
	 height: 200px;
	 position: relative;
}
 body .circle_inner:hover {
	 transform: scale(1.1);
}
 body .circle_inner:hover .circle_inner__layer:nth-of-type(1) img {
   animation: 0.6s bounce;
}
 body .circle_inner:hover .circle_inner__layer:nth-of-type(2) img {
	 animation: 0.6s bounce2;
}


@keyframes bounce{
	0%{margin-bottom:0;transform:scale(1,1);}
	50%{margin-bottom:13px;transform:scale(0.7,1.3);}
	100%{margin-bottom:0px;transform:scale(1,1);}
}
@keyframes bounce2{
	0%{transform:scale(1,1);}
	50%{transform:scale(0.7,1.3);}
	100%{transform:scale(1,1);}
}
.btn {
	 color: #000;
	 cursor: pointer;
	 font-size: 16px;
	 font-weight: 400;
	 line-height: 45px;
	 margin: 0 0 2em;
	 max-width: 160px;
	 position: relative;
	 text-decoration: none;
	 text-transform: uppercase;
	display: inline-block;
	 width: 100%;
}
.blanc{
	color: #fff!important;
}
.blanc:hover{
	color: #fff!important;
}
 @media (min-width: 600px) {
	 .btn {
		 margin: 0 1em 2em;
	}
}
 .btn:hover {
	 text-decoration: none;
	 color:#000;
}
.btn-2 {
	 letter-spacing: 0;
}
 .btn-2:hover, .btn-2:active {
	 letter-spacing: 5px;
}
 .btn-2:after, .btn-2:before {
	 backface-visibility: hidden;
	 border: 1px solid rgba(0, 0, 0, 0);
	 bottom: 0px;
	 content: " ";
	 display: block;
	 margin: 0 auto;
	 position: relative;
	 transition: all 280ms ease;
	 width: 0;
}
 .btn-2:hover:after, .btn-2:hover:before {
	 backface-visibility: hidden;
	 border-color: #000;
	 transition: all 350ms ease;
	 width: 70%;
}
 .blanc:after, .blanc:before {
	 border: 1px solid rgba(255, 255, 255, 0);
}
 .blanc:hover:after, .blanc:hover:before {
	 border-color: #fff;
	 transition: all 350ms ease;
	 width: 70%;
}
 .btn-2:hover:before {
	 bottom: auto;
	 top: 0;
	 width: 70%;
}
.hero {
	 background: url(https://com-on.pro/wp-content/uploads/2023/08/pizza.jpg);
	 padding-top: 46%;
	 background-size: cover;
	 font-family: 'Sucrose Bold Two';
}
 
.hero img {
	 position: absolute;
	 top: 0;
	 right: 0;
	 width: 100%;
}

.hero p {
	 position: fixed;
	 color: white;
	 top: 8rem;
	left:15%;
	 font-size: 12vw;
	 line-height: 0.8;
	 margin-top: 0;
	 text-align: center;
}


/******************************/
/************ Boucherie Arnaud ******************/
figure.image-block {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 375px;
	 min-width: 375px;
	 height: 550px;
	 border-radius: 10px;
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	 transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	 overflow: hidden;
	    margin-bottom: 5%;
}
 figure.image-block:hover {
	 box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
 figure.image-block:hover h2 {
	 opacity: 0;
	 transform: scale(0.7);
}
 figure.image-block:hover img {
	 transform: scale(1.25);
}
 figure.image-block:hover figcaption {
	 bottom: 0;
}
 figure.image-block h2 {
	 position: absolute;
	 top: 50px;
	 left: 20px;
	 margin: 0;
	 padding: 0;
	 color: white;
	 font-size: 60px;
	 font-weight: 100;
	 line-height: 1;
	 opacity: 1;
	 transform: scale(1);
	 transition: 0.25s ease;
	 z-index: 999;
}
 figure.image-block img {
	 height: 100%;
	 transition: 0.25s;
}
 figure.image-block figcaption {
	 position: absolute;
	 bottom: -41%;
	 left: 0;
	 width: 100%;
	 margin: 0;
	 padding: 30px;
	 background-color: rgba(0, 0, 0, 0.85);
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	 color: white;
	 line-height: 1;
	 transition: 0.25s;
}
 figure.image-block figcaption h3 {
	 margin: 0 0 20px;
	 padding: 0;
}
 figure.image-block figcaption p {
	 font-size: 14px;
	 line-height: 1.75;
}
/*  figure.image-block figcaption a {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 10px 0 0;
	 padding: 10px 30px;
	 background-color: #1abc9c;
	 border: none;
	 border-radius: 5px;
	 color: white;
	 font-size: 14px;
	 cursor: pointer;
} */
a.btn {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 10px 0 0;
	 padding: 10px 30px;
	 background-color: #1abc9c;
	 border: none;
	 border-radius: 5px;
	 color: white;
	 font-size: 14px;
	 cursor: pointer;
	max-width: 140px;
    max-height: 40px;
}
.cartes{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
/* .vc_custom_1691586505273{
	display: flex;
}
@media only screen and (max-width: 767px){
	.vc_custom_1691586505273 div:nth-child(1){
		order: 2;
	}
} */
/******************************/
/************ AZUR AUTO ******************/

.page-id-1760 .wrapper {
	background: #101010;
}

p.encretitre {
	font-size: 35px;
}

a.cl-effect-20 {
	text-align: center;
	display: block;
	color: black;
	text-transform: uppercase;

}

.cl-effect-20 {
	line-height: 3em;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
}

.cl-effect-20 span {
	    position: relative;
    display: inline-block;
    padding: 3px 15px 0;
    background: #f3f3f3;
    box-shadow: inset 0 3px #808486;
    -webkit-transition: background 0.6s;
    -moz-transition: background 0.6s;
    transition: background 0.6s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.cl-effect-20 span:before {
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fcb700;
    color:#ffffff;
    content: attr(data-hover);
    -webkit-transform: rotateX(270deg);
    -moz-transform: rotateX(270deg);
    transform: rotateX(270deg);
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    pointer-events: none;
	
}

.cl-effect-20:hover span::before, .cl-effect-20:focus span::before {

    -webkit-transform: rotateX(10deg);
    -moz-transform: rotateX(10deg);
    transform: rotateX(10deg);
}

/******************************/

/************ L'arrosoir ******************/

ol, ol::before, ol::after, 
ol *, ol *::before, ol *::after { margin: 0; padding: 0; box-sizing: border-box }
ol { 
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr));
  gap: 1rem;
  
  width: min(109rem, calc(100% - 2rem));
  margin-inline: auto;
  padding-block: 1rem;
  
  list-style: none;
  counter-reset: count;
}

/* card layout/styling */
ol > li {
  --card-background-color: #f0f0f0;
  --card-text-color: #0F0F0F;
  --card-border-radius: 0.5rem;
  --card-padding-block: 1.5rem;
  --card-padding-inline: 1rem;
  
  --outset-size: 0.75rem;
  --outset-background-color: #e5e5e5;
  
  --number-font-size: 5rem;
  --number-overlap: 0.5rem;
  --number-font-family: 'Oswald', sans-serif;
  --number-font-weight: 500;
  
  margin: var(--outset-size);
  margin-top: calc(var(--number-font-size) - var(--number-overlap));
  border-radius: var(--card-border-radius);
  padding-block: var(--card-padding-block);
  padding-inline: var(--card-padding-inline);
  
  color: var(--card-text-color);
  background-color: var(--card-background-color);
  box-shadow: 
    inset 1px 1px 0px rgb(255 255 255 / .5),
    inset -1px -1px 0px rgb(0 0 0 / .25),
    calc(var(--outset-size) * .25) calc(var(--outset-size) * .25) calc(var(--outset-size) * .5) rgb(0 0 0 / .25);
  position: relative;
  counter-increment: count;
}

ol > li::after{
  content: counter(count, decimal-leading-zero);
  position: absolute;
  
  bottom: calc(100% - var(--number-overlap));
  left: 50%;
  transform: translateX(-50%);
  
  color: var(--accent-color);
  font-family: var(--number-font-family);
  font-weight: var(--number-font-weight);
  font-size: var(--number-font-size);
  line-height: 1;
  z-index: -1;
}
ol > li::before{
  content: "";
  position: absolute;
  width: calc(100% + (var(--outset-size) * 2));
  height: 100%;
  bottom: calc(var(--outset-size) * -1);
  left: calc(var(--outset-size) * -1);
  z-index: -1;
  
  border-bottom-left-radius: calc(var(--card-border-radius) + var(--outset-size));
  border-bottom-right-radius: calc(var(--card-border-radius) + var(--outset-size));
  
  background-color: var(--outset-background-color);
  
  background-image: 
    linear-gradient(to left, var(--outset-background-color) calc(var(--outset-size) * 2), transparent 0),
    linear-gradient(135deg, var(--accent-color) 80%, var(--outset-background-color) 0);    
}

.icon{
  font-size: 2rem;
  text-align: center;
  margin-bottom: calc(var(--card-padding-block) * .5);
}
.title {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  text-align: center;
  color: var(--accent-color);
	font-size : 23px;
}
.descr {
  color: var(--text-color);

  font-family: 'Merriweather', serif;
  text-align: center;
}

/******************************/

/************ La Rose Pistache ******************/

.larangee {
	border-radius: 20px;
}

.imagebkgr {
	background-image: url(https://com-on.pro/wp-content/uploads/2023/08/logo-transparent.jpg);
	background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: 30% !important;
}

/******************************/


/************ Animations******************/

h1.animationshover::before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

h1.animationshover:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

h1.animationshover::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: hsl(200 100% 80%);
  z-index: -1;
  transition: transform .3s ease;
}

h1.animationshover {
  position: relative;
  font-size: 5rem;
}

.corps {
  min-block-size: 100%;
  min-inline-size: 100%;
  margin: 0;
  box-sizing: border-box;
  display: grid;
  place-content: center;
  font-family: system-ui, sans-serif;
}

@media (orientation: landscape) {
 .corps {
    grid-auto-flow: column;
  }
}







.textejoli  {
  display: flex;
  justify-content: center;
  align-items: center;
  
  overflow: hidden;
}




/***********ANIM TEXT*/

.textejoli div {
  position: relative;
}
.textejoli div div {
  list-style: none;
  text-align: center;
}
.textejoli div div h3 {
  color: #000;
  text-decoration: none;
  font-size: 3em;
  padding: 5px 20px;
  display: inline-flex;
  font-weight: 700;
  transition: 0.5s;
}
.textejoli div:hover div h3 {
  color: #0000;
}
.textejoli div div:hover h3 {
  color: #000;
  background: rgba(255, 255, 255, 1);
}
.textejoli div div h3:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3em;
  color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 500px;
  transition: letter-spacing 0.5s, left 0.5s;
}
.textejoli div div h3:hover:before {
  content: attr(data-text);
  opacity: 1;
  left: 50%;
  letter-spacing: 10px;
  width: 1800px;
  height: 1800px;
}
.textejoli div div  h3:before {
  background: #E52926;
}

.occasion div div h3:before {
 
  font-size: 2.3em;
 
}


/******/


.imggrey{
	    -webkit-filter: grayscale(0);
        filter: none; transition: all 1s;
	 
	}



.imggrey:hover{
	 -webkit-filter: grayscale(1);
        filter: grayscale(1);
	   
	
}

/***********/


#nouscontacter{
display: flex;
justify-content: center;}

 #nouscontacter .background {
	 position: fixed;
	 z-index: -1;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 transition: 0.75s;
}
  #nouscontacter .nav {
	 padding: 0px;
	display: flex;
	
}
 #nouscontacter ul {
	 list-style-type: none;
}
  #nouscontacter li a {
	 padding: 30px;
	 float: left;
	 width: 143px;
	 text-align: center;
	 font-size: 15px;
	 color: #edf5e1;
	 text-decoration: none;
}
 #nouscontacter li a:hover .circle {
	 position: relative;
	 z-index: 1;
	 top: -60px;
	 width: 80px;
	 height: 80px;
	 border-radius: 100%;
	 animation: illuminate 2s ease-out infinite;
	 background: #fdc6be;
}
  #nouscontacter li i {
	 height: 50px;
}
 #nouscontacter li a:hover i {
	 transform: translateY(-10px);
}
 #nouscontacter li a .title {
	 font-size: 0px;
}
 #nouscontacter li a:hover .title {
	 transform: translateY(10px);
	 font-size: 15px;
	 transition: 0.5s;
}
 #nouscontacter li a.title:hover {
	 transform: translateY(-10px);
}
 #nouscontacter .nav li:first-child a {
	 background: #E52926 !important;
}
 #nouscontacter .nav li:nth-child(2) a {
	 background: #222 !important;
}
 #nouscontacter .nav li:nth-child(3) a {
	 background: #E52926 !important;
}

 #nouscontacter .nav li:first-child:hover ~ .background {
	 background: #E52926;
}
  #nouscontacter .nav li:nth-child(2):hover ~ .background {
	 background: #222;
}
  #nouscontacter .nav li:nth-child(3):hover ~ .background {
	 background: #E52926;
}

 @keyframes illuminate {
	 0% {
		 transform: scale(0.7, 0.7);
		 opacity: 0.7;
	}
	 50% {
		 opacity: 0.3;
	}
	 100% {
		 transform: scale(1.15);
		 opacity: 0;
	}
}

.svg-rangee{z-index:999;}



ul.slides-wtimes {display:flex;justify-content:space-around;flex-flow: row wrap;}
ul.slides-wtimes li {
 /*   display: inline-block;*/
	animation:transform;
    float: left;
    width: 140px;
    height: 140px;
    border-radius: 40%;
   /* margin-right: 33px;*/
	text-align: center;}

.wtime-day {
    font-size: 24px;
    font-weight: bold !important;
    margin-top: 40px;
	line-height: 90%!important;}


.vc_custom_1419333716781 {
	width:100% !important;
}

.vc_custom_1419333716781 div {
	font-size:20px !important;
}


.logos_texts .wpb_text_column.wpb_content_element * {
    text-align: start!important;
}




@media only screen and (min-width:1000px) and (max-width:1280px) {
    body .section-comon-6-2  , .section-comon-1 {
        max-width: min(1700px , 100%) !important;
        width: 1700px !important;
        padding-inline: 40px!important;
    }
    
    [class*="section-bloc-"]{
        max-width: min(1700px , 100%) !important;
        width: 1700px !important;
        padding-inline: 40px!important;
    }
}
/* .section_blocks.section-comon-8.section-bloc-10 {
    padding-inline: 0 !important;
} */

.section-bloc-10 .wpb_text_column.wpb_content_element {
    padding-inline: 0 !important;
}
.section-bloc-10 .vc_column-gap-5 {
    display: flex!important;
    flex-wrap: wrap!important;
    align-items: stretch!important;
 
}
.section-bloc-10 .vc_column-gap-5 .imggrey > div {
    height: 100% !important;
}

@media(max-width:1000px){
        body .section-comon-6-2  , .section-comon-1 {
        max-width: min(1700px , 100%) !important;
        width: 1700px !important;
        padding-inline: 40px!important;
			margin-inline: auto !important;
    }
/* bloc 10 */
.section-bloc-10 .vc_column-gap-5 {
    display: flex!important;
    flex-wrap: wrap!important;
    align-items: stretch!important;
 
}
.section-bloc-10 .vc_column-gap-5 .imggrey > div {
    height: 100% !important;
}

.section-bloc-10 .vc_column-gap-5 .wpb_text_column {
    width: 100% !important;
    padding-inline: 0 !important;
}
/* bloc4 w bloc 5 */
.section-bloc-4 {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
}

    .section-bloc-4 .wpb_column , .section-bloc-5 .wpb_column , .section-bloc-8 .wpb_column  , .section-bloc-7  .wpb_column {
        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: column !important;
          width: 100% !important;
    }
    :is(.section-bloc-4  , .section-bloc-5 ,.section-bloc-8 , .section-bloc-7) .wpb_column{
        order:15 !important;
    } 
    :is(.section-bloc-4  , .section-bloc-5 ,.section-bloc-8 , .section-bloc-7)  .text_respo{
        order:0 !important;
    } 


    .section-comon-2 ul.slides-wtimes{
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: center!important;
    gap: 12px!important;
    }
    /* bloc4 w bloc 5 */
    
    
    
    
    .section-bloc-10 {
    display: flex;
    flex-direction: column;
    margin-inline: 0px !important;
    }
    
    .section-bloc-10 > div {
    width: 100% !important;
    }
}