/*
 * Base             100% 
 * -------------------------------------
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   
 * 13px              82%  
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 */

* {
	margin:0;
	padding:0;
}

html {
    padding:0px; 
   	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
body { 
	color: #2c2c2c;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	margin: 0px;
	padding: 0px;
	background:url(../medias/fond.jpg) repeat-x;
	height:100%;
}
img{
	border:0px;
}


p{
	clear:both;
}
#fond-blanc {
	top: 0;
	width:1000px;
	height:100%;
	text-align: left;
	position:fixed;
	margin-left:-500px;
	left:50%;
	background:url(../medias/fond-blanc.png) repeat-y;
}
/* hack ie6 */
* html #fond-blanc{
	background:url(../medias/fond-blanc.gif) repeat-y;
	position:absolute;
	height: 100%;



}
#conteneur {
	margin: 0px auto;
	top: 0px;
	width: 1000px;
	text-align: left;
	height:100%;
}
/* TINY */
.push{
	color:#94121a;
	font-weight:bold;
	font-size:82%;
	padding:0 0 5px 15px;
}
.italique{
	color:#94121a;
	font-size:65%;
	font-style:italic;
	padding:0 0 10px 15px;
}




/* home */
#contenu-texte{
	width: 835px;
	top: 289px;
	position:absolute;
	padding:0 85px 0 83px;
}
#contenu-texte-attente{
	width: 835px;
	top: 200px;
	position:absolute;
	padding:0 85px 0 83px;
}

#contenu-texte ul{
	float:left;
	margin-top:15px;
	font-size:77%;
}
#contenu-texte ul li{
	list-style-type:none;
	background:url(../medias/puce.gif) no-repeat;
	background-position:4px 6px;
	clear:both;
	text-indent:15px;
}

/* pages */
#contenu-texte-page{
	width: 835px;
	top: 179px;
	position:absolute;
	padding:0 85px 0 83px;
}
#droite-texte ul{
	float:left;
	font-size:77%;
	padding-left:13px;
}
.agenda-artiste ul{
	padding-left:15px;	
}
#droite-texte ul li{
	list-style-type:none;
	background:url(../medias/puce.gif) no-repeat;
	background-position:4px 6px;
	clear:both;
	padding:0 0 15px 15px;
}
#droite-texte ul a, #droite-texte p a, #texte-pdf a, h2 a{
	color:#94121a;
	text-decoration:underline;
	background:url(../medias/fleche-lien.gif) no-repeat;
	background-position:right;
	padding-right:15px;
}
/* hack ie7 */
*+html #droite-texte ul a, #droite-texte p a, #texte-pdf a, h2 a{
	padding-right:15px;
}
	
#droite-texte ul a:hover, #droite-texte p a:hover, #texte-pdf a:hover,  h2 a:hover{
	color:#333333;
	text-decoration:underline;
}
p{

	font-size:77%;
	padding:0 0 15px 15px;

}

#centre-blanc{
	width:792px;
	height:auto;
	padding:20px 20px 30px 20px;
	float:left;
	background-color:#FFF;
}
#gauche{
	width:205px;
	float:left;
	padding-right:20px;
}
#droite{
	width:560px;
	float:left;
}
/* hack ie6 */
* html #droite{
	margin-top:-18px;
}
/* hack ie7 */
*+html #droite{
	margin-top:-18px;
}
#titre-page{
	margin-bottom:20px;
	float:left;
}
#droite-texte{
	width:560px;
	clear:both;	
}
.bouton{
	width:159px;
	height:19px;
	padding:3px 0 0 5px;
	background:url(../medias/fond-bouton.gif);
	float:left;
	color:#FFF;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:71%;
	text-decoration:none;
	margin-left:15px;
}
.bouton:hover{
	background-position:0 22px;
	color:#FFF;
	text-decoration:none;
}

