/* ===== Général ===== */
* {
	margin: 0; padding: 0;
	background-repeat: no-repeat;
}
html, body {
	width: 100%; height: 100%;
}
body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	background-color:#000000;
	font-size: 100%;
}
body, table td, table th {
	
}
a {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: underline;
	cursor: pointer;
}
a.anchor:hover {
	text-decoration: none;
}
img, a img {
	border-style: none;
}
abbr, acronym {
	border-bottom: none;
}
div.clear {
	clear: both ! important;
}
ul, ol {
	list-style-position: outside;
}
form {
	display: inline;
}
/* ===== Conteneur principal ===== */
#container {			
	width: 1000px;
	margin: 0 auto;
	/*overflow: auto;*/
	text-align: left;
	background-color:#ffffff;
} 
#container[id] {
	height: auto;
}
/* ===== En-têtes ===== */
#header  {

}
#header-top {
	background-image: url(/templates/images/header/bg.gif);
	background-repeat: repeat-x;
	background-position:center top;
	height: 92px;
}
/* ===== Logo ===== */
#header-top h1 {
	width: 249px;
	height: 51px;
	font-size: small;
	overflow: hidden;
	padding-left:14px;
	margin-top:19px;
	float: left;
}
#header-top h1 a {
	display: block;
}
#header-top h1 a span {
	background-color:black;
	background-image:url(/templates/images/header/logo.gif);
	cursor:pointer;
	height:64px;
	position:absolute;
	width:249px;
}
/* Boite panier info */
#header-top #box-cart {
	float:left;
	height:37px;
	margin-left:169px;
	padding-top:30px;
	width:123px;
}
#box-cart a {
	background-image:url(/templates/images/header/header-cart.gif);
	color:#000000;
	display:block;
	font-size:xx-small;
	height:30px;
	padding-left:37px;
	padding-top:19px;
	text-align:center;
}
#box-cart a span {
	color: #666666;
}
/* ===== Boite recherche magasin ===== */
#header-top #box-search-shop {
	background-image:url(/templates/images/header/bg-shop.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	height:41px;
	margin-left:260px;
	padding-top:38px;
	width:276px;
}
#box-search-shop #mapfr-link {
	width:40px;
	height:42px;
	display:block;
	float:left;
}
#box-search-shop #search-shop-form {
	float:left;
	height:35px;
}
#search-shop-form #search-shop-field {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	font-size:x-small;
	margin-left:9px;
	margin-top:17px;
	width:176px;
	height: 17px;
	color:#666666;
}
#search-shop-form .btn-ok {
	background:transparent url(/templates/images/common/btn-ok.gif) no-repeat scroll 0 0;
	height:23px;
	width: 37px;
	margin-left:5px;
	vertical-align: bottom;
}
#search-shop-form .btn-ok[class] {
	margin-left:1px;
	margin-top:8px;
}
/* Boite contact centrale */
#header-top #box-contact-centrale {
	float:left;
	height:76px;
	margin-left:52px;
	padding-left:49px;
	padding-top:16px;
	width:95px;
}
#box-contact-centrale a {
	color: #000000;
}
#box-contact-centrale p {
	font-size: xx-small;
	padding-bottom:10px;
}
#box-contact-centrale p a{
	text-decoration: underline;
}
#box-contact-centrale p span{
	font-size: medium;
	line-height:22px;
}
#box-contact-centrale ul {
	list-style-type: none;
	font-size: xx-small;
}
#box-contact-centrale ul li {
	clear:both;
	float:left;
	height:auto;
	width:95px;
}
#box-contact-centrale ul li a.lnk-referencement {
	color:#333333;
}
#box-contact-centrale ul li a.lnk-logistique {
	color:#b12b24;
}
/* ===== Menu header ===== */
#menu {
	background-image: url(/templates/images/menu-h/bg.gif);
	background-repeat: repeat;
	height: 20px; width: 100%;
	padding-top:1px;
	float: left; clear: both;
}
#menu[id] {
	height: auto; min-height: 20px;
}
#menu ul {
	list-style-type:none;
}
#menu ul li {
	float: left;
	/*text-transform: uppercase;*/
	font-size :0.65em;
	color: #ffffff;
}
#menu ul li a {
	float: left;
	font-weight:bold;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff;
	display: block;
	height: 17px;
	padding-top: 3px;
	background-image: url(/templates/images/common/trait-vertical.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#menu ul li.last a {
	background-image: none;
}
#menu ul li a:hover, #menu ul li:hover a, #menu ul li a.menu-link-hover {
	background-color: #ffffff;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	color: #333333;
	text-decoration: none;
}
#menu ul li .box-sousMenu {
	display: none;
	position: absolute;
	margin-left: -4px;
	z-index:900;
}
#menu ul li .sousMenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(/templates/images/menu-h/background_sous_menu.png);
	width: 203px;
	padding: 0 4px 0;
}
#menu ul li .sousMenu li {
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	font-size: 1em;
	text-transform: none;
	width: 203px;
	background-color:#FFFFFF;
}
#menu ul li .sousMenu li a:link, #menu ul li .sousMenu li a:visited {
	display: block;
	color: #666666;
	margin: 0;
	border: 0;
	text-decoration: none;
	float: none;
}
#menu ul li .sousMenu li a:hover {
	color: #cc6600;
}
#menu ul li .bottom-shadow {
	clear: left;
	background-image: url(/templates/images/menu-h/bottom_shadow.png);
	height: 8px;
	width: 211px;
}
#menu ul li:hover > .box-sousMenu { 
	display: block; 
}
/* ===== Toolbar ===== */
#toolbar {
	background-image:url(/templates/images/toolbar/bg2.png);
	/*border-top:1px solid #FFFFFF;*/
	clear:both;
	color:white;
	height:39px;
}
#toolbar #search-product-form {
	float: left;
}
#search-product-form #search-product-field {
	background-color:#FFFFFF;
	background-image:url(/templates/images/toolbar/search-field.gif);
	border:medium none;
	color:#999999;
	float:left;
	font-size:0.75em;
	height:15px;
	margin-left:22px;
	margin-top:5px;
	padding:2px 3px;
	width:175px;
}
#toolbar #toolbar-select {
	float:left;
	margin-left:5px;
	margin-top:6px;
}
#toolbar .btn-ok {
	background-color:transparent;
	background-image:url(/templates/images/common/btn-ok.gif);
	height:23px;
	margin-left:15px;
	margin-top:3px;
	width:37px;
}
#toolbar #box-links-user {
	background-image:url(/templates/images/toolbar/bonhomme.gif);
	background-position:left center;
	background-repeat:no-repeat;
	float:right;
	margin-top:9px;
	padding-left:10px;
	padding-right:20px;
	height:0.8em;
	overflow:hidden;
}

