/***** top page *****/
.top_page 							{ position: relative; padding: 150px 0 0;}
.top_page .content                  { position: relative; display: grid; grid-template-columns: 1fr 1fr; /*gap: 20px;*/ align-items: start;}
.top_page .texte                    { color: #fff; display: grid; /*gap: 20px;*/ height: 100%;} 

.top_page .texte                    { color: #113C4B;}
.top_page .texte div:nth-child(1)   { background-color: #eee; padding: 40px 90px 90px;}
.top_page .sous_titre               { margin: -15px 0 10px; color: #113C4B;}
.top_page .titre_main               { color: #113C4B;}
.top_image  img                     { display: block; width: 100%; object-fit: cover; height: 100%;}
.top_page .link_contact             { background-color: #d7534a; color: #fff; padding: 30px 90px; font: 500 20px/30px "poppins"; display: grid; align-items: center;transition: all 400ms ease-in-out;}
.top_page .link_contact span        { padding-right: 60px; background: url(../images/link.svg) no-repeat center right; display: inline-block;}
.top_image                          { height: 100%;}
@media (min-width:1200px) {
.top_page .link_contact:hover       { background-color: #113c4b; transition: all 400ms ease-in-out;}
}
@media (max-width:1600px) {
.top_page .texte div:nth-child(1)   { padding: 40px 50px 45px;}
}
@media (max-width:1200px) { 
.top_page 							{ padding:90px 0 0;}
.top_page .content                  { gap: 10px}
.top_page_wrapper                   { width: 100%; max-width: 100%;}
.top_page .texte                    { gap: 0;}
.top_page .link_contact             { padding: 30px 50px;}
}
@media (max-width:1000px) { 
.top_page .content                  {  display: block;}

}
@media (max-width:600px) { 
.top_page                           { padding: 0;}
.top_page .chapo 					{ font-size:13px;}
.top_page .texte div:nth-child(1)   { padding: 40px 7.5vw;}
.top_page .link_contact             { font-size: 18px; line-height: 28px; padding: 15px 7.5vw; background-position: center right 7.5vw;}
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:0 0 45px;}
.breadcrumb a                       { color: #113C4B;}
.breadcrumb a.active                { color: #113C4B;}
.breadcrumb li 						{ display: inline-block; font-size: 13px; line-height: 20px; letter-spacing: 0.4px; margin-right: 40px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 10px; position: absolute; right: -20px; top: 5px; background: #113C4B; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

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

}
@media (max-width:1200px) {
.breadcrumb                         { padding-bottom: 30px;}
.breadcrumb li                      { margin-right: 30px;}
.breadcrumb li::after               { right: -15px;}
}
@media (max-width:1000px) { 
.breadcrumb							{ display: none;}
}

.types                                      { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; }
.types .item                                {  padding: 40px 60px 50px; background-color: #eeeeee;}
.types .icn                                 { margin-bottom: 20px; display: grid; align-items: end; height: 75px;}
.types .icn img                             { display: block;}
.types .sous_titre                          { margin-bottom: 10px;}
@media (max-width:1400px) {
.types .item                                { padding: 40px 40px 50px;}
}
@media (max-width:1200px) {
.types                                      { gap: 15px;}
.types .item                                { padding: 30px;}
}
@media (max-width:1000px) {
.types                                      { grid-template-columns: 1fr 1fr;}
}
@media (max-width:700px) {
.types                                      { grid-template-columns: 1fr;}
}

/***** page content *****/
.page_content 								{ position: relative; margin-bottom: 100px;}
.page_content p:not(:last-of-type)          {margin-bottom: 15px;}
.page_content .ul_list a, 
.page_content p a							{ border-bottom: 1px solid transparent; padding-bottom: 2px;}
.page_content .ul_list						{ margin-bottom: 20px; padding: 5px 0 0 0;}
.page_content .ul_list li					{ padding: 5px 0 5px 30px; position: relative; line-height: 35px; background: url(../images/list_blue.svg) no-repeat left top 15px;}

.link-moins,.link-plus                      { cursor:pointer; border-bottom: 1px solid transparent;}
.textMore                                   { display: none; margin-top: 40px;}
.textMore p:not(:first-of-type)             { margin-top: 15px;}

@media (min-width:1201px) {
.page_content .ul_list a:hover,
.page_content p a:hover						{ border-color: #d7534a; color: #d7534a;}
}
@media (max-width:1000px) {
.page_content 								{ margin-bottom: 50px;}
}
@media (max-width:600px) {
.page_content                               { padding-top: 90px; }
.page_content p								{ margin-bottom: 10px;}
.page_content .ul_list						{ margin-bottom: 10px;}
}
.cta p a                                    { color: #fff; border-bottom: 1px solid transparent; padding-bottom: 2px; display: inline-block;}

@media (min-width:1200px) {
.cta p  a:hover                             { border-color: #fff; color: #fff;}
}

/***** bloc texte *****/
.bloc_texte							{ margin: 90px auto; position: relative;}
.bloc_texte.intro                   { margin: 100px auto;}
.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.intro,
.bloc_texte							{ margin: 60px auto;}
}
@media (max-width:1000px) { 
.bloc_texte.intro,
.bloc_texte							{ margin: 50px auto;}
}
@media (max-width:600px) { 
.bloc_texte.intro,
.bloc_texte							{ margin: 30px 0;}
}

.table_plus                         { margin-bottom: 100px;}
.titre_plus                         { background-color: #eeeeee; color: #000;}
.titre_plus::before                 { background-image: url(../images/plus_rose.svg) ; color: #000;}
.titre_plus.active::before          { background-image: url(../images/plus.svg) ;}
.titre_plus.active                  { color: #fff;}
@media (min-width:1200px) {
.titre_plus:hover                   { color: #fff;}
.titre_plus:hover::before           {  background-image: url(../images/plus.svg) ;}
}

@media (max-width:1000px) {
.table_plus                         { margin-bottom: 50px;}
}


/***** BLOG *****/

.dynamique img               { max-width: 100%; height: auto; margin: 40px auto;}
.dynamique h1, .dynamique h2, .dynamique h3, .dynamique h4, .dynamique h5, .dynamique h6 { font: 500 20px / 30px "poppins"; position: relative; color: #d7534a; margin-bottom: 15px; letter-spacing: 0.4px;} 
.dynamique ul { margin-bottom: 20px; padding: 5px 0 0 0;}
.dynamique ul li { padding: 5px 0 5px 30px; position: relative; line-height: 35px; background: url(../images/list_blue.svg) no-repeat left top 15px;}

.blog 									{ position: relative;}
.blog .grid							    { display: grid; grid-template-columns:repeat(3,1fr); grid-gap: 40px 40px; position: relative; max-width: 1600px; width: 90vw; margin: 80px auto;}
.blog .item  							{ position: relative; overflow: hidden; font-size: 0; line-height: 0; background: #000000;}
.blog .item .sous_titre                 { line-height: 1.2; padding-right: 60px; font-size: 18px;}
.blog .item .sous_titre span            { display: block; font-size: 14px; margin-top: 10px;}
.blog .item a 							{ display: block;}
.blog .item a:after 					{ width: 100%; height: 40%; position: absolute; left: 0; bottom: 0; background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); z-index: 5; content: "";  }
.blog .item img 						{ max-width: 100%; height: auto; transition: all 400ms ease-in-out; opacity: .8;}
.blog .item .sous_titre				    { color: #fff; margin: 0; position: absolute; left: 30px; bottom: 25px; width: calc(100% - 60px); z-index: 10;}
.blog .item .titre_cap                  { display: block; font: 400 11px/30px "Poppins"; letter-spacing: 1.7px; text-transform: uppercase; color: #fff;}
.blog .item .sous_titre:after 		    { content: ''; position: absolute; right: 0;  top: 50%;  transform: translate(0, -50%); width: 40px; height: 15px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='15px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M39.1000,7.108 C39.1000,6.701 39.800,6.295 39.400,6.194 L33.700,0.403 C33.300,-0.003 32.700,-0.003 32.300,0.403 C31.900,0.810 31.900,1.419 32.300,1.825 L36.500,6.092 L0.1000,6.092 C0.400,6.092 -0.000,6.499 -0.000,7.108 C-0.000,7.718 0.400,8.124 0.1000,8.124 L36.500,8.124 L32.300,12.391 C31.900,12.797 31.900,13.407 32.300,13.813 C32.700,14.219 33.300,14.219 33.700,13.813 L39.400,8.022 C39.700,7.921 39.1000,7.514 39.1000,7.108 Z'/></svg>");}

@media (min-width:1201px) {
    .blog .item a:hover img 				{ filter: brightness(0.7);transform: scale(1.1);}
    .blog .item a:hover .sous_titre:after 	{ right: 0; opacity: 1;}
}

@media (max-width:1366px) {
    .blog .grid	                            { grid-gap: 30px 30px;}
}
@media (max-width:1200px) {
    .blog .grid							    { grid-template-columns:repeat(2,1fr);}
}

@media (max-width:800px) {
    .blog .grid							    { grid-template-columns:1fr; grid-gap: 30px 0;}
}

@media (max-width:400px) {
    .blog .item .sous_titre                 { left: 15px; width: calc(100% - 30px);}
}