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

	#header {
		position: relative;
		width: 960px;
		height: 220px;
		margin: 0 auto 0 auto;
	}
		
		/*LOGO*/
		#logo { float: left; width: 160px; }
		
		/*PANNEAU*/
		.panneau {
			float: right;
			width: 600px;
			padding: 175px 170px 0 15px;
			height: 45px;
			background: url(../images/template/panneau-bg.png) no-repeat;
		}
			ul#newsticker {
				list-style: none;
				background: none;
			}
				ul#newsticker li {
					text-align: center;
					list-style: none;
					background: none;
					color:#ff3c17;
				}
		
		/*NEWSLETTER INSCRIPTION*/
		#newsletter {
			position: absolute;
			top: 0;
			right: 0;
			width: 280px;
			height: 93px;
			padding-top: 127px;
			background: url(../images/template/newsletter-bg.png) no-repeat;
		}
			#newsletter form { width: 276px; height: 22px; padding: 2px; }
			#newsletter form p { float: left; width: 200px; margin: 0; }
				#newsletter form p input {
					float: left;
					width: 180px;
					height: 22px;
					padding: 0 10px ;
					border: 1px #fff solid;
					font: normal normal 10px/22px Verdana, Geneva, sans-serif;
					color: #666;
					background: #999 url(../images/template/newsletter-input-bg.jpg) no-repeat;
				}
					#newsletter form a {
						display: block;
						float: right;
						width: 73px;
						height: 10px;
						padding: 7px 0;
						text-decoration: none;
						text-align: center;
						font: normal normal 10px/10px Verdana, Geneva, sans-serif;
					}
					#newsletter form a:link, #newsletter form a:visited { background: url(../images/template/bg_x-orange.jpg) repeat-x; color: #fff; }
					#newsletter form a:hover, #newsletter form a:active, #newsletter form a:focus { background: url(../images/template/bg_x-grey.jpg) repeat-x; color: #ff3c17; }
					

