/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Commun
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body { 
	font-family:  Verdana, sans-serif;
	font-size: 12px;
	color:#393a3a;
	background:#87b1c7;
	margin: 0;
}

img {border:none;}

h1, h2, h3 {margin:0px;font-family:Arial, Helvetica, sans-serif;}
h1		{font-size:20px;}
h2  	{font-size:15px;}
h3  	{font-size:1.2em;}

h1 a:link, a:hover, a:visited, a:active {text-decoration:underline; color:#393a3a;}
h1 a:visited {text-decoration:underline; color:#393a3a;}

a.general:link {text-decoration:none;color:#025471;}
a.general:hover {text-decoration:underline;}
a.general:visited {text-decoration:none;color:#87b1c7;}
a.general:active {text-decoration:none;color:#206e85;}

.nostyle a:link, a:hover, a:visited, a:active, a.nostyle:link, a.nostyle:hover, a.nostyle:visited, a.nostyle:active {
text-decoration:none; color:#393a3a;}

.img {
margin-right:10px;
}

.dashed {
	border:1px dashed #087499;
	padding:5px;
}

.zebra {background:##fcfbf5}

.bigger {font-size:14px;}

.smaller {
	font-size:10px;
}

.rappel {
background: #fcfbf5;
padding:5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Menu de navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: 13px Arial;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: #427f9b url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 9px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current {
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}

.solidblockmenu li.rouge a:hover, .solidblockmenu li .current-rouge {
color: white;
background: transparent url(images/blockrouge.gif) center center repeat-x;
}

.solidblockmenu li.orange a:hover, .solidblockmenu li .current-orange {
color: white;
background: transparent url(images/blockorange.gif) center center repeat-x;
}

.solidblockmenu li.gris a:hover, .solidblockmenu li .current-gris {
color: white;
background: transparent url(images/blockgris.gif) center center repeat-x;
}

.solidblockmenu li.bleu a:hover, .solidblockmenu li .current-bleu {
color: white;
background: transparent url(images/blockbleu.gif) center center repeat-x;
}

.solidblockmenu li.vert a:hover, .solidblockmenu li .current-vert {
color: white;
background: transparent url(images/blockvert.gif) center center repeat-x;
}

#navigation {
	background: url(images/nav-bg.gif) top left repeat-x;
	height:60px;
	width:960px;
	margin:auto;
}

#navigation-bis {
	height:auto;
	margin-left:15px;
	margin-top:11px;
	float:left;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}

#navigation-bis a {
	color:#dfdfa4;
	text-decoration:none;
}

#navigation-bis a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Grille : header - contenu - footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header-bg {
	background: url(images/header-bg.gif) top center no-repeat;
	height: 250px; width:960px;
	margin:auto;
}

#header-kmi {
	background: url(images/pave-kmi.gif) center no-repeat;
	height: 250px; width:420px;
	margin-left:10px;
}

.header-kmi {
	color:#FFFFFF;
	font: 17px Arial;
	text-align:left;
}

#contenu {
	background:#f1f0e9;
	width:940px;
	margin:auto;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
}

#footer { 
	background: url(images/footer-bg.gif) top left repeat-x;
	height:130px;
	width:960px;
	margin:auto;
	clear:both;
	font-family:  Verdana, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
}

#footer_nav1 a {
	text-decoration:none;
	color:#FFFFFF;
}

#footer_nav1 a:hover {
	text-decoration:none;
	color:#dfdfa4;
}

#footer_nav2 a {
	text-decoration:none;
	color:#dfdfa4;
}

#footer_nav2 a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Home page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#home td {
	border-right:2px solid #f1f0e9;
	width:174px;
	padding:8px;
	vertical-align:top;
}

.home-bg {background:#fcfbf5;}
.home-bg h2 {font-size:18px;}
.home-bg h2 a:link, a:hover, a:active {color:#b1090b; text-decoration:none;}
.home-bg h2 a:visited {color:#b1090b; text-decoration:none;}

#home_bottom {overflow:hidden;}

#apropos {
	width:549px;
	float:left;
	margin-right:20px;
	margin-top:20px;
	overflow:hidden;
}

#apropos p {
	padding:10px;
	text-align:justify;
}

.apropos {
	color:#FFFFFF;
	background:url(images/blockactive.gif) ;
	text-transform:uppercase;
	padding-left:5px;
}

#autre {
	width:365px;
	background-color:#fcfbf5;
	margin-top:20px;
	padding:3px 9px 10px 9px;
}

