/* CSS Document */
*{
	padding:0px; margin:0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	list-style:none;
}
html{
	background:#ffffff url(../fond/bg_body.jpg) repeat-x bottom left;
	text-align:center;
	min-height:640px; height:auto!important; height:640px;
}
#banner, #bannerrub{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:202px; 
	width:100%;
	background:url(../fond/bg_banner.jpg) no-repeat top left;
}
#bannerrub{background:url(../fond/bg_banner_rub.jpg) no-repeat top center;}
#body{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:990px;
	margin-top:-202px;
	min-height:800px;
	height:auto!important; height:800px;
	text-align:left;
}
#logo{
	width:253px; height:83px;
	background:url(../fond/logo.png) no-repeat top left;
	margin-left:42px;
	margin-top:25px;
	text-indent:-9999px;
}
#logo a{display:block; width:253px; height:83px;}
#menu_sec{
	position:absolute;
	right:0px;
	top:-25px;
	height:19px;
	text-align:left;
	padding-top:6px;
	margin-right:60px; 
}
#menu_sec a{margin-left:5px; margin-right:10px;color:#062B63;}
#menu_sec img{vertical-align:middle; border:none;margin-top:-6px;}

#contenu{
	width:995px; min-height:520px;height:auto!important; height:520px;
	background-color:#FFFFFF;
/*	background:url(../fond/bg_contenu.png) no-repeat bottom left; */
	margin-top:95px; margin-bottom:25px;
}
.bottom{position:relative;display:block;width:995px; height:50px;background:url(../fond/body_bottom.png) repeat-x top left;}
#colg{
	position:relative; float:left;
	width:265px;  min-height:490px;height:auto!important; height:490px;
	background:url(../fond/bg_colgauche.png) no-repeat top left;
	margin-left:36px; margin-top:-68px; 
}
#cold{
	position:relative; float:left;
	width:690px; min-height:490px;height:auto!important; height:490px;
	margin-left:0px;margin-top:-68px; 
	margin-bottom:20px;
}
#actu{
	position:absolute;
	width:236px; min-height:185px; height:auto!important; height:185px;
	background:url(../fond/bg_actu.png) repeat-y bottom left;
	margin-left:8px; margin-top:-8px;
	margin-bottom:0px;
}
.colindex, .colsociete, .colproduit{
	position:absolute;
	width:249px; height:515px;	
	margin-left:8px; margin-top:25px;
}
.colindex{background:url(../element/calsec.jpg) repeat-y bottom left;}
.colsociete{background:url(../element/societe.jpg) repeat-y bottom left;}
.colproduit{background:url(../element/produitsfond.jpg) repeat-y bottom left;}

.titreactu{
	height:38px; width:224px;
	background:url(../fond/bg_titreactu.png) repeat-x bottom left;
	color:#FFFFFF; font-size:1.3em; font-weight:bold;
	padding-left:5px; padding-top:3px;
}
#actu strong{color:#64AE10;}
#actu li{ list-style:url(../element/puce.gif); list-style-position:outside;margin-bottom:8px; margin-left:25px;margin-right:15px;}

#menu{
/*	position:relative; float:left;*/
	width:635px; height:30px;
	margin-top:42px; margin-left:20px;
}
#menu li{float:left; margin-top:0px;}
#menu a {
	display:block; 
	width:200px; height:23px; 
	margin-right:10px;
	background:url(../fond/bg_menub.png) no-repeat top left; font-size:1.2em; font-weight:bold;
	color:#3D669A;
	text-align:center;
	padding-top:4px;
}
#menu .active, #menu a:hover{
	background:url(../fond/bg_menu.png) no-repeat top left!important; 
	color:#003E8A;
}

.smenu{
	position:relative; float:left;
	width:233px; height:195px;
	background:url(../fond/bg_smenu.png) no-repeat top left!important; 
	margin-top:-10px; margin-left:10px;
}
.smenu ul{margin-left:20px; margin-right:5px; padding-top:10px}
.smenu li{list-style:url(../element/puce.png); list-style-position:outside; margin-bottom:10px;
 background:url(../fond/bg_lismenu.jpg) repeat-x bottom left!important; padding-bottom:7px; margin-right:10px;}
