/*=============================================================================================
CSS Layout ::: ST-ART ::: jef@advisa.fr
=============================================================================================*/
@import url('reset.css');
@import url('navigation.css');

body {
	background: #D9D9D9;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 50px 0;
}
a,
a:hover {
	text-decoration: none;
}
a {
	color: #CC006B;
}

	#conteneur {
		background: url('../images/commun/bg-global.png') repeat-y top center;
	}
	#inner-conteneur {
		background: url('../images/commun/bg-site.png') repeat-y top center;
	}
	#site {
		width: 960px;
		margin: 0 auto;
		background: #212121;
		background: url('../images/commun/bg-content.png') repeat-y bottom center;
	}
	#content {
		font-size: 14px;
		line-height: 18px;
		background: #212121;
	}
	

/*======================================================
HEADER
======================================================*/
	#header {
		height: 210px;
		position: relative;
		background: #212121;
	}
		.accroche {
			position: absolute;
			top:  103px;
			left: 60px;
		}
		.accroche-2 {
			position: absolute;
			top:  103px;
			right: 0px;
		}
		.accroche-3 {
			margin: 40px 0 40px 0;
			float: right;
			/*position: absolute;
			top:  103px;
			right: 0px;*/
		}
		/* ----> CHOIX DES LANGUES */
		.languages {
			position: absolute;
			right: 0px;
			top: 0px;
		}
			.languages li {
				float: left;
				width: 30px;
				height: 30px;
				line-height: 30px;
				background: #D9D9D9;
				margin: 0 0 0 30px;
				text-align: center;
			}
			.languages li a {
				font-size:  13px;
				font-family: 'Arial Black', Arial, Helvetica, sans-serif;
				color: #212121;
				text-transform: uppercase;
			}
			.languages li a.selected {
				color: #CC006B;
			}
			 
		
		/* ----> NAVIGATION */
		/*.main-nav {
			background: url('../images/nav/bg-main-nav.png') repeat-x top left;
		}
			/* ---> niveau 1 */
			/*.main-nav ul {
				padding: 0 0 0 42px;
				height: 60px;
				position: relative;
			}
			
			.main-nav ul li {
				font-size:  13px;
				font-family: 'Arial Black', Arial, Helvetica, sans-serif;
				float: left;
				position: relative;
			}
			.main-nav ul li a {
				display: block;
				height: 60px;
				line-height: 60px;
				padding:  0 20px 0 18px;
				color: #212121;
				text-transform: uppercase;
				background: url('../images/nav/separateur.png') no-repeat center right;
			}
			.main-nav ul li a:hover {
				color: #FFF;
			}
			
			/* ---> niveau 2 */
			/*.main-nav ul ul {
				display: none;
			}
			.main-nav ul li li a {
				color: #FFF;
				text-transform: none;
				background: url('../images/nav/separateur-black.png') no-repeat center right;
			}
		
/*======================================================
MAIN
======================================================*/
	/* ## --> HOMEPAGE */
	.home {
		position: relative;
		background: url('../images/home/bg-edito.png') no-repeat top center;
	}
			/* ## --> Slideshow */
			#slideWrapper {
				margin: 0 0 0 46px;
			}
			
			#slideshow{
				overflow:hidden;
				width:840px;
				float: left;
			}
				#slideshow ul{
					width:1700px;
					padding-left:0px;
				}
				#slideshow li {
					position: relative;
					float:left;
					padding: 0 15px 0 15px;
					margin:0 0 0 0;
					cursor:pointer;
					background: url('../images/home/bg-slide-item.png') no-repeat center left;
				}
				#slideshow li .legend,
				#pageSlideshow li .legend {
					display: none;
				}
				#slideshow li .legend p,
				#pageSlideshow li .legend p {
					display: block;
					position: absolute;
					background: #CC006B;
					top: 0px;
					width: 170px;
					height: 180px;
					padding: 0 0 0 10px;
					font-size: 13px;
				}
				#slideshow li .legend p span,
				#pageSlideshow li .legend p span {
					display: block;
				}
					#slideshow li .legend p span.nameArtiste,
					#pageSlideshow li .legend p span.nameArtiste {
						padding: 12px 0 0 0;
					}
					#slideshow li .legend p span.galleryName,
					#pageSlideshow li .legend p span.galleryName {
						padding: 8px 0 0 0;
						font-weight: bold;
						text-transform: uppercase;
					}
					#slideshow li .legend p span.galleryName em,
					#pageSlideshow li .legend p span.galleryName em {
						color: #000;
					}
					#slideshow li .legend p span.villeGallery,
					#pageSlideshow li .legend p span.villeGallery {
						font-weight: bold;
					}
					#slideshow li .legend p span.location,
					#pageSlideshow li .legend p span.location {
						position: absolute;
						bottom: 18px;
						font-size: 11px;
						line-height: 30px;
						color: #000;
						padding: 0 20px 0 0;
						background: url('../images/buttons/hall-link.png') no-repeat center right;
					}
				#slideWrapper a {
					float: left;
					width: 28px;
					height: 180px;
				}
				#slideWrapper a.prev {
					background: url('../images/home/slide-prev.png') no-repeat center left;
				}
				#slideWrapper a.next {
					background: url('../images/home/slide-next.png') no-repeat center right;
				}
			
			/* ## --> Edito */
				.edito {
					margin: 22px 0 0 90px;
					width: 630px;
				}
	
	/* ## --> ARTICLES */
		#content .article {
			background: #D9D9D9;
			width: 630px;
			padding: 35px 60px 35px 60px;
			float: left;
			color: #212121;
		}
			.colRight {
				float: left;
			}
			
			#slideWrapper-right {
				width: 180px;
				margin: 93px 0 0 30px;
			}
				#slideWrapper-right .filmstrip li,
				#slideWrapper-right .filmstrip li img {
					float: left;
					margin: 0;
					padding: 0;
				}
				#slideshow-right {
					padding: 0 0 10px 0;
				}
	/* ## --> ARTICLES */
		#pageSlideshow {
			background: #D9D9D9;
			width: 690px;
			padding: 35px 0 0 60px;
			float: left;
		}
			#pageSlideshow .filmstrip li {
				float: left;
				position: relative;
				padding: 0 35px 35px 0;
			}
			#pageSlideshow .filmstrip li a {
				position: absolute;
				width: 180px;
				height: 180px;
				z-index: 100;
			}
				

