/*--------------------default------------------------*/


body {
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background:url(images/pix-body.jpg) repeat-x #636363;*/
}


*{
	margin:0;
	padding:0;
}


p, h2, h3 , h4 , h5  {
	display:block;


}

p {
	padding:10px 0 8px 0 ;
	

}


.clr{
clear:both;
}

a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif ;
	
}

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

/*------------------------------------ACCUEIL----------------------------*/

#page{
		width:100%;
		margin:0;
		/*background-color:#fff;*/
		background:url(images/pix-body.jpg) repeat-x #fff;
		}
	
#conteneur{

		margin:0 auto;
		width:955px;
		}

#entete{
		background:url(images/banniere.jpg) no-repeat 0 0;
		position:relative;
		width:955px;
		height:248px;
		}



#logo{
	width:227px;
	height:248px;
	float:left;
	text-align:right;
	}
/*--------------Debut de menu-------------*/
		
#menu{
	
	width:167px;
	height:248px;
	float:left;
	}

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

#menu  li{
	list-style-type:none;
	display: block;
	}

/*--------accueil-----------*/

#accueil a {
	background:url(images/menu/accueil-on.jpg) no-repeat;
	width:167px;
	height:67px;
	display:block;
}

#accueil a:hover{
	background:url(images/menu/accueil-off.jpg) no-repeat;
	width:167px;
	height:67px;
}

#accueil .active {
	background:url(images/menu/accueil-off.jpg) no-repeat;
	width:167px;
	height:67px;
	display:block;
}
/*------transfere-------*/
#transfere a {
	background:url(images/menu/transfert-on.jpg) no-repeat;
	width:167px;
	height:57px;
	display:block;
}

#transfere a:hover {
	background:url(images/menu/transfert-off.jpg) no-repeat;
	width:167px;
	height:57px;
}


#transfere .active{
	background:url(images/menu/transfert-off.jpg) no-repeat;
	width:167px;
	height:57px;
	display:block;
}
/*------salon expo-----*/


#salonexpo a {
	background:url(images/menu/salon-expo-on.jpg) no-repeat;
	width:167px;
	height:77px;
	display:block;
}

#salonexpo a:hover {
	background:url(images/menu/salon-expo-off.jpg) no-repeat;
	width:167px;
	height:77px;
}


#salonexpo .active{
	background:url(images/menu/salon-expo-off.jpg) no-repeat;
	width:167px;
	height:77px;
	display:block;
}
/*------------Contact----------*/


#contact a {
	background:url(images/menu/contact-on.jpg) no-repeat;
	width:167px;
	height:47px;
	display:block;
}

#contact a:hover {
	background:url(images/menu/contact-off.jpg) no-repeat;
	width:167px;
	height:47px;
}


#contact .active{
	background:url(images/menu/contact-off.jpg) no-repeat;
	width:167px;
	height:47px;
	display:block;
}

#pic-absolu{
	position:absolute;
	width:570px;
	height:315px;
	left:370px;
	}





/*----------------------------------------Milieu Accueil-------------------*/

#milieu{
	width:919px;
	float:left;
	padding:0 18px 0 18px;
	background-color:#FFFFFF;

}


#milieu ul{
	margin: 0;
	list-style:none;
}

#milieu li{
	/*list-style:url(images/puce-p.jpg) ;
	list-style-position:0 5px ;*/
	background:url(images/puce-p.jpg) 0 13px no-repeat;
	/*padding-top:6px;*/
	padding:10px 0 0 20px;
	line-height:13px;
}


/*----------------------Partie gauche----------------*/

#bloc-central{
	width:209px;
	float:left;

}
#bloc-gauche-haut{
	width:209px;
	padding-top:10px;
}
#bloc-gauche-txt{
	width:190px;
	padding:0px 5px 0 5px;
	text-align:justify;
}



#bloc-gauche-txt h4{
	padding-top:5px;
	font-size:15px;
	color:#981B05;
	font: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
}
#bloc-gauche-bas{
	background:url(images/acc-bas-left.jpg) no-repeat 0 0;
	width:209px;
	height:110px;
	clear:both;
	margin-bottom:1px;
}

#bloc-gauche-bas a{
	text-decoration:none;
	font-size:16px;
}

#bloc-gauche-bas h5{
	padding-top:60px;
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	
}


/*----------------------Partie milieu- HAUT-----------------Accueil-------------------*/

#bloc-droit-central{
	width:710px;
	float:left;
	background-color:#EAE0D7;
}

#bloc-droit-txt{
	padding:70px 10px 0 10px;
	width:321px;
	float:left;
}

#bloc-droit-txt h3{
	font: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#9E0325;
}


