/****************************************
 *					*
 *	 Style généraux de la page	*
 *					*
 ***************************************/

*
{
	margin:0;
	padding:0;
}

BODY
{
	font-family:Verdana, Arial, sans-serif;
	background-color:#8f9fba;
	font-size:0.85em;
} 

DIV#conteneur
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:778px;
}

DIV#haut
{
	margin-left:auto;
	margin-right:auto;
	width:24em;
	height:4.2em;
	margin-top:6px;
	margin-bottom:6px;
	color:#ffffff;
	font-weight:bold;
}

DIV#bas
{
	margin-top:6px;
	margin-bottom:6px;
	color:#dddddd;
}

A.liens_bas:link, A.liens_bas:visited, A.liens_bas:active
{
	font-weight:bold;
	color:#eeeeee;
	text-decoration:none;
}

A.liens_bas:hover, A.liens_bas:focus
{
	text-decoration:underline;
}

SPAN.date_maj
{
	font-weight:bold;
}

DIV#milieu1 
{
	width: 778px;
	padding-top: 10px;
	background: url("../images/arrondie_haut.png") top left no-repeat;
}

DIV#milieu2
{
	background: url("../images/arrondie_bas.png") bottom left no-repeat;
	padding-bottom: 10px;
}

DIV#milieu3 
{
	width: 756px;
	background-color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#000000;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#000000;
	text-align:left;
}



/****************************************
 *					*
 *	Styles du menu du haut		*
 *					*
 ***************************************/

A#accueil:link, A#accueil:visited, A#accueil:active
{
	float:left;
	/*background-color:#ee33dd;*/
	width:4.5em;
	height:1.2em;
	background-image:url("../images/accueil.png");
	background-position:50% 0;
	background-repeat:no-repeat;
	padding-top:2.8em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

A#accueil:hover, A#accueil:focus
{
	background-position: 50% 0.2em;
	text-decoration:underline;
}

A#cv:link, A#cv:visited, A#cv:active
{
	float:left;
	margin-left:1em;
	/*background-color:#ee33dd;*/
	width:3.5em;
	height:1.2em;
	background-image:url("../images/cv.png");
	background-position:top;
	background-repeat:no-repeat;
	padding-top:2.8em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

A#cv:hover, A#cv:focus
{
	background-position: 50% 0.2em;
	text-decoration:underline;
}

A#realisations:link, A#realisations:visited, A#realisations:active
{
	float:left;
	margin-left:1em;
	/*background-color:#ee33dd;*/
	width:7em;
	height:1.2em;
	background-image:url("../images/realisations.png");
	background-position:top;
	background-repeat:no-repeat;
	padding-top:2.8em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

A#realisations:hover, A#realisations:focus
{
	background-position: 50% 0.2em;
	text-decoration:underline;
}

A#contact:link, A#contact:visited, A#contact:active
{
	float:left;
	margin-left:1em;
	/*background-color:#ee33dd;*/
	width:5em;
	height:1.2em;
	background-image:url("../images/contact.png");
	background-position:top;
	background-repeat:no-repeat;
	padding-top:2.8em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

A#contact:hover, A#contact:focus
{
	background-position: 50% 0.2em;
	text-decoration:underline;
} 



/****************************************
 *					*
 *	Styles du milieu de la page	*
 *					*
 ***************************************/ 

H1
{
	color:#4163a0;
	font-weight:bold;
	font-size:1.2em;
}

H2
{
	color:#4163a0;
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:4px;
}

A:link, A:visited, A:active
{
	color:#000000;
	text-decoration:underline;
}

A:hover, A:focus
{
	color:#4163a0;
	text-decoration:underline;
}

INPUT, TEXTAREA
{
	border-style:solid;
	border-width:1px;
	border-color:#4163a0;
	margin-bottom:8px;
	margin-top:2px;
}

ACRONYM
{
	cursor:help;
	border-bottom:1px dotted #000000;
}

.bleu
{
	color:#4163a0;
}

.commentaire
{
	color:#444444;
	font-size:0.8em;
}

.valide
{
	color:#4163a0;
	font-weight:bold;
}

.erreur
{
	color:#f4a50c;
	font-weight:bold;
}

/********************
*	Accueil
*********************/

.titre_recherche
{
	color:#4163a0;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
}

/********************
*	CV
********************/

.cadre_cv
{
	border-style:solid;
	border-width:1px;
	border-color:#4163a0;
	padding:4px;
}

.espace_cadre_cv
{
	height:1.4em;
	clear:both;
}

.faux_lien
{
	color:#000000;
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#000000;
	cursor:pointer;
}

.faux_lien:hover
{
	color:#8f9fba;
	border-bottom-color:#8f9fba;
}

.complement
{
	padding:6px;
}

.information
{
	padding-top:10px;
	color:#666666;
	font-size:0.9em;
	text-align:center;
}

/************************
*	Réalisations
*************************/

DIV.separateur_realisation
{
	margin-top:1em;
	margin-bottom:1em;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#4163a0;
}

IMG.image_realisation
{
	width:150px;
	height:100px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

A.lien_realisation
{
	color:#4163a0;
	
	text-decoration:underline;
	font-weight:bold;
}

A.lien_realisation:hover
{
	color:#000000;
	text-decoration:underline;
}

SPAN.poids
{
	color:#666666;
	font-size:0.8em;
}

DIV.pagination
{
	padding-top:1em;
	padding-bottom:1em;
	width:100%;
	text-align:center;
}

DIV.pagination A:link, 
DIV.pagination A:visited, 
DIV.pagination A:active
{
	font-weight:bold;
	color:#4163a0;
}

DIV.pagination A:hover,
DIV.pagination A:focus
{
	color:#000000;
}

/********************
*	Contact
*********************/

INPUT.bouton
{
	background:#4163a0;
	color:#ffffff;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	margin-bottom:8px;
	margin-top:2px;
	cursor:pointer;
}