@charset "utf-8";
body
{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	color: #6281AF;
	font-size: 100%;
	font-family: 'Lucida Sans', Arial, Univers, 'Trebuchet MS', Verdana, sans-serif;
}

h1, h2, h3, .textegras
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.oeuvre
{
	color: #336172;
	font-style: italic;
}

.exposant
{
	font-size: 80%;
	vertical-align: super;
}

.flottantdroit
{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.flottantgauche
{
	float: left;
	margin: 0;
}

.flottantdroitpied
{
	float: right;
	margin: 0;
}

.pied
{
	margin-left: 95px;
	margin-right: 95px;
}

.clearboth
{
	clear: both;
}

.textemoinsgros
{
	font-size: 83%;
	font-weight: normal;
}

.dates
{
	color: #336172;
}

.retraitnegatif
{
	text-indent: -2em;
	padding-left: 2em;
}

.paragraphecentre,
p.paragraphecentre a:visited,
p.paragraphecentre a:hover,
p.paragraphecentre a:focus,
p.paragraphecentre a:active
{
	height: 70px;
	width: 162px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.margehaut
{
	margin-top: 15px;
}

#bandeau
{
	height: 120px;
	margin-bottom: 30px;
	padding: 20px;
	background: url("imagescv/bandeau_nom.jpg") no-repeat bottom right #000000;
	color: #6281AF;
	text-indent: -50000px;
}

#header
{
	height: 120px;
	margin-bottom: 30px;
	padding: 20px;
	background: url("resume/resume_images/header.jpg") no-repeat bottom right #000000;
	color: #6281AF;
	text-indent: -50000px;
}

#bandeau h1,
#header h1
{
	font-size: 200%;
	height: 34px;
	margin-top: 0px;
}

#bandeau h2,
#header h2
{
	font-size: 150%;
}

#menu,
#englishmenu
{
	width: 240px;
	background-color: #000000;
	float: left;
	color: #6281AF;
	font-size: 90%;
	line-height: 1.5;
}

#drapeaufr
{
	width: 50px;
	background-color: #000000;
	float: left;
}

#drapeaugb
{
	width: 50px;
	background-color: #000000;
	float: left;
	margin-left: 10px;
}

#drapeaufr a img,
drapeaufr a:visited,
#drapeaufr a:hover,
#drapeaufr a:focus,
#drapeaufr a:active,
#drapeaugb a img,
drapeaugb a:visited,
#drapeaugb a:hover,
#drapeaugb a:focus,
#drapeaugb a:active
{
	border: 0;
}

#sousmenu a,
#sousmenu a:visited,
#cartedevisite a,
#cartedevisite a:visited,
#menulinks a,
#menulinks a:visited,
#contact a,
#contact a:visited
{
	color: #6281AF;
	text-decoration: none;
}

#sousmenu a:hover,
#cartedevisite a:hover,
#menulinks a:hover,
#contact a:hover
{
	color: #E9B649;
	text-decoration: none;
}

#sousmenu ul.clearboth,
#menulinks ul.clearboth,
#sousmenu ul .retrait,
#menulinks ul .retrait,
#sousmenu ul.retraitdouble,
#menulinks ul.retraitdouble
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#sousmenu ul.clearboth li,
#menulinks ul.clearboth li
{
	background-image: url("imagescv/puce_bleu_moyen.jpg");
	background-repeat: no-repeat;
	background-position: 0 .3em; /* left, top */
	margin-left: 1em;
	margin-top: .5em;
	padding-left: 1.2em;
	line-height: 1.3em;
}

/* Pour personnaliser les listes, plutôt que d'utiliser list-style-image, qui ne permet pas un positionnement précis de l'image utilisée comme puce, on utilise background-image */
#sousmenu ul.retrait li,
#menulinks ul.retrait li
{
	list-style-type: none;
	background-image: url("imagescv/puce_jaune.jpg");
	background-repeat: no-repeat;
	background-position: 0 .3em; /* left, top */
	margin-left: 0;
	margin-top: .3em;
	padding-left: 1.2em;
}

#sousmenu ul.retraitdouble li,
#menulinks ul.retraitdouble li
{
	list-style-type: none;
	background-image: url("imagescv/puce_orange.jpg");
	background-repeat: no-repeat;
	background-position: 0 .3em; /* left, top */
	margin-left: 0;
	margin-top: .1em;
	padding-left: 1.2em;
}

#etoilescentrees,
#starsmiddle
{
	background: url("imagescv/etoiles_centrees.jpg") no-repeat #000000;
	width: 80px;
	height: 55px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#cartedevisite, #contact
{
	background-color: #000000;
	text-align: center;
}

#cartedevisite h1, #cartedevisite h2, #contact h1, #contact h2
{
	font-size: 100%;
}

#cartedevisite p.paragraphecentre, #contact p.paragraphecentre
{
	width: 90%;
	height: 55px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}

#intro, #litterature, #musique, #experienceformation, #lienscv, #creersite, #literature, #music
{
	background-color: #E8F9FF;
	margin-left: 270px;
	padding: 20px;
	color: #254472;
	line-height: 1.5;
}

#litterature h1, #musique h1, #experienceformation h1, #lienscv h1, #creersite h1, #literature h1, #music h1
{
	font-size: 160%;
}

#litterature h2, #musique h2, #experienceformation h2, #lienscv h2, #creersite h2, #literature h2, #music h2
{
	font-size: 140%;
}

#musique h3, #creersite h3, #music h3
{
	font-size:120%;
}

#litterature ul, #musique ul, #literature ul, #music ul
{
	list-style-image: url("imagescv/puce_bleu_fond_clair.jpg");
	list-style-type: disc;
	margin-left: 0;
	padding-left: 1em;
}

#litterature a, #litterature a:visited, #musique a, #musique a:visited, #lienscv a, #lienscv a:visited, #creersite a, #creersite a:visited, #music a, #music a:visited, #literature a, #literature a:visited
{
	color: #254472;
	text-decoration: none;
}

#litterature a:hover, #musique a:hover, #lienscv a:hover, #creersite a:hover, #music a:hover, #literature a:hover
{
	color: #B44B1C;
	text-decoration: none;
}

#pieddepage, #footer
{
	margin-left: 280px;
	text-align: center;
	font-size: 80%;
}

#pieddepage a, #pieddepage a:visited, #footer a, #footer a:visited
{
	color: #6281AF;
	text-decoration: none;
	border: 0;
}

#pieddepage a:hover, #footer a:hover
{
	color: #E9B649;
	text-decoration: none;
	border: 0;
}

#pieddepage a img, #footer a img
{
	border: 0;
}