#naked
{
	display:none
}

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

html
{
	margin:0;
	padding:0;
	
}
body
{

	margin:1cm;
	padding:0;

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

	color:#062249;

	background:#FFF;

	font-size:14pt;
}

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

#contenu
{
	margin-top:20pt;
}

#contenu-quatre p a:after,
#contenu-quatre li a:after,
#contenu-quatre dt a:after,
#contenu-quatre dd a:after
{
	content:"["attr(href)"]";
	margin:0 2pt;
	font-size:8pt;
}

/*
#contenu-quatre p a[href^="/"]:after,
#contenu-quatre li a[href^="/"]:after,
#contenu-quatre dt a[href^="/"]:after,
#contenu-quatre dd a[href^="/"]:after
{
	content:"[http://www.20cent.net"attr(href)"]";
}
*/


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

#liens-navigation
{
	text-align:center;
	display:block;
	margin-top:16pt;
	position:absolute;
	top:28pt;
	font-size:12pt !important;
}

#liens-navigation
{
	position:absolute;
	top:14pt;
	border-left:4pt solid #F2F3F7;
	padding-left:10pt;
}

#liens-connexes #internes
{
	position:absolute;
	top:46pt;
	border-left:4pt solid #F2F3F7;
	padding-left:10pt;
}

#liens-connexes #externes
{
	display:none;
}

#liens-navigation li,
#liens-connexes #internes li
{
	font-size:8pt;
	display:inline;
	margin:0 2pt;
}

/* attention ici a la syntaxe                   */
#accueil #bouton-accueil,
#etat-civil #bouton-etat-civil,
#formation #bouton-formation,
#experiences-professionnelles
#bouton-experiences-professionnelles,
#competences #bouton-competences,
#portfolio #bouton-portfolio,
#contact #bouton-contact,
#moteur-de-recherche #recherche,
#aide-a-la-navigation #aide,
#accessibilite-et-conformite #politique
{
	text-decoration:none !important;

	color:#65A019 !important;

	font-weight:bold;
	
	background:#FFF;
}

/************************************************/
/* site personnel *******************************/
/************************************************/

#site-personnel
{
	display:none;
}

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

.cache,
hr,
noscript,
.haut-de-page span,
caption
{
	display:none;
}

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

img
{
	border:0;
}
acronym,
abbr
{
	border-bottom:0;
}
acronym[title]:after,
abbr[title]:after
{
	content:"- "attr(title);
	font-style:italic;
	font-size:10pt;
	margin:0 2pt;
}
a
{
	color:#062249;
	text-decoration:none;
	background:#FFF;
}
p,
address
{
	margin:0;
	padding:10pt;

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

	font-size:0.7em;

	page-break-inside:avoid;
}
dt
{
	padding:0;
	margin-bottom:10pt;

	font-weight:bold;
}
dd
{
	padding:0;
	margin-left:16pt;
}
kbd
{
	margin:0;
	padding:2pt;

	white-space:nowrap;

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

	line-height:2em;

	color:#062249;

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

	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 **************************************/
/************************************************/

.droite
{
	text-align:right;
}
.fleche
{
	padding-left:15pt;

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

	border:1pt solid #DDD;
	
	color:#062249;
}
.important strong
{
	font-weight:normal;
}
.important a
{
	background:#F2F3F7;
	color:#062249;
}
.information
{
	padding-left:20pt;

	background:transparent
	           url(/img/picto-info.png)
	           no-repeat
	           left;
}
.haut-de-page
{
	display:none;
}
.vignette
{
	padding:1pt;
	border:2pt solid #9BA7B7;
}

/************************************************/
/* titres ***************************************/
/************************************************/

h1
{
	margin:0;
	padding:0;

	text-align:right;
}
h1 a
{
	display:block;
}
h2
{
	margin:0;
	padding:0 0 0.8em 0;

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

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

	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;
	
	background:#FFF;
}

h1,
h2,
h3,
h4
{
	page-break-after:avoid;
}

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

form
{
/*	display:none;                               */
}
fieldset
{
	border:1pt solid #667788;
	padding-top:10pt;
}
legend
{
	font-size:0.8em;
	margin:0 5pt;
	color:#65A019;
}

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

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

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

	border-left:4pt solid #F2F3F7;
}

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

table
{
	margin:10pt;
	padding:0;

	font-size:0.7em;

	background:#FFF;

	width:100%;
	
	color:#062249;
}
table,
table tr,
table td,
table th
{
	padding:4pt;

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

	color:#062249;
}

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

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

	border-left:4pt solid #F2F3F7;
}

#sommaire ul
{
	display:none;
}

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

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

	margin-top:10pt;
}
#portfolio dl
{
	margin-bottom:20pt;
}
#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:12pt;
	height:12pt;
}

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

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

#contact #mail
{
	width:14em;
}

#contact #coordonnees-telephoniques
{
	margin-top:15pt;
}

#contact #formulaire-de-contact
{
	display:none;
}

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

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

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

#competences #points-forts
{
	background:transparent
	           url(/img/puce-fleche.png)
	           no-repeat
	           left;
}