@import url(../css/content.css); 
@import url(../css/navs.css); 
@import url(../css/forms.css); 

body, htm {
	background-color: #AFCDD3;
	margin:0;
	padding:0;
}

dl, dt, dd{
	padding:0;
	margin:0;
}

ul{
	padding:0;
	margin:0;
	margin-left:1px;
	}

li{
	list-style:disc;
	list-style-type:disc;
	list-style-position:outside;

	margin-left:15px;
	}

table {
	font-size: 11px;
	color: #535353;
	border: 1px none #ccc;
}

h1.page{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-bottom: 0.7em;
	color: #006685;
	text-decoration: none;
	font-weight: bold;
	line-height:30px;
	border-bottom:1px solid #ccc;
	border-top:0px solid #ccc;
	text-align:center;
	}
	
h2 { font-size : 18px; font-weight:normal;}



a img {border:0;}

/**
 * Regions
 */

#wrapper{
	width:940px;
	border:0;
	padding:0;
	margin:8px auto;
	background: #007997;
	
	border-radius:6px; 					/* css 3 */
	-moz-border-radius: 6px; 		/* ff */
	-webkit-border-radius: 6px; /* safari & chrome */
	-khtml-border-radius:6px; 	/* linux */
	
	/* behavior: url(librairies/htc/border-radius.htc); */
	}
	


#header{
	margin:0;
	padding-top:10px;
	
	}
	
#header #logo{
	float:left;
	width:220px;
	margin-left:8px;
	}

#header #slogan{
	float:left;
	width:700px;
	margin-top:15px;
	}
	
#header #slogan .infos-salon{
	font-size: 18px;
	color:#fff;
	text-align: center;
	line-height: 1.2em;
	font-style: italic;
	font-weight: normal;
	}
	
#header #slogan  .infos-dates{
	font-size: 16px;
	color:#FFFF00;
	text-align: center;
	line-height: 1.2em;
	font-weight: bold;

	}

#col-wrapper{
	width:100%;
/*
	background-color: #fff;
	background-image: url("../pix/left.gif");
	background-position-y: top;
	background-position-x: -50px;
	background-repeat: repeat-y;
*/
	background: #fff url("../pix/left.gif") -25px 0px repeat-y;
	overflow: auto!important;
	overflow:inherit;
	min-height:280px;
	clear:both;
	}

#left{
	float:left;
	width:200px;
/* 	background: #66A3B6; */
	overflow:visible;
	padding-top:10px;
	}	
	
#right{
	float:right;
	width:720px;
	overflow:visible;
	padding-top:10px;
	}	
	

#content{
	width:auto;
	margin:0 40px 0 40px;

	
	}

#content .contenu {}



#footer{
	}


#partners-block{
	
	}


/**
 * nav principale
 */

#primary-links {
	float:left;
	margin:8px 15px 8px 15px;
	width:auto;
	text-align: left;
	font-size:11px;
	clear: both;
	}
	

ul.primary-links {
	float:left;
	display:block;
	position: relative;
	list-style: none;
	padding: 0 ;
	margin: 0;
	width:auto;
	}
	
.primary-links li {
	float: left;
	display:inline;
	position: relative;
	cursor: pointer;
	padding:0;
	margin:0 8px 0 0 ;
	background: none;
	color: #e0e0e0;
	font-size: 13px;
	font-weight: bold;
	line-height: 27px;
	background: url(../pix/primary-nav-left.gif) top left no-repeat;
	}

.primary-links li a  {
	float: left;
	color: #fff;
	margin:0 0 0 7px;
	padding:0px 8px;
	line-height: 27px;
	text-align: center;
	outline: none;
	background: none;
	background: url(../pix/primary-nav-right.gif) top right no-repeat;
	}

.primary-links li a span{
	display:block;
	margin-left: -7px; 
	}

.primary-links li a:hover {
	color: white;
	text-decoration: none;
	background: none;
	cursor: pointer;
	}
	
.primary-links li:hover{
	background: url(../pix/primary-nav-hover-left.gif) top left no-repeat;
	}

.primary-links li:hover a {
	color: white;
	background: url(../pix/primary-nav-hover-right.gif) top right no-repeat;
	}

.primary-links li.active {
	background: url(../pix/primary-nav-hover-left.gif) top left no-repeat;
	}

