/*****   FONT   *****/
@font-face {
font-family:'RobotoRegular';
src:url('/RessourcesCentrales/fonts/Roboto/Regular/roboto-regular-webfont.eot');
src:url('/RessourcesCentrales/fonts/Roboto/Regular/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Roboto/Regular/roboto-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Roboto/Regular/roboto-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Roboto/Regular/roboto-regular-webfont.svg#RobotoRegular') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'RobotoBold';
src:url('/RessourcesCentrales/fonts/Roboto/Bold/roboto-bold-webfont.eot');
src:url('/RessourcesCentrales/fonts/Roboto/Bold/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Roboto/Bold/roboto-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Roboto/Bold/roboto-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Roboto/Bold/roboto-bold-webfont.svg#RobotoBold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'RobotoLight';
src:url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.eot');
src:url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.svg#RobotoLight') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'RobotoItalic';
src:url('/RessourcesCentrales/fonts/Roboto/Italic/roboto-italic-webfont.eot');
src:url('/RessourcesCentrales/fonts/Roboto/Italic/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Roboto/Italic/roboto-italic-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Roboto/Italic/roboto-italic-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Roboto/Italic/roboto-italic-webfont.svg#RobotoItalic') format('svg');
font-weight:normal;
font-style:normal;
}


@font-face {
font-family:'LibreBaskervilleRegular';
src:url('/RessourcesCentrales/fonts/LibreBaskerville/Regular/librebaskerville-regular-webfont.eot');
src:url('/RessourcesCentrales/fonts/LibreBaskerville/Regular/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/LibreBaskerville/Regular/librebaskerville-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/LibreBaskerville/Regular/librebaskerville-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/LibreBaskerville/Regular/librebaskerville-regular-webfont.svg#LibreBaskervilleRegular') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'LibreBaskervilleBold';
src:url('/RessourcesCentrales/fonts/LibreBaskerville/Bold/librebaskerville-bold-webfont.eot');
src:url('/RessourcesCentrales/fonts/LibreBaskerville/Bold/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/LibreBaskerville/Bold/librebaskerville-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/LibreBaskerville/Bold/librebaskerville-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/LibreBaskerville/Bold/librebaskerville-bold-webfont.svg#LibreBaskervilleBold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'LibreBaskervilleItalic';
src:url('/RessourcesCentrales/fonts/LibreBaskerville/Italic/librebaskerville-light-webfont.eot');
src:url('/RessourcesCentrales/fonts/LibreBaskerville/Italic/librebaskerville-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/LibreBaskerville/Italic/librebaskerville-light-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/LibreBaskerville/Italic/librebaskerville-light-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/LibreBaskerville/Italic/librebaskerville-light-webfont.svg#LibreBaskervilleItalic') format('svg');
font-weight:normal;
font-style:normal;
}

html{
font-size:16px;
}

body {
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:RobotoRegular, Verdana, Geneva, sans-serif;
color:#475161;
}

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

h1 {
font-size:3.375rem;
text-shadow:-3px 3px #a4aebb;
color:#26273d;
}

h2 {
font-size:2.625rem;
color:#26273d;
}

h3 {
font-size:1.75rem;
color:#b42719;
}

h4 {
font-size:1.5rem;
color:#b42719;
}

h5 {
font-size:1.375rem;
color:#b42719;
}

h6 {
font-size:1.125rem;
color:#b42719;
}

a, a:link, a:visited {
color:#b42719;
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:#fb9186;
-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 img:hover, a img:focus, a img:active {
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;
}

a.bouton, button.bouton {
background-color:#b42719;
font-family:LibreBaskervilleBold, Verdana, Geneva, sans-serif;
font-size:1.375rem;
padding:0.875rem 1.25rem;
margin-top:1rem;
color:#FFFFFF;
text-align:center;
cursor:pointer;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
-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.bouton:hover, a.bouton:focus, a.bouton:active,
button.bouton:hover, button.bouton:focus, button.bouton:active  {
background-color:#fb9186;
-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.bouton2 {
background-color:#FFFFFF;
font-family:LibreBaskervilleBold, Verdana, Geneva, sans-serif;
font-size:1.375rem;
border:3px solid #b42719;
padding:0.5rem 1rem;
margin-top:1rem;
color:#b42719;
display:block;
text-align:center;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}

a.bouton2:hover, a.bouton2:focus, a.bouton2:active  {
border:3px solid #26273d;
color:#26273d;	
}

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

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

.centrer {
text-align:center;
}

.espacementTop {
margin-top:2rem;
}

.espacementBottom {
margin-bottom:2rem;
}

.auto {
margin:auto;
}

label {
font-weight:bold;	
}

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

select {
margin:0;
}

.relative {
position:relative;
}

.ra-pagination ul {
list-style-type:none;
margin:0.75rem 0;
padding:0;
}

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

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

iframe {
max-width:100%;
}

.strong {
font-family:RobotoBold, Verdana, Geneva, sans-serif;
}

.emphase {
font-family:RobotoBold, Verdana, Geneva, sans-serif;
font-size:1.625rem;
}

.sousTexte {
font-family:RobotoBold, Verdana, Geneva, sans-serif;
color:#b42719;
}

.texteImportant {
font-family:RobotoBold, Verdana, Geneva, sans-serif;
font-size:1.375rem;
}

.citations {
font-family:RobotoBold, Verdana, Geneva, sans-serif;
font-size:1.25rem;
background:url(../images/design/citations.png) no-repeat top left;
background-size:contain;
min-height:143px;
padding:1.5rem 0 1.5rem 8.33333%;
margin:2rem 0;
}

p {
line-height:1.4;
}

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

/******************************************************/
/********************     Menu     ********************/
/******************************************************/
div#menu {
background-color:#26273d;
font-family:LibreBaskervilleBold, Verdana, Geneva, sans-serif;
font-size:1.125rem;
padding:2rem 0 0.5rem 0;
position:relative;
}

div#menu div.logo {
position:absolute;
z-index:1000;
top:0;
left:50%;
margin-left:-122px;
}

div#menu div.logo a img {
opacity:1;
}

div#menu div.logo a:hover img, div#menu div.logo a:focus img, div#menu div.logo a:active img {
opacity:0.95;
}

div#main-menu {
position:relative;
}

