body{font-size: 16px;line-height: 20px;font-family: 'Arial', serif;margin: 0;text-align: center;}
a,a:hover,a:visited{text-decoration: none;color: #000000;}
a.lienBloc{width: 100%;height: 100%;display: block;}
a img{border: none;}
img{width:100%;height: 100%}
.cache{display: none;}
form{padding: 0px;margin: 0px;}
table {border-spacing: 0px;border-collapse: collapse;}
h1, h2, h3{
	font-family: 'Amaranth', sans-serif;
	color: #000000;
}
h1{font-size : 40px;line-height : 40px;}
h2{font-size : 35px;padding-top : 30px; line-height : 35px;}
h3{font-size : 30px;line-height : 30px;}

/*Gestion de la bande de menu fixe*/
div.bandefixed{
	position: fixed;
	background-color: #000000;
	color : #FFFFFF;
	width: 100%;
	height: 50px;
	padding-top: 10px;
	z-index : 2;
}
div.infosfixed{
	font-size: 30px;
	line-height: 30px;
	margin-left: 1%;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 98%;
	text-align: left;
}
div.titreInfos{
	font-weight : bold;
	display : block;
}
div.contenuInfos{
	font-size : 20px;
	display : inline;
}
div.menufixed{
	font-size: 15px;
	line-height : 50px;
	position : absolute;
	top : 5px;
	right : 10px;
	margin-right: 90px;
}
div.contenuInfos > a{
	color : #FFFFFF;
}
div.menufixed > a{
	color : #FFFFFF;
}
div.menufixed > a.menu{
	margin-right : 5px;
	border : 1px solid #FFFFFF;
	padding : 10px;
}

div.menufixed > a.blueHover:hover{background-color: #ACBEE2;}
div.lienLangue{
	float : right;
	height : 40px;
}

/*Gestion du header*/
div.header{
	position: fixed;
	width: 100%;
	height: 100%;
}
div.imgHeader{
	background: rgba(0, 0, 0, 0) url("../Img/intro-bg.jpg") no-repeat scroll center center / cover ;	
	width : 100%;
	height : 100%;
}

/*Gestion du menu*/
div.bandeMenu{
	height : 200px;
	width : 1108px;	
	margin : 0 auto;
	margin-top : 25px;
	margin-bottom : 25px;
}
div.blocMenu{
	background-color : #FFFFFF;
	padding : 25px;
	margin : 25px;
    width : 175px;
    height : 200px;
    float : left;
	font-size : 25px;
	line-height : 50px;
	text-align : center;
	text-transform : uppercase;	
	border : 1px solid #DDDDDD;
}
img.imgMenu{
	width : 150px;
	height : 150px;
}
div.blocMenu > a{
	font-size : 20px;
}
.blue{background-color: #ACBEE2;}
.grey{background-color: #EEEEEE;}
.black{background-color: #000000;}

div.wrapper{
	position: absolute;
	width: 100%;
	z-index : 1;
}

/*Style générique des blocs*/
div.bande{
	padding-top : 50px;
	padding-bottom : 25px;
	padding-left : 20%;
	padding-right : 20%;
	text-align: justify;
}

/*Style du footer*/
div.footer{
	color: #FFFFFF;
	opacity : 0.8;
	margin-top : 10px;
	margin-bottom : 10px;
	padding-top : 0px;
	padding-bottom : 0px;
}

div.bloc{
	display: inline-table;
}
div.b1on1{width: 100%;}
div.b1on2{width: 50%;float: left;}
div.b1on3{width: 33%;float: left;}
div.b2on3{width: 66%;float: left;}
div.b1on4{width: 25%;float: left;}
div.b3on4{width: 75%;float: left;}
div.last{
	border-right: none;
}

div.hiddenBloc{
	display : none;
}
	
@media screen and (min-width: 850px){
	/*Divers*/
	div.cacheDesktop{
		display : none;
	}
}

@media screen and (max-width: 850px){
	/*Divers*/
	div.cacheMobile{
		display : none;
	}
}

@media screen and (max-width: 850px){
	/*Gestion de la bande de menu fixe*/
	div.bandefixed{
		text-align: center;
		height: 50px;
		padding-top: 0px;
		z-index : 2;
	}
	div.infosfixed{		
		width : 100%;
		font-size : 15px;
		line-height : 15px;
		margin : 0px;
	}
	div.bandeMenuFixed{
		top : 50px;
		width : 100%;
		position: fixed;
		z-index : 1;
	}
	div.titreInfos{
		width : 100%;
		font-weight : bold;
		font-size : 25px;
		line-height : 50px;
		text-align : left;
		margin-left : 5px;
	}
	div.liensContact{
		height : 40px;
		width : 40px;
		float : right;	
		margin-top : 5px;
		margin-right : 15px;
	}
	div.lienLangue{
		float: right;
		height: 30px;
		margin-top: 10px;
		margin-right: 15px;
	}
	
	/*Gestion du menu*/
	div.bandeMenu{
		width : 494px;
	}
	div.blocMenu{
		margin : 10px;
	}
	div.titreMenu{
		width : 50%;
		float : left;
		height : 50px;
		font-size : 15px;
		margin : 0px;
	}
	div.blocMenuScroll{
		background-color : #000000;
		width : 25%;
		float : left;
		font-size : 15px;
		height : 25px;
		line-height : 25px;
		text-align : center;
		text-transform : uppercase;		
	}
	div.blocMenuScroll > a{
		color : #FFFFFF;
	}
	
	div.conteneurLiensContacts{
		width : 110px;
		float : right;		
	}	

	div.bande{
		padding-top : 10px;
		padding-bottom : 25px;
		padding-left : 0%;
		padding-right : 0%;
		text-align: justify;
	}
	
	div.bloc{
		display: block;
		margin: auto;
		margin-bottom: 20px;
		width: 80%;
		margin-left : 10%;
		margin-right : 10%;
	}
	
	div.footer{
		margin-top : 0px;
		margin-bottom : 0px;
		padding-top : 0px;
		padding-bottom : 0px;
	}
}
