body {
	font-size: 0.8em;
	font-variant: small-caps;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background:url(images/bg.gif);
	background-repeat:repeat;
	line-height:16px;
	margin: 0; /* pour éviter les marges */
}

a, a:visited, a:active {
	color:#990000;
	text-decoration: none;
}

a:hover {
	color:#ff9900;
	text-decoration: none;
}

img {
	border:none;
}

#conteneur {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
	margin-top:2%;
	margin-bottom:2%;
	border:2px dotted #00CCFF;
	padding:1px;
	}

#header {
	background:url(images/bg_header.gif);
	background-repeat:repeat-x;
	width:100%;
	height:55px;
}

#menu_cv {
	float:left;
	padding-left:74px;
	margin-top:2px;
	}
#menu_accueil {
	float:left;
	margin-top:2px;
	}
#menu_formation {
	float:left;
	margin-top:2px;
	}
#menu_experience {
	float:left;
	margin-top:2px;
	}
#menu_portfolio {
	float:left;
	margin-top:2px;
	}
#menu_contact {
	float:left;
	margin-top:2px;
	}	
#menu_logitheque {
	float:left;
	margin-top:2px;
	}	
	
#contenu {
	width:100%;
	background-color:#fff;
}

.titre_partie {
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 16px;
	font-weight:lighter;
	color: #49c0eb;
}

#photo {
	margin-left:25px;
	margin-top:5px;
	float:left;
	}
	
#ident {
	border: dotted 1px #00ccff;
	}

.bloc_txt {
	float:left;
	padding-left:20px;
	}

#competence_txt_1 {
	float:left;
	margin-left:25px;
}

.competence_txt_2 {
	float:left;
	padding-left:10px;
}

.competence_txt_4 {
	line-height:20px;
	margin-left:25px;
}

#liens_txt {
	top:365px;
	left:50px;
}

#formation_date {
	top:45px;
	left:50px;
	color:#49c0eb;
	line-height:30px;
	}
	
#formation_form {
	top:45px;
	left:150px;
	line-height:30px;
	}
	
#stage {
	left:600px;
	top:10px;
	font-size: 16px;
	font-weight:lighter;
	color: #49c0eb;
}

#stage_date {
	left:600px;
	top:45px;
	line-height:30px;
}

.txt_bleu {
	font-weight:lighter;
	color: #49c0eb;
	}

.txt_contact {
	font-weight:lighter;
	color: #49c0eb;
	padding-left:25px;
	padding-right:25px;
	}

#stage_txt {
	left:700px;
	top:45px;
}

#malogitheque {
	top:35px;
	left:50px;
	line-height:20px;
	}

#contact {
	top:35px;
	left:50px;
	line-height:20px;
}	

#malogitheque {
	height:545px;
}

.champs {
	left:100px;
}

#form_contact {
	width:700px;
	height:500px;
	}
	
#form_txt {
	float:left;
	padding-left:100px;
}

#form_champ {
	float:left;
	padding-left:50px;
	}

.txt_contact {
	color: #49c0eb;
	float:left;
	line-height:25px;
}

#copyright {
	width:100%;
	background:url(images/copyright.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#fff;
}

.debug_float {
	clear: left;
	height: 1px;
	}
	
/* Portfolio */

#decal {
	width:110px;
	float:left;
}


div#galerie
{
	float:left;
	width: 410px ;
	height:460px;
	background: #ccc ;
	border: 1px solid #00CCFF ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}


ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #00CCFF ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #00CCFF ;
}
	

#bloc_port {

}

/* Portolio gif */

a.port2 {
margin-left:110px;
text-decoration: none;
display: block;
width: 469px;
background-color: #ccc;
border : 1px solid gray;
color: #000;
}
a.port2:hover {
background-color: #666;
color: #fff;
}
a.port2 span {
display: none;
}
a.port2:hover span {
display: block;
background-color: #ccc;
color: #000;
}