/*
	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 #04A4CC;
}

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;
}

.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,
footer .foot_ct{
	max-width: 1280px;
}

/* 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: 48px;
}

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

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

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

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

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

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

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

    /* width: 100%; */
    display: flex;
    /* margin: 0 auto; */
    opacity: 1;
    transition-duration: 0.2s;
    align-items: center;
    justify-content: center;
}


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

header.inactive .logo{
	opacity: 1;
	transition-duration: 0.2s;
}

header.active .logo{
	display: inline-block;
	opacity: 1;
	transition-duration: 0.2s;
}


/*------------------------------------*\
	MENU
\*------------------------------------*/

nav.head_nav{
	 
	width: auto;
	 
	text-align: center;
}

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;
}



#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: 5px;
}

.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;
}

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
\*------------------------------------*/

footer{
	background: #1d1d1d; /* new footer ---old --> #fff*/
	
	text-align: center;
}

.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*/

.footer_center span{
	display: block;
	
}

.footer_bottom{
	display: block;
	width: 100%;
	margin-top: 1.5%;
}

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

.footer_right li img{
	max-width: 50px;
	height: auto;
}

.footer_right li{
	margin-bottom: 10px;
}

.footer_right .reseaux.line li{
	
	display: inline-block;
	margin-right: 15px;
}
.reseaux img{filter: grayscale(1);}
.footer_right .reseaux.line li:last-child{
	display: inline-block;
	margin-right: 0;
}

.footer_left img{
	max-height: 160px;
	height: auto;
}

