

/** UTILS ***************************************************/
a{text-decoration:none;}
span.clear{display:block;font-size:0;line-height:0;clear:both;height:0px;}

/** GENERAL STYLES ******************************************/
body#home{background:#f0ece5 url("../images/gabarit/bg-body.gif") left top repeat-x;}
body#page{background:#f0ece5 url("../images/gabarit/bg-body2.gif") left top repeat-x;}
div#masterContainer{width:928px;margin:0 auto; background:url("../images/gabarit/border-site.png") left top repeat-y;}
div#masterContainer div#mc2{width:900px; margin:0 auto;}

/** MAIN NAVIGATION *****************************************/
div#mainNav{position:relative; z-index:100; height:100%; width:900px; text-align:center; background:transparent url("../images/gabarit/bg-nav.gif") left top repeat;}
div#mainNav ul#jsddm{margin:0; padding:0 0 0 7.5em; z-index:10000;}
div#mainNav ul#jsddm li{display:block; margin:0; float:left;}
div#mainNav ul#jsddm li a{display:block; color:#ffffff; font:bold 1.4em/1.23em "Trebuchet MS", Verdana, arial, sans-serif; padding:16px 18px 11px 18px; position:relative;}
div#mainNav ul#jsddm li.on a,
div#mainNav ul#jsddm li a:hover{color:#ffffff; background:url("../images/gabarit/bg-nav-roll.gif") top left repeat-x;}
div#mainNav ul#jsddm li span{background:url("../images/gabarit/nav-bracket.gif") right 0.5em no-repeat; padding:0 0.1em 0 0; display:block;}
div#mainNav ul#jsddm li span.last{background:0 none;}

div#mainNav ul#jsddm li ul{width:300px; margin:0; padding:0; position:absolute; visibility:hidden; background-color:#b30d0e;}
div#mainNav ul#jsddm li ul li{float:none; display:block; text-align:left; font:bold 0.9em/1.333em "Trebuchet MS", Verdana, arial, sans-serif; padding:0; margin:0; height:100%;}
div#mainNav ul#jsddm li ul li a,
div#mainNav ul#jsddm li.on ul li a{color:#ffffff; background:url("../images/gabarit/bg-nav-roll2.gif") top left repeat-x; padding:0.4em 0.5em; display:block; height:100%;}
div#mainNav ul#jsddm li ul li a:hover,
div#mainNav ul#jsddm li.on ul li a:hover{background-color:#f28c12; background:url("../images/gabarit/bg-nav-roll.gif") top left repeat-x;}

/** BREADCRUMB **********************************************/
#breadCrumb{padding:1.3em 0 1.5em 2em;}
#breadCrumb li{display:inline; color:#ed5d5e;font:1.1em verdana, arial, sans-serif;padding:0;}
#breadCrumb li span{color:#e15859;}
#breadCrumb li a{color:#f28c12; border-bottom:solid 1px #f28c12;}
#breadCrumb li a:hover{color:#ea3832; border-bottom:solid 1px #ea3832;}
#breadCrumb li.selected{font-weight:bold; color:#ea3832;}

/** CONTENT ************************************************/
table#tableContent{width:860px; margin-left:2em; margin-bottom:4em;}
table tr td#content{padding:0 2em 0 0; width:630px;}
table tr td#contentfull{padding:0; width:860px;}
table tr td#contentItemLeft{padding:0 40px 0 0; width:410px;}
table tr td#contentItemRight{padding:0; width:410px;}
table tr td#slots{padding:0 0 0 0; width:208px;}

#turnpic{background-color:#dddddd; height:320px; margin:0 0 2em 0;}

