html, body{
	height: 100%;
	width:100%;margin:auto;min-width:1000px;max-width:2000px;
	background-color:white;
	font-family:Verdana, Geneva, sans-serif;
}

#global{
	margin-left: auto;
	margin-right: auto;
	width: 1000px; /* largeur obligatoire pour être centré */
}
#header{
	position: fixed;
	width: 1010px;
	height:190px;
	background-color:white;
}
#top{
	position: fixed;
	width: 1000px;
	height:120px;
}
#topLeft{
	width: 100px;
	height:100px;
	float:left;
	padding-top: 10px;
	margin-left:0px;
}
#topMiddle{
	width: 765px;
	height:100px;
	text-align:left;
	float:left;
	padding-top: 45px;
	margin-left:10px;
}
#topRight{
	width: 135px;
	height:100px;
	text-align:left;
	float:right;
	padding-top: 30px;
	display: flex;
}
#topRight .langue{
	font:normal normal 14px/14px Verdana;
	line-height:20px;
	color:#F1FFFB;
}
.langue a{
	float:left;
	padding: 15px 0px 0px 5px;	  
	color:#BBD2E1;
}
.langue a.active{
	color:#9797CC; 	
}
.langue a:hover{
	color:#91283B; 	
}	


/* --------------------------Le menu---------------------------------------*/
#containerMenu{
	width: 1000px;
	height:100px;
	font-size:12px; /* font size du menu */
	font-weight: bold;
}
.menu{
	display:inline-block;
}
.menu a{
	display:block;
	float:left;
	width: 125px;
	text-decoration:none;
	text-align:center;
	padding: 5px 5px 5px 5px;
	line-height:35px;
	border: solid white;
	border-width: 0 2px 1px 0;	
	background:linear-gradient(#F0FFFF,#B3BCC0);          
	color:#99A3A6; 
}
.menu a.active{
	background: linear-gradient(#FEBFD2,#91283B);   
	color:white;
}
.menu a:hover{
	background: linear-gradient(#F0F5F9,#D2D6D9);   
	color:#7B858A;
}

/* --------------------------L'image------------------------------------------------------------------*/

#containerImage{
	width: 957px;
	height:500px;
}
.sect {
	height:100%;
}
.sectOne {
	height:192px;
}
.sectTwo {
	background-image: url("images/photos/abbaye2.png");
	background-repeat: no-repeat;
}


/*-------------------------------------------Le contenu page-------------------------------------------*/
#containerPage{
	width: 957px;
	height:800px;
	margin-top: 40px;
	background-color: white;
}

/*-------------------------------------------Le contenu Top------------------------------------------*/
#containerTop {
	width: 957px;
	height:480px;
}

#containerTop .text{
	font-size : 14px;
	color: #676766;
	text-align:justify;
}
#containerTop .titre{
	font-size: 18px;
	font-weight: bold;
	color: #91283B; 
}
#containerTop .titre1{
	font-size: 18px;
	font-weight: bold;
	color: #8B588B;
}
#containerTop .titre2{
	font-size: 15px;
	font-weight: bold;
	color: #8B588B;
}

/*-------------------------------------------Le contenu Bottom-------------------------------------------*/
#containerBottom {
	width: 957px;
	height:320px;
}
#containerBottomLeft{
	width: 547px;
	height:300px;
	text-align:justify;
	margin-top:5px;
	float: left;
}
#containerBottomLeft .text{
	font-size : 14px;
	color: #676766;
	text-align:justify;
	margin-top:10px;
	margin-right:10px;
}

#containerBottomRight{
	width: 400px;
	height: 300px;
	margin-top:5px;
	float: left;
	margin-left:4px;
}
#containerBottomRight.photo{
	width:400px;
	height: 300px;
	float:right;	
}



/*-------------------------------------------Le footer-------------------------------------------*/
#containerFooter{
	width: 957px;
	height:50px;
	background-color: #D2D6D9;
}
#containerFooter .img{
	float:left;
	padding-left: 5px;  
}
#containerFooter .text{
	font-size:12px;
	font-weight:bold;
	color:white;
	float: right;
	padding-left: 10px; 
	padding-top: 15px;  	
}