#menu_list li.menu-accueil:before {transform: scaleX(1); }

div#middle {padding:0;margin: 70px 0 0 0;}
div#middle_content { margin:0 auto; background:none;}


/* PRESENTATION */

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



/* SLIDER BLOG */


div#blog_cadre {position:relative; margin:0 auto; overflow: hidden;}
div#blog_title {position:relative; margin:0 auto 40px auto; text-align: center;}

div#blog_list {position:relative; margin:0 auto;display:grid;	grid-template-columns:repeat(2, 1fr);}

.blog_item_first {position:relative;grid-column:span 1; width:100%;}
.blog_item_first .blog_item {position: relative; width: 100%; height: calc(100% - 4px); padding: 0; border-width: 0 2px;border-style: solid; border-color: transparent;}
.blog_item_first .blog_item_vignette {position: relative; min-height:450px; height:100%; background-size: cover;background-position: center 50%;}
.blog_item_first .blog_item_vignette a {position: relative;display: block; height:100%; width:100%; overflow: hidden; text-decoration:none; color:#FFF;}


.blog_item_info {width: 90%; padding: 22px 20px; bottom: 0; position: absolute;	left: 0; margin-bottom: 0; pointer-events: none; z-index: 1;}

.blog_item_other {grid-column:span 1;}
.blog_item_other .blog_item {position: relative; float: left; padding-bottom: 0; width: 50%; margin-bottom: 4px; border-width: 0 2px; border-style: solid; border-color: transparent;}

.blog_item_other .blog_item_vignette {position: relative; height:254px; margin-bottom: 0;background-size: cover;background-position: center 50%;}
.blog_item_other .blog_item_vignette a {position: relative;display: block; height:100%; width:100%; overflow: hidden; text-decoration:none; color:#FFF;}


.blog_item_other .blog_item.blog_item_second {width:100%;}

.blog_item .tag_item {margin: 0 0 5px 0;}
.blog_item .tag_item p { padding:5px 10px 3px 10px;display:table; text-decoration:none; color:#FFF;font-size:0.9em;}

.blog_item .blog_nom {font-size:1.3em; font-weight:600; color:#FFF; padding: 5px 10px 5px 15px;background: rgba(12,76,117,0.6); display: table;}

.blog_item {overflow: hidden;}

.blog_item_vignette {
	-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;
}
.blog_item:hover .blog_item_vignette {
	-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;
	transform:scale(1.10);
}

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


@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) {
	
}
@media screen and (max-width : 1000px) {
	
	.blog_item_first, .blog_item_other {position:relative;grid-column:span 2;}
	
	.blog_item_first .blog_item, .blog_item_other .blog_item {border-width:0;}
	
	.blog_item_first .blog_item {height: calc(100% - 3px);}
	.blog_item_first .blog_item_vignette {min-height:250px;}
	
	.blog_item_other {        
		overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
	}
	.blog_item_other .blog_item_vignette {height:154px;}
	.blog_item_other .blog_item,
	.blog_item_other .blog_item.blog_item_second {width:80%; float:none;display: inline-block;}
	.blog_item .blog_nom {word-wrap: break-word; white-space: normal;} 
	
}
@media screen and (max-width : 959px) {
}

@media screen and (max-width : 800px) {
}

@media screen and (max-width : 650px) {
	
	div#acces_rapide_cadre {border-top-left-radius:0;border-bottom-left-radius:0; padding:10px 30px 15px 30px;}
	div#acces_rapide_title {position:relative; float:none; width:100%; padding:10px 0 5px 0; margin:0; border-right:0; border-bottom:3px solid #FFF; overflow: hidden;}
	div#acces_rapide_title p {float:left;}
	p.acces_rapide_title_top {font-size:1.5em; font-weight:bold; margin:0 5px 0 0;}
	p.acces_rapide_title_bottom {font-size:1.5em; font-weight:300;}
	div#acces_rapide_liste {position:relative; float:none; width:100%; }
	.acces_rapide_item {max-width:230px;}
	.acces_rapide_item_img {width:50px;}
	.acces_rapide_item_nom { width:calc(100% - 70px);margin: 5px 5px 0 0;font-size:0.9em;}
	
}
@media screen and (max-width : 600px) {
	
}
@media screen and (max-width : 570px) {
	
	/*div#animation .bx-wrapper .bx-controls-direction a {width: 25px;height:52px;}*/
}

@media screen and (max-width : 500px) {
	
}
@media screen and (max-width : 480px) {
	/*.index_blog_vignette {max-width: 200px;max-height: 200px;}
	.index_blog_vignette img {max-width: 240px !important;}
	div#index_blog .bx-wrapper {padding:0 45px !important;}
	div#index_blog .bx-wrapper .bx-prev, div#index_blog .bx-wrapper .bx-next {width:30px;height:70px;}
	*/
	
	
	
	.bx-wrapper .bx-controls-direction a {top: calc(50% - 35px) !important;}
	/*
	div#index_blog .bx-wrapper .bx-prev {left: 10px;}
	div#index_blog .bx-wrapper .bx-next {right: 10px;}
	*/
	
}
@media screen and (max-width : 400px) {
}
@media screen and (max-width : 350px) {
}