/***** top page *****/
.top_page                   { position: relative; padding-top: 100px;}
.top_page .titre            { font-size: 14px; color: #ffffff; margin-bottom: 0; line-height: 20px;}
.top_page .titre_main       { font-size: clamp(24px, 3vw, 38px); line-height: 160%; color: var(--mainColor1);}

.wrapper.content            { z-index: 10;}
.chapo                      { margin-bottom: 0;}

.sous_titre                 { color: var(--mainColor1); font-weight: 500;}
.titre                      { font: 400 35px / 45px "Jost"; margin-bottom: 30px;}

.titre                      { font-weight: 400; font-size: clamp(2rem, 1.7301rem + 1.1799vw, 3.5rem); font-family: "Jost"; line-height: 1.5;}


/***** breadcrumb *****/
.breadcrumb							            { margin:80px 0 60px 0; line-height: 0; position: relative; z-index: 10;}
.breadcrumb li 						            { display: inline-block; font-size: 12px; line-height: 20px; margin-right: 30px; letter-spacing: 0.6px; position: relative;}
.breadcrumb li a						        { color: #ffffff;}
.breadcrumb li:after				            { width: 1px; height: 10px; position: absolute; right: -16px; top: 6px; background: #ffffff; content: "";}
.breadcrumb li:last-child:after 	            { display: none;}
.breadcrumb li a.active 			            { color: var(--mainColor1);}
.breadcrumb li:last-child a 		            { color: var(--mainColor1);}

@media (min-width:1201px) {
.breadcrumb a:hover                             { color: var(--mainColor2);}
}

@media (max-width:700px) { 
.breadcrumb							            { display: none;}
}

/***** bloc grid *****/
.bloc-grid                              { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; grid-gap: 40px 80px; position: relative;}
.bloc-grid .photo,
.bloc-grid .texte                       { position: relative;}
.bloc-grid.full                         { width: 90vw; max-width: var(--maxWidthWrapperLarge); }
.bloc-grid.full .texte                  { padding-right: 100px; padding-left: 0;}
.bloc-grid.full .photo img              { max-width: 100%; height: auto; border-radius: var(--allImgBR);}
.bloc-grid.reverse .texte               { order: 1; padding-left: 100px; padding-right: 0;}
.bloc-grid.reverse .photo               { order: 2;}
.bloc-grid .texte :last-child           { margin-bottom: 0;}
.bloc-grid .photo.col-2                 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 40px;  }
.bloc-grid .photo.col-2 img             { width: 100%; height: auto; }

.bloc-info { width: 90vw; max-width: var(--maxWidthWrapperSmall); margin: var(--marginTB); display: block; background: var(--mainColor3); color: #ffffff; font: 400 22px / 30px var(--fontBody); padding: 60px; text-align: center; letter-spacing: 3px; border-radius: var(--allImgBR);}
.bloc-info :last-child { margin-bottom: 0;}

.bloc-texte { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: block; } 

@media (max-width:1366px) {
.bloc-grid { align-items: start;}
}

@media (max-width:1200px) {
.bloc-grid                              { grid-gap: 40px 40px;}
.bloc-grid.full .texte,
.bloc-grid.reverse .texte               { padding-right: 0; padding-left: 0;}
.bloc-info                              { font: 400 18px / 26px "Jost";}
}
@media (max-width:1000px) {
.bloc-grid                              { grid-template-columns:1fr; }   
.bloc-grid.reverse .texte               { order: 2;}
.bloc-grid.reverse .photo               { order: 1;} 
.bloc-grid.first .texte                 { order: 1;}
.bloc-grid.first .photo                 { order: 2;} 
.bloc-grid.full .photo img              { height: 50vw; object-fit: cover;}
.bloc-grid .photo.col-2                 { grid-gap: 0 20px;}
}

/***** bloc contact *****/
/* .bloc-contact                           { width: 90vw; max-width: var(--wrapperS); text-align: center; margin: var(--marginTB); border-radius: var(--imgRadius); background: var(--mainColor3); color: #ffffff; padding: 40px;}
.bloc-contact a                         { margin: 0 5px;} */


/**** slider ****/
.wrapnav                            { display: flex; width: 100%; position: absolute; z-index: 10; justify-content: space-between; top: 50%; transform: translateY(-50%); max-width: 800px;}
.wrapnav .arrownav                  { width: 60px; height: 60px; background-position: center; background-color: transparent; background-repeat: no-repeat; cursor: pointer; transition: all ease-in-out 400ms;}
.wrapnav .arrownav_prev             { background-image: url(../images/arrow_prev.svg); }
.wrapnav .arrownav_next             { background-image: url(../images/arrow_next.svg);}

/***** carte *****/
.carte  							{ width: 90vw; max-width: var(--maxWidthWrapper); margin: 0 auto 80px auto; background: var(--mainColor3); padding: 60px; border-radius: var(--allImgBR);}
.carte .titre                       { color: #b5977d;}
.carte .grid						{ display:grid; grid-template-columns:1fr 1fr; grid-gap:0 80px;}
.carte b							{ display:block; font-size:18px; position:relative; padding-right:40px;}
.carte b span						{ color:#b5977d; position:absolute; right:0; top:0;}
.carte i							{ font-style: italic; font-size: 15px; letter-spacing: 0.8px;}
.carte .grid p						{ border-bottom:1px dotted #b5977d60; padding-bottom:18px; margin-bottom:18px;}

.menu-moment  						{ width: 90vw; max-width: var(--maxWidthWrapperSmall); margin: var(--marginTB); display: block; background: var(--mainColor3); padding: 60px; text-align: center; border-radius: var(--allImgBR);}
.menu-moment .titre,
.menu-moment strong, 
.menu-moment b,
.menu-moment u                      { color: #b5977d; text-decoration: none;}

@media (max-width:1000px) {
.carte,
.menu-moment        { padding: 30px;}    
.carte .grid        { grid-gap: 0 30px;}    
}

@media (max-width:600px) {
.carte .grid        { grid-template-columns:1fr;}    
}