.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;

}
.pg-mp-titre-h1-bg {text-align: center !important;margin-bottom: 25px !important;}
body h1.center.pg-mp-titre-h1 {font-size: 25px !important;}
body h2.pg-mp-titre-bg {background: #000 !important;padding: 10px 10px !important;color: #fff !important;font-size:20px !important;margin-bottom: 20px !important;line-height: 1.5 !important;}
body h2.pg-mp-titre-bg ~ h3 {font-size:18px !important;}
@media only screen and (max-width: 800px) {
	body h1.center.pg-mp-titre-h1 {font-size: 20px !important;}
	body h2.pg-mp-titre-bg {font-size: 18px !important;}
	body h2.pg-mp-titre-bg ~ h3 {font-size: 17px !important;}
}

/*------------------------------------*\
    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:900px) {
body.page-id-140  .pg-mp-titre-h1-bg{padding-top:0px!important;}
}
@media only screen and (min-width:901px) {
.pg-mp-titre-h1-bg {
    margin-top: 120px !important;
}
}
@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 **/
	
	footer{padding-bottom:5%;}
	
	
	.box{
		display:block;
		position: relative;
		  z-index: 0;
    margin-top: 0px;
	}
	
	.cartouche{
		position: relative;
		
	}

	#hamburger{
		display: inline;
	}

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

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

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


	
		
															
	
	/** 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: 0 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;}

	.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;}
}

@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:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	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;
}

/*------------------------------------*\
    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 {
	font-size:12px !important;
		font-weight:normal !important ;
}
	nav.head_nav > 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:25% !important;}



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


/*woocommerce*/
.woocommerce {font-size:14px;}
.woocommerce span.itsnew{background-color:#000000!important;left:0!important; right:auto!important;border-radius:0!important;    min-height:1em;    line-height: 1;font-weight:normal;}
.woocommerce span.onsale{background-color:#878787!important;left:0!important; right:auto!important;border-radius:0!important;    min-height:1em;    line-height: 1;font-weight:normal;}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{  min-height: 5em;}



.woocommerce tr{border:none;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{font-weight:200;}
.woocommerce .variations .label {font-size:14px; }
.woocommerce button.button {border-radius:0px;}
.woocommerce button.button.alt.disabled {background-color:#878787;}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover{background-color:#878787;}
.woocommerce button.button.alt {background-color:#000;}
.woocommerce button.button.alt:hover{background-color:#000;}
.woocommerce .sviproslider .swiper{width:80% !important;}

.woocommerce-tabs ul.tabs {
    background: none;
    float: left;
    border: none !important;
    margin-bottom: 0;
    overflow: visible;
    padding: 0;
    padding-bottom: 25px;
    width: 100%;
	border-bottom: 1px solid #ebebeb;}

.woocommerce-tabs ul.tabs li.active a {
    background: #000;
	color:#fff !important;
}

.woocommerce-tabs ul.tabs li {
    background: none;
    border: none !important;
    box-shadow: none;
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
    display: inline-block;
	border-radius:0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding: 0.5em 19px; border:none;font-weight:200;}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after,.woocommerce div.product .woocommerce-tabs ul.tabs li::before{box-shadow:none;border:none;}

.thwvsf_fields{margin-left:4px;}
.woocommerce h1 a {display:block;}

.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price {color:#878787;}



/*animation image hover*/

[class^="imghvr-"],
[class*=" imghvr-"] {
    position: relative;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    background-color: #076F74;
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

[class^="imghvr-"] > img,
[class*=" imghvr-"] > img {
    vertical-align: top;
    max-width: 100%;
}

[class^="imghvr-"] figcaption,
[class*=" imghvr-"] figcaption {
    background-color: #076F74 ;
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffffff;
}

[class^="imghvr-"] figcaption h1,
[class^="imghvr-"] figcaption h2,
[class^="imghvr-"] figcaption h3,
[class^="imghvr-"] figcaption h4,
[class^="imghvr-"] figcaption h5,
[class^="imghvr-"] figcaption h6,
[class*=" imghvr-"] figcaption h1,
[class*=" imghvr-"] figcaption h2,
[class*=" imghvr-"] figcaption h3,
[class*=" imghvr-"] figcaption h4,
[class*=" imghvr-"] figcaption h5,
[class*=" imghvr-"] figcaption h6 {
    color: #ffffff;
}

[class^="imghvr-"] a,
[class*=" imghvr-"] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

[class^="imghvr-"],
[class*=" imghvr-"],
[class^="imghvr-"]:before,
[class^="imghvr-"]:after,
[class*=" imghvr-"]:before,
[class*=" imghvr-"]:after,
[class^="imghvr-"] *,
[class*=" imghvr-"] *,
[class^="imghvr-"] *:before,
[class^="imghvr-"] *:after,
[class*=" imghvr-"] *:before,
[class*=" imghvr-"] *:after {
    box-sizing: border-box;
    transition: all 0.35s ease;
}



/* imghvr-push-*
   ----------------------------- */
[class^="imghvr-push-"]:hover figcaption,
[class*=" imghvr-push-"]:hover figcaption {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}

/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
}

.imghvr-push-up:hover > img {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

@media only screen and (min-width:768px) {
	.bloctxthome{min-height:240px;}
}

/* imghvr-fade-*
   ----------------------------- */
[class^="imghvr-fade"] figcaption,
[class*=" imghvr-fade"] figcaption {
    opacity: 0;
}

[class^="imghvr-fade"]:hover figcaption,
[class*=" imghvr-fade"]:hover figcaption {
    opacity: 1;
}

[class^="imghvr-fade"]:hover > img,
[class^="imghvr-fade"]:hover figcaption,
[class*=" imghvr-fade"]:hover > img,
[class*=" imghvr-fade"]:hover figcaption {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}



.woof_submit_search_form_container,.woof_products_top_panel{display:block!important;}
.page-id-1391 .woof_submit_search_form_container {display:block!important;}

/*hover zoom image*/
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}



figure {
	
	
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/*share buttoons*/
.wpsi_social_share_buttons a,.wpsi_social_share_buttons a.a2a_button_facebook:hover,.wpsi_social_share_buttons a.a2a_button_twitter:hover, .wpsi_social_share_buttons a.a2a_button_email:hover{background:none!important; }

.wpsi_social_share_buttons:before {content:"Partager :";line-height: 44px !important;  margin-right: 1%;
}
.wpsi_social_share_buttons {border-bottom:1px solid #ccc;}

/*variation*/
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{text-align:left;display: inline-block;}

/*prix*/
.woocommerce div.product p.price{font-size:2.25em;color:#000;}
.woocommerce div.product p.price ins{font-weight:normal!important; text-decoration:none;}

/* style filtre */
.woocommerce-Input, #wc-block-search__input-1{background-color:#e0e0e0 !important;}
.ui-slider.ui-widget-content:not(.iris-slider-offset) {border:none!important;}
.ui-slider.ui-widget-content .ui-slider-handle, .ui-corner-all .ui-state-default {background:#ccc!important; border:none!important; border-radius:60px!important;}
.wpfClearButton.wpfButton {font-size:16px!important;width:100%!important;min-height: 32px!important;}


/*mon compte*/
 #moncompte{margin:0px;
padding:0px 0 7px 0px; 
	 text-align:right ; color:#076F74;
	 line-height:16px;
	 font-size: 14px;
	 border-bottom: 1px solid #076F74; }



/*menu si boutique*/
#shop-nav {line-height:55px; text-align:center;font-size:17px;box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 20px -20px; text-transform:uppercase;}
#shop-nav ul {display:inline-flex; }
#shop-nav ul li:after{content:'•';margin: 0 10px;}
#shop-nav ul li:last-child:after {content:'';}
#shop-nav ul li  {
    line-height: 63px;
 }

body.woocommerce-page  .wrapper .wrapper_ct {padding-top:100px;}

/*page mon compte*/
.woocommerce-MyAccount-navigation ul li{padding: 4%;
    border-bottom: 1px solid #ccc;}

/*page panier*/
.woocommerce a.button.alt {background-color:#076F74;}
.woocommerce a.button.alt:hover{background-color:#000;}
/*surassurance*/
#surassurance {
	padding : 1%;
	

	display: flex;
    text-align: center;
	
    }

#surassurance div:last-child {border-right : none;}

#surassurance>div{  margin: 0 auto;border-right : 1px solid #ccc;width: 100%;}



@media (min-width: 768px)
{.vc_col-sm-3 {
    width: 25%!important;
}}
@media (min-width: 768px){
.vc_col-sm-9 {
    width: 75%!important;
}
}
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9 {
    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;
	width:100%;
}

.vc_row{
	display:flex;
	flex-wrap:wrap;
}

/* 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%;
}

.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;
}

.contact_map > iframe{
	height:350px!important;
}

.texteMessage{
	resize:none;
	height:4rem;
}
@media only screen and (max-width:1200px){
.boite-cristal div div div{background-size: contain;
    background-repeat: no-repeat;}
}