@charset "iso-8859-2";
/* CSS Document */

body {
	/*background: #c2cdd5; #cad4db;#f4f7f8;*/
	background-image:url(../images/bg.png);
	color: #808080;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 9pt;
	margin: 0px;
	line-height: 120%
}

p {
	margin: 0 0 10px 0;
	padding: 0; 
	text-indent: 3em;
	text-align:justify
}

TABLE, TR, TD {  }

h1 {
	font: 13pt Verdana, Arial, sans-serif;
	color : #006699;
	font-weight: bold;
	margin: 0;
}

h2 {
	font: 11pt Verdana, Arial, sans-serif;
	color: #006699;
	font-weight: bold;
	margin: 0;
}

h3 {
	font: 10pt Verdana, Arial, sans-serif;
	color : #006699;
	margin: 0;
}

h4 {
	font-family: 10pt Verdana, Geneva, Arial, sans-serif;
	color : #a0a0a0;
	margin: 0;
}

h5 {
	font-family: 9pt Verdana, Geneva, Arial, sans-serif;
	color : #808080;
	margin:0;
}

h6 {
	font-family: 9pt Verdana, Geneva, Arial, sans-serif;
	color : #006699;
	font-weight: bold;
	margin:0;
}

ol, ul {
	margin: 0 0 0 10px;
	padding: 10px 0 0 6px;
}

ol li, ul li { 
	list-style: url(../images/puceg.png) outside; 
	margin: 0 0 5px 0;
}

a { 
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

a img {
	border-width: 0px;
}

a:link {
	/*color:#808080;*/
 	text-decoration: none; 
 	background-color: transparent 
}

a:visited { 
	color:#808080; 
  	text-decoration: none; 
 	background-color: transparent 
}

a:hover { 
	color:#ff6600;
  	/*text-decoration: underline;*/ 
  	background-color: transparent
}
 
a:active { 
	color:#808080;
  	text-decoration: none; 
  	background-color: transparent 
}

DIV { 
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 9pt;
	color: #808080;
	line-height:120%;
	text-align:left;
	padding: 0px;
	margin: 0px;
}

IMG {
	border-width : 0px;
}

INPUT[type=text] { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #808080;
	border: 1px solid #b0b0b0;
	height: 16px;
}

TEXTAREA { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #808080;
	border: 1px solid #b0b0b0;
}

.txtblue1 {
	color:#007dd2;
}

.txtblue2 {
	color:#005F9D;
}

.txtred1 {
	color:#ff3300;
}

.txtorange1 {
	color:#ff6600;
}

.txtgreen1 {
	color:#99cc00;
}

.txtwhite {
	color:#ffffff;
}

.txtgray1 {
	color:#808080;
}

.txtgray2 {
	color:#a0a0a0;
}

.txtgray3 {
	color:#666666;
}

.txtnormal {
	font-weight:normal;
}

.txtbold {
	font-weight:bold;
}

.justify {
	text-align:justify;
}

.s8pt {
	font-size:8pt;
}

.s9pt {
	font-size:9pt;
}

.s10pt {
	font-size:10pt;
}

.s11pt {
	font-size:11pt;
}

.s12pt {
	font-size:12pt;
}

.leftimg {
	margin:0 20px 20px 0;
	padding:2px;
	border:#b0b0b0 1px solid;
}

.rightimg {
	margin:0 0 20px 20px;
	padding:2px;
	border:#b0b0b0 1px solid;
}

.leftsmallpad {
	padding:0 0 0 5px;
}

.lrsmallpad {
	padding:0 5px 0 5px;
}

.rightalign {
	text-align:right;
}

/* #IDs & Classes */

div.clearone {
	clear: both;
	height: 1px;
}

div.clearfive {
	clear: both;
	height: 5px;
}

div.clearten {
	clear: both;
	height: 10px;
}
div.sep {
	clear: both;
	height:10px;
}

div#container {
	width:675px;
	background:url(../images/contentbg.png) repeat-y;
	padding:0 20px 0 20px;
	text-align:center;
	margin: 0 auto;
	/*float:none*/	
}

div#interncontainer {
	width:675px;
	background:url(../images/interncontentbg.png) repeat-y;
	padding:0 20px 0 20px;
	text-align:center;
	margin: 0 auto;
	/*float:none*/	
}

div#header {
	width:675px;
	height:310px;
	text-align:center;
	padding:0px;
	/*float:none*/
}

div#header div#hmenu {
	width:675px;
	height:97px;
	text-align:center;
	padding:0px;
	/*float:none*/
}

div#header div#himages {
	width:675px;
	height:186px;
	text-align:left;
	padding:0px;
	/*float:none*/
}

div#content {
	width:625px;
	margin:25px;
	clear:both
}

div#leftcontent {
	width:425px;
	padding:0;
	float:left;
}

div#rightcontent {
	width:150px;
	background:url(../images/verticbg.png) repeat-y;
	padding:0 0 0 50px;
	float:left;
}

div#rightinterncontent {
	width:150px;
	background:url(../images/verticinternbg.png) repeat-y right;
	padding:0 50px 0 0;
	float:left;
}

