body {
background-image:url(../gifs/images/motif.jpg);
background-repeat:repeat;
padding:0px;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
}
	
#site{
	width:837px;
	position: relative;
}	


/*********toute les div de construction du header************/
#global{
margin-left: auto;
margin-right: auto;
width:900px;
text-align: left; /* on rétablit l'alignement normal du texte */
}

#contenue {
	position:absolute;
	width:700px;
	background-repeat:no-repeat;
	top: 213px;
	left: 153px;
	margin-left: auto;
margin-right: auto;
	height: 400px;
}

#en-tete-contenue-droit {
	position:absolute;
	width:724px;
	background-repeat: repeat-y;
	top: 213px;
	left: 153px;
	height: 285px;
	background-image: url(../gifs/images/millieu.jpg);
}

#en-tete-haut-droit {
	background-image:url(../gifs/images/header_2.jpg);
	position:absolute;
	width:260px;
	height:138px;
	top: 0px;
	left: 617px;
	background-repeat: no-repeat;
}

#en-tete-haut-droit {
	background-image:url(../gifs/images/header_2.jpg);
	position:absolute;
	width:260px;
	height:138px;
	top: 0px;
	left: 617px;
	background-repeat: no-repeat;
}

#en-tete-haut-gauche{
	background-image:url(../gifs/images/header_1.jpg);
	position:absolute;
	width:615px;
	height:138px;
	left: 2px;
	top: 0px;
	background-repeat: no-repeat;
}

#en-tete-fin-droit {
	position:absolute;
	width:729px;
	height:75px;
	top: 138px;
	left: 148px;
	background-repeat: no-repeat;
}

#en-tete-fin-gauche {
	background-image:url(../gifs/images/contact.jpg);
	position:absolute;
	width:151px;
	height:125px;
	top: 213px;
	background-repeat: no-repeat;
	left: 2px;
}


#en-tete-contenue-gauche{
	background-image:url(../gifs/images/menu_1.jpg);
	position:absolute;
	width:146px;
	background-repeat: repeat-y;
	top: 138px;
	left: 2px;
	height: 75px;
}

#form{
	position:absolute;
	width:437px;
	top: 27px;
	left: 258px;
	height: 127px;
}

/***********toute les div de construction du centre*******************/
#centre {
	position:absolute;
	background-repeat:repeat-y;
	width:724px;
	top: 227.px;
	left: 153px;
	height: 281px;
	top: 500px;
	background-image: url(../gifs/images/millieu.jpg);
}

#centre_bas{
	background-image:url(../gifs/images/bas_site.jpg);
	position:absolute;
	width: 724px;
	height: 153px;
	top: 494px;
	left: 153px;
	background-repeat: no-repeat;
}


/********************** toutes les div de construction de la barre gauche**************/
#barre-laterale {
	background-image:url(../gifs/images/plan.jpg);
	position:absolute;
	background-repeat: repeat-y;
	width: 151px;
	left: 2px;
	top: 338px;
	height: 220px;
	}
	
#barre-laterale-bas{
	background-image:url(../gifs/images/footer.jpg);
	position:absolute;
	background-repeat: no-repeat;
	width: 875px;
	height: 150px;
	top: 645px;
	left: 2px;
	}
	
/*********************toutes les div de construction du pied de page***************/
	
#footer {
	background-image:url(../gifs/images/bas_barre.jpg);
	background-color:#FFFFFF;
	position:absolute;
	background-repeat: no-repeat;
	width: 151px;
	left: 2px;
	top: 558px;
	height: 89px;
}


/***************************************Le menu*****************************/

#acc {    /* "lien" sera notre conteneur, ici la balise div */
	width: 155px;  /* changer la largeur ici */
	height: 75px; /* changer la hauteur ici */
	background:url(../gifs/images/menu_2.jpg) no-repeat left top;    /* placement de l'image over */
	display: block;
}

