/***************************************************************************/
/*GENERIQUE*/
/***************************************************************************/

/* Champ de recherche */
#b, #s {color: rgba(255,255,255,0.8) !important;}
#s {outline: none; padding-left: 12px !important;}
/* Fin champ de recherche */

/* Ré-init */
ul li a {cursor: pointer;}
h1 {
	display: table;
	background-color: #9ec210c2;
	padding: 15px 80px;
	margin-bottom: 20px;
	margin-left: -60px;
	text-transform: uppercase;
	position: relative;
	color: #fff !important;
}
h1:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 0;
	border-color: transparent #000 transparent transparent;
	position: absolute;
	bottom: -20px;
	left: 0px;
}
body.childpage h1, body.page_nos-partenaires h1, body.page_mentions-legales h1, body.page_plan-du-site h1 {
	margin-left: -40px;
}
body.page_mentions-legales h1 {margin-top: 20px;}
body.page_prestations h2 {margin-bottom: 0px !important; border: 0;}
body.page_prestations h2 a {color: rgba(98, 35, 71, 0.74);}

body.single h1 {
	padding: 0;
	margin: 0;
	background: transparent;
	display: block;
}
body.single h1:before {display: none;}
body.single input[type="submit"] {margin-top: -27px !important;}
body.single h3 a {color: rgba(0,0,0,0.5);}
body.category h1 {display: none;}

h2, body.single h1 {
	color: #5B8452 !important;
	font-size: 1.8em;
	border-bottom: 1px solid rgba(91, 132, 82, 0.24);
	padding-bottom: 0px;
	margin-top: 20px;
	margin-bottom: 8px;
}

body.single h1 {
	text-transform: none !important;
	font-family: "parisienne-regular-webfont", Arial, Verdana, sans-serif !important;
	font-display:swap;
}

form label {color: #747474 !important;}
input[type="text"], textarea, #author {
	color: #747474 !important;
	padding: 5px !important;
	border-radius: 0 !important;
	resize: none !important;
	outline: none;
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	-ms-transition: border-color 0.3s ease-in-out;
	-o-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
	border-color: #E2E2E2 !important;
	border-width: 1px !important;
	border-style: solid !important;
}
input:focus, textarea:focus {border-color: #B3B3B3 !important;}
input[type="submit"], input[type="reset"] {color: #fff !important;padding: 10px !important;}
/* Fin Ré-init */

/* Footer */
#footersite {font-size: 1em !important;}
.contact_list li:first-child {margin-bottom: 10px;}
#coord-client, #liens-footer {border-right: 1px solid rgba(0, 0, 0, 0.06);}
.liens-footer {margin-top: 36px;}
.footer-menu {margin-top: 37px !important;}
.footer-menu li {margin-left: 20px; color: #989898;}
.footer-menu li a {display: inline;padding: 0 !important;}
#copy-footer > a {
	color: #989898;
	text-align: left;
	padding-left: 15px;
	padding-left: 24px;
	padding-left: 25px;
	padding-left: 23px;
}
/* Fin footer */

.term-description{font-size: 0.7em;}

.screen-reader-text{display: none;}

.tc_content{
	margin: 40px;
	margin-left: 20px;
	border-bottom: 4px solid rgba(0,0,0,0.07);
}

.tc_excerpt{
	padding: 5px 10px;
	border-left: 11px solid rgba(0,0,0,0.07);
	color: #888;
	font-size: 0.8em;
	text-align: justify;
	margin: 0px 5px 5px 10px;
}

/*
.leaf-shaped-element {
    width: 256px;
    height: 256px;
    shape-outside: url(../images/water.png);
    shape-margin: 5px;
    shape-image-threshold: 0.8;
    background:  url(../images/water.png);
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 55px;
    float: left;
}
*/

a{text-decoration: none;}

article a:hover,
article a:focus{
	text-decoration: underline;
	color: #333;
}

h1 span.subtitle,
h2 span.subtitle{
	display: block;
	line-height: 100%;
	color: #333;
	font-size: 53%;
}

h2 a:hover{
	text-decoration: none;
}


/***************************************************************************/
/*STRUCTURE*/
/***************************************************************************/
body{
	background-color: #fff;

	/*background-image: url(../images/stripes.png), url(../images/background.jpg);
	background-repeat: repeat, no-repeat;
	background-attachment: fixed;
	background-size: auto, cover;*/

	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;

	background-position: bottom;
	overflow-x: hidden;
}

.sidebarleft{
	background: rgba(0,0,0,0.57);
	border-right: 1px solid rgba(255,255,255,0.2);
	z-index: 5;
}

.sidebarright{
}

#contentpage{
	background: rgba(255, 255, 255, 0.95);
}

.contentpage{
	background: rgba(255, 255, 255, 0.95);
}

/*----HEADER-----*/
#masterhead{
	position: relative;
	/*background: #fff url(../images/header_bg.jpg) right center no-repeat;*/
	margin-top: 30px;
	height: 210px;
	background-color: rgba(63, 63, 63, 0.91);
	margin-bottom: 20px;:
}

	/*traduction*/
	.traductionhead{
		background: #7C6434;
		position: relative;
		float: left;
		padding: 0;
		margin: 0 0 0 30px;
		width: 100%;
	}

	/*logo*/
	.headerlogo{
		max-width: 600px;
		line-height: 0;
		display: block;
		margin: -45px auto 0 auto;
		width: 100%;
		max-height: 230px;
		object-fit: contain;
	}

	.logoheader{padding: 0px;line-height: 0;margin: 0;width: 100%;float: left;text-align: left;}


	/*menu*/
	.menurow{background: #FFFF23;
	}

	.flexy-menu{
		margin: 0 auto;
		text-align: left;
	}

	.flexy-menu ul, .flexy-menu ul li ul{width: 100%;}

	.flexone{
		font-size: 5em;
		color:#fff;
		text-align: center;
		padding: 40px 50px 0 50px;
		text-shadow: 2px 2px 20px rgba(0,0,0,0.8);
	}

	.flexy-menu i{position: relative; top: -3px;}

	.flexy-menu i.genericon-home{top: -1px;}

	.flexy-menu .sub-menu li a{padding-left: 33px !important;}

	.flexy-menu .sub-menu li a:before{
		content: ">";
		position: absolute;
		left: 15px;
		top: 50%;
		margin-top: -10px;
	}

	.flexy-menu .sub-menu li .sub-menu li a{
		background-image: none;
	}

	.flexy-menu li.trad{
		float: right;
		padding: 11px;
		min-width: 235px;
	}


	/*search menu*/
	.flexy-menu li.search{
	}
	.flexy-menu.mobile li.search{
		padding-top:0;
		border-top: none;
	}

	.flexy-menu li.social-item a{
		border: none;
	}

	#s{
		background: rgba(0,0,0,0.1);
		max-width: 169px;
		width: 100%;
		float: right;
		font-size: 12px !important;
		padding: 4px 30px 4px 5px;
	}

	.vertical #s{
		max-width: none;
	}