div#main-menu div.facebook {
position:absolute;
top:0;
right:0;
z-index:1000;
}

div#main-menu div.facebook a {
color:#FFFFFF;
}

div#main-menu div.facebook a:hover, div#main-menu div.facebook a:focus, div#main-menu div.facebook a:active {
color:#b42719;
}

div#main-menu ul {
line-height:1;
}

div#main-menu ul li {
margin:0;
padding:0;
display:inline-block;
width:20%;
text-align:center;
border:1px solid #26273d;
}

div#main-menu ul li a {
color:#FFFFFF;
}

div#main-menu a:hover, div#main-menu a:focus, div#main-menu a:active {
color:#b42719; 	
}

div#main-menu ul li div.flecheSousMenu i {
color:#FFFFFF;
}

div#main-menu ul li ul {
background-color:#5C5E7A;
z-index:2000;
min-width:220px;
}

div#main-menu ul li ul li {
width:100%;
}

div#main-menu ul li ul li a {
text-align:left;
padding:0.75rem 0.5rem;
font-size:0.875rem;
color:#FFFFFF !important;
}

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


/* Menu mobile */ 
div#mobile-menu .slicknav_menu {
background-color:#26273d;
}

div#mobile-menu  .slicknav_btn {    
background-color:#b42719;
padding:0.375rem;
margin:0;
}

div#mobile-menu div.slicknav_nav ul.sf-menu {
margin:0;
}

div#mobile-menu div.slicknav_nav ul.sf-menu li {
width:100%;
}

div#mobile-menu div.slicknav_nav ul.sf-menu li a, div#mobile-menu div.slicknav_nav a i {
color:#FFFFFF;
}

div#mobile-menu div.slicknav_nav ul.sf-menu li a:hover, div#mobile-menu div.slicknav_nav ul.sf-menu li a:focus, div#mobile-menu div.slicknav_nav ul.sf-menu li a:active,
div#mobile-menu div.slicknav_nav a:hover, div#mobile-menu div.slicknav_nav a:focus, div#mobile-menu div.slicknav_nav a:active {
background-color:#b42719;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

