.chapo span                         { display: block; margin-top: 20px;}

/***** breadcrumb d0161d *****/
.breadcrumb							{ line-height: 0; margin: 60px 0 45px; text-align: left;}
.breadcrumb li 						{ display: inline-block; font-size: 12px; line-height: 28px;letter-spacing: 0.6px; margin-right: 25px;position: relative;color: #ffffff;}
.breadcrumb li:after				{ width: 4px; height: 4px; content: ""; position: absolute; right: -17px; top: 12px; background: #e5611a;}
.breadcrumb li:last-child:after 	{ display: none; }
.breadcrumb li a                    { color: #ffffff; border-bottom: 1px solid transparent }
.breadcrumb li a.active             { color:#e5611a; }
@media (min-width:1200px) {
.breadcrumb li a:hover				{ border-bottom: 1px solid #e5611a; color:#e5611a; }
}
@media (max-width:1200px){
.breadcrumb                         { margin-top: 30px}
}
@media (max-width:1000px) {
.breadcrumb                         { display: none }
}


/***** top page *****/
.top_page 						     { text-align: left; background: #171717; padding: 170px 0 150px;}
.top_page .titre_main			     { font: 400 30px/40px "Poppins"; letter-spacing: 0.5px; color: #e5611a; margin-bottom: 5px; text-transform: none;}
.top_page .titre_main span		     { display: block;}
.top_page .sous_titre			     { font: 400 18px/30px "Poppins"; letter-spacing: 0.5px; color: #fff; margin-bottom: 15px; }
.top_page .chapo                     { color:#fff; }

@media (max-width:1200px) {
.top_page                            { padding: 100px 0 80px 0;}
}
@media (max-width:1000px) {
.top_page                            { padding: 160px 0 70px; }
}
@media (max-width:600px) {
.top_page 						     { margin: 0 0 0 0; padding: 45px 0 45px;}
.top_page .chapo                     { font: 400 12px/28px "Poppins"; }
.top_page .titre_main			     { font: 400 16px/30px "Poppins";}
.top_page .sous_titre			     { font: 400 16px/28px "Poppins"; }
}


/***** page content *****/
.page_content						{ position: relative; }
.page_content p						{ margin-bottom: 20px;}
.page_content .ul_list a,
.page_content p a					{ border-bottom: 1px solid #000; color:#000; padding-bottom: 1px; }
.ul_list							{ margin: 30px 0;}
.ul_list li							{ padding: 8px 0 8px 30px; position: relative; background: url("../images/check_list.svg") 0px 15px no-repeat;}
.ul_list li b					    { font-weight: 600;}
.ul_list.grid						{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 40px;}

@media (min-width:1201px) {
.page_content .ul_list a:hover,     
.page_content p a:hover             { border-bottom: 1px solid #d0161d;  color:#d0161d; }
}
@media (max-width:1200px) {
.ul_list.grid						{ grid-template-columns: 1fr; grid-gap: 0; }
}
@media (max-width:1000px) {
.page_content                       { padding-bottom: 0px}
}



/***** bloc grid / bloc texte *****/
.bloc_texte							{ margin: 80px 0; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img,
.bloc_texte video					{ width: 100%; height: auto; display: block; line-height: 0;}
.bloc_top                           { margin: -90px 0 100px;align-items: center; }
.bloc_top .texte                    { padding-top: 120px; }
@media (max-width:1200px) {
.bloc_texte                         { margin: 70px 0 45px}
.bloc_top                           { margin: 80px 0 50px !important; }
.bloc_top .texte                    { padding-top: 0; }
}
@media (max-width:1000px) {
.bloc_texte							{ margin: 55px auto;}
}
@media (max-width:600px) {
.bloc_texte							{ margin: 40px 0;}
.bloc_top                           { margin: 50px 0 45px !important;}
}


.bloc_grid.bloc_top                 { margin: -80px auto 100px;}




.slogan                             { background-color: #eee; text-align: center; height: 110px; display: grid; align-items: center;}
.slogan .sous_titre                 { color: #2e2e31; font-size: 20px;}
.slogan .sous_titre span            { color: #e5611a;}




.galerie                            { position: relative; width: 1830px; }
.galerie .nav_slider                { position: absolute; bottom: -80px; left: calc(66% - 120px); }
.galerie .slider                    { margin: 50px auto; }
.galerie .item                      { margin-right: 30px;}



/***** questions fréquentes *****/
.table_plus 						{ position: relative; margin: 30px 0 130px;}
.table_plus .item 					{ margin-bottom: 10px;}
.table_plus .hide 					{ padding: 45px 40px 30px; display: none;}
.table_plus .hide p:last-child     	{ margin: 0px;}
.titre_plus 						{ font: 500 15px/25px "Poppins"; position: relative; letter-spacing: 0.2px; color: #fff; cursor: pointer; padding: 23px 30px 23px 30px; background: #1a171b;}
.titre_plus:after					{ width: 30px; height: 30px; background: url("../images/plus.svg") 50% no-repeat; border-radius: 50%; position: absolute; right: 30px; top: 50%; margin-top: -15px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active:after 			{ transform: rotate(90deg);}
.table_plus p                       { margin-bottom: 30px; }

@media (max-width: 1200px){
.table_plus                         { margin:30px 0 80px;}
}
@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 0;}
.titre_plus                         { padding: 23px 90px 23px 30px;}
}
@media (max-width:600px) {
.table_plus 						{ margin: 30px 0 60px;}
.table_plus .sized					{ margin-bottom: 20px;}
.table_plus .hide 					{ padding: 30px 0;}
.titre_plus 						{ font-size: 13px; line-height: 23px;padding: 20px 60px 20px 20px;}
.titre_plus:before					{ display: none;}
.titre_plus:after					{ right: 20px;}
}



#actus .list                        { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; }
#actus .list .item                  { background-color: #eee; padding: 40px; position: relative;}
#actus .list .item .titre           { color: #e5611a;  }
#actus .list .item p a              { color: #fff; border-bottom: 1px solid #333;}
#actus .list .item .link_arrow      { width: 100%; background-position: 0 50%; position: relative; transition: all 300ms ease-in-out; margin-top: -5px;}

#actus .details img                 { display: block; width: auto; height: auto; max-width: 500px; margin: 0 auto}

@media (min-width: 1201px){
#actus .list .item p a:hover        { color: #e5611a; border-bottom: 1px solid #e5611a;}
#actus .list .item .link_arrow:hover { background-position: 25px 50%; }
}
@media (max-width: 1000px){
#actus .list                        { grid-template-columns: 1fr 1fr; grid-gap: 20px; }
}
@media (max-width: 600px){
#actus .list                        { grid-template-columns: 1fr; grid-gap: 10px; }
}



.btn                                { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}
.btn .link:after                    { content: ""; width: 40px; height: 14px; display: inline-block; background: url("../images/long_arrow_orange.svg") 100% 50% no-repeat transparent; filter: brightness(10); position: absolute; right: 30px; top: 40%;}
@media (max-width: 1000px){
.btn                                { grid-template-columns: 1fr; grid-gap: 10px;}
}
@media (max-width: 600px){
.btn .link                          { line-height: 15px; height: auto; padding: 15px 90px 15px 25px; }
}


/***** job *****/
.bloc-job     { position: relative;}
.bloc-job a   { color: #ffffff; font-size: 18px; position: relative; max-width: 900px; margin: 20px auto; background: url("../images/loupe.svg") no-repeat 20px 50% #e5611a; padding: 30px 30px 30px 70px; transition: all 400ms ease-in-out; display: block;}

@media (min-width:1201px) {
    .bloc-job a:hover { background: url("../images/loupe.svg") no-repeat 20px 40% #000000; transition: all 400ms ease-in-out;}
    }

@media (max-width:800px) {
    .bloc-job             { margin: 10px 0; }
    .bloc-job a           { font-size: 15px;}
    .bloc-job a:before    { background-size: 80%;}
    }