@charset "utf-8";
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. */
}
body{
	margin: 0 auto;
	padding:0;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/fond.jpg);
	background-color:#0099cc;
	background-repeat: repeat-x;
	color:#FFFFFF;
}
a:link{
	color:#FFFFFF;
}
a:hover{
	color:#333333;
}
a:visited{
	color:#333333;
}
#contenu{
	width:990px;
	margin:auto;
}
#bandeau{
	height: 100px; 
	background: url(../images/ronds.jpg) no-repeat;
}
/************************************ MENU***********************************************/
#navigation {
	float:left;
	list-style: none; 
	margin-left:80px;
	margin-top:75px;
	height: 30px;
	width:640px;
	font-size:1.4em;
	color:#666666;
	font-weight:100;
}
#navigation a{
	color:#666666;
	text-decoration:none;
	border-right:#666666 1px solid;	
	padding-left:5px;
	padding-right:15px;
	float:left;
	border-left:none;
}
#menu {
}
#menuDernier a {
	border-right:none;
}
#menuHover a{
	color:#0099cc;
	font-weight:bold;
}
#menuHoverDernier a{
	color:#0099cc;
	font-weight:bold;
	border-right:none;
}
/***********************************************************************************/
#titre{
	float:right;
	margin-top:40px;
	font-size:1.5em;
	color:#666666;
	font-weight:100;
	width:250px;
	text-align:right;
	border:none;
}
#bleu{
	float:right;
	margin-left:10px;
	color:#0099cc;
}
#profession{
	float:right;
	width:250px;
	font-size:1em;
	color:#666666;
	text-align:right;
}
#fondBleu{
	clear:both;
	width:100%;
	margin:10px 0;
	padding-bottom:20px;
	overflow: auto;
	border-bottom:#FFFFFF 1px solid;
}
#colDroite{
	float:right;
	width:380px;
	height:450px;
	background:url(../images/bulles.jpg) no-repeat;
}
#colGauche{
	float:left;
	margin-left:80px;
	width:470px;
}
/************TRAVAUX*****************************/
h1{
	clear:both;
	font-size:1.4em;
	color:#333333;
	border-bottom:#333333 1px solid;
}
h2{
	clear:both;
	font-size:1.2em;
	color:#333333;
}
#vignettes{
	float:left;
	margin-left:80px;
	margin-top:10px;
}
#vignettes img{
	border:#666666 1px solid;
}
#survol{
	height:90px;
	width:90px;
	background-color:#FFFFFF;
	color:#333333;
	vertical-align:middle;
	border:#333333 1px solid;
}
#apercu{
	float:left;
	margin-left:40px;
	margin-top:10px;
	width:400px;
	height:400px;
	background-color:#FFFFFF;
}
#apercu a img{
	border:none;

}
#apercuVideo{
	float:left;
	margin-left:40px;
	margin-top:10px;
	width:400px;
}
#explicationTitre{
	float:left;
	margin-left:40px;
	margin-top:10px;
	width:180px;
	font-weight:bold;
	text-transform:uppercase;
}
#explication{
	float:left;
	margin-left:40px;
	margin-top:10px;
	width:180px;
}
#icones{
	float:left;
	margin-left:100px;
	margin-top:30px;
	width: 500px;
}
#icones img{
	border:none;
}
/************COMPETENCES*****************************/
#domaine{
	float:left;
	width: 150px;
	color:#000;
	line-height:15px;
	padding-bottom:10px;
}
#logiciel{
	float:left;
	width:260px;
		padding-bottom:10px;
}
#etoiles{
	float:left;
	width:60px;
		padding-bottom:10px;
	
}
#etoiles img{
	padding-left:1px;
	padding-bottom:4px;
}

/************PROFIL*****************************/
#animProfil{
	margin-left:70px;
	margin-top:50px;
	width:300px;
	height:300px;

}
/********************************/
#footer{
	width:990px;
	margin-top:0px;
	padding:0;
	font-size:0.8em;
	text-align:right;
	
}



/*PHOTOS*/
.marge{
margin:1px;
}
#gphoto{
	float:left;
	margin-left:40px;
	margin-top:10px;
}
#gphoto img{
	border:#666666 1px solid;
}
#onglets{
	margin-left:80px;
}
h3{
	font-size:1em;
}