div#mobile-menu div.slicknav_nav a:hover, div#mobile-menu div.slicknav_nav a:focus, div#mobile-menu div.slicknav_nav a:active {
color:#b42719;
}

div#mobile-menu div.slicknav_nav ul {
overflow:auto;
}

div#mobile-menu ul.sf-menu ul {
position:relative;
}

div#mobile-menu div.slicknav_nav ul.sf-menu li a div.flecheSousMenu {
display:none;
}

body.body-histoire div#main-menu ul li.mnuHistoire a,
body.body-activites div#main-menu ul li.mnuActivites a,
body.body-theatre-ete div#main-menu ul li.mnuTheatreEte a,
body.body-nous-joindre div#main-menu ul li.mnuNousJoindre a {
color:#b42719;
}


/*********************************************************/
/********************     Bandeau     ********************/
/*********************************************************/
div#bandeau a {
opacity:1;
}

div#bandeau a:hover img, div#bandeau a:focus img, div#bandeau a:active img {
opacity:0.95;
}

div#bandeau div.slogan {
background:url(../images/design/background-annonce.jpg) no-repeat top center;
background-size:cover;
text-align:center;
margin-bottom:5rem;
}

div#bandeau div.slogan h2 {
color:#FFFFFF;
font-size:2.25rem;
text-align:center;
text-shadow:-3px 3px #26273d;
margin:3rem 0 2rem 0;
}

div#bandeau div.slogan a.bouton {
color:#FFFFFF;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}

div.miniBandeau {
text-align:center;
padding:6rem 0 2rem 0;
margin-bottom:2rem;
background-repeat:no-repeat;
background-size:cover;
}

div.miniBandeau h1 {
color:#FFFFFF;
text-shadow:-3px 3px #26273d;
}


/***********************************************************/
/*******************     Témoignages     *******************/
/***********************************************************/
div.temoignages {
text-align:center;
margin:5rem auto 2rem auto;
}

div.temoignages div.medium-10 {
background-image:url(../images/design/bracket-ouvrante.png), url(../images/design/bracket-fermante.png);
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:246px;
}

div.temoignages h1 {
margin-bottom:2.5rem;
}

div.temoignages p {
font-family:RobotoItalic, Verdana, Geneva, sans-serif;
font-size:1.25rem;
max-width:60%;
margin:3rem auto 0 auto;
}

div.temoignages div.auteur {
text-align:right;
margin:1.5rem auto 0 auto;
max-width:60%;
}


/************************************************************/
/*******************     main-content     *******************/
/************************************************************/
div#main-content {
min-height:400px;
}

/*-----  Pour voir les autres ratios possible : https://www.pushaune.com/blog/tutoriels/rendre-les-videos-youtube-et-vimeo-responsives/  -----*/
.video-container {
position:relative;
padding-bottom:56.25%; /* ratio 16/9 */
height:0;
overflow:hidden;
clear:both;
}

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


/* Pages enfants */
.blocEnfants {
margin-bottom:2.5rem;
}

div.enfant {
margin:1rem 0;
}

div.enfant a {
opacity:1;
}

div.enfant a:hover, div.enfant a:focus {
opacity:0.8;
}

div.enfant a p {
color:#475161;
}

div.enfant p a {
text-decoration:underline;
}

body.body-accueil div.enfant p {
max-width:85%;
margin:auto;
}

div.enfant h3 {
color:#b42719;
text-shadow:none;
}

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

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

div.enfant div.small-12 {
padding-top:1.5rem;
padding-bottom:1.5rem;
}


/* Colonne secondaire */
div.colonneSecondaire h1, div.colonneSecondaire h2 {
text-shadow:-3px 3px #a4aebb;
}

div.colonneSecondaire h3 {
margin-top:0;
}

div.colonneSecondaire img {
padding:1rem 0;
}

div.colonneSecondaire ul {
font-family:RobotoBold, Verdana, Geneva, sans-serif;
color:#b42719;
}

