html { overflow: -moz-scrollbars-vertical !important; }
body { font: 69% Verdana, Arial, Helvetica, sans-serif; color: #656565; background: url(../fr/nav/bgBodyRight.gif) #fff repeat-x; text-align: left; line-height: 1.6em; behavior: url('/css/csshover.htc'); }

a { color: #15a6ca; text-decoration: underline; }
a:hover { text-decoration: none; }
	a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.8em; }
h1 { font-size: 1em; }
h2 { font-size: 1.5em; color: #15a6ca; text-transform: uppercase; font-weight: bold; margin: 15px 0 8px 5px; padding: 0; }
h3 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #15a6ca; margin: 3px 0 7px 0; }
h4 { font-size: 1em; font-weight: bold; text-transform: uppercase; color: #959595; margin: 3px 0; }
h5 { font-size: 1.1em; color: #15a6ca; }
h6 { font-size: 1em; }

i, em { font-style: italic; }
strong, b { font-weight: bold; }
p { margin: 0; }
ul, ol { margin: 10px 0 10px 15px; list-style-position: outside; }
ol { margin-left: 17px; }
ul li { background: url(../fr/nav/bullet3.gif) no-repeat 0px 8px; padding: 0 0 0 20px; }
ol li { list-style: decimal; }
cite, abbr { border-bottom: 1px dotted #15a6ca; cursor: help; }
sub, sup { font-size: 0.9em; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
blockquote { margin-left: 30px; }
hr { background: #74848A; color: #74848A; clear: both; float: none; width: 100%; height: 1px; margin: 15px auto; border: none; }
table { border-collapse: collapse; }
	table th { font-weight: bold; }
	table td, table th { padding: 2px 8px; vertical-align: top; }

fieldset { border: 1px solid #e4e4e4; padding: 15px; }
	fieldset legend { padding: 0 10px; margin-left: 10px; color: #15a6ca; font-size: 1.1em; font-weight: bold; }

.input, .textarea { background: #eef3f1; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #656565; padding: 3px 5px; border: 1px solid #84d0e3; }
.input:focus, .textarea:focus { border: 1px solid #84d0e3; }
.select { border: 1px solid #84d0e3; background: #eef3f1; padding: 2px 0; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #656565; }

label { display: block; }
	label.alignRight { float: left; text-align: right; width: 200px; padding-right: 20px; }
pre { margin-bottom: 1.3em; background: #eee; border: 0.1em solid #ddd; padding: 1.5em; }
code { font: 0.9em Monaco, monospace; }

/*.color1 { color: #71c4cb; } /* bleu ciel */
.color1 { color: #15a6ca; } /* bleu */
.color2 { color: #78ca15; } /* vert */
.color3 { color: #343434; } /* gris foncé */
.color4 { color: #f1ad1c; } /* orange */
.color5 { color: #ff0000; } /* rouge */
.base { color: #656565; }
.white { color: #fff; }
.strong { font-weight: bold; }

.small { font-size: 0.9em; }
.large { font-size: 1.1em; }

.clear { clear: both; }
.clearLeft { clear: left; }
.erase { display: block; text-indent: -5000px; font-size: 0px; }
.block { display: block; }
.inline { display: inline; }
.hide { display: none; }

.error { color: #FF0000; }
.errorInput { color: #FF0000; border: 1px solid #FF0000; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.valignTop { vertical-align: top; }
.valignMiddle { vertical-align: middle; }
.valignBottom { vertical-align: bottom; }
.auto { margin: 0 auto; }

.floatLeft { float: left; }
.floatRight { float: right; }

.imageLeft { float: left; margin: 3px 15px 3px 0; border: 1px solid #e1e1e1; padding: 1px; }
.imageRight { float: right; margin: 3px 0 3px 15px; border: 1px solid #e1e1e1; padding: 1px; }
.border { border: 1px solid #e1e1e1; padding: 1px; }

.column { float: left; margin-right: 10px; }
.lastColumn { margin-right: 0; }

/* table models */
.tab2col { width: 896px; margin: 0 auto; background: url(../fr/nav/publyxis/bgTab2Col.gif) repeat-y center; }
	.tab2col td { padding: 0; text-align: justify; }
	.tab2col .col1 { width: 426px; padding-right: 22px; }
	.tab2col .col2 { width: 426px; padding-left: 22px; }

.tab1 { width: 100%; }
	.tab1 th { background: #f3fafc; text-align: center; }
	.tab1 th, .tab1 td { border: 1px solid #b2b2b2; padding: 2px 8px; }

.tab2 { width: 426px; color: #fff; background: url(../fr/nav/publyxis/bgTab2Td.jpg) repeat-y; }
	.tab2 td { background: url(../fr/nav/publyxis/bgTab2.gif) no-repeat bottom; padding: 5px 8px 30px 8px; }

.tab3 { width: 448px; position: relative; margin-left: -22px; }
	.tab3 td { padding: 7px 0 7px 22px; border-bottom: 1px solid #e5f5f9; }

.tab4 { width: 100%; }
	.tab4 th { background: #f3fafc; padding: 8px 8px 7px 8px; color: #15a6ca; text-transform: uppercase; border-bottom: 1px solid #b2b2b2; }
	.tab4 td { border-bottom: 1px solid #b2b2b2; padding: 4px 8px; vertical-align: middle; }

/* ecommerce styles */
.price { background: url(../fr/nav/bgPriceR.gif) no-repeat scroll top right; color: #fff; display: block; float: left; height: 22px; margin-right: 3px; padding-right: 3px; text-decoration: none; font-size: 1em; }
	.price span { background: url(../fr/nav/bgPriceL.gif) no-repeat; display: block; line-height: 22px; padding: 0 0 0 3px; white-space: nowrap; }
	.price em { font-style: normal; }
.messageLivraison  { color: #FF0000; padding: 10px 0 10px 0; }

/* overlay */
#overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 900; background: #666; }
#overlay_content { position: fixed; top: 100px; left: 50%; margin-left: -360px; width: 720px; height: auto; overflow: auto; background: #fff; padding: 0; margin: 0; z-index: 1000; }
* html #overlay_content { position: absolute; }
#overlay_content.loading { background: url(../fr/nav/loading.gif) #fff no-repeat center center; }

/* overlib */
#overDiv table { width: 289px; background: url(../fr/nav/ecommerce/bgTooltip.gif) no-repeat bottom; }
* html #overDiv table { font-size: 11px; }
*+html #overDiv table { font-size: 11px; }
	#overDiv table td { padding: 0; background: url(../fr/nav/ecommerce/bgTooltipTop.gif) no-repeat top; }
		#overDiv table td td { padding: 10px 15px 30px 15px; text-align: left; }

