#menu_list li.menu-accueil:before {transform: scaleX(1); }
div#middle {padding:0;margin:0;}
div#middle_content { margin:0 auto; background:none;}

/* ANIMATION */

div#animation_content .bx-wrapper .bx-controls-direction {display:none;}
div#animation_content .bx-wrapper {margin-bottom: 0 !important;}


div#animation a.a_caption {display:block;width:100%;height:100%;text-decoration:none;color:inherit;}

.caption {width:100%;max-width:600px;height:auto;display:table;position:absolute;top:25%;left:10%;z-index:101;}
.caption_text {line-height: 1.8em;}


.caption_link {color:#FFF;font-size:0.8em;display:table;border-radius:2em; border:1px solid #FFF;text-transform:uppercase;padding:10px 60px 10px 20px;margin:25px 0 0 0;background: var(--cg_bleufonce) url(../img/public/fleche_blanche1.png) 92% center no-repeat;transition: background 0.5s;}

.caption:hover .caption_link {color:#FFF;background:#000  url(../img/public/fleche_blanche1.png) 94% center no-repeat;-webkit-transition: background 0.5s;transition: background 0.5s;}

div#animation .bx-wrapper img {
	min-height: 50vh;
	-o-object-fit: cover;
	object-fit: cover;
}


/* PRESENTATION */

div#index_presentation {
	width:100%;
	margin:0 auto;
}



/* SLIDER raccourci */

div#raccourci_cadre {
	position:relative;
	margin:0 auto;
	padding:50px 0;
	background:#fcfcfc;	
}
div#raccourci_title {text-align: center; margin:40px 0;}
div#raccourci_list .bx-wrapper {padding:0 90px 50px 90px !important;}

div#raccourci_list .bx-wrapper .bx-pager, div#raccourci_list  .bx-wrapper .bx-controls-auto {
    bottom: 0 !important;
	max-width: calc(100% - 180px);
}

.bx-wrapper .bx-controls-direction a {top: calc(50% - 70px) !important;}

div#raccourci_list .bx-wrapper .bx-prev {
	left: 20px;
	width:60px;
	height:140px;
	background: url('../img/public/slider_arrows_prev.png') center left no-repeat;
	background-size:100%;
	opacity: 0.5;
}
div#raccourci_list .bx-wrapper .bx-prev:hover,
div#raccourci_list .bx-wrapper .bx-prev:focus {
	background: url("../img/public/slider_arrows_prev.png") center left no-repeat;   
	background-size:100%;
  	opacity: 1;
}
div#raccourci_list .bx-wrapper .bx-next {
	right: 20px;
	width:60px;
	height:140px;
	background: url("../img/public/slider_arrows_next.png") center right no-repeat;
	background-size:100%;
	opacity: 0.5;
}

div#raccourci_list .bx-wrapper .bx-prev {left: 15px;}
div#raccourci_list .bx-wrapper .bx-next {right: 15px;}

div#raccourci_list .bx-wrapper .bx-next:hover,
div#raccourci_list .bx-wrapper .bx-next:focus {
	background: url("../img/public/slider_arrows_next.png") center right no-repeat;
	background-size:100%;
	opacity: 1;
}


div#raccourci_list {max-width:1600px; margin:0 auto;}
.raccourci_item {padding:0 15px;}
.raccourci_item a {text-decoration:none; color:inherit;}
.raccourci_vignette {overflow:hidden; border-radius: 0.3em;}
.raccourci_vignette img {
    max-width: 100%;
    border-radius: 0.3em;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
	-webkit-transition: all 1.5s ease; /* Safari et Chrome */
	-moz-transition: all 1.5s ease; /* Firefox */
	-ms-transition: all 1.5s ease; /* Internet Explorer 9 */
	-o-transition: all 1.5s ease; /* Opera */
	transition: all 1.5s ease;
}

.raccourci_item:hover .raccourci_vignette img {
	-webkit-transform:scale(1.10); /* Safari et Chrome */
	-moz-transform:scale(1.10); /* Firefox */
	-ms-transform:scale(1.10); /* Internet Explorer 9 */
	-o-transform:scale(1.10); /* Opera */
	transform:scale(1.10);
}

.raccourci_info{margin:-15px 0 0 0; padding:0 10px;}

