/*
Theme Name: Zoo de Mulhouse
Theme URI: http://www.zoo-mulhouse.com/
Author: Gr gory Muller
Author URI: http://www.mulhouse-mulhouse.fr/
Description: Th me r alis  en 2018 pour le parc zoologique et botanique de Mulhouse (Alsace).
Version: 1.0
License: All right reserved
License URI: http://creativecommons.org/licenses/by-nc-nd/4.0/
Tags: green, yellow, white, grey, two-columns, three-columns, four-colums, right-sidebar, fixed-layout, responsive-layout, sticky navigation, video, theme-options, accessibility-ready
Text Domain: zoo-mulhouse.com
	Jaune: var(--couleur-ocre);
	Brun: var(--couleur-terre);
	Vert : #33654d;
*/

/*
00 Elements speciaux
01 Elements principaux
02 Mise en page
03 Header
	a En-t te
		Logo
	b Menu
		Barre de navigation
		Sous-menu
	c Menu lat ral
		Hamburger
		Menu
		Pratique
	d Outils
		Langue
		Facebook
		Recherche
		m2A
04 Accueil
	o Preloader
	a Slider
		Animation
		Navigation
		Arrow
	b Pratique
	c Actualites
		Navigation
	d Evenements
		A la Une
		Secondaire
		Calendrier
		Bouton
		Facebook
	e animaux-vegetaux
	f application
05 Interne
	a Banniere
	b Ariane
	c Article
		Images
	d Contact
	e Evenement
	f Fiche
	g Slide photo
		Navigation
	h Sidebar
		Menu
		Pratique
		Actualite
		Evenement
		Calendrier
	i Horaires
	j Plan d'acc s
	h Partage
06 Archive
	a Actualites
	b Evenements
	c Recherche
		Navigation
07 Filtres
	a Filtre
		Controls
		Resultat
09 Footer
	a Newsletter
	b Haut
	c Bas
	d Cookies
10 Responsive
11 Accessibilite
*/


/*  --------------------------------------------------- 00 Elements speciaux --------------------------------------------------- */

@font-face {
    font-family: 'surgena';
    src: url('css/fonts/surgena/surgena-light-webfont.woff2') format('woff2'),
         url('css/fonts/surgena/surgena-light-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'surgena';
    src: url('css/fonts/surgena/surgena-regular-webfont.woff2') format('woff2'),
         url('css/fonts/surgena/surgena-regular-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'surgena';
    src: url('css/fonts/surgena/surgena-semibold-webfont.woff2') format('woff2'),
         url('css/fonts/surgena/surgena-semibold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'surgena';
    src: url('css/fonts/surgena/surgena-bold-webfont.woff2') format('woff2'),
         url('css/fonts/surgena/surgena-bold-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
  --couleur-ocre: #B68D3E;
  --couleur-prune: #301230;
  --couleur-terre: #4A3F35;
  --couleur-sable: #F2E8D1;


  --couleur-blanc: #ffffff;
  --couleur-noir: #000000;

}


/*  --------------------------------------------------- 01 Elements principaux --------------------------------------------------- */

html {
    /*overflow-x: hidden;*/
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
    background: var(--couleur-blanc);
    color: #000000;
    font-family: 'Barlow', sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.clear {
    clear: both;
}

.page-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px 0 15px;
    position: relative;
}

.container {
    margin: 0 15px 0 15px;
}

.col-1 {
    float: left;
    width: 100px;
}

.col-2 {
    float: left;
    width: 200px;
}

.col-24 {
    float: left;
    width: 240px;
}

.col-3 {
    float: left;
    width: 300px;
}

.col-4 {
    float: left;
    width: 400px;
}

.col-5 {
    float: left;
    width: 500px;
}

.col-6 {
    float: left;
    width: 600px;
}

.col-7 {
    float: left;
    width: 700px;
}

.col-8 {
    float: left;
    width: 800px;
}

.col-9 {
    float: left;
    width: 900px;
}

.col-10 {
    float: left;
    width: 1000px;
}

.col-11 {
    float: left;
    width: 1100px;
}

.col-12 {
    width: 1200px;
}

.offset-4 {
    margin-left: 400px;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}


/*  --------------------------------------------------- 02 Mise en page --------------------------------------------------- */

::-webkit-input-placeholder {
    color: white;
}

::-moz-placeholder {
    color: white;
}

:-ms-input-placeholder {
    color: white;
}

:-moz-placeholder {
    color: white;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

a {
    color: #56a27e;
    text-decoration: none;
}

a:hover {
    color: var(--couleur-ocre);
    text-decoration: none;
}

span.jaune {
    color: var(--couleur-ocre);
}

span.brun {
    color: var(--couleur-terre);
}

span.vert {
    background: var(--couleur-terre);
}

.gras {
    font-weight: 600;
}

.btn {
    border: 1px solid var(--couleur-sable);
    border-radius: 30px;
    color: var(--couleur-sable);
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    padding: 10px 50px !important;
    margin: 40px 0 0 0 !important;
    text-decoration: none;
    /*white-space: nowrap;*/
    /* Transition */
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn:hover {
    animation: pulse 1s 1;
    color: var(--couleur-ocre);
    background-color: #ffffff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn a {
    color: var(--couleur-ocre);
    text-decoration: none !important;
}

.btn:hover a {
    color: var(--couleur-sable);
}

.js .wow {
    visibility: hidden;
}

.no-cssanimations .wow {
    visibility: visible;
}

.souligne {
    color: var(--couleur-sable);
    font-size: 20px;
    font-weight: 300;
}

.souligne:after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background-color: var(--couleur-ocre);
    margin: 40px auto 40px auto;
}

.radius {
    background-color: var(--couleur-terre);
    border-radius: 50%;
    border: 1px solid var(--couleur-terre);
    width: 170px;
    height: 170px;
    overflow: hidden;
    margin: 0 auto;
    z-index: 3;
    position: relative;
}

.radius:hover {
    border: 1px solid var(--couleur-ocre);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}


/*  --------------------------------------------------- 03 Header --------------------------------------------------- */

header {
    padding: 0;
    margin: 0;
}

/************************** a En-t te **************************/

header .degrade {
    background: url('images/degrade.png') repeat-x top;
    height: 168px;
    position: absolute;
    width: 100%;
    z-index: 15;
}

header .flat {
    background: var(--couleur-terre);
    background: -moz-linear-gradient(left, var(--couleur-terre) 0%, var(--couleur-ocre) 50%);
    background: -webkit-linear-gradient(left, var(--couleur-terre) 0%, var(--couleur-ocre) 50%);
    background: linear-gradient(to right, var(--couleur-terre) 0%, var(--couleur-ocre) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--couleur-terre)', endColorstr='var(--couleur-ocre)', GradientType=1);
    filter: alpha(opacity=0);
    opacity: 0;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 14;
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

header .flat.fixed {
    filter: alpha(opacity=100);
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--couleur-terre)', endColorstr='var(--couleur-ocre)', GradientType=1);
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

header .head {
    position: fixed;
    z-index: 1000;
    width: 100%;
}

/* Logo */

header .head .logo {
    width: 90px;
    float: left;
}

header .head.fixed .logo {
    margin-right: 30px;
    width: 60px;
}

header .head .logo a img {
    position: absolute;
    height: 168px;
    width: 90px;
    display: block;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header .head.fixed .logo a img {
    height: 112px;
    margin-right: 30px;
    width: 60px;
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* Titre */

header .head .titre {
    display: none;
    float: left;
    width: 250px;
}

header .head .titre h1 {
    color: #ffffff;
    font-family: "surgena";
    font-size: 17px;
    font-weight: 700;
    padding: 10px 0 0 20px;
}

/************************** b Menu **************************/

header .head .menu {
    float: left;
    width: 830px;
    width: 920px;
    width: 905px;
    position: relative;
    z-index: 99999;
}

header .head .menu .nav,
header .head .menu .nav ul,
header .head .menu .nav li,
header .head .menu .nav div {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

header .head .menu .nav a {
    text-decoration: none;
}

header .head .menu .nav li {
    list-style: none;
}

/* Barre de navigation */

header .head .menu .nav {
    display: inline-block;
    position: relative;
    cursor: default;
    /*margin: 0 0 0 57px;*/
    /*margin: 0 0 0 147px;*/
    margin: 0 0 0 132px;
    z-index: 500;
}

header .head .menu .nav>li {
    display: block;
    float: left;
}

header .head .menu .nav>li>a {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "surgena";
    font-size: 14px;
    font-weight: 300;
    height: 60px;
    line-height: 60px;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 510;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header .head .menu .nav>li.leparc>a {
    width: 88px;
}

header .head .menu .nav>li.animationsetactivites>a {
    width: 187px;
}

header .head .menu .nav>li.protectiondesespeces>a {
    width: 189px;
}

header .head .menu .nav>li.espaceprofessionnel>a {
    width: 170px;
}

header .head .menu .nav>li.infospratiques>a {
    width: 136px;
}

header .head .menu .nav>li>a:after {
    content: '\f107';
    font-family: Fontawesome;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    padding: 0 0 0 5px;
}

header .head .menu .nav>li:hover>a:after {
    content: '\f13a';
    font-family: Fontawesome;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    padding: 0 0 0 5px;
}

header .head .menu .nav>li:hover>a {
    background: var(--couleur-prune);
    filter: alpha(opacity=100);
    opacity: 1;
    color: #ffffff;
}

/* Sous-menu */

header .head .menu .nav>li>div {
    background: var(--couleur-prune);
    border-top: 1px solid var(--couleur-ocre);
    border-radius: 0 0 10px 10px;
    display: block;
    filter: alpha(opacity=100);
    opacity: 0;
    top: 60px;
    left: 0;
    position: absolute;
    padding: 5px 15px 20px 15px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    width: 800px;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header .head .menu .nav>li:hover>div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

header .head .menu .nav .nav-column,
header .head .menu .nav .colonne-1 {
    display: block;
    float: left;
    padding: 0 15px 0 15px;
    width: 236px;
}

header .head .menu .nav .nav-column:first-child:nth-last-child(2),
header .head .menu .nav .nav-column:first-child:nth-last-child(2)~.nav-column {
    width: 370px;
}

header .head .menu .nav .nav-column:first-child:nth-last-child(3),
header .head .menu .nav .nav-column:first-child:nth-last-child(3)~.nav-column {
    width: 236px;
}

header .head .menu .nav .nav-column>li {
    margin: 15px 0 0 0;
}

header .head .menu .nav .nav-column li>a {
    color: #ffffff;
    display: block;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    line-height: 20px;
}

header .head .menu .nav .nav-column li>a.important {
    font-weight: 600;
}

header .head .menu .nav .nav-column li>a i {
    font-size: 20px;
    display: inline-block;
    text-align: right;
    margin-right: 8px;
    width: 15px;
}

header .head .menu .nav .nav-column li>a i.fa {
    font-size: 17px;
}

header .head .menu .nav .nav-column li>a:hover,
header .head .menu .nav .nav-column li>a:hover i,
header .head .menu .nav .nav-column li.current_page_item>a {
    color: var(--couleur-ocre);
}

header .head .menu .nav .nav-column ul {
    margin: 6px 10px 0px 0;
}

header .head .menu .nav .nav-column ul li a {
    display: block;
    line-height: 13px;
    font-size: 14px;
    color: #b3b3b3;
    margin: 3px 0 0 0;
}

header .head .menu .nav .nav-column ul li a:hover {
    color: #ffffff;
}

header .head .menu .nav .nav-column ul li a:before {
    color: #b3b3b3;
    content: '\f105';
    font-family: Fontawesome;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    padding: 0 5px 0 0;
}

header .head .menu .nav .nav-column ul li a:hover:before {
    color: #ffffff;
}

header .head .menu .nav .nav-column .important {
    background: var(--couleur-ocre);
    border-radius: 2px;
    color: #000000;
    font-size: 13px;
    padding: 0 4px 0 4px;
}

header .head .menu .pratique {
    display: none;
}

/************************** c Menu lat ral **************************/

/* Hamburger */

#existing-content-menu {
    border: 1px solid #ffffff;
    border-radius: 50%;
    display: none;
    /*position: fixed;*/
    height: 35px;
    margin: 10px 0 0 80px;
    /*right: 0px;
	top: 0px;*/
    width: 35px;
    z-index: 99999;
    position: relative;
    float: left;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#existing-content-menu:hover {
    background: var(--couleur-ocre);
}

#existing-content-menu span {
    background-color: #ffffff;
    display: block;
    height: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    width: 14px;
}

#existing-content-menu span::before,
#existing-content-menu span::after {
    background-color: #ffffff;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(-6px);
    width: 14px;
}

#existing-content-menu span::after {
    transform: translateY(6px);
}

#sidr-id-close-menu-button {
    display: none;
}

/* Close */

#sidr-existing-content #sidr-id-close-menu-button {
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-size: 30px;
    font-weight: 400;
    line-height: 26px;
    padding: 0px 0 0 10px;
    margin: 0px 0 0 20px;
    z-index: 99999;
    height: 33px;
    width: 25px;
    z-index: 99999;
    /* Transition */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#sidr-existing-content #sidr-id-close-menu-button:hover {
    background: var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* Menu */

header .menulateral .overlay {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    background: rgba(24, 32, 35, 0.75);
    overflow: hidden;
    text-align: center;
    top: 0;
    z-index: 99999;
}

.sidr {
    background: var(--couleur-prune);
    border-right: 1px solid var(--couleur-ocre);
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 250px;
    max-width: 100%;
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

.sidr.left {
    left: auto;
    left: -291px;
}

#sidr-existing-content {
    margin: 0 0 0 0;
    text-align: left;
}

#sidr-existing-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#sidr-existing-content ul li {
    margin: 0;
    padding: 0;
}

#sidr-existing-content ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 20px 10px 20px 0;
}

#sidr-existing-content a {
    text-decoration: none;
}

#sidr-existing-content .sidr-inner>ul>li {
    padding: 0 0 15px 0;
    border-bottom: 1px dashed #ffffff;
}

#sidr-existing-content .sidr-inner>ul>li:first-child>a {
    margin: 30px 0 0 0;
}

#sidr-existing-content .sidr-inner>ul>li>a {
    color: #ffffff;
    display: block;
    font-family: "surgena";
    font-size: 16px;
    font-weight: 700;
    margin: 16px 0 0 0;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 510;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#sidr-existing-content ul li.menu-item-has-children>a:after {
    content: '\f107';
    font-family: Fontawesome;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    padding: 0 0 0 5px;
}

