@charset "UTF-8";
/* CSS default */

#global-header-fr {
	float: left;
	width: 100%;
	background: url(../images/template/global-header-bg.jpg) center top no-repeat;
}

#global-header-nl {
	float: left;
	width: 100%;
	background: url(../images/template/global-header-bg-nl.jpg) center top no-repeat;
}

	#header {
		position: relative;
		width: 960px;
		height: 300px;
		margin: 0 auto 0 auto;
	}
		
		/* MENU CHOIX DES LANGUES */
		#lang-menu { 
			position: absolute;
			right: 0;
			top: 0;
			margin: 0;
			padding: 0 1px 1px 1px;
			border-bottom: 1px #e86015 solid;
			border-left: 1px #e86015 solid;
			border-right: 1px #e86015 solid;
			z-index: 50;
		}
			#lang-menu li, #lang-menu li a {
				 display: block;
				 float: left;
				 margin: 0;
				 list-style: none;
			 }
			 
			 #lang-menu li a {
				 padding: 0 10px;
				 text-decoration: none;
			 }
			 
			 #lang-menu li a { 
			 	width: 20px;
				font: normal normal 10px/24px Verdana, Geneva, sans-serif;
				text-align: center;
			 }
			 	#lang-menu li a:link, #lang-menu li a:visited { background: url(../images/template/user-menu-rub-bg.jpg) repeat-x; color: #fff; }
			 	#lang-menu li a:hover, #lang-menu li a:active, #lang-menu li a:focus, #lang-menu li a.active { background: url(../images/template/user-menu-rub-hover-bg.jpg) repeat-x; color: #444; }

		
		
		/* PROVISOIR A NE PAS EFFACER
		#lang-menu { 
			position: absolute;
			left: 0;
			top: 0;
			width: 100px;
			height: 100px;
			margin: 0;
			background: url(../images/template/lang-bg.png) no-repeat;
		}
			#lang-menu li, #lang-menu li a {
				 display: block;
				 margin: 0;
				 list-style: none;
			 }
			 
			 #lang-menu li#nl a { width: 90px; height: 42px; margin-left: 10px; }
			 	#lang-menu li#nl a:link, #lang-menu li#nl a:visited { background: url(../images/template/lang-nl-bg.png) no-repeat; }
			 	#lang-menu li#nl a:hover, #lang-menu li#nl a:focus, #lang-menu li#nl a:active { background: url(../images/template/lang-nl-hover-bg.png) no-repeat; }
				#lang-menu li#nl a.active { background: url(../images/template/lang-nl-active-bg.png) no-repeat; }
				
			 #lang-menu li#fr a { width: 62px; height: 58px;}
			 	#lang-menu li#fr a:link, #lang-menu li#fr a:visited { background: url(../images/template/lang-fr-bg.png) no-repeat; }
			 	#lang-menu li#fr a:hover, #lang-menu li#fr a:focus, #lang-menu li#fr a:active { background: url(../images/template/lang-fr-hover-bg.png) no-repeat; }
				#lang-menu li#fr a.active { background: url(../images/template/lang-fr-active-bg.png) no-repeat; }
			*/
			
				
		/* MENU UTILISATEURS */
		#user-menu {
			position: absolute;
			right: 0;
			top: 115px;
			margin: 0;
			text-align: right;
		}
			#user-menu li {
				display: block;
				float: right;
				clear: both;
				margin: 0 0 1px 0;
				list-style: none;
				padding: 2px 0 2px 2px;
				border-top: 1px #e45e15 solid;
				border-bottom: 1px #e45e15 solid;
				border-left: 1px #e45e15 solid;
				background: url(../images/template/user-menu-li-bg.jpg) no-repeat;
			}
				#user-menu li a {
					display: block;
					width: 115px;
					padding: 0 5px 0 10px;
					text-decoration: none;
					text-align: left;
					text-transform: uppercase;
					font: normal normal 10px/24px Verdana, Geneva, sans-serif;
				}
				#user-menu li a { outline: none; }
				#user-menu li a:link, #user-menu li a:visited { background: url(../images/template/user-menu-rub-bg.jpg) repeat-x; color: #fff; }
				#user-menu li a:hover, #user-menu li a:active, #user-menu li a:focus, #user-menu li a.active {  background: url(../images/template/user-menu-rub-hover-bg.jpg) repeat-x; color: #444; }
			 
		/* Manchos */
		#shortcut-menu  {
			position: absolute;
			right: 0 ;
			top: 45px;
			width: 635px;
			margin: 0;
			z-index: 10;
		}
			#shortcut-menu  li, #shortcut-menu li a { display: block; float: left; }
			#shortcut-menu li { position: relative; margin: 0 10px 0 0; list-style: none; }
				#shortcut-menu li a {
					height: 50px;
					font: normal bold 10px/40px Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					text-decoration: none;
					text-align: center; 
				}
				
				/*SHORTCUT CATALOGUE*/
				#shortcut-menu li.catalogue a {  width: 140px; }
				#shortcut-menu li.catalogue a:link, #shortcut-menu li.catalogue a:visited { background: url(../images/template/shortcut-catalogue-bg.png) no-repeat;}
				#shortcut-menu li.catalogue a:hover, #shortcut-menu li.catalogue a:active, #shortcut-menu li.catalogue a:focus, shortcut-menu li.catalogue a.active { background: url(../images/template/shortcut-catalogue-hover-bg.png) no-repeat; }
				/*SHORTCUT INFOS VISTEURS*/
				#shortcut-menu li.infos-visiteurs a { width: 140px; }
				#shortcut-menu li.infos-visiteurs a:link, #shortcut-menu li.infos-visiteurs a:visited { background: url(../images/template/shortcut-catalogue-bg.png) no-repeat;}
				#shortcut-menu li.infos-visiteurs a:hover, #shortcut-menu li.infos-visiteurs a:active, #shortcut-menu li.infos-visiteurs a:focus, shortcut-menu li.infos-visiteurs a.active { background: url(../images/template/shortcut-catalogue-hover-bg.png) no-repeat; }
				/*SHORTCUT LSITE EXPOSANTS*/
				#shortcut-menu li.liste-exposants a { width: 140px; }
				#shortcut-menu li.liste-exposants a:link, #shortcut-menu li.liste-exposants a:visited { background: url(../images/template/shortcut-catalogue-bg.png) no-repeat; }
				#shortcut-menu li.liste-exposants a:hover, #shortcut-menu li.liste-exposants a:active, #shortcut-menu li.liste-exposants a:focus, shortcut-menu li.liste-exposants a.active { background: url(../images/template/shortcut-catalogue-hover-bg.png) no-repeat;}
				/*SHORTCUT PRE_ENREGISTREMENT*/
				#shortcut-menu li.pre-enregistrement a { width: 160px; }
				#shortcut-menu li.pre-enregistrement a:link, #shortcut-menu li.pre-enregistrement a:visited { background: url(../images/template/shortcut-pre-enregistrement-bg.png) no-repeat;}
				#shortcut-menu li.pre-enregistrement a:hover, #shortcut-menu li.pre-enregistrement a:active, #shortcut-menu li.pre-enregistrement a:focus, shortcut-menu li.pre-enregistrement a.active { background: url(../images/template/shortcut-pre-enregistrement-hover-bg.png) no-repeat;}
				
				#shortcut-menu li a:link, #shortcut-menu li a:visited { color: #484848; }
				#shortcut-menu li a:hover, #shortcut-menu li a:active, #shortcut-menu li a:focus { color: #000; }
				
		/* MENU PRINCIPALE */
		#main-menu {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 960px;
			height: 50px;
			margin: 0;
			z-index: 20;
		}
			#main-menu li {
				display: block;
				float: left;
				margin: 0 1px 0 0;
				list-style: none;
			}
				#main-menu li a {
					display: block;
					float: left;
					height: 20px;
					margin-top: 5px;
					padding: 25px 14px 0 15px;
					font: normal normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
					text-decoration: none;
				}
				#main-menu li a:link, #main-menu li a:visited { background: url(../images/template/main-menu-rub-bg.jpg) left bottom repeat-x; color: #fff; }
				#main-menu li.firstElement a:link, #main-menu li.firstElement a:visited { background: url(../images/template/main-menu-firstelement-bg.png) left bottom no-repeat; }
				#main-menu li.lastElement a:link, #main-menu li.lastElement a:visited { background: url(../images/template/main-menu-lastelement-bg.png) right bottom no-repeat; }
				
				#main-menu li a:hover, #main-menu li a:active, #main-menu li a:focus, #main-menu li a.active,
				#main-menu li.firstElement a:hover, #main-menu li.firstElement a:active, #main-menu li.firstElement a:focus, #main-menu li.firstElement a.active,
				#main-menu li.lastElement a:hover, #main-menu li.lastElement a:active, #main-menu li.lastElement a:focus, #main-menu li.lastElement a.active { 
					background: #fff url(../images/template/main-menu-rub-hover-bg.jpg) center 15px no-repeat; 
					color: #e96015;
					border-radius: 10px 10px 0 0 ;
					-webkit-border-radius-top-left: 10px;
					-webkit-border-radius-top-right: 10px;
					-moz-border-radius: 10px 10px 0 0;
				}
				
				
		/* SOUS MENU */
		#sub-menu {
			float: left;
			width: 122px;
			padding: 0 0 1px 0;
			margin: 0 0 20px 0;
			background: #d7d7d7;
		}
			#sub-menu li {
				display: block;
				float: left;
				margin: 0 0 0 0;
				list-style: none;
			}
				#sub-menu li a {
					display: block;
					float: left;
					width: 107px;
					padding: 8px 10px 8px 5px;
					font: normal normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
					text-align: right;
					text-decoration: none;
				}
				#sub-menu li a:link, #sub-menu li a:visited { background: url(../images/template/sub-menu-rub-bg.jpg) no-repeat; color: #666; }
				#sub-menu li a:hover, #sub-menu li a:active, #sub-menu li a:focus, #sub-menu li a.active {background: url(../images/template/sub-menu-rub-hover-bg.jpg) no-repeat; color: #fff; }
		
		/* MENU BAS*/
		.bottom-menu{ margin: 10px 0 20px 0; }
		.bottom-menu li, .bottom-menu li a  {
			display: block; 
			float: left;
			margin: 0 0 0 1px;;
			list-style: none;
		}
			.bottom-menu li a {
				padding: 8px 30px 12px 30px;
				text-decoration: none;
				line-height: 15px;
			}
			.bottom-menu li a:link, .bottom-menu li a:visited { background: #ff6917 url(../images/template/bottom-menu-rub-bg.jpg) left bottom repeat-x; color: #fff; }
			.bottom-menu li a:hover, .bottom-menu li a:active, .bottom-menu li a:focus { background: #ff6917 url(../images/template/bottom-menu-rub-hover-bg.jpg) left bottom repeat-x; color: #ff3e19; }
				

#global-contents {
	float: left;
	width: 100%;
	padding: 60px 0 0 0;
	background: #fff url(../images/template/global-contents-bg.jpg) center top no-repeat;
}

	.contents {
		width: 960px;
		margin: 0 auto 0 auto;
		overflow: hidden;
		background: url(../images/template/contents-bg.jpg) center top repeat-y;
	}
		
		.contents h1.styleH1 { float: right; width: 822px; margin: 0 0 12px 0; padding-left: 138px; }
		
		/*TEXT INDEX */
		.indexTxt {
			float: left;
			width: 340px;
			margin-left: 19px;
		}
			.contents .indexTxt .right { width: 298px; height: 337px;}
		
		/*COLUMN LEFT*/
		.contents .left { float: left; width: 122px; }
		
			/*SLIDER*/
			#slider { position: relative; padding-top: 30px; }
				#slider h5 { 
					position: absolute;
					top:0; left: 0;
					width: 100px;
					padding: 6px 10px 6px 10px;
					border-bottom: 1px #ddd solid;
					text-align: center;
					background: #fff;
				}
			#slider, #slider ul, #slider li, #slider li a { float: left; display:block; }
			#slider { width: 122px; height: 190px; border: 1px #ccc solid; margin-bottom: 20px;  }

				#slider ul {
					width: 120px; height: 190px;
					margin: 0;
					
				}
					#slider li {
						margin: 0;
						list-style: none;
					}
						#slider li a {
							width: 100px; height: 75px; 
							margin: 0;
							padding: 10px;
