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

.container {
	/*height: 850px;*/
	width: 1000px;
	background-color: #B3B8BF;
	margin: 0 auto;
	min-width: 550px;
	font-family: Arial, Verdana, Georgia, Trebuchet;	
	color: #000000;
}

.banner {
	background-image: url(../images/banniere.jpg);
	background-repeat : no-repeat;
	height: 150px;
	width: 1000px;

}

.titre {
height: 50px;
width: 1000px;
background-color: #6A62AF; 
font-family: Arial, Verdana, sans-serif;
font-size: 40px;
text-align: center;
}

.nlfr {
height: 25px;
width: 50px;
margin-left:950px;
background-color: #6A62AF; 
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-align: center;
}


.menu {
	height: 600px;
	width: 250px;
	float: left;
	margin-top: 20px;
}
.content {
	/*height: 600px;*/
	width: 700px;
	margin-left: 250px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 15px;
	padding: 10px;
}

/*alignement formulaire page "Contacts"*/
.largeurlabel {
width: 140px;
display: block;
float: left;
text-align: left;
padding-top : 2px;
}

img {
padding: 5px;
border: none;
}

a:link {
text-decoration : none;
font-weight: bold;
color :#09239F;
/*COLOR:#6A62AF;*/
}
a:visited {
text-decoration : none;
font-weight: bold;
COLOR: #09239F;
}
a:hover {
text-decoration : none;
font-weight: bold;
COLOR: #9B8FFF;
}
a:active {
text-decoration : none;
font-weight: bold;
COLOR: #2615AF
}


li.enligne:hover {
	background-color:#6A62AF ;
	padding: 20px;
	}
	
/*alignement des paragraphes avec photo */	
.paraphoto {
	height : 135px;
	}
	
/* série photos verticales, pas mis de float, fonctionne quand même, bon ?*/
	.photos {
	height: 110px;
	width: 720px;
	margin: 1px;
}

.suite {
	text-align: right;
	}
	

html {
	background-color: #B3B8BF;
}