/***** top page *****/
.top_page 							{ position: relative; margin-top: 160px; background: #ebf1f6; background: url("../images/banner_about.webp") 100% 25% no-repeat #eef1f6; background-size: 80% auto;}
.top_page .texte 					{ padding: 100px 0 150px 0;}
.top_page .titre_main				{ font-size: 40px; line-height: 50px; margin-bottom: 10px;}
.top_page .chapo 					{ margin: 20px 0 0 0; font-size: 14px; line-height: 28px; max-width: 780px;}
.top_page .sous_titre 				{ font-size: 18px; margin: 15px 0 0 0; color: #444;}
.top_page p 						{ margin: 15px 0 0 0;}

@media (max-width:2000px) {
.top_page 							{ background-position: 100% 20%; background-size: 100% auto;}
}
@media (max-width:1600px) {
.top_page 							{ background-position: 100% 15%;}
.top_page .titre_main				{ font-size: 35px; line-height: 45px;}
}
@media (max-width:1400px) {
.top_page 							{ background-size: 120% auto;}
.top_page .texte 					{ padding: 80px 0 140px 0;}
}
@media (max-width:1200px) {
.top_page 							{ margin-top: 120px; background: #eef1f6;}
.top_page .texte 					{ padding: 70px 0 130px 0;}
.top_page .titre_main				{ font-size: 30px; line-height: 40px;}
.top_page .sous_titre 				{ font-size: 16px;}
}
@media (max-width:1000px) { 
.top_page .texte 					{ padding: 50px 0 110px 0;}
.top_page .chapo 					{ margin: 15px 0 0 0;}
}
@media (max-width:700px) { 
.top_page 							{ margin-top: 76px;}
.top_page .texte 					{ padding: 35px 0 35px 0;}
.top_page .titre_main				{ font-size: 20px; line-height: 28px;}
.top_page .chapo 					{ margin: 10px 0 0 0; font-size: 12px; line-height: 26px;}
.top_page .sous_titre 				{ font-size: 14px; line-height: 26px; margin: 10px 0 0 0;}
.top_page p 						{ margin: 10px 0 0 0;}
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: absolute; left: 0; bottom: 0; background: #fff; border-radius: 10px 10px 0 0; padding: 20px 40px;}
.breadcrumb li 						{ display: inline-block; font-size: 11px; line-height: 20px; margin-right: 30px; letter-spacing: 0.8px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 8px; position: absolute; right: -16px; top: 6px; background: #0ea1e4; content: "";}
.breadcrumb li:last-child 			{ margin: 0;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a.active 			{ color: #0ea1e4;}

@media (min-width:1201px) {
.breadcrumb a:hover                 { color: #0ea1e4;}
}
@media (max-width:700px) { 
.breadcrumb							{ display: none;}
}


/***** page content *****/
.page 								{ position: relative; padding-bottom: 40px;}
.page p								{ margin-bottom: 15px;}
.page .ul_list a, 
.page p a							{ border-bottom: 1px solid #ccc; padding-bottom: 1px;}
.page .ul_list						{ margin-bottom: 15px;}
.page .ul_list li					{ padding: 0 0 0 20px; position: relative; margin-top: 8px;}
.page .ul_list li:before			{ position: absolute; left: 0; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: #0ea1e4; content: "";}

@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ color: #0ea1e4; border-color: #0ea1e4;}
}
@media (max-width:1200px) {
.page 								{ padding-bottom: 20px;}
}
@media (max-width:700px) {
.page 								{ padding-bottom: 10px;}
.page p								{ margin-bottom: 10px;}
.page .ul_list						{ margin-bottom: 10px;}
.page .ul_list li					{ margin-top: 5px; padding-left: 18px;}
.page .ul_list li:before			{ top: 10px; width: 5px; height: 5px;}
}



/***** 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: 70px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 50px auto;}
}
@media (max-width:700px) { 
.bloc_texte							{ margin: 30px 0;}
}



/***** bloc space *****/
.bloc_space 						{ margin: 40px 0 0 0;}

@media (max-width:1200px) { 
.bloc_space 						{ margin: 30px 0 0 0;}
}
@media (max-width:700px) { 
.bloc_space 						{ margin: 25px 0 0 0;}
}



/***** bloc daikin *****/
.bloc_daikin 						{ max-width: 800px; margin: 0;}
.bloc_daikin img 					{ width: 240px; height: auto; display: block; margin-bottom: 30px;}

@media (max-width:1200px) { 
.bloc_daikin img 					{ width: 220px; margin-bottom: 25px;}
}
@media (max-width:1000px) { 
.bloc_daikin img 					{ width: 180px;}
}
@media (max-width:700px) { 
.bloc_daikin 						{ padding-top: 5px;}
.bloc_daikin img 					{ width: 140px; margin-bottom: 20px;}
}



/***** services *****/
.services                           { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px;}
.services .item                     { position: relative;}
.services .row 						{ position: relative; height: 100%; padding: 60px; border-radius: 10px; background: #eef1f6; transition: all 400ms ease-in-out;}
.services .row.cta					{ background: #181e51; color: #fff;}
.services .row .titre_cap           { margin: 0 0 5px 0;}
.services .row p              		{ margin: 10px 0 0 0; position: relative;}
.services .row li              		{ margin: 5px 0 0 0;}
.services .row :last-child     		{ margin-bottom: 0;}

.services .titre_icone              { display: grid; grid-template-columns: auto 1fr; grid-gap: 25px; align-items: center; margin-bottom: 20px;}
.services .titre_icone img          { width: auto; height: 70px; display: block; filter: brightness(200);}
.services .cta .sous_titre          { margin: 0; color: #fff;}
.services .cta .link          		{ margin-top: 20px;}

@media (max-width:1600px) {
.services  							{ grid-gap: 30px;}
}
@media (max-width:1200px) {
.services                           { grid-template-columns: 1fr 1fr;}
.services .row 						{ padding: 50px;}
.services .item:last-child         	{ grid-column: span 2;}
.services .cta p          			{ max-width: 600px;}
}
@media (max-width:1000px) {
.services                           { grid-template-columns: 1fr; grid-gap: 20px;}
.services .row 						{ padding: 50px 70px;}
.services .item:last-child         	{ grid-column: auto;}
.services .cta p          			{ max-width: 420px;}
}
@media (max-width:700px) {
.services                           { grid-gap: 15px;}
.services .titre_cap 				{ padding-top: 2px;} 
.services .row 						{ padding: 25px; border-radius: 8px;}
.services .row p              		{ margin: 8px 0 0 0;}
.services .row li              		{ margin: 4px 0 0 0;}

.services .titre_icone              { grid-gap: 20px; margin-bottom: 15px;}
.services .titre_icone img          { height: 45px;}
.services .cta .link          		{ margin-top: 15px; width: 100%; text-align: center;}
}





/***** show hide *****/
.titre_faq 							{ padding: 5px 0 5px 60px; background: url("../images/quote.svg") 0 5px no-repeat;}

.show_hide                        	{ position: relative; border: 2px solid #0ea1e4; border-radius: 10px; overflow: hidden; margin: 25px 0;}
.show_hide .item                  	{ border-bottom: 1px solid #0ea1e4;}
.show_hide .item:last-child 		{ border-bottom: 0;}
.show_hide .titre                 	{ position: relative; cursor: pointer; padding: 27px 80px 28px 50px; font: 400 16px/24px "Poppins"; letter-spacing: 0.4px; background: #f7f9fb; color: #42a2cf; margin: 0; transition: all 400ms ease-in-out;}
.show_hide .titre:after          	{ width: 20px; height: 100%; background: url("../images/plus.svg") 50% no-repeat; position: absolute; right: 40px; top: 0; transition: none; content: "";}
.show_hide .item:last-child .titre 	{ padding-bottom: 29px;}

.show_hide .titre.active    		{ background-color: #fff;}
.show_hide .titre.active:after   	{ background: url("../images/moins.svg") 50% no-repeat;}

.show_hide .item:first-child .hide 	{ display: block;}
.show_hide .hide                  	{ margin: 0; padding: 0 50px 30px 50px; background: #fff; color: #333; letter-spacing: 0.4px; display: none;}
.show_hide .hide p 					{ margin-bottom: 10px;}
.show_hide .hide p a				{ color: #222; border-bottom: 1px solid #ccc; padding-bottom: 1px;}
.show_hide .hide :last-child 	 	{ margin-bottom: 0;}

@media (min-width: 1201px){
.show_hide .hide p a:hover     		{ color: #0081c8; border-color: #0081c8;}
}
@media (max-width: 1200px){
.show_hide                        	{ margin: 20px 0;}
.show_hide .titre                 	{ padding: 18px 80px 18px 30px;}
.show_hide .item:last-child .titre 	{ padding-bottom: 19px;}
.show_hide .hide                  	{ padding: 0 30px 25px 30px;}
}
@media (max-width: 700px){
.titre_faq 							{ padding: 3px 0 3px 42px; background-size: 30px auto; background-position: 0 5px;}


.show_hide                        	{ margin: 15px 0; border-radius: 8px;}
.show_hide .titre                 	{ padding: 13px 70px 13px 25px; font-size: 13px; line-height: 22px; font-weight: 500;}
.show_hide .titre:after          	{ right: 25px; width: 18px; height: 18px; top: 50%; margin-top: -9px;}
.show_hide .item:last-child .titre 	{ padding-bottom: 14px;}
.show_hide .hide                  	{ padding: 0 25px 20px 25px;}
}