body
{
	background-color:#eeeeee;
	background-image:url(/images/background_left.png);
	background-repeat:repeat-y;
	background-position: left;
	color:#000000;
	text-indent:0;
	font-family:sans-serif;
	font-size:medium;
	margin:0;
	height:100%; /* needed to display bkgnd2 at full height in IE */
}

#bkgnd2 {
	position: absolute; /*needed to expand to full height beyond content in FF */
	top: 0px;
	right: 0px;
	height:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/
	width:100%;
	background-color:transparent;
	background-image:url(/images/background_right.png);
	background-repeat:repeat-y;
	background-position:right;
	text-align:center; /*centers #main in old IE*/
	}

* html #bkgnd2 {
	height:100%; /*sets bkgnd2 to full height in IE w short content -- also need height:100% in body*/
}

#header
{
	background-image:url(/images/erwanhome_background.png);
	background-repeat:repeat;
	text-align:center;
	padding:0.5em 0em;
        border-bottom:solid 0.25em #000000;
	border-top:solid 0.2em #000000;
}

#header a,
#header a:hover,
#header a:visited
{
	text-decoration:none;
	color:#000000;
}

#main
{
	text-align:left;
        margin-left:40px;
        margin-right:40px;
}

#menu
{
        width:15em;
        margin:1em 0.5em 1em 1em;
	padding:0;
	float:right;
}

#date
{
        background-color:#FFE182;
        border:solid 2px #042073;
	text-align:center;
	font-size:small;
	font-weight:bold;
	margin:0 0 1em 0;
	padding:0.2em 0.3em ;
}

/* MENU */

#nav
{
        padding:0;
        margin:0 0 0.5em 0;
        font-family:sans-serif;
        font-size:0.75em;
}

#nav,
#nav ul,
#nav li
{
        list-style:none;
}

#nav li.level1
{
	margin:0 0 0.4em 0;
	line-height:1.8em;
	padding:0;
        border:solid 2px #042073;
        background-color:#FFE182;
	text-indent:1ex;
}

#nav ul.level2
{
        padding:0 0 0.2em 0.5em;
        margin:0;
}

#nav ul.level2 li
{
        line-height:1.2em;
        margin:0;
        padding:0;
	border:solid #FFE182 1px;
        border-top:solid 1px #E88700;
}


#nav li a:visited
{
}

#nav li a:hover
{
        color:#fef577;
        background:#042073;
}

#nav li a
{
        text-decoration:none;
        padding:0;
	margin:0;
	display:block;
}


/* END MENU */

#content
{
	margin:0;
        padding:1em 2em;
}

#traductions
{
        font-size:80%;
}

.page_header
{
border:solid 1px #BBBBBB;
background-color:#E5E5E5;
height:1.4em;
}
.header_left
{
        padding:0.1em 0 0 5em;
        float:left;
        text-align:right;
}
.header_right
{
        padding:0.1em 5em 0 0;
        float:right;
        text-align:left;
}

#copy
{
        font-size:80%;
	text-align:center;
}

#copyright
{
	background-color:#DDDDDD;
	border:thin solid #555555;
        padding-top:4px;
        padding-bottom:4px;
        padding-left:18px;
        padding-right:18px;
	font-size:80%;
}

#partenaires,
#partenaires a,
#partenaires a:hover,
#partenaires a:visited
{
	text-align:center;
	font-size:small;
	color:#888888;
	margin:2em 0 0 0;
	padding:0;
}

.justification
{
        font-size:85%;
        padding-left:4em;
	font-style:italic;
}

.legende p
{
text-align:center;
font-style:italic;
font-size:smaller;
text-indent:0;
margin:0;
padding:0;
}

p
{
	text-indent:0px;
}

pre
{
	text-indent:0px;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	text-indent:0px;
}

hr
{
	height:2px;
	text-align:center;
}

sup
{
font-size:60%;
}

.code_html
{
	padding:0.2em 1em 0.2em 1em;
	border:solid 1px #BBBBBB;
	background-color:#E5E5E5;
}

.code
{
	font-family: monospace;
	color:#0000ff;
}

.italic
{
font-style:italic;
}

br.clear
{
clear:both;
}

br.left
{
clear:left;
}

.center
{
	text-align:center;
}

.right
{
	text-align:right;
}

.left
{
	text-align:left;
}

table.center
{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.underlined
{
	text-decoration:underline;
}
/* tabulation utilisee dans la page cv */
.tab
{
	margin-left:8em;
	text-indent:0;
}

/* titres dans la page cv */
.title
{
	text-align:center;
	font-size:large;
	font-weight:bold;
	text-indent:0px;
}
.html
{
	background-color:#CCCCCC;
	border:solid thin #000000;
	padding-top:4px;
        padding-bottom:4px;
	padding-left:18px;
        padding-right:18px;
}
.indent
{
	margin-left:5ex;
	text-indent:0px;
}
img
{
	border: 0;
	text-indent:0;
	padding:10px;
}
img.right
{
float:right;
}
img.left
{
float:left;
}
img.center
{
margin-left:auto;
margin-right:auto;
display:block;
}
img.middle
{
vertical-align:middle;
text-align:left;
}
img.border
{
border:2px solid #000000;
padding:0;
margin:10px;
}
.nomargin
{
margin:0;
}
.nopadding
{
padding:0;
}
.travels
{
vertical-align:middle;
border:solid 1px #000000;
padding:0;
margin:10px 10px 20px 10px;
}
a
{
	color: #0000FF;
}
a:visited
{
	color: #800080;
}
a:hover
{
        color:#fef577;
        background:#042073;
}
.spywords img
{
	padding:0;
}
.image a:hover,
a.image:hover
{
	background:none;
        color:#0000ff;
}
.color1
{
background-color:#CCCCCC;
}
table.table_html
{
background-color:#E5E5E5;
border:solid 1px #BBBBBB;
border-spacing:0;
}
table.table_html td
{
padding:0.2em 0.6em;
border:solid 1px #BBBBBB;
font-size:85%;
}
table.table_html th
{
padding:0.1em 0.5em;
border:solid 1px #999999;
}
table.caracteres_speciaux
{
text-align:center;
background-color:#E5E5E5;
border:solid 1px #BBBBBB;
border-spacing:0;
}
table.caracteres_speciaux th
{
padding:0.2em 0.5em 0 0.5em;
border:solid 1px #999999;
background-color:#CCCCCC;
}
table.caracteres_speciaux td
{
padding:0.2em 0 0 0;
border:solid 1px #BBBBBB;
}
table.caracteres_speciaux td.caractere
{
font-size:95%;
/*
font-family:sans-serif,verdana,"Arial Unicode MS",verdana;
*/
}
table.caracteres_speciaux td.commentaire
{
font-size:95%;
padding:0.2em 0.5em 0 0.5em;
text-align:left;
}
#hacker_faq col
{
width:1%;
text-align:left;
}
#hacker_faq tbody td.question
{
text-align:left;
vertical-align:top;
width:1%;
}
#hacker_faq tbody td.answer
{
text-align:left;
vertical-align:top;
}