/************************************************/
/* html et body *********************************/
/************************************************/

#naked
{
	display:none
}

html
{
	margin:0;
	padding:0;
	height:100%;
}
body
{

	margin:0;
	padding:0;

	font-family:"Trebuchet MS",
	            verdana,
	            arial,
	            sans-serif;

	color:#062249;
/*
	background:#F2F3F7
	           url(../img/fond-page-2.jpg)
	           repeat-x
	           left bottom;
*/
	background:#9BA7B7
	           url(../img/fond-page.jpg)
	           repeat-x
	           left bottom;
          
	           
	font-size:1.2em;
}

/************************************************/
/* contenus *************************************/
/************************************************/

#contenu-un
{
	position:absolute;

/* pour centrer l'interface                     */
	left:50%;
	margin-left:-347px;

/* ne doit pas s'afficher sous IE Mac           */
	top:50%;
	margin-top:-202px;

	width:694px;
	height:404px;

	color:#062249;

	border:1px solid #667788;
	background:#9BA7B7
	url(../img/fond-cadre-principal.png)
	           repeat-x
	           left top;
}
#contenu
{
	height:328px;
	margin:0 20px 20px 20px;

	color:#062249;

	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#667788;
	background:#FFF
	           url(../img/fond-contenu.jpg)
	           repeat-x
	           left bottom;
}
#contenu-trois
{
	position:absolute;

	width:455px;

	left:33px;
	top:75px;

	color:#062249;

	background:#FFF
	           url(../img/fond-contenu-3.jpg)
	           repeat-x
	           left bottom;

	border:1px solid #667788;
}
#contenu-quatre
{
	padding:20px;

	height:260px;

/* pour ajouter un ascenceur si besoin          */
	overflow:auto;
}

/************************************************/
/* menus ****************************************/
/************************************************/

#liens-navigation
{
	position:absolute;

	left:500px;
	top:75px;

	width:160px;

	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#667788;

	background:#FFF;
	color:#062249;
}
#liens-navigation a
{
	display:block;

	padding-top:7px;

	width:160px;
	height:36px;

	text-align:center;

	font-size:1.1em;
	
	color:#667788;

	background:#FFF
	           url(../img/fond-menu.png)
	           repeat-x
	           bottom left;
}
#liens-navigation a:hover,
#liens-navigation a:focus,
#liens-navigation a:visited
{
	color:#65A019;									
	background:#FFF
	           url(../img/fond-menu.png)
	           repeat-x
	           bottom left;
	text-decoration:underline;
}
#accueil #bouton-accueil,
#état-civil #bouton-etat-civil,
#formation #bouton-formation,
/* attention ici a la syntaxe                   */
#expériences-professionnelles
#bouton-experiences-professionnelles,
#compétences #bouton-competences,
#portfolio #bouton-portfolio,
#contact #bouton-contact
{
	text-decoration:none !important;

	color:#FFF !important;
	
	background:#9BA7B7
	           url(../img/fond-menu-actif.png)
	           no-repeat;
}
#moteur-de-recherche #recherche,
#téléchargement #download,
#aide-à-la-navigation #aide,
#accessibilité-et-conformit& #politique
{
	background:#FFF;
	border:1px solid #9BA7B7;
	font-weight:bold;
	color:#062249;
}
#liens-connexes #internes li,
#liens-connexes #externes li
{
	margin:0!important;
	display:inline;
	font-size:0.7em;
	white-space:nowrap;
}
#liens-connexes #internes li
{
	margin-right:2px;
	font-size:0.6em;
}
#liens-connexes #internes li.last
{
	margin-right:0!important
}
#liens-connexes #internes
{
	float:left
}
#liens-connexes #externes
{
	float:right
}
#liens-connexes
{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-340px;
	margin-top:210px;
	width:680px
}
/************************************************/
/* site personnel *******************************/
/************************************************/
#site-personnel a:hover,
#site-personnel a:focus,
#site-personnel a:visited
{
	background-color:inherit;
	color:#65A019;
}
#site-personnel
{
	position:absolute;
	right:0.5em;
	bottom:0.5em;
	font-size:0.7em;
}
#site-personnel ul,
#site-personnel li
{
	display:inline;
}

/************************************************/
/* masques **************************************/
/************************************************/

.cache,
hr,
noscript
{
/* pour masquer visuellement les elements       */
	position:absolute;

	left:-999em;
	top:-999em;

	width:1px;
	height:1px;

	overflow:hidden;
}
.haut-de-page span,
caption
{
/* pour masquer l'element sous IE et Opera      */
	display:none;
}

/************************************************/
/* elements *************************************/
/************************************************/

