/*
Theme Name: Ecouter Voir Audition - Mutualité Française Landes
Theme URI: http://audition.mutualite-landes.com/
Description: Le thème du site audition mutualiste de la Mutualité Française Landes.
Version: 1.5
Author: Thibaud Lenthéric.
*/

html{font-size: 100%;}

body{
	background: #ffffff;
	font-size: 1em;
}

*{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


*::-moz-selection { /* Pour firefox */
	background:#222;
	color:white;
}
*::-webkit-selection { /* Pour firefox */
	background:#222;
	color:white;
}
*::selection { /* Pour les autres */
	background: #222;
	color:white;
}

a{
	text-decoration: none;
}

input, textarea {
  outline: none;
}


/*--------------------------IMPORT FONT-------------------------------------*/

@font-face {
  font-family: LubalinBook;
  src: url(../font/lubalin_graph_book_regular.ttf) format('truetype');
}

@font-face {
  font-family: LubalinBold;
  src: url(../font/lubalin_graph_bold.ttf) format('truetype');
}

@font-face {
  font-family: LubalinBoldItalic;
  src: url(../font/lubalin_graph_bold_italic.ttf) format('truetype');
}

@font-face {
  font-family: LubalinDemiRegular;
  src: url(../font/lubalin_graph_demi_regular.ttf) format('truetype');
}

@font-face {
  font-family: LubalinDemiItalic;
  src: url(../font/lubalin_graph_demi_italic.ttf) format('truetype');
}

@font-face {
  font-family: HelveticaRoundedBold;
  src: url(../font/HelveticaRoundedLTStd-Bd.otf) format('opentype');
}

@font-face {
  font-family: HelveticaRoundedBoldO;
  src: url(../font/HelveticaRoundedLTStd-BdO.otf) format('opentype');
}

@font-face {
  font-family: HelveticaRoundedBoldCn;
  src: url(../font/HelveticaRoundedLTStd-BdCn.otf) format('opentype');
}

@font-face {
  font-family: HelveticaRoundedBoldCnO;
  src: url(../font/HelveticaRoundedLTStd-BdCnO.otf) format('opentype');
}

@font-face {
  font-family: HelveticaRoundedBlack;
  src: url(../font/HelveticaRoundedLTStd-Black.otf) format('opentype');
}

@font-face {
  font-family: HelveticaRoundedBlackO;
  src: url(../font/HelveticaRoundedLTStd-BlkO.otf) format('opentype');
}

@font-face {
  font-family: HelveticaNeu;
  src: url(../font/HelveticaNeueLTStd-Roman.otf) format('opentype');
}

@font-face {
  font-family: HelveticaNeuCn;
  src: url(../font/HelveticaNeueLTStd-Cn.otf) format('opentype');
}


@font-face {
  font-family: GilroyL;
  src: url(../font/Gilroy-Light.otf) format('opentype');
}

@font-face {
  font-family: Gilroy;
  src: url(../font/Gilroy-Regular.otf) format('opentype');
}

@font-face {
  font-family: GilroyMed;
  src: url(../font/Gilroy-Medium.otf) format('opentype');
}

@font-face {
  font-family: GilroySemiB;
  src: url(../font/Gilroy-SemiBold.otf) format('opentype');
}

@font-face {
  font-family: GilroyBold;
  src: url(../font/Gilroy-Bold.otf) format('opentype');
}







/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------GENERAL------------------------------------------------
----------------------------------------------------------------------------------------------------------*/

hr{
	border: none;
	height: 2px;
}

.blue{
	background: #175071;
}

.grey{
	background: #e0e0e0;
	height: 1px;
}

.white{
	background: #ffffff;
}

.btn{
	position: relative;
	min-width: fit-content;
	padding: 0 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn:hover{
	background: #1e9dd0;
}

.btn:hover a, .btn.white:hover a, .btn.blue:hover a{
	color: #ffffff;
}

.btn::after{
	content: " ";
	position: absolute;
	display: block;
	background: #175071;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn:hover::after{
	width: 100%;
	left: 0;
}

.btn a{
	font-family: GilroyBold, sans-serif;
	font-size: 1em;
	line-height: 40px;
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: normal;
}

.btn.blue a{
	color: #ffffff;
}

.btn.white a{
	color: #175071;
}

.btn-tel{
	padding-left: 0;
	padding-right: 15px;
	background: #ffffff;
	min-width: fit-content;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-tel:hover{
	background: #ffffff;
}

.btn-tel a{
	color: #b91942;
}

.btn-tel:hover a{
	color: #e4051f;
}

.btn.btn-tel::after{
	left: 0;
}



.btn.btn-tel #phone{
	margin-bottom: -13px;
	margin-left: -3px;
}

.btn.btn-tel #phone .svgico{
	fill: #b91942;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn.btn-tel:hover #phone .svgico{
	fill: #e4051f;
}

.title{
	margin-bottom: 15px;
}

	h1{
		font-family: GilroyMed, sans-serif;
		font-size: 2.6em;
		line-height: 1.2em;
		color: #002f5b;
		text-transform: uppercase;
		text-align: center;
	}

	.title hr{
		border: none;
		height: 2px;
		margin-top: 30px;
	}

.content{
	margin-bottom: 95px;
}

p{
	font-family: Gilroy, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	color: #706f6f;
}

p strong{
	font-family: GilroySemiB, sans-serif;
	font-weight: inherit;
}

p em{
	font-style: italic;
}

#trouver{
	background: url(../img/bg/bg_trouver.png) center no-repeat;
	border-bottom: 1px solid #ebebeb;
	padding: 20px 0 30px;
	margin-bottom: 160px;
}

	#trouver .row{
		
	}

	#trouver h2{
		font-family: GilroyBold, Arial, sans-serif;
		font-size: 2.6em;
		line-height: 1.2em;
		letter-spacing: 1px;
		color: #005172;
		text-transform: uppercase;
		margin: 0;
	}







