.zone_mockup_1								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-blog-001.jpg') no-repeat center center; background-size: cover; z-index:10;}
.zone_mockup_1 .zone_mockup_1_up			{position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_1_up.png') no-repeat top center; background-size: 100% auto;}
.zone_mockup_1 .zone_mockup_1_dw			{position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_1_dw.png') no-repeat bottom center; background-size: 100% auto;}
.zone_mockup_1 .titrage 					{position: absolute; top: calc(50% - 95px); left: 0; right: 0; background: rgba(255,255,255,0.7); width: 500px; padding: 5px 100px; z-index: 25; margin: 0 auto;  box-shadow:0px 20px 45px rgba(0,0,0,0.7);}
.zone_mockup_1 .titrage h1					{line-height: 70px; font-size: 25px; font-family: Anton; text-align: center; width:100%; text-align: center; margin:0px auto; color:#003946;}

.zone_explain_1								{position:relative; background:#fff; width:100%; padding: 20px 0px; margin:80px 0px 200px;}
.zone_explain_1 .contener 					{width:100%; max-width:1024px; margin:0px auto; display:block; display: flex;}
.zone_explain_1 h1 							{color:#222; width:100%; text-align: center;}

.blog-article								{position:relative; width:100%; overflow:hidden; }
.blog-article-txt							{font-size:13px; float:left; width:calc(100% - 30px); padding:15px; line-height:18px; text-align:justify;}
.blog-article-txt h2						{font-size:16px;  font-weight:bold; letter-spacing:-1px; text-decoration:none; margin:0px; padding:0px;}
.blog-article-txt h3						{font-size:16px;  font-weight:bold; letter-spacing:-1px; text-decoration:none; margin:0px; padding:0px;}
.blog-article-txt .Ltags					{font-size:10px; color:#036187; margin:5px 0px; display:block;}
.blog-article-txt .Lurl						{font-size:11px; color:#036187; margin:5px 0px; display:block;}
.blog-article-image							{display:block; width:100%; margin-bottom:15px; overflow:hidden;}
.blog-article-image img 					{margin:0px; padding:0px; display:block; width:100%; overflow:hidden;}

.contener_blog 								{width:100%; max-width:540px; margin:30px auto; color:#333}

.Blog_view 									{position:fixed; top:100px; left:calc(50% - 320px); margin:0px auto; width:100%; max-width:calc(640px - 20px); height:calc(100% - 200px); padding:10px; background:#fff; box-shadow:0px 20px 45px rgba(0,0,0,0.7); display:none; opacity:0; overflow:hidden;  overflow-y:scroll !important; transition:all 0.4s ease; z-index:15;}
.Blog_view .Blog_contener					{position:relative; width:100%; height:auto; display:block;}
.Blog_view .Blog_contener .Blog_close 		{position:fixed; top:70px; left:calc(50% - 320px); cursor:pointer;  background:#fff; width:640px; height:30px; display:block; }
.Blog_view .Blog_contener .Blog_close:before {position:fixed; content:''; top:73.5px; right:calc(50% - 316.5px); border-radius:50%; width:20px; height:20px; background:url('../img/boutons/close.png') no-repeat center center; background-size:cover; display:block; filter: invert(1);}
.Blog_view .Blog_contener .Blog_text		{position:relative; width:100%; display:block; text-align:justify; height:auto; font-size:15px; line-height:22px;}
.Blog_view .Blog_contener .Blog_text img	{width:100%; margin:0px auto 0px auto;}
.Blog_view .Blog_contener .Blog_text a		{color:#036187;}
.Blog_view .Blog_contener .Blog_text h2		{margin-bottom:30px;} 
.Blog_view .Blog_contener .Blog_text h3		{margin-bottom:30px;}
.Blog_view .Blog_contener .Blog_text h4		{margin-bottom:30px;}
.Blog_view .Blog_contener .Blog_text h5		{margin-bottom:30px;}
.Blog_view .Blog_contener .Blog_text h6		{margin-bottom:30px;}
.Blog_view .Blog_contener .Blog_text .share-button		{float:left; width:40px; height:40px; display:block; margin-right:5px; opacity:0.5; -webkit-transition:all 0.2s ease ; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.Blog_view .Blog_contener .Blog_text .share-button:hover {opacity:1;}
.Blog_view .Blog_contener .Blog_text .sb-facebook		{background:url('../img/fond/logo-share.png') -40px 0px no-repeat;}
.Blog_view .Blog_contener .Blog_text .sb-twitter		{background:url('../img/fond/logo-share.png') 0px 0px no-repeat;}
.Blog_view .Blog_contener .Blog_text .sb-gplus			{background:url('../img/fond/logo-share.png') -120px 0px no-repeat;}
.Blog_view .Blog_contener .Blog_text .sb-linkedin		{background:url('../img/fond/logo-share.png') -80px 0px no-repeat;}


@media screen and (min-width:100px) and (max-width:639px)  {
	.zone_mockup_1							{height:400px}
	.zone_mockup_1 .titrage					{width:100%; padding:5px 0px;}
	.flexybox 									{display:block; width:100%;}
	.flexybox .contener							{width: calc(100% - 42px); padding: 10px; border: solid 1px #ccc; margin: 10px; box-shadow: 2px 7px 4px rgba(0,0,0,0.15);}
	.Blog_view									{left:2.5%; top:50px; width:90%; height:85%;}
	.Blog_view .Blog_contener .Blog_close		{left:2.5%; top:50px; width:90%;}
}

@media screen and (min-width:640px)    {
	.flexybox 									{display:-ms-flex; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap; flex-flow:row wrap; align-content:flex-end;}
	.flexybox .contener							{width:calc((100% / 3) - 33.4px); height:auto; min-height:550px; margin-bottom:50px; background:#fff; box-shadow: 0px 0px 45px rgba(0,0,0,0.15);}
}