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

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

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

@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#MontserratRegular') 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:'MontserratSemiBold';
src:url('/RessourcesCentrales/fonts/Montserrat/SemiBold/montserrat-semibold-webfont.eot');
src:url('/RessourcesCentrales/fonts/Montserrat/SemiBold/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Montserrat/SemiBold/montserrat-semibold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Montserrat/SemiBold/montserrat-semibold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Montserrat/SemiBold/montserrat-semibold-webfont.svg#MontserratSemiBold') 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;
}

html{
font-size:16px;
}

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

h1, h2, h3, h4, h5, h6 {
font-family:MontserratSemiBold, Verdana, Geneva, sans-serif;
line-height:1.2;
color:#3c6078;
margin-top:1rem;
}

h1 {
font-size:2.25rem;
}

h2 {
font-size:2rem;
}

h3 {
font-size:1.75rem;
}

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

h5 {
font-size:1.25rem;
color:#16bbb4;
}

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

a, a:link, a:visited{
color:#16bbb4;
text-decoration:underline;
-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:#3c6078;
}

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

p {
line-height:1.4;
}

.bouton {
border:2px solid #16bbb4;
color:#16bbb4;
text-decoration:none !important;
padding:0.75rem 1.75rem;
margin-top:1.5rem;
display:inline-block;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
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  {
border:2px solid #3c6078;
color:#3c6078;
-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 {
color:#FFFFFF;
background-color:#16bbb4;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding:0.75rem 1.75rem;
}

a.bouton2:hover, a.bouton2:focus, a.bouton2:active  {
color:#333333;
}

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;
line-height:1.3;
}

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

fieldset {
border:1px solid #3c6078;
margin:1rem 0.125rem 1rem 0.125rem;
padding:0.375rem 0.5rem;
}

legend {
font-family:MontserratSemiBold, Verdana, Geneva, sans-serif;
font-size:1.125rem;
}

select, [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:none;
border-bottom:1px solid #333333;
box-shadow:none;
}

[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:none;
border-bottom:2px solid #16bbb4;
box-shadow:none;
}

input::placeholder, textarea::placeholder {
color:#9d9c9c;
}

.espacementTop {
padding-top:1.25rem;
}

.miniEspacementTop {
padding-top:0.75rem;
}

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

/******************************************************/
/*******************     header     *******************/
/******************************************************/
div#header {
background-color:#3c6078;
color:#FFFFFF;
padding:0.5rem 0;
position:relative;
}

div#header div#btnRDV {
position:absolute;
width:360px;
text-align:center;
top:0;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
background-color:#16bbb4;
padding:0.5rem 1rem;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

div#header div#btnRDV img {
padding-right:0.5rem;
}

div#header div#btnRDV a {
color:#FFFFFF;
text-decoration:none;
}

div#header div#btnRDV a:hover,
div#header div#btnRDV a:focus,
div#header div#btnRDV a:active {
color:#3c6078;
}

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

div#header p span {
font-family:MontserratSemiBold, Verdana, Geneva, sans-serif;
font-size:1.25rem;
}

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

/* header-menu */
div#menu {
padding:1rem 0;
border-bottom:1px solid #3c6078;
}

body.body-accueil div#menu {
border-bottom:none;
padding:1rem 0 0.5rem 0;
}

div#menu 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;
}

div#menu a:hover img,
div#menu a:focus img,
div#menu 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;
}

div#main-menu {
float:right;
font-family:MontserratSemiBold, Verdana, Geneva, sans-serif;
font-size:1rem;
}

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

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

div#main-menu ul li a {
color:#3c6078;
display:inline-block;
margin:2.5rem 1.25rem 0 1.25rem;
text-decoration:none;		
}

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

div#main-menu ul li ul li a {
background-color:#3c6078;
color:#FFFFFF;
width:275px;
margin:0;
padding:0.5rem;
}

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 {
background-color:#16bbb4;
color:#FFFFFF;
}

div.flecheSousMenu {
text-align:center;
}

/* 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:#3c6078;
}

div#mobile-menu  .slicknav_btn {    
background-color:#16bbb4;
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;
text-decoration:none;	
}

div#mobile-menu ul.slicknav_nav a a {
padding: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);	
}


/*------------     header-bandeau     ------------*/
/*------------------------------------------------*/
div#bandeau h1 {
line-height:1;
}

div#bandeau div.ms-slide {
color:#FFFFFF;	
text-align:center;
}

div#bandeau .ms-layer {
max-width:50%;
left:inherit !important;
right:10% !important;
}

div#bandeau div.ms-slide p {
font-size:1.125rem;
margin-top:2rem;
color:#333333;	
}

div#bandeau div.ms-slide a.bouton {
background-color:#16bbb4;
color:#FFFFFF;
margin-top:2rem;
font-size:1rem;
}


/************************************************************/
/*******************     main-content     *******************/
/************************************************************/
div#main-content {
padding-bottom:1rem;
min-height:450px;
}

#btnPiecesJointes {
margin:0 0 1rem 0;
}

button {
padding:0.5rem 1rem;
color:#FFFFFF;
}

input#NotificationContact, input#ConditionsUtilisations {
margin:0;
}

div#main-content ul {
margin:0 0 0 30px;
padding:0;
list-style:disc;
}

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


/******************************************************/
/******************     Nouvelles     *****************/
/******************************************************/
div.nouvellesAccueil {
padding:3rem 0;
}