#autre h2 {color: #087499; text-transform:uppercase;}
.titre_kmi {color: #09759b;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Les rubriques
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.titre-rubrique {
	height:18px;
	padding-top:3px;
	text-transform:uppercase;
}

.titre-rubrique h2 a:link, a:hover, a:active, a:visited {
	color:#393a3a;
	text-decoration:none;
}

.titre-rubrique h2 a:visited {color:#393a3a; text-decoration:none;}

#savoir-faire {text-align:justify;}
.savoir-faire-titre-rub {color:#b1090b;}
.savoir-faire-rub {border-bottom:1px solid #b1090b;}
td.contexte-savoir-faire, .contexte-savoir-faire td {border-left:1px dashed #b1090b;}

.prestations-rub {border-bottom:1px solid #ff9900;}
.prestations-titre-rub {color:#ff9900;}
td.contexte-prestations, .contexte-prestations td {border-left:1px dashed #ff9900;}

table.references {
	border:1px solid #f1f0e9;
	margin:0;
	table-layout:fixed;
	border-collapse:collapse;
}

table.references td {
	margin:0;
	background: #fcfbf5;
	width:141px;
	padding:3px 10px 3px 10px;
	font-size:11px;
	text-align:center;
	border-right:1px solid #f1f0e9;
}

.secteurs {
	width:120px;
	height:30px;
	margin:auto;
	line-height:2em;
	background:url(images/blockbleu.gif) center repeat-x;
	font-size:15px;
	color:#ffffff;
}

.contact-titre-rub {color:#a7bf5a;}
td.contact, .contact td {border-left:1px dashed #a7bf5a;}

.documentations {
	border-bottom:1px solid #09789d;
	height:18px;
	padding-top:3px;
	text-transform:uppercase;
}
.fiche {background:#fcfbf5;margin-bottom:5px;}
.fiche img {
	border: 3px solid #494949;
	margin-right:5px;
}
	
td.general, .general td {border-left:1px dashed #427f9b;}

#vers-produits {
	margin:auto;
	padding-top:3px;
	padding-bottom:3px;
	width:160px;
	background:url(images/blockgris.gif) center repeat-x;
	font:15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center
}

a.vers-produits:link {text-decoration:none;color:#fff}
a.vers-produits:visited {text-decoration:none;color:#fff}
a.vers-produits:active {text-decoration:none;color:#fff}
a.vers-produits:hover {text-decoration:underline;color:#FFFFFF;}

#vers-references {
	margin:auto;
	padding-top:3px;
	padding-bottom:3px;
	width:160px;
	background:url(images/blockbleu.gif) center repeat-x;
	font:15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center
}

a.vers-references:link {text-decoration:none;color:#fff}
a.vers-references:visited {text-decoration:none;color:#fff}
a.vers-references:active {text-decoration:none;color:#fff}
a.vers-references:hover {text-decoration:underline;color:#FFFFFF;}

#vers-contacts {
	margin:auto;
	padding-top:3px;
	padding-bottom:3px;
	width:160px;
	background:url(images/blockvert.gif) center repeat-x;
	font:15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center
}

a.vers-contacts:link {text-decoration:none;color:#fff}
a.vers-contacts:visited {text-decoration:none;color:#fff}
a.vers-contacts:active {text-decoration:none;color:#fff}
a.vers-contacts:hover {text-decoration:underline;color:#FFFFFF;}

.retour {width:200px;margin:0px 10px 10px 0px;}
.retour a, .retour a:visited, .retour a:active {text-decoration:underline;color:#393a3a;}
.retour a:hover {text-decoration:none;color:#393a3a;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Produits : détail
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.onglet {
    height: 24px;
	margin: 0;
    background:  url(images/blockgris.gif) center repeat-x;
    padding: 7px 5px 2px 5px;
    border: 1px solid #494949;
	color: #ffffff;
}

table.produits {
	margin:0;
	table-layout:fixed;
	border-collapse:collapse;
	border:1px solid #494949;
	background:#fcfbf5;
}

.produits img {margin-right:2px;}

.gammes {
	border: 3px solid #494949;
	margin:auto;
}

table.produits td {
	margin:0;
	width:290px;
	padding:3px 10px 3px 10px;
	font-size:11px;
	border-right:1px solid #494949;
	vertical-align:top;
}

table.produits a:hover {
	text-decoration:none;
	background-color:#999999;
	color:#000000;
}

table.produits h3 {color: #274695;text-transform:uppercase;}

.produits_titre-rub {color: #727272;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Produits : listing
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.produit-container {
	width:307px;
	float:left;
	margin:0px 3px 3px 0px;
	overflow:hidden;
	border:1px solid #494949;
}

.produit-container-right {
	width:307px;
	float:left;
	margin:0px 0px 3px 0px;
	overflow:hidden;
	border:1px solid #494949;
}

.produit-content {
	background:#fcfbf5;
	padding:10px;
	font-size:9px;
	height:180px;
}


.produit-img {
	border: 3px solid #494949;
	margin-right:10px;
}

.produit-content-titre {
	background: url(images/blockgris.gif) center repeat-x;
	color: #ffffff;
	padding:3px 5px 3px 5px;
}

.produit-content-titre h2 a:link, a:hover, a:active, a:visited {
	color:#fcfbf5;
	text-decoration:none;
}

.produit {
	background:#fcfbf5;
	width:295px;
	padding:5px;
	font-size:11px;
	vertical-align:top;
}

.produit img {
	border: 3px solid #494949;
	margin-right:5px;
}

.produit-titre {
	width:290px;
	background: url(images/blockgris.gif) center repeat-x;
	color: #ffffff;
	padding:3px 5px 3px 5px;
}

.produit-titre h2 {color: #ffffff;}

table.produit a:hover {
	text-decoration:none;
	background-color:#999999;
	color:#000000;
}

table.produit h3 {color: #274695;text-transform:uppercase;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Galerie savoir-faire
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#galerie
{
	width:400px;
	float:left;
	background: #fcfbf5 ;
	padding: 15px ;
	margin: 40px 10px 10px 10px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 auto ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #427F9B ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: bold 1.8em Verdana, sans-serif ;
	color: #000 ;
	margin: 5px 0px 5px 0px;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo li
{
	list-style-type:none;
	font:  italic 11px Verdana, sans-serif ;
	color:#000;
}

dl#photo img
{
	border: 1px solid #427F9B ;
}


div#galeriefooter
{
	width:701px;
	background-image:url(images/fond.png);
	margin: 0px 10px 10px 10px ;
	text-align: right;
}

#leftcontent {
	width:465px;
	float:left;
	margin-right:20px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	pictos et logos produits
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#fonctions {
background: #fcfbf5;
padding-left:10px;
height:40px;
padding-right:10px;
margin:15px 0px 15px 0px;
}

#pictos {
background: transparent;
float:left;
overflow:hidden;
}

#descriptif {
height:40px;
float:left;
padding:12px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

#logos {
width:470px;
height:40px;
float:right;
}