* {margin: 0; padding: 0;}  /*Ne pas enlever sinon le kit ne sera pas collé en haut sous Opéra */

/*Configuration du body et du global*/

body {
	font-family: "trebuchet MS", Verdana, serif;
	background: url(images/interface/motif.gif);
}

#global {
	width: 671px;
	margin: 1px auto 0 auto;
	background: #fff ;
}

/*Configuration du header et de ses titres */

#header {
	height: 280px;
	background: url(images/interface/header.jpg) no-repeat;
}

/*Note :
Vous pouvez très bien mettre un titre dans le header en tant qu'image si vous souhaitez faire çà il faut mettre "visibility: hidden;" sur #header h1 et #header h2.
Cela aura pour effet de faire disparaître le titre "version CSS", cependant laisser le h1 et le h2 dans le html c'est mieux pour l'accessiblité et le refférencement ;).
*/

#header h1 {
	font-size: 20px;
	padding: 10px 0 0 13px;
	margin: 0 0 -2px 0;
}

#header h2 {
	font-size: 9px;
	padding: 0 0 0 55px ;
}

/*Configuration du menu header */

#header ul {
	width: 145px;
	height: 198px;
	float: right;
	display: inline;
	margin: 29px 0 0 0;
	padding: 11px 0 0 0;
}

#header li {
	display: block;
	width: 145px;
	height: 28px;
	line-height: 15px;
	background: url(images/interface/menuitem.jpg) no-repeat;
	margin: 10px 0 0 0 ;
	list-style: none;
}
	
#header li a {
	color: #fff;
	font-size: 11px;
	padding:0 0 0 18px;
	text-decoration: none;
}

#header li a:hover {
	padding: 0 0 0 22px;
}
	
/*Configuration du Contenu*/
	
#contenu {
	width: 655px;
	margin: 13px auto 0 auto;
}

#contenu h1 {
	font-size: 18px;
	margin: 0 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#contenu h2 {
	font-size: 16px;
	margin: 0 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#contenu h3 {
	font-size: 13px;
	margin: 0 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#contenu p {
	margin: 10px 0 0 0;
	font-size: 14px;
}

#entete{
clear : right ;
	}
	
#objectif{
clear : both ;
	}

#competences{
clear : right ;
	}
	
#parcours{
	clear : both ;
	}	
	
#divers{
	clear : right ;
	}
	
.motif {
	height: 5px;
	width: 654px;
	background: url(images/interface/motif.jpg) no-repeat;
	margin: 10px 0 ;
}

.news {
	margin-top: 10px;
}

/*Configuration du Footer*/

#footer {
	height: 16px;
	background: #898987;
	margin: 17px 0 0 0;
	clear: both;
	color: #fff;
	font-size: 11px;
	text-align: center;
}
	
/*Divers */

a {
	color: #999900;
	text-decoration: none;
}

a:hover { 
	color: #99CC00;
}

.bleu {	
	color: #3e82a7; 
}

.rose {
	color: #FF61D5;
}

.vert {	
	color: #99CC00; 
}
.etatcivil{
	float: left ; 
	display: block ;
	font-size: 14px;	
	}
.photo{
	float: right ; display: block ;
	}

.objectif{
	float:left;
	}

.parcours{
	float: right ; 
	display: block ;
	font-size: 13px;
	}
	
.date{
	float: left ; 
	display: block ;
	font-size: 14px;
	}	
	
.experiences{
	float: right ; 
	display: block ;
	font-size: 13px;
	}