#sidr-existing-content ul li.menu-item-has-children:hover>a:after {
    content: '\f13a';
    font-family: Fontawesome;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    padding: 0 0 0 5px;
}

#sidr-existing-content ul li.current-menu-item a,
#sidr-existing-content ul li a:hover {
    color: var(--couleur-ocre);
}

/* Sous-menu */

#sidr-existing-content ul li.menu-item-has-children div {
    display: block;
    height: auto;
    margin: 0;
    padding: 5px 0 10px 0px;
    z-index: 99999;
    display: none;
}

/*#sidr-existing-content ul li:first-child div {
	display: block;
}*/

#sidr-existing-content ul li div ul li.menu-item-has-children ul {
    display: block;
    height: auto;
    margin: 0;
    /*padding: 10px 0 10px 15px;*/
    z-index: 99999;
    display: none;
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li {
    float: none;
    padding: 8px 0 0 0px;
    margin: 0;
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li>a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 100;
    margin: 0;
    padding: 0;
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li.menu-item-has-children>a {
    /*font-weight: 500;*/
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li>a i {
    font-size: 20px;
    display: inline-block;
    text-align: right;
    margin-right: 8px;
    width: 15px;
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li>a i.fa {
    font-size: 17px;
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li>a:hover i {
    color: var(--couleur-ocre);
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li>ul {
    padding: 6px 0 0 20px;
    margin: 0 0 0px 0;
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li>ul li a {
    display: block;
    /*line-height: 13px;*/
    font-size: 14px;
    color: #b3b3b3;
    margin: 3px 0 0 0;
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li>ul li a:hover {
    color: #ffffff;
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li>ul li a:before {
    color: #b3b3b3;
    content: '\f105';
    font-family: Fontawesome;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    padding: 0 5px 0 0;
}

#sidr-existing-content .sidr-inner>ul>li>div>ul>li>ul li a:hover:before {
    color: #ffffff;
}

#sidr-existing-content .sidr-inner>ul .important {
    background: var(--couleur-ocre);
    border-radius: 2px;
    color: #000000;
    font-size: 13px;
    padding: 0 4px 0 4px;
}

/* Pratique */

#sidr-existing-content .pratique {
    background: none;
    padding: 0;
    margin: 0;
}

#sidr-existing-content .pratique .center {
    margin: 0 0 0 0;
    padding: 0px 0 10px 0;
}

#sidr-existing-content .pratique .center:nth-child(2n) {
    padding: 10px 0 10px 0;
}


#sidr-existing-content .pratique .center:nth-child(3n) {
    background: #ffffff;
    margin: 20px 0 20px 0;
    padding: 0;
}

#sidr-existing-content .pratique i.icon {
    font-size: 60px;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#sidr-existing-content .pratique i.fa {
    font-size: 50px;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#sidr-existing-content .pratique h2 {
    color: #ffffff;
}

#sidr-existing-content .pratique a:hover i {
    color: #ffffff;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/************************** d Outils **************************/

header .head .outils {
    float: left;
}

/* Langue */

header .head .langue {
    float: left;
    margin: 22px 0 0 9px;
    width: 45px;
}

header .head .languagepicker {
    background-color: #FFF;
    display: inline-block;
    font-size: 10px;
    padding: 0;
    height: 16px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 0;
    vertical-align: top;
    float: left;
    border-radius: 3px;
}

header .head .languagepicker:hover {
    height: 54px;
    /*height: 35px;*/
    /*height: 16px;*/
}

header .head .languagepicker a {
    color: #000;
    text-decoration: none;
}

header .head .languagepicker li {
    display: block;
    padding: 0 7px 0 6px;
    line-height: 18px;
}

header .head .languagepicker li:hover {
    background-color: #EEE;
}

header .head .languagepicker a:first-child li {
    background: #FFF !important;
}

header .head .languagepicker li img {
    margin-right: 3px;
    width: 13px;
    margin-top: 2px;
}

header .head .languagepicker li span {
    margin-left: 0px !important;
}

/* Facebook */

header .head .facebook {
    float: left;
    font-size: 15px;
    margin: 20px 0 0 16px;
    width: 20px;
}

header .head .facebook .fa {
    color: #ffffff;
}

header .head .facebook .fa:hover {
    color: var(--couleur-prune);
}

/* Instagram */

header .head .instagram {
    float: left;
    font-size: 15px;
    margin: 20px 0 0 0px;
    width: 20px;
}

header .head .instagram .fa {
    color: #ffffff;
}

header .head .instagram .fa:hover {
    color: var(--couleur-prune);
}

/* LinkedIn */

header .head .linkedin {
    float: left;
    font-size: 15px;
    margin: 20px 0 0 5px;
    width: 16px;
}

header .head .linkedin .fa {
    color: #ffffff;
}

header .head .linkedin .fa:hover {
    color: var(--couleur-prune);
}

/* Recherche */

header .head .recherche {
    float: left;
    margin: 20px 0 0 19px;
    width: 16px;
}

header .head .recherche .open {
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    margin: 0;
    position: relative;
    width: 16px;
    /* Transition */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

header .recherche .open:hover {
    color: var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

header .rechercheform .close {
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: var(--couleur-ocre);
    cursor: pointer;
    height: 36px;
    margin: 0;
    position: fixed;
    width: 36px;
    right: 35px;
    top: 25px;
    cursor: pointer;
    z-index: 99999;
    /* Transition */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

header .rechercheform .close:hover {
    background: #ffffff;
    color: #182023;
    /* Transition */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

header .rechercheform .close .first {
    font-size: 30px;
    font-weight: 400;
    left: 10px;
    line-height: 32px;
    position: absolute;
}

header .rechercheform .overlay {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    background: rgb(24, 32, 35);
    background: rgba(24, 32, 35, 0.95);
    overflow: hidden;
    text-align: center;
    top: 0;
    z-index: 99999;
}

header .rechercheform .formulaire {
    list-style: none;
    padding: 0;
    text-transform: uppercase;
    margin-top: 200px;
    /*ie8*/
    margin-top: 50vh;
    transform: translateY(-50%);
}

header .rechercheform .formulaire form {
    display: block;
}

header .rechercheform .formulaire input[type=text] {
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid var(--couleur-ocre);
    color: var(--couleur-ocre);
    font-family: "surgena";
    font-size: 35px;
    height: 40px;
    line-height: 30px;
    margin: 0;
    padding: 10px 10px 10px 10px;
    max-width: 300px;
}

header .rechercheform .formulaire input[type=text]:hover,
header .rechercheform .formulaire input[type=text]:focus {}

header .rechercheform .formulaire input[type="submit"] {
    background: none;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 30px;
    margin: 5px 0 0 4px;
    /* Transition */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .rechercheform .formulaire input[type="submit"]:hover,
header .rechercheform .recherche .formulaire input[type="submit"]:focus {
    color: var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* m2A */

header .head .m2a {
    float: left;
    text-align: right;
    width: 99px;
}


/*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

/************************** o Preloader **************************/

#preloader,
#status {
    display: none;
}

#preloader {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #341032;
    z-index: 99999;
}

#status {
    display: block;
    width: 250px;
    height: 196px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(images/preloader.gif);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -98px 0 0 -125px;
    /* is width and height divided by two */
}

/*.home #preloader {
	display: block;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ffffff;
	z-index:99999;
}

.home #status {
	display: block;
	width:78px;
	height:150px;
	position:absolute;
	left:50%;
	top:50%;
	background-image:url(images/preloader.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -39px;
}*/

/************************** a Slider **************************/

.slider {
    background: var(--couleur-sable);
    z-index: 10;
}

.slider .slide-intro {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.slider .slide-intro .slide-item {
    position: relative;
    max-height: 850px;
}

.slider .slide-intro .slide-item img {
    -webkit-filter: saturate(110%);
    -moz-filter: saturate(110%);
    -o-filter: saturate(110%);
    -ms-filter: saturate(110%);
}

.slider .slide-intro .slide-item .slide-caption {
    color: #fff;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 50%;
    margin: 0% 0 0 -25%;
    z-index: 1001;
}

.slider .slide-intro .slide-item .slide-caption .title {
    font-family: "surgena";
    font-size: 70px;
    font-weight: 700;
    line-height: 70px;
    margin: 0 0 10px 0;
    /*text-transform: uppercase;*/
    text-shadow: 0px 0px 30px #000000;
}

.slider .slide-intro .slide-item .slide-caption .desc {
    font-size: 20px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    /*text-transform: uppercase;*/
    text-shadow: 0px 0px 10px #000000;
}

.slider .slide-intro .btn {
    background: rgba(255, 255, 255, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4cffffff', endColorstr='#4cffffff');
    border: none !important;
    border-radius: 4px;
    color: #003f22;
    display: inline-block;
    font-family: "surgena";
    font-size: 40px;
    font-weight: 100;
    padding: 8px 20px 10px 20px !important;
    margin: 10px 200px 0 0 !important;
    text-decoration: none;
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slider .slide-intro .btn:hover {
    background: rgba(255, 255, 255, 1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#ffffff');
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slider .slide-intro .btn:after {
    content: '\f105';
    font-family: Fontawesome;
    font-size: 38px;
    font-weight: normal;
    font-style: normal;
    padding: 0 0px 0px 20px;
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slider .slide-intro .btn:hover:after {
    opacity: 1;
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* Animation */

.slider .slide-intro .owl-item.active img {
    animation-duration: 4s;
    animation-name: slidein;
}

@keyframes slidein {
    from {
        width: 105%;
    }

    to {
        width: 100%;
    }
}

.slider .slide-intro .owl-item.active .slide-caption .title {
    animation: 1s .5s fadeInUp both;
}

.slider .slide-intro .owl-item.active .slide-caption .desc {
    animation: 1s .9s fadeInUp both;
}

.slider .slide-intro .owl-item.active .btn {
    animation: 1s 1.3s flipInX both;
}

/* Navigation */

.slider .slide-intro .owl-prev,
.slide-intro .owl-next {
    background: #ffffff;
    color: var(--couleur-terre);
    display: none;
    font-size: 40px;
    position: absolute;
    opacity: 0.3;
    top: 45%;
    z-index: 101;
}

.slider .slide-intro:hover .owl-prev,
.slide-intro:hover .owl-next {
    display: block;
    position: absolute;
    top: 45%;
    z-index: 101;
}

.slider .slide-intro .owl-prev {
    left: 0;
    padding: 30px 20px 30px 10px;
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slider .slide-intro .owl-prev:hover {
    opacity: 1;
    padding: 30px 30px 30px 20px;
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slider .slide-intro .owl-next {
    right: 0;
    padding: 30px 10px 30px 20px;
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slider .slide-intro .owl-next:hover {
    opacity: 1;
    padding: 30px 20px 30px 30px;
    /* Transition */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* Arrow */

.slider .arrow {
    margin: 0;
    position: relative;
    text-align: center;
}

.slider .arrow i {
    font-size: 20px;
    margin: -20px auto 0 auto;
    position: relative;
    z-index: 10;
}

.slider .arrow .circle-icon {
    animation: pulse 2s infinite;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: var(--couleur-terre);
    width: 19px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    z-index: 10;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.slider .arrow .circle-icon:hover {
    background: var(--couleur-ocre);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.19);
    color: #ffffff;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/************************** b Pratique **************************/

.pratique {
    background: var(--couleur-sable);
    padding: 30px 0 40px 0;
}

.pratique .col-24 {
    min-height: 153px;
    padding: 20px 0 20px 0;
}

.pratique i {
    color: var(--couleur-ocre);
}

.pratique i.fa {
    font-size: 64px;
    padding: 4px 0 12px 0;
}

.pratique i.icon {
    font-size: 70px;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.pratique p {
    font-size: 14px;
    font-weight: 400;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.pratique h2 {
    color: var(--couleur-terre);
    font-family: "surgena";
    font-size: 28px;
    font-weight: 900;
}

.pratique a:hover i {
    color: var(--couleur-terre);
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.pratique a:hover p {
    color: var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/************************** c Actualit s **************************/

.actualites {
    background: url(images/actualites.jpg) no-repeat center center fixed;
    padding: 80px 0 70px 0;
    margin: 80px 0 0 0;
}

.home .actualites {
    margin: 0;
}

.actualites h2 {
    color: #ffffff;
    font-family: "surgena";
    font-size: 50px;
    font-weight: 700;
    /*text-transform: uppercase;*/
}

.actualites p.soustitre {
    color: #ffffff;
    font-family: "surgena";
    font-size: 20px;
    font-weight: 300;
    margin: 10px 0 50px 0;
}

.actualites .slide-actu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.actualites .slide-actu .slide-item {
    margin: 0 15px 0 15px;
}

.actualites .slide-actu .slide-item img {
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    -webkit-filter: saturate(80%);
    -moz-filter: saturate(80%);
    -o-filter: saturate(80%);
    -ms-filter: saturate(80%);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.actualites .slide-actu .slide-item:hover img {
    box-shadow: 0px 0px 10px #5e5e5e;
    -webkit-filter: saturate(110%);
    -moz-filter: saturate(110%);
    -o-filter: saturate(110%);
    -ms-filter: saturate(110%);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.actualites .slide-actu .slide-item .slide-caption {
    background: #f2f2f2;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    padding: 30px 30px 30px 30px;
    text-align: center;
    min-height: 180px;
}

.actualites .slide-actu .slide-item .slide-caption:hover {
    background: #ffffff;
}

.actualites .slide-actu .slide-item .slide-caption .categorie {
    background: var(--couleur-ocre);
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    padding: 4px 8px 4px 8px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.actualites .slide-actu .slide-item .slide-caption h3 {
    color: #000000;
    font-family: "surgena";
    font-size: 20px;
    font-weight: 700;
    padding: 6px 8px 4px 8px;
    margin: 0 0 10px 0;
}

.actualites .slide-actu .slide-item .slide-caption h3 a {
    color: #000000;
}

.actualites .slide-actu .slide-item .slide-caption h3 a:hover {
    color: var(--couleur-ocre);
}

.actualites .slide-actu .slide-item .slide-caption .btn {
    border: 1px solid var(--couleur-terre);
    color: var(--couleur-terre);
    margin: 10px 0 0 0 !important;
    white-space: nowrap;
}

.actualites .slide-actu .slide-item .slide-caption .btn:hover {
    color: #ffffff;
    background-color: var(--couleur-terre);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* Navigation */

.actualites .slide-actu .owl-dots {
    text-align: center;
}

.actualites .slide-actu .owl-dots .owl-dot {
    text-align: center;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.actualites .slide-actu .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 40px 5px 0 5px;
    background: #fece44;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.actualites .slide-actu .owl-dots .owl-dot.active span,
.actualites .slide-actu .owl-dots .owl-dot:hover span {
    background: #ffffff;
}

/************************** d Evenements **************************/

.evenements {
    background: var(--couleur-blanc);
    padding: 80px 0 70px 0;
}

.evenements .evenement {
    padding: 30px 25px 10px 25px;
}

.evenements .evenement .date {
    float: left;
    margin: 0 25px 15px 0;
}

.evenements .evenement .date .mois {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.evenements .evenement .date .jour {
    font-size: 26px;
    font-weight: 600;
}

.evenements .evenement h2 {
    color: #ffffff;
    font-family: "surgena";
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.evenements .evenement p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 100;
}

/* A la une */

.evenements .evenement.a-la-une .circle-icon {
    border: solid 1px #ffffff;
    border-radius: 50%;
    color: #ffffff;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    padding: 12px 8px 4px 8px;
}

.evenements .evenement.a-la-une p.soustitre {
    margin: 0 0 20px 0;
}

.evenements .evenement.a-la-une h2 {
    color: #ffffff;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.evenements .evenement.a-la-une:hover h2 {
    color: var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.evenements .evenement.a-la-une {
    background: var(--couleur-terre);
    border-radius: 10px;
}

/* Secondaires */

.evenements .evenement.secondaire .circle-icon,
.evenements .evenement.tertiaire .circle-icon {
    border: solid 1px var(--couleur-terre);
    border-radius: 50%;
    color: #ffffff;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    padding: 12px 8px 4px 8px;
}

.evenements .col-9 .evenement.secondaire {
    margin: 30px 0 0 0;
    box-shadow: 0px 0px 5px #5e5e5e;
    border-radius: 10px;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.evenements .col-9 .evenement.tertiaire {
    border-bottom-left-radius: 10px 10px;
    margin: 30px 0 0 0;
    box-shadow: 0px 0px 5px #5e5e5e;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.evenements .col-9 .evenement.secondaire:hover,
.evenements .col-9 .evenement.tertiaire:hover {
    box-shadow: 0px 0px 20px #5e5e5e;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.evenements .evenement.secondaire p,
.evenements .evenement.tertiaire p {
    color: var(--couleur-terre);
}

.evenements .evenement.secondaire h2,
.evenements .evenement.tertiaire h2 {
    color: var(--couleur-terre);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.evenements .evenement.secondaire:hover h2,
.evenements .evenement.tertiaire:hover h2 {
    color: var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.evenements .evenement.secondaire h2,
.evenements .evenement.tertiaire h2 {
    margin: 0 0 20px 0;
}

/* Calendrier */

.agenda {
    /*background: #33654d;*/
    height: 270px;
    margin: 30px auto 0 auto;
    width: 270px;
}

.agenda table {
    background: #33654d;
    padding: 10px;
    width: 100%;
}

.agenda table td a.em-calnav {
    color: #ffffff;
    font-size: 30px;
    padding: 0 0 15px 0;
}

.agenda table td.month_name {
    border-bottom: 1px #719483 solid;
    color: #ffffff;
    font-weight: 700;
    font-family: "surgena";
    font-size: 17px;
    margin: 0;
    padding: 5px 0 15px 0;
    text-transform: uppercase;
}

.agenda table tr.days-names td {
    color: #ffffff;
    padding: 10px 0 4px 0;
    text-transform: uppercase;
    width: 14.28%
}

.agenda table tr td.eventless-pre {
    color: #878787;
    font-size: 18px;
    font-weight: 400;
    padding: 4px 0 4px 0;
}

.agenda table tr td.eventless {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    padding: 4px 0 4px 0;
}

.agenda table tr td.eventless-today {
    background: none;
    border-radius: 100px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

.agenda table tr td.eventful-today {
    background: none;
    border-radius: 100px;
    border: 1px solid #ffffff;
    color: var(--couleur-ocre);
    font-size: 18px;
    font-weight: 700;
}

.agenda table tr td.eventful-today a {
    color: var(--couleur-ocre);
}

.agenda table tr td.eventful {
    font-size: 18px;
    font-weight: 700;
}

.agenda table tr td.eventful a {
    color: var(--couleur-ocre);
}



/* Bouton */

.evenements .btn {
    color: var(--couleur-terre);
    border-color: var(--couleur-terre);
}

.evenements .btn:hover {
    background: var(--couleur-terre);
    color: #ffffff;
}

/* Facebook */

.evenements .facebook {}

/************************** e animaux-vegetaux **************************/

.animaux-vegetaux {
    padding: 0 0 110px 0;
}

.animaux-vegetaux .page-container {
    padding: 0;
    width: auto;
}

.animaux-vegetaux .col-6:nth-child(1n) .container {
    margin: 0 15px 0 0;
}

.animaux-vegetaux .col-6:nth-child(2n) .container {
    margin: 0 0 0 15px;
}

.animaux-vegetaux .col-6 {
    width: 50%;
}

.animaux-vegetaux .animaux {
    /*background: url(images/animaux.jpg) no-repeat center center;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 300px;
}

.animaux-vegetaux .vegetaux {
    /*background: url(images/vegetaux.jpg) no-repeat center center;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 300px;
}

.animaux-vegetaux .opacite {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 150px 0 150px 0;
    min-height: 300px;
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.animaux-vegetaux .opacite:hover {
    background-color: rgba(0, 0, 0, 0);
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.animaux-vegetaux .souligne:after {
    background-color: var(--couleur-terre);
}

.animaux-vegetaux h2 {
    font-family: "surgena";
    font-size: 30px!important;
    font-weight: 700!important;
    color: var(--couleur-terre);
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.animaux-vegetaux .animaux:hover h2,
.animaux-vegetaux .vegetaux:hover h2 {
    color: #ffffff;
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.animaux-vegetaux p {
    color: var(--couleur-terre);
    font-family: "surgena";
    font-size: 40px!important;
    font-weight: 700!important;
    padding: 0 30px 0 30px;
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.animaux-vegetaux .btn {
    color: var(--couleur-terre);
    border-color: var(--couleur-terre);
}

.animaux-vegetaux .btn:hover {
    background: var(--couleur-terre);
    color: #ffffff;
}

.animaux-vegetaux .opacite:hover .souligne:after {
    background-color: #ffffff;
}

.animaux-vegetaux .opacite:hover h3 {
    color: #ffffff;
    text-shadow: 0px 0px 8px #000000;
}

.animaux-vegetaux .opacite:hover p {
    color: #ffffff;
    text-shadow: 0px 0px 50px #000000;
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.animaux-vegetaux .opacite:hover .btn {
    background: #ffffff;
    border-color: #ffffff;
    color: var(--couleur-terre);
}

.animaux-vegetaux .opacite:hover .btn:hover {
    background: var(--couleur-terre);
    border-color: #ffffff;
    color: #ffffff;
}

/************************** f application **************************/

.application {
    padding: 0;
}

.application .mobile {
    padding: 0;
    margin: 0;
}

.application .mobile img {
    max-width: 100%;
    vertical-align: bottom;
}

.application .description h2 {
    color: var(--couleur-terre);
    font-family: "surgena";
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 30px 0;
}

.application .description p {
    margin: 10px 0 0 0;
}

.application .description p.soustitre {
    color: var(--couleur-terre);
    font-family: "surgena";
    font-size: 30px;
    font-weight: 700;
    margin: 30px 0 20px 0;
}

.application .description img {
    margin: 0 15px 0 0;
}

.application .description img:hover {
    box-shadow: 0px 0px 20px #a1a1a1;
}

.application .description .btn {
    border: 1px solid var(--couleur-terre);
    color: var(--couleur-terre);
    margin: 0 0 30px 0 !important;
    text-decoration: none;
}


/*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

.interne {
    margin: 0 0 80px 0;
}

/************************** a Banniere **************************/

.banniere {
    /*background: url(images/upload-photo.jpg) no-repeat top center fixed;*/
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    height: 420px;
    line-height: 420px;
    z-index: 10;
}

.banniere h1 {
    color: #ffffff;
    display: inline-block;
    font-family: "surgena";
    font-weight: 700;
    font-size: 70px;
    padding: 50px 150px 0 150px;
    line-height: 70px;
    text-align: center;
    text-shadow: 0px 0px 30px #000000;
    /*text-transform: uppercase;*/
    vertical-align: middle;
}

/************************** b Ariane **************************/

.ariane {
    height: auto;
    line-height: 11px;
    padding: 0;
    margin: 0 0 40px 0;
    vertical-align: bottom;
}

.ariane ul {
    background: var(--couleur-ocre);
    display: inline-block;
    padding: 20px 10px 6px 10px;
    margin: 0;
}

.ariane ul li {
    display: block;
    float: left;
    padding: 0 0px 0 0;
}

.ariane ul li:first-child:before {
    content: none;
}

.ariane ul li:before {
    color: #ffffff;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: 14px;
    margin: 0 5px 0 5px;
}

.ariane ul li.pagenum:before {
    content: none;
}

.ariane ul li.pagenum {
    margin: 0 5px 0 5px;
}

.ariane ul li span {
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
}

.ariane ul li a {
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
}

.ariane ul li a:hover {
    color: var(--couleur-terre);
}

/************************** c Article **************************/

.contenu .interne article.single {
    line-height: 22px;
    min-height: 1px;
}

.contenu .interne article.single h2 {
    border-top: 1px solid var(--couleur-terre);
    border-bottom: 1px solid var(--couleur-terre);
    color: var(--couleur-terre);
    /*display: inline-block;*/
    font-family: "surgena";
    font-size: 40px;
    font-weight: 900;
    line-height: 44px;
    padding: 15px 0 15px 0;
    margin: 0 0 40px 0;
    word-wrap: break-word;
}

.single-event .contenu .interne article.single h2 {
    border-top: 0;
    color: var(--couleur-terre);
    font-family: "surgena";
    font-size: 40px;
    font-weight: 900;
    line-height: 44px;
    margin: 0 0 40px 0;
    word-wrap: break-word;
}

.contenu .interne article.single p+h2,
.contenu .interne article.single ul+h2,
.contenu .interne article.single img+h2 {
    margin: 40px 0 40px 0;
}

.contenu .interne article.single h3 {
    color: var(--couleur-terre);
    font-family: "surgena";
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    padding: 0;
    margin: 30px 0 20px 0;
}

.contenu .interne article.single h2+h3 {
    margin: 0px 0 20px 0;
}

.contenu .interne article.single p {
    padding: 0;
    margin: 0 0 15px 0;
}

.contenu .interne article.single .important {
    background: var(--couleur-ocre);
    font-family: "surgena";
    padding: 15px;
}

.contenu .interne article.single .tresimportant {
    background: var(--couleur-ocre);
    padding: 15px;
    font-family: "surgena";
    font-size: 25px;
    line-height: 30px;
}

.contenu .interne article.single .encadre {
    border: 1px solid var(--couleur-ocre);
    display: block;
    padding: 15px;
}

.contenu .interne article.single .tresencadre {
    border: 3px solid var(--couleur-ocre);
    padding: 15px;
    font-family: "surgena";
    font-size: 25px;
    line-height: 30px;
}

.contenu .interne article.single ul {
    padding: 0;
    margin: 0 0 15px 0;
    list-style-type: none;
}

.contenu .interne article.single ul li {
    padding: 0;
    margin: 0 0 0 30px;
}

.contenu .interne article.single ul li::before {
    color: var(--couleur-ocre);
    content: '\f1b0';
    font-family: 'FontAwesome';
    font-size: 14px;
    margin: 0 6px 0 0;
}

.contenu .interne article.single a {
    text-decoration: none;
}

.contenu .interne article.single a:hover {
    text-decoration: none;
}

.contenu .interne article.single .btn {
    border: 1px solid var(--couleur-terre);
    color: var(--couleur-terre);
    margin: 0 0 30px 0 !important;
    text-decoration: none;
}

.contenu .interne article.single h2+.btn {
    margin: 0 0 0 0 !important;
}

.contenu .interne article.single .btn+h3 {
    margin: 0 0 10px 0 !important;
}

.contenu .interne article.single .btn:hover {
    color: #ffffff;
    background-color: var(--couleur-terre);
}

.contenu .interne article.single span a[href$=".pdf"]:before {
    content: '\f1c1';
    font-family: Fontawesome;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    padding: 0 10px 0 0;
}

.contenu .interne .intro ul {
    padding: 0;
    margin: 0 0 15px 0;
    list-style-type: none;
}

.contenu .interne .intro ul li {
    padding: 0;
    margin: 0 0 0 30px;
}

.contenu .interne .intro ul li::before {
    color: var(--couleur-ocre);
    content: '\f1b0';
    font-family: 'FontAwesome';
    font-size: 14px;
    margin: 0 6px 0 0;
}

/* Tableau */

.contenu .interne article table.tarifs-normaux,
.contenu .interne article table.restauration-horaires {
    border-collapse: collapse;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

.contenu .interne article table.tarifs-normaux tr.date th,
.contenu .interne article table.restauration-horaires tr.date th {
    border: 1px #000000 solid;
    padding: 10px 10px 10px 10px;
    margin: 0;
    width: 33.33%;
}

.contenu .interne article table.tarifs-normaux tr.date th:nth-child(1),
.contenu .interne article table.restauration-horaires tr.date th:nth-child(1) {

    background: var(--couleur-ocre);
}

.contenu .interne article table.tarifs-normaux tr.date th:nth-child(2),
.contenu .interne article table.restauration-horaires tr.date th:nth-child(2) {
    background: #88bf66;
}

.contenu .interne article table.tarifs-normaux tr.date th:nth-child(3),
.contenu .interne article table.restauration-horaires tr.date th:nth-child(3) {
    background: #26c0b2;
}

.contenu .interne article table.tarifs-normaux tr.prix td {
    border: 1px #000000 solid;
    font-size: 25px;
    font-weight: 600;
    padding: 20px 0 20px 0;
}

.contenu .interne article table.restauration-horaires tr.horaire td {
    border: 1px #000000 solid;
    padding: 20px 0 20px 0;
}

.contenu .interne article table.tarifs-speciaux,
.contenu .interne article table.tarifs-scolaires,
.contenu .interne article table.tarifs-gratuits,
.contenu .interne article table.tarifs-bozoo,
.contenu .interne article table.tarifs-saison {
    border-collapse: collapse;
    margin-top: 30px;
    width: 100%;
}

.contenu .interne article table.tarifs-speciaux tr td,
.contenu .interne article table.tarifs-scolaires tr td,
.contenu .interne article table.tarifs-gratuits tr td,
.contenu .interne article table.tarifs-bozoo tr td {
    border: 1px #000000 solid;
    padding: 10px 20px 10px 20px;
    margin: 0;
    width: 50%;
    word-break: break-word;
}

.contenu .interne article table.tarifs-saison tr td,
.contenu .interne article table.tarifs-saison tr th {
    border: 1px #000000 solid;
    font-weight: 400;
    padding: 10px 20px 10px 20px;
    margin: 0;
    word-break: break-word;
}

.contenu .interne article table.tarifs-saison tr th:nth-child(1) {
    width: 50%;
}

.contenu .interne article table.tarifs-saison tr th:nth-child(2),
.contenu .interne article table.tarifs-saison tr th:nth-child(3) {
    width: 25%;
}

.contenu .interne article table.semaine {
    border-collapse: collapse;
    margin-top: 30px;
    width: 100%;
}

.contenu .interne article table.semaine tr td,
.contenu .interne article table.semaine tr th {
    border: 1px #000000 solid;
    font-weight: 400;
    padding: 10px 20px 10px 20px;
    margin: 0;
    word-break: break-word;
}

.contenu .interne article table.semaine tr th {
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
}

.contenu .interne article table.semaine tr th:nth-child(1) {
    width: 30%;
}

.contenu .interne article table.semaine.bleue tr th:nth-child(2),
.contenu .interne article table.semaine.bleue tr td:nth-child(2) {
    background: #19b5fe;
    color: #ffffff;
}

.contenu .interne article table.semaine.orange tr th:nth-child(2),
.contenu .interne article table.semaine.orange tr td:nth-child(2) {
    background: #f39c12;
    color: #ffffff;
}

.contenu .interne article table.semaine.verte tr th:nth-child(2),
.contenu .interne article table.semaine.verte tr td:nth-child(2) {
    background: #66CC99;
    color: #ffffff;
}

.contenu .interne article table.semaine.rose tr th:nth-child(2),
.contenu .interne article table.semaine.rose tr td:nth-child(2) {
    background: #e26a6a;
    color: #ffffff;
}

/* Images */

.contenu .interne article.single figure {
    color: #858585;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    margin: 0 0 30px 0;
    text-align: center;
    max-width: 100%;
}

.contenu .interne article.single figure.alignleft {
    float: left;
    margin: 0 30px 0px 0;
    padding: 5px 0 0 0;
}

.contenu .interne article.single figure.alignright {
    float: right;
    margin: 0 0px 0px 30px;
    padding: 5px 0 0 0;
}

.contenu .interne article.single figure img {
    margin: 0 0 0 0;
}

.contenu .interne article.single h2+figure img,
.contenu .interne article.single h3+figure img {
    margin: 0 0 0 0;
}

.contenu .interne article.single img {
    height: auto;
    margin: 10px 0 10px 0;
    max-width: 100%;
}

.contenu .interne article.single img.alignleft {
    float: left;
    margin: 0 15px 15px 0;
    padding: 5px 0 0 0;
}

.contenu .interne article.single img.alignright {
    float: right;
    margin: 0 0 15px 15px;
    padding: 5px 0 0 0;
}

/* Video */

.contenu .interne article .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin: 30px 0 30px 0;
    height: 0;
    overflow: hidden;
}

.contenu .interne article .video-container iframe,
.contenu .interne article .video-container object,
.contenu .interne article .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/************************** d Contact **************************/

section.contact {
    padding: 0 0 60px 0;
}

section.contact .col-12 {
    width: 900px;
}

section.contact .col-4 {
    width: 300px;
}

section.contact form {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 0;
}

section.contact form label {
    color: #000000;
    cursor: pointer;
    float: left;
    font-size: 17px;
    font-weight: 400;
    margin: 20px 0 4px 0;
    text-align: left;
    width: 100%;
}

section.contact form label:hover {
    color: #56a27e;
}

section.contact form input[type=text],
section.contact form input[type=email],
section.contact form input[type=date],
section.contact form input[type=tel] {
    border: 1px #000000 solid;
    border-radius: 4px;
    background: none;
    color: #3e3c4a;
    font-family: "surgena";
    font-size: 16px;
    font-weight: 700;
    margin: 4px 0 0 0;
    padding: 8px 10px 8px 10px;
    width: 100%;
    /* Box-sizing */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.contact form input[type=text]:hover,
section.contact form input[type=text]:focus,
section.contact form input[type=mail]:hover,
section.contact form input[type=date]:focus,
section.contact form input[type=date]:hover,
section.contact form input[type=mail]:focus,
section.contact form input[type=tel]:hover,
section.contact form input[type=tel]:focus {
    color: #000000;
}

section.contact form select {
    background: transparent;
    background: none;
    border: 1px solid #000000;
    border-radius: 4px;
    color: #000000;
    font-family: "surgena";
    margin: 4px 0 0 0;
    padding: 5px 35px 5px 10px;
    font-size: 16px;
    font-weight: 700;
    height: 34px;
    width: 100%;
}

span.wpcf7-list-item {
    display: block;
}

section.contact form textarea {
    background: none;
    border: 1px solid #000000;
    border-radius: 4px;
    color: #3e3c4a;
    height: 150px;
    font-family: "surgena";
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    margin: 4px 0 0 0;
    padding: 8px 10px 8px 10px;
    width: 100%;
    /* Box-sizing */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.contact form textarea:focus,
section.contact form textarea:hover {
    color: #56a27e;
}

section.contact form input[type="submit"] {
    background: none;
    cursor: pointer;
    float: right;
    border: 1px solid var(--couleur-terre);
    border-radius: 30px;
    color: var(--couleur-terre);
    display: inline-block;
    font-size: 18px;
    font-weight: 100;
    padding: 10px 50px !important;
    margin: 40px 0 0 0 !important;
    white-space: nowrap;
    /* Transition */
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

section.contact form input[type="submit"]:hover {
    animation: pulse 1s 1;
    color: #ffffff;
    background-color: var(--couleur-terre);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

section.contact .wpcf7-recaptcha {
    float: right;
    margin-top: 10px;
}


/************************** e Evenement **************************/

article.single .evenement {
    float: left;
}

article.single .evenement .date {
    float: left;
    margin: 0 15px 0px 0;
}

article.single .evenement .date .mois {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
}

article.single .evenement .date .jour {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
}

article.single .evenement .date .circle-icon {
    border: solid 1px var(--couleur-terre);
    border-radius: 50%;
    color: var(--couleur-terre);
    /* width: 45px;
	height: 45px; */
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    /* padding: 12px 8px 4px 8px; */
    /* Code Webgo Important 37 */
    padding: 15px;
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;

}

/************************** f Fiche **************************/

.identite {
    background: url(images/actualites.jpg) no-repeat center center fixed;
    margin: 30px 0 40px 0;
    padding: 30px 0 20px 0;
}

.identite .col-3 {
    width: 270px;
}

.identite p {
    margin: 0 0 0 0;
    padding: 0;
}

.identite p.caracteristique {
    font-family: "surgena";
    font-size: 17px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.identite img {
    border: 1px solid var(--couleur-terre);
    border-radius: 50%;
    margin: 0 !important;
    width: 170px;
}

.retour {
    margin-top: 50px;
}

.retour .btn i {
    margin: 0 10px 0 0;
}

/************************** g Slide photo **************************/

.interne article.single .slide-photo {
    list-style-type: none;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    margin: 40px 0 0 0 !important;
}

.interne article.single .slide-photo .slide-item {
    margin: 0 15px 0 15px;
}

.interne article.single .slide-photo .slide-item:before {
    content: none;
    margin: 0;
}

.interne article.single .slide-photo .slide-item img {
    border-radius: 4px;
    -webkit-filter: saturate(100%);
    -moz-filter: saturate(100%);
    -o-filter: saturate(100%);
    -ms-filter: saturate(100%);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.interne article.single .slide-photo .slide-item:hover img {
    box-shadow: 0px 0px 10px #5e5e5e;
    -webkit-filter: saturate(120%);
    -moz-filter: saturate(120%);
    -o-filter: saturate(120%);
    -ms-filter: saturate(120%);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* Navigation */

.interne article.single .slide-photo .owl-prev,
article.single .slide-photo .owl-next {
    font-size: 30px;
    color: #ffffff;
    position: absolute;
    display: block;
    z-index: 101;
    top: 40%;
}

.interne article.single .slide-photo .slide img {
    height: auto;
}

.interne article.single .slide-photo .owl-prev,
article.single .slide-photo .owl-next {}

.interne article.single .slide-photo .owl-prev {
    left: 30px;
}

.interne article.single .slide-photo .owl-next {
    right: 30px;
}

/************************** h Sidebar **************************/

/* Menu */

aside .menu {
    border: 1px dashed #000000;
    padding: 15px;
    margin: 0 0 0 0;
    text-align: left;
}

aside .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

aside .menu ul li {
    margin: 0;
    padding: 0;
}

aside .menu>ul>li {
    padding: 0;
}

aside .menu>ul>li>a {
    color: #000000;
    display: block;
    font-family: "surgena";
    font-size: 24px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 510;
}

aside .menu ul li.current-menu-item a,
aside .menu ul li a:hover {
    color: var(--couleur-ocre);
}

/* Sous-menu */

aside .menu ul li ul li.menu-item-has-children>a:after {
    content: '\f107';
    font-family: Fontawesome;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    padding: 0 0 0 5px;
}

aside .menu ul li ul li.menu-item-has-children:hover>a:after {
    content: '\f13a';
    font-family: Fontawesome;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    padding: 0 0 0 5px;
}

aside .menu ul li.menu-item-has-children div {
    display: block;
    height: auto;
    margin: 0;
    padding: 5px 0 0 0px;
    z-index: 99999;
    /*display:none;*/
}

aside .menu ul li div ul li.menu-item-has-children ul {
    display: block;
    height: auto;
    margin: 0;
    padding: 5px 0 5px 15px;
    z-index: 99999;
    /*display:none;*/
}

aside .menu>ul>li>div>ul>li {
    float: none;
    padding: 5px 0 0 0px;
    margin: 0;
}

aside .menu>ul>li>div>ul>li>a {
    color: var(--couleur-terre);
    font-family: "surgena";
    font-size: 15px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

aside .menu>ul>li>div>ul>li>a>i {
    font-size: 20px;
    display: inline-block;
    display: none;
    text-align: right;
    margin-right: 8px;
    width: 15px;
}

aside .menu>ul>li>div>ul>li>a i.fa {
    font-size: 17px;
}

aside .menu>ul>li>div>ul>li>a:hover i {
    color: var(--couleur-ocre);
}

aside .menu>ul>li>div>ul>li>ul {
    padding: 6px 0 0 20px;
    margin: 0 0 0px 0;
}

aside .menu>ul>li>div>ul>li>ul li a {
    display: block;
    /*line-height: 13px;*/
    font-size: 14px;
    color: #b3b3b3;
    margin: 3px 0 0 0;
}

aside .menu>ul>li>div>ul>li>ul li a:hover {
    color: #000000;
}

aside .menu>ul>li>div>ul>li>ul li a:before {
    color: #b3b3b3;
    content: '\f105';
    font-family: Fontawesome;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    padding: 0 5px 0 0;
}

aside .menu>ul>li>div>ul>li>ul li a:hover:before {
    color: #000000;
}

/* Pratique */

aside .pratique {
    background: var(--couleur-terre);
    border-radius: 4px;
    padding: 0;
    margin: 30px 0 0 0;
    /*min-height: 160px;*/
    position: relative;
}

aside .pratique .horaires {
    padding: 30px 15px 15px 80px;
    margin: 0;
}

aside .pratique .horaires:before {
    color: #ffffff;
    content: "\f402";
    font-family: Ionicons;
    font-size: 90px;
    left: -13px;
    position: absolute;
    top: -23px;
}

aside .pratique .horaires:before {
    color: #ffffff;
    content: "\f402";
    font-family: Ionicons;
    font-size: 90px;
    left: -13px;
    position: absolute;
    top: -23px;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

aside .pratique .horaires:hover:before {
    color: #ffffff;
    content: "\f402";
    font-family: Ionicons;
    font-size: 50px;
    left: 15px;
    position: absolute;
    top: 18px;
    transform: rotate(90deg);
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

aside .pratique .horaires h2 {
    border-bottom: 1px dashed #ffffff;
    padding-bottom: 15px;
}

aside .pratique .tarifs {
    padding: 0px 15px 30px 80px;
    margin: 0;
}

aside .pratique .tarifs:before {
    color: #ffffff;
    content: "\f145";
    font-family: FontAwesome;
    font-size: 95px;
    left: -30px;
    position: absolute;
    bottom: -28px;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

aside .pratique .tarifs:hover:before {
    color: #ffffff;
    content: "\f145";
    font-family: FontAwesome;
    font-size: 50px;
    left: 10px;
    position: absolute;
    bottom: 15px;
    transform: rotate(180deg);
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

aside .pratique p {
    color: var(--couleur-ocre);
    font-weight: 100;
}

aside .pratique h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
}

/* Actualite */

aside .actualite {
    margin: 30px 0 0 0;
}

aside .actualite .a-la-une {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    margin: 15px 0 0 0;
    padding: 0;
}

aside .actualite .titre {
    font-family: "surgena";
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
}

aside .actualite .categorie {
    background: var(--couleur-terre);
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    padding: 6px 8px 4px 8px;
    margin: 15px 30px 0 30px;
    text-transform: uppercase;
}

aside .actualite h2 {
    color: #000000;
    font-family: "surgena";
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 15px 0;
    margin: 10px 30px 0 30px;
}

/* Webgo important 27 */

/* aside .actualite:hover h2 {
    color: #ffffff;
} */

aside .opacite:hover h2 {
    color: #ffffff;
} 

aside .actualite .opacite {
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

aside .actualite .opacite:hover {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

/* Evenements */

aside .evenement {
    margin: 30px 0 0 0;
}

aside .evenement .titre {
    font-family: "surgena";
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
}

aside .evenement .a-la-une {
    background: var(--couleur-terre);
    border-radius: 4px;
    margin: 15px 0 0 0;
    padding: 15px 15px 15px 15px;
}

aside .evenement .a-la-une .date {
    float: left;
    margin: 0 15px 0px 0;
}

aside .evenement .a-la-une .date .mois {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

aside .evenement .a-la-une .date .jour {
    font-size: 26px;
    font-weight: 600;
}

aside .evenement .a-la-une h2 {
    color: #ffffff;
    font-family: "surgena";
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

aside .evenement .a-la-une .circle-icon {
    border: solid 1px #ffffff;
    border-radius: 50%;
    color: #ffffff;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    padding: 12px 8px 4px 8px;
}

aside .evenement .a-la-une p.soustitre {
    margin: 0 0 20px 0;
}

.evenements .evenement.a-la-une h2 {
    color: #ffffff;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

aside .evenement .a-la-une:hover h2 {
    color: var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.evenements .evenement.a-la-une {
    background: var(--couleur-terre);
    border-top-left-radius: 10px 10px;
}

/* Calendrier */

aside .calendrier .agenda {
    /*background: #33654d;*/
    height: 270px;
    margin: 30px auto 0 auto;
    width: 270px;
}

aside .calendrier .btn {
    color: var(--couleur-terre);
    border-color: var(--couleur-terre);
    display: none;
    font-size: 14px !important;
    padding: 10px 20px !important;
    margin-top: 30px !important;
}

aside .calendrier .btn:hover {
    background: var(--couleur-terre);
    color: #ffffff;
}

/************************** i Horaires **************************/

.ouverture {
    margin: 30px 0 0 0;
}

.ouverture .vert {
    border-radius: 2px;
    border: 1px #000000 solid;
    color: #ffffff;
    padding: 10px 0 10px 0;
    margin: 0 0 30px 0;
}

.ouverture .de-10h-16h {
    background: #5a9400;
}

.ouverture .de-9h-17h {
    background: #68ad00;
}

.ouverture .de-9h-18h {
    background: #77c700;
}

.ouverture .de-9h-19h {
    background: #87e000;
}

.ouverture .ferm {
    background: #ff3c00;
}

.ouverture .active {
    animation: pulse 1.5s infinite;
    background: #ffffff;
}

.ouverture .col-4 {
    width: 33%;
}

.ouverture p.mois {
    font-family: "surgena";
    font-size: 30px;
    font-weight: 700 !important;
    padding: 20px 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

.ouverture p.heure {
    font-size: 18px;
    margin: 0 0 20px 0 !important;
}

.ouverture .active p.mois {
    color: #000000;
}

.ouverture .active p.heure {
    color: #000000;
}

/************************** j Plan d'acc s **************************/

.maps {
    overflow: hidden !important;
    padding-bottom: 56.25% !important;
    position: relative !important;
    height: 0 !important;
    margin: 30px 0 30px 0;
}

.maps iframe {
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
}

/************************** h Partage **************************/

.partage {}

.partage:before {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background-color: var(--couleur-ocre);
    margin: 30px 0 20px 0;
}

.partage .circle-icon {
    color: #ffffff;
    border-radius: 50%;
    font-size: 15px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    vertical-align: middle;
    padding: 7px;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.partage .fa-facebook.circle-icon {
    border: 1px solid #3a589b;
    color: #3a589b;
}

.partage .fa-facebook.circle-icon:hover {
    background: #3a589b;
    color: #ffffff;
}

.partage .fa-twitter.circle-icon {
    border: 1px solid #1da1f2;
    color: #1da1f2;
}

.partage .fa-twitter.circle-icon:hover {
    background: #1da1f2;
    color: #ffffff;
}

.partage .fa-google-plus.circle-icon {
    border: 1px solid #dd4b39;
    color: #dd4b39;
}

.partage .fa-google-plus.circle-icon:hover {
    background: #dd4b39;
    color: #ffffff;
}

.partage .fa-linkedin.circle-icon {
    border: 1px solid #0077b5;
    color: #0077b5;
}

.partage .fa-linkedin.circle-icon:hover {
    background: #0077b5;
    color: #ffffff;
}

.partage .fa-envelope.circle-icon {
    border: 1px solid #33654d;
    color: #33654d;
}

.partage .fa-envelope.circle-icon:hover {
    background: #33654d;
    color: #ffffff;
}


/*  --------------------------------------------------- 06 Archive --------------------------------------------------- */

.contenu .archive {
    line-height: 22px;
}

.contenu .archive h2 {
    border-top: 1px solid var(--couleur-terre);
    border-bottom: 1px solid var(--couleur-terre);
    color: var(--couleur-terre);
    /*display: inline-block;*/
    font-family: "surgena";
    font-size: 40px;
    font-weight: 900;
    line-height: 44px;
    padding: 15px 0 15px 0;
    margin: 0 0 40px 0;
}

.contenu .archive p {
    padding: 0;
    margin: 0 0 15px 0;
}

/************************** a Actualites **************************/

.archive-actualites {
    line-height: normal;
    padding: 0;
    margin: 0;
}

.archive-actualites article:first-child+article+article+article,
.archive-actualites article:first-child+article+article+article+article+article+article,
.archive-actualites article:first-child+article+article+article+article+article+article+article+article+article {
    clear: both;
}

.archive-actualites img {
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    margin: 0 !important;
    width: 100% !important;
    -webkit-filter: saturate(80%);
    -moz-filter: saturate(80%);
    -o-filter: saturate(80%);
    -ms-filter: saturate(80%);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.archive-actualites .noresultat img {
    width: auto !important;
}

.archive-actualites .col-3 .container {
    border-radius: 10px;
    box-shadow: 0px 0px 5px #5e5e5e;
    margin-top: 40px;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.archive-actualites .col-3 .container:hover {
    box-shadow: 0px 0px 20px #5e5e5e;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.archive-actualites .col-3:hover img {
    -webkit-filter: saturate(110%);
    -moz-filter: saturate(110%);
    -o-filter: saturate(110%);
    -ms-filter: saturate(110%);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.archive-actualites .slide-caption {
    background: #ffffff;
    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    padding: 30px 30px 30px 30px;
    text-align: center;
}

.archive-actualites .slide-caption:hover {
    background: #ffffff;
}

.archive-actualites .slide-caption .categorie {
    background: var(--couleur-terre);
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    padding: 6px 8px 4px 8px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.archive-actualites .slide-caption h2 {
    border: none;
    color: #000000;
    font-family: "surgena";
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    padding: 6px 8px 4px 8px;
    margin: 0 0 10px 0;
}

.archive-actualites .slide-caption h2 a {
    color: #000000;
}

.archive-actualites .slide-caption h2 a:hover {
    color: var(--couleur-ocre);
}

.archive-actualites .slide-caption .btn {
    border: 1px solid var(--couleur-terre);
    color: var(--couleur-terre);
    margin: 10px 0 0 0 !important;
    white-space: nowrap;
}

.archive-actualites .slide-caption .btn:hover {
    color: #ffffff;
    background-color: var(--couleur-terre);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/************************** b Evenements **************************/

.archive-evenements {
    background: #ffffff;
    line-height: normal !important;
    padding: 0;
    margin: 0;
}

.archive-evenements article:first-child+article+article+article,
.archive-evenements article:first-child+article+article+article+article+article+article,
.archive-evenements article:first-child+article+article+article+article+article+article+article+article+article {
    clear: both;
}

.archive-evenements .evenement {
    padding: 30px 25px 10px 25px;
}

.archive-evenements .evenement .date {
    float: none;
    /*margin: 0 25px 15px 0;*/
}

.archive-evenements .evenement .date .mois {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.archive-evenements .evenement .date .jour {
    font-size: 26px;
    font-weight: 600;
}

.archive-evenements .evenement h2 {
    border: none;
    color: #ffffff;
    font-family: "surgena";
    font-size: 30px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

.archive-evenements .evenement p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 100;
    padding: 0;
    margin: 0;
}

/* A la une */

.archive-evenements .col-9 {
    margin: 15px 0 0 0;
}

.archive-evenements .evenement.a-la-une .date {
    float: left;
    margin: 0 25px 15px 0;
}

.archive-evenements .evenement.a-la-une .circle-icon {
    border: solid 1px #ffffff;
    border-radius: 50%;
    color: #ffffff;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    padding: 12px 8px 4px 8px;
}

.archive-evenements .evenement.a-la-une .date .mois {
    color: #ffffff;
}

.archive-evenements .evenement.a-la-une .date .jour {
    color: #ffffff;
}

.archive-evenements .evenement.a-la-une p.soustitre {
    color: #ffffff;
    margin: 0 0 20px 0;
}

.archive-evenements .evenement.a-la-une h2 {
    color: #ffffff;
    padding: 0;
    margin: 0;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.archive-evenements .evenement.a-la-une:hover h2 {
    color: var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.archive-evenements .evenement.a-la-une {
    background: var(--couleur-terre);
    border-top-left-radius: 10px 10px;
}

/* Secondaires */

.archive-evenements .evenement .circle-icon,
.archive-evenements .evenement .circle-icon {
    border: solid 1px var(--couleur-terre);
    border-radius: 50%;
    color: #ffffff;
    /* width: 45px;
	height: 45px; */
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    /* padding: 12px 8px 4px 8px; */
    margin: 0 auto 15px auto;
    /* Code Webgo Important 37 */
    padding: 15px;
    width: max-content;
    height: 100%;
    margin-bottom: 2rem;
}

.archive-evenements .col-3 .evenement {
    margin: 30px 0 0 0;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #5e5e5e;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.archive-evenements .col-3 .evenement:hover {
    box-shadow: 0px 0px 20px #5e5e5e;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.archive-evenements .evenement p {
    color: var(--couleur-terre);
}

.archive-evenements .evenement p.soustitre {
    margin: 10px 0 20px 0;
}

.archive-evenements .evenement h2 {
    color: var(--couleur-terre);
    line-height: normal;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.archive-evenements .evenement:hover h2 {
    color: var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/************************** c Recherche **************************/

.search-results article article {
    border-bottom: 1px dashed #000000;
    padding: 0 0 20px 0;
}

.search-results article article h3 a {
    text-decoration: none !important;
}

.search-results article article .btn {
    float: right;
}

.search-results article article p.search {
    margin: 20px 0 0 0 !important;
}

/* Navigation */

/* Pagination */

.pagination,
span.em-pagination {
    clear: both;
    padding: 30px 0 10px 0;
    margin: 0 0 0 0;
    text-align: center;
    font-weight: 400;
}

span.em-pagination {
    display: inline-block;
    width: 100%;
}

.pagination a,
.pagination span.pages,
.pagination span.dots,
span.em-pagination a,
span.em-pagination span.pages,
span.em-pagination span.dots,
span.em-pagination span.current {
    color: #000000 !important;
    display: inline-block;
    font-size: 15px;
    padding: 0 2px;
    text-decoration: none !important;
}

.pagination a:hover,
.pagination a:focus,
span.em-pagination a:hover,
span.em-pagination a:focus,
.pagination span.current {
    color: #56a27e !important;
    font-size: 15px;
    padding: 0 2px;
    text-decoration: none !important;
}

.navigation .nav-previous a,
.em-navigation a.next {
    color: #33654d !important;
    float: left;
    font-size: 14px;
    padding: 1px 10px 3px 10px;
    margin: 0 0 0 0;
    text-decoration: none;
}

.navigation .nav-previous a:hover,
.em-navigation a.prev:hover {}

.navigation .nav-next a,
.em-navigation a.next {
    color: #33654d !important;
    float: right;
    font-size: 14px;
    padding: 1px 10px 3px 10px;
    margin: 0 0 0 0;
    text-decoration: none;
}

.navigation .nav-next a:hover,
.em-navigation a.next:hover {
    background: none;
    /*border: solid 1px #8e79cf;*/
}

div.pagination span.current,
span.em-pagination span.current {
    color: #56a27e !important;
}

/*  --------------------------------------------------- 07 Filtres --------------------------------------------------- */

.contenu .intro {
    margin: 0 0 40px 0;
    line-height: 22px;
}

.contenu .intro h2 {
    border-top: 1px solid var(--couleur-terre);
    border-bottom: 1px solid var(--couleur-terre);
    color: var(--couleur-terre);
    /*display: inline-block;*/
    font-family: "surgena";
    font-size: 40px;
    font-weight: 900;
    line-height: 44px;
    padding: 15px 0 15px 0;
    margin: 0 0 40px 0;
}

.contenu .intro h3 {
    color: var(--couleur-terre);
    font-family: "surgena";
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    padding: 0;
    margin: 30px 0 20px 0;
}

.contenu .intro h2+h3 {
    margin: 0px 0 20px 0;
}

.contenu .intro p {
    padding: 0;
    margin: 0 0 15px 0;
}

/************************** a Filtre **************************/

/* Control */

.filtre .controls {}

.filtre .controls fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.filtre .controls {
    border-top: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    padding: 0 0 30px 0;
    line-height: normal;
}

.filtre .controls h3 {
    font-family: "surgena";
    font-size: 17px;
    font-weight: 900;
    padding: 30px 0 20px 0;
    text-transform: uppercase;
}

.filtre .controls button {
    background: none;
    display: block;
    font-size: 17px;
    font-family: "st-ryde";
    font-weight: 400;
    color: #33654d;
    padding: 0;
    border: 0;
    margin: 2px 0 2px 10px;
    cursor: pointer;
    text-align: left;
}

.filtre .controls button.active {
    color: var(--couleur-ocre);
}

/* Resultat */

.js .resultat .mix {
    display: none;
}

.resultat .mix .col-2 {
    overflow: hidden;
    margin: 0 0 30px 0;
}

.resultat .mix div.image {
    background-color: var(--couleur-terre);
    border-radius: 50%;
    border: 1px solid var(--couleur-terre);
    width: 170px;
    height: 170px;
    overflow: hidden;
    margin: 0 auto;
    z-index: 3;
    position: relative;
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.resultat .mix a {
    border: none;
}

.resultat .mix a:hover div.image {
    border: 1px solid var(--couleur-ocre);
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.resultat .mix div.image img {
    width: 100%;
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.resultat .mix a:hover div.image img {
    opacity: 0.75;
    transform: scale(1.1);
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.resultat .mix h3 {
    color: #000000;
    display: block;
    font-family: "surgena";
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.resultat .mix a:hover h3 {
    color: var(--couleur-ocre);
}

.resultat .center {
    position: relative;
}

.resultat i {
    color: #ffffff;
    font-size: 40px;
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 45%;
    transform: translateY(-45%);
    z-index: 999;
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.resultat a:hover i {
    opacity: 1;
    /* Transition */
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.resultat .noresultat {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    pointer-events: none;
}

.resultat .noresultat:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.resultat .noresultat span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
}

.resultat .noresultat span b {
    margin: 0 0 0 5px;
    font-weight: normal !important;
}

.resultat.fail .noresultat {
    opacity: 1;
    pointer-events: auto;
    /* Transition */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.post-type-archive-enseignants .resultat .mix .col-2 {
    margin: 0 0 10px 0 !important;
}

.post-type-archive-enseignants .resultat .mix h3 {
    white-space: normal !important;
    height: 60px !important;
}


/*  --------------------------------------------------- 09 Footer --------------------------------------------------- */

footer {
    padding: 0;
    margin: 0 0 0 0;
}

.home footer {
    padding: 0;
    margin: 0;
}

/************************** a Newsletter **************************/

footer>.newsletter {
    background: url(images/newsletter.jpg) no-repeat center center;
    background-size: cover;
    padding: 110px 0 110px 0;
}

footer>.newsletter h3 {}

footer>.newsletter p {
    color: #ffffff;
    font-family: "surgena";
    font-size: 40px;
    font-weight: 700;
}

footer>.newsletter .btn {
    color: var(--couleur-ocre);
    border-color: var(--couleur-ocre);
}

footer>.newsletter .btn:hover {
    background: var(--couleur-ocre);
    color: var(--couleur-terre);
}

/************************** b Haut **************************/

footer .haut {
    background: #182023;
    padding: 80px 0 80px 0;
    margin: 0;
}

footer .haut h3 {
    font-weight: 400;
}

footer .haut .souligne:after {
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    background-color: var(--couleur-ocre);
    margin: 30px 0 30px 0;
}

footer .haut p {
    color: #ffffff;
    font-size: 15px;
    margin: 15px 0 0 0;
}

footer .haut ul {
    list-style: none;
    margin: 10px 0 0 0;
}

footer .haut ul li {
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    margin: 10px 0 0 0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

footer .haut ul li a {
    color: #ffffff;
    vertical-align: bottom;
}

footer .haut ul li a:hover {
    color: var(--couleur-ocre);
}

footer .haut ul li .facebook {
    font-size: 10px;
    margin: 0 10px 0 0;
    width: 19px;
}

footer .haut ul li .horaires,
footer .haut ul li .tarifs {
    font-size: 19px;
    margin: 0 10px 0 0;
    width: 19px;
}

footer .haut ul li .circle-icon {
    border: solid 1px #ffffff;
    border-radius: 50%;
    color: #ffffff;
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 10px;
    vertical-align: middle;
    padding: 4px 4px 5px 5px;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

footer .haut ul li:hover .facebook .circle-icon {
    background: #3a589b;
    border: solid 1px #3a589b;
    color: #ffffff;
    /* Transition */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

footer .haut .m2a img {
    margin: 0 0 0 0;
}

/************************** c Bas **************************/

footer .bas {
    background: #0f191b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 100;
    padding: 15px 0 15px 0;
    margin: 0;
}

footer .bas a {
    color: #bd006b;
}

footer .bas a:hover {
    color: var(--couleur-ocre);
}

footer .bas ul {
    float: right;
    margin: 0;
    padding: 0;
}

footer .bas ul li {
    display: block;
    float: left;
    padding: 0 0 0 20px;
}

footer .bas ul li a {
    color: #ffffff;
}

footer .bas ul li a:hover {
    color: var(--couleur-ocre);
}

/************************** d Cookies **************************/

#cookie-notice .cn-set-cookie {
    line-height: 18px;
    padding: 2px 12px;
    background: #ffffff !important;
    border: none !important;
    color: #182023;
    text-shadow: none !important -moz-box-sizing: border-box;
    border-radius: 4px;
    white-space: nowrap;
}

#cookie-notice .cn-set-cookie:hover {
    background: var(--couleur-ocre) !important;
    border: none !important;
    color: #ffffff !important;
}




























/*  --------------------------------------------------- 10 Responsive --------------------------------------------------- */


@media only screen and (max-width: 1600px) {

    /************************** a Slider **************************/

    .slider .slide-intro .slide-item {
        max-height: 750px;
    }

}





@media only screen and (max-width: 1350px) {

    /************************** a Slider **************************/

    /*.slide-intro .slide-item .slide-caption {
		top: 30%;
	}*/

    .slider .slide-intro .slide-item {
        max-height: 600px;
    }

    .slider .slide-intro .slide-item .slide-caption .title {
        font-size: 46px;
        line-height: 46px;
    }

    .slider .slide-intro .slide-item .slide-caption .desc {
        font-size: 15px;
    }

    .slider .slide-intro .btn {
        border-radius: 4px;
        font-size: 35px;
        padding: 8px 20px 10px 20px;
        margin: 10px 0 0 0;
    }

    .slider .slide-intro .btn:after {
        font-size: 34px;
    }

}







@media only screen and (max-width: 1250px) {

    /*  --------------------------------------------------- 01 El ments principaux --------------------------------------------------- */

    .page-container {
        width: auto;
        max-width: 1230px;
    }

    .col-1 {
        width: 8.3%;
    }

    .col-2 {
        width: 16.6%;
    }

    .col-24 {
        width: 20%;
    }

    .col-3 {
        width: 25%;
    }

    .col-4 {
        width: 33.3%;
    }

    .col-5 {
        width: 41.6%;
    }

    .col-6 {
        width: 50%;
    }

    .col-7 {
        width: 58.3%;
    }

    .col-8 {
        width: 66.6%;
    }

    .col-9 {
        width: 75%;
    }

    .col-10 {
        width: 83.3%;
    }

    .col-10 {
        width: 91.6%;
    }

    .col-12 {
        width: 100%;
    }

    .offset-4 {
        margin-left: 33.3%;
    }


    /*  --------------------------------------------------- 02 Header --------------------------------------------------- */

    /************************** a En-tete **************************/

    /* Titre */

    header .head .titre {
        display: block;
    }

    header .head .logo {
        width: 60px;
        float: left;
        margin-right: 0px;
    }

    header .head.fixed .logo {
        margin-right: 0;
    }

    header .head .logo a img {
        height: 112px;
        width: 60px;
    }

    /************************** b Menu **************************/

    header .head .menu {
        display: none;
    }

    /************************** c Menu lat ral **************************/

    .sidr {
        display: block;
    }

    #existing-content-menu {
        display: block;
    }

    #sidr-id-close-menu-button {
        display: block;
    }

    #sidr-existing-content .pratique {
        display: block;
    }

    /************************** d Outils **************************/

    header .head .outils {
        float: right;
        margin: 0 0 0 0;
    }

    /* Facebook */

    header .head .facebook {
    }

    /*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

    /************************** d Evenements **************************/

    .evenements .col-9 {
        float: left;
        width: 100%;
        margin-right: -315px;
        /* The size of the fixed block. */
    }

    .evenements .col-9 .container {
        /*margin-right: 315px;*/
        /* The size of the fixed block. */
    }

    .evenements .col-3 {
        float: left;
        margin-right: 30px;
        margin-left: 15px;
        width: 270px;
        /* The size of the fixed block. */
    }

    .evenements .col-9 {
        width: 100%;
    }

    .evenements .facebook {
        display: none;
    }

    /*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

    /************************** a Banniere **************************/

    .banniere h1 {
        padding: 50px 15px 0 15px;
    }

    /************************** d Contact **************************/

    section.contact .col-12 {
        width: 100%;
    }

    section.contact .col-4 {
        width: 33.3%;
    }

    /************************** f Fiche **************************/

    .identite .col-3 {
        width: 34%;
    }

    .identite .col-2 {
        width: 22%;
    }

    /************************** h Sidebar **************************/

    /* Calendrier */

    aside .calendrier .agenda {
        display: none;
    }

    aside .calendrier .btn {
        display: block;
    }

    /*  --------------------------------------------------- 06 Archive --------------------------------------------------- */

    /************************** a Actualites **************************/

    .archive-actualites .col-3 {
        width: 50%;
    }

    .archive-actualites article:first-child+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article+article+article+article {
        clear: none;
    }

    .archive-actualites article:first-child,
    .archive-actualites article:first-child+article+article,
    .archive-actualites article:first-child+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article+article+article+article+article {
        clear: both;
    }

    /************************** b Evenements **************************/

    .archive-evenements .col-3 {
        width: 50%;
    }

    .archive-evenements .col-9 {
        width: 100%;
    }

    .archive-evenements article:first-child+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article+article+article+article {
        background-color: white;
        clear: none;
    }

    .archive-evenements article:first-child+article+article,
    .archive-evenements article:first-child+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article+article+article+article+article {
        clear: both;
    }

    /*  --------------------------------------------------- 07 Filtres --------------------------------------------------- */

    /************************** a Filtre **************************/

    /* Control */

    .col-2.filtre {
        width: 100%;
    }

    .filtre .controls fieldset {
        float: left;
        width: 33.3%;
        text-align: center;
    }

    .filtre .controls fieldset.floraison,
    .filtre .controls fieldset.type {
        width: 50%;
        !important
    }

    .filtre .controls fieldset.niveau,
    .filtre .controls fieldset.domaine {
        width: 100%;
        !important
    }

    .filtre .controls {
        /*border-top: none;*/
        border-bottom: none;
        padding: 40px 0 40px 0;
        margin: 0px 0 20px 0;
    }

    .filtre .controls h3 {
        padding: 0 0 20px 0;
    }

    .filtre .controls button {
        display: inline-block;
    }

    /* Resultat */

    .resultat.col-10 {
        width: 100%;
    }

    .resultat .mix {
        width: 16.6%;
    }

    .resultat .mix .col-2 {
        width: 100%;
        overflow: hidden;
        margin: 0 0 30px 0;
    }

    .resultat .mix div.image {
        width: 100%;
        height: auto;
    }

    .resultat .mix div.image img {
        transform: scale(1.1);
    }

    .resultat .mix a:hover div.image img {
        transform: scale(1.2);
    }

    .resultat .col-10 {
        width: 100%;
    }

    /*  --------------------------------------------------- 09 Footer --------------------------------------------------- */

    /************************** b Haut **************************/

    footer .haut .logo-container,
    footer .haut .m2a-container {
        display: none;
    }

    footer .haut .col-2 {
        text-align: center;
        width: 33.3%;
    }

    footer .haut .col-3 {
        text-align: center;
        width: 33.3%;
    }

    footer .haut .col-3 .souligne:after,
    footer .haut .col-2 .souligne:after {
        margin: 30px auto 30px auto;
    }

        {
        margin: 30px auto 30px auto;
    }

}


@media only screen and (max-width: 1100px) {

    /*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

    /************************** a Slider **************************/

    .slider .slide-intro .slide-item .slide-caption {
        color: #fff;
        position: absolute;
        top: 40%;
        left: 50%;
        width: 80%;
        margin: 0% 0 0 -40%;
    }

    .slider .slide-intro .slide-item {
        max-height: 500px;
    }

    /* Navigation */

    .slider .slide-intro:hover .owl-prev,
    .slide-intro:hover .owl-next {
        display: none;
    }

    /*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

    /************************** h Sidebar **************************/

    article.col-9 {
        width: 100%;
    }

    aside.col-3 {
        width: 100%;
    }

    aside .menu {
        display: none;
    }

    aside .pratique {
        display: none;
    }

    aside .actualite {
        float: left;
        width: 50%;
    }

    aside .actualite .actualite-container {
        padding: 0 30px 0 0;
    }

    aside .evenement {
        float: left;
        width: 50%;
    }

    aside .calendrier .btn {
        display: none;
    }

    /*  --------------------------------------------------- 06 Archive --------------------------------------------------- */

    .archive.col-9 {
        width: 100%;
    }

    /************************** a Actualites **************************/

    .archive-actualites .col-3 {
        width: 33.3%;
    }

    .archive-actualites article:first-child,
    .archive-actualites article:first-child+article+article,
    .archive-actualites article:first-child+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article+article+article+article+article {
        clear: none;
    }

    .archive-actualites article:first-child+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article+article+article+article {
        clear: both;
    }

    .archive-actualites .btn {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }

    /************************** b Evenements **************************/

    .archive-evenements .col-3 {
        width: 33.3%;
    }

    .archive-evenements article:first-child+article+article,
    .archive-evenements article:first-child+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article+article+article+article+article {
        clear: none;
    }

    .archive-evenements article:first-child+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article+article+article+article {
        clear: both;
    }

    /*  --------------------------------------------------- 07 Filtres --------------------------------------------------- */

    /************************** a Filtre **************************/
    /* Resultat */

    .resultat .mix {
        width: 20%;
    }

}





@media only screen and (max-width: 915px) {

    /*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

    /************************** a Slider **************************/

    /* Animation */

    .slider .slide-intro .owl-item img {
        width: 150%;
    }

    .slider .slide-intro .owl-item.active img {
        animation-duration: 4s;
        animation-name: slidein;
        width: 150%;
    }

    @keyframes slidein {
        from {
            width: 155%;
        }

        to {
            width: 150%;
        }
    }

    /************************** b Pratique **************************/

    .pratique .col-24 {
        width: 50%;
    }

    .pratique .col-24.meteo {
        display: none;
    }

    /************************** b Application **************************/

    .application .col-5 {
        width: 100%;
    }

    .application .col-7 {
        width: 100%;
    }

    .application .description {
        text-align: center;
    }

    .application .description h2 {
        margin: 30px 0 30px 0;
        text-align: center;
    }

    .application .description p {
        text-align: center;
    }

    .application .description p.soustitre {
        text-align: center;
    }

    .application .description img {
        vertical-align: bottom;
    }

    .application .description .stores {
        margin: 0 0 110px 0;
        text-align: center;
    }

    .application .description .btn {
        margin: 0 0 110px 0 !important;
    }

    /*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

    /************************** i Horaires **************************/

    .ouverture p.mois {
        font-size: 20px;
    }

    .ouverture p.heure {
        font-size: 18px;
    }

    /*  --------------------------------------------------- 06 Archive --------------------------------------------------- */

    /************************** b Evenements **************************/

    .archive-evenements .col-3 {
        width: 50%;
    }

    .archive-evenements article:first-child+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article+article+article+article {
        clear: none;
    }

    .archive-evenements article:first-child+article+article,
    .archive-evenements article:first-child+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article+article+article,
    .archive-evenements article:first-child+article+article+article+article+article+article+article+article+article+article {
        clear: both;
    }

    /*  --------------------------------------------------- 07 Filtres --------------------------------------------------- */

    /************************** a Filtre **************************/
    /* Resultat */

    .resultat .mix {
        width: 25%;
    }

}




@media only screen and (max-width: 800px) {

    /*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

    /************************** a Owl **************************/

    .slider .slide-intro .slide-item {
        max-height: 400px;
    }

    .slider .slide-intro .slide-item .slide-caption .title {
        font-size: 35px;
        line-height: 35px;
    }

    .slider .slide-intro .slide-item .slide-caption .desc {
        font-size: 14px;
    }

    .slider .slide-intro .btn {
        font-size: 20px;
    }

    .slider .slide-intro .btn:after {
        font-size: 19px;
    }

    /************************** e animaux-vegetaux **************************/

    .animaux-vegetaux .opacite {
        padding: 100px 0 100px 0;
        min-height: auto;
    }

    .animaux-vegetaux .col-6:nth-child(1n) .container {
        margin: 0;
    }

    .animaux-vegetaux .col-6:nth-child(2n) .container {
        margin: 30px 0 0 0;
    }

    .animaux-vegetaux .col-6 {
        width: 100%;
    }

    /*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

    /************************** a Banniere **************************/

    .banniere h1 {
        font-size: 35px;
        line-height: 35px;
    }

    /************************** f Fiche **************************/

    .identite .col-3 {
        margin-bottom: 30px;
        width: 100%;
    }

    .identite .col-2 {
        width: 33.3%;
        text-align: center;
    }

    /*  --------------------------------------------------- 09 Footer --------------------------------------------------- */

    /************************** b Haut **************************/

    footer .haut .col-2 {
        width: 100%;
    }

    footer .haut .col-3 {
        margin-bottom: 80px;
        width: 100%;
    }

    /************************** c Bas **************************/

    footer .bas .col-6 {
        text-align: right;
        width: 100%;
    }

    footer .bas ul {
        float: right;
        margin: 10px 0 0 0;
    }

    footer .bas ul li {
        border-right: none;
        padding: 0 20px 0 0;
        margin: 0px 0 6px 0;
        text-align: right;
    }

    footer .bas ul li:last-child {
        padding: 0 0 0 0;
    }

}

@media only screen and (max-width: 700px) {

    /*  --------------------------------------------------- 03 Mise en page --------------------------------------------------- */

    /************************** d Outils **************************/

    /* Langue */

    header .head .langue {
        display: none;
    }

    /*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

    /************************** d Evenements **************************/

    .evenements .calendrier-container {
        /*background: #33654d;*/
        padding: 0 0 0 0;
        width: 100%;
    }

    .evenements .col-5 {
        float: left;
        width: 100%;
        margin-right: 0;
    }

    .evenements .col-5 .container {
        margin-right: 15px;
    }

    .evenements .col-3 {
        float: left;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    /*  --------------------------------------------------- 06 Archive --------------------------------------------------- */

    /************************** a Actualites **************************/

    .archive-actualites .col-3 {
        width: 50%;
    }

    .archive-actualites article:first-child+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article+article+article+article {
        clear: none;
    }

    .archive-actualites article:first-child,
    .archive-actualites article:first-child+article+article,
    .archive-actualites article:first-child+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article+article+article,
    .archive-actualites article:first-child+article+article+article+article+article+article+article+article+article+article {
        clear: both;
    }

    /*  --------------------------------------------------- 07 Filtres --------------------------------------------------- */

    /************************** a Filtre **************************/

    /* Resultat */

    .resultat .mix {
        width: 33.3%;
    }

    .resultat .mix h3 {
        font-size: 14px;
    }

}

@media only screen and (max-width: 630px) {

    /*  --------------------------------------------------- 03 Mise en page --------------------------------------------------- */

    /************************** a En-tete **************************/

    /* Titre */

    header .head .titre {
        display: none;
    }

    /*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

    /************************** i Horaires **************************/

    .ouverture p.mois span {
        display: none;
    }



    /*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

    /************************** g Slide photo **************************/

    /* Navigation */

    article .slide-photo .owl-prev,
    article .slide-photo .owl-next {
        display: none;
    }

}

@media only screen and (max-width: 600px) {

    /*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

    /************************** a Owl **************************/

    .slider .slide-intro .slide-item .slide-caption {
        top: 50%;
    }

    .slider .slide-intro .slide-item {
        height: 400px;
    }

    .slider .slide-intro .slide-item .slide-caption .title {
        font-size: 30px;
        line-height: 30px;
    }

    .slider .slide-intro .slide-item .slide-caption .desc {
        display: none;
    }

    .slider .slide-intro .btn {
        font-size: 16px;
        margin-top: 0;
        padding: 6px 10px 6px 10px;
        margin: 10px 15px 0 0 !important;
    }

    .slider .slide-intro .btn:after {
        display: none;
    }


    /*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

    /************************** a Banniere **************************/

    .banniere h1 {
        font-size: 30px;
        line-height: 30px;
    }

    /************************** h Sidebar **************************/

    article.col-9 {
        width: 100%;
    }

    aside.col-3 {
        width: 100%;
    }

    aside .menu {
        display: none;
    }

    aside .pratique {
        display: block;
    }

    aside .actualite {
        float: none;
        width: 100%;
    }

    aside .actualite .actualite-container {
        padding: 0;
    }

    aside .evenement {
        float: none;
        width: 100%;
    }

    aside .calendrier .btn {
        display: block;
    }

    /************************** i Horaires **************************/

    .ouverture p.mois {
        word-wrap: break-word;
        font-size: 16px;
    }

    .ouverture p.heure {
        font-size: 14px;
    }

    /*  --------------------------------------------------- 09 Footer --------------------------------------------------- */

    /************************** a Newsletter **************************/

    footer .newsletter p {
        font-size: 25px;
        font-weight: 600;
    }

}

@media only screen and (max-width: 500px) {

    /*  --------------------------------------------------- 03 Header --------------------------------------------------- */

    /* Recherche */

    header .rechercheform .formulaire input[type=text] {
        font-size: 22px;
        line-height: 30px;
    }

    /*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

    /************************** a Slider **************************/

    /* Animation */

    .slider .slide-intro .owl-item img {
        width: 180%;
    }

    .slider .slide-intro .owl-item.active img {
        animation-duration: 4s;
        animation-name: slidein;
        width: 180%;
    }

    @keyframes slidein {
        from {
            width: 185%;
        }

        to {
            width: 180%;
        }
    }

    /************************** b Pratique **************************/

    .pratique .col-24 {
        min-height: auto;
        padding: 20px 0 20px 0;
    }

    .pratique i.fa {
        font-size: 54px;
        padding: 4px 0 12px 0;
    }

    .pratique i.icon {
        font-size: 60px;
    }

    .pratique h2 {
        font-size: 20px;
    }

    /*  --------------------------------------------------- 06 Archive --------------------------------------------------- */

    /************************** a Actualites **************************/

    .archive-actualites .col-3 {
        width: 100%;
    }

    /************************** b Evenements **************************/

    .archive-evenements .col-3 {
        width: 100%;
    }

    /*  --------------------------------------------------- 07 Filtres --------------------------------------------------- */

    /************************** a Filtre **************************/

    /* Resultat */

    .resultat .mix {
        width: 50%;
    }

    .resultat .mix h3 {
        font-size: 14px;
    }

}

@media only screen and (max-width: 420px) {

    /*  --------------------------------------------------- 03 Mise en page --------------------------------------------------- */

    /************************** d Outils **************************/

    /* m2A */

    header .head .m2a {
        display: none;
    }

    /*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

    /* Animation */

    .slider .slide-intro .owl-item img {
        width: 200%;
    }

    .slider .slide-intro .owl-item.active img {
        width: 200%;
    }

    @keyframes slidein {
        from {
            width: 205%;
        }

        to {
            width: 200%;
        }
    }


    /************************** c Actualit s **************************/

    .actualites {
        background: url(images/actualites.jpg) no-repeat center center scroll;
    }

    /************************** d Contact **************************/

    section.contact .col-4 {
        width: 50%;
    }

    /************************** f Fiche **************************/

    .identite .col-2 {
        width: 100%;
    }

    /*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

    /* Tableau */

    .contenu .interne article table.tarifs-normaux tr.prix td {
        font-size: 20px;
    }

    /*  --------------------------------------------------- 09 Footer --------------------------------------------------- */

    /************************** a Newsletter **************************/

    footer .newsletter .col-8 {
        width: 100%;
    }

    footer .newsletter .offset-4 {
        margin-left: 0;
    }

}

@media only screen and (max-width: 380px) {

    /*  --------------------------------------------------- 03 Mise en page --------------------------------------------------- */

    /************************** d Outils **************************/

    /* m2A */

    header .head .m2a {
        display: none;
    }

    /*  --------------------------------------------------- 04 Accueil --------------------------------------------------- */

    .slider .slide-intro .slide-item .slide-caption .title {
        font-size: 22px;
        line-height: 22px;
    }

    /* Animation */

    .slider .slide-intro .owl-item img {
        width: 240%;
    }

    .slider .slide-intro .owl-item.active img {
        width: 240%;
    }

    @keyframes slidein {
        from {
            width: 245%;
        }

        to {
            width: 240%;
        }
    }

    /************************** b Pratique **************************/

    .pratique .col-24 {
        width: 100%;
    }

    .pratique i.fa {
        font-size: 60px;
        padding: 4px 0 12px 0;
    }

    .pratique i.icon {
        font-size: 70px;
    }

    .pratique h2 {
        font-size: 28px;
    }

    /************************** c Actualites **************************/

    .actualites .slide-actu .slide-item .slide-caption .btn {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }

    /************************** d Evenements **************************/

    .evenements .col-3 {
        display: none;
    }

    .evenements .btn {
        font-size: 14px !important;
        padding: 10px 20px !important;
    }


    /*  --------------------------------------------------- 05 Interne --------------------------------------------------- */

    /************************** a Banniere **************************/

    .banniere h1 {
        font-size: 30px;
        line-height: 30px;
    }

    /*  --------------------------------------------------- 09 Footer --------------------------------------------------- */

    /************************** c Bas **************************/

    footer .bas ul li {
        padding: 0 0 0 0;
    }

    footer .bas ul li:nth-child(1n) {
        float: none;
    }

}


/*  --------------------------------------------------- 11 Accessibilite --------------------------------------------------- */

/* Prorité critque 5 - bannière des cookies*/

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;	
    display: unset !important;
}