/*  body und schrift deffinitionen */
	*{
		margin:0;
		padding:0;
	}
	
	html { 
		padding:0px;
		margin:0px;
	}
	
	body {
		background:url(images/fond.gif);
		font-size: 100%;
		font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
		color:#76887E;  
		padding:0px 20px;
		margin:0px;
	}
	
	p, h2 {
		padding:5px;
		margin:0px
	}
	
	h1 {
		font-size: 1.5em;
		text-transform:uppercase;
		padding:0px 15px 0px 15px;
		margin:0px;
	}
	
	h1 a:hover {
		color:#76887E;
	}
	
	h1.infos {
		font-size: 1.3em;
		text-transform:lowercase;
		padding:0px 15px 0px 15px;
		margin:0px;
	}
	
	h1.mentions {
		font-size: 0.9em;
		text-transform:lowercase;
		padding:0px 15px 0px 15px;
		margin:0px;
	}

	h1 a {
		color:#76887E;
		text-decoration: none; 
	}

	h2 {
		font-size:1em;
		padding-top:10px;
		text-transform:uppercase;
		color: #76887E;
		background-color: transparent;
		font-weight:bold;
	}	
	
	h3 {
		font-size: 1.1em;
		text-transform:lowercase;
		padding:0px 15px 0px 0px;
		margin:0px;
	}	
	
	a { 
		color: #F1A42B;
		text-decoration: underline; 
	}
	
	a:hover { 
		color: #ED832C;
		text-decoration: none; 
	}
	
	img {
		border:0;
	}
	
	span.jsactive {
		color: #060;
		font-size:0.8em;
		padding-left:20px;
		margin-left:15px;
		background:url(images/plugin.png) no-repeat left center;
	}
	
	span.jsdesactive {
		display:block;
		color:#c33;
		font-weight:bold;
		font-size:0.8em;
		padding-left:20px;
		margin-left:15px;
		background:url(images/error.png) no-repeat left center;
	}

/*  Zoom sur l'image du produit */	
	.zoom {
		height:620px;
		margin:auto;
	}
	
	.zoom p {
		text-align:center;
	}
	
	.zoom img {
		width:250px;
	}
	
	.zoom img:hover {
		height:620px;
	}

/*  Cart */	
	#cart h1 {
		color: #c33;
	}
	
	#cart p {
		padding-left:15px;
	}

/*  Accordion */
	
	#accordion p {
		padding-left:15px;
	}

/*  positioning-layers static et absolut */

	#top {
		position: absolute;
	}
	
	#top .search {
		position: absolute;
		margin-top:80px;
		padding-top:40px;
		padding-left:100px;
		height:30px;
		background: url(images/search.gif) no-repeat left;
	}
	
	/*#top .favs {
		position: absolute;
		margin-top:80px;
	}*/
	
	#logo {
		padding-left:387px;
	}
	
	#content_principal {
		position: absolute;
		height:100%;
		width:80%;
	}
	
	#content {
		padding-top:290px;
		background:url(images/fond_teez2.gif) no-repeat left;
		height:650px;
		width:1225px;
		font-size: 0.9em;
	}
	
/*  menu de gauche  */

	#menu {
		position: absolute;
		width: 200px;
		left: 0px;
		padding:0px;
		margin:0px;
		top:210px;
	}
	
	#menu a {
		padding:0;
		text-decoration: none;
	} 
	
	#menu h1 {
		cursor:pointer;
	} 
	
	#menu form {
		padding-left:15px;
		text-decoration: none;
	}
	
/*  bloc du centre  */
	
	#inhalt {
		margin-left: 200px;
		width: 825px;
		background-color:#fff;
	}
	
	#contenu  {
		margin-left: 40px;
		overflow: auto;
	}
	
	#footerz  {
		margin-left: 40px;
		margin-right: 10px;
		text-align:center;
		font-size: 80%;
	}

