/*Every page*/
body{
background: #e6ecff;
color: black;
margin: 0 10%;
padding: 0 ;
/*font-size: 80%;???? */
font-size:12px; 
font-family: verdana, arial, sans-serif;
text-align: center;
height: auto;
height: 100%; 
min-height: 100%;
}

img{
	border: 0;
}

td{
/*font-size: 80%;???? */
font-size:12px; 
} 
  

p {	
color: #000000;
text-align: left;
}

form{
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
}

.right{
text-align: right;
}
.center {
text-align: center;
}
.left {
text-align: left;
}



.highlight {
color: #ff0000;
font-weight: bold;}


/*links*/
a:link { 
color: #0000af ;
text-decoration: none; 
}
a:visited {
color: #0000af;
TEXT-DECORATION: none;
}
a:hover { 
color: red;
TEXT-DECORATION: underline
} /* when mouse is over link */
   
a.black:link { color: black; TEXT-DECORATION: none;}
a.black:hover { color: black; TEXT-DECORATION: underline;}
a.black:visited {color: #000000; TEXT-DECORATION: none;}








div.corps {
}


div.toppage{
text-align: center;
}


/*Top menu*/
div.menuhaut {
margin-right: 10px;
margin-top: 10px;
}

div.menuhaut a {margin-left: 20px; /* espacement entre chaque sous-menu */}



/*Headers*/
div.head1 {
display: inline;
float: left;
width: 237px;
height: 68px;
margin:10px 0 10px 0;
padding:0;
border:0;
}
div.head2 {
display: inline;
float: left;
width: 468px;
height: 68px;
margin:10px 0 10px 0;
padding:0;
border:0;
} 


/*Login menu*/
div.menulogin{
width: 8%;
margin:10px 0px 0px 0;
padding:0;
display: inline;
float: left;
/*position : absolute;
right : 10%;
top: 6%;*/
}
div.menulogin ul{
	text-align: left;
	text-indent: 0;
	margin: 0px;
	margin-bottom: 0px;
	padding: 0;
	list-style-type: none;
}
div.menulogin li{
	margin:0;
	padding: 4px 1px 4px 1px;
	color: black;
	background: #efefef;
}
div.menulogin a {color: #000000; TEXT-DECORATION: none;}
div.menulogin a:visited{color: #000000; TEXT-DECORATION: none;}
div.menulogin a:hover{color: #000000; TEXT-DECORATION: underline; }



/*Navigation menu*/
ul.navbar {
width : 100%;
list-style-type: none;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 0px;
padding-right: 0px;
color: black;
background : #83a8be;
margin: 0px 0px 0px 0px;
clear: both;
} 
ul.navbar li {
display: inline;
text-align: center;
vertical-align: middle;
margin: 0px;
padding-right: 8px;
padding-left: 8px;
border-right: 0.2em solid #9dbbcc;
}
ul.navbar a {color: #000000;font-size:12px;font-weight: bold;}
ul.navbar a:visited{color: #000000}
ul.navbar a:hover{color: #000000; TEXT-DECORATION: underline;  }



/*Localisation*/
div.localisation{
color: black;
background: #e8e8e8;
text-align: left ;
margin-top: 10px;
margin-bottom: 10px;
padding: 3px;
width: 100%;
}





/*Sous menu : pro_html_...*/
ul.sousnavbar {
width : 100%;
list-style-type: none;
padding: 0;
margin: 0em 0em;
} 
ul.sousnavbar li {
width: 19.8%;
display: inline;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
text-align: center;
vertical-align: middle;
border: #E6ECFF solid 1px ;
color: black;
background : #ffcc66;
}
/*End Sous menu : pro_html_...*/





/*Sidebar chinadistr & directory_all*/
div.sidebar{
margin-left: 76%;
margin-top: 10%;
background: #E6ECFF;
color: black;
text-align: center;
}

div.sidebar thead {
background:#000000;
color:#ffff00;
text-align: left;
						
}

div.sidebar tfoot {
background:#dfdfdf;
color:#ffff00;
text-align: left;					
}

div.sidebar tbody {
text-align: left;
color: black; 
background:#FFFFFF;
}

div.sidebar div {
	padding: 10px;
}

div.sidebar div.blanc {
background: white;
	}
div.sidebar div.bleu {
background: #C2D8D8;
border: 1px solid #ECE9D8;
	}
/*End Sidebar*/





/*Index.htm*/
div.search{
	background: url(images/di.gif);
	color: black;
}


.main{
background: #ffffff;
color: black;
padding:5px 10px 10px 10px;
}

.main p{
padding:0;
margin-top:5px;
margin-bottom:5px;
}

.main form{
padding:0;
margin-top:5px;
margin-bottom:5px;}

div.tete{
background: #ABC5D3;
color: #336699;
text-align: left;
padding:4px;
	
}

.gauche table{
	text-align: left;
	border: solid 1px #DCDCDC;
	/*border-right: solid 1px #DCDCDC;
	border-bottom: solid 1px #DCDCDC;	*/ 
}

table.center{
	text-align: center;
}

.gauche td.grise{
	background: #E0E0E0;
	border: #F1F1F1 1px ridge; 	                    
}

.droite{
margin-left: 76%;
text-align: left;	
}

.droite ul{
list-style: none;	
list-style-position: outside;
margin: 0px;
padding: 0px;
}

.droite ul.side{
border: 1px silver double;
margin-bottom: 10px;
 
}

.droite li.blue{
color: #0000AF;
}

.droite div.header{
	background: #ABC5D3;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	border: 1px silver double; 
}

.EMS p{
	text-align: justify;
}

.gauche{
float: left;
width: 75%;		
}


.LeftNavOff {
	border: white 2px solid; 
	padding:2px;
	margin: 2px 0px; 
}


.LeftNavUp {
	color: black;
	background: #86c8ff;
	padding:2px;
	cursor: pointer;
	margin: 2px 0px; 
	border-right: #333333 2px solid; 
	border-bottom: #333333 2px solid; 
	border-top: #ffffff 2px solid; 
	border-left: #e0e0e0 2px solid;	
}

table.rose {
	color: black;
	background: #FFFFCC;
}

.inline {
	display: inline;
	width: 15%;
}
/* End de Index.htm*/


/*directory_all*/
.directoryall{
	float: left;	
width: 73%;
background: #EFF5F5;
text-align: left;
line-height: 15px;
padding: 30px;
}
.directoryall p{
	text-align: justify;
}
.directoryall table{
}
.directoryall td{
	padding: 5px;
}





/*Description  used in regional directories*/
.description{ 
float: left;	
width: 75%;
}

.description p{
text-indent: 2em; 
text-align: justify; 
}

.description ul{ 
text-align: left;
color:#0000FF;
list-style: disc outside;
}

.description span{
color:#000000;
}

.description h4{
color: #cc0099;
text-align: left;
font-size:16px; 
}
/*End Description  used in regional directories*/



/*Detail*/
.detail{ 
float: left;	
width: 75%;
}


.detail p{
color: black;
background: #f4ffff;
padding: 5px 20px 20px 5px;
text-indent: 2em;
text-align: justify;
line-height: 20px;
}

.detail h4{
text-align: center;
font-size:16px; 
}



/* utilisé dans about_eb et order*/
.imagelaterale1 {
	background-color: #90a4b0;
	background-image: url(images/worker.gif);
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	width: 155px;
	height: 850px;
}

.imagelaterale2 {
	background-color: #9CCEFF;
	background-image: url(images/support-pic.gif);
	background-position: center;
	background-repeat: repeat;
	float: left;
	width: 155px;
	height: 1000px;
}

.imagelaterale3 {
	background-image: url(images/salemiss.gif);
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	width: 155px;
	height: 128px; 
	
}



.contenu {
	margin-left: 10%;
}

.contenu p{
	text-indent: 40px;
	text-align: justify;
	line-height: 30px; 
}

.contenu table{
	border: none;
	text-align: left;
}

.contenu h3{
	color: Red;
	text-align: left;
}


/*Demo*/
ul.demo {
	text-align: justify;
	list-style: disc;
	line-height: 20px; 
}
div.centredroit{
	float: right;
	width: 80%;
}
div.centregauche{
	float: left;
	width: 20%;
}
/*End Demo*/



/*Demo directory*/
div.demo {
	text-align: justify;
	line-height: 20px;
	background: #EFF9FC;
	padding:10px;
}
div.demo h4,h5{
text-align: center;}

div.demo ol{
	line-height: 20px;
}
div.demo li{
	margin: 15px;
}
div.bloc{
	text-align: center;
}
div.bloc img{
	margin: 10px;
}
div.legend {
	background: #FFFF99;
	width:100%; /*60% pb Firefox*/
	margin-bottom: 20px;
	text-align: center;
}
/*End Demo directory*/


/* Order*/
div.formulaire{
	background: #E6ECFF;
	border: double #BBCDFF 3px;
	padding:0;
	margin:0;
}

table.formulaire{
	text-align: left;
	
}
table.formulaire td{
	border: #dde6ff solid 1px;
}
table.formulaire tr.blue{
	
}
table.formulaire tr.white{
	color: black;
	background:#f7f9ff;
}
/* Order*/

p.center {
text-align: center;
}

span.emphasize {
	font-size: 25px;
}



p.right{
text-align: right;
}


p.left {
text-align: left;
}








col.left {
text-align: left;
}
col.right {
text-align: right;
}

col.bold {
font-weight: bold;	
}




/*Use in chinadistr.htm*/
table.chinadistr {
		width:100%;
		border-right: 1px solid #000000;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;}


table.chinadistr td {	
			FONT-SIZE: 12px;
			border-right: 1px solid #000000;
			border-top: 1px solid #000000;
			border-left: 1px solid #000000;
			border-bottom: 1px solid #000000;
			
	 
}

table.chinadistr thead {
background: #000080;
color: #ffff00;
text-align: center;
font-weight: bold;		
}







/*Use in pro_hyml_detail.htm and servicelist.tm*/
table.industries {
width:100%;
border-style: none; 
border-collapse: collapse;
color: black;
background: #d8f0f8;
}

table.industries td {
border: 1px solid black; 
text-align: left;
padding:5px;
}

table.industries tr.blue{
color: black;
background: #d8f0f8;
}

table.industries tr.white{
color: black;
background: #ecf9ff;	
}

table.industries thead {
color: black;
background: #a4dcee;
color: #000000;
}
/*End of pro_hyml_detail.htm*/




/*Use in prolist.htm*/
ul.navbarprolist {
width : 100%;
list-style-type: none;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 0px;
padding-right: 0px;
color: white;
background : black;
margin: 10px 0px 0px 0px;
}
  
ul.navbarprolist li {
display: inline;
text-align: center;
vertical-align: middle;
margin: 0px;
padding-right: 8px;
padding-left: 8px;
}
ul.navbarprolist a {color: white;}
ul.navbarprolist a:visited{color: white;}
ul.navbarprolist a:hover{color: white; TEXT-DECORATION: underline;  }

table.foreign {
width:100%;
border-style: groove;
border-collapse: collapse; 
margin: 10px 0 10px 0;

}
table.foreign td {
border: 1px solid black; 
text-align: left;
padding:5px;
}
table.foreign thead {
color: black;
background: #A4DCEE;
}
table.foreign tbody {
color: black;
background: #ECF9FF;
}
/*End of prolist.htm*/


/*Use in service list*/
div.milieu {
	width: 60%;
}
/*End of Service list*/






div.bottompage{
width: 100%;
clear: both;
}

/*Bottom menu*/
.menubas {
margin-right: 10px;
margin-top: 10px;
}


.menubas a {
margin-left: 30px; /* espacement entre chaque sous-menu */
border-left: 0.2em solid #e4e4e4;
}
.menubas a:link{color: #000000;}
.menubas a:visited {color: #000000;}


/*Bottom page*/
.footpage { 
color : black;
background: #83a8be;
text-align: center ;
LINE-HEIGHT: 150%;
margin-top : 10px;
}






/*Table of prices*/
table.price{	border-right: 1px solid #000000;
			border-top: 1px solid #000000;
			border-left: 1px solid #000000;
			border-bottom: 1px solid #000000;
			width: 100%;
 }


table.price td {	FONT-SIZE: 12px;		 
}



table.price thead {	background: #000080;
	 			color: #ffff00;
				text-align: center;
				HEIGHT: 12.75pt;
				font-weight: bold;		
}




div.bank {
	float: right;
	width: 20%;
	margin: 10px;
}

div.bankright {
	float: right;
}
div.bankleft {
	float: left;
}