/*======================================================
FORMS
======================================================*/
/* -----> Erreur ----- */
	#errorPad {
	  position: absolute;
	  z-index: 100000000;
	  top: 0px;
	  left: 0px;
	  width: 100%;
	  height: 100%;
	  background: #CC006B;
	  opacity: 0.5;
	}
		#erlogPad {
		  position: absolute;
		  z-index: 100000000;
		  background: #FFF;
		  top: 200px;
		  left:50%;
		  margin: 0 0 0 -210px;
		  width: 400px;
		  border: 2px solid #CCC;
		  padding: 20px;
		  font-size: 1.1em;
		  color: #212121;
		}
		#erlogPad h1 {
		  margin: 0;
		  padding: 0;
		  color: #CC006B;
		  font-size: 20px;
		}
		#erlogPad ul {
			list-style-type: square;
			color: #000;
			margin: 0 0 0 5px;
			padding: 0 0 0 10px;
		}
		#erlogPad li {
			padding: 0 0 0 0px;
		}
		p.error_msg {
		  text-align: right;
		  padding-bottom: 0px;
		  margin-bottom: 0px;
		  color: #212121;
		}
		
		
	.contact {
		padding: 30px 0 30px 0;
	}
		.contact input,
		.contact textarea {
			font-size: 13px;
			padding: 1px;
			border: 1px solid #212121;
			background: #999;
			color: #FFF;
			font-family: arial;
			width: 250px;
		}
		.contact .label {
			padding: 0 0 10px 0;
			width: 160px;
		}
		.contact input:focus,
		.contact textarea:focus {
			border: 1px solid #CC006B;
		}
		
		.contact td.submit input,
		.contact td.reset input {
			border: none;
			width: 60px;
			margin: 30px 0 0 100px;
		}
		.contact td {
			vertical-align: top;
		}
/*======================================================
FOOTER
======================================================*/
.contenter-copyright-advisa {
	float: left;
}
	#footer {
		margin: 36px 0 0 0;
		height: 165px;
		position:  relative;
	}
		#footer ul {
			margin: 0 0 0 4px;
		}
		#footer ul li {
			float: left;
			text-transform: uppercase;
			color: #FFF;
			padding: 12px 0 0 15px;
		}
		#footer ul li a {
			color: #FFF;
			
		}
		.stras-events {
			position: absolute;
			top: 70px;
			left: 50px;
		}

/*======================================================
OUTILS
======================================================*/
a.readmore {
	display: block;
	width: 126px;
	height: 21px;
	line-height: 21px;
	padding: 0 0 0 5px;
	font-size: 10px;
	text-transform: uppercase;
	color: #000;
	background: url('../images/buttons/read-more.png') no-repeat center right;
}
a.pinkLink {
	background: url('../images/buttons/pink-link.png') no-repeat center right;
	padding: 0 16px 0 0;
	color: #FFF;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
}
.link-partenaire {
	position: absolute;
	top: 115px;
	Left: 160px;
}