/* STANDARD *****************************************************/
.pos-left{float:left;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.clear{clear:both;}
.zero{
	margin:0px;
	padding:0px;
}
.bold{font-weight:bold;}
.bigger{font-size:130%;}
.bg-gris{background-color:#CCC;}
.violet{color:#639;}
.vert{color:#9C0;}
.orange{color:#F90;}
.rouge{color:#C00;}
.border{border-bottom:1px dotted #999;}
.separation{border-bottom:1px dotted #000; margin:0px 0px; padding:0px;}
/* STANDARD END *****************************************************/

/* CONTAINER *****************************************************/
.header-container{
	width:930px;
	margin:20px auto 0px auto;
}
.content-container{
	width:880px;
	margin:0px auto;
	padding:30px 20px 10px 20px;
	min-height:500px;
	background:#FFF url(../images/bg_content.jpg) repeat-x 0 0;
}
.footer-container{
	width:930px;
	margin: 0px auto 30px auto;
	padding:20px 0px 0px 0px;
	background:url(../images/bg_footer.gif) no-repeat 5px 0px;
	color:#888;
	text-align:center;
	font-size:10px;
	line-height:20px;
}
.footer-container a{
	color:#999;
	border:0px;
}

.footer-container a:hover{
	color:#FFF;
	text-decoration:none;
}
/* CONTAINER END *****************************************************/
/* LAYOUT ************************************************************/
.col1{
	width:880px;
	padding:0px;
	margin:0px;
}
/************************/
.col2-3left{
	width:625px;
	padding:0px;
	margin:0px 30px 0px 0px;
}

.col1-3right{
	width:225px;
	padding:0px;
	margin:0px;
}
/************************/
.col1-2left{
	width:425px;
	padding:0px;
	margin:0px 30px 0px 0px;
	float:left;
}
.col1-2right{
	width:425px;
	padding:0px;
	margin:0px;
	float:left;
}
/* LAYOUT END *********************************************************/
/* HEADER ************************************************************/
.header-top{
	width:930px;
	height:47px;
	background:url(../images/bg_headertop.jpg) no-repeat 0 0;
}
.header-bottom{
	width:930px;
	height:37px;

	background:url(../images/bg_headerbottom.gif) no-repeat 0 0;
}
.header-bottom a{
	text-decoration:none;
		color:#DDD;
}
ul.header-nav{
	margin:0px auto;
	width:800px;
}

ul.header-nav li{
	list-style:none;
	background:url(../images/menu_sep.gif) no-repeat 0 0;
	height:47px;
	padding:0px 20px;
	margin:0px ;
	float:left;
	line-height:47px;
}

ul.header-nav a{
	color:#555;
	display:block;
	text-decoration:none;
	}
ul.header-nav a:hover{
	color:purple;
	text-decoration:none;
	}
.sousmenu ul{
	margin-left:-20px;
	position:absolute;
	width:170px;
	background-color:#DCDCDC;
	border:1px solid #EEE;
	border-top:none;
	padding:0px;
	border-radius-bottomright: 5px;
	border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px; 
	-webkit-border-radius-bottomleft: 5px; 
}
.sousmenu ul li {
	height:30px;
	list-style:none;
	line-height:30px;
	border-bottom:1px solid #EEE;
	background:none;
	padding:0px 20px;
}
.sousmenu ul li a{
	color:#666;
	width:130px;
}
.sousmenu ul li a:hover{
	color:#000;
}
ul.account{
	text-align:right;
	padding-top:0px;
	font-size:11px;
	margin:0px;
	line-height:40px;
}

ul.account li{
	display:inline;
	padding:0px 20px;
	color:#FFF;
}
.header-bottom a:hover{
	color:#FFF;
}

/* HEADER END *********************************************************/

/* CONTENT ************************************************************/

ul.chemin{
	font-size:11px;
	padding:0px;
	margin:0px 0px 20px 0px;
}
ul.account li, ul.chemin li, ul.little-menu li{
	list-style:none;
}
ul.account, ul.chemin, ul.little-menu{
	padding:0px;
	margin:0px;
}

ul.chemin li{
	display:inline;
}
ul.little-menu{
	padding: 0px; 
	margin: 0px;
}
ul.little-menu li{
	color: white;
	border:1px solid #c1c1c1;
	background-color: #b3b3b3;
	height:20px;
	line-height: 20px;
	margin:2px 0px 2px 0px;
	padding:0px 0px 0px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	list-style: none;
	
}
ul.little-menu li a{
	text-decoration:none;
}
ul.little-menu li a:hover{
	color: white;
	text-indent: 20px;
	font-weight: bold;
}
h1.home{
	font-size: 14px;
	font-weight: normal;
	color: #999;
	text-align: center;
	margin:0px 0px 20px 0px;
	border-bottom:none;
	padding-bottom:5px;
}
h1.home strong{
	font-weight: normal;
}
.prix{
	font-size:18px;
	font-weight:bold;
	color:#000;
	margin:0px;
}
.prixspecial{
	font-size:18px;
	font-weight:bold;
	color:#F33;
	margin:0px;
}

.prixspecial del, .datelimiteprix{
	font-size:12px;
	color:#000;
	margin:0px;
}
.datelimiteprix{
	font-size:11px;
	font-weight:normal;
	color:#000;
	margin:0px;
}
.pricetype{
	font-size:12px;
	margin:0px;
}
.news .prix{
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:0px;
}
.news h3{
	margin:0px;
}
.stock{
	color:#555;
	margin:3px 0px 20px 0px;
}
.grille{
	width:158px;
	height:310px;
	float:left;
	padding:10px 11px 10px 35px;
	margin:0px 2px 5px 0px;
	border-right:1px dotted #CCC;
	border-left:1px dotted #CCC;
	line-height:14px;
}
.adresse{
	width:280px;
	height:120px;
	float:left;
	padding:10px;
	margin:0px 5px 5px 0px;
	border:1px dotted #CCC;
	line-height:14px;
}
.adresse-recap{
	width:400px;
	height:150px;
	float:left;
	padding:10px;
	margin:0px 5px 5px 0px;
	border:1px dotted #CCC;
	line-height:14px;
}
.adresse p{
	margin:10px 0px 0px 0px;
}
.tri{
	border-top:1px dotted #CCC;
	background-color:#EEE;
	padding:5px 5px;
	margin:0px 0px 5px 0px;
}
.table-panier{
	border-collapse:collapse;
}
.table-panier thead td{
	background-color:#CCC;
	font-size:110%;
	font-weight:bold;
	padding:5px;
}
.table-panier thead td{
	background-color:#CCC;
	font-size:110%;
	font-weight:bold;
	padding:5px;
}
.table-panier tbody td{
	border-left:1px dotted #CCC;
	border-right:1px dotted #CCC;
	border-bottom:1px solid #CCC;
	padding:5px;
}
.table-panier tfoot td{
	padding:5px;
}

.img-panier{
	width:50px;
}
.cadre{
	border:1px dotted #CCC;
	padding:10px 10px 0px 10px;
	margin:10px 0px;
	background:url(../images/bg_star.gif) repeat 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}
.instructions{
	font-size: 80%;
	color:#555;
	font-style: italic;
}

/* CONTENT END *********************************************************/

/* FORM ************************************************************/
.form-button, .form-button-alt {
	background:#444;
	border: 1px solid #555;
	color: #FFFFFF;
	cursor: pointer;
	font:100%/normal Tahoma, Arial, sans-serif;
	overflow: visible;
	padding: 2px 8px;
	text-align: center;
	width: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	margin:5px 0px;
}
.light-button {
	background-color:CCC;
	border: 1px solid #BBB;
	color: #666;
	cursor: pointer;
	font:80%/normal Tahoma, Arial, sans-serif;
	overflow: visible;
	padding: 2px 3px;
	text-align: center;
	width: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	margin:5px 0px;
}
.light-button span,.form-button span, .form-button-alt span {
	white-space: nowrap;
}

.form-button:hover, .form-button-alt {
	background:#609;
	border: 1px solid #609;
}
.light-button:hover {
	background-color:#FFF;
	border: 1px solid #999;
	color:#000;
}
input.input-text, select, textarea {
	border: 1px solid #D5D5D5;
	font: 100%/normal  Tahoma,Arial, sans-serif;
	color: #666666;
	padding: 3px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	margin:5px 0px;
}

input.input-text {
	background: url(../images/input-text-bg.gif) repeat-x bottom #FFFFFF;
}

select {
	background: #FFFFFF;
}

.input-text:hover, select:hover, textarea:hover,
.input-text:focus, select:focus, textarea:focus {
	border: 1px solid #959595;
}

input.fielderror, select.fielderror, textarea.fielderror {
	border: 2px solid #ff9999;
	font: 100%/normal  Tahoma,Arial, sans-serif;
	color: #666666;
	padding: 3px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	margin:5px 0px;
	background-color: #fff6bf;
}

input.fielderror {
	background: url(../images/input-text-bg.gif) repeat-x bottom #fff6bf;
}

input.fielderror:hover, select.fielderror:hover, textarea.fielderror:hover,
input.fielderror:focus, select.fielderror:focus, textarea.fielderror:focus {
	border: 2px solid #ff2424;
	background-color: #fff6bf;
}

a.prodlink{
	text-decoration: none;
}

#productdetails h1{
	font-size:14px;
	font-weight:bold;
	color:#000;
}


/* FORM END ************************************************************/


.alert {
	background: #fff6bf url("../images/exclamation.png") 15px 50% no-repeat;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #666;
}
.alert ul { text-indent: 200px; }

.info {
	background: #f8fafc url("../images/information.png") 15px 50% no-repeat;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	color: #666;
}