body {
	background: url(../img/bg_bodydroit.jpg) top right no-repeat, url(../img/bg_bodygauche.jpg) top left no-repeat;
	background-color: rgba(255,253,248,1);
}
a {
	text-decoration: none;
}
@font-face {
    font-family: 'SelfieLight';
    src: url('../font/Selfie_Light-webfont.eot');
    src: url('../font/Selfie_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Selfie_Light-webfont.woff2') format('woff2'),
         url('../font/Selfie_Light-webfont.woff') format('woff'),
         url('../font/Selfie_Light-webfont.ttf') format('truetype'),
         url('../font/Selfie_Light-webfont.svg#selfielight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SelfiePrinted';
    src: url('../font/Selfie_Printed-webfont.eot');
    src: url('../font/Selfie_Printed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Selfie_Printed-webfont.woff2') format('woff2'),
         url('../font/Selfie_Printed-webfont.woff') format('woff'),
         url('../font/Selfie_Printed-webfont.ttf') format('truetype'),
         url('../font/Selfie_Printed-webfont.svg#selfieprinted') format('svg');
    font-weight: normal;
    font-style: normal;
}
p.browsehappy {
	margin: 20px;
	padding: 20px 60px;
	text-align: left;	
	border-radius: 3px;
	clear: both;
}
p.browsehappy {
	color: rgba(188,61,45,1);
	background: rgba(253,220,223,1) url(../img/icon_error.svg) 15px center no-repeat;
}
p.browsehappy a {
	color: rgba(255,255,255,1);
	padding: 2px 5px;
	background: rgba(188,61,45,1);
	border-radius: 3px;
}
p.browsehappy a:hover {
	background: rgba(188,61,45,0.8);
}
h1 {
	margin: 220px 0 0 0;
	font-family: 'SelfiePrinted';
	font-size: 5rem;
	font-weight: lighter;
	line-height: 5rem;
}
h1 a {
	color: rgba(184,90,126,1);
}
h1 span {
	font-family: 'SelfieLight';
	font-size: 9rem;
}
h2 {
	font-family: 'SelfieLight';
	font-size: 2.5rem;
	margin-bottom: 0;
	color: rgba(156,76,107,1);
}
h2 a {
	color: rgba(156,76,107,1);
}
h2 a:hover {
	color: rgba(175,203,58,1);
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	font-weight: 100;
	line-height: 1.5rem;
	color: rgba(0,0,0,0.5);
}
header {
	background: url(../img/bg_header.gif) top center no-repeat;
	text-align: center;
	overflow: hidden;
}
header #recrut {
	background: rgba(175,203,58,1);
	color: rgba(255,255,255,1);
	text-align: center;
	padding: 5px 0 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 2rem;
}
header nav {
	margin: 80px 0 50px;
}
header nav ul li {
	display: inline-block;
}
header nav ul li a {
	background: rgba(156,76,107,0.8);
	padding: 10px 20px;
	text-align: center;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
}
header nav ul li a:hover {
	background: rgba(156,76,107,1);
}
section {
	width: 1260px;
	margin: 0 auto;
	padding: 0 0 70px 0.5%;
}
#container {
	overflow: inherit;
}
.exposant {
	width: 30%;
	padding: 1%;
	background: rgba(255,255,255,1);
	margin: 1.5% 1% 0 0;
	-moz-box-shadow: inset 0px 0px 3px 0px #656565;
	-webkit-box-shadow: inset 0px 0px 3px 0px #656565;
	-o-box-shadow: inset 0px 0px 3px 0px #656565;
	box-shadow: inset 0px 0px 5px 0px #e9e9e9;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=3);
}
.exposant a.contact {
	display: inline-block;
	background: rgba(162,189,49,0.8);
	padding: 10px 1%;
	width: 98%;
	text-align: center;
	border-radius: 3px;
	color: rgba(255,255,255,1);
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
}
.exposant a.contact:hover {
	background: rgba(162,189,49,1);
}
.exposant > p {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
}
.exposant .nom {
	font-size: 1.5rem;
	color: rgba(162,189,49,1);
}
.exposant .lien {
	display: inline-block;
	background: rgba(156,76,107,0.8);
	padding: 5px 10px;
	margin: 0 0 15px 0;
	text-align: center;
	border-radius: 3px;
	color: rgba(255,255,255,1);
}
.exposant .lien:hover {
	background: rgba(156,76,107,1);
}

/* SWIPER */
.swiper-container {
	width: 100%;
	height: 350px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #eeeeee;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* BACKTOTOP */
#BackToTop {
	display:none;
	color:#eee;
	margin:0;
	padding:10px 0;
	text-decoration:none;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	position:fixed;
	bottom: 0;
	background: rgba(184,90,126,0.5);
	width: 100%;
	text-align: center;
	z-index: 10000;
}
#BackToTop:hover {
	background: rgba(184,90,126,1);
}

footer {
	clear: both;
	height: 100px;
	text-align: center;
	font-size: 0.7rem;
}
footer nav ul li {
	display: inline-block;	
}
footer nav ul li a {
	background: rgba(156,76,107,0.3);
	color: rgba(255,253,248,1);
	padding: 2px 5px;
	border-radius: 2px;
}
footer nav ul li a:hover {
	background: rgba(156,76,107,1);
}