#acc a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background:url(../gifs/images/menu_over_2.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#acc a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#stock {    /* "lien" sera notre conteneur, ici la balise div */
    width: 137px;  /* changer la largeur ici */
    height: 75px; /* changer la hauteur ici */
    background:url(../gifs/images/menu_3.jpg) no-repeat left top;    /* placement de l'image over */
}

#stock a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background:url(../gifs/images/menu_over_3.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#stock a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#repasse {    /* "lien" sera notre conteneur, ici la balise div */
    width: 140px;  /* changer la largeur ici */
    height: 75px; /* changer la hauteur ici */
    background:url(../gifs/images/menu_4.jpg) no-repeat left top;    /* placement de l'image over */
}

#repasse a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background:url(../gifs/images/menu_over_4.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#repasse a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#commande {    /* "lien" sera notre conteneur, ici la balise div */
    width: 137px;  /* changer la largeur ici */
    height: 75px; /* changer la hauteur ici */
    background:url(../gifs/images/menu_5.jpg) no-repeat left top;    /* placement de l'image over */
}

#commande a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background:url(../gifs/images/menu_over_5.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#commande a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#transport {    /* "lien" sera notre conteneur, ici la balise div */
    width: 160px;  /* changer la largeur ici */
    height: 75px; /* changer la hauteur ici */
    background:url(../gifs/images/menu_6.jpg) no-repeat left top;    /* placement de l'image over */
}

#transport a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background:url(../gifs/images/menu_over_6.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#transport a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#transport_index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 243px;  /* changer la largeur ici */
    height: 42px; /* changer la hauteur ici */
    background:url(../gifs/images/index_transport_over.jpg) no-repeat left top;    /* placement de l'image over */
}

#transport_index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background:url(../gifs/images/index_transport.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#transport_index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

#commande_index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 243px;  /* changer la largeur ici */
    height: 38px; /* changer la hauteur ici */
    background:url(../gifs/images/index_commande_over.jpg) no-repeat left top;    /* placement de l'image over */
}

#commande_index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background:url(../gifs/images/index_commande.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#commande_index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

#industriel_index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 243px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background:url(../gifs/images/index_industriel_over.jpg) no-repeat left top;    /* placement de l'image over */
}

#industriel_index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background:url(../gifs/images/index_industriel.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#industriel_index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

#stockage_index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 243px;  /* changer la largeur ici */
    height: 47px; /* changer la hauteur ici */
    background:url(../gifs/images/index_stockage_over.jpg) no-repeat left top;    /* placement de l'image over */
}

#stockage_index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background:url(../gifs/images/index_stockage.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#stockage_index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}

	
/************************************************************************/

h1{
font-size:14px;
color: white;
}

h2{}

h3{}

p{
font-size:13px;
color: white;
margin:0px;
padding:0px;
}

p.grandtexte{
	font-size:13px;
	color: white;
	text-align: justify;
}

img{
border:0px;
}

legend{
margin:0px;
padding:0px;
}

/********************************les classse***********************************/
img.image{
padding:10px;
}

.menubas a{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0033CC;
}

.menubas a:hover{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

.txtcontact {
	text-align:justify;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px;
}
.txtcontact2 {
text-align:center;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:5px;
}

.txtcontact a{
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066FF;
	padding:5px;
		text-decoration:none;
}

.txtcontact a:hover{
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px;
		text-decoration:none;
}
.txtcontact2 a{
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066FF;
	padding:5px;
		text-decoration:none;
}

.txtcontact2 a:hover{
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding:5px;
		text-decoration:none;
}

.txtcontact ul {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:5px;
}

.pttxt{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.decalage{
padding-right:20px;
}


.txtsimple{
padding:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:justify;
}

.txtdanstxt a{
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding:5px;
		text-decoration:none;
}

.txtdanstxt a:hover{
	text-align:center;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066FF;
	padding:5px;
	text-decoration:none;
}

.txtgblanc {
font-size:14px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:16px;
padding-top:15px;
}