@charset "UTF-8";
* { 
margin:0; 
padding:0; 
border:none; 
}
html, body {
	width: 100%;
	height: 100%;
	min-height:100%;
	margin: 0;
	padding: 0;
}

body {
	font-family:arial, sans-serif;
	font-size:12px;
	color:#000;
	margin:0;
	background: #A3C846 url(../images/fond.jpg) top left repeat-x;
}
#background{
	position:absolute;
	height:100%;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index:-1;
	left: 0;
	overflow: hidden;
	top: 0;
} 
#header{
	position:relative;
	top:0;
	left:1px;
	width:975px;
	height:54px;
	text-align:center;
	margin: 0 auto;
}
.navWrap{
	position:relative;
	top:0;
	left:0;
	width:965px;
	height:50px;
	margin: 0 auto;
	background-color: #FFF;
	background-image: url(../images/navBG.gif);
	background-repeat: no-repeat;
}

#outer{
	width: 965px;
	background-color: #FFF;
	margin: 0 auto;
	overflow: visible;
	position: relative;
} 

#left {
	width:188px;
	min-height:365px;
	background-image: url(../images/contNavBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
	padding: 0;
	overflow: visible;
	margin: 0;
	position: absolute;
}

#middle {
	width:685px;
	min-height:376px;
	margin:0;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	position: relative;
	left: 234px;
	overflow: visible;
}

#contenuAcc{
	width: 933px;
	height:156px;
	padding: 19px 16px;
	background-color: #FFF;
}

#actu{
	width: 883px;
	padding: 4px 41px 0 41px;
	position: relative;
	background-color: #FFFFFF;
}
.actu{
	background-color: #FFFFFF;
}

p {
	padding:0 0 8px 0;
	text-align: justify;
}

