/* BLOGS
-------------------------------------------------------------------------------------------------------------------------------- */
/* >>> Blog liste -------------------------------------------------------------- */
#content-blog,
#content-blog-articles { 
	padding: 40px 20px 8%;
}

#blog-liste {
	padding: 0 0 20px;
	max-width: 990px;
	margin: 0 auto;
}
.blog-els { 
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.blog-els .blog-thumb  {
	background-color:#6e7d7b;
	position: relative;
	width: 50%;
}
.blog-thumb::after {
	opacity: 0;
	content: "";
	position: absolute;
	top: 0; left: 0; z-index: 0;
	width: 100%; height: 100%;
	background-color: #ebebeb;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.blog-thumb .thumb-plus {
	position: absolute;
	right: 0; bottom: 0; z-index: 1;
	width: 50px; height: 50px;
	background: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='25px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M25.000,14.000 L14.000,14.000 L14.000,25.000 L11.000,25.000 L11.000,14.000 L-0.000,14.000 L-0.000,11.000 L11.000,11.000 L11.000,-0.000 L14.000,-0.000 L14.000,11.000 L25.000,11.000 L25.000,14.000 Z'/%3E%3C/svg%3E");
	background-color: #a5cb68;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.blog-els:hover .blog-thumb::after { opacity: .4; }
.blog-els:hover .blog-thumb .thumb-plus {
	background-color:#6e7d7b;
	width: 70px; height: 70px;
}
.blog-els .blog-content {
	display: table-cell;
	padding: 40px 5%;
	width: 50%;
}
.blog-els .blog-categorie {
	display: block;
	margin: 0 0 10px;
	text-transform: uppercase;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.blog-els:hover .blog-categorie { color: #a5cb68 }
.blog-els h2 {
	margin: 0 0 20px;
	position: relative;
	padding-bottom: 20px;
	font-size: 30px;
	color: #6e7d7b;
}
.blog-els h2::after {
	content: "";
	position: absolute;
	bottom: 0; left: 0;
	height: 5px; width: 60px;
	background-color: #a5cb68;
	-webkit-transition: width .6s;
	-o-transition: width .6s;
	transition: width .6s;
}
.blog-els:hover h2::after { width: 100%; }
.blog-els p { font-size: 15px; margin: 0 }

/* odd / ever */
#blog-liste .blog-els:nth-child(2n+1) { background-color: #ebebeb }
#blog-liste .blog-els:nth-child(2n+0) .blog-thumb {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
#blog-liste .blog-els:nth-child(2n+0) .blog-thumb .thumb-plus { right: auto; left: 0; }

/* color categorie */
.blog-els.cat-1:hover .blog-categorie { color: #58b142; }
.blog-els.cat-1 .thumb-plus,
.blog-els.cat-1 h2::after { background-color: #58b142; }
.blog-els.cat-2:hover .blog-categorie { color: #a5cb68; }
.blog-els.cat-2 .thumb-plus,
.blog-els.cat-2 h2::after { background-color: #a5cb68; }
.blog-els.cat-3:hover .blog-categorie { color: #77c8d2; }
.blog-els.cat-3 .thumb-plus,
.blog-els.cat-3 h2::after { background-color: #77c8d2; }
.blog-els.cat-4:hover .blog-categorie { color: #00adb0; }
.blog-els.cat-4 .thumb-plus,
.blog-els.cat-4 h2::after { background-color: #00adb0; }
.blog-els.cat-5:hover .blog-categorie { color: #51958c; }
.blog-els.cat-5 .thumb-plus,
.blog-els.cat-5 h2::after { background-color: #51958c; }

/* >	- catégorie */
#nav-categorie {
	max-width: 990px;
	margin: 0 auto 60px;
}
#nav-categorie ul {
	display: table;
	width:100%;
}
#nav-categorie li {
	position: relative;
	display: table-cell;
	text-align: center;
	width: 20%;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
}
#nav-categorie li.active::after {
	content: "";
	position: absolute;
	bottom: -20px; left: 50%;
	margin-left: -20px;
	width: 0; height: 0; 
	border-left: 20px solid transparent;
  	border-right: 20px solid transparent;
  	border-top: 20px solid #58b142;
	-webkit-transition: border-color .3s;
	-o-transition: border-color .3s;
	transition: border-color .3s;
}
#nav-categorie li a {
	display: block;
	padding: 20px 10px;
	color: #fff;
	text-transform: uppercase;
}
#nav-categorie li.cat-1  { background-color: #58b142; }
#nav-categorie li.active.cat-1::after { border-top-color: #58b142; }
#nav-categorie li.cat-2 { background-color: #a5cb68; }
#nav-categorie li.active.cat-2::after { border-top-color: #a5cb68; } 
#nav-categorie li.cat-3 { background-color: #77c8d2; }
#nav-categorie li.active.cat-3::after { border-top-color: #77c8d2; }
#nav-categorie li.cat-4 { background-color: #00adb0; }
#nav-categorie li.active.cat-4::after { border-top-color: #00adb0; } 
#nav-categorie li.cat-5 { background-color: #51958c; }
#nav-categorie li.active.cat-5::after { border-top-color: #51958c; }
#nav-categorie li:hover { background-color: #6e7d7b }
#nav-categorie li.active:hover::after { border-top-color: #6e7d7b }

/* presentation V2 --- */
#content-blog-liste {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 0 60px;
	max-width: 1440px;
	margin: 0 auto;
}
#content-blog-liste #nav-categorie {
	width: 30%;
	z-index: 1;
	margin: 0;
	position: relative;
	background-color: #ebebeb;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
#content-blog-liste #nav-categorie ul {
	display: block;
	margin: 0 0 0 auto;
}
#content-blog-liste #nav-categorie li {
	display: block;
	width: 100%;
	font-weight: 700;
	text-align: left;
}
#content-blog-liste #nav-categorie li a {
	display: block;
	position: relative;
	padding: 20px 20px;
	border-bottom: #d4d4d4 1px solid;
	color: #6e7d7b;
	text-transform: uppercase;
	-webkit-transition: padding .3s, color .3s;
	-o-transition: padding .3s, color .3s;
	transition: padding .3s, color .3s;
}
#content-blog-liste #nav-categorie li a::before {
	content: "";
	position: absolute;
	width: 10px; height: 100%;
	top: 0; right: 0;
	-webkit-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
}
#content-blog-liste #nav-categorie li.active::after {
	content: "";
	background: 0 center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' width='12' height='20'%3E%3Cpath fill-rule='evenodd' d='M0.000,-0.000 L11.990,10.004 L0.000,20.009 L0.000,-0.000 Z'/%3E%3C/svg%3E");
	bottom: 50%;
	left: 100%;
	margin: -10px 0;
	width: 12px; height: 20px; 
	border-left: none;
  	border-right: none;
  	border-top: none;
}
#content-blog-liste #nav-categorie li:hover a::before { width: 15px; }

#content-blog-liste #nav-categorie li.cat-1,
#content-blog-liste #nav-categorie li.cat-2,
#content-blog-liste #nav-categorie li.cat-3,
#content-blog-liste #nav-categorie li.cat-4,
#content-blog-liste #nav-categorie li.cat-5 {
	background-color: transparent;
}

#content-blog-liste #nav-categorie li.cat-1:hover a { color: #58b142 }
#content-blog-liste #nav-categorie li.cat-1.active,
#content-blog-liste #nav-categorie li.cat-1 a::before { background-color: #58b142; }
#content-blog-liste #nav-categorie li.active::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%2358b142' width='12' height='20'%3E%3Cpath fill-rule='evenodd' d='M0.000,-0.000 L11.990,10.004 L0.000,20.009 L0.000,-0.000 Z'/%3E%3C/svg%3E");
}
#content-blog-liste #nav-categorie li.cat-2:hover a { color: #a5cb68 }
#content-blog-liste #nav-categorie li.cat-2.active,
#content-blog-liste #nav-categorie li.cat-2 a::before { background-color: #a5cb68; }
#content-blog-liste #nav-categorie li.cat-2.active::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23a5cb68' width='12' height='20'%3E%3Cpath fill-rule='evenodd' d='M0.000,-0.000 L11.990,10.004 L0.000,20.009 L0.000,-0.000 Z'/%3E%3C/svg%3E");
}
#content-blog-liste #nav-categorie li.cat-3:hover a { color: #77c8d2 }
#content-blog-liste #nav-categorie li.cat-3.active,
#content-blog-liste #nav-categorie li.cat-3 a::before { background-color: #77c8d2; }
#content-blog-liste #nav-categorie li.cat-3.active::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%2377c8d2' width='12' height='20'%3E%3Cpath fill-rule='evenodd' d='M0.000,-0.000 L11.990,10.004 L0.000,20.009 L0.000,-0.000 Z'/%3E%3C/svg%3E");
}
#content-blog-liste #nav-categorie li.cat-4:hover a { color: #00adb0 }
#content-blog-liste #nav-categorie li.cat-4.active,
#content-blog-liste #nav-categorie li.cat-4 a::before { background-color: #00adb0; }
#content-blog-liste #nav-categorie li.cat-4.active::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%2300adb0' width='12' height='20'%3E%3Cpath fill-rule='evenodd' d='M0.000,-0.000 L11.990,10.004 L0.000,20.009 L0.000,-0.000 Z'/%3E%3C/svg%3E");
}
#content-blog-liste #nav-categorie li.cat-5:hover a { color: #6e7d7b }
#content-blog-liste #nav-categorie li.cat-5.active,
#content-blog-liste #nav-categorie li.cat-5 a::before { background-color: #6e7d7b; }
#content-blog-liste #nav-categorie li.cat-5.active::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%236e7d7b' width='12' height='20'%3E%3Cpath fill-rule='evenodd' d='M0.000,-0.000 L11.990,10.004 L0.000,20.009 L0.000,-0.000 Z'/%3E%3C/svg%3E");
}