/** GENERIC CONTENT ****************************************/
table#tableContent h1{color:#de150e; font:bold 2.1em/1.2em "Trebuchet MS", Verdana, arial, sans-serif; border-bottom:1px solid #e0dcd6; margin:0 0 0.4em 0; padding:0 0 0.4em 0;}
table#tableContent h1.products{color:#de150e; font:bold 2em/1.1em "Trebuchet MS", Verdana, arial, sans-serif; border-bottom:0 none; margin:1em 0 0.45em 0.4em; padding:0;}
h2{color:#606060; font:bold 1.1em/1.454em Verdana, arial, sans-serif;}
p{color:#606060; font:1.1em/1.454em Verdana, arial, sans-serif; padding:0 0 1em 0;}
img.imgright{float:right; padding:0 0 0 1em;}
img.imgleft{float:left; padding:0 1em 0 0;}

a{color:#f28c12; text-decoration:underline;}
a:hover{color:#f4ae24;}

table td#content ul{padding:0 0 1em 0;}
table td#content li{color:#606060;}
table td#content li.link{background:url("../images/gabarit/ico-arrow.gif") 0 0.5em no-repeat;padding:0 0 0 1.3em;font-size:1.1em;line-height:1.5em;}
table td#content li a{color:#f28c12;text-decoration:underline;}
table td#content li a:hover{color:#f4ae24;}

table td#contentItemLeft ul{}
table td#contentItemLeft li.link{background:url("../images/gabarit/ico-arrow.gif") 0 0.5em no-repeat; padding:0 0 0 1.3em; font-size:1.1em; line-height:1.5em;}
table td#contentItemLeft li a{color:#f28c12;text-decoration:underline;}
table td#contentItemLeft li a:hover{color:#f4ae24;}

table td#contentItemRight ul{}
table td#contentItemRight li.link{background:url("../images/gabarit/ico-arrow.gif") 0 0.5em no-repeat; padding:0 0 0 1.3em; font-size:1.1em; line-height:1.5em;}
table td#contentItemRight li a{color:#f28c12;text-decoration:underline;}
table td#contentItemRight li a:hover{color:#f4ae24;}

div.contentBlockMid{float:left; width:290px; padding:0 2em 0 0; margin:0 0 2em 0;}
div.contentBlockFull{margin:0 0 2em 0;}

div.boxproduct{background-color:#faf6ef; padding:1em; margin:0 0 1em 0;}
div.boxproduct p{margin:0; padding:0;}
div.boxproduct ul{margin:0; padding:0 0 1em 1em;}
.photo{float:right;}
.photo-bg{background:url("../images/gabarit/bg-photo.jpg") 0 0 no-repeat; width:6.7em; height:6.5em; padding:0.6em 0 0 0.6em;}

/** TITLE + CARROUSEL *************************************/
div#headerContent{margin:0 2em 2em 2em;}
div#headerContent div.headerContentTitle{font:bold 2.4em/1.1em "Trebuchet MS", Verdana, arial, sans-serif; color:#ffffff; padding:1.8em 0 0 0; float:left;}
div#headerContent div#flashfile object#carrousel{float:right; background-color:#dbd7d1; width:47em; height:14.5em;}


/** SLOTS *************************************************/
div#slot-products{background-color:#de160e;margin:0 0 3em 0;padding:0 0 1em 0;}
div#slot-products h1{color:#ffffff; border:none; padding:0 0 0 0.4em;}
div#slot-products span.slotTitle{color:#ffffff; font:bold 1.8em/1.2em "Trebuchet MS", Verdana, arial, sans-serif; padding:0.4em 0 0.1em 0.5em; display:block;}
div#slot-products-inner{background-color:#ffffff; margin:1em 1em; padding:1em;}

div#slot-products p.productname{font:bold 1.4em/1.143em "Trebuchet MS", Verdana, arial, sans-serif; color:#727272; padding-bottom:0.7em;}

table td#slots ul{}
table td#slots li{background:url("../images/gabarit/ico-arrow-white.gif") 0 0.5em no-repeat; padding:0 0 0 1.3em; font-size:1.1em; line-height:1.5em;}
table td#slots li a{color:#f28c12;text-decoration:underline;}
table td#slots li a:hover{color:#f4ae24;}

div#slot-comm{background-color:#d9d5cf;margin:0 0 3em 0;padding:0 0 1em 0;}
div#slot-comm h2{color:#606060;font:bold 1.1em/1.454em Verdana, arial, sans-serif;}
div#slot-comm span.slotTitle{color:#ffffff; font:bold 1.6em/1.2em "Trebuchet MS", Verdana, arial, sans-serif; padding:0.6em 0 0 0.6em; display:block;}
div#slot-comm-inner{background-color:#fff;margin:1em 1em;padding:1em;}

/** TOOLS *************************************************/
div#tools{background-color:#554c43;}
div#tools2{width:928px; margin:0 auto; background:url("../images/gabarit/border-tools.gif") left top repeat-y; padding:1em 0;}
div#tools-inner{width:900px;margin:0 auto;text-align:center;}
div#tools-inner	li{display:inline; color:#DDD;font:1.1em verdana, arial, sans-serif;padding:0;}
div#tools-inner	li span{background:url("../images/gabarit/ico-rss.gif") left top no-repeat;padding:0 0 0 1.5em;}
div#tools-inner	li a{color:#ddd;text-decoration:underline;}

/** FOOTER FEDELIS ****************************************/
div#footerFed{background-color:#c1bcb4;}
div#footerFed2{width:928px; margin:0 auto; background:url("../images/gabarit/border-footerFed.gif") left top repeat-y; padding:2em 0; text-align:center;}

/** slideshow **/
div#slideshow{width:63em; height:28.2em;position:relative;background-color:#ddd; margin-bottom:4em;}
div#slideshow div#slidesContainer{width:61em; height:27em; overflow:auto; float:left; margin:0.5em 0 0 0; position:relative;}
div#slideshow div#slidesContainer div.slide{width:58em; height:31em; float:left;}

div#slideshow div#slidesContainer div.slide img{/* border:solid 3px #45484d; */}
div#slideshow div#slidesContainer div.slide div.desc{position:absolute; margin:-11.1em 0 0 0; padding:0.8em 3.5em 0.8em 0.8em; background:url("../images/slideshow/pixelOpacity.png") left top repeat; width:57em; height:6.4em; z-index:10;}
div#slideshow div#slidesContainer div.slide div.desc h2{font-size:1.4em; line-height:1.25em; font-weight:bold; color:#ffffff;}
div#slideshow div#slidesContainer div.slide div.desc p{font-size:1.2em; line-height:1.333em; color:#ffffff; margin:0.5em 0 0 0}

/** Slideshow controls style rules. **/
div#slideshow img#navDiapo{display:none;}
div#slideshow span#leftControl{cursor:pointer; float:left; margin:0.5em 0 0 0.5em;}
div#slideshow span#rightControl{cursor:pointer; float:left; margin:0.5em 0 0 0;}


