/*-------------- Page & Fond -------------*/

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
		background-image: url(../../images_site/fond_home.jpg);
		background-repeat: no-repeat;
		background-position: top center;
		background-color:#cdd6de;
		background-attachment:fixed;
		behavior:url("includes/css/csshover2.htc");
}


#principal{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#FFF;*/}
	
#menu{
	background-image:url(../../images/fond_menu.gif);
	width:724px;
	height:31px;
	/*margin-left:auto;
	margin-right:auto;*/
	position:absolute;
	padding-left:150px;
	top:178px;
	z-index:100;
	}
	
#entete{
		width:874px;
		margin-left:auto;
		margin-right:auto;
		background-color:#FFF;
		border:1px solid #CCC;
		margin-top:10px;
		background-image:url(../../images/bann_AVM_OFF);
		background-repeat:no-repeat;
		height:210px;
		position:relative;
			}
		
#entete #logo{
	position:absolute;}
		
#zonepanier{
	position:absolute;
	width:92px;
	/*height:40px;*/
	margin-top:39px;
	margin-left:756px;
	text-indent:32px;
	line-height:19px;
	}
	
#titre{
	width:874px;
	margin-left:auto;
	margin-right:auto;
	}
	

#colG{
	width:190px;
	float:left;
	margin-left:13px;
	padding-top:10px;}

#colD{
	width:680px;
	float:right;
	margin-right:13px;
	background-color:#FFF;
	border:1px solid #CCC;
	margin-top:10px;
	padding-bottom:15px;
	/*padding-top:10px;*/
	z-index:50;}

	
.blocG{
	background-color:#FFF;
	padding:10px;
	width:160px;
	border:1px solid #cccccc;}
	
.ombre{
	margin-bottom:5px;}
	
.blocG h3{
	margin:0px;
	/*background-color:#EEE;*/
	color:#BBB;
	text-transform:uppercase;
	line-height:20px;
	border-bottom:1px solid #EEE;
	margin-bottom:10px;
	margin-left:-10px;
	margin-top:-10px;
	width:170px;
	padding-left:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(../../images/degh2.gif);
	}

form{
	margin:0px;}
	
	
a.panier:link, a.panier:visited, a.panier:active{
	text-decoration:none;
	font-size:12px;
	color:#0077BA;}
	
img{
	border:none;}
	
	
	
#zonepromo{
	width:310px;
	float:left;
	background-image:url(../../images/bannPromo.gif);
	margin-top:-4px;
	}
	
#zonenouveau{
		width:368px;
		float:right;
		background-image:url(../../images/bannNouvo.gif);
		margin-top:-4px;}
		
.categ{
	margin-left:5px;
	margin-right:5px;}
	
.contenus{
	padding:10px;}
	
h3{
	text-transform:uppercase;
	border-bottom:1px solid #EEE;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
margin-bottom:10px;
	}
	
	th{
		background-color:#0077BA;
		color:#FFF;}
		
.center{
	text-align:center;}
	
	
#zonetri{
	border:1px solid #CCC;
	/*text-align:right;*/
	padding:5px;
	padding-right:10px;
	padding-left:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	z-index:50;
	}
	
#zonetri div {
	float:right;
	}
	
	
/*-------------------------- Vignette produits ---------------------------*/


.vignetteprod{
	float:left;
	width:100px;
	height:140px;
	border:1px solid #CCC;
	padding:10px;
	text-align:center;
	margin-left:11px;
	margin-bottom:11px;
	position:relative;
	z-index:50;
	overflow:hidden;
	}
	
.contourpromo{
	border:#3F2682 1px solid;
	}
	
.vignetteprod img{
	margin-bottom:10px;
	width:100px;
	height:75px;
	}

.vignetteprod:hover{
	background-color:#f6f6f6;}
	
.vignetteprod .promoimg{
	position:absolute;
	top:3px;
	margin-left:75px;
	width:32px;
	height:32px;
	}


/*------------------------- detail produit ------------------------*/


#detailprod{
	padding:20px;
	
}

#apercuprod{
	float:left;
	margin-right:20px;}
	
.imgprod{
	border:1px solid #CCC;
	padding:3px;
	margin-bottom:5px;}
	
/*-------------- Images -------------*/

.fondpromo {
        background-image: url(../../images/bannPromo.gif);
        background-repeat: no-repeat;
}

.fondNouv {
        background-image: url(../../images/bannNouvo.gif);
        background-repeat: no-repeat;
}

#clic{
width:187px;
height:68px;
cursor:pointer;
}

#clic2{
width:241px;
height:68px;
cursor:pointer;
}


#coin{
position:absolute;
z-index:1000;
left:0;}

fieldset{
	border:1px solid #eee;
	padding:10px;}
	
	legend{
		color:#333;
		}

/*-------------- Textes & Titres -------------*/



.prix {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
       /* color: #FF0000;*/
	   color:#333;
}

.prixpromo{
	color: #3F2682;
	}

