/* * {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height:1.7em;}
 * {margin:0; padding:0;};  */

body {
	/*background-color:#D9CFD7;
	background: #couleur-de-fond url(fond.jpg) repeat-x fixed top left;*/
	background-image:url(images/fond.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	background-color: #cfc3cf;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height:1.7em;
}

img { 
border : none;
} 

div#global {
	width: 730px;
	margin: auto;
	/*border: solid 1px red;*/
	margin-top:15px;
}



div#haut {
	/*border: solid 2px yellow;*/
	width: 730px;
	height: 40px;
	/*margin-top:5px;*/
	}

div#menu {
	/*border: solid 2px yellow;*/
	width: 730px;
	height: 40px;
	text-align:center;
}

ul#menu
{
	/*border: solid 2px yellow;*/
	width: 730px;
	height: 40px;
	margin: 0;
	padding: 0;
	list-style-type: none ;
}

#menu li
{
	display: inline;
	margin: 0 35px;
}

ul#sousmenu
{
	width: 730px;
	height: 21px;
	margin: 0 0 ;
	padding: 0;
	list-style-type: none ;
}

#sousmenu li
{
	display: inline;
	margin: 0 12px;
}

dl#travaux
{
	width: 800px;
	/*margin: 30px 0px 0px 100px;*/	

}

dl#travaux dt
{
	
	font: italic 0.9em Georgia, serif ;
	color: #666666 ;
	display : inline;
	/*margin: 6px 6px 6px 6px;*/
	
	
}

dl#travaux dd
{
	/*margin: 6px 6px 6px 6px;*/
	margin: 0 ;
display : inline;
}

/*la je divise en deux mais ce qui serait bien c que le texte soit de la largeur de l'image en appliquant les DD et DT !!!! */

ul#travaux_animations
{
	width: 600px;
	/*margin: 30px 0px 0px 100px;*/
	font: italic 0.9em Georgia, sans-serif ;
	color: #444444 ;
	padding: 0;
	margin: 0px 0 0 0;
	list-style-type: none ;
	text-align: center;
}

ul#travaux_animations li
{
	/*border: solid 2px yellow;*/
	width : 100px;
	display: inline;
	margin: 6px 6px 6px 6px;
	float:left;
}

#travaux_animations img
{
	border-style :solid;
	border-color:#666666;
	border-width:1px;
	margin : 0 ;
	padding : 0;
}


ul#travaux_webdesign
{
	width: 700px;
	/*margin: 30px 0px 0px 100px;*/
	font: italic 0.9em Georgia, sans-serif ;
	color:#444444 ;
	padding: 0;
	margin: 10px 0 0 0;
	list-style-type: none ;
	text-align: center;
}

ul#travaux_webdesign li
{
	/*border: solid 2px yellow;*/
	width : 170px;
	height : 165px; /* c'est nul on se retrouve a tout fixer car le left se place au plus petit ecart! (se resoudra ptet avec les dl ?)*/
	margin: 0px 15px 0px 0px;
	padding : 0;
	/*margin:0;*/
	float:left;
}

#travaux_webdesign img
{
	border-style :solid;
	border-color:#666666;
	border-width:1px;
}


div#frisehaut {
background-image:url(images/fleur.gif);
background-repeat: no-repeat;
height:47px; /*la on defini la taille du block*/
height: auto; /*la on defini la taille du block pour ie7 pour que le div centre n'herite pas de la taille de 47px et que donc la plante grandisse*/
min-height: 47px; /*la on redefini 47px avec min_height que IE7 ne connais pas et donc ca marche sous firefox!*/
width:730px;
}

div#centre {
  /*border: dashed 3px yellow;*/
  background-image:url(images/arbre.gif); 
  background-repeat: repeat-y;
  width: 730px;
  float:left;
  margin:0;
  padding:0;
}

div#textecentrale2 {
	
	/*border: 3px solid #999900;*/
	/*padding-left: 100px;*/
	/*width: 500px; faudrais donc creer un div "textecentrale" de 230px pour pouvoir utiliser le cenrage juste sur cette zone*/
	margin-top:10px;
	text-align: left;
	float:left;
	padding: 0 0 10px 100px;
	
}


div#bas {
 /*border: solid 1px yellow;*/
  background-image:url(images/pot.gif);
  background-repeat:repeat-y;
  width: 730px;
  height: 53px;
  float: left;
}



#conf { 
/*background : transparent url(/metz2/images/fond_conf.jpg) no-repeat bottom left;*/
margin : 0;
padding : 0;
text-align: center;
width : 730px;
height : 47px;
} 
#conf p { 
margin : 0;
padding : 6px 10px 0 15px;
} 

div#CV {
	/*border: 3px solid #999999;*/
}

div#photoCV {
	/*border: 3px solid #999999;*/
	margin-left:200px;
	float: left;
}

ul#coordonneesCV
{	
	float: left;
	list-style-type: none ;
	/*border: 1px solid #009900 ;*/
	margin :0;
	text-align:left;
}

div#corpsCV{
	float: left;
	/*border: 3px solid #000099;*/
	width: 575px;
}

.lettrine {
font: bold 2em Georgia, Times New Roman, Times, serif;
}