#droit-acc{
	width:369px;
	float:left;
}
#bloc-droit2{
	padding:0 10px 0 9px;
	width:350px;
	float:left;
	margin-top:75px;
	background-color:#FFFFFF;
}	



#bloc-droit2 h4{
	padding:13px 0 7px 0 ;
	font-size:15px;
	color:#981B05;
	font: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	}
#bloc-droit2 ul{
	margin: 0;
	padding:0 0 10px 20px;
	list-style:none;
}

#bloc-droit2 li{
	background:url(images/puce-g.jpg) 0 5px no-repeat ;
	padding:5px 0 0 17px;
	line-height:13px;
}

#droit-fin{
	background:url(images/fin-bloc.jpg) no-repeat;
	width:369px;
	height:26px;
	float:left;
}
/*------------------------FIN MILIEU HAUT-----------Accueil-------*/



/*--------------------------BAR suite txt milieu-------------*/

.trait{
	margin:10px 0px 0px 0px;
	width:270px;
	height:6px;
}
/*-Fin*/

/*-------------Partie bas du contenu texte-------------*/

#bloc-milieu-bas{
	width:710px;
	float:left;
	}

#img-bas-milieu{
	width:91px;
	height:129px;
	float:left;
}
#bloc-bas-milieu-txt{
	padding-top:52px;
	width:619px;
	float:left;
}
#bloc-bas-milieu-txt h4{
	font-size:15px;
	color:#981B05;
	font: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
}


#bloc-bas-milieu-txt1{
	width:280px;
	float:left;
}

#bloc-bas-milieu-txt2{
	width:300px;
	float:right;
	height: auto;
}



/*-------------footer-------------*/

#footer{

	clear: both;
	width:100%;
	height:140px;
	background:#636363 url(images/pix-footer.jpg) repeat-x;
	text-align:center;
	color:#B2B2B2;
	}

#footer1{
	margin-top:10px;
	width:955px;
	/*height:98px;*/
		margin:0 auto;
		}
		
		
/*----debut adress--------*/


#adresse {
	padding-top:25px;
	margin: 0 auto;
	height: 20px;
	width: 700px;
	text-align:left;
	}


#adresse span{
	float: left;
	padding:0 35px 0 10px;
	background: url(images/sep.jpg)  no-repeat 100% 0;
	color:#999999;
	font-size:11px;
		}

#adresse .sansbord{
	background-image:none;
		}


#adresse em{
	position:relative;
	top:5px;

		}





.toptech {
	margin: 0;
	width: 955px;
	text-align:center;
	padding-top:15px;
		}

.toptech p{
	text-align:center;
		}



.toptech a{
	font-size:10px;
	color:#CCCCCC;
		}


/*------------------------------Page transfere industriel--------------------------------*/

#entete-transfere{
		background:url(images/banniere-2.jpg) no-repeat 0 0;
		width:955px;
		height:248px;
		}
/*----Milieu de la page transfere----*/
#milieu-trasfere{
		padding:0 18px 0px 18px;
		width:919px;
		float:left;
		margin:0 auto;
		background-color:#FFFFFF;
		}

#txt-cont-trans{
		padding: 10px ;
		width:899px;
		display:block;
		background:#EAE0D7;
		
		}
#txt-cont-trans img{
		border: 1px solid #A09C99;
		}

#txt-cont-trans h2{
		font-family:'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif;
		padding-bottom:8px;
		font-size:18px;
		color:#7E1E32;
		width:305px;
		}

#txt-cont-trans p{
		font-size:12px;
		padding:5px ;
		}

#txt-cont-trans1{
		width:305px;
		float:left;
	
		}
		

#txt-cont-trans2{
		width:318px;
		float:left;
		}
		
#txt-cont-trans2 img{
		float:left;
		margin-right:10px;
		}

#txt-cont-trans3{
		width:276px;
		float:left;
		}

#txt-cont-trans3 img{
		float:left;
		margin-right:10px;
		}

#fin-txt-cont{
		background:url(images/adress-bas.jpg) no-repeat;
		clear:both;
		width:919px;
		height:16px;
		}

/*---------BLOC QUI CONTIEN LES PHOTOS--------*/
#bloc-diapo{
		width:919px;
		float:left;
		padding-bottom:20px;
		}

#diapo-gauche{
		float:left;
		width:500px;
		padding-left:10px;
		}

#diapo-titre{
		width:500px;
		height:30px;
		}


#diapo-titre h3{
		background:url(images/puce-g.jpg) 0 5px no-repeat;
		height:30px;
		padding:0  0px 0 15px ;
		font-family:'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#666666;
		}

