/*Formatages global*/
*{
	margin:0px;
	padding:0px;
}
img{
	border-width:0px;
}
a:link{
	font-weight:bold;
	color:#ffff00;
	text-decoration:none;
}
a:visited{
	font-weight:bold;
	color:#ff9300;
	text-decoration:none;
}
 a:hover{
	text-decoration:underline;
	color:#ff9300;
}
a:active{
	color:#ff5d00;
	text-decoration:overline;
}
hr.both{
	visibility:hidden;
	clear:both;
}
h1{
	text-decoration:underline;
	font-style:italic;
	font-size:28px;
	margin-bottom:15px;
}
h4{
	font-size:18px;
	text-decoration:underline;
	font-weight:bold;
	margin:10px;
}
p.texte{
	margin:15px;
	line-height:17px;
}
.text_left{
	text-align:left;
}
.text_right{
	text-align:right;
}
.text_center{
	text-align:center;
}
.petit{
	font-size:10px;
}
.upper_bold{
	text-transform:uppercase;
	font-weight:bold;
}

/*bouton simple*/
.bouton{
	display:block;
	height:35px;
	width:150px;
	font-weight:bold;
	border-width:0px;
	color:#fff000;
	text-align:center;
	margin:4px;
	line-height:31px;
	background:transparent url(./images/bouton_simple.gif) top left no-repeat;
}
.bouton:hover{
	background-position:bottom left;
}
.bouton_croix{
	display:block;
	height:30px;
	width:30px;
	border-width:0px;
	background:transparent url(./images/bouton_croix.png) top left no-repeat;
	margin-top:4px;
}
.bouton_croix:hover{
	background-position:bottom left;
}
.bouton_croix span{
	display:none;
}
.bouton_phrase{
	font-weight:bold;
	border-width:0px;
	color:#ffff00;
	display:block;
	height:30px;
	background:transparent url(./images/tic.gif) top left no-repeat;
	padding-left:30px;
	
}
.bouton_phrase:hover{
	background-position:bottom left;
	color:#99ff00;
}
body{
	font-family:Verdana, Geneva, Arial, sans-serif;
	font-size:12px;
	color:#ffce00;
	background:#ffff00 url(./images/bgmka.png) top left repeat;
	background-attachment:fixed;
	margin:10px;
}

/*Super structure*/
#box_body{
	position:relative;
	min-width:990px;
	background:transparent url(./images/bg_carbon_box_body.png) top left repeat;
	margin:80px 0px 0px 0px;
}
#b_h_box_body{
	background:transparent url(./images/b_h_box_body.png) top left repeat-x;
}
#b_b_box_body{
	background:transparent url(./images/b_b_box_body.png) bottom left repeat-x;
}
#b_g_box_body{
	background:transparent url(./images/b_g_box_body.png) top left repeat-y;
}
#b_d_box_body{
	background:transparent url(./images/b_d_box_body.png) top right repeat-y;
	padding:80px 60px 70px 40px;
}
#c_hg_box_body,#c_hd_box_body,#c_bd_box_body,#c_bg_box_body{
	width:73px;
	height:73px;
	z-index: 1;
}
#c_hg_box_body{
	position:absolute;
	top:0px;
	left:0px;
	background:#ffff00 url(./images/c_hg_box_body.png) top left no-repeat;
}
#c_hd_box_body{
	position:absolute;
	top:0px;
	right:0px;
	background:#ffff00 url(./images/c_hd_box_body.png) top right no-repeat;
}
#c_bg_box_body{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#ffff00 url(./images/c_bg_box_body.png) bottom left no-repeat;
}
#c_bd_box_body{
	position:absolute;
	right:0px;
	bottom:0px;
	background:#ffff00 url(./images/c_bd_box_body.png) bottom right no-repeat;
}
#contenu_box_body{
	position:relative;
	min-height:350px;
	z-index: 10;
}
/*banniere*/
#banniere{
	position:absolute;
	top:-165px;
	left:0px;
	width:800px;
	height:150px;
	background:transparent url(./images/banniere2.gif) top left no-repeat;	
}
#banniere form{
	position:absolute;
	bottom:8px;
	left:20px;	
}
#banniere form input, select{
	width:110px;
	font-size:10px;
	font-weight:bold;
	color:#ffff00;
	border:#583600 1px  solid;
	background-color:#b56f00;
}
/*Barre de navigation*/
.navbar{
	background-color:transparent;	
}
.navbar ul{
	list-style-type:none;
	text-transform:uppercase;
}
.navbar ul li{
	
	display:inline;
}
/*Barre de renseignement*/
#infobar{
	background-color:transparent;
	margin-left:170px;
}
#infobar a.voir_panier{
	float:right;
	display:block;
	height:30px;
	width:150px;
	text-align:center;
	margin:4px 0px 5px 0px;
	line-height:28px;
	background:transparent url(./images/info_panier.gif) top left no-repeat;
}
a.voir_panier:hover{
	background-position:bottom left;
}
#infobar span.info_vehicule{
	float:right;
	display:block;
	height:30px;
	width:250px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	margin:4px 0px 5px 0px;
	line-height:28px;
	background:#000 url(./images/info_vehicule.png) top left no-repeat;
	padding-left:80px;
}

