/******************************************/
/*                 COMMUN                 */
/******************************************/

/* --- TITRES --- */
h1 {margin-top:0; margin-bottom:20px; line-height:1.2; font-size:32px; font-weight:bold; color:#e19435;}
h2 {margin-top:50px; margin-bottom:14px; font-size:22px; font-weight:bold; color:#e19435;}
h3 {font-size:19px; font-weight:400; color:#e19435;}
h5 {margin-top:30px; font-size:16px; font-weight:700; color:#e19435; text-transform:uppercase;}
h1.accueil {margin-top:0; margin-bottom:30px; line-height:1; font-size:25px; font-weight:bold; color:#e19435; text-transform:uppercase;}
h2.accueil {margin-top:0; margin-bottom:25px; line-height:0.8; font-size:36px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase;}
.baseline {margin-bottom:15px; font-weight:bold; color:#292929;}

/* --- LIENS --- */
a {color:#e19435;}
a:hover, a:focus {color:#e19435; text-decoration:underline;}

/* --- BORDERS --- */
.border-left {border-left:1px solid #e6e6e6;}

/* --- MARGES / PADDING --- */
.tmarge-0 {margin-top:0px;}
.tmarge-10 {margin-top:10px;}
.tmarge-20 {margin-top:20px;}
.tmarge-30 {margin-top:30px;}
.bmarge-0 {margin-bottom:0;}
.bmarge-5 {margin-bottom:5px;}
.bmarge-10 {margin-bottom:10px;}
.bmarge-20 {margin-bottom:20px;}
.bmarge-30 {margin-bottom:30px;}
.bmarge-40 {margin-bottom:40px;}

/* --- LISTES A PUCES --- */
ul {padding-left:26px;}

/* --- SEPARATEUR --- */
.sep {width:100%; height:1px; margin-left:auto; margin-right:auto; background-color:#6f6f6f40;}

/******************************************/
/*                 HEADER                 */
/******************************************/
#t4-header {background-color:#000; border:0;}
#t4-header .container {padding-top:20px; padding-bottom:20px;}

/* --- BREADCRUMB --- */
.item-101 .t4-breadcrumbs {display:none;}

/******************************************/
/*             MENU PRINCIPAL             */
/******************************************/

/* --- MISE EN FORME BODY --- */
.t4-navbar .navbar {float:right;}

/* --- MISE EN FORME LIENS --- */
.t4-megamenu .navbar-nav>li>a,
.t4-megamenu .navbar-nav>li>.nav-link {padding-bottom:10px; color:#fff; text-transform:uppercase;}
.navbar-expand-lg .navbar-nav .nav-link {padding-left:15px; padding-right:15px; border-bottom:4px solid transparent;}
.t4-megamenu .navbar-nav>li:last-child>.nav-link {border-bottom:4px solid transparent;}

/* --- MISE EN FORME LIENS:HOVER --- */
.t4-megamenu .navbar-nav>li>a:hover,
.t4-megamenu .navbar-nav>li>a:focus,
.t4-megamenu .navbar-nav>li>.nav-link:hover,
.t4-megamenu .navbar-nav>li>.nav-link:focus {color:#e19435; text-decoration:none;}

/* --- MISE EN FORME LIENS:ACTIVE --- */
.t4-megamenu .navbar-nav>li.active>a,
.t4-megamenu .navbar-nav>li.active>.nav-link {border-bottom:4px solid #e19435; color:#e19435;}

@media screen and (max-width: 1199px){
	.t4-megamenu .navbar-nav>li>a,
	.t4-megamenu .navbar-nav>li>.nav-link {padding-left:10px; padding-right:10px;}
}

/* --- TOGGLE --- */
/* --- OFF-CANVAS --- */
.js-offcanvas-trigger {text-align:right;}
.t4-offcanvas-toggle i {font-size:32px; color:#fff; transition:all 200ms;}
.t4-offcanvas-toggle i:hover,
.t4-offcanvas-toggle i:focus {color:#e19435;}
.t4-off-canvas-header a {vertical-align:sub; font-size:14px; color:#292929; text-transform:uppercase; text-decoration:none;}
.t4-off-canvas-header a:focus {outline:none;}
.t4-offcanvas .t4-off-canvas-body .t4-module .module-inner {padding:0;}

/******************************************/
/*                 CONTENT                */
/******************************************/
.t4-main-body {padding-top:60px; padding-bottom:60px;}
.item-page [itemprop=articleBody] {margin-top:0; margin-bottom:0;}

p.btn-center {margin:50px 0 40px; text-align:center;}
p.btn-center a {padding:10px 20px; background:#e19435; border-radius:20px; color:#fff; text-transform:uppercase; transition: all 0.2s ease-out;}
p.btn-center a:focus,
p.btn-center a:hover {background:#606060; text-decoration:none;}

.flex-table-1 {display:flex; justify-content:space-evenly; flex-wrap:wrap; gap:20px; margin-bottom:20px;}
.flex-table-1 .item {flex:45%; padding:10px; background:#e5e5e5; border:1px solid #dedede;}
.flex-table-1 .item p {margin-bottom:4px;}

.flex-table-2 {display:flex; justify-content:space-evenly; flex-wrap:wrap; gap:20px; margin-bottom:50px;}
.flex-table-2 .item {flex:1 1 30%; padding:10px; background:#e5e5e5; border:1px solid #dedede;}
.flex-table-2 .item p {margin-bottom:4px; text-align:center;}

@media screen and (max-width:991px){
	.flex-table-1 .item {min-width:100%;}	
	.flex-table-2 .item {min-width:100%;}
}

.accordion .accordion-item .accordion-header button {font-size:19px;}
.accordion .accordion-item .accordion-header button:hover,
.accordion .accordion-item .accordion-header button:focus {color:#e19435; border:0; box-shadow:none;}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {background-color:#e5e5e5; color:#e19435; box-shadow:none;}

table.responsive {width:100%; max-width:100%; border-collapse:collapse; text-align:center;}
table.responsive thead {background:#e5e5e5;}
table.responsive th,
table.responsive td {padding:16px 0;}
table.responsive tbody tr:nth-child(even) {background:#f3f3f3;}
table.responsive span {color:#1662a6;}
	
@media only screen and (max-width: 767px) {
	table.responsive,
	table.responsive thead,
	table.responsive tbody,
	table.responsive th,
	table.responsive td,
	table.responsive tr {display:block;}
	table.responsive thead tr {position:absolute; top:-9999px; left:-9999px;}
	table.responsive td {position:relative; padding-left:50%; white-space:normal; text-align:left;}
	table.responsive td:before {position:absolute; top:50%; left:6px; transform:translateY(-50%); width:45%; padding-right:10px; font-size:15px; font-weight:600; line-height:1.1; text-align:left; content:attr(data-bs-title);}
}

/* --- ACCUEIL --- */
.acc {display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between; gap:60px;}
.acc .blocs-info {max-width:350px; margin:unset; padding:20px 0; gap:20px; border-radius:20px; background:#e5e5e5; overflow:hidden;}
.acc .blocs-info .item {border:0;}
.acc .blocs-info .item p span {font-size:20px;}

@media screen and (max-width:991px){
	.acc {flex-direction:column; gap:30px;}
	.acc .blocs-info {margin:0 auto;}
}

.custom-galerie .container-fluid {max-width:2000px;}

/* --- L'ATELIER --- */
.blocs-info {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin:30px 0 20px;}
.blocs-info .item {min-width:230px; padding:10px 15px; background:#e5e5e5; border:1px solid #dedede; text-align:center;}
.blocs-info .item p {margin-bottom:0;}
.blocs-info .item p span {font-size:26px; font-weight:700; color:#1662a6;}

.bloc-1 .bloc-places {max-width:300px; margin-top:27px;}
.bloc-2 .picto {max-width:35px;}

@media screen and (max-width:991px){
	.blocs-info {flex-direction:column;}
}

@media screen and (max-width:575px){
	.blocs-info .item {min-width:250px;}
	.bloc-1 .bloc-places {margin-left:auto; margin-right:auto;}
}

/* --- PRESTATIONS --- */
.prestations-prices p {margin-bottom:0; text-align:center;}
.prestations-prices .box-title {padding:15px 0; background:#e19435; border:1px solid #ec8a11; font-size:18px; font-weight:700; color:#fff; text-transform:uppercase;}
.prestations-prices .horaires {height:80px; width:100%; margin-top:3px; display:table; border:1px solid #e2e2e2;}
.prestations-prices .horaires p {display:table-cell; vertical-align:middle; background:#efefef; font-weight:700; color:#e19435;}
.prestations-prices .price {padding:15px 0; margin-top:3px; background:#e2e2e2; font-weight:700;}
.prestations-prices .box-1, .prestations-prices .box-2, .prestations-prices .box-3 {margin-bottom:20px;}
.col-restauration {margin-bottom:20px; text-align:center;}
.col-restauration p {margin-bottom:3px;}
.col-restauration a {cursor:pointer; font-weight:700; color:#292929 !important;}
.col-restauration a:hover, .col-restauration a:focus {color:#e19435 !important; text-decoration:underline !important;}
.col-restauration img {margin-bottom:10px;}
body.modal-open .modal {background-color:transparent;}

/* --- CONTACT & ACCES --- */
/* Formulaire */
.bfElemWrap {background:transparent !important;}
.bfQuickMode section.bfElemWrap {padding:5px 0 !important; margin:0 0 3px 0 !important;}
.bfQuickMode .bfLabelLeft label {width:40% !important; margin:0 !important; padding-top:6px !important;}
.bfQuickMode section input[type='text'] {width:60% !important; height:32px; border-radius:8px;}
.bfQuickMode .bfLabelTop textarea {border-radius:8px;}

.bfQuickMode textarea:hover,
.bfQuickMode input[type='text']:hover,
.bfQuickMode input[type='password']:hover,
.bfQuickMode select:hover,
.bfQuickMode textarea:focus,
.bfQuickMode input[type='text']:focus,
.bfQuickMode input[type='password']:focus,
.bfQuickMode select:focus {border-color:#ccc !important; outline:none !important;}

/* Map */
.phocamaps-box {margin-top:0 !important;}

/******************************************/
/*                 MODULES                */
/******************************************/

/* --- SLIDESHOW ACCUEIL --- */
.t4-slideshow {height:650px; background:url("../images/slide-1.jpg") 50% 50%; background-size:cover;}

@media screen and (max-width: 1199px){
	.t4-slideshow {height:450px;}
}

@media screen and (max-width: 991px){
	.t4-slideshow {height:350px;}
}

@media screen and (max-width: 575px){
	.t4-slideshow {height:250px;}
}

/* --- SPOTLIGHT EQUIPEMENTS ACCUEIL --- */
.custom-equipements {position:relative; padding-top:120px; padding-bottom:150px; background:url("../images/spotlight-equipements.jpg") 50% 50%; background-size:cover;}
.custom-equipements .sep {width:250px; height:3px; margin:0 auto 125px; background:#e19435;}
.custom-equipements img {display:block; margin:0 auto 25px;}
.custom-equipements p {margin-bottom:0; font-size:20px; font-weight:bold; color:#fff; text-align:center; text-transform:uppercase;}
.custom-equipements a {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0px;}

@media screen and (max-width:575px){
	.custom-equipements {padding-top:90px; padding-bottom:60px;}
	.custom-equipements .sep {margin:0 auto 60px;}
	.custom-equipements img {margin:0 auto 10px;}
}

/* --- SPOTLIGHT GALERIE ACCUEIL --- */
.custom-galerie .padding-1 {padding:1px;}
.custom-galerie .flash div:hover img {opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s;}
@-webkit-keyframes flash {0% {opacity:.4;} 100% {opacity:1;}}
@keyframes flash {0% {opacity:.4;} 100% {opacity:1;}}

/* --- FOOTER --- */
.t4-footer {background:#000;}
.t4-footer .container {padding-top:20px; padding-bottom:20px;}
.t4-footer .container p {margin-bottom:0; padding-top:30px; font-size:16px;}
.t4-footer a {color:#e19435;}
.t4-footer a:hover, .t4-footer a:focus {color:#e19435;}
.t4-footer img {float:right;}

@media screen and (max-width: 767px){
	.t4-footer {text-align:center;}
	.t4-footer img {float:none;}
}