@font-face {
font-family: 'WorkSans';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'WorkSansItalic';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v23/QGYqz_wNahGAdqQ43Rh_eZDrv_0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'WorkSansBold';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jpg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'WorkSansMedium';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/worksans/v23/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jpg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html{
font-size:16px;
}

body {
position:relative;
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:WorkSans, Verdana, Geneva, sans-serif;
color:#3F5464;
}

h1, h2, h3, h4, h5, h6 {
font-family:WorkSansBold, Verdana, Geneva, sans-serif;
line-height:1;
margin-top:1rem;
}

h1 {
font-size:5rem;
}

h2 {
font-size:3.375rem;
}

h3 {
font-size:2.5rem;
}

h4 {
font-size:2rem;
}

h5 {
font-size:1.625rem;
}

h6 {
font-size:1.375rem;
}

a {
color:#FBC000;
text-decoration:none;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a:hover, a:focus, a:active {
color:#3F5464;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a img {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a:hover img, a:focus img, a:active img {
opacity:0.8;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

.bouton {
font-size:1.25rem;
font-family:WorkSansBold, Verdana, Geneva, sans-serif;
padding:0.5rem 1.5rem;
display:inline-block;
border:3px solid #FBC000;
background-color:#FBC000;
color:#3F5464;
cursor:pointer;
-webkit-border-radius:50px 50px 50px 50px;
border-radius:50px 50px 50px 50px;
}

.bouton:hover, .bouton:focus, .bouton:active  {
border:3px solid #FFAA01;
background-color:#FFAA01;
}

.boutonSecondaire {
font-size:1.25rem;
font-family:WorkSansBold, Verdana, Geneva, sans-serif;
padding:0.5rem 1.5rem;
display:inline-block;
border:3px solid #FBC000;
background-color:#FFFFFF;
color:#3F5464;
cursor:pointer;
-webkit-border-radius:50px 50px 50px 50px;
border-radius:50px 50px 50px 50px;
}

.boutonSecondaire:hover, .boutonSecondaire:focus, .boutonSecondaire:active  {
border:3px solid #FFAA01;
color:#3F5464;
}

ul {
margin:0;
padding:0;
list-style:none;
}

div.clear {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
border:0;
}

.gauche {
text-align:left;
}

.droite {
text-align:right !important;
}

.centrer {
text-align:center;
}

.emphase {
font-size:1.25rem;
}

.strong {
font-weight:bold;
}

.flottant {
position:relative;
float:left;
}

.flottant2 {
position:relative;
float:right;
}

.noPadding {
padding-left:0;
padding-right:0;
}

.noPadding p {
margin-bottom:0;
}

.noMarginBottom {
margin-bottom:0 !important;
}

label {
font-family:WorkSansMedium, Verdana, Geneva, sans-serif;
font-size:1.5rem;
line-height:1.3;
margin-top:0.25rem;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float:left;
}

.relative {
position:relative;
}

li.iconefichier img {
vertical-align:bottom;
padding-right:0.5rem;
}

iframe {
max-width:100%;
}

.row.expanded {
max-width:1640px;
}

.miniEspacementTop {
margin-top:1rem;
}

.miniEspacementBottom {
margin-bottom:1rem;
}

.espacementTop {
margin-top:2rem;
}

.espacementBottom {
margin-bottom:2rem;
}

.espacementGauche {
padding-left:0.9375rem;
}

.fullPadding {
padding:2rem 5rem 2rem 5rem;
}

div.ra-pagination ul li {
position:relative;
float:left;
padding: 0 0.25rem 0.75rem 0.25rem;
}

input#q {
position:relative;
float:left;
width:60%;
}

input#btnRechercheRapide {
position:relative;
float:left;
padding:0.625rem 0 0 0.5rem;
}

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea, select {
-webkit-border-radius:20px 20px 20px 20px;
border-radius:20px 20px 20px 20px;
}

[type="color"]:focus, [type="date"]:focus, [type="datetime-local"]:focus, [type="datetime"]:focus, [type="email"]:focus, [type="month"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="text"]:focus, [type="time"]:focus, [type="url"]:focus, [type="week"]:focus, textarea:focus, select:focus {
border:1px solid #FBC000;
}

.grosIcone {
font-size:1.5rem;
}

div.conteneur {
max-width:95%;
margin:auto;
}



/******************************************************/
/********************     Menu     ********************/
/******************************************************/
div#menu {
margin:auto;
padding:2rem 0;
}