/*menu de gauche*/
#menu_gauche{
	position:absolute;
	top:30px;
	left:0px;
	width:160px;
	background-color:transparent;	
}
#menu_gauche li{
	list-style-type:none;
}
a.titre_menu{
	display:block;
	width:160px;
	height:22px;
	background:transparent url(./images/titre_menu.png) top left no-repeat;
	line-height:22px;
	color:#ffff00;
	text-align:center;
	text-transform:uppercase;
	margin-top:5px;
}
#menu_gauche li:hover a.titre_menu{
	background-position:bottom left;
	text-decoration:none;
}
#menu_gauche ul.menu{
	display:none;
}
#menu_gauche li:hover ul.menu{
	display:block;
	width:145px;
	background:transparent url(./images/bas_menu.png) bottom left no-repeat;
	padding-bottom:20px;
	margin-left:6px;
}
ul.menu li{
	display:block;
	height:15px;
	list-style-type:none;
	background:transparent url(./images/contenu_menu.png) top left repeat-y;
}
ul.menu li a{
	display:block;
	width:138px;
	margin-left:7px;
}

/*Contenu*/
#contenu{
	background-color:transparent;
	margin-left:185px;
	/*margin-right:165px; à decommenter si menu droit */
}
.box_contenu{
	position:relative;
	background:transparent url(./images/bg_carbon_box_body.png) top left repeat;
	
}
.b_h_box_contenu{
	background:transparent url(./images/b_h_box_contenu.png) top left repeat-x;
}
.b_b_box_contenu{
	background:transparent url(./images/b_b_box_contenu.png) bottom left repeat-x;
}
.b_g_box_contenu{
	background:transparent url(./images/b_g_box_contenu.png) top left repeat-y;
}
.b_d_box_contenu{
	background:transparent url(./images/b_d_box_contenu.png) top right repeat-y;
	padding:30px;
	
}
.c_hg_box_contenu,.c_hd_box_contenu,.c_bd_box_contenu,.c_bg_box_contenu{
	width:30px;
	height:30px;
	background:#000 url(./images/coins_box_contenu.png) no-repeat;
	z-index: 1;
}
.c_hg_box_contenu{
	position:absolute;
	top:0px;
	left:0px;
	background-position:top left;
}
.c_hd_box_contenu{
	position:absolute;
	top:0px;
	right:0px;
	background-position:top right;
}
.c_bg_box_contenu{
	position:absolute;
	left:0px;
	bottom:0px;
	background-position:bottom left;
}
.c_bd_box_contenu{
	position:absolute;
	right:0px;
	bottom:0px;
	background-position:bottom right;
}
.contenu_box_contenu{
	position:relative;
	min-height:150px;
	background-color:#1f1f1f;
	overflow:hidden;
	z-index: 10;
}
/*tableau*/
caption{
	caption-side:bottom;
}
#panier{
	width:94%;
	border-width:1px;
	border-style:solid;
	text-align:center;
	margin:auto;
	border-collapse: collapse;
	background-color:transparent;
}
#panier th{
	height:25px;
	font-size:14px;
	text-transform:uppercase;
	background-color:#2f2f2f;
}
#panier td{
	font-size:14px;
	border-width:0px;
	border-style:solid;
	padding:10px;	
}
#panier td img{
	width:80px;
	margin:auto;	
}
#panier tr.total {
	border-width:0px;
	border-style:solid;
	height:25px;
	font-weight:bold;
	background-color:#2f2f2f;
}

#panier tr.total td.total{
	display:block;
	text-align:right;
}

