body {
margin: 0;
background-color: #303030;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 10px;
color: #303030;
}

a img {
border : 0px;
}

a  {
color: #fff; 
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #fff;
border-bottom: 4px solid #fff;
}

#logo a:hover {
border : 0px;
}

#encours {
border-bottom: 4px solid #fff;
}

#conteneur {
position: absolute;
top: 50%;
width: 100%;
height: 572px;
margin-top: -286px;
background: url(images/background-global.png) repeat-x;
}

#site {
position:absolute;
left: 50%;
top: 0px;
width: 800px;
height: 100%;
margin-left: -400px;
}

#header {
height: 136px;
width: 800px;
}

#logo {
float: left;
width: 184px;
height: 128px;
margin-top: 4px;
}

#menu {
float: right;
margin-top: 107px;
margin-right: 8px;
}

#menu ul {
margin-top: 10px;
}

#menu li {
font-size: 12px;
font-weight: bold;
display: inline;
padding-left: 10px;
}

#contenu {
background: #fff url(images/background-ombre.png) top repeat-x;
padding: 10px;
width: 780px;
height: 384px;
}

#contenu a  {
color: #303030; 
text-decoration: none;
font-style: italic;
}

#contenu a:hover {
text-decoration: none;
color: #303030;
border-bottom: 1px solid #303030;
}

#presentation a  {
text-decoration: none;
font-style: normal;
font-weight: bold;
}

#presentation a:hover  {
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #303030;
}

#contenu h1 {
color: #0068ab;
font-size: 13px;
font-weight: bold;
margin-left: 10px;
margin-bottom: 10px;
}

#contenu h2 {
font-size: 12px;
font-weight: bold;
}

#presentation {
background-color: #e4e4e4;
height: auto;
width: 760px;
padding: 10px;
margin-bottom: 20px;
}

#presentation p, #details p {
text-align: justify;
}

#cv {
background-color: #e4e4e4;
height: 330px;
width: 760px;
padding: 10px;
margin-bottom: 20px;
}

#pdf {
position: relative;
float: right;
padding: 5px;
text-align: center;
}

#listerea img, #listeaccueil img {
border: 2px solid #fff;
}

#listerea li, #listeaccueil li {
text-align: center;
color: #fff;
background-color: #036cb0;
border: 2px solid #fff;
width: 80px;
list-style: none;
margin-bottom: 5px;
margin-left: 0px;
padding: 2px;
}

#listerea ul, #listeaccueil ul {
position: absolute;
top: 10px;
right: 10px;
margin-top: 0px;
}

#footer {
height: 32px;
width: 800px;
}

#footer p {
color: #fff;
text-align: center;
font-size: 9px;
margin-top: 10px;
}

#footer a  {
color: #fff; 
text-decoration: none;
}

#footer a:hover {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
}

#formulaire {
float: left;
background-color: #e4e4e4;
height: 330px;
width: 365px;
padding: 10px;
text-align: center;
}

#coordonnees {
float: right;
background-color: #e4e4e4;
height: auto;
width: 365px;
padding: 10px;
}

.bouton {
background-color: #fff;
border: 1px solid #303030;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 10px;
color: #303030;
}

#listerea, #listeaccueil {
margin-left: -10px;
}
 
#listerea div {
position: relative;
float: left;
background-color: #e4e4e4;
height: 150px;
width: 310px;
padding: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

#listeaccueil div {
position: relative;
float: left;
background-color: #e4e4e4;
height: 150px;
width: 365px;
padding: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

#details {
float: right;
background-color: #e4e4e4;
height: 330px;
width: 400px;
margin-left: 10px;
padding: 10px;
text-align: justify;
}

#imgdetail {
float: left;
}

#details span {
position: absolute;
bottom: 50px;
}

#details span a {
color: #0068ab;
text-align: center;
}

#details a {
font-weight: bold;
font-style: normal;
}

#cv span {
margin-right: 10px;
font-weight: bold;
}

#cv td {
width: 120px;
}

#erreur {
text-align: center;
}

#erreur span {
font-weight: bold;
font-size: 40px;
color: #0068ab;
}