html, body { height: 100%; margin: 0; padding: 0; }
html { overflow-y: scroll; }

body { 
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #fff;
  background: url(../images/Snowy-trees-bw.jpg) center top no-repeat #000;
}


/* --- General ---------------------------------------- */

img { border: none; }
a { outline-style: none; color: #000; text-decoration: none; }
a:hover {text-decoration: underline; color:#7F1416; }
.cacher { display: none; }

.group:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
* html .group{ height:1%;} 
*:first-child+html .group{min-height:1px;}

.notopmargin { margin-top: 0px; }
.divgauche { float: left; }
.tier { width: 30%; padding: 3px 10px; }

.couleur_navigloo { color: #BD252B; }
.pale { color: #444; }

.indenter { padding-left: 20px; }

.cadre-px { border: 1px solid #aaa; background-color: #fff; }
.cadre_padding p { padding-left:20px; padding-right:10px; }


.boite_3 { background:#F2F2F2 url(../images/icones-pages/saviez-vous-bg1.png) no-repeat;
height:538px; margin-top:30px;
}
.boite_3 h2 { font-family:calibri,Arial, Helvetica, sans-serif; color:#B6252C; padding:60px 0px 10px 180px; font-size:44px; text-transform:none !important;}

.boite_3 ul { list-style:none; 
}
.boite_3 ul li { background:url(../images/icones-pages/saviez-vous-fleche.png) 0px 0px no-repeat; padding-left:26px; padding-bottom:12px; }



.colonne_1{ width:300px; padding:0px 0px 0px 30px; float:left;}
.colonne_2 { padding:0px 0px 0px 0px;  width:334px;  float:left; }


.colonne_3{ width:260px; padding:0px; padding-left:20px;    float:left;}
.colonne_4 {padding:0px;   width:415px;  float:left; }

.colonne_5 {padding-left:280px; position:relative; }
.img_abs { position:absolute; top:3px; left:25px; height:217px; }



/* --- Gabarit général -------------------------------- */

.conteneur {
	width: 960px;
	margin: 0px auto;
}


.interieur {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: -147px auto -222px;
    width: 960px;
	/*margin: auto;*/
	/*background-color: white;
	color:black;*/
}

/* --- Header ---------------------------------------------- */

#header {
	height: 120px;
	position: relative;
}

#logo { 
	font-size: 11px;
	width: 250px;
	position: absolute;
	top: 4px;
	left: 0px;
	color: #7F1416;
	font-style: italic;
}
.slogan2_fr {padding-left: 20px; }
.slogan2_en {padding-left: 40px; }

#top-right-info {
	float: right;
	width: 375px;
	
}

.service-clientele a , #top-right-info {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}


#pannier-placeholder {
	padding: 5px 5px 5px 5px;	
	height: 18px; 
	width: 355px;
	color: #fff;
	/*background: url(../images/cart-white.png) 5px 6px no-repeat #7f1416;*/
	background-color: #7f1416;
}

.nb_item 
{
	background: url(../images/cart-white.png) 0px 1px no-repeat #7f1416;
	padding-left: 30px;
}

#pannier-placeholder a { color: #fff; }

#top-logos .ecolo {
	text-align: center;
	float: left;
	width: 140px;
	margin-top: 10px;
}

#top-logos .service-clientele {
	text-align: right;
	float: right;
	width: 220px;
}
#top-logos .service-clientele p { float: right; padding: 0px; margin: 14px 0px 0px 0px; }
#top-logos .service-clientele img { float: right; display: block; }




/* --- Top menu --------------------------------------- */

ul#top-menu {
	background: url(../images/bg-top-menu.jpg) repeat-x top left #000;
	height: 27px;
	line-height: 27px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;	
	width: 100%;
	position: relative;
	z-index: 12;
}

