body								            { color: #fff; background: var(--bgColorDark); }
body>*                                          { color: #fff; }
.sous_titre                                     { color: #fff;}
.titre_main                                     { color: #fff;}
a									            { color: #fff;}


/***** banner *****/
.banner_fullscreen                          	{ position: relative; overflow: hidden; }
.banner_fullscreen:before 						{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(0deg,rgba(23, 23, 23, 1) 0%, rgba(27, 27, 27, 0) 100%); transition: none; z-index: 5; content: "";}
.banner_fullscreen img                     		{ height: 100vh; max-height: 1200px; min-height: 700px; object-fit: cover; object-position: 50% 25%; width: 100%; display: block;}
.banner_fullscreen .sous_titre             		{ display: block; margin: 5px 0 0 0; color: #fff;}
.banner_fullscreen .link      		       		{ margin: 10px 0 0 0; background-color: var(--mainColor1); color: #fff; text-transform: uppercase; font-size: 15px; line-height: 68px; height: 68px; letter-spacing: 0.8px; display: inline-block;}
.banner_fullscreen .link:after 		       		{ display: none;}
.banner_fullscreen .content                 	{ position: absolute; left: 5vw; right: 5vw; top: 0; margin: 0 auto; height: 95%; width: 90vw; display: grid; justify-content: center; align-items: center; text-align: center; z-index: 10; padding-top: 60px;}

@media (min-width:1201px) {
.banner_fullscreen .link:hover 		       		{ background-color: var(--mainColor2); color: #000; }
}
@media (max-width:1200px) {
.banner_fullscreen                  			{ padding-top: 90px;}
.banner_fullscreen img                 			{ height: 90vw; min-height: 400px; max-height: 800px;}
.banner_fullscreen:before 						{ background: linear-gradient(0deg,rgba(23, 23, 23, 1) 0%, rgba(27, 27, 27, 0) 80%);}
}
@media (max-width:1000px) {
.banner_fullscreen img                     		{ height: 85vw; max-height: 600px;}
}
@media (max-width:700px) {
.banner_fullscreen                  			{ padding-top: 68px; padding-bottom: 0;}
.banner_fullscreen:before 						{ bottom: 0; background: linear-gradient(to top, rgba(32,32,32,100%) 0%, rgba(32,32,32,0) 40%);}
.banner_fullscreen img                     		{ height: 75vw;}
.banner_fullscreen .content                 	{ padding: 0; height: 100%; align-items: end; padding-bottom: 10px;}
.banner_fullscreen .content .txt                { width: 90vw;}
.banner_fullscreen .link      		       		{ margin: 10px 0 0 0; width: 100%; line-height: 54px; height: 56px; }
}


.intro                              { position: relative; }
.intro .double_col                  { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 80px; align-items: center; background: url("../images/fav_grey.svg") bottom right no-repeat; }
.intro .double_col .right           { position: relative; }
.intro .double_col .right .link     { max-width: inherit; width: 220px;}

@media (min-width:1201px) {

}
@media (max-width:1200px) {
.intro .double_col:after            { display: none; }
.intro .double_col                  { padding: 50px 0;}
}
@media (max-width:1000px) {
.intro .double_col                  { padding: 50px 0 0 0 ; grid-gap: 50px;}
.intro .double_col .right           { padding-left: 0; }
}
@media (max-width:700px) {
.intro .sous_titre                  { display: none;}
.intro .titre_main                  { margin-bottom: 15px;}
.intro .double_col                  { padding:0; grid-gap: 0; background-image: none;}
.intro .double_col .left            { display: none; }
.intro .double_col .right .link     { width: 100%;}
}



/***** card item : img + txt */
.card_item_v1								{ border-radius: var(--imgRadius); background: #000; box-shadow: 0 0 40px 0 rgba(0,0,0,8%); overflow: hidden; position: relative;}
.card_item_v1 .wrap							{ padding: 55px 40px;}
.card_item_v1 img 							{ display: inline-block;}
.card_item_v1 img:not(.icon)				{ width: 100%; height: auto; aspect-ratio: 5/3; object-fit: cover; margin-bottom: -15px;}
.card_item_v1 .sous_titre 					{ margin: 0 0 15px 0; font-size: 24px; line-height: 32px; color: #fff;}
.card_item_v1 p								{ margin-bottom: 20px; color: #fff;}
.card_item_v1 .link.fullw 					{ width: 100%; padding: 0; text-align: center;}

@media (max-width:1200px) {
.card_item_v1								{ box-shadow: none;}
.card_item_v1 .wrap							{ padding: 30px;}
.card_item_v1 .sous_titre 					{ font-size: 20px;}
}
@media (max-width:700px) {
.card_item_v1 .wrap							{ padding: 20px;}
.card_item_v1 .sous_titre 					{ font-size: 16px; line-height: 22px;}
}


/***** grid sticky *****/
.grid_bloc_sticky	 							{ position: relative; margin: var(--marginTB);}
.grid_bloc_sticky:before						{ width: auto; height: auto; position: absolute; left: 50%; right: 20px; top: 10%; bottom: 10%; background: var(--mainColor1); border-radius: var(--imgRadius); transition: none; content: "";}
.grid_bloc_sticky .container 					{ position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 25px;}
.grid_bloc_sticky .item_sticky           		{ padding: 0 35px 0 0; align-self: start; position: sticky; top: 120px;}
.grid_bloc_sticky .item_sticky img       		{ width: 100%; height: auto; object-fit: cover; display: block; border-radius: var(--imgRadius);}
.grid_bloc_sticky .item_sticky .text     		{ text-align: center; padding: 30px 0 0 0;}
.grid_bloc_sticky .item_sticky .text p 			{ font-size: 25px; line-height: 35px; font-weight: 400;}
.grid_bloc_sticky .item_sticky .text .link 		{ margin-top: 5px;}

@media (min-width:1201px) {
/* custom nbr row */
.grid_bloc_sticky.row_2 .item_sticky           	{ grid-row: span 2;}
.grid_bloc_sticky.row_3 .item_sticky           	{ grid-row: span 3;}

/* custom reverse */
.grid_bloc_sticky.row_2.reverse .item_sticky    { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: span 2; padding: 0 0 0 30px;}
.grid_bloc_sticky.row_3.reverse .item_sticky    { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: span 3; padding: 0 0 0 30px;}
}
@media (max-width:1200px) {
.grid_bloc_sticky .container 					{ grid-template-columns: 1fr 2fr;}
.grid_bloc_sticky.row_2 .item_sticky           	{ grid-row: span 4;}
.grid_bloc_sticky.row_3 .item_sticky           	{ grid-row: span 6;}
}
@media (max-width:1000px) {
.grid_bloc_sticky	 							{ padding: 0;}
.grid_bloc_sticky:before						{ display: none;}
.grid_bloc_sticky .card_item_v1 				{ background-color: var(--bgColorMedium);}
.grid_bloc_sticky .container 					{ grid-template-columns: 1fr; padding: 0;}
.grid_bloc_sticky.row_2 .item_sticky,
.grid_bloc_sticky.row_3 .item_sticky           	{ grid-row: auto; padding: 0; }
.grid_bloc_sticky .item      					{ position: sticky; top: 120px; box-shadow: 0 -10px 20px 0px #00000055;}
.grid_bloc_sticky .item_sticky                  { position: relative; top: 0;}
.grid_bloc_sticky .item_sticky img              { max-width: 450px; height: 60vw; min-height: 250px; object-fit: cover; margin: 0 auto;}
    
}



/***** cta bloc v1 *****/
.cta_bloc.v1                           	{ background: var(--mainColor1); position: relative; text-align: center; font-size: 24px; line-height: 30px; font-weight: 700; padding: 40px; border-radius: 10px; margin: 25px 0;}
.cta_bloc.v1:after                    	{ width: 80px; height: 80px; border-radius: 50%; background: url(../images/gsm_v1.svg) no-repeat center #000; filter: invert(1); position: absolute; top: 50%; transform: translateY(-50%); left: 20px; content: "";}
.cta_bloc.v1>div                        { display: inline-block;}
.cta_bloc.v1 a                         	{ color: #000;}
.cta_bloc.v1 b                    		{ font-weight: 700; font-size: 24px; text-transform: uppercase;}

@media (min-width:1201px) {

}

@media (max-width:1000px) {

}
@media (max-width:700px) {

}





/***** bloc txt img *****/
.bloc_txt_img 											{ position: relative; margin: var(--marginTB);}
.bloc_txt_img:before									{ position: absolute; left: 20px; right: 60%; top: 25%; bottom: 0; background: var(--bgColorLight); border-radius: 20px; visibility: hidden; transition: none; content: "";}
.bloc_txt_img .container	                        	{ display: grid; grid-template-columns: 50% 1fr; grid-gap: 0 80px; align-items: center; position: relative;}
.bloc_txt_img .container>.item							{ position: relative;}
.bloc_txt_img .container>.item :last-child 				{ margin-bottom: 0;}
.bloc_txt_img .container .txt .wrap						{ display: inline-block; text-align: left; max-width: 520px;}
.bloc_txt_img .container img 							{ width: 100%; height: auto; object-fit: cover; display: block; position: relative; z-index: 10; border-radius: var(--imgRadius);}
.bloc_txt_img .container p               				{ margin-bottom: 15px;}
.bloc_txt_img .container .link							{ margin-top: 10px;}
.bloc_txt_img .container .multi_links					{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 25px;}

.bloc_txt_img.reverse:before							{ left: 60%; right: 20px; top: 25%; bottom: -10%; background: var(--bgColorLight); border-radius: 20px visibility: visible; content: "";}
.bloc_txt_img.reverse .container 						{ grid-template-columns: 1fr 50%;}
.bloc_txt_img.reverse .container>.item:last-child		{ grid-area: 1 / 1;}
.bloc_txt_img.reverse .container>.item:first-child      { grid-area: 1 / 2;}
.bloc_txt_img.reverse .container .txt					{ text-align: right;}
.bloc_txt_img.align_top .container                		{ align-items: start;}

@media (min-width:1201px) { 
.bloc_txt_img .container .list_links a:hover 			{ padding-left: 15px;}
.bloc_txt_img .container .list_links a:hover:after 		{ right: 15px;}
}

@media (max-width:1200px) { 
.bloc_txt_img .container	                        	{ grid-gap: 0 60px;}
.bloc_txt_img .container .multi_links					{ grid-template-columns: 1fr; }
}
@media (max-width:1000px) { 
.bloc_txt_img .container 								{ grid-template-columns: 1fr; grid-gap: 40px;}
.bloc_txt_img .container .txt .wrap						{ max-width: none;}

.bloc_txt_img.reverse .container 						{ grid-template-columns: 1fr;}
.bloc_txt_img.reverse .container>.item:last-child		{ grid-area: 2;}
.bloc_txt_img.reverse .container>.item:first-child      { grid-area: 1;}
}
@media (max-width:700px) { 
.bloc_txt_img .container	                        	{ grid-gap: 30px;}
.bloc_txt_img .container p               				{ margin-bottom: 10px;}
.bloc_txt_img .container .multi_links					{ grid-template-columns: 1fr; grid-gap: 10px; margin-top: 20px;}
}




.bloc_txt_img.reverse.interieur .container .item.img    { display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.bloc_txt_img.reverse.interieur .container .txt .wrap   { max-width: inherit;}
.bloc_txt_img.reverse.interieur .container .multi_links a { border: none; text-align: left; padding: 0 20px 0 30px; display: block; width: 100%; max-width: inherit; margin: 0;}
.bloc_txt_img.reverse.interieur .container .multi_links a:after { width: 20px; height: 100%; background: url("../images/arrow_link.svg") 50% no-repeat; position: absolute; right: 25px; top: 0; content: "";}
@media (min-width:1201px) {
.bloc_txt_img.reverse.interieur .container .multi_links a:hover:after { background-image: url("../images/arrow_link_white.svg");}
}

@media (max-width:1000px) {

}
@media (max-width:700px) {

}