.bandeaumaster                                                              {display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; position: relative; overflow: hidden;}
.bandeaumaster                  .inneraccueil                               {font-family: Teko; width:80%; height:100%; margin:130px auto 0px auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; position: relative;}
.bandeaumaster                  .inneraccueil .ttlBig-0                     {font-size: 3vw; line-height:0.9em; font-weight: 900; text-transform: uppercase; width:100%; height:auto; display:block; margin:0px; z-index: 10; position: relative;}
.bandeaumaster                  .inneraccueil .ttlBig-1                     {text-align:center; color:var(--color_theme); animation: ease move_photo 1.3s 1.4s forwards; transform:translate(500px,0px); opacity: 0;}
.bandeaumaster                  .right-bottom-curve                         {position: absolute; right: 0; bottom: 0; width: 217px; max-width: 100%; height: 100%; max-height: 328px; background: url('../img/fond/right-curved-background2.png') 100% 100% no-repeat; z-index: 2; opacity: 0; transform: translateX(300px); animation: ease move_photo 0.8s 2.8s forwards;} 
.bandeaumaster                  .right-top-curve                            {position: absolute; right: 0; top: 0; width: 164px; max-width: 100%; height: 100%; background: url('../img/fond/right-white-curve.background.png') 100% 0 no-repeat; z-index: 2; opacity: 0; transform: translateX(200px); animation: ease move_photo 0.4s 3.2s forwards;}

.contener_listblog										{display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 60px;}
.contener_listblog .contener							{width:calc((100% / 3) - 20px); margin-bottom:0px }