/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------HEADER------------------------------------------------
----------------------------------------------------------------------------------------------------------*/

header{
	position: relative;
	background: #ffffff;
	z-index: 1000;
}

header .row{
	padding: 15px 0 30px;
}

header .row a{
		
}

	header #logo{
		
	}

	header #logoMFL svg{
		width: 120px;
	}

header nav{
	position: relative;
	background: #ffffff;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	z-index: 1000;
}

header nav .row{
	padding: inherit;
	min-height: initial;
}

header nav ul{
	margin: 0;
}

header nav li{
	position: relative;
	display: inline-block;
	height: 40px;
	padding: 0 15px;
	margin: 0 15px;
}


header nav li::after{
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0%;
	height: 2px;
	background: #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

header nav li.current-menu-item::after, #centre header nav li.menu-item-26::after, #single_offre header nav li.menu-item-111::after{
	width: 100%;
	left: 0;
	background: #005172;
}

header nav li:hover::after{
	width: 100%;
	left: 0;
	background: #005172;
}

header nav li a{
	display: inline;
	font-size: 1em;
	line-height: 40px;
	font-family: GilroyMed, sans-serif;
	letter-spacing: 1px;
	color: #005172;
	text-transform: uppercase;
}

header nav li:hover a{
	color: #005172;
}

	header nav.fixed{
		position: fixed;
		mix-blend-mode: unset;
		background: rgba(255,255,255,0.80);
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
		width: 100%;
		top: 0px;
		margin: 0;
		z-index: 1001;
	}

	header nav.fixed .container{
		margin: 0;
		
	}

	header nav.fixed .container .row{
		-ms-flex-pack: left !important;
		justify-content: left !important;
		
	}

	header nav.fixed svg{
		float: left;
		height: 30px;
		margin: 5px 15px 5px 0;
		
	}

	header nav.fixed ul#menu-principal {
	    position: relative;
	    float: right;
	}

	header nav.fixed .menu-principal-container li {
	    margin: 0 5px;
	    padding: 0 15px;
	}

	header #scrollnav nav #logonav{
		position: relative;
		background: url(../img/logo/logo-nav.png) no-repeat left center;
		display: block;
		float: left;
		min-width: 40px;
		height: 50px;
		font-family: LubalinDemiItalic;
		font-size: 17px;
		line-height: 50px;
		text-transform: uppercase;
		color: #ffffff;
		opacity: 1;
		padding-left: 40px;
	}

	header #scrollnav nav #logonav span{
		display: none;
	}

@media only screen and (min-width:1270px){

	header #scrollnav nav #logonav span{
		display: inline-block;
	}
}

@media only screen and (max-width:980px){

	header #scrollnav nav #logonav{ display: none; }
}








