body
{
  margin: 0;
  color: #444;
  text-align: center; /* pour corriger le bug de centrage IE */
  font-family: Arial, Verdana, sans-serif;
  background: transparent url('../images/bg_body.png') center;
 }

#top
{
  background: transparent url('../images/bg_header.png') no-repeat;
  width: 980px;
  height: 19px;
  margin: 10px auto 0 auto;
}

#global
{
  width: 980px;
  margin: 0 auto;
  /*min-height: 620px;*/
  background: transparent url('../images/bg_page.png') repeat-y;
}

#container
{
  width: 960px;
  margin: 0 auto;
  /*margin-left: 10px;*/
}

#header
{
  width: 960px;
  height: 177px;
}

img
{
  border: 0;
}

#logo
{
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

#links /*liens menu haut de page*/
{
  margin-top: 50px;
  margin-right: 5px;
  float: right;
  font-size: 13px;
}

/*--------------------- texte header --------------------*/

#intro {
  clear: both;
  width: 970px;
  height: 100px;
  margin-left: -5px;
  background: #000 url('../images/bg_top.jpg') no-repeat center top;
  color: #CFD0D2;       
}

#intro p {
  padding-top: 50px;         
  margin-left: 20px;
  text-align: center;   
  font-size: 12px;                        
}

#intro a
{
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

#intro a:hover
{
  color: #CFD0D2;
}

/*---------------------- diapo page accueil ----------------*/

#carroussel
{
  width: 970px;
  height: 350px;
  margin: 10px 0 10px -5px;
  padding: 0;
  background-color: #000;
}

#diapo
{
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  width: 970px;
  height: 350px;
}
#diapo li
{
  /margin-left: -485px;
}

#diapo h3 {
   position: absolute;
   top: 300px;
   left: 0;
   width: 100%;     
   padding: 10px 10px 10px 0 !important;
}

#diapo h3 span {
   color: #fff;
   font-size: 16px;
   letter-spacing: 1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px 10px 10px 20px;
   width: 940px;
   height: 20px;
   display: block;              
}

.hider
{
  display:none;	
}

/*----------- trois colonnes page accueil ----------------*/

.column /* colonne entière */
{
  width: 315px;
  /*height: 530px;*/
  float: left;
  margin-bottom: 10px;
}

.center_column
{
  width: 315px;
  margin: 0;
  background: transparent url('../images/bg_col.jpg') repeat-y;

}
html>body .center_column {
height: auto;
min-height: 676px;
/min-height: 660px;
} 

.column_end /* image bas de colonne */
{
  width: 315px;
  height: 20px;
  background: transparent url('../images/col_end.jpg') no-repeat;
  margin: 0;
  clear: both;
}

.column p
{
  text-align: left;
  font-size: 13px;
  line-height: 15px;
  padding: 0 18px 5px 20px;
  /*padding: 0 18px 5px 0;
  float: right;
  width: 151px;*/
}

.service {width: 152px; float: right; margin-right: 16px; padding: 0 0 5px 0 !important;}
.service a {display: block; margin: 3px 0 0 0 !important;}

.column img
{
  float: left;
  border: 5px solid #555;
  margin: 10px 10px 5px 16px;
  width: 110px;
}
.column a img:hover {border: 5px solid #8e8f91;}
.services img, .news img
{
  margin: 10px 10px 0 16px !important;
}

.column hr
{
  background-color: #555;
  margin: 12px 15px 5px 15px;
  \margin: 5px 15px 0 15px;
  height: 3px;
  border: #555;
  clear: both;
}

.mail /*liens mailto*/
{
  background: transparent url('../images/puce_fleche.gif') no-repeat 0 50%;
  padding-left: 14px;
}

.plus /*liens en savoir plus*/
{
  background: transparent url('../images/puce_plus.gif') no-repeat 0 50%;
  padding-left: 14px;
}

a.archives /*bouton archives presse*/
{
  background-color: #555;
  color: #fff;
  padding: 5px;
  text-decoration: none;
  float: right;
}

a.archives:hover
{
  background-color: #cfd0d2;
  color: #fff;
  padding: 5px;
  text-decoration: none;
  float: right;
}

/*-------------- contenu pages -----------*/
#contenu {padding: 10px 30px 10px 30px; text-align: left; font-size: 14px;
  background: transparent url('../images/bg_contenu.jpg') repeat-y;
  width: 900px;         
}
#contenu_top{
  background: transparent url('../images/bg_contenu_top.jpg') no-repeat;
  width: 980px;
  height: 20px;         
  margin: 0;            
}
#contenu_bottom {
  background: transparent url('../images/bg_contenu_bottom.jpg') no-repeat;
  width: 980px;
  height: 20px; 
  margin: 0;               
}
.image {
  float: right;
  border: 5px solid #555; 
  margin-left: 12px;       
}
#contenu p {margin-bottom: 20px; text-align: justify;}
#contenu_presse img {margin-left: 20px;}
#equipe {border: 1px solid #ccc; width: 378px; height: 370px; float: left; padding-left: 10px;}
#equipe img {margin: 20px 10px; border: 0; float: left;}
#fiche {border: 1px solid #ccc; width: 490px; height: 370px; float: right;}
#fiche img {float: left;}

/*--------------- Bas de page : logos -------------------------*/
#clients /* encart clients */
{
  float: left;
  clear: both;
  width: 620px;
  height: 80px;
  background: transparent url('../images/bg_clients.jpg') no-repeat;
  padding: 20px 0 0 20px;
}

