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

#global-userSpace {
	float: left;
	width: 100%;
	padding: 15px 0;
	background: #7baa20;
	display: none;
}
	/*Espace utilisateurs*/
	#userSpace {
		width: 960px;
		margin: 0 auto 0 auto;
		z-index: 1;
	}
	 
		#userLogin { float: right; text-align: right; }
		#userInfos { display: none; }
		
		#userLogin { float: right; text-align: right; }
			form#frm-login {}
				form#frm-login ul { margin: 0; }
					form#frm-login ul li { margin: 0; list-style: none; }
						form#frm-login ul li p { margin: 0; letter-spacing: 1px; }
							form#frm-login ul li p span { float: left; color: #fff; }
								form#frm-login ul li p input { margin: 0 0 0 5px; }
		

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

	#header {
		position: relative;
		width: 960px;
		margin: 0 auto 0 auto;
	}
		/*Bar en haut de page comprenant le User Menu*/
		#topBar {
			float: left; clear: both;
			width: 960px; height: 30px;
		}
					
			/*User menu ( Espace exposant, Press )*/		
			#user-menu {
				float: right;
				height: 30px;
				margin: 0 ;
                                padding:0;
			}
				#user-menu li {
					display: block;
					float:left;
					margin: 0;
                                        padding:0;
					list-style: none;
				}
					#user-menu li a {
						display: block;
						float:left;
						height: 20px;
						margin: 0px 0 0 1px; padding: 10px 15px 0 15px;
						border-left: 1px #cecece solid;
						border-right: 1px #cecece solid;
						border-bottom: 1px #cecece solid;
						text-align: center;
						text-decoration: none;
						line-height: 12px;
						letter-spacing: 1px;
						background: #484848;
                                                font-size:1.2em;
					}
					#user-menu li a:link, #user-menu li a:visited { background: #e2e4e3; color: #333; }
					#user-menu li a:hover, #user-menu li a:active, #user-menu li a:focus, #user-menu li a.active { background: #e53527; color:#fff; }	
					
		/*Banner : Flash reprenant (Logo, Concept, photos, bouton shortcut) */
		#banner { float: left; }
		
		/*Menu icones : c'est les 3 petite icones (Maison, piscine, éco-energie) au deçu du menu principal*/
		#icones-menu { float: right; margin: 0; padding: 80px 0 0 0;  height: 30px; }
			#icones-menu li, #icones-menu li a, #icones-menu li a img {
				display: block;
				float: left;
				margin: 0;
				list-style: none;
				text-align: right;
			}
				
		/*Menu Principal - La hauteur du menu est fixé à 300px pour etre aligné au banner*/
		#main-menu { float: right; width: 259px; height: 300px; margin: 0; background: #3e3e40; padding: 0; }
			#main-menu li {
				display: block;
				float: left;
				width: 100%;
				margin: 0; padding: 1px 0; border-bottom: 1px #666 solid; 
				list-style: none;
				background: #3e3e40;
			}
				#main-menu li a {
					display: block;
					float: left;
  					width: 209px; 
					padding: 9px 0 10px 50px;
					text-decoration: none;
					letter-spacing: 1px;
					line-height: 11px;
				}
				#main-menu li a:link, #main-menu li a:visited { background: #3e3e40 url(../images/template/main-menu-rub-bg.jpg) 15px center no-repeat; color: #999; }
				#main-menu li a:hover, #main-menu li a:active, #main-menu li a:focus, #main-menu li a.active { background: #E2001A url(../images/template/main-menu-rub-hover-bg.jpg) 15px center no-repeat; color:#fff; }

			

