/* Breadcrumb */
.breadcrumb								{ line-height: 0; margin:0; padding: 30px 0 30px;}
.breadcrumb li 							{ display: inline-block; font: 400 13px/20px "Jost"; letter-spacing: 1.2px; margin-right: 25px; position: relative; color: #fff;}
.breadcrumb li:after					{ width: 1px; height: 10px; content: ""; position: absolute; right: -12px; top: 4px; background: #fff;}
.breadcrumb li:last-child a       		{ color: var(--or);}
.breadcrumb li:last-child:after 		{ display: none;}
.breadcrumb li a                    	{ color: #fff; }

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


/* Top page */
.top_page                           	{ position: relative;}
.top_page .bloc_grid                    { align-items: flex-start;}
.top_page .bloc_grid:after              { content: ""; width: 150vw; height: 100%; display: block; background-color: var(--noir); position: absolute; top: -15%; left: -20vw; right: -20vw; z-index: -1;}

.top_page .texte                       	{ max-width: 600px; margin-left: auto;}
.top_page .content 						{ position: relative; margin: 20px 0 90px;}
.top_page p                             { display: block; margin-top: 20px; color: #fff;}
.top_page .texte img                    { width: auto; height: auto; margin-bottom: 10px;}
.top_page .titre_main                   { color: #fff; font-size: 40px; line-height: 50px;}
.top_page .chapo                        { color: #fff; font-size: 15px;}
.top_page .search                       { margin-bottom: 0px; margin-top: 60px;}
.top_page .search form                  { width: 100%;}

@media (max-width:1600px) { 
.top_page .bloc_grid                    { align-items: center; padding: 30px 0 80px;}
.top_page .bloc_grid:after              { top: -15%; height: auto; bottom: 0;}
.top_page .titre_main                   { font-size: 35px; line-height: 45px;}
}
@media (max-width:1200px) { 
.top_page                           	{ background-color: var(--noir); }
.top_page .bloc_grid                    { align-items: center; padding: 30px 0 60px;}
.top_page .bloc_grid:after              { display: none;}
.top_page .titre_main                   { font-size: 30px; line-height: 40px;}
}
@media (max-width:1000px) { 
.top_page .bloc_grid.reverse .texte     { max-width: inherit; grid-area: 1;}
.top_page .bloc_grid.reverse .photo     { grid-area: 2;}
.top_page .titre_main                   { font-size: 25px; line-height: 35px;}
}
@media (max-width:700px) { 
.top_page .texte img                    { max-width: 70px; }
.top_page .bloc_grid                    { align-items: center; padding: 30px 0 40px;}
.top_page .titre_main                   { font-size: 22px; line-height: 30px;}
}



.top_page.no_img                       	{ background-color: var(--noir); padding: 80px 0; margin-top: -40px}
.top_page.no_img .texte                 { max-width: inherit; margin-left: inherit; }
@media (max-width:1200px) { 
.top_page.no_img                       	{ padding: 80px 0 60px; }
}
@media (max-width:1000px) { 
.top_page.no_img                       	{ padding: 80px 0 50px; }
}
@media (max-width:700px) { 
.top_page.no_img                       	{ padding: 80px 0 40px; }
}


.ul_list li a     						{ padding-bottom: 2px;}
.ul_list								{ margin: -5px 0 20px 0;}
.ul_list li								{ padding: 5px 0 5px 35px; position: relative; background: url("../images/list_or.svg") 0 14px no-repeat; font-size: 15px;}
.ul_list li	span     					{ font-size: 12px;}
@media (min-width:1201px) {
.page_content .ul_list a:hover			{ border-color: var(--or); }
}



/***** page content *****/
.page_content							{ position: relative; padding-top: 130px;}
.page_content p							{ margin-bottom: 20px;}
.page_content .bloc_grid .link,
.page_content .bloc_texte .link			{ margin-top: 20px;}
.page_content p a						{ color: var(--noir); border-bottom: 1px solid #032f3985;}
@media (min-width:1201px) {
.page_content p a:hover					{ color: var(--or); border-color: var(--or); }
}
@media (max-width:1200px){
.page_content							{ padding-top: 70px;}
}
@media (max-width:700px) { 
.page_content	                    	{ padding: 50px 0 0; }
.page_content p							{ margin-bottom: 10px; }
.page_content .bloc_texte           	{ margin:55px 0 0}
.page_content .sous_titre           	{ font-size: 16px; line-height: 30px;}
.ul_list li								{ font-size: 12px;}
}




/***** bloc texte *****/
.bloc_texte								{ margin: 100px auto; position: relative;}
.bloc_texte p							{ margin-bottom: 20px;}
.bloc_texte img                     	{ width: 100%; height: auto; display: block; line-height: 0;}

@media (max-width:1000px) { 
.bloc_texte								{ margin: 50px 0;}
}
@media (max-width:700px) {
.bloc_texte								{ margin: 40px 0;}
}




.info_flash                             { margin: 130px auto 100px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.info_flash .texte                      { padding: 60px 70px; background: #fff; }
.info_flash .photo                      { position: relative;}
.info_flash .photo img                  { display: block; height: auto; width: 100%;}
.info_flash .macaron                    { display: grid; align-content: center; align-items: center; background-color: var(--or); width: 140px; height: 140px; border-radius: 50%; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 30px; text-align: center; margin: 0; letter-spacing: 0.8px; position: absolute; top: -90px; left: 5%;}

@media (max-width:1200px) { 
.info_flash                             { margin: 90px auto; }
.info_flash .texte                      { padding: 50px; }
.info_flash .macaron                    { width: 120px; height: 120px; font-size: 18px; position: absolute; top: 20px; left: inherit; right: 20px;}
}
@media (max-width:1000px) { 
.info_flash                             { margin: 80px auto; grid-template-columns: 1fr;}
.info_flash .texte                      { padding: 40px; }
}
@media (max-width:700px) {
.info_flash                             { margin: 50px auto; }
.info_flash .texte                      { padding: 7.5vw; }
.info_flash .macaron                    { width: 100px; height: 100px; font-size: 14px; right: 10px; top: 10px;}
}







#scroll_onglets .onglets                    { width: auto; display: flex; justify-content: center; gap: 10px; margin-bottom: 50px;}
#scroll_onglets .onglets .link              { min-width: 140px;}
#scroll_onglets .onglets .link.active       { background-color: var(--noir)}

@media (min-width: 1201px) {
#scroll_onglets .onglets .link:not(.active):hover { background-color: var(--noir)}
}

@media (max-width: 1200px) {
#scroll_onglets .onglets                    {  }
}
@media (max-width: 700px) {
#scroll_onglets .onglets                    { flex-direction: column; gap: 5px;}
}






.page_galerie                             { text-align: center; margin: 100px auto; }
.page_galerie .grille_galerie             { column-count: 4; column-gap: 20px; margin: 20px auto;}
.page_galerie .grille_galerie img         { margin-bottom: 20px; display: block; width: 100%; height: auto;}

@media (max-width:1200px) { 
.page_galerie                             { margin: 80px auto; }
.page_galerie .grille_galerie             { column-count: 3; }
}
@media (max-width:1000px) { 
.page_galerie                             { margin: 60px auto; }
.page_galerie .grille_galerie             { column-count: 2; column-gap: 15px; margin: 15px auto;}
.page_galerie .grille_galerie img         { margin-bottom: 15px;}
}
@media (max-width:700px) {
.page_galerie .grille_galerie             { column-count: 1; column-gap: 10px; margin: 10px auto;}
.page_galerie .grille_galerie img         { margin-bottom: 10px;}
}






.grid_trio                               { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px;}
@media (max-width:1600px) { 
.grid_trio                               { gap: 40px;}
}
@media (max-width:1200px) { 
.grid_trio                               { grid-template-columns: 1fr 1fr; gap: 20px;}
}
@media (max-width:700px) {
.grid_trio                               { grid-template-columns: 1fr; gap: 10px;}
}




#promos .list                            {  }
#promos .list .bloc_grid                 { grid-template-columns: 380px 1fr; }
@media (max-width:1000px) { 
#promos .list .bloc_grid                 { grid-template-columns: 1fr; }
}
@media (max-width:700px) {

}



#services_peintures .list .bloc_grid     { grid-template-columns: 400px 1fr; align-items: flex-start; }    
@media (max-width:1200px) { 

}
@media (max-width:1000px) { 
#services_peintures .list .bloc_grid     { grid-template-columns: 1fr; }
}
@media (max-width:700px) {

}