@media (max-width:700px) { 
main {overflow: hidden;}
}

/***** top page *****/
.top_page          { position: relative; padding: 240px 0 60px; background-image: linear-gradient(to right top, #faf3ed, #f5e8dd, #f1dece, #ecd3bf, #e7c9b0);}    

h2.titre,
p.titre            { font: 500 40px / 50px "Lora";}
h2.titre span,
p.titre span       { color: #b587c7;}

.icon.lord         { width: 120px; height: 120px; background: var(--bgColorLight); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
lord-icon	       { width: 70px; height: 70px;}  

@media (max-width:1366px) { 
h2.titre,
p.titre            { font: 500 35px / 45px "Lora";}    
}

@media (max-width:1200px) { 
.top_page          { padding: 180px 0 60px;}     
h2.titre,
p.titre            { font: 500 30px / 40px "Lora";}    
}

@media (max-width:1000px) { 
.top_page          { padding: 140px 0 60px;}     
h2.titre,
p.titre            { font: 500 22px / 32px "Lora";}    
.chapo             { font-size: 16px; line-height: 28px;}
}

@media (max-width:800px) { 
.icon.lord         { width: 80px; height: 80px;}  
lord-icon	       { width: 50px; height: 50px;}  
}

 /***** breadcrumb *****/
.breadcrumb							{ z-index: 50; font-size: 12px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff;}
.breadcrumb li 						{ display: inline; margin-right: 30px; letter-spacing: 0.8px; position: relative;}
.breadcrumb li:after				{ width: 1px; height: 10px; position: absolute; right: -16px; top: 3px; background: #dcb167; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a,
.breadcrumb li span 	 			{ color: #dcb167;}
.breadcrumb li:last-child a,
.breadcrumb li:last-child span      { color: #352112;}

@media (min-width:1201px) {
.breadcrumb li a:hover              { color: #352112;}
}
@media (max-width:1200px) { 
.breadcrumb							{ top: 20px;}
}
@media (max-width:1000px) { 
.breadcrumb							{ position: static; margin-bottom: 25px;}
}
@media (max-width:700px) { 
.breadcrumb							{display: none;}
}


/***** bloc *****/
.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.first                        { margin-top: 0;}
.bloc-grid.full                         { width: 90vw; max-width: var(--maxWidthWrapperLarge); }

.bloc-grid .texte                       { padding-right: 0; padding-left: 0;}
.bloc-grid .photo img                   { width: 100%; height: auto; border-radius: 40px 40px 25em 25em;}
.bloc-grid.first .photo img             { margin-top: -60px;}

.bloc-grid.reverse .texte               { order: 1; padding-left: 0; padding-right: 0;}
.bloc-grid.reverse .photo               { order: 2;}

.bloc-grid .texte :last-child           { margin-bottom: 0;}


.bloc-grid.align_top                    { align-items: start;} 

.bloc-text                              { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: block; position: relative; }
.bloc-text.bckgrd:before                { position: absolute; width: 94vw; height: calc(100% + 100px); left: 50%; transform: translateX(-50%); top: -50px; border-radius: 40px; transition: none; z-index: -1; content: ""; background: var(--bgColorLight); }

.bloc-text.small                        { width: 90vw; max-width: var(--maxWidthWrapperSmall); margin: var(--marginTB);}

.bloc-services                          { padding: 40px; border-radius: 40px; background: var(--bgColorLight); margin: 40px 0;}

.ul_check.col-2                         { columns: 2;}

@media (max-width:1366px) {
.bloc-grid:not(.first)                  { align-items: start;}    
.bloc-grid .photo img                   { height: 650px; object-fit: cover;}
}

@media (max-width:1200px) {
.bloc-grid                              { grid-gap: 40px 40px;}
.bloc-grid.full .texte,
.bloc-grid.reverse .texte               { padding-right: 0; padding-left: 0;}
}
@media (max-width:1000px) {
.bloc-grid                              { grid-template-columns:1fr; }   
.bloc-grid.reverse .texte               { order: 2;}
.bloc-grid.reverse .photo               { order: 1;} 
.bloc-grid .photo img.top               { object-position: top;} 
.bloc-grid.first                        { gap: 0;}
.bloc-grid.first .photo                 { text-align: right;}
.bloc-grid.first .photo img             { border-radius: 25em 40px 40px 25em; height: 60vw; object-fit: cover; width: 80%; object-position: top;}
.bloc-grid:not(.first) .photo img       { border-radius: 40px; height: 60vw; object-fit: cover;}
.bloc-text.bckgrd:before                { height: calc(100% + 60px); top: -30px;}
.ul_check.col-2                         { columns: 1;}
}
@media (max-width:700px) {
.bloc-text.bckgrd:before                { width: 100vw; border-radius: 0; }
}
@media (max-width:400px) {
.bloc-grid.first .photo img             {  width: 90%;}
}

/*** tarifs ****/
.bloc-tarifs                            { width: 90vw; max-width: var(--maxWidthWrapper); margin: var(--marginTB); display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.bloc-tarifs .item                      { border-radius: 40px; padding: 40px; background: var(--bgColorLight); position: relative;}
.bloc-tarifs .item .number              { width: 60px; height: 60px; border-radius: 50%; font-weight: 700; font-size: 26px; display: flex; align-items: center; justify-content: center; background:  var(--mainColor1); color: #ffffff; top: -10px; left: -10px; position: absolute; }
.bloc-tarifs .item .sous_titre          { margin-top: 40px;}

@media (max-width:1000px) {
.bloc-tarifs                            { grid-template-columns: 1fr; gap: 40px 0;}    
}