/*FOOTER*/
footer{padding-top: 0px;}
#footersite{
	background: rgba(233, 229, 226, 0.9);
	margin-bottom: 50px;
	padding: 20px 0;
}

.footercoord{
	font-size: 100%;
	color: #989898;
	z-index: 9999;
	padding: 5px 20px;
	margin: 10px 20px;
}

.footercoord ul.contact_list{
	text-align: left;
}

.footercoord strong{
	font-size: 112%;
	color:#989898;
}

.footer-menu li a{color:#989898;}



/***************************************************************************/
/*ARTICLES*/
/***************************************************************************/
.caption article {
	margin-bottom: 0px;
	border: none;
}

.caption article p{margin-top: 10px;}

article{position: relative;}

.contact article,
.devis article{position: static;}

article table tr.selected {background: #FFCC88 !important;}

article #searchintab{
	border: 1px solid #ddd;
	padding: 5px;
	width: 100%;
	margin: 5px 0;
}

article p{padding-bottom: 0.75em;}

article li{border: none;}

.template_content{padding: 20px;}

.thecategory{
	float: right;
	-webkit-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
	box-shadow: 		0 20px 20px -20px rgba(0,0,0,0.5);
	padding: 0 5px 2px 5px;
	background: #fff;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

.thecategory a{
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	font-size: 0.6em;
}


/***************************************************************************/
/*TITLE*/
/***************************************************************************/



/***************************************************************************/
/*TABS*/
/***************************************************************************/
.ui-tabs-panel h2{font-size: 1.2em;}
.ui-tabs-panel h3{font-size: 0.8em;}


/***************************************************************************/
/*THUMBNAILS CLASSES*/
/***************************************************************************/
.thumbnail_caption{
	background: #fff;
	float: left;
}

.thumbcaption{
	-webkit-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
	box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
}

.thumbnail_left_small{
	float: left;
	width: 100%;
	max-width: 300px;
}

/***************************************************************************/
/*BUTTONS*/
/***************************************************************************/
.button, input[type=submit]{
	font-size: 1em;
	text-decoration: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: all ease 0.2s;
			transition: all ease 0.2s;
	line-height: 100%;
	padding: 10px 20px;
}

#respond a[href*='action=logout']{float: right;}

#back{margin-right: 2%;}

.button:focus,
.button:active,
input[type=submit]:focus{
	-webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.5);
			box-shadow: inset 0px 0px 8px rgba(0,0,0,0.5);
}

.button.fleche{margin: 0;}

.button.fleche:after {
  content: '';
  margin-top: -8px;
  width: 60px; height: 0;
  border-left: 8px solid #F0F0F0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  position: absolute;
  margin-left: 20px;
}

.button.reset{background: rgba(0,0,0,0.3);}

.button.reset:hover{background: rgba(0,0,0,0.4);}


/***************************************************************************/
/*FORM*/
/***************************************************************************/
.cekome_form label{font-size: 1em; margin-bottom: 5px;}

.cekome_form input[type=text],
.cekome_form select{padding: 5px;}

.cekome_form select{background-color: #fff;}

.cekome_form input[type=text]:not(.cf_inputcaptcha),
.cekome_form textarea,
.cekome_form select{margin:5px 0 10px 0;}

.cekome_form .captchaimg{margin-top: 2px;}


/***************************************************************************/
/*MAPS*/
/***************************************************************************/
#map_canvas, .maps_canvas{width: 100%;height: 350px;}
.footermaps{
	background-color: rgba(255,255,255,0.9);
}

/***************************************************************************/
/*ADD THIS*/
/***************************************************************************/
.addthis_default_style{
	float: right;
	margin: 5px 12px 5px 0;
}


/***************************************************************************/
/*GOOGLE TRANSLATE*/
/***************************************************************************/
#google_translate_element{
	margin: 7px 0 7px 16px;
	float: left;
}


/***************************************************************************/
/*GALLERY WITH THUMBNAILS*/
/***************************************************************************/
.galleries.thumbnail article{
	width: 48%;
	margin: 2% 1%;
	float: left;
	overflow: hidden;
	height: 150px;
	padding: 0 !important;
	position: relative;
	-webkit-transition: all ease 0.5s;
			transition: all ease 0.5s;
}

.galleries.thumbnail article h2{
	background: #222;
	padding: 13px 20px;
	top: 0;
	width: 30%;
	float: left;
	line-height: 25px;
	outline-offset: -7px;
	height: 150px;
	outline: 6px solid rgba(0,0,0,0.5);
}

.galleries.thumbnail article h2 a{
	color:#fff;
	font-size: 60%;
}

.galleries.thumbnail article img{
	width: 70%;
	height: 100%;
	border: 10px solid rgba(255,255,255,0.2);
	-webkit-transition: all ease 0.5s;
			transition: all ease 0.5s;
	outline: 10px solid rgba(0,0,0,0.2);
	outline-offset: -10px;
}

.galleries.thumbnail article .liresuite{
	position: absolute;
	right: 0;
	-webkit-transition: all ease 0.5s;
			transition: all ease 0.5s;
	bottom: -50px;
}

.galleries.thumbnail article:hover img{border: 1px solid rgba(255,255,255,0.2);}

.galleries.thumbnail article:hover > .liresuite{bottom: 0px;}


/***************************************************************************/
/*SLIDER*/
/***************************************************************************/
/*.eslideimg .sl-slider-wrapper {height: 450px;}*/

.eslideimg .sl-slider h2 {

}


/***************************************************************************/
/*OPTIONS PAGES*/
/***************************************************************************/
.accessibilite{
	text-align: center;
	float: right;
	margin-right: 1px;
}

.accessibilite a{
	background: rgba(0,0,0,0.1);
	color: #000;
	border: none;
	position: relative;
	top: 0px;
	padding: 2px 10px 1px 10px;
	float: left;
}

.accessibilite a:hover,
.accessibilite a:focus{background: #1ba6da;}


/***************************************************************************/
/*CONTACT LIST*/
/***************************************************************************/
.footercontactbloc{
	background: rgba(233, 229, 226, 0.9);
	color: #65AF62;
	padding: 20px 20px;
}
.footercontactbloc p{ font-size: 200%; margin:0; line-height:100%; }
.footercontactbloc .button{
	width: 100%;
	text-align: center;
	padding: 20px;
	border-radius: 300px;
	margin-top: 5px;
}

.footercoord .contact_list .phoneport{
	font-size: 100%;
	line-height: 140%;
}

.contact_list{text-align: center;}

.contact_list .address{font-size: 100%;}

.contact_list .phoneport{
	line-height: 130% !important;
	font-size: 200%;
}

	/*header*/
	#masterhead .contact_list{
		padding: 10px 10px;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 );
		font-size: 1em;
		-webkit-box-shadow: -20px 25px 20px -10px rgba(0,0,0,0.25);
		box-shadow: -20px 25px 20px -10px rgba(0,0,0,0.25);
		padding: 20px 40px 10px 10px;
		-ms-transform: rotate(-10deg); /* IE 9 */ /* Chrome, Safari, Opera */
	    /*line-height: 160%;*/
		background: rgba(170,38,54,0.90);
		margin-top: 9px;
		float: right;
		position: relative;
		margin-right: -30px;
		max-width: 100%;
	}

	#masterhead .contact_list:after{
		content: ' ';
		position: absolute;
		width: 0;
		height: 0;
		border-width: 8px 15px;
		border-style: solid;
		border-color:  #222 transparent  transparent #222;
		right: 0;
		bottom: -16px;
	}

	#masterhead .contact_list li.name strong{
		font-size: 1.8em;
		color: #fff;
	}

	#masterhead .contact_list li{
		color: #fff;
		margin: 0 12px;
		/*line-height: 160%;*/
		line-height: 1 !important;
	}
	.contact_list li{ font-size: 0.9em !important;line-height: 1.2 !important;}

	#masterhead .phonefix {
		line-height: 32px !important;
		font-size: 150%;
	}

	#masterhead .horaires{
		background: rgba(255, 255, 35, 1);
		outline-offset: -3px;
		outline: 1px dashed rgba(255, 103, 1, 1);
		margin-top: 10px;
		color: #fff;
		padding: 10px 10px;
		-webkit-box-shadow: -20px 25px 20px -10px rgba(0,0,0,0.25);
		box-shadow: -20px 25px 20px -10px rgba(0,0,0,0.25);
		font-size: 1em;
		max-width: 220px;
	}

	#masterhead .horaires strong{
		color: #fff;
		text-transform: uppercase;
		font-size: 100%;
	}

	#masterhead .horaires p{
		margin: 3px 0 1px 0;
		font-size: 80%;
	}


