/**
 * Feuille de style de mon CV. Thème par défaut
 */
 
body {
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #F0F0F0;
	color: #000000;
	width: 85%;
	margin: 1em auto;
	text-align:center; /* Centrage du CV sous IE 5.5, 6 */
}
#cv {
	text-align:left; /* Récupération du centrage */
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	color: #000000;
	padding: 8px;
}

/* Suppression des principales marges par défaut et bordures */
h1, h2, h3, h4, h5, p, ul, li, address, dl, dt, dd {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, .poste span, dl dt, a, a:visited {
	background-color: #FFFFFF;
}
.liens, .liens a, .date {
	background-color: #F0F0F0 !important;
}
img {
	border: none;
}

/* Positionnement des différents éléments*/
.liens {
	text-align: right;
	margin: 5px 2px;
	display: none;
}
#informations-personnelles {
	float: right;
	width: 250px;
	background-color: #E9E9E9;
	color: #000000;
}
#informations-personnelles .hg,
#informations-personnelles .hd,
#informations-personnelles .bg,
#informations-personnelles .bd {
	width: 7px;
	height: 7px;
	background-repeat: no-repeat;
	font-size: 1px;
}
#informations-personnelles .hg {
	float: left;
	background-image: url(coin_hg.gif);
}
#informations-personnelles .hd {
	float: right;
	background-image: url(coin_hd.gif);
}
#informations-personnelles .bg {
	float: left;
	background-image: url(coin_bg.gif);
}
#informations-personnelles .bd {
	float: right;
	background-image: url(coin_bd.gif);
}
#informations-personnelles #coordonnees,
#informations-personnelles address {
	padding: 7px;
	font-size: 0.9em;
}
#informations-personnelles #coordonnees span {
	font-weight: bold;
	background-image: url(portrait.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 10px;
}
.date {
	text-align: left;
	float: left;
}
/* Fin du positionnement */

/* Mise en forme */
.liens {
	font-size: 0.8em;
	color: #4C4C4C;
}
.liens a {
	text-decoration: none;
	color: #4C4C4C;
	padding: 5px 0;
}
.liens a:hover {
	text-decoration: underline !important;
	border-bottom: none !important;
}
.liens a.pdf,
.liens a.word {
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 20px;	
}
.liens a.pdf {
	background-image: url(pdf.gif);
}
.liens a.word {
	background-image: url(word.gif);
}
/*
address .telephone {
	background-image: url(telephone.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 20px;
}
address .mail {
	background-image: url(email.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 20px;
}
*/
address .mail {
  display:block;
  padding: 0.3em 0;
}

address .linkedin,
address .twitter {
	background-repeat: no-repeat;
	background-position: 0;
	display:inline-block;
	width: 25px;
	height: 25px;
}

address .linkedin {
	background-image: url(linkedin.jpg);	
}

address .twitter {
	background-image: url(twitter.jpg);
}
address a span {
 font-size: 0;
 content:'';
}

#cv {
	background-image: url(puzzle.gif);
	background-repeat: no-repeat;	
	background-position: 7px 18px;
}
h1 {
	font-size: 1.3em;
	margin: 8px 260px 15px 55px;
	padding-bottom: 2px;
	color: #44A4BD;
}
h1 span {
	font-size: 0.7em;
}
h2 {
	font-size: 1.2em;
	margin: 15px 300px 6px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #F2D48C;
	color: #F0AC0F;
}
h3 {
	font-size: 1em;
	margin: 10px 0 6px 6px;
	color: #44A4BD;
}
h3 a {
	color: #44A4BD;
}
h4 {
	font-size: 0.9em;
	margin: 4px 0;
	color: #F03B0E;
}
h5 {
	font-size: 0.8em;
	margin: 2px 0;	
	color: #4C4C4C;
}
p, li, dl {
	font-size: 0.8em;
}
a {
	color: #0C47D1;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color: #970CD1;
}
#qualites {
	margin-left: 25px;
}
.description {
	margin: 5px 15px;
	padding-left: 5px;
	border-left: 3px solid #EC5028;
}
.description2 {
	margin: 5px 15px;
	padding-left: 5px;
	border-left: 3px solid #F0AC0F;
}
.poste, .technos, .responsabilites {
	margin-left: 25px;
}
.technos ul , .responsabilites ul {
	margin-left: 10px;
}
.poste span {
	font-weight: bold;
	color: #4C4C4C;
}
ul {
	list-style: none;
	margin-left: 5px;
}
ul li {
	padding: 2px 15px;
	background-image : url(deux-carres.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}
ul#qualites li {
	padding: 2px 15px;
	background-image : url(tick.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}
dl {
	margin-left: 20px;
}
dl dt {
	float: left;
	text-align:right;
	width: 5.5em;
	font-weight: bold;
	color: #44A4BD;
}
dl dd {
	border-left: 1px solid #44A4BD;
	margin: 0 0 .3em 6.5em;
	padding: 0 0 .4em .5em;
}
#cv .projet {
	margin: 10px 0 0 15px;
	padding: 1px 6px;
	background-image: url(angle.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.date {
	color: #BBBBBB;
	font-size: 0.7em;
	margin: 5px 0 0 5px;
}
/* Fin de la mise en forme */