* {margin: 0; padding: 0;}
	
body {	
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fffbef;
	font-size:11px;
	}

.TresPetite { font-family:Verdana ; font-size:9px; }
.Petite 	{ font-family:Verdana ; font-size:10px; }
.Normal 	{ font-family:Verdana ; font-size:11px; }
.Moyenne 	{ font-family:Verdana ; font-size:13px; }
.Grande 	{ font-family:Verdana ; font-size:16px; }
.TresGrande { font-family:Verdana ; font-size:20px; }

h1 { 
	font: normal normal 26px Verdana, Helvetica, sans-serif;  
	padding : 0 0 20px 0;
	margin : 0 0 0 0;
	color:#60665b;
	color:#994c4c;
}

h2 { 
	font: normal normal 22px "Times New Roman", Times, serif;  
	padding : 0px 0 0 0px;
	margin : 0 0 15px 33px;
	color:#60665b;
	color:#994c4c;
	font-style:italic;
}

h3{ 
	font: normal normal 18px Verdana , Verdana, Helvetica, sans-serif;
	font-weight:bold; 
	padding : 0px;
	margin : 0px;
	color:#60665b;
}

h4{ 
	font: normal normal 14px Verdana , Verdana, Helvetica, sans-serif;  
	padding : 0 0 5px 0;
	margin : 0 0 0 0;
	color:#60665b;
}

h5{
	font-family:Verdana ; 
	font-size:12px; 
	color:#60665b;
}

ul,ol {
		/*list-style: none;*/
}

ul li { 
margin:0px; padding:0px;
}

ol li { 
		/*background: transparent url(/cokleo_/faience_images/site/site/puce-liste.gif) 5px left no-repeat;*/
}

li {margin:0px; padding:0px;}

ul { margin:0px; padding:0px;}

p {color:#60665b;}

img {border: 0 none;}



#conteneur_site {
	border-top:2px solid #994c4c;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	}

#fond {
	width:1000px;
	float:left;
	background:url(/faience_images/site/bandeau.gif) repeat-y;
	}

/*///////////////////////////////////////////////////////////
HEADER
////////////////////////////////////////////////////////////*/

/*---- nav top -----*/

#nav_top {
	float:right;
	width:600px;
	}

.menu_flag {
	float:right;
	background: url(/faience_images/site/navtop_fleche.gif) no-repeat;
	background-position:top center;
	width:35px;
	padding-top:5px;
	text-align:center;
}
	
.menu_top {
	float:right;
	background: url(/faience_images/site/navtop_fleche.gif) no-repeat;
	background-position:top center;
	width:118px;
}
.accueil {
	width:95px !important;
}
	
.menu_top a {
	display:block;
	width:118px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding-top:5px;
	color:#a76464;
	font: 10px Arial, Helvetica, sans-serif;
}
.accueil a{
	width:95px !important;
}
	
.menu_top a:hover {
	text-decoration:underline;}
	
.menu_topNav {
	float:right;
	width:640px;
	margin:7px;
	height:10px;
	text-align:left;
	padding-right:10px;
	font:10px Arial, Helvetica, sans-serif;
	}

.menu_topNav a{color:#a76464; text-decoration:none;}
.menu_topNav a:hover{color:#a76464; text-decoration:underline;}
	

/*---- nav gauche -----*/

#nav_gauche {
	float:left;
	margin-top:3px;
	width:295px;
	background:#f0efe4;
	}

#logo {margin-bottom:9px;}

#nav_gauche_header, #nav_gauche_footer { 
	width:295px; 
	text-align:center;
	}

#menu_gauche {	
	margin:9px 35px 5px 30px;
	background:#e3e2de;
	}

#nav {
	width:233px;
	border-bottom:1px solid #c7c7c4;
}
#nav li {	
	background:#e3e2de;
	position:relative;
	border-top:1px solid #c7c7c4;
	height:19px;
	padding-top:10px;
	list-style:none;
	text-align:center;
	cursor:pointer;
}
#nav li a,#nav li span {
	text-transform:uppercase;
	color:#994c4c;
	text-decoration:none;
	margin:0 35px 0 0;
	font-weight:bold;
}
#nav li a.selected {
	text-decoration:underline;
}
	
