@charset "UTF-8";
img, div { behavior: url(/scripts/iepngfix.htc) }

html, body {
margin: 0;
padding: 0;
height: 100%
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	margin: 0px;
	padding: 0px;
	/*background-attachment: scroll;
	background-color: #fff;
	background-image: url(/img/bg01.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	background:url(/img/spring-bg.png) repeat-x bottom fixed;*/
	background:url(/img/bg_winter_image.jpg) repeat-x bottom fixed;
}
form {margin: 0px;padding: 0px;}
hr {height: 1px;color: #ccc;background-color: #ccc;border: 0;}

#maincontainer {width:770px;background:#1e2931 url(/img/bg.gif) repeat-x;float:left;}
#leftcontainer {width:170px;float:left;}
#rightcontainer {width:580px;float:left;margin-left:10px;}
#bas {clear:both;}

/*----------------------*/
/*navigation par onglets*/
/*----------------------*/
#onglet {
    float:right;
    width:400px;
    font-size:11px;
    line-height:30px;
    }
#onglet img {
	float:left;
	}
#onglet a {
	display:block;
	float:left;
	font-size:10px;
    line-height:30px;
	background:url(/img/onglet-b.gif);
	}
	
#onglet a:link {color:#fff;text-decoration:none;}
#onglet a:visited {color:#fff;text-decoration:none;}
#onglet a:hover {color:#fc2b02;text-decoration:none;}
#onglet a:active {color:#fff;text-decoration:none;}