/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------HOME------------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#carousel {position: relative; z-index: 1;}

	#carousel .img, #carousel .video{
		position: relative;
		width: 100%;
		/*height: 500px;*/
		padding-top: 56.25%;
	}

	#carousel .video iframe{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	#carousel .carousel-control-prev, #carousel .carousel-control-next{
		position: absolute;
		width: 24px;
		height: 42px;
		top: 50%;
		margin-top: -12px;
	}

	#carousel .carousel-control-prev{
		left: 20px;
	}

	#carousel .carousel-control-next{
		right: 20px;
	}

.carousel #prev, .carousel #prev .svgico, .carousel #next, .carousel #next .svgico{
	stroke: #f6f2ed;
	stroke-width: 1.5px;
	stroke-linecap: round;
	fill: #b91942;
	-webkit-filter: drop-shadow(0px 3px 0 rgba(0,0,0,0.15));      
    filter: drop-shadow(0px 3px 0 rgba(0,0,0,0.15));
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#carousel .carousel-inner,
#carousel .carousel-item {
	height: 100%;
}

#carousel::after{
	content: " ";
	display: block;
	position: relative;
	background: #002d40;
	width: 100%;
	height: 40px;	
}

.carousel-indicators{
	position: absolute;
	bottom: -15px;
	margin-bottom: 0;
}

	#accueil #content #lesplus h2, #accueil #content #engagements h3{
		font-family: Gilroy, sans-serif;
		font-size: 1.65em;
		line-height: 1.5em;
		color: #005172;
		text-align: center;
		margin: 0 0 30px 0;
	}

	#accueil #content #lesplus p#plus{
		letter-spacing: 1px;
		color: #002d40;
		text-align: center;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		-webkit-column-rule: 1px solid #002d40;
		-moz-column-rule: 1px solid #002d40;
		column-rule: 1px solid #002d40;
	}

	#accueil #content #lesplus p#infos{
		text-align: center;
	}

		#accueil #content #garanties h3{
			font-family: Gilroy, sans-serif;
			font-size: 1.25em;
			line-height: 1.2em;
			color: #002d40;
			text-align: center;
		}

			#accueil #content #garanties h3 img{
				display: inline-block;
				margin: -7px 20px -7px 0;

			}

		#accueil #content #engagements p{
			text-align: justify;
		}

		#accueil #content #engagements p b{
			font-weight: bold;
		}

		#accueil #content #engagements .item{
			margin-bottom: 15px;
		}

		#accueil #content #engagements h3{
			font-family: GilroyBold, sans-serif;
			font-size: 1.15em;
			line-height: 1.5em;
			color: #005172;
			text-align: left;
			text-transform: uppercase;
			margin-bottom: 0;
		}

			#accueil #content #engagements img{
				width: 60px;
				display: block;
				margin: 0 auto;
			}

	#accueil #content #paragraphes img{width: 100%;}

	#accueil .pubs h3{
		font-family: Gilroy, Arial, sans-serif;
		font-size: 24px;
		line-height: 30px;
		text-transform: uppercase;
		color: #005172;
		text-align: center;
	}
	#accueil .pubs img{width: 100%; margin-bottom: 90px;}







/*----------------------------------------------------------------------------------------------------------
---------------------------------------------------NOUS TROUVER---------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#mapcontent *{
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

#nous-trouver div#map{
	position: relative;
	width: 100%;
	margin-bottom: 60px;
}

	#nous-trouver #map #mapcontent{
		width: 100%;
		height: 450px;
		z-index: 1;
	}

	#nous-trouver #map #trouver, #nous-trouver #map #trouver .container, #nous-trouver #map #trouver .row{
		width: 100%;
		z-index: 1000;
	}

	#nous-trouver #map #trouver{
		margin-bottom: 0;
	}

	#nous-trouver #content{
		margin-top: 60px;
	}

		#nous-trouver #content .item{
			margin-bottom: 50px;
		}

		#nous-trouver #content .img{
			position: relative;
			min-height: 420px;
		}

		#nous-trouver #content .desc{
			position: relative;
		}

		#nous-trouver #content h1{
			font-family: GilroyBold, sans-serif;
			font-size: 2.1em;
			line-height: 1.1em;
			text-transform: inherit;
			text-align: left;
			border-bottom: 1px solid #e0e0e0;
			margin-top: 10px;
			margin-bottom: 20px;
			padding: 15px 0;
		}

		#nous-trouver #content h1 span, #centre #map #infos h1 span{
			text-transform: uppercase;			
		}

		#nous-trouver #content h1 svg{
			display: inline;
			margin: 0 15px -5px 0;
		}

		#nous-trouver #content p, #centre #map #infos p{
			color: #222;
			margin-bottom: 15px;
		}

		#nous-trouver #content .tel p, #centre #map #infos .tel p{
			margin-bottom: 0;
		}

		#nous-trouver #content .tel a, #centre #map #infos .tel a{
			color: #004b6c;
			font-size: 1.25em;
			letter-spacing: 1px;
			font-weight: bold;
		}

		#nous-trouver #content .mail p, #nous-trouver #content .horaires p,
		#centre #map #infos .mail p, #centre #map #infos .horaires p{
			font-size: 0.85em;
		}

		#nous-trouver #content .mail a, #centre #map #infos .mail a{
			color: #222222;
		}

		#nous-trouver #content .btn {
			margin-top: 10px;
		}







/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------CENTRE-----------------------------------------------
----------------------------------------------------------------------------------------------------------*/

