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

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

@font-face {
font-family:'MontserratBlack';
src:url('/RessourcesCentrales/fonts/Montserrat/Black/montserrat-black-webfont.eot');
src:url('/RessourcesCentrales/fonts/Montserrat/Black/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Montserrat/Black/montserrat-black-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Montserrat/Black/montserrat-black-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Montserrat/Black/montserrat-black-webfont.svg#MontserratBlack') format('svg');
font-weight:normal;
font-style:normal;
}

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

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


html{
font-size:16px;
}

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

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

h1 {
font-size:6.25rem;
color:#04a590;
}

h2 {
font-size:3.5rem;
}

h3 {
font-size:3rem;
}

h4 {
font-size:2.625rem;
}

h5 {
font-size:2rem;
}

h6 {
font-size:1.5rem;
}

a {
color:#04a590;
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:#8a57d5;
-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;
display:block;
-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.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;
}

.bouton {
background-color:#FFFFFF;
font-size:1rem;
color:#04a590 !important;
border:2px solid #04a590;
padding:0.5rem 1.5rem;
display:inline-block;
cursor:pointer;
-webkit-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
}

.bouton:hover, .bouton:focus, .bouton:active  {
border:2px solid #8a57d5;
color:#8a57d5 !important;
}

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

.centrer {
text-align:center;
}

.gras {
font-family:MontserratBold, Verdana, Geneva, sans-serif;
}

label {
font-family:MontserratBold, Verdana, Geneva, sans-serif;	
}

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

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

p {
line-height:1.4;
}

.espacementTop {
margin-top:1.5rem;
}

.regulier {
font-family:MontserratRegular, Verdana, Geneva, sans-serif;
}

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

[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 #1a1a1a;
}

[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 #04a590;
}

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


/****************************************************/
/******************     Header     ******************/
/****************************************************/
div#header {
font-size:0.875rem;
padding:1.375rem 0;
}

div#header div.small-12:nth-child(2) {
text-align:center;
}

div#header div.small-12:nth-child(2) a {
display:inline-block;
}

div#header div.small-12:last-child {
text-align:right;
}

div#header i {
font-size:1.25rem;
padding:0.25rem 0 0 0.5rem;
}


/****************************************************/
/*******************     Menu     *******************/
/****************************************************/
div#menu {
background-color:#eff3f4;
font-family:MontserratBold, Verdana, Geneva, sans-serif;
text-align:center;
max-width:1920px;
margin:auto;
}

div#main-menu ul {
margin:0;
padding:0;
list-style:none;
}

div#main-menu ul li {
margin:0;
padding:0;
display:inline-block;
float:inherit;
}

div#main-menu ul li a {
font-size:1rem;
color:#04a590;
display:inline-block;
padding:0.625rem 1rem;			
}

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

div#main-menu ul li ul li {
width:200px;
}

div#main-menu ul li ul li a {
font-family:MontserratRegular, Verdana, Geneva, sans-serif;
color:#FFFFFF;
background-color:#04a590;
text-align:left;
display:block;
}

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:#FFFFFF;
background-color:#8a57d5;
}


/* Menu mobile */ 
#header .row.mobile-menu {
max-width:100%;
padding:0;
margin-top:1.25rem;
}

div#header .row.mobile-menu .column {
padding:0;
}

div#mobile-menu {
text-align:left;
}

div#mobile-menu .slicknav_menu {
background-color:#04a590;
}

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

div#mobile-menu .slicknav_menu .slicknav_menutxt {
text-shadow:none;
}

div#mobile-menu ul.slicknav_nav ul {
margin-left:1rem;
}

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

div#mobile-menu ul.slicknav_nav a {
color:#FFFFFF;
margin-left:0;
padding:0.375rem 0.75rem;
display:inline-block;	
}

div#mobile-menu ul.slicknav_nav a a {
padding:0.25rem 0;
}

div#mobile-menu .slicknav_nav a:hover, div#mobile-menu .slicknav_nav a:focus, div#mobile-menu .slicknav_nav a:active {
background-color:rgba(255,255,255,0.4);	
}

.slicknav_menu .slicknav_menutxt {
font-weight:normal;
}


/************************************************************/
/*********************     Bandeau     **********************/
/************************************************************/
div#bandeau {
text-align:center;
}

div#bandeau div.ms-layer {
width:100%;
}

div#bandeau div.conteneurBandeau {
padding:2rem;

}

div#bandeau h1 {
color:#FFFFFF;
text-transform:uppercase;
line-height:1;
}

div#bandeau p {
color:#FFFFFF;
font-size:1rem;
}

div#bandeau a.bouton {
border:none;
padding:0.75rem 2rem;
}


