/* © 2005 Bexter Ben CSS */
body, html{
	height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #16456F;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#site {
	width: 768px;
	position: absolute;
	/*margin-left: -384px;*/
	left: 50%;
/*	border-left: 1px solid #003366;
	border-right: 1px solid #003366;*/
	background: transparent url(images/fond-y.jpg) repeat-y;
	margin:5px 0px 0px -384px;
}
#header{
	width: 768px;
	height: 141px;
	background: transparent url(images/header.jpg) no-repeat;
}
#header h1{
	width: 215px;
	height: 105px;
	padding: 0px;
	margin: 0px;
}
#header h1 strong{
	display: none;
}

p{
    text-align:justify;
}
/*----------------------------------------------------------------------*/
/* debut - gestion du menu général */
/*----------------------------------------------------------------------*/
#menu{
	width: 768px;
	height: 27px;
	float: right;
	margin: 0px;
	padding: 0px;
	background: transparent url(images/menu.jpg) no-repeat;
}
#menu ul{
	height: 27px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li{
	height: 27px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li a{
	height: 27px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu ul li ul li{
	height: 15px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	border: none;
}
#menu ul li ul li a{
	height: 15px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu ul li ul li a:hover{
	color: #fff;
	background: url();
}
#menu ul li strong{
display: none;
}
li#menu_01 a { width: 143px; }
li#menu_02 a { width: 139px; }
li#menu_03 a { width: 73px; }
li#menu_04 a { width: 113px; }
li#menu_05 a { width: 117px; }
li#menu_06 a { width: 183px; }
li#menu_01 a:hover { background: transparent url(images/menu-on.jpg) -0px 0px no-repeat; }
li#menu_02 a:hover { background: transparent url(images/menu-on.jpg) -143px 0px no-repeat; }
li#menu_03 a:hover { background: transparent url(images/menu-on.jpg) -282px 0px no-repeat; }
li#menu_04 a:hover { background: transparent url(images/menu-on.jpg) -355px 0px no-repeat; }
li#menu_05 a:hover { background: transparent url(images/menu-on.jpg) -468px 0px no-repeat; }
li#menu_06 a:hover { background: transparent url(images/menu-on.jpg) -585px 0px no-repeat; }

#nav li ul {
	/* listes du deuxième niveau */
	position: absolute;
	width: 200px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li ul li { /* li du deuxième niveau */
	height: 18px;
	background: #C0DEFF;
}
#nav li ul li a { /* liens du deuxième niveau */
	width: 190px;
	height: 18px;
	padding: 2px 5px;
	text-decoration: none;
	color: #003366;
}
#nav li ul li a:hover { /* liens survolés du deuxième niveau */
	color: #00ff00;
	background: #4b4b4b;
}
#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

/*----------------------------------------------------------------------*/
/* fin - gestion du menu général */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* debut - gestion contenu */
/*----------------------------------------------------------------------*/
blockquote{
	margin:0 0 0 5px;
	padding:0px;
}