#nav img {
	margin:-3px 0 0 15px;
	}
	
#sous_nav{
	text-align:left;
	width:100px;
	position: absolute;
	left: 233px;
	width:180px;
	top: -10px;
	display: none;
	background:#994c4c;
	padding:7px;
	}
	
#sous_nav ul li{	
	background:#994c4c;
	color:#decd95;
	width:180px;
	text-align:left;
	border: none;
	height:auto;
	}
	
#sous_nav ul li:hover {	background:#994c4c;}

#sous_nav ul li a {	
	color:#decd95;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
	padding-left:15px}

#sous_nav ul li a:hover, #nav li a:hover {text-decoration:underline;}

#nav li:hover {
	background:url(/faience_images/site/fleche_sousmenu.gif) no-repeat #e3e2de;
	background-position: right center;
	display:block;
	}

#nav li:hover div, 
#nav li.hover div {
	display: block;}

#sous_nav .titre_sousmenu {
	color:#FFFFFF;
	padding-left:5px;
	text-transform:uppercase;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #caabab;
}

.selected { text-decoration:underline;}

#sign {
	font:11px "Times New Roman", Times, serif;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	color:#60665b;
	padding:10px 0 20px 0;
 }

#sign .legende {
	font-style:italic;
	font:10px "Times New Roman", Times, serif;
	text-align:center;
 }


/*///////////////////////////////////////////////////////////
CONTENU
////////////////////////////////////////////////////////////*/

#contenu {
	float:left;
	margin:18px 10px 0px 18px;
	width:665px;
	}
	
#ContenuListe {
	float:left;
	margin:50px 0px 0px 18px;
	width:665px;
}
#ContenuPopUp {
	float:left;
	margin:30px 0px 0px 18px;
	width:600px;
}
	
#details {
	float:left;
	width:350px;
	padding:10px;}
/********************************************************************/
/* Images produits */
/********************************************************************/
#DetailsPhotos {
	float:right;
	width:290px;
	text-align:center;
}

.CadreImageDetails { 
	margin: 0 0 0 30px;
}
.CadreImageDetails .ImageDetail {
	width:222px;
	height:222px;
	text-align:center;
	border:1px solid #b9b9b9;
	background:#ffffff;
	line-height:220px;
	display:table-cell;
	vertical-align:middle;
}
.CadreImageDetails .ImageDetail img {
	vertical-align:middle;
}

.PtListe {
	float:left;
	text-align:center;
	margin-top:5px;
}

.PtListe img{ 
	margin:5px 3px 0 0
}

.img_home { 
	margin:50px 7px 0px 7px;
	float:left;
}

.CadreImageAccueil {
	float:left;
	margin-bottom:10px;
}
	
.CadreImageAccueil img {
	border:1px solid #b9b9b9;
	background:#ffffff;
}
	
	
.Vendu{
	font:normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#a76464;
	background-color:#ffffff;
}
.Vendu2{
	font:normal normal 28px Times, Arial, Helvetica, sans-serif;
	color:#a76464;
	background-color:#ffffff;
}
	

	
#photo_home{float:left; margin-bottom:8px; margin-top:20px;}
	
.texte {
	float:left;
	margin-top:5px;
	margin-bottom:8px;
	}
	
