/*************************/
/************BASE ***************/ 
/*************************/
	
* { margin:0; padding:0; }
body {background-color: #232323;}
body, th, td, input, select, textarea {	font:normal 12px Arial; }
body, th, td, input, select, textarea, a, li { color:#000; }
fieldset, img, a img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align:top; }
/*h1, h2, h3, h4, h5, h6 { font-size:1em; font-weight:normal; }*/ 
ol, ul, li { list-style:none; }

h1 { color: #008cd9; font-size: 16px; font-family: tahoma, Arial, Verdana, Helvetica; text-align: justify; margin: 10px; }
h2 { color: #008cd9; font-size: 12px; font-family: tahoma, Arial, Verdana, Helvetica; text-align: left; margin: 10px;margin: 0 0 5px; }
/*************************/
/*** *MENU HAUT *****/ 
/*************************/

ul#nav li a.accueil { background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; }
#index ul#nav li a.accueil { background:red; }


/*************************/
/****PLACEMENT **************/ 
/*************************/
/*** CENTRAGE DE LA PAGE EN LARGEUR ***/
#global {
	position:fixed; 
	position:absolute; 
	left: 50%;
	top: 0px;
	/*top: 50%;*/
	width: 775px;
	height: 600px;
	/*margin-top: -300px; /* moitié de la hauteur */
	margin-left: -388px; /* moitié de la largeur */
	}
#fond {
	background-image:url(../img/index/fond.jpg);
	background-repeat: repeat-y;
	padding-left: 20px;
	}
#menu {
	display:block;
}
#flash {
	display:block;
	}
#submenu {
	display:block;
}
#contenu { padding-bottom: 50px;}
#contenu1 { padding: 0px; display:block; }
#contenu2 { padding: 10px; display:block; }
#txt {
	float: right;
	width: 530px;
	}
#gauche {
	float: left;
	width: 185px;
	
}
#news {
	float: left;
	width: 200px;
	height: 249px;
	display:inline;
	background-image:url(../img/index/postit.jpg)
	}
#rea{
	float: left;
	height: 75px;
	width: 247px;
	background-image:url(../img/index/realisations.jpg);
	display:block;
	}
#services {
	float: right;
	height: 75px;
	width: 460px;
	background-image:url(../img/index/airmat_services.jpg);
	display:block;
	}
/* //-> navigation  haut*/

ul#nav {
	background-image: url(../img/index/menuhaut.jpg);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	float:left;
	width:100%;
	margin-bottom: 2px
}

ul#nav li {
	float:left;
	display:inline;
	border-right:1px solid #fff;
}

ul#nav li a {
	display:block;
	padding:3px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
}

/* //->navigation haut suite
 */

ul#nav li a.accueil:hover {
	background-image: url(../img/index/menuhaut_over.jpg);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0; }
ul#nav li a.accueil1:hover {
	background-image: url(../img/index/menuhaut_over1.jpg);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0; }
/* //-> sous menu navigation */

ul#subnav { float:left; width:750px; background:#bbb; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; }

ul#subnav li {
	float:left;
	display:block;
	border-right:1px solid #fff;
}

ul#subnav li a {
	float:left;
	display:block;
	padding:3px 10px 3px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
	
}

ul#subnav li a:hover,
ul#subnav li a.active { background:#fff; color:#282828; }

/* //-> footer*/

#footer {
	/* 19 - (2) */
	padding-top: 10px;
	padding-left: 5px
}

#footer ul {
	text-align:left
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	color:#000;
	padding:0 3px 0 2px;
	text-decoration:none;
	font-size:0.8em;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#copyright {
	text-align:left;
	font-size:.8em;
	padding-left: 10px;
	padding-bottom: 5px
	
}

#copyright a {
	color:#000;
}
/* leftnav element */
#left {
	width:200px;
	display:block;
	}
/*#left .spacer {
	width: 100px;
	background-color:white;
	}*/
#leftnav h2 { padding:10px 0 10px 10px; color:#008cd9; font-size:1.2em; font-weight:bold; background-color:transparent; background-repeat:no-repeat; margin-bottom: 1px; }
#leftnav ul {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	padding:0 0 1px; }
#leftnav ul li { background-color: #bbb; background-image: url(../img/menu_normal.jpg); margin-bottom:1px; }
#leftnav ul li a,
#leftnav ul li .nolink {
	display:block;
	padding:2px 0 2px 15px;
	color:#000;
	font-size:1em;
	text-decoration:none;
	/*background-color:transparent;
	background-repeat:no-repeat;*/
	/*background-position:11px 5px;*/
}
#leftnav ul li a:hover { color: white; background-image: url(../img/menu_over.jpg); }
/*#leftnav ul li a:hover { color: white; background-color: transparent; background-image: url(img/menu_over.jpg); }
/* leftnav sublevel items */
#leftnav ul li ul {
	background:url(../img/menu_blanc.jpg);
	padding:7px 0;
}
#leftnav ul li ul li a {
	display:block;
	color:#000;
	text-decoration:none;
	font-size:1em;
	background:transparent;
	padding: 0 0 0 0; }
#leftnav ul li ul li a:hover {
	color:#000;
}
/*---COLOR------------------------------*/
.bleu
{
color: color: #008cd9;
}
/*--------------------------------------*/
/*----TABLEAU DE CARACTERISTIQUE--------*/
/*--------------------------------------*/

td.titrecol {
  border: solid 1px #008CD9;
  background-color: #008CD9;
  font-weight: bold;
  color: #FFFFFF;
}
td.basebleu {
  border-left: 1px solid #008cd9;
  background-color: #eaf9ff;
  border-top: 1px solid #008cd9;
  padding-right: 10px;
  padding-left: 3px;
}
td.unite {
  border-left: 1px solid #008cd9;
  border-top: 1px solid #008cd9;
  background-color: #ccc;
  width: 40px;
}
td.chiffreCRI { background-color: #fff; border-left: 1px solid #008cd9; border-top: 1px solid #008cd9; }

table.menu {
 background-color: #eaf9ff;
}

table.specs {
  font-family: Arial,sans-serif;
  font-size: 75%;
  color: #000000;
  border-bottom: solid 1px #008CD9;
  border-right: solid 1px #008CD9;
}
/* EN SAVOIR PLUS FOND BLANC*/
a.s:link { color: #686e71; font-size: 10px;text-decoration: none;text-align: justify; }
a.s:hover { color: #008cd9; font-size: 10px;text-decoration: underline;text-align: justify;}
a.s:visited { color: #686e71; font-size: 10px;text-decoration: none;text-align: justify;}
/* EN SAVOIR PLUS FOND COULEUR*/
a.s2:link { color: white; font-size: 10px;text-decoration: none;text-align: justify; }
a.s2:hover { color: white; font-size: 10px;text-decoration: underline;text-align: justify;}
a.s2:visited { color: white; font-size: 10px;text-decoration: none;text-align: justify;}