.primary-links li.active a {
	color: #006685;
	background: url(../pix/primary-nav-hover-right.gif) top right no-repeat;
	}

#primary-links li.active a:hover {

	}


/**
 * secondary links
 */


ul.secondary-links{ 
	padding:0px; 
	margin:0 auto; 
	}

.secondary-links li{	
	list-style:none;
	margin:0px 0px 1px 0px;
	line-height: 1.4em;
	}
	
.secondary-links a{
	display: block;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	padding:4px 6px;
	border-top:1px solid #66a2b4;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;

}
.secondary-links a:hover{
	color:#448396;
	background: #c6e0e7;
}
.secondary-links #current a{
	/*
background:#006685; 
	color:#fff;
*/background: #c6e0e7;
	color:#006685;
	}

.secondary-links span{

}

/**
 * page footer
 */

.page-footer{}


#top-page-link {
	font-size: 11px;
	float: left;
	margin-top:70px;


}
* html #top-page-link {
	display: inline;
}
#top-page-link a,
#top-page-link a:link,
#top-page-link a:visited {
	padding-left: 18px;
	background: transparent url(../pix/fleche_top_page.gif) no-repeat 0 2px;
	text-decoration: none;
}
#top-page-link a:hover {
	background-position: 0 -48px;
}

#picto{
	margin:20px auto;
	background: url('../pix/picto_bas.gif') top left no-repeat;
	width:130px;
	height:90px;
}

/**
 * footer nav
 */

#footer-links {
	float:right;
	margin:8px 15px 8px 15px;
	width:auto;
	text-align: left;
	font-size:11px;
	clear: both;
	}
	

ul.footer-links {
	float:left;
	display:block;
	position: relative;
	list-style: none;
	padding: 0 ;
	margin: 0;
	width:auto;
	}
	
.footer-links li {
	float: left;
	display:inline;
	position: relative;
	cursor: pointer;
	padding:0;
	margin:0 0 0 15px ;
	background: none;
	font-size: 14px;
	font-weight: bold;
	}

.footer-links li a  {
	
	display: inline;
	color:#9dd7e8;
	margin:0 0 0 0px;
	padding:0px 0px;
	text-align: center;
	outline: none;
	background: none;
	}

.footer-links li a span{
	display:block;
	 
	}

.footer-links li a:hover {
	color: white;
	text-decoration: none;
	background: none;
	cursor: pointer;
	}




/**
 * blocks
 */
 
.block{
	display:block;
	margin:8px auto;
	padding-bottom:4px;
	width:180px;
	margin-left:13px;

	border-radius:6px; 					/* css 3 */
	-moz-border-radius: 6px; 		/* ff */
	-webkit-border-radius: 6px; /* safari & chrome */
	-khtml-border-radius:6px; 	/* linux */
	
	/* behavior: url(librairies/htc/border-radius.htc); */
	background: #9cc2cf!important; /*ie : htc hack hides the background*/
	
}


/* ie hack
 * htc hack hides the background
 * so we add a div to set background
 */
.block .inner{
	
}


.block h3{
	margin:0;
	background:#007997;
	color:#fff;
	font-weight:bold;
	font-size: 14px!important;
	padding:3px 5px;
	line-height: 1.6em;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;

}

.block .inner{
	padding:0;
}


/**
 * login form (complŽment de block)
 */

.login-form{
	color: #006685;
	background: #f0f0f0!important;
	}
	
/* ie hack
 * htc hack hides the background
 * so we add a div to set background
 */
	
.login-form .inner{
	padding:5px 8px;
/* 	background: #f0f0f0; */
	}

.login-form form{padding:0; margin:0;}

