body {
	font-family:"Arial",Helvetica,sans-Serif;
	background-image:url('../images/re_fond.png');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	margin:0;
	padding:0;
	height:100%; 
	}
	
footer{
 	margin:0 auto 0 auto; 	
	font-size:230%;
	text-align: center;
	background-color:#222;
}
footer a {			
	text-decoration:none;
	color:grey;
}		
footer > a:hover{			
	text-decoration:none;
	color:red;
}
#cadre{ 

}
/**********officiels************************/
#links{
	background-color:#444444;
	padding:1% 0% 1% 0%;
	text-align: center;
}
.img-off{
	margin:2%;
}
/***********bootstrap***********************/
.navbar-nav{
	font-size:280%;
}
.navbar-fixed-bottom{
	width:60%;
	/* height:5%; */
}
.container{
height:100%;
}	

/* ************* contact  *************************  */
.fond-contact{
	background-color:#222;
	opacity:0.9;	
	color: white;
}
.titre{
	font-family:"verdana",tahoma,arial,sans-serif;
	font-size:1.5em;
	font-weight:700;
	color: white;
	margin:0% 2% 2% 2%;
	background-color:#6c6c6c;
}

/* *************galerie *************************  */
/* .plan{	
	margin:0 auto;
} */
#rg-vide-m{
	height:200px;	
}
#rg-vide-p{
	height:300px;
}
/* **************************************  */
@media(max-width: 434px) {  
	.navbar-nav{
	font-size:200%;
	text-align:center;
	}
	.li-nav{
		margin-left:50%;
		width:100%;		
	}
	#rg-vide-m{
		height:25px;
	}
	#rg-vide-p{
		height:30px;
	}
	.cadre-12{
		margin-left:5%;
	}

}
@media (min-width: 435px) and (max-width: 499px) {  
	.navbar-nav{
	font-size:200%;
	text-align:center;
	}
	.li-nav{
		margin-left:50%;
		width:100%;		
	}
	#rg-vide-m{
		height:0px;
	}
	#rg-vide-p{
		height:10px;
	}
	.cadre-12{
		margin-left:5%;
	}
}
@media (min-width: 500px) and (max-width: 649px) {  
		.navbar-nav{
	font-size:200%;
	text-align:center;
	}
	.li-nav{
		margin-left:50%;
		width:100%;		
	}
	#rg-vide-m{
		height:150px;
	}
	#rg-vide-p{
		height:150px;
	}
	.cadre-12{
		margin-left:5%;
	}

}
@media (min-width: 650px) and (max-width: 767px) { 
	.navbar-nav{
	font-size:200%;
	text-align:center;
	}
	.li-nav{
		margin-left:50%;
		width:100%;		
	}
	#rg-vide-m{
		height:150px;
	}
	#rg-vide-p{
		height:150px;
	}
	.cadre-12{
		margin-left:5%;
	}
}
 
@media (min-width: 768px) and (max-width: 991px) {
	#haut,#bas{
		height:103px;
	}
	#haut-m,#bas-m{
		height:126px;
	}
	#haut-c,#bas-c{
		height:80px;
	}
	.id-ul{
		margin-left:10%;		
	}
	#cadre{
		height:804px;	
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#haut,#bas,#haut-m,#bas-m{
		height:103px;
	}	
	#haut-c,#bas-c{
		height:105px;		
	}
	.id-ul{
		margin-left:20%;		
	}
	#cadre{
		height:802px;	
	}
 } 
@media (min-width: 1200px) {  
#haut,#bas,#haut-c,#bas-c,#haut-m,#bas-m{
	height:130px;
	}
}