/* CSS de base */
body {
	margin:0;
	padding:0;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../img/bg/body.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

h1 {
	margin:0px;
	padding:0px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	color:#152556;
	padding:6px 0px;
	line-height:normal;
}

h2 {
	margin:0px;
	padding:0px;
	font-size:17px;
	font-weight:bold;
	color:#820A0B;
	padding:6px 0px;
	line-height:normal;
}

h3 {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;	
	color:#116CB2;	
	padding:6px 0px;
	line-height:normal
}

p {
	margin:0px;
	padding:0px;
	text-align:justify;
	padding:12px 0px;
}

a {
	color:#005B9C;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}

a img {
	border:none;
}

hr {
	position:relative;
	height:1px;
	line-height:21px;
	background-color:#B92109;
	border:none;
}


/* Couleurs */
.gris {color:#999999;}
.bleu {color:#005B9C;}
.rouge {color:#CC0000;}
.jaune {color:#FFFF00;}
.bleu {color:#0000FF;}
.fond_gris {background-color:#ECECEC;}


/* Formulaire */
form {margin:0;padding:0;}

.input, input[type=text], input[type=password] {
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid gray;
	padding:3px;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:11px;
}

.input:focus, input[type=text]:focus, input[type=password]:focus {
	background-color:#EAF3F8;
}

.input_rouge {
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #CC0000;
	padding:3px;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:11px;
}

.submit {
	background-color:#152556;
	background-image:url(../img/bg/dg-1-30.gif);
	background-repeat:repeat-x;
	color:#5C4937;
	border:1px solid #000000;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
	border-radius:20px;
	-moz-border-radius:20px;
	letter-spacing:1px;
	font-weight:bold;
}

.submit:hover {
	background-color:#820A0B;
	background-image:url(../img/bg/dg-2-30.gif);	
	background-repeat:repeat-x;
	color:#000000;
}

.select {
	background-color:#FFFFFF;
	color:#000000;
	padding:3px;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #E3E3E3;
}


/* Colonnes */
.colonne_25 {position:relative;float:left;width:25px;}
.colonne_50 {position:relative;float:left;width:50px;}
.colonne_100 {position:relative;float:left;width:100px;}
.colonne_140 {position:relative;float:left;width:140px;}
.colonne_150 {position:relative;float:left;width:150px;}
.colonne_200 {position:relative;float:left;width:200px;}
.colonne_250 {position:relative;float:left;width:250px;}
.colonne_300 {position:relative;float:left;width:300px;}
.colonne_350 {position:relative;float:left;width:350px;}
.colonne_400 {position:relative;float:left;width:400px;}
.colonne_450 {position:relative;float:left;width:450px;}
.colonne_500 {position:relative;float:left;width:500px;}
.colonne_550 {position:relative;float:left;width:550px;}
.colonne_600 {position:relative;float:left;width:600px;}
.colonne_650 {position:relative;float:left;width:650px;}
.colonne_700 {position:relative;float:left;width:700px;}
.colonne_750 {position:relative;float:left;width:750px;}
.colonne_800 {position:relative;float:left;width:800px;}
.clear {clear:both;}
.clear_5 {clear:both;height:5px;overflow:hidden;}


/* Contenu */
#main {
	position:relative;
	width:1000px;
	overflow:hidden;
	margin:auto;
}


/* Titres */
.titre_page_rouge {
	position:relative;
	background-image:url(../img/titres/fond-titre.png);
	background-repeat:no-repeat;
	width:520px;
	height:42px;
	padding:28px 0px 0px 0px;
	color:#5C4937;
	text-align:center;
}

.titre_page_gris {
	position:relative;
	background-image:url(../img/titres/fond-titre-gris.jpg);
	background-repeat:no-repeat;
	width:520px;
	height:42px;
	padding:28px 0px 0px 0px;
	text-align:center;
}

div.titre_srub {
	position:relative;
	width:580px;
}

div.titre_srub .tsr_texte_droite {
	position:absolute;
	top:2px;
	right:8px;
	font-weight:bold;
	color:#000000;
}

div.titre_srub:hover .tsr_texte_droite{
	color:#FFFFFF;
}

a.titre_srub {
	position:relative;
	display:block;
	background-image:url(../img/bg/srub-gris.jpg);
	height:22px;
	width:570px;
	color:#000000;
	font-weight:bold;
	padding:2px 0px 0px 10px;
	text-decoration:none;
}

a.titre_srub:hover {
	background-image:url(../img/bg/srub-bleu.jpg);
	color:#FFFFFF;
	text-decoration:none;
}


/* Haut */
#haut {
	position:relative;
	height:240px;
	background-image:url(../img/bg/haut.jpg);
	z-index:100;
}

#logo {
	position:absolute;
	top:30px;
	left:15px;
	width:310px;
	height:90px;
}

#menu {
	position:absolute;
	top:149px;
	left:79px;
	z-index:300;
}

#menu_cc {
	position:absolute;
	top:149px;
	left:50px;
	z-index:300;
}

#menu2 {
	position:absolute;
	top:173px;
	left:40px;
	z-index:200;
}

#menu2_cc {
	position:absolute;
	top:173px;
	left:120px;
	z-index:200;
}

#menu img, #menu2 img {
	filter : alpha(opacity=0);
    -moz-opacity : 0;
    opacity : 0;
	border:none;
	margin-right:2px;
}

