/***** top_page *****/
.top_page                           { position: relative; padding-top: 150px;}
.top_page .content                  { padding: 70px 40px; background: var(--main-color); position: relative; z-index: 1; margin: 0 auto; text-align: center;}
.top_page .texte                    { max-width: 1000px; margin: 0 auto;}
.top_page .sous_titre               { color: var(--white); margin-bottom: 5px;}
.top_page .titre_main::after        { content: url(../images/picto_white.svg);}
.top_page .chapo                    { color: var(--white); margin-bottom: 0;}
.top_page .devis                    { padding: 0 30px 0 80px; background: url(../images/icone_devis_white.svg) 30px center / 26px no-repeat var(--second-color); margin-top: 30px;}
.top_page .devis span               { color: var(--white);}



@media (min-width:1201px) {
.top_page .devis:hover              { color: var(--main-color); background: url(../images/icone_devis.svg) 30px center / 26px no-repeat var(--white);}
.top_page .devis:hover::before      { filter: brightness(0) invert(1);}
.top_page .devis:hover span         { color: var(--main-color);}
}
@media (max-width:1000px) { 
.top_page                           { padding-top: 100px;}
.top_page .wrapper                  { max-width: initial; width: 100%;}
.top_page .titre_main               { padding-right: 0;}
.top_page .content                  { padding: 40px; width: 100%; border-radius: 0;}
}
@media (max-width:700px) { 
.top_page .content                  { padding: 40px 30px;}
.top_page .devis                    { display: none;}
}
@media (max-width:400px) { 
#contact h2.chapo { display: none;}
}

/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:0 0 30px;}
.breadcrumb a                       { color: var(--main-color);}
.breadcrumb a.active                { color: var(--second-color);}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 20px; letter-spacing: 0.4px; margin-right: 40px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 10px; position: absolute; right: -20px; top: 5px; background: var(--main-color); content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

@media (min-width:1201px) {
.breadcrumb li a:hover				{ color:#1da0e3;}

}
@media (max-width:1200px) {
.breadcrumb                         { padding-bottom: 30px;}
.breadcrumb li                      { margin-right: 30px;}
.breadcrumb li::after               { right: -15px;}
}
@media (max-width:1000px) { 
.breadcrumb							{ display: none;}
}

.types                                      { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; margin: 80px 0;}
.types .item                                { padding: 30px 40px 35px; background-color: var(--main-color); color: var(--white);}

@media (max-width:1400px) {
.types .item                                { padding: 40px 40px 50px;}
}
@media (max-width:1200px) {
.types                                      { gap: 15px; margin: 70px 0;}
.types .item                                { padding: 30px;}
}
@media (max-width:1000px) {
.types                                      { grid-template-columns: 1fr 1fr; margin: 50px 0;}
.types .item:last-of-type                   { grid-column: 1 / -1;}
}
@media (max-width:700px) {
.types                                      { grid-template-columns: 1fr;}
}

/***** page content *****/
.page_content 								{ position: relative; margin-bottom: 30px;}
.page_content p:not(:last-of-type)          {margin-bottom: 15px;}
.page_content .ul_list a, 
.page_content p a							{ border-bottom: 1px solid transparent; padding-bottom: 2px;}
.page_content .ul_list						{ margin-bottom: 20px; padding: 5px 0 0 0;}

.link-moins,.link-plus                      { cursor:pointer; border-bottom: 1px solid transparent;}
.textMore                                   { display: none; margin-top: 40px;}
.textMore p:not(:first-of-type)             { margin-top: 15px;}

@media (min-width:1201px) {
.page_content .ul_list a:hover,
.page_content p a:hover						{ border-color: #022e66; color: #022e66;}
}
@media (max-width:700px) {
.page_content p								{ margin-bottom: 10px;}
.page_content .ul_list						{ margin-bottom: 10px;}
}



/***** bloc texte *****/
.bloc_texte							{ margin: 90px auto; position: relative;}
.bloc_texte.intro                   { margin: 100px auto;}
.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.intro,
.bloc_texte							{ margin: 60px auto;}
}
@media (max-width:1000px) { 
.bloc_texte.intro,
.bloc_texte							{ margin: 50px auto;}
}
@media (max-width:600px) { 
.bloc_texte.intro,
.bloc_texte							{ margin: 30px 0;}
}

.table_plus                         { margin-bottom: 100px;}

@media (max-width:1000px) {
.table_plus                         { margin-bottom: 50px;}
}



/***** bandeau *****/
@media (max-width:700px) {
.bandeau                            { background: none; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0;}
.bandeau a                          { width: 100%;text-align: center; background: var(--second-color); font: 700 12px/60px var(--font-main); color: var(--white); text-transform: uppercase; padding: 0 20px;}
.bandeau span                       { display: none;}
.moving_galerie                     { margin-bottom: 30px;}
}