#box-links-user ul {
	list-style-type: none;
}
#box-links-user ul li {
	float: left;
	font-size :0.6em;
	padding-left: 6px;
	padding-right: 6px;
	border-right: solid 1px #ffffff; 
}
#box-links-user ul li, #box-links-user ul li a {
	color: #ffffff;
}
#box-links-user ul li.last {
	border-right: none; 
}
#content #contacter-logistique {
	width:276px;
	height:36px;
	margin-left:656px;
	position: absolute;
}
/* ===== Menu gauche ===== */
#left-menu {
	overflow: hidden;
	position: absolute;
	z-index:800;
}
#left-menu ul.slide-menu {
	/*display: none;*/
	float: left;
	list-style-type: none;
	margin-left:-334px;
	overflow: hidden;
	height: 350px;
	width:288px;
	background-image: url(/templates/images/menu-v/slide_menu_shadow.png);
	background-position: left bottom; 
}
#left-menu ul ul {
	margin-left:0;
}
#left-menu ul a.slide-menu-link {
	color:#FFFFFF;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	height:23px;
	padding:1px 4px 0 20px;
	text-transform:uppercase;
}
.slide-menu .slide-sousMenu {
	background-color: #ffffff;
}
.slide-menu .slide-sousMenu li {
	border-bottom:solid 1px #dad8d9;
	border-left:solid 1px #dad8d9;
	border-right:solid 1px #dad8d9;
	height: 24px;
}
.slide-menu .slide-sousMenu li a {
	color:#000000;
	vertical-align: middle;
	font-size:x-small;
	font-weight:bold;
	padding-left:5px;
}
#left-menu #arrow-menu {
	float: left;
	background-image: url(/templates/images/menu-v/bg-off.png);
	width: 14px;
	height: 350px;
	cursor: pointer;
}
#left-menu .par .bar-even {
	background-color: #7c7c7c;
	background-image: url(/templates/images/common/bar-grey.gif);
	background-repeat:repeat-x;
}
#left-menu .odd .bar-even {
	background-color: #B22B23;
	background-image: url(/templates/images/common/bar-red.gif);
	background-repeat:repeat-x;
}
/* ===== Content ===== */
#content, #header, #footer {

}
#content #content-wrapper {
	padding:0px 0 36px 18px; /*overflow: auto;*/
	height: 700px;
}
#content[id] #content-wrapper {
	height: auto; min-height: 700px;
}
#content {
	font-size: small;
	font-family: Arial,Helvetica,sans-serif;
}

