/* CSS Document */
/* vert  5de1d3 */


body,td,th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.clear {
clear: both;
}
#detail-top {
width: 100%;
height: 50px;
}
#detail-image {
float: left;
width:330px;
display:inline;
}
#detail-description {
float: left;
width:300px;
padding:15px;
border:1px solid #ccc;
}
#detail-couleur {
float: left;
width:300px;
padding: 0px 0px 0px 30px;
}

.detail-cale {
height: 3px;
width: 50px;
}

.taengo-prix {
color: #000000;
}

.taengo-left {
float: left;
width: 490px;
}
.taengo-right {
float: right;
width: 490px;
}

.4col {
width: 490px;
height: 160px;
border: 1px solid #pink;
float:left;
display:inline;
}
.col {
	width: 490px;
	height: 135px;
	float:left;
	display:inline;
}

img {
	border: none;
}
h1 {
	text-align: left;
	font: 24px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #5E5E5E;
	border-bottom: 1px solid #a5a5a5;
	padding-bottom: 10px;
}
h2 {
	color: #fff;
	padding:5px 10px 5px 10px;
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	margin-top:10px;
	text-transform:uppercase;
	background: #666;
	display:inline;
}

.taengo-inter {
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	padding:5px 10px 5px 10px;
	text-transform:uppercase;
	width: 92px;
	background: #666;
}

h3 {
	font: 18px/24px Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	margin: 0px 0px 4px 0px;
}

h3 a:link, h3 a:visited {
padding: 2px;
color: #000;
}
h3 a:hover, h3 a:active {
background: #000;
color: #fff;
} 

#bestsell h3 {
	text-align: left;
	border-left: 6px solid #a5a5a5;
	padding: 2px 0px 2px 10px;
}
h4 {
	font: 14px/16px Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	padding: 4px 0px 4px 4px;
	margin-top: 0px;
	margin-bottom: 4px;	
	border-top: 1px solid #ccc;
	
}
.titre {
	color: #7c7c7c;
	padding:0px 15px 0px 10px;
	font: bold 14px/26px Arial, Helvetica, Verdana, sans-serif;
	border-right: 2px solid #ccc;
	margin-top:10px;
}

a:link, a:visited  {
	text-decoration: none;
	color: #7c7c7c;
}

a:hover, a:active {
	text-decoration: none;
	color: #999999;
}

.separation {
	visibility: hidden;
	clear: both;
}

#conteneur {
	font: 12px/14px arial, helvetica, Verdana, sans-serif;
	color: #999;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: left;
}

#header {
	margin-top: 10px;
	position: relative;
}
#logo {
	padding: 12px 0px 1px 0px;
	float: left;
	width: 200px;
}
#header h1 {
margin: 0px;
padding: 0px;
text-align:left;
border: none;
}
#quicklist {
	width: 800px;
	float: right;
	padding: 0px;
}


#nav {
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	padding: 0px;
	letter-spacing:2px;
	text-align: center;
	float: left;
	width: 100%;	
}
#nav ul {
	padding: 0px;
	marging: 0px;
}
#nav ul li {
	float: left;
	display: inline;
	marging: 0px;
	
}

#nav a {
	display: block;
	line-height:24px;
	padding: 5px 10px 5px 10px;
}

#nav a:link, #nav a:visited {
	color: #000;
	text-decoration:none;
}

#nav a:hover, #nav a:active {
	background: #afb4b5;
	color: #fff;
	text-decoration:none;
	background: url(http://www.groomparis.com/a/nav-current.gif) 0 0 repeat-x;
}

#nav #current_page_item
 {
color: #fff;
background: url(http://www.groomparis.com/a/nav-current.gif) 0 0 repeat-x;
text-decoration: none;
}

#subnav {
	float: left;
	padding-left: 10px;
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	clear: both;
	letter-spacing:0px;
}
#subnav a:link, #subnav a:visited {
padding-bottom: 3px;
border-bottom:1px solid #5de1d3;
}
#subnav a:hover, #subnav a:active {
color: #5de1d3;
}