.bouton-large{
	width:200px;
	height:32px;
	padding:4px 0 0 5px;
	background:url(../medias/fond-bouton-large.gif);
	float:left;
	color:#FFF;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:71%;
	text-decoration:none;
	margin-left:355px;
}
.bouton-large:hover{
	background-position:0 36px;
	color:#FFF;
	text-decoration:none;
}
#gauche-pdf{
	width:205px;
	font-size:65%;
	margin-top:7px;
	float:left;
}
#gauche-pdf #logo-pdf{
	width:27px;
	height:26px;
	float:left;
}
#gauche-pdf #texte-pdf{
	width:173px;
	padding:2px 0 0 5px;
	float:left;
}
.titre{
	color:#94121a;
	font-weight:bold;
	font-size:82%;
	padding:0 0 5px 15px;
}
.ss-titre{
	color:#333333;
	font-size:71%;
	font-weight:bold;
	padding:0 0 10px 15px;
	
}
.titre-2{
	color:#94121a;
	font-weight:bold;
	font-size:82%;
	padding:0 0 5px 0;
	clear:both;
}
.titre-3{
	color:#94121a;
	font-weight:bold;
	font-size:82%;
	padding:5px 0 5px 0;
	float:left;
}
.ss-titre-2{
	color:#333333;
	font-size:71%;
	font-weight:bold;
	padding:0 0 10px 0;
}
.separation-horizontale-longue{
	height:1px;
	background:url(../medias/separation-horizontale.gif) repeat-x;
	width:560px;
	float:left;
	margin:15px 0 15px 0;
}
/* hack ie7 */
*+html .separation-horizontale-longue{
	padding:15px 0 0 0;
}
/* hack ie6 */
* html .separation-horizontale-longue{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#visuel-ss-menu{
	margin-bottom:5px;
}


/* ------------------------------------------------------------------ HOME -------------------------------------------------------*/
/* ---------------------- edito home -------------------- */
#edito{
	width:207px;
	float:left;
}
#edito p{
	width:207px;
	float:left;
	padding:0;
	margin:0;
}
#edito #titre-edito{
	width:153px;
	height:19px;
	margin-bottom:15px;
	float:left;
}
/* hack ie7 */
*+html #edito #titre-edito{
	margin-bottom:30px;
}

/*-------------------------------- newsletter agenda -------------------------------*/
 
#newsletter-bloc{
	width:182px;
	height:120px;
	background:#434343;
	padding:12px;
	float:left;
	margin:15px 0 0 0;
}

#btn-inscrire{
	width:73px;
	height:17px;
	float:right;
	background:url(../medias/sinscrire-btn.gif);
	margin:10px 0 0 0;
}
#btn-inscrire:hover{
	background-position:0 17px;
}
#newsletter-bloc form fieldset{
	border:none;
	margin:0;
	padding:0;
}
#newsletter-bloc form legend{
	color:#d8d6d6;
	font-weight:bold;
	font-size:77%;
	padding-bottom:7px;
}
#newsletter-email{
	width:180px;
	font-size:77%;
}

/* ---------------------- à l'affiche home -------------------- */
#affiche{
	width:549px;
	float:left;
	padding-left:20px;
}
#affiche #titre-affiche{
	float:left;
	width:89px;
}
/* hack ie6 */
* html #affiche #titre-affiche{
	padding-top:4px;
}
/* hack ie7 */
*+html #affiche #titre-affiche{
	padding-top:4px;
}
#voir-agenda{
	width:136px;
	height:17px;
	margin-left:10px;
	background:url(../medias/voir-agenda.gif);
	float:left;
}
/* hack ie6 */
* html #voir-agenda{
	margin-top:13px;
}
/* hack ie7 */
*+html #voir-agenda{
	margin-top:13px;
}
#voir-agenda:hover{
	background-position:0 17px;
}

#inscrire-newsletter{
	width:169px;
	height:17px;
	margin-left:10px;
	background:url(../medias/inscrire-newsletter.gif);
	background-position:0 17px;
	float:left;
}
/* hack ie6 */
* html #inscrire-newsletter{
	margin-top:13px;
}
/* hack ie7 */
*+html #inscrire-newsletter{
	margin-top:13px;
}
#inscrire-newsletter:hover{
	background-position:0 0px;
}

