@charset "utf-8";
body {
	background:#000 url(../images/fond.jpg) repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:0.86em;
	color:#6197b2;
	margin:0;
	padding:0;
}

html, body, * {
	color:#6197b2;
}
#page {
	width:960px;
	margin:0 auto;
	padding-top:0;
}
#header{
	position:relative;
	height:211px;
	background:url(../images/header.png) no-repeat;
	padding-top:0;
}
h1 {
position:absolute;
	margin-top:0;
	padding-top:0;
	top:20px;
	color:white;
	font-weight:normal;
	font-size:2.4em;

}
h2{
background:url(../images/h2.png) no-repeat;
color:#001927;
font-size:2em;
font-weight:normal;
margin-top:0;
margin-bottom:10px;
height:39px;
padding-left:42px;
padding-top:3px;

}
h3{
font-size:1.3em;
margin-top:0;
}

a{
	text-decoration:none;
	color:white;
	
	
}
/************menu ********************/
#menu {
	position:absolute;
	bottom:35px;
	right:35px;
}

#menu ul{
	font-size:1.6em;
	list-style-type:none;
}
#menu ul li {
	margin-left:30px;
	height:37px;
	float:left;
}

#menu a{
	font-weight:600;
	color:black;
}

#menu .portfolio a{
	display:block;
	height:37px;
	background:url(../images/portfolio.png) no-repeat;
	width:146px;
	padding-left:25px;
}
#menu .portfolio a:hover{
	background:url(../images/portfolio-over.png) no-repeat;
	color:white;
}

#menu .cv a{
	display:block;
	background:url(../images/cv.png) no-repeat;
	width:76px;
	height:37px;
	padding-left:20px;
}
#menu .cv a:hover{
	background:url(../images/cv-over.png) no-repeat;
	color:white;
	
}

#menu .contact a{
	display:block;
	background:url(../images/contact.png) no-repeat;
	width:126px;
	height:37px;
	padding-left:25px;
}
#menu .contact a:hover{
	background:url(../images/contact-over.png) no-repeat;
	color:white;
	
}
#menu #portfolio-actif a{
	background:url(../images/portfolio-over.png) no-repeat;
	color:white;
}

#menu #cv-actif a{
	background:url(../images/cv-over.png) no-repeat;
	color:white;
}

#menu #contact-actif a{
	background:url(../images/contact-over.png) no-repeat;
	color:white;
}
/***********sous menu****************/

#centre #ssmenu{
margin-left:140px;
margin-top:0;
text-align:center;
overflow:auto;

}
#centre #ssmenu ul{
list-style-type:none;
text-align:center;
margin-top:0;
}
#centre #ssmenu li{
float:left;
margin-right:10px;
background: url(../images/puce.png) no-repeat;
padding-left:30px;
height:24px;
}
#centre #ssmenu ul a{
text-decoration:none;
color:#0F3244;
font-weight:bold;
font-size:1.25em;


}
#centre #ssmenu ul li:first-child{
background:none;
}
/***********contain****************/
#centre {
	min-height:400px;
	position: relative;
	background:url(../images/contener.png) repeat-y;
	padding:5px 20px;
	overflow:auto;
}
#centre p{
padding:3px 10px;
}
#centre .accroche{
font-size:1.2em;
color:#01263a;
}
#centre .liste {
width:720px;
margin:0 auto;
overflow:auto;
}
#centre .liste ul{
margin-top:0;
float:left;
list-style-type:none;
font-style:italic;
line-height:22px;
margin-left:20px;

}

#flash {
width:900px;
height:510px;
margin-top:20px;
margin-left:10px;
}
/*****tableau CV*******/

#centre .icone {
position: absolute;
right:55px;
top:5px;
}
#centre .icone img {
border:0;
}
#centre .icone .pdf{
color:red;
float:left;
padding-top:8px;

}

#centre #competence h3, #centre #experience h3{
color:#01263a;
font-size:1.8em;
font-weight:normal;
margin-bottom:5px;
}
#centre #competence {
float:left;
font-size:0.9em;
text-align:right;
overflow:auto;
font-weight:bold;
margin-right:10px;
margin-left:20px;
}

#centre #competence h4 {
font-size:1.4em;
color:#0f3244;
font-weight:normal;
margin:7px 0;
}
#centre table#general{
float:left;
text-align:center;
font-size:0.9em;

font-weight:bold;
margin-right:5px;
}

#centre table#general img{
	border:0;
}
#centre table#general tr td{
color:#0F3244;
}
#centre #general .underline {
text-decoration:underline;
color:#0F3244;
}
#centre #experience{
float:left;
text-align:left;
font-size:0.9em;
font-weight:bold;
}
#centre #experience h4{
color:#566166;
font-size:1.1em;
font-weight:bold;
margin:2px 0;
}
#centre #experience .date{
color:#566166;
padding-left:30px;
font-weight:normal;

}

/**************formulaire*****************/
#centre #formulaire {
float:left;
width:500px;
}
legend{
color:#0F3244;
font-weight:bold;
}
fieldset{
padding-top:15px;
}
textarea{
width:450px;
height:80px;
}
#centre #formulaire label.gauche{
display:block;
float:left;
width:40px;
}
#centre #formulaire input.gauche{
display:block;
width:130px;
float:left;
}

#centre #formulaire label.droite{
display:block;
float:left;
width:60px;
margin-left:10px;
}
#centre #formulaire input.droite{
display:block;
width:130px;
float:left;
}

#centre #formulaire select {
margin-top:15px;
margin-left:40px;
}

#centre #formulaire .genre {
margin-left:30px;
}
#centre #formulaire .bouton{
text-align:center;

}

/**************lien********************/

#centre #lien {
width:400px;
float:left;
margin-left:5px;
text-align:center;
}
#centre #lien img {
border:0;
}
#centre #lien a{
color:#01263a;
}
/************galerie******************/
#photos h3 {
margin-top:5px;
}
#centre h2.titre-galerie{
color:#03354F;
font-size:1.2em;
background:none;
margin:0 10px;
padding:0;
height:5px;
}
#centerPdtFlash{
text-align:center;
margin-top:30px;
}
/**************footer*****************/
#footer{
	position:relative;
	background:url(../images/footer.png) no-repeat;
	height:126px;
	margin-top:0;
	padding-top:0;
}

#footer p.copy{
	margin-top:0;
	padding-top:0;
	position:absolute;
	right:10px;;
	top:30px;
	color:white;
	
}
.clear {
clear:both;
}