#hautdepage {
	background:url(a/encadre.gif) 0 0;
	height: 33px;
	text-align:left;
	padding: 5px 0px 4px 10px;
	margin-bottom: 10px;
	float:left;
	width: 990px;
}


#footer {
	border-top: 1px solid #ccc;
	font: 10px/14px Arial, Helvetica, Verdana, sans-serif;
	color: #999;
	margin-top: 30px;
	padding-bottom: 30px;
	padding-top: 10px;
	background: url(a/paypal.gif) top right no-repeat;
	
}
#footer-wrap {

padding-left: 0px;
}

.colori {
	font: bold 12px/14px Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	color: #000;
}

.color {
	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	text-align:left;
	padding: 4px;
}
.color img {
padding: 2px;
background: #fff;
border: 1px solid #ccc;
}


/* fin des css de taengo */

#container {
	margin: 0px;
	padding: 0px;
	
	text-align: left;
	color: #5E5E5E;
}
#containergris {
	font: 12px/16px Georgia, Times, serif;
	margin: 0px;
	padding: 1px 10px 1px 10px;;
	text-align: left;
	color: #5E5E5E;
	border: 1px solid #e7e5e7;
}
#containercontact {
	font: 12px/16px Georgia, Times, serif;
	margin: 15px 0px 0px 0px;
	padding: 1px 0px 1px 0px;;
	text-align: left;
	color: #5E5E5E;
	background:url(gallery/lg/108.jpg) 0 0;
	height: 350px;
}


#post-panama, #post-louisiane, #post-toile, #post-pailettes, #post-lisse, #post-nylon {
	font: 12px/16px Georgia, Times, serif;
	margin: 15px 0px 0px 0px;
	padding: 1px 0px 1px 0px;;
	text-align: left;
	color: #5E5E5E;
	height: 350px;
}
#post-panama h3, #post-louisiane h3, #post-toile h3, #post-pailettes h3, #post-lisse h3, #post-nylon h3{


}
#post-panama ul, #post-louisiane ul, #post-toile ul, #post-pailettes ul, #post-lisse ul, #post-nylon ul {
margin: 0px;
padding: 0px;
list-style:none;
}
#post-panama li, #post-louisiane li, #post-toile li, #post-pailettes li, #post-lisse li, #post-nylon li {
padding: 2px 0px 2px 0px;
}
#post-panama {
	background:url(gallery/lg/109.jpg) 0 0 no-repeat;
}
#post-louisiane {
background:url(gallery/lg/015.jpg) 0 0;
}
#post-toile {
background:url(gallery/lg/108.jpg) 0 0;
display: none;
}
#post-pailettes {
background:url(gallery/lg/013.jpg) 0 0;
}
#post-lisse {
background:url(gallery/lg/012.jpg) 0 0;
}
#post-nylon {
background:url(gallery/lg/108.jpg) 0 0;
display: none;
}


.colgaucheleather {
float: left;
margin-left: 20px;
margin-top: 20px;
margin-bottom:20px;
width: 480px;
padding: 20px;
background: #fff;
border-bottom: 1px dotted #fff;
}
.colgaucheleather a:link, .colgaucheleather a:visited {
font-weight: bold;
color: #5de1d3;
}

.colgaucheleather a:hover, .colgaucheleather a:active {
color: #000;
text-decoration:underline;
}