#artistes-affiche{
	width:566px;
	float:left;
	padding-top:10px;
}
.artiste{
	width:175px;
	height:204px;
	float:left;
}
.artiste-visuel-texte{
	position:relative;
	width:175px;
}
.artiste-visuel{
	width:175px;
	height:204px;
}
.artiste-fond{
	width:175px;
	height:60px;
	position:absolute;
	background:url(../medias/fond-artiste.gif);
	top:144px;
	opacity: 0.75;
	filter:alpha(opacity=75);
}
.artiste-texte{
	width:175px;
	height:60px;
	position:absolute;
	top:142px;
}
.artiste-texte .artiste-texte-infos{
	color:#FFF;
	font-size:71%;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	width:155px;
	padding:3px 0 0 5px;
}
.artiste-texte-infos-nom{
	font-weight:bold;
	font-size:100%;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#fff;
}
.artiste-texte-infos-nom:hover{
	text-decoration:underline;
}

.artiste-texte .artiste-texte-fleche{
	width:10px;
	height:10px;
	float:left;
	background:url(../medias/fleche-blanche.gif);
	margin-top:48px;
}
.artiste-texte .artiste-texte-fleche:hover{
	background-position:0 10px;
}
.separation-verticale-artiste{
	background:url(../medias/separation-verticale.gif);
	width:1px;
	height:206px;
	float:left;
	margin: 0 9px 0 9px;
}


/* ------------------------------------------------------------------ LIEUX DE VENTE -------------------------------------------------------*/
.colonne-lieu-vente{
	width:180px;
	float:left;
}
.logo-lieu-vente{
	text-align:center;
	margin-bottom:10px;
}
.logo-lieu-vente-2{
	text-align:center;
	margin:20px 0 20px 0;
}
.separation-verticale-lieu-vente{
	background:url(../medias/separation-verticale.gif);
	width:1px;
	height:227px;
	float:left;
	margin: 0 11px 0 11px;
}

/* ------------------------------------------------------------------ INFOS TECHNIQUES -------------------------------------------------------*/
.colonne-infos-techniques{
	float:left;
	width:200px;
}
.colonne-infos-techniques p{
	clear:both;
	width:200px;
}

.separation-verticale-infos-techniques{
	background:url(../medias/separation-verticale.gif);
	width:1px;
	height:265px;
	float:left;
	margin: 0 11px 0 11px;
}

/* ------------------------------------------------------------------ CONFIGURATIONS -------------------------------------------------------*/
.colonne-configurations{
	clear:both;
	width:560px;
}


/* ------------------------------------------------------------------ CONDITIONS -------------------------------------------------------*/
.conditions-bloc{
	width:560px;
	clear:both;
}

.revue-bloc{
	width:560px;
	clear:both;
}
.revue-bloc .separation-horizontale-longue{
	margin:15px 0 15px 0;	
}

table{
	width:560px;
	font-size:77%;
}
/* hack ie7 */
*+html table{
	font-size:100%;
}
/* hack ie6 */
* html table{
	font-size:100%;
}


/* ------------------------------------------------------------------ NAISSANCE LIEU -------------------------------------------------------*/
.colonne-naissance-lieu{
	width:260px;
	float:left;
}
.separation-verticale-naissance-lieu{
	background:url(../medias/separation-verticale.gif);
	width:1px;
	height:278px;
	float:left;
	margin: 0 11px 0 11px;
}

