body {
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#f1f1f1;
}
a:active, a:focus { outline: 0; }
a:hover { color:#F26432; }
a:visited { text-decoration:none;} 
.bold { font-weight:bold;}
.grey { color:#999999; }
.lightgrey { color:#659985; } 
.red { color:#F26432; } 
.blue { color:#0099ff; }
.darkblue { color:#2472D6; } 
.black { color:#000000; }
#header {
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
/*	background-position:top;
	background: #fff;*/
}
#logoprint {display:none;	}
#navtop, #navtop2	{
	position:absolute;
	text-align:right;
	width:950px;
	color:#0099ff;
	
	/*border:1px solid red;*/
}

#navtop a { text-decoration:none; text-transform:uppercase; color:#0099ff; padding:2px; margin:10px 0 0 0; font-size:.9em; letter-spacing:0.05em; }
#navtop a:hover { background-color:#0099ff; color:#fff; }
#navtop2 a { text-decoration:none; text-transform:uppercase; color:#0099ff; padding:2px; margin:10px 0 0 0; font-size:.9em; letter-spacing:0.05em; }
#navtop2 a:hover { background-color:#0099ff; color:#fff; }

#homemedia {
	height:244px;
	min-height:244px;
	background:#fff url(img/bg_bandeau2.jpg) repeat-x bottom;	
	}
	
#media {
	height:200px;
	min-height:200px;
	background:#fff url(img/bg_bandeau_200.jpg) repeat-x bottom;	
	}
#content { background-color:#fff;}

.TableArticle { margin-bottom:0px;}
.TableArticle td { padding:0;}

.TableArticleCategorie  
{
	line-height: 1.5;
	width: 35%;
	font-size: 0.8em;
}

.TableArticleCategorie td { padding:0;}

.box1  {
    background:#fff url(img/box1-bg.jpg) no-repeat bottom;
    text-align:left;
    height:210px;
    padding:5px 0 0 0;
}
.box1 ul { margin:5px 0 0 30px;
    }
.box1 ul li { list-style-type:square; color:#cccccc; }
.box1 ul li a:hover { text-decoration:none; background-color:White; color:#f26432;}
.box1 ul li a { text-decoration:none;}
.box1 p { margin:5px 15px 0 15px;}

.catalogueContainer 
{
	line-height: 1;
}

.catalogueconteneur {background:#fff url(img/span6-bg.jpg) no-repeat bottom; margin:1em 0 1em 0;}
.cataloguecontent { padding:0 10px 0 10px; margin-bottom:5px;}
.cataloguecontent a img, .cataloguecontent img { float:right; margin:0 5px 5px 5px;}
.cataloguecontent p a { margin:5px 0 20px 0px; font-size:0.9em; text-decoration:none; color:#659985; text-decoration:none;}
/*.cataloguecontent p a:hover {color:#659985;}*/
a:link h4 { text-decoration:none; color:#659985;}
a:hover h4 { background-color:#f1f1f1; color:#f26532;}
.cataloguecontent h4, .catalogueconteneur h4 {font-weight:bold; margin-bottom:0em; margin-top:0.4em;padding-left:0px; display:inline; color:#659985; text-transform:uppercase;}




.catalogueconteneur a:link, .catalogueconteneur a:visited {text-decoration:none; color:#659985;}
/*.catalogueconteneur a:hover {text-decoration:color:#659985;}*/


.news {}
.newsText { font-size:1.55em; line-height:1em; color:#767676;/* color:#ff9900;*/ margin:25px 0 0 0; text-align:right;}
.newsText img { float:right;}
a.newsText { color:#fff;}

.pictoInflammable { position:absolute; margin-left:-60px;}

/* FOOTER ------------------------------------------------*/
.footerContact { display:none;}
#footer {
	background:#fff url(img/footer_bg.jpg) repeat-x top;
}
.footerlinklist {margin:20px 0 0 0;}

.footerlinklist div {
color:#766763;
letter-spacing:0.1em;
margin-bottom:0.4em;
text-transform:uppercase;font-size:1.5em;
line-height:1;}

.footerlinklist ul li { list-style-type:square; color:#cccccc; }
.footerlinklist ul li a { text-decoration:none; padding:2px}
.footerlinklist ul li a:hover { text-decoration:none; background-color:White; color:#f26432;}
.footerlinklist ul li:hover {color:#f26432;}
span.phone { font-size:1.5em; }
a.phone 
{
    background:#fff url(img/bt-footer-bg.jpg) repeat-x bottom;
    text-decoration:none;
    border: solid 1px #bbbbbb;
    padding:3px;
    font-size:1.1em;
    
    }
a.phone:hover {
    border: solid 1px #F26432;
    color:#F26432;
    }
a.linkfooter:link, a.linkfooter:visited { text-decoration:none; padding:2px 0 2px 0; line-height:2.5em;}
a.linkfooter:hover { text-decoration:none; background-color:White; color:#f26432}  


.MainImageVignette { display:inline; line-height:2em; height:50px; min-height:50px; margin:0px 2px 0 2px;}
.MainImageVignette img { cursor:pointer; margin:10px 5px 0 0px; padding:2px 2px 4px 2px; border:1px solid #cccccc;}
.MainImageVignette img:hover {border:1px solid #766763;}

/* TYPE ------------------------------------------------*/ 
h1 { color:#ffffff; font-size:2.5em; line-height:2em; }
h2 { text-transform:uppercase; color:#0099ff; letter-spacing:0.05em; margin:8px 0 8px 0px; display:inline;}
h2 a:link, h2 a:visited { color:#0099ff; text-decoration:none;}
h2 a:hover  { color:#f26532; text-decoration:none;}
.box1 h2 { text-transform:uppercase; color:#0099ff; letter-spacing:0.05em; margin:8px 0 0 15px;}
h3 { text-transform:uppercase; color:#766763; letter-spacing:0.1em; margin-bottom:0.4em; z-index:3000;}
h4 { }

p a:link, p a:visited {text-decoration:none;}
p a:hover {color:#F26432; text-decoration:underline;}

a:link { text-decoration:none;}
.awesome, .awesome:visited {
	background: #222 url(img/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #2372D6; }
	/*.red.awesome:hover							{ background-color: #872300; }*/
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

.articleShareLinks {position:absolute; width:910px; text-align:right; padding:13px 0 0 0;color:#ccc;}
a.btPrint {
	background:#fff url(img/icon-print.png) no-repeat 0px 0px;
	display:inline-block;
	padding:0px 0px 0px 28px;
	text-decoration:none;
	font-size:11px;
	color:#ccc;
	height:20px;
}
a.btPrint:hover {
	background:#fff url(img/icon-print.png) no-repeat 0px -20px;color:red;
}

a.btMail {
	background:#fff url(img/icon-mail.png) no-repeat 0px 3px;
	display:inline-block;
	padding:0px 0px 0px 28px;
	font-size:11px;
	color:#ccc;
	text-decoration:none;
	height:20px;

}
a.btMail:hover {
	background:#fff url(img/icon-mail.png) no-repeat 0px -15px;
	color:red;
}
.boxColLeft { width:50%; float:left;}
.boxColRight { width:46%;float:right; padding-left:1.2em;}

.slidecontainer { width:950px; height:306px; overflow:hidden; position:relative; /*cursor:pointer;*/ }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:950px; display:none; }
.slidenav {
	position:absolute;	
	/*display: inline;*/
	z-index:100;
	margin-left:850px;
	margin-top:270px;
	width:70px;
	background-image:url(img/nav_bg.png);
	padding:0 5px 0 5px;
}

ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:4px 5px; text-decoration:none; color:#0099ff; }
ul.pagination li.active a { background:#0099ff; color:white; }
/*	////////////////////////////////////////////////////////////////////////////////////////
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.anythingSlider                         { width: 950px; height: 244px; position: relative; /*border:1px solid red; margin: 0 auto 15px; */ }
.anythingSlider .wrapper                { width: 950px; overflow: auto; height: 235px; margin: 0 0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; /*border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213;*/ margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 235px; width: 950px; margin: 0; }
/*.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0px 0; right: -50px; }
.anythingSlider .back                   { background-position: -67px 0; left: -50px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }*/

/*	//////////////////////////////////////////////////////////////////////////////////////// */
div.sc_menu_wrapper {
}
div.sc_menu {
	position: relative; 	
	height: 170px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 950px;	
	margin-top: 20px;
	overflow:auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 10000px;
  
  /* Remove default margin */
  margin: 0;
  list-style:none;
}
.sc_menu li {
  float: left; 
  margin-right: 15px;
  padding: 15px 5px 0 5px;
  /*border: 2px rgb(79, 79, 79) solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;*/
  cursor:pointer;
  text-align:center;

}
.sc_menu li:hover {
    /*background: rgb(204, 204, 204);*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    /*border: 2px rgb(79, 79, 79) solid;
  */

}
.sc_menu li a {
	/*
	When image support is turned off */
	color: #fff;
		
}
.sc_menu a:hover {
	
	background-color:#CCCCCC;

}
.sc_menu img {
	/*display: block;*/
	border: none;
}
 
.sc_menu_wrapper .loading {
	position: absolute;
	padding: 10px;
	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #cccccc;
		/* Make background a bit transparent for browsers that support rgba */	
	background: rgba(0, 0, 0, 0.5);
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
		
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	border: 1px solid rgb(79, 79, 79);
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */	
	background: rgba(0, 0, 0, 0.5);
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: none;
  margin-top: 3px;
  color: #000;
}


#thumbNav                                	
{
    position:absolute;	
	/*display: inline;*/
	z-index:100;
	left:50%;
	margin-left:325px;
	top:211px;
	width:120px;
	background-image:url(img/nav_bg.png);
	background-repeat:no-repeat;
	background-position:right;
	padding:0 5px 0 5px;
	text-align:right;}

#thumbNav a                             { display: inline-block; padding: 3px 6px; margin: 0 5px 0 0; text-align: center; color:#0099ff; text-decoration:none; 
-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-color:none; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20);}
#thumbNav a.cur                         { background-color:#0099ff; color:#fff; font-weight:bold; }

.slidecontent {display:block; height:286px; min-height:266px; padding:20px 50px 0 50px;}
.slidecontent h1{ line-height:2em;}
#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


.formTextInput { width:99%; border:solid 1px #bbbbbb;}
.formTextInputBorder { border:solid 1px #bbbbbb;}
/* Sacs search */
.sacsearchlist ul { margin:0; padding:0; }
.sacsearchlist ul li { list-style-type:none;padding:2px 0 2px 0; color:#000000;font-size:14px; }
.sacsearchlist ul li:hover { list-style-type:none; color:#F26432; }
.sacsearchlist ul li a { text-decoration:none; font-weight:normal; font-size:14px;}
.sacsearchlist ul li a:hover { text-decoration:none; background-color:White; color:#784512}
.sacsearchlist input:checked { list-style-type:none; color:#00FF00; }
/*	//////////////////////////////////////////////////////////////////////////////////////// */

.imgGeneric, .imgPoubExterieur, .imgSacs, .imgConteneur, .imgCorbExterieur, .imgCendrier, .imgPoubInterieur, .imgPoubPedale, .imgSupport, .imgFut, .imgGreen, .imgCorbeille, .imgContact, .imgContainer, .imgHydro, .imgSociete, .imgLinge
{   background-repeat:no-repeat;
    background-position:right;
    min-height:191px;
    height:191px;
    }
.imgConteneur       {background-image:url(img/conteneurs-enfouis.jpg);}
.imgSacs            {background-image:url(img/sacs-poubelles.jpg);}
.imgPoubExterieur   {background-image:url(img/cat-big-poubelles-exterieur.jpg);}
.imgCorbExterieur   {background-image:url(img/cat-big-corbeilles-exterieur.jpg);}
.imgCendrier        {background-image:url(img/cat-big-cendrier.jpg);}
.imgPoubInterieur   {background-image:url(img/cat-big-poubelles-interieur.jpg);}
.imgPoubPedale      {background-image:url(img/cat-big-poubelles-pedale.jpg);}
.imgSupport         {background-image:url(img/cat-big-support2.jpg);}
.imgFut             {background-image:url(img/cat-big-fut3.jpg);}
.imgGreen           {background-image:url(img/cat-big-green.jpg);}
.imgCorbeille       {background-image:url(img/cat-corbeilles-a-papier.jpg);}
.imgContact         {background-image:url(img/img-contact.jpg);}
.imgContainer       {background-image:url(img/cat-big-container2.jpg);}
.imgHydro           {background-image:url(img/cat-big-hydro2.jpg);}
.imgSociete         {background-image:url(img/bureau.jpg);}
.imgLinge           {background-image:url(img/cat-big-linge.jpg);}
.imgGeneric         {}


.notification
{
	font-size: 0.8em;
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;	
}

#val_largeur
{
	background:transparent;
	border: none 0 fff;
}

.chkBoxTitle
{


	text-transform:uppercase;
}

.chkBoxCol1
{
	float: left; 
	width: 100%;
	clear: left;
}

.chkBoxCol2
{
	float: left; 
	width: 50%;
}
/* ------------------------------------------------------------ Page sacs */
.selectedSacs
{
    /*border:solid 1px Red;
    background-color:#ffffff;
    margin:0 0px 0px 0px;
    padding:0 2px 5px 2px;*/
}
.sacResult  
{
    background:#f5f5f5 url(cms/tr-alt-cms-table2.jpg) repeat-x top;
    padding:10px 0 0 0;
    font-size:14px;
    line-height:22px; 
    }
.sacAltResult 
{
    background:#fff url(cms/tr-cms-table2.jpg) repeat-x top;
    padding:10px 0 0 0;
    font-size:14px; 
    line-height:22px; 
    }
.ligne { width:60%}
.sacSelection
{
    background-image:url(img/tr-sac-selection.jpg);
    background-repeat:repeat-x;
    background-position:top;	
	background-color: #7fccff;
}
.btPanierAdd, .btPanierRem {
    display:block;
	float:left;
	height:30px;
	margin:0px 0 0 5px;;
	padding-bottom:0; /* reset padding-bottom:18px from a tag */
	text-indent:-9999px;
	width:26px;
	f
    }
.btPanierAdd {	background:url(img/icon-panier.png) -26px 0px no-repeat; }
.btPanierRem { 	background:url(img/icon-panier.png) 0px 0px no-repeat; }
.btPanierAdd:hover {	background:url(img/icon-panier.png) -26px -42px no-repeat; }
.btPanierRem:hover { 	background:url(img/icon-panier.png) 0px -42px no-repeat; }