.pt_menu {
	position:relative;
	float:left;
	background-repeat:no-repeat;
}

.sous_menu {
	position:absolute;
	top:24px;
	left:0px;
	background-color:#393836;
	white-space:nowrap;
	border:1px solid #848484;
	border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	display:none;
}

.sous_menu a {
	position:relative;
	display:block;
	padding:2px 10px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.sous_menu a:hover {
	background-color:#FFFFFF;
	color:#000000;
}

#menu_cc img, #menu2_cc img {
	filter : alpha(opacity=0);
    -moz-opacity : 0;
    opacity : 0;
	border:none;
	margin-right:2px;
}

.pt_menu {
	position:relative;
	float:left;
	background-repeat:no-repeat;
}

.sous_menu {
	position:absolute;
	top:24px;
	left:0px;
	background-color:#393836;
	white-space:nowrap;
	border:1px solid #848484;
	border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	display:none;
}

.sous_menu a {
	position:relative;
	display:block;
	padding:2px 10px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.sous_menu a:hover {
	background-color:#FFFFFF;
	color:#000000;
}

#menu_haut {
	position:absolute;
	top:10px;
	right:20px;
	font-size:11px;
	color:#005b9c;
	letter-spacing:1px;
}

#menu_haut a {
	color:#005b9c;
	text-decoration:none;
}

#menu_haut a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#lien_panier_haut {
	position:absolute;
	top:60px;
	right:200px;
	width:110px;
	height:55px;
}

#articles_haut {
	position:absolute;
	width:100px;
	text-align:center;
	top:117px;
	right:205px;
	font-size:11px;
	color:#005b9c;
}

#panier_haut {
	position:absolute;
	top:80px;
	width:140px;
	right:20px;
	color:#005b9c;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

#bt_panier_haut {
	position:absolute;
	top:112px;
	right:20px;
	background-image:url(../img/bt/panier-haut-s.jpg);
}

#recherche_rapide {
	position:absolute;
	top:208px;
	left:35px;
}

#recherche_rapide .bt_ok {
	position:absolute;
	display:inline;
	margin-left:10px;
	background-image:url(../img/bt/ok-noir.png);
}

#recherche-compatibilite {
	position:absolute;
	top:203px;
	right:600px;
	background-image:url(../img/bt/recherche-compatibilite-n.png);
}

#fil_ariane {
	position:absolute;
	top:212px;
	left:420px;
	font-size:11px;
}

#fil_ariane a {
	color:#000000;
	text-decoration:none;
}

#fil_ariane a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#fil_ariane_1 {
	position:absolute;
	top:212px;
	left:220px;
	font-size:11px;
}

#fil_ariane_1 a {
	color:#000000;
	text-decoration:none;
}

#fil_ariane_1 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* Contenu */
#contenu {
	position:relative;
	width:1000px;
	background-image:url(../img/bg/contenu.jpg);
	background-repeat:repeat-y;
	z-index:50;
}

#contenu_gauche, #contenu_droite {
	position:relative;
	float:left;
	width:200px;
	line-height:18px;
	font-size:11px;
	overflow:hidden;
}

#contenu_gauche ul, #contenu_droite ul {
	margin:0;
	padding:0;
	list-style:none;
}

#contenu_gauche li, #contenu_droite li {
	position:relative;
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:15px;
	background-image:url(../img/bt/fleches-doubles-noir.gif);
}

