h1#header { 
	height: 150px;
	padding :0;
	margin: 0;
	color: #154EE0; 	
	font: normal 35px tahoma, Verdana, sans-serif;		/*Titre Principal non redimensionnable*/
	text-align: center;
	background: url(./images/entete.png) no-repeat center; /*pour centrer l'image!!*/
} 
/*les logos de l'entete*/
.logosite {
	position : absolute;
	top : 20px;
	left : 60px;
	height : 200px;
	width : 200px;
}

.english {
	position : absolute;
	top : 140px;
	right : 110px;
	height : 20px;
	width : 50px;
}

.francais {
	position : absolute;
	top : 140px;
	right : 110px;
	height : 20px;
	width : 50px;
}
.logolabo {
	position : absolute;
	right : 25px;
	top : 10px;
	height : 70px;
	width : 70px;
}

.logoujf {
	position : absolute;
	right : 25px;
	top : 80px;
	height : 70px;
	width : 70px;

}
.contpage {
margin : 0;
padding : 0;
}
.menu {	
	float : left;
	margin-top : 5%;
	margin-left : 0;
	width: 20%;
	padding : 1%;
	text-align: center;
}

.menu h3{
	height : 35px;
	padding : 15px 0 0 0;
	margin: 0;
	font: 14px "Trebuchet MS",Arial,sans-serif ;
	font-weight : bold;
	background: url(./images/bouton.png) no-repeat top center;
}

.menu h3 a { 
	color: #0000CC;
}

.menu h3 a:visited { color: #0000CC; }
.menu h3 a:hover { 	color: #ff6600; } 

body {
	background : #fff;
	font: normal 90% "Trebuchet MS", tahoma, verdana, sans-serif;
	width : 90%;
	margin-left : auto;
	margin-right : auto;
}
.contenu {			/*partie contenant le texte et le contenu du site*/
	float : left;
	margin : 5% 0 0 0;
	padding : 20px;
	width: 70%;
	height : 100%;
	font: normal 90% "Trebuchet MS", tahoma, verdana, sans-serif;
	text-align : justify;
	border: 1px solid #13215C;	/*bordure du contenu*/
	background : #F3F4F9;
}
.contenu p { 
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 0;
	line-height: 200%;		/*interligne*/
	text-align: justify;
}

.contenu h2 { 
	padding-left: 15px;		/*espacement à gauche suffisant pour l'image*/
	line-height: 250%;		/*hauteur de la ligne assez grande pour afficher l'image*/
	font-size: 150%;
	color: #000066;			/*couleur des titres : bleu foncé*/
	text-align : center;
} 

.contenu h3 {
	margin-bottom: 15px;
	padding-left: 20px;
	font-size: 120%;
	color:#000066;
}

.contenu h4 {
	margin-left: 25px;
	margin-bottom: 25px;	/*pour espacer verticalement entre les images icônes*/
	padding-left: 5px;
	margin-right: 10px;
	font-size: 97%;
	color:#330000;
	text-align: justify;
}

.contenu h5 {
	margin-left: 25px;
	margin-bottom: 25px;	
	padding-left: 5px;
	margin-right: 10px;
	font-size: 100%;
	color:#CC3300;
	text-align: center;
}

.grasbleu {
	font-weight : bold;
	color : #3366CC;
}
.gras {
	font-weight : bold;
}

.italique {
	font-style : italic;
}

.centrer {
	text-align : center;
}

.contimage {
	width : 100%;
	margin : 0 ;
}

.image {
	float : right;
	margin-right : 5%;
}

li {
	line-height : 200%;
}
a { text-decoration: none;
color: #0000CC; }
a:visited { color: #0000CC; }

table, td {
	border-collapse : collapse;
	background : white;
	border : 1px solid #000066;
	font: normal 90% "Trebuchet MS", tahoma, verdana, sans-serif;
}

.footer {
	clear : both;
	width :70%;
	margin-left :auto;
	margin-right : auto;
	margin-top : 100px;
	text-align : center;
}