/*CONTENTS*/
#global-contents {
	float: left;
	width: 100%;
	padding-bottom: 130px;
	z-index: 10;
}

	#contents {
		position: relative;
		width: 960px; 
		margin: 0 auto 0 auto;
	}
		/*CONTENTS LEFT & RIGHT*/
		#contents #left { position: relative; float: left; width: 160px; }
		#contents #right { float: right; width: 780px; padding: 15px 0 0 0; }
			#contents #right p { text-align: justify; }
			
			/*COLONNE*/
			.column240 { width: 240px; margin-right: 30px; }	/*Alignement de 3 colonnes (supprimer le margin-right de la 3ème colonne)*/
			.column375 { width: 375px; margin-right: 30px; }	/*Alignement de 2 colonnes (supprimer le margin-right de la 2ème colonne)*/
			
			/*MAIN MENU*/
			#main-menu {
				position: absolute;
				left: 0; top: 0;
				width: 160px;
				margin: 0;
				padding: 23px 0 5px 0;
				background: url(../images/template/main-menu-top-bg.png) no-repeat;
				z-index: 5;
			}
				#main-menu li {
					display: block;
					float: left;
					margin: 0 0 0 0;
					padding: 1px 0 0 0;
					list-style: none;
					background: url(../images/template/main-menu-li-bg.png) center top repeat-y;
				}
					#main-menu li a {
						display: block;
						float: left;
						width: 130px;/* a = width + padding-left & right = 146px*/
						padding: 8px 15px 8px 15px;
						font: normal normal 12px/14px Verdana, Geneva, sans-serif;
						text-decoration: none;
					}
					#main-menu li a:link, #main-menu li a:visited { background: url(../images/template/main-menu-rub-bg.png) 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: url(../images/template/main-menu-rub-hover-bg.png) no-repeat; color: #fff; }
					
					#main-menu li.bgBottom {
						width: 130px;
						padding: 0 15px;
						height: 8px;
						background: url(../images/template/main-menu-bottom-bg.png) left top no-repeat;
					}
					
			/*SOUS MENU*/	
			.sub-menu {
				float: left;
				margin: 10px 0 18px 0;
			}
			
				.sub-menu li{
					display: block;
					float:left;
					margin: 0 30px 0 0 ;
					padding: 0;
					list-style:none;
					background: none;
				}
			
					.sub-menu a {
						display: block;
						float: left;
						padding: 0 0 15px 0;
						font: normal normal 12px/12px Verdana, Geneva, sans-serif;
						text-decoration: none;
						text-transform: uppercase;
					}
					.sub-menu a:link, .sub-menu a:visited { background: url(../images/template/sub-menu-rub-bg.png) center bottom no-repeat; color: #666;}
					.sub-menu a:hover, .sub-menu a:active, .sub-menu a:focus, .sub-menu a.active { background: url(../images/template/sub-menu-rub-hover-bg.png) center bottom no-repeat; color: #fff; }

			/*LANGUES*/
			li#lang {
				display: block;
				float: right;
				width: auto;
				margin: 0; 
				padding: 0;
				background: none;
			}
			li#lang ul {
				display: block;
				float: right;
				width: auto;
				margin: 0 5px;
				padding: 2px;
				background: #212121;
			}
				li#lang ul li {
					width: auto;
					margin: 0 0 0 1px;
					padding: 0;
					list-style: none;
					background: none;
				}
					li#lang ul li a {
						display: block;
						float: left;
						width: auto;
						margin: 0;
						padding: 8px 8px;
						font: normal normal 10px/10px Verdana, Geneva, sans-serif;
						text-decoration: none;
					}
					li#lang ul li a:link, li#lang ul li a:visited { background: #313131 url(../images/template/bg_x-grey.jpg) repeat-x; color: #999;}
					li#lang ul li a:hover, li#lang ul li a:active, li#lang ul li a:focus, li#lang ul li a.active { background: #ff3c17 url(../images/template/bg_x-orange.jpg) repeat-x; color: #fff; }


                .rightEvent {
                    padding-left:15px;
                    padding-bottom:3em;
                    /*padding-top:0.5em;*/
                }

                
                .rightEvent ul { margin-left:0; margin-bottom: 0; }

        /*THUMBS DEFAULT VALUE ( se couple avec la classe thAgenda, thPastEvents et thLogements, th... & Gallery)*/
		.thumbs {
			float: left;
			margin: 0; padding: 0;
		}
			.thumbs li {
				display: block;
				float: left;
				padding: 0;
				list-style: none;
				background: none;
			}
				.thumbs li.lastColumnElement { margin-right: 0; }
				
				.thumbs li h2 {
					position: relative;
					overflow: hidden;
					margin: 0 0 2px 0; 
				}
					.thumbs li h2 strong { 
						position: absolute; 
						bottom: 0;
						font-weight: normal;
					}
				
				/*date*/
				.thumbs li p { margin: 0; }
				
				/*Vignette lien*/
				.thumbs li a {
					position: relative;
					display: block;
					float: left;
					padding: 6px;
					text-decoration: none;
				}
				.thumbs li a:link, .thumbs li a:visited { background: #282828; border: 1px #383838 solid; }
				.thumbs li a:hover, .thumbs li a:active, .thumbs li a:focus { background: #181818; border: 1px #ff3c17 solid; }
				/*EN SAVOIRP LUS*/
				.thumbs li a img { float: left; }/* For IE7 --> un margin-bottom s'ajoute */
				
		/*THUMBS AGENDA */
		.thAgenda { width: 780px; margin: 0 0 2em 0; }
			.thAgenda li {  margin: 0 27px 30px 0;}
				.thAgenda li h2 { 
					width: 134px;
					height: 32px;
					font: normal normal 12px/16px Verdana, Geneva, sans-serif;
					letter-spacing: 0;
					color: #ff3c17;
				}
				.thAgenda li p {
					width: 134px;
					height: 16px;
					font: normal normal 10px/16px Verdana, Geneva, sans-serif;
					letter-spacing: 0;
					color: #fff;
                    padding-bottom: 5px;
				}
					.thAgenda li a img { width: 120px; height: 170px; }
					.thAgenda li a span {
						position: absolute;
						left: 1px;
						bottom:-20px;
						display: block;
						width: 100%;
						padding: 5px 0 ;
						font: normal normal 10px/10px Verdana, Geneva, sans-serif;
					}
					.thAgenda li a:link span, .thAgenda li a:visited span { background: url(../images/template/thagenda-arrow.gif) right 4px no-repeat; color: #000; }
					.thAgenda li a:hover span, .thAgenda li a:active span, .thAgenda li a:focus span {  background: url(../images/template/thagenda-arrow.gif) right -16px no-repeat; color: #ff3c17;}
		
		/*THUMBS Evénement passes*/
		.thPastEvents { width: 780px; margin: 0 0 2em 0; }
			.thPastEvents li { margin: 0 17px 30px 0;}
				.thPastEvents li h2 { 
					width: 94px; 
					height: 28px;
					font: normal normal 10px/14px Verdana, Geneva, sans-serif;
					letter-spacing: 0;
					color: #ff3c17;
				}
				.thPastEvents li p {
					width: 94px; 
					height: 13px;
					padding-bottom: 5px;
					text-align: left;
					font: normal normal 9px/13px Arial, Helvetica, sans-serif;
					letter-spacing: 0;
					color: #fff;
				}
					.thPaastEvents li a img { width: 80px; height: 113px; }
					.thPastEvents li a span {
						position: absolute;
						left: -1px;
						bottom:-20px;
						display: block;
						width: 94px;
						padding: 5px 0 ;
						font: normal normal 10px/10px Verdana, Geneva, sans-serif;
					}
					.thPastEvents li a:link span, .thPastEvents li a:visited span { background: none; color: #000; background: url(../images/template/logements-arow-bg.gif) 82px 5px no-repeat; }
					.thPastEvents li a:hover span, .thPastEvents li a:active span, .thPastEvents li a:focus span {  background: url(../images/template/logements-arow-hover-bg.gif) 82px 5px no-repeat; color: #ff3c17;}

				
		/*THUMBS TEAM*/
		.thTeam {
			width: 780px; 
			margin-bottom: 2em;
			padding: 0 0 1em 0;
			border-bottom: 1px #343434 solid; 
		}
			.thTeam li { 
					float: left; 
					width: 220px; height: 80px; 
					margin: 0 20px 20px 0;
					padding: 6px;
					border: 1px #383838 solid;
					background: #282828;
				}
				.thTeam li img { float: left; width: 60px; height: 80px; margin-right: 10px; }
				.thTeam li h3 {
					float: left;
					clear: none;
					width: 150px;
					margin-bottom: 5px;
					font: normal normal 12px/18px Verdana, Geneva, sans-serif;
					letter-spacing: 0;
					color: #ff3c17;
				}
				.thTeam li h4 {
					float: left;
					clear: none;
					width: 150px;
					font: normal normal 11px/16px Verdana, Geneva, sans-serif;
					letter-spacing: 0;
				}
		
		
		/*THUMBS LOGEMENTS & PARTENAIRES*/
		.thLogements{ width: 780px; margin: 0 0 2em 0; }
			.thLogements li { margin: 0 27px 30px 0;}
				.thLogements li h2 {
					width: 134px;
					height: 32px;
					font: normal normal 12px/16px Verdana, Geneva, sans-serif;
					letter-spacing: 0;
					color: #ff3c17;
				}
				.thLogements li p {
					height: 16px;
					font: normal normal 10px/16px Verdana, Geneva, sans-serif;
					letter-spacing: 0;
					color: #fff;
                    padding-bottom: 5px;
				}
					.thLogements li a img { width: 120px; height: 90px; }
					.thLogements li a span {
						position: absolute;
						left: 1px;
						bottom:-20px;
						display: block;
						width: 100%;
						padding: 5px 0 ;
						font: normal normal 10px/10px Verdana, Geneva, sans-serif;
					}
					.thLogements li a:link span, .thLogements li a:visited span { color: #000; background: url(../images/template/thagenda-arrow.gif) right 4px no-repeat; }
					.thLogements li a:hover span, .thLogements li a:active span, .thLogements li a:focus span {  background: url(../images/template/thagenda-arrow.gif) right -16px no-repeat; color: #ff3c17;}
		
		
		/*THUMBS : CLASS: GALLERY, DEFAULT & FREEFREESYZESTYLE* 
		--> GALLERY : Pour gallery photos avec lightBox - Taille image 80x60px
		--> GALLERY + FREESYZE : Pour gallery photos avec lightBox - Taille image libre ( Attention même dimention des photos par gallerie)
		--> DEFAULT : Pour les vignettes sur lesquelles le liens est externe - Taille image libre ( Attention même dimention des photos par gallerie)
		*/ 
		.gallery ul,
		.thdefault ul{ padding-bottom: 0; margin: 0 0 1em 0;}
		.gallery,
		.thdefault { width: 780px; margin: 0 0 1em 0; }
		.gallery li,
		.thdefault li{ margin: 0 17px 0 0; padding-bottom: 30px;} /*Ici on place un padding-bottom  car IE 7 ne prendp as en compte le margin-bottom*/
			.gallery li h2,
			.thdefault li h2{
				width: 100%;
				height: 32px; 
				font: normal normal 12px/16px Verdana, Geneva, sans-serif;
				letter-spacing: 0;
				color: #ff3c17;
			}
			.gallery li p,
			.thdefault li p {
				padding-bottom: 5px;
				font: normal normal 10px/16px Verdana, Geneva, sans-serif;
				letter-spacing: 0;
				color: #fff;
			}
			.gallery li a img { width: 80px; height: 60px; }
			.thdefault li a img { width: auto; height: auto; }
			
				.gallery li a span,
				.thdefault li a span {
					position: absolute;
					left: 1px;
					bottom:-20px;
					display: block;
					width: 100%;
					padding: 5px 0 ;
					font: normal normal 10px/10px Verdana, Geneva, sans-serif;
				}
				.gallery li a:link span, .gallery li a:visited span,
				.thdefault li a:link span, .thdefault li a:visited span { background: url(../images/template/thagenda-arrow.gif) right 4px no-repeat; color: #000; }
				.gallery li a:hover span, .gallery li a:active span, .gallery li a:focus span,
				.thdefault li a:hover span, .thdefault li a:active span, .thdefault li a:focus span {  background: url(../images/template/thagenda-arrow.gif) right -16px no-repeat; color: #ff3c17;}
				
				/*CLASS FREESIZE permet d'utiliser la class GALLERY avec des dimention d'image différente que celles par défaut*/
				.freeSize li a img { width: auto; height: auto; }
								
		/*THUMBS MEDIA*/
		.thMedia { width: 780px; }
		.thMedia li { width: 244px;  margin: 0 20px 30px 0;}
			.thMedia li h2 {
				height: 32px;
				font: normal normal 12px/16px Verdana, Geneva, sans-serif;
				letter-spacing: 0;
				color: #ff3c17;
			}
			.thMedia li p {
				height: 16px;
				margin-bottom: 3px;
				font: normal normal 10px/16px Verdana, Geneva, sans-serif;
				letter-spacing: 0;
				color: #fff;
			}
				.thMedia li a img { width: 230px; height: 130px; }
				.thMedia li a span {
					position: absolute;
					left: 1px;
					bottom:-20px;
					display: block;
					width: 100%;
					padding: 5px 0 ;
					font: normal normal 10px/10px Verdana, Geneva, sans-serif;
				}
				.thMedia li a:link span, .thMedia li a:visited span { background: none; color: #000; background: url(../images/template/thagenda-arrow.gif) right 4px no-repeat; }
				.thMedia li a:hover span, .thMedia li a:active span, .thMedia li a:focus span {  background: url(../images/template/thagenda-arrow.gif) right -16px no-repeat; color: #ff3c17;}
	
	/*PAGE EVENEMENTS*/
	.evenement {}
	
		/*COLUMN LEFT*/
		.evenement .columnLeft { width: 297px; float: left; }
			
			.evenement .columnLeft object,
			.evenement .columnLeft img { background: #282828; border: 1px #383838 solid; }
			
			.evenement .columnLeft object,
			.evenement .columnLeft img,
			.evenement .columnLeft a img {
				display: block;
				float: left;
				margin-bottom: 15px;
				padding: 6px;
				text-decoration: none;
			}
			.evenement .columnLeft a:link img, .evenement .columnLeft a:visited img{ background: #282828; border: 1px #383838 solid; }
			.evenement .columnLeft a:hover img, .evenement .columnLeft a:active img, .evenement .columnLeft a:focus img { background: #181818; border: 1px #ff3c17 solid; }

			.evenement .columnLeft a:link span, .evenement .columnLeft a:visited span { text-decoration: none; }
			.evenement .columnLeft a:hover span, .evenement .columnLeft a:active span, .evenement .columnLeft a:focus span { text-decoration: underline;}
		
		/*COLUMN RIGHT*/
		.evenement .columnRight { width: 460px; float: right; }	
			.evenement .columnRight  h1, .evenement .columnRight  h4, .evenement .columnRight  h5, .evenement .columnRight  h6 { margin-bottom: 0; }
			.evenement .columnRight  h3 {
				padding: 2px 15px 4px 15px;
				background: #181818;
			}


/*CONTENTS*/
#global-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%; height: 130px;
	background: url(../images/template/global-footer-bg.png) left bottom repeat-x;
    z-index: 1000;
	
}
	#footer {
		width: 960px; height: 75px;
		margin: 0 auto 0 auto;
		padding-top: 55px;
	}
	
		#awex { position: absolute; right: -110px; float: left; padding-left:160px; }
		#coordonnes { position: relative; float: right; width: 780px; text-align: right; }
			#coordonnes  h4 { clear: none; color: #ccc; letter-spacing: 0px; }
		
	.cameleon {
		position: absolute;
		left: 0;
		float: left;
		z-index: 2000;
	}
	
		#signature {
			font: normal normal 9px/20px Verdana, Geneva, sans-serif;
			letter-spacing: 1px;
			color: #555;
			margin-top: 10px;
			padding-top: 10px;
			border-top: 1px #444 solid;
		}
			#signature a:link, #signature a:visited { color: #555; }
			#signature a:hover, #signature a:active, #signature a:focus { color: #ff3c17; }
	
/*Class*/
.cadre {
	display: block;
	float: left;
	padding: 6px;
	border: 1px #383838 solid;
	background: #282828;
}

.localisation-espace {
	width: 100%;
	margin: 0 0 2em 0;
	border: 1px solid #666666;
}

.googleMap { 
	display: block;
	float: left;
	margin-bottom: 2em;
	padding: 6px;
	border: 1px #383838 solid;
	background: #282828;
	text-align: right;
}