/* ------------------------------------------------------------------ AGENDA -------------------------------------------------------*/
.agenda-artiste2 {
	width:560px;
	float:left;
}
.agenda-artiste {
	width:560px;
}
.separation-horizontale-longue-artiste{
	height:1px;
	background:url(../medias/separation-horizontale.gif) repeat-x;
	width:560px;
	float:left;
	margin:15px 0 15px 0;
}
.agenda-photo{
	float:left;
	width:175px;
}
.agenda-descriptif{
	float:left;
	width:385px;
	padding-top:0px;
}
.agenda-reserver{
	width:385px;
	clear:both;
	padding:20px 0 0 0;
}
.agenda-liens{
	clear:both;
	padding-left:15px;
}
.pagination{
	font-size:77%;
	text-align:center;
	margin-bottom:50px;
}
.pagination p{
	padding:0;
	text-align:center;
}
.lien-pagination-bloc{
	clear:both;
}
.lien-pagination-bloc a{
	color:#94121a;
	text-decoration:underline;
	text-align:center;
	background:none;
	font-size:77%;
}
.lien-pagination-bloc a:hover{
	color:#434343;
}
.lien-pagination-bloc a.current{
	color:#94121a;
	text-decoration:none;
	font-weight:bold;
}
#agenda-form{
	width:185px;
	height:267px;
	background-image:url(../medias/agenda-form.gif);
	float:left;
	padding:10px;
}
#agenda-form form{
}
#agenda-form form ul{
	float:left;
	font-size:77%;
}
#agenda-form form ul li{
	list-style-type:none;
	background:url(../medias/puce-blanche.gif) no-repeat;
	background-position:4px 6px;
	clear:both;
	padding:0 0 15px 15px;
}

#agenda-form form label{
	color:#ffffff;
	font-weight:bold;
}
/*
#agenda-form form #date{
	height:15px;
	width:156px;
	font-size:71%;
	margin-right:3px;
	clear:both;
}*/
#agenda-form form select{
	border-color:#360507;
	height:20px;
	width:160px;
	font-size:100%;
	margin-top:3px;
	clear:both;
}
#agenda-form form .btn-rechercher{
	margin-left:90px;
}
#agenda-form form fieldset{
	border:none;
	margin:0;
	padding:0;
}
#agenda-form form legend{
	color:#d8d6d6;
	font-weight:bold;
	font-size:77%;
	padding-bottom:7px;
}

/* ------------------------------------------------------------------ RESERVER SALLE -------------------------------------------------------*/
.colonne-reserver{
	float:left;
	width:170px;
}
.colonne-reserver p{
	clear:both;
	width:160px;
}
.colonne-reserver-2{
	float:left;
	width:140px;
}
.colonne-reserver-2 p{
	clear:both;
	width:130px;
}
.separation-verticale-reserver{
	background:url(../medias/separation-verticale.gif);
	width:1px;
	height:180px;
	float:left;
	margin: 0 11px 0 11px;
}

/* ------------------------------------------------------------------ CONTACT-------------------------------------------------------*/
.separation-verticale-contact{
	background:url(../medias/separation-verticale.gif);
	width:1px;
	height:155px;
	float:left;
	margin: 0 11px 0 11px;
}
#plan-acces-btn{
	width:136px;
	height:17px;
	float:right;
	background:url(../medias/plan-btn.gif);
	margin:15px 0 0 68px;
}
#plan-acces-btn:hover{
	background-position:0 17px;
}

/* ------------------------------------------------------------------ ACCES-------------------------------------------------------*/

#acces-gauche-1{
	padding-top:15px;
	float:left;
}
.acces-gauche{
	width:205px;
	float:left;
}
.acces-gauche p{
	width:205px;
	font-size:77%;
	padding:0;
}
.separation-horizontale-courte{
	height:1px;
	background:url(../medias/separation-horizontale.gif) repeat-x;
	width:205px;
	float:left;
	margin:15px 0 15px 0;
}
/* hack ie6 */
* html .separation-horizontale-courte{
	margin:15px 0 0 0;
}
#picto-handicape{
	float:left;
	padding-top:-8px;
}

 /* --------------------------------------------------------- LIVRE D'OR --------------------------------------------------------- */
.livre-photo{
	float:left;
	width:128px;
}
.livre-visuel-texte{
	position:relative;
	width:128px;
}
.livre-visuel{
	width:127px;
	height:151px;
	border:solid 1px #791d23;
}
.livre-fond{
	width:128px;
	height:22px;
	position:absolute;
	background:url(../medias/fond-livre.gif);
	top:130px;
	opacity: 0.95;
	filter:alpha(opacity=95);
}
.livre-texte{
	width:127px;
	height:22px;
	position:absolute;
	top:132px;
}