body.sticky-navigation div#menu {
background-color:#FBC000;
margin:0;
padding:0.5rem 0;
}

div.logoSticky {
display:none;
}

body.sticky-navigation div.logoTop {
display:none;
}

body.sticky-navigation div.logoSticky {
display:block;
}

div#menu div.row div.large-4 img {
padding:0 0 0 3rem;
}

body.sticky-navigation div#menu div.row div.large-4 img {
height:45px;
}

div#menu div.row div.large-8 {
text-align:right;
}

div#menu div#main-menu {
display:inline-block;
background-color:#FBC000;
-webkit-border-radius:50px 50px 50px 50px;
border-radius:50px 50px 50px 50px;
}

div#menu div#main-menu ul li  {
padding:1rem 2rem;
}

body.sticky-navigation div#menu div#main-menu ul li {
padding:0.25rem 2rem 0rem 2rem;
}

div#menu div#main-menu ul li a {
font-family:WorkSansBold, Verdana, Geneva, sans-serif;
font-size:1.25rem;
color:#3F5464;
}

div#menu div#main-menu ul li a:hover,
div#menu div#main-menu ul li a:focus,
div#menu div#main-menu ul li a:active {
color:#FFFFFF;
}

body.body-accueil div#menu div#main-menu ul li.mnuAccueil a,
body.body-activites div#menu div#main-menu ul li.mnuActivites a,
body.body-repertoires div#menu div#main-menu ul li.mnuRepertoires a,
body.body-a-propos div#menu div#main-menu ul li.mnuAPropos a {
color:#FFFFFF;
}

.slicknav_menu {
background-color:#FBC000;
margin:1rem 0;
}

.slicknav_btn {
background-color:#67A33B;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav a:active {
background-color:#67A33B;
}



/******************************************************/
/******************     Bandeau     *******************/
/******************************************************/
div#bandeau {
position:relative;
}

body.body-activites-details div.entetePage,
body.body-repertoires-details div.entetePage {
margin:0 0 4rem 0;
}

body.body-a-propos div.entetePage {
margin:0 0 2rem 0;
}

div.entetePage div.row {
background-size:contain;
background-repeat:no-repeat;
}

div.entetePage div.titrePage {
position:absolute;
bottom:6%;
left:0;
width:100%;
padding:0 2rem;
color:#FFFFFF;
text-shadow:-1px 3px 2px rgba(0,0,0,0.6);
}

div.entetePage div.titrePage h1 {
color:#FFFFFF;
margin-top:0;
}

div.entetePage div.titrePage a {
color:#FFFFFF;
}

div.entetePage div.titrePage a:hover
div.entetePage div.titrePage a:focus
div.entetePage div.titrePage a:active {
color:#FBC000;
}

.radius {
-webkit-border-radius:50px 50px 50px 50px;
border-radius:50px 50px 50px 50px;
}

div.entetePage div.demiCercle {
position:absolute;
right:5%;
bottom:-10%;
}

div#blocRechercheGlobale {
width:30%;
margin:auto;
padding:1rem;
background-color:#FBC000;
border-radius:50px;
position:absolute;
right:0;
bottom:6px;
left:0;
}

div#blocRechercheGlobale #FormRechercheGlobale{
display:flex;
width:90%;
margin:auto;
align-items:center;        /* centre verticalement */
justify-content:center;    /* centre horizontalement le groupe */
gap:.75rem;
}

