/***** class *****/
.anchor         { top: -120px; position: relative;}

/***** top_page *****/
.top_page                           { padding: 200px 0 90px; background: #00427f;}
.top_page .link                     { position: absolute; right: 0; top: 10px; z-index: 1;}
.top_page .titre_main               { color: #fff; margin-bottom: 0;}
.top_page .chapo                    { color: #fff; font-size: 14px; line-height: 30px;}

@media (max-width:1200px) { 
.top_page                           { padding: 130px 0 70px;}
}
@media (max-width:1000px) { 
.top_page                           { padding-bottom: 30px;}
.top_page .link                     { position: relative; margin-top: 30px; top: auto; right: auto;}
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:0 0 50px;}
.breadcrumb a                       { color: #fff;}
.breadcrumb a.active                { color: #d1a930;}
.breadcrumb li 						{ display: inline-block; font-size: 13px; line-height: 30px; letter-spacing: 0.4px; margin-right: 30px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 9px; position: absolute; right: -16px; top: 11px; background: #fff; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

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

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

.list_tarif li                              { display: grid; grid-template-columns: 1fr auto; padding: 10px 0; gap: 30px;}
.list_tarif li:not(:last-child)             { border-bottom: 1px solid #d9c9bf;}
@media (min-width:1201px) {
.page_content .ul_list a:hover,
.page_content p a:hover						{ border-color: #d1a930;}
}
@media (max-width:1000px) {
.page_content 								{ padding-bottom: 0;}
}
@media (max-width:700px) {
.page_content p								{ margin-bottom: 10px;}
.page_content .ul_list						{ margin-bottom: 10px;}
}



/***** gridpage *****/
.gridpage                           { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; margin: 90px 0;}
.gridpage img                       { display: block; width: 100%; height: auto;}
.gridpage span                      { display: grid; text-align: center; color: #000; height: 60px; align-items: center; justify-content: center; background: #eee; padding: 10px 20px; line-height: 20px;}

@media (max-width:1000px) {
.gridpage                           { gap: 20px; margin: 70px 0;}
}
@media (max-width:800px) {
    .gridpage.teamGalery                       { grid-template-columns:repeat(2,1fr);}
    .gridpage.teamGalery .item:nth-child(3)    { grid-column: 1 / span 2;}
}

@media (max-width:600px) {
    .gridpage.teamGalery                       { grid-template-columns: 1fr;}
    .gridpage.teamGalery .item:nth-child(3)    { grid-column:inherit;}
    .gridpage.footerGalery                     { grid-template-columns:repeat(2,1fr);}
    .gridpage.footerGalery .item:nth-child(3)  { display: none;}
}

@media (max-width:400px) {    
    .gridpage.footerGalery                     { grid-template-columns: 1fr;}
    .gridpage.footerGalery .item:nth-child(2)  { display: none;}
}


/***** histoire *****/
.histoire                           { margin: 75px 0 0;}
.histoire .item                     { display: grid; grid-template-columns: 100px auto; gap: 80px; position: relative;}
.histoire .item:not(:last-of-type)::before { content: ""; display: block; position: absolute; top: 10px; left: 50px; width: 1px; background: #c7d3cd; height: 100%;}
.histoire .texte                    { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #c7d3cd;}
.histoire .date                     { font-size: 14px; line-height: 40px; font-weight: 400; height: 40px; text-align: center; background: #eee; position: relative; /*top: 10px;*/}
.histoire .item:last-of-type .texte { margin-bottom: 0;}
@media (max-width:1000px) { 
.histoire .item                     { gap: 40px;}
}
@media (max-width:700px) { 
.histoire                           { margin-top: 40px;}
.histoire .item                     { gap: 30px;}
}


/***** bloc texte *****/
.bloc_texte							{ margin: 80px auto; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}

@media (max-width:1200px) { 
    .bloc_texte							{ margin: 60px auto;}
}
@media (max-width:1000px) { 
    .bloc_texte							{ margin: 50px auto;}
}
@media (max-width:700px) { 
    .bloc_texte							{ margin: 30px 0;}
}



/***** 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% #00427f; padding: 30px 30px 30px 70px; transition: all 400ms ease-in-out; display: block; }


.dynamique img               { max-width: 100%; height: auto;}
.dynamique h1, .dynamique h2, .dynamique h3, .dynamique h4, .dynamique h5, .dynamique h6 {font: 400 20px/30px "Rubik"; position: relative; color: #d1a930; margin-bottom: 15px; letter-spacing: 0.3px;} 
.dynamique ul                { margin-bottom: 15px; padding: 5px 0 0 0;}
.dynamique ul li             { padding: 5px 0 7px 35px; position: relative; background: url(../images/checklist.svg) left 10px no-repeat;}

table, td, th                { border: 1px solid #d9d9d9; padding: 10px;}
.dynamique table             { width: 100%; border-collapse: collapse; }

@media (min-width:1201px) {
    .bloc-job a:hover { background: url("../images/loupe.svg") no-repeat 25px 50% #d1a930; 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%;}
}