#content-blog-liste #nav-categorie li.active:hover a,
#content-blog-liste #nav-categorie li.active a {color: #fff }

.nav-categorie_close {
	position: absolute;
	display: none;
	z-index: 1;
	width: 30px; 
	height: 30px;
	top: 5px; right: 5px;
	border-radius: 50%;
	background: #6e7d7b;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13' height='13'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.864,12.157 L12.157,12.864 L6.500,7.207 L0.843,12.864 L0.136,12.157 L5.793,6.500 L0.136,0.843 L0.843,0.136 L6.500,5.793 L12.157,0.136 L12.864,0.843 L7.207,6.500 L12.864,12.157 Z'/%3E%3C/svg%3E");
	-webkit-transition: opacity .3s, background-color .3s;
	-o-transition: opacity .3s, background-color .3s;
	transition: opacity .3s, background-color .3s;
}
.nav-categorie_close:hover,
.nav-categorie_close:active {
	opacity: 1;
	background-color: #00adb0
}
.nav-categorie_overlay {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(255,255,255,.6);
	z-index: 999998;
	display: none;
}
.nav-categorie_filter {
	display: none;
	margin: 0 20px;
	background: #00adb0;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.nav-categorie_filter:hover,
.nav-categorie_filter:active {
	background-color: #6e7d7b;
}
.nav-categorie_filter svg {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	fill: #fff;
}
#content-blog-liste #blog-liste {
	margin: 0;
	width: 70%;
	z-index: 0;
	position: relative;
	max-width: initial;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}

