/* couleurs
vert foncé #006A51
orange #CC3600
*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	padding-top: 50px; /* <- body padding for fixed top nav */
	text-align: justify;
	font-family: 'Oxygen', sans-serif;
	font-weight: normal;
	background: #fff;
}
.fl, .cms-float-left { float: left; margin:0 1em 1em 0; }
.fr, .cms-float-right { float: right; margin:0 0 1em 1em; }
.clear { clear: both; }
.center { text-align:center; }
.text-justify { text-align:justify; }
.right { text-align:right; }
.bold {font-weight:bold;}
.small { font-size: .85em;}
.nolist {list-style: none; padding:0; margin:0;}
.tel, .tel a, .tel a:hover { text-decoration:none; }
.is-cms .cmsnone {display:none;}

/* Uniquement pour Cumulus */
.is-cms body {padding-top:0;} /* <- body padding for fixed top nav */

/*--- IMAGES ---*/
img, img a { border: none; max-width: 100%; height: auto; }
.bordure {border: 3px solid #FFF; -webkit-box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.25); box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.25); }
.cadrimage, .cadrimage > figure > img { background-color: #fff; border: 1px solid #ccc; padding: 4px; -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.15); }
img.center { display: block; margin-left: auto; margin-right: auto }
figcaption .figcaption {text-align:center;font-size: .85em; margin-top:.5em;}
.figcaption a, .figure-caption a {text-decoration:none !important;}
a.roll:hover img, a.loupe:hover img { opacity: 0.6; filter: alpha(opacity=60); }/* rollover blanc sur les images */

/*--- NAVIGATION ---*/
.navbar {
	background: #fff !important;
	border: none;
	height: 50px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}
.navbar-bran {/*display:none;*/
}
.navbar-toggle {/*background:#fff;*/
}
/* pour changer la couleur du dropdown ouvert */
.navbar .nav > #dropdown01.dropdown.open.active > a:hover, .navbar .nav > #dropdown01.dropdown.open > a {
	color: #fff;
	background: #006A51;
}
/*couleurs des liens du menu et des boutons de navigation */
#menu li a:active {
	color: #000;
}
#menu li a:hover {
	color: #fff;
	background: #006A51;
}
.nav-item a, .dropdown-item a {
	font-size: 1.1em;
	padding-left: .5em;
	padding-right: .5em;
}
/*#btfacebook a { color: #3b5998; }
#btfacebook a:hover { color: #fff !important; }*/

/*couleurs des liens du dropdown*/
#menu .dropdown .dropdown-menu li {/*font-size:1.3em;*/ }
#menu .dropdown li a:link, #menu .dropdown li a:visited { color: #006A51; line-height: 20px; }
#menu .dropdown li a:active, #menu .dropdown li a:hover { color: #fff; background: #006A51; }
.before a:before { content: " | "; }
#menu .navbar-nav .dropdown li a:before { content: ""; }