/* ===== Menu d'accessibilité ===== */
.shortcuts {
	display: none;
}
/* ===== Pied de page ===== */
#footer {
	clear: both; padding: 0 4px;
	background-image: url(/templates/images/footer/bg.gif);
	background-color: #7C7C7C;
	background-repeat: repeat-y;
	background-position: center top;
}
#footer-wrapper {
	text-align: center; padding: 3px 0;
	clear: both;
	font-size :0.6em;
	color: #ffffff;
}
#footer-wrapper a {
	color: #ffffff;
	text-transform: uppercase;
}
/* ===== Commun ===== */
.clear {
	clear: both;
}
.btn-ok {
	border:medium none;
	cursor:pointer;
}
.btn-ok span{
	visibility: hidden
}
.valign-middle {
	vertical-align:middle;
}
.hide {
	display:none;
}
.center {
	text-align:center;
}

/* Tarifs */
.products .prices {
	font-weight: bold;
	font-size: 0.85em;
}
.products .prices .price-ecotaxe {
	font-weight: normal; font-size: 0.9em;
}
.prices .price-ttc .value {
	font-size: 1.25em; color: #C11C2C; font-weight: bold;
}
.products .prices .price-adh .value, .products .prices .price-bs .value {
	color: #555;
}
.products .prices .price-ecotaxe {
	color: #393;
}
/* Zone centrale */
#body {
	clear: both; width: 1225px;
	float: left;
}
#body {
	width: auto; min-width: 1225px;
}
/* Zone de contenu */
#content {
	height: 600px; overflow: visible;
	padding: 0 15px 10px; margin: 0;
	
}
#content[id] {
	height: auto; min-height: 600px;
}
#content div.error {
	border: 1px solid #cc0000;
	padding: 1em; margin-bottom: 1em;
	color: black; background-color: #ffdddd;
	clear: both;
}
#content div.success {
	border: 1px solid #333366;
	padding: 1em; margin-bottom: 1em;
	color: black; background-color: #eeeeff;
	clear: both;
}
#content .mandatory {
	color: #CC0000;
}
/*#content h2 {
	color: #0099CC; font-size: 1.3em;
	margin-top: 8px;
}*/
#content h3 {
	color: #EE7D1C; font-size: 1em;
	margin-top: 0.5em;
}
#content h4 {
	font-weight: bold;
	font-size: 1em;
	margin-top: 0.5em;
}
#content p {
	margin: 3px 0 1em 0;
}
#content ul, #content ol {
	margin-left: 20px;
}
#content ol.toc, #content ol.toc a {
	color: #C7001D;
}
#content ol.toc {
	margin-bottom: 8px;
}
/* Tableaux */
#content table {
	width: 100%;
	clear: both;
}
#content table, #content table a {
	color: #1E274C;
}
#content table tbody tr th {
	text-align: left;
}
#content table tbody tr td.numeric, #content table tfoot tr th.numeric, #content table tfoot tr td.numeric {
	text-align: right;
}
#content table tbody tr td, #content table tbody tr th, #content table thead tr th {
	border-bottom: 1px dotted #ccc;
}
#content table tr.odd {
	/*background-color: #FDF9E9;*/
}
#content tabel tr.par {
	color: #1E274C; background-color: white;
}
#content table thead th, #content table thead th a {
	color: #555; text-transform: uppercase; font-size: 0.95em;
}
#content table thead th, #content table tbody td {
	padding: 1px 2px;
}
#content table input.text {
	border: 1px solid #ccc;
	font-size: 0.85em; padding: 1px;
}
#content span.disabled, #content input.disabled {
	color: #848284; background-color: #D6D3CE;
}
/* Actions */
#content div.actions {
	clear: both;
	padding-top: 12px;
	text-align: right;
}
#content div.actions input {
	/*color: #1E274C; background-color: #F3F5F5;
	border-width: thin;*/
	background-repeat: repeat;
}
#content div.actions input.submit {
	/*color: white; background-color: #E32322;*/
}
/* Divers */
#content p.signature {
	text-align: right;
}