div#blocRechercheGlobale input {
flex:1 1 auto;
width:auto;                /* écrase width:100% des frameworks */
min-width:0;               /* évite le débordement */
margin:0;
background:transparent;
border:none;
border-bottom:1px solid #707070;
border-radius:0;
box-shadow:none;
padding:.3rem 0;
}

div#blocRechercheGlobale #FormRechercheGlobale .loupe{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px; height:36px;
padding:0;
border-radius:9999px;
border:2px solid #fff;
background:#fff;
cursor:pointer;
}

div#blocRechercheGlobale #FormRechercheGlobale .loupe img {
width:25px;
height:25px;
}


/*****************************************************/
/************     Bloc Médias Sociaux     ************/
/*****************************************************/
div#blocMediasSociaux {
position:fixed;
z-index:99999999;
top:30%;
right:0;
background:#D6E6F2;
padding:1rem 0.5rem;
border-radius:10px 0 0 10px;
display:flex;
flex-direction:column;
align-items:center;
gap:1rem;
}

div#blocMediasSociaux .sidebar-title {
writing-mode:vertical-rl;
transform:rotate(180deg);
font-family:WorkSansBold, Verdana, Geneva, sans-serif;
font-size:0.875rem;
margin-bottom:0.5rem;
}

div#blocMediasSociaux hr {
width:1px;
height:40px;
border:none;
background-color:#3F5464;
margin:0.5rem 0;
}

div#blocMediasSociaux .icon {
background:#3F5464;
color:#D6E6F2;
font-size:1.125rem;
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
transition:all 0.3s ease;
}

div#blocMediasSociaux .icon:hover {
background:#1c2833;
color:#ffffff; 
}


/******************************************************/
/*****************     Publicités     *****************/
/******************************************************/
div.imageSuperieure {
background-color:#CED4D8;
text-align:center;
padding:1.875rem 0;
}

div.imageInferieure {
text-align: center;
padding:0 0 8rem 0;
}

div.publiciteLaterale {
margin:1rem 0 0 0;
}


/******************************************************/
/****************     main-content     ****************/
/******************************************************/

/*------------     Formulaire de contact     ------------*/
/*-------------------------------------------------------*/
/* Erreurs de saisie */
.messages-box.error {
background-color:#de4343;
border-color:#c43d3d;
}

.messages-box {
background-size:2.5rem;
background-image:linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);
width:100%;
border:1px solid;
color:#FFFFFF;
padding:1rem;
text-shadow:0 1px 0 rgba(0,0,0,.5);
animation:animate-bg 5s linear infinite;
margin:0 0 1rem 0;
text-align:left;
}

@keyframes animate-bg {
from {
background-position:0 0;
}

to {
background-position:-5rem 0;
}
}

select.invalid, input[type=text].invalid, textarea.invalid {
border:1px solid #DE4343;
margin-bottom:0;
}

.error-message {
display:inline-block;
background-color:#DE4343;
color:#FFFFFF;
width:100%;
margin-bottom:0.875rem;
padding:0.25rem 0.5rem;
font-size:85%;
}

input#ChampFormulaireVide {
position:absolute;
z-index:-99999999;
top:30%;
left:10%;
width:10%;
margin:auto;
height:0.5rem;
}

form#formEvenements {
margin-bottom:4rem;
}

form#formCommentaire {
margin-bottom:2rem;
}


/*------------     Pour le contenu dynamique     ------------*/
/*-----------------------------------------------------------*/
/* Pages */
div.contenuPage {
padding:0;
margin-bottom:0;		
}

.image-flottante-droite {
border:none;
padding:0 0 1rem 1rem;
background:none;
float:right;
margin:0 0 1rem 1rem;
}

.image-flottante-gauche {
border:none;
padding:0 1rem 1rem 0;
background:none;
float:left;
margin:0 1rem 1rem 0;
}

