@charset "iso-8859-1";
/* CSS Document */
body {
	background-image:url(../images/back.png);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#91b1dd;
	margin:0;
	padding:0;
	font-family:Arial, Trebuchet MS, Gill Sans, Verdana, Geneva, Helvetica, sans-serif;
}
#box {




	position:absolute;

	width:984px;
	left:50%;
	top:0;
	margin-left:-492px;

}
#top {
	height:160px;
	background:url(../images/avance.png) no-repeat left bottom;
	width:95%;
	margin:auto;
}
#top h1 {
	margin:0;
	padding-left:200px;
	padding-right:20px;
	padding-top:30px;
	text-align:justify;
	font-size:12px;
}
#top p {
	padding-left:140px;
	text-align:center;
}
#top img {
	margin-right:40px;	
}
#adresse {
	float:left;
	text-align:center;
	padding-left:300px;
	padding-top:0px;
	font-size:10px;
	font-weight:bold;
	color:#1b3c90;
}
#separator {
	background-image:url(../images/separator.png);
	background-repeat:repeat-x;
	height:35px;
	width:984px;
	margin:auto;
	padding-left:1px;
}
#separator ul {
	width:600px;
	margin:auto;
}
#separator li {
	float:left;
	display:block;
	width:150px;
	font-size:11px;
	height:35px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
#separator li a {
	margin-top:10px;
	color:#FFFFFF;
	text-decoration:none;
}
#foot {
	position:absolute;
	bottom:50px;
	_bottom:85px;
	background-image:url(../images/separator.png);
	background-repeat:repeat-x;
	height:35px;
	width:984px;
	left:50%;
	margin-left:-492px;
}
#footer {
	position:absolute;
	bottom:0px;
	height:50px;
	text-align:center;
	font-size:xx-small;
	width:984px;
	padding:0;
	left:50%;
	margin-left:-492px;
}
#footer p,#footer a {
	font-size:xx-small;
}
#centre {
	margin:0;
	padding:0;
}
#prodvideo {
	padding-left:5px !important;
	font-size:10px !important;
}
#prodvideo p a {
	display:block !important;
	background:url(../images/camera.png) right no-repeat !important;
	text-decoration:none !important;
	color:#1b3c90 !important;
/*	color:#FFCC00 !important;*/
/*	padding-left:33px !important;*/
	font-weight:bold !important;
	height:66px !important;
	margin:0 !important;
	font-size:14px; !important;
}
.contenu-presse {
	margin:10px;
	margin-bottom:120px;
}
/*accueil */
#accueil {
	margin-left:170px;
	margin-bottom:290px;
	min-height:450px;
}
#nouveau {
	margin-bottom:100px;
}
.boxnouveau {
	float:left;
	width:350px;
	_width:330px;
	height:400px;
	_height:470px;
	margin:20px;
	_margin:10px;
	padding:7px;
	font-size:12px;
	text-align:justify;
}
.boxnouveau .descnouveau:first-letter {
	margin-right: 3px;
	float: left;
	font-size: 3em;
}
.boxnouveau h1 {
	font-size:16px;
	color:#1b3c90;
	border-bottom:4px solid #FFCC00;
	margin:0 0 5px 0;
	background:url(../images/logo-tiny.png) no-repeat right 4px;
	padding-left:5px;
}
.boxnouveau a {
	text-decoration:none;
	color:#1b3c90;
}
.boxnouveau .encadre {
	background-color:#fff7d5;
	border:1px solid #FFCC00;
	width:70%;
	margin:auto;
	text-align:center;
}
#boxinfo {
	background-color:#fff7d5;
	border:1px solid #FFCC00;
	color:#1b3c90;
	width:90%;
	margin:auto;
	text-align:center;
	margin-top:5px;
	font-size:10px;
}
#boxinfo span {
	font-size:12px;
	font-weight:bold;
}
/*presse*/
#presse {
	margin-left:170px;
	width:810px;
	margin-bottom:290px;
	min-height:450px;
}
#presse a {
	text-decoration:none;
	color:#1b3c90;
}
#presse h1 {
	font-size:16px;
	color:#1b3c90;
	border-bottom:4px solid #FFCC00;
	margin:0 0 5px 0;
	background:url(../images/logo-tiny.png) no-repeat right 4px;
	padding-left:5px;
}
/*details*/
#produit {
	margin-left:170px;
	width:810px;
	margin-bottom:290px;
	min-height:450px;
}
#thumb-produit {
	width:330px;
	float:right;
	margin:0 10px 0 10px;
	background-color:#FFFFFF;
}
#big-produit {
	float:left;
	min-height:150px;
}
#prix-produit{
	position:absolute;
	background:url(../images/etiquette.png) no-repeat center 25px;
	width:110px;
	left:510px;
	top:175px;
	color:#FF0000;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding-top:60px;
	font-family:Arial, Helvetica, sans-serif;
}
#prix-produit span { font-size:11px; }
.eco { font-size:9px; color:#000066; padding-top:20px; font-weight:normal; }
#titre-produit {
	margin-top:0px;
	text-align:center;
}
#titre-produit h1 {
	font-size:20px;
	padding:0;
	margin:0;
}
#titre-produit p {
	font-size:10px;
	padding:0;
	margin:0;
}
#caract-produit {
	margin-top: 10px;
	width: 800px;
}
#desc-produit {
	clear:both;
	font-size:12px;
	margin-right:10px;
	min-height:250px;
	padding-top:50px;
}
#produit table {
	font-size:12px;
	border:1px solid #FFCC00;
}
#produit table tr td { padding:5px; }
#produit table tr td table { border:none; }