#containerboutique {
	font: 12px/16px Georgia, Times, serif;
	margin: 15px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	text-align: left;
	color: #5E5E5E;
	background:url(a/boutique.gif) 0 0 repeat-x;
}
#containerpress {
	font: 12px/16px Georgia, Times, serif;
	margin: 15px 0px 0px 0px;
	padding: 1px 0px 1px 0px;;
	text-align: left;
	color: #5E5E5E;
	background:url(gallery/lg/109.jpg) 0 0 no-repeat;	
}
#colgauchecontact {
float: left;
margin-left: 20px;
margin-top: 20px;
margin-bottom:20px;
width: 300px;
padding: 20px;
background: #fff;
border-bottom: 1px dotted #fff;
}
#colgauche {
float: left;
width: 500px;
padding-bottom: 30px;
border-bottom: 1px dotted #fff;
}
#coldroite {
float: right;
width: 300px;
}
#coldroite-contact {
margin-top:20px;
float: right;
width: 330px;
}
#coldroite-boutique {
float: right;
width: 430px;
text-align:left;
}
.TexteGris {
	font-size: 12px;
	color: #999;
}
.TexteGris2 {
	font-size: 12px;
	color: #666666;
}
.TexteBlanc {
	font-size: 16px;
	color: #FFFFFF;
}
.TexteBlanc2 {
	font-size: 12px;
	color: #999;
}
/* nom des articles */
.TexteBlanc3 {
	font: 14px/16px Georgia, Times, serif;
	color: #5E5E5E;
	margin: 5px 0px 7px 0px;
}
.TexteRouge {
	
	color:#CC0000;
}
.TexteRouge2 {

	color:#CC0000;
}
.TexteRouge3 {
	font-size:24px;
	color:#CC0000;
}


.ligne {
	width:180px;
	height:140px;
	float:left;
	padding: 10px 10px 10px 10px;
	text-align:left;
	
}
#produit {
	width:450px;
	float:left;
	padding-right: 25px;
	margin: 5px 0px 15px 0px;
	text-align:left;
}
#vignette {
	margin: 0px 10px 10px 0px;
	clear:none;
	float:left;
	
}
.minivignette, .minivignette-new, .minivignette-soon {
	font: 12px/14px Arial, Helvetica, sans-serif;
	width: 100px;
	float: left;
	text-align: center;
	border: 1px solid #dcdcdc;
	margin-right: 10px;
	padding: 5px 5px 1px 5px;
	color: #555;
}


.minivignette-new {
	background: url(a/new.gif) top right no-repeat;
}
.minivignette-soon {
	background: url(a/soon.gif) top right no-repeat;
}
.minivignette-soon img {
margin-top: 6px;
}
.minivignette-new img {
margin-top: 6px;
}
.minivignette img {
margin-top: 6px;
}
.minivignettelast {
	font: 12px/14px Georgia, Times, serif;
	width: 100px;
	float: left;
	text-align: center;
	padding: 4px 0px 1px 0px;
		color: #555;
}
#leslignesindex {
	text-align: left;
}
#bestsell {
margin-top: 10px;
border:1px dotted #ccc;

}

#minidetail img {
background: #fff;
border: 1px solid #ccc;
padding: 3px;
}
#minidetail {
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
}
.pdetail {
	margin: 5px 5px 2px 5px;
	border-top: 1px dotted #ccc;
	padding: 5px 0px 5px 0px; 
}
.pprix {
font-family:Georgia, "Times New Roman", Times, serif;
	margin: 5px 5px 2px 5px;
	border: 1px solid #ccc;
	padding: 5px 0px 5px 10px;
	background: #fff; 
}
#encadre, #encadre2 {
background:url(a/encadre.gif) 0 0 no-repeat;
height: 33px;
text-align:left;
}
#encadre2 {
margin-bottom: 20px;
}

#encadre h2, #encadre2 h2  {
color: #666666;
padding-top: 3px;
padding-left: 10px;
}
#newsletter {
text-align: left;
}
#reperes {
	font: 10px/16px Arial, helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #737373;
	text-align: left;
	border-top: 1px solid #999;
	padding-top: 10px;}
	
.cap {
	font: 10px/16px Arial, helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #737373;
	text-align: left;
	border-top: 1px solid #999;
	padding-top: 10px;
	}
.post {
	font: 10px/16px Arial, helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #737373;
	text-align: left;
	
	padding-top: 10px;
	}
	.post h2 {
	color: #737373;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	padding: 10px 0px 10px 0px;
	letter-spacing:2px;
	text-align: center;
	border-top: 1px solid #ccc;
	}
.post a:link, .post a:visited {
padding: 2px 2px 2px 2px;	
color: #555;
border-bottom:1px solid #5de1d3;
font-weight:bold;
	}
.post a:hover, .post a:active {
background: #5de1d3;
color: #fff;
}