/***** top_page *****/
.top_page                           { position: relative; padding-top: 210px;}
.top_page .content                  { padding: 50px 40px 60px; background: url(../images/favicon_page.svg) top 40px right 75px no-repeat var(--white); max-width: 1600px; width: 90vw; position: relative; z-index: 1; margin: 0 auto; border-radius: 40px; box-shadow: var(--box-shadow-1);}
.top_page .wrapper                  { width: 100%;}
.top_page .titre_main               { margin-bottom: 5px;}
.top_page .sous_titre               { margin-bottom: 25px; color: var(--main-main);}

@media (max-width:1200px) {
.top_page                           { padding-top: 140px;}
}

@media (max-width:1000px) { 
.top_page                           { padding-top: 120px;}
.top_page .wrapper                  { width: 90vw;}
.top_page .titre_main               { padding-right: 0;}
.top_page .content                  { padding: 0; width: 100%; border-radius: 0; background: none; box-shadow: none;}
}
@media (max-width:700px) {
.top_page .wrapper                  { width: 85vw;}
.top_page .chapo                    { margin-bottom: 0;}
}

/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:0 0 25px;}
.breadcrumb a                       { color: var(--main-main);}
.breadcrumb a.active                { color: var(--second-color);}
.breadcrumb li 						{ display: inline-block; font-size: 12px; font-weight: 400; line-height: 30px; letter-spacing: 0.8px; margin-right: 30px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 9px; position: absolute; right: -16px; top: 11px; background: var(--second-color); content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

@media (min-width:1201px) {
.breadcrumb li a:hover				{ color:var(--second-color);}
}
@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: var(--second-color);}

.ul_list						            { margin-bottom: 15px;}
.ul_list li					                { padding: 5px 0 5px 40px; position: relative; background: url("../images/checklist.svg") left 10px no-repeat;}

.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: var(--main-main);}
}
@media (max-width:1000px) {
.page_content 								{ padding-bottom: 0;}
}
@media (max-width:600px) {
.page_content p								{ margin-bottom: 10px;}
.page_content .ul_list						{ margin-bottom: 10px;}
}


/***** 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:600px) { 
.bloc_texte							{ margin: 30px 0;}
}


/***** video *****/
.video::before                      { content: url(../images/videos.svg); position: absolute; right: 0; top: -60px; z-index: 12;}
.video .swiper                      { padding: 70px 0;}
.video .item                        { width: 50%; transform-origin: left; transition: all ease-in-out 200ms;}
.video .item a                      { display: block; position: relative; filter: brightness(0.5); transition: all ease-in-out 200ms;}
.video .item a::before              { content: url(../images/play.svg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; z-index: 11; opacity: 0; filter: drop-shadow(0 10px 10px rgba(0,0,0,0.5)); transition: all ease-in-out 200ms;}
.video .swiper-slide-active         { transform: scale(1.3); position: relative; z-index: 100;}
.video .swiper-slide-active a::before{ opacity: 1;}
.video .swiper-slide-active a       { filter: brightness(1);}
.video .wrapnav                     { padding-left: 21%;}

@media (max-width:1000px) { 
.video .swiper                      { padding: 13% 0;}
.video .wrapnav                     { display: none;}
}