/* Indicateur d'enregistrement */
#content div.save-hint {
	color: black; background-color: #ffffdc; border: 1px solid #999984;
	clear: both; padding: 10px; margin-bottom: 20px;
}
#content div.upd-hint {
	color: black; background-color: #eeeeff; border: 1px solid #333366;
	clear: both; padding: 1em; margin-bottom: 1em;
}
/* Formulaires */
#body #content div label.inline {
	float: none; width: auto;
}

/* Pagination */
#content div.nav-links {
	padding: 1em 0; clear: both;
}
#content div.nav-links a, #content div.nav-links strong {
	color: #c7001d; font-weight: bold;
	padding: 0 4px 0 0;
}
#content div.nav-links strong {
	color: #a9a9aa;
}

/* Fil d'ariane */
#content div#site-location a {
	color: #c7001d;
	
}
#content div#site-location a:hover {
	color: #c7001d;
	text-decoration: underline;
}
#content div#site-location {
	font-size: 0.9em;
	color: #c7001d;
	padding-bottom:10px;
}

/* Titre de la page */
#content .page-title {
	padding-bottom: 16px; clear: both;
}
#content h1 {
	color: #E32322; text-transform: uppercase;
}
#content h1 span {
	margin: 0; padding-right: 6px;
}

/* Outils d'administration */
#content div.admin-tools {
	text-align: right; clear: both;
	margin-bottom:8px;
}
#content div.admin-tools label {
	padding-right: 3px;
}

/* Popup */
#prd-view-main-img {
	width: 150px; height: 150px;
	display: block;
}

td.date-dispo {
	text-align: center;
}

/* Menu alphabétique / index */
#content .mnu-alpha {
	font-size: 1.3em; font-weight: bold;
	padding-bottom: 10px;
}
#content .mnu-alpha strong {
	color: #a9a9aa;
}
#content .mnu-alpha a {
	color: #C7001D;
}

/* Liens externes */
#content a[target=_blank] {
	background-image: url(../../images/links/external.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 13px;
}


.month{
	background-color: #c4e37f;
	font-weight: bold;
}

/* popup de recherche de produits */
#popup-article-lies #response .odd{
	background-color: #EFEFEF;
}
#popup-article-lies #response .img{
	padding: 5px;
}
#popup-article-lies .ligne {
	height: 1px;
	width: 100%;
	font-size:0px;
	background-color: #CF1D1E;
	display: none;
}
#popup-article-lies .head{
	margin-bottom: 20px;
}
#popup-article-lies .actions{
	margin-top: 20px;
}

.right{
	text-align: right;
}

#popup-caract-detail .popup-content label{
	float: none;
}

#datecommande div{
	margin-top: 10px;
}
#datecommande div .drmaj{
	display: block;
	float: left;
	width: 500px;
	padding-right: 10px;
	text-align: right;
}
.artuncompleted{
	background-image: url(/templates/images/boutons/art_uncompleted.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
	float: left;
}
.artcompleted{
	background-image: url(/templates/images/boutons/art_completed.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
	margin-left:20px;
	float: left;
}