#footer {
	width:680px;
	font-weight:bold;
	margin: 0;
	padding: 30px 0 0 0;
	position: relative;
	background-color: #FFF;
} 
#dur {
	width:680px;
	font-weight:bold;
	margin: 0;
	padding: 0 0 30px 0;
	position: relative;
	background-color: #FFF;
}
#durIndex {
	width:900px;
	font-weight:bold;
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
	background-color: #FFF;
}
#footerIndex {
	width:965px;
	font-weight:bold;
	margin: 0;
	padding: 30px 0 0 0;
	position: relative;
	background-color: #FFF;
}
#foot{
	width: 965px;
	margin: 0 auto;
	height: 16px;
	position: relative;
	padding-bottom: 10px;
}
#reference{
	font-size: 2px;
	color: #000099;
	background-color: #0B2887;
	height: 2px;
	text-align: center;
}
/* navigation */
.nav { float: none ; position: relative; width: 965px; height:26px; margin:0;}
.nav ul { padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #ccc;}
.nav li{ float: left; top: 0; border-right:solid 1px #FFF; padding:0 11px; font-size: 12px; color: #fff; font-weight:bold; height:26px; line-height: 26px;}
.nav a { text-decoration: none; color: #fff;}
.nav a:hover { color:#ccc; text-decoration:none; height: 100%;}
.nav li:hover ul, li.over ul { display: block;  background: #fff;}
/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; }
* html #nav ul li a { height: 1%; }
/* End */
#selected {
	color:#FFF;
	background-color:#419bb4;
}
/* sub navigation */
.sub {
	position: relative;
	width: 965px;
	background-image: url(../images/sousNavBG.gif);
	height:26px;
	margin:0;
}
.subAcc {
	position: relative;
	width: 965px;
	background-image: url(../images/nav_BG_Acc.gif);
	height:52px;
	margin:0;
}
#home, #besoin, #produits, #technique{
	float: left;
	position: absolute;
	visibility: hidden;
	width: 965px;
}
.sous {
	float:left;
	position: relative;
	width: 965px;
	background-image: url(../images/sousNavBG.gif);
	height:26px;
	margin:0;
}
.sous ul { padding: 0; margin: 0; list-style: none;}
.sous li { float: left; color:#419bb4; margin: 0; padding:0 15px; font-size: 12px; font-weight:bold; border-right:solid 1px #419bb4; height:23px; line-height: 23px;}
.sous a {color:#419bb4; height: 100%; text-decoration:none; cursor: pointer;}
.sous a:hover {color: #9fc02c; height: 100%; text-decoration:none;}
.sousAcc {
	float:left;
	position: relative;
	width: 965px;
	background-image: url(../images/sousNavBGAcc.gif);
	height:26px;
	margin:0;
}
.sousAcc ul { padding: 0; margin: 0; list-style: none;}
.sousAcc li { float: left; color:#419bb4; margin: 0; padding:0 15px; font-size: 12px; font-weight:bold; border-right:solid 1px #419bb4; height:23px; line-height: 23px;}
.sousAcc a {color:#419bb4; height: 100%; text-decoration:none; cursor: pointer;}
.sousAcc a:hover {color: #9fc02c; height: 100%; text-decoration:none;}

#selected_02 {color:#9fc02c;}

#left ul {list-style-type: none; padding: 20px 0 0 0; margin: 0;}
#left li {
	padding-left: .6em;
	width:163px;
	float: left;
	font-weight:bold;
	line-height: 12px;
	padding: 10px 5px 10px 20px;
}
#left a {color:#419bb4; text-decoration:none; width:188px; cursor: pointer;}
#left li:hover, #left a:hover {
	color:#FFF;
	background-color:#B1D04F;
	text-decoration:none;
}

#left a.selected{
	color: #ffffff;
	background-color:#A3C846;
}

#middle ul {padding: 0 0 10px 0; margin: 0;}
#middle li {
	list-style-type: disc;
	list-style-position: inside; 
	line-height: 14px;
	padding: 0 0 0 20px;
	margin: 0;
}
	
#middle a {color:#000; text-decoration:underline;}
#middle a:hover { color:#A3C846; text-decoration:underline;}
.actuTexte{
	width: 280px;
	vertical-align: top;
	line-height: 14px;
}
#actu li {
	font-size: 12px;
	font-weight:normal;
	text-align:left;
	list-style-type: disc;
	line-height: 12px;
	list-style-position: inside;
}
#actu a { color:#02799b; text-decoration:none;}
#actu li:hover {color:#000;}
#actu a:hover {color:#000;}

#footer a {
	color:#333;
	font-size: 9px;
	font-weight:normal;
	text-decoration:none;
	text-align: center;
	width:100%;
	list-style-type: none;
}
#footer a:hover {color:#000;}
#footerIndex a {color:#333; font-size: 9px; font-weight:normal; text-decoration:none; text-align: center; width:100%; list-style-type: none;}
#footerIndex a:hover {color:#000;}
#dur a, #durIndex a {
	color:#02799b;
	font-size: 9px;
	font-weight:normal;
	text-decoration:none;
	text-align: center;
	width:100%;
	list-style-type: none;
}
#dur a:hover, #durIndex a:hover {color:#fff; background-color:#9fc02c}

/* end navigation */

/* texte */
h1{
	font-size: 18px;
	font-weight:bold;
	color: #000;
	margin: 0;
	padding: 20px 0 5px 0;
}
h2{
	font-size: 15px;
	font-weight:bold;
	color: #000;
	margin: 0;
	padding: 5px 0;
	margin-top: 5px;
}
h3{
	font-size: 12px;
	color: #02799b;
	font-weight:bold;
	line-height: 12pt;
}
h4{
	font-size: 9px;
	color: #000;
	font-weight:bold;
	line-height: 8pt;
}
h5 {
	font-size: 14px;
	color: #990000;
	font-weight:bold;
	line-height: 18pt;
}
h6 {
	font-size: 20px;
	color: #419bb4;
	font-weight:bold;
	text-align: justify;
}
ul {
	padding: 0 0 10px 0;
	margin: 0;
}
li {
	padding:2px 15px 0 15px;
	list-style-type: none;
}
.middleImg {
	margin-right: 15px;
}

.middleImgDroit {
	margin-left: 15px;
}
/* end texte */

/* form */
fieldset{
	background-color: #419bb4;
	padding: 6px;
}
label{
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color:#000;
	font-size: 12px;
	font-weight:bold;
}

.submit input{
	margin-left: 110px;
	padding: 2px;
}
input{
	color: #781351;
	background: #fff;
	border: 1px solid #000000;
}

.submit input{
	color: #fff;
	border: 1px solid #d7b9c9;
	background-color: #419bb4;
}

/* end form */
.flag{ padding: 10px 5px; margin:0; float: right; height:26px;}
.flag ul { padding: 0; list-style: none; border:0;}
.flag li { display: block; padding: 0; margin:3px; border:0;}
.flag a { text-decoration: none; border:0;}
.flag a:hover { text-decoration:none; height: 100%; border:0;}
.flag li:hover ul, li.over ul { display: block; background: #fff;}