
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline; 
}
body {
	
	background : url(../image/site/ecrito.gif) ;
	background-color:black;
	background-attachment:fixed;
	
	font-size: small;
	font-family: arial, helvetica, sans-serif;
}
table {
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
	
}

#top{
	background: #ede17b url(../image/site/fondutop.jpg) left top repeat-x;	
	
}

.baspage{
	background: #ede17b url(../image/site/fondubas.jpg) bottom repeat-x;		
}

.menutop a{
	color: white; 
	font-size:1.2em;
	font-decoration:bold;	
}

.menutop a:hover{
	color: #740b0b; 
	font-size:1.2em;
	font-decoration:bold;
	text-decoration:none;	
}

.fondu {
	background: #ede17b url(../image/site/fondumenutop.jpg) left top repeat-x;
	height:12px;
}

.fondubottom {
	background: #ede17b url(../image/site/fondubottom.jpg) top repeat-x;
	height:12px;
}

h6 {
	line-height: 0;
}

#topright{
	width:150px;
}
#clientlog {
	font-size: 80%;
	background:#ede17b url(../image/site/cadres/yellow.jpg) top left no-repeat;	
}
#clientlog th{
	-moz-border-radius : 10px;
	border-radius : 10px;
	color : white;
	text-align: center;
	color:#740b0b;
	text-decoration: bold;
	font-size:110%;
}
#loglinks{
	margin : 5px;
	font-size: 80%;
	text-align:center;
}

#pagination{
	font-size:80%;
	text-decoration: underline; 
}

#main {
	text-align: left; 
	width: 1024px; 
	background-color : #b1b1b3;
	border-collapse: collapse;
}

#minipanier {
	border: 1px solid gray;
	-moz-border-radius : 5px;
	border-radius : 5px;
	width: 90%;
	font-size: 80%;
}
#minipanier th{
	background-color : white;
	color : #6b0505;
	text-decoration:bold;
	text-align: center;
}

#blogindex {
	border: 1px solid gray;
	-moz-border-radius : 5px;
	border-radius : 5px;
	width: 100%;
	height:600px;
	font-size: 80%;
}


#blogindex th{
	background-color : white;
	color : #6b0505;
	text-decoration:bold;
	text-align: center;
}

#promoindex {
	border: 1px solid gray;
	-moz-border-radius : 5px;
	border-radius : 5px;
	width: 100%;
	font-size: 80%;
}
#promoindex th{
	background-color : white;
	color : #6b0505;
	text-decoration:bold;
	text-align: center;
}
#promoindex td{
	background-color : white;
	
	text-decoration:bold;
	text-align: center;
	vertical-align:top;
}

#presentationIndex {
	border: 1px solid gray;
	-moz-border-radius : 5px;
	border-radius : 5px;
	font-size: 80%;
	text-align : justify;
	width:100%;
	margin-bottom:15px;
	margin-top:5px;
}

#presentationIndex h1{
	background-color : white;
	color : #6b0505;
	text-decoration:bold;
	font-size:1.2em;
	text-align: center;
}
#presentationIndex h2{
	background-color : white;
	color : black;
	text-decoration:bold;
	font-size:1em;
	text-align: center;
}

#colgauche{
	width:205px;
	vertical-align:top;
 	background: #b1b1b3 url(../image/site/fonducolgauche.jpg) right repeat-y;
}

#coldroite {
	width: 154px;	
	vertical-align: top;
	background: #b1b1b3 url(../image/site/fonducoldroite.jpg) left repeat-y;
}
#colcentre{
	width:665px;
	vertical-align: top;
	background-color:white;
}

#produit{
	width: 100%; 
	HEIGHT:150px;
	align:left;
	
}

#listprod{
	width:100%;
	background-color:transparent;
}
#tabProd{
	width: 80%;	
}

#form{
	background-color:white;	
	
	-moz-border-radius : 10px;
	border-radius : 10px;
	width: 100%; 
}

#detailPanier {
	border: 1px solid gray;
	-moz-border-radius : 10px;
	border-radius : 10px;
	width:100%;
	font-size:90%;
}
#detailPanier th{
	background-color : #ece681;
	-moz-border-radius : 10px;
	border-radius : 10px;
	font-size:80%;
}
#detailPanier tr{
	background-color : #eaebad;
}
#nomprodpanier{
	font-size: 80%;
	background-color : #ece681;
}
#totalminipanier{
	font-size: 80%;
}

