/*
	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;
	background-size: 22px 22px;
	padding-top: 1px;
}

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

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

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

.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: 0;
	transition-duration: 0.2s;
}

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

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

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


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

nav.head_nav {
	float: right;
	width: auto;
	max-width: 100%;
	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: 14px;

}

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

.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: 50%;
	float: right;
}

.plan-du-site .bloc-title {
	margin-bottom: 30px;
}

.plan-du-site ul li {
	display: inline-block;
	width: 49%;
	margin-bottom: 15px;
}

.contact_map {
	display: block;
	width: 100%;
	margin: 30px 0;
}

.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: #000;
}

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*/
	padding: 1.5% 0 0% 0;
	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: top;
	padding-top: 0%;

}

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

.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-bottom: 10px;
	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 **/

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

/*----*/


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


.footer_logo .logo-img {
	max-width: 25% !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;
}

.breadcrumb_last {
	visibility: hidden !important;
}

.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: #224897;
}

.woocommerce button.button.alt:hover {
	background-color: #0F3372;
}

.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: #2266a5;
	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;
}

.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::after,
.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.deactive::before,
.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::after,
.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.out_of_stock::before {
	background: #000000 !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents:before,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled:hover .variable-item-contents:before {
	background-color: #0000004f;
	background-image: none;
}


/*filtre woocommerce*/
/*399=femme - 501 = enfant - 679=accessoires - 305=hommes
/*homme*/
.page-id-1288 .woof_term_399,
.page-id-1288 .woof_term_501,
.page-id-1288 .woof_term_679,
.page-id-1503 .woof_term_399,
.page-id-1503 .woof_term_501,
.page-id-1503 .woof_term_679,
.page-id-2120 .woof_term_399,
.page-id-2120 .woof_term_501,
.page-id-2120 .woof_term_679 {
	display: none;
}

/*femme*/
.page-id-1290 .woof_term_305,
.page-id-1290 .woof_term_501,
.page-id-1290 .woof_term_679,
.page-id-5177 .woof_term_305,
.page-id-5177 .woof_term_501,
.page-id-5177 .woof_term_679,
.page-id-5179 .woof_term_305,
.page-id-5179 .woof_term_501,
.page-id-5179 .woof_term_679 {
	display: none;
}

/*enfant*/
.page-id-1292 .woof_term_305,
.page-id-1292 .woof_term_399,
.page-id-1292 .woof_term_679,
.page-id-2127 .woof_term_305,
.page-id-2127 .woof_term_399,
.page-id-2127 .woof_term_679,
.page-id-2130 .woof_term_305,
.page-id-2130 .woof_term_399,
.page-id-2130 .woof_term_679 {
	display: none;
}

/*accessoires*/
.page-id-5292 .woof_term_399,
.page-id-5292 .woof_term_501,
.page-id-5292 .woof_term_305 {
	display: none;
}

/*animation image hover*/

[class^="imghvr-"],
[class*=" imghvr-"] {
	position: relative;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	background-color: #224897;
	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: #224897;
	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);
}

/*notpin*/
#noptin-form-1__submit_button_wrapper {
	position: relative;
	left: 102%;
	margin-top: -14%;

}

button#noptin-form-1__submit {
	border: none;
	width: 6.81818em;
	background: #f3aa3f;
	color: #fff;
	font-size: 1.43em;
	-webkit-transition: background .2s, color .2s;
	transition: background .2s, color .2s;
	padding-top: 10px;
	padding-bottom: 8px;
	position: absolute;
	left: -3%;
	margin-top: -16px;
}

input[type="email"]#noptin-form-1__field-email {
	background: white !important;
	min-height: 46px;
}

.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,
.wpsi_social_share_buttons a.a2a_button_whatsapp: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;
}

/**************
* Brevo forms
***************/
.sib-email-area {
	display: flex;
	flex-wrap: wrap;
}

.sib-email-area label {
	flex-basis: 100%;
	margin-bottom: 4px;
}

.sib-email-area input {
	width: auto;
}

.sib-email-area input[type="email"] {
	flex: 1;
}

.woocommerce-page #payment .terms#ws_opt_in_field {
	float: none;
	padding: 3px;
}

.woocommerce-page #payment .terms#ws_opt_in_field::before {
	content: none;
}