#banner {
    position:relative;
    top:0px;
	#left:250px;
    #width:650px;
	
    width:1000px;
    height: 100px;
}
#sep {
	background-image: url("separation.png");
	margin: auto;
    width:100%;
    height: 100px;
	border-bottom: 5px rose solid;
	border-top: 5px rose solid;
    color: #FFFFFF;
}
#sep1 {
    height: 100px;
	margin-top:20px;
	padding-left: 25px;
    width:400px;
	float:left;
}
#sep2 {
    height: 100px;
	margin-top:20px;
	float:left;
}
#nom {
    color: #A9A9A9;
    font-size: 30px;
	margin-left:20px;
}
#diplome {
    color: #000000;
    font-size: 30px;
	margin-left:400px;
	border-bottom: 3px black solid;
	border-top: 3px black solid;
}
#titre {
    color: #000000;
    font-size: 20px;
}
#comp {
    color: #000000;
    font-size: 20px;
}

#corps {
    position: relative;
}
#menu {
    width:400px;
    position: absolute;
	overflow: hidden;
	min-height:580px;
}
#corps_contenu {
	left: 400px;
	width: 800px;
	min-height:580px;
	padding:2px;
    position:relative;
	box-shadow: 1px 1px 12px #555;
}

#footer{
    position: relative;
    width:100%;
}


li {
	margin-left: 25px;
	padding-bottom:2px;
}
ul {
    color: #000000;
    font-size: 15px;
} 
#Contact, #Situation, #CVpdf {
    color: #A9A9A9;
	margin-top:20px;
	margin-left:75px;
	width: 250px;
	border: 1px gray solid;
    font-size: 20px;
	box-shadow: 8px 8px 12px #aaa;
}

a {
	text-decoration: none;
    color: #000000;
}

#Exp_pro {
	top: 20px;
    color: #A9A9A9;
	margin-left:20px;
    font-size: 20px;
	
	display:block;
}
#Competence {
	top: 20px;
    color: #A9A9A9;
	margin-left:20px;
    font-size: 20px;
	
	display:none;
}
#Diplome {
	top: 20px;
    color: #A9A9A9;
	margin-left:20px;
    font-size: 20px;
	
	display:none;
}
#Loisir {
	top: 20px;
    color: #A9A9A9;
	margin-left:20px;
    font-size: 20px;
	
	display:none;
}

#job1,#job2,#job3,#job4,#job5 {
	height:25px;
	overflow:hidden;
	
	transition-duration: 3s;	-moz-transition-duration: 3s;	-webkit-transition-duration: 3s;	-o-transition-duration: 3s;	-ms-transition: 3s;
}
#job1:hover {
	height:150px;
	background-color: #CCCCCC;
	
	transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition-duration: 1s;	-o-transition-duration: 1s;	-ms-transition: 1s;
}
#job2:hover {
	height:125px;
	background-color: #CCCCCC;
	
	transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition-duration: 1s;	-o-transition-duration: 1s;	-ms-transition: 1s;
}
#job3:hover {
	height:170px;
	background-color: #CCCCCC;
	
	transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition-duration: 1s;	-o-transition-duration: 1s;	-ms-transition: 1s;
}
#job4:hover {
	height:110px;
	background-color: #CCCCCC;
	
	transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition-duration: 1s;	-o-transition-duration: 1s;	-ms-transition: 1s;
}
#job5:hover {
	height:125px;
	background-color: #CCCCCC;
	
	transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition-duration: 1s;	-o-transition-duration: 1s;	-ms-transition: 1s;
}

#menu1, #menu2, #menu3, #menu4 {
#	left: 50px;
	width : 300px;
	margin-top:10px;
	margin-left:1px;
	margin-right:1px;
	#background-color: #CCCCCC;
	border-radius: 5px;
	position:relative;
	box-shadow: 0px 10px 10px #555;
	
	transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition-duration: 1s;	-o-transition-duration: 1s;	-ms-transition: 1s;
}
#menu1 {
	#background-color: #FD6C9E;
}
#menu1:hover, #menu2:hover, #menu3:hover, #menu4:hover {
	background-color: #FEBFD2;
	cursor: pointer;
	cursor: hand;
	
	transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition-duration: 1s;	-o-transition-duration: 1s;	-ms-transition: 1s;
}
#menu1:active, #menu2:active, #menu3:active, #menu4:active {
	color: #000000;
	
	transition-duration: 1s;	-moz-transition-duration: 1s;	-webkit-transition-duration: 1s;	-o-transition-duration: 1s;	-ms-transition: 1s;
}

.select {
	background-color: #FD6C9E;
	left: 150px;
}
.selected {
	background-color: #FD6C9E;
	left: 150px;
}
.noselect {
	background-color: #FD3F92;
	left: 50px;
}