.livre-texte .livre-texte-infos{
	color:#FFF;
	font-size:65%;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	width:127px;
	padding:3px 0 0 5px;
}
.livre-texte-infos-lien{
	font-weight:bold;
	font-size:100%;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#fff;
}
.livre-texte-infos-lien:hover{
	text-decoration:underline;
}

.livre-texte .livre-texte-fleche{
	width:10px;
	height:10px;
	float:left;
	background:url(../medias/fleche-blanche.gif);
	margin-left:115px;
	margin-top:-9px;
}
.livre-texte .livre-texte-fleche:hover{
	background-position:0 10px;
}


/*------------------------------ sous-menu ------------------------------- */
#ss-menu{
	width:205px;
	float:left;
	background:#6f0c12;
	padding:8px 0 8px 0;
	margin-bottom:5px;
}
#ss-menu li{
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}
#ss-menu li a{
	color:#ffffff;
	font-size:77%;
	text-decoration:none;
	width:195px;
	height:17px;
	float:left;
	background:url(../medias/ss-menu.gif);
	padding:2px 0 0 10px;
}
#ss-menu li a:hover{
	background-position:0 19px;
	width:195px;
	height:17px;
}
#ss-menu li span{
	color:#ffffff;
	font-size:77%;
	text-decoration:none;
	width:195px;
	height:17px;
	float:left;
	background:url(../medias/ss-menu.gif);
	background-position:0 19px;
	padding:2px 0 0 10px;
}
#agenda-btn{
	width:205px;
	height:24px;
	float:left;
	background:url(../medias/agenda-btn.gif);
}
#agenda-btn:hover{
	background-position:0 24px;
}

/*----------------------------- bandeau ------------------------- */
#bandeau{
	width:903px;
	padding:0 0 0 82px;
	position:absolute;
	top:0;
}
/* hack ie6 */
* html #bandeau{
	padding:0 0 0 82px;	
}
/* hack ie7 */
*+html #bandeau{
	padding:0 0 0 83px;
}
#bandeau #visuel{
	width:833px;
	height:229px;
}
#bandeau #visuel-page{
	width:833px;
	height:119px;
}
#bandeau #fond-logo{
	position:relative;
}
#bandeau #fond-logo-rouge{
	position:absolute;
	width:284px;
	height:229px;
	background-color:#5d0a0e;
	top:-229px;
	right:70px;
	opacity: 0.80;
	filter:alpha(opacity=80);
}
/* hack ie6 */
* html #bandeau #fond-logo-rouge{
	top:-232px;
	right:68px;
}
#bandeau #logo{
	position:absolute;
	width:255px;
	height:88px;
	top:-128px;
	right:85px;
}

#bandeau #fond-logo-rouge-page{
	position:absolute;
	width:232px;
	height:119px;
	background-color:#5d0a0e;
	top:-119px;
	right:70px;
	opacity: 0.80;
	filter:alpha(opacity=80);
}
/* hack ie6 */
* html #bandeau #fond-logo-rouge-page{
	top:-122px;
	right:68px;
}
#bandeau #logo-page{
	position:absolute;
	width:255px;
	height:88px;
	top:-95px;
	right:30px;
}

/* -------------------------------- header ------------------------- */
#bandeau #header{
	width:833px;
	height:26px;
	background:#434343;
}

#header ul{
	float:left;
	height:2px;
	margin:6px 0 0 5px;
}
#header ul li{
	color:#FFF;
	font-size:65%;
	float:left;
	list-style-type:none;
}
#header ul li a{
	color:#FFF;
	text-decoration:none;
}
#header ul li a:hover{
	text-decoration:underline;
}
#recherche-formulaire{
	float:right;
	margin: 3px 2px 0 0;
}
#recherche-formulaire label{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:71%;
	float:left;
	margin-top:2px;
}
#recherche-formulaire #recherche{
	float:left;
	height:15px;
	width:140px;
	margin-left:3px;
	font-size:71%;
}
.btn-rechercher{
	width:84px;
	height:17px;
	background:url(../medias/rechercher.gif);
	float:left;
	margin:2px 3px 0 4px;
}