.smenu a{color:#ffffff!important; text-transform:uppercase;}
.select a{color:#FFFEA6!important;}

.encart_index{
	width:634px; min-height:226px; height:auto!important;height:226px;
	background:url(../fond/encart_index.png) no-repeat top left;
	 margin-left:20px;
}
.societe, .produit{margin-top:10px;}

.titre_societe{width:620px; height:37px;background:url(../fond/titre_societe.jpg) no-repeat top left;margin-left:6px; margin-top:3px;margin-bottom:15px;}
.titre_zoom{width:620px; height:37px;background:url(../fond/titre_zoom.jpg) no-repeat top left;margin-left:6px; margin-top:3px;margin-bottom:15px;}

.titre_societe a, .titre_zoom a{color:#ffffff!important; position:absolute; right:50px; margin-top:12px;}

.societe p, .produit p{margin-left:25px; margin-right:20px; margin-bottom:10px;}
.societe strong, .produit strong{color:#55910F;}
.societe img, .produit img{margin-right:25px; margin-left:10px; border:1px solid #000000;}

.contenu{
	width:630px;
	margin-top:15px;
	padding-left:15px;
}
.contenu img{ display:block; margin:10px; border:1px solid #000000;}
.contenu p{ display:block;margin:10px;}
#contenu strong, #contenu a{color:#296FBD; }
#contenu a:hover{color:#000000;}
#contenu sup{font-size:0.8em;}

#contenu h1{ display:block; background:url(../fond/titre.jpg) no-repeat 0px 7px; height:28px; padding-left:25px; color:#1978BB; font-size:1.7em; text-transform:uppercase;}
#contenu h1 sup{font-size:0.7em; line-height:1em;}
#contenu h2{color:#1978BB; font-size:1.2em; margin-left:10px; text-transform:uppercase;}
#contenu h3{color:#0B4066; border-bottom:1px solid #0B4066; width:95%; margin-bottom:5px; font-size:1.2em; margin-left:10px; text-transform:uppercase;}

.contenu ul{margin-left:50px; margin-top:5px; margin-bottom:10px;}
.contenu li{ list-style:url(../element/puce.png); list-style-position:outside; margin-bottom:2px;}

.contenu thead td{background-color:#2667AA; text-transform:uppercase; color:#ffffff; font-weight:bold; border-bottom:1px solid #000000;}
.contenu table td{padding:3px;}
.contenu .hautelinge{color:#ffffff; background-color:#5298E0; font-weight:bold;}
.contenu .bleufonce{background-color:#2667AA; text-transform:uppercase; color:#ffffff; font-weight:bold;}

.back{
	display:block; width:625px;   
	text-align:right;
	margin-top:-10px;
	margin-bottom:10px;
	height:20px;
	clear:both;
}
.back a{
	color:#888888!important; 
	display:block; 
	width:130px;
	background:url(../element/back.png) no-repeat top right!important;
	float:right;
	padding-right:20px;
	clear:both;
}
.back a:hover{color:#000000!important;}

.situ{ position:relative;border:none; margin-top:-10px; margin-left:6px;}
.orga{position:relative;border:none; margin-top:135px; margin-left:15px;}
.coord{ padding:3px; width:200px; margin-left:35px;}
.colg{position:relative; float:left; width:400px;}

#map{position:relative;  border:1px solid #000000;}

.noborder{border:0px!important;}
.spacer{display:block;clear:both;}

/******  *********/
#formulaire .fieldset{padding:10px; border:1px solid #5878B3; width:380px;}
#formulaire h4{padding-left:4px; padding-right:4px; color:#305599; font-size:1.1em; font-weight:bold; text-transform:uppercase; position:relative; margin-top:-17px; background-color:#ffffff; margin-bottom:10px; }
#formulaire label{float:left; width:140px; text-align:right; padding-right:5px;}
#formulaire .ctext, #formulaire .mtext{border:1px solid #aaaaaa; margin-bottom:4px; width:200px; color:#666666;}
#formulaire .mtext {height:80px; width:100%}
#formulaire .submit{margin-top:10px; background-color:#5878B3; color:#ffffff; text-align:center; font-weight:bold; text-transform:uppercase; border:1px solid #333333; width:405px; cursor:pointer;}