/***** top page *****/
.top_page 							{ position: relative; background: url(../images/shape.webp) center / cover no-repeat; text-align: center; padding-top: 120px;}
.top_page .wrapper                  { padding: 45px 0 110px;}
.top_page .content                  { max-width: 910px; margin: 0 auto;}
.top_page .devis                    { color: #000; background-image: linear-gradient(to top, #fff 0% 50%, #000 50% 100%);}
@media (min-width:1201px) { 
.top_page .devis:hover              { color: #fff;}
.top_page .devis:hover::after       { filter: brightness(0) invert(1);}
}

.top_page .titre_main               { color: #000;}
.top_page .sous_titre               { margin: -15px 0 20px;}
.top_page .chapo                    { color: #000; margin-bottom: 30px;}
@media (max-width:1200px) { 
.top_page 							{ margin-top: 0;}
}
@media (max-width:1000px) { 
.top_page 							{ padding-top: 100px;}
}
@media (max-width:600px) { 
.breadcrumb 						{ display: none}
.top_page .titre_main               { font-size: 25px; line-height: 30px;}
.top_page							{ margin-bottom: 50px;}
.top_page .wrapper                  { padding-bottom: 45px;}
.top_page .chapo 					{ font-size:15px;}
}

/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; margin-bottom: 60px; text-align: left;}
.breadcrumb a                       { color: #000;}
.breadcrumb a.active                { color: #000;}
.breadcrumb li 						{ display: inline-block; font-size: 14px; line-height: 20px; margin-right: 30px; position: relative;}
.breadcrumb li:after				{ width: 5px; height: 5px; position: absolute; right: -18px; top: 8px; background: #000; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

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


/***** page content *****/
.page 								{ position: relative; padding-bottom: 100px;}
.page p								{ margin-bottom: 15px;}
.page .ul_list a, 
.page p a							{ border-bottom: 1px solid transparent; color: #cfb18c; padding-bottom: 2px;}

@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ border-color: #cfb18c; color: #cfb18c;}
}
@media (max-width:1200px) {
.page 								{ padding-bottom: 80px;}
}

@media (max-width:600px) {
.page 								{ padding-bottom: 50px;}
.page p								{ margin-bottom: 10px;}
.page .ul_list						{ margin-bottom: 10px;}
}


/***** atouts *****/
.atouts                             { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; margin: 100px 0;}
.atouts .item                       { padding: 40px 40px 35px; background-color:#000000; color: #fff;}
.atouts .icone                      { width: 100px; height: 100px; display: grid; align-items: center; justify-content: center; background-color:#fff; border-radius: 50%; margin-bottom: 20px;}
.atouts .sous_titre                 { font-size: 20px; line-height: 35px; margin-bottom: 10px;}

@media (max-width:1200px) {
.atouts                             { gap: 20px;}
.atouts .item                       { padding: 30px;}
}
@media (max-width:1000px) {
.atouts                             { grid-template-columns: 1fr 1fr; gap: 10px; margin: 40px 0;}
.atouts .item                       { padding: 30px;}
.atouts .item:first-child           { grid-area: 1/3/2/1;}
}
@media (max-width:600px) {
.atouts                             { grid-template-columns: 1fr; gap: 10px;}
.atouts .item                       { padding: 20px;}
.atouts .item:first-child           { grid-area:auto;}
.atouts .icone                      { width: 70px; height: 70px; margin-bottom: 5px;}
.atouts .icone img                  { transform: scale(0.8);}
}



/***** 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: 30px 0;}
}


/***** services *****/
.services                           { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 65px;}
.services img                       { display: block; margin: 0 auto 25px;}
.services .link                     { display: block; text-align: center;}
@media (max-width:1000px) { 
.services                           { display: none;}
}


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


/***** page plan *****/
#plan .top_page:before 				{ bottom: 0;}
#plan .top_page .texte				{ padding-bottom: 100px;}
#plan .top_page .sous_titre			{ margin: 0;}
#plan .page							{ padding-bottom: 0;}

@media (max-width: 1400px){
#plan .top_page .texte				{ padding-bottom: 80px;}
}
@media (max-width: 1200px){
#plan .top_page .texte				{ padding-bottom: 60px;}
}
@media (max-width: 600px){
#plan .top_page .texte				{ padding-bottom: 35px;}
}