/*  menu du haut  */

	#menu_top {
		width:100%;
		margin-top:200px;
		margin-left:200px;
		position: absolute;
	}
	
	#menu_top ul {
		margin:0;
		padding:10px 10px 0 20px;
		list-style:none;
	}
	
	#menu_top li {
		display:inline;
		margin:0;
		padding:0;
	}
	
	#menu_top a {
		float:left;
		background-color:#ED832C;
		color:#FFF;
		text-align:center;
		padding:0px 15px 4px 6px;
		text-decoration:none;
		font-size: 1.4em;
		margin-right:15px;
		width:150px;
	}

	#menu_top .current {
		background-color:#F1A42B;
	}
	
	#menu_top a:hover  {
		color:#FFF;
		background-color:#F1A42B;
	}
	
	.search input {
		background-color: #fff;
		border: 1px solid #564b47;
		margin-right: 0.25em;	
	}	
	
	select {
		background-color: #fff;
		border: 1px solid #564b47;
		margin-left: 10px;	
		color: #F1A42B;
	}

/* ACCUEIL */

	.teez {
		float:left;
		width:260px;
		height:220px;
		margin-top:10px;
		padding:0;
	}
	
	.teez a {
		color: #F1A42B;
		text-decoration: none; 
	}
	
/* ARTICLE */

	#contenuart {
		margin-left: 40px;
	}
	
	#contenuart h2 {
		font-size:1em;
		text-transform:uppercase;
		color: #76887E;
		background-color: transparent;
	}
	
	#contenuart h3 {
		font-size: 1.7em;
		text-transform:lowercase;
		padding:0px 15px 0px 15px;
		margin:0px;
		background:url(images/h3_fond.gif) no-repeat left;
		font-weight:normal;
		color:#fff;
	}
	
	#contenuart p {
		font-size:1em;
		width:50%;
		overflow: auto;
	}
	
	.titreorange {
		color:#F1A42B;
		font-size: 1em;
	}
	
	#teez {
		position: absolute;
		margin: 40px 0px 0px 390px;
		padding:0;
	}

/* Formulaires ARTICLES */

	#sizecolour {
		float:left;
		width: 100%;
		margin: 0 auto;
		text-align: left;
	}
	
	#sizecolour fieldset {
		border: 0;
		width: auto;
		margin: 0 0 0.5em 0;
		background-color:none;
	}
	
	#sizecolour fieldset p {
		padding: 0 0 0.75em 0 !important;
		padding: 0 0 0.35em 0;
		clear: both;
	}
	
	#sizecolour legend {
		margin:0;
		padding: 0.3em;
		font: normal 2em Verdana, Arial, Helvetica, sans-serif;
		color: #F1A42B;
		background-color: none;
		text-transform:lowercase;
	}
	
	#sizecolour label.text {
		display: block;
		width: 90%;
		text-align: left;
		margin: 0;
		padding: 0;
		font: normal 2em Verdana, Arial, Helvetica, sans-serif;
		color: #F1A42B;
		background-color: none;
		text-transform:lowercase;
	}

	#sizecolour select {
		margin: 0;
	}
	
/* Caddie ARTICLES */

	#caddie {
		float:left;
		width:377px;
	}
	
	#caddie a {
		color:#ED832C;
		text-decoration: none;
	}
	#caddie a:hover {
		color:#ED832C;
		text-decoration: none;
	}
	
	#caddie h4 {
		font: normal 2.9em Verdana, Arial, Helvetica, sans-serif;
		color:#ED832C;
		margin:0px;
		background:url(images/addtocart.gif) no-repeat right;
	}

/* MON COMPTE */

	#moncompte {
			border: 1px solid #76887E;
			width:91%;
			padding:10px;
	}
	