.prixDetail {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        text-align:center;
		background-color:#0077BA;
        width:50px;
        height:20px;
		padding:2px;
		padding-left:5px;
		padding-right:5px;
		
        
}

.titre {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #0271B9;
}
.titreviolet {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #3F2682;
}

.titrebleu {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0077BA;
}

.titreProd {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #0077BA;
}

.titreblanc{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
}

/*h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #402782;
}*/

h1{
	background-image:url(../../images/degh2.gif);
	color:#BBB;
	text-transform:uppercase;
	line-height:22px;
	border-bottom:1px solid #ccc;
	margin:1px;
	margin-bottom:4px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-indent:10px;
	/*height:22px;
	border:1px solid #CCC;*/
	}
	
h2{
	background-image:url(../../images/degh2.gif);
	color:#BBB;
	text-transform:uppercase;
	line-height:22px;
	border-bottom:1px solid #ccc;
	margin:1px;
	margin-bottom:4px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-indent:10px;
	}


td {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-align: justify;
}

.erreur{
	color:#900;}

/*-------------- LIEns -------------*/

a:link {
        color: #999999;
}
a:visited {
        color: #999999;
}
a:hover {
        color: #402782;
}
a:active {
        color: #999999;
}

a.lientitre:link, a.lientitre:visited, a.lientitre:hover,a.lientitre:active  {
        text-decoration: none;
        color: #999999;
		font-size:11px;
}

a.lienRayon:link, a.lienRayon:visited, a.lienRayon:active{
color:#FFFFFF;
text-transform:uppercase;
margin:7px;
display:block;
width:600px;
padding:7px;
text-decoration:none;
cursor:pointer;
}

a.lienRayon:hover{
background-color:#402782;
}

/*----------- FOrmulaires ----------*/

input {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #0077BA;
}

select {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #0077BA;
}

textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #0077BA;
}

fieldset {
        border-style:ridge;
}


/*------------- Liens Annuaires----------*/

fieldset.annu01{
width:70px;
height:50px;
}

fieldset.annu02{
width:70px;
height:100px;}


.oldprice {
color:#999999;
font-size:12px;
}

.Style2 {
font-size: xx-small;
color:#999999;
}

.Style3 {
font-size:14px;
}

input.bleu{
background-color:#0077BA;
border:none;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:17px;
width:110px;
cursor:pointer;}


/*----------------- Footer-----------------------*/

#blocliens{
	background-color:#eeeeee;
	width:100%;
	height:160px;
}

#blocliens2{
	background-color:#eeeeee;
	width:100%;
	height:210px;
}
	
#blocliens div, #blocliens2 div{
	float:left;
	width:180px;
	text-align:left;
	border-left:1px solid #dddddd;
	padding:10px;
	padding-left:20px;
	}

.piedpage {
	width:854px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
       font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        color:#666;
	background-color:#FFF;
	border:1px solid #CCC;
	padding:10px;
	margin-bottom:10px;
}

/*----------------- Divers -----------------------*/

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.left{
	float:left;}
	
.right{
	float:right;}
/*--------------- ACTU Accueuil ---------------*/

#actu{
	width:390px;
	height:124px;
	/*border:1px solid #CCC;*/
	float:left;
	position:relative;
	font-size:10px;
	background-image:url(../../images/bg_actu.gif);
	padding-right:7px;
	overflow:hidden;
	}
	
#actu .txt{
	margin-left:10px;
	margin-right:10px;
	overflow:auto;
	height:70px;}
	
#actu #titreActu{
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3f2682;
	font-weight:bold;
	/*background-image:url(../../images/degh2.gif);*/
	line-height:30px;
	border-bottom:1px solid #ddd;
	margin:1px;
	margin-bottom:5px;
	text-indent:10px;
	}
	
#actu #date{
	position:absolute;
	right:0;
	top:10px;
	color:#666;
	font-size:10px;
	padding-right:15px;
	}
	
	
/*-----------------------------------------*/

.txtliste{
	margin:10px;
	font-size:11px;
	}
	
/*-----------------------------------------*/

ul{
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
}


/*-------------------------- Vignette Liens ---------------------------*/


.vignetteLien{
	float:left;
	width:210px;
	height:100px;
	border:1px solid #CCC;
	text-align:center;
	margin-left:11px;
	margin-bottom:11px;
	position:relative;
	z-index:50;
	padding-top:3px;
	overflow:hidden;
	}
	

/*.vignetteLien img{
	margin-bottom:10px;
	width:190px;
	/*height:75px;*/
	/*}*/

.vignetteLien:hover{
	background-color:#f6f6f6;}
	

.vignetteLien .blocimg{
	width:210px;
	height:60px;
	overflow:hidden;}
	
.lienPrio{
	float:left;
	width:210px;
	height:100px;
	margin-left:11px;
	margin-bottom:11px;
	border:1px solid #CCC;
	text-align:center;
	background-color:#ddd;
	
	}
	
.lienPrio img{
	margin-top:15px;}