.texte a{color:#60665b; text-decoration:none;}
.texte a:hover{text-decoration:underline; color:#606060;}

.pager {
	float:right;
	margin-right:20px;
	width:500px;
	text-align:right;
	}

.pager p {color:#994c4c;}

.pager a {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#f0efe4;
	background:#cca5a5;
	text-decoration:none;
	padding:2px;
	}

.pager a:hover {
	color:#f0efe4;
	background:#994c4c;
	text-decoration:none;
	}
	
.pager .selected {
	color:#f0efe4;
	background:#994c4c;
	text-decoration:none;
	}

.produit{ 
	margin-right:27px;
	margin-bottom:18px;
}
/********************************************************************/
/* Liste des images produits */>
/********************************************************************/


.titre p{
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	margin-bottom:4px;
}

#NavProduit {
	clear:both;
	margin-top:20px;
	margin-left:18px;
	margin-bottom:20px;
	width:350px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	color:#994c4c;
	font-weight:bold;
}

#NavProduit a{
	color:#994c4c;
	text-decoration:none;}

#NavProduit a:hover{ 
	color:#8d8e71;
	text-decoration:underline;}

.PtListe {	
 	float:left;
	margin-top:10px;
	}

.CadrePtListe {	
	float:left;
	padding:1px;
	border:1px solid #b9b9b9;
	}


/*/////////////////////
	OMBRE
//////////////////////*/
.wrap3 img{
/*  	border:1px solid #535650;*/
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}
.wrap1 {
  	float:left;
  	background:url(/faience_images/site/shadow.gif) right bottom no-repeat;
}
.wrap2 {
	background:url(/faience_images/site/corner_bl.gif) left bottom no-repeat;
}
.wrap3 {
  	padding:0 6px 6px 0;
  	background:url(/faience_images/site/corner_tr.gif) right top no-repeat;
	
}

/*----------------------------*/

.btn_contact {
	float:left;
	width:100%;
	background:#994c4c;
	height:15px;
	margin-top:5px;
	text-align:center;
	color:#FFFFFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;}

.btn_contact a{
	color:#FFFFFF;
	text-decoration:none;}

.btn_contact a:hover{
	color:#FFFFFF;
	text-decoration:underline;}
	
	
img.Opaque {
	background-color:#fff;
	filter:alpha(opacity=80);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

/*///////////////////////////////////////////////////////////
FORMULAIRE
////////////////////////////////////////////////////////////*/

#form{margin-top:15px; margin-left:15px;}


#form .FormContact, .FormSubmit {
	border:1px solid #b9b9b9;
	color:#60665b;
	cursor:pointer;
	font-family:Verdana,Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0pt;
	padding:2px 0pt 2px 2px;
}

#form .FormSubmit { background:#b9b9b9; color:#994c4c}

#form .LargeInput {
	border:1px solid #b9b9b9;
	width:263px;
}
#form .SmallInput {
	border:1px solid #b9b9b9;
	width:60px;
}
#form .MediumInput {
	border:1px solid #b9b9b9;
	width:192px;
}
#form .chkBoxes {
	border-width:0pt;
}
#form .XSmallInput {
	border:1px solid #b9b9b9;
	width:20px;
}
#form .HalfInput {
	border:1px solid #b9b9b9;
	width:126px;
}

.SubmitButton {
	background:#994c4c;
	color:#FFFFFF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	border:none;
	margin:5px 0;
}

/*///////////////////////////////////////////////////////////
FOOTER
////////////////////////////////////////////////////////////*/

#footer {
	float:left;
	padding-top:6px;
	border-top:1px solid #b5b5b5;
	width:1000px;
	text-align:center;
	font:10px Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	padding-bottom:10px;
}

#footer a{text-decoration:none; color:#7d7d7d;}
#footer a:hover{ text-decoration:underline; color:#606060;}

.Recherche {
	border:1px solid #b9b9b9;
	color:#60665b;
	cursor:pointer;
	font-family:Verdana,Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0pt;
	padding:2px 0pt 2px 2px;
	margin-left:15px;
}	
.Clikeo {
	text-align:center;
	padding:5px 0 0 0;
	font: normal 9px Arial , Verdana, Helvetica, sans-serif;  
	color:#eee;
}

.Clikeo a {
	font: normal 9px Arial , Verdana, Helvetica, sans-serif;  
	text-decoration: none;
	color:#ccc;
}
.Clikeo a:hover {
	color:#aaa;
}