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

div,h1,h2,h3,h4,h5,h6,p,a,img,ol,ul,li,form,fieldset,label,input,textarea,select,option{
	padding:0;
	margin:0;
	}
html{
	background-color:#8C8C8C;	
}

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5a5a5a;
}
#pere{
	width:900px;
	margin:0 auto;
}
#header{
	width:900px;
	height:246px;
	background:url(../images/bg_header.jpg) no-repeat;
}
#milieu{
	width:900px;
	min-height:172px;
	background:url(../images/pix_horiz.jpg) repeat-y;
}
#deco_droite{
	width:148px;
	height:172px;
	float:right;
	background:url(../images/bg_droite.jpg) no-repeat;
}
#contenu{
	float:right;
	width:455px;	
}
#contenu_gauche{
	text-align:center;
}
#footer{
	width:900px;
	height:120px;
	background:url(../images/bg_footer.jpg) no-repeat;
	text-align:center;
	/*footer:12px;*/
}
.fin{
	clear:both;
}
/* ---------- Titre ------------*/
h1{
	font-weight: bold;
	font-style:italic;
	font-size:20px;
	color:#406087;
	margin:0 0 0 40px;
}
h2{
	color:#EA9228;
	font-size:15px;
	font-weight:bold;
	margin:16px 0 8px 0px;

}
h3{
	
}
h4{
	
}
h5{
	
}
h6{
	
}
p{
	font-size:13px;
	margin: 0 0 5px 0;
}
p.lien_photo,p.lien_photo_2{
	text-align:center;
	margin:20px 0 10px 0;
}
strong{
	font-weight:bold;
	color:#406087;
}
a{
	color:#EA9228;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}
a img{
	border:none;
}
#contenu ul{
	font-size:13px;
	margin: 0 0 5px 0;
}


/* ---------- Tableau --------*/
table#diplomes{
	font-size : 13px;
}
table#experiences th{
	font-size : 12px;
	line-height:17px;
}
table#experiences td{
	font-size : 13px;
}
table#diplomes th {
	width:85px;
}
table#experiences th{
	width:170px;
}
td,th {
	/*height:40px;*/
	padding-top:10px;
	vertical-align:top;
	text-align:left;
}

/* ---------- Menu ----------*/
#menu{
	width:450px;
	padding:179px 0 0 290px;
	font-size:13px;
	font-weight:bold;
}

#menu ul{
	list-style-type:none;
	height:19px;
	padding:1px;
}
#menu li{
	float:left;
}
#menu li a{
	text-decoration:none;
	display:block;
	color:#5a5a5a;
	padding:1px 10px;
	margin:0 1px;
}
#menu li a:hover,#menu li a.actif{
	background-color:#d3e5f4;
}

#sous_menu{
	width:550px;
	padding:3px 0 0 200px;
	font-size:13px;
}
#sous_menu ul{
	list-style-type:none;
	height:19px;
	padding:1px;
}
#sous_menu ul.sites{
	margin:0 0 0 160px;
	
}
#sous_menu ul.portfolio{
	margin:0 0 0 193px;
	
}
#sous_menu ul.cv{
	margin:0 0 0 0;
	
}

#sous_menu li{
	float:left;
}
#sous_menu li a{
	text-decoration:none;
	display:block;
	color:#5a5a5a;
	padding:1px 10px;
	margin:0 1px;
	background-color:#f8c689;
}
#sous_menu li a:hover,#sous_menu li a.actif{
	background-color:#DD932A;
}
#footer ul{
	width:380px;
	height:19px;
	list-style-type:none;
	text-align:center;
	margin:0 auto;
	padding:35px 0 0 0;
}
#footer li{
	float:left;
}
#footer li a{
	text-decoration:none;
	color:#5a5a5a;
	padding:0;
	margin:0;
	background:none;
	font-size : 11px;
}
#footer li a:hover,#footer li a.actif{
	background:none;
	font-weight:bold;
	text-decoration:underline;
}

/* --- diaporama portfolio --- */
#prec{
	float:left;
	margin-top:80px;
	width:30px;
	}	
#suivant{
	float:left;
	margin-top:80px;
	width:30px;
	}

#photo_port{
	float:left;
	width:200px;
	margin-top:20px;
	margin-left:70px;
	margin-right:70px;	
	}

#legend{
	clear:both;
	width:400px;
	text-align:center;
	}

/* --- Formulaires --- */
#formu_contact{
	width:455px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	color:#000;
	font-size:13px;
	font-style:normal;
	margin:15px 0 0 0;
}
#formu_contact fieldset{
/*	border-top:none;
	border-right:none;
	border-bottom:thin solid #333;
	border-left:thin solid #333;
*/}
#formu_contact legend{
	color:#000;
	padding:0 5px;
	margin:0 5px;	
}

#formu_contact .calage{
	display:inline;
	float:left;
	width:120px;
	margin:5px 5px 0 0;
	/*padding:2px 0 0 0;*/
	text-align:right;
}
#formu_contact input,#formu_contact textarea{
	margin:5px 5px 0 0;
	width:300px;
	background:none;
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	border-right:none;
	border-top:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000; 
}
#formu_contact .info{
	margin-left:165px;
	font-style:italic;
	font-size:10px;
	color:#F00;
}
#formu_contact .vert{
	margin-left:40px;
	font-size:14px;
	color:#009900;
}
#formu_contact .rouge{
	/*margin-left:40px;*/
	font-size:16px;
	color:#F00;
	font-weight:bold;
}