/***************************************************************************/
/*WOOCOMMERCE*/
/***************************************************************************/
/*content*/
.contentwoo{padding: 20px;}

.contentwoo h1{padding: 10px;}

.stars{padding: 10px;}

.stars a{
	background: #f6f6f6;
	border-radius: 50%;
	padding: 5px 10px;
	margin-right: 10px;
	font-family: "Courier New", Courier, monospace;
}

.stars a:hover,.stars a.active{background: #ccc;}

.product-intro-single .button.sbbtn{margin-top: 20px;}

.product-intro-single .thumbnails img{margin: 0 5px;}


.featured-products .onsale,

.featured-products .price{display: none;}


/*template-home*/
#producthome{
	background: #7B7B7B url(../images/texture.png) top left repeat;
	padding: 0 20px;
}

#producthome h2{
	padding: 6px 0;
	text-align: center;
	margin-right: 20px;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

#producthome ul.products li{
	min-height: 250px;
	margin-bottom: 20px;
	background: #fff;
	border: 4px solid #7B7B7B;
}



/***************************************************************************/
/*SIDEBAR*/
/***************************************************************************/
/*woocommerce*/
.sbwoo{
	background: #f6f6f6;
	border-left: 1px solid #ccc;
	text-align: center;
	padding: 5px 10px;
}