table.tableau-invisible, table.tableau-invisible tbody, table.tableau-invisible tr:nth-of-type(even), table.tableau-invisible tr:nth-of-type(odd) {
border:none;
background:none;
}

table {
border:none;
background:none;
margin:0;
padding:0;
border-collapse:collapse;
width:100%;
}

table thead, table th {
color:#FFFFFF;
}

table tr:nth-of-type(even) {
background-color:#f1f1f1;
border:none;
margin:0;
padding:0;
}

table tr:nth-of-type(odd) {
background-color:#FFFFFF;
border:none;
margin:0;
padding:0;
}

table tr td {
vertical-align:top;
}

hr {
clear:both;
margin:0 0 0.625rem 0;
padding:0;
height:1px;
font-size:0;
border:none;
}

.texte-discret {
font-size:0.875rem;
color:#888888;	
font-family:WorkSansItalic, Verdana, Geneva, sans-serif;
}

.discret {
opacity:0.6;
}

/* documents */
ul.liste-documents {
list-style-type:none;	
margin-bottom:2.5rem;	
}

li.document {	
margin-bottom:0.125rem;
margin-top:0;
}

ul.liste-documents li.description {	
line-height:1.25rem;
font-family:WorkSansItalic, Verdana, Geneva, sans-serif;
margin-bottom:1rem;
}



/***********************************************************/
/*******************     Page enfant     *******************/
/***********************************************************/
div.row.blocEnfants .columns {
float:none;
display:inline-block;
vertical-align:top;	
}

div.row.blocEnfants {
text-align:center;
}

div.enfant {
text-align:center;
margin:0 0 2rem 0;
}

div.enfant a h4 {
margin:1rem auto;
padding:0 0.5rem;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

div.enfant a:hover h4, div.enfant a:focus h4, div.enfant a:active h4 {
color:#000000;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

/*------------     Page 404     ------------*/
/*------------------------------------------*/
.body-404 {
background-color:#F1F0F8;
text-align:center;
}
.body-404 img {
width:450px;
margin:3.75rem 0 1.25rem 0;
}
.body-404 p {
text-align:center;
font-size:2rem;
color:#1F1F1F;
}
.body-404 a {
color:#1F1F1F;
font-size:1.25rem;
}
.body-404 a:hover, .body-404 a:active, .body-404 a:focus {
color:#687B80;
}



/**************************************************/
/***************     Calendrier     ***************/
/**************************************************/
div#calendrier {
text-align:center;
}

div#calendrier div.CalendrierTextePerso {
font-family:WorkSansBold, Verdana, Geneva, sans-serif;
font-size:5rem;
}

div#calendrier div.calendrierNavigation {
font-size:3rem;
}

div#calendrier table.calendrier {
border-collapse:separate;
border-spacing:0;
border:1px solid #3F5464;
border-radius:50px;
overflow:hidden;
}

div#calendrier table.calendrier thead,
div#calendrier table.calendrier tbody {
background-color:inherit;
border:none;
}

div#calendrier table.calendrier tr th {
font-size:1.5rem;
font-weight:normal;
color:#3F5464;
text-align:center;
text-transform:uppercase;
border:1px solid #3F5464;
}

div#calendrier table.calendrier tr {
background-color:inherit;
}

div#calendrier table.calendrier tr td {
border:1px solid #3F5464;
width:14.28%;
height:130px;
}

div#calendrier table.calendrier tr td a {
color:#FFFFFF;
}

div#calendrier table.calendrier tr td a:hover,
div#calendrier table.calendrier tr td a:focus,
div#calendrier table.calendrier tr td a:active {
color:#3F5464;
}

div#calendrier table.calendrier tr td span.jourCalendrier {
font-size:1.5rem;
font-family:WorkSansBold, Verdana, Geneva, sans-serif;
text-align:left;
display:block;
padding:0 0.5rem;
}

