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

/**
 *	Feuille de style gerant la structure du site
 *	
 *	@project	
 *	@site			
 *	@cssdoc		0.2.22
 *	
 */
 
 /**
 * Zone Site
 * @section Conteneur
 */
body {
  background-color:#C7BCC4;  
}
#conteneur{
	position :relative;
	background :#fff;
	margin :0 auto;
	width :950px;
	border:15px solid #570644;
	top:10px;
	overflow :hidden;
}
q
{
	quotes:"\201C""\201D""\2018""\2019";
}

	/**
	 * Zone d'en tete
	 * @subsection en tete
	 */
	
	#entete{
		min-height :120px;
		border-bottom : 1px solid #F67D15;
	}
	#goodies {
    position:absolute;
    right:10px;
    top:17px;
  }
	#menu {
    position:absolute;
    top:90px;
    left:365px;
  }
	
	/**
	 * Zone de contenue 
	 * @subsection Contenue
	 */
	
	#contenue {
    min-height:370px;
		position:relative;
  } 
	.home #contenue {
		background :url(../images/fond-home.jpg) no-repeat bottom left ;
	}
	.contact #contenue {
    min-height: 300px;
  }

	
	
	
		/**
		 * Mise en forme de la structure de contenue gauche 
		 * @subsubsection gauche
		 */
	    
		  #gauche {
        position : absolute;
      }
			.home #gauche {
				left:30px;
				bottom:-2px;
			}
			.interne #gauche {
        left:0;
      } 
			.client #gauche {
        width:26em;
				max-width:260px;
				top:0px;
				left:40px;
      }
	
		/**
		 * Mise en forme de la structure de contenue centrale
		 * @subsubsection centre
		 */
	
			.home .centre {
				position :absolute;
				width :41.5em;
				max-width:415px;
				top:50px;
				right:128px;
			}
			.client .metier{
        position: relative;
        margin:60px 0 0 300px;
      }
      /*.client .metier div.divVignette{
        position: absolute;
        margin:0 0 8px 0;
        top:0;
        left:140px;
				width: 450px;
      }*/
      .client .metier div.divVignette{
        float:right;
        margin:-10px 0 8px 0;
				width: 450px;
      }
	  .client .metier div.divVignette div{
		padding: 5px 5px;
		float: left;
	  }
	  .client .metier div.divVignette div img{ 
		border:1px #570644 solid;
	  }
	  }
			.client .metier div ul {
        margin:0 0 8px 0;
      }
			.client .metier div ul li {
        display:inline;
        margin:0 3px;
      }
      .interne .centre {
        max-width:645px;
        margin: 80px 20px 0px 320px;
      }
      
			
	/**
	 * Mise en forme de la structure de contenue du pied de page 
	 * @subsection Pied de page
	 */
	
	.client #foot{
		margin-top:100px;
	}
	 
	#foot {
	  background :url(../images/fond_pied.jpg) no-repeat bottom;
		height :30px;
		width:950px;
		padding:90px 0 0 0;
		clear:both;
	}
	#foot ul {
	  color:#fff;
		line-height :15px;
		list-style-type :none;
		text-align :center;
	}
	#foot ul li {
		display :inline;
	}
	#foot li a {
    color:#fff;
    text-decoration :none;
  }
  #foot li a:hover {
    text-decoration :underline;
  }

 /**
 *	Correction des positions absolue et relatif
 *	
 *	@Workaround	Correction pour l'allongement des positions absolute et relative
 *	@valid true		
 *
 */
 
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */