/***** top_page *****/
.top_page                           { padding: 180px 0 80px; background: #f7f0e7;}
.top_page .sous_titre               { font-size: 30px; line-height: 40px;}
.top_page .chapo                    { color: #000; }

@media (max-width:1000px) { 
.top_page                           { padding-bottom: 30px;}
}


/***** breadcrumb *****/
.breadcrumb							{ line-height: 0; position: relative; padding:0 0 50px;}
.breadcrumb a                       { color: #000;}
.breadcrumb a.active                { color: #bd302c;}
.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: #000; content: "";}
.breadcrumb li:last-child:after 	{ display: none;}

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

.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: #bd302c;}
}
@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;}
}

/***** atouts *****/
.atouts                             { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; margin: 100px 0;}
.atouts .item                       { padding: 45px 40px 60px; background-size:cover; background-position: center; background-repeat: no-repeat; overflow: hidden; border-radius: 20px; color: #fff;}
.atouts .icone                      { height: 120px; display: grid; align-items: end; margin-bottom: 20px;}
.atouts .item:first-of-type         { background-image: url(../images/bg_atout_1.webp);}
.atouts .item:nth-of-type(2)        { background-image: url(../images/bg_atout_2.webp);}
.atouts .item:last-of-type          { background-image: url(../images/bg_atout_3.webp);}
.atouts .sous_titre                 { margin-bottom: 10px; color: #fff;}
.atouts p                           { margin-bottom: 0;}

@media (max-width:1200px) {
.atouts                             { gap: 20px;}
.atouts .item                       { padding: 30px;}
}
@media (max-width:1000px) {
.atouts                             { grid-template-columns: 1fr 1fr; gap: 10px; margin: 40px 0;}
.atouts .item                       { padding: 30px;}
.atouts .item:first-child           { grid-area: 1/3/2/1;}
}
@media (max-width:600px) {
.atouts                             { grid-template-columns: 1fr; gap: 10px;}
.atouts .item                       { padding: 20px; border-radius: 10px;}
.atouts .item:first-child           { grid-area:auto;}
.atouts .icone                      { width: 70px; margin-bottom: 5px;}
.atouts .icone img                  { transform: scale(0.8);}
}

/***** faq *****/
.table_plus 						{ position: relative; margin: 90px 0 100px;}
.table_plus>a                       { color: #cfb18c;}
.table_plus .item                   { text-align: left;} 
.table_plus .sous_titre             { margin-bottom: 25px;}
.table_plus .item:not(:last-of-type){ border-bottom: none;}
.table_plus .hide 					{ padding: 40px; display: none;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ position: relative; letter-spacing: 0.5px; cursor: pointer; padding: 20px 80px 20px 30px; background: #f7f0e7; color: #000; font-size: 14px; font-weight: 400; margin-bottom: 10px; transition: all 400ms ease-in-out; border-radius: 5px;}
.titre_plus:before					{ width: 30px; height: 30px; background: url("../images/plus.svg") 50% no-repeat; position: absolute; right: 30px; top: 50%; margin-top: -15px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active 			        { background-color: #161616; color: #fff;}
.titre_plus.active:before 			{ transform: rotate(135deg); filter: brightness(0) invert(1); }
@media (min-width:1201px) {
.table_plus>a:hover                 { color: #000;}
}

@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 0;}
}
@media (max-width:700px) {
.table_plus 						{ margin: 20px 0 50px;} 
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 20px 0;}
.titre_plus 						{ line-height: 24px; padding: 16px 35px 16px 20px; }
.titre_plus:before					{ width: 24px; height: 24px; right: 15px; margin-top: -12px;}
}


/***** linkpage *****/
.linkpage                           { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.linkpage a                         { height: 380px; border-radius: 20px; overflow: hidden; display: grid; align-items: center; justify-content: center;}
.linkpage a img                     { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.linkpage .titre_main               { position: relative; z-index: 1; color: #fff;}

@media (max-width:1200px) {
.linkpage                           { gap: 20px;}
}
@media (max-width:1000px) {
.linkpage                           { gap: 10px; grid-template-columns: 1fr 1fr;}
.linkpage a:first-child             { grid-area: 1/3/2/1;}
}
@media (max-width:700px) {
.linkpage                           { grid-template-columns: 1fr;}
.linkpage a:first-child             { grid-area: auto;}
.linkpage a                         { height: 200px;}
}

/***** cta *****/
.cta                                { padding: 45px 40px; border-radius: 10px; background: #f7f0e7; margin: 100px 0;}
@media (max-width:1000px) {
.cta                                { margin: 70px 0;}
}
@media (max-width:700px) {
.cta                                { margin: 50px 0; padding: 25px 20px;}
}


/***** 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;}
}



/***** galerie *****/
.galerie							{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; font-size: 0; line-height: 0; letter-spacing: 0;}
.galerie .item 						{ display: block; overflow: hidden; cursor: url(../images/loupe.svg), auto;}
.galerie .item img					{ max-width: 100%; height: auto; display: inline-block; transition: filter ease-in-out 400ms;}

@media (min-width:1201px) {
.galerie .item:hover img       		{ filter: brightness(0.4);}
}
@media (max-width:1000px) {
.galerie							{ grid-template-columns: 1fr 1fr;}
}
@media (max-width:700px) {
.galerie							{ grid-gap: 10px;}
}


/***** custom fancybox *****/
.fancybox-bg									{ background: #fff;}
.fancybox-is-open .fancybox-bg					{ opacity: 1;}
.fancybox-button,
.fancybox-infobar__body 						{ background: none; color: #000; font: 400 14px/60px "Barlow"; letter-spacing: 0.8px;}
.fancybox-infobar 								{ display: none;}
.fancybox-toolbar 								{ top: 30px; right: 30px; opacity: 1!important;}
.fancybox-show-nav .fancybox-arrow 				{ opacity: 1; transition: all 400ms ease-in-out;}
.fancybox-button--close 						{ width: 54px; height: 54px; background: #bd302c; border-radius: 50%; transition: all 400ms ease-in-out;}
.fancybox-button--close:before					{ width: 24px; height: 2px; left: calc(50% - 12px); top: calc(50% - 1px); background: #fff;}
.fancybox-button--close:after					{ width: 24px; height: 2px; left: calc(50% - 12px); top: calc(50% - 1px); background: #fff;}
.fancybox-arrow 								{ width: 60px; height: 80px; background: url("../images/arrow_next.svg") 54% 50% no-repeat #fff; margin-top: -40px; border-radius: 5px 0 0 5px;}
.fancybox-arrow:after							{ display: none;}
.fancybox-arrow--right 							{ right: 30px;}
.fancybox-arrow--left 							{ left: 30px;}

@media (min-width:1201px) { 
.fancybox-button:hover:not([disabled]) 			{ background: #222;} 
.fancybox-arrow:hover:not([disabled])  			{ opacity: 0.5;}
}
@media (max-width:1200px) { 
.fancybox-arrow			 						{ border: none;}
}
@media (max-width:600px) { 
.fancybox-button,
.fancybox-infobar__body 						{ line-height: 40px;}
.fancybox-toolbar 								{ top: 0; right: 0;}
.fancybox-button--close 						{ width: 46px; height: 46px;}
.fancybox-button--close:before					{ width: 20px; left: calc(50% - 10px);}
.fancybox-button--close:after					{ width: 20px; left: calc(50% - 10px);}
.fancybox-arrow 								{ width: 40px; height: 50px; margin-top: -25px; background-size: 25% auto;}
.fancybox-arrow--right 							{ right: 0;}
.fancybox-arrow--left 							{ left: 0;}
}