.login-form input[type="text"], 
.login-form input[type="password"]{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	background:#fafafa;
	border:1px solid #ccc;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin-right: 3px;
	width:150px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
	
.login-form .logError{
	text-align:center;
	color:#FF0000;
	}


div.logo{background: none; margin-bottom: 10px;}
div.logo img{ border:1px solid #ddd; padding:8px; }

.about{
	padding:0 8px;
	text-align: right;
	height:30px;
	line-height:30px;
	}

.about a{
	font-size:14px!important;
	font-weight: bold;
	text-decoration: none;
	color:#9dd7e8;
	}
.about a:hover{
	color:#fff;
	}

/** langue */
.lg { 
	text-align:center;
	
	}
.lg a { 
	color:#fff; 
	text-decoration:none;
	}
.lg a:hover { color:#fff; text-decoration:none;}

/**
 * pub 
 */

.pub{
	margin:0 auto;
	width:480px;
	margin-bottom:25px;
	text-align: center;

	}
	
.pub div#banner{
	border:1px solid #ddd;
	padding:5px;
	margin:0 auto;
	text-align: center;

/* 	width:468px; */
	}
	
.pub div#banner img{border:0px solid #ccc;}
	
.pub div#titre{
	padding:0px;
	font-size:10px;
/* 	font-variant:small-caps; */
	background:#fff;
	color:#aaa;
	
	}


/**
 * partenaires 
 */
 


div#partners{
	width:100%;

	margin:0 auto;
	margin-bottom:0px;
	padding-bottom:10px;
	border:0px solid #006685;
/* 	background: #007997; */

	}
	
.partners-header{
	color:#FFFF00;
	font-size: 15px;
	padding-left:15px;
	font-weight: bold;
	border-bottom: 0px dotted #9dd7e8;
	margin-bottom: 10px;
	}

ul.partners{
	margin:0 auto;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:5px;
	width:auto;
	list-style:none;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative;
	clear: both;
	padding-bottom:10px;
	background: #f0f0f0!important;
		border-radius:6px; 					/* css 3 */
	-moz-border-radius: 6px; 		/* ff */
	-webkit-border-radius: 6px; /* safari & chrome */
	-khtml-border-radius:6px; 	/* linux */
	
	/* behavior: url(librairies/htc/border-radius.htc); */
	
	}
	
.partners li{
	list-style:none;
	display: inline-block;
	/display:block;
	/float:left;
	
	margin:10px 0px 0px 7px;
	padding:0;
	background: #fff;
	padding:2px;
	
	border: 1px solid #ccc!important;
	border-radius:6px; 					/* css 3 */
	-moz-border-radius: 6px; 		/* ff */
	-webkit-border-radius: 6px; /* safari & chrome */
	-khtml-border-radius:6px; 	/* linux */
	
	/* behavior: url(librairies/htc/border-radius.htc); */
	
	
	}
.partners li:hover {
	border: 1px solid #007997;
	
	}

.partners li img{
	border: 0px solid #ccc;
	
	}

.partners li a:hover img{
	border: 0px solid #007997;
	
	}

/**
 * nouveaux produits 
 */

.produits{
	margin:0;
	margin-right:240px;
	
}

ul.produits  .produits ul { 
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	}

.produits-group{
	margin-bottom:30px;
}

.produits-cat{

	border-bottom:1px solid #ddd;
/* 	background: #f5f5f5; */
	color: #66A3B6;
	font-size:15px;
	font-weight:bold;
	padding:5px;
	padding-top:0;
}


.produits li{ 
	list-style:none;
	margin:0;
	padding:0;
	}

.produits dl, .produits dt, .produits dd{
	margin:0;
	padding:0;
	}

.produits dt{
	background:#ececec;
	border-bottom:1px solid #ccc;
	font-size:13px;
	font-weight:bold;
	line-height:1.2em;
	margin:0 0 1.0em 0;
	padding:3px;
	}

.produits dd{
	line-height:1.6em;
	}

