/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 16px Arial, Helvetica, sans-serif;
color: #FF6600;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h1 a:hover, #contenu h1 a:active, #contenu h1 a:link{
text-decoration:none;
}
#contenu h1.fil{
font:bold 14px Arial, Helvetica, sans-serif;
color: #FF6600;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#000;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu h3{
font:bold 20px Arial, Helvetica, sans-serif;
color:#7d8a2e;
letter-spacing:1px;
margin:0 0 12px 20px;
border-bottom:1px dotted #c9d787;
}

#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
color:#555444;

}
#contenu p.couleur, span.couleur, strong{
font-weight:bold;
color:#FF6600;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color: #FF6600;
}
#contenu a:hover, #contenu a:active{
color:#333;
}
/***************** STYLE ACTUALITES *****************/
#colRight{
float:right;
position:relative;
width:220px;
margin:0 0 0 20px;
padding:0 20px 0 0;
}
/*******************/
#monPanier{
height:65px;
width:138px;
padding: 30px 0 0 62px;
}
#monPanier p{
font:10px/10px Arial, Helvetica, sans-serif;
color:#666;
}
#contenu #colRight #monPanier a{
font:bold 11px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}
#contenu #colRight #monPanier a:hover{
color:#666;
text-decoration:none;
}
/*****************/
#search{
height:65px;
width:181px;
padding:25px 0 0 19px;
}
*html #search{
height:65px;
padding:27px 0 0 19px;
}
*+html #search{
height:65px;
padding:27px 0 0 19px;
}
#search{
height:65px;
width:181px;
padding:25px 0 0 19px;
}
#search input{
background:none;
border:none;
height:14px;
font:11px Arial, Helvetica, sans-serif;
color:#000;
padding-left:3px;
margin:3px 0px 3px 0px;
}
#contenu #colRight #search a{
float:left;
font:9px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
}
#contenu #colRight #search a:hover{
text-decoration:none;
}
a.valid{background:url(../images/charte/valid.gif) left top no-repeat; width:53px; height:15px; display:block; margin-right:3px;}

/*****************/

#livraison_france{
height:125px;
width:185px;
background:url(../images/charte/livraison.gif) left top no-repeat;
}
/*************/
.uneactu{
padding:0 0 0 0px;
margin:0 0 30px;
width:175px;
}
#colRight .uneactu p{
font-size:10px;
}
#colRight .uneactu p.date{
width:60px;
color:#fff;
background:#333;
padding:1px 0 2px 4px;
margin:0 0 7px 110px;
}
#contenu #colRight .uneactu a{
position:relative;
top:5px;
color:#FF6600;
font:10px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
letter-spacing:1px;
padding:0 0px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

/************************************index***************************************************/
#contenu .gras{
font-weight:bold;
color:#783b02;}

.prod{
	float:left;
	position:relative;
	width:195px;
	padding:10px 5px 0px 20px;
	background:url(../images/charte/prod.jpg) no-repeat;
	margin-bottom:20px;

	}
	
.visuel{
	float:left;
	width:70px;
	max-width:70px;
	height:70px;
	max-height:70px;
	margin-top:20px;
	margin-right:4px;}
	
.desc{
	float:left;
	width:110px;}	
	
#contenu .prod .desc h1, #contenu .prod .desc h1 a{
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	line-height:1em;
	letter-spacing:normal;
	height:25px;
	margin:0px;
	margin-bottom:0px;
	max-height:25px;}

#contenu .prod .desc p.rubrique, #contenu .prod .desc p.rubrique a{
	color:#6f3f0f;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height:1em;
	margin:0px;
	padding:0px;
	height:15px;
	max-height:15px;
	margin-top:10px;}

#contenu .prod .desc p.sousrubrique, #contenu .prod .desc p.sousrubrique a{
	color:#f29220;
	font-size:11px;
	font-weight:bold;
	line-height:1em;
	margin:0px;
	padding:0px;
	height:30px;
	text-align:left;
	max-height:30px;}


#contenu .prod .desc p.centre{

padding:0px;
text-align:center;

line-height:1.2em;
padding-left:0px;
width:100%;
float:left;
margin:7px 0 7px 0px;
}

#contenu .prod .desc p.centre2{

padding:0px;
text-align:center;

line-height:1.2em;
padding-left:0px;
width:100%;
float:left;
margin:20px 0 30px 0px;
}
	
#contenu .prod .desc p span.prix{
font:bold 14px Arial, Helvetica, sans-serif;
color:#ffb424;

}
#contenu .prod .desc p span.prixbarre{
margin-left:10px;
font:normal 10px Arial, Helvetica, sans-serif;
margin-left:3px;

text-decoration:line-through;}


.ajouter{
	float:left;
	width:131px;
	margin-left:40px;
	height:55px;
	background:url(../images/charte/ajouter.gif) no-repeat;
	margin-bottom:20px;}	
	
.info{
	float:left;
	width:80px;
	height:25px;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:40px;
	background:url(../images/charte/info.gif) no-repeat;}	


