/***** banner *****/
.banner 											{ position: relative; padding-top: clamp(20px, 4vw, 40px); text-align: center; display: grid; color: #fff; overflow: hidden;}
.banner:before 										{ position: absolute; left: 0; top: 0; right: 0; bottom: 10vw; background: var(--gradientBlue); z-index: -1; content: "";}
.banner .txt 										{ padding: 10vw 0; margin-bottom: -40px;}
.banner .titre_main 								{ font-size: clamp(55px, 4.6vw, 100px); margin: 0;}
.banner .titre_main i 								{ font-style: normal;}
.banner .titre_main span.mobile_only 				{ display: none;}
.banner .sous_titre 								{ font-weight: 400; line-height: 160%; letter-spacing: 0.6px; margin: 0; padding-bottom: 10px;}
.banner .dynamic_txt								{ margin-top: -5px;}

.banner .video										{ width: 80vw; max-width: 1600px; aspect-ratio: 16/9; display: block; margin: 0 auto; position: relative; border-radius: var(--radiusL); overflow: hidden;}
.banner .video video								{ width: calc(100% + 2px); height: calc(100% + 2px); object-fit: cover; display: block; margin: -1px; will-change: transform; backface-visibility: hidden;}

.banner .square.yellow								{ right: 110%; top: 5%;}
.banner .square.blue								{ right: 98%; top: 30%;}
.banner .square.darkblue							{ left: 110%; top: 35%;}
.banner .square.green								{ right: 15%; top: -20%;}

@media (min-width:1201px) {
.banner 											{ min-height: 100vh;}
.banner:before 										{ bottom: 12vw;}
.sticky .banner:before 								{ border-radius: 0 0 var(--radiusXL) var(--radiusXL); transition-delay: 0ms;}
}
@media (max-width:2000px) {
.banner .video 										{ max-width: 1400px;}
.banner .square.yellow								{ right: 104%; top: 2%;}
.banner .square.blue								{ right: 92%; top: 32%;}
.banner .square.darkblue							{ left: 98%;}
}
@media (max-width:1600px) {
.banner .square.yellow								{ right: 100%; top: -10%;}
.banner .square.darkblue							{ left: 100%;}
}
@media (max-width:1200px) {
.banner .video 										{ width: 80vw; max-width: 800px;}
}
@media (max-width:1000px) {
.banner 											{ padding-top: clamp(20px, 10vw, 60px);}
.banner .txt 										{ padding: clamp(55px, 10vw, 80px) 0; margin: 0;}
.banner .titre_main 								{ font-size: clamp(30px, 5.5vw, 50px);}
.banner .sous_titre 								{ padding-bottom: clamp(10px, 5vw, 20px); font-size: clamp(13px, 2.2vw, 18px);}
}
@media (max-width:700px) {
.banner .sous_titre  								{ max-width: 280px; margin: 0 auto;}
.banner .titre_main i								{ display: none;}
.banner .titre_main span							{ display: none;}
.banner .titre_main span.mobile_only 				{ display: inline-block;}
}



/***** txt dynamic *****/
.dynamic_txt	 							{ position: relative; display: inline-block; text-align: center; vertical-align: bottom; letter-spacing: 0; font-size: 0; line-height: 0;}
.dynamic_txt li								{ width: 0; overflow: hidden; display: inline-block; vertical-align: bottom; line-height: 110%; letter-spacing: 0.2px; margin: 0; white-space: nowrap;}
.dynamic_txt li div 						{ display: inline-block; padding-right: 15px; margin-left: 10px; position: relative; line-height: 120%;}
.dynamic_txt li div:after					{ position: absolute; left: 0; top: 15%; width: 3px; height: 80%; background: var(--blue); content: "";}
.dynamic_txt li:nth-child(1) 				{ width: auto;}

.dynamic_txt li:nth-child(1) 				{ animation: dynamicText 12s infinite;}
.dynamic_txt li:nth-child(2) 				{ animation: dynamicText 12s infinite 3s;}
.dynamic_txt li:nth-child(3) 				{ animation: dynamicText 12s infinite 6s;}
.dynamic_txt li:nth-child(4) 				{ animation: dynamicText 12s infinite 9s;}

.dynamic_txt li:nth-child(1) div 			{ animation: dynamicText_div 12s infinite; }
.dynamic_txt li:nth-child(2) div 			{ animation: dynamicText_div 12s infinite 3s;}
.dynamic_txt li:nth-child(3) div 			{ animation: dynamicText_div 12s infinite 6s;}
.dynamic_txt li:nth-child(4) div 			{ animation: dynamicText_div 12s infinite 9s;}

.dynamic_txt li:nth-child(1) div:after 		{ animation: dynamicText_after 12s infinite;}
.dynamic_txt li:nth-child(2) div:after 		{ animation: dynamicText_after 12s infinite 3s;}
.dynamic_txt li:nth-child(3) div:after 		{ animation: dynamicText_after 12s infinite 6s;}
.dynamic_txt li:nth-child(4) div:after 		{ animation: dynamicText_after 12s infinite 9s;}


@media (max-width:700px) { 
.dynamic_txt li div 						{ padding-right: 10px; margin-left: 5px;}
.dynamic_txt li div:after					{ width: 2px;}

.dynamic_txt li:nth-child(1) 				{ animation: dynamicText 10s infinite;}
.dynamic_txt li:nth-child(2) 				{ animation: dynamicText 10s infinite 2.5s;}
.dynamic_txt li:nth-child(3) 				{ animation: dynamicText 10s infinite 5.0s;}
.dynamic_txt li:nth-child(4) 				{ animation: dynamicText 10s infinite 7.5s;}

.dynamic_txt li:nth-child(1) div 			{ animation: dynamicText_div 10s infinite; }
.dynamic_txt li:nth-child(2) div 			{ animation: dynamicText_div 10s infinite 2.5s;}
.dynamic_txt li:nth-child(3) div 			{ animation: dynamicText_div 10s infinite 5.0s;}
.dynamic_txt li:nth-child(4) div 			{ animation: dynamicText_div 10s infinite 7.5s;}

.dynamic_txt li:nth-child(1) div:after 		{ animation: dynamicText_after 10s infinite;}
.dynamic_txt li:nth-child(2) div:after 		{ animation: dynamicText_after 10s infinite 2.5s;}
.dynamic_txt li:nth-child(3) div:after 		{ animation: dynamicText_after 10s infinite 5.0s;}
.dynamic_txt li:nth-child(4) div:after 		{ animation: dynamicText_after 10s infinite 7.5s;}
}

@keyframes dynamicText {
0%, 5% 										{ width: 0; overflow: hidden;}
6%, 26% 									{ width: auto;}
27%, 100% 									{ width: 0; overflow: hidden;}
}

@keyframes dynamicText_div {
0%, 5% 										{ clip-path: inset(0 100% 0 0);}
10%, 22% 									{ clip-path: inset(-1px -1px -1px -1px);}
27%, 100% 									{ clip-path: inset(0 100% 0 0);}
}
@keyframes dynamicText_after {
0%, 5% 										{ left: 0;}
10%, 22% 									{ left: calc(100% - 3px);}
27%, 100% 									{ left: 0;}
}


/***** chapo *****/
.chapo 												{ width: 80vw; max-width: 1600px; margin: 0 auto;}

@media (max-width:2000px) {
.chapo												{ max-width: 1400px;}
}
@media (max-width:1200px) {
.chapo												{ width: 90vw;}
}
@media (max-width:700px) {
.chapo												{ width: 80vw; margin-bottom: -10px;}
}



/***** services *****/
.services 											{ position: relative; overflow: hidden;}
.services .container 								{ display: grid; grid-template-columns: 60% minmax(300px, 500px); align-items: start; grid-gap: clamp(20px, 5vw, 120px); justify-content: space-between; padding-top: 2vw; position: relative;}
.services .square.yellow							{ right: 12%; top: -8%;}
.services .square.green								{ left: -8%; top: 60%;}
.services .square.blue								{ right: -4%; bottom: 6%;}

/*
.services .slogan 									{ position: absolute; right: 5%; top: -10%; left: auto; bottom: auto; display: none;}
.services .slogan .titre_hw							{ text-align: center; transform: rotate(-8deg);}
*/

.services .main_s									{ display: grid; grid-gap: 10px; position: relative;}
.services .main_s .item								{ padding: clamp(20px, 5vw, 100px); display: grid; align-items: center;}
.services .main_s .item .wrap						{ margin: -10px 20px; max-width: 700px;}
.services .main_s .item .grid_links					{ display: grid; grid-template-columns: auto auto 1fr; grid-gap: 10px; margin-top: clamp(15px, 3.2vw, 25px);}
.services .main_s .item lord-icon					{ display: none;}

.services .other_s  								{ /*padding-top: clamp(80px, 8vw, 140px);*/ align-self: center;}
.services .other_s a								{ background: #fff; border: 1px solid #d7f1fd; box-shadow: 0 0 10px 0 #d7f1fd50; color: var(--darkBlue); display: block; margin-top: 10px; padding: 15px 25px; border-radius: var(--radiusS);}
.services .other_s a:after							{ width: 20px; height: 100%; position: absolute; right: 20px; top: 0; margin: 0; background: url("../images/arrow_darkblue.svg") center / contain no-repeat; content: "";}
.services .other_s a b								{ font-size: clamp(16px, 1.4vw, 18px); letter-spacing: 0.4px;}
.services .other_s a span							{ width: 120px; height: 120px; border-radius: var(--radiusM); background: var(--blue); display: grid; align-content: center; position: absolute; right: -30px; bottom: 20px; z-index: 20; visibility: hidden; opacity: 0; transform: scale(0.5); transform-origin: center bottom; content: "";}
.services .other_s a lord-icon						{ width: 70px; height: 70px; filter: brightness(200); display: block; margin: 0 auto;}

@media (min-width:1201px) {
.services .other_s a:hover							{ padding: 22px 25px 22px 40px; filter: none; color: var(--blue);}
.services .other_s a:hover:after					{ right: 30px;}
.services .other_s a:hover span						{ transform: scale(1) rotate(0deg); opacity: 1; visibility: visible;}
}
@media (max-width:1200px) {
.services .main_s .item .wrap						{ margin: 0;}
}
@media (max-width:1000px) {
.services .container 								{ grid-template-columns: 1fr; grid-gap: clamp(30px, 5vw, 120px); padding-top: 0;}
.services .other_s a b								{ font-size: clamp(14px, 2.2vw, 16px); letter-spacing: 0.4px;}
}
@media (max-width:700px) {
.services   										{ margin-top: -10px;}
.services .slogan 									{ position: relative; right: auto; top: auto; display: none;}
.services .slogan .triangle							{ display: none;}

.services .main_s .item								{ padding: 6.5vw;}
.services .main_s .item lord-icon					{ display: block; width: 60px; height: 60px; margin: -5px 0 10px 0;}

.services .main_s .item .grid_links					{ grid-template-columns: 1fr; grid-gap: 8px;}
.services .main_s .item .grid_links .link			{ padding: 12px 20px 14px 20px;}
.services .main_s .item .grid_links .link:after 	{ width: 12px; height: 8px; position: absolute; right: 18px; top: 50%; transform: translateY(-50%) rotate(-90deg); background: url("../images/arrow_down.svg") center / contain no-repeat; content: "";}
.services .other_s a								{ margin-top: 8px; padding: 10px 15px;}
.services .other_s a:after							{ right: 15px;}
.services .other_s a b								{ font-size: clamp(14px, 2.2vw, 16px);}
}



/***** assets nbr *****/
.assets_nbr 										{ position: relative;}
.assets_nbr .container								{ display: grid; grid-template-columns: repeat(4, auto); justify-content: space-between;}
.assets_nbr .container .item .nbr					{ font-weight: 700; letter-spacing: 0; line-height: 100%; margin-top: -10px;}
.assets_nbr .container .item p						{ font-weight: 600; font-size: clamp(18px, 1.8vw, 24px); margin: 0;}

@media (max-width:1000px) {
.assets_nbr .container								{ grid-template-columns: 200px 200px; grid-gap: 5vw; max-width: 550px; margin: 0 5vw;}
.assets_nbr .container .item .nbr					{ font-size: 50px;}
}
@media (max-width:700px) {
.assets_nbr .container								{ grid-template-columns: auto auto; grid-gap: 10vw 2vw; justify-content: space-around;}
.assets_nbr .container .item .nbr					{ margin: 0 0 5px 0;}
.assets_nbr .container .item p						{ font-size: clamp(14px, 3vw, 20px);}
}



/***** agence *****/
.agence 										{ position: relative; overflow: hidden; padding: var(--paddingTB);}
.agence .titre_main								{ font-weight: 700; margin: 0 auto clamp(20px, 5vw, 120px) auto; max-width: 1600px; display: none;}
.agence .square.green							{ right: 12%; top: -8%;}
.agence .square.yellow							{ left: -10%; top: 35%;}
.agence .square.blue							{ left: 40%; top: 95%;}
.agence .container 								{ display: grid; grid-template-columns: 40% minmax(auto, 1000px); align-items: start; grid-gap: clamp(20px, 5vw, 120px); justify-content: space-between; padding: 2vw 0;}
.agence .container>.item						{ position: relative;}

.agence .team>.wrap								{ width: 85%; max-width: 700px; margin: 0 auto; display: grid;}
.agence .team .container						{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; padding: clamp(5px, 1vw, 15px) 0; /*min-height: 400px;*/}
.agence .team .card_team .wrap 					{ transition: all 400ms ease-in; opacity: 0; transform: scale(0.65); will-change: opacity, transform;}
.agence .team .card_team .wrap.visible 			{ opacity: 1; transform: scale(1);}
.agence .team .link_txt_arrow					{ margin-top: clamp(10px, 2.2vw, 20px); justify-self: end;}

.agence .strengths .show_hide					{ margin: 0; padding-top: clamp(5px, 1vw, 15px);}
.agence .strengths .show_hide .titre 			{ font-size: clamp(20px, 1.8vw, 24px);}

.agence .certis 								{ grid-column: span 2; padding: 0 10%;}
.agence .certis .wrapper 						{ width: 100%;}
.agence .certis .list							{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; padding-top: clamp(5px, 1vw, 15px);}
.agence .certis .list .item						{ box-shadow: 0 0 30px 0 rgba(33, 190, 255, 12.5%); background: #fff; border-radius: var(--radiusS); display: grid; align-items: center; justify-content: center; padding: 20px;}
.agence .certis .list .item	img					{ width: auto; height: 90px; display: block; margin: 0 auto;}

@media (max-width:1200px) {
.agence .container 								{ grid-template-columns: 45% minmax(auto, 1000px);}
.agence .team>.wrap								{ width: 100%; max-width: none;}
.agence .certis .list .item	img					{ height: 70px;}
}
@media (max-width:1000px) {
.agence .container 								{ grid-template-columns: 1fr; grid-gap: clamp(45px, 12vw, 70px);}
.agence .certis 								{ grid-column: auto; padding: 0;}
}
@media (max-width:700px) {
.agence .certis .list							{ grid-template-columns: 1fr 1fr;}
.agence .certis .list .item						{ padding: 15px;}
.agence .certis .list .item	img					{ height: 60px;}
}
@media (max-width:500px) {
.agence .team .container						{ grid-template-columns: repeat(3, 1fr); padding-bottom: 0;}
.agence .team .container:after					{ background: url("../images/plus.svg") 50% no-repeat var(--blue); border-radius: var(--radiusM); aspect-ratio: 1 / 1.3; width: 100%; height: auto; display: block; content: "";}
.agence .team .link_txt_arrow					{ margin: 0; font-size: 0; position: absolute; bottom: 0; right: 0; border-radius: var(--radiusM); aspect-ratio: 1/1.3; padding: 0; width: calc(33% - 5px); height: auto;}
.agence .team .link_txt_arrow:before			{ display: none;}
}




/** process **/
.agence .process									{ padding: clamp(20px, 6vw, 120px) clamp(20px, 5vw, 110px); display: grid; align-items: center; grid-row: span 2; margin-top: clamp(20px, 5vw, 80px); max-width: 650px;}
.agence .process .titre								{ margin-bottom: -5px;}

#steps												{ display: grid; grid-gap: 40px; margin: clamp(25px, 5vw, 40px) 0;}
#steps .step										{ position: relative; padding-left: 55px;}
#steps .step span									{ width: 30px; height: 30px; background: #fff; border: 2px solid var(--darkBlue); position: absolute; left: 0; top: 0; border-radius: 8px;}
#steps .step span:before							{ position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: var(--blue); transform: scale(0); border-radius: 5px; content: "";}
#steps .step span:after								{ width: 2px; position: absolute; left: 0; right: 0; top: 100%; margin: 0 auto; bottom: -90px; background: var(--darkBlue); content: "";}
#steps .step p										{ font-size: 14px; line-height: 22px; margin: 0; opacity: 0.35; transition: all 200ms ease-in-out;}
#steps .step .sous_titre							{ font-size: clamp(18px, 1.6vw, 20px); line-height: 26px; margin-bottom: 8px;}
#steps .step:last-child span:after 					{ display: none;}
#steps .step.active span:before						{ transform: scale(1);}
#steps .step.active p								{ opacity: 1;}

@media (max-width:1200px) {
.agence .process									{ margin-top: 0; max-width: none;}
}
@media (max-width:700px) {
.agence .process									{ padding: 7vw 6vw;}
.agence .process .link_txt_arrow					{ font-size: 0; width: auto; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.agence .process .link_txt_arrow:before				{ height: 12px; top: auto; bottom: 20px; right: 20px;}

#steps 												{ grid-gap: 25px; margin-bottom: 15px;}
#steps .step										{ padding-left: 40px;}
#steps .step span									{ width: 24px; height: 24px;}
#steps .step span:before							{ left: 3px; top: 3px; right: 3px; bottom: 3px;}
#steps .step span:after								{ bottom: -75px; background: var(--darkBlue); content: "";}
#steps .step .sous_titre							{ font-size: 16px; margin-bottom: 4px;}
#steps .step p										{ font-size: 11px; line-height: 18px;}
}



/***** cta bloc *****/
.cta_bloc 											{ background: var(--gradientBlue); padding: var(--paddingTB); color: #fff; text-align: center; min-height: 55vh; display: grid; align-items: center; position: relative;}
.cta_bloc .square.yellow							{ right: 20%; top: -5%;}
.cta_bloc .square.blue								{ left: 25%; top: 100%; transform: translateY(-40%);}
.cta_bloc lord-icon									{ width: 100px; height: 100px; display: block; margin: -10px auto clamp(5px, 1vw, 10px) auto;}
.cta_bloc .sous_titre								{ font-weight: 400; line-height: 160%; margin: clamp(15px, 2vw, 35px) 0; letter-spacing: 0.6px;}
.cta_bloc .grid_links								{ padding: clamp(5px, 1vw, 12px) 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin: 0 auto; max-width: 540px;}
.cta_bloc .grid_links .link 						{ width: 100%; text-align: center; height: 66px; line-height: 64px; margin: 0;}
.cta_bloc .link										{ height: 60px; line-height: 58px; background-image: linear-gradient(-15deg, var(--darkBlue) 0%, var(--blue) 60% 100%); margin: clamp(5px, 0.8vw, 12px) 0;}

@media (max-width:1200px) {
.cta_bloc lord-icon									{ width: 90px; height: 90px;}
}
@media (max-width:1000px) {
.cta_bloc 											{ min-height: inherit;}
.cta_bloc .wrapper_large							{ padding: 2vw;}
}
@media (max-width:700px) {
.cta_bloc lord-icon									{ width: 80px; height: 80px;}
.cta_bloc .titre_main								{ font-size: clamp(35px, 6vw, 60px);}
.cta_bloc .sous_titre  								{ font-size: clamp(14px, 2.2vw, 18px);}
.cta_bloc .sous_titre br							{ display: none;}
.cta_bloc .link										{ height: auto; line-height: 130%; padding: 16px 25px 18px 25px;}
}





/***** daily tow *****/
.daily_tow  										{ padding-top: 2vw;}

.daily_tow .square.yellow							{ left: 10%; top: 100%; transform: translateY(-40%);}
.daily_tow .square.darkblue							{ right: 15%; bottom: 100%; transform: translateY(35%);}
.daily_tow .square.green							{ left: 50%; top: 100%; transform: translateY(-45%);}

.daily_tow .container 								{ grid-template-columns: 35% auto 35%;}
.daily_tow .item									{ margin-bottom: 100px; position: relative;}
.daily_tow .item:first-child						{ display: grid; grid-template-rows: 1fr auto; grid-gap: 10px; align-items: end; margin-bottom: 0;}
.daily_tow .item:last-child							{ align-self: end;}
.daily_tow .bloc_darkblue							{ aspect-ratio: 1/1; width: 55%; justify-self: end;}

.daily_tow .daily_txt								{ min-height: 16vw; align-content: center;}
.daily_tow .daily_txt .wrap							{ max-width: 420px; margin: 0 auto;}
.daily_tow .daily_txt lord-icon						{ width: 90px; height: 90px; display: block; margin: clamp(-50px, -1.6vw, -10px) 0 5px 0;}
.daily_tow .daily_txt .sous_titre					{ font-size: clamp(18px, 1.8vw, 30px);}

.daily_tow .daily_img .titre						{ font-size: 16px; font-weight: 400; line-height: 160%; letter-spacing: 0.4px; left: 20px; bottom: 20px; background: #06124975; backdrop-filter: blur(15px); padding: 25px; border-radius: calc(var(--radiusL) - 20px); width: 80%; max-width: 300px;}

.daily_tow .blog									{ display: block; min-height: 16vw; align-content: center;}
.daily_tow .blog .wrap								{ max-width: 420px; margin: 0 auto;}
.daily_tow .card_blog a 							{ border-radius: 0; background: #fff;}
.daily_tow .card_blog .tags							{ position: static; line-height: 0; margin: 5px 0 20px 0;}
.daily_tow .card_blog .date							{ background: var(--lightBlue); color: var(--darkBlue);}
.daily_tow .card_blog .titre_card					{ min-height: inherit; font-size: clamp(18px, 1.2vw, 20px); border: none; box-shadow: none; border-radius: 0; padding: 0; transition: all 200ms ease-in;}
.daily_tow .card_blog .link							{ margin-top: 10px; display: none;}
.daily_tow .slick-dots								{ margin: clamp(15px, 3vw, 30px) 0 0 0; text-align: right;}

@media (min-width:1201px) {
.daily_tow .card_blog a:hover  						{ transform: translateY(0);}
.daily_tow .card_blog a:hover .titre_card			{ color: var(--blue);}
.daily_tow .item:hover img 							{ transform: scale(1.05); filter: brightness(0.75);}
}
@media (max-width:1600px) {
.daily_tow .bloc_white,
.daily_tow .bloc_darkblue							{ border-radius: var(--radiusM);}
.daily_tow .daily_txt lord-icon						{ width: 80px; height: 80px;}
.daily_tow .daily_img .titre						{ left: 15px; bottom: 15px; border-radius: calc(var(--radiusM) - 10px);}
}
@media (max-width:1200px) {
.daily_tow .container 								{ grid-template-columns: 40vw auto;}
.daily_tow .item									{ margin-bottom: 0;}
.daily_tow .item:first-child  						{ width: 20vw; grid-area: 2/2; display: block;}
.daily_tow .item:first-child .bloc_white			{ display: none;}
.daily_tow .item:last-child 						{ align-self: start; margin-top: 12vw;}
.daily_tow .bloc_darkblue							{ width: 100%;}
.daily_tow .daily_img								{ grid-row: span 2;}
}
@media (max-width:1000px) {
.daily_tow .container 								{ grid-template-columns: 60% 1fr;}
.daily_tow .item:first-child  						{ grid-area: 1/2; margin: 0; align-self: end; width: 100%;}
.daily_tow .item:last-child 						{ grid-column: span 2; margin: 0 0 0 5vw; max-width: 520px;}
.daily_tow .daily_img								{ grid-row: auto;}
.daily_tow .blog .wrap								{ padding-top: 10px;}
.daily_tow .card_blog .titre_card					{ font-size: clamp(16px, 2.6vw, 18px);}
}
@media (max-width:700px) {
.daily_tow .container 								{ grid-gap: clamp(25px, 8vw, 40px) 10px;}
.daily_tow .daily_img .titre						{ border-radius: calc(var(--radiusM) - 5px); font-size: 14px; padding: 20px;}
.daily_tow .item:last-child 						{ max-width: none; margin: 0;}
.daily_tow .blog  									{ padding: 0; border-radius: 0; background: none; border: none; box-shadow: none;}
.daily_tow .blog .wrap								{ max-width: none;}
.daily_tow .blog .card_blog 						{ padding: 5vw; border-radius: var(--radiusM); background: #fff; border: 1px solid #d7f1fd; box-shadow: 0 0 10px 0 #d7f1fd50;}
.daily_tow .blog .card_blog a						{ margin-top: -5px;}
}
@media (max-width:500px) {
.daily_tow .container 								{ grid-template-columns: 100%;}
.daily_tow .item:first-child  						{ display: none;}
.daily_tow .item:last-child 						{ grid-column: auto; grid-area: 1;}
}




/***** bloc faq *****/
.bloc_faq .show_hide.v2 .titre 						{ color: var(--txtColor); font-size: clamp(14px, 1.5vw, 16px); padding-top: 25px; padding-bottom: 25px;}
.bloc_faq .show_hide.v2 .titre.active				{ color: var(--darkBlue);}

@media (max-width:1000px) {
.bloc_faq .show_hide.v2 .titre 						{ font-size: clamp(13px, 1.8vw, 16px);}
}
@media (max-width:700px) {
.bloc_faq .show_hide.v2 .titre 						{ padding-top: 20px; padding-bottom: 20px;}
}