/* Start of CMSMS style sheet 'heliopotasse_styles' */
/* Start of CMSMS style sheet 'helio_styles' */
* { padding:0; margin: 0; border: 0; text-decoration: none; background-repeat: no-repeat; list-style: none; }
body { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 15px; }

/* ***** MISE EN PAGE ***** */
a img, .image { border: 0; }
a { color: #3373CA; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { padding: 0; margin: 0; color: #134BA0; line-height: 25px; font-weight: bold; text-transform: uppercase; }
h1.product_title { display: block; color: #CE0C01; color: #1449A5; text-transform: none; font-size: 17px; padding: 10px  0 0 0; }
h1.image { padding: 0; margin: 0; }
h2 { padding: 5px 0 0 0; margin: 0; margin-bottom: 3px; color: #134BA0; font-size: 12px; }
h2.products { padding: 2px 5px 2px 5px; margin: 0; margin-bottom: 5px; background-color: #9087A1; color: #FFFFFF; font-size: 11px; }
p { padding-bottom: 8px; }
.floatLeft { display: block; float: left; margin: 0 5px 5px 0; }
.floatRight { display: block; float: right; margin: 0 0 5px 5px; }
ul.liste, ul.liste2 { display: block; padding-bottom: 5px; margin: 0; }
ul.liste li { display: block; border: 0px solid; margin: 0;  padding: 0 0 3px 15px; background-image: url("http://www.heliopotasse.com/images/template/bg_liste-li.jpg"); background-repeat: no-repeat; background-position: 5px 6px; list-style: none; }

a.email { padding: 0 0 0 20px; display: block; background-image:url("http://www.heliopotasse.com/images/template/icon-email.png"); background-repeat: no-repeat; background-position: left center;  }

.blue-arrow { float: right; display: block; background-image: url("http://www.heliopotasse.com/images/template/blue-arrow.jpg"); background-repeat: no-repeat; background-position: left center; height: 14px; width: 16px; }

.justify { text-align: justify; }
.space { height: 15px; display: block; }
.clear { clear: both; display: block; }
.blue { color: #134BA0; }
.text-content { display: block; border: 0; height: 400px; overflow: auto; padding-right: 12px; }

/* ***** GABARIT ***** */
#global { width: 950px; margin-left: auto; margin-right: auto; position: relative; }
#deco-left { width: 175px; height: 850px; position: absolute; top: 0; left: -175px; background-image: url("http://www.heliopotasse.com/images/template/template_deco-left.jpg"); background-position: top right; }
#deco-right { width: 175px; height: 850px; position: absolute; top: 0; right: -175px; background-image: url("http://www.heliopotasse.com/images/template/template_deco-right.jpg"); background-position: top left; }

/* ***** HEADER ***** */
#header { background-image:url("http://www.heliopotasse.com/images/template/bg_header.jpg"); width: 950px; height: 290px; }
#header a.logo { position: absolute; top: 70px; left: 94px; z-index: 20; }
#header #animation { position: absolute; top: 5px; left: 344px; z-index: 10; }
#header #animation .banner { border:0; display: block; width: 610px; height: 230px; background-position: top left; background-repeat: no-repeat; }

/* ***** MULTIMENU ***** */
#multimenu { display: block; z-index: 25; top: 240px; left: 96px; position: absolute; }
#multimenu ul.multimenu { display: block; }
#multimenu ul.multimenu li { display: block; float: left; padding-right: 17px; }
#multimenu ul.multimenu li a { display: block; float: left; }

/* ***** FOOTER ***** */
#footer { height: 130px; width: 950px; background-image:url("http://www.heliopotasse.com/images/template/bg_body.jpg"); background-repeat: no-repeat; background-position: bottom left; }
#footer ul { float: right; }
#footer ul li { float: left; display: block; padding-left: 20px; }
#footer ul li a { float: left; display: block; color: #999999; text-decoration: none; font-weight: bold; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li a.active { color: #134BA0; }

.body { background-image:url("http://www.heliopotasse.com/images/template/bg_body.jpg"); background-repeat: no-repeat; padding-left: 100px; height: 430px; background-position: top left; position: relative; }
.body .content { position: relative; }
.body .content_left { position: relative; left: 0; top: 0; width: 360px; }
.body .content_right { position: absolute; left: 535px; top: 0; width: 396px; }

/* ***** HOME ***** */
#home { display: block; }
#home .content_left { position: relative; left: 0; top: 0; width: 360px; }
#home .content_right { position: absolute; left: 435px; top: 0; width: 396px; }

#actualites { background-image:url("http://www.heliopotasse.com/images/template/accueil_deco_news.png"); position: relative; padding-top: 50px; margin-top: 0; }
#actualites .space { height: 2px; }
#actualites .actu { position: relative; margin-left: 33px; }
#actualites .actu_contenu { position: relative; left: 70px; width: 293px; color: #999999; padding:0; margin: 0; }
#actualites .actu_contenu .blue_arrow { position: absolute; bottom: 0; right: 0; }
#actualites h1 { color: #333333; font-weight: bold; text-transform: none; padding: 0; margin: 0; font-size: 11px; padding-bottom: 3px; font-size: 13px; }
#actualites h1 a { color: #333333; text-decoration: none; }
#actualites h1 a:hover { text-decoration: underline; }
#actualites .actu_date { position: absolute; top: 0; left: 0; padding-top: 5px; }

/* ***** PRODUCTS ***** */
#products { display: block; }

#products p { padding: 2px 5px 8px 5px; border: 0; }
#products .text-content { overflow: hidden; }

#products #product { display: block; border: 0px solid; padding-top: 10px; }
#products #product .bloc { display: block; border: 0px solid; width: 300px; float: left; margin-right: 15px; }
#products #product .bloc-zoom { display: block; width: 120px; float: left; position: relative; }
#products #product .bloc-zoom a { max-width: 220px; max-height: 220px; display: block; position: absolute; top: 0; left: 0; padding-bottom: 30px; }
#products #product .bloc-zoom a img  { z-index: 10; max-width: 220px; max-height: 220px; display: block; }
#products #product .bloc-zoom a span.zoom  { width: 34px; height: 34px; display: block; position: absolute; left: 5px; bottom: 5px; background-image:url("images/template/icon_zoom.png"); background-position: top left; background-repeat: no-repeat; border: 0px solid; z-index: 20; }
#products #product .bloc-zoom a:hover span.zoom  { background-image:url("images/template/icon_zoom_hover.png"); }

/* ***** PRODUCTS_MENU ***** */
#products_menu { padding-top: 10px; display: block; }
#products_menu ul.type {  padding-bottom: 10px; }
#products_menu ul.type li { display: block; float: left; clear: both; position: relative; padding-bottom: 3px; }
#products_menu ul.type li span.type, #products_menu ul.type li span.type_active { display: block; float: left; border: 0; color:#999999; font-size: 13px; text-decoration: none; cursor: pointer; }
#products_menu ul.type li span.type span, #products_menu ul.type li span.type_active span  { display: block; float: left; padding: 5px 12px 5px 12px; }
#products_menu ul.type li span.type:hover, #products_menu ul.type li span.type_active { color: #FFFFFF; background-image:url("http://www.heliopotasse.com/images/template/menu_produit_bg_li-left.jpg"); background-repeat: no-repeat; background-position: top left;  }
#products_menu ul.type li span.type:hover span, #products_menu ul.type li span.type_active span { background-image:url("http://www.heliopotasse.com/images/template/menu_produit_bg_li-right.jpg"); background-repeat: no-repeat; background-position: top right;  }

#products_menu ul.type li.red span.type:hover, #products_menu ul.type li.red span.type_active { background-image:url("http://www.heliopotasse.com/images/template/menu_produit_bg_li-left-red.jpg"); }
#products_menu ul.type li.red span.type:hover span, #products_menu ul.type li.red span.type_active span { background-image:url("http://www.heliopotasse.com/images/template/menu_produit_bg_li-right-red.jpg"); }

#products_menu ul.type li.green span.type:hover, #products_menu ul.type li.green span.type_active { background-image:url("http://www.heliopotasse.com/images/template/menu_produit_bg_li-left-green.jpg"); }
#products_menu ul.type li.green span.type:hover span, #products_menu ul.type li.green span.type_active span { background-image:url("http://www.heliopotasse.com/images/template/menu_produit_bg_li-right-green.jpg"); }

#products_menu ul.type li.blue span.type:hover, #products_menu ul.type li.blue span.type_active { background-image:url("http://www.heliopotasse.com/images/template/menu_produit_bg_li-left-blue.jpg"); }
#products_menu ul.type li.blue span.type:hover span, #products_menu ul.type li.blue span.type_active span { background-image:url("http://www.heliopotasse.com/images/template/menu_produit_bg_li-right-blue.jpg"); }

.product_blue, .product_blue a { color: #326698; }
.product_red, .product_red a { color: #D40D06; }
.product_green, .product_green a { color: #679B2F; }

#products_menu ul.sous-type { width: 650px; position: absolute; border: 0; top: 0; display: none; left: 150px; padding: 0; z-index: 90; }
#products_menu ul.sous-type li { color: #333333; padding: 0; border: 0; float: left; padding-right: 10px; padding-top: 2px; clear: none; }
#products_menu ul.sous-type li a, #products_menu ul.sous-type li a.sous-type_active { text-decoration: none; color: #999999; float: left; font-weight: bold; }
#products_menu ul.sous-type li a:hover, #products_menu ul.sous-type li a.sous-type_active { text-decoration: underline; color: #1449A5; }

/* ***** CONTENT ***** */
#content { display: block; border: 0px solid; }

/* ***** CONTACT ***** */
#contact { display: block; border: 0px solid; padding-top: 10px; }
#contact .bloc { display: block; border: 0px solid; width: 170px; float: left; margin-right: 38px; }

/* ***** COMPANY ***** */
#deco_photo { position: absolute; top: -5px; right: -50px; z-index:50; }

/* ***** POPUP ***** */
#popup_box { width: 600px; }
#popup { width: 600px; padding-top: 20px; }
#popup .bloc { display: block; width: 350px; float: left; }
#popup .bloc-image { display: block; width: 200px; float: left; margin-right: 25px; }

/* ***** SITEMAP ***** */
ul.sitemap { margin-top: 10px; }
ul.sitemap li { display: block; border: 0px solid; margin: 0;  padding: 0 0 3px 15px; background-image: url("http://www.heliopotasse.com/images/template/bg_liste-li.jpg"); background-repeat: no-repeat; background-position: 5px 6px; list-style: none;  }
ul.sitemap li.sectionheader { font-weight: bold; margin-top: 2px; margin-bottom: 2px; }
ul.sitemap li a { font-weight: normal;  }

/* ***** NEWS ***** */
#news { display: block; border: 0px solid; overflow: hidden; position: relative; margin-top: 10px; }
#news .bloc-article { display: block; border: 0px solid; height: 340px; position: relative; top: 0; left: 0; width: 380px; overflow: auto; color: #313131; }
#news .bloc-article h1 { display: block; font-size: 16px; text-transform: none; color: #313131; }
#news .bloc-articles { display: block; border:0px solid; height: 340px; left: 435px; top: 0; width: 396px; position: absolute; top: 0;  overflow: auto; background-image:url("http://www.heliopotasse.com/images/template/accueil_deco_news.jpg"); }

/* ***** FLAGS ***** */
ul#flags { position: absolute; display: block; top: 220px; left:820px; z-index: 20; }
ul#flags li { float: left; display: block; margin-right: 12px; }
ul#flags li a { float: left; display: block; width:16px; height:16px; margin-top: 5px; background-color: #FFFFFF; }
ul#flags li a.active { float: left; display: block; width:24px; height:24px; margin-top: 0; border:0px solid #999999; }
/* End of 'heliopotasse_styles' */