div#verticsep {
	padding:0 25px 0 25px;
	float:left;
}

div#horizleftsep {
	width:425px;
	background:url(../images/horizbg.png) repeat-x;
	padding:25px 0 25px 0;
}

div#horizrightsep {
	width:150px;
	background:url(../images/horizbg.png) repeat-x;
	padding:25px 0 25px 0;
}

div.horizdashsep {
	width:425px;
	margin:15px 0;
	border-top:dashed 1px #999;
}

div#footer {
	width:625px;
	height:45px;
	background:url(../images/footerbg.png) repeat-x;
	text-align:left;
	padding:15px 25px 0 25px;
	/*float:none*/
}

div.leftmod {
	width:425px;
	padding:0px;
	line-height:130%;
}

div.rightmod {
	width:150px;
	padding:0px;
}

div.conelem {
	width:150px;
	padding:0;
	clear:both;
}

div.conelem div.conelem_image {
	width:32px;
	padding:0 0 5px 0;
	float:left;
}

div.conelem div.conelem_text {
	width:118px;
	padding:0 0 5px 0;
	font-size:8.5pt;
	float:left;
}

div#suggest {
	width:425px;
	padding:0;
	/*border:1px dashed #b0b0b0;
	background-color:#f0f0f0;*/
}

div#suggest div#sugtit {
	width:34%;
	padding:0;
	line-height:160%;
	float:left;
}

/*div#suggest div#sugobj {
	width:35%;
	padding:0;
	float:left;
}*/

div#suggest div#sugmes {
	width:66%;
	padding:0;
	line-height:160%;
	float:left;
}

div#suggest div#sugcaptcha {
	width:424px;
	text-align:right;
	padding:0;
	clear:both;
}

div#suggest div#sugcaptcha div#captext {
	width:52%;
	text-align:left;
	padding:0;
	float:left;
}

div#suggest div#sugcaptcha div#capimage {
	width:48%;
	text-align:left;
	padding:0;
	float:left;
}

div#suggest div#sugbts {
	width:425px;
	text-align:right;
	padding:0;
	clear:both;
}

#tablecertif {
	border: 1px solid #dadada;
}

.elemcertif_title {
	background:#B1D1E9;
}

.elemcertif_value {
	background:#f0f0f0;
}

.elemcertif_acronym {
	background:#EBE4D8;
	padding:0 5px;
}

.elemcertif_name {
	background:#F0ECE3;
	padding:0 5px;
}

div.navigate {
	width:383px;
	height:22px;
	border:1px dashed #b0b0b0;
	background-color:#f0f0f0;
	padding:5px 20px;
	clear:both;
}

div.navigate div.nbrpage {
	width:70%;
	float:left;
}

div.navigate div.curpage {
	width:16%;
	float:left;
}

div.navigate div.navpage {
	width:7%;
	float:left;
}

div.onesuggest {
	width:425px;
	padding:0;
}

div.onesuggest div.sughead {
	width:385px;
	height:22px;
	background-image:url(../images/nav_bgo.png);
	background-repeat:no-repeat;
	padding:15px 20px 20px 20px;
	clear:both;
}

div.onesuggest div.sughead div.sugname{
	width:60%;
	line-height:90%;
	padding:0;
	float:left;
}

div.onesuggest div.sughead div.sugdate{
	width:40%;
	padding:0;
	float:left;
	text-align:right;
}

div.onesuggest div.sugmsg {
	width:420px;
	padding:0 20px 20px 20px;
	clear:both;
}

div#coord {
	width:460px;
	padding:0;
}

div#coord div.coordelem {
	width:450px;
	padding:5px;
	margin:0 0 5px 0;
	border:1px dashed #AACFE1;
	background-color:#fafeff;
	clear:both;
}

div#coord div.coordelem div.coordtit {
	width:16%;
	padding:0;
	float:left;
}

div#coord div.coordelem div.coordval {
	width:84%;
	padding:0;
	float:left;
}

div#map {
	width:460px;
	padding:0;
	text-align:center;
}

div#map div#mapimg {
	width:450px;
	height:220px;
	text-align:center;
	padding:5px;
	border:1px dashed #AACFE1;
	background-color:#fafeff;
}

div#souscat {
	width:440px;
	padding:10px;
	border:1px dashed #AACFE1;
	background-color:#fafeff;	
}

div.prod {
	width:460px;
	padding:0;
}

div.prod div.prodesign {
	width:318px;
	height:142px;
	padding:0;
	display: table;
	overflow: hidden;
	position: relative;
	/*top:50%;*/
	/*line-height:142px;   La meme valeur que height pour l'alignement vertical */
	background-image:url(../images/prod_bg.png);
	background-repeat:no-repeat;
	float:left;
}

div.middlediv {
	width: 100%;
	#position: absolute;  
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
	text-align:center;
}