.prix{
	display:block;
	text-align:left;
	margin:4px;
}
a.valider_panier,a.annuler_panier,a.continuer_achats,.actualiser_panier{
	float:right;
	font-family:Verdana, Geneva, Arial, sans-serif;
	display:block;
	height:35px;
	width:150px;
	font-weight:bold;
	border-width:0px;
	color:#ffd100;
	text-align:center;
	margin:4px 0px 5px 0px;
	line-height:34px;
}
a.valider_panier:hover,a.annuler_panier:hover,a.continuer_achats:hover,.actualiser_panier:hover{
	background-position:bottom left;
}
a.valider_panier{
	background:transparent url(./images/valider_panier.gif) top left no-repeat;
}
a.annuler_panier{
	background:transparent url(./images/annuler_panier.gif) top left no-repeat;
}
a.continuer_achats{
	background:transparent url(./images/retour_boutique.gif) top left no-repeat;
}
.actualiser_panier{
	background:transparent url(./images/actualiser_panier.gif) top left no-repeat;
}
a.bouton_moin,a.bouton_plus{
	display:block;
	float:left;
	width:20px;
	height:20px;
}
a.bouton_plus{
	background:transparent url(./images/plus_panier.gif) top left no-repeat;
}
a.bouton_moin{
	background:transparent url(./images/moin_panier.gif) top left no-repeat;
}
a.bouton_supp_art{
	display:block;
	width:20px;
	height:20px;
	background:transparent url(./images/supprimer_article.gif) top left no-repeat;
	margin:auto;
}
a.bouton_plus span,a.bouton_moin span,a.bouton_supp_art span{
	display:none;
}
/*Liste de bouton pour les elements*/
div.liste_elements {
	float:left;
	margin:0px 2% 0px 3%;
}
a.liste_elements {
	display:block;
	position:relative;
	width:150px;
	height:50px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	line-height:45px;
	color:#000;
	text-align:center;
	background:transparent url(./images/bouton_element.png) top left no-repeat;
	margin:15px;
	
}
a.liste_elements span {
	position:absolute;
	top:-30px;
	right:-30px;
	width:80px;
	height:40px;
	background:transparent url(./images/fond_pictogrames.gif) center no-repeat;
	margin:3px;
	
}
a.liste_elements span img{
	width:75px;
	margin:1px auto 0px auto;	
}
a.liste_elements:hover {
	background-position:bottom left;
	
}
a.liste_elements:hover span {
	background:transparent url(./images/fond_pictogrames_hover.gif) center no-repeat;
	
}
a.liste_elements:visited {
	background-position:bottom left;
	
}
/*liste article*/
div.liste_article{
	position:relative;
	border-bottom:#ffff00 ridge 2px;
	margin:10px;
}	
div.liste_article span.ref_art{
	display:block;
	height:10px;
	font-size:11px;
}		/*titre de l article*/
.liste_article h2{
	font-size:15px;
	text-transform:uppercase;
		
}		
/*bouton action article*/
div.liste_article div{
	float:right;
	height:120px;
	width:150px;
	margin:0px;
}
a.voir,a.commander,a.envoyer{
	display:block;
	height:30px;
	width:149px;
	text-align:center;
	margin:4px 0px 5px 0px;
	line-height:28px;
}

a.voir{
	background:transparent url(./images/bouton_voir.png) top left no-repeat;
}
a.commander{
	background:transparent url(./images/bouton_commander.png) top left no-repeat;
}
a.commander:hover,a.voir:hover,a.envoyer:hover{
	background-position:bottom left;
}
a.envoyer{
	background:transparent url(./images/bouton_envoyer.png) top left no-repeat;
}
/*boite carre affichage article*/
div.bloques_article{
	position:relative;
	width:180px;
	height:140px;
	float:left;
	background:transparent url(./images/bg_carbon_box_body.png) top left repeat;
	border:#3e3e3e solid 1px;
	margin:2%;
}
div.c_hg,div.c_hd,div.c_bd,div.c_bg{
	width:10px;
	height:10px;
	background:transparent url(./images/coins_box_articles.gif) no-repeat;
	z-index: 1;
}
div.c_hg{
	position:absolute;
	top:-1px;
	left:-1px;
	background-position:top left;
}
div.c_hd{
	position:absolute;
	top:-1px;
	right:-1px;
	background-position:top right;
}
div.c_bg{
	position:absolute;
	left:-1px;
	bottom:-1px;
	background-position:bottom left;
}
div.c_bd{
	position:absolute;
	right:-1px;
	bottom:-1px;
	background-position:bottom right;
}
div.bloques_article img{
	width:90px;
	margin:5px;
}
div.bloques_article span.titre{
	display:block;
	width:70px;
	text-transform: capitalize;
	position:absolute;
	top:5px;
	right:5px;
}
div.bloques_article span.prix{
	display:block;
	width:150px;
	font-size:16px;
	position:absolute;
	bottom:15px;
	left:5px;
}
div.bloques_article a.info{
	display:block;
	width:150px;
	text-align:right;
	position:absolute;
	bottom:5px;
	right:5px;
}
/*fiche_article*/
#fiche_article{
position:relative;
}

.zoom img{
	position:relative;
	width:50px;
}
a.zoom:hover img{
	width:90px;
}
.bloc_photos{
	text-align:center;
}	