.sbwoo li{
	text-align: left;
	padding: 0 10px;
}

.sbwoo li.current-cat,
.sbwoo li:hover{background: rgba(255,255,255,0.9);}

.sbwoo li a:hover{text-decoration: none;}

.sbwoo h4{
	margin-top: 15px;
	padding: 4px 0;
	font-size: 14px;
	text-align: left;
}

.sbwoo #searchform{margin-bottom: 35px;}

.sbwoo article{
	min-height: 30px;
	margin: 5px 0 15px;
}

.sbwoo select{
	width: 100%;
	padding: 5px 10px;
}

.sbwoo input,
.sbwoo button{
	padding: 5px !important;
	font-size: 14px;
}

.sbwoo input#s{
	width: 70%;
	max-width: 80%;
	float: left;
	padding: 6px !important;
}

.sbwoo input#searchsubmit{float: left;}


/*Standard*/
#searchform{
	position: relative;
}

#searchinputcat{
	width: 96%;
	padding: 15px 10px;
	color: #1aa1c8;
	border: 1px solid #ddd;
	margin: 8px 2%;
}

#searchform #b{
	top: 22px;
	font-size: 26px;
	right: 2%;
}

#searchform #cat{
	width: 96%;
	margin: 0 2%;
	padding: 6px;
	background: #fff;
	border: 1px solid #ddd;
	color: #aaa;
}

.blocsb{
	margin: 20px 2%;
	color: #ccc;
	padding: 10px;
	line-height: 180%;
	font-size: 0.9em;
	border: 1px solid #ddd;
}

.blocsb li{
	padding: 5px 10px;
	list-style: square;
	list-style-position: inside;
}

.blocsb li:nth-child(2n){
	background: rgba(255,255,255,0.8);
}

.titresb{
	background: #1aa1c8;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}

.blocsb li a{
	color: #777;
}

.blocsb li a:hover{
	color:#1aa1c8;
}



/***************************************************************************/
/*BG VIDEO*/
/***************************************************************************/
#videobcg {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}

.bgovervideo{
	background: url(../images/dots2.png) top left repeat;
	position: fixed;
	top: 0px;
	left: 0px;
	bottom:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -999;
	overflow: hidden;
	margin: 0;
}


/***************************************************************************/
/*MASONRY*/
/***************************************************************************/

.masonry .item {
  background: transparent;
  display: block;
  overflow: hidden;
}

/*Toogle*/
.masonry.gridimg .masonry_toogle {
	position: absolute;
	background: url(../images/base/loupe_white.svg) center center no-repeat;
	background-size: 60px 60px;
	height: 100%;
	width: 100%;
	z-index: 3;
	cursor:pointer;
}

.masonry.gridimg .item .masonry_toogle {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-transition: all 0.25s linear 0s;
	-moz-transition: all 0.25s linear 0s;
	-o-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}

.masonry.gridimg .item:hover .masonry_toogle {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	z-index: 3;
}

/*Date Thumbnail*/
.datethumb{
	text-align: center;
	position: relative;
	float: left;
	background: #fff;
	width: 100%;
	height:100%;
}

.datethumb .joursmois{position: absolute;width: 100%;top: 50%;height: 40px;margin-top: -40px;font-size: 2em;letter-spacing: -2px;color: #666;}
.datethumb .annee{height: 40px; position: absolute;top: 50%;width: 100%;font-size: 4em;color: #444;font-weight: bold;}
.datethumb .title{height: 50px; margin-top:-25px; position: absolute;top: 50%;width: 80%;font-size: 1.1em;color: #444;margin-left: 10%;margin-right: 10%;}

/*Thumbnail*/
.masonry.gridimg .item img.thumbnailmasonry,
.masonry.gridimg .item .datethumb {
	background: #fff;
	float: left;
	  -webkit-transition: all 0.4s;
	     -moz-transition: all 0.4s;
	       -o-transition: all 0.4s;
	          transition: all 0.4s;
}

.masonry.gridimg .item:hover img.thumbnailmasonry,
.masonry.gridimg .item:hover .datethumb{
	transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}

.masonry.gridimg .item.is-expanded img.thumbnailmasonry,
.masonry.gridimg .item.is-expanded .datethumb{
	margin: 0 5px 10px 0;
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
	-webkit-box-shadow: 0 40px 20px -20px rgba(0,0,0,0.2);
		box-shadow: 0 40px 20px -20px rgba(0,0,0,0.2);
}

.masonry.gridimg .item.is-expanded:hover img.thumbnailmasonry
.masonry.gridimg .item.is-expanded:hover .datethumb{
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
	-webkit-box-shadow: 0 0px 20px -20px rgba(0,0,0,0.0);
	box-shadow: 0 0px 20px -20px rgba(0,0,0,0.0);
}

/*Content*/
.masonry.gridimg .item .headeritem,
.masonry.gridimg .item .contentitem,
.masonry.gridimg .item .footeritem{
	display: none;
}

.masonry.gridimg .item.is-expanded .headeritem,
.masonry.gridimg .item.is-expanded .contentitem,
.masonry.gridimg .item.is-expanded .footeritem{
	display: block;
}

.masonry.gridimg .headeritem{
	padding: 10px 10px 10px 255px;
	background: #f6f6f6;
	width: 100%;
}

.masonry.gridimg .headeritem h2{
	border-bottom: 1px solid #ccc;

}

.masonry.gridimg .headeritem h2 a{
	text-transform: uppercase;
	font-size: 80%;
}

.masonry.gridimg .barreinfo{
	padding: 5px 0;
	font-size: 80%;
}

.masonry.gridimg .barreinfo .date{}
.masonry.gridimg .barreinfo .comments{float: right;}

.masonry.gridimg .item .contentitem{padding: 25px;font-size: 90%;color: #444;}

.masonry.gridimg .item .footeritem{
	bottom: 0;
	position: absolute;
	text-align: right;
	width: 100%;
	padding: 5px;
}

.masonry.gridimg .item .footeritem a{
	padding: 4px 20px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 210%;
}

.masonry.gridimg .item .footeritem a:hover{
	text-decoration: underline;
}

/*VERSION GRIDTXT--------------------*/
.masonry.gridtxt .item {
	height: auto;
	-webkit-box-shadow: 0 0px 20px -8px rgba(0,0,0,0.5);
	box-shadow: 0 0px 20px -8px rgba(0,0,0,0.5);
	margin-bottom: 20px;
	-webkit-transition: all ease 0.4s;
		transition: all ease 0.4s;
		width: 270px;
}

.masonry.gridtxt .item:hover{
	-webkit-box-shadow: 0 5px 20px -6px rgba(0,0,0,0.8);
	box-shadow: 0 5px 20px -6px rgba(0,0,0,0.8);
}


/***************************************************************************/
/*TEMPLATES*/
/***************************************************************************/

/*----------index.php-------------*/
#indexpage article:nth-child(2n){background: rgba(0,0,0,0.05);}


/*----------single.php-------------*/
#blocside{
	margin: 12px 0;
	position: relative;
	padding: 0 20px;
	color: #222;
	background: rgba(255,255,255,0.5);
}

#blocside img{
	margin:0 10px 0 0;
	float:left;
	max-width: 80px;
}

#blocside article{background: rgba(0,0,0, 0.1);}

#blocside h2{
	text-align: center;
	text-transform: none;
	padding:5px 0;
	margin-bottom: 10px;
}

#blocside .button{
	text-align: center;
	width: 100%;
}

#blocside h3{
	font-size: 100%;
}

