/*----------------------General------------------------*/
/*-------------------<--  Benj -->---------------------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

html, body {
    height: 100%;
}
body {
background-color: #E6F2FF;
text-align: center;
font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
color: #000;
height: 100%;
position: relative;
}
#conteneur {
width:800px;
position: absolute;
left: 50%;
margin-left:-400px;
text-align:left;
background: transparent url(design/body_background.gif) 0 0 repeat-y;
min-height: 100%
}

/*---- bandeau -------*/
#bandeau {
margin: 0 11px 0 11px;
padding-bottom: 7px;
background: #E52525 url(design/bandeau_bas.gif) bottom left repeat-x;
}
#bandeau p{
line-height: 26px;
color: white;
font-size: 1em;
padding-left: 10px;
}
#bandeau p#trav_tempo {
position: absolute;
right: 20px;
top: 112px;
font-style: italic;
padding-right: 10px;
font-size: 1.3em;
}

/*---- menu -------*/
#menu {
float: left;
font-size: .8em;
margin-top: 25px;
margin-left: 11px;
width: 165px;
font-weight: bold;
background: #EDF2F8 url(design/menu_milieu.gif) 0 0 repeat-y;
}
#menu_bas {
background: #EDF2F8 url(design/menu-bas.gif) 0 0 no-repeat;
height: 35px;
font-size: 1px;
}
#menu ul {
background: transparent url(design/menu_haut.gif) 0 0 no-repeat;
padding-top: 30px;
padding-bottom: 10px;
}
#menu li {
background: transparent url(design/menu_puce.gif) 0 4px no-repeat;
list-style-type: none;
padding-left: 13px;
margin: 0px 2px 13px 6px;
letter-spacing: -.02em;
word-spacing: -.15em;
}
#menu a {
color: #0033CC;
text-decoration: none;
}
#menu a:hover {
color: #0033CC;
text-decoration: underline;
}
#menu #lien_actif a {
color: #e52424;
}


/*---- Texte -------*/
#texte {
margin-top: 25px;
margin-left: 200px;
}

/*---- texte2 -------*/
#texte2 {
width: 572px;
background: #EEEEEE url(design/emploi_milieu.gif) 0 0 repeat-y;
position: relative;
}
#texte2_haut {
background: transparent url(design/emploi_haut.gif) 0 0 no-repeat;
height: 42px;
font-size: 1px;
}
#texte2_bas {
background: transparent url(design/emploi_bas.gif) 0 0 no-repeat;
height: 15px;
font-size: 1px;
}
#texte2 h1 {
color: white;
position: absolute;
top: 1px;
left: 40px;
font-size: 1.1em;
}
#texte2 h2 {
color: #ff8a3b;
font-size: 1em;
margin: 5px 15px 15px 15px;
}
#texte2 h3 {
font-size: .9em;
font-weight: bold;
margin: 5px 15px 15px 15px;
}
#texte2 p {
margin-left: 15px;
margin-right: 15px;
padding-bottom: 8px;
}
#texte2 a {
color: #ff8a3b;
}
#texte2 a:hover {
text-decoration: none;
}
strong, b {
color: #004c99;
}
.floatleft {
float: left;
margin: 5px 5px 5px 15px;
}
.floatright {
float: right;
margin: 5px 15px 5px 5px;
}
.center {
text-align: center;	
}
hr {
clear: both;
visibility: hidden;
}
#texte2 ul {
font-size: .8em;
margin: 5px 15px 15px 40px;
}
#texte2 img.cadre{
margin: 5px 5px;
background: white;
padding: 5px 5px;
border: 1px solid #CCCCCC;
}

/*----------------------------------------------*/
/*---- Pied de page -------*/
/*----------------------------------------------*/
#pied_page {
padding-top: 20px;
padding-bottom: 10px;
text-align: center;
font-style: italic;
clear: both;

}
#pied_page img{
position: relative;
top: 5px;
}