body {
	margin: 0;
	padding:0;
	background-color: #fff;
	background-image:url(../images/fond.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

div, p, form {
	margin:0 ;
	padding:0;
}

#conteneur {
	position:relative;
	left:50%;
	margin-left: -475px;
	width: 950px;
	height:auto;
	padding:0;
	border: 1px solid #333333;
	background-color:#fff;
}

#haut {
	width: 950px;
	height:150px;
	margin:0;
	padding:0;
	display:block;
	background-image:url(../festival-les-escales/icono/tetiere.jpg);
	background-repeat:no-repeat;
}
#menu {
	width: 200px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
.cartouche-menu {
	width: 190px;
	margin:9px 3px 9px 3px;
	padding:2px 2px 2px 8px;
	height:17px;
	position:relative;
	background-image:url(../festival-les-escales/icono/angles.png);
	background-repeat:repeat;
}

.cartouche-droite {
	width: 188px;
	margin:3px 3px 9px 3px;
	padding:2px 2px 2px 8px;
	height:20px;
	position:relative;
	background-color:#333;
	background-image:url(../festival-les-escales/icono/angles2.png);
	background-repeat:repeat;
}
.cartouche-news {
	width: 188px;
	margin:-3px 3px 9px 3px;
	padding:2px;
	height:80px;
	position:relative;
	background-color:#fff;
}
.cartouche-newsletter {
	width: 188px;
	margin:-3px 3px 9px 3px;
	padding:2px;
	height:100px;
	position:relative;
	background-color:#fff;
}
#contenu {
	position:relative;
	margin: 0;
	padding:0;
	width: 950px;
	clear:both;
}

#gauche {
	margin: 0;
	padding:0;
	width: 200px;
	float:left;
	position:relative;
	height:auto;
}


#droite {
	position:relative;
	margin: 0;
	padding:0;
	width: 198px;
	float:left;
	overflow: hidden;
	height:auto;
}
#centre {
	position:relative;
	margin: 0;
	padding:0;
	width: 550px;

	float:left;

	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color:#FFFFFF;
}

#titre {
	position:relative;
	margin: 0;
	padding:10px;
	width: 530px;
	display:block;
}
#video {
	margin: 0;
	padding:0;
	width: 550px;
	display:block;
	height:auto;
	position:relative;
}

#texte {
	margin: 0;
	padding:10px 20px 10px 10px;
	width: 520px;
	display:block;
	height:auto;
}
#slideshow {
height:310px;
display:block;
overflow:hidden;
}
#pied {
	width:946px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear:both;
	margin:0;
	padding:2px;
	position:relative;
	background-color:#333333;
}

#pied a {
	color:#fff;
	text-decoration:none;
}

#pied a:hover {
	color:#fff;
	text-decoration:underline;
}


#recommanderAmi{
	background-color:#FF6600;
	color:#333;
	display:none;
	font-size:0.85em;
	padding:5px;
	width:260px;
	height:80px;
	left:650px;
	position:absolute;
	z-index:1000;
	border: 1px solid #FFFFFF;
	}

.bloc-news {
	height:auto;
	width:520px;
	overflow:hiden;
	padding:0;
	margin:5px 0 10px 8px;
	background-color:#fff;
	clear:both;
	border: 1px solid #000000;
}
.txt-droite {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding:10px;
}
.txt-droite a{
	color: #333333;
	text-decoration:none;
}

.txt-droite a:hover{
	color: #708E24;
	text-decoration:none;
}
.titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #300808;
	font-weight: bold;
}	

.titre-blanc {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #fff;
	font-weight: bold;
}
.sous-titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #300808;
	font-weight: bold;
}	
.gras {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
}
.texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.texte a{
	color: #FF6600;
	text-decoration:none;
}
.texte a:hover{
	color: #FF9900;
	text-decoration:none;
}
.texteblanc {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.texteblanc a {
	color: #FFF;
	text-decoration:none;
}
.texteblanc a:hover {
	color: #fff;
	text-decoration:none;
	font-weight:bold;
}

.texte input{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 1px solid #999;
	background-color:#fff;
}

.texte textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 1px solid #999;
}

.texte select{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 1px solid #999;
}

.textepetit {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
.textepetit a{
	color: #333;
	text-decoration:none;
}
.textepetit a:hover{
	color: #333;
	text-decoration:underline;
}
.textepetit input{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	background-color:#fff;
	margin:0;
	padding:0;
	border: 1px solid #A77FB1;
}
.textepetit select{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A77FB1;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
.textepetit textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A77FB1;
	border: 1px solid #A77FB1;

}
.pays {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight:bold;
	text-transform: uppercase;
}
.artiste {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6600;
	font-weight:bold;
	text-transform: uppercase;
}

.artiste a{
	color: #FF6600;
	text-decoration:none;
}
.artiste a:hover{
	color: #FF9900;
	text-decoration:none;
}

#nav { 
margin: 5px; 
float: left; 
}
#nav li { 
width: 52px; 
float: left; 
margin: 2px; 
list-style: none; 
padding: 4px; 
display: block; 
}
#nav a { 
width: 50px; 
padding: 0px; 
display: block; 
border: 1px solid #ccc; 
}
#nav li.activeLI { 
background: #D1B6CC; 
}
#nav a:focus { 
outline: none; 
}
#nav img { 
border: none; 
display: block; 
}
.pics { 
height: 307px; 
width: 462px; 
padding:0; 
margin:0; 
overflow: hidden; 
}
.pics img { 
height: 295px; 
width: 450px; 
padding: 5px; 
border: 1px solid #ccc; 
background-color: #eee; 
top:0; 
left:0; 
}