body{background-image:url(images/fond.jpg);}
*{margin:0px;padding:0px;}
a{text-decoration:none;color:white;}/* pour retirer les pointillés des liens sur firefox*/
a:visited{color:white;}

.site{width:910px;background-color:white;margin-left:auto;margin-right:auto;}

#header {margin-left:auto;margin-right:auto;width:911px;height:188px;background-image:url(images/header.jpg);margin-bottom:0px;padding-bottom:0px;}

.menu {margin-left:auto;margin-right:auto;height:140px;width:911px;margin-top:0px;padding-top:0px;}

	#accueil{float:left;padding-left:52px;}
	#webdesign{float:left;padding-left:54px;}
	#print{float:left;padding-left:46px;}
	#illustration{float:left;padding-left:41px;}
	#cv{float:left;padding-left:33px;}
	#contact{float:left;padding-left:31px;}
	#blog{float:left;padding-left:35px;}

#contenu_javascript{margin-left:40px;margin-top:0px;width:550px;height:35px;padding:0px;}

	#text_accueil{position:absolute; visibility:hidden;width:550px;height:70px;font-weight:bold;color:#115062;top:350px;}
	#text_webdesign{position:absolute; visibility:hidden;width:550px;height:70px;font-weight:bold;color:#bc2e60;top:350px;}
	#text_print{position:absolute; visibility:hidden;width:550px;height:70px;font-weight:bold;color:#ca7733;top:350px;}
	#text_illustration{position:absolute; visibility:hidden;width:550px;height:70px;font-weight:bold;color:#c1ca33;top:350px;}
	#text_cv{position:absolute; visibility:hidden;width:550px;height:70px;font-weight:bold;color:#a27a49;top:350px;}
	#text_contact{position:absolute; visibility:hidden;width:550px;height:70px;font-weight:bold;color:#33a8cb;top:350px;}

#description{position:relative;margin-left:25px;padding:0; height:311px;width:885px;clear:both;}

	#text_presentation{position:relative;float:left;margin-top:50px;margin-left:10px;height:150px;width:500px;border:1px;border-style:solid;border-color:#115062;padding:20px 0 0 10px;color:#115062;}
	#text_presentation h3 {font-size:17px;}
	#text_presentation a {color:#115062;font-weight:bold;}

	#nous{position:relative;float:left;height:311px;width:350px;}

#footer {position:relative;margin-top:10px;margin-left:auto;margin-right:auto;width:910px;height:178px;background-image:url(images/footer.jpg);margin-bottom:0px;padding-bottom:0px;}

	.menufooter{color:white; margin-left:auto;margin-right:auto;text-decoration:none;padding-left:319px;padding-top:100px;}

	.design{color:white; margin-left:auto;margin-right:auto;text-decoration:none;padding-left:332px;padding-top:10px;font-size:12px;}

/*css page webdesign*/

#blocweb{position:relative;margin-left:25px;padding:0; height:250px;width:885px;clear:both;}

#thumbs_webdesign{position:relative;float:left;margin-top:50px;margin-left:10px;height:100px;width:830px;padding:20px 0 0 10px;color:#115062;}

/*css page print*/

#blocprint{position:relative;margin-left:25px;padding:0; height:250px;width:885px;clear:both;}

#thumbs_print{position:relative;float:left;margin-top:50px;margin-left:10px;height:100px;width:830px;padding:20px 0 0 10px;color:#115062;}

/*css page illustration*/

#blocillustr{position:relative;margin-left:25px;padding:0; height:500px;width:830px;clear:both;}

#thumbs_illustration{position:relative;float:left;margin-top:50px;margin-left:10px;height:400px;width:830px;padding:20px 0 0 10px;color:#115062;}

/*css page contact*/

#me_contacter{height:400px;width:500px;padding-left:10px;padding-top:60px;font-family: Arial, Helvetica, sans-serif; font-size: 12px;color:#33a8cb}

	#envoyer_un_message{font-size:14px;font-weight:bold;margin-left:25px;}

	#nom
	#champ_nom{float:left;margin-left:25px;}
	
	#mail
	#champ_mail{float:left;margin-left:25px;}
	
	#sujet
	#champ_sujet{float:left;margin-left:25px;}
	
	#message
	#champ_message{float:left;margin-left:25px;}
	
	#envoie{margin-left:25px;}
	#submit{float:left;}
	#envoyer{float:left;}