/***** banner *****/
.banner                             { position: relative; z-index: 5; padding: 140px 0 120px 0; overflow: hidden;}
.banner .wrapper                    { display: grid; grid-template-columns: 540px auto; grid-gap: 80px; align-items: center;}
.banner .texte                      { padding-top: 40px;}
.banner .slider                     { width: calc(95vw - 650px); max-width: calc(50vw + 150px); border-radius: var(--imgRadius); overflow: hidden;}
.banner .slider img                 { width: 100%; height: auto; display: block; object-fit: cover; border-radius: var(--imgRadius);}
.banner .swiper-slide               { width: 62.5%;}
.banner .bloc_horaire               { margin-top: 20px;}

.wrapnav                            { display: grid; grid-template-columns: 50px 50px; position: absolute; bottom: 0; left: 480px; border-top: none;}
.wrapnav .arrownav                  { width: 100%; height: 60px; background-position: center; background-color: transparent; background-repeat: no-repeat; cursor: pointer; transition: all ease-in-out 400ms; border-radius: var(--linkRadius);}
.wrapnav .arrownav_prev             { background-image: url(../images/arrow_prev.svg);}
.wrapnav .arrownav_next             { background-image: url(../images/arrow_next.svg);}

@media (min-width:1201px) {
.wrapnav .arrownav_prev:hover,
.wrapnav .arrownav_next:hover       { filter: brightness(0);}
}
@media (max-width:2000px) {
.banner .swiper-slide               { width: 75%;}
}
@media (max-width:1600px) {
.banner .swiper-slide               { width: 80%;}
}
@media (max-width:1400px) {
.banner .wrapper                    { grid-template-columns: 35% auto; grid-gap: 60px;}
.wrapnav                            { left: 32%; grid-template-columns: 40px 40px;}
.banner .slider                     { width: 100%; max-width: none;}
.banner .swiper-slide               { width: 100%;}
.banner .bloc_horaire               { max-width: 360px;}
}
@media (max-width:1200px) {
.banner                             { padding: 140px 0 80px 0;}
.banner .wrapper                    { grid-gap: 40px;}
.banner .texte                      { padding-top: 0;}
.wrapnav                            { left: auto; right: 0; bottom: auto; top: 100%;}
}
@media (max-width:1000px) {
.banner                             { padding: calc(90px + 5vw) 0 60px 0;}
.banner .wrapper                    { grid-template-columns: 1fr; grid-gap: 6vw;}
.banner .slider                     { grid-area: 1;}
.banner .slider img                 { max-height: 60vw;}
.wrapnav                            { left: calc(20px - 5vw); right: calc(20px - 5vw); top: calc(30vw - 30px); z-index: 20; justify-content: space-between; grid-template-columns: 40px 40px;}
.wrapnav .arrownav                  { background-color: #fff;}
.banner .bloc_horaire               { max-width: none;}
}
@media (max-width:700px) {
.banner                             { padding: 0 0 50px 0;}
.banner .slider                     { margin: 0 -5vw; width: auto; border-radius: 0;}
.banner .slider img                 { border-radius: 0;}
.wrapnav                            { left: -2vw; right: -2vw; top: calc(30vw - 20px); grid-template-columns: 30px 30px;}
.wrapnav .arrownav                  { height: 40px; background-size: auto 18px;}
.wrapnav .arrownav_prev             { background-position: 48% 50%;}
.wrapnav .arrownav_next             { background-position: 52% 50%;}
}




.quote_txt_img .titre,
.bloc_txt_img .titre 				{ margin-bottom: 5px;}


/***** assets v1 *****/
.assets_v1 									{ text-align: center; position: relative; padding: 0; margin:0;}
.assets_v1 .container 						{ display: grid; grid-gap: 20px; position: relative;}
.assets_v1.col_3 .container 				{ grid-template-columns: repeat(3, 1fr);}
.assets_v1.col_4 .container 				{ grid-template-columns: repeat(4, 1fr);}
.assets_v1.col_5 .container 				{ grid-template-columns: repeat(5, 1fr);}
.assets_v1.col_6 .container 				{ grid-template-columns: repeat(6, 1fr);}
.assets_v1 .item  						    { display: block; margin: 0 auto 20px auto; width: 100px; height: 100px; border-radius: 50%; border: solid 2px var(--mainColor2); background-color: #fff;}
.assets_v1 .item img					    { display: block; margin: 15px auto; width: 50px}
.assets_v1 p 							    { margin: 10px 0 0 0; line-height: 160%;}
.assets_v1 .sous_titre					    { margin: 0;}

@media (max-width: 700px){
.assets_v1.col_3 .container,
.assets_v1.col_4 .container,
.assets_v1.col_5 .container,
.assets_v1.col_6 .container					{ grid-template-columns: repeat(2, 1fr);}
}




.bloc_actus .titre							{ padding-bottom: 10px;}



/***** card blog v1 *****/
.card_blog_v1 								{ position: relative;}
.card_blog_v1 a 							{ display: block; text-align: center; overflow: hidden; border-radius: var(--linkRadius);}
.card_blog_v1 .photo 						{ position: relative;}
.card_blog_v1 .photo img 					{ width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 3/2; border-radius: 0;}
.card_blog_v1 .date 						{ width: 100px; height: 35px; text-align: center; font-size: 14px; line-height: 34px; font-weight: 500; border-radius: 8px; background: #fff; position: absolute; right: 15px; top: 15px; z-index: 10;}
.card_blog_v1 .titre_card 					{ padding: 30px; font-weight: 500; background: #fff; display: grid; align-items: center; min-height: 100px; line-height: 24px;}

@media (min-width:1201px) {
.card_blog_v1 a:hover  						{ transform: translateY(-15px);}
}
@media (max-width:700px) {
.card_blog_v1 .date 						{ width: 90px; height: 27px; font-size: 12px; line-height: 27px; right: 10px; top: 10px;}
.card_blog_v1 .titre_card 					{ padding: 10px 25px 15px 25px; line-height: 22px; min-height: 80px;}
}


/***** maillage *****/
#homepage p a,
#homepage li a              				{ border-bottom: 1px solid var(--mainColor2); padding-bottom: 1px;}

@media (min-width:1201px) { 
#homepage p a:hover,         				
#homepage li a:hover         				{ border-color: var(--mainColor1); color: var(--mainColor1);}
}