.tag_item {z-index:99;position:relative;display:table;background:var(--cg_vertclair);border-radius:0.1em; width:auto; margin:0 0 20px 0;padding:0;}
.tag_item:before {content: "";position:absolute;width:20px; height:20px;bottom:-14px;background:url('../img/public/tag_bottom.png') bottom left no-repeat;}
.tag_item a { padding:5px 10px 3px 10px;display:table; text-decoration:none; color:#FFF;font-size:0.9em;}

.raccourci_date {color:var(--cg_bleufonce);font-weight:bold;}
.raccourci_nom {font-size:1.2em; font-weight:bold; color:var(--cg_vertfonce);}

.raccourci_item:hover .raccourci_date {color:#000;}
.raccourci_item:hover .raccourci_nom {color:var(--cg_bleufonce);}

div#raccourci_voir_plus {position: relative; margin:25px auto 0 auto;}
div#raccourci_voir_plus a {text-decoration:none; font-size:1.2em; font-weight:400; display:table; margin:0 auto;}



/* CAT ENTREE CONTACT BLOG */

div#index_cat_blog {position:relative; width:100%; margin: 0 auto 10px auto;}

div#index_cat_blog_content {position:relative; width:100%; display:grid; grid-template-columns:repeat(12, 1fr);}

.index_cat_blog_item {grid-column:span 4; padding:30px;}


.index_item_contact {background:var(--cg_bleufonce) url('../img/public/cta_contact_fond.png') bottom right no-repeat;background-size: 70%;}
.index_item_entree {background:var(--cg_vertclair) url('../img/public/cta_entree_fond.png') bottom right no-repeat;background-size: 70%;}
.index_item_blog {padding:0;background: var(--cg_gris_clair) url('../img/public/facade-et-lavande_web.webp') bottom left no-repeat;background-size: cover;}

.index_item_blog_cadre {padding:30px; background:rgba(15,120,89,0.7);height: 100%; width:100%;}

.index_cat_blog_item_title {font-size: 1.3em; text-transform: uppercase; font-weight:bold; color:#FFF;}
.index_cat_blog_item_sstitle {font-size: 2.1em; text-transform: uppercase; font-weight:bold; color:#FFF; margin:0 0 30px 0;line-height: 1em;}

.index_item_blog_link a,
.index_cat_blog_item_link a {
	text-decoration:none; 
	border-radius: 0.9em;
    padding: 14px 75px 14px 20px;
    display: inline-table;
	border:1px solid #FFF;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	margin:10px 0;
}
.index_item_contact .index_cat_blog_item_link a {
	background: var(--cg_bleufonce) url(../img/public/btn_arrow_blanche.png) 93% center no-repeat !important;
	transition: background 0.5s;
}
.index_item_contact .index_cat_blog_item_link a:hover {
	background: var(--cg_bleuclair) url(../img/public/btn_arrow_blanche.png) 95% center no-repeat !important;
	transition: background 0.5s;
}


.index_item_entree .index_cat_blog_item_link a {
	background: var(--cg_vertclair) url(../img/public/btn_arrow_blanche.png) 93% center no-repeat !important;
	transition: background 0.5s;
}
.index_item_entree .index_cat_blog_item_link a:hover {
	background: var(--cg_vertfonce) url(../img/public/btn_arrow_blanche.png) 95% center no-repeat !important;
	transition: background 0.5s;
}

.index_item_blog_link a {
	background: url(../img/public/btn_arrow_blanche.png) 93% center no-repeat !important;
	transition: background 0.5s;
}
.index_item_blog_link a:hover {
	background: #000 url(../img/public/btn_arrow_blanche.png) 95% center no-repeat !important;
	transition: background 0.5s;
}
	

.index_item_blog_item {
	position:relative; width:100%;
	padding:15px;
	margin:10px 0;
	border:1px solid var(--cg_vertclair);
	border-radius:0.9em;
	color:#FFF;
}
.index_item_blog_item a {color:inherit; display:table; width:100%; text-decoration:none;}
.index_item_blog_item:hover {border:1px solid #FFF;}
.index_item_blog_name {font-size:1.1em; font-weight:bold; margin:0 0 5px 0;}
.index_item_blog_resume{font-size:1em; margin:0;}

@media screen and (max-width : 1550px) {
	
}
@media screen and (max-width : 1500px) {
}
@media screen and (max-width : 1400px) {
	
}

@media screen and (max-width : 1280px) {
}
@media screen and (max-width : 1250px) {
	
}
@media screen and (max-width : 1200px) {
	
	.index_cat_blog_on .index_cat_blog_item {grid-column:span 3;}
	.index_cat_blog_on .index_item_blog {grid-column:span 6;}
}
@media screen and (max-width : 1000px) {
	
	
	.caption_text {padding: 20px; background:rgba(255,255,255,0.6); border-radius:0.5em;}
	.caption_link {font-size:0.8em;padding:8px 60px 8px 14px;margin:-15px 0 0 0;}
	
	.index_cat_blog_on .index_cat_blog_item {grid-column:span 6;}
	.index_cat_blog_on .index_item_blog {grid-column:span 12;}	
	
	.index_cat_blog_off .index_cat_blog_item {grid-column:span 6;}
	.index_cat_blog_off .index_item_blog {display:none;}
	
}
@media screen and (max-width : 959px) {
}

@media screen and (max-width : 800px) {
	.caption_text{font-size:0.7em;}
}

@media screen and (max-width : 650px) {
	.caption{width:50%;}
	.caption_link {font-size:0.8em;padding:6px 60px 6px 12px;margin:-10px 0 0 0;}
	.caption_text {padding:10px;}
	.caption_text p.caption_title {font-size: 0.7em;}
		
}
@media screen and (max-width : 600px) {
	.caption{width:75%;}
	.caption_text{font-size:0.7em;padding:10px;}
	.caption_link {font-size: 0.7em;padding: 5px 40px 5px 20px;background-size:20px;}
	.caption:hover .caption_link { background-size:20px;}
	
	.index_cat_blog_on .index_cat_blog_item,
	.index_cat_blog_off .index_cat_blog_item {grid-column:span 12;}
	.index_cat_blog_on .index_item_blog {grid-column:span 12;}
	
}
@media screen and (max-width : 570px) {
	
	div#animation .bx-wrapper .bx-controls-direction a {width: 25px;height:52px;}
}

@media screen and (max-width : 500px) {
	/* raccourci */
	
	div#raccourci_list .bx-wrapper {padding:0 0 50px 0 !important;}
	div#raccourci_list .bx-wrapper .bx-pager, div#raccourci_list  .bx-wrapper .bx-controls-auto {	max-width: 100%;}
	
	div#raccourci_list .bx-wrapper .bx-controls-direction a {top: 98% !important;}

	div#raccourci_list .bx-wrapper .bx-prev,
	div#raccourci_list .bx-wrapper .bx-next {width:30px;height:30px;}
	div#raccourci_voir_plus {margin: 40px auto 0 auto;}
}
@media screen and (max-width : 480px) {	
	
}
@media screen and (max-width : 400px) {
}
@media screen and (max-width : 350px) {
}