@charset "utf-8";
/* CSS Document */
#header {
	background-color: #996;
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(cactees1.png);
	background-repeat: no-repeat;
	height: 10em;
	position: relative;
}
#page #header #menu ul {
	width: 99%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	background-color: #D5D5BF;
}
#page {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#content {
	width: 960px;
	margin: 0 auto;
}




#header h1 {
	color: #666;
	text-align:left;
	padding:0 1em 0 1em;
	position:relative;
	width:70%;
	float:left;
	font-size:1.7em;
	left: 8em;
	
	}
#header h2 {
	color: #CCC;
	position:relative;
	width:30%;
	left: 17em;
	float: left;
	top: 1em;
	font-size:18px;
}

#header h3 {
	clear: both;
	margin: 0.5em;
	padding: 0.5em;
	color: #960;
	position:relative;
	top:-1em;
	left: 21em;
	font-size:24px;
	width: 48%;
	text-align:center;
	
}

#etatcivil {
	position: fixed;
	display: block;
	color: #960;
	top:1%;
	width: 8em;
	margin-bottom: 1em;
	text-align: right;
	height: 17em;
	left: 90%;
	font-size: 0.8em;
	float: right;
	z-index: 20;
}
#content #autres ol dl {
	left: 2em;
	position: relative;
	margin: 1em;
}

#competences, #experiences, #formations, #autres{
	height: auto;
	width: 40%;
	position: relative;
	margin: 1em 3em 3em 0;
	float: left;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	top: 4em;
	padding: 2em;
	background-image: url(cactees6.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-right-width: 2em;
	border-right-color: #C7D894;
	font-size: 0.7em;
}
#content #formations {
	position: relative;
	float: right;
	top: -104em;
	left: 4em;
	overflow: visible;

}



#page #header #menu ul li a {
	color: #C63;
	text-decoration: none;
	border-right-style: none;
}

#content #droite {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	text-indent: 1.5em;
	text-align: left;
	border-right-width: 20px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C7D894;
	border-top-style: solid;
	border-bottom-style: solid;
	line-height: 1.5em;
	float: right;
	position: relative;
	width: 44%;
	top: 5em;
	clear: right;
	margin-bottom: 2em;
}
#content #droite p {
	margin: 1em  0.5em 0 0.5em;
}
#page #header #menu ul li {
	display: inline-block;
	list-style-type: none;
	position: relative;
	width: 19.5%;
	margin: 0 0 0 0;
	text-align: center;
	top: 1.8em;
	background-color: #BAD1BA;
	float: left;
	margin-left: auto;
	margin-right: auto;
	height: 1.5em;
}
#page #header #menu {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#page #header #menu ul {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	position: relative;
}


#page #header #menu ul .avecbordure {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #C63;
}
#page #header #etatcivil #haut {
	position: relative;
	top: 0.5em;
}
#competences h2, #experiences h2, #formations h2 , #autres h2{
	font-size: larger;
	text-align: center;
	margin: 2em 1em;
	background-color: #996;
}
#content #droite h2 {
		font-size: larger;
	text-align: center;
	margin: 2em 1em;
	background-color: #996;
}

#competences ul li h3, #experiences ul li h3 , #formations ul li h3 , #autres ul li h3  {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666;
	color: #066;
	background-color: #9CC;
	display: block;
	width: 20em;
	margin: 1em 1em;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666;
	padding: 1em 1em;
}
 #content ul li p  {
	padding: 1em;
	width: 30em;
}

#content  ul li h4 {
	margin-top: 1em;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 2em;
}
#content  ul li h5 {
	position: relative;
	left: 4em;
}
#content  ol  {
	position: relative;
	left: 3em;
	margin: 1em 1em 0 1em;
	width: 25em;
}
#header #etatcivil li img {
	display: block;
	float: right;
	position: relative;
	z-index: 10;
	margin: 0 auto 0;
	clear: both;
}
#content #droite p:first-letter {
	font-size: 1.5em;

}
#content #droite #signature {
	font-size: 1.5em;
	text-indent: 0px;
	text-align: right;
}
#content #droite #signature:first-letter {
	font-size: 1em;
	text-indent: 0px;
}
#content #autres {
	position: relative;
	float: left;
	overflow: visible;
	top: -96em;
}
#content #formations ul li h3 {
	position: relative;
	left: 6em;
}
#content #experiences ul li h5 {
	width: 10em;
	left: 10em;
}

#content #formations ul li h5 {
	position: relative;
	left: 20em;
	width: 10em;
}
#content ul li p:first-letter {
	font-size: 1.5em;

}
#content #experiences ul li h4:first-letter {
	font-size: 1.5em;
}
#content #autres ol li:first-letter {
	font-size: 1.5em;
}
#content #flash {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 2em;
	width: 640px;
	
}
#page #header #etatcivil #nom {
	font-size: large;
}