div#calendrier table.calendrier tr td a span.activiteTitre {
display:block;
font-size:0.875rem;
line-height:1;
padding:0.25rem 0.5rem;
margin:0.25rem 0;
border-radius:20px;
}

/* Activités agrotouristiques */
div#calendrier table.calendrier tr td a span.categorieParente1 {
background-color:#96B948;
}

/* Activités culturelles */
div#calendrier table.calendrier tr td a span.categorieParente2 {
background-color:#FBC000;
}

/* Activités sportives et de plein-air   */
div#calendrier table.calendrier tr td a span.categorieParente3 {
background-color:#3F5464;
}

/* Activités scientifiques et éducatives  */
div#calendrier table.calendrier tr td a span.categorieParente4 {
background-color:#F17B2F;
}

/* Activités communautaires */
div#calendrier table.calendrier tr td a span.categorieParente5 {
background-color:#378440;
}

/* Activités Sociofinanecement */
div#calendrier table.calendrier tr td a span.categorieParente6 {
background-color:#5D818F;
}

div#calendrier table.calendrier tr:first-child th:first-child {
border-top-left-radius:50px;
}

div#calendrier table.calendrier tr:first-child th:last-child {
border-top-right-radius:50px;
}

div#calendrier table.calendrier tr:last-child td:first-child {
border-bottom-left-radius:50px;
}

div#calendrier table.calendrier tr:last-child td:last-child {
border-bottom-right-radius:50px;
}

div.categoriesCalendrier {
margin:2rem 0 0 0;
}

div.categoriesCalendrier ul li {
font-family:WorkSansBold, Verdana, Geneva, sans-serif;
font-size:1.25rem;
position:relative;
float:left;
padding:0 2rem 1rem 0;
}











.event {
position:relative;
display:inline-block;
cursor:pointer;
}

/* Conteneur tooltip */
.event .tooltip {
visibility:hidden;
opacity:0;
width:260px;
max-width:inherit;
background:#FFFFFF;
border:2px solid #FBC000;
border-radius:12px;
padding:0 0.5rem;
position:absolute;
z-index:9999;
top:110%;  /* s'affiche en dessous */
left:50%;
transform:translateX(-50%);
box-shadow:0 6px 15px rgba(0,0,0,0.15);
transition:opacity 0.25s ease-in-out;
}

/* Affichage au hover */
.event:hover .tooltip {
visibility:visible;
opacity:1;
}

/* Contenu de la bulle */
.tooltip:before {
border-color:transparent transparent #FBC000;
}

.tooltip img {
width:100%;
height:auto;
border-radius:8px;
padding:0.5rem;
margin-bottom:0.5rem;
}

.tooltip h4 {
font-size:0.875rem;
margin:0 0 0.5rem 0;
color:#000000;
}

.tooltip p {
font-size:0.75rem;
margin:0 0 1rem 0;
color:#3F5464;
line-height:1;
}

#calendrier .row.expanded,
#calendrier .small-12.columns,
#calendrier .ModuleCalendrier,
#calendrier .partie-01,
#calendrier .calendrier,
#calendrier .calendrier tbody,
#calendrier .calendrier tr,
#calendrier .calendrier td {
overflow: visible !important;
}














/*******************************************************/
/***************     Bloc évènements     ***************/
/*******************************************************/
div#blocEvenements {
position:relative;
margin:4rem 0 0 0;
}

div.backEvenements {
background-color:#FEF2D9;
}

div#blocEvenements img.separateur {
width:100%;
}

div#blocEvenements h1 {
text-align:center;
margin:3rem 0;
}

div#blocEvenements h2 {
text-align:center;
margin-top:0;
margin-bottom:2rem;
}

div#blocEvenements div.decoTriangle {
position:absolute;
top:20%;
right:10%;
}

div#blocEvenements div.conteneurImage {
position:relative;
margin-bottom:2rem;
max-width:600px;
}

div#blocEvenements div.conteneurImage img {
border-radius:50px 50px 0px 0px;
}

