/***** top page *****/
.top_page 							{ position: relative; padding-top: 160px;}
.top_page:before 					{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #d9f0ff; z-index: -1; content: "";}
.top_page .wrapper:before 			{ position: absolute; top: -200px; left: 100%; margin-left: -220px; bottom: 0; width: 200vw; background: #29569b; content: "";}
.top_page .bloc_grid				{ margin-top: 0; }
.top_page .texte 					{ padding: 40px 300px 80px 0;}
.top_page .titre_main 				{ font-size: 42px; line-height: 52px; margin-bottom: 5px;}
.top_page .sous_titre 				{ color: #000;}
.top_page .chapo 					{ margin-top: 20px;}

@media (max-width:1600px) {
.top_page .titre_main 				{ font-size: 38px; line-height: 48px;}
}
@media (max-width:1200px) {
.top_page 							{ padding-top: 120px;}
.top_page .wrapper:before 			{ left: 65%; margin-left: 0; height: 220px; bottom: auto;}
.top_page .titre_main 				{ font-size: 30px; line-height: 40px;}
.top_page .texte 					{ padding: 40px 0 60px 0;}
.top_page .chapo 					{ margin-top: 15px;}
}
@media (max-width:1000px) { 
.top_page .wrapper:before 			{ left: 50%;}
.top_page .texte 					{ padding: 40px 0;}
}
@media (max-width:600px) { 
.top_page 							{ padding-top: 80px;}
.top_page .wrapper:before 			{ display: none;}
.top_page .texte 					{ padding: 35px 0 25px 0;}
.top_page .titre_main 				{ font-size: 20px; line-height: 28px;}
.top_page .chapo 					{ margin-top: 10px;}
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; z-index: 10;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 25px; letter-spacing: 0.6px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 9px; position: absolute; right: -14px; top: 6px; background: #000; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}


/***** page content *****/
.page 								{ position: relative; padding-bottom: 20px;}
.page p								{ margin-bottom: 15px;}
.page .ul_list a, 
.page p a							{ border-bottom: 1px solid #c1c1c1; padding-bottom: 2px;}
.page .ul_list						{ margin-bottom: 15px;}
.page .ul_list li					{ padding: 5px 0 5px 20px; position: relative;}
.page .ul_list li:before			{ position: absolute; left: 0; top: 16px; width: 6px; height: 6px; border-radius: 50%; background: #29569b; content: "";}

.page .ul_table						{ border: 1px solid #ccc; border-radius: 5px; margin: 25px 0;}
.page .ul_table li					{ display: grid; grid-template-columns: 1fr 140px; align-items: center; border-bottom: 1px solid #ccc;}
.page .ul_table li:last-child		{ border: none;}
.page .ul_table li span 			{ display: block; padding: 15px 25px; border-right: 1px solid #ccc;}
.page .ul_table li b 				{ display: block; font-weight: 500; font-size: 16px; padding: 15px 25px;}

@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ border-color: #29569b; color: #29569b;}
}
@media (max-width:1200px) {
.page 								{ padding-bottom: 0;}
.page .ul_table						{ margin: 20px 0;}
.page .ul_table li span 			{ padding: 10px 25px 12px 25px;}
.page .ul_table li b 				{ padding: 10px 25px 12px 25px;}
}
@media (max-width:600px) {
.page p								{ margin-bottom: 10px;}
.page .ul_list						{ margin-bottom: 10px;}
.page .ul_list li					{ padding-left: 18px;}
.page .ul_list li:before			{ top: 15px;}

.page .ul_table						{ margin: 15px 0;}
.page .ul_table li					{ grid-template-columns: 1fr 80px;}
.page .ul_table li span 			{ padding: 8px 18px 10px 18px;}
.page .ul_table li b 				{ padding: 8px 18px 8px 18px; font-size: 14px;}
}


/***** bloc texte *****/
.bloc_texte							{ margin: 80px auto; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img,
.bloc_texte video					{ width: 100%; height: auto; display: block;}

@media (max-width:1200px) { 
.bloc_texte							{ margin: 60px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 50px auto;}
}
@media (max-width:600px) { 
.bloc_texte							{ margin: 35px 0;}
}



/***** bloc blue *****/
.bloc_blue 							{ position: relative; background: #d9f0ff; padding: 45px 60px; border-radius: 8px; margin: 40px 0;}

@media (max-width:1200px) { 
.bloc_blue 							{ padding: 40px 50px; margin: 30px 0;}
}
@media (max-width:600px) { 
.bloc_blue 							{ padding: 25px; border-radius: 5px; margin: 25px 0;}
}



/***** cta *****/
.cta 								{ margin: 50px auto;}
.cta .link							{ display: block; height: auto; padding: 10px 35px; text-align: center; border-radius: 8px;}
.cta .link span						{ padding: 0 10px 5px 40px; background: url("../images/cart_white.svg") 0 45% no-repeat; display: inline-block;}

@media (max-width:1200px) { 
.cta 								{ margin: 40px auto;}
.cta .link							{ padding: 5px 30px;}
}
@media (max-width:600px) { 
.cta 								{ margin: 30px auto;}
.cta .link							{ padding: 0 30px; border-radius: 5px;}
.cta .link span						{ display: block; padding: 0 0 2px 0; background-position: 0 45%;}
}


/***** a propos *****/
#about .moving_gallery 				{ padding: 20px 0;}

@media (max-width:1200px) { 
#about .moving_gallery 				{ padding: 10px 0;}
}
@media (max-width:600px) { 
#about .moving_gallery 				{ padding: 5px 0;}
}


/***** tarifs *****/
#tarifs .bloc_grid 						{ grid-template-columns: 450px 1fr;}
#tarifs p i								{ display: block; padding-top: 5px; color: #e32c2c; font-style: normal;}
#tarifs .cta  							{ margin: 30px 0 0 0;}
#tarifs .cta .link 						{ display: inline-block;}
#tarifs .ul_table li					{ grid-template-columns: 1fr 30%;}
#tarifs .ul_table li span 				{ border-right: none;}
#tarifs .ul_table li span:last-child 	{ border-left: 1px solid #ccc;}
#tarifs .ul_table li b 					{ text-transform: uppercase; font-size: 18px; font-weight: 600; padding: 0; letter-spacing: 0.6px;}

@media (max-width:1200px) { 
#tarifs .bloc_grid 						{ grid-template-columns: 380px 1fr;}
#tarifs .cta  							{ margin: 25px 0 0 0;}
}
@media (max-width:1000px) { 
#tarifs .bloc_grid 						{ grid-template-columns: 1fr;}
#tarifs .cta  							{ margin: 40px 0 0 0;}
#tarifs .cta .link 						{ display: block;}
}
@media (max-width:600px) { 
#tarifs .cta  							{ margin: 30px 0 0 0;}
#tarifs .ul_table li					{ grid-template-columns: 1fr 130px;}
#tarifs .ul_table li b 					{ font-size: 15px; line-height: 22px;}
}




/***** partenaires *****/
#partenaires .partenaires                   { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#partenaires .partenaires .item             { display: grid; grid-template-columns: 30% 1fr; grid-gap: 30px; align-items: start; border: 1px solid #ccc; border-radius: 5px; padding: 30px;}
#partenaires .partenaires .item img         { filter: brightness(0.95); border-radius: 5px; max-width: 140px;}
#partenaires .partenaires .content p 		{ margin-bottom: 8px;}
#partenaires .partenaires .content .link 	{ margin-top: 8px;}

@media (max-width:1500px) {

}
@media (max-width:1200px) {
}
@media (max-width:1000px) {
#partenaires .partenaires .item             { grid-template-columns: 1fr; grid-gap: 20px;}
}
@media (max-width:700px) {
#partenaires .partenaires                   { grid-template-columns: 1fr; grid-gap: 30px;}
#partenaires .partenaires .item             { padding: 0 0 30px 0; grid-gap: 15px; border: none; border-bottom: 1px solid #ccc; border-radius: 0;}
#partenaires .partenaires .item:last-child  { padding-bottom: 10px; border: none;}
#partenaires .partenaires .item img         { max-width: 100px;}
#partenaires .partenaires .content p 		{ margin-bottom: 5px;}
#partenaires .partenaires .content .link 	{ margin-top: 5px;}
}