#nommar{
	font-size: 80%;
	
}
#tri {
	background-color: #ede17b;
	width : 100%;
}

#promo {
	width : 100%;
	height:250px;
	font-size:80%;
	border: 5px solid #6b0505;
	-moz-border-radius : 10px;
	border-radius : 10px;
	padding-left:8px;
	padding-right:5px;
}
#promo th{
	color:#6b0505;
	font-size : 150%;	
}


#news
{
position:relative;
width:200px;
height:300px;
overflow:auto;
background-color: #d4d0c8;
}

#detailCommande {
	border: 1px solid gray;
	-moz-border-radius : 10px;
	border-radius : 10px;
	width:100%;
	font-size:90%;
}
#detailCommande th{
	background-color : #ece681;
	-moz-border-radius : 10px;
	border-radius : 10px;
	font-size:80%;
}
#detailCommande tr{
	background-color : #d5d5d5;
}

.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      font: 0.9em "Trebuchet MS", sans-serif;
      width:195px;
      }
      
   .navigation li{
   	list-style-type: none;
   }   
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      
      background-image: url(../image/site/menu/normal.jpg);
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      
      }
   .navigation .open a, .navigation .open span {
      background-image: url(../image/site/menu/deroule.jpg);
      
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      background-image: url(../image/site/menu/deroule.jpg);
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #b1b1b3 0 0 repeat-x;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
      }
   .navigation ul.subMenu a:hover {
      background: none;
      padding: 3px 20px;
      }
      
    .navigation .openAtLoad {
      font-size: .8em;
      background: #b1b1b3 0 0 repeat-x;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.openAtLoad a {
      background: none;
      padding: 3px 20px;
      }
   .navigation ul.openAtLoad a:hover {
      background: none;
      padding: 3px 20px;
      }

.boutique{
	font-size:80%;
	text-align:center;
}

.boutique th{
	font-size:100%;
	text-decoration:bold;
	color:#740b0b;
}

.commande{
	width:100%;	
}
.commande td{
	font-size:80%;
}

.conditionsgenerales {
	height: 200px;
  width: 400px;
  border: 1px solid gray;
  overflow: auto;
  text-align:justify;
}

.conditionsgenerales p{
	font-size:small;
}

.news_show
{
background-color: white;
color:black;
margin-left:0px;
margin-right:0px;
width:600px;
height:250px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
text-align:justify;
overflow: auto;	
}

.autresprodshow
{
background-color: white;
color:black;
margin-left:0px;
margin-right:0px;
width:80%;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
text-align:center;
overflow: auto;	
}
.autresprodshow td
{
text-align:center;
	
}


.buttondiv
{
/*display:none;*/
/*position: relative;*/
/*margin-left:5px;
margin-right:5px;
width:400px;
*/
vertical-align:bottom;
/*top: 169px;*/
//background-color:white ;
/*border-top-color: white;*/
/*height:20px;*/
width:100%;
}

.news_display
{
	text-align:center;
	background-color:#b1b1b3;
	color:white;
	border: 1px solid gray;
	float:middle	;
	//margin-left:30%;
	//margin-right:30%;
}

.mynews{
	//display:none;
}

.produitssimilaires
{
	//border: 1px solid gray;
	width:100%;
	height:300px;
	text-align:center;
}

.produitssimilaires h1{
	background-color :#ede17b;
	color : #6b0505;
	text-decoration:bold;
	font-size:0.95em;
	text-align: left;
}

.description
{
	//border: 1px solid gray;
	width:100%;
}

.description h1{
	background-color :#ede17b;
	color : #6b0505;
	text-decoration:bold;
	font-size:0.95em;
	text-align: left;
}

.separationgauche{
	border-bottom:1px solid #d5d5d5  ;
	border-right:1px solid #d5d5d5  ;
	text-align:center;
}
.separationdroite{
	border-bottom:1px solid #d5d5d5  ;
	text-align:center;
}
.separationbasdroite{
	//border-bottom-style:dotted ;
	text-align:center;
}
.separationbasgauche{
	border-right:1px solid #d5d5d5  ;
	text-align:center;
}

.similairesscat
{
	text-align:center;
	//border: 1px solid gray;
	float:left;
	width:49%;
}

.similairesmarque
{
	text-align:center;
	//border: 1px solid gray;
	float:right;
	width:49%;
}
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}