/***** top_page *****/
.top_page                           { padding: 130px 0 110px; background: var(--main-color);}
.gridtitre                          { display: grid; grid-template-columns: 76px auto; align-items: center; margin-bottom: 20px;}
.gridtitre img                      { max-width: 50px;}
.top_page .chapo                    { color: var(--white); margin-bottom: 0;}
.top_page .sous_titre               { font-size: 29px; line-height: 45px; color: var(--white); margin-bottom: 15px;}
.top_page .gridtitre .sous_titre    { margin-bottom: 0;}
.top_page .titre                    { margin-bottom: 10px;}

.top_grid .texte                    { position: relative; padding-right: 120px;}
.top_grid .breadcrumb               { position: absolute; top: 0; left: 0;}
@media (max-width:1200px) { 
.top_page                           { padding: 150px 0 80px;}
} 
@media (max-width:700px)            {
.top_page                           { padding: 110px 0 40px;}
.top_page .sous_titre               { font-size: 20px; line-height: 35px;}
.gridtitre                          { grid-template-columns: 1fr; gap: 15px;}
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:0 0 70px;}
.breadcrumb a                       { color: var(--white);}
.breadcrumb a.active                { color: var(--main-color-light);}
.breadcrumb li 						{ display: inline-block; font: 500 14px/25px "DM Sans"; letter-spacing: 0.2px; margin-right: 20px; position: relative;}

@media (min-width:1201px) {
.breadcrumb li a:hover				{ color: var(--main-color-light);}
}
@media (max-width:1200px) { 
.breadcrumb							{ display: none;}
}

/***** page content *****/
.page_content 								{ position: relative;}
.page_content .ul_list a, 
.page_content p a							{ border-bottom: 1px solid transparent; padding-bottom: 2px; color: var(--main-color-light);}

@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover						{ border-color: var(--main-color-light);}
}
@media (max-width:1000px) {
.page_content 								{ padding-bottom: 0;}
}
@media (max-width:700px) {

}


.bloc_texte                         { margin: 80px 0;}
@media (max-width:700px) {
.bloc_texte                         { margin: 60px 0;}
}




.bandeau                            { display: grid; grid-template-columns: 345px auto; border-radius: 10px; overflow: hidden; color: var(--white); background: var(--main-color); margin: 80px 0;}
.bandeau .devis                     { color: var(--white); text-align: center; font: 700 20px/25px "DM Sans"; display: grid; align-items: center; justify-content: center; background-color: var(--second-color); min-height: 130px;}
.bandeau .devis span                { display: inline-block; vertical-align: top; padding-left: 35px; background: url(../images/icone_devis.svg) left center no-repeat;}
.bandeau .contact                   { display: grid; grid-template-columns: auto auto; justify-content: center; align-items: center; gap: 100px;}
.bandeau .tel                       { font: 500 15px/25px "DM Sans";}
.bandeau .tel a                     { display: inline-block; padding-left: 30px; background: url(../images/tel_green.svg) left center no-repeat; font: 700 20px/25px "DM Sans"; color: var(--main-color-light);}
.faq .sous_titre                    { text-align: left;}

@media (min-width:1201px) {
.bandeau .devis:hover               { background-color: var(--main-color-light);}
.bandeau .link:hover                { color: var(--main-color); background-color: var(--white);}
.bandeau .tel a:hover               { color: var(--white);}
}
@media (max-width:1200px) {
.bandeau .contact                   { gap: 40px; padding: 30px;}
}
@media (max-width:1000px) {
.bandeau                            { display: block;}
.bandeau .devis                     { min-height: 80px;}
}
@media (max-width:700px) {
.bandeau                            { display: none;}
}