.btn-rechercher:hover{
	background-position:0 17px;
}

/*----------------------------- menu ------------------------- */
#bandeau #menu{
	width:813px;
	height:34px;
	background:url(../medias/fond-menu.jpg) repeat-x;
	padding-left:20px;
}
/* hack ie6 */
* html #bandeau #menu{
	margin-top:-3px;
}
#menu li{
	list-style-type:none;
	float:left;
}
#menu li a{
	height:23px;
	display:block;
}
#menu li a:hover{
	background-position:0 23px;
}
#menu-accueil{
	background:url(../medias/menu-accueil.gif);width:112px;
}
span#menu-accueil{
	height:23px;
	display:block;
	background:url(../medias/menu-accueil.gif);width:112px;
	background-position:0 23px;
}
#menu-infos-pratiques{
	background:url(../medias/menu-infos-pratiques.gif);width:169px;
}
span#menu-infos-pratiques{
	height:23px;
	display:block;
	background:url(../medias/menu-infos-pratiques.gif);
	width:169px;
	background-position:0 23px;
}
#menu-photos{
	background:url(../medias/menu-photos.gif);
	width:113px;
}
span#menu-photos{
	height:23px;
	display:block;
	background:url(../medias/menu-photos.gif);
	width:113px;
	background-position:0 23px;
}
#menu-lieu-histoire{
	background:url(../medias/menu-lieu-histoire.gif);width:216px;
}
span#menu-lieu-histoire{
	height:23px;
	display:block;
	background:url(../medias/menu-lieu-histoire.gif);
	width:216px;
	background-position:0 23px;
}
#menu-organisateur{
	background:url(../medias/menu-organisateur.gif);width:187px;
}
span#menu-organisateur{
	height:23px;
	display:block;
	background:url(../medias/menu-organisateur.gif);
	width:187px;
	background-position:0 23px;
}

/*----------------------------- footer ------------------------- */

#footer{
	width:835px;
	padding:0 84px 0 81px;
	height:26px;
	position:absolute;
	bottom: 0;
	left: 50%;
	margin-left:-500px;	
	z-index:100;
}
/*
body > #footer{
	position:fixed;
}
*/

#footer-fond{
	background:#434343;
	height:26px;
	width:835px;
}

#footer-logo{
	width:19px;
	height:21px;
	float:left;
	padding-left:10px;
}
#footer-texte{
	float:left;	
}
#menu-secondaire{
	float:left;
}
#menu-secondaire li{
	list-style-type:none;
	float:left;
	background:url(../medias/separation.gif) no-repeat;
	background-position:right;
	padding:5px 7px 5px 7px;
}
#menu-secondaire li a{
	color:#FFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:71%;
	float:left;
}
#menu-secondaire li a:hover{
	text-decoration:underline;
}
#menu-secondaire li span{
	color:#FFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:71%;
	float:left;
	text-decoration:underline;
}
#footer #nd{
	float:left;
	color:#FFF;
	font-size:71%;
	padding:5px 0 0 7px;
}
#footer #nd-image{
	float:left;
	width:14px;
	padding:5px;
}
#footer-w3c{
	float:left;
	padding-left:200px;
}

#footer-rss{
	background-image:url(../medias/rss.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-right:27px;
}



/* ----------------------- photos ------------------------ */
.photo{
	width:133px;
	height:89px;
	border:solid 1px #791d23;
	float:left;
	margin-right:5px;
}
div#video{
	font-size:12px;
	margin:60px 0px 20px 0px;
	padding:0px;
}

.rss{
	padding:0 0 0 5px; 
	float:left;
	
}

*+html .rss{
	margin-top:12px;
}

*html .rss{
	margin-top:12px;
}