@media screen and (max-width: 1440px) {
	#content-blog-liste { padding: 0; }
}

@media screen and (max-width: 720px) {
	#content-blog-articles {
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#nav-categorie {
		position: relative;
		background-color: #ebebeb;
		min-width: 110px;
		width: 25%;
		z-index: 1;
	}
	#blog-liste {
		position: relative;
		width: 75%;
		z-index:0;
	}
	#nav-categorie ul,
	#nav-categorie li { display: block; }
	#nav-categorie li { width: auto; }
	#nav-categorie li a { padding: 5vh 10px; }
	#nav-categorie li.active::after {
		bottom: 50%;
		right: -20px;
		left: auto;
		margin-left:0;
		margin-bottom: -20px;
		width: 0;
		height: 0;
		border-right: none;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 20px solid #58b142;
	}
	#nav-categorie li.active.cat-1::after {  border-top-color: transparent;  border-left-color: #58b142; }
	#nav-categorie li.active.cat-2::after {  border-top-color: transparent;  border-left-color: #a5cb68; } 
	#nav-categorie li.active.cat-3::after {  border-top-color: transparent;  border-left-color: #77c8d2; }
	#nav-categorie li.active.cat-4::after {  border-top-color: transparent;  border-left-color: #00adb0; } 
	#nav-categorie li.active.cat-5::after {  border-top-color: transparent;  border-left-color: #51958c; }
	#nav-categorie li:hover { background-color: #6e7d7b }
	#nav-categorie li.active:hover::after {  border-top-color: transparent;  border-left-color: #6e7d7b }	
	/* --- */
	#content-blog-liste {
		display: block;
	}
	#content-blog-liste #nav-categorie {
		position: fixed;
		top: 0;
		overflow: hidden;
		left: -280px;
		height: 100%;
		width: 280px;
		z-index: 999999;
		-webkit-transition: left .3s;
		-o-transition: left .3s;
		transition: left .3s;
	}
	#content-blog-liste #nav-categorie li a::before { 
		right: auto;
		left: 0
	}
	#content-blog-liste.nav-categorie_open #nav-categorie { left: 0 }
	#content-blog-liste.nav-categorie_open .nav-categorie_overlay { display: block; }
	.nav-categorie_close,
	.nav-categorie_filter {
		display: block; 
	}
	#content-blog-liste #blog-liste { 
		width: 100%;
		padding: 20px 0;
		margin: 0 auto;
	}
}