#navigonglet *  {padding:0; margin:0;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:30px;}
.dropdown2 {float:left; background:url(/img/onglet-b.gif);}
.dropdown3 {float:left;}
.dropdown2 a:link {color:#fff;text-decoration:none;}
.dropdown2 a:visited {color:#fff;text-decoration:none;}
.dropdown2 a:hover {color:#fc2b02;text-decoration:none;}
.dropdown2 a:active {color:#fff;text-decoration:none;}
.dropdown {float:left; padding-right:0px;}
.dropdown dt {width:auto; padding:0; cursor:pointer;color:#fff;text-decoration:none;background:url(/img/onglet-b.gif) no-repeat 18px 0px;}
.dropdown dt:hover {color:#fc2b02;text-decoration:none;}
.dropdown dd {position:absolute; overflow:hidden; width:120px; display:none; background:#000; z-index:200; opacity:0}
.dropdown ul {width:99,99%; list-style:none; border-top:none;}
.dropdown li {display:inline;line-height:14px;}
.dropdown .titre li {display:inline;font-family:Arial, Helvetica, sans-serif; font-size:10px;padding:2px;line-height:14px;}
.dropdown a {display:block; color:#fff; text-decoration:none;line-height:14px;}
.dropdown a:active {display:block; color:#fff; text-decoration:none;}
.dropdown a:visited {display:block; color:#fff; text-decoration:none;}
.dropdown a:hover {color:#fc2b02; }
.dropdown .underline { border-top:1px solid #8e8481;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#fff;text-align:left;}
.dropdown .underline2 { border-top:1px solid #8e8481;border-bottom:1px solid #8e8481;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#fff;text-align:left;}

	
/*----------------------*/
/* flags */
/*----------------------*/
#flags {margin-right:20px;padding:0;}
#flags img {width:16px;height:13px;border:0;}
#flags a.thelink {display:block;float:right;border:2px solid #ccc;}
#flags a.thelink:link {border:2px solid #ddd;}
#flags a.thelink:visited  {border:2px solid #ddd;}
#flags a.thelink:hover  {border:2px solid #790e11;}
#flags a.thelink:active  {border:2px solid red;}

/*-----------------------*/
/* connexion utilisateur */
/*-----------------------*/
#connect-user {
	margin:0;
	padding:0 25px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
	}
#connect-user form {padding:0;margin:0;}
#connect-user input{font-size:9px;color:#eee; border: 1px solid #ccc; background-color: #666;}
#connect-user button{font-size:9px;color:#eee; border: 1px solid #ccc; background-color: #666;}

/*----------------------*/
/* navig */
/*----------------------*/
#navig {background:#1e2931;;font-size:11px;margin:0;padding:0; }
#navig img {float:left;margin:0 3px 0 10px;padding:0; }

#navig .title {margin:25px 0;padding:0;line-height:11px;text-transform:uppercase; }
#navig .title a:link {color:#8295b6;text-decoration:none; }
#navig .title a:visited {color:#8295b6;text-decoration:none; }
#navig .title a:hover {color:#fc2b02;text-decoration:none; }
#navig .title a:active {color:#fff;text-decoration:none; }

#navig .subtitle {font-size:10px;line-height:11px;color:#ccc;text-transform:capitalize; }
#navig .subtitle a:link {color:#ccc;text-decoration:none; }
#navig .subtitle a:visited {color:#ccc;text-decoration:none; }
#navig .subtitle a:hover {color:#fc2b02;text-decoration:none; }
#navig .subtitle a:active {color:#fff;text-decoration:none; }

#navig .notproduct a:link img, #navig .notproduct a:visited img
{
	/* seems to prevent flickering in Mozilla-based browsers */
	opacity:0.999;
}
#navig .notproduct a:active img, #navig .notproduct a:hover img, #navig .notproduct a:focus img
{
	/* for Mozilla/Firefox/Safari */
	opacity:0.6;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);
}
/*----------------------*/
/* tell your friends */
/*----------------------*/
#friendsbox {height:60px;background:url(/img/tell-ur-friends.gif) no-repeat 0 0;margin:5px 0;}
.friendstxt {font-size:12px;line-height:13px;color:#FF6600;padding:5px 5px 0 85px;}
.friendstxt a:link, .friendstxt a:visited {color:#FF6600;text-decoration:none;}
.friendstxt a:hover {color:#fc2b02;}
.friendstxt2 {font-size:10px;line-height:11px;color:#ccc;padding:0 5px 0 85px;}

/*----------------------*/
/* sizes */
/*----------------------*/
#sizesbox {height:60px;background:url(/img/bg_sizes.gif) no-repeat 0 0;margin:5px 0;}
.sizestxt {font-size:12px;line-height:13px;color:#FF6600;padding:5px 5px 0 85px;}
.sizestxt a:link, .sizestxt a:visited {color:#FF6600;text-decoration:none;}
.sizestxt a:hover {color:#fc2b02;}
.sizestxt2 {font-size:10px;line-height:11px;color:#333333;padding:0 5px 0 85px;}

/*----------------------*/
/* blog */
/*----------------------*/
#blogbox {height:60px;background:url(/img/blog.gif) no-repeat 0 0;margin:5px 0;}
.blogtxt {font-size:12px;line-height:13px;color:#FF6600;padding:5px 5px 0 85px;}
.blogtxt a:link, .blogtxt a:visited {color:#FF6600;text-decoration:none;}
.blogtxt a:hover {color:#fc2b02;}
.blogtxt2 {font-size:10px;line-height:11px;color:#ccc;padding:0 5px 0 85px;}

/*----------------------*/
/* inscription newsletter */
/*----------------------*/
#n {margin:0 10px;}
#ntitle {font-size:11px;font-weight:bold;color:#fff;line-height:11px; }
#nsubtitle {font-size:10px;font-weight:normal;color:#ccc;line-height:11px; }
#n form {padding:0;margin:3px 0;}
#n input{font-size:9px;color:#eee; border: 1px solid #ccc; background-color: #666;}
#n button{font-size:9px;color:#eee; border: 1px solid #ccc; background-color: #666;}

/*--------*/
/* footer */
/*--------*/
div#nifty{ width:770px;margin-top:5px;background: #ccc;}
/* modif spring 
b.rtop, b.rbottom{display:block;background: #96bf2e}*/
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #ccc;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
div#nifty ul {width:140px;float:left;font-size:9px;color:#333333;padding:0 10px;margin-left:15px;list-style: none;}
div#nifty .bord {border-left:1px solid #000;}
div#nifty li {padding:0 60px;}

/*---------------*/
/* fil d'arianne */
/*---------------*/
#arianne {font-size:9px;line-height:16px;color:#8295b6; border-bottom: 1px solid #666;margin:0 15px 5px 0;}
#arianne a:link {color:#8295b6;text-decoration:none; }
#arianne a:visited {color:#8295b6;text-decoration:none; }
#arianne a:hover {color:#fc2b02;text-decoration:underline; }
#arianne a:active {color:#fff;text-decoration:none; }

/*---------------*/
/* fiche produit */
/*---------------*/
#prodcoldroite {width:280px;float:left;border:2px solid #787f83;margin-left:5px;color:#CCCCCC;}
#prodcolgauche {width:270px;float:left;margin-left:10px;}
#prodcolgauche h1 {margin:0;font-size:12px;line-height:14px;color:#ccc;}
#prodcolgauche h2 {margin:0;font-size:16px;line-height:18px;color:#fff;}
/*#prodgallerie {width:550px;float:left;padding:5px;border:2px solid #787f83;color:#CCCCCC;margin:10px 0 0 5px;}*/
#prodgallerie {display:block;float:left;width:280px;}

#prodassocie {width:560px;float:left;color:#CCCCCC;margin:10px 0 0 7px;}
#prodassocie .containermotifs {width:560px;display:block;float:left;border-bottom:1px solid #999999;}
#prodassocie .title {float:left;padding:3px;font:Arial, Helvetica, sans-serif;font-size:12px;color:#FF9900;}
#prodassocie .allmotifs {float:right;padding:3px;font:Arial, Helvetica, sans-serif;font-size:12px;color:#FF9900;}
#prodassocie .allmotifs a:link, #prodassocie .allmotifs a:visited {color:#FF9900;}
#prodassocie .allmotifs a:hover {color:#FFFFCC}

#colorcontainer {display:block;float:left;width:270px;}
#colorcontainer a:link, #colorcontainer a:visited {text-decoration:none;color:#fff;cursor:pointer}
#colorcontainer a:hover {color:#FFFFCC}
#colorcontainer .colorblock {width:auto;float:left;}
#colorcontainer .colorblock .colorvalue {display:block;float:left;width:30px;height:15px;border:1px solid #666;margin-right:4px;margin-bottom:4px}
#colorcontainer .colorblock .colortxt {display:block;float:left;color:#eee;padding:2px 10px 0 0;}

#similarprods {width:560px;float:left;color:#CCCCCC;margin:10px 0 0 7px;}
#similarprods a {padding: 3px 5px;white-space:nowrap;display:block;width:auto;float:left;margin:2px 2px 0 0 }
#similarprods a:link, #similarprods a:visited {color: #fff;background-color: #036;text-decoration: none;}
#similarprods a:hover {color: #fff;background-color: #369;text-decoration: none;}

#smallmotifpict {float:left;border:1px solid #000;margin:5px;}
#smallmotiftypo {width:170px;float:left;font-size:14px;line-height:normal;margin:5px;}
#smallmotiftypo b {font-style:bold;}
#smallmotiftypo i {font-size:10px;line-height:normal;font-style:normal;}

.new {font-size:10px;color:#fc2b02;font-weight:bold;}
.txt01 {font-size:11px;color:#ddd;}
.txt02 {font-size:11px;color:#ddd;}
.txt03 {font-size:12px;color:#FF9900;}
.txt02 a:link, .txt02 a:visited {color:#f9d591;text-decoration:none;}
.txt02 a:hover {color:#fc2b02;}

a#sizeChart:link, a#sizeChart:visited {display:block;float:left;padding-left:200px;font-size:9px;color:#ddd;}
a#sizeChart:hover {color:#fc2b02;}

#addtocart {width:260px;height:65px;float:left;padding-bottom:5px;border:2px solid #787f83;color:#CCCCCC;}
#addtocart h1 {font-size:22px;}
#addtocart s {font-size:14px;}
#addtocart select {font-size:9px;color:#000; border: 1px solid #ccc; background-color: #9ca4a9;}

/* TEST */
#navigcontainer {font-size:10px;color:#ccc;}
ul#navlist
{
font-size:9px;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}
#navlist li#current {background-color: none}
#navigcontainer li a#current {background-color: #369}
#navlist a { padding: 3px 5px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
#addtocart2 {width:550px;float:left;padding:5px;border:2px solid #787f83;color:#CCCCCC;margin:5px 0 0 5px;}
#addtocart2 h1 {font-size:20px;margin:2px 0 0 0;}
#addtocart2 s {font-size:14px;}
#addtocart2 select {font-size:10px;color:#000; border: 1px solid #ccc; background-color: #9ca4a9;margin-top:4px;}
input.groovybutton2
{
	/*float:left;*/
	font-size:12px;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff196;
	/*width:100%;*/
	background-color:#FF0000;
	border-style:none;
	/*border-color:#FFFFFF;
	border-width:1px;*/
	margin-left:5px;
	cursor:pointer;
}
#viewothertees {width:550px;float:left;margin:0 5px;color:#FFFFFF}
#viewothertees a:link, #viewothertees a:visited {color:#f9d591;text-decoration:none;}
#viewothertees a:hover {color:#fc2b02;}

/*------------------*/
/* liste categories */
/*------------------*/
#listcat {color:#CCCCCC;}
#listcat h1 {color:#8295b6;font-size:16px;margin:0;}
#listcat h2 {color:#aaa;font-size:13px;margin:0;}

/*------------------------------------*/
/* DIV superposés pour liste produits */
/*------------------------------------*/
.blocproduit {width:180px;float:left;margin:0 4px 6px 4px;}
.blocproduit a:link, .blocproduit a:visited {text-decoration:none;color:#fff;}
.blocproduit a:hover {color:#FFCC00;}
.blocproduit .pictprod {position:relative;z-index:1;border:1px solid #333;}
.blocproduit .pictnew {position:absolute;z-index:2;padding:1px 0 0 1px;}
.blocproduit .supporttxt {position:absolute;z-index:3;width:180px;height:34px;margin:147px 1px 1px 1px;background:#000; filter: Alpha(opacity=40); -moz-opacity: .40; -khtml-opacity: 0.40; opacity: .40;}
.blocproduit .containertxt {position:absolute;z-index:4;width:120px;height:30px;padding: 3px 15px 3px 5px;margin-top:146px;}
.blocproduit a:visited .pictprod {border:1px solid #333;}
.blocproduit a:hover .pictprod {border:1px solid #FFCC00;}
.blocproduit .containerprix {position:absolute;z-index:5;width:35px;height:30px;padding: 3px 3px 3px 5px;margin-top:146px;margin-left:130px;font-size:12px;color:#FFCC00;font-weight:bold;text-align:center}


/* ------------------ */
/* STYLE TYPO DE BASE */
/* ------------------ */
.titre01 {
	text-align:left;
	margin:0;
	padding:0;
	color:#C6D0D8;
	text-transform:uppercase;
	font-weight:bold;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
}
.titre02 {font:normal 14px verdana,helvetica,arial,sans-serif;text-align:left;margin:0;padding:0;color:#C6D0D8;font-weight:bold;}
.titre03 {font:normal 12px verdana,helvetica,arial,sans-serif;text-align:left;margin:0;padding:0;color:#C6D0D8;}
.titre04 {font:normal 14px verdana,helvetica,arial,sans-serif;margin:0;padding:0;color:#C6D0D8;}
.titre04 a:link, .titre04 a:visited {color:#C6D0D8;text-decoration:none;}
.titre04 a:hover {color:#fc2b02;text-decoration:none}
.titre05 {font:normal 14px verdana,helvetica,arial,sans-serif;margin:0;padding:0;color:#FF6600;}


.texte01 {
	font:normal 11px verdana,helvetica,arial,sans-serif;
	text-align:left;
	margin:0;
	padding:0;
	color:#CCCCCC;
}
.texte01 a:link, .texte01 a:visited {color:#43887d;}
.texte01 a:hover {color:#fc2b02;}
.texte02 {font:normal 11px verdana,helvetica,arial,sans-serif;text-align:left;margin:0;padding:0;color:#fff;}
.texte02 a:link, .texte02 a:visited {color:#fff;}
.texte02 a:hover {color:#fc2b02;}
.texte03 {font:normal 10px verdana,helvetica,arial,sans-serif;margin:0;padding:0;color:#ddd;}
.texte03 a:link, .texte03 a:visited {color:#ddd;text-decoration:none;}
.texte03 a:hover {color:#fc2b02;}
.texte04 {
	font:normal 10px verdana,helvetica,arial,sans-serif;
	text-align:left;
	margin:0;
	padding:0;
	color:#CCCCCC;
}
.texte04 a:link, .texte04 a:visited {
	color:#BBC7D0;
}
.texte04 a:hover {color:#fc2b02;}
.texte05 {font:normal 10px verdana,helvetica,arial,sans-serif;text-align:left;margin:0;padding:0;color:#43887d;}
.texte05 a:link, .texte05 a:visited {color:#43887d;}
.texte05 a:hover {color:#fc2b02;}
.texte06 {font:normal 9px verdana,helvetica,arial,sans-serif;margin:0;padding:0;color:#ccc;}
.texte06 a:link, .texte06 a:visited {color:#fc2b02;text-decoration:none}
.texte06 a:hover {color:#fc2b02;text-decoration:underline}
.texte07 {color:#cccccc;font:normal 9px verdana,helvetica,arial,sans-serif;margin:0;padding:0;}
.texte07 a:link, .texte07 a:visited {color:#cccccc;font-weight:bold;text-decoration:underline}
.texte07 a:hover {color:#fc2b02;text-decoration:none}

/* ------------- */
/* PANIER */
/* ------------- */
#coupon input{font-size:10px;color:#fff; border: 1px solid #ccc; background-color: #666;}
#coupon button{font-size:10px;color:#eee; border: 1px solid #ccc; background-color: #666;}

.panierentetes {background:#666;font:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:10px;border-bottom:1px solid #000000;}
.panierentetes2 {background:#999;font:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:10px;border-bottom:1px solid #000000;}
.panierlignes {
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	border-bottom:1px solid #B1BEBC;
	background-color: #4D6170;
}
.panierlignes a:link, .panierlignes a:visited {color:#FFCC66;}
.panierlignes a:hover {color:red;}

.panierlignes2 {
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	border-bottom:1px solid #4D6170;
	background-color: #B1BEBC;
}
.panierlignes2 a:link, .panierlignes a:visited {color:#FFCC66;}
.panierlignes2 a:hover {color:#fc2b02;}

input.groovybutton
{
	font-size:14px;
	font-family:Arial,sans-serif;
	font-weight:bold;
	color:#fff196;
	width:250px;
	background-color:#790e11;
	border-style:none;
	/*border-color:#FFFFFF;
	border-width:1px;*/
	margin-top:5px;
}


/* ------------- */
/* min-PANIER */
/* ------------- */
.cartext01 {font:Arial, Helvetica, sans-serif;color:#fff59b;font-size:11px;line-height:normal;}
.cartext02 {font:Arial, Helvetica, sans-serif;color:#fff;font-size:11px;line-height:12px;}
.cartext03 {font:Arial, Helvetica, sans-serif;color:#e0dddd;font-size:9px;line-height:10px;}
.checkout {font:Arial, Helvetica, sans-serif;color:#fff59b;font-size:10px;line-height:normal;}
.checkout a:link, .checkout a:visited {color:#fff59b;text-decoration:none;}
.checkout a:hover {color:yellow;text-decoration:none;}

/* ------------- */
/* LOGIN */
/* ------------- */
.authentif {border:1px solid #336666;background-color: #4D6170;}

#ident_form .ident_form {font:Arial, Helvetica, sans-serif;font-size:11px;margin:0px;}
#ident_form #kt_login_user {font:Arial, Helvetica, sans-serif;font-size:10px;background:#eee;border:1px solid #333333;}
#ident_form #kt_login_password {font:Arial, Helvetica, sans-serif;font-size:10px;background:#eee;border:1px solid #333333;}
#ident_form #kt_login1 {font:Arial, Helvetica, sans-serif;font-size:11px;background:#999999;border:1px solid #333333;color:#FFFFFF;}

#inscription {font:Arial, Helvetica, sans-serif;border:1px solid #ccc;}
#inscription .label{font-size:11px;background:#43887d;color:#FFFFFF;text-align:right;border-bottom:1px solid #ccc;}
#inscription input{font-size:11px;background:#fff;color:#000;}
#inscription .infos{background:#E7F7DC;border-bottom:1px solid #ccc;}
#inscription .oblig{font-size:18px;color:#993300;}
#inscription submit{font:Arial, Helvetica, sans-serif;font-size:11px;background:#999999;border:1px solid #333333;color:#FFFFFF;}

/* ------------- */
/* FICHE CLIENT */
/* ------------- */
.orderlignes {
	font:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
	border-bottom:1px solid #4D6170;
	background-color: #B1BEBC;
}
.orderlignes a:link, .orderlignes a:visited {color:#660000;}
.orderlignes a:hover {color:#fc2b02;}

/* ------------- */
/* FOOTER */
/* ------------- */
.footertexte {font:Arial, Helvetica, sans-serif;font-size:9px;}
.footertexte a:link, .footertexte a:visited {color:#333;text-decoration:none;}
.footertexte a:hover {color:#fc2b02;text-decoration:underline;}