/* BLOGS
-------------------------------------------------------------------------------------------------------------------------------- */
#page_blog {
	background: #f1e8e3;
}
#page_blog .fig-border::after { border-color: #ccad75; }

.pagination li a {
	color: #19203f;
	border-color: transparent; 
	-webkit-transition: corder-color .2s, background-color .2s, color .2s; 
	-o-transition: corder-color .2s, background-color .2s, color .2s; 
	transition: corder-color .2s, background-color .2s, color .2s;
}
.pagination li a:hover { border-color: #ccad75; color: #ccad75 }
.pagination li.active a {
	border-color: #ccad75;
	background-color: #ccad75;
	color: #fff;
}
.pagination .pag-prev a:hover,
.pagination .pag-next a:hover { border-color: transparent; }
.pagination .pag-prev,
.pagination .pag-next { 
	height: 38px;
	width: 38px;
}
.pagination .pag-prev:hover,
.pagination .pag-next:hover { opacity:1 }
.pagination .pag-prev { float:left; }
.pagination .pag-next { float:right; }
.pagination .pag-prev.disabled,
.pagination .pag-next.disabled { visibility:hidden }
.pagination .pag-next svg,
.pagination .pag-prev svg {
	display: block;
	width: 20px; 
	height: 20px;
	margin: 9px auto;
	fill: #ccad75;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
}
.pagination .pag-next:hover svg,
.pagination .pag-prev:hover svg { fill: #19203f; }

/* >>> Blog categorie -------------------------------------------------------------- */
/* >	- common */
#blog-categorie {
	padding: 5% 20px 8%;
	max-width: 1030px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
#blog-categorie li {
	width: 50%;
	padding: 20px;
	position: relative;
}
.els-categorie a {
	display: block;
	position: relative;
}
.els-categorie-title {
	position: absolute;
	width: 100%;
	bottom: 20%;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	text-transform: uppercase;
    font-family: 'Spinnaker', sans-serif;
    font-size: 20px;
	line-height: 20px;
	margin-bottom: -20px;
	-webkit-transition: bottom .5s, -webkit-transform .8s;
	transition: bottom .5s, -webkit-transform .8s;
	-o-transition: transform .8s, bottom .5s;
	transition: transform .8s, bottom .5s;
	transition: transform .8s, bottom .5s, -webkit-transform .8s;
}
.els-categorie a:hover .els-categorie-title {
	bottom: 50%;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}
@media screen and (max-width: 640px) { 
	#blog-categorie li { 
		width: 100%;
		max-width: 440px;
		margin: 0 auto;
	}
}

/* >>> Blog liste -------------------------------------------------------------- */
/* >	- catégorie */
#nav-categorie ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	border: #dccfc6 1px solid;
	padding: 20px;
}
#nav-categorie li a {
	display: block;
	padding: 0 40px;
	text-transform: uppercase;
	line-height: 1em;
	font-size: 14px;
	color: #0d1c33;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
#nav-categorie li { border-left:#ccad75 1px solid; }
#nav-categorie ul li:first-child { border-left:none; }
#nav-categorie li a:hover { color: #6f758d; }
#nav-categorie li.active a { color: #ccad75; }
/* --- */
#blog-liste {
	max-width: 990px;
	padding: 3% 40px 8%;
	margin: 0 auto;
}
#blog-liste .blog-els {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	margin: 40px 0;
	width: 100%;
}
#blog-liste .blog-els.enavant {
	position: relative;
	background-color: #19203f;
	color: #fff;
	-webkit-transition: background-color .4s;
	-o-transition: background-color .4s;
	transition: background-color .4s;
}
#blog-liste .blog-els.enavant::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: #ccad75 1px solid;
    pointer-events: none;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
