/* feuille de style CSS du design par défaut */

/* centrage horizontal  du site */

body { 
  margin: 0; /* pour éviter les marges */ 
  text-align: center; /* pour corriger le bug de centrage IE */ 
  background-color: #EEEEEE;
}

#mainContainer { 
	margin: 35px auto;	
	width: 1024px; 
	text-align: left; /* On rétablit l'alignement normal du texte */
	font: 12px Verdana, Georgia, "Times New Roman", Times, serif;
	background-color: #FFFFFF;
	/* offset left, top, thickness, color with alpha */
	border: 5px solid #fff;
    -moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555; 
    box-shadow: 1px 1px 12px #555;
	/* IE */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
	/* slightly different syntax for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}


/* partie supérieure du site */

#header { margin-bottom: 25px; width: 1024px; height: 10px;}

#topMenu { 
	margin: 0 auto; 
	width: 600px; 
	height: 90px; /* encadre la liste flotante du menu */ 
}


/* partie centrale du site */ 

#content { 
	width: 1024px; 
	clear: both; /* annule les effets du float-left du menu */
}


/* 1ère partie du CV :: coordonnées + photo */

#cvHeader {
	width: 1024px;
	height: 350px;
	border-bottom: 1px solid #E5E5E5;
	padding: 15px 0px 15px 0px;
}

#cvHeader .infoText {
	color: #AAAAAA;
}

#cvHeader p {
	color: #666666;
	line-height: 16px;
}

#personalInfos { /* correspond à la partie gauche */
	position: relative;
	float: left;
}

#personalInfos div {
	position: relative;
	width: 600px;
	margin-bottom: 25px;
	margin-left: 35px;
}

.H3like {
	font: bold 14px Verdana; /* "Myriad Pro" */
	color: #555555;
}

#personalInfos div h1 {
	font: Bold 32px Verdana;
	margin-top: 2px;
	color: #555555
}

#contact a {
	text-decoration: none;
	font: 12px Verdana, Georgia, "Times New Roman", Times, serif;
	color: #AAAAAA;
}

#contact a:hover {
	color: #555555;
	text-decoration: underline;
}

#personalInfos #aboutMe p {
	line-height: 18px;
}

#personalPhoto { /* correspond à la partie droite */
	width: 260px;
	height: 260px;
	border: 1px solid #AAAAAA;
	margin-left: 680px;
	margin-top: 10px;
	padding: 10px;
}

.cvPartContent {
	width: 1024px;
	border-top: 1px solid #E5E5E5; 
	clear: both;
	margin-top: 30px;
	padding: 20px 0px 15px 0px;
}

.cvPartContent a {
	text-decoration: none;
	font: 12px Verdana, Georgia, "Times New Roman", Times, serif;
	color: #AAAAAA;
}

.cvPartContent a:hover {
	color: #555555;
	text-decoration: underline;
}

.cvPartContent p {
	color: #555555
}

.cvPartContent .subBlockTitle {
	padding-top: 10px;
	position: relative;
	float: left;
	width: 300px;
	margin-left: 35px;
}


/* hack pour le block expérience */
#cvExperience {
	border-top: none;
}

.cvPartContent .subBlockTitle .H2like {
	font: Bold 22px Verdana;
	margin-top: 10px;
	color: #555555
	
}

.cvPartContent .subBlockTitle img {
	position: absolute;
	right: 0px;
	top: 5px;
}

.cvPartContent .subBlockContent {
	margin-left: 380px;
	margin-right: 35px;
}

.contentItem {
	margin-bottom: 35px;
}

.contentItem .cvContentTitle {
	font: bold 18px Verdana; /* "Myriad Pro" */
	color: #68759c
}

.contentItem .H3like {
	line-height: 18px;
}

.contentItem p {
	margin-top: 20px;
}

#transparent {
	width: 1024px;
	height: 15px;
	opacity : 0.1;
    -moz-opacity : 0.1;
    -ms-filter: "alpha(opacity=10)"; /* IE 8 */
    filter : alpha(opacity=10); /* IE < 8 */
}

/* Pied de page du site */
#footer {
	width: 1024px;
	height: 75px;
}

#footerContent {
	margin: 20px auto;
	width: 800px;
	text-align: center;
}

#footerBottom  {
	margin-top: 5px;
}