/* sous-sous menu */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; padding: 0; margin-top: -6px; 	margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu { display: block; }
.dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 8px; margin-right: -5px; }
.dropdown-submenu:hover > a:after { border-left-color: #fff; }
.dropdown-submenu .pull-left, .navbar-right { float: none; }
.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
/*--- Fin NAVIGATION ---*/

/*--- Pages ---*/
.contenu {margin-top:1em; }
#gonav {padding-top:60px; position: relative; top:-60px; margin-bottom:-60px;} /* pour que le scroll de l'ancre ne passe pas sous le menu ;) */
.breadcrumb {margin-top:1em; }
h1 {margin-top: .5em; font-family: 'Great Vibes', cursive; font-weight: bold }
h2, h3, h4, h5, h6 {margin-top: .5em; font-weight: bold ;font-size: 1.2em;}
.titre {margin-top: .2em; font-family: 'Great Vibes', cursive; font-weight: bold; text-align:center;}
p, li, address {}

/* =formulaire
	----------------------------- 
form { margin: 0; padding-top:50px; font-size: 1.2em;}
form input, form textarea{margin-bottom:1.5em; color:#000;}
fieldset { padding: 10px; margin: 1em 2em 1em 0; }
legend { color:#fff; border:none; padding:0; margin:0; }
label { display: block; margin: 0.5em 0 .5em 0; }
.textfield { border: 1px solid #575757; padding: 2px;  }
 fin formulaire */

/* couleurs des boutons de l'accordeon */
.accordion-button {
	font-family: 'Oxygen', sans-serif;
	color: #000 !important;
	background: #eee !important;
}
.accordion-button:focus {
	color: #fff !important;
	background: #006A51 !important;
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}


/* couleurs des tabs 
.nav-tabs { background:#fff;}
.nav-tabs > li > a:hover{ color: #fff!important; background: #006A51!important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ color: #fff!important;  background: #006A51; }*/
.accordion-collapse .accordion-body .onglets { margin:0 !important;
}
.nav-tabs .nav-item .nav-link {
  color: #000;
  background-color: #F5F5F5;
  text-decoration:none;
  border: 1px solid #CECECE;
  margin-left:.5em;
}

.nav-tabs .nav-item .nav-link.active {
  background-color: #006A51;
  color: #fff;
}


/* couleurs des liens dans les pages */
.contenu a:link, .contenu a:active, .contenu a:visited, .breadcrumb li a { color:#006A51; text-decoration:underline;  }
.contenu a:hover, .breadcrumb li a:hover { color:#CC3600;  }
a:focus{outline:none;}

/* couleurs du textes des boutons */
.btn { color: #FFFFFF !important; }
.btn-default { color: #000 !important; }
.btn a { color: #FFFFFF !important; }
.btn-default a { color: #000 !important; }
.btn a:hover, .btn a:active, .btn a.active, .btn a.disabled { color: #FFFFFF !important; text-decoration:none; }
.btn-default a:hover, .btn-default a:active, .btn-default a.active, .btn-default a.disabled { color: #000 !important; text-decoration:none; }

/* iframe google maps */
iframe, object, embed { width: 100%; }
/* vidéo - Le parent */
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
/* vidéo - L'enfant */
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*--- Galeries d'images ---*/
.editable-gallery { border: none; }
.editable-gallery img { background-color: #fff; border: 1px solid #ccc; padding: 4px; -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.15); }
.editable-gallery a { float: left; margin-left: .5em; }
.editable-gallery a:hover { opacity: 0.6; filter: alpha(opacity=60); }
/*--- Fin Galeries d'images ---*/

/*--- Fin Pages ---*/

/* Footer */
footer {
	margin-top: 2em;
	padding-top: 20px;
	padding-bottom: 60px;
	background: #006A51;
	color: #fff!important;
}
footer a:link, footer a:active, footer a:visited { color: #fff!important; }
footer a:hover { color: #CC3600!important; }

/* ScrollToTop
.scrollmenu { display: none; }
.scrollup { display: none; color: #fff; outline: none!important; } */
.scrollup:hover { opacity: 1; color: #CC3600; }
.smallscrollup { display: none; }

/* Responsive Styles */

/* Large desktop */
/* Bootstrap Large devices (large desktops, 1200px and up) */
@media (min-width: 1921px) {}
@media (max-width: 1920px) {}
@media (max-width: 1800px) {}
@media (max-width: 1700px) {}
@media (max-width: 1600px) {}
@media (max-width: 1500px) {}
@media (max-width: 1400px) {}
@media (min-width: 1400px) {}
@media (max-width: 1300px) {}
@media (max-width: 1200px) {
#menu { background: #fff; height: auto; margin-top: 3px; margin-left: -1em!important; overflow-x: hidden;}
#menu > .navbar-nav { border:1px solid #ccc; padding: 0 1em; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);}
	}
@media (max-width: 1100px) {
#menu { background: #fff; height: auto; margin-top: 3px; margin-left: -1em!important; overflow-x: hidden;}
#menu > .navbar-nav { border:1px solid #ccc; padding: 0 1em; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);}
	}
@media (max-width: 1000px) {
#menu { background: #fff; height: auto; margin-top: 3px; margin-left: -1em!important; overflow-x: hidden; }
#menu > .navbar-nav { border:1px solid #ccc; padding: 0 1em; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);}
	}
/* Bootstrap Medium devices (desktops, 992px and up) */
@media (max-width: 992px)  {
#menu { background: #fff; height: auto; margin-top: 3px; margin-left: -1em!important; overflow-x: hidden; }
#menu > .navbar-nav { border:1px solid #ccc; padding: 0 1em; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);}
	}
@media (max-width: 800px)  {}

/* iPad portrait · width: 768px, Portrait tablet to landscape and desktop */
/* Bootstrap Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 979px) {
.scrollup {/*bottom:3.5em;*/}
#menu { background: #fff; height: auto; margin-top: 3px; margin-left: -1em!important; /*padding-left: 1em; max-height: 180px;*/ overflow-x: hidden;/*pour scroller le menu lorsque iphone horizontal*/ }
#menu > .navbar-nav { border:1px solid #ccc; padding: 0 1em; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);}
.nav-item a, .dropdown-item a { font-size: 1em; }
}

/* Landscape phone to portrait tablet */
/* Bootstrap Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 767px) {
#menu { background: #fff; height: auto; margin-top: 3px; margin-left: -1em!important; /*padding-left: 1em; max-height: 180px;*/ overflow-x: hidden;/*pour scroller le menu lorsque iphone horizontal*/ }
#menu > .navbar-nav { border:1px solid #ccc; padding: 0 1em; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);}
#menu { border:none; height: auto; max-height: 450px; overflow-x: hidden;/*pour scroller le menu lorsque iphone horizontal*/}
/*
#pub{display:none;}
.navbar{height:30px;}
.navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {color:#fff; background-color:#78C75C;}
/*ramener le menu à gauche au lieu de centrer 
.navbar-nav{margin:0; display:block; table-layout:none;}*/
/*-- change navbar dropdown color
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu { background-color:#fff; } --*/
#menu li a:link, #menu li a:visited { /*font-size:1.2em;*/}
.bigscrollup {display:none;}
.smallscrollup {display:block; /*padding-bottom:4em;*/}
}

/* iPhone 6 Plus landscape · width: 736px */
@media (max-width: 700px) {}

/*iPhone 6 landscape · width: 667px, Android (Nexus 4) landscape and Kindle portrait · width: 600px */
@media (max-width: 667px) {}
@media (max-width: 600px) {}

/* iPhone 5 landscape · width: 568px */
@media (max-width: 568px) {}
@media (max-width: 520px) {}

/* iPhone 3+4 landscape · width: 480px */
@media (max-width: 480px) {
.fl, .fr, .cms-float-left, .cms-float-right { float:none !important; display:block; }
}

/* iPhone 6 Plus portrait · width: 414px, Android (Nexus 4) portrait · width: 384px */
@media (max-width: 479px) {}
@media (max-width: 450px) {
.titre {margin-top: .2em; font-family: 'Great Vibes', cursive; font-weight: bold; font-size: 1.2em; text-align:center !important;}
}

/* iPhone 6 portrait · width: 375px */
@media (max-width: 375px) {}


/*iPhone 3+4 portrait, iPhone 5 portrait · width: 320px */
@media (max-width: 320px ) {
.logo {max-width:50%;}
/*.navbar{height:30px;}*/
.fl, .fr, .cms-float-left, .cms-float-right { float:none; display:block; }
}
@media (max-width: 319px ) {
.navbar-bran > img {width:50% !important;}
}


/* Configuration pour l'impression */
 @media print {
body { /* Modifications : la couleur de fond de page - la police - l'unité utilisée pour la taille de la police  */
	background-color:#fff; font-family:Serif; font-size:14pt; }
.contenu { /* Modifications : suppression du float - adaptation de la largeur*/
	float:none; width:100%; margin:0; padding:0; text-align:left; }
.contenu a { /* Modifications : suppression du gras et du souligné */
	font-weight:normal; text-decoration:none; }
.breadcrumb, .navbar, .navbar-toggler, ul.nav-tabs, #copyright, #footer, #AddThis, .scrollup, .bigscrollup, .smallscrollup, .fa-solid, .fa-circle-arrow-up, a[href]:after { display:none !important; }
}