#contenu {
	clear: both;
	width: 768px;
}
#contenu a {
	text-decoration: none;
	font-weight: bold;
	color: #509BDC;
}
#contenu a:hover {
	color: #16456F;
}
#contenu a:hover {
}
#devis{
	width:150px;
	float:left;
	padding: 30px 5px 5px 5px;
	text-align: center;
}
#texte{
	width:580px;
	float:right;
}
#accueil{
	background: transparent url(images/titre-accueil.gif) no-repeat 1px 0px;
	margin: 0px;
	width:748px;
	padding: 50px 20px 10px 0px;
}
#societe{
	background: transparent url(images/titre-societe.gif) no-repeat 1px 0px;
	margin: 0px;
	width:748px;
	padding: 50px 20px 10px 0px;
}
#activites{
	background: transparent url(images/titre-activites.gif) no-repeat 1px 0px;
	margin: 0px;
	width:748px;
	padding: 50px 20px 10px 0px;
}
#references{
	background: transparent url(images/titre-references.gif) no-repeat 1px 0px;
	margin: 0px;
	width:748px;
	padding: 50px 20px 10px 0px;
}
#partenaires{
	background: transparent url(images/titre-partenaires.gif) no-repeat 1px 0px;
	margin: 0px;
	width:748px;
	padding: 50px 20px 10px 0px;
}
#contact{
	background: transparent url(images/titre-contact.gif) no-repeat 1px 0px;
	margin: 0px;
	width:748px;
	padding: 50px 20px 10px 0px;
}
#sitemap{
	background: transparent url(images/titre-sitemap.gif) no-repeat 1px 0px;
	margin: 0px;
	width:748px;
	padding: 50px 20px 10px 0px;
}
#adobe {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.mev00{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #509BDC;
}
.mev01{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #004AB0;
}
.mev02{
	font-size: 14px;
	font-weight: bold;
	color: #004AB0;
}
.mev03{
	font-size: 16px;
	font-weight: bold;
	color: #004AB0;
}
.imgprod{
	padding: 0px;
	margin: 15px;
}
.blocprod{
	background: #EBF5FE;
	text-align: center;
}
.linkfourn{
	padding: 0px;
	margin: 0px;
}
.linkfourn li{
	float: left;
	display: inline;
	width: 160px;
	height: 160px;
	list-style: none;
	border: 1px solid #B5D3F0;
	padding: 5px;
	margin: 5px;
}

/*-- debut titre h2 ------------------------------------------------*/
.clim{
	background: transparent url(images/clim.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	clear: both;
}
.clim strong{
	display: none;
}
.froid{
	background: transparent url(images/froid.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	clear: both;
}
.froid strong{
	display: none;
}
.sav{
	background: transparent url(images/sav.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	clear: both;
}
.sav strong{
	display: none;
}
.ecs{
	background: transparent url(images/ecs.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 55px;
	clear: both;
}
.ecs strong{
	display: none;
}
.prod{
	background: transparent url(images/prod.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	text-indent: -3000em;
	clear: both;
}
.fournisseurs{
	background: transparent url(images/fournisseurs.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	text-indent: -3000em;
	clear: both;
}
.clients{
	background: transparent url(images/clients.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	text-indent: -3000em;
	clear: both;
}
.devis{
	background: transparent url(images/devis.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	text-indent: -3000em;
	clear: both;
}
.form{
	background: transparent url(images/form.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	text-indent: -3000em;
	clear: both;
}
.post{
	background: transparent url(images/post.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	text-indent: -3000em;
}
.entretien{
	background: transparent url(images/entretien.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 35px;
	text-indent: -3000em;
	clear: both;
}
/*-- fibn titre h2 ------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* fin - gestion contenu */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* debut - gestion partenaires */
/*----------------------------------------------------------------------*/
#partn {
	clear:both;
	text-align: center;
	width: 768px;
	height: 35px;
	padding: 5px 0px;
	background: transparent url(images/degrade-partenaires.gif) repeat-y;
	color: #003366;
}
.partnimg {
	padding: 0px 20px;
}
/*----------------------------------------------------------------------*/
/* fin - gestion partenaires */
/*----------------------------------------------------------------------*/

.imgcadre{
    border:1px solid #023061;
	padding:1px;
}

/*----------------------------------------------------------------------*/
/* debut - gestion footer */
/*----------------------------------------------------------------------*/
#footer {
	font-size: 9px;
	text-align: center;
/*	letter-spacing: -1px;*/
	width: 768px;
	height: 28px;
	padding: 6px 0px 0px 0px;
	background: transparent url(images/footer.jpg) no-repeat;
	color: #003366;
}
#footer a{
	color: #003366;
	text-decoration: none;
}
#footer a:hover{
	color: #003366;
	background-color: #FFF;
}
/*----------------------------------------------------------------------*/
/* fin - gestion footer */
/*----------------------------------------------------------------------*/