@charset "utf-8";
/* CSS Document */

body{
	background-image:url(images/motif2.jpg);
	background-repeat:repeat;
	}
	
a img{
	border:none;
}
	
#ban_fond{
	background-color:#000;
	width:100%;
	height:162px;
	position:absolute;
	left:0;
	z-index:0;
}
	
#global{
	margin-top:30px;
	width:802px;
	margin-left:auto;
	margin-right:auto;
}

#ban{
	width:802px;
	height:160px;
}

h1{
	font-size:12px;
	text-transform:uppercase;
	color:#999;
}

h1 a{
	font-size:10px;
	text-transform:none;
	text-decoration:none;
	color:#FFFFFF;
}

h1 a:hover{
	text-transform:none;
	text-decoration:underline;
	color:#33FF00;
}

#contenu{
	background-color:#000;
	width:802px;
	height:auto;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#bas{
	background-image:url(images/bas_10.png);
	background-repeat:no-repeat;
	height:15px;
	width:802px;
	margin-right:auto;
	margin-left:auto;
}

#pied{
	margin-top:5px;
	color:#000;
	font-size:11px;
	height:auto;
	width:802px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}

.texte_bleu{
	color:#09F;
}

.texte_gris{
	color:#DDD;
	margin-left:35px;
}

.texte_vert{
	color:#3F0;
}

.texte_gris{
	color:#999;
}

.texte_orange{
	color:#F60;
}


#contenu_accueil{
	height:498px;
}

#bloc_com{
	background-image:url(images/bloc_09.jpg);
	width:201px;
	height:498px;
	float:left;
}

#bloc_par{
	background-image:url(images/bloc_10.jpg);
	width:200px;
	height:498px;
	float:left;
}

#bloc_rea{
	background-image:url(images/bloc_11.jpg);
	width:197px;
	height:498px;
	float:left;
}

#bloc_contact{
	background-image:url(images/bloc_12.jpg);
	width:204px;
	height:498px;
	float:left;
}

#contenu_parcours{
	height:auto;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify;
	}
	
#contenu_competences{
	height:auto;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify;
	}
	
#contenu_competences_logiciels{
	width:700px;
	height:auto;
	padding-top:20px;
	margin-left:50px;
	}

.nivo{
	float:left;
	margin-right:50px;
	margin-left:43px;
}

#contenu_parcours_gauche{
	float:left;
	width:200px;
	margin-top:15px;
}

#contenu_parcours_droit{
	float:left;
	width:525px;
	margin-top:15px;
	margin-bottom:20px;
}

#contenu_rea{
	height:auto;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify;
	padding-bottom:20px;
	}

#contenu_rea_bloc{
	height:auto;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify;
	width:585px;
	margin-top:10px;
	}

#menu_rea{
	width:182px;
	height:300px;
	margin-top:20px;
	margin-left:20px;
	float:left;
}

#menu_rea a{
	text-decoration:none;
	color:#FFF;
}

#menu_rea a:hover{
	text-decoration:none;
	color:#3F0;
}

#contenu_contact{
	height:500px;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify;
	}

#contenu_contact_gauche{
	float:left;
	width:530px;
	margin-top:15px;
	margin-left:15px;
}

#contenu_contact_gauche input[type=button]{
	background-image:url(images/contact_btn.jpg);
	border:none;
	width:126px;
	height:35px;
	cursor:pointer;
}

#contenu_contact_droit{
	float:left;
	width:228px;
	margin-bottom:20px;
}

#bloc_menu{
	width:802px;
	height:31px;
}

#bouton_accueil{
	background-image:url(images/bouton_05.png);
	width:201px;
	height:31px;
	float:left;
}

#bouton_parcours{
	background-image:url(images/bouton_06.png);
	width:200px;
	height:31px;
	float:left;
}
	
#bouton_realisations{
	background-image:url(images/bouton_07.png);
	width:197px;
	height:31px;
	float:left;
}

#bouton_contact{
	background-image:url(images/bouton_08.png);
	width:204px;
	height:31px;
	float:left;
}