/* CSS Document */

/*index - page du curriculum vitae*/

body {font-family:Arial, Helvetica, sans-serif; color:#4C1B1B; font-size:12px; background-color:#F6E467; padding-left:10px;padding-right:10px; }

a {text-decoration:none;}

h2 {font-size: 20px;}

h3 {font-size: 18px;	padding-left:10px; clear:both;}

span {font-size:24px;}

div#header {height: 100px;	border-bottom: 8px solid #B9121B;	background:#4C1B1B;  }

#menu 	{ clear: both;	float: right;	list-style: none;	position: relative;	top: 60px;}

#menu ul {list-style:none; display:inline; margin:0px; padding:0px;}

#menu ul li	{display:inline;}

#menu li {	float: left;	margin-left: 5px;	line-height: 1.4;}

#menu li a {	color: #FCFAE1;	background-color:#BD8D46;	text-decoration: none;	font-weight: bold;
				text-align: center;	width: 140px;	height: 15px;	padding: 5px 0; 	display: block;
				background-image:url(../images/tab4.jpg);	background-repeat: no-repeat;	background-position: center left;}
				
#menu li a:hover, ul#menu li a:active {	background-position: top left; color:#B9121B;}

#menu li a.selected {	background-position: bottom left;}


#contenu { 	width:950px;	background-color:#FCFAE1;}


#contact { padding:5px 0 5px 20px;	width:500px;}

/*#etatCivil { background-image:url(images/moi_brun2.jpg);	background-repeat:no-repeat;
			background-position:90%;	width:980px; }*/

#barnav { clear:both;	height:20px;	width:950px;	background-color:#4C1B1B;
	color:#FCFAE1;	font-weight:bold;	padding:0px; }
	
#barnav ul {display:inline;	list-style:none;	width:950px;}

#barnav ul li {display:inline;	list-style:none;	text-align:center;	}

#barnav ul li a {color:#FCFAE1;	margin:0px;	}

#barnav ul li a:hover {color:#4C1B1B; background-color:#FCFAE1;}

.choix_langue {float:right;}

a {color:#FCFAE1;}
a:hover {color:#4C1B1B; background-color:#FCFAE1;}

#parcours { height:305px;}

#etudes {width:920px;	padding:5px 5px 5px 20px;}

#etudes li {display:inline;	list-style:none; font-style:italic;  }

#etudes p {display:inline; }

#formation {width:920px;	padding:5px 5px 5px 20px;}

#formation li  {list-style:none;	display:inline; font-style:italic;}

#formation p {display:inline;}

#expPro {width:920px;	padding:5px 5px 5px 20px;}

#expPro li {list-style:none;	display:inline; font-style:italic;}

#expPro p {display:inline;}

#langues {width:920px;	padding:5px 5px 5px 20px;}

#langues dt { font-weight:bold;	width:200px;	padding-left:10px; font-size:18px;}

#langues dd {font-weight:normal;	width:560px;	padding-bottom:15px;}
				
#conInf {width:920px;	padding:5px 5px 5px 20px;}

#conInf li {list-style:none;	display:inline;		padding:10px;	background-color:E973EA; text-decoration:none;}


/* formulaire de contact*/

#formulaire { height:470px;}

.largeur_label {width:225px;
          display:block;
          float:left;
          text-align:right;
          padding-right:10px;
		  }
.bouton { font-weight:bold;
		  margin:0 10px;
          background-color:#4C1B1B;
          color:#FCFAE1;}        
.bouton:hover { font-weight:bold;
          background-color:#F4F7B0;
          color:#4C1B1B;}
.bouton:focus { backgroud-color:#4C1B1B;
          color:#9f5212;}
.largeur_div {  margin-left:300px; }

#bouton {padding-top:20px;}

/*Page de projets*/
#projet { height:450px;}
#gauche ,#droite{width:435px; height:430px; padding:5px; margin:5px;}
#gauche {float:left;}
#droite {float:right;}

#contenu #projet #droite a:link {text-decoration: none;}
#contenu #projet #droite a:hover, #contenu #projet #droite a:active, #contenu #projet #droite a:visited,  {text-decoration: none;}