div.innerdiv {
	#position: relative;
	#top: -50%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

div.prod div.proimg {
	width:100px;
	height:100px;
	padding:21px;
	background-image:url(../images/img_bg.png);
	background-repeat:no-repeat;
	float:left;
}

div.prod div.prodprop {
	width:450px;
	padding:5px;
	border:1px dashed #AACFE1;
	background-color:#fafeff;
	clear:both;	
}

div.prod div.procar {
	width:306px;
	text-align:center;
	float:left;	
}

div.prod div.profour {
	width:142px;
	text-align:center;
	padding:5px 0 0 0;
	/*line-height:142px;   La meme valeur que height pour l'alignement vertical */
	float:left;	
}

div#searchsuggest {
	width:440px;
	padding:10px;
	border:1px dashed #AACFE1;
	background-color:#fafeff;
	clear:both;	
}

div.search {
	width:450px;
	padding:5px;
	border:1px dashed #AACFE1;
	background-color:#fafeff;
	clear:both;	
}

div.search div.serchph {
	width:70px;
	height:70px;
	padding:2px;
	border:1px solid #AACFE1;
	background-color:#ffffff;
	float:left;	
}

div.search div.serchcon {
	width:368px;
	height:70px;
	display: table;
	overflow: hidden;
	position: relative;
	padding:0 0 0 6px;
	float:left;	
}

div#newproducts {
	width:450px;
	height:91px;
	position:relative;
	padding:5px;
	margin: 0 auto;
	border:1px dashed #AACFE1;
	background-color:#F8F4CB;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	background:url(../images/news_bg.png) no-repeat;
}

div#addproducts {
	width:504px;
	height:111px;
    position:relative;
	padding:5px;
    margin: 0 auto;
	background-color:#F8F4CB; 
	overflow: auto;
    overflow-x: scroll;
    overflow-y: hidden;
	background:url(../admin/images/news_bg.gif) no-repeat;
    /*scrollbar-face-color: #006400;
    scrollbar-shadow-color: #228b22;
    scrollbar-highlight-color: #98fb98;
    scrollbar-3dlight-color: #8fbc8b;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #eee8aa;*/
}

div.section{
    width:175px;
	height:91px;
	padding:0;
    margin:0 6px 0 0;
	background:url(../images/newsprod_bg.png) no-repeat;
    float:left
}

div.homenewsprodtext{
	width:72px;
	padding:5px 0 5px 8px;
	float:left;
}

div.homenewsprodimage{
	width:85px;
	height:85px;
	padding:1px 3px 3px 0;
	float:left
}

div.info {
	width:423px;
	height:25px;
	padding:15px 0 20px 0;
	margin-bottom: 15px;
	text-align:center;
	border:1px dashed #b0b0b0;
	background-color:#F0F0F0;
}

div.line {
	width:233px;
	height:1px;
	background-color:#c9d3da;
	clear:both;
}

.click {
	cursor:pointer;
}

/* News marquee: liScroll styles */

#marqueecontainer { /* the outer div with the black border */
	background: #333 url(../images/newsbggreen.png) repeat-x; 	
	width: 675px;
	height: 30px; 
	margin: 0; 
	padding: 5px 0 0;
	clear: both;
	color: #fff;
}
.marquee { /* that's your list */
	margin: 0;
	padding: -3px 0 0 0;
	color: #fff;
}
.marquee_title {
	font: normal 13px Verdana;
	white-space: nowrap;
	padding: 0;
	color: #fff;
	font: bold 12px Verdana;
	margin: 0 50px 0 0;
} 
.marquee_img {
	margin: -6px 0 0 0;
	border: none;
}


/* Qaptcha */
.QapTcha {float:left;width:203px;height:70px;margin:0 0 0 7px;background:url(../images/btn_rail.png) right 7px no-repeat;}
.QapTcha .clr{}
.QapTcha .bgSlider {width:202px;height:22px;float:left;margin-top:7px;}
.QapTcha .Slider {width:48px;height:22px;float:left;margin:0 1px;background:transparent url(../images/btn.png) no-repeat;cursor:e-resize;position:relative;top:0;left:0;*left:1px}
.QapTcha .TxtStatus {width:320px;margin-top:10px;float:left;text-align:left;color:#bb3333;font-family:Tahoma, Geneva, sans-serif;font-size:11px;clear:none}
.QapTcha .dropSuccess {color:#339900}
.QapTcha .dropError {color:#bb3333}
.contact_lock {float:left;width:340px;height: 36px;margin-bottom: 50px;background:url(../images/bg.png) -1025px -412px no-repeat;}
.contact_lock img {float:left; margin:10px 0 0 5px;}
.contact-invalid {float: left;margin:0 0 0 100px;*clear: left; width: 500px;text-align:left;}
.contact-invalid .error {float: left;background: none;border:none;padding:0;margin:0 0 15px 0;font-family: Courier New,Tahoma, Verdana, georgia, Geneva, sans-serif;}
.contact_envoi {float: left;display : none;text-align : center;width: 370px;padding : 10px 0;background: #ffffff;border:3px solid #999999;}
.contact_envoi img {float: right;margin:0 40px 0 15px;}
.contact_envoi p {float: right;width: 350px;color: #339900;}