#centre div#map{
	position: relative;
	width: 100%;
}

#centre div#map .container{
	max-width: 100%;
	width: 100%;
}

	#centre #map #mapcontent, #centre #map #photocabinet{
		height: 450px;
		border-bottom: 1px solid #e0e0e0;
		z-index: 1;
	}

	#centre #map #infos{
		position: relative;
		background: #fafafa;
		text-align: center;
		top: -140px;
		z-index: 100;
		padding-bottom: 20px;
	}

		#centre #map #infos h1{
			font-family: GilroySemiB, sans-serif;
			font-size: 2.3em;
			line-height: 1.1em;
			text-transform: inherit;
			border-bottom: 1px solid #e0e0e0;
			margin-top: 10px;
			margin-bottom: 20px;
			padding: 15px 30px;
		}

		#centre #map #infos p{
			padding: 0 15%;
		}

			/*#centre #map #infos p .tel{
			color: #005172;
			font-size: 1.4em;
			letter-spacing: 1px;
			font-weight: bold;
		}*/

		#centre #activites, #centre #galerie{
			position: relative;
			margin-bottom: 50px;
		}

		#centre .item{
			margin: 15px 0;
		}

		#centre .item .content{
			background: #fafafa;
			padding: 15px;
		}

		#centre .item .content h4{
			font-family: GilroySemiB, Arial, sans-serif;
			font-size: 1.5em;
			line-height: 1.4em;
			letter-spacing: 1px;
			color: #222222;
		}

		#centre #galerie::after{
			content: " ";
			position: absolute;
			background: #005172;
			width: 100%;
			height: 2px;
			top: 50%;
			z-index: 1;
		}

		#centre #galerie img{
			position: relative;
			width: 100%;
			margin: 15px 0;
			box-shadow: 2px 2px 0px 0px rgba(34, 34, 34, 1);
			-moz-box-shadow: 2px 2px 0px 0px rgba(34, 34, 34, 1);
			-webkit-box-shadow: 2px 2px 0px 0px rgba(34, 34, 34, 1);
			z-index: 2;
		}

		#centre .btn{
			margin: 60px 0 30px;
		}

		#centre #infos .btn{
			margin: 15px 0;
		}







/*----------------------------------------------------------------------------------------------------------
------------------------------------------------------PAGES------------------------------------------------
----------------------------------------------------------------------------------------------------------*/



#content.page{
}

	#content.page .title h1, #content.page .title p{
		text-align: center;
	}

	#content.page #grid, #content.page #gridacc{
		margin: 30px 0 60px;
	}

	#content.page #grid .part, #content.page #gridacc .part{
		transition: all 0.4s;
	}

	#content.page .part {
		margin-bottom: 30px;
	}

	#content.page .part .content{
		background: #f7f7f7;
		padding-bottom: 15px;
		margin: 0; 
	}

	#content.page h2{
		font-family: Gilroy, sans-serif;
		font-size: 1.6em;
		line-height: 1.4em;
		color: #004153;
		padding: 20px 30px 15px;
	}

	#content.page .part hr{
		  margin-top: 0px;
	}

	#content.page h3{
		font-family: GilroyBold, sans-serif;
		font-size: 1.4em;
		line-height: 1.4em;
		color: #002d40;
		font-style: italic;
		text-transform: uppercase;
		margin-top: 20px;
		margin-bottom: 28px;
		padding: 0 30px;
	}

	#content.page .part p{
		color: #222222;
		text-align: justify;
		padding: 0 30px;
		margin: 18px 0 20px 0;
	}

	#content.page .part p strong{
	}





