@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:x-small;
}

/* Création du menu déroulant dropdown */

/* Création de la Div du menu */
div.dropdown_menu
{
	width:750px;
	height:21px;
	z-index:5;
}
/* drop down parent : on enlève les puces et on fait flotter */
#dropdown
{
 width: 600px;
/* background: #6A6458; */ /*le back ground me pose problème car il s'affiche lors du dropdown des child donc je l'enlève mais je comprends pas pourquoi il me fait ça...*/
 height: auto;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 0;
 left: 0;
 z-index:5;
}
#dropdown li
{
 float: left;
 width: 200px;
 margin: 0;
 padding: 0;
 border: 0;
 text-align:center;
}

/* définitions des caractéristiques du menu et sous menu à l'affichage */

#dropdown li a:link, #dropdown li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
/* background: #17375e;*/
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}

/* tentative de différencier le premier item avec une classe
.firstitem
{ 
background: transparent url(firstmenuitem.png);
text-align:center;
}
*/
/* si on veut que la couleur change sur les parents lorsque l'on passe dessus*/
/*
#dropdown li a:hover { background-color: #558ed5; }
#dropdown li a:active { background-color: #5F879D; }
*/

/* on s'occupe des sous menus */

#dropdown .dd_child
{
 display: none; /* on désaffiche les sous menus */
 list-style-type: none; /*on enlève les puces */
 margin: 0;
 padding: 0;
 border: 0;
 text-align:left;

}

#dropdown .dd_child li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 199px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
 text-align:left;

}

#dropdown .dd_child li a:link, #dropdown .dd_child li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url(transparent_dropdown.png) repeat;

}
#dropdown .dd_child li a:hover
{
 background-image: none;
 background-color: #558ed5;
}
/* j'applique l'état de survol à mes éléments de premier niveau */

#dropdown li:hover > .dd_child { display: block; }

a:link
{
	text-decoration:none;
	color:#666;
}
/* Class Screenshot pour prévisualiser les liens*/
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:50;
	}
a:visited
{
	text-decoration:none;
	color:#333;
}
div.content
{
	
	width:750px;
	height:auto;
	border:0;
	top:15px;
	position:absolute;
	left:25px;	
}
div.grande-section {
	margin: 25px 0px 25px 0px;
	width:700px;
	height:auto;
	border: 1px;
	text-align: center;
	position: relative;
	cursor: default;
	left:25px;
}
div.titre-grande-section {

	position: relative;
	/*vertical-align: middle;*/
	text-align:left;
	width:256px;
	left: 25px;
	top:2px;
	margin: 0px;
}

/* séparation fond et forme*/
h1 {
	color:#10253f;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:x-small;
	position: relative;
	/*vertical-align: middle;*/
	text-align:left;
	margin: 0px;
}
div.horizontal-separator
{
	left:3px;
	position: relative;
	display:block;
	height:2px;
	width:750px;
	top: 1px;
}
div.vertical-separator
{
	position:absolute;
	display:block;
	float:left;
	left:150px;
	top:21px;
	width:2px;
	height:auto;
}
div.experience
{
	position:relative;
	margin-top:5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	width:100%;
	height:auto;

}
div.date
{
	color:#7f7f7f;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
	width:150px;
	left: 1px;
	/*margin-top:10px;*/
	padding-top:10px;
	margin-left:1px;
	float:left;
	height:auto;
	text-align:Top;	
	vertical-align: top;
	position:relative;
}

div.contenu-exp
{
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	text-align:justify;
	margin-left: 170px;
	/*margin-top:10px;*/
	padding-top:10px;
	width:auto;
	height:auto;
	position:relative;
}
.company-title
{
	color:#17375e;
	font-weight:bold;

}
.job-title
{
	color:#558ed5;
	font-weight:bold;
}
.skills
{
	color:#666;
	font-size:x-small;
	font-family:Tahoma, Geneva, sans-serif;
	font-style:italic;
	font-weight:bold;
	line-height:2;
}
h2
{

	position:relative;
	color:#17375e;
	font-weight:bold;
	font-size:x-small;
	display:inline;

}
h3
{
	position:relative;
	color:#558ed5;
	font-weight:bold;
	font-size:x-small;
	display:inline;
}
h4
{
	color:#7f7f7f;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
	position:relative;
	display:inline;
}
/* A Utiliser plus tard
div.plusdinfo
{
	float:right;
	position:relative;
	width:80px;
	height:8px;
	left:745;
	top:auto;
	font-size:7px;
}

*/