div#blocEvenements div.icoInfo {
position:absolute;
bottom:-25px;
right:2%;
}

div#blocEvenements div.icoInfo img {
padding:0 0.5rem 0 0;
}

div#blocEvenements a {
color:#3F5464;
}

div#blocEvenements a:hover,
div#blocEvenements a:focus,
div#blocEvenements a:active {
color:#FBC000;
}

div#blocEvenements div.conteneurInfo {
height:300px;
}

div#blocEvenements div.conteneurInfo h3 {
font-size:2rem;
}

div#blocEvenements div.conteneurInfo p {
line-height:1.3;
}

div.vignetteEvenementFavori {
position:absolute;
top:1rem;
right:1rem;
padding:0.0625rem 0;
background-color:#FFFFFF;
text-align:center;
height:25px;
width:25px;
-webkit-border-radius:32px 32px 32px 32px;
border-radius:32px 32px 32px 32px;
}

div#blocEvenements div.vignetteEvenementFavori a {
color:#67A33B;
}

div#blocEvenements div.vignetteEvenementFavori a.favoriDisable {
color:#cacaca;
}

div#blocEvenements div.vignetteEvenementFavori a.favoriDisable:hover,
div#blocEvenements div.vignetteEvenementFavori a.favoriDisable:hover,
div#blocEvenements div.vignetteEvenementFavori a.favoriDisable:hover {
color:#67A33B;
}

div.conteneurRecherche {
border:1px solid #3F5464;
padding:1.5rem 1rem;
margin:2rem 0 0 0;
-webkit-border-radius:50px 50px 50px 50px;
border-radius:50px 50px 50px 50px;
}

div.conteneurRecherche h2 {
margin-top:0;
margin-bottom:0;
}

div#blocRecherche {
display:none !important;
}

div#blocRecherche.visible {
display:block !important;
}

div.modeAffichage p {
text-align:center;
margin-bottom:0.5rem;
}

div.modeAffichage ul {
list-style-type:none;
margin:0;
padding:0;
}

div.modeAffichage ul li {
position:relative;
float:left;
text-align:center;
width:50%;
padding:0 0.5rem;
}

div.modeAffichage ul li:first-child {
text-align:right;
}

div.modeAffichage ul li:last-child {
text-align:left;
}


/***** Affichage en mode liste *****/
div#blocEvenements div.modeListe {
display:inline-block;
width:100%;
padding:0 0 3rem 0;
}

div#blocEvenements div.modeListe div.conteneurImage {
float:left;
width:15%;
margin-bottom:0;
}

body.body-repertoires div#blocEvenements div.modeListe div.conteneurImage {
width:25%
}

div#blocEvenements div.modeListe div.conteneurImage img {
border-radius:50px 0 0 50px;
}

div#blocEvenements div.modeListe div.conteneurDescription {
float:left;
width:35%;
padding:0 0 0 1rem;
}

div#blocEvenements div.modeListe div.conteneurDescription h3 {
margin-top:0;
font-size:2rem;
}

div#blocEvenements div.modeListe div.conteneurInfo {
float:left;
width:35%;
padding:0 0 0 1rem;
height:inherit;
}

body.body-repertoires div#blocEvenements div.modeListe div.conteneurInfo {
width:75%;
}

div#blocEvenements div.modeListe div.conteneurInfo h3 {
margin-top:0;
}

div#blocEvenements div.modeListe div.icoInfo {
position:relative;
float:left;
width:15%;
padding:0;
bottom:0;
right:0;
}

div.publiciteListe {
text-align:center;
margin:0 0 4rem 0;
}


/*******************************************************/
/*************     Détails évènements     **************/
/*******************************************************/
div.detailsEvenements {
max-width:95%;
margin:auto;
}

div.detailsEvenements div.large-4 div.conteneurSecondaire {
background-color:#FBC000;
padding:2rem;
font-size:1.125rem;
line-height:1.2;
-webkit-border-radius:50px 50px 50px 50px;
border-radius:50px 50px 50px 50px;
}

