/***** top_page *****/
.top_page                           { padding: 170px 0 0;} 
.top_page .content                  { display: grid; grid-template-columns: auto 300px; gap: 80px;}   
.top_page .content.no_cta           { grid-template-columns: 1fr; gap: 0;}   
.top_page .titre_main               { font-size: 35px; line-height: 45px; text-transform: none; font-weight: 500; margin-bottom: 8px;}
.top_page .devis_page .link         { width: 100%; border-radius: 0;}
.top_page .devis_page img           { width: 100%; height: auto; display: block;}

@media (min-width:1201px) { 
.top_page .devis_page a:hover       { color: #fff;}
.top_page .texte                    { padding-top: 35px;}
}
@media (max-width:1200px) { 
.top_page                           { padding: 150px 0 0;}
.top_page .content                  { gap: 50px;}
.top_page .titre_main               { font-size: 30px; line-height: 40px; }
}
@media (max-width:1000px) { 
.top_page                           { padding-top: 130px ;}
.top_page .content                  { gap: 40px;}
.top_page .titre_main               { font-size: 25px; line-height: 35px; }
}
@media (max-width:700px) { 
.top_page                           { padding-top: 85px;}
.top_page .content                  { grid-template-columns: 1fr; gap: 20px;}
.top_page .titre_main               { font-size: 20px; line-height: 30px;}
.top_page .devis_page img           { display: none;}
.top_page .devis_page .link         { width: 100%; border-radius: 0;}
}

/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:0 0 30px;}
.breadcrumb a                       { color: #000;}
.breadcrumb a.active                { color: #82b559;}
.breadcrumb li 						{ display: inline-block; font-size: 14px; line-height: 30px; letter-spacing: 0.2px; margin-right: 30px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 9px; position: absolute; right: -16px; top: 11px; background: #82b559; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

@media (min-width:1201px) {
.breadcrumb li a:hover				{ color:#82b559;}
}
@media (max-width:1200px) { 
.breadcrumb							{ display: none;}
}

/***** page content *****/
.page_content 								{ position: relative;}
.page_content p								{ margin-bottom: 15px;}
.page_content .ul_list a, 
.page_content p a							{ border-bottom: 1px solid transparent; padding-bottom: 2px; color: #82b559;}
.page_content .ul_list						{ margin-bottom: 15px; padding: 5px 0 0 0;}
.page_content .ul_list li					{ padding: 5px 0 5px 35px; position: relative; padding-left: 30px;}
@media (min-width:1201px) {
.page_content .ul_list a:hover,
.page_content p a:hover						{ border-color: #82b559; color: #82b559;}
}
@media (max-width:1000px) {
.page_content 								{ padding-bottom: 0;}
}
@media (max-width:700px) {
.page_content p								{ margin-bottom: 10px;}
.page_content .ul_list						{ margin-bottom: 10px;}
}



.atout                                      { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }
.atout .item                                {  padding: 50px 40px 60px; background-color: #242424; color: #fff;}
.atout .sous_titre                          { margin-bottom: 10px;}
@media (max-width:1400px) {
.atout .item                                { padding: 40px 40px 50px;}
}
@media (max-width:1200px) {
.atout                                      { gap: 15px;}
.atout .item                                { padding: 30px;}
}
@media (max-width:1000px) {
.atout                                      { grid-template-columns: 1fr 1fr;}
.atout .item:last-of-type                   { grid-column: 1 / -1;}
}
@media (max-width:700px) {
.atout                                      { grid-template-columns: 1fr;}
}



/***** bloc texte *****/
.bloc_texte							        { margin: 100px auto; position: relative;}
.bloc_texte :last-child				        { margin-bottom: 0;}
.sous_titre + .table_plus                   { margin-top: 30px;}

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