/* Formulaires */

	#forms {
		position: relative;
		width: 90%;
		margin-left: 5%;
		text-align: left;
	}
	
	#forms fieldset {
		margin-bottom: 1em;
		border: 1px solid #76887E;
		width: auto;
		margin: 0.5em;
	}
	
	#brands fieldset {
		border:0;
		margin:0;
		padding:0;
	}
	
	#forms fieldset p {
		padding: 0 0 0.75em 0.5em !important;
		padding: 0 0 0.35em 0.5em;
		clear: both;
	}

	#forms legend {
		margin: 0 0 0.5em 0;
		padding: 0.3em;
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		color: #76887E;
		background-color: none;
	}
	
	#forms label.text {
		display: block;
		float: left;
		width: 40%;
		text-align: right;
		margin: 0 1em 0 0;
		padding: 0.1em;
		border-bottom: 1px solid #F1A42B;
		color:#76887E;
		font-weight:bold;
	}
	
	#forms .radioCheck {
		margin: 0 1em 0 0.25em;	
	}
	
	#forms input.text,textarea {
		width: 45%;
		border: 1px solid #F1A42B;
		margin-right: 0.25em;	
	}
	
	#forms input.text,textarea {
		width: 45%;
		border: 1px solid #F1A42B;
		margin-right: 0.25em;	
	}
	
	#forms textarea.text {
		height: 100px;	
	}

	#forms .envoy {
		margin: 1em 0;
		text-align: left;
	}
	
	#forms .envoy label {
		border: 0;	
	}

	a button, a:hover button {
		text-decoration:none;
	}

	#forms .envoylogin {
		margin: 0.15em 0;
		text-align: center;
	}
	
	#forms .envoylogin label {
		border: 0;	
	}
	
	#forms hr {
		visibility:hidden;
		clear: both;
	}
	
	#forms span.note {
		font-size: 0.75em;
	}
	
	#forms span.warning {
		font-weight: bold;
		font-size: 1.3em;
		color: #76887E;
	}
	
	.ChampsObligatoires {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		font-weight: 700;
		color: #e2362d;
	}
	
	.valider {
		background-color:#fff;
		border:#F1A42B 1px solid;
		color: #76887E;
		width:75px;
	}
	
	
	.search_ok {
		background-color:#fff;
		border:#F1A42B 1px solid;
		color: #76887E;
	}
	
	button {
		border:#F1A42B 1px solid;
		background-color:#fff;
		color:#959595;
		cursor:pointer;
		padding:5px;
		font-weight:bold;
	}
	
		div.boutton {
			border:#F1A42B 1px solid;
			background-color:#fff;
			color:#959595;
			cursor:pointer;
			padding:5px;
			font-weight:bold;
			width:30%;
		}
	
	input.button {
		border:#F1A42B 1px solid;
		background-color:#fff;
		color:#959595;
		cursor:pointer;
	}
	
	button.b_panier {
		border:none;
		background-color:#fff;
		color:#959595;
		cursor:pointer;
		padding:0;
		font-weight:normal;
		text-align:left;
	}
	
	#forms label span.obligatoire, span.obligatoire {
		color:#c33;
		font-weight:bold;
		font-size:0.8em;
	}
	
	#forms label span.obligatoire2 {
		color:#c33;
		font-weight:bold;
		font-size:1em;
	}