#contenu .prod .desc p.marque, #contenu .prod .desc p.marque a{
	color:#6f3f0f;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	line-height:1em;
	margin:0px;
	padding:0px;
	height:12px;
	max-height:12px;
	margin-top:5px;}

#contenu .prod .desc p.des_list{

	font-size:9px;
	font-weight:bold;
	line-height:1em;
	margin:0px;
	padding:0px;
	height:50px;
	text-align:left;
	max-height:50px;}

.infolist{
	float:left;
	width:80px;
	margin-top:0px;
	height:25px;
	margin-left:30px;
	margin-bottom:25px;
	background:url(../images/charte/info.gif) no-repeat;}	



/*__________________________________________________________________pagination*/


	
 #pagination{
	width:440px;
	float:left;
	height:100px;
	text-align:center;
	margin-top:20px;
	margin-left:10px;
	
	margin-bottom:10px !important;
}

 #pagination p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:10px;
}

#pagination  .prev {
	float:left;
	width:100px;
}

#pagination  .next {
	float:right;
	width:100px;
}


a .prev{
	float:left;
	width:100px;
	height:31px;
	color:#dc2286;
	text-decoration:none;
	cursor:pointer;

}
 #pagination  .prev p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
color:#dc2286;
z-index:800;
	position:relative;
}
a .next{
	float:right;
	width:100px;
	height:31px;
	cursor:pointer;
	color:#dc2286;
	text-decoration:none;
	
}
	
 #pagination .next p{
	font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
color:#dc2286;
z-index:800;
	position:relative;
	cursor:pointer;
	
}


 #pagination  p a:link, #pagination  p a:visited {
 color:#dc2286;
 font-size:11px;
 text-decoration:none;}


 #pagination  p {color:#820a2b;
 font-size:11px;}
 
/*************************___________________________lien*****************************/
.lien{
	float:left;
	width:391px;
	margin-bottom:20px;
	margin-left:20px;}

.lienh{
	float: left;
	width:391px;
	height:50px;
	background:url(../images/charte/lienh.jpg) no-repeat;}

#contenu .lienh p{
	color:#000;
	padding-left:50px;
	padding-top:15px;
	font-size:13px;
	text-align:center;
	line-height:1em;
	padding-right:50px;
	font-weight:bold;
}



.lienm{
	float: left;
	width:351px;
	background:url(../images/charte/lienm.jpg) repeat-y;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:0px;}
	
	#contenu .lienm .visuel{
	width:100px;
	float:left;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:5px;
}

.lienb{
	float: left;
	height:30px;
	width:371px;
	margin-top:0px;
	padding-right:20px;
	background:url(../images/charte/lienb.jpg) no-repeat;}

#contenu .lienb p{
text-align:right;
color:#f29220;
font-weight:bold;}









/*  ____________________________________________________________page fiche  */
.left_fiche{
width:192px;
float:left;
margin-top:30px;
}
.g_img_fiche{
width:192px;
float:left;
height:160px;
text-align:center;

}
.g_img_fiche img{
border:1px ridge #000;
}
.liste_img{
width:192px;
margin-top:10px;
float:left;

}

.liste_img img{
border:1px ridge #000;

}

.dec_img {
	margin-right:6px;
	
}



	#fiche{
	float:left;
	margin-left:0px;
	width:240px;
	background:url(../images/charte/fiche.jpg) repeat-y;}
	
#ficheh{
	
	width:170px;
	margin:0;
	padding:40px 30px 0px 40px;
	background-image:url(../images/charte/ficheh.jpg);
	background-repeat:no-repeat;
	float:left;
	height:60px;
}

#ficheb{
	width:240px;
	height:27px;
	float: left;
	margin-top:0;
}

#cont_fiche{
	background-image:url(../images/charte/fichem.jpg);
	padding:5px 15px 5px 20px;
	background-repeat:no-repeat;
	width:205px;
	float: left;
	margin-bottom:0px;

}


#ficheh h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	font-weight:bold;
	height:40px;
	max-height:40px;

}

#cont_fiche .qtit{
	width:60px;
	border:1px solid #6f3f0f;
	font-size:11px;
	color:#6f3f0f;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

.label2 {
	width:80px;
	margin-left:15px;
	line-height:2em;
	font-size:11px;
	color:#6f3f0f;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	}
	
.label12 {
	width:80px;
	margin-left:15px;
	line-height:2em;
	font-size:11px;
	color:#6f3f0f;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	}
	
.listee2{
	width:60px;
	border:1px solid #6f3f0f;
	font-size:11px;
	color:#6f3f0f;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

.commanderb{
margin-right:20px;
float: right;}




#cont_fiche .des_fiche{
line-height:1.4em;
padding:0px 5px 5px 5px;
font-size:11px;
margin-bottom:10px;
}

#cont_fiche p.sous_tit{
color:#6f3f0f;
padding-left:10px;
line-height:1em;
font-size:12px;
padding-left:0px;
font-weight:bold;
border-bottom:1px dashed #6f3f0f;
margin-bottom:5px;

	
}


#cont_fiche p.ref{
color:#6f3f0f;
line-height:1em;
font-size:14px;
font-weight:bold;
padding-left:0px;
margin-bottom:10px;
}