#blog-liste .blog-els.enavant:hover { background-color: #2f3654 }
#blog-liste .blog-els.enavant:hover::after { opacity: 0 }
#blog-liste .blog-els:nth-child(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.blog-els .blog-content { 
	width: calc(50% - 20px);
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
}
.blog-els .blog-thumb { 
	width: calc(50% - 20px);
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.blog-els .fig-border::after {
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.blog-els:hover .fig-border::after { opacity: 0; }
.blog-els.enavant .blog-thumb { width: 50%; }
.blog-els.enavant:hover .blog-thumb { opacity: .4; }
.blog-els.enavant .blog-content {
	width: 50%;
	margin: 0;
	padding: 5%;
}
.blog-els .blog-categorie {
	display: block;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 600; font-size: 14px;
	color: #ccad75;
}
.blog-els h2 {
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.blog-els:hover h2 { color: #ccad75 }
.blog-els h2::after {
	width: 80px;
	height: 1px;
	content: "";
	display: block;
	margin-top: 20px;
	background-color: #ccad75;
}
.blog-els .read-more {
	display: inline-block;
    vertical-align: middle;
    padding: 2px 5px;
    margin: 20px -5px 0;
    text-transform: uppercase;
    font-family: 'Spinnaker', sans-serif;
    font-size: 12px;
    color: #ccad75;
    -webkit-transition: background-color .3s, color .3s;
    -o-transition: background-color .5s, color .3s;
    -webkit-transition: background-color .5s, color .3s;
    transition: background-color .5s, color .3s;
}
.blog-els:hover .read-more { background-color: #ccad75; color: #fff; }

@media screen and (max-width: 640px) { 
	#nav-categorie li a { padding: 0 15px; }
	#blog-liste { padding: 20px; }
	#blog-liste .blog-els { margin: 20px auto }
}

@media screen and (max-width: 540px) {
	#nav-categorie ul,
	#blog-liste .blog-els {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#blog-liste .blog-els .blog-thumb {
		width: 100%;
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
	}
	#blog-liste .blog-els .blog-content { 
		width: 100%;
		padding: 30px 0;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	#blog-liste .blog-els.enavant .blog-content { padding: 30px; }
	#blog-liste .blog-els .blog-thumb > img { 
		display: block;
		width: 100%;
	}

}

/* >>> Blog details --------------------------------------------------------- */
#page_blog .heading_page { line-height: 25vh; }
#page_blog #breadcrumb {
	color: #fff;
	margin-top: -20px;
	font-size: 12px;
	padding: 0;
}
#page_blog #breadcrumb li,
#page_blog #breadcrumb li a { color: #fff }
#page_blog #breadcrumb li a:hover { color: #ccad75 }
#page_blog #content-blog {
	padding: 60px 0;
}
#page_blog .content_block.edit_content { padding: 0; }

#page_blog .edit_content h3 {
	font-weight: 700;
	text-transform: none;
}

#page_blog .edit_content ul li {
	position: relative;
	padding-left: 15px;
	margin: 5px 0;
}
#page_blog .edit_content ul li::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='6px' fill='%23ccad75'%3E%3Cpath fill-rule='evenodd' fill='rgb(204, 173, 117)' d='M3.000,-0.000 C4.657,-0.000 6.000,1.343 6.000,3.000 C6.000,4.657 4.657,6.000 3.000,6.000 C1.343,6.000 -0.000,4.657 -0.000,3.000 C-0.000,1.343 1.343,-0.000 3.000,-0.000 Z'/%3E%3C/svg%3E");
	width: 6px; height: 6px;
	top: 5px; left: 0;
	position: absolute;
}

.content_block.edit_content ol,
.content_block.edit_content ol li {
	list-style: none;
}
.content_block.edit_content ol {
	counter-reset: section;
}
.content_block.edit_content ol li::before {
    counter-increment: section;
    content: counter(section)". ";
	margin-right: 5px;
    font-weight: 700;
    color: #ccad75;
}
.content_block.edit_content ol li {
	font-weight: normal;
	margin: 5px 0;
}

#content-blog .edit_content a, 
#content-blog .edit_content a { text-decoration:underline; color:#bd954c; }
#content-blog .edit_content a:hover, 
#content-blog .edit_content a:hover { color:#767c96; }
#content-blog .edit_content .intro a { color: #767c96 }
#content-blog .edit_content .intro a:hover { color:#bd954c; }