#contenu_centre {
	position:relative;
	float:left;
	width:580px;
	padding:10px 10px;
	line-height:18px;
	overflow:hidden;
}


/* Encarts dans les colonnes de gauche et droite */
#acces_direct {
	position:relative;
	background-image:url(../img/bg/acces-direct.jpg);
	height:50px;
	overflow:hidden;
	margin-top:10px;
	padding:30px 10px 10px 10px;
}

#acces_direct .bt_ok {
	position:absolute;
	display:inline;
	margin-left:10px;
	background-image:url(../img/bt/ok-bleu.png);
}

#commande_courrier {
	position:relative;
	background-image:url(../img/bg/commande-courrier.jpg);
	height:70px;
	overflow:hidden;
	margin-top:10px;
	padding:30px 10px 0px 30px;
}

#nos_engagements {
	position:relative;
	background-image:url(../img/bg/nos-engagements.jpg);
	height:310px;
	overflow:hidden;
	margin-top:10px;
	padding:30px 0px 0px 0px;
}

#pt_livraison {
	position:relative;
	background-image:url(../img/bt/pt-livraison-s.jpg);
}

#pt_paiement {
	position:relative;
	background-image:url(../img/bt/pt-paiement-s.jpg);
}

#pt_frais_port {
	position:relative;
	background-image:url(../img/bt/pt-frais-port-s.jpg);
}

#pt_garantie {
	position:relative;
	padding-left:5px;
	padding-top:8px;
}

#informations_utiles {
	position:relative;
	background-image:url(../img/bg/informations-utiles.jpg);
	height:105px;
	overflow:hidden;
	margin-top:10px;
	padding:25px 0px 0px 10px;
}

#conseil_technique {
	position:relative;
	background-image:url(../img/bg/conseil-technique.jpg);
	height:240px;
	overflow:hidden;
}

#promotions_droite {
	position:relative;
	background-image:url(../img/bt/promotions-droite-s.jpg);
	height:70px;
	overflow:hidden;
}

#connexion_client, #mon_compte {
	position:relative;
	background-image:url(../img/bg/connexion-client.jpg);
	height:115px;
	overflow:hidden;
	margin-top:20px;
	padding:15px 0px 0px 15px;
	color:#FFFFFF;
	line-height:16px;
}

#mon_compte {
	background-image:url(../img/bg/mon-compte.jpg);
}

#connexion_client li, #mon_compte li {
	background-image:url(../img/bt/fleches-doubles-blanc.gif);
}

#connexion_client a, #mon_compte a {
	color:#FFFFFF;
	text-decoration:underline;
}

#connexion_client a:hover, #mon_compte a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#connexion_client .bt_ok {
	position:absolute;
	margin-top:-2px;
	display:inline;
	margin-left:5px;
	background-image:url(../img/bt/ok-noir.png);
}

#sav_reparation {
	position:relative;
	background-image:url(../img/bg/sav-reparation.jpg);
	height:80px;
	overflow:hidden;
	margin-top:20px;
	padding:20px 60px 0px 0px;
	text-align:center;
}

#tableau_chevilles_2 {
	position:relative;
	background-image:url(../img/bg/tableau-chevilles-2.jpg);
	height:80px;
	overflow:hidden;
	margin-top:20px;
	padding:20px 60px 0px 0px;
	text-align:center;
}

#newsletter {
	position:relative;
	background-image:url(../img/bg/newsletter.jpg);
	height:70px;
	overflow:hidden;
	margin-top:20px;
	text-align:center;
	padding:30px 0px 0px 80px;
}

#newsletter .bt_ok {
	position:absolute;
	top:60px;
	right:15px;
	width:101px;
	background-image:url(../img/bt/je-mabonne-bleu.png);
}

#eco-participation {
	font-size:9px;
}

/* Elements */
.lignes_580 {
	position:relative;
	height:6px;
	background-image:url(../img/bg/lignes-580.jpg);
}

.liens_bas {
	position:relative;
	float:left;
	width:140px;
	font-size:11px;
	padding-left:5px;
	text-align:center;
	color:#A70606;
	line-height:16px;
	margin-top:5px;
}

.liens_bas a {
	color:#A70606;
	text-decoration:none;
}

.liens_bas a:hover {
	color:#000000;
	text-decoration:underline;
}