ul#top-menu li { display: block; float: left; text-transform: uppercase; font-weight: bold; }
ul#top-menu li a { color: #fff; display: block; padding: 0px 15px; }
ul#top-menu li.actif, ul#top-menu li:hover  { background: url(../images/bg-top-menu-red.jpg) repeat-x top left #6a0304; }
ul#top-menu li:hover a { text-decoration: none; }
ul#top-menu li.langue { font-weight: normal; text-transform: none; font-size: 90%; float: right; padding: 0px 15px; }

/* --- sous-menu deroulant --------------------------------------- */

ul.sous-menu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    background-color: #6a0304;
    position: absolute;
	z-index: 11;
    left: 0px;
	width: 230px;
}

ul.sous-menu>li { float: left; width: 230px !important; text-transform: none; }
ul.sous-menu>li a { float: left; width: 230px !important; text-transform: none; }
ul.sous-menu>li:hover { background-color: #000 !important; text-decoration: none; }
ul.sous-menu>li:hover a { text-decoration: none; }

ul.sous-sous-menu {
    margin: 0px 0px 0px 230px;
    padding: 0px;
    background-color: #6a0304;
    position: absolute;
    left: 0px;
}

ul.sous-sous-menu>li a { width: 130px !important; text-transform: none; }
ul.sous-sous-menu>li a:hover { background: url(../images/bg-top-menu-red.jpg) repeat-x top left #6a0304 !important; text-decoration: none; }




#push-headers { height: 147px; }


/* --- Slider accueil -------------------------------------- */

.transparence { background: rgba(0, 0, 0, 0.7); }
.transparence2 { background: rgba(60, 60, 60, 0.7); }

#widget-home { width: 960px; height: 320px; overflow: hidden; position: relative; float: left; margin-top: 15px; } 
#widget-home div.active { z-index: 7 !important; display: block; }
#widget-home div.prochaine { z-index: 6 !important; }
#widget-home .container-photo { display: none; width: 640px; height: 320px; position: absolute; top: 0px; right: 0px; z-index: 5; }
#widget-home .container-photo img { display: block; position: absolute; bottom: 0px; right: 100px; }

#commandesWidget { position: absolute; top: 0px; left: 0px;  z-index: 10;}

ul.container-button-widget { float: left; position: relative; width: 320px; height: 321px; list-style-type: none; margin: 0px; padding: 0px; background-color: #000; }
ul.container-button-widget li { width: 354px; height: 106px; display: block; background: url(../images/gray-arrow.png) no-repeat 280px 0px transparent; }
ul.container-button-widget li.active { background: url(../images/gray-arrow.png) no-repeat 320px 0px transparent; }
ul.container-button-widget li a { background: url(../images/bg-boutons-widget.jpg) repeat-x top left #000; width: 320px; height: 106px; display: block; float: left; color: #fff; font-size: 32px; text-transform:uppercase; font-weight: bold; }
ul.container-button-widget li a:hover, ul.container-button-widget li a.widget-actif { color: #BD252B; text-decoration: none; }
ul.container-button-widget li a.btnWidgetPonton span { background: url( ../images/ponton-icon.png) 15px 20px no-repeat transparent; width: 220px; height: 44px; padding: 12px 0px 0px 90px; display: block; float: left; }
ul.container-button-widget li a.btnWidgetPlaisance span { background: url( ../images/plaisance-icon.png) 0px 13px no-repeat transparent; width: 240px; height: 44px; padding: 12px 0px 0px 65px; display: block; float: left; }
ul.container-button-widget li a.btnWidgetPeche span { background: url( ../images/peche-icon.png) 15px 16px no-repeat transparent; width: 220px; height: 44px; padding: 12px 0px 0px 90px; display: block; float: left; }

ul.container-button-widget li a span.description { background: none; width: 280px; height: 50px; padding: 0px 20px; display: block; float: left; font-size: 12px; text-transform: none; }
ul.container-button-widget li a:hover span.description, ul.container-button-widget li a.widget-actif span.description { color: #fff; }

#widget-home .cacherHover { display: none !important; }
#widget-home .activeHover { z-index: 8 !important; display: block; }

/* --- Reste de l'accueil ------------------------------------------------- */

.slogan, #slogan {
	float: left;
	padding: 0px 20px;
	width: 920px; /* 960 - padding */
	background: url(../images/bg-boutons-widget.jpg) repeat-x top left #000;
	height: 64px;
	line-height: 64px;
	font-size: 230%;
	font-weight: bold;
	text-transform: uppercase;
	/*text-align: center;*/
	color: #BD252B;
}

.colonne-g-accueil {
	width: 202px;
	float: left;
	margin: 15px 10px 0px 0px
}

.colonne-g-accueil img.abris-ecolo-banner {
	height: 391px;
	display: block;
	float: left;
}

.colonne-d-accueil {
	float: left;
	margin: 15px 0px;
	padding: 15px;
	width: 718px; /* 748 - padding */
	background-color: #fff;
	color: #000;
}

.colonne-d-accueil h2 {
	text-transform: uppercase;
	margin: 5px 0px 10px 0px;
}

.colonne-d-accueil p {
	font-size: 115%;
}

img.visuelTracasHiver {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px
}

ul.check {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	font-size: 130%;
}

ul.check-indentation {
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 14px;
	display: block;
	float: left;
	font-size: 130%;
}

ul.check li, ul.check-indentation li {
	background: url(../images/check-list.png) no-repeat top left transparent;
	line-height: 34px;
	padding-left: 45px;
}


h2.flocon {
	display: block;
	float: left;
	margin: 15px 0px;
	height: 54px;
	line-height: 54px;
	padding-left: 60px;
	width: 100%;
	background: url(../images/snowflake.png) no-repeat top left transparent;
}

div.logos-conteneur { width: 100%; margin-bottom: 25px; }

div.logo-bas-accueil {
	width: 179px;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
div.logo-bas-accueil img { display: block; margin: 0px auto; }

/* --- Ariane ------------------------------------- */

.ariane {
	margin: 5px 0px;
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #d90a00;
	font-size: 80%;
	font-family: Verdana, Geneva, sans-serif;
}

.ariane .pageActive { color: #000; }

/* --- menu colonne gauche -------------------------- */

.menu-col-gauche {
	padding: 10px;
	width: 182px; /* 202px - padding */
	background-color: #f2f2f2;
	color: #000;
	margin-bottom: 10px;
}


.menu-col-gauche a { display: block; color: #000; text-transform: uppercase; font-weight: bold; font-size: 150%; margin: 0px; letter-spacing: -0.05em; line-height: 34px; }

.menu-col-gauche a.ponton {
	background: url(../images/ponton-icon-mini.png) no-repeat 0px 7px transparent;
	padding: 10px 0px 15px 53px;
	line-height: 19px;
}
.menu-col-gauche a.plaisance {
	background: url(../images/plaisance-icon-mini.png) no-repeat -3px 7px transparent;
	padding: 10px 0px 10px 53px;
	border-top: 1px solid #808080;
}
.menu-col-gauche a.peche {
	background: url(../images/peche-icon-mini.png) no-repeat 1px 11px transparent;
	padding: 10px 0px 0px 53px;
	border-top: 1px solid #808080;
}

.points-vente {
	
	padding: 0px;
	
	text-align: center;
	background-color: #fff;
	color: #000;
	width: 202px;
}
.points-vente h2 {padding:8px 0px; margin:0px; }

.points-vente img {
	display: block;
	margin: 2px auto;
	height: inherit !important;
}

/* --- zone centrale ------------------------------- */

.colonne-principale {
	float: left;
	width: 748px;
}

.boite {
	float: left;
	margin: 15px 0px;
	padding: 15px;
	width: 718px; /* 748 - padding */
	background-color: #f2f2f2;
	color: #000;
	font-size: 93%;
}

.boite a { text-decoration: underline !important; }

.boite h2 {
	text-transform: uppercase;
	margin: 0px;
	/*font-size: 100%;*/
}

.boite h2.couleur {
	color: #bc252a;
	text-transform: inherit;
	font-size: 160%;
}

h1 {
	margin: 15px 0px 0px 0px;
	padding: 10px 20px;
	background: url(../images/bg-boutons-widget.jpg) repeat-x top left #000;
	/*background: url(../images/bg-titre-degrade.jpg) repeat-x top left #4c4c4c;*/
	/*background: url(../images/bg-titre-degrade2.jpg) repeat-x top left #000;*/
	/*height: 64px;
	line-height: 64px;*/
	font-size: 230%;
	font-weight: bold;
	text-transform: uppercase;
	color: #BD252B;
	/*font-family:calibri,Arial, Helvetica, sans-serif; style makette mais pas mis en fonction*/
}

/* --------- Page statiques ---------------------------------- */
h2.pg-statique {
	background: url("../images/bg-top-menu.jpg") repeat-x scroll left top #000000;
	color: #fff;
	line-height: 35px;
	font-size: 18px;
	text-transform: inherit !important;
	padding: 0px 8px;
}

.titre_menu {padding:8px 0px 0px 0px; margin:0px; background-color:#E7E8EA; text-align:center; }
.espace_bas { padding-bottom:15px; }


p.plus-gros {
	padding: 0px 14px;
	font-size: 130%;
}

.indentation { padding: 0px 14px; }

.icone-envelope { font-size: 115%; background: url("../images/icones-pages/envelope.jpg") no-repeat scroll left top; height: 81px; line-height: 60px; padding-left: 85px; margin: 2px 2px 2px 24px;  }
.icone-envelope a { color: #BD252B; }
.icone-headset { font-size: 115%; background: url("../images/icones-pages/headset.jpg") no-repeat scroll left top; height: 81px; line-height: 30px; padding-left: 85px; margin: 2px 2px 2px 24px;  }
.icone-centpourcent { font-size: 140%; background: url("../images/icones-pages/100pourcent.jpg") no-repeat scroll left top; height: 89px; padding: 16px 0px 0px 105px; margin: 2px 2px 2px 20px;  }

.icone-clap { font-size: 130%; background: url("../images/icones-pages/clap.jpg") no-repeat scroll left top; height: 87px; padding: 30px 0px 0px 95px; margin: 2px 2px 2px 5px;  }
.icone-pad { font-size: 130%; background: url("../images/icones-pages/pad.jpg") no-repeat scroll left top; height: 83px; padding: 20px 0px 0px 85px; margin: 2px 2px 2px 15px;  }
.icone-exclamation { font-size: 130%; background: url("../images/icones-pages/exclamation.jpg") no-repeat scroll left top; height: 69px; padding: 10px 0px 0px 85px; margin: 12px 2px 2px 15px;  }

.icone-question { font-size: 130%; background: url("../images/icones-pages/question.jpg") no-repeat scroll left top; padding: 0px 0px 0px 85px; margin: 20px 2px 20px 15px;  }

#faq a.question {
	display: block;
	width: 100%;
}

#faq .closed { background: url("../images/icones-pages/faq-closed.jpg") no-repeat scroll left top; padding-left: 18px; margin-left: 10px; }
#faq .open { background: url("../images/icones-pages/faq-open.jpg") no-repeat scroll left top; padding-left: 18px; margin-left: 10px; }

#faq .reponse { margin-left: 28px; }

.icone-garantie { font-size: 130%; background: url("../images/icones-pages/3ans-garantie.jpg") no-repeat scroll left top; height: 112px; padding: 0px 0px 0px 115px; margin: 20px 2px 20px 5px;  }
.icone-garantie-fr { font-size: 130%; background: url("../images/icones-pages/3ans-garantie.jpg") no-repeat scroll left top; height: 112px; padding: 0px 0px 0px 115px; margin: 20px 2px 20px 5px;  }
.icone-garantie-en { font-size: 130%; background: url("../images/icones-pages/limited-warranty.png") no-repeat scroll left top; height: 112px; padding: 0px 0px 0px 115px; margin: 20px 2px 20px 5px;  }


.icone-telephone { font-size: 130%; background: url("../images/icones-pages/telelphone.png") no-repeat scroll left top; height: 57px; padding: 10px 0px 0px 75px; margin: 2px 2px 2px 5px;  }
.icone-fax { font-size: 130%; background: url("../images/icones-pages/fax.png") no-repeat scroll left top; height: 63px; padding: 20px 0px 0px 75px; margin: 2px 2px 2px 5px;  }
.icone-customer-serv { font-size: 130%; background: url("../images/icones-pages/customer-service.png") no-repeat scroll left top;  padding: 5px 0px 0px 75px; margin: 2px 2px 2px 5px;  }
.icone-petite-envelope { font-size: 130%; background: url("../images/icones-pages/email.png") no-repeat scroll left top; height: 63px; padding: 20px 0px 0px 75px; margin: 20px 2px 2px 5px;  }
.icone-petite-envelope a { color: #BD252B; }


/* --- Pages produitS ------------------------- */

h1 span.ponton { background: url( ../images/ponton-icon.png) 0px 10px no-repeat transparent; padding: 0px 0px 0px 80px; display: block; }
h1 span.plaisance { background: url( ../images/plaisance-icon.png) -14px 0px no-repeat transparent; padding:0px 0px 0px 50px; display: block;  }
h1 span.peche { background: url( ../images/peche-icon.png) 0px 5px no-repeat transparent; padding: 0px 0px 0px 80px; display: block;  }

th span.ponton { background: url( ../images/ponton-icon-mini-white.png) 0px 8px no-repeat transparent; height: 34px; padding: 0px 0px 0px 60px; display: block; float: left; }
th span.plaisance { background: url( ../images/plaisance-icon-mini-white.png) -4px 0px no-repeat transparent; height: 34px; padding:0px 0px 0px 50px; display: block; float: left; }
th span.peche { background: url( ../images/peche-icon-mini-white.png) 0px 4px no-repeat transparent; height: 34px; padding: 0px 0px 0px 60px; display: block; float: left; }

.avec_ou_sans_toile { height: 40px; float: left; padding: 20px 40px 20px 20px; font-weight: bold; }

.categorie {
	width: 748px;
	height: 240px;
	float: left;
}

.categorie img {
	display: block;
	margin: 0px auto;
}

h2.box-icon {
	background: url("../images/bg-boutons-widget.jpg") repeat-x scroll left top #000000;
	height: 60px; line-height: 60px; font-size: 200%;
	padding: 0px; 
	margin: 0px;
	display: block; float: left;
	width: 748px;
	text-transform:uppercase;
	color: #BD252B;
}
h2.box-icon span {
	background: url(../images/boxes.png) 10px 4px no-repeat transparent; 
	display: block;
	height: 60px; line-height: 60px;
	padding: 0px 0px 0px 110px; 
}

h2.produits {
	color: #bc252a;
	text-transform:uppercase;
	font-size: 160%;
}

div.icon-produits {
	width: 33%;
	font-size: 140%;
	float: left;
	margin: 20px 0px;
	text-align: center;
}

div.page-produits-choix {
	margin: 10px 0px 0px 0px;
}

div.liens-produits-choix {
	background: url(../images/bg-options-produits.jpg) 0px 0px repeat-x #323232; 
	margin: 0px 0px 25px 0px;
	height: 64px;
}
div.une-image-choix-produit {
	float: left;
	width: 33%;
	height: 200px;
}
div.une-image-choix-produit img {
	display: block;
	margin: 15px auto 0px auto;
}
div.un-lien-choix-produit {
	float: left;
	width: 33%;
}
div.un-lien-choix-produit a {
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 64px;
	vertical-align: middle;
}
div.un-lien-choix-produit a.short-line-height { line-height: 22px; height: 54px; margin-top: 10px; }

div.bordures-cotes { border-left: 1px solid #000; border-right: 1px solid #000; }

/* --- Page de UN produit ----------------------- */

div.produit {
	/*padding: 5px;*/
	border: 1px solid #000;
	background-color: #fff;
	margin: 5px;
	float: left;
	width: 310px;
	height: 260px;
	line-height: 260px;
}
div.produit img {
	display: block;
	margin: 0px auto;

}

div.descr { 
	float: right;
	width: 390px;
	font-size: 90%;
	position: relative;
	padding-bottom: 40px;
	min-height: 227px;
}

div.deja_ajoute {
	padding: 3px;
	background-color: #0A0;
	text-align: center;
}

div.barre_infos {
	border: 1px solid #cccccc;
	background-color: #fff;
	padding: 5px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.descr .num_produit {
	float: left;
	width: 120px;
}

form.frm_cart {
	display: block;
	margin: 0px; padding: 0px;
	float: left;
	width: 130px;
}

form.frm_cart .ajoutePanier, form.frm_cart .retirePanier {
	color: #BD252B;
	border: none;
	background: url(../images/cart-red.png) no-repeat 0px 8px #fff;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding: 0px 0px 0px 20px;
	font-size: 93%;
	cursor: pointer;
}


.descr .prix {
	float: right;
	width: 120px;
	text-align: right;
	font-size: 140%;
}

h2.h2_produits_connexes {
	margin: 15px 0px 0px 0px;
	padding: 0px 20px;
	background: url(../images/bg-boutons-widget.jpg) repeat-x top left #000;
	height: 64px;
	line-height: 64px;
	font-size: 230%;
	font-weight: bold;
	color: #BD252B;
	float: left;
	width: 708px;
}

div.produit_assoc {
	float: left;
	margin: 5px 25px 5px 10px;
}
div.produit_assoc_border {
	width: 200px;
	height: 160px;	
	background-color: #fff;
	border: 1px solid #333;	
}

div.produit_assoc_border img {
	display: block;
	margin: 0px auto;
}


/* --- Top menu --------------------------------------- */

ul#onglets {
	background: url(../images/bg-top-menu.jpg) repeat-x top left #000;
	height: 27px;
	line-height: 27px;
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	display: block;	
	position: relative;
	z-index: 12;
	float: left;
}

ul#onglets li { display: block; float: left; font-weight: bold; font-size: 120%; border-left: 1px solid #fff; }
ul#onglets li.premier { border: 0px !important; }
ul#onglets li a { color: #fff; display: block; padding: 0px 20px; text-decoration: none !important; }
ul#onglets li.actif, ul#onglets li:hover  { background: url(../images/bg-top-menu-invert.jpg) repeat-x top left #000; }
ul#onglets li:hover a { text-decoration: none; }

.info-sous-onglet {
	border: 1px solid #cccccc;
	background-color: #fff;
	float: left;
	width: 706px;
	padding: 5px;
}

.info-sous-onglet ul, .info-sous-onglet ol {
	margin-left: 15px;
	padding: 0px;
}

h2, .sous-titre-caracteristique, .info-sous-onglet h2 {
	
	font-size: 16px;
}



/* --- Panier ------------------------------------- */

table.montre, table.montre-externe {
	border-collapse:collapse;
	background-color: #fff;
}

table.pleineLargeur { width: 100%; }

table.montre, table.montre-externe, table.montre th, table.montre td {
	border: 1px solid #aaa;
	
	padding: 5px;
}

.td_01 {  width:15%; }
.td_02 {  width:25%; }
.td_03 {  width:35%; }
.td_04 {  width:25%;  }

table.montre th, table.montre-externe th {
	background: url("../images/bg-top-menu.jpg") repeat-x scroll left top #000000;
	color: #fff;
	
}
table.montre-externe th { text-transform: uppercase; }
th.gauche { text-align: left; height: 34px; line-height: 34px; font-size: 120%; color: #BD252B !important; padding-left: 5px; }

/* --- Footer ------------------------------------- */

#push-footers { height: 222px; }

div#footer {
	height: 191px;
	border-top: 1px solid #fff;
	width: 100%;
	float: left;
	margin-top: 30px;
	background: url(../images/bg-footer.jpg) top left repeat-x #000;
	font-weight: bold;
	font-size: 70%;
}

div#footer a { color: #fff; }

.footer-gauche { float: left; width: 500px; }
.footer-droit { float: right; width: 300px; text-align: right; }

p.telephone {
	background: url(../images/phone.png) no-repeat top left transparent;
	height: 39px;
	font-size: 120%;
	width: 142px;
	float: right;
	clear: both;
	margin: 8px 0px 0px 0px;
}

p.contact {
	background: url(../images/envelope.png) no-repeat top left transparent;
	height: 25px;
	font-size: 120%;
	width: 142px;
	float: right;	
	clear: both;
	margin: 0px;
	line-height: 25px;
}

p.youtube {
	height: 29px;
	width: 142px;
	float: right;	
	clear: both;
	margin: 0px;
}

p.zedimage {
	width: 200px;
	float: right;	
	clear: both;
	margin: 0px;
	padding-top: 19px;
}
p.zedimage a:hover { text-decoration: none !important; }

/*#deboog { position: absoute; top: 10px; left: 10px; width: 280px; height: 120px; border: 1px solid red; overflow: scroll; background-color: #FFC; }*/

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  */


/* ----- SimpleModal --------------------------------------- */

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color: #fff; opacity: 1.0; filter: alpha(opacity = 100); border:8px solid #383841; padding:10px; width: 500px; height: 300px; }

.closeAjax {
	position: absolute; 
	top: 10px; 
	right: 10px;  
	color: #222;
	z-index: 10;
}


.tab_1 {
	font-size:12px; padding:0px; margin:0px; border-collapse:collapse;
}
.tab_1 tr td { padding:10px 10px 10px 0px; border-bottom:1px solid #ccc;}
.tab_1 a {padding-left:10px; }


/* Localisateur magasin */
#sidebar { float: left; width: 280px; font-size: 12px; }

.carte_google { 
padding:6px;
background-image:url(../images/contour_416.gif);
background-repeat:no-repeat;
width:404px; 
height:404px;
}


#map { overflow: hidden; width:404px; height:404px;}

.col_droite_map { float:right;   width:400px; height:600px; margin-right:15px;}
.info_adresse {
    border-bottom: 1px dashed black;
    clear: both;
 
    cursor: pointer;
    font-size: 11px;
	padding:8px;
}

.legende { padding-top: 10px;  }

.legende_1,  .legende_2, .legende_3{ display:inline-block; height:50px;  }


.legende_1 
{ 
	background:#FFFFFF url('../images/icone/point_costco.png')  0px 10px no-repeat; 
	padding:20px 45px 0px 26px; 
}

.legende_2 
{
	background:#FFFFFF url('../images/icone/point_canadian_tire.png')  0px 10px no-repeat; 
	padding:20px 45px 0px 28px; 
}

.legende_3 
{
	background:#FFFFFF url('../images/icone/point_detaillant.png')  0px 10px no-repeat;  
	padding:20px 0px 0px 28px;  
}
/* fin localisateur magasin */

.page_support a { font-size: 15px; padding-bottom: 18px; display: inline-block; color: #444444; }
.page_support a:hover { color: #7F1416; }

.plus_dispo { text-align: center; padding: 12px; padding-top:0px; font-size: 15px;   }


.promo { position:absolute; left:290px; top:14px; }
.promo img {width:220px; }

.tab_t img { cursor:pointer; border:2px solid #7F1416; margin-bottom:4px; margin-top:10px; }

.info_1 { border-bottom:1px solid #CCC; border-top:1px solid #CCC; margin:25px 0px; padding:10px 0px; font-size:16px; line-height:26px; }
.info_1 img { float:left; padding-right:20px; }


.couleur_lien a, .couleur_lien a:link { text-decoration:underline; color:blue; }
.couleur_lien a:hover, .couleur_lien a:visited:hover { color:red; }
.couleur_lien a:visited { color:navy; }



/* Boites messages */

div.msg_erreur, div.msg_correct, div.msg_info {
	margin: 30px 0px 30px 0px;
	padding: 24px 20px 24px 100px;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

div.msg_erreur {
	background: #FFE6DF url("../images/icone/i-avertissement.png") 15px 15px no-repeat;
	border-top: 1px solid #FFD9CF;
	border-bottom: 1px solid #FFD9CF;
}

div.msg_correct {
	background: #d0fce4 url("../images/icone/i-check.png") 15px 15px no-repeat;
	border-top: 1px solid #009345;
	border-bottom: 1px solid #009345;
}

div.msg_info {
	background: #cfe6ff url("../images/icone/i-info.png") 15px 15px no-repeat;
	border-top: 1px solid #386ebf;
	border-bottom: 1px solid #386ebf;
}

/* formulaire inscription */
.col_1 {width:345px; padding-right:20px; border-right:2px solid #CCC; float:left; }
.col_2 { padding-left:20px; float:left; width:270px;  }



.profil { width:410px; }
.profil label { width: 150px !important; }
.formulaire label { float:left; width:110px; margin-bottom:5px; }
.formulaire input { width:215px;  margin-bottom:5px; }
.formulaire select, .formulaire textarea {margin-bottom:5px;}



.formulaire .input_2 { width:120px;  }

.formulaire  .bouton { 
	
	
	/*
float:none; 
text-align:center;
width:120px; 
font-size:16px;
line-height:40px;
height:30px;
border:2px solid #AAA; 


margin-top:10px;
letter-spacing:1px;*/

}

/*.formulaire input { border:1px solid #AAA; }*/
.formulaire input.erreur { background-color:#FEE1D8; border:1px solid red; }

.colonne-principale h2.h2 { font-size:18px; text-transform:none; padding:0px 0px 15px 0px; }




/*BREADCRUMB GENERAL STYLE  
	http://all-for-design.com/tutoriaux/tutoriel-realiser-un-fil-dariane-avance-en-css 
*/

/*Styles du div englobant*/
#breadcrumb{
	color:black;
}
/*Reset sur la liste*/
#breadcrumb ul, #breadcrumb li {
list-style-type:none;	
padding:0;margin:0;
}		
/*Styles sur la liste*/
#breadcrumb ul{
height:60px;
margin:10px auto;
padding:0px 0;
}	
/*Premier élément de la liste*/
#breadcrumb li.first {
background:url(../images/fleches/contour-blanc.png) 0 -3px no-repeat;

padding-left:10px;
} 
/*Tous les éléments de la liste sauf premier et dernier*/
#breadcrumb li {
float:left;
background:url(../images/fleches/fleche-gauche-blanc.png) 0 0 no-repeat;
line-height:60px;
margin:5px 0 0 0;
padding-left:25px;
}


/*Style sur les éléments a et span*/
#breadcrumb li a, #breadcrumb li span {
float:left;
background:url(../images/fleches/degrade-blanc.png) 0 0 repeat-x;
height:60px;
margin:0;
padding:0 0 0 5px;
font-size:14px;

letter-spacing:0.02em;
}




/*Style du dernier span de la liste*/
#breadcrumb li span.end {
float:left;
background:url(../images/fleches/fleche-droite-blanc.png) 0 0 no-repeat;
width:25px;
height:60px;
} 					



/*Style sur les éléments selectionner */
 #breadcrumb li.fleche_actif span {
color:white;
}

#breadcrumb li.fleche_actif span.end {
background:url(../images/fleches/fleche-droite-rouge.png) 0 0 no-repeat;
} 	

#breadcrumb li.fleche_actif a, #breadcrumb li.fleche_actif span {
background:url(../images/fleches/degrade-rouge.png) 0 0 repeat-x;
}

#breadcrumb li.fleche_actif {
background:url(../images/fleches/fleche-gauche-rouge.png) 0 0 no-repeat;
}
/*Premier élément de la liste*/
#breadcrumb li.first_actif {
background:url(../images/fleches/contour-rouge.png) 0 -3px no-repeat;

padding-left:10px;
}