.blog-article								            {position:relative; width:100%; overflow:hidden; color:#333; border-radius:7px;}
.blog-article a 							            {color:#333;}
.blog-article-txt							            {font-size:15px; width:100%; line-height:25px; text-align:justify; background:rgba(255,255,255,0.2); padding:20px 0px; min-height: 400px;}
.blog-article-txt h2						            {text-decoration:none; margin:0px; padding:0px; display: block; width:100%; min-height:50px; text-transform: uppercase; font-family: Teko; font-size: 25px; color:var(--color_gen); line-height: 0.9em; text-align: left;}
.blog-article-txt .Lurl					                {font-size:11px; color:#036187; margin:5px 0px; display:block;}
.blog-article-txt .Ltags					            {font-size:10px; color:var(--color_theme_hv); margin:5px 8px 5px 0px; display:inline-block;}
.blog-article-txt .categ                                {font-size:10px; color:var(--color_theme_hv); margin:5px 0px; display:inline-block; text-transform: uppercase;}
.blog-article-txt .light                                {font-weight: 300; display: block; min-height: 250px;}
.blog-article-image						                {display:block; width:100%; aspect-ratio: 16 / 9; margin-bottom:15px; overflow:hidden; border-radius: 7px; position: relative;}
.blog-article-image img 					            {margin:0px; padding:0px; display:block; width:100%; overflow:hidden; border-radius: 7px; transition: all .2s ease-in-out; filter:saturate(0);}
.blog-article:hover img 					            {filter: saturate(1);}

.zone3                                                                      {position: relative; display: block; width:100%;}
.zone3 .title                                                               {text-transform: uppercase; font-family: Teko; font-size: 60px; color:var(--color_gen); line-height: 0.9em; margin: 10px auto 50px auto; text-align: center; width:100%;}  
.zone3 .innerflex                                                           {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m); height:auto; margin:0 auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items:flex-start; flex-wrap: wrap; position: relative; margin: 0px auto 30px auto; gap:24px}
.zone3 .innerflex .blockl                                                   {width: calc(((100% / 3) * 2) - 12px); height:auto; min-height: 550px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.zone3 .innerflex .blockl .Blog_view 										{margin:0px auto 60px auto; width:100%; background:#fff; padding:0px;}
.zone3 .innerflex .blockl .Blog_view .contener_blog							{display: block;}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-title h2 			{font-size: 1.5rem; font-weight: 500; color: var(--color_gen); text-transform: uppercase; margin: 0px 0px 20px 0px; padding: 0px; display: block; width:100%; text-align: center;}
.zone3 .innerflex .blockl .Blog_view .contener_blog img 					{margin:0px 0px 30px 0px; padding:0px; display:block; width:100%; overflow:hidden; transition: all .8s ease-in-out; border-radius: 7px;}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text				{font-size: 1.1rem; text-align: justify;}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text h2 			{text-transform: uppercase; font-family: Teko; font-size:40px; font-weight:400; text-decoration:none; margin:0px; padding:0px; display: block; width:100%;}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text h3 			{text-transform: uppercase; font-family: Teko; font-size:35px; font-weight:400; text-decoration:none; margin:0px; padding:0px; display: block; width:100%;}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text h4 			{text-transform: uppercase; font-family: Teko; font-size:30px; font-weight:400; text-decoration:none; margin:0px; padding:0px; display: block; width:100%;}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text h5 			{text-transform: uppercase; font-family: Teko; font-size:25px; font-weight:400; text-decoration:none; margin:0px; padding:0px; display: block; width:100%;}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text .square 		{margin:50px 0px;}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text .url 		{font-size: 0.8rem; color:#ff9800; }
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text .shortnav    {width:100%; height:auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; border-top: 1px solid #e9ebee;  border-bottom: 1px solid #e9ebee; padding:50px 0px}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text .shortnav a  {color:var(--color_gen); font-family: Teko; font-size: 22px; text-transform: uppercase; transition: all .3s ease; position: relative; display: flex; flex-direction: row; align-items: center;}
.zone3 .innerflex .blockl .Blog_view .contener_blog .blog-text .shortnav a:hover {color:var(--color_theme_hv);}

.zone3 .innerflex .blockl .resumeia 										{width:100%; height:auto; min-height:45px; background: var(--color_theme3); color: var(--background_body1); border-radius: 7px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin:0px 0px 60px 0px; padding: 20px; flex-direction:row;}
.zone3 .innerflex .blockl .resumeia a 										{display: flex; align-items: center; gap: 16px; text-decoration: none; color: #4da166; font-weight: 500; font-size: .95rem; position: relative; width:auto;}
.zone3 .innerflex .blockl .resumeia a:not(:last-child)::after 				{content: ""; position: absolute; right: -12px; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #b8e1cd;}
.zone3 .innerflex .blockl .resumeia img 									{height: 20px !important; width: 20px !important; display: block; margin: 0px 0px 0px 0px !important;}

.zone3 .innerflex .blockr                                                   {width: calc(((100% / 3) * 1) - 12px); height:auto; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.zone3 .innerflex .blockr .titleR											{text-transform: uppercase; font-family: Teko; font-size: 35px; line-height: 0.9em; margin: 0px 0px 20px 0px; text-align: left; width:100%; padding-bottom: 20px; border-bottom: solid 2px var(--color_theme_hv);}		
.zone3 .innerflex .blockr .zoneBlack                                        {padding:60px 30px; background: var(--background_body1); color: var(--color_head); border-radius: 7px; width:100%; height: auto; margin: 0px 0px 40px 0px;}
.zone3 .innerflex .blockr .zoneGrey0                                        {padding:60px 30px; background: url('../img/fond/back_paternblue.png') repeat; color: var(--background_body1); border-radius: 7px; width:100%; height: auto; margin: 0px 0px 40px 0px;}
.zone3 .innerflex .blockr .zoneWhith										{padding:60px 30px; background: var(--background_gen); color: var(--background_body1); border-radius: 7px;  width:100%; height: auto; margin: 0px 0px 40px 0px;}
.zone3 .innerflex .blockr .zoneGreen										{padding:60px 30px; background: var(--color_theme3); color: var(--background_body1); border-radius: 7px;  width:100%; height: auto; margin: 0px 0px 40px 0px;}
.zone3 .innerflex .blockr .taglist 											{font-size:17px; line-height:35px;} 
.zone3 .innerflex .blockr .minilast											{width:100%; height:auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; margin-bottom: 30px; color:#666; transition:all 0.3s ease;}
.zone3 .innerflex .blockr .minilast:hover .imgstn img						{filter: saturate(1); opacity: 1;}
.zone3 .innerflex .blockr .minilast:hover 	 								{color:#000;}
.zone3 .innerflex .blockr .minilast .imgstn									{width:60px; height:60px; position: relative; border-radius: 50%; overflow: hidden;}
.zone3 .innerflex .blockr .minilast .imgstn img 							{position: absolute; top:0px; left:0px; width: auto; filter: saturate(0); transition: all 0.3s ease; height: 100%; filter:saturate(0); opacity:0.8; transition: all 0.3s ease;}
.zone3 .innerflex .blockr .minilast .txtstn									{width:calc(100% - 100px); text-transform: uppercase; font-family: Teko; font-size: 20px; line-height: 0.9em;}
.zone3 .innerflex .blockr .miniblog 										{width:100%; height:auto; display: flex; flex-direction: row; align-items: center; position: relative; margin-bottom: 10px; color:var(--color_head);}
.zone3 .innerflex .blockr .resumeia 										{width:100%; height:auto; min-height:45px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; flex-direction: column;}
.zone3 .innerflex .blockr .resumeia a 										{display: flex; align-items: center; gap: 16px; text-decoration: none; color: #4da166; font-weight: 500; font-size: .95rem; position: relative; width:100%;}
.zone3 .innerflex .blockr .resumeia a:not(:last-child)::after 				{content: ""; position: absolute; right: 0px; bottom: -10px; width: 100%; height: 1px; background-color: #b8e1cd; }
.zone3 .innerflex .blockr .resumeia img 									{height: 20px; width: auto; display: block; }

@keyframes move_photo           {to {transform:translate(0px,0px); opacity:1;}}


@media screen and (min-width:100px) and (max-width:639px)  {
	h1													{font-size: 3.8rem;}
	h2,.font-xl6										{font-size: 2rem !important; text-align: left;}

	.contener_listblog .contener						{width:calc((100%) - 7px); margin-bottom:20px }

	.Blog_view									{left:2.5%; top:50px; width:90%; height:85%;}
	.Blog_view .Blog_contener .Blog_close		{left:2.5%; top:50px; width:90%;}

	.bandeaumaster .inneraccueil .ttlBig-0                                  {font-size: 10vw;}
	.zone3 .innerflex                                                       {flex-direction: column;}
    .zone3 .innerflex .blockl                                               {width: 90%;}
    .zone3 .innerflex .blockr                                               {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(50% - 20px); padding:10px;}
}