body{font-size:11px; color:#9d9d9d; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background-color: #000000;}
p{padding:0; margin: 2px 0 4px 0; text-align:justify;}
em{font-size:12px; color:#0398ff; font-family: Verdana ,Arial, Helvetica, sans-serif; line-height:1.2em; font-style: italic; }
h1{font-family: Impact, Verdana, Helvetica, sans-serif; font-size:17px; color:#0061aa; font-weight:normal; margin: 0 0 4px 0; line-height: 1.2em; letter-spacing: 0.05em;}
h2{font-family: Impact, Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight: normal; color:#0398ff;margin: 0 0 4px 0;letter-spacing: 0.06em;}
h3{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight: bold; color:#0061aa; margin: 0 0 4px 0;}
img{border: 0;}
div{margin:0;padding:0}
a{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#0398ff;
	font-size:11px; text-decoration:underline;}
a:hover{color:#49b3ff;}
a:hover .cadre{border:1px solid #4489ff; background-color:#ffffff;}
strong, b{color:#0970d9;}
ul{list-style-type: none; padding: 0px;  margin:5px 0 5px 0px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1em;}
li{background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: 0 .3em; padding:0; padding-left: 15px; border:0; margin: 0; text-align:justify;}
ul ul li{background-image: url(images/puce-grise.gif);}
ul ul ul li{background-image: url(images/puce-carregris.gif); background-position: 0 .6em;}
i{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#0061aa;font-size:11px; font-style: normal;}
hr {margin: 15px 0; border-top: 1px dotted grey; border-bottom: 0; height: 1px; clear: both;}
p.lien{padding:0 0 0 15px; border:0; margin: 0; text-align:right;}
p.lien a{background: url(images/puce.gif) no-repeat 0 .4em; padding:0 0 0 15px; }
input{margin: 0 2px 2px 0; clear:both;}
form{border:0; padding:0; margin:0}
label, textarea{display:block; float:left; margin: 0 0 2px 0;}

#c{display:none; position: absolute; top: 50px; left: 0; z-index:9999999999; text-align: right; border:1px solid #cccccc; background:#ffffff;padding:10px;}
#filtre{position:absolute; top:0; left:0; background:#222222; -moz-opacity:0.49; filter:alpha(opacity=49); z-index:999998; width:100%; height:100%; display:none;}

 /* FORMULAIRES */
.champcontact{background:  url(images/fond_champ.gif) repeat-x top; background-color: #ffffff; 
	border:1px solid #cccccc;padding: 0 2px 0 2px; margin:0;
	color:#405058; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.champfocus{background: url(images/fond_champfocus.gif) repeat-x top; background-color: #ffffff;
	border-left:1px solid #6bb5e5; border-right:1px solid #6bb5e5; border-top:1px solid #3d8fc5; border-bottom:1px solid #92c5e7;	color:#0a81fe;			 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	padding: 0 2px 0 2px; margin:0;}
.champcontacterreur{background:  url(images/fond_champerreur.gif) repeat-x top; background-color: #be0d0d;
	border:1px solid #5f0606; padding: 0 2px 0 2px; margin:0;
	color:#FFFFFF;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.erreur{color:#be0d0d;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold}
.send{background: url(images/fond_send.gif) repeat-x center; background-color: #0a82fd; color: #FFFFFF;
	border:1px solid #0863bf;	text-align : center; font-weight: bold; font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;padding: 0 2px 0 2px; margin:0;}
.modale{display:none;}


a.fermer,a.fermer:hover{font-size:9px;color:#0398ff;text-decoration:none;}
a.fermer:hover{color:#49b3ff;}

.clearright{clear:right;}
.clearleft{clear:left;}

.clear{clear:both;}
.padd{padding-right:15px;}
.padg{padding-left:15px;}
.margd{margin:0 15px 6px 0;display: block; float:left;}
.margg{margin:0 0 6px 15px;display: block; float:right;}
.cadre{border: 1px solid #dbdbdb;padding:1px; background:#ffffff;}
.fondgris{background-color: #f0f0f0;padding:5px;}
.note{font-size: 0.9em;color: #999999;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.floatleft{float:left; display:block;}
.col{width:45%;float:left; display:block;}
#sitemap {text-align:left;height:20px; margin: 0 0 10px 0; color:#9d9d9d;}
#sitemap a{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#9d9d9d;font-size:11px;}
#sitemap a:hover{color: #c7c7c7;}
.points{background: url(images/points-h.gif) repeat-x top;}
.bleu{color: #0398ff;}

.table{padding:2px; font-size:1em;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.table td{margin:1px; background-color: #f7f7f7; padding: 2px 4px 2px 4px;}
.table tr.alt td{background-color:#f0f0f0;}
.table td.celfocus, .table tr.alt td{background:#dedede;}
.table tr.alt td.celfocus{background:#bfbfbf;}
.table th{background-color:#4389ff; color: #ffffff; font-weight:bold;padding: 2px 4px 2px 4px; line-height:1.2em;}
.table th i{font-weight:normal; color:#f1f6fe; font-style:normal;}
.table th em, .table th li{color: #ffffff; font-weight:bold;padding: 1px; line-height:20px;}
.table th ul{list-style-type: none; padding: 0;  margin:0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1em;}
.table th li{background: url(images/puce-blanche.gif) no-repeat 0 .4em; padding:0; padding-left: 15px; border:0; margin: 0; text-align:justify; line-height:1.2em;}
.table th.celfocus{background:#00399c;}
.table .alt th{background:#0053e4;}
.table caption{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; font-weight: normal; color:#4489ff;margin: 0 0 4px 0;}
.left th{text-align:left;}

.tablecenter td{text-align:center;}

.esp30{clear: both; height:30px;}
/**/
.pointer {cursor: pointer;}
.pointer:hover{color:#4489ff;}
.invisible {display: none;}
#credits { display: none; cursor: pointer; }
#divsend{display:none;}

#global{width:795px; margin: 0 auto; background-color: #ffffff;}

#lienshaut{text-align: right; width:795px; height: 26px;}
#lienshaut a{color:#9d9d9d; text-decoration:none; background: url(images/puce.gif) no-repeat 0 .4em; padding:0 0 0 15px; margin: 4px 8px 0 0; display:block; float:right;}
#lienshaut a:hover{color:#c7c7c7; text-decoration:none;}

#divanim{width: 795px; height:270px; background-color: #000000; }

#contenu{margin:0; padding:0;  text-align:left;}
#colmarg{width:20px;}
#colg{background-color:#e6e6e6;/*background: url(images/fondcolg.gif) repeat-y left;*/ margin: 0; padding:0; width:184px;}
#colg #colghaut{background: url(images/tramegauche.gif) repeat-x bottom; height:31px;width:184px;}
#colg #colgint{margin:0; width:184px}
#cold{/*width:555px;*/ margin: 15px 20px;}

#talon{clear: both; width:795px; height:30px; padding: 5px; margin: 0 auto; text-align: center;}
#talon a{color:#666666; text-decoration:none;}
#talon a:hover{color:#0398ff; text-decoration:none;}
/*####### ACCUEIL ########*/
#actu{width:300px;}


.sousmenu{margin:30px 1px 30px 1px; border-top:1px solid #dddddd; border-bottom: 1px solid #f6f6f6;}
.sousmenu li{margin:0; list-style: none; padding: 0; text-align:left; background:none;
border-bottom:1px solid #dddddd; border-top: 1px solid #f6f6f6; color:#076bbc}
.sousmenu li a{text-decoration:none;display: block; background:#e6e6e6; padding: 3px 0 3px 10px;color:#076bbc; border-left:14px solid #086bbc;}
.sousmenu li a:hover{text-decoration:none; background:#efefef; color: #16a3f2; border-left:14px solid #0398ff;}
.sousmenu li a.selected{text-decoration:none; color:#0a82fe;background:#e6e6e6; border-left:14px solid #0398ff;}
.sousmenu li a.selected:hover{text-decoration:none; color:#0a82fe;background:#e6e6e6; border-left:14px solid #0398ff;}

#blocnewsletter{margin:10px;}

#colcontact label{display:block; margin: 0 0 2px 0; clear:both;}

/* ### rubrique PRODUITS ###*/
.rubproduits a{display: block; float: left; margin: 0 2%  0 0; width:30%; height:100px;}
/*.rubproduits img{border: 1px solid #dbdbdb;padding:1px;}*/
.rubproduits p{float: left; margin: 0 2% 0 0; width:30%; height:50px; text-align:left;}

.vignettevideo{display: block; float: right; margin: 0 0 15px 15px; width:220;/* height:145px;*/ text-align:right;}
.vignettevideo img{border: 1px solid #dbdbdb;padding:1px;}


/*.news p {text-align:left;}*/
.itemliste div{margin:0; padding:0; line-height:18px;}
.itemliste div label, .itemliste label{display:block; margin: 0 0 2px 0; float:left;}
.itemliste div input,.itemliste div texarea{clear: left; float:left; width:auto; margin-left:3px;}