/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------A PROPOS-----------------------------------------------
----------------------------------------------------------------------------------------------------------*/

	#nos-engagements #content p{
		text-align: justify;
	}

		#nos-engagements #content #engagements img{
			width: 60px;
			margin: 10px 0;
		}
		#nos-engagements #content #engagements h3{
			font-family: Gilroy, sans-serif;
			font-size: 1.25em;
			line-height: 1.2em;
			color: #002d40;
			margin: 15px 0;
			text-align: left;
		}

			#nos-engagements #content #engagements h3 img{
				display: inline-block;
				  margin: -25px 20px -25px 0;
			}

		#nos-engagements #content #garanties{
			background: #f7f7f7;
			margin-top: -20px;
			padding: 20px;
			padding-bottom: 5px;
		}

			#nos-engagements #content #garanties h1{
				font-family: GilroyBold, sans-serif;;
				text-transform: none;
				margin-bottom: 36px;
				margin-top: 8px;
			}

			#nos-engagements #content #garanties h3{
				font-family: Gilroy, sans-serif;
				font-size: 1.4em;
				line-height: 1.2em;
				color: #002d40;
				margin-bottom: 0px;
				margin-top: 15px;
				text-transform: uppercase;
				text-align: left;
			}

			#nos-engagements #content #garanties p{
				text-align: justify;
				margin-bottom: 15px;
			}

			#nos-engagements #content #garanties img{
				display: inline-block;
				margin: 0;
			}







/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------OFFRES-------------------------------------------------
----------------------------------------------------------------------------------------------------------*/

	#nos-offres #content .offre{
		min-height: 330px;
		margin-bottom: 30px;
	}

		#nos-offres #content .offre h2{
			font-family: Gilroy, sans-serif;
			font-size: 1.6em;
			line-height: 1.6em;
			color: #002d40;
			text-transform: uppercase;
			margin-top: 18px;
			margin-bottom: 0px;
			text-align: center;
		}

		#nos-offres #content .offre .img, #nos-offres #content .offre .img_double{
			position: relative;
			width: 298px;
			height: 248px;
			margin: 1px auto;
			overflow: hidden;
		}

			#nos-offres #content .offre .img_double .img_01, #nos-offres #content .offre .img_double .img_02{
				position: absolute;
				width: 298px;
				height: 248px;
			}

			#nos-offres #content .offre .img_double .img_02{
				opacity: 0;
			}

			#nos-offres #content .offre .img_double:hover .img_01{
				opacity: 0.3;
			}

			#nos-offres #content .offre .img_double:hover .img_02{
				opacity: 1;
			}

	#nos-offres #content p{
		text-align: justify;
		margin-top: 6px;
	}







/*----------------------------------------------------------------------------------------------------------
--------------------------------------------------SINGLE OFFRES--------------------------------------------
----------------------------------------------------------------------------------------------------------*/

	#single_offre #content .img{
		text-align: center;
	}
	#single_offre #content img{
		max-width: 100%;
	1    width: auto;
		height: auto;
	}

	#single_offre #content .texte{
		margin-bottom: 60px;
	}

	#single_offre #content p{
		text-align: justify;
		margin-top: 11px;
	}

	







/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------Marques-------------------------------------------------
----------------------------------------------------------------------------------------------------------*/


	#les-marques #content p{
		text-align: center;
		width: 500px;
		margin-top: 5px;
	}

	#les-marques #content h2{
		font-family: GilroySemiB, sans-serif;
		font-size: 2.3em;
		line-height: 1.1em;
		text-transform: inherit;
		text-align: left;
		color: #005172;
  		margin-bottom: 35px;
	}

	#les-marques #content .marque{
		position: relative;
		width: 260px;
		height: 260px;
	}

		#les-marques #content .marque .img{
			position: relative;
			background: #ffffff;
			width: 200px;
			height: 200px;
			margin: 20px auto;
			padding: 10px;
		}

			#les-marques #content .marque hr{
				position: absolute;
				width: 90%;
				height: 5px;
				left: 5%;
				bottom: 0px;
				margin: 0;
			}

		#les-marques #content .marque .hover{
			position: absolute;
			width: 100%;
			height: 100%;
			background: rgba(255,255,255,0.95);
			opacity: 0;
			top: 0;
			left: 0;
		}

		#les-marques #content .marque:hover .hover{
			opacity: 1;
		}


		#les-marques #content .marque h3{
			font-family: HelveticaNeuCn, sans-serif;
			font-size: 40px;
			line-height: 60px;
			color: #222222;
			text-align: center;
			margin-top: 95px;
		}