-						}
		
		/*COLUMN RIGHT*/
		.contents .right { 
			float: right; 
			width: 780px;
			min-height: 200px;
			padding: 20px 20px 0 20px;
			border: 1px #ccc solid;
			background: #eee;
		}
			.contents .right  p { text-align: justify;}
			
			
		/*NEWS*/
		/*On annulé les propriété de la class right*/
		.contents .news {
			float: right;
			width: 822px;
			padding: 0;
			border: none;
			background: none;
		} 
			.news ul, .news ul li, .news ul li a, .news ul li a .date, .news ul li a img  {  display: block;  float: left; }
			
			.news ul {
				margin: 0;
			}
				.news ul li {
					clear: both;
					margin: 0 0 6px 0;
					list-style: none;
				}
					
					.news ul li.lastElement { margin-bottom: 0; }
				
					.news ul li a {
						width: 800px;
						height: 45px;
						padding: 10px;
						text-decoration: none;
						overflow: hidden;
					}
					.news ul li a:link, .news ul li a:visited { background: #eee url(../images/template/news-bg.png) right center no-repeat; border: 1px #ccc solid; }
					.news ul li a:hover, .news ul li a:active, .news ul li a:focus { background: #ddd url(../images/template/news-hover-bg.png) right center no-repeat; border: 1px #aaa solid; }
					
						/*Date*/
						.news ul li a .date {
							width: 55px;
							font: normal bold 13px/45px arial, Geneva, sans-serif;
							color: #e96015;
							padding-right: 15px;
							text-align: right;
							background: url(../images/template/news-date-bg.png) right top no-repeat;
						}
						
						/*Vignette*/
						.news ul li a img { width: 60px; height: 45px; margin: 0 10px; }
						
						/*Titre & Chapo*/
						.news ul li a .chapo, .news ul li a strong { display: block;  float: right; }
						
						.news ul li a strong { width: 600px; padding: 0 50px 5px 0; line-height: 14px; }
						.news ul li a .chapo { width: 600px; padding-right: 50px; line-height: 14px; }

						/*HOVER*/
						.news ul li a:hover strong, .news ul li a:hover .chapo { color: #444;}
						
		
		/*LAST NEWS (class qui dois etre couplé avec news)*/
		.contents .lastNews { width: 460px; }
			.lastNews ul { margin-bottom: 0; }
				.lastNews ul li a { width: 438px }
					.lastNews ul li a strong, .lastNews ul li a strong { width: 238px; padding-right: 50px; }
			
			
		/*PAGE D'INDEX*/
		.indexPage {}
			.indexPage h1.styleH1 { float: left;  width: 100%; margin-bottom: 0; padding-left: 0; }
			.indexPage h2 { margin-bottom: 18px; }
			.indexPage .left #slider { margin-top: 40px; }
	

#global-footer {
	float: left;
	width: 100%;
	background: #fff url(../images/template/global-footer-bg.jpg) left bottom repeat-x;
}

	#footer {
		width: 960px;
		height: 140px;
		margin: 0 auto 0 auto;
		padding-top: 60px;
		background: url(../images/template/footer-bg.jpg) center top no-repeat;
	}
	#footer a { outline: none; }
	#footer a:link, #footer a:visited { color: #444; }
	#footer a:hover, #footer a:active, #footer a:focus { color: #e96015; }
		
		/*LEFT*/
		#footer .left {
			float: left;
			width: 680px;
			height: 90px;
			margin: 0;
		}
		
			#footer .left li {
				display: block;
				float: left;
				margin: 0;
				padding: 0 30px;
				list-style: none;
				background: url(../images/template/line-vert.jpg) right top no-repeat;
			}
				
				#footer .left li.firstElement { padding-left: 0; }
			
				#footer .left li a {
					display: block;
					float: left;
					text-decoration: none;
				}
								
			a.flux-rss {
				display: block;
				float: left;
				width: 85px; height: 85px;
				background: #ff0000 url(../images/template/flux-rss-horecatel.jpg) no-repeat;
			}
			a:link.flux-rss, a:visited.flux-rss { background: url(../images/template/flux-rss-horecatel.jpg) center 0px no-repeat; }
			a:hover.flux-rss, a:active.flux-rss, a:focus.flux-rss{ background: url(../images/template/flux-rss-horecatel.jpg) center -84px no-repeat; }
		
		/*RIGHT*/
		#footer .right {
			float: right;
			width: 280px;
			height: 90px;
			text-align: right;
		}
		#footer .right  p { padding-top: 10px; }
		#footer .right  img { margin-left: 5px; }
		
		/*signature de l'agence*/
		#signature {
			float: left;
			width: 960px;
			height: 50px;
			margin-bottom: 0;
			text-align: center;
			font: normal normal 9px/50px Verdana, Geneva, sans-serif;
			letter-spacing: 1px;
			color: #666;
		}
			#signature a:link, #signature a:visited { color: #666; }
			#signature a:hover, #signature a:active, #signature a:focus { color: #e96015; }
			
/*Class*/
.lineRight{ background: url(../images/template/line-vert.png) right center no-repeat; }

.btnMore { float: left; clear: both; width: 100%; margin-top: 20px; }
	.btnMore a {
		display: block;
		padding: 3px 40px 3px 20px;
		text-decoration: none;
		line-height: 14px;
	}
	.btnMore a:link, .btnMore a:visited { background: #eee url(../images/template/btn-more-bg.png) right center no-repeat; border: 1px #ccc solid; }
	.btnMore a:hover, .btnMore a:active, focus { background: #fff url(../images/template/btn-more-hover-bg.png) right center no-repeat; border: 1px #e96015 solid; color: #e96015; }



        .column { float: left; margin-right: 33px; }