@import url(../css/defaut.css);
@import url(../css/spip.css);
@import url(../css/entete.css);
@import url(../css/navigation.css);
@import url(../css/hierarchie.css);
@import url(../css/contenuSommaire.css);
@import url(../css/rubriques.css);
@import url(../css/contact.css);
@import url(../css_refonte/css.css);

/* dernier modification fait par guenolé

		suite au pb sur ie6 j'ai du remplacer
		
			" #contenu.contenuInterieur > DIV .class "
		par
			" contenuInterieur DIV .class "
			
		et surpprimer des "margin" que j'ai préféré remplacer par "left"
		
		J'ai fait une sauvegarde de l'ancien fichier(styles_back).
		
		toutes les zones modifiées sont précédées de "modif gueno" 
			
			
*/

BODY {

	padding : 0;
	margin : 0;

	background-color : rgb(80%, 80%, 80%);

	font : normal 13px Verdana, Arial, sans-serif;

}

	#page {

		width : 998px;
		margin : 0px auto;

		position : relative;
		z-index : 1;

		background-color : #FFF;
		
	}

		#entete {

			height : 190px;
			margin : 0px 0px 0px 0px;
			border-bottom : 3px solid white!important;
			border-bottom : 0 solid white;
			position : relative;
			z-index : 100;

		}

		.enteteSommaire { background : url(../img/bandeauEE8016.png) no-repeat; }

		#navigation {
			height : 40px;
			position : absolute;
			margin-top : 0!important;
			margin-top : -10px;
			z-index : 99;
		}

		#hierarchie {
		
			height : 136px;

			position : relative;
			top : 3px;
			z-index : 2;

			background : url(../img/brancheGauche.png) top left no-repeat;
			
		}

		#contenu {

			width : 998px;
			padding : 0px 0px 0px 0px;
		
			position : relative;
			z-index : 2;
			background : url(../img/brancheDroite.png) bottom right no-repeat;
			-float : left;
			
		}

		#contenu.contenuInterieur {
		
			min-height : 420px;
			padding : 0;
			margin : 28px 0 0 0;
			padding:  0 0 30px 0;
			
		}
		
		.galerie H2{color: #E2097C; font-size:24px; font-weight: normel; margin: 0 0 10px 0;}
		
		.galerie SPAN IMG{margin: 0 0 10px 0;}
		
		.galerie{text-align: justify;}

			/* 
			#contenu.contenuInterieur > DIV { 

				padding : 0px 0px 50px 0px;
							
			}
			*/

			/*modif gueno*/
			.contenuInterieur  DIV.rubrique {

				width : 900px;
				padding : 0px 0px 50px 0px;
				position : relative;
				left : 70px;

							
			}
			
				/*modif gueno*/
				.contenuInterieur  DIV.contenuGauche  {
					width : 430px;
					margin : 0px 0 50px 0;
					position : relative;
					float : left;
					text-align : justify;
					margin:0 0 50px 20px;
					overflow : hidden;

				}
					
					/*modif gueno*/
					.contenuInterieur DIV.contenuGauche #corps {
					
						width : 400px;
						position : relative;
						float : left;
						

					}
					
					

					#defilement {
					
						width : 20px;
						height : 410px;
						
						float : right;

					}

						#defilement TABLE {
						
							width : 100%;
							height : 100%;

						}

							.top { vertical-align : top; }

							.bottom { vertical-align : bottom; }

				/*modif gueno*/
				.contenuInterieur DIV.contenuDroite {

					width : 410px;
					height : 410px;
					margin : 0 0 50px 0;
					
					float : left;
					position : relative;
					left : 10px;
					/*left : -80px;*/

				}

				
				#fonction_panier{
				width: 75px;
				position: absolute; 
				right: 2px; 
				text-align: center;}
				
				#fonction_panier  A.fct{
				margin-bottom: 10px; 
				display: block; }
				/*modif gueno*/
				.contenuInterieur  DIV.contenuGaucheSupport {

					/*width : 331px;*/
					/*height : 410px;*/
					/*height : 480px;*/
					margin : 0px 0 0 70px;

					position : relative;
					float : left;

					overflow : hidden;

				}

					/*modif gueno*/
					.contenuInterieur DIV.contenuGaucheSupport #corps {
					
						width : 410px;

						position : relative;
						float : left;

					}

				/*modif gueno*/
				.contenuInterieur  DIV.contenuDroiteSupport {

					width : 410px;
					height : 410px;
					margin : 0 0px 0px 0px;

					float : left;

				}

				/*modif gueno*/
				.contenuInterieur DIV .iconesSupport {

						float: right;
						margin: 0 8px 0 0;
						position: absolute;
						right: 88px;
						top: -76px;
						width: 410px;
				}

					#contenu.contenuInterieur > DIV .iconesSupport > A {  
					display: block;
					float: left;
					width: 75px; }

					#contenu.contenuInterieur UL IMG { border: #E2097D 3px solid; margin: 0 0 10px;}

					IMG.imgMarginTop { margin : 7px 0 0 0; }

					#contenu.contenuInterieur > DIV .iconesSupport > A > IMG { display : block; }

						#newsletter_form .form { margin : 0 0 7px 0px; }

						#newsletter_form DIV.radio { margin : 0 0 0 7px; font-size : 1em; }


		/*modif gueno*/
		#pied {
		
			/*width : 998px;
			height : 12px;

			position : relative;

			background : url(../img/fondPied.png) center center no-repeat;

			text-align : center;
			-float : left;
			clear : both;*/
			
		}

				#pied  h4 A {

					/*display : block;
					position : relative;
					top : -4px;

					color : #EE7F01;
					text-decoration : none;
					font-weight : bold;*/
					
				}
				
				#pied  P {

					/*height : 10px;
					margin : 0; padding : 0;
					position : relative;
					top : -2px;
					color : #333;
					font-size : 9px;
					text-align : right;*/
				}
				
				ABBR { border : 0;}
				
				#pied  P A {

				/*	position : relative;
					color : #333;
					text-decoration : underline;*/
					
				}
#mandarine ul li ,#pied ul li{list-style-type:none; }

#wrap {
	
	width:450px;
	display:block;
	overflow-x:hidden;
	position:relative;
}
#carousel {
	width:10000px;
	margin:0;
	padding:0;
}
#carousel li {
	
	width:450px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
}


#MultiBoxContentContainer{position:relative;z-index:100;}

.imag{position:relative;z-index:100;}

.enstock{
    left: 0px;
    position: absolute;
    top: -261px;
    z-index: 200;

	}


	/*.bande{

	  background: url("../img/bientot-img.png") no-repeat scroll 0 0 #00A7E2;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right:10px;
    top: -8px;
    width: 17px;
    z-index: 1005;
	
	
	}*/