.couleur1_ {
	background-color:#fefdd5;


	font-weight:bold;
}
.couleur2_ {
	background-color:#e4e9fd;


	font-weight:bold;
}
.couleurch{
background-color:#e4e9fd;
}
.couleurc1 {
background-color:#FDFCE1;
height:120px;
}
.couleurc2 {
background-color:#F3F5FE;
height:120px;
}

.couleur1 {	background-color:#CCCCFF;}
.couleur3 {	background-color:#E6E7F9;}
.couleur2 {	background-color:#DADBE9;}
.couleur4 {background-color:#EBEBF3;}
span.couleur1, span.couleur2, span.couleur3, span.couleur4 {display:block;width:100%;height:100%;}

table#comparatif {
	margin:20px;
	width:700px;
	font-size:12px;
}
table#comparatif th {
	font-size:13px;
	color:#000000;
}
table#comparatif a {
	color:#000000;
}
.nom-produit-comp {
	font-weight:bold;
	font-size:14px;
	color:#1b3c90;
	text-decoration:underline;
}
.prix-produit-comp {color:#FF0000;font-weight:bold;font-size:17px;}
#artilightbox img{
	border:0;
}
.link_panier  {
	font-size:18px;
	color:#1b3c90;
}
#suipre {
	text-align:center;	
}
#suipre a {
	text-align:center;
	font-size:15px;
	color:#1b3c90;
	text-decoration:none;
}
/*Page categories*/
#preambule {
	width:700px;
	padding:20px;
	margin:0 auto 0 auto;	
}
.small_produit {
	height:130px;
	background-color:#FFFDF4;
	margin:15px;
	clear:both;
}
.small_left {
	float:left;
	width:120px;
	text-align:center;
	margin:0px;
}
.small_right {
	float:right;
	width:620px;
}
.small_center {
	float:left;
	display:block;
	width:455px;
}
.small_prix {
	float:right;
	padding-right:20px;
	padding-top:0px;
	display:block;
	color:#FF0000;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.small_produit h1 {
	font-size:16px;
	color:#1b3c90;
	border-bottom:4px solid #FFCC00;
	margin:0 0 5px 0;
	background:url(../images/logo-tiny.png) no-repeat right 4px;
	padding-left:5px;
}
.small_produit h1 a {
	text-decoration:none;
	color:#1b3c90;
}
.small_produit h6 {
	padding:0;
	margin-top:10px;
	font-size:13px;
	color:#1b3c90;
}
.small_produit .small_marque {
	font-size:xx-small;
	color:#1b3c90;
}
.pagination {
	height:30px;
	margin-right:40px;
}
.pagination p {
	text-align:center;
	font-size:x-small;
}
.pagination .links {
	float:right;
	font-size:12px;
}
.pagination a {
	color:#1b3c90;
	text-decoration:none;
}
.pagination .links b {
	font-size:15px;
}
/* Panier */
.panier-add {
	width:110px;
	height:30px;
	background:transparent url(../images/add-panier.png) no-repeat center center;
}
#boxpanier {
	margin-left:170px;
	width:810px;
	margin-bottom:280px;
	min-height:550px;
}
#panier {
	width:100%;
	padding:0px;
	margin:0px;
	margin-top:30px;
}
#panier ,#totalPanier {
	font-size:12px;
	border:1px solid #FFCC00;
	border-spacing: 0px;
	border-collapse: collapse;
}
#panier th {
	background-color:#FFFDF4;
	border:1px solid #FFCC00;
}
#panier td {
	border:1px solid #FFCC00;
}
#totalPanier td,#totalPanier tr,#totalpanier {
	border:1px solid #FFCC00;
}
#totalPanier {
	float:right;
	padding-right:45px;
}
#totalPanier td{
	width:150px;
	background-color:#FFFDF4;
}
.totpanier {
	font-weight:bold;
	text-align:right;
}
#contenu {
	margin-left:170px;
	margin-bottom:50px;
	padding-bottom:50px;
}
.erreur {
	color:#FF0000;
	font-size:10px;	
}
.tiny-bold {
	font-size:10px;	
	font-weight:bold;
}
.highlight { color:red; }
/************ MENU *************/
ul#menu {
	position:absolute;
	left:0;
	top:210px;
	border-right:#828282 solid 1px;
	padding:0;
	margin:0;
	width:155px;
	list-style:none;
	background-image:url(../images/replic-menu.png);
	background-repeat:repeat-y;
}
ul#menu li a {
	display:block;
	font-size:10px;
	width:130px;
	height:15px;
	background-image:url(../images/back-menu-title.png);
	background-position:top-left;
	padding:0;
	padding-left:20px;
	margin:3px;
	_margin:0px;
	_margin-right:-20px;
	_padding-right:-20px;
	text-decoration:none;
	font-weight:bold;
	color:#0E1A47;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul#menu li ul {
	margin:0;
	padding:0;
	margin-left:2px;
	list-style:none;
	_margin:0px;
}
ul#menu li ul li a {
	text-decoration:none;
	display:block;
	width:130px;
	height:15px;
	font-size:9px;
	background-image:url(../images/back-menu.png);
	background-position:top;
	border-bottom:#e7eaec solid 1px;
	padding-left:20px;
	margin-bottom:5px;
	margin-right:5px;
	margin-left:0px;
	font-weight:normal;
	_margin:0px;
	_margin-right:-20px;
	_padding-right:-20px;
}
ul#menu li ul li a:hover {
	background-image:url(../images/back-menu.png);
	background-position:bottom;
	border-bottom:#d5d7e2 solid 1px;
}
ul#menu li a:hover {
 	background-image:url(../images/back-menu-title.png);
	background-position:bottom;
}

