.sous_titre 				        { color: #f47d17;}
.page .link.sticked                 { opacity: 1; visibility: visible; left: auto; right: 30px; top: 410px; transform-origin: right;}

/***** top page *****/
.top_page 							{ position: relative; background: #eee; color: #000;}
.top_page .wrapper                  { background: url("../images/fav_white.svg") right bottom no-repeat #eee; padding: 215px 0 110px 0;}
.top_page .titre_main				{ margin-bottom: 5px; font-size: 30px;}
.top_page .sous_titre				{ margin-bottom: 5px;}
.top_page .chapo 					{ margin: 20px 0 0 0;}

@media (max-width:1200px) {
.top_page .wrapper 					{ padding: 200px 0 140px 0;}
}
@media (max-width:700px) {
.top_page .wrapper 					{ padding: 125px 0 45px 0; background: #eee;}
.top_page .titre_main				{ margin-bottom: 8px;}
.top_page .chapo 					{ margin: 15px 0 0 0;}
}




/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding-bottom: 55px;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 20px; margin-right: 30px; letter-spacing: 0.5px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 9px; position: absolute; right: -15px; top: 6px; background: #000; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a 					{ color: #000;}
.breadcrumb li a.active 			{ color: #f47d17;}

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




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

@media (min-width:1201px) {
.page .ul_list a:hover,
.page p a:hover						{ color: #f47d17; border-color: #f47d17;}
}
@media (max-width:1200px) {
}
@media (max-width:1000px) {
}
@media (max-width:700px) {
.page 								{ padding-bottom: 10px;}
.page p								{ margin-bottom: 10px;}
.page .ul_list						{ margin-bottom: 10px;}
.page .ul_list li					{ padding-left: 35px; background-position: left 42%; background-size: 25px;}
.page .ul_list li:before			{ top: 15px; width: 5px; height: 5px;}
}


/***** bloc texte *****/
.bloc_texte							{ margin: 120px 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: 70px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 60px auto;}
    
}
@media (max-width:700px) { 
.bloc_texte							{ margin: 35px 0;}
}


.full_screen .wrapper               { padding: 160px 0 180px;}
@media (max-width:1000px) {
.full_screen .wrapper               { padding: 70px 0 80px;}
}
@media (max-width:700px) {
.full_screen .wrapper .btn          { grid-template-columns: 1fr; margin-top: 30px;}
.full_screen .wrapper .btn .link    { margin: 0;}
.full_screen .wrapper .sous_titre   { font-size: 16px; line-height: 28px;}
}


.cta                                { margin: 80px auto;}
.cta .link                          { height: 80px; line-height: 78px; display: flex; gap: 25px; align-items: center; justify-content: center;}

@media (min-width:1201px) {

}
@media (max-width:1200px) {

}
@media (max-width:1000px) {

}
@media (max-width:700px) {

}




.quote                              { position: relative; background-color: #eee; padding: 55px 80px 60px; text-align: center; color: #000;  }
.quote:after                        { content: ""; position: absolute; top: -15px; left: 50%; height: 30px; width: 35px; transform: translateX(-50%); background: url("../images/fav_bernard.svg") 50% no-repeat;}
.quote .sous_titre                  { color: #000; font-size: 25px; line-height: 40px; }
.quote img                          { position: absolute; top: -20px; left: calc(50% - 15px);}

@media (max-width:1200px) { 

}
@media (max-width:1000px) { 
.quote                              { padding: 60px 40px 40px;}
}
@media (max-width:700px) { 
.quote                              { padding: 40px 20px 40px;}
.quote .sous_titre                  { font-size: 16px; line-height: 26px;}
}




/***** actualites *****/
#blog .blog 							{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 60px 40px; margin: -20px auto;}
#blog .blog .item 						{ position: relative;}
#blog .blog .item a 					{ display: block; text-align: center;}
#blog .blog .item .photo 				{ position: relative; overflow: hidden; border-top-left-radius: 12px; border-top-right-radius: 12px;}
#blog .blog .item .photo img 			{ display: block; width: 100%; height: auto; transition: filter 400ms ease-in-out;}
#blog .blog .item .photo .date 			{ width: 105px; height: 35px; text-align: center; font-size: 13px; line-height: 35px; font-weight: 700; border-radius: 25em; background: #fff; position: absolute; right: 20px; top: 20px; text-transform: uppercase; letter-spacing: 0.8px; z-index: 10;}
#blog .blog .item .photo .promo 		{ width: 120px; height: 120px; background: url("../images/splash_yellow.svg") 50% / cover no-repeat; text-align: center; position: absolute; left: 20px; top: 20px; display: grid; align-items: center; padding: 0 5px 0 0; font-size: 15px; line-height: 30px; font-weight: 700; letter-spacing: 0.8px;}
#blog .blog .item .titre 				{ padding: 15px 30px 20px 30px; font-weight: 500; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background: #000; color: #fff; display: grid; align-items: center; min-height: 90px; line-height: 24px; transition: color 400ms ease-in-out;}

@media (min-width:1201px) {
#blog .blog .item a:hover .photo img	{ filter: brightness(0.65);}
#blog .blog .item a:hover .titre 		{ color: #ffb600;}
}
@media (max-width:1200px) {
#blog .blog 							{ grid-template-columns: 1fr 1fr; grid-gap: 20px;}
#blog .blog .item .photo 				{ border-top-left-radius: 10px; border-top-right-radius: 10px;}
#blog .blog .item .photo .date 			{ right: 15px; top: 15px;}
#blog .blog .item .titre 				{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
}
@media (max-width:1000px) {
#blog .blog 							{ margin: 0 auto;}
#blog .blog .item .photo .promo 		{ transform: scale(0.85); transform-origin: left top; left: 15px; top: 15px;}
}
@media (max-width:700px) {
#blog .top_page .chapo 					{ display: none;}
#blog .blog 							{ grid-template-columns: 1fr;}
#blog .blog .item .photo 				{ border-top-left-radius: 5px; border-top-right-radius: 5px;}
#blog .blog .item .photo .promo 		{ transform: scale(0.70);}
#blog .blog .item .photo .date 			{ width: 90px; height: 29px; font-size: 11px; line-height: 29px;}
#blog .blog .item .titre 				{ padding: 15px 25px; min-height: inherit; font-size: 14px; line-height: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
}


#blog .article .top_page 				{ padding-bottom: 0;}
#blog .article .top_page:after 			{ display: none;}
#blog .article .titre_main				{ margin-bottom: 30px; font-size: 30px; line-height: 40px;}
#blog .article .photo img				{ border-radius: 15px; margin: 40px 0 50px 0;}
#blog .article .content  				{ margin: 50px 0;}
#blog .article .content h1,
#blog .article .content h2,
#blog .article .content h3,
#blog .article .content h4,
#blog .article .content h5,
#blog .article .content h6 				{ font: 500 20px/30px "Barlow"; position: relative; color: #ffb600; margin: 40px 0 15px 0;}
#blog .article .content ul				{ margin-bottom: 15px;}
#blog .article .content ul li			{ padding: 5px 0 5px 20px; position: relative;}
#blog .article .content ul li:before	{ position: absolute; left: 0; top: 17px; width: 6px; height: 6px; border-radius: 50%; background: #ffb600; content: "";}
#blog .article .content :last-child 	{ margin-bottom: 0;}

@media (max-width:1200px) {
#blog .article .bloc_short				{ max-width: 800px;}
#blog .article .titre_main				{ font-size: 20px; line-height: 28px; margin-bottom: 25px;}
#blog .article .photo img				{ margin: 40px 0; border-radius: 10px;}
#blog .article .content  				{ margin: 40px 0;}
}
@media (max-width:1000px) {
#blog .article .photo img				{ margin: 30px 0;}
#blog .article .content  				{ margin: 30px 0;}
}
@media (max-width:700px) {
#blog .article .top_page .chapo 		{ display: block;}
#blog .article .bloc_texte				{ margin-top: 35px;}
#blog .article .titre_main				{ font-size: 16px; line-height: 22px; margin-bottom: 20px;}
#blog .article .photo img				{ margin: 25px 0; border-radius: 5px;}
#blog .article .content  				{ margin: 25px 0;}
#blog .article .content h1,
#blog .article .content h2,
#blog .article .content h3,
#blog .article .content h4,
#blog .article .content h5,
#blog .article .content h6 				{ font-size: 18px; line-height: 26px; margin: 20px 0 10px 0;}
#blog .article .content ul				{ margin-bottom: 10px;}
#blog .article .content ul li			{ padding-left: 18px;}
#blog .article .content ul li:before	{ top: 15px; width: 5px; height: 5px;}
}