@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
 */

#conteneur{
	position :relative;
	margin :0 auto;
	width :980px;
}
#conteneur.accueil{
	/*background :#0000ff;*/
	width :900px;
}
	/**
	 * Zone d'en tete
	 * @subsection en tete
	 */
	
	.accueil #entete{
		color :#000;
		min-height :185px;
	}
	
	.interne #entete {
    min-height :184px;
    background :url(../images/2009/fond_entete_interne.jpg) no-repeat top left;
    width:850px;
  }
  #text_defill {
    color:#fff;
    font-weight:bold;
    font-size :1.3em;
    position:absolute;
    top:10px;
    left:320px;
  }
	
	/**
	 * Zone de contenue 
	 * @subsection Contenue
	 */
	
	.interne #contenu {
		width:850px;
		position :relative;
		background: #fff url(../images/2009/fond_grille_haut.jpg) no-repeat top left;
	}
	
		/**
		 * Mise en forme de la structure de contenue gauche 
		 * @subsubsection gauche
		 */
	
			.gauche {
				float:left;
				width :23em;
				height:100%;
			}
			#pubGauche {
        width:210px;
        text-align :center;
      }
	
		/**
		 * Mise en forme de la structure de contenue centrale
		 * @subsubsection centre
		 */
	
			.centre {
			  position:relative;
			}
			.accueil .centre {
        width:100%;
        min-height:520px;
      }
      #visuelCentral {
        background :url(../images/2009/pied_personnage.png) no-repeat bottom left;
        *background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2009/pied_personnage.png','sizing-method=scale');
		position :absolute;
        width: 199px;
        height:197px;
        z-index :100;
        bottom :0;
        left:190px;
      }
      
      #visuelCentral2{
      	background :url(../images/2009/visuelCentrale.png) no-repeat top left;
      	*background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2009/visuelCentrale.png','sizing-method=scale');
		position :absolute;
      	z-index :10;
      	width:471px;
      	height:489px;
      }
      
      #conteneurVisuelCentrale {
        margin-top:63px;
        position :absolute;
        width :100%;
        
      }
      .interne.introduction .centre {
        width:62em;
        float:left;
        background :none;
        margin:0;
      }
      .interne .centre {
        background:url(../images/2009/fond_centre_interne.jpg) no-repeat top left;
        min-height:535px;
        width:60em;
        max-width :550px;
        float:left;
        margin-left:20px;
        margin-top:23px;
        padding : 23px 0 0 40px;
      }
      .introduction .centre #introductionCash {
        position :absolute;
        top: 525px;
      }      
      .miseEnAvantColonnes {
        position:absolute;
        top:42px;
        width:560px;
        left:38px;
      }
      .interne .centre h1 {
        background:url(../images/2009/puce_titre_h1.jpg) no-repeat left;
        padding-left: 30px;
      }
      
      /**
		   * Mise en forme des trois colonne de la page intro 
		   * @subsubsection colonne intro
		   */
		   
		   .miseEnAvantColonnes li {
         float:left;
         width:160px;
         height:450px;
         text-align :center;
         padding:0 10px;
       }
       .miseEnAvantColonnes li>a {
         width:160px;
         height:450px;
         text-decoration :none;
         display:block;
       }
		   .miseEnAvantColonnes li+li {
         margin:0 0 0 10px;
       }
		   li#localisationMagasins {
         background:url(../images/2009/fond_intro_magasin.jpg) no-repeat top;
       }
       li#achetezDansNosMagasins {
         background:url(../images/2009/fond_intro_achetez.jpg) no-repeat top;
       }
       li#vendezVosProduits {
         background:url(../images/2009/fond_intro_vendez.jpg) no-repeat top;
       }
       ul#animationVendez{
         padding: 0;
         list-style-type: none;
       }
       ul#animationVendez>li{
         padding: 0;
         margin:0;
       }

      /**
		   * Mise en forme de la page produits 
		   * @subsubsection page produits
		   */
		   
		   #listeProduit {
         margin-top:25px;
       }
		   #listeProduit ul ul li{
         width:165px;
         height:160px;
         float:left;
         margin-right:10px;
         margin-bottom:25px;
       }
       #listeProduit ul li a {
         text-decoration :none;
         color:#666;
         font-size:1.1em;
       }
       #listeProduit ul li a span {
         display:block;
         margin-top:15px;
         margin-left:5px;
         padding-left:15px;         
       }
       
      /**
		   * Mise en forme de la page Magasins
		   * @subsubsection page Magasins
		   */
		   
		   #coordonees {
         margin-top:20px;
       }
		   #coordonees ul{
         width:270px;
         margin:0 0 0 30px;
       }
       #coordonees img {
         float:right;
         padding:3px;
         border:1px solid #000;
       }
       
      /**
		   * Mise en forme des onglet des fiches magasins
		   * @subsubsection onglet des fiches magasins
		   */
		   
		   #onglet {
         clear:right;
         padding-top:25px;
       }
       #onglet>ul li {
         float:left;
         margin-right:3px;
       }
       #onglet>ul li a {
         display:block;
         width:105px;
         line-height:23px;
         text-align :center;
         color:#fff;
         font-weight :bold;
         text-decoration :none;
         font-size:1.2em;
       }
       #ongletAcceder,
       #ongletHoraires {
         width:515px;
       }
       #ongletAcceder {
         border:1px solid #80A8A1;
       }
       #ongletHoraires {
         border: 1px solid #F08C02;
       }
       #planAcces {
          
       }
		   			
	/**
	 * Mise en forme de la structure de contenue du pied de page 
	 * @subsection Pied de page
	 */
	 
	#foot {
	  clear:left;
    width:62em;
    color:#666;
    padding-left:230px;
    padding-top:25px;
	}
	#foot ul {
		line-height :15px;
		list-style-type :none;
		text-align :center;
	}
	#foot ul li {
		display :inline;
	}

 /**
 *	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 */

#bas_home_page{
	color:#666666;
	font-family:verdana;
	font-size:x-small;
	margin:0 auto;
	margin-top:20px;
	text-align:center;
	width:850px;
}

#bas_home_page a{
	color:#666666;
	font-weight:normal;
}

.contenu_text_defil{
	filter: alpha(opacity=0);
	height:27px;
	-moz-opacity: 0;
	/margin-left:-230px;
	opacity: 0;
	position:absolute;
	text-align:center;
	width:478px;
}

#txt_defil_0{
	filter: alpha(opacity=100);
	-moz-opacity: 100;
	opacity: 1;
}