body
{
	margin:  0 ;
	padding: 0 ;
	text-align: center ;
	font: 12px arial, helvetica, sans-serif ;
	background: #ececec ;
}

div#conteneur
{
	width: 980px ;
	margin: 0 auto ;
	text-align: left ;
	background: url(../img/bg.png) repeat-y ;	
}

h1#header
{
	height: 338px ;
	margin: 0 ;
	background: url(../img/header.jpg) no-repeat left top;
}

h1#header a
{
	width: 550px ;
	height: 90px ;
	display: block ;
	background: url(../img/logo.png) no-repeat ;
	position: relative ;
	left: 409px ;
	top: 50px ;
	text-indent: -5000px ;
}

ul#menu
{
	width:656px;
	height: 42px ;	
	margin: 0 ;
	padding: 0 ;
	margin-top: -337px;
	margin-left:13px;	
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
	background: url(../img/menu.png) repeat-x 0 -42px ;
	}

ul#menu li a
{
	width: 164px ;
	line-height: 42px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #0080b1 ;
	display: block ;
	text-decoration: none ;
}

ul#menu li a:hover
{
	background: url(../img/menu.png) repeat-x 0 0 ;
	color: #FFFFFF ;
}

ul#menu #current a {
	background:url(../img/menu.png) repeat-x 0 0 ;	
	color: #FFFFFF ;
}

div#contenu
{
	padding: 280px 30px 0 30px ;
	overflow:hidden
}

div#contenu h2
{
/* Mise en forme du titre de page, une petite image,  on décale le texte en fonction de l'image, on donne un couleur au texte et  on met une bordure basse */
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../img/puce01.png) no-repeat left bottom ;
	color: #0080b1 ;
	border-bottom: 1px solid #045082 ;
}

div#contenu h3
{
/*De même que pour le titre h2, à ceci près qu'on  ne donne pas d'image décorative cette fois ci */
	margin-left: 5px ;
	padding-left: 5px ;
	font-size: 1.2em ;
	border-left: 3px solid #0080b1 ;
	color: #045082 ;
}


div#contenu p
{
/*On rend les paragraphes plus propre, alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #072355 ;
	text-decoration:none;
}

div#contenu a:hover
{
/* On met en forme les liens contenu dans la page */
	color: #0080b1;
}

div#mail
{
	text-align: center;
	height : 100px;
}
div#email
{
	background: url("../img/mail.jpg") no-repeat 90% 10%;
}

div#centrage
{
	text-align: center;
}
div#phot
{
	float: left;
	text-align:center;
	width: 225px;
	vertical-align: top;
	height: 200px;
}
.photo {
	text-align: center;	
	/*width:210px;*/
	height:150px;
}
img{
border:1px solid black;
}
.titre01
{
	font-size: 1em ;
	color: #054173 ;
	text-decoration: underline;
	font-weight: bold;

}
.titre02
{
	font-size: 1.2em ;
	color: #054173 ;
	text-decoration: underline;
	font-weight: bold;
	text-align:center;

}
div#footer
{
	margin: 0 auto;
	width: 980px;
	height:50px;
	padding-right: 10px ;
	line-height: 50px ;
	text-align: center ;
	color: #0080b1 ;
	background: url(../img/footer.png) no-repeat bottom center;	
}



a.triclic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #f8c105;
	text-decoration: none;
	margin: 0 0 0 0px;
}
a.triclic:hover{
	color:#000000;	
}