*{margin:0;
	padding:0;}

body{
	background-color:#FFFFFF;
	/*background-image:url(images/fond_gris_blanc.jpg);*/
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	}
	
body,html{
	height:100%;	
}
img{
border:none;	
}
li{
	text-decoration:none;
	display:inline;
	margin-right:45px;}
	
p{
	text-align:justify;
	margin-bottom:20px;
	font-size:16px;
	margin-left:50px;}
	
p.p1{
text-align:left;
margin-bottom:50px;} 
	
	
h2{
	/*margin-bottom:30px;*/
	font-size:80px;
	color:#CCC;}
	

	
h3{
	margin-bottom:30px;
	font-size:25px;
	margin-left:50px;
	color:#666;}
	
h4{
	margin-bottom:15px;
	font-size:20px;
	margin-left:50px;
	color:#666;
	}
	
a{
	text-decoration:none;
	color:#666;}
	
#Drapeaux{
position:fixed;
top:100px;
right:50px;
z-index:7;
	/*position:absolute;
	top:100px;
	left:1040px;*/
	width:35px;
	height:135px;}
	
#Conteneur{
		
	background-image:url(images/fond_horizontal_02.jpg);
		margin:auto;
	width:1033px;
	
	height:100%;/*commande pour ie*//*à remmettre pour design original*/
	min-height:100%;
	height:auto!important;/*commande pour firefox*/
	position:relative;
	/*c'est la solution que j'ai trouvé pour avoir pour sur un fond toujours la...*/
	/*position:relative;*/}
	
#Titre{
	position:absolute;
	top:110px;
	left:30px;
	/*background-image:url(images/feuille.png);
	background-repeat:no-repeat;
	background-position:right;*//*pour mettre une image de feuilles...mais ca vient pas?*/}

#Head{
	/*background-image:url(images/background-top.jpg);*//*à remettre pour design original*/
	/*background-image:url(images/background-top3.png);*/
	height:161px;
	clear:both;}

#Left{
	/*background-image:url(images/top_left.jpg);/*à remettre pour design original*/
	/*width:88px;*/
	width:26px;
	height:161px;
	float:left;}
	
#EnglishVersion{
display:none;
	background-image:url(images/english_version.jpg);
	height:45px;
	width:279px;
	margin-top:30px;
	float:left;}
	
#EnglishVersion span{
	display:none;} /*je perds aussi l'option du lien???*//*il faudrait que l'image soit dans le html...?*/
	
#EnglishVersion a{
	display:block;
	width:279px;
	height:45px;}
	
#VersionFrancaise{
display:none;
	background-image:url(images/version_francaise.jpg);
	height:46px;
	width:323px;
	margin-top:30px;
	float:left;}
	
#VersionFrancaise span{
	display:none;} /*je perds aussi l'option du lien???*//*il faudrait que l'image soit dans le html...?*/
	
#VersionFrancaise a{
	display:block;
	width:323px;
	height:46px;}
	
#Right{
	float:right;
	/*background-image:url(images/top_right.jpg);/*à remettre pour design original*/
	/*width:96px;*/
	height:161px;
	width:33px;}

#Contenu{
		/*background-image:url(images/communiquer-animation2.gif);/*virer pour design original*/
		/*background-repeat:no-repeat;*/
		
	
	clear:both;
	/*float:left;*/

	width:870px;/*design original 670px*/
	/*margin-left:30px;*/
	padding-bottom:95px;
	margin-top:90px;
	}
#titre{
	/*margin-top:400px;*/}

#image{/* à virer pour design original*/
	background-image:url(images/mixed-flock4.png);
	
	background-repeat:no-repeat;
	/*height:100%;/*commande pour ie*//*à remmettre pour design original*/
	/*min-height:100%;
	height:auto!important;/*commande pour firefox*/
width:1033px;
	/*margin-top:-100px;*/
	height:805px;
	/*margin-bottom:200px;*/
	/*padding-bottom:50px;*/}	
	
#Contenu h1{
	/*background-image:url(images/titre2.jpg);*//*à remettre pour design original*/
	
	width:563px;
	height:288px;
	
	margin-left:50px;
	margin-top:-50px;
	}
	
#Contenu h1.uk{
	background-image:url(images/titre_uk2.jpg);
	width:553px;
	height:295px;
	}


#Contenu span{
	display:none;}
	

	
#photoId{
	background-image:url(images/id.png);
	width:425px;
	height:398px;
	margin-left:400px;
	margin-top:-300px;
	float:left;}
	
#TextId1{
	float:left;
	width:400px;
	margin-top:-100px;
	}
	
#TextId2{
	clear:both;
	width:620px;}
	
#Arbre{
	/*float:right;*/
	background-image:url(images/arbre.png);
	position:fixed;
	bottom:20px;
	/*right:2px;*/
	margin-left:746px;
	margin-bottom:27px;
	width:259px;
	height:12px;
	z-index:7;
	/*margin-top:-300px;
	margin-right:2px;*/
	font-size:9px;
	text-align:right;
	padding-top:488px;
	padding-right:20px;
	}
	
#formulaire{
	padding-left:100px;}

#Menu{
	clear:both;
	/*text-align:center;*//*jsais pas pourquoi mais ça ne marche pas...*/
	position:fixed;
	bottom:30px;
	margin-left:20px;
	padding-left:20px;
	height:45px;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	background-color:#FFFFFF;
	z-index:8;
	padding-top:10px;
	/*float:left;*//*ça fait tout foirer*/
		}
	
#Menu a{
	color:#999;
	font-size:36px;
}
#Menu li{
	width:205px;}
	
/*#Menu .m1{
	background-image:url(images/portfolio.jpg);
	width:153px;
	height:105px;}/*pourquoi on n'y voit qu'un petit bout d'image, je leur ai donné une hauteur...*/
	
/*#Menu .m2{
	background-image:url(images/profil.jpg);
	width:153px;
	height:105px;}*//*je ne comprends pas bien ce truc de classes...?
	
/*#Menu span{
	display:none;}*//*si je fais ça je perds tout ... pourtant je ne l'ai fait que sur le span...je devrais continuer a voir l'image de background des classes?*/
	
#footer{
	background-image:url(images/bottom.jpg);
	/*width:1033px;
	height:76px;*/
	height:34px;
	width:1033px;
	position:fixed;
	bottom:0px;
	
	}