body {
	background-color: rgb(69, 181, 231);
}

* {
	padding: 0;
	margin: 0 ;
}	


h5, h4, h3, h2, p, ul {
	font-family: 'Trebuchet MS', Verdana, Arial;
	text-align: justify;
}
h5, h4, h3, h2 {
	text-align: center;
}

h2 {
	font-size: 26px;
	color: rgb(25, 181, 232);
	text-align: center;
	margin-top: 5px;
	padding-top: 0; 
}
h3 {
	font-size: 22px;
	color: rgb(25, 181, 232);
	text-align: center;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
}
h4 {
	font-size: 18px;
	color: rgb(25, 181, 232);
	text-align: left ;
	
}	
h5, h5 a {
	font-size: 14px;
	color: rgb(25, 181, 232);
	text-align: center;
	margin-top: 5px;
	padding-top: 0; 
}

p.legende {
	text-align: center;
	padding-bottom: 7px;
}




p, ul {
	font-size: 13px;
	font-weight: bold;
}
ul {
	padding-left: 20px;
}



#menu {
	background-color: #257dba;
	margin: 10px auto;
	width: 940px;
	height: 30px;
	padding-top: 5px;
}	


#nav li {
	background-color: #257dba;
	list-style: none;
	display: inline;
}	
#nav li a {
	font-size: 15px;
	text-decoration: none;
	color: #fff;
	margin-right: 42px;
}	
#nav li a:hover {
	text-decoration: underline;
}	
	
.dirigeants {
	width: 280px;
	height: 210px;
	margin: 25px 0 10px 86px;
	border: 2px solid rgb(69, 181, 231);
}
.dirigeants2 {
	width: 218px;
	height: 164px;
	margin: 35px 0 10px 0;
	border: 2px solid rgb(69, 181, 231);
}	

#photos {
    position: absolute;
	left: 50%;
    width: 940px;
	height: 580px;
    margin-left: -470px;
	background-color: #fff;
	z-index: 1;
	visibility: hidden;
	display: none;
}
#photos ul {
    list-style: none outside none;
	margin: 40px 0;
}
#photos li {
    float: left;
    margin: 7px ;
    padding: 0;
}

#photos img{
    width: 208px;
	height: 156px;
	border: 2px solid rgb(69, 181, 231);
}
#photos p{
    text-align: center;
}