#global-content {
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	background: #fff;
}

	#content {
		width: 960px; 
		margin: 0 auto 0 auto; padding: 35px 0;
		overflow: auto;
	}
	
		/*Contenu gauche*/
		#content #left {
			float: left;
			width: 159px;
			padding: 0 40px 0 0;
		}
		
			.columnSize1 {
				float: left;
				width: 159px;
				margin: 0 0 15px 0; padding: 0 0 15px 0;
				border-bottom: 1px #e2e4e3 solid;
			}

                        /*Liste lstExhibitors (liste des exposant classé par ordre alphabétique) */
			#lstExhibitors { float: left; clear: both; margin: 30px 0 0 0; }
				#lstExhibitors ul {
					float: left;
					width: 190px;
					margin: 0;
					padding: 0 21px;
					border-right: 1px solid #ccc;
				}
				#lstExhibitors ul.lastColumn { padding-right: 0; border-right: none;}
					#lstExhibitors ul li {
						display: block;
						float: left;
						margin: 0;
						padding: 1px;
						border-bottom: 1px #ccc solid;
						list-style: none;
						width: 100%;
					}
						#lstExhibitors ul li a {
							display: block;
							float: left;
							width: 180px;
							padding: 5px;
							text-decoration: none;
							font: normal normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
						}
						#lstExhibitors ul li a:link, #lstExhibitors ul li a:visited { background: #fff; color: #555; }
						#lstExhibitors ul li a:hover, #lstExhibitors ul li a:active, #lstExhibitors ul li a:focus { background: #b4d272; color: #000; }
		
				/*Slide Exposant*/
			#slideExposants {
				float: left;
				border-top: 1px #eee solid;
				border-bottom: 1px #eee solid;
			}

				#slideExposants h5 { padding: 0 0 0 30px;}




                                #slider {
					float: left;
                                        display: block;
					width: 120px; height: 130px;
					overflow: hidden;
                                        margin-left: 5px;
                                        padding: 0;
				}

                                    #slider ul {
                                            display:block;
                                            width: 120px; height: 130px;
                                            overflow:hidden;
                                            padding:0;
                                    }

					#slider li {
						display: block;
						float: left;
						margin: 0;
						list-style: none;
						text-align:center;
						width:120px;
						padding:0;
					}
						#slider li a {
							display: block;
							/*float: left;*/
							width: 100px; height: 75px;
							margin: 0; padding: 20px;
							overflow:hidden;
						}
						/*#slider li a:link, #slider li a:visited { background: url(../images/template/slide-exposant-bg.jpg) no-repeat; }
						#slider li a:hover, #slider li a:active, #slider li a:focus { background: url(../images/template/slide-exposant-hover-bg.jpg) no-repeat; }*/
						

			/*Logo Partenaires*/
			#logo-partenaires { float: left; margin: 0; padding: 0;  }
				#logo-partenaires li, #logo-partenaires li a, #logo-partenaires li img{ display: block; float: left;}
				#logo-partenaires li  {
					display: block;
					float: left;
					margin: 0 ; 
					padding: 2px;
					list-style: none;
				}
				
			/* Partenaire Bottom */
			#partenaireBottom {
				float: left;
				clear: both;
				width: 100%;
				margin-top: 20px;
			}
				#partenaireBottom a {
					display: block;
					float: left;
					padding: 0 10px;
					
				}
					
					
		
		/*Contenu droit*/								
		#content #right {
			float: right;
			width: 720px;
			padding: 0 0 0 40px; 
			border-left: 1px #e2e4e3 solid;
		}
			
			/*
			Les colunnes de largeurs différences
			Les différentes combinaisons :
				1er  : (columnSize2 x 3)
				2ème : (columnSize3 + columnSize5) 
				3ème : (columnSize4 x 2)
			*/
			.columnSize2 { width: 200px; }
			.columnSize3 { width: 260px; }
			.columnSize4 { width: 320px; }
			.columnSize5 { width: 380px; }
			.columnSize6 { width: 400px; }
			.columnSize7 { width: 450px; }
			.columnSize8 { width: 500px; }
			.columnSize9 { width: 520px; }
			.columnFullSize { width: 100%; }
			
			.columnMarginLeft { margin-left: 60px; }
			.columnMarginRight { margin-right: 60px; }
			
			.columnSize2, .columnSize3, .columnSize4, .columnSize5, .columnFullSize { overflow: auto; } 
			
			
			/*Menu Principal - La hauteur du menu est fixé à 300px pour etre aligné au banner*/
			#sub-menu { 
				float: right; 
				width: 100%; 	
				margin: 0 0 2em 0; padding: 0 0 1px 0;
				background: url(../images/template/sub-menu-bg.jpg) repeat-x;
			}
				#sub-menu li {
					display: block;
					float: left;
					margin: 0 1px 5px 0;
                                        padding:0;
					list-style: none;
					background: #3e3e40;
				}
					#sub-menu li a {
						display: block;
						float: left;
						padding: 10px 15px 14px 15px;
						text-decoration: none;
						letter-spacing: 1px;
						line-height: 12px;
					}
					#sub-menu li a:link, #sub-menu li a:visited { background: #e53527 url(../images/template/sub-menu-rub-bg.jpg) center top; color: #fff; }
					#sub-menu li a:hover, #sub-menu li a:active, #sub-menu li a:focus, #sub-menu li a.active { background: #E2001A url(../images/template/sub-menu-rub-hover-bg.jpg) center top; color:#fff; }
			
			
				/*Derniere News*/
				#lastNews, #news, #concours {
					float: right;
					margin: 0;
					padding: 0;
				}
				
					#lastNews ul, #news ul, #concours ul { 
						float: left; clear: both; 
						width: 100%;
						margin: 0; border-top: 1px #ddd solid;
                                                padding:0;
					}
					#lastNews ul li, #news ul li, #concours ul li {
						display: block;
						float: left;
						width: 100%;
						margin: 0; padding: 1px 0; border-bottom: 1px #ddd solid;
						list-style: none;
					}
					
						#lastNews ul li span, #news ul li span, #concours ul li span {
							display: block;
							float: left;
							letter-spacing: 1px;
							font: normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
						}
												
						#lastNews ul li a, #news ul li a, #concours ul li a {
							display: block;
							float: left;
							text-decoration: none;
						}
						#lastNews ul li a:link, #lastNews ul li a:visited,
						#news ul li a:link, #news ul li a:visited, 
						#concours ul li a:link, #concours ul li a:visited{ 
							background: none; 
						}
						#lastNews ul li a:hover, #lastNews ul li a:active, #lastNews ul li a:focus, 
						#news ul li a:hover, #news ul li a:active, #news ul li a:focus { 
							background: #383838; color: #fff;
						 }
						
						/*Dernier news*/
						#lastNews ul li a { width: 240px; padding: 9px 10px; }
							#lastNews ul li span { color: #e53527; width: 100%; }
						
						/*News*/
						#news ul li a { width: 680px; padding: 9px 20px; }
						#news ul li span { color: #e53527; width: 100%; }
						#news h4 { margin-bottom: 1em; }
						
						/*Concours*/
						#concours ul li a { width: 680px; padding: 9px 20px; }
							#concours ul li a strong.titre { width: 510px; color: #e53527; }
							#concours ul li span { width: 510px; color: #3e3e40; }
							#concours ul li a img {
								display: block;
								float: left;
								margin-right: 10px;
							}
							
							#concours ul li a:hover, #concours ul li a:active, #concours ul li a:focus { 
								background: #eee;
							 }
							
							#concours ul li a:hover span, #concours ul li a:active span, #concours ul li a:focus span { 
								color: #000;
							 }