div.nouvelles h3 {
line-height:1;
margin-top:0;
color:#16bbb4;
}

div.nouvelles a {
text-decoration:none;
}

div.nouvelles div.date {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
font-size:0.75rem;
color:#808080;
}


/******************************************************/
/************     Formulaire prise rdv     ************/
/******************************************************/
body.body-rdv div.texte-important {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
font-size:1.5rem;
background-color:#16bbb4;
color:#FFFFFF;
padding:1rem;
margin:0 0 1rem 0;
}

body.body-rdv div.texte-important p {
margin-bottom:0;
}

body.body-rdv ul {
list-style-type:disc;
margin-left:1rem;
}

input#ConditionsCovid {
margin-bottom:0;
}


/*------------     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, select.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:1rem;		
}

.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:#16bbb4;
}

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-family:RalewayLight, Verdana, Geneva, sans-serif;
color:#808080;
}

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

/* 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:RalewayLight, Verdana, Geneva, sans-serif;	
margin-bottom:1rem;
}

ul.liste-documents li a {
text-decoration:none;
}

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

div.enfant {
margin:1rem 0;
}

div.enfant a {
color:#FFFFFF;
opacity:1;
text-decoration:none;
}

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

div.backgroundImageEnfant {	
min-height:17.5rem;
display:block;
background-size:cover !important;
padding-top:6.25rem;	
}

div.backgroundCouleurEnfant {
min-height:17.5rem;
background-color:#bec6ad;
padding-top:6.25rem;	
}

div.enfant h2 {
font-size:1.375rem;
text-align:center;
max-width:80%;
margin:auto;
overflow:hidden;
height:4rem;
padding:0.25rem 0.625rem;
letter-spacing:1px;
line-height:2.4;
display:block;
background-color:rgba(22,187,180,0.9);
color:#FFFFFF;
}

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

.texte-petit {
font-size:0.875rem;
}

.fondEmphase {
background-color:#16bbb4;
color:#FFFFFF;
padding:1.5rem;
}

.fondEmphase2 {
background-color:#ff821e;
color:#FFFFFF;
padding:1.5rem;
}

h4.texteEmphase {
color:#ff821e;
}

.fondEmphase h6 {
color:#FFFFFF;
}


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


/******************************************************/
/*******************     Équipe     *******************/
/******************************************************/
div.ficheEquipe img {
-webkit-border-radius:500px 500px 500px 500px;
border-radius:500px 500px 500px 500px;
margin-bottom:1rem;
}

div.ficheEquipe div.large-8 h5 {
line-height:1;
text-align:center;
margin-top:0;
margin-bottom:0;
}

div.ficheEquipe div.large-8 h5+h5 {
font-family:MontserratRegular, Verdana, Geneva, sans-serif;
}

div.ficheEquipe div.large-8 p {
text-align:center;
min-height:45px;
}

div.ficheEquipe div.large-4 h5 {
margin-top:3.625rem;
}

div.ficheEquipe div.large-4 {
background:url(../images/design/logoBackground.png) no-repeat 50% 50%;
}

div.ficheEquipe div.large-4 p {
line-height:1.8;
}

div.ficheEquipe div.medium-4 {
text-align:center;
}

div.listeCategorie {
text-align:center;
padding:2rem 0 3rem 0;
}

div.listeCategorie span {
font-family:RalewayBold, Verdana, Geneva, sans-serif;
text-transform:uppercase;
color:#16bbb4;
}

div.listeCategorie span a {
text-decoration:none;
}


/******************************************************/
/****************     Statistiques     ****************/
/******************************************************/
div#statistiques {
background-color:#16bbb4;
margin-top:1.5rem;
}

div#statistiques div.small-12 {
text-align:center;
padding:3rem 0;
}

div#statistiques div.small-12:nth-child(1) {
background:url(../images/design/icoStats1.png) no-repeat 50% 50%;
}

div#statistiques div.small-12:nth-child(2) {
background:url(../images/design/icoStats2.png) no-repeat 50% 50%;
}

div#statistiques div.small-12:nth-child(3) {
background:url(../images/design/icoStats3.png) no-repeat 50% 50%;
}

div#statistiques h1 {
color:#FFFFFF;
margin-top:0;
}

div#statistiques p {
color:#FFFFFF;
margin-bottom:0;
font-family:RalewayBold, Verdana, Geneva, sans-serif;
}


/******************************************************/
/*******************     Footer     *******************/
/******************************************************/
footer {
background-color:#3c6078;
color:#FFFFFF;
padding:6rem 0 5.5rem 0;
}

footer h4 {
color:#FFFFFF;
margin-top:0;
}

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

footer a:hover, footer a:focus, footer a:active {
color:#16bbb4;
}

footer a.bouton2 {
text-decoration:none;
display:inline-block;
}

footer ul {
list-style-type:none !important;
margin:0 !important;
padding:0;
}

footer ul li i {
font-size:1.375rem;
padding-right:0.75rem;
}

footer ul li span {
font-size:1.5rem;
font-family:MontserratSemiBold, Verdana, Geneva, sans-serif;
}

footer div.small-12:nth-child(2) {
text-align:center;
background:url(../images/design/map-marker.png) no-repeat top center;
padding-top:2.25rem;
}

footer div.small-12:nth-child(3) {
text-align:right;
}