/* Feuille de style d'Arnaud BAZIN
	http://perso.wanadoo.fr/arnaud.bazin/
	Medium : screen
	Mars 2006 */

/* Stylage des calques */

#conteneur {
position: absolute;
width: 90%;
margin: 0 5%;
background: url(images/computer.png) right fixed no-repeat;
}

#header {
padding: 1em 0;
text-shadow: 0.1em 0.1em white;
}
#header ul {
margin: 0;
background: rgb(240,245,250) url(images/fondh.png) top left repeat;
border-right: 1px solid #3140A5;
border-bottom: 1px solid #3140A5;
}
#header li {
display: inline;
padding: 0 2em;
font-size: 1.2em;
}

#gauche {
position: absolute;
top: 3em;
left: 0;
width: 15em;
text-shadow: 0.1em 0.1em white;
}

#centre {
margin: 0 0 1em 20em;
padding: 0.5em;
text-align: justify;
min-height: 30em;
}
#centre ul {
margin: 0;
padding: 0;
}
#centre li {
margin: 0 0 0 8em;
padding: 0 0 0 1em;
list-style: none;
}

#droite { float: right;}

#pied { 
margin: 1em 0 0 0;
padding: 1em 0;
text-align: center;
text-shadow: 0.1em 0.1em white;
}
#pied ul {
margin: 1em 0;
background: rgb(240,245,250) url(images/fondh.png) top left repeat;
border-right: 1px solid #3140A5;
border-bottom: 1px solid #3140A5;
}
#pied li {
text-align: right;
display: inline;
padding: 0 1em;
}

/* Stylage des classes */

.mail {
font-size: 1.2em;
border-bottom: 2px solid #CC0000;
padding: 1em 0 1em 1em;
}
.mail:after { content: " " url(images/mail.png);}

.menugauche {
list-style-type: none;
margin: 2em 0 0 0;
padding:0;
font-weight: bold;
font-style: italic;
}
.menugauche li {
width: 14em;
background: rgb(240,245,250) url(images/fondh.png) top left repeat;
border-right: 1px solid #3140A5;
border-bottom: 1px solid #3140A5;
margin: 1em 0;
padding: 0 0 0 1em;
}
.menugauche a {
padding: 0;
font-size: 1.1em;
}
.menugauche a:hover { text-transform: uppercase;}

.pdf:after { content: " " url(images/apdf.png);}
.ext:after { content: " " url(images/aoutside.png);}

.droite {
float: right;
font-weight: bold;
}

.centre { text-align: center;}

/* Stylage des balises */

body {
font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size: 0.9em !important;
margin: 0;
padding: 0;
background: #7dafe6 url(images/fond.png) top left repeat-x;
}

h1 {
font-size: 1.3em;
text-align: center;
color: #3140A5;
text-shadow: 0.2em 0.2em white;
}

h2  {
font-size: 1.1em;
text-align: center;
color: #CC0000;
}
h2.cv { 
font-size: 1.1em;
text-align: left;
padding: 0 0 0.5em 1em;
border-bottom: 2px solid;
}

h3  { 
padding: 0;
margin: 0 0 0 1em;
color: #CC0000;
}
h3.cv {
margin-left: 1em;
font-size: 1em;
}

h4 {
padding: 0;
margin: 0.5em 0 0.5em 3em;
text-decoration: underline;
}

h5 { margin: 0.5em 0 0.5em 4em;}

a {
font-style: italic;
color: #000;
text-decoration: none;
}
a:hover, a:focus {
color: #3140A5 !important;
background : rgb(240,245,250) url(images/slash.png) repeat;
}

p { margin-bottom: 1em;}

acronym.premier {
cursor: help;
border-bottom: 1px dashed;
}

img { border:none;}

kbd { 
background: rgb(240,245,250) url(images/slash.png) left repeat;
font-weight: bold;
padding: 0px 1px 0px 1px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #3140A5;
}

dl { margin: 1em 0;}
dl.cv dt { border: none;}
dl.cv dd { padding-left: 5em;}

dt {
font-size: 1.2em;
font-weight: bold;
border-top: 2px solid #CC0000;
padding: 0.5em 0.5em 0.5em 2em;
}

dd {
left: 0;
margin: 0;
padding: 0 0 0 1em;
}