/* top elements */
* { padding: 0; margin: 0; }

body {margin: 0;padding: 0;	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;color: #666666; background: #cccccc url(/IMG/bg.gif) repeat-x; text-align: center;behavior:  url(csshover.htc);}

/* links */
a { color: #4284B0;background-color: inherit;text-decoration: none;}
a:hover {color: #ff6100;background-color: inherit;}

/* headers */
h1, h2, h3 {font: bold 1em 'Trebuchet MS', Arial, Sans-serif;color: #333;	}
h1 { font-size: 1.5em; color: #6297BC; margin: 10px 15px 0px 10px;} 
h2 { font-size: 1.4em; text-transform:uppercase; margin: 10px 15px;}
h3 { font-size: 1.3em; margin: 15px 15px 10px 15px; }

p {	margin: 5px 15px 20px 15px; text-align:justify;}
ul, ol {margin: 10px 10px 10px 30px;	padding: 0  0 0 15px;color: #4284B0;}
ul span, ol span {	color: #666666; }

/* images */
img {	border: none;}
img.with-border {	border: 1px solid #e2e2e2;}
img.float-right { margin: 5px 0px 5px 15px;}
img.float-left { margin: 5px 15px 5px 0px;}
a img {border: none}
a:hover img { border: none}

code { margin: 5px 0;padding: 10px; text-align: left; display: block;overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #f2f2f2; border-left: 4px solid #4284B0; }
acronym { cursor: help;  border-bottom: 1px solid #777;}
blockquote {margin: 15px; 	padding: 0 0 0 20px;  	background: #FAFAFA;border: 1px solid #f2f2f2; 	border-left: 4px solid #4284B0; 	color: #4284B0;	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; }

/* form elements */
form {	margin:10px; padding: 0;	border: 1px solid #f2f2f2; 	background-color: #FAFAFA; }
label {	display:block;	font-weight:bold;	margin:5px 0;}
input {	padding: 2px;	border:1px solid #eee;	font: normal 1em Verdana, sans-serif;	color:#777;}
textarea {width:570px;	padding:2px;font: normal 1em Verdana, sans-serif;border:1px solid #eee;	height:100px;display:block;	color:#777;}
input.button {margin: 0;font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #4284B0;	}

/***********************
	  LAYOUT
************************/
#wrap {	background: #FFF;width: 1000px; height: 100%;margin: 0 auto;text-align: left;}
#content-wrap {	clear: both;margin: 0px 0 0 0; padding: 0;	 background-color:#FFFFFF;}

/* header */
#header {position: relative;height: 85px;background: #FFF url(/IMG/headerbg.gif) repeat-x 0% 100%;}
#header h1#logo {position: absolute;margin: 0; padding: 0;font: bolder 3.9em 'Trebuchet MS', Arial, Sans-serif;	letter-spacing: -2px;text-transform: lowercase;	top: 0; left: 10px;	}
#header h2#slogan {	position: absolute;	top:42px; left: 0px;color: #666666;	text-indent: 0px;font: bold 16px Trebuchet, 'trebuchet MS', Sans-serif; text-transform: none;}

/* main */
#main {/*position:absolute;top:30;left:190;*/float: right; padding: 0; width:750px; _width: 750px;height:auto;}
#clearing { clear:both; height:10px;  }



/* MG */
#sidebar {float:left;width: 185px;margin: 0;padding: 0; background-color:#FFFFFF; }
#sidebar ul.sidemenu {	list-style:none;	margin:10px 0 10px 15px;	padding:0;	}
#sidebar ul.sidemenu li {margin-bottom:1px; border: 1px solid #f2f2f2; }
#sidebar ul.sidemenu a {display:block;	font-weight:bold; color: #363c48;	text-decoration:none; padding:2px 5px 2px 10px; background: #f2f2f2; border-left:4px solid #fe690f;	min-height:18px;}
* html body #sidebar ul.sidemenu a { height: 18px; }
#sidebar ul.sidemenu a:hover { padding:2px 5px 2px 10px; background: #f2f2f2; color: #6297bc; border-left:4px solid #6297bc;}


dl, dd,  {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt {
cursor: pointer;
margin:5px 0 0px 15px;
_margin:1px 0 0px 15px;
padding: 0px 0px;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
list-style-type: none;
background: #fff;
}
#menu dt a { display:block;	font-weight:bold; color: #363c48;	text-decoration:none; padding:2px 5px 2px 10px; background: #f2f2f2; border-left:4px solid #fe690f;	min-height:18px; margin:0;}
#menu dt a:hover {background: #f2f2f2; color: #6297bc; border-left:4px solid #6297bc;}
#menu dd {}

#menu ul {list-style:none;margin:10px 0 10px 15px;	padding:0;}

#menu li {text-align: left; background: #fff;margin-bottom:1px;/* border: 1px solid #f2f2f2; */}
#menu li a { display:block;	font-weight:bold; color: #6297bc;	text-decoration:none; padding:2px 5px 2px 10px; background: #f6f6f6;/*background: #f2f2f2;/* border-left:4px solid #fe690f;	*/min-height:18px; border-left:4px solid #6297bc;}
#menu li a:hover{ /*background: #eee;*/ background: #fefefe; color: #fe690f; border-left:4px solid #fe690f;}


#menu ddd ul{ font-size:.8em;}

#NosSites { margin:0px 15px 20px 15px; padding:0em 0 0em 0;   background:#fff; /*border: 1px solid #ccc;*/ font-size:1em; font-weight:bold; }
#NosSites a{display:block; background: url(/IMG/PUCE3.gif) 1% 60% no-repeat;  padding-left:1.5em; color:#6297BC;white-space:nowrap; width:auto; line-height:1.9em; }
#NosSites a:hover{  color:#fe690f; }

/* MD */
#rightbar {float: right; width: 23%; padding: 0; margin:0;}

/* Footer */
#footer { clear: both; 	color: #FFF; background: #373b46; border-top: 5px solid #568EB6; margin: 0; padding: 0; 	height: 50px; font-size: 95%;}
#footer a { text-decoration: none;	font-weight: bold;	color: #FFF;}
#footer .footer-left{float: left;width: 65%;}
#footer .footer-right{	float: right;width: 30%;}

/* menu tabs */
#header ul {z-index: 999999; position: absolute; margin:0; padding: 0; list-style:none; right: 0; bottom: 6px !important; bottom: 5px;	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;}
#header li {display:inline; margin:0; padding:0; }
#header a {float:left; background: url(/IMG/tableft.gif) no-repeat left top; margin:0; padding:0 0 0 4px;
text-decoration:none;}
#header a span {float:left; display:block; background: url(/IMG/tabright.gif) no-repeat right top; padding:6px 15px 3px 8px; color: #FFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {color:#FFF;}
#header a:hover {background-position:0% -42px;}
#header a:hover span {background-position:100% -42px;}
#header #current a {background-position:0% -42px;color: #FFF;}
#header #current a span {background-position:100% -42px;color: #FFF;}
#header a.zero{ background-image:none;}
/* end menu tabs */

#nav0 {width:550px; position:absolute; z-index:2; margin:6px 0 0 0; margin-left:485px !important/*Non-IE6*/; margin-left:495px /*IE6*/;  color:#3366CC;}
#nav0 ul {float:right; padding:0 30px 0 0;}
#nav0 li {display:inline; list-style:none; padding:0 0 0 15px;}
#nav0 li a {text-decoration:none; padding:0 0 0 3px; color:#3366CC; font-size:12px; font-weight:bold;}
#nav0 a:hover {text-decoration:none; color:#fe690f;}
#nav0 li img {height:16px;  border:none;}

#piczone {border: none; background-image:url(/IMG/headerphoto.jpg); background-repeat:no-repeat; min-height:120px; 	height: 120px; margin:0;	   }
#sitemessage {width:450px; height:120px; position:absolute; z-index:1; margin:10px 0 0 539px; color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/overflow:hidden /*IE6*/;}
#sitemessage.CapiPea {width:560px; height:120px; position:absolute; z-index:1; margin:15px 0 0 430px; color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/overflow:hidden /*IE6*/;}
#sitemessage h1 {float:right;width:450px; text-align:right; font-size:14px; line-height:1.2em; margin:0;}
#sitemessage h1.pea {float:right;width:560px; text-align:right; font-size:14px; line-height:1.2em; margin:0;}
#sitemessage h2 {float:right; width:340px; margin:8px 0 0 0; text-align:right; line-height:1.2em; font-size:112%;color: #FFF;}
#sitemessage h3 {float:right; width:340px; margin:10px 0 0 0; text-align:right; font-size:100%;color: #FFF;}
#sitemessage h3 a {text-decoration:none; color:#fe690f;}
#sitemessage h3 a:hover {text-decoration:none; color:#fe8d48;}

#sitemessage h3.homehead {float:right; width:340px; margin:0px 0 0 0; text-align:right; font-size:100%;color: #FFF;}
#sitemessage h3.homehead a {text-decoration:none; color:#FFF;}
#sitemessage h3.homehead a:hover {text-decoration:none; color:#6297BC;}


.flashy {width:485px; height:100px; position:absolute; z-index:10; margin:15px 0 0 20px;  /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/;}
.Longflashy {width:695px; height:100px; position:absolute; z-index:10; margin:15px 0 0 10px;  /*xoverflow:visible !important /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/;}


#underNavNew {position: relative;height: 42px;background: #FFF url(/IMG/underNavNewbg.gif) repeat-x 0% 0%;}
#underNavNew  ul {z-index: 999999; position: absolute; margin:0;padding: 0; list-style:none; left: 0; bottom: 12px !important; bottom: 16px;	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;}
#underNavNew  li {display:inline; margin:0; padding:0; }
#underNavNew  a {float:left; background: url(/IMG/tableft_invert.gif) no-repeat bottom left; margin: -5px 0 0 0; padding:0 0 0 4px;
text-decoration:none;}
#underNavNew  a span {float:left; display:block; background: url(/IMG/tabright_invert.gif) no-repeat bottom right; padding:6px 15px 3px 8px; color: #FFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#underNavNew  a span {float:none;}
/* End IE5-Mac hack */
#underNavNew  a:hover span {color:#FFF;}
#underNavNew  a:hover {background-position:0% -17px;}
#underNavNew  a:hover span {background-position:  100% -17px; }
#underNavNew  #here a {background-position:0% -17px;color: #FFF;}
#underNavNew  #here a span {background-position:100% -17px;color: #FFF;}


table.out{font-size:1em; margin:0; }
table.out th{border-bottom:1px solid #ccc;color:#f60;text-align:left;line-height:2em;font-size:1.1em; }
table.out td{line-height:1.2em; padding:0px 15px 0 0; }
table.out p {line-height:1.2em; padding:5px; text-align: justify;}

table.in{font-size:1em;}
table.in td{border-bottom:1px solid #b9c4e1; margin:0;padding:5px;}


/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.newsbox {margin: 10px 10px 10px 80px;	padding: 0  0 0 5px; color: #4284B0;}

/* additional classes */
.clear { clear: both; }
.green {	color: #9EC630; }
.orange {	color: #fe690f; }
.white {	color: #ffffff; }
.gray  {	color: #BFBFBF; }
.FSdark  {	color: #363c48; }
.niceblue  {	color: #6297BC; }
.lightblue { color:#90b4cf;}
.darkLightBlue { color:#83acca;}
.fond5{background: #b4cde0;}
.ici {color: #fe690f; }
.numberAtout {float: left;	padding: -0px 2px 35px 2px  ; margin: 0; width:25px; }
.numberAtoutLong {float: left;	padding: 0px 2px 40px 2px  ; margin: 0; width:25px; }
.numberAtoutShort {float: left;	padding: 0px 2px 10px 2px  ; margin: 0; width:25px; }
.c1 {font: bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size: 1.5em; color: #fe690f; }
.barre{text-decoration:line-through;}
.prod{display:block; text-align:center; border-bottom: 1px solid #f2f2f2; background: #90b4cf; padding:0;
margin:0 0 10px 0; color:#fff; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color: #fff; line-height:2.3em;}
h4 {font: 1em 'Trebuchet MS', Arial, Sans-serif; font-weight:bold;color: #333; font-size: 1.2em; margin: 5px  10px ;	}

.c0 {font: bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size: 1.7em; color: #fe690f; }
.c1 {font: bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size: 1.5em; color: #fe690f; }
.c1Blue {font: bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size: 1.5em; color: #6297BC; }
.c1White {font: bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size: 1.5em; color: #ffffff; }
.c2 {font: bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size: 1.2em; color: #fe690f; }
.c2Blue {font: bold 1em 'Trebuchet MS', Arial, Sans-serif; font-size: 1.2em; color: #6297BC; }
.OrangeGras {color: #fe690f; font-weight:bold;}
.barre{text-decoration:line-through;}
.smaller{ font-size:.8em;}
.verysmall{ font-size:.7em;}
.prod{display:block; text-align:center; border-bottom: 1px solid #f2f2f2; background: #90b4cf; padding:0;
margin:0 0 10px 0; color:#fff; font: bold 1.6em 'Trebuchet MS', Arial, Sans-serif;color: #fff; line-height:2.3em;}
.note { font-size: .8em; font-style:italic;}
.noteIndent { font-size: .8em; font-style:italic; margin-left:15px;}
.botLine { border-bottom: 1px solid #ccc;}
.topLine { border-top: 1px solid #ccc;}
.RightLine { border-right: 1px solid #ccc;}
.NoJustice { text-align:left;}
.ici {color: #fe690f; }
.SCPItext { text-align:left; font-size: .9em; margin:0 0 10px 0px; padding:0; line-height:1.3em;}
.SCPIattention { text-align:left; font-size: 1em; font-weight:bold; margin:0 0 6px 0px;  padding:0; color: #fe690f; line-height:1.3em;}
.mainpdf{background: url(/IMG/pdf.gif) 1% 60% no-repeat;padding-left:2.5em;color: #4284B0;line-height:2em;margin:0;}
.pdf{background: url(/IMG/pdf.gif) 1% 60% no-repeat;padding-left:2.5em;color: #4284B0;line-height:2em;margin:0;}
.bigpdf{background: url(/IMG/pdf.gif) 1% 50% no-repeat; _background: url(/IMG/pdf.gif) 1% 20% no-repeat; padding-left:2.4em;color: #4284B0;line-height:1.3em;margin:0;}
.enSavPlus{background: url(/IMG/plus2.gif) 1% 50% no-repeat;padding-left:15px;color: #4284B0;line-height:2em;margin:0;}
.enSavPlusGras{background: url(/IMG/plus2.gif) 1% 50% no-repeat;padding-left:15px;color: #4284B0;line-height:2em;margin:0; font-weight:bold;}
.newfiche {border:1px solid #cccccc; margin:0; padding:0;}
.cloture{background: url(/IMG/cloture.gif) 50% 50% repeat-y;}