img
{
	border:0;
}
acronym,
abbr
{
	cursor:help;

/* pour styler l'element sous IE                */
	border-bottom:1px dotted #9BA7B7;
}
a
{
	color:#062249;
}
#contenu a:hover,
#contenu a:focus,
#contenu a:visited
{
	color:#65A019;
	background-color:inherit;
}
a[hreflang]:after
{
	content: "\0000a0[" attr(hreflang) "]";
}
.nolang:after
{
	content: ""!important;
}
p,
address
{
	margin:0;
	padding:8px;

	text-align:justify;

	font-size:0.7em;
	font-style:normal;
}
dl
{
	margin:0;
	padding:10px;

	font-size:0.7em;

	text-align:justify;
}
dt
{
	padding:0;
	margin-bottom:5px;

	font-weight:bold;
}
dd
{
	padding:0;
	margin-left:20px;
}
label
{
	cursor:pointer;
}
kbd
{
	margin:0;
	padding:2px;

	white-space:nowrap;

	font-size:11px;
	font-style:normal;

	line-height:2em;

	color:#062249;

	border-color:#667788;
	border-style:solid;
	border-width:1px 2px 1px 1px;

	background:#FFF
	           url(../img/fond-menu.png)
	           repeat-x
	           bottom left;
}
sup
{
	font-size:0.9em;
}
small
{
	font-size:0.6em;
}
ul
{
	margin:0;
	padding:0;

	list-style-type:none;
}

/************************************************/
/* classes **************************************/
/************************************************/

.ext
{
	padding-right:16px;
	background:transparent
	           url(../img/picto-ext.png)
	           no-repeat
	           center right;
}
.droite
{
	text-align:right;
	padding-bottom:0;
}
.fleche
{
	padding-left:15px;

	background:transparent
	           url(../img/puce-fleche.png)
	           no-repeat
	           center left
}
.important
{
	background:#F2F3F7;

	border:1px solid #DDD
}
.important a:hover,
.important a:focus
{
	background:#F2F3F7!important;
	color:#65A019!important
}
.important strong
{
	font-weight:normal
}
.information
{
	padding-left:20px;

	background:transparent
	           url(../img/picto-info.png)
	           no-repeat
	           center left
}
.erreur
{
	color:#F00;

	border:2px solid #F00;

	padding:10px 18px;
	background:#FFF
}
.vignette
{
	padding:1px;
	border:2px solid #9BA7B7;
	float:right;
	margin-top:10px
}
/************************************************/
/* titres ***************************************/
/************************************************/

h1
{
	margin:0;
	padding:0;

	width:280px;
	height:60px;
}
h1 img
{
	display:block;
}
h1 a
{
	display:block;

	
	padding-right:80px;
	background:transparent
	           url(../img/titre-feuille.png)
	           no-repeat
	           right top;
}
h1 a:hover
{
	background:transparent
	           url(../img/titre-feuille.png)
	           no-repeat
	           right top;
}
h2
{
	margin:0;
	padding:0;

	font-weight:normal;
	font-size:1.1em;
}
h2 span
{
	padding-right:60px;

	background:transparent
	           url(../img/titre-deco.png)
	           no-repeat
	           100% 75%;
}
h3
{
	padding:5px 5px 5px 20px;

	margin:0;

	background:transparent
	           url(../img/puce-rond.png)
	           no-repeat
	           left;

	font-size:0.7em;
}
h4
{
	margin:0;
	padding:0.5em 0 0.5em 0;

	color:#65A019;

	font-size:0.7em;
	font-weight:bold;
}

/************************************************/
/* formulaires **********************************/
/************************************************/

legend
{
	font-size:0.8em;
	margin:0 5px 10px 5px;
	color:#65A019;
	background:#FFF;
}
form
{
	margin:0 0 10px 0;
	padding:10px;
}
#moteur-de-recherche form
{
	padding:0 10px;
	margin-bottom:0;
}
fieldset
{
	margin:0;
	padding:10px;

	border:1px solid #9BA7B7;
	background:#FFF;
	
	color:#062249;
}
fieldset p
{
	margin:0 0 10px 0;
	padding:0;
}
textarea
{
/* pour supprimer l'ascenceur vertical sous
   IE quand il n'est pas necessaire             */
	overflow:auto;
}
input,
textarea
{
	font-family:"Trebuchet MS",
	            verdana,
	            arial,
	            sans-serif;
	font-size:1em;

	padding:0 2px;

	border:1px solid #9BA7B7;

	color:#062249;
	
	background:#FFF;
}
input:focus,
input:hover,
textarea:focus,
textarea:hover
{
	background-color:#F2F3F7;
	color:#062249;
}
.boutonsubmit,
.boutonsubmit:focus,
.boutonsubmit:hover
{
	background:#667788;
	color:#FFF;
	border:0;
	padding:0 4px;
	font-size:0.9em;
}
#q
{
	padding-left:25px;

	background-image:url(../img/picto-recherche.png);
	background-repeat:no-repeat;
	background-position:left;
}