#diapo-titre h3 img {
		margin-left:13px;
		}
#diapo-image{
		float:left;
		width:494px;
		}

#diapo-image img{
		margin-left:1px;
		border:1px solid #000000;
		cursor:pointer;
		}

#diapo-droit{
		float:left;
		width:px;/*359px;*/
		padding:65px 0px 0 10px;
		cursor:pointer;
		}


#diapo-droit img{
		border: double 2px  #000000;
		}

/*-------------PAGE salon exposition-------------*/



#milieu-salonexpo{
		padding:0 18px 0px 18px;
		width:919px;
		float:left;
		margin:0 auto;
		background-color:#FFF;
		}

#txt-cont-salon{
		padding: 10px ;
		width:899px;
		height:300px;
		display:block;
		background:#EAE0D7;
		}

#txt-cont-salon h3{
		font-family:'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif;
		padding-bottom:8px;
		font-size:18px;
		color:#7E1E32;
		}
		
#txt-cont-trans p{
		font-size:12px;
		padding: 5px;
		}
		
#txt-cont-salon1{
		width:100%;
		float:left;
		
		}
			

#txt-cont-salon1 p{
		padding: 5px;
		}




/*-------------------------------PAGE CONTACT--------------------------------------*/

#milieu-contact{
		padding:0 18px 0 18px;
		width:919px;
		float:left;
		background-color:#FFFFFF;
		}
		
#pic-absolu-cont{
		position:absolute;
		width:564px;
		height:327px;
		left:385px;/*390*/
		top:6px;
		}
		
#bloc-email{
		background: #EAE0D7 url(images/adress1.jpg) no-repeat bottom left;
		width:919px;
		height:300px;
		}

#email-gauche{
		width:230px;
		float:left;
		padding:85px 0 0 30px;
		}

#email-gauche h3{
		background:url(images/cont-puce2.jpg) 0 0 no-repeat;
		width:39px;
		height:36px;
		padding:0  0px 12px 45px ;
		font-family:'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif;
		font-size:26px;
		font-weight:bolder;
		color:#7E1E32;
		
		}

/*--------------- bloc milieu qui contien les infos, adress et tel faax ----------------*/

#email-milieu{
		width:328px;
		float:left;
		padding:40px 0 0 0;
		background:url(images/contact.jpg)  no-repeat 15% 95%;
		height:127px;
		border-left:1px dashed #a90329;
		margin-top:45px;
		
		
		}

#email-milieu p{
		padding:0 0 10px 50px;
		margin-left:50px;
		font-size:18px;
		font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
		color:#7E1E32;
		line-height:20px;
		}

/*--------------partie droit-----------------*/

#email-droit{
		width:241px;
		float:right;
		padding:70px 30px 0 0 ;
		}
		
#email-droit h3{
		font-family:'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif;
		background:url(images/cont-puce1.jpg) 100% 0 no-repeat;
		padding:0px 40px 0px 0 ;
		margin-top:10px;
		font-size:26px;
		color:#7E1E32;
		}
		
#email-droit img{
		vertical-align:bottom;
		padding-left:5px;

		}
 
#email-bas{
	background:url(images/adress-bas.jpg) no-repeat;
	width:919px;
	float:left;
		}
		
#email-bas img{
		float:left;
		}
		
#email-bas1{
		width:350px;
		float:left;
		}
		
#email-bas2{
		width:569px;
		float:left;
		}

#email-bas p{
		padding:0;
		margin:0;
		font-size:18px;
		font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
		color:#7E1E32;
		}
		
#footer-cont{
		clear: both;
		width:100%;
		height:120px;
		background:url(images/pix-footer.jpg) repeat-x #636363;
		text-align:center;
		color:#B2B2B2;
		}
		
/*object{
		margin:0;
		padding:0;
		}*/
		


/* ####################################### * PAGE SALON EXPOSITION * #######################################*/


.txt-cont-trans8 h4 {
	color:#7E1E32;
	font-weight:bold;
	font-size:16px;
	font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;
}

.txt-cont-trans9 h4 {
	color:#7E1E32;
	font-weight:bold;
	font-size:16px;
	font-family: 'Trebuchet MS' ,Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;
}

.txt-cont-trans8{
		float:left;
		padding:0 10px 0 0;
}

.txt-cont-trans9{
		float:left;
		padding:0 30px 0 20px;
}


#diapo-droit2 {
		float:left;
		width:px;/*359px;*/
		padding:33px 0px 0 10px;
		cursor:pointer;
}

#diapo-droit2 img {
	border:1px solid #000;

}

#txt-cont-trans .txt-cont-trans8 .transport {
	padding-right:20px;
}