html {
overflow:scroll;
}
body {
background-image: url(../images/barre.jpg);
background-repeat: repeat-x;
background-color: #DADADA;
margin-top: 0px;
}
#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top:116px;
z-index:100;
width:930px;
font-size:11px;
color:#FFFFFF;
left: 50%; 
margin-left: -465px;
line-height:normal;
background-image:url(../images/backgroung_menu.png);
background-repeat:repeat-x;
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
text-align:center;
font-weight: bold;
padding-top:3px;
cursor: pointer;
}
#menu dd {
display: none;
height:100%;
}
#menu li {
text-align:center;
background:#42587D;
}
#menu li a, #menu dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
height:100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
color:#000000;
}
a:link {
color: #769CDD;
text-decoration:none;
}
a:visited {
color: #769CDD;
text-decoration:none;
}
a:hover {
color: #4D6691;
text-decoration:underlined;
}
a:active {
color: #4D6691;
text-decoration:none;
}
#container {
width:950px;
background-color:#FFFFFF;
position:absolute;
top:0;
left: 50%; 
margin-left: -475px;
z-index:1;
}
#separateur-menu {
width:940px;
margin-left:10px;
}
#bandeau {
width:950px;
height:119px;
margin-bottom:30px;
}
#contenu-gris {
background-color:#DEDEDE;
width:930px;
margin-left:10px;
margin-bottom:50px;
}
#contenu-gris-gauche {
width:600px;
float:left;
}
#contenu-gris-gauche .image {
width:126px;
float:left;
margin-top:10px;
margin-left:5px;
margin-right:10px;
margin-bottom:20px!important;margin-bottom:0;
}
#contenu-gris-gauche .animation {
width:580px;
clear:both;
margin-top:20px;
margin-left:10px;
margin-bottom:20px;
}
#contenu-gris-droite {
width:310px;
float:left;
margin-top:10px;
}
#img-news {
border:1px solid #FFFFFF;
width:300px;
}
#texte-news2 {
background-color:#FFFFFF;
width:302px;
height:150px;
background-image:url(../images/background_news.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
#texte-news2 .gauche {
width:110px;
float:left;
text-align:center;
font-family: Arial;
font-size: 11px;
font-style: italic;
font-weight: bold;
color: #4D6691;
text-decoration: none;
padding-top: 8px;
padding-right: 5px;
}
#texte-news2 .droite {
width:177px;
float:left;
font-family: Arial;
font-size: 9px;
color: #4D6691;
padding-left: 10px;
padding-top: 10px;
}
.news {
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #CCCCCC;
text-align: left;
}
.date {
font-family: Arial;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #769CDD;
}
#offre-emploi {
width:310px;
margin-top:30px;
}
#adresse {
width:100%;
font-family: Arial;
font-size: 9px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #4D6691;
text-decoration: none;
padding-top: 30px;
text-align:center;
}
.pres {
font-family: arial;
font-size: 11px;
color: #4d6691;
text-decoration: none;
}
.pres2 {
font-family: arial;
font-size: 12px;
font-weight:bold;
color: #4d6691;
text-decoration: none;
}
.chantierclient {
font-size: 10px;
font-weight: bold;
color: #769CDD;
text-decoration: none;
padding-left: 10px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 3px;
}
.chantiernature {
font-size: 9px;
color: #4D6691;
text-decoration: none;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 3px;
padding-right: 5px;
}
.chantiermaitre {
font-size: 9px;
color: #B7B662;
text-decoration: none;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 10px;
}
.phototitre {
font-size: 11px;
font-style: italic;
font-weight: bold;
text-transform: none;
color: #4D6691;
text-decoration: none;
padding-top: 2px;
padding-left: 2px;
}
.photodate {
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #769CDD;
text-decoration: none;
text-align: right;
padding-top: 5px;
padding-right: 2px;
}
.photocom {
font-size: 9px;
color: #AEAEAD;
padding-top: 10px;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 2px;
}
.datenews1 {
font-size: 10px;
color: #769CDD;
text-align: left;
}
.datenews2 {
font-size: 10px;
color: #7D7D7D;
text-align: left;
}
.texte-news {
font-family: Arial;
font-size: 9px;
font-weight: normal;
color: #4D6691;
text-decoration: none;
}
.titre-actu {
font-size: 12px;
font-weight: normal;
color: #BF164D;
text-align: left;
white-space: normal;
}
.titre-actu2 {
font-size: 12px;
font-weight: normal;
color: #4D6691;
text-align: left;
white-space: normal;
}
.calepin {
background-color: #FFFFFF;
background-image: url(../images/recrutement_06.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
.recru-poste {
font-size: 11px;
font-weight: bold;
color: #BF164D;
}
.recru-niveau {
font-size: 10px;
color: #769CDD;
text-decoration: none;
}
.recru-competences {
font-size: 10px;
color: #4D6691;
line-height: 16px;
}
.recru-denominations {
font-size: 10px;
color: #B4B4B4;
text-align: right;
}
.contacts-fonction {
font-size: 9px;
font-style: normal;
color: #769CDD;
margin-left :18px;
line-height: 20px ;
}
.contacts-nom {
font-size: 10px;
font-weight: bold;
color: #4D6691;
line-height:25px;
text-transform: uppercase;
}
.contacts-prenom {
font-size: 10px;
font-weight: bold;
margin-left :18px;
color: #4D6691;
line-height:25px;
text-transform: capitalize;
}
.contacts-phone {
font-size: 10px;
font-weight: normal;
color: #BF164D;
margin-left :18px;
line-height: 25px ;
}
a.contacts-liens:link{
font-size: 9px;
color: #4D6691;
decoration:underlined;
margin-left :18px;
line-height: 15px ;
}
a.contacts-liens:visited{
font-size: 9px;
color: #769CDD;
decoration:underlined;
margin-left :18px;
}
a.contacts-liens:hover{
font-size: 9px;
color: #769CDD;
decoration:underlined;
margin-left :18px;
line-height: 15px ;
}
a.contacts-liens:active{
font-size: 9px;
color: #769CDD;
decoration:underlined;
margin-left :18px;
}
.images {
border:1px solid #FFFFFF;
margin-bottom:10px;
}
ul {
list-style-type:disc;
}
li{
list-style-type:disc;
}
.texte-news-accueil {
font-family: Arial;
font-size: 12px;
color: #4D6691;
}