/************************************************/
/* listes ***************************************/
/************************************************/

#contenu-quatre ul
{
	padding-bottom:20px;
}
#contenu-quatre li
{
	padding:0 20px;

	background:none;
}
#contenu-quatre li p
{
	margin-bottom:10px;
	padding:0 0 0 10px;;

	border-left:4px solid #F2F3F7;
}

/************************************************/
/* tableaux *************************************/
/************************************************/

table
{
	margin:10px;
	padding:0;

	font-size:0.7em;

	background:#FFF;
}
table,
table tr,
table td,
table th
{
	padding:4px;

	border:1px solid #667788;
	border-collapse:collapse;
}
table tbody th
{
	text-align:left;
}
table th
{
	font-weight:normal;
	background:#F2F3F7;
	vertical-align:top;
}

/************************************************/
/* sommaire *************************************/
/************************************************/

#sommaire
{
	margin-bottom:10px;
	padding:0 0 0 10px;

	border-left:4px solid #F2F3F7;
}
#sommaire li
{
	padding-left:15px;

	font-size:0.7em;

	background:transparent
	           url(../img/puce-fleche.png)
	           no-repeat
	           center left;
}

/************************************************/
/* page portfolio *******************************/
/************************************************/

#portfolio dl img
{
	border:1px solid #9BA7B7;
	margin-bottom:10px;
}
#portfolio .fleche
{
	display:block;

	margin-top:10px;
}
#portfolio dl
{
	margin-bottom:20px;
}
#portfolio h3
{
/* ne doit pas s'afficher sous Opera            */
	float:left;
}
#portfolio h4
{
/* ne doit pas s'afficher sous Opera            */
	clear:both;
}
#portfolio .haut-de-page a
{
/* ne doit pas s'afficher sous Opera            */
	float:left;

	width:12px;
	height:12px;

	background:transparent
	           url(../img/picto-haut.png)
	           no-repeat
	           0 0;
}

/************************************************/
/* page contact *********************************/
/************************************************/

#contact label span
{
	float:left;

	width:11em;

	text-align:right;
}
#contact #coordonnees-telephoniques address .intitule
{
	float:left;
	width:7em;
	margin-right:5px;
	text-align:right
}
#contact textarea
{
	height:4em;
	width:14em;
}

#contact #mail
{
	width:14em;
}
#contact #adresse-postale,
#contact #adresse-e-mail,
#contact #coordonnees-telephoniques
{
/* ne doit pas s'afficher sous Opera            */
	float:left;
}
#contact #adresse-postale,
#contact #adresse-e-mail
{
	width:10em;
}
#contact #coordonnees-telephoniques
{
	width:14em;
}
#contact #web-semantique
{
	clear:left;
}

/************************************************/
/* page aide a la navigation ********************/
/************************************************/

#aide-a-la-navigation table kbd
{
	line-height:3em;
}

/************************************************/
/* page competences *****************************/
/************************************************/

#competences li span
{
/* ne doit pas s'afficher sous Opera            */
	float:left;
}
#competences li span
{
	width:18em;
}
#competences #points-forts
{
	background:transparent
	           url(../img/puce-fleche.png)
	           no-repeat
	           left;
}

/************************************************/
/* page etat-civil ******************************/
/************************************************/

#etat-civil h3
{
	padding-left:10px;
	background:none;
}

/************************************************/
/* page telechargement **************************/
/************************************************/

#telechargement dt
{
	padding-left:15px;

	background:transparent
	           url(../img/puce-fleche.png)
	           no-repeat
	           center left;
}
#telechargement dd
{
	padding:0;
}
#telechargement dl
{
	padding:0;
	margin-top:10px;
}
#telechargement .poids
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
#telechargement li
{
	clear:left;
}
#telechargement em
{
	font-size:0.8em;
	font-style:normal;
	color:#9BA7B7;
	background:inherit;
}
#telechargement em a
{
	color:#9BA7B7;
	background:inherit;
}
#liens-connexes #internes a:hover,
#liens-connexes #externes a:hover,
#liens-connexes #internes a:visited,
#liens-connexes #externes a:visited
{
	background-color:#FFF;
	color:#9BA7B7;
}
#bonnes-fetes #contenu-quatre
{
	overflow:hidden;
}
#bonnes-fetes #contenu-quatre img
{
	display:block;
	position:relative;
	top:-20px;
	left:-20px;
}
#etoiles
{
	position:absolute;
	top:-115px;
	left:645px;
}
#lavieestbelle
{
	position:absolute;
	top:-200px;
	left:-180px;
}