/*************************************/
h2 {
	font-size:16px;
	color:#1b3c90;
	border-bottom:4px solid #FFCC00;
	margin:0 0 5px 0;
	background:url(../images/logo-tiny.png) no-repeat right 4px;
	padding-left:5px;
	padding-top:10px;
}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-text {
	font-size: 10px;
	padding: 4px 8px 8px;
	background-color:lightyellow;
	border:#000000 1px solid;
	text-align:center;
	color:#000000;
}
/*Ticker*/
.ticker {
	display:block;
	padding-top:30px;
	font-size:10px;
	color:#1b3c90;
	margin:0 0 5px 0;
	height:300px;
	background-color:#FFFFFF;
}
.tiker .message {
	clear:both;
}
.ticker a,.ticker h1 {
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	color:red;
	background-color:#FFFFFF;
}
.ticker .left {
	float:left;
}
.ticker .right {
	float:right;
	width:400px;
}
#newSpan {
	margin:5px auto 5px auto;
}
#dhtmltooltip {
	position: absolute;
	border: 1px solid black;
	padding: 3px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	left: 12px;
	font-size:10px;
	width:500px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
.chemin { margin-bottom:10px; }
.chemin a { text-decoration:none; font-size:11px; }
.chemin a:hover { text-decoration:underline; }
.grasArticles { font-weight:bold; color:red; }
form#recherche { background-color:#BBB; padding:3px; margin:10px 3px 5px 0; }
input.recherche { border:1px solid #666; height:20px; width:126px; margin:0 3px 0 0; padding:0; color:#CCC; }

table { font-size:12px; font-family:Verdana, Geneva, sans-serif; }