/*** Content block ***/
.content P { margin: 0 0 17px 0; padding: 0 9px 0 0 }
.content P.center { text-align: center }
.content UL { margin: 0 0 0 5px; padding: 0; list-style-type: none }
.content UL LI { padding-left: 10px; background: url("../images/arrowblack.gif") left 4px no-repeat }
.content TABLE { border: 1px solid #e9e9e9; border-collapse: collapse }
.content TABLE.full { width: 100% }
.content TABLE TD { border: 1px solid #e9e9e9; padding: 1px 5px 1px 5px; vertical-align: top }
.content TABLE.slider TD { border: 1px solid #e9e9e9; padding: 0 }
.content TABLE TD.strong { font-weight: bold }
.content TABLE TH { font-weight: bold; color: #fff; background: #b12025 url("../images/layout/table_thBg.gif") top repeat-x; padding: 3px 5px 3px 5px; text-align: center; border: 1px solid #d12025; border-bottom: 1px solid #e9e9e9 }
/*********************/

/*** Home Page ***/
.flashSlideshow { width: 594px; border: 1px solid #e9e9e9; padding: 6px }
/*****************/

/*** Contact page ***/
.contactLabel { clear: both; float: left; margin: 5px 10px 10px 0; font-size: 11px; line-height: 20px; width: 140px; text-align: right }
.contactInput { float: left; margin: 5px 0 10px 0; padding: 2px 5px 2px 5px; font-size: 11px; width: 270px; color: #56393b; font-weight: bold; border: 1px solid #333333 }
.ConfirmButton { float: right; margin: 5px 0 10px 0; padding: 2px 5px 2px 5px; font-size: 14px; width: 270px; color: #fff; background-color: #d32025; border: 1px solid #b22025 }
TEXTAREA { float: left; width: 270px; font-family: Arial; font-size: 11px; height: 125px; margin: 5px 0 10px 0; padding: 5px 5px 2px 5px; color: #56393b; line-height: 15px; border: 1px solid #333333 }
SELECT { float: left; margin: 5px 4px 10px 0; font-size: 11px; border: 1px solid #333333; width: 200px }

SPAN.validator { clear: none; float: left; width: 10px; text-align: left; margin-left: 5px }
.inputComment { position: relative; clear: both; top: -5px; width: 280px; margin: 0 0 0 150px; font-size: 10px; font-family: Tahoma }
.left { margin: 0 }

.ValidationList { margin: 10px 0 0 0; color: black; border: 2px solid #d32025; padding: 10px; background-color: #fff }
.ValidationList UL { margin: 5px 0 0 0; padding: 0 }
.ValidationList UL LI { margin: 0 0 0 20px; padding: 0 }

.MailReport { border: 1px solid #eee; padding: 20px; margin: 20px 0 20px 0 }
.MailReport UL { margin: 10px 0 0 0 }
.MailReport UL LI { margin: 0 0 0 20px }
/********************/

/*** Normes Légales page ***/
TABLE.categorieEPI { width: 100% }
TABLE.categorieEPI TD { vertical-align: top }
TABLE.categorieEPI TD.eg { background-color: #ebc3c5 }
TABLE.categorieEPI TD.title { background-color: #414141; color: #fff; font-weight: bold; text-align: center }
TABLE.categorieEPI UL { margin: 5px 0 10px 0; padding: 0; list-style-type: none }
TABLE.categorieEPI UL LI { padding-left: 10px; background: url("../images/arrowblack.gif") left 4px no-repeat }

.content P.intro { margin: 0 0 17px 0; padding: 6px 8px 6px 8px; color: #333; border: 1px dashed #000 }
/***************************/

/*** Performances page ***/
.icos { text-align: right }
.icos IMG { margin: 0 5px 0 5px }
/*************************/

/*** Catalog page ***/
.GroupsBlock { width: 558px; border: 1px solid #e9e9e9 }
.wrapper { float: left; padding: 0; margin-left: 13px }
.wrapper UL { margin: 0; padding: 0; font-family: Tahoma; font-size: 11px }
.wrapper UL LI { position: relative; margin: 17px 0 17px 0; padding: 0; width: 260px; height: 21px; background-image: none; }
.wrapper UL LI a { display: block; padding-left: 20px; padding-right: 14px; line-height: 21px; color: #000; text-decoration: none; background: #e9e9e9 url("../images/arrowblack.gif") 10px 9px no-repeat }
.wrapper UL LI a:hover { color: #fff; font-weight: bold; text-decoration: none; background-color: #d22025 }
.wrapper UL LI IMG { position: absolute; top: -9px; right: 9px; border: 0 }
.wrapper UL LI IMG { behavior: url("scripts/iepngfix.htc") }
	
.productGroup { position: relative; width: 588px } /* 562px */
.product { margin: 0 8px 15px 0; float: left; border: 1px solid #e9e9e9; padding: 5px; width: 122px }
.product H5 { display: inline; padding: 0 0 0 5px; margin: 0; font-size: 11px; font-weight: bold; text-decoration: underline }
.product IMG { margin: 5px 0 0 0; padding: 1px }
.product a { text-decoration: none; display: block; color: #000 }
.product a:hover IMG { border: 1px solid #1d1d1d!important; padding: 0 } /* !important --> to bypass inline css code (border to asp Image) that is added by asp.net */

.catPanel { margin: 0; padding: 0 }
.catPanel IMG { float: left; clear: both; margin: 5px 0 0 1px; padding: 0 }
.catPanel P { float: right; margin: 5px 5px 0 0; padding: 0; font-size: 9px }

.groupname { width: 540px; background-color: #1d1d1d; color: #FFF; font-weight: bold; padding: 3px 10px 3px 10px; margin: 20px 0 15px 0 }

.paging { float: right; margin: 0 0 15px 0; padding: 4px 5px 4px 6px; background-color: #e9e9e9; width: 110px; text-align: center }
.paging SPAN { float: left; line-height: 15px }
.paging INPUT { float: right; margin-left: 4px }
.pagingBtn { position: relative; cursor: pointer; cursor: hand }
.disabled { cursor: default }
/********************/

/*** Products page ***/
.productimg { margin-top: 5px; float: left }

.productblock { float: left; margin-top: 3px }
.productblock IMG { float: left; margin-bottom: 5px }
.productblock STRONG { display: block; clear: both; float: left; line-height: 25px }
.productblock UL { float: left; margin: 4px 0 0 8px }
.productblock UL LI { background: none; padding: 0; float: left; padding: 4px 7px 4px 7px; line-height: 10px; margin-right: 2px; background-color: #d22025; font-weight: bold; color: #fff }

.featuresblock { float: right; width: 310px }
.featuresblock UL { margin-bottom: 15px }
.featuresblock UL LI { line-height: 22px; background: url("../images/arrowred.gif") left 9px no-repeat }

.categorieblock { clear: right; float: right; width: 310px; margin-bottom: 25px }
.categorieblock IMG { float: left; margin-left: 10px }
.categorieblock P { float: left; margin: 3px 0 0 5px; padding: 0; font-size: 13px; font-weight: bold }

.noticePdf { clear: left; float: left; margin-top: 10px }

a.linkBack { float: right; clear: both; margin-bottom: 10px; width: 130px; padding: 2px 10px 2px 10px; text-align: center; background-color: #e9e9e9; color: #d52e33; cursor: pointer; cursor: hand; text-decoration: none }
a.linkBack:hover { text-decoration: underline }
/*********************/

/*** Organigram page ***/
.hide { display: none }

UL#organigram { position: relative; float: left; margin: 0; padding: 0 }
UL#organigram LI { list-style-type: none; margin: 0 0 4px 0; width: 150px; padding: 9px; background: none; border: 1px dotted black; cursor: pointer; cursor: hand }
UL#organigram LI P { position: relative; margin: 0; padding: 0 }
UL#organigram LI P IMG { position: relative; top: 4px; margin: 0 6px 1px 0 }
UL#organigram LI P a { color: #d32025; font-weight: bold }
UL#organigram LI.selected { overflow: hidden; border: 2px solid black; width: 148px }

#flashorganigram { float: right }
/***********************/

/** COMMON MARKUPS **/
H1 { position: absolute; right: -16px; margin: 0; padding: 0; width: 222px; height: 121px; text-indent: -9999px; background: url("../images/layout/Guyard.png") top no-repeat }
H2 { margin: 0 0 16px 0; padding: 0; font-size: 17px; color: #ababab; width: 100%; border-bottom: 1px solid #ababab; text-decoration: font-weight: bold }
H2.header { position: relative; width: 608px; height: 228px; margin: 0 0 6px 0; border: 0; text-indent: -9999px; overflow:  hidden }
H2.header#fr { background: url("../images/header-fr.jpg") }
H2.sub { position: relative; top: -12px; margin: 0; padding: 0; color: #d12025; font-weight: bold; font-size: 11px; border: 0 }
H3 { margin: 0 0 6px 0; padding: 0; font-size: 11px; font-weight: bold; color: #d32025; text-decoration: underline }
H3.contact { position: relative; margin: 0 0 10px 0; padding: 0; font-size: 11px; color: #333; font-weight: bold; text-decoration: underline }
H4 { position: relative; margin: 25px 0 5px 0; padding: 2px 5px 2px 5px; font-size: 13px; background-color: black; color: white }

BR.clear { clear: both }

P.copyright { font-size: 10px; text-align: right; color: #333; margin-bottom: 20px }

.Error { float: left; margin-right: 5px; position: relative; width: 15px; height: 12px; font-size: 1px; background: url("../images/error.gif") }
.Ok { float: left; margin-right: 5px; position: relative; width: 15px; height: 12px; font-size: 1px; background: url("../images/ok.gif") }

.linebreak { clear: both; position: relative; margin: 10px 0 10px 0; width: 100%; height: 1px; border-bottom: 1px dotted #333; font-size: 1px }

a.btnSendMail { display: block; width: 125px; height: 20px; font-weight: bold; line-height: 20px; padding-left: 6px; font-size: 11px; color: #fff; text-decoration: none; background: url("../images/btn_sendMail.gif") }
a.btnSendMail:hover { text-decoration: underline }

a.expand1 { display: block; width: 100%; text-indent: -9999px; overflow: hidden; background: url("../images/expand1.gif") top no-repeat }
a.expand2 { position: absolute; right: 3px; top: 3px; display: block; width: 14px; height: 14px; text-indent: -9999px; overflow: hidden; background: url("../images/expand2.gif") top left no-repeat }
/********************/