@font-face
{
	font-family: 'PlayRegular';
	src: url('../fonts/PlayRegular.eot');
	src: url('../fonts/PlayRegular.eot') format('embedded-opentype'),
		 url('../fonts/PlayRegular.woff2') format('woff2'),
		 url('../fonts/PlayRegular.woff') format('woff'),
		 url('../fonts/PlayRegular.ttf') format('truetype'),
		 url('../fonts/PlayRegular.svg#PlayRegular') format('svg');
}


/*GENERAL*/
*
{
	box-sizing: border-box;
	outline: none;
}
.mobile
{
	display: none;
}
html,body,#site
{
	height: 100%;
}
BODY
{
	margin: 0;
	font-size: 14px;
	font-family: arial;
	color: #3e3e3e;
	line-height: 20px;
}
h1
{
	margin: 0 0 20px 0;
	padding: 0;
	color: #186699;
	font-size: 26px;
	font-family: PlayRegular;
	font-weight: normal;
}
h2
{
	margin: 10px 0 10px 0;
	color: #FEA82E;
	font-size: 22px;
	font-family: PlayRegular;
	font-weight: normal;
}
h3
{
	margin: 0 0 10px 0;
	color: #CE1B20;
	font-size: 18px;
	font-family: PlayRegular;
	font-weight: normal;
}
h1 > a,
h2 > a,
h3 > a
{
	text-decoration: none;
}
table
{
	border-spacing: 0;
}
table td
{
	margin: 0;
	padding: 0;
}
hr
{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
a img
{
	border: 0;
}
a,
a:active, 
a:focus
{
	color: #186699;
}
a:hover
{
	color: #1876B3;
}
a.bouton:focus,
a.bouton:active
{
	color: #FFF;
}
ul
{
	padding: 0 0 0 20px;
	list-style: square;
}
ul > li
{
	padding: 8px 0;
}



.full
{
	width: 100%;
}
.center
{
	text-align: center;
}

.lien_pdf
{
	display: inline-block;
	padding: 7px 12px;
	background-color: #186699;
	color: white;
}
.lien_pdf:hover
{
	opacity: 0.9;
}
.lien_pdf:before
{
	content: "\f1c1";
	margin-right: 4px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 24px;
}
.g-recaptcha
{
	display: inline-block;
	margin: 0;
}
.clear
{
	clear: both;
}
.container
{
	position: relative;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.accordeon
{
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.accordeon > li,
.accordeon > div
{
	position: relative;
	margin: 0;
	padding: 10px 5px;
	border: 1px solid #D3D3D3;
}
.accordeon > li:nth-child(odd),
.accordeon > div:nth-child(odd)
{
	font-size: 18px;
	cursor: pointer;
	border-top: 1px solid #D3D3D3;
	color: #186699;
	font-weight: bold;
}
.accordeon > li:nth-child(odd):after,
.accordeon > div:nth-child(odd):after
{
	content:"\f078";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 14px;
	right: 5px;
	border: 1px solid #D3D3D3;
	border-radius: 100%;
	padding: 5px;
	color: #186699;
}
.accordeon > li.select:nth-child(odd):after,
.accordeon > div.select:nth-child(odd):after
{
	content:"\f077";
}
.accordeon > li:nth-child(even),
.accordeon > div:nth-child(even)
{
	display: none;
	overflow: hidden;
	border-top: 0;
	border-bottom: 0;
}
.accordeon > li:last-child,
.accordeon > div:last-child
{
	border-bottom: 1px solid #D3D3D3;
}

/*FORMULAIRE*/
fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}
fieldset > legend
{
	margin: 0;
	padding: 5px;
	text-align: center;
}
fieldset > ul
{
	list-style: none;
	margin: 0;
	padding: 0!important;
	font-size: 0;
}
fieldset > ul > li
{
	width: 50%;
	min-width: 200px;
	display: inline-block;
	font-size: 13px;
	vertical-align: top;
	padding: 10px;
}
fieldset > ul > li > label
{
	display: block;
	padding: 5px 0;
	font-weight: bold;
}
.fa-asterisk
{
	color: #A41414;
}
fieldset > ul > li > input[type='text'],
fieldset > ul > li > input[type='password'],
fieldset > ul > li > select,
fieldset > ul > li > textarea
{
	width: 100%;
}

input[type='button'], 
input[type='submit'], 
input[type='button']:active, 
input[type='submit']:active, 
.bouton,
.bouton:active,
button,
button:active
{
	display: inline-block;
	margin: 10px;
	padding: 6px 12px;
	background-color: #186699;
	border: 1px solid #186699;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 19px;
	cursor: pointer;
}
.bouton > .fa
{
	font-size: 20px;
	margin-right: 5px;
}
input[type='button']:hover, 
input[type='submit']:hover, 
.bouton:hover,
button:hover
{
	color: #FFFFFF;
	background-color: #1876B3;
	text-decoration: none!important;
}
input[type='text'], 
input[type='password']
{
	height: 35px;
	border-radius: 2px;
	border: 1px solid #CCC;
	margin: 2px 0;
	outline: none;
	padding: 0 5px;
}
textarea
{
	border: 1px solid #CCC;
	border-radius: 2px;
	box-sizing: border-box;
}
input[type='text']:focus, 
input[type='password']:focus, 
textarea:focus
{
	outline: none;
	border: 1px solid #B0C634;
}

/*NOTIFICATIONS*/
.notification
{
	padding: 5px;
	border-radius: 5px;
	margin: 5px 0;
}
.notification.validation
{
	border: 1px solid #090;
	background-color: #E0FFE0;
	color: #090;
}
.notification.erreur
{
	border: 1px solid #900;
	background-color: #FBB;
	color: #900;
}

/*SITE*/
#site
{
	position: relative;
	width: 100%;
}

/*INFO CLIENT*/
#info_client
{
	background-color: #0e93bb;
	height: 10px;
}
#info_client > div > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
#info_client > div > ul > li
{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 25%;
	height: 5px;
	vertical-align: middle;
}
#info_client > div > ul > li:first-child
{
	background-color: #178F40;
}
#info_client > div > ul > li:first-child + li
{
	background-color: #B0C634;
}
#info_client > div > ul > li:first-child + li + li
{
	background-color: #FDC135;
}
#info_client > div > ul > li:first-child + li + li + li
{
	background-color: #F1912A;
}

/*HEADER*/
#header
{
	position: relative;
	background-color: #FFF;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	z-index: 2;
}
#header #logo
{
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
#header #logo img
{
	vertical-align: top;
}
#header #infos
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;

	position: absolute;
	top: 0;
	left: 345px;

	width: calc(100% - 385px);
}
#header #infos > li
{
	position: relative;
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 33.33%;
	padding: 10px 10px 10px 40px;
	color: #0e93bb;
	vertical-align: top;
}
#header #infos > li > .fa,
#header #infos > li .titre
{
	color: #000;
}
#header #infos > li > .fa
{
	position: absolute;
	left: 0;
	top: 30px;
	/*top: 50%;
	transform: translateY(-50%);*/
	font-size: 30px;
}
#header #infos > li .titre
{
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 5px;
}
#header #infos > li .titre
{
	margin-top: 24px;
	transition: ease-in-out 200ms;
}
#header #infos > li:hover .titre
{
	margin-top: 0px;
}
#header #infos > li a
{
	display: block;
	text-decoration: none;
	color: #0e93bb;
}
#header #infos > li > div.titre + div
{
	opacity: 0;
	transition: ease-in-out 200ms;
}
#header #infos > li:hover > div.titre + div
{
	opacity: 1;
}
#header #infos #telephone a:first-of-type
{
	font-size: 23px;
}

#header #infos #adresse > a
{
	position: absolute;
	right: -30px;
	top: 10px;
	display: block;
	width: 65px;
	height: 65px;
	color: #FFF;
	line-height: 17px;
	text-align: center;
	background-color: #1A6698;
	border-radius: 3px;
	padding: 3px;
}
#header #infos #adresse > a > i
{
	color: #FFF;
	font-size: 25px;
}
#header #infos #adresse > a > span
{
	display: block;
	font-size: 11px;
}


/*MENU*/
.menuMobile
{
	display: none;
}
#menu
{
	display: inline-block;
	vertical-align: bottom;
}
#menu > div
{
	text-align: center;
}
#menu > div > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	height: 41px;
}
#menu > div > ul > li
{
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	position: relative;
}
#menu > div > ul > li > a
{
	position: relative;
	display: block;
	padding: 8px 10px;
	margin: 0;
	color: #000;
	text-decoration: none;
	font-family: PlayRegular;
	font-size: 17px;
	border-bottom: 5px solid transparent;
	overflow: hidden;
}
#menu > div > ul > li > a > i.down1
{
	position: absolute;
	padding: 0 0 0 5px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: top ease-in-out 200ms;
}
#menu > div > ul > li:hover > a > i.down1
{
	top: 150%;
}
#menu > div > ul > li > a > i.down2
{
	position: absolute;
	padding: 0 0 0 5px;
	top: -50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: top ease-in-out 200ms;
}
#menu > div > ul > li:hover > a > i.down2
{
	top: 50%;
}
#menu > div > ul > li:last-child > a
{
	border-right: 0;
}
#menu > div > ul > li.select > a,
#menu > div > ul > li:hover > a
{
	border-bottom: 5px solid #0e93bb;
}
#menu > div > ul > li > ul
{
	display: none;
}
#menu > div > ul > li.sous_pages > a
{
	padding-right: 25px;
}
#menu > div > ul > li.sous_pages > ul
{
	position: absolute;
	z-index: 2;
	background-color: #1192BA;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}
#menu > div > ul > li.sous_pages > ul > li
{
	padding: 0;
}
#menu > div > ul > li.sous_pages > ul > li > a
{
	display: block;
	margin: 0;
	padding: 10px 5px;
	color: #FFF;
	text-decoration: none;
}
#menu > div > ul > li.sous_pages > ul > li.select > a,
#menu > div > ul > li.sous_pages > ul > li:hover > a
{
	background-color: #FFF;
	color: #1192BA;
}
#menu > div > ul > li.sous_pages:hover > ul
{
	display: block;
}

/*SLIDER*/
#slider_accueil
{
	width: 100%;
	height: 645px;
}
#slider_accueil > ul
{
	width: 100%;
	height: 645px;
}
#slider_accueil > ul > li
{
	width: 100%;
	height: 645px;
	background-repeat: no-repeat;
}
#slider_accueil .slide-contenu > div > div
{
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
}
#slider_accueil .slide-contenu > div > div > .slide-titre
{
	/*display: block;
	padding: 10px;
	max-width: 450px;
	background-color: rgba(17,146,186,0.8);
	font-family: PlayRegular;
	font-size: 20px;
	color: #FFF;*/
	display: block;
	margin: 0 auto;
	width: 800px;
	line-height: 30px;
	animation-name: slide-lr;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: initial;
    animation-iteration-count: initial;
    animation-direction: initial;
    animation-fill-mode: forwards;
    animation-play-state: initial;
    animation-delay: 1s;
	text-align: center;
	opacity: 0;
	font-size: 30px;
	padding: 20px 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.8);
	color: #1192BA;
	background-color: rgba(255,255,255,0.5);
	border-radius: 3px;
}
@keyframes slide-lr
{
	from
	{
		transform: translateX(-100%);
		opacity: 0;
	}
	to
	{
		transform: translateX(0%);
		opacity: 1;
	}
}
@keyframes slide-rl
{
	from
	{
		transform: translateX(100%);
		opacity: 0;
	}
	to
	{
		transform: translateX(0%);
		opacity: 1;
	}
}
#slider_accueil .slide-contenu > div > div > .slide-texte
{
	/*display: block;
	padding: 10px;
	max-width: 650px;
	background-color: rgba(0,0,0,0.8);
	font-family: PlayRegular;
	font-size: 16px;
	color: #FFF;*/
}
#slider_accueil .slide-contenu > div > div > .slide-texte ul
{
	margin: 0;
	padding: 0;
}
#slider_accueil .slide-contenu > div > div > .slide-texte ul > li
{
	display: block;
	width: 800px;
	margin: 10px auto;
	animation-name: slide-lr;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: initial;
    animation-direction: initial;
    animation-fill-mode: forwards;
    animation-play-state: initial;
	text-align: center;
	opacity: 0;
	padding: 30px 0;
	background-color: rgba(253,164,43,0.9);
	color: #000;
	border-radius: 3px;
}
#slider_accueil .slide-contenu > div > div > .slide-texte ul > li:first-child
{
	animation-delay: 4s;
}
#slider_accueil .slide-contenu > div > div > .slide-texte ul > li:first-child + li
{
	animation-delay: 5s;
	animation-name: slide-rl;
	background-color: rgba(205,27,32,0.8);
	color: #FFF;
}
#slider_accueil .slide-contenu > div > div > .slide-texte ul > li:first-child + li + li
{
	animation-delay: 6s;
	animation-name: slide-lr;
}
#slider_accueil .slide-contenu > div > div > .slide-texte ul > li:first-child + li + li + li
{
	animation-delay: 7s;
	animation-name: slide-rl;
}
#slider_accueil .fa
{
	position: absolute;
	top: 50%;
	color: white;
	font-size: 40px;
	cursor: pointer;
	text-shadow: 1px 1px 4px #555;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#slider_accueil .fa-angle-left
{
	left: 20px;
}
#slider_accueil .fa-angle-right
{
	right: 20px;
}

/*CONTENT*/
#content .entete
{
	height: 150px;
    margin: -10px -10px 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
#content
{
	position: relative;
	z-index: 1;
	min-height: calc(100% - 340px);
	background-color: #EFF0F0;
}
#content > div
{
	padding: 10px;
	background-color: #FFF;
	height: 100%;
}
#content > div img[align='left']
{
	margin: 10px 10px 10px 0;
}
#content > div img[align='right']
{
	margin: 10px 0 10px 10px;
}
#content > div img[align='center']
{
	margin: 10px;
}
#devise
{
	position: absolute;
	top: -110px;
	z-index: 9999;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 40px;
	color: #000;
	background-color: rgba(244, 244, 244, 0.6);
	display: block;
	padding: 20px;
	border-radius: 5px;
	font-family: PlayRegular;
}
.bloc-accueil
{
	display: table;
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
	border-spacing: 10px;
}
.bloc-accueil > li
{
	position: relative;
	display: table-cell;
	padding: 80px 10px 30px;
	width: 33.33%;
	background-color: #f4f4f4;
}
.bloc-accueil > li div.fa
{
	position: absolute;
	top: -52px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 105px;
	height: 105px;

	font-size: 45px;
	color: #FFF;
	text-align: center;

	background-color: #f4f4f4;
	border-radius: 100%;
	padding: 30px;
}
.bloc-accueil > li:first-child div.fa
{
	background-color: #186699;
}
.bloc-accueil > li:first-child + li div.fa
{
	background-color: #fea527;
}
.bloc-accueil > li:first-child + li + li div.fa
{
	background-color: #ce1b20;
}

#section-accueil
{
	width: 100%;
	display: table;
}
#section-accueil > div:first-child
{
	width: 70%;
	display: table-cell;
	padding-right: 10px;
}
#section-accueil > div:first-child + div
{
	position: relative;
	width: 30%;
	display: table-cell;
	padding-left: 10px;
}
#section-accueil > div:first-child + div:before
{
	content: "";
	position: absolute;
	top: 0;
	left: -5px;
	width: 1px;
	height: 100%;
	background-color: #D0D0D0;
}

#rdv fieldset > ul > li:not(.full)
{
	padding: 5px;
	width: 50%;
}
.parallax
{
	background-attachment: fixed;
}

#actualites > .slider
{
	width: 100%;
	height: 150px;
}
#actualites > .slider > ul
{
	width: 100%;
	height: 150px;
}
#actualites > .slider > ul > li
{
	width: 100%;
	height: 150px;
}
#actualites > .slider > ul > li > a
{
	text-decoration: none;
}

ul.sous_pages
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	width: 100%;
}
ul.sous_pages > li
{
	display: inline-block;
	margin: 0;
	padding: 5px;
	width: 25%;
	font-size: 14px;
	vertical-align: top;
}
ul.sous_pages > li > a
{
	display: block;
	position: relative;
	
	height: 170px;
	
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #0e93bb;
	background-position: 50% 50%;
	background-size: 100%;
	background-repeat: no-repeat;

	transition: ease-in-out 100ms background-size;
}
ul.sous_pages > li > a:hover
{
	background-color: #17A8D3;
	background-size: 120%;
}
ul.sous_pages > li > a h2
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	padding: 10px;
	margin: 0;
	background-color: rgba(17,146,186,0.9);
	color: #FFF;
	font-size: 20px;
}

#mentions
{
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
	font-size: 0;
}
#mentions > li
{
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	vertical-align: top;
	width: 50%;
}
#mentions > li:first-child
{
	padding-right: 10px;
}
#mentions > li:first-child + li
{
	padding-left: 10px;
}

/*FOOTER*/
#footer
{
	background-color: #051838;
	padding: 10px 0;
}
#footer > div
{
	display: table;
}
#footer .titre
{
	font-family: PlayRegular;
	font-size: 17px;
	text-align: left;
	margin-bottom: 10px;
	color: #FFF;
}
#footer > div > img,
#footer > div > .info-footer,
#footer > div > .menu-footer,
#footer > div > .social-footer
{
	display: table-cell;
	vertical-align: top;
}
#footer > div > .info-footer,
#footer > div > .menu-footer
{
	min-width: 300px;
}
#footer > div > img
{
	padding: 15px 0;
	margin-right: 10px;
}
#footer > div > .info-footer
{
	background-color: #EEF0F0;
	padding: 10px;
	border-radius: 4px;
	text-align: left;
}
#footer > div > .info-footer .titre
{
	color: #186699;
}
#footer > div > .info-footer > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer > div > .info-footer > ul > li
{
	margin: 0;
	padding: 5px 0;
	font-size: 17px;
}
#footer > div > div.info-footer > ul > li > i
{
	width: 20px;
	text-align: center;
}
#footer > div > div.info-footer > ul > li > span
{
	display: inline-block;
	vertical-align: middle;
}
#footer > div > .menu-footer
{
	padding: 10px;
}
#footer > div > .menu-footer > ul
{
	display: inline-block;
	margin: 0;
	padding: 0 0 0 25px;
	vertical-align: top;
	color: #C8C8C8
}
#footer > div > .menu-footer > ul > li
{
	padding: 0;
	text-align: left;
}
#footer > div > .menu-footer > ul > li > a
{
	color: #C8C8C8;
	text-decoration: none;
}
#footer > div > .menu-footer > ul > li > a:hover
{
	text-decoration: underline;
}
#footer > div > .social-footer
{
	text-align: center;
	padding-top: 15px;
}
#footer > div > .social-footer > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: center;
}
#footer > div > .social-footer > ul > li
{
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 20px;
}
#footer > div > .social-footer > ul > li > a
{
	display: block;
	padding: 5px;
	color: #FFF;
}
#footer + div
{
	background-color: #EEF0F0;
}
#footer + div > div
{
	display: table;
}
#footer + div > div > div
{
	display: table-cell;
	padding: 10px 0;
}
#footer + div > div > div:first-child + div
{
	text-align: right;
}
#footer .bouton
{
	white-space: nowrap;
}