/***** banner *****/
.banner 								{ position: relative; padding-top: 160px;}
.banner .wrapper 						{ display: grid; grid-template-columns: 50% 50%; align-items: center;}
.banner .wrapper:before 				{ position: absolute; top: -200px; left: 100%; margin-left: -220px; bottom: 50%; width: 200vw; background: #29569b; content: "";}
.banner .photos   						{ position: relative;}
.banner .photos picture 				{ position: relative; display: block;}
.banner .photos img  					{ width: 140%; height: auto; object-fit: cover; position: relative; display: block;}
.banner .texte 							{ z-index: 10; position: relative; padding-right: 80px;}
.banner .texte .titre_main 				{ font-size: 42px; line-height: 52px; margin-bottom: 20px;}
.banner .texte .sous_titre 				{ margin-bottom: 20px; color: #000;}
.banner select,
.banner input[type="text"] 				{ width: 100%; height: 70px; border: none; font: 500 16px/24px "Barlow"; letter-spacing: 0.4px; padding: 0 30px 2px 30px; color: #29569b; border-radius: 8px; margin-top: 10px;}
.banner input[type="text"] 				{ background: url("../images/calendar.svg") calc(100% - 30px) 50% no-repeat #d9f0ff;}
.banner select							{ -webkit-appearance: none; appearance: none; background: url("../images/arrow_select.svg") calc(100% - 37px) 50% no-repeat #d9f0ff; padding-bottom: 0;}
.banner ::placeholder, 				 
.banner option:disabled					{ color: #29569b; opacity: 1;}
.banner .link							{ width: 100%; height: 70px; border: none; margin-top: 10px; cursor: pointer; border-radius: 8px;}

@media (min-width:1201px) {
.banner .texte .scroll:hover:after 		{ background-color: #005886;}
}
@media (max-width:1600px) {
.banner .photos img  					{ width: 120%;}
.banner .texte .titre_main 				{ font-size: 38px; line-height: 48px;}
}
@media (max-width:1400px) {
.banner .wrapper 						{ grid-template-columns: 1fr 52.5%;}
.banner .photos img  					{ width: 100%;}
}
@media (max-width:1200px) {
.banner 								{ padding-top: 100px;}
.banner .wrapper:before 				{ left: 65%; margin-left: 0;}
.banner .wrapper 						{ grid-template-columns: 50% 50%;}
.banner .photos img  					{ width: calc(100% + 5vw); min-height: 450px;}
.banner .texte 							{ padding-right: 60px;}
.banner .texte .titre_main 				{ font-size: 30px; line-height: 40px; margin-bottom: 15px;}
.banner .texte .sous_titre 				{ margin-bottom: 15px;}
.banner select,
.banner input[type="text"] 				{ height: 60px;}
.banner .link							{ height: 60px;}
}
@media (max-width:1000px) {
.banner .wrapper 						{ grid-template-columns: 1fr; grid-gap: 45px;}
.banner .wrapper:before 				{ left: 50%; bottom: 65%;}
.banner .photos img  					{ width: 100%;}
.banner .texte 							{ padding: 0; grid-area: 2;}
}
@media (max-width:600px) {
.banner 								{ padding: 80px 0 0 0;}
.banner .wrapper 						{ grid-gap: 30px; width: 100vw;}
.banner .wrapper:before 				{ display: none;}
.banner .photos img  					{ width: 100vw; min-height: inherit;}
.banner .texte 							{ padding: 0 6vw;}
.banner .texte .titre_main 				{ font-size: 20px; line-height: 28px; margin-bottom: 10px;}
.banner .texte .sous_titre 				{ margin-bottom: 10px;}
.banner select,
.banner input[type="text"] 				{ height: 54px; border-radius: 5px; font-size: 14px; padding: 0 20px 2px 20px;}
.banner input[type="text"] 				{ background-position: calc(100% - 20px) 50%; background-size: 24px auto;}
.banner select							{ background-position: calc(100% - 26px) 50%;}
.banner .link							{ height: 54px; border-radius: 5px;}
}


/***** intro *****/
.intro 									{ position: relative; margin: 100px auto; max-width: 1000px;}

@media (max-width:1200px) {
.intro 									{ margin: 80px auto; max-width: 800px;}
}
@media (max-width:1000px) {
.intro 									{ margin: 60px auto; max-width: 580px;}
}
@media (max-width:600px) {
.intro 									{ margin: 35px auto;}
}


/***** atouts *****/
.atouts 								{ position: relative;}
.atouts:before 							{ position: absolute; top: 0; bottom: 0; left: -50vw; width: 200vw; background: #d9f0ff; content: "";}
.atouts .bloc_grid						{ grid-template-columns: 50% 1fr;}
.atouts .photo							{ padding: 110px 0 120px 0;}
.atouts .photo:before					{ position: absolute; top: 0; bottom: 0; right: 37.5%; width: 200vw; background: #29569b; content: "";}
.atouts .photo .carac 					{ position: relative; z-index: 50; display: grid; grid-template-columns: auto auto auto 1fr; grid-gap: 15px; margin-top: -10px;}
.atouts .photo .carac li 				{ background: #fff; border-radius: 8px; padding: 12px 16px;}
.atouts .photo .carac li img 			{ width: auto; margin: 0 auto 5px auto;}
.atouts .photo .carac li span			{ font-weight: 600; height: 18px; line-height: 18px; font-size: 15px; letter-spacing: 0.2px; display: inline-block; color: #29569b;}
.atouts .texte							{ padding: 60px 0;}
.atouts .show_hide .titre 				{ font-size: 18px; font-weight: 500; color: #29569b; padding-left: 65px; padding-right: 30px; background: url("../images/check.svg") 30px 20px no-repeat #fff; cursor: default;}
.atouts .show_hide .titre:after			{ display: none;}
.atouts .show_hide .hide 				{ padding: 10px 30px 25px 30px; background: #fff; border-radius: 8px; margin-top: -10px; display: none!important;}

@media (max-width:1600px) {
.atouts .photo							{ padding: 80px 0 90px 0;}
}
@media (max-width:1200px) {
.atouts .photo							{ padding: 70px 0 80px 0;}
.atouts .photo:before					{ right: 32%;}
.atouts .photo .carac 					{ grid-gap: 10px; margin-top: -5px;}
.atouts .photo .carac li 				{ border-radius: 5px; padding: 10px 14px;}
.atouts .photo .carac li span			{ font-size: 14px;}
.atouts .show_hide .titre 				{ font-size: 16px;}
}
@media (max-width:1000px) {
.atouts .bloc_grid						{ grid-template-columns: 1fr; grid-gap: 0; margin-bottom: 0;}
.atouts .photo:before					{ right: -50vw;}
.atouts .photo 							{ padding: 40px 0 60px 40px; margin-bottom: -10px;}
.atouts .photo .carac 					{ margin: 0 0 0 -40px;}
}
@media (max-width:600px) {
.atouts .photo 							{ padding: 20px 0 40px 0; margin-bottom: -10px;}
.atouts .photo>img						{ max-width: 80vw; padding-left: 10px;}
.atouts .photo .carac 					{ margin: 15px 0 0 0; grid-template-columns: 1fr 1fr 1fr; text-align: center;}
.atouts .photo .carac li span			{ font-size: 13px; height: 14px; line-height: 14px;}
.atouts .texte							{ padding: 40px 0;}
.atouts .show_hide .titre 				{ font-size: 15px; padding-left: 48px; padding-right: 25px; background-position: 20px 16px; background-size: 16px auto;}
}


/***** moving gallery *****/
.moving_gallery 							{ padding-top: 20px;}

@media (max-width:600px) {
.moving_gallery 							{ padding-top: 10px;}
}


/***** faq *****/
.faq 										{ margin: 100px auto; position: relative;}

@media (max-width:1200px) {
.faq 										{ margin: 80px auto;}
}
@media (max-width:1000px) {
.faq 										{ margin: 60px auto;}
}
@media (max-width:600px) {
.faq 										{ margin: 40px auto;}
}