#logos /*carroussel logos clients*/
{
  list-style: none;
  margin: 0 0 0 30px;
  padding: 0;
  width: 550px;
  height: 60px;
}
#logos li
{
  float: left;
  display: block;
  /margin-left: -310px;
  padding: 0;
  width: 600px;
  height: 60px;
}

#logos img
{
  float: left;
}

#reseaux /* encart réseaux sociaux */
{
  float: left;
  width: 300px;
  height: 90px;
  padding-left: 15px;
  padding-top: 10px;
  background: transparent url('../images/bg_reseaux.jpg') no-repeat;
}

#reseaux img
{
  float: left;
  margin: 0 0 0 5px;
}

#mentions /* liens bas de page + copyright */
{
  clear: both;
  width: 960px;
  padding-top: 20px;
  font-size: 11px;
  color: #555;
}
#mentions img
{
  vertical-align: bottom;
}
/*--------------- Titres ---------------*/

h1
{
  font-size: 20px;
  height: 35px;
  text-transform: uppercase;
  text-align: left;
  margin-top: 0;
  background: transparent url('../images/ligne_titre.jpg') no-repeat 0 20px;
}

h2
{
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  background-color: #000;
  margin: 0 0 0 3px;
  padding-top: 5px;
  width: 310px;
  height: 29px;
  line-height: 30px;
  background: transparent url('../images/bg_titre02.jpg') no-repeat center top;
}

h3
{
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  padding: 10px;
  /*height: 25px;*/
  text-align: left;
}
h3 a {text-decoration: none;} 
h4
{
  font-size: 15px;
  margin: 0;
  padding: 10px 0 10px 35px;
}
.center_column h4
{
  padding: 10px 0 10px 20px !important;
  text-align: left;
}
/*--------------- Texte ---------------*/
p
{ 
  font-size: 14px;
  margin: 0;
}
.justify {text-align: justify !important;}
ul {margin: 0; padding: 0 0 20px 50px;}
a {color: #444;}
a:hover {color: #8e8f91;}
#retour {
          float: right;
          margin-top: -55px; 
  /*background: transparent url('../images/fleche_retour.gif') top left no-repeat;
  padding-left: 15px;
  line-height: 11px;*/}
/*--------------- Formulaire ---------------*/

input {background-color: #CFD0D2; float: right; width: 180px; height: 15px; border: 0; margin: 0 5px 20px 0;}
label {float: left; margin: 0 5px 20px 0;}
.submit {background: transparent url('../images/submit.jpg') no-repeat 3px 3px; width: 105px; height: 30px; border: 0; color: #fff; font-size: 12px; cursor: pointer;}
.submit:hover {color: #CFD0D2;}
.submit:active {font-weight: bold; color: #fff;}
form {width: 300px; border: 1px solid #CFD0D2; padding: 10px;}
form p {clear: both;}

/*--------------- Google Maps ---------------*/
#google_maps {border: 5px solid #555; float: right;}
/*--------------- Footer ---------------*/

#footer
{
  clear: both;
  background: transparent url('../images/bg_footer.png') no-repeat;
  width: 980px;
  height: 19px;
  text-align: center;
  font-size: 11px;
  margin: 0 auto;
}

.top /*lien haut de page*/
{ 
  text-align: right !important;
  padding-top: 10px;
  font-size: 12px;
}
.top a
{ 
  background: transparent url('../images/puce_top.gif') top left no-repeat;
  padding-left: 15px;
  height: 11px;
}

#pied_page { 
  width: 940px;
  margin: 0 auto 20px auto;
  padding: 0 10px;           
  text-align: justify;
  font-size: 11px;
  color: #999;
}
#pied_page a
{ 
  color: #999;
  }
/*
#controls { z-index: 1000; position: absolute; top: 0; left: 0; display: none;
    background-color: #ffc; border: 1px solid #ddd; margin: 0; padding: 6px; 
    width: 218px;
}
#controls span { margin: 0 5px }
*/

/*--------- PORTFOLIO -----------------*/

#portfolio {width: 480px; /*height: 430px;*/ float: right; margin: 0; }
#slides {border: 5px solid #555; width: 470px; height: 350px;}
#slides ul {list-style: none; padding: 0; margin: 0;}
#description {
margin: 10px 0;
  font-size: 10px;

}
.description
{
  background: transparent url('../images/puce_fleche.gif') 0 3px no-repeat;
  padding-left: 14px;
}
/* NOS CLIENTS - MENU */
/*#menu_clients {float: left; height: 350px; margin-top: 37px;}*/

div.sc_menu_wrapper {
                      float: left;
                      /*position: relative;*/
                      height: 400px;
                      /* Make bigger than a photo, because we need a place for a scroll-bar. */
                      width: 400px;
                      overflow: auto;
}
div.sc_menu {
  /*padding: 15px 0;*/
}
.sc_menu a {
  display: block;
  margin-bottom: 5px;
}

.sc_menu_wrapper .loading {
  /*position: absolute;
  top: 50px;
  left: 10px;*/
  float: left;
  margin: 0 auto;
  padding: 10px;
  width: 100px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;      
  text-align: center;
  color: #fff;
  border: 1px solid rgb(79, 79, 79);
  background: #1F1D1D;
}

#controls {margin: 5px auto; width: 135px;}

.communique
{ 
  font-size: 13px;
  text-align: left;
  padding-right:  18px;

 }

.postes li
{ 
  text-align: justify;
 }