body.body-activites div.detailsEvenements div.large-4 div.conteneurSecondaire,
body.body-repertoires div.detailsEvenements div.large-4 div.conteneurSecondaire,
body.body-favoris div.detailsEvenements div.large-4 div.conteneurSecondaire {
background-color:inherit;
}

div.detailsEvenements h4 {
margin-bottom:1.5rem;
}

div.detailsEvenements div.icoContact {
position:relative;
float:left;
}

div.detailsEvenements div.infoContact {
position:relative;
float:left;
margin:0 0 2rem 0.5rem;
}

div.detailsEvenements a {
color:#3F5464;
}

div.detailsEvenements a:hover,
div.detailsEvenements a:focus,
div.detailsEvenements a:active {
color:#67A33B;
}

div.detailsEvenements a.bouton {
color:#FFFFFF;
background-color:#FFAA01;
text-align:center;
padding:0.875rem 3.5rem;
border:none;
}

div.detailsEvenements a.bouton:hover,
div.detailsEvenements a.bouton:focus,
div.detailsEvenements a.bouton:active {
color:#3F5464;
border:none;
background-color:#FBC000;
}

div.detailsEvenements div.infoComplementaire a i {
font-size:2rem;
padding:0 0 1.25rem 0;
}

div.detailsEvenements div.infoComplementaire h5 span {
display:inline-block;
position:relative;
padding-top:10px;
}

div.detailsEvenements div.infoComplementaire h5 span::before {
content:"";
position:absolute;
top:0;
left:0;
width:300px;
height:2px;
background-color:#FBC000;
}

div.detailsEvenements div.large-4 table tbody,
div.detailsEvenements div.large-4 table tr {
border:none;
background-color:inherit;
}



/***********************************************************/
/***************     Inscription loisirs     ***************/
/***********************************************************/
div#inscriptionLoisirs {
margin:2rem auto 0 auto;
background-image:url("../images/design/background3.jpg");
background-repeat:no-repeat;
background-size:cover;
}

body.body-accueil div#inscriptionLoisirs {
margin:auto;
background-image:url("../images/design/background2.jpg");
background-size:cover;
}

div#inscriptionLoisirs div.row {
padding:22rem 0;
}

body.body-accueil div#inscriptionLoisirs div.row {
padding:30rem 0 14rem 0;
}

div#inscriptionLoisirs h2 {
margin:7rem 0 2rem 0;
}

div#inscriptionLoisirs h2::after {
content:"";
display:inline-block;
width:60px;
height:55px;
margin-left:10px;
background-image:url("../images/design/triangle-petit.png");
background-size:contain;
background-repeat:no-repeat;
vertical-align:middle;
}

div#inscriptionLoisirs p {
font-size:1.5rem;
margin-bottom:4rem;
}


/******************************************************/
/*******************     Footer     *******************/
/******************************************************/
footer {
background:url("../images/design/back-footer.jpg") repeat top left;
background-size:cover;
font-family:WorkSansBold, Verdana, Geneva, sans-serif;
font-size:1.25rem;
}

footer div.conteneurFooter {
width:90%;
background-color:#FBC000;
border-radius:70px 70px 0px 0px;
margin:auto;
padding:7rem 2rem 0 2rem;
}

footer div.conteneurFooter div.row {
max-width:100%;
}

footer div.conteneurFooter div.row:last-child {
border-top:2px solid #3F5464;
margin:3rem 0 0 0;
padding:1.5rem 0;
}

footer div.conteneurFooter ul li {
line-height:1.8;
}

footer div.conteneurFooter a {
color:#3F5464;
}

footer div.conteneurFooter a:hover,
footer div.conteneurFooter a:focus,
footer div.conteneurFooter a:active {
color:#FFFFFF;
}

footer div.conteneurFooter img {
max-width:280px;
}