#global-partners {
    float: left;
    width: 100%;
}

    #partners {
        border-top: 1px #cecece solid;
        width:960px;
        margin:20px auto 0 auto;
        padding:20px 0;
        text-align:center;
    }

        #partners span {
            float:left;
            padding-top:3px;
        }
        
        #partners img {
            border:1px #cecece solid;
            padding:3px;
        }

    

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

	#coordonnes {
		width: 960px;
		margin: 0 auto 0 auto; padding-top: 30px;
	}
	
		#coordonnes p, #coordonnes h5, #coordonnes h6 { color: #ccc; }
		#coordonnes a:link, #coordonnes a:visited { color: #83d0f0; }
		#coordonnes a:hover, #coordonnes a:active, #coordonnes a:focus { color: #e53527; }
		#coordonnes img { margin-left: 5px; }
		
		 
#global-footer {
	float: left;
	width: 100%;
	background: #3e3e40 url(../images/template/global-footer-bg.jpg) repeat-x;
}

	#footer {
		width: 960px;
		margin: 0 auto 0 auto; 
		overflow: auto;
		background: url(../images/template/footer-bg.jpg) right top no-repeat;
	}
	
		/*Menu Principal - La hauteur du menu est fixé à 300px pour etre aligné au banner*/
		#main-menu-bottom { width: 960px; text-align: center; padding: 30px 0; border-bottom: 1px #555 solid; }
			#main-menu-bottom li {
				display: inline;
				margin: 0;   
				list-style: none;
				font: normal normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
				color: #999;
				background: #3e3e40;
			}
				#main-menu-bottom li a {
					padding: 0 6px;
					text-decoration: none;
					letter-spacing: 1px;
				}
				#main-menu-bottom li a:link, #main-menu-bottom li a:visited { color: #999; }
				#main-menu-bottom li a:hover, #main-menu-bottom li a:active, #main-menu-bottom li a:focus, #main-menu-bottom li a.active { color:#e53527; }
	
		#webmade {
			float: left; 
			clear: both;
			width: 960px;
			margin: 0; padding: 30px 0;
			font: normal normal 9px/9px Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
			text-align: center;
			color: #666;
		}
			#webmade a { text-decoration: none; }
			#webmade a:link, #webmade a:visited { color: #666; }
			#webmade a:hover, #webmade a:active, #webmade a:focus { color: #ccc; }
			
			
	

/*Class Global*/

a.btnVieuwMore {
	display: block;
	height: 11px;
	margin: 1.5em 0 0 0;
	padding: 6px 20px 6px 15px;
	font: normal normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:link.btnVieuwMore , a:visited.btnVieuwMore  { background: #e53527 url(../images/template/btn-vieuw-more-bg.jpg) right center no-repeat; color: #fff; }
a:hover.btnVieuwMore , a:active.btnVieuwMore , a:focus.btnVieuwMore { background: #83d0f0 url(../images/template/btn-vieuw-more-hover-bg.jpg) right center no-repeat; color: #fff; }

/* galerie photos */

#gallery { float: left; clear: both; margin: 0 0 2em 0;}
#gallery ul { margin:0 0 0 0; padding:0; list-style:none; }
	#gallery ul li { list-style: none; margin: 0;}
	#gallery ul li a:link, #gallery ul li a:visited{
		display:block;
		float:left;
		width: 80px; height: 60px;
		margin: 5px; padding:0;
		list-style:none;
                overflow:hidden;
                text-align:center;
	}

	#gallery ul li a img { }

	#gallery ul li a:hover, #gallery ul li a:active, #gallery ul li a:focus {}