/*****   FONT   *****/
@font-face {
font-family:'Roboto';
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#Roboto') 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:'RobotoCondensed';
src:url('/RessourcesCentrales/fonts/Roboto/Condensed/robotocondensed-regular-webfont.eot');
src:url('/RessourcesCentrales/fonts/Roboto/Condensed/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Roboto/Condensed/robotocondensed-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Roboto/Condensed/robotocondensed-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Roboto/Condensed/robotocondensed-regular-webfont.svg#RobotoCondensed') format('svg');
font-weight:normal;
font-style:normal;
}

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

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


html{
font-size:16px;
}

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

h1, h2, h3, h4, h5, h6 {
font-family:RobotoCondensedBold, Verdana, Geneva, sans-serif;
color:#392b6e;
}

h1 {
font-size:3.75rem;
text-transform:uppercase;
}

h2 {
font-size:2rem;
text-transform:uppercase;
}

h3 {
font-size:1.5rem;
margin-bottom:0;
}

h4 {
font-size:1.375rem;
margin-bottom:0;
}

h5 {
font-size:1.25rem;
margin-bottom:0;
}

h6 {
font-size:1.125rem;
margin-bottom:0;
}

a, a:link, a:visited, a:focus, a:hover, a:active {
color:#12a658;
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:#006830;
}

.bouton {
background-color:#fec436;
color:#392b6e !important;
font-size:1.125rem;
text-transform:uppercase;
font-family:RobotoCondensedBold, Verdana, Geneva, sans-serif;
padding:0.75rem 1.375rem;
display:inline-block;
cursor:pointer;
-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:hover, .bouton:focus, .bouton:active  {
color:#12a658 !important;
-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.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;
}

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

label {
font-weight:bold;	
}

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

.espacementTop {
padding-top:2rem;
}

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

/***********************************************************/
/*******************     header       **********************/
/***********************************************************/
div#header {
background-color:#1b1b1b;
}

div#header img.logo {
padding:1rem 0;
}

div#main-menu {
float:right;
}

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

div#header div.menuSecondaire ul li {
float:right;
}

div#header div.menuSecondaire ul li a {
color:#fec436;
padding:1rem 1rem 0.75rem 1rem;
display:block;
}

div#header div.menuSecondaire ul li a:hover, div#header div.menuSecondaire ul li a:focus, div#header div.menuSecondaire ul li a:active {
color:#12a658;
}

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

div#main-menu ul.sf-menu li a {
font-size:1.125rem;
color:#FFFFFF;
display:inline-block;	
font-family:RobotoCondensedBold, Verdana, Geneva, sans-serif;
padding:0 0.5rem;
}

div#main-menu ul.sf-menu li a:hover, div#main-menu ul.sf-menu li a:focus, div#main-menu ul.sf-menu li a:active {
color:#12a658; 	
}


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

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

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

div#mobile-menu .slicknav_menu {
background-color:#392b6e;
}

div#mobile-menu  .slicknav_btn {    
background-color:#12a658;
padding:6px;
margin:0;
}

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

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

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

div#mobile-menu .slicknav_nav a {
color:#FFFFFF;
margin-left:0;
padding:5px 12px;
display:inline-block;	
}

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


/******************************************************/
/*******************     bandeau     ******************/
/******************************************************/
div#bandeau {
width:90%;
margin:auto;
}


/***********************************************************/
/*******************     main-content     ******************/
/***********************************************************/
body.body-accueil {
background:url(../images/design/background.png) repeat-x top left;
}

div#main-content {
min-height:300px;
padding-bottom:4rem;
}

div#main-content h1#titrePage {
font-size:2rem;
color:#303030;
margin-top:2rem;
margin-bottom:0;
line-height:1;
}

div#main-content h1.soulignement {
text-align: left;
position:relative;
line-height:1;
}

div#main-content h1.soulignement > span {
max-width:1176px;
margin:0 auto;
display:block;
z-index:2;
position:relative;
}

div#main-content h1.soulignement > span > span {
display:inline-block;
background-color:#FFFFFF;
padding-right:1em;
padding-left:1.125em;
left:-1.0625em;
position:relative;
}

div#main-content h1.soulignement:after {
content:'\a0';
display:block;
border-top:10px solid #000000;
top:0.5em;
left:0;
position:absolute;
width:100%;
z-index:1;
}