div.colonneSecondaire ul li span {
color:#26273d;
}

div.colonneSecondaire ul li a {
text-decoration:underline;
}

div.colonneSecondaire p {
max-width:90%;
margin:auto;
}

body.body-nous-joindre div.colonneSecondaire p {
max-width:100%;
}

div.colonneSecondaire a.bouton {
font-size:1rem;
display:block;
}


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

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%;
}

[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 {
border:1px solid #26273d;
}

[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 {
border:1px solid #b42719;
}

input::placeholder, textarea::placeholder {
color:#AAAAAF;
}

form#formNousJoindre {
border:20px solid transparent;
padding:1rem;
border-image:url(../images/design/pattern-stripes.png) 20 round;
}

body.body-nous-joindre div.enfant {
display:none;
}


/*------------     Pour le contenu dynamique     ------------*/
/*-----------------------------------------------------------*/
/* Pages */
.image-flottante-droite {
border:none;
padding:0 0 0.375rem 0.375rem;
background:none;
float:right;
margin:0 0 0.375rem 0.625rem;
}

.image-flottante-gauche {
border:none;
padding:0 0.375rem 0.375rem 0;
background:none;
float:left;
margin:0 0.625rem 0.375rem 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;
}

hr {
clear:both;
margin:0 0 0.625rem 0;
padding:0;
height:0;
font-size:0;
border:none;
background-color:#FFFFFF;
}

.texte-discret {
font-family:RobotoItalic, Verdana, Geneva, sans-serif;
font-size:0.75rem;
color:#26273d;	
}

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

li.document {	
margin-bottom:0.125rem;
margin-top:0;
color:#96BBC2;
}

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

div#gallery {
margin-top:1.5rem;
}

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


/******************************************************/
/*****************     Activités     ******************/
/******************************************************/
div.blocCalendrier h2 {
font-size:1.125rem;
text-transform:inherit;
margin:2.5rem 0 0 0;
padding:0.5rem;
text-align:center;
background-color:#26273d;
color:#FFFFFF;
}

div.blocCalendrier div.partie-01 {
position:relative;
}

div.blocCalendrier div.partie-01 h2 {
font-family:OxygenBold, Arial, Verdana, Helvetica, sans-serif;
margin:0;
color:#615f5f;
background-color:#E1E0E0;
}

div.blocCalendrier div.partie-02 {
display:none;
}

div.blocCalendrier table.calendrier {
font-size:0.75rem;
}

div.blocCalendrier table.calendrier thead {
border:inherit;
}

div.blocCalendrier table.calendrier tr:nth-of-type(even) {
background-color:inherit;
}

div.blocCalendrier table.calendrier tr:nth-of-type(odd) {
background-color:inherit;
}

div.blocCalendrier table.calendrier tbody {
background-color:#e1e0e0;
border:inherit;
}

div.blocCalendrier table.calendrier tbody tr td {
padding:0.25rem;
text-align:center;
}

div.blocCalendrier table.calendrier tbody tr td a {
color:#000000;
}

div.blocCalendrier table.calendrier tbody tr td a:hover {
color:#26273d;
}

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

div.blocCalendrier table.calendrier tbody tr td.activite a:hover {
color:#000000;
}

div.blocCalendrier div.CalendrierMenu {
display:none;
}

div.blocCalendrier div.calendrierNavigation {
position:absolute;
top:5px;
width:100%;
}

div.blocCalendrier div.calendrierNavigation a {
color:#615f5f;
}

div.blocCalendrier div.calendrierNavigation a.calMoisPrecedent {
position:absolute;
left:0.5rem;
}

div.blocCalendrier div.calendrierNavigation a.calMoisSuivant {
position:absolute;
right:0.5rem;
}

div.calendrierLegende {
display:inline-block;
padding:0;
width:100%;
}

div.calendrierLegende div.backgroundCalendrierLegende, div.calendrierLegende div.nomCalendrierLegende {
position:relative;
float:left;
}

div.calendrierLegende div.backgroundCalendrierLegende {
width:1.5rem;
height:1.25rem;
margin:0.25rem 0.25rem 0 0;
}

