/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; padding: 0 0 20px;}
.breadcrumb li 						{ display: inline-block;font: 700 12px/35px "Barlow"; letter-spacing: 0.2px; margin-right: 25px;position: relative; text-transform: uppercase;}
.breadcrumb li:after				{ width: 1px; height: 10px; content: ""; position: absolute; right: -15px; top: 12px; background: #000;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color: #000 }
.breadcrumb li a.active             { color: #e60300 }
.sous_titre                         { color: #e60300;}
@media (min-width:1201px) {
.breadcrumb li a:hover				{ color: #e60300;}
}
@media (max-width:1000px) {
.breadcrumb                         { padding: 0 0 20px;}
}
@media (max-width:600px) { 
.breadcrumb							{ display: none;}
}


/***** top page *****/
.top_page                           { position: relative; color: #fff; margin-bottom: 100px;}
.top_page::before                   { content: ""; display: block; position: absolute; top: 0; left: 0; bottom:100px; right: 0; background: url(../images/shape.svg) right -10vw top no-repeat #ffcf19; z-index: 1; background-size: 1500px auto;}
.top_page .wrapper                  { display: grid; grid-template-columns: 1fr 1fr; padding-top: 150px;}
.top_page .content 					{ padding: 150px 80px 0 0; position: relative; z-index: 4;}
.top_page .content .titre_main 		{ line-height: 60px; font-size: 45px; margin: 0; color: #000;}
.top_page .content .sous_titre 		{ margin: 0; color: #000;}
.top_page .photo                    { position: relative; top: 0px; z-index: 20;}
.top_page .photo img                { display: block; width: 100%; object-fit: cover; padding: 10px; background-color: #000;}

@media (max-width:1200px) { 
.top_page .content                  { padding: 140px 0 85px;}
.top_page .content .titre_main 		{ line-height: 45px; font-size: 35px;}
.top_page::before                   { background: #ffcf19;}
.top_page .photo img                { min-height: 430px;}
}
@media (max-width:1000px) {
.top_page                           { padding-bottom: 50px; margin-bottom: 50px;}
.top_page .content                  { padding: 20px 0 40px;}
.top_page::after                    { height: 35vw;}
.top_page::before                   { bottom: 30%;}

.top_page .wrapper                  { grid-template-columns: 1fr;}
.top_page .photo img                { min-height: inherit; padding: 5px;}
}
@media (max-width:600px) { 
.top_page                           { margin-bottom: 50px; padding-bottom: 0;}
.top_page .wrapper                  { padding-top: 110px;}
.top_page .content 					{ margin: 0; background: none; padding: 0 0 20px;}
.top_page .chapo			        { padding: 0; margin: 0; font-size: 14px; line-height: 30px;}
.top_page .content .titre_main 		{ line-height: 32px; font-size: 25px;}
}

/***** page content *****/
.page_content						{ position: relative;padding-bottom: 10px;}
.page_content p						{ margin-bottom: 15px;}
@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover				{ border-color: #ffcf19;}
}
@media (max-width:600px) { 
.page_content	                    { padding: 70px 0 0; }
.page_content p						{ margin-bottom: 10px; }
}
/***** bloc texte *****/
.bloc_texte							{ margin: 90px 0; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img                     { width: 100%; height: auto; display: block; line-height: 0;}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 50px 0;}
}
@media (max-width:600px) {
.bloc_texte							{ margin: 40px 0;}
}


/***** table plus *****/
.table_plus 						{ position: relative; margin: 80px 0;}
.table_plus .sous_titre             {margin-bottom: 25px;} 
.table_plus>.sized					{ margin-bottom: 30px;} 
.table_plus .item 					{ margin-bottom: 10px;}
.table_plus .hide 					{ padding: 40px; display: none;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ font: 700 15px/26px "barlow"; font-style: italic; position: relative; letter-spacing: 0.2px; color: #fff; cursor: pointer; padding: 22px 80px 22px 30px; background: #000000;text-transform: uppercase;}
.titre_plus:before					{ width: 30px; height: 30px; background: url("../images/plus.svg") 50% no-repeat #fff; border-radius: 50%; position: absolute; right: 30px; top: 50%; margin-top: -15px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:before 			{ transform: rotate(45deg);}

@media (min-width:1201px) {
}
@media (max-width:1000px) {
.table_plus                         { margin: 50px 0;}
.table_plus .hide 					{ padding: 40px 0;}
}
@media (max-width:600px) { 
.table_plus .hide 					{ padding: 30px 0;}
.titre_plus 						{ font-size: 14px; line-height: 22px; padding: 16px 55px 16px 30px;}
.titre_plus:before					{ width: 24px; height: 24px; right: 15px; margin-top: -12px;}
}