div#main-content ul {
margin:0 0 0.75rem 1.5rem;
padding:0;
list-style:inside;
list-style-type:disc;
}


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

.messages-box {
background-size:40px 40px;
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:15px;
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:-80px 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:14px;
padding:0.3em 0.5em;
font-size:85%;
}

input[type="text"]:focus, input[type="text"]:active, textarea:focus, textarea:active {
border:1px solid #fec436;
box-shadow:none;
}


/*------------------ Pour le contenu dynamique --------*/
/*-----------------------------------------------------*/
.image-flottante-droite {
border:none;
padding:0px 0px 5px 5px;
background:none;
float:right;
margin:0px 0px 5px 10px;
}

.image-flottante-gauche {
border:none;
padding:0px 5px 5px 0px;
background:none;
float:left;
margin:0px 10px 5px 0px;
}

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:#12a658;
}

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

hr {
clear:both;
margin:0px 0px 10px 0px;
padding:0;
height:0px;
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:40px;	
}

li.document {	
margin-bottom:2px;
margin-top:0px;
color:#1b1b1b;
}

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

/* Pages enfants */
.blocEnfants {
margin-bottom:40px;
}

div.enfant {
margin:16px 0;
}

div.enfant a {
color:#FFFFFF;
opacity:1;
}

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

div.backgroundImageEnfant {	
min-height:280px;
display:block;
background-size:cover !important;		
}

div.backgroundImageEnfant .film {
background-color:rgba(51,51,51,0.5);
min-height:280px;
padding-top:100px;	
}

div.backgroundCouleurEnfant {
min-height:280px;
background-color:#392b6e;
padding-top:100px;	
}

h2.titreEnfant {
font-size:1.375rem;
text-align:center;
max-width:80%;
margin:auto;
border:1px solid #FFFFFF;
color:#FFFFFF;
overflow:hidden;
height:64px;
padding:4px 10px;
line-height:2.4;
display:block;
}

h2.titreEnfant:after {
display:none;
}

h2.titreEnfant span {
display:inline-block;
vertical-align:middle;
line-height:1.2;
}

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

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

div.enfant p.contenuSecondaire {
display:none;
}

/*----------------------- Page 404 --------------------*/
/*-----------------------------------------------------*/
.body-404 {
background-color:#F1F0F8;
text-align:center;
}
.body-404 img {
width:450px;
margin:60px 0px 20px 0px;
}
.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;
}


/************************************************************/
/*******************     Google Map       *******************/
/************************************************************/
div.commanditaires {
background:url(../images/design/back-commanditaires.jpg) repeat-y top center;
padding:0 0 4rem 0;
}

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

div.commanditaires div.columns {
float:none;
display:inline-block;
}

div.commanditaires h1 {
color:#FFFFFF;
text-align:center;
display:flex;
flex-direction:row;
justify-content:center;
padding-top:1.25em;
line-height:1.1;
margin-bottom:0;
}

div.commanditaires h1 span {
display:block;
top:-1.2em;
position:relative;
font-size:2rem;
}

div.commanditaires h1 strong {
display:block;
font-size:3.75rem;
}

/*
div.commanditaires h1:before, div.commanditaires h1:after {
flex-grow:1;
height:10px;
content:'\a0';
background-color:#FFFFFF;
position:relative;
top:0.5rem;
}
*/

div.commanditaires h1:before {
margin-right:1rem;
}

div.commanditaires h1:after {
margin-left:1rem;
}

div.commanditaires h2 {
color:#FFFFFF;
}

div.commanditaires a.bouton {
margin-top:0.5rem;
}


/************************************************************/
/*******************     Google Map       *******************/
/************************************************************/
div.infoContact {
background:url(../images/design/map2.jpg) no-repeat top center;
height:590px;
text-align:center;
}

div.infoContact h2 {
color:#1b1b1b;
margin-top:15rem;
margin-bottom:1rem;
}

div.infoContact p {
font-size:1.375rem;
line-height:1.2;
margin-bottom:3.5rem;
}


/********************************************************/
/*******************     Footer       *******************/
/********************************************************/
div#footer {
background-color:#392b6e;
color:#FFFFFF;
padding:1.375rem 0;
}

div#footer div.medium-6:last-child {
text-align:right;
}

div#footer a {
color:#fec436;
}

div#footer a:hover, div#footer a:active, div#footer a:focus {
color:#12a658;
}

div#footer p {
margin-bottom:0;
line-height:1
}