@media screen and (max-width: 540px) {
	#nav-categorie { width: 30%; }
	#blog-liste { width: 70%; }
	#blog-liste .blog-els h2 {font-size: 20px; margin: 0 }
	#blog-liste .blog-els p { display: none }
	
	/*---*/
	#blog-liste .blog-els { display: block; }
	#blog-liste .blog-els .blog-thumb,
	#blog-liste .blog-els .blog-content { width: auto; }
	#blog-liste .blog-els .blog-thumb { padding-top: 75%; }
	
	.nav-categorie_filter { margin: 20px 20px 0; }
	#content-blog-liste #blog-liste { padding: 20px }
}
@media screen and (max-width: 360px) { }


/* >>> Blog details --------------------------------------------------------- */
#heading-blog { 
	padding: 60px 20px 0;
}
#heading-blog .content_row {
	background-color: #f2f2f2;
	padding: 30px 30px;
	text-align: center;
	max-width: 1200px;
}
#heading-blog h1 {
	margin: 0;
	padding: 0;
}
#heading-blog h1:after { display:none }

#details-blog {
	padding: 40px 0 8%;
}


.content_blog .content_row > .wp25,
.content_blog .content_row > .wp33,
.content_blog .content_row > .wp40,
.content_blog .content_row > .wp50,
.content_blog .content_row > .wp60,
.content_blog .content_row > .wp66, 
.content_blog .content_row > .wp75,
.content_blog .content_row > .wp100 { padding:20px }

/* >>> mise en pages */
.divide, .edit_content hr {
	max-width: 1200px;
}

h2.wp100 {
	margin: 0;
	padding: 0 20px;
}

.content_1photo,
.content_2photos {
	padding: 0;
}

.content_1photo figure {
	padding: 20px;
}
.content_1photo figure img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.content_2photos figure img {
	display: block;
	width: 100%;
}
.content_4photos { padding: 0 }
.content_4photos .content_flex { 
	max-width: 1280px;
	padding: 0 30px;
}
.content_4photos .content_flex .wp25 { padding: 10px }