/*----------galerie.php-------------*/
.galleries article{background: rgba(255,255,255,0.3);}

.galleries article:nth-child(2n){background: rgba(0,0,0,0.07);}

.galleries h2{
	padding:1%;
	-webkit-transition: background 0.2s ease;
			transition: background 0.2s ease;
}

.galleries h2 a{ text-decoration: none;}

.galerie.page-php .gallery-item img{
	background: #fff;
}

.galerie.page-php .gallery-item:hover img{
}


/*----------template-home.php-------------*/
/*actualites*/
body.mobile #actu{
	margin-top: 0;
}

#actu{
	padding: 0px 0;
}

/*Liste article - Category*/
.flag_info{
	color: #aaa;
	font-size: 0.7em;
	margin: 0 10px 7px;
	text-transform: uppercase;
}


.imgcat{
	display: block;
}

.listcategoryul{
	padding: 0 5px;
}

.listcategoryul li:first-child{
	width: 50%;
}

.listcategoryul li{
	width: 25%;
	padding: 0px 5px;
	position: relative;
	float: left;
	margin-bottom: 6px;
}

.listcategoryul li img, .blochomesticky img{
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 4px;
}

.listcategoryul li:hover .listcategorytxt, .blochomesticky .slide:hover span a{
	background: rgba(6,141,180,0.4)
}

.listcategorytxt, .blochomesticky .slide span a{
	-webkit-transition: background 0.5s ease;
		transition: background 0.5s ease;
	right: 10px;
	left: 10px;
	line-height: 100%;
	overflow: hidden;
	color: #fff;
	bottom: 10px;
	padding: 3px 0 4px 0;
	max-height: 28px;
	font-size: 0.7em;
	text-align: center;
	background: rgba(0,0,0,0.3);
	text-shadow: 0 1px 1px #000;
	text-transform: uppercase;
	position: absolute;
}
/*
.blochomesticky .slide img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	 -webkit-transition: all 300ms;
}

.blochomesticky .slide:hover img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}
*/
.listarticle{
	padding: 2px;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin:0 10px;
}

.listarticle li{
	padding: 2px 10px;
	font-size: 0.7em;
	background: #f6f6f6;
	text-transform: uppercase;
	line-height: 170%;
}

.listarticle li a{
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-position-x: 3px;
	padding-left: 16px !important;
	background-image: url('../images/base/list1.png');
	color: #999;
}

.listarticle li a:hover{
	color:#1aa1c8;
}

.listarticle li:nth-child(2n){background: #fff;

}


/*-----page category.php----*/
.titrecategory{
	position: absolute;
	padding: 10px 40px;
	background: #fff;
}