/* >>> Bloc spéciaux */
.content_document {
	border-top: #ded6c7 1px solid;
	background: url(../../images/icones/ico_document_dwnl.png) 0 center no-repeat;
	max-width: 950px;
	margin: 0 auto;
	font-size: 14px;
}
.content_document a.content_row {
	display: block;
	font-weight: 700;
	padding: 10px 0 10px 40px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.content_document span {
    display: block;
    font-weight: 300;
}
.content_document a.content_row:hover { color: #ccad75; }
.external_link {
	border-top: #ded6c7 1px solid;
	font-weight: 700;
	max-width: 950px;
	margin: 0 auto;
	font-size: 14px;
}
.external_link .content_row { padding: 0; }
.external_link a {
	display: block;
	padding: 20px 20px 20px 50px;
	background: url(../../images/icones/ico_external_link.png) 0 center no-repeat;
	text-decoration: underline;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.external_link a:hover { color: #ccad75 }
#content-blog .divide {
	max-width:950px;
	border-color:#ded6c7;
	padding: 0;
	margin: 0 auto 20px;
}
#page_blog iframe {
    width: 100%;
    min-height: 260px;
    height: 100%;
}
#page_blog .image_wall .content_row,
#page_blog .image_wall .content_flex { 
	padding:20px 30px;
	max-width: 1030px;
}
#page_blog .image_wall .wp25 { padding:10px; }

.content_block table tr td { color: #19203f }
.content_block table tr:nth-child(2n+0) td {
    background: #f9f2ee;
}

/* >>> footer */
#footer-blog { padding:0; }
#footer-blog .content_row {
	padding:30px 150px;
	max-width: 990px;
	color: #758a8f;
	border-top: #ded6c7 1px solid;
	border-bottom: #ded6c7 1px solid;
}
#footer-blog .content_row p {
	text-align:center;
	font-size:14px;
	margin: 0;
}
#footer-blog .btn-prec,
#footer-blog .btn-suiv {
	position:absolute;
	top:20px;
	display: block;
	font-size: 13px;
	width:170px;
	color: #19203f;
	text-transform: uppercase;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
#footer-blog .btn-prec { left:0; text-align: right; }
#footer-blog .btn-suiv { right:0; text-align: left; }
#footer-blog .btn-prec:hover,
#footer-blog .btn-suiv:hover { color: #ccad75 }
#footer-blog .btn-prec::before,
#footer-blog .btn-suiv::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 20px; height: 20px;
	background-position: center;
	background-repeat:no-repeat;
	background-size: 12px 12px;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
#footer-blog .btn-prec::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccad75' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(204, 173, 117)' d='M16.000,9.053 L3.343,9.053 L8.820,14.563 L7.406,15.985 L0.015,8.550 L0.483,8.079 L-0.008,7.585 L7.541,-0.008 L8.985,1.445 L3.421,7.041 L16.000,7.041 L16.000,9.053 Z'/%3E%3C/svg%3E"); margin:-5px 5px 0 0; }
#footer-blog .btn-suiv::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccad75' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(204, 173, 117)' d='M16.008,8.459 L8.459,16.008 L7.015,14.564 L12.579,9.000 L0.000,9.000 L0.000,7.000 L12.657,7.000 L7.180,1.523 L8.594,0.108 L15.985,7.500 L15.517,7.968 L16.008,8.459 Z'/%3E%3C/svg%3E"); margin:-5px 0 0 5px; }
#footer-blog .btn-prec:hover::before {
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px)
}
#footer-blog .btn-suiv:hover::after {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px)
}
#footer-blog .rs-sharing {
	margin:0 auto;
	max-width:990px;
	padding:25px 0;
	text-align:center;
}
.rs-sharing li { display:inline; }
.rs-sharing li.rs-sharing-title {
	text-transform: uppercase;
	display:inline-block; 
	margin-right:20px;
	font-size: 14px;
	color:#19203f;
}
.rs-sharing li a {
	display:inline-block;
	width:30px; height:30px;
	vertical-align: middle;
    border-radius: 50%;
	text-align:center;
	line-height:29px;
	-webkit-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	transition:background-color .3s linear;
}
.rs-sharing li a svg {
	display: inline-block;
	vertical-align:middle;
	fill:#ccad75;
	-webkit-transition:fill .3s linear;
	-o-transition:fill .3s linear;
	transition:fill .3s linear;
}
.rs-sharing li a:hover { background-color:#ccad75 }
.rs-sharing li a:hover svg { fill:#f9f2ee }

/* > 	history slider ---------------------- */
#blog-history-content {
	margin:30px auto;
	max-width:1010px;
	padding:0 0 60px;
	overflow:hidden;
}
#blog-history-content #listing-blogs { min-height:inherit; padding:0 }
#blog-history-content #listing-blogs li.blog_els { 
	width:23%; margin: 0 1%;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#blog-history-content #listing-blogs .blog_els h2,
#blog-history-content #listing-blogs .blog_els h3 {
	margin: 0 auto;
	text-transform: uppercase;
	padding: 20px 0;
	font-weight: 600;
	font-size:13px;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
#blog-history-content .swiper-nav {
	position:absolute;
	top:50%;
	z-index:2;
	border-radius: 50%;
	background-color:rgba(25,32,63,.3);
	width:38px; height:38px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	line-height:66px;
	margin-top:-30px;
	opacity:0;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}
