@charset "UTF-8";
/* CSS Document */

/* structure générale */

body{
	font-family: 'Lato', sans-serif;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../images/bg.png);
	background-repeat:repeat-y;
	background-position:center;
}

html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

/* Fin structure générale */

/* Structure du site */

#mainbody{
	width:100%;
	position:relative;
    min-height:100%;
}

#mainconteneur{
	background-image:url(../images/bg.png);
	background-repeat:repeat-y;
	background-position:center;
}

#header{
	width:100%;
	height:347px;
	background-color:#f6eedf;
}

/* Menu language */

#bandebleu{
	width:100%;
	height:5px;
	background-color:#003e70;
}

#wrap-menu-lang{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:36px;
}

#menu-lang{
	width:141px;
	height:36px;
	background-color:#003e70;
	float:right;
}

/* Fin Menu language */

#image-wrap{
	width:960px;
	background-image:url(../images/bandeau.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-left:auto;
	margin-right:auto;
}

/* Head */

#head{
	width:960px;
	height:260px;
	margin-left:auto;
	margin-right:auto;
}

/* Logo et lien accueil */

#logo{
	width:229px;
	height:73px;
	float:left;
}

ul.link-logo{
	list-style:none;
	margin:0;
	padding:0;
}

ul.link-logo li{
	list-style:none;
	margin:0;
	padding:0;
}

ul.link-logo li a{
	display:block;
	width:229px;
	height:177px;
	margin:0;
	padding:0;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:center top;
}

/* Fin Logo et lien accueil */

#tag-line{
	float:right;
	width:420px;
	height:177px;
	text-align:right;
}

#tag-line img{
	padding-right:150px;
}
/* Fin Head */


/* Navigation principale */

#nav-wrapper{
	height:46px;
	border:1px solid #ca4031 inset;
	-webkit-box-shadow:0px -15px 25px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0px -15px 25px 0px rgba(0, 0, 0, 0.15);
	box-shadow:0px -15px 25px 0px rgba(0, 0, 0, 0.15);
}

#nav-wrap{
	height:46px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#nav-left{
	height:46px;
	width:228px;
	float:left;
}

#nav{
	width:650px;
	height:46px;
	padding-left:82px;
	float:right;
	background-image:url(../images/separateur-menu.png);
	background-repeat:no-repeat;
	background-position:right;
}

.gradient {
	/* Anciens navigateurs */
	background: #e56452 url("../images/gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #e56452;
	background: #e56452\0/;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/gradient-bg.png", sizingMethod="scale");
	}
	@media all and (min-width: 0px) {
	.gradient {
	/* Opera */
	background: #e56452 url("../images/gradient-bg.svg");
	/* Navigateurs récents */
	background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#ca4031),
				to(#e56452),
		color-stop(0.55, #ca4031)
			);
			background-image: -webkit-linear-gradient(
				top,
				#ca4031,
				#ca4031 55%,
		#e56452
			);
			background-image: -moz-linear-gradient(
				top,
				#ca4031,
				#ca4031 55%,
		#e56452
			);
			background-image: -o-linear-gradient(
				top,
				#ca4031,
				#ca4031 55%,
		#e56452
			);
			background-image: linear-gradient(
				top,
				#ca4031,
				#ca4031 55%,
		#e56452
			);
		}
	}
	
/* Fin Navigation principale */

#content-wrapper{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    min-height:100%;
	width:960px;
	background-image:url(../images/bg.png);
	background-repeat:repeat-y;
	background-position:top;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    min-height:100%;
}

#left{
	width:228px;
	float:left;
	padding:45px 0 0 0; 
}

#content{
	background-image:url(../images/gouttes-bg.png);
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
	width:650px;
	padding:45px 0 50px 82px;
}

#spacer{
	clear:both;
}

#pied{
	clear:both;
	height:25px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position: absolute;
	bottom: 0px;
}

.customfoot{
	text-align:right;
	clear:both;
	height:25px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
/* Fin structure du site */