.titrecategory_noimg{
	padding: 10px 40px;
	background: #1E2B32;
	color: #fff;
}

.ctn_img_categ{
	line-height: 0;
	border-bottom: 1px solid #1E2B32;
	/*outline-offset: -8px;
	outline: 1px dashed rgba(255,255,255,0.3);*/
}

.item.std{
	display: inline-block;
	width: 100%;
}

.item.std:nth-child(2n){background: rgba(0,0,0,0.05);}

.item.std .datethumb,
.item.std img.thumbnailmasonry{
	width: 150px;
	height: 150px;
	background: none;
	float: left;
}

.titlecatstd{

}

.item.std .bloccontent{
	float: left;
	width: 75%;
	width:calc(100% - 150px);
	padding: 10px;
}

.item.std .barreinfo{
	padding:5px 0;
	border-bottom: 1px solid #ccc;
	color: #ccc;
	font-size: 90%;
}

.item.std .barreinfo span{
	padding: 0 5px;
}

.item.std .contentitem{
	padding: 5px 0;
}

.item.std .footeritem{
	text-align: right;
}

.cat_std{
	margin: 15px;
	padding: 10px;
	background: #f6f6f6;
	outline-offset: -6px;
	outline: 1px dashed rgba(0,0,0,0.1);
}

.description_cat{
	position: absolute;
	bottom: 14px;
	left: 14px;
	right: 14px;
	color: #fff;
	line-height: 160%;
	font-size: 0.84em;
	letter-spacing: 0.06em;
	background: rgba(6,141,180,0.4);
	border: 1px solid rgba(255,255,255,0.1);
	padding: 10px 20px 0px 20px;
	text-align: center;
	text-shadow: 0 1px 1px #000;
	box-shadow: inset 0 -21px 50px 10px rgba(0,0,0,0.3);
}




/*prestations*/
#prestations{
	padding: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 );
	box-sizing: border-box;
}

#prestations li{
	position: relative;
	margin: 0 1% 0px;
	text-align: center;
	padding: 0;
	line-height: 0;
	min-height: inherit;
	width: calc(94%/3);
	display: inline-block;
	overflow: hidden;
}

#prestations h3{
	text-align: center;
	-webkit-transition: background 0.5s ease;
			transition: background 0.5s ease;
	font-size: 1.3em;
	color: #27539F;
	position: absolute;
	top: 50%;
	overflow: hidden;
	padding: 0px 5px 0px 5px;
	height: 59px;
	width: 90%;
	background: rgba(0,0,0,0.2);
	margin: -25px 5% 0;
	border-radius: 25px;
	line-height: 1.3em;
}

#prestations h3 a{color:#fff !important; text-decoration:none; text-shadow:1px 1px 6px #000; font-size:0.8em;}

#prestations li:hover > h3{display: block;}

#prestations img {
	border:6px solid #FFFFFF;
	border-radius:50%;
	-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	margin: 10px 0;
}

#prestations .slide:hover img{
	border:6px solid #000000;
	-webkit-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
		box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
}

#prestations .tc_excerpt{
	color: #333;
	position: absolute;
	bottom: -100%;
	height: 70%;
	padding: 25px;
	-webkit-transition: bottom 0.5s ease;
			transition: bottom 0.5s ease;
	width: 100%;
	line-height: 120%;
	display: none;
}

#prestations .liresuite{
	-webkit-transition: all 0.5s ease;
			transition: all 0.5s ease;
	bottom: 30px;
	position: absolute;
	right: 0;
	text-align: right;
}

#prestations .liresuite a{width: 100%;}


/*slider prestations*/
#prestations .bx-wrapper .slide:hover .tc_excerpt{
	bottom: 0px;
	top: none;
}
#prestations .bx-wrapper .slide:hover h3{}

#prestations .bx-wrapper .slide .liresuite{
	bottom:-60px;
	-webkit-transition: bottom 0.5s ease;
			transition: bottom 0.5s ease;
}

#prestations .bx-wrapper .slide:hover .liresuite{bottom:20px;}

/*option block*/

.optionbloc:before{
	font-family: "Genericons";
	content: "\f442";
	color: #ccc;
	font-size: 20px;
	position: absolute;
	top: 5px;
	right:5px;
	background: #fff;
	padding:3px;
	-webkit-box-shadow: inset 0 5px 10px -10px rgba(0,0,0,0.0);
			box-shadow: inset 0 5px 10px -10px rgba(0,0,0,0.0);
	border: 1px solid #f0f0f0;
}

.optionbloc:hover:before{
	-webkit-box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.1);
			box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.1);
}

.optionbloc:hover > ul{
	display: block;
}

.optionbloc ul{
	display: none;
	position: absolute;
	right: 5px;
	top: 31px;
	width: 100px;
	background: #fff;
	padding: 5px;
	border: 1px solid #f0f0f0;
	font-size: 0.75em;
	color: #aaa;
}

.optionbloc ul li a{
	color: #aaa;
}

.optionbloc ul li a:hover{
	color: #666;
}

.flux_rss:before{
	font-family: "Genericons";
	content: "\f413";
	font-size: 0.75em;
	color: #aaa;
	padding-right: 5px;
}

.recherche:before{
	font-family: "Genericons";
	content: "\f400";
	font-size: 0.75em;
	color: #aaa;
	padding-right: 5px;
}

/*presentation - texte*/
#presentation, #autre{
	background: rgba(255, 255, 255, 0.95);
	padding: 10px 20px;
}