/************************************************************/
/********************     Promotion     *********************/
/************************************************************/
div#promo {
background:url(../images/design/back.jpg) no-repeat top center;
background-size:cover;
max-width:1920px;
margin:0 auto 2.5rem auto;
padding:0.75rem 0;
color:#FFFFFF;
}

div#promo div.large-2 {
text-align:right;
}

div#promo h2 {
margin-top:0;
margin-bottom:0;
color:rgba(4,165,144,0);
text-transform:uppercase;
-webkit-text-fill-color:inherit;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:#FFFFFF;
}

div#promo p {
margin-bottom:0;
line-height:1.6;
}

div#promo a.bouton {
background-color:inherit;
color:#FFFFFF !important;
border:2px solid #FFFFFF;
padding:0.75rem 2.25rem;
}

div#promo a.bouton:hover, div#promo a.bouton:focus, div#promo a.bouton:active {
color:#1a1a1a !important;
border:2px solid #1a1a1a;
}

div.promotions {
margin-bottom:2rem;
}

div.promotions div.large-4 {
min-height:570px;
}

div.promotions p {
min-height:45px;
}


/************************************************************/
/**********************     Slogan     **********************/
/************************************************************/
div#slogan {
background:url(../images/design/back.jpg) no-repeat top center;
background-size:cover;
text-align:center;
padding:5.75rem 0 4.75rem 0;
margin:2rem 0;
}

div#slogan img {
padding-bottom:2rem;
}

div#slogan p {
font-size:3rem;
color:#FFFFFF;
margin-bottom:0;
}


/************************************************************/
/*********************     Produits     *********************/
/************************************************************/
div#produits {
margin:7rem 0 6rem 0
}

div#produits h1 {
text-transform:uppercase;
max-width:80%;
margin-bottom:0;
position:relative;
z-index:999;
}

div#produits a.bouton {
position:absolute;
margin-bottom:1rem;
right:0;
bottom:0;
}

div#produits div.infoContact {
text-align:center;
margin-top:4rem;
}

div#produits p {
margin-bottom:0;
font-size:1rem;
}

div#produits h3 {
margin-top:0;
margin-bottom:0;
}

div#produits a.soulignement {
text-decoration:underline;
font-size:1.5rem;
}

div#produits div.emphaseProduit {
font-family:MontserratBold, Verdana, Geneva, sans-serif;
font-size:1.25rem;
}

body.body-boutique-details div.reseauxSociaux {
margin-top:2rem;
}

body.body-boutique-details h1, body.body-boutique-details h2, body.body-boutique-details h3, body.body-boutique-details h4, body.body-boutique-details h5, body.body-boutique-details h6 {
margin-top:0;
}

body.body-boutique-details h2 {
color:#04a590;
}


/************************************************************/
/*******************     Réalisations     *******************/
/************************************************************/
div#realisations {
margin:11rem 0 2rem 0
}

div#realisations div.row div.row:last-child div.small-12 {
margin-top:1.5rem;
overflow:hidden;
height:276px;
}

div#realisations h1 {
text-transform:uppercase;
max-width:80%;
margin-bottom:2.5rem;
position:relative;
z-index:999;
}

div#realisations a.bouton {
position:absolute;
margin-bottom:2.5rem;
right:0;
bottom:0;
}

div#realisations div.enfant div.fiche {
max-width:inherit;
}

div#realisations div.row.blocEnfants {
text-align:inherit;
}

div#realisations div.row.blocEnfants .columns {
float:left;
}

div#realisations div.enfant {
text-align:inherit;
margin:0;
}

body.body-realisation-details div#main-content h2, body.body-realisation-details div#main-content h3 {
color:#5f6062;
}

div.imageSecondaire {
margin-bottom:2rem;
}

div.imageSecondaire h2 {
margin-top:0;
}

div.imageSecondaire img {
margin-top:1.5rem;
}


/************************************************************/
/****************     Effet hover fiche     *****************/
/************************************************************/
div.texteInfo {
position:absolute;
opacity:0;
width:100%;
padding:4rem 0.25rem 0 0.25rem;
z-index:999999;
-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 div.texteInfo {
width:100%;
height:100%;
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.texteInfo p {
font-size:1.25rem;
margin-top:0;
margin-bottom:0;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
}

div.texteInfo p:first-child {
font-family:MontserratBold, Verdana, Geneva, sans-serif;
}


/************************************************************/
/*******************     Fournisseurs     *******************/
/************************************************************/
body.body-fournisseurs div#main-content h2 {
color:#04a590;
}

div#fournisseurs {
width:100%;
background-color:#eff3f4;
padding:2rem;
margin:3.5rem 0;
display:inline-block;
text-align:center;
}

div#fournisseurs div.vignette {
position:relative;
float:none;
display:inline-block;
width:19.5%;
}

