html { height:100%; }
body { margin: auto; height: 100%; padding: 0; background-color: #000; font-family: arial, sans-serif, DIN; overflow: hidden; }
iframe { background-color: #fff; }
#main_layout td { height: 100%; }
#wrapper { width: 934px; height: 652px; margin: auto; }
#hair { width: 848px; height: 652px; padding-left: 86px; background: url(/images/bg.png) no-repeat; }
#header { width: 177px; height: 535px; float: left; }
#logo { width: 177px; height: 98px; }
#logo h1 a { display: block; width: 177px; height: 98px; background: url(/images/logo-chlorofilm.png) no-repeat; }
#logo h1 a:hover { background-position: 0px -98px; }
#logo h1 span { display: none; }
h2 { color: #ee7f07; margin: 0; padding: 0; font-weight: normal; border-bottom: 1px solid #ee7f07; }
h3 { color: #4f5724; margin: 20px 0 -5px 0; padding: 0; font-weight: normal; }
a { outline: none; border: none; color: #800; text-decoration: none; }
a:hover { color: #ee7f07; }
img { border: none; }
.reset { margin: 0; padding: 0; border: none; outline: none; list-style: none; }
.clear { clear: both; }
.error { color: red; }
#packs-container { width: 177px; height: 430px; background: url(/images/bg-packs.png) no-repeat; }
#packs { width: 177px; height: 430px; padding-top: 7px; }
#packs a { margin: 0; display: block; padding: 12px 0 0 20px; width: 157px; height: 60px; float: left; color: #ee7f07; font-weight: bold; text-decoration: none; }
#IE7 #packs a { padding: 13px 0 0 20px; height: 59px;}
#IE6 #packs a { padding: 13px 0 0 20px; height: 59px;}
#packs a span { color: #fff; }
#packs a:hover { color: #FF6600; }
#pack1 { background: url(/images/bg-packs-details_1.png) no-repeat; }
#pack2 { background: url(/images/bg-packs-details_2.png) no-repeat; }
#slideshow { width: 136px; height: 84px; float: left; margin: 20px 0 0 20px; border: 2px solid #A09646; }
#IE6 #slideshow { margin: 20px 0 0 10px;}
/* .slideshow img { position: absolute; } */
/* .slideshow_video img.visible { display: inline; } */
#page { width: 671px; height: 535px; float: left; }
#menu-container { width: 671px; height: 98px; }
#page-content { width: 624; height: 409px; padding: 10px 0 0 57px; background: url(/images/bg-content.jpg) no-repeat #ffe9b0; }
.content, .content-nocarousel { overflow: auto; }
.content p, .content-nocarousel p { font-size: 14px; text-align: justify; margin: 8px 0 8px 0; }
.content p.reset, .content-nocarousel p.reset { margin: 0; padding: 0; }
.content ul, .content-nocarousel ul { /* padding-left: 0; margin-left: 0; */ }
.content ul li, .content-nocarousel ul li { font-size: 14px; text-align: justify; list-style: disc; /* padding: 0 0 20px 17px; */ /* background: url(/images/actu_update.png) no-repeat left 2px; */ }
#carousel-container { height: 129px; margin-left: -58px; }
/* #carousel{ white-space: nowrap; overflow: hidden; } */
#carousel li { float: left; list-style: none; }
table#fake-carousel { margin-top: 18px; }
table#fake-carousel td { width: 122px; height: 90px; padding: 0 13px 0 13px; text-align: center; }
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-skin-chlorofilm .jcarousel-container { border: none; margin-left: 10px; margin-top: 20px; }
.jcarousel-skin-chlorofilm .jcarousel-container-horizontal { width: 620px; height: 110px; padding: 0 20px 0 15px; }
.jcarousel-skin-chlorofilm .jcarousel-clip-horizontal { width: 600px; height: 90px; margin-top: 10px; margin-left: 10px; }
#IE6 .jcarousel-skin-chlorofilm .jcarousel-clip-horizontal { margin-top: 10px; margin-left: 0px; }
.jcarousel-skin-chlorofilm .jcarousel-item { width: 120px; height: 90px; }
.jcarousel-skin-chlorofilm .jcarousel-item-horizontal { margin-right: 15px; margin-left: 15px; }
#IE6 .jcarousel-skin-chlorofilm .jcarousel-item-horizontal { margin: 0 15px 0 15px;}
.jcarousel-skin-chlorofilm .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-chlorofilm .jcarousel-next-horizontal { position: absolute; top: 32px; right: 2px; width: 15px; height: 23px; cursor: pointer; background: transparent url(/images/carousel-buttons.png) no-repeat -30px 0; }
.jcarousel-skin-chlorofilm .jcarousel-next-horizontal:hover { background-position: -30px 0; }
.jcarousel-skin-chlorofilm .jcarousel-next-horizontal:active { background-position: -45px 0; }
.jcarousel-skin-chlorofilm .jcarousel-next-disabled-horizontal,
.jcarousel-skin-chlorofilm .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-chlorofilm .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -100px -100px; }
.jcarousel-skin-chlorofilm .jcarousel-prev-horizontal { position: absolute; top: 32px; left: 2px; width: 15px; height: 23px; cursor: pointer; background: transparent url(/images/carousel-buttons.png) no-repeat -15px 0; }
.jcarousel-skin-chlorofilm .jcarousel-prev-horizontal:hover { background-position: -15px 0; }
.jcarousel-skin-chlorofilm .jcarousel-prev-horizontal:active { background-position: 0px 0; }
.jcarousel-skin-chlorofilm .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-chlorofilm .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-chlorofilm .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -100px -100px; }
/* Style spécifique au pages */
.presentation_page { font-size: smaller; color: #555; background: url(/images/actu_update.png) no-repeat left 2px; padding: 0 0 2px 17px; margin: 0; border-bottom: 1px solid #555; }
#page-index a { color: #800; text-decoration: none; }
#page-index a:hover { color: #ee7f07; }
#page-index h2 { border: none; }
#page-chlorofilm h3 { margin-bottom: 0; }
#page-chlorofilm img { float: right; display: none; margin: -30px 0 10px 20px; }
#page-chlorofilm object { height: 273px; }
#page-chlorofilm a#demande_dvd { display: block; margin-left: 10px; height: 40px; width: 200px; padding-left: 60px; padding-top: 10px; background: url(/images/dvd_chlorofilm.png) no-repeat;; }
#page-communication_publicite h3 { margin-bottom: 0px; }
#page-evenementiel ul li { margin-bottom: 10px; }
#page-formation_coaching ul li { margin-bottom: 10px; }
#page-pack_video_web ul li { margin-bottom: 10px; }
#page-pack_video_pro ul li { margin-bottom: 10px; }
#page-grille_tarifaire ul li { margin-bottom: 10px; }
#page-references img { margin: 5px; }
#page-contact h3 { margin: 20px 0 10px 0; padding: 0; }
#page-contact #adrs_chlorofilm { margin-top: 30px; margin-bottom: 30px; }
#page-contact #adrs_chlorofilm img { float: left; margin-left: 30px; margin-right:90px; }
#page-contact .left { width:50%; float: left; }
#page-contact .right { width:50%; float: right; }
#page-contact textarea { border: 1px solid #bbb; width:580px; height:100px; }
#page-contact p.submit { text-align: center; }
#page-contact p.submit button { background-color: #fff; border: 1px solid #bbb;}
#page-contact span.red { width: auto; color: red; }
#page-contact form p.reset label { display: block; clear: both; padding: 3px; }
#page-contact form p.reset label span.label { float: left; width: 115px; display: block; }
#page-contact form p.reset label input { border: 1px solid #bbb; width: 160px; float: left; }
#page-contact form p.reset label input#contact_zip { width: 5em; }
#page-contact-send h3 { text-align: center; margin-bottom: 20px; }
#page-contact-send p { text-align: center; margin-bottom: 20px; }
#page-contact-send img { text-align: center; margin-top: 50px; }
#page-plan_du_site ul { padding-left: 0; color:#800; margin: 0; }
#page-plan_du_site ul li { list-style: none; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#IE7 #page-plan_du_site ul li { margin-top: 2px; }
#IE6 #page-plan_du_site ul li { margin-top: 2px; }
#page-plan_du_site ul li ul { padding-left: 30px; }
#page-plan_du_site ul li ul li { list-style: inherit; font-weight: normal; margin-top: inherit; }
#page-plan_du_site span { font-weight: normal; color:#000; }
#footer-container { width: 651px; height: 20px; padding-left: 20px; z-index: 10000; }
#footer { width: 651px; height: 20px; border-bottom: 2px solid #A09646; }
#links_footer a { float: left; margin: 2px 30px 0 0; color: #CFCAA2; font-size: 14px; text-decoration: none; }
#links_footer a:hover { color: #A09646; }
#copyright { float: right; color: #A09646; font-size: 10px; margin: 5px 0 0 0; }
#copyright a { color: #A09646; text-decoration: none; }
#copyright a:hover { color: #FF6600; }
/*
#copyright { position: relative; clear: both; left:-85px; top:10px; color: #A09646; font-size: 10px; margin: 5px 0 0 0; line-height: 10px; }
#IE6 #copyright { top:5px; }
#copyright a { color: #A09646; text-decoration: none; }
#copyright a:hover { color: #FF6600; }
*/
/* Basic code - don't modify */
#menu { display: block; margin: 0; padding: 0; position: relative; z-index: 10000; }
#menu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#menu a { display: block; }
#menu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
#menu ul a { zoom: 1; } /* IE6/7 fix */
#menu ul li { float: none; }
#IE6 #menu ul li { float: left; }
#menu ul ul { top: 0; }
/* Essentials - configure this */
#menu ul { width: 210px; }
#menu ul ul { width: 150px; left: 210px; }
#IE6 #menu ul ul { width: 150px; left: 210px; }
/* Everything else is theming */
#menu { /* z-index: 1000; */ width: 613px; height: 31px; margin: 0; padding: 0; top:65px; left: 58px; border-top: 2px solid #A09646; }
#menu a:hover { background-color: none; color: #A09646; }
#menu a { color: #fff; font-size: 13px; padding: 9px 15px 9px 5px; text-decoration: none; text-transform: uppercase; }
#menu ul li a { color: #CFCAA2; font-size: 13px; padding: 2px 6px 2px 6px; text-decoration: none; text-transform: none; }
#menu li.hover a.first { color: #A09646; background: url(/images/bg-menu-hover.jpg) no-repeat; } /* arriere plan niv1 */
#menu ul { top: 31px; background: url(/images/bg-menu-niv2.jpg) no-repeat #000; }
#menu ul li a { color: #CFCAA2; } /* arriere plan niv2 et 3 */
#menu ul a.hover { background-color: #000; color: #A09646; /* color: #CFCAA2; */ }
#menu a.smenu { background: url(/images/menu-feuille.png) no-repeat center right; }
#menu a.smenu:hover { background: url(/images/menu-feuille.png) #000 no-repeat center right; }
#menu li#menu-contact { float: inherit; float: right; height: 14px; padding-top: 9px; }
#menu li#menu-contact.hover a.first { background: url(/images/menu-contact.png) no-repeat top; background-position: 0 -14px; }
#menu-contact a { display: block; padding: 0; width: 79px; height: 14px; background: url(/images/menu-contact.png) no-repeat top; }
#menu-contact a:hover { background: url(/images/menu-contact.png) no-repeat top; background-position: 0 -14px; }
#menu-contact a span { display: none }
/* Style du la barre de scroll personalisée */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; margin: 0px; height: 100%; background: url(/images/bg-scrollbar.png) repeat-y; }
.jScrollPaneDrag { position: absolute; width: 11px; height: 37px; background: url(/images/scroll-handler2.png) no-repeat center top; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }