/***** top page *****/
.top_page 									{ position: relative; padding-top: 130px; }
.top_page .inner							{ position: relative; background: var(--mainColor1); border-radius: var(--imgRadius); padding: clamp(30px, 5vw, 70px) 0; }
.top_page .inner .wrapper					{ width: 100%; }

/*.top_page:before 							{ width: 200vw; position: absolute; left: -50vw; top: 0; bottom: 0; background: var(--mainColor1); content: "";}*/
.top_page .chapo 							{ padding-top: 5px;}
.top_page .sous_titre.script     			{ font-size: 28px; line-height: 38px; margin-bottom: 10px; color: var(--mainColor3);}

.top_page p 								{ margin: 15px 0 0 0;}

.top_page .deco.deco_3                      { z-index: -20; bottom: -320px; right: 0;}
.top_page .deco.deco_4                      { z-index: 20; bottom: -250px; right: -18%;}

.top_page .parallax                         { position: relative; width: 500px; height: 500px; }
.top_page .parallax .float_4                { position: absolute; top: 30%; right: 40%; filter: blur(2px);}
.top_page .parallax .float_5                { position: absolute; top: 20%; right: 60%;}

@media (min-width:1201px) {

}
@media (max-width:1500px) {
.top_page .inner							{ padding: clamp(20px, 5vw, 80px); }
}
@media (max-width:1200px) {
.top_page 									{ padding-top: 100px;}
.top_page .chapo 							{ padding-top: 0;}
.top_page .parallax .float                  { max-width: 90px }
}
@media (max-width:1000px) { 
}
@media (max-width:700px) { 
.top_page 									{ padding-top: 90px;}
}





 /***** breadcrumb *****/
.breadcrumb							{ z-index: 50; font-size: 12px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--mainColor2); margin-bottom: 30px;}
.breadcrumb li 						{ display: inline; margin-right: 20px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 8px; position: absolute; right: -11px; top: 5px; background:  var(--mainColor2); content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a 		 			{ color: var(--mainColor2);}
.breadcrumb li a.active 			{ color: var(--mainColor2);}

@media (max-width:1200px) { 
.breadcrumb							{ top: 20px;}
}
@media (max-width:1000px) { 
.breadcrumb							{ position: static; margin-bottom: 25px;}
}
@media (max-width:700px) { 
.breadcrumb							{ display: none}
}




/***** page content *****/
.page 								{ position: relative;}
.page p								{ margin-bottom: 15px;}
.page .ul_list a, 
.page p a							{ border-bottom: 1px solid #ccc; padding-bottom: 2px;}
.page .ul_list						{ margin: 20px 0;}
.page .ul_list li					{ padding: 0 0 0 20px; position: relative; margin-top: 10px; background: url("../images/list_red.svg") 0 9px no-repeat;}
.page .ul_check						{ margin: 20px 0;}
.page .ul_check li					{ padding: 0 0 0 35px; position: relative; margin-top: 10px; background: url("../images/check_red.svg") 0 6px no-repeat;}

@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ color: var(--blue); border-color: var(--blue);}
}
@media (max-width:1200px) {

}
@media (max-width:700px) {
.page p								{ margin-bottom: 10px;}
.page .ul_list						{ margin: 15px 0;}
.page .ul_list li					{ padding-left: 18px; margin-top: 8px; background-position: 0 7px;}
.page .ul_check						{ margin: 15px 0;}
.page .ul_check li					{ padding: 0 0 0 28px; margin-top: 8px; background-size: 16px auto;}
}




/* bloc_txt_img CUSTOM */
.bloc_txt_img.highlight .container              { grid-template-columns: 45% 1fr; }
.bloc_txt_img.highlight.reverse .container      { grid-template-columns: 1fr 45%; }
.bloc_txt_img.highlight .container .wrap        { max-width: inherit; }


.bloc_txt_img.highlight .container       		{ gap: clamp(20px, 3vw, 40px); }
.bloc_txt_img.highlight .item.txt        		{ display: flex; align-items: center;}
.bloc_txt_img.highlight .item.txt        		{ background: #fff; padding: 40px 70px; height: 100%; border-radius: var(--imgRadius);}
.bloc_txt_img.highlight .item.img        		{ position: relative;}
.bloc_txt_img.highlight .item.img:before		{ width: 150%; height: 100%; position: absolute; right: calc(100% + 40px); top: 0; bottom: 0; background: #fff; border-radius: var(--imgRadius); transition: none; content: "";}
.bloc_txt_img.highlight.reverse .item.img:before  { right: inherit; left: calc(100% + 40px); }

@media (max-width:1200px) {
.bloc_txt_img.highlight .item.txt        		{ padding: 50px; }
.bloc_txt_img.highlight .item.img:before		{ display: none;}
.bloc_txt_img.highlight.reverse .item.img:before { display: none; }

}
@media (max-width:1000px) {
.bloc_txt_img.highlight .container              { grid-template-columns: 1fr; }
.bloc_txt_img.highlight.reverse .container      { grid-template-columns: 1fr; }

.bloc_txt_img.highlight .item.txt        		{ padding: 40px; }
}
@media (max-width:700px) {
.bloc_txt_img.highlight .item.txt        		{ padding: 20px; }
}



#produits .bloc_txt_img .container              { grid-template-columns: 36% 1fr; align-items: flex-start;}
#produits .bloc_txt_img .container .txt .wrap   { max-width: inherit;}

@media (max-width:1000px) {
#produits .bloc_txt_img .container              { grid-template-columns: 1fr; }
}

#plateaux .bloc_txt_img .container              { grid-template-columns: 36% 1fr; align-items: flex-start;}
#plateaux .bloc_txt_img .container .txt .wrap   { max-width: inherit;}

@media (max-width:1000px) {
#plateaux .bloc_txt_img .container              { grid-template-columns: 1fr; }
}