/* Global ************************* */

HTML,BODY {margin:0; padding:0; height:100%; border:none; background: #F2F2F2;}
BODY{background: #F3F3F3 url(../images/interface/bg_site.gif) repeat-x scroll top; }
BODY.popUp {background-color:#FFFFFF;background-image:none;}

BODY,TD,TH,LI { font-size: 8pt; color: #6F6F6F; font-family: Arial, Verdana, Helvetica, sans-serif;}


#ccentre{text-align:center; padding-top:10px;}
#centre{text-align:center; width:979px; background-color: #FFFFFF; margin:0 auto; padding: 1px;}

/* //////////////////////////////// */
/*  S I T E ****************** */
/* ///////// */

/* HEADER */
#header { padding:0; margin:0;width: 979px;}
#menu { padding:0; margin:0; float: left; width:717px;}
	#menu.utilitaire { text-align: right; float:left;}
#menuPrincipal{padding:0; margin:0; float: left; width:717px;}
.logo{padding:0; margin:0; float: left;}
.bandeau_top{background-color:#FFFFFF;width:535px;height:22px; padding: 10px 0 0 26px; color:#818181; float: left;}

.breadCrumb { font-weight:bold; color: #b20101; width: 500px; display: inline; }
	.breadCrumb A:active, .breadCrumb A:hover,  
	.breadCrumb A:link, .breadCrumb A:visited {color:#818181; text-decoration:none; font-weight:bold; }
	.breadCrumb .sep { color:#818181; }

/* FOOTER */
#footer {padding: 12px 24px 12px 0; color:#a5a5a5; font-size:8pt; text-align:right; clear: both; display: block;}

/* ///////////// */

/* CONTENU */

.accueil { height: 360px; width:579px; }
.home { width:579px; padding:0; }
	.txt_accueil { padding:60px 240px 0 25px; }
	.box_nouvelles {
		padding: 20px 20px 15px 20px;
		height: 85px; 
		width: 360px;
		background-color: #e6e6e6;
		border-top: solid #FFFFFF 1px;
	}
		.box_nouvelles P { margin: 0 0 8px 0; }
		.box_nouvelles .date { font-weight: bold; }	
		.box_nouvelles A:link, .box_nouvelles A:visited {color: #b20101; text-decoration:none;}
		.box_nouvelles A:active, .box_nouvelles A:hover {color: #b20101; text-decoration:underline; }
	
.contenu {width:979px; background: #FFFFFF; float:left; text-align:justify; background: url(/images/interface/pix_degrade.gif) repeat-x top;}

.texte {width:597px; padding: 40px 80px 0 66px; float:left;}
	.texte .btn_retour {padding:0;}
	
	#menu_about {
		text-align: center;
		margin-bottom: 20px;
		margin-top: 20px;
		width: 597px;
	}
	
/* Succursales */

	#succursale{float:left; width:289px;}
	.bg_succursale_fr{background: url(../images/contenu_fr/bt_succursale.gif) no-repeat scroll top; width:289px; height:110px;}
	.bg_locations {background: url(../images/contenu_en/bt_locations.gif) no-repeat scroll top; width:289px; height:110px;}
	.select_succursale{padding:62px 0 0 22px; float: left;}
	.btnOK_succursale{padding-top:62px;margin-left:4px;float:left;}
	
	#xF_map {
		height:825px; 
		margin:20px 0 110px 300px; 
		display:block;
	}
	/* I.E. Only */ * HTML #xF_map { height:0; margin:20px 0 0 300px; padding: 0;}
	
/* Histoire */
.texte#time { width:600px; padding-right: 0; }
	.text_time {padding: 250px 60px 0 300px;}
	 
	.text_time P { margin: 5px 0; }
	#a1907 { width: 48px; margin-left: -48px;float: left; position: relative; }
	#a2007 { width: 49px; margin-right: -49px; float: right; position: relative; }


/* //////////////////////////////// */
/*  P R O D U I T S ****************** */
/* ///////// */


/* Toutes les Categories */


.btnCat { width: 157px; float:left; margin: 10px 0px 0px 10px; vertical-align: middle; }
/* IE */ * HTML .btnCat { width: 150px; }
	.btnCat A:link SPAN, .btnCat A:visited SPAN {color: #b20101; background-color: #F2F2F2; font-weight: bold; text-decoration:none; vertical-align: middle;border:solid 1px #CCCCCC; }
	.btnCat A:active SPAN, .btnCat A:hover SPAN {color: #000000; background-color: #B6B6B6; background-image:none;border:solid 1px #818181;}

.btnCat SPAN { width:93.5%; padding: 5px 10px 5px 10px;display:block;background-image:url(/images/interface/bg_btn.gif);background-repeat:repeat-x;}
	/* IE */ * HTML .btnCat SPAN { width:100%; cursor: hand; }

.catList { margin: 20px 0 0 0;padding:0;border: solid; border:solid 1px #CCCCCC; width: 360px}
	/* IE */ * HTML .catList { width: 360px}
	
	.catList H3 {font-weight:bold;font-size:12px;margin:0;background-color: #E8E8E8;}
		.catList H3 A:link SPAN, .catList H3 A:visited SPAN {color: #b20101; padding:5px 0 5px 10px;width:350px;background-color: #E8E8E8;background-image:url(/images/interface/bg_btn2.gif);background-repeat:repeat-x;}
		.catList H3 A:active SPAN, .catList H3 A:hover SPAN {color: #000000; background-color: #B6B6B6; background-image:none;}
		/* IE */ * HTML .catList H3 SPAN { cursor: hand; }
		
	.catList UL {margin:0;padding:10px 0 10px 0;background-color:#FCFCFC;list-style-image: none; list-style-type: none;}
		.catList LI {margin:0;padding:0;width:100%;}
		.catList LI SPAN {padding:5px 0 5px 25px;margin:0;width:335px;font-weight: normal;background-color:#FCFCFC;}
		/* IE */ * HTML .catList LI SPAN { cursor: hand; }
		
	.catList A:link SPAN, .catList A:visited SPAN {color: #000000; text-decoration:none; display:block;}
	.catList A:active SPAN, .catList A:hover SPAN {color: #b20101; background-color: #E8E8E8; }
	
	.haut {margin-left:350px;padding-top:3px;}
	
	
	
/* Recherche + Liste */
	
.search {float:left; padding: 40px 80px 0 66px;}
	.search H1 {margin:0px;}
	.searchBox {margin:0px 20px 30px 0px;}
	
	
#cProd_search H1 {font-size:16px;margin:10px 0 0 20px;}
#cProd_search H2 {font-weight:normal;font-size:11px;margin:0 0 10px 20px;}
	#cProd_search H2 STRONG {font-size:11px;color:#B5141A;}

#tblSearch_header {width:740px;margin:0;padding:0;background-color:#E8E8E8;}
	#tblSearch_header H1 {padding-left:50px;margin:10px 0 0 0;}
	#tblSearch_header H2 {padding-left:50px;margin:0 0 10px 0;}
	#tblSearch_header TD {text-align:left;vertical-align:top;}
	#tblSearch_header TD.titre {width:420px;}
		#tblSearch_header .ddCategories {margin:0 0 0 50px;}
	#tblSearch_header TD.compare {width:320px;text-align:right;padding:0;}
		#tblSearch_header .compare .txt {margin:10px 10px 5px 10px ;font-size:11px;}
		#tblSearch_header .btn_compare {margin-right:10px;}

.ddCategories {text-align:left;}
	.ddCategories SPAN {font-size:11px;}
	.ddCategories SELECT {font-size:11px;}
	
.dg_produits {margin:20px 0 0 0;}
	.dg_produits TD.produits {width:300px;text-align:center;vertical-align:top;}
	.dg_produits TD TD {text-align:left;padding:0;vertical-align:top;}
	.dg_produits DIV.produit {position:relative;padding:10px 20px 10px 20px;}
	.dg_produits .produit .titre {font-size:12px;font-weight:bold;padding-top:3px;}
	.dg_produits .produit .photo {width:111px;position:relative;margin:auto;}
		.dg_produits .produit .img {border:solid 1px #E0E0E0;}
		.dg_produits .produit .btn_new {position:absolute;left:0;}
	.dg_produits .produit .code {font-weight:normal;}
	.dg_produits .produit .btn {padding:5px;}
	
	.dg_produits .pager {padding:10px 0 0 0;}
		.dg_produits .pager TD {font-weight:bold;font-size:14px;}
	
	.dg_produits .tblCheck {margin-top:5px;}
	
/* Comparaison */
.compare {float:left;}
	.compare TD {text-align:left;}
	.compare H1 {padding-top:15px;}
	.compare H3, .compare H4 {text-align:left;margin:0;padding:5px 0 5px 5px;}
	.compare H3 {font-size:12px;font-weight:bold;border-top:solid 1px #E0E0E0;padding-bottom:2px;}
	.compare H4 {font-size:11px;font-weight:normal;padding-top:0;margin-bottom:10px;border-bottom:solid 1px #E0E0E0;}
	
	.btn_retour {font-size:12px;padding:5px 20px 0 20px;}
	.btn_retour IMG, .btn_fiche IMG {margin:0 3px -2px 0;}
	.compare .btn_delete {position:relative;z-index:500;text-align:right;margin:-5px -5px 0 -5px;}
	.compare .btn_fiche {font-size:12px;text-align:center;}
	
	.compare .photo {text-align:center;margin:0 0 10px 0;}
		.compare .photo IMG {border:solid 1px #E0E0E0;}
	
	.tblCompare {margin:0 20px 20px 20px;}
		.tblCompare TD {width:150px;padding:10px 10px 10px 10px;}
		.tblCompare TD.alternate {background-color:#F2F2F2;border:solid 1px #E0E0E0;}
	
	.compare .tblSpecs TD {padding:0 5px 0 5px;}	
	
	#compare_titre { margin-left: 50px; }
		
	
/* Fiche Produit */

#fiche_titre { margin-left: 32px; }

#cProd_fiche {}
	#cProd_fiche H1 {margin: 20px 0 5px 20px;}
	#cProd_fiche H2 {margin: 0 0 0 20px;}
	#cProd_fiche H3 {margin:0;padding: 10px 0 10px 0;}
	#cProd_fiche  .btn_retour {margin:5px 0 0 20px;padding:0;font-weight:normal;}
	
	
.prod_fiche {float:left;width:740px;position:relative;}
	.prod_fiche .btn_link {margin-top:5px;}
	.prod_fiche .btn_zoom {margin: 5px 0 5px 0;}

	#prod_left { float: left; padding:20px;z-index:100;}
		#prod_left .btn_retour {margin:20px 0 0 32px;}
		#prod_left IMG.img {border:solid 1px #E0E0E0;}
		
		
.prod_fiche .data {width:500px; float:right; position:relative;z-index:500;text-align:left;background:#FFFFFF url(/images/interface/bg_prodFiche_left.gif) no-repeat left 20px;}
	.prod_fiche .container {margin:-3px 20px 0 0;padding:0 20px 0 20px;clear:both;background:#FFFFFF;border:solid 1px #B6B6B6;border-top:none;}

UL.menu_tabs { margin:0; padding:0; list-style-type:none; list-style-image:none;}
	#prod_menu_top {padding:0 0 0 0;margin:0 20px 0 0;height:30px;background: url(/images/interface/bg_prodFiche_top.gif) no-repeat right bottom;}
	#prod_menu_bottom {float:right;margin:0 20px 0 0;}
	* HTML #prod_menu_bottom {margin-right:10px;}
	.menu_tabs LI {float:left;margin:0;padding:0;}
	
#tblSpecs {}

#tblPrix {}
	#tblPrix TH {padding:20px 0 10px;}
	#tblPrix H3 {margin:0;padding:0;}
	#tblPrix TD {vertical-align:top;padding:0 20px 20px 0;}
	
#prod_connexes {clear:both;width:500px;margin-left:480px;}
	#prod_connexes H2 {font-size:14px;padding:0;margin:0;}
	#prod_connexes UL {margin:0;padding:10px 0 0 20px;}
	#prod_connexes LI {font-size:13px;margin:0 0 2px 0;}
	
/* PRODUITS MANITOU */

#prod_manitou { clear: both; }
	#prod_manitou .col { float: left; width: 137px; padding: 5px; }
	#prod_manitou .img { margin: 5px 0px; border: 1px solid #CCCCCC; }
	#prod_manitou .btnCat { width: 135px; margin: 7px 1px; }
		#prod_manitou .btnCat SPAN { width: auto; padding: 5px 9px; text-align: left; }
		#prod_manitou .btnCat A:link, #prod_manitou .btnCat A:visited { text-decoration: none; }
			#prod_manitou .btnCat A:link SPAN, #prod_manitou .btnCat A:visited SPAN { background-color: #FFFFFF; }
			#prod_manitou .btnCat A:active SPAN, #prod_manitou .btnCat A:hover SPAN { background-color: #B6B6B6; } 
#prod_manitou .sep { float: left; width: 3px; height: 350px; background: url(/images/interface/sep.gif) no-repeat; }

#produits_manitou { text-align: center; float: left; width: 740px; }
#produits_manitou .produit { padding: 10px 65px; width: 111px; text-align: center; margin: auto; float: left; }
#produits_manitou .produit .photo { border:1px solid #E0E0E0; width: 111px; height: 111px; margin: auto; }
#produits_manitou .produit .titre { font-size: 12px; font-weight: bold; padding-top: 5px; text-align: left;}
#produits_manitou .produit .btn { margin: 10px 0px; }


/********************/
/***** Session ******/
/********************/

.tSessions {font-weight:bold;font-size:14px;color:#A60E17;padding-left:2px;}
.tVille {font-weight:bold;font-size:14px;}
.tAdresse {font-weight:normal;font-size:12px;color:#BF2027;}
.tNote {padding:2px 0 25px 2px; font-style:italic;}
.dataGrid_01 .header TD {font-size:12px;width:184px;margin: 1px;background-color: #B6B6B6;color: #FFFFFF;font-weight: bold;text-align: left;padding:4px 10px;}
.dataGrid_01 .item TD {background-color: #FBFBFB;padding: 5px 0 5px 10px;}
.dataGrid_01 .alternate TD {background-color: #F2F2F2;padding: 5px 0 5px 10px;}



/* SOUS-MENU*/

.sMenu {width:236px; float:left; clear: both; padding:0; margin:0; background: url(../images/interface/smenu_bg.gif) repeat; }
	.sMenu .xmlMenu_sub {padding-bottom:20px;}
	.sMenu DIV, .sMenu LI { }
	.sMenu UL {margin:0; padding: 0 23px 0 20px; list-style-type: none; }
	.sMenu UL UL {margin:0;padding:10px 0 10px 0;}
  	.sMenu UL LI {	font-size: 12px; font-weight:normal; color:#FFFFFF; 
					margin:0; padding: 3px 5px; list-style-image: none; }
	.sMenu A:link, .sMenu A:visited { color: #FFFFFF; text-decoration: none;}
 	.sMenu A:active, .sMenu A:hover { color:#FDC1C5; text-decoration: none; font-weight:normal;  }
	.sMenu A.actif, .sMenu A.actif:link, .sMenu A.actif:visited  { color: #FFFFFF; font-weight:bold; }
	.sMenu A:active, .sMenu A:hover, .sMenu LI A.actif, .sMenu LI A.actif:link, .sMenu LI A.actif:visited { padding-right: 15px; background: url(../images/icons/fleche.gif) no-repeat right; }
	
	.sMenu LI.big, .sMenu LI.catalog { background: url(../images/interface/smenu_ligne.gif) no-repeat left bottom; }
		.sMenu .big { font-size:14px;font-weight:normal;color:#FA6B73; }
		.sMenu DIV.big {padding:20px;}
			.sMenu DIV.big A:hover, .sMenu DIV.big A:active {background:none;}
		
	.sMenu .btn { border-top: 1px solid #FFFFFF; }
	.sMenu .btn A:active, .sMenu .btn A:hover {background:none;padding:0;}
	#sMenu_top {width:236px;height:19px; float:left;background: url(../images/interface/smenu_top.gif) repeat-x top;}
	.sMenu A:link .icon, .sMenu A:visited .icon {margin-left:5px;}
	#sMenu_catalogue {}
	
/* //////////////////////////////// */
/*  T A B L E S  ****************** */
/* ///////// */

.tabcontenu { border: 1px solid #b20101; padding: 2px 10px 5px 10px;}
.tabcontenu TD { border: 1px solid #e2e2e2; }


#wrapper {width:100%;height:100%;margin: 0 auto;}
	#wrapper TD {vertical-align:middle;text-align:center;width:100%;height:100%;
		background-image: url(/images/bg_site.gif); background-repeat:repeat-x; background-position:left center;}
	
/* //////////////////////////////// */
/*  T E X T  ****************** */
/* ///////// */

H1 { font-size: 18px; color: #3F3F3F; margin: 0px 0 6px 0;}
	H1#taccueil{margin: 20px 0 8px 0;}
	.text_time H1 { font-size: 16px;color: #C4242E;}
	H1 STRONG {font-size:16px;color:#F2000C;}
H2 { font-size: 12px; font-weight:bold; color: #333333; margin: 0 0 4px 0; }
	H2 STRONG {font-size:14px;color:#333333;}
H3 {font-size: 8.7pt; margin: 0 0 10px 0;; font-weight:bold; color:#454545;}
H4, H5 { font-size: 8.7pt; font-weight:bold; color: #6b6b6b; margin: 0 0 10px 0;; }

.tPale {color: #9B9B9B;}
.tAsterix {color:#C91616;font-weight:bold;}
.tRouge {color: #F2000C;}

SUP{font-size:7.9pt}
P {margin:0 0 15px 0;}
	
/* Forms ************************** */

FORM {padding:0; margin:0;}
.form_valid TD { background-color:#FFFFFF; }
.form_valid UL {  }
.form_valid LI { list-style-image: url(/images/icons/li_asterix.gif); color:#DF0000; }
FORM#Form1 {height:100%;}
INPUT, SELECT, TEXTAREA { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:11px; }
TEXTAREA {background-color:#FFFFFF;}
INPUT.submit { font-size: 12px; }
INPUT.txt {padding:2px 0 2px 3px;border:solid 1px #B6B6B6;background-color:#FFFFFF;}
SELECT {font-size:11px;background-color:#FFFFFF;border:solid 1px #B6B6B6;}

.valSummary {color:#B20101;font-weight:bold;font-size:12px;}
	.valSummary UL {padding:10px 0 10px 20px;}
	.valSummary LI {color:#B20101;font-weight:normal;}
	
#tblForm {margin:0 0 30px 0;}
	#tblForm TD.btn {text-align:right;}

/* Links ************************** */

A:link, A:visited {color: #b20101; text-decoration:underline;}
A:active, A:hover {color: #b20101; text-decoration:none; }

A:link.tLien, A:visited.tLien {color: #B7B7B7; text-decoration:none;}
A:active.tLien, A:hover.tLien {color: #b20101; text-decoration:none; }


/* //////////////////////////////// */
/*  L I S T S ****************** */
/* ///////// */


/* ///////// */

UL { margin: 0; padding: 5px 0 8px 20px; list-style-image: url(/images/icons/li.gif); list-style-type: disc;}
	LI { margin: 0 0 10px 0; padding: 0; vertical-align:top; }
	div.contenu LI.asterix { list-style-image: url(/images/li_asterix.gif); color:#DF0000; }

UL.liste_fleche LI {list-style-image: url(/images/icons/li_fleche.gif); list-style-type:none;}

UL.item { list-style: none; }

UL#telephone { padding: 0px 0 20px 20px; margin: -10px 0 0 0; }
	UL#telephone LI { padding: 0; margin: 0; }
/* ________ */
/* Site Map */

.xmlSiteMap {padding:0px; width:500px;}
	.map_top {font-size:16px;} 
	.map_section {margin:10px 10px 10px 10px;}
		.map_section .titre {font-size:14px; }
		
	.map_sub {font-size:11px; margin:10px 10px 10px 10px;}
		.map_sub .item {padding: 0 0 5px 0;}
	
	.map_sub2 {margin:10px;}
	
	.xmlSiteMap A:link, .xmlSiteMap A:visited { color: #6F6F6F; text-decoration:none; }
	.xmlSiteMap A:active, .xmlSiteMap A:hover { color: #b20101; text-decoration:none;}
	
	.xmlSiteMap .titre A:link, .xmlSiteMap .titre A:visited { color: #333333; text-decoration:none; font-weight:bold; font-size:14px;}
	.xmlSiteMap .titre A:active, .xmlSiteMap .titre A:hover { color: #b20101; text-decoration:none;  font-weight:bold; font-size:14px;}


/* //////////////////////////////// */
/*  M I S C ****************** */
/* ///////// */

IMG {border:none;}
.clearer {clear:both; height: 5px;}
.padding{padding:5px;}
HR { height:1px; color:#B6B6B6; background-color:#B6B6B6; margin: 5px 0 5px 0; border: none; }
.floatRight {float: right;}


/* Backgrounds ******************** */