#adminsys, #devel, #graphisme{
	background: #fff;
}

.blochometitle{
	border-top:1px solid #e0e0e0;
	padding:10px 0 5px 0;
	margin-top: 20px !important;
	position: relative;
}

.blochomeentry{
	padding: 10px 0 3px 0;
	background: #fff;
	-webkit-box-shadow: inset 0 10px 30px -20px rgba(0,0,0,0.5);
			box-shadow: inset 0 10px 30px -20px rgba(0,0,0,0.5);
}

.blochomesticky{
	padding:5px 0 15px 0;
	background:#fcfcfc;
	border-top:1px dashed #e6e6e6;
}

.pagecat h1 a:hover,
#adminsys h2 a:hover,
#devel h2 a:hover,
#graphisme h2 a:hover{
	color: #000;
}

.pagecat h1:before,
#adminsys h2:before,
#devel h2:before,
#graphisme h2:before{
	font-family: "Genericons";
	color: #fff;
	margin-right: 10px;
	padding:10px 12px;
	border-radius: 3px;
	float: left;
	font-size: 35px; /* IE6-9 */
}

#adminsys h2 a, .administration-systeme h1{color: #98BD18;}
#adminsys h2:before,
.administration-systeme h1:before{
	content: "\f216";
	background: #b6e026; /* FF3.6+ */
	background: -moz-linear-gradient(top,  #b6e026 0%, #abdc28 100%); /* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6e026), color-stop(100%,#abdc28)); /* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top,  #b6e026 0%,#abdc28 100%); /* Opera 11.10+ */
	background: -o-linear-gradient(top,  #b6e026 0%,#abdc28 100%); /* IE10+ */
	background: -ms-linear-gradient(top,  #b6e026 0%,#abdc28 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#abdc28',GradientType=0 );
}

#devel h2 a, .developpement h1{color: #9686C5;}
#devel h2:before,
.developpement h1:before{
	content: "\f462";
	background: #8989ba; /* Old browsers */
	background: -moz-linear-gradient(top,  #8989ba 0%, #8989ba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8989ba), color-stop(100%,#8989ba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8989ba 0%,#8989ba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8989ba 0%,#8989ba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8989ba 0%,#8989ba 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8989ba 0%,#8989ba 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8989ba', endColorstr='#8989ba',GradientType=0 ); /* IE6-9 */
}

#graphisme h2 a, .graphisme h1{color: #C89808;}
#graphisme h2:before,
.graphisme h1:before{
	content: "\f411";
	background: #febf01; /* Old browsers */
	background: -moz-linear-gradient(top,  #febf01 0%, #febf01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf01), color-stop(100%,#febf01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #febf01 0%,#febf01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #febf01 0%,#febf01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #febf01 0%,#febf01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #febf01 0%,#febf01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#febf01',GradientType=0 ); /* IE6-9 */
}

#infosuphome{
	background: #f6f6f6;
	padding: 20px 0;
}

/*partenaires*/
#homepartenaires{
}

#homepartenaires h2{
	margin-top: 0;
	text-align: center;
	background: #FF6701;
	color: #fff;
	margin: 5px 0;
	padding: 5px 0;
}

#homepartenaires h3{font-size: 1em;}

#homepartenaires .excerptpartenaire{
	position: absolute;
	display: none;
	background: #333;
	padding: 10px;
	z-index: 999;
	width: 300px;
	-webkit-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
			box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
}

#homepartenaires li{
	font-size: 0.9em;
	padding: 10px 10px;
	margin: 0 1%;
	background: rgba(255,255,255,0.05);
}

#homepartenaires li:nth-child(2n){background: rgba(0,0,0,0.1);}

#homepartenaires li:hover{cursor: pointer;}

#homepartenaires li:hover > .excerptpartenaire{display: block;}

.listpartenaire li{
	background: rgba(0,0,0,0.06);
}


/*----------template-parent-page.php-------------*/

.sommaire_toc{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    border:1px solid #f0f0f0;
    padding: 8px 10px 5px 10px;
    font-size: 0.9em;

}

.sommaire_toc li{
	background:#f0f0f0;
	padding-left: 5px;
}

.sommaire_toc li:nth-child(2n){
	background: #fafafa;
}

#prestationspage{padding: 40px 0;}

#prestationspage h1{margin-bottom: 25px;margin-left: 20px;}

#prestationspage li{
	position: relative;
	margin: 0 5% 50px;
	text-align: center;
	padding: 0;
	line-height: 0;
	min-height: inherit;
	width: calc(80%/2);
	display: inline-block;
	overflow: hidden;
}

#prestationspage h2{
	text-align: center;
	font-size: 1.1em;
	margin: 0;
	padding: 10px 10px;
	height: 65px;
}

#prestationspage h2 a{text-decoration: none;color: #fff;}

#prestationspage img{}

#prestationspage .tc_excerpt{
	color: #333;
	-webkit-transition: bottom 0.5s ease;
			transition: bottom 0.5s ease;
	width: 100%;
	line-height: 120%;
	padding: 25px;
	height: 120px;
}

#prestationspage .liresuite{
	-webkit-transition: all 0.5s ease;
			transition: all 0.5s ease;
	text-align: center;
}

#prestationspage .liresuite a{width: 100%;}


/*----------template-mentions-legales.php-------------*/
.template-mentions-legales-php .contact_list,
.template-mentions-legales-php .contact_list .address,
.template-mentions-legales-php .contact_list .phoneport{
	text-align: left;
	font-size: 100% !important;
	margin: 0;
	line-height: 190%;
}

