@import url(commun/reset.css);
@import url(menu_superieur.css);

/**
 *	Feuille de style gerant la structure du site
 *	
 *	@project	
 *	@site			
 *	@cssdoc		0.2.22
 *	
 */

body {
  background :#7E7571;
}
 
 /**
 * Zone Site
 * @section Conteneur
 */

#conteneur{
	position :relative;
	margin :0 auto;
	width :1000px;
	background :#7E7571;
}

  /**
   * Mise en forme de la structure de contenue gauche 
   * @subsubsection gauche
   */
	
  .gauche {
    float:left;
    width :230px;
  }
  .client {
    background: #7E7571 url(../images/fond_reference.gif) no-repeat top !important;
    position :relative;
    width:1020px;
    margin:0 auto;
  }
  .client #conteneur {
    background:transparent;
  }

	/**
	 * Zone d'en tete
	 * @subsection en tete
	 */
	
	#entete{
		height :87px;
	}
	
	/**
	 * Zone de contenue 
	 * @subsection Contenue
	 */
	
	#contenu {
	  margin-left:230px;
	  width:770px;
	  cursor: default;
	}
	.client #contenu {
    margin-top:50px;
  }
	
		/**
		 * Mise en forme de la structure de contenue centrale
		 * @subsubsection centre
		 */
	
			.centre {
				width :52.6em;
				max-width:526px;
				height:574px;
				min-height :57.4em;
        display: table-cell;
		    vertical-align: middle;
			}
			.client .centre {
        vertical-align :baseline;
        height:525px;
        min-height :0;
        padding-left:120px;
        width:630px;
        max-width :630px;
      }
			#pourBordure {
        border-left :3px solid #CBC6BD;
        margin-left:213px;
        padding-left:1.5em;
        width :52.6em;
				max-width:526px;
      }
      #listeClient {
        padding-left:4.9em;
				height:470px;
				width :25em;
				max-width:250px;
      }
      .client #pourBordure {
        border-left:0px;
      }
      
      ul#portfolio li{
        float:left;
        background :#ffffff;
        height:63px;
      }
      ul#portfolio li .logo {
        display:none;
      }
      
	
		/**
		 * Mise en forme de la structure de contenue droite 
		 * @subsubsection Droite
		 */
	
			
			
	/**
	 * Mise en forme de la structure de contenue du pied de page 
	 * @subsection Pied de page
	 */
	 
	#foot {
		height :104px;		
	}
	a#logo {
    float:right;
    margin-right:55px;
  }
 
#masquePortfolio{
	background-color:#7E7571;
	color:#FFFFFF;
	display:none;
	font-size:1.4em;
	font-weight:bold;
	height:540px;
	margin-left:0px;
	margin-top:0px;
	padding-top:60px;
	position:absolute;
	text-align:center;
	width:760px;
}

#masquePortfolio.actif{
	display:block !important;
}