/***** header *****/
.header 							{ box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);}
p, li, a                            { color: #444444}

/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; margin: 0 0 55px;text-align: left}
.breadcrumb li 						{ display: inline-block; font:15px/32px "PT Serif"; margin-right: 25px; letter-spacing: 0.2px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 9px; content: ""; position: absolute; right: -15px; top: 12px; background: #e3c77d;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a.active				{ color: #e3c77d;}

@media (min-width: 1201px) {
.breadcrumb li a:hover              { color: #e3c77d}
}

@media (max-width:1000px) { 
.breadcrumb							{ margin: 0 0 20px;}
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}

/***** top page *****/
.top_page 							{ text-align: center; margin: 230px 0 0 0;}
.top_page .titre_page:before		{ width: 40px; height: 2px; background: #e3c77d; position: absolute; right: 0; top: 13px; content: "";}
.top_page .titre_page:after			{ width: 40px; height: 2px; background: #e3c77d; position: absolute; left: 0; top: 13px; content: "";}
.top_page .titre_main 				{ font: 30px/32px "PT Serif";margin: 0 0 55px;color: #e3c77d}
.top_page .chapo					{ color: #444444;max-width: 1000px;margin: 0 auto;font: 18px/28px "PT Serif"}
@media (max-width: 1200px) {
.top_page                           { margin: 130px 0 0 0}
}

@media (max-width:600px) { 
.top_page 							{ margin: 120px 0 0 0;}
.top_page .titre_page 				{ font-size: 15px; line-height: 20px; margin-bottom: 15px;}
.top_page .titre_page:before,
.top_page .titre_page:after			{ top: 8px;}
.top_page .chapo span 				{ padding-bottom: 0;}
}

/***** Tel + Contact *****/
.page_content .tel_contact  	    { margin-bottom: 100px; border-radius: 10px; background: #1d1d1d; font: 400 25px/35px "PT Serif"; color: #fff; display: block; text-align: center; padding:40px;}
.page_content .tel_contact p a		{ color: #e3c77d;border-bottom: 1px solid transparent;display: inline-block}
.page_content .tel_contact p        { font: 25px/32px "PT Serif";color: #ffffff;margin-bottom: 0}
@media (min-width: 1201px) {
.page_content .tel_contact a:hover { border-bottom: 1px solid #e3c77d}
}
@media (max-width: 1200px) {
.page_content .tel_contact          { margin-bottom: 80px}
}
@media (max-width: 1000px) {
.page_content .tel_contact          { margin-bottom: 0}
}
@media (max-width: 600px) {
.page_content .tel_contact p        { font-size: 20px}
.page_content .tel_contact          { padding: 40px 7.5vw}
}

/***** page content *****/
.page_content						{ position: relative; }
.page_content p						{ margin-bottom: 20px;font: 16px/30px "PT Serif";letter-spacing: 0.2px}
.ul_list							{ margin: 30px 0 30px 0; display: grid;   grid-template-columns: 1fr;  grid-gap: 1px; border-radius: 10px; overflow: hidden;}
.ul_list li							{ padding: 15px 10px 15px 60px;font: 16px/30px "PT Serif"; font-style: italic;position: relative;   background: url(../images/arbre_li.svg) 20px 15px no-repeat #fff;}
.ul_list2                           { grid-template-columns: 1fr 1fr; }

@media (max-width:1100px) { 
.ul_list2                           { grid-template-columns: 1fr; }
}


/******Bloc_grid********/
.bloc_grid                          { margin: 40px 0 0}
.bloc_grid .photo img               {object-fit: cover;width: 100%;border-radius: 50%}
@media (max-width: 1200px) {
.bloc_grid                          { margin: 40px 0 0}
}


/***** bloc texte *****/
.bloc_texte							{ margin: 40px auto 50px; position: relative;}
.bloc_texte p                       { line-height: 28px}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img,
.bloc_texte video					{ width: 100%; height: auto; display: block; line-height: 0;}
@media (max-width: 1200px) {
.bloc_texte                         { margin: 65px auto 70px}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 60px auto 70px;}
}
@media (max-width:600px) { 
.bloc_texte							{ margin: 40px 0 50px;}
}

.dore 								{ text-align: center; color: #e3c77d; font-weight: 400; font-size: 24px; margin: 30px auto;}
.gold 								{ color: #e3c77d; display: inline-block;}
.alerte 							{ border-radius: 5px; background:#fff; color:#e3c77d; text-align: center; padding: 20px; font:400 18px/30px "PT Serif"; margin-bottom: 20px;}
.centrer 							{ margin: 40px auto; text-align: center;}
.sous_titre.campagne 				{ font-size: 22px;}
.bloc_grid .dwld 					{ margin-top: 40px;}
.bloc_texte .photo img	           { width: 50%;border-radius: 50%; margin: 0 auto}
.bloc_texte.centre 					{ text-align: center;}

@media (max-width:600px) { 
.bloc_texte .photo img	           { width: 100%;  margin: 0 auto}
.cnt_mobile 						{ text-align: center;}
}



.bloc_grid.diplomes                 { margin: 60px auto 100px; display: grid; grid-template-columns: 1fr auto;}

@media (max-width:1000px) { 
.bloc_grid.diplomes                 { margin: 60px auto 50px; grid-template-columns: 1fr ;}
}



#velos .bloc_grid                   { margin: 30px auto 60px;}