div.calendrierLegende div.nomCalendrierLegende {
font-size:0.75rem;
padding-top:0.25rem;
}

div.calendrierLegende div.medium-6 div.conteneurListeLegende {
margin:0 0.75rem;
}

div.calendrierLegende a {
background-color:#26273d;
color:#FFFFFF;
font-size:0.75rem;
display:block;
padding:0.25rem 0;
margin:1rem 0.75rem;
text-align:center;
}

div.calendrierLegende a:hover {
color:#000000;
}

table.calendrier thead th {
text-align:center;
}


/*****   Liste des activités   *****/
div.listeActivites {
text-align:center;
}

div.listeActivites div.column {
position:relative;
float:none;
display:inline-block;
vertical-align:top;
}

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

div.listeActivites div.backgroundImage {	
display:block;
background-size:cover !important;
margin:0 0 2rem 0;
}

div.listeActivites a {
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;
}

div.listeActivites a:hover {
opacity:0.7;
-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.listeActivites a:hover div.film {
background-color:transparent;
-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.listeActivites p {
text-align:left;
}

div.listeActivites div.film {
background-color:rgba(51,51,51,0.35);
height:18.75rem;
position:relative;
}

div.listeActivites div.columns {
float:none;
display:inline-block;
vertical-align:top;	
}

div.listeActivites h2 {
color:#FFFFFF;
font-size:1.5rem;
text-align:left;
max-width:80%;
overflow:hidden;
padding:4px 10px;
text-transform:uppercase;
display:block;
text-shadow: 1px 1px 2px #303030;
margin:0 0 1rem 0;
}

div.listeActivites p {
color:#FFFFFF;
padding:0 0.75rem 0.5rem 0.75rem;
font-size:0.875rem;
text-shadow: 1px 1px 2px #303030;
}

div.listeActivites div.infoActivite {
position:absolute;
bottom:0;
width:100%;
}

div.listeActivites div.infoActivite i {
padding:0 0.5rem 0 0;
}

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

div.listeCategoriesActivites ul li {
float:left;
color:#FFFFFF;
padding:0.25rem 1rem;
margin:0 0.5rem 1rem 0;
}

div.articleDetails a.bouton {
width:100%;
display:inline-block;
padding:5px 0px 5px 0px;
margin:2rem 0;
}

div.articleDetails ul {
text-align:left;
margin-top:20px;
}

div.articleDetails img.image-flottante-gauche {
max-width:400px;
}


/******************************************************/
/****************     Google maps     *****************/
/******************************************************/
div#googleMaps {
background:url(../images/design/pattern.jpg) no-repeat top center;
background-size:cover;
text-align:center;
border-bottom:5px solid #26273d;
margin-top:3rem;
}

div#googleMaps h1 {
color:#FFFFFF;
text-shadow:-3px 3px #26273d;
padding:2.75rem 0;
}

div.garcon {
position:absolute;
left:-10%;
bottom:0;
z-index:9999;
}

div.fille {
position:absolute;
right:-10%;
bottom:0;
z-index:9999;
}



/******************************************************/
/*******************     Footer     *******************/
/******************************************************/
footer {
background-color:#26273d;
color:#FFFFFF;
padding:4rem 0 2.5rem 0;
border-top:5px solid #edd9ce;
}

footer h3 {
color:#edd9ce;
margin-top:0;
margin-bottom:1.125rem;
padding-bottom:1rem;
border-bottom:4px solid #52536b;
text-shadow:none;
}

footer a {
text-decoration:underline !important;
}

footer ul {
line-height:1.4;
}

footer ul li a, footer ul li a:link, footer ul li a:visited {
color:#FFFFFF;
text-decoration:none !important;
}

footer ul li a:hover, footer ul li a:focus, footer ul li a:active {
color:#b42719;
}

footer div.large-4:last-child {
text-align:right;
color:#52536b;
}

footer div.large-4:last-child h3 {
color:#52536b;
border-bottom:none;
font-size:1.5rem;
margin-top:1rem;
margin-bottom:0rem;
padding-bottom:0.5rem;
}