.clear{
    clear: both;
  }
  
  body{
    background: url('../img/bg.jpg') repeat-y center;
    /height: 1%;
    font-family: Arial, sans-serif;
  }
	/**** 
	 *  Conteneur global 
	 * ****/
	 #global
	 {
    width: 810px;
    margin: auto;
   }
   
   
   /****** 
    * Entete 
    * ****/
    #header {
      
      height: 136px;
      _margin-bottom: 2px;
      width: 785px;
      
    }
    
    
   /****** 
    * Menu 
    * ****/
    #menu {
      height: 28px;
      width: auto;
      margin-top: -1px;
      width: 785px;
    }
    
    #menu li {
      list-style: none;
      float: left;
      position: relative;
      width: 102px;
      height: 28px;
    }
    
    
    .ms_menu{
      position: absolute;
      display: none;
      z-index: 1;
      *left: 102px;
      left: 0;      
      left: 102px\9;     
       
      
      margin-top: -1px;
    }
    
    
    #menu li .ms_menu li {
      float: none;
      height: auto;
      width: auto;
      _height: 15px;
    }
    
    #menu li .ms_menu li a:link, #menu li .ms_menu li a:visited  
    {
      color: white;
      padding: 4px;/*
      overflow: hidden;
      width: 150px;*/
      background: none;
      display: block;
      font-weight: bold;
      font-family: helvetica;
      text-decoration: none;
      font-size: 12px;
    }
    
    
    #menu li .ms_menu li a:hover{
      background: white;
      color: black;
    }
    
    .menuOne {
      margin-left: 15px; 
      _margin-left: 5px;
    }
    
    #menu li.sep {
      width: 5px;
      background: url('../img/spacer_menu.jpg') no-repeat 2px 4px;
      /height: 1%;
    }
    
    #menu a.menu {
      display: block;
      text-align: center;
      width: 102px;
      height: 28px;
      text-indent: -5000px;
    }
    
    
    
   /****** 
    * Sous Menu 
    * ****/
    
    #sous_menu {
      min-height: 478px;
      _height: 478px;
      padding: 0 15px 0 10px; 
      width: 203px;
      float: left;
      
    }
    
    
    .last_news 
    {
      margin-left:35px;
      margin-top: -200px;
      color: white;
      font-size: 11px;
      position:absolute;
      width:180px;
      text-align: justify;
      background: url('../img/sep_sous_menu.gif') 0 20px repeat-x;
      /height: 1%;
      
    } 
    
    .last_news .tetiere
    {
      font-size: 13px;
      
      font-weight: bold;
    }
    
    .last_news p{
      margin-top: 20px;
    }
    
    #sous_menu li {
      list-style: none;
      padding-left: 25px;
    }
    
    #sous_menu li.sep_sous_menu {
      margin-left: 26px;
      height: 1px;
      background: url('../img/sep_sous_menu.gif') repeat-x;
      /height: 1%;
      font-size: 1px;
      line-height: 0;
      *margin-top: -3px;
    }
    
    #sous_menu li a span {
        display: block;
        height: 20px;
        cursor: pointer;
    }
    
    .sous_menus {
      display: none;
    }
    
    #sous_menu li a {
      display: block;
      text-indent: -5000px;
      height: 20px;
    }
    
    #content.distributor #sous_menu li a {
      text-indent: 0;
      color: white;
      font-size: 12px;
      text-decoration: none;
      line-height: 20px;
      padding-left: 8px;
      font-weight: bold;
      font-family: Verdana;
    }
    
    
    #global .sous_sous_menu a:hover,#global  .sous_sous_menu .ss_selected a{
      background-position: 0px -21px;
      
    }
    
    .sous_sous_menu{
      display: none;
      *margin-bottom: 3px;
    }
    
    
    #sous_menu li .sous_sous_menu li {
      background: none;
      padding-left: 0;
      
      *margin-top: -3px;
    }
    
    #sous_menu li ul li{
    }
    
    #sous_menu li.s_selected ul {
      *margin-top: -1px;
    }
    
   /****** 
    * Conteneur 
    * ****/
    #content{
      width: 785px;
      
      padding-top: 2px;
      background: #fff url('../img/menu_bottom.gif') repeat-x top;
      /height: 1%;
      line-height: 13px;
      
    }
    
    #contentDetails {
      padding: 30px 0 20px;
      /height:1%;
    } 
    
    #contentOverflow {
    /height:1%;
    }
    
    #content_left {
      padding: 20px 0;
      width: 400px;
      margin: 0 25px 0 10px;
      _margin: 0 17px 0 5px;
      float: left;
    }
    
    .img_news {
      float:left;
      width: 120px;
    }
    
    .titre_news 
    {
      margin-bottom: 10px;
    }
    
    
    .article_news{
      float: left;
      width: 280px;
      text-align: justify;
      font-size: 11px;
    }
    
    #content_right .article_news{
      width: 214px;
    }
    
    
    #content_right {
      float: left;
      _margin-right: -100px;
      width: 335px;
      padding: 20px 0;
    }
    
    .readMore {
      display: block;
      font-size: 11px;
      margin: 10px 0 20px;
      text-align: right;
      padding-right: 10px;
    }
    
    .beautifuer {
    float: left;}
    
    #univers {
      height: 190px;
      border-bottom: 1px solid #FFF;
      width: 785px;
    }
    
    #univers img {
      _margin-bottom: -5px;
    }
    
    .sep_univers {
      background: #c4d5dd; 
      height: 2px; 
      font-size: 2px;
      line-height: 0;
      border-bottom: 1px solid #fff; 
      width: 785px;
    }
    
    /********
     * Articles
     * ******/
     #articles {
      float: left; 
      width: 525px;
      font-size: 11px;
      padding: 0 0 0 20px;
      
      text-align: justify;
      
     }
     
     .article_texte
     {
      padding-left: 12px;
     }
     
     #articles .img{
      float: left;
      margin: 0 10px 10px -9px;
      _margin: 0 5px 5px -4px;
     }
              
    
    /****** 
    * Pied de page 
    * ****/
   
    #footer {
      height: 20px;
      width: 785px;
      width: auto;
       /height:1%;
    }
    
    #footer li.sep {
      width: 4px;
      background: url('../img/spacer_footer.jpg') no-repeat 2px 4px;
      /height: 1%;
    }
    
    #footer li {
      float: left;
      width: 105px;
      height: 20px;
      list-style: none;
    }
    
    .footerOne {
      margin-left: 438px; 
      _margin-left: 219px;
    }
    
    #footer li a {
      text-indent: -5000px;
      display: block;
      _height: 20px;
    }
    
    #footer li a span {
      display: block;
      _cursor: pointer;
      height: 20px;
    }
    
    
    .footer_again{
      background: url('../img/menu_bottom.gif') repeat-x top;
      /height: 1%;
      height: 10px;
      width: 785px;
    }
    
    
    /****** IMAGES BEAUTIFUER *****/
    
	   .fancy_no {
	     padding-left: 5px;
      background: url('../img/beauty_no.gif') top left no-repeat;
     }
     
	   .fancy_ne {
	     padding-right: 7px;
      background: url('../img/beauty_ne.gif') top right no-repeat;
     }
     
	   .fancy_n {
      background: url('../img/beauty_n.gif') top repeat-x;
      padding-top: 4px;
     }
     
	   .fancy_so {
	     padding-left: 6px;
      background: url('../img/beauty_so.gif') bottom left no-repeat;
     }
     
	   .fancy_se {
	     padding-right: 9px;
      background: url('../img/beauty_se.gif') bottom right no-repeat;
     }
     
	   .fancy_s {
	     padding-top: 5px;
      background: url('../img/beauty_s.gif') bottom repeat-x;
     }
     
     
	   .fancy_e {
	     padding-left:6px;
	     padding-top:1px;
      background: url('../img/beauty_e.gif') right repeat-y;
     }
     
     
	   .fancy_o {
	     margin-left: 2px;
      background: url('../img/beauty_o.gif') left repeat-y;
     }
     
#formContact
{
  margin: auto;
  font-size: 12px;
}

#formContact label {
  display: block;
  padding: 10px 0 5px;
}

#formContact .input, #formContact textarea{
  border: 1px solid #89BBF1;
  color: #0F2A8D;
  background: #fff;
  width: 300px;
}


.article {
  clear: both;
}

.error {
  font-weight: bold;
  color: red;
}

/**** CLIENT ACCESS ***/

#clientAccess
{
  margin-top: 30px;
}

#clientAccess label 
{
    float: left;
    width: 150px;
}

#clientAccess p
{
  clear: both;
  margin-top: 5px;
}

#clientAccess .input, #clientAccess button, #clientAccess textarea 
{
  border: 1px solid #0185C3;
  background: white;
  width: 150px;
}