body, table, div, p, ul, li, h1, h2, h3, h4, h5, h6, form, img, hr { margin:0; padding:0;}

body {
  background: #000 url(../../../upload/background/background.jpg) no-repeat top center;
  text-align:center; /* centrer le site ie 6*/
  margin:0 auto 20px auto;
  width:980px;
  font-family:verdana;
  font-size:11px;
  position:relative;
  }

#header, #global {
  text-align:left;
  }
#contenu {
  background:#ffffff;
  } 
a {
  text-decoration:none;
  }

p {
  margin-bottom:12px;
  }
hr {
  clear:both;
  visibility:hidden;  
  }

a:hover {
   text-decoration:underline;
  }
  
a img {
  border:0;
  }

/****************/
/*** HEADER ****/
/**************/
#header {
  height:113px;
  width:980px;
  }

#job {
  float:right;
  margin:60px 0 0 0;
  width:87px;
  height:30px;
  padding:4px 0 0 3px;
  text-align:center;
  background: url(../images/background_emploi-trans.png);
  }

#job a {
  color:#ffffff;
  font-weight:bold;
  font-family:verdana;
  position:relative; /* reactive les liens pour IE (désactivés à cause du script pour transparence png) */
  }

/****************/
/**** MENU *****/
/**************/
ul#menu {
  width:980px;
  height:52px;
  background: url(../images/background_menu-trans.png) no-repeat;
  list-style-type:none;
  color:#ffffff;
  }
  
ul#menu li {
  float:left;
  position:relative;
  }
  
ul#menu li.bouton a  { 
  display:block;
  padding-top:20px;
  width:91px;
  height:32px;
  text-align:center;
  background: url(../images/background_menu_li.jpg) repeat-x top center;
  border-left:1px solid #5c626b;
  border-right:1px solid #5c626b;
  position:relative;
  }
ul#menu li a:hover  {
   background: url(../images/background_menu_li_hover.jpg) repeat-x bottom center;
  }
/* LES DRAPEAUX */ 
ul#menu li#flag {
  border:none;
  width:60px;
  height:26px;
  padding:20px 0 0 18px;
  background:none;
  }
/* LE CHAMP NEWSLETTER */
ul#menu li#newsletter {
  width:250px;
  padding:4px 0 0 0;
  text-align:center;
  background:none;
  border:none;
  }
  
li#newsletter form {
  padding:6px 0 0 8px;
  }
  
#email_email {
  height:14px;
  width:180px;
  border:1px solid #b8bec7;
  font-size:10px;
  }
#email_submit {
    background: url(../images/btn_ok_newsletter.jpg) no-repeat top center;
    width:23px;
    height:23px;
    border:none;
    cursor:pointer;
  }

ul#menu li a {
  text-transform:uppercase;
  color:#ffffff;
  font-family:arial;
  }

/* FOOTER */ 
#footer {
  background: url(../images/background_footer-trans.png);
  width:980px;
  height:30px;
  padding-top:5px;
  font-size:9px;
  color:#8b9097;
  }
#footer p {
  width:980px;
  padding:5px 0 0 0; 
  text-align:center;
  }

#footer a {
  color:#8b9097;
  position:relative; /* reactive les liens pour IE (désactivés à cause du script pour transparence png) */
  }

.bottomright {
  float:right;
  display:block;
  width:250px;
 
  }
.validator {
  position:relative;
  top:-2px;
  }
/* 
* Gallerie photos defilantes
*/

#gallerie {   
  position:relative; 
  margin:0;
  width:980px;
  padding:0 0 15px 0;  
  background:#484e5a; 
  display:none; }

#gallerie ul {
 height:74px;
  width:960px;
  overflow:hidden;
  position:relative;
  }

#gallerie li {  
  padding:0/* 1px 6px 1px*/; 
  overflow: hidden;
  position:absolute;
  width: 99px;
  height: 66px;
  }

#gallerie_left {
  position:absolute;
  top:0;
  left:0;
  z-index:25;
  display:none;
  }
#btn_gallerie_left, #btn_gallerie_right {
  position:absolute;
  z-index:30;
  cursor:pointer;
  display:none;
  }
#btn_gallerie_left {
  top:47px;
  left:8px;
  }
#btn_gallerie_right {
  top:47px;
  left:950px;
  }  

#gallerie_right {
  position:absolute;
  top:0;
  left:941px;
  z-index:25;
  display:none;
  }
.cadre_vignette {
  border:1px solid #414752;
  padding:1px;
  width:95px;
  height:60px;
  }
a:hover img.cadre_vignette {
  border:1px solid #ffffff;
  }
/* CLASSES */
.nombre {
  color:#ffffff;
  }

.cadre {
  padding:2px;
  border:1px solid #dedfe1;
}
.grey {
  color:#616a71;
  }
.pink {
  color:#d01f88;
  }
.blue {
  color:#07a0e0;
  }
.green {
  color:#97bf0d;
  }
.orange {
  color:#e95d0f;
  }
.error {
	color:#af0c6c !important;
	font-weight:bold;
	}

.btn {
  cursor:pointer;
  position:absolute;
  top:0;
  z-index:25;
  }
.btn_ok {
    background: url(../images/btn_ok_pink.jpg) no-repeat top center;
    width:23px;
    height:23px;
    border:none;
    cursor:pointer;
  }
.btn_devis {
  background: url(../images/btn_devis-trans.png) no-repeat top center;
  width:120px;
  height:19px;
  text-align:center;
  padding-top:2px;
  margin-left:10px;
  }
.btn_devis a {
  color:#ffffff;
  font-weight:bold;
  text-transform:uppercase;
  font-size:11px;
  font-family:arial;
  font-weight:bold;
  }