#cont_fiche p.prixgeneral{
margin-top:20px;
text-align:center;
margin-bottom:20px;

}


#cont_fiche span.prix_fiche{
font-size:22px;
color:#ffb424;
width:175px;
font-weight:bold;
margin-right:15px;

}

#cont_fiche span.prix_barre_fiche{
font-size:12px;
color:#000;
text-decoration:line-through;

}
.ami_fiche{

float:left;
margin-left:20px;
margin-top:10px;
}
.ami_fiche img{
border:0px;
}


.contactf{

float:left;
margin-left:20px;
}
.contactf img{
border:0px;
}	






/***********************************************contact**********************************************/


#contact_fomulaire {
	width:364px;
	float:left;
	padding-bottom:20px;
	margin-left:20px;
	
	
}
#contact_prop {
	width:300px;
	float:left;
}

#contact_prop p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;}

#contact_plan a #imgplan {
	margin-left:0px;
	width:280px;
	

}


#contact_fomulaire input,textarea{
	width:95%;
	font-size:12px;
	border:1px solid #f38000;
	color:#000;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire input:focus,textarea:focus{
	border:1px solid #000;
}
#contact_fomulaire .champRequis{
	color:#f38000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contact_fomulaire   .bouton {
	border:1px solid #000;
	color:#000;
	background-color:#f38000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contact_fomulaire  .bouton:focus {
	border:1px solid #f38000;
}

#contact_fomulaire  .capa{
	width:95%;
border:1px solid #f38000;
	color:#000;
	background-color:#fff;
	font-size:12px;
	
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire  .capa:focus{
	border:1px solid #000;
}

#contact_fomulaire .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}


#contact_coordonnees {
	width:284px;
	float:left;
	margin-bottom:20px;
	margin-left:10px;
	padding-left:5px;

}


#contact_loi {
	width:280px;
	float:left;

	margin-top:15px;
	padding-bottom:10px;
			padding-left:5px;

}
#contact_plan {
	width:280px;
	float:left;
	margin-left:10px;
}


#contact_fomulaire .txt_bas3 {
	font-size:11px;
	color:#666;
	
}


#contact_loi .txt_bas{
	font-size:9px;
	color:#000;}

#contact_fomulaire .txt_bas{
	font-size:9px;
	color:#666;}
#contact_fomulaire .titre_parti .listee2{
	width:110px;
	border:1px solid #313131;
	font-size:12px;
	color:#313131;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
}




.img_acces{
margin-top:20px;
float:left;
width:298px;
height:299px;
margin-bottom:20px;
}

.desc_acces{
	width:620px;
	float:left;
	border:1px solid #313131;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;

}

.label3{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}
	
	


.titre_parti{
	margin-bottom:15px;
	margin-left:0px;
	width:100%;
	
}
.titre_parti22{
	margin-bottom:15px;
	margin-left:0px;
	width:200px;
	
}

.galerie{
float:left;
margin-right:15px;
margin-bottom:20px;

height:90px;
max-height:90px;
max-width:120px;
padding-right:5px;
background:url(../images/charte/galerie.jpg) no-repeat;
padding-bottom:5px;

width:120px;
text-align:center;}
#contenu p.cgv{
	padding-right:70px;}

#contenu  ul {
	margin-left:20px;}

#contenu li.list, #contenu li.list a{

	font:bold 12px Arial, Helvetica, sans-serif;
	padding:0 0 0 0px;
	text-align:left;

	margin-left:25px;
	text-decoration:none;
	list-style-image:url(../images/charte/puce.png);
	line-height:1.6em;}
#contenu ul{
margin-bottom:15px;}
#contenu li span{
margin-left:-20px;}

#contenu li.list2 , #contenu li.list2 a{

	font:bold 11px Arial, Helvetica, sans-serif;
	padding:0px;
	text-align:left;
	padding:0 0 0 5px;
	color:#000;
	text-decoration:none;
	list-style-image:url(../images/charte/PUCE2.png);
	line-height:1.6em;}
	
	#contenu li.list2 a:active, #contenu li.list2 a:link, #contenu li.list2 a:hover, #contenu li.list2 a:visited {
	font:bold 11px Arial, Helvetica, sans-serif;
	padding-left:0px;
	text-align:left;
	color:#000;
	text-decoration:none;
	list-style-image:url(../images/charte/PUCE2.png);
	line-height:1.6em;}


.new{
	width:123px;
	height:64px;
	position:absolute;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	top:100px;
	left:19px;
	_background:url();
	z-index:1900;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');

}

.affaire{
	width:101px;
	height:64px;
	position:absolute;
	background-image:url(../images/charte/affaire.png);
	background-repeat:no-repeat;
	top:92px;
	left:21px;
	_background:url();
	z-index:1900;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/affaire.png', sizingMethod='image');

}


#invisible{
display:none;
}