/* >>> document */
.content_document {
	border-top: #ccc 1px solid;
	max-width: 1200px;
	margin: 20px auto;
}
.content_document a {
	display: block;
	background: 0 center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 30 30' fill='%2300adb0'%3E%3Cpath d='M27.7,7.9l-1.5-1.4l-5.1-4.7l-1.7-1.5C19.3,0.1,19.1,0,18.9,0H7.1C5.9,0,4.9,1,4.9,2.2v12.4h1.8V2.2 c0-0.2,0.2-0.4,0.4-0.4H18v6.7c0,0.5,0.4,0.9,0.9,0.9h7.4v18.1c0,0.2-0.2,0.4-0.4,0.4H7.1c-0.2,0-0.4-0.2-0.4-0.4v-2.9H4.9v2.9 c0,1.2,1,2.2,2.2,2.2h18.8c1.2,0,2.2-1,2.2-2.2v-19C28,8.3,27.9,8,27.7,7.9z'/%3E%3Cpath d='M6.4,18.1c-0.1,0-0.2,0-0.5,0H5v1.3h1c0.3,0,0.6-0.1,0.7-0.2c0.1-0.1,0.2-0.3,0.2-0.5c0-0.2,0-0.3-0.1-0.4 C6.6,18.2,6.5,18.1,6.4,18.1z'/%3E%3Cpath d='M10.7,18.2c-0.1-0.1-0.4-0.1-0.7-0.1H9.3v3H10c0.3,0,0.5,0,0.6-0.1c0.1,0,0.3-0.1,0.3-0.2 c0.1-0.1,0.2-0.3,0.3-0.5c0.1-0.2,0.1-0.5,0.1-0.8c0-0.4-0.1-0.7-0.2-1C11,18.4,10.9,18.2,10.7,18.2z'/%3E%3Cpath d='M18.2,22.3v-5.5c0-0.6-0.5-1.1-1.1-1.1h-14c-0.6,0-1.1,0.5-1.1,1.1v5.5c0,0.6,0.5,1.1,1.1,1.1h14 C17.7,23.4,18.2,22.9,18.2,22.3z M7.2,19.7c-0.3,0.3-0.7,0.4-1.3,0.4H5v1.7H4.2v-4.4h1.7c0.3,0,0.5,0,0.7,0c0.2,0,0.4,0.1,0.6,0.2 c0.2,0.1,0.3,0.3,0.4,0.4c0.1,0.2,0.1,0.4,0.1,0.6C7.6,19.1,7.5,19.4,7.2,19.7z M12,20.4c-0.1,0.3-0.2,0.5-0.3,0.6 c-0.1,0.2-0.3,0.3-0.4,0.4c-0.1,0.1-0.3,0.2-0.5,0.2c-0.2,0-0.4,0.1-0.7,0.1H8.5v-4.4H10c0.3,0,0.6,0,0.8,0.1 c0.3,0.1,0.5,0.2,0.7,0.3c0.2,0.2,0.4,0.5,0.5,0.8c0.1,0.3,0.2,0.6,0.2,1C12.2,19.9,12.1,20.2,12,20.4z M16.1,18.1h-2.3v1.1h2v0.7 h-2v1.9h-0.8v-4.4h3V18.1z'/%3E%3C/svg%3E%0A");
	background-size: 30px 30px;
	line-height: 1.4em;
	max-width: 950px;
	font-size: 14px;
	padding: 20px 20px 20px 50px;
}
.content_document a strong {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.content_document span {
    display: block;
	color: #00adb0;
    font-weight: 300;
}
.content_document a:hover strong { color: #00adb0; }
/* --- */
.external_link {
	border-top: #ccc 1px solid;
	font-weight: 700;
	max-width: 1200px;
	margin: 20px auto;
	font-size: 14px;
}
.external_link .content_row { padding: 0; }
.external_link a {
	display: block;
	padding: 20px 20px 20px 50px;
	background: 0 center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 30 30' fill='%2300adb0'%3E%3Cpath d='M5.4,28.7c-1.1-0.4-1.8-0.8-2.6-1.6C1.6,25.9,1,24.3,1,22.6c0-1.3,0.2-2.2,0.8-3.4c0.4-0.8,0.9-1.4,4-4.5 c3.8-3.8,4.2-4.1,6-4.7c0.9-0.3,2.8-0.3,3.7,0c1.5,0.5,2.9,1.5,3.2,2.3c0.6,1.7-1.5,3-2.8,1.8c-0.7-0.6-1.2-0.8-2.2-0.8 c-1.5,0-1.7,0.2-5.3,3.8c-2.4,2.4-3.3,3.3-3.5,3.9c-1.1,2.2,0.3,4.5,2.6,4.5c1.2,0,1.9-0.4,4-2.4l1.8-1.7l0.6,0.3 c0.8,0.4,2.3,0.6,3.1,0.4l0.6-0.1l-2.9,2.9c-3.1,3.1-3.8,3.6-5.5,4C8.1,29.1,6.4,29.1,5.4,28.7L5.4,28.7z M15.5,20.1 c-1.8-0.2-3.9-1.4-4.3-2.5c-0.4-1.2,0.7-2.5,1.9-2.3c0.2,0,0.7,0.3,1.1,0.6c1.1,0.8,2.2,1,3.5,0.4c0.9-0.4,6.8-6.4,7.3-7.3 c0.6-1.3,0.6-2.5-0.2-3.5c-0.7-0.8-1.3-1.1-2.3-1.1c-1.2,0-1.9,0.4-4,2.4l-1.8,1.7l-0.6-0.3C15.3,8,13.9,7.8,13.1,8l-0.6,0.1 l2.9-2.9c2.5-2.4,3.1-3,3.8-3.3C20.4,1.2,21.3,1,22.6,1c2.9,0,5.4,1.9,6.2,4.7c0.3,0.9,0.3,2.5,0,3.5c-0.1,0.4-0.4,1.1-0.7,1.6 c-0.4,0.8-0.9,1.4-4,4.5c-3.7,3.7-4.1,4-5.7,4.6C17.7,20.1,16.5,20.2,15.5,20.1L15.5,20.1z'/%3E%3C/svg%3E");
	background-size: 30px 30px;
	text-decoration: underline;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.external_link a:hover { color: #979797 }


/* >	 footer blog ---------------------- */
#footer-blog { padding: 0 0 100px 0; }
#footer-blog .content_row {
	padding: 20px 200px;
	max-width: 1200px;
	min-height: 62px;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
#footer-blog .content_row p {
	text-align:center;
	font-size: .875em;
	margin: 0;
}
#footer-blog .btn-prec,
#footer-blog .btn-suiv {
	position:absolute;
	top: 20px;
	display: block;
	font-size: 14px;
	font-weight: 700;
	width: 200px;
	text-transform: uppercase;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
#footer-blog .btn-prec svg,
#footer-blog .btn-suiv svg {
	display: inline-block;
	vertical-align: middle;
	fill: #00aeb0;
	margin-top: -3px;
	width: 20px; height: 20px;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	-o-transition: -o-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
#footer-blog .btn-prec { left:0; text-align: left;  }
#footer-blog .btn-prec svg { margin-right: 5px; }
#footer-blog .btn-suiv { right:0; text-align: right; }
#footer-blog .btn-suiv svg { margin-left: 5px; }
#footer-blog .btn-prec:hover,
#footer-blog .btn-suiv:hover { color: #00aeb0 }
#footer-blog .btn-prec:hover svg {
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	     transform: translateX(-10px)
}
#footer-blog .btn-suiv:hover svg {
	-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: 16px;
	color: #fff;
}
.rs-sharing li a {
	display:inline-block;
	width: 30px; 
	height: 30px;
	vertical-align: middle;
    border-radius: 50%;
	text-align: center;
	line-height: 26px;
	background-color: transparent;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.rs-sharing li a svg {
	display: inline-block;
	vertical-align:middle; 
	fill: #6e7d7b;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
}
.rs-sharing li a:hover { background-color: #00aeb0 }
.rs-sharing li a:hover svg { fill: #fff }

/* > 	history slider ---------------------- */
#blog-history-content {
	margin: 30px auto;
	max-width: 1280px;
	overflow: hidden;
	padding: 0 30px;
}
#blog-history-content #listing-blogs li.blog_els { 
	width:25%;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#blog-history-content #listing-blogs li.blog_els a { padding: 10px; }
#blog-history-content #listing-blogs .blog_els h2,
#blog-history-content #listing-blogs .blog_els h3 {
	font-size: 18px;
	margin: 10px 0 0;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
#blog-history-content #listing-blogs .blog_els:hover h2,
#blog-history-content #listing-blogs .blog_els:hover h3 { color: #979797; }
#blog-history-content .swiper-nav {
	position:absolute;
	top:50%;
	z-index:2;
	border-radius: 50%;
	background-color: #00aeb0;
	width:38px; height:38px;
	line-height:66px;
	margin-top:-30px;
	opacity:0;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
#blog-history-content .swiper-nav svg {
	width: 16px; 
	height: 16px;
	margin: 11px;
	fill: #fff;
}
#blog-history-content:hover .swiper-nav { opacity:1 }
#blog-history-content .swiper-nav:hover { background-color: #75c8d2 }
#blog-history-content .swiper-nav:hover svg { fill: #fff; }
#blog-history-prev { left:15px; }
#blog-history-next { right:15px; }
#blog-history-next.swiper-button-disabled,
#blog-history-prev.swiper-button-disabled { display: none; }
#blog-history-content .swiper-nav:hover { background-position: 0 bottom }

@media screen and (max-width: 1320px) { 
	.external_link,
	.content_document,
	.divide, 
	.edit_content hr {
		max-width: inherit;
	}
	.external_link > a,
	.content_document > a {
		padding-left: 90px;
		background-position: 40px center;
	}
	#footer-blog .content_row {
		padding: 20px 220px;
		max-width: inherit;
	}
	#footer-blog .btn-prec { left: 40px; }
	#footer-blog .btn-suiv { right: 40px; }
}

@media screen and (max-width: 780px) { 
	.content_flex .wp33 { width: 50%; }
	#blog-history-content #listing-blogs li.blog_els { width:33.333%; }
}

@media screen and (max-width: 780px) { 
	#footer-blog .content_row { padding: 20px 50px; }
	#footer-blog .btn-prec,
	#footer-blog .btn-suiv { 
		width:40px;
		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 .icon-arrows_left,
	#footer-blog .btn-suiv .icon-arrows_right {
		position: static;
		display: inline-block;
		background-size: 20px auto;
		width: 20px; margin:0 
	}
	#blog-history-content #listing-blogs li.blog_els { width: 33.33%; }
}

@media screen and (max-width: 640px) { 
	
	.content_blog .content_row > .wp25,
	.content_blog .content_row > .wp33,
	.content_blog .content_row > .wp40,
	.content_blog .content_row > .wp50,
	.content_blog .content_row > .wp60,
	.content_blog .content_row > .wp66, 
	.content_blog .content_row > .wp75,
	.content_blog .content_row > .wp100 { padding: 10px }
	
	.content_4photos .content_flex { padding: 0 20px }
	.content_1photo .content_row .wp100 { padding: 0 10px 20px; }
	#footer-blog .btn-prec { left: 10px; }
	#footer-blog .btn-suiv { right: 10px; }
	#blog-history-content {
		padding: 0 10px;
	}
	#blog-history-content #listing-blogs .blog_els h2,
	#blog-history-content #listing-blogs .blog_els h3 { font-size: 14px; }
}

@media screen and (max-width: 640px) { 
	#details-blog {
		padding: 20px 0;
	}
}

@media screen and (max-width: 480px) { 
	.content_4photos .content_flex .wp25 { width: 50%; }
	#blog-history-content #listing-blogs li.blog_els { width: 50%; }
}