#fiche_article p{
	margin:25px;
}	
/*menu de droite*/
#menu_droit{
	position:absolute;
	top:0px;
	right:0px;
	width:160px;
}
/*recapitulatif commande*/
#info_client{
	width:270px;
	float:left;
}
#info_site{
	width:270px;
	float:right;
	
}
#montant_commande{
	width:180px;
	height:130px;
	font-size:22px;
	font-weight:bold;
	float:right;
	text-align:center;
	
}

/*footer*/
#footer{
	text-align:center;
	color:#000;
}
#footer ul{
	list-style-type:none;
}
#footer ul li{
	display:inline;
	margin:5px;
}
#footer ul li a:link{
	color:#000;
}
#footer ul li a:visited{
	font-weight:bold;
	color:#ff9300;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
	color:#ff9300;
}
#footer ul li a:active{
	color:#ff5d00;
	text-decoration:overline;
}

/*formulaires*/

fieldset {
	margin-bottom: 1em;
	border:#000 1px solid;
	width: auto;
	margin: 10px;
	background-color:#1a1a1a;
}
fieldset p {
	padding: 0 0 8px 8px !important;
	padding: 0 0 8px 8px;
}
legend {
	text-transform:uppercase;
	margin: 0 0 10px 5px;
	padding: 5px;
	font-weight: bold;
	border:#000 1px solid;
	background-color:#1a1a1a;
	/*background-color: none;*/
}
label.text {
	display: block;
	float: left;
	width: 40%;
	text-align: right;
	margin: 0 10px 0 0;
	padding: 2px;
	border-bottom: 1px solid #abbf3b;
}
.radioCheck {
	margin: 0 8px 0 2px;	
}
input.text,textarea {
	width: 50%;
	background-color: #ffd100;
	border: 0;
	margin-right: 5px;	
}
textarea {
	
	margin-right: 8px;	
}
select.text{
	width:90px;
}
.envoy {
	margin: 5px;
	text-align: left;
}
.envoy label {
	border: 0;	
}

span.note {
	font-size: 10px;
}
span.note_erreur {
	font-size: 12px;
	color:#f00;
	text-transform:uppercase;
	font-weight:bold;
}
span.warning {
	font-weight: bold;
	font-size: 15px;
	color: #fff;
}
.nobr {
	white-space: nowrap;
}
/*****************************************************/
/*			boite bord arrondie	*/


span.bloques_arrondi{
	position:relative;
	display:block;
	background:transparent url(./images/bg_carbon_box_body.png) top left repeat;
	border:#3e3e3e solid 1px;
	margin:2%;
	padding:8px;
	z-index: 10;
}
span.c_hg,span.c_hd,span.c_bd,span.c_bg{
	width:10px;
	height:10px;
	background:transparent url(./images/coins_box_articles.gif) no-repeat;
	z-index: 1;
}
span.c_hg{
	position:absolute;
	top:-1px;
	left:-1px;
	background-position:top left;
}
span.c_hd{
	position:absolute;
	top:-1px;
	right:-1px;
	background-position:top right;
}
span.c_bg{
	position:absolute;
	left:-1px;
	bottom:-1px;
	background-position:bottom left;
}
span.c_bd{
	position:absolute;
	right:-1px;
	bottom:-1px;
	background-position:bottom right;
}
/**********************************************/
/*		form_select_vehicule		*/
/******************************************************/
.form_select_vehicule{
	width:300px;
	margin:auto;
}


/****************************************************************/
/* 		prix et delai liste et fiche article		*/
/****************************************************************/


a.prix,a.delai{
	display:block;
	width:100px;
	height:40px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	line-height:45px;
	margin-left:-10px;
}		
a.prix{
	background:transparent url(./images/prix.gif) top left no-repeat;	
}
a.delai{
	background:transparent url(./images/livraison.gif) top left no-repeat;	
}	
a.delai span.bloques_arrondi,a.prix span.bloques_arrondi{
	display:none;
}
a.prix:hover span.bloques_arrondi,a.delai:hover span.bloques_arrondi{
	display:block;
	width:270px;
	font-size:14px;	
	line-height:15px;
	
}
#fiche_article a.delai{
	position:absolute;
	top:80px;
	left:50%;

}
#fiche_article a.prix{
	position:absolute;
	top:35px;
	left:50%;
}	
.liste_article a.delai{
	position:absolute;
	top:75px;
	left:50%;
}
.liste_article a.prix{
	position:absolute;
	top:30px;
	left:50%;
}
	
a.delai:hover span.bloques_arrondi{
	position:absolute;
	top:-30px;
	left:-300px;
}
a.prix:hover span.bloques_arrondi{
	position:absolute;
	top:10px;
	left:-300px;
}
.promo h2{
	display;block;
	height:35px;
	font-size:24px;
	text-transform:uppercase;
	background:transparent url(./images/prixcasse.gif) top left no-repeat;
	padding-left:110px;
}
.promo img{
	width:200px;
	margin-left:30%;
}