.produits a.pdf{
	text-decoration:underline;
	background-image:url(../pix/icons/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	font-weight:bold;
	margin-left:5px;
	}

.produits fieldset{
	border:1px solid #ddd;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	margin:0px 0 5px 0;
	/margin:-8px 0 8px 0;
	padding:8px;
	}

.produits legend{
	/*
	background:#e0e0e0;
	border:1px solid #ccc;
	*/
	color: #006685;
	color: #66A3B6;
	font-size:13px;
	font-weight:bold;
/* 	line-height:1.2em; */
	margin:0 0 0.5em 0;
	padding:0px 8px;
	}
	
.produits-sommaire{
	float:right;
	background: #f5f5f5;
	margin:0;
	padding:5px;
	border:1px solid #ddd;
	border-radius:6px; 					/* css 3 */
	-moz-border-radius: 6px; 		/* ff */
	-webkit-border-radius: 6px; /* safari & chrome */
	-khtml-border-radius:6px; 	/* linux */

	width:200px;
}

.produits-sommaire ul, .produits-sommaire li {
	list-style: none;
	list-style-type:none;
	margin:0;
	padding:0;
	/* list-style-position: inside; */
}

.produits-sommaire ul{
	font-size: 11px;
}

.produits-sommaire li {
	list-style: none;
	list-style-type:none;
	/* list-style-position: inside; */
	margin:0;
	padding:0;
	background: url('../pix/arrow2.gif') center left no-repeat;
	padding-left:8px;
}



/** 
 * liste des exposants 
 */

.listExposants{}
.listExposants ul {float:left; margin-left:-40px;}
.listExposants li { list-style:none; border-bottom:1px dotted #999; padding:2px 0px 2px 0px; display:block; width:100%; text-align:left;}
.listExposants li span{ background:url(../pix/picto_avatar3.gif) 0% 50% no-repeat; padding-left:20px; }
.listExposants li a{text-decoration:none;  }

.listExposants .stand{background:none; font-weight:bold; padding:0; margin-left: 5px; font-size: 12px; color:#66A3B6}

.listExposants table{border:0px solid #ccc; border-collapse:collapse; width:100%}
.listExposants td{border-bottom:1px solid #eee; padding:5px 5px; vertical-align:middle; 
 /*height: 50px;*/ }
.listExposants td.societe{padding-right:5px; font-weight: bold;}

.listExposants td.logo{width:80px; text-align:right;}
.listExposants td.logo img {border:1px solid #ccc;}
.listExposants td.logo a:hover img {border:1px solid #007997;}

.listExposants td div.activites{text-align:left; font-size: 11px; font-weight: normal}
.listExposants td div.societe{text-align:left; font-size: 14px; font-weight: bold}

.listExposants tr.odd td{background:#f5f5f5;}

.listExposants tr:hover td{background:#d9eaee; }


/** 
 * fiche exposants 
 */

table.fiche-exposant{
	border:0px solid #66A3B6;
	border-collapse: collapse;

}

table.fiche-exposant td{
	border:1px solid #66A3B6;
	padding:5px;
	margin:0 5px;
}


.exposant fieldset{ border:1px solid #ddd; margin-bottom:10px;}
.exposant fieldset legend{ font-weight: bold; color:#66A3B6;}

/** */

.titre_cart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.titre_cart a{
	color: #FFFFFF;
	text-decoration: underline;
	}
.titre_cart a:visiter{
	color: #FFFFFF;
	text-decoration: underline;
	}
.titre_cart a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	}
.titre_cart_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFF00;
	text-decoration: none;
	font-weight: bold;
	}
.titre_cart_date a{
	color: #FFFF00;
	text-decoration: underline;
	}
.titre_cart_date a:visiter{
	color: #FFFF00;
	text-decoration: underline;
	}
.titre_cart_date a:hover{
	color: #FFFF00;
	text-decoration: underline;
	}



.titre_page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006685;
	text-decoration: none;
	font-weight: bold;
}
.titre_page a{
	color: #006685;
	text-decoration: underline;
}
.titre_page a:visiter{
	color: #006685;
	text-decoration: underline;
	}

.titre_page a:hover{
	color: #66A3B6;
	text-decoration: underline;
	}

.titre_contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	background-color: #66A3B6;
	line-height: 20px;
	}







.entrez {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	color: #666666;
	text-decoration: none;

}
.htitre_fr {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
}
.htitre_uk {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	font-style: italic;
}
.hdate {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF00;
	font-weight: bold;
	font-size: 14px;
}


.home_bas {
	font-family: verdana, arial, mono;
	/*color: #66A3B6;*/
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
.home_bas a{
	font-family: Arial, Helvetica, sans-serif;
	color: #66A3B6;
	text-decoration: none;
}
.home_bas a:visiter{
	font-family: Arial, Helvetica, sans-serif;
	color: #66A3B6;
	text-decoration: none;
}
.home_bas a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #66A3B6;
	text-decoration: none;
}
.nomLvl1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #006685;
	text-decoration: none;
}


/* popup */

.popup_Table{
	border:3px solid #fff;
	border-collapse:collapse;
	width:650px;
	margin:0px auto;
	}

/* iframe grille d'enregistrement */
iframe.regext{
	padding:0;
	margin:0;
	width:640px;
	height:600px;
	border:0px solid aqua;
}