/* CSS Document */
*{

  padding:0;
  margin:0;

}

body{

  margin: 0;
  text-align: center;
  background-color:#EAEAE5;
  
}

img{

  border:0px;

}

#bandeau{
  
  height:130px;
  width:937px;
  background: #ffffff url(../images/haut_cadre.jpg) no-repeat;;
  margin:auto;
  margin-top:15px;

}

#logo {
  
  float:left;
  padding-left:12px;
  padding-top:41px;

}

#logo a {

  margin:0;
  padding:0;
  text-decoration:none;

}

#slogan {
  
  float:left;
  padding-left:154px;
  padding-top:15px;
  text-align:left;
  font-family: arial;
  font-size: 14px;
  color: #336666;

}

#phrase2 {

  padding-left:18px;

}

#phrase3 {

  padding-left:47px;

}

#enveloppe {

  float:left;
  padding-left:348px;
  padding-top:25px;
  
}

#basBandeau {

  float:left;
  width:726px;
  height:26px;
  background-color:#e2001a;
  margin-left:24px;
  margin-top:16px;

}

#menuBandeau {

  float:left;
  padding-top:6px;
  padding-left:15px;
  font-family: arial;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;

}

#menuBandeau a {
  
  text-decoration:none;
  color: #ffffff;

}

#menuBandeau .decalage {

  margin-left:100px;

}

#menuBandeau img {

  padding-right:8px;

}

#page {
  
  background-image: url(../images/barre_cadre.jpg);
  background-repeat: repeat-y;  
  width: 937px;
  margin:auto;
    
}

#page #haut {

  text-align:left;
  padding-top:20px;
  
}

#page #haut #gauche {

  margin-left:20px!important;
  margin-left:10px;
  float:left;

}

#page #haut #gauche ul li {

  float:left;  
  list-style-type: none;
  padding-right:4px;

}

#page #haut #gauche ul li img {

  padding-left:2px;

}

#page #haut #droite {

  float:left;
  padding-left:10px;

}
#page #haut #droite #services {
  
  background-image: url(../images/services.jpg);
  background-repeat: no-repeat;
  position: relative;
  width: 172px;
  height:203px;
  margin-top:47px!important;
  margin-top:42px;    
}

#page #haut #droite #services #menu_services {
  
  width:164px;
  padding-top:28px;
  padding-left:5px;

}

#page #haut #droite #services #menu_services a {
 
  text-decoration:none;
  color: #000000;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
    
}

#page #haut #droite #services #menu_services ul {
  
  margin-left:14px;

}

#page #haut #droite #services #menu_services ul li {

  padding-bottom:10px;
  list-style-image: url(../images/puce_rouge.jpg);

}

#page #haut #droite #services #menu_services ul li img {

  padding-right:12px;

}


#page #haut #droite #demande_projet {

  position:relative;
  height:81px;

}

#page #basPage {
  
  clear:both;
  text-align:left;
  padding-left:23px;
  
}

#page #basPage #gaucheBas {

  padding-top:10px;
  float:left;
  width:174px;

}

#page #basPage #centreBas {

  float:left;
  padding-left:5px;
  padding-top:10px;
  
}

#page #basPage #centreBas #hautCentre {
  
  width:533px;
  height:84px;
  border:1px #adadad solid;

}

#page #basPage #centreBas #hautCentre #image {
  
  float:left;
  padding-top:16px;
  padding-left:12px;
  
}

#page #basPage #centreBas #hautCentre #droitCentre {

  padding-left:65px;
  text-align:left;
  padding-top:4px;
  font-family: arial;
  font-size: 12px;
  color:#999999;

}

#page #basPage #centreBas #hautCentre #droitCentre p {

  padding-left:15px;
  padding-right:5px;

}

#page #basPage #centreBas #hautCentre #droitCentre .voir {
  
  text-align:right;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color:#003399;
  padding-right:7px;

}

#page #basPage #centreBas #hautCentre #droitCentre .voir a {

  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color:#003399;
  text-decoration:none;

}

