/*@charset "utf-8";
 CSS Document */

@import url(style/general.css);
@import url(style/menu.css);

html, body {
	height: 100%;
	margin: 0;
		background-color: #7B7D7B;
		font-family: Arial, Helvetica, sans-serif;
		

	}
	
	
	
	
	div#global {
	min-height: 100%;
		width: 750px;
	padding: 0 10px;
	margin: 0 auto;
	}

			

#slideshow{
width:152px;
height:113px;
text-align:center;
background-color: #000000;
margin-top:30px;
margin-left:75px;
float:left;


}

a {
cursor:pointer;
text-decoration   :   none; 
/*color: #FFFFFF; */
}

ul.tabs h2{
cursor:pointer;
}

#header{
height:180px;background-image:url(images/header.jpg);
}

#categorie{
margin:auto; text-align:center; margin-bottom:10px; padding-top:150px; width:auto; float:right;
}

#main{
background-image:url(images/main.jpg); background-repeat:repeat-y; min-height:300px; height: auto; padding-bottom: 50px; position: relative; overflow: auto; 
}
#colonleft{
float:left;
width:200px; margin-left:45px; margin-top:10px;
}
#corps{
margin-left:45px; float:left; width:700px; margin-top:20px;font-size: 11px; position:relative ;

}

#filtre{
background:url(images/design/view.png) right no-repeat ;

 text-align:center;
  margin-top:10px; 
  background-color:#666666;
   padding:5px; 
   border: #CCCCCC thin solid;
}


#corpleft{
width:500px; float:left; margin-top:10px;
}


.productlisting{
background:url(images/design/bandefilm.png) bottom repeat-x ;
background-color:#CCCCCC;
padding:10px;
padding-bottom:20px;
margin-top:5px;
 vertical-align:middle;
  text-align:center; 
  clear:both; 
  height:100%; 
  overflow:auto;

font-size: 120% ;
font-weight: 700;

color:#000000;

 border:thin solid #666666;




}

#productDescription{
background:url(images/design/fondprod.png) no-repeat right;padding:5px; height:100%; position:relative; background-color:#CCCCCC; border:thin solid #666666;


}
#productDescription #proddesc{
 float:left; width:60%; font:Arial, Helvetica, sans-serif bold ; font-size:140%;margin-top:0px; padding-left:3px;font-weight: 700;

}


#proddesc h2{
background-color:#996668;
padding:2px;
text-align:center;
margin-top:0px;
font-size:160%;
border:#666666 thin solid;

}
#imageproddesc img{
border: #999999 thin solid;

}
.normal{

font-size: 100% ;
font-weight: 600;
}
#contact {
background:url(images/design/email.png) no-repeat right ;
}
#contact2{
width:600px;color:#FFFFFF; float:left;margin-top:50px;
margin-left:75px;

}

#contact2 a{
text-decoration:none;
color:#FFFFFF;

}

/***************************marques**************************/
#marques {

width:190px; height:100%; float: right; background-color:#999999; margin-top:5px; padding-bottom:3px; border:#CCCCCC thin solid;
}
#marques a {
color:#FFFFFF;
}
/***************************filtrelettre**************************/


#filtrelettres a{
color:#FFFFFF;
/*letter-spacing:15px;*/
padding-left :5 px;
padding-right:5px;
}









#filtrelettres{


}
/***************************contact**************************/

#tableau_contact div{
text-align:center;
font:Arial, Helvetica, sans-serif;


}
#status{
color:#CC3300;

text-align:center;
font-size:10px;

}



.tableau_contact input{
padding-right:0px;

}

.clear{
clear:both;

}


/*Pour les ombrages des images*/
.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(images/design/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/design/shadow.gif) no-repeat bottom right;
  }
.img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
  }
/*Pour les ombrages des images*/


/*Pour le bandeau categories*/

.catspan{
text-align:center;
margin-left:5px;
background-color:#CCCCCC;
color:#FFFFFF;
padding:3px;
font-weight:bold;
font-size:16px;
border: #FFFFFF thin solid;
}
.catspan a{
text-decoration:none;
color:#FFFFFF;
text-align:center;
padding:3px;
height:100px;

}

.catspan a:hover{
text-decoration:none;
color:#FFFFFF;
/*background-color:#996668;*/
border-top:thick solid #996668;


}

#status{
	font-size:16px;
	
}