.page_mentions-legales  #contentpage{
	padding: 0 20px;
}


/*----------template-plan-du-site.php-------------*/
.page_plan-du-site .tc_content{padding:0;}
.plandusite li{
	margin-left: 20px;
	list-style: square;
	color: #ccc;
}

/*----------template-telechargements.php-------------*/
.telechargements article{padding: 0 10px;}

/*----------template-contact.php-------------*/
.addrbiscontact{
	background: rgba(0,0,0,0.2);
	padding: 10px;
	box-sizing: border-box;
	margin-right: 20px;
	text-align: center;
	line-height: 140%;
}

.addrbiscontact h2{
	margin-top: 20px;
}

.page_contactez-nous #contentpage{
	padding: 0 20px;
}

/*----------template-childpage.php-------------*/
.sbchildbar{padding: 0px 10px;box-sizing: border-box;background: #eee;

}

.sbchildbar h2{background: rgba(255,255,255,0.8);padding: 10px;text-align: center;margin: 30px 0 10px 0;width: 100%;

}

.sbchildbar h3{

}

.sbchildbar li{list-style: square;padding-left: 0px;margin-left: 20px;width: 90%;font-size: 88%;line-height: 190%;
}
.sbchildbar li#presta_infos{
	list-style: none; padding: 0;margin: 0;font-size: 100%;line-height: 150%;width: 100%;
}

.sbchildbar .tc_content{border: none;padding: 5px;

}


/*----------template-menu.php-------------*/
.carte_menu article.template_content table,
.carte_menu article.template_content table tr,
.carte_menu article.template_content table th,
.carte_menu article.template_content table td,
.carte_menu article.template_content table tr:nth-child(2n),
.carte_menu article #tabs table tr:nth-child(2n){
	border:none;
	background: none;
}

.carte_menu article.template_content table td{
	border-bottom:1px dotted #ccc;
}

.homeslider{background: rgba(255,153,1,0.6);
}

.homecontent{
	background: #fff;
}
h2{}
div#actu{background: #103E4F;}

/*----------template-menu.php-------------*/
.marques{padding: 10px;background: #f6f6f6;
}

.marques img{
	border: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
}


/*----------DEVSPE - progressbar woocommerce-------------*/
.precommandes{
	float: left;
	padding: 10px 20px;
	border: 1px solid #ccc;
	background: #f6f6f6;
	color: #666;
}

.progressbar{
	background: #fff url(../images/men.png) left 3px repeat-x;
	border: 1px solid #ccc;
	height: 38px;
	width: 400px;
	margin-top: 5px;
	overflow: hidden;
}

.validprogressbar{
	background: url(../images/men1.png) left 3px repeat-x;
	height: 38px;
}


/* PAGE REALISATIONS */
body.galerie h2 a {color: #0074A8 !important;}
body.galerie .clearfix.template_content {margin-bottom: 20px;}

/* PAGE AVIS */
body.page_avis-client input[type="submit"] {margin-top: -25px !important;}

/* PAGE CONTACT */
.button.cf_submit,
body.page_contact input[type="reset"] {margin-top: -35px;}
body.page_contact .clearfix.template_content {padding-top: 0;}
body.page_contact #form_contact_perso {margin-top: -35px;}


.widget_parent_page li {
	width: 50%;
	float: left;
}

.widget_parent_page li:nth-child(even) {padding-left: 10px;}
.widget_parent_page li:nth-child(odd) {padding-right: 10px;}

.widget_parent_page li h2 {
	background-color: transparent;
	margin-left: 0;
	margin-bottom: 30px;
}
.widget_parent_page li h2 a {display: block;}

body.page_plan-du-site .tc_content {display: none;}
body.page_nos-partenaires .partenairecekome.clearfix {padding-bottom: 40px;}



/* COORDONNÉES TOP */
#coordHeaderTop {
	width: 100%;
	height: 30px;
	background-color: #000;
	color: #fff !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

#coordHeaderTop .contact_list {
	float: right;
}

#coordHeaderTop .contact_list li {
	float: left;
	font-family: Arial, Verdana, sans-serif;
	line-height: 30px !important;
}

#coordHeaderTop .contact_list li:after {
	content: "|";
	margin: 0 10px;
}

#coordHeaderTop .contact_list li.phonefix:after {
	content: "";
	margin: 0 10px 0 0 !important;
}

.tc_content ul {
	margin-left: 50px;
}
.tc_content ul li {
	margin: 0 !important;
	line-height: 1 !important;
}


body.page_avis h1  {
	margin-left: -40px !important;
}

body.page_portrait h1 {
	margin-left: -40px;
}

.fournisseurs {
	background-color: rgba(255, 255, 255, 0.95);
	padding: 1px 50px 50px 50px;
}

.column.col_1-5 {
	width: 20%;
	height: 115px;
	line-height: 115px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.column.col_1-5 img {
	max-width: 100%;
	line-height: 115px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.column.col_1-5 img:last-child {
	width: 55%;
}

.fournisseurs .headerarticle {
	margin-bottom: 20px;
}

.fournisseurs .bx-wrapper .bx-viewport {
	line-height: 190px;
}

.fournisseurs .bx-wrapper .bx-viewport img {
	display: inline;
	max-height: 100px;
}

.bx-wrapper .bx-controls-direction a {
	display: none;
}