div#fournisseurs div.vignette a img {
opacity:1;
max-width:90%;
-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#fournisseurs div.vignette a:hover img {
opacity:0.6;
-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.listeFournisseurs h2 {
margin-top:5rem;
}

div.listeFournisseurs ul {
margin:0 0 0 1rem;
min-height:85px;
}


/************************************************************/
/*****************     Trucs et astuces     *****************/
/************************************************************/
div#trucsAstuces {
padding:3.5rem 0 2rem 0;
}

div#trucsAstuces h4 {
text-align:center;
text-transform:uppercase;
color:#6d656b;
}

div#trucsAstuces p {
font-family:MontserratBold, Verdana, Geneva, sans-serif;
font-size:1.125rem;
}

div#trucsAstuces a.bouton {
margin-top:1.5rem;
}


/************************************************************/
/********************     Instagram     *********************/
/************************************************************/
div#instagram {
padding-top:4.5rem;
height:372px;
}

div#instagramContenu {
position:absolute;
top:8px;
left:0;
}

div#instagramContenu div.small-12 {
text-align:center;
}

div#instagramContenu a:hover img, div#instagramContenu a:focus img, div#instagramContenu a:active img {
opacity:1;
}

div#instagramContenu img {
max-height:100% !important;
}

div#instagram div.small-12 div.titreFond {
top:-120px;
text-align:left;
}

div#instagram div.small-12 h1 {
padding-bottom:44px;
text-align:left;
}


/************************************************************/
/*******************     main-content     *******************/
/************************************************************/
div#main-content {
padding:0 0 3rem 0;
}

body.body-accueil div#main-content {
padding:0;
}

div#main-content h1, div#main-content h2 {
text-transform:uppercase;
}

div#main-content div.backTitre {
background:url(../images/design/back.jpg) no-repeat top center;
background-size:cover;
max-width:1920px;
margin:0 auto 2.5rem auto;
text-align:center;
color:#FFFFFF;
}

body.body-nous-joindre div#main-content div.backTitre {
background:url(../images/design/facade2.jpg) no-repeat top center;
}

div#main-content div.backTitre h1 {
color:#FFFFFF;
margin-top:0;
margin-bottom:0;
padding:4rem 0;
}

div#main-content h3 {
margin-top:1.75rem;
}

div#main-content .emphase {
font-family:MontserratBold, Verdana, Geneva, sans-serif;
color:#04a590;
}

div#main-content .emphaseNom {
font-family:MontserratBold, Verdana, Geneva, sans-serif;
font-size:1.125rem;
color:#000000;
}

div#main-content .slogan:before {
position:absolute;
z-index:-10;
content:"“";
font-family:MontserratBlack, Verdana, Geneva, sans-serif;
font-size:11.75rem;
top:-5px;
left:-70px;
line-height:0.9;
-webkit-text-fill-color:#FFFFFF;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:#bfbcbe;
}

div#main-content .slogan:after {
position:absolute;
z-index:-10;
content:"”";
font-family:MontserratBlack, Verdana, Geneva, sans-serif;
font-size:11.75rem;
top:-5px;
right:0px;
line-height:0.9;
-webkit-text-fill-color:#FFFFFF;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:#bfbcbe;
}

div#main-content .slogan {
font-size:1.875rem;
font-family:MontserratItalic, Verdana, Geneva, sans-serif;
color:#04a590;
margin:3rem 4rem 2rem 4rem;
padding:1rem 6rem 0 1rem;
position:relative;
text-align:center;
}

div#main-content div.colonneSecondaire {
background:url(../images/design/backSecondaire.jpg) no-repeat top center;
color:#FFFFFF;
padding:1rem 0.75rem;
background-size:cover;
}

div#main-content div.colonneSecondaire h1, div#main-content div.colonneSecondaire h2, div#main-content div.colonneSecondaire h3, div#main-content div.colonneSecondaire h4, div#main-content div.colonneSecondaire h5, div#main-content div.colonneSecondaire h6 {
color:#FFFFFF;
}

div#main-content div.colonneSecondaire .emphase {
color:#FFFFFF;
}

div#main-content div.colonneSecondaire a {
color:#FFFFFF;
}

div#main-content div.colonneSecondaire a:hover, div#main-content div.colonneSecondaire a:focus, div#main-content div.colonneSecondaire a:active {
color:#8a57d5;
}

div#main-content ul {
list-style-type:none;
list-style-position:inside;
}

div#main-content ul li:before {
content:'- ';
}

body.body-fournisseurs div#main-content ul li:before {
content:'';
}

div#main-content div.reseauxSociaux:before {
content:"";
position:absolute;
left:0;
top:-20px;
height:3px;
width:80px;
border-top:3px solid #04a590;
}

div#main-content div.reseauxSociaux {
position:relative;
margin-bottom:2.5rem;
}