/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------PLAN---------------------------------------------------
----------------------------------------------------------------------------------------------------------*/

	#plan-du-site #content ul li{
		color: #e4051f;
		text-align: center;	
	}

	#plan-du-site #content ul li a{
		font-family: HelveticaRoundedBoldCn, sans-serif;
		font-size: 18px;
		line-height: 30px;
		color: #8a2066;
		margin-top: 6px;
		margin-bottom: 0px;
	}

	#plan-du-site #content #btnnoustrouver{
		margin-top: -20px;
	}







/*----------------------------------------------------------------------------------------------------------
-------------------------------------------------MENTIONS LEGALES-------------------------------------------
----------------------------------------------------------------------------------------------------------*/

#mentions-legales #content h3 {
	font-family: HelveticaRoundedBoldCn, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #8a2066;
	text-align: justify;
	margin-top: 20px;
}

#mentions-legales #content p {
	font-family: HelveticaNeu, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #222222;
	text-align: justify;
	margin-top: 2px;
}

#mentions-legales #content a {
	color: #222222;
}

#mentions-legales #content p strong {
	font-weight: bold;
}







/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------ERREUR------------------------------------------------
----------------------------------------------------------------------------------------------------------*/
#erreur h2 {
	font-family: HelveticaNeu, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	color: #8a2066;
	margin-bottom: 68px;
	margin-right: 160px;
}







/*----------------------------------------------------------------------------------------------------------
-----------------------------------------------------FOOTER------------------------------------------------
----------------------------------------------------------------------------------------------------------*/

footer{
	position: relative;
	background: #fcfaf7;
	border-top: 1px solid #ebebeb;
	margin-top: 100px;
}

	footer #infos{
		min-height: 230px;
		padding: 30px 0 0 0;
	}

		footer #logo{

		}

			footer #logo img{
				width: 100%;
			}

			footer #logo h1{
				font-family: GilroyMed, Arial, sans-serif;
				font-size: 1.15em;
				line-height: 1.4em;
				letter-spacing: 2px;
				color: #004b6c;
				text-align: left;
				text-transform: uppercase;
				margin-top: 5px;
				padding: 0 30px;
			}

		footer #infos #adresses{
			margin-top: 30px;
		}

		footer #infos #adresses .item{
			min-width: 240px;
			margin-bottom: 30px;
		}

			footer #infos #adresses h2{
				font-family: GilroySemiB, sans-serif;
				font-size: 1.2em;
				line-height: 1.4em;
				color: #002f5b;
				text-transform: uppercase;
				margin: 0; 
			}

			footer #infos #adresses p{
				font-size: 0.9em;
				line-height: 1.4em;
				color: #706f6f;
				margin: 0; 
			}

			footer #infos #adresses p a{
				font-family: Gilroy, sans-serif;
				font-size: 1.1em;
				line-height: 2em;
				color: #005172;
				letter-spacing: 1px;
				margin: 0; 
			}

		footer nav{
			
		}

			footer nav ul{
				
			}

			footer nav li{
				font-family: Arial, sans-serif;
				font-size: 1em;
				line-height: 2.5em;
				letter-spacing: 1px;
				font-weight: bold;
				text-transform: uppercase;
			}

			footer nav a{
				color: #2f5366;
			}

			footer nav li:hover a{
				color: #50a3cf;
			}

			footer nav span{
				color: #50a3cf;
			}

	footer #copyright{
		background: #002f5b;
	}

		footer #copyright p{
			font-size: 0.75em;
			line-height: 30px;
			color: #ffffff;
			text-align: center;
			text-transform: uppercase;
			margin: 0; 
		}

		footer #copyright a{
			font-family: Gilroy, sans-serif;
			color: #fff;
			margin: 0; 
		}