#page #basPage #centreBas #basCentre {
  
  margin-top:12px;
  width:533px;
  height:84px;
  border:1px #adadad solid;

}

#page #basPage #centreBas #basCentre #actu {

  float:left;
  background-color:#abacad;
  width:108px;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  height:23px;
  color:#ffffff;

}

#page #basPage #centreBas #basCentre #actu ul {

  padding-left:20px;
  padding-top:5px;

}

#page #basPage #centreBas #basCentre #actu ul li {
  
  padding-left:4px;
  list-style-image: url(../images/puce_blanche.jpg);
  color:#ffffff;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;

}

#page #basPage #centreBas #basCentre #actu ul li em {

  color:#ffffff;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;

}

#page #basPage #centreBas #basCentre #basActu {

  clear:both;
  padding-left:10px;
  padding-top:10px;

}
#page #basPage #centreBas #basCentre .gauch {
  
  float:left;
  font-family: arial;
  font-size: 10px;
  color:#555555;

}

#page #basPage #centreBas #basCentre .droit {
  
  float:right;
  padding-right:7px;

}

#page #basPage #centreBas #basCentre .voir2 {
  
  text-align:right;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color:#e2001a;

  
}

#page #basPage #centreBas #basCentre .droit .voir2 a {
  
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  color:#e2001a;
  text-decoration:none;

}

#page #basPage #droiteBas #top {

  float:left;
  padding-top:10px;
  padding-left:20px;

}

#page #basPage #droiteBas #top #topG {

  float:left;
  margin-top: 7px;

}

#page #basPage #droiteBas #top #topD {

  float:left;
  padding-top:6px;
  font-family: arial;
  font-size: 14px;
  color:#666666;

}

#page #basPage #droiteBas #top #topD em {

  font-family: arial;
  font-size: 14px;
  color:#666666;
  font-style: normal;
  font-weight: normal;

}

#page #basPage #droiteBas #newsletter {

  float:left;
  padding-left:20px;
  padding-top:20px;

}

#page #basPage #droiteBas #newsletter #newsletterHaut {

  font-family: arial;
  font-size: 14px;
  color:#666666;
  font-weight: bold;

}

#page #basPage #droiteBas #newsletter #newsletterHaut em {

  font-family: arial;
  font-size: 14px;
  color:#666666;
  font-weight: bold;
  font-style: normal;

}

#page #basPage #droiteBas #newsletter #newsletterBas {

  padding-top:10px;
  font-family: arial;
  font-size: 12px;

}

#page #basPage #droiteBas #newsletter #newsletterBas em {

  font-family: arial;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color:#000000;

}

#page #basPage #droiteBas #newsletter #newsletterBas input {

  margin-top:5px;

}

#page #basPage #droiteBas #newsletter #newsletterBas .newsletter {

  float:left;
  
}

#page #basPage #droiteBas #newsletter #newsletterBas #imgBtn {

  padding-top:2px;
  float:left;
  padding-left:6px;

}

#page #basPage #droiteBas #bottom {

  float:right;
  padding-right:5px;
  padding-top:10px;

}

#clr {

  clear:both;

}

#bas {
  
  position:relative;
  width:937px;
  height:13px;
  background-image: url(../images/cadre_bas.jpg);
  background-repeat: no-repeat;
  margin:auto;
  
}

#footer {

  padding-top:5px;
  text-align:center;
  font-family: arial;
  font-size: 11px;
  color:#666666;
  padding-bottom:10px;

}

#footer em {

  text-align:center;
  font-family: arial;
  font-size: 11px;
  color:#666666;
  font-style: normal;
  font-weight: normal;

}

#footer a {

  text-decoration:none;
  text-align:center;
  font-family: arial;
  font-size: 11px;
  color:#666666;

}

h1 {

  font-size: 18px;

}

h2 {

  font-size: 16px;

}

h3 {

  font-size: 14px;

}

#gauche .menu span {

  display: none;

}