#blog-history-content:hover .swiper-nav { opacity:1 }
#blog-history-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' d='M16.000,9.053 L3.343,9.053 L8.820,14.563 L7.406,15.985 L0.015,8.550 L0.483,8.079 L-0.008,7.585 L7.541,-0.008 L8.985,1.445 L3.421,7.041 L16.000,7.041 L16.000,9.053 Z'/%3E%3C/svg%3E"); left:15px; }
#blog-history-next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' d='M16.008,8.459 L8.459,16.008 L7.015,14.564 L12.579,9.000 L0.000,9.000 L0.000,7.000 L12.657,7.000 L7.180,1.523 L8.594,0.108 L15.985,7.500 L15.517,7.968 L16.008,8.459 Z'/%3E%3C/svg%3E"); right:15px; }
#blog-history-next.swiper-button-disabled,
#blog-history-prev.swiper-button-disabled { display: none; }
#blog-history-content .swiper-nav:hover { 
	background-size: 18px 18px;
	background-color:rgba(25,32,63,.6);
}
#blog-history-content #listing-blogs .blog_els:hover h2,
#blog-history-content #listing-blogs .blog_els:hover h3 { color: #ccad75; }

@media screen and (max-width: 990px) { 
	
	.external_link,
	.content_document,
	#content-blog .divide,
	#footer-blog {
	 	margin-left: 30px;
		margin-right: 30px;
	}
	
	.image_wall .content_row, 
	.image_wall .content_flex { padding: 20px 25px }
	
	#blog-history-content.swiper-container { width: auto; }
	
	#footer-blog .rs-sharing { margin: 0 20px; }
	#footer-blog .btn-prec { left:10px; }
	#footer-blog .btn-suiv { right:10px; }
	#blog-history-content { padding:20px 10px; }
	#blog-history-content .swiper-nav { opacity:1; }
	#blog-history-prev { left:0; }
	#blog-history-next { right:0 }
}
@media screen and (max-width: 780px) { 
	
	#page_blog .image_wall .wp25 { width: 25%; }
	#blog-history-content #listing-blogs li.blog_els { width:31.333%; } 
}
@media screen and (max-width: 640px) {
	
	.content_flex .wp50 { width: 100%; }
	
	#page_blog .image_wall .content_row, 
	#page_blog .image_wall .content_flex { padding: 10px 15px; }
	#page_blog .image_wall .wp25 { width: 50%; padding: 5px; margin: 0 }
	
	#blog-history-content #listing-blogs li.blog_els { width:48%; }
}

@media screen and (max-width: 440px) {
	.external_link, 
	.content_document,
	.divide.blog_content,
	#page_blog-fiche #content .divide {
		margin-right: 20px;
		margin-left: 20px;
	}
	
	/* espaces plus petits */
	.content_flex { padding: 5px; }
	
	#footer-blog .content_row { 
		padding: 20px 50px;
		height: 80px;
	}
	#footer-blog .btn-prec,
	#footer-blog .btn-suiv { 
		width:40px;
		padding: 10px;
		text-align: center;
		height: 40px;
	}
	#footer-blog .btn-prec span.nav-text,
	#footer-blog .btn-suiv span.nav-text { display:none }
	#footer-blog .btn-prec::before, 
	#footer-blog .btn-suiv::after {
		background-size: 20px 20px;
	}
	#footer-blog .btn-prec .icon-arrows_left,
	#footer-blog .btn-suiv .icon-arrows_right {
		position: static;
		display: inline-block;
		background-size: 20px auto;
		width: 20px; margin:0 
	}
}

@media screen and (max-width: 360px) { #blog-history-content #listing-blogs li.blog_els { width:100%; } }