div#main-content div.reseauxSociaux a {
border:2px solid #04a590;
}

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

div.titreFond {
position:absolute;
z-index:-10;
font-family:MontserratBlack, Verdana, Geneva, sans-serif;
font-size:11.75rem;
text-transform:uppercase;
top:-48px;
left:-200px;
line-height:0.9;
-webkit-text-fill-color:#FFFFFF;
-webkit-text-stroke-width:2px;
-webkit-text-stroke-color:#bfbcbe;
}


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


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

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

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

table thead, table th {
color:#FFFFFF !important;
background-color:#04a590;
}

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:0;
font-size:0;
border:none;
background-color:#FFFFFF;
}

.texte-discret {
font-size:0.875rem;
color:#888888;	
font-style:italic;
}

td.texte-discret {
font-size:0.625rem;
color:#FFFFFF;	
}

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

div#main-content ul li.document:before {
content:'';
}

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

ul.liste-documents li.description {	
color:#414E56;
line-height:1.25rem;
font-family:MontserratLight, 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 {
position:relative;
text-align:center;
margin:2rem 0 1rem 0;
}

div.enfant div.fiche {
max-width:400px;
margin:auto;
}

div.enfant a h4 {
width:70%;
margin:1rem auto;
-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 div.fiche a div.plusHover {
-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 div.fiche a:hover div.plusHover, div.enfant div.fiche a:focus div.plusHover, div.enfant div.fiche a:active div.plusHover {
position:relative;
background:url(../images/design/plus.png) no-repeat top center;
background-color:rgba(4,165,144,0.5);
background-size:cover;
z-index:9999;
-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 div.fiche a.backgroundImage {
background-size:cover;
background-repeat:no-repeat;
background-position:top left;
display:block;
}

div.enfant p {
margin-top:1rem;
margin-right:1rem;
margin-left:1rem;
}

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


/******************************************************/
/****************     Page contact     ****************/
/******************************************************/
div.ficheNousJoindre {
margin-bottom:1rem;
display:inline-block;
}

div.ficheNousJoindre h6 {
margin-top:0;
margin-bottom:0;
color:#1a1a1a;
font-size:1.5rem;
}

div.ficheNousJoindre h5 {
color:#04a590;
margin-top:0;
}

div.ficheNousJoindre div.icone i {
font-size:2rem;
padding:0 3rem 0 0;
color:#04a590;
}

div.ficheNousJoindre p a i {
margin-top:3px;
}

div.ficheNousJoindre div {
position:relative;
float:left;
}

div.ficheNousJoindre div.icone {
width:48px;
height:48px;
}

div.ficheNousJoindre div p a {
border:3px solid #04a590;
padding:0.375rem;
margin-top:0.5rem;
display:inline-block;
-webkit-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 50% 50%;
}

div.ficheNousJoindre div p a:hover {
border:3px solid #8a57d5;
}

div.ficheNousJoindre div p a i {
font-size:1.5rem;
}


/******************************************************/
/*******************     Footer     *******************/
/******************************************************/
footer {
background:url(../images/design/back.jpg) no-repeat top center;
background-size:cover;
padding:11.5rem 0 2rem 0;
min-height:620px;
color:#FFFFFF;
font-size:1.125rem;
}

footer div.row div.small-12:first-child {
padding-top:9rem;
}

footer div.row div.small-12:first-child p {
margin-bottom:0;
}

footer div.row div.small-12:nth-child(2) {
text-align:center;
}

footer div.row div.small-12:last-child {
padding-top:7rem;
}

footer div.fiche {
margin-bottom:1rem;
display:inline-block;
}

footer h4 {
margin-top:0;
color:#FFFFFF;
font-size:1.875rem;
}

footer h5 {
margin-top:0;
color:#FFFFFF;
font-size:1.5rem;
}

footer h6 {
margin-top:0;
margin-bottom:0;
color:#FFFFFF;
font-size:1.125rem;
}

footer p {
line-height:1.3;
}

footer a, footer a:link, footer a:visited {
color:#FFFFFF;
}

footer a:hover, footer a:focus, footer a:active {
color:#1a1a1a;
}

footer a i {
color:#FFFFFF;
font-size:2rem;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

footer a:hover i, footer a:focus i, footer a:active i {
color:#1a1a1a;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

footer ul {
margin-top:0.75rem;
display:inline-block;
}

footer ul li {
padding:0.25rem 0 0.375rem 0;
}

footer img {
padding-bottom:3.25rem;
}

footer div.fiche {
position:relative;
}

footer div.fiche div {
position:relative;
float:left;
}

footer div.fiche div.icone {
width:48px;
height:48px;
}

footer div.fiche div.icone i {
font-size:2rem;
padding:0 3rem 0 0;
}