/* Tableaux */

	#fondContenu2 {
		float: left;
		width:90%;
		margin: 0;
		padding: 10px 25px 0 25px;
	}
	
	.titrePage {
		background: url(images/puceBleu.png) no-repeat 0px center;
		color: #F1A42B;
		text-align: left;
		padding: 5px 0;
		font: 13px;
		font-weight: bold;
		padding-left: 20px;
		border-bottom: 1px solid #92c9eb;
		float: left;
		width: 95%;
		margin: 10px 0 0 0;
	}
	
	.sousTitrePage {
		background: url(images/puceGrise.png) no-repeat 0px center;
		color: #959595;
		text-align: left;
		padding: 5px 0;
		font-size: 12px;
		font-weight: bold;
		padding-left: 20px;
		border-bottom: 1px solid #bababc;
		float: left;
		width: 95%;
		margin: 10px 0 0 0;
	}
	.sousTitreColonne300 {
		color: #959595;
		text-align: left;
		font-size: 13px;
		font-weight: bold;
		float: left;
		width:300px;
		padding-left: 5px;
	}
	.sousTitreColonne200 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 11px;
		font-weight: bold;
		float: left;
		width:200px;
	}
	.sousTitreColonne100 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 12px;
		font-weight: bold;
		float: left;
		width:100px;
	}
	.sousTitreColonne70 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 12px;
		font-weight: bold;
		float: left;
		width:70px;
	}
	.sousTitreColonne50 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 12px;
		font-weight: bold;
		float: left;
		width:50px;
	}
	.sousTitreColonne30 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 12px;
		font-weight: bold;
		float: left;
		width:30px;
	}
	.lignePanier {
		text-align: left;
		font-size: 11px;
		clear: both;
		float: left;
		width: 95%;
		padding: 5px 0 5px 20px;
		margin: 10px 0 0 0;
	}
	.TexteColonne300 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 11px;
		float: left;
		width:300px;
	}
	.TexteColonne200 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 11px;
		float: left;
		width:200px;
	}
	.TexteColonne100 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 11px;
		float: left;
		width:100px;
	}
	.TexteColonne70 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 11px;
		float: left;
		width:70px;
	}
	.TexteColonne50 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 11px;
		float: left;
		width:50px;
	}
	.TexteColonne30 {
		color: #959595;
		text-align: left;
		padding-left: 10px;
		font-size: 11px;
		float: left;
		width:30px;
	}
	
	.zoneDeSaisie {
		color: #F1A42B;
		text-align: left;
		margin: 0;
		font-size: 11px;
		background-color: #fff;
		border: 1px solid #F1A42B;
		padding: 0px;
		clear: both;
		font-weight: bold;
	}
	.lignePanierTotal {
		color: #626262;
		background-color:#E6E6E6;
		text-align: left;
		height:20px;
		width:95%;
		padding: 7px 0 5px 0;
		font-size: 11px;
		padding-left: 20px;
		margin:0;
		clear: both;
	}
	.ligneFormulaire {
		color: #626262;
		padding: 7px 0 5px 10px;
		font-size: 11px;
		margin:0;
		float: left;
		width: 95%;
		text-align: left;
		font-style: italic;
	}
	
/* bouton de base */
	.boutonDeBase260 {
		float: right;
		width:260px;
		padding: 0;
		margin: 0;
	}
	.boutonDeBase220 {
		float: right;
		width:220px;
		padding: 0;
		margin: 0;
	}
	.boutonDeBase180 {
		float: right;
		width:180px;
		padding: 0;
		margin: 0;
	}
	.boutonDeBase120 {
		float: left;
		width:100px;
		padding: 0;
		margin: 0;
	}
	
/* Class du panier final */
	.pantotal {
		font-weight:bold;
	}
	
	#validpan {
		border:0;
		width:auto;
		font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
		color: #F1A42B;
		text-decoration: underline; 
	}

/* CGV */
	
/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(images/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(images/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}

/* TEST */
	#forms ul{
		list-style:none;
	}

	#forms ul.envoy {
		margin: 1em 0;
		text-align: left;
	}
	
	#forms li{
		padding: 0 0 0.75em 0.5em !important;
		padding: 0 0 0.35em 0.5em;
		clear: both;
	}
	
/* Mail */
#ajaxresult {
	padding:5px;
	margin:0px;
	color:#c33;
}
 
#ajaxresult.ajax-loading {
	padding: 20px 0;
	background: url(images/loading.gif) no-repeat center;
}

/* Image produit */
.svw {width: 50px; height: 20px; background: #fff; overflow: hidden;}
.svw ul {position: relative; left: -999em;}

.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #ff0000;  
margin: 0 0 1px 0;
}
.stripViewer ul { 
position: relative;
left: 0;
top: 0;
width: 100%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
clear: left;
}
.stripTransmitter ul {
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
}