/* mac hide \*/
html, body {height:100%}
/* end hide*/
.paire{
	background-color:#DEDEDE;
}
.contour {
	border:1px solid #000000;
}

body
{
	margin:0;
	padding:0;
	background:#C0C0C0 url(bande_fond.gif) repeat-y 50% 0;
	background-attachment:fixed;
	text-align:center;
	min-width:1000px;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:11px;
	color:#000000;
}
#site{
	background:none;
	margin:0 auto;
	padding:0;
	width:1000px;
	font-size:12px;
	font-family:verdana,arial,sans-serif;
	text-align:center;
	display:block;
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
}
* html #site{height:100%;}
* +html #site,* +html {}  /* Hack IE 7 */

.image_header {
	display:block;
}



.entete
{
	width:1000px;
	height:88px;
	margin:auto;
}


img{
		border :0px;
}

a {
		font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; text-decoration:none; font-weight:bold; font-style:normal;
}

a:visited {
	color: #333333;
}
a:hover {
	color: #666666;
}
a:active {
	color: #999999;
}

.entete a:visited {
	color: #000000;
}
.entete a:hover {
	color: #000000;
}
.entete a:active {
	color: #000000;
}

a.titrechoice  {
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size: 12px; font-style:normal; font-weight:bold;
	text-decoration:none;
	display:block;
}
a.titrechoice:visited {
	color:#ffffff; 
}
a.titrechoice:hover {
	color:#ffffff; 
}
a.titrechoice:active {
	color:#ffffff; 
}


.cadremenu{width:1000px; height:22px; margin:auto; border:1px solid #000000;}
.menuhautgauche 
{
	width:222px;
	height:22px;
	float:left;
	margin:auto;
	background-image: url(../images/fondmenugris.png); background-repeat:repeat-x;
	border-right:1px solid #999999;
}
.menuhautcentre
{
	width:550px;
	height:22px;
	float: left;
	text-align:center;
}

.menuhautdroit
{
	width:222px;
	height:22px;
	float:right;
	background-image: url(../images/fondmenurouge.png); background-repeat:repeat-x;
}
.colonnegauche {
	width:23%;
	height:auto;
	float:left;
	margin:auto;
}
.colonnedroite {
	width:220px;
	height:auto;
	float:right;
	margin:auto;

}
.corps
{
	width:535px;
	height:auto;
	float: left;

	margin:3px;
	min-height:600px;
	text-align:justify;
}

.menudroite
{
	width:25%;
	min-height:500px;
	float:right;
}
.menugauchebas
{
	text-align:left;
	width:100%;
	height:100px;
	padding:5px 0px 5px 0px;
}
.menudroitebas
{
	text-align:left;
	width:100%;
	height:50px;
	padding:5px 0px 5px 0px;
}
.choice
{
	
	
	margin-left:15%;
	width:62%;
	padding:5px 5px 5px 5px;
	min-height:350px;
}
.favorite { width:640px; height:auto;}

.pied
{
	clear:both;
	text-align:center;
}
.pied a {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.pied a:visited {
	color: #C02C35;
}
.pied a:hover {
	color: #000000;
	text-align:left;
	background-color:#DFDFDF;
}
.pied a:active {
	color: #C02C35;
}

.lignenoir { background-image:url(../images/lignenoir.png); background-repeat:no-repeat; width:222px; height:2px; }
.fondmenuhaut { background-image: url(../images/fondmenu_14.jpg); background-repeat:no-repeat; width:134px; height:30px; background-position:center;  }
.fondmenumillieu {background-image:url(../images/fondmenu_17.jpg); background-repeat:repeat-y; width:134px; height:auto; background-position:center; text-align:center;} 
.fondmenubas { background-image: url(../images/fondmenu_19.jpg); background-repeat:no-repeat; width:134px; height:43px; background-position:center;  }
.fondchoice {background-image: url(../images/fondchoice_03.png); background-repeat:no-repeat; width:637px; height:328px; background-position:center; padding:0px 5px 0px 0px;; }
.fondadvertisebanner { background-image:url(../images/advertisebanner.png); background-repeat:no-repeat; width:194px; height:70px; background-position:center; }

.titrechoice { font-family: Arial; color:#ffffff; font-size: 14px; padding-left:5px; font-weight:bold;}
.titre2choice { font-family: Arial; color:#68d9d0; font-size: 12px; padding-left:5px; font-weight:bold;  }
.resumechoice { font-family:Arial; color:#ffffff; font-size: 10px; padding-left:5px; }
.lienchoice { font-family:Arial; color:#68d9d0; font-size:12px; padding-left:5px; font-weight:bold; }

.titreaccueil {
	font-size: 28px;
	font-weight: 500;
	color: #00716B;
	font-family:Arial, Helvetica, sans-serif;

}

.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	}

.hmenuhaut {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
}
.dossier {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	font-variant:small-caps;
	font-style:italic;
}
.h2soul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
.h2soulgras {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}
.h2gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.h2grasrouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
}
.h2grasrougeborder {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border:solid #B7070A 3px;
	background-color:#B7070A;
}
.h3gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.h3grasrouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}
.h2soulgras_tableau {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	padding-left:20px;
}		
.h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.h3padding {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:40px;
}
.h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
}

.h6graspad40{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 300;
	padding-left:40px;
	padding-top:40px;
	line-height:30px;
}
.h6graspad30 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 300;
	padding-left:30px;
	
}
.h6soul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	font-variant:small-caps;
	font-style:italic;
}
.h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
	
}

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 129px ;
	line-height: 19px ;
	text-decoration: none ;
	 /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	
}

ul#menu li a:hover
{
	background-image: url(../images/flechemenu_03.gif); background-repeat:no-repeat; background-position:right;/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	
}
ul#menu2
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu2 li
{
	margin:0;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu2 li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 120px;
	line-height: 17px ;
	text-decoration: none ;
}

ul#menu2 li a:hover
{
	width: 120px;
	background-image: url(../images/flechemenu_03.gif); background-repeat:no-repeat; background-position:right;/* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */

}

.ligne2 {background-image:url(../images/ligne2_03.png); background-repeat:no-repeat; background-position:center; width:644px; height:4px;}

span.titre_spectacle {

	font-family: "Arial bold", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#CC0000;
}
span.titre_spectacle a {

	color:#CC0000;
	text-decoration:none;
}
span.type_spectacle {

	font-family: "Arial bold", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}
span.acroche {

	font-family: "Arial bold", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
span.sous_titre_spectacle {

	font-family: "Arial bold", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}

.center{
	text-align:center;
}
.right{
	text-align:right;
}
.justify{
	text-align:justify;
}

.titre_accueil {
	height:22px;
	background:url(../images/fondmenurouge.png) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	border:1px solid #000000;
}

input.bouton {
	background:#B4030D;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	font-size: 12px; 
	font-style:normal; 
	font-weight:bold;
	text-decoration:none;
	border:outset #B4030E 2px;
}
input.bouton_disable {

	background:#EEEEEE;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#555555; 
	font-size: 12px; 
	font-style:normal; 
	font-weight:bold;
	text-decoration:none;
	border:outset #000000 2px;
}
.onglet_fiche_spectacle {
	background:#CCCCCC url(../images/onglet_spectacle_fond.gif);
	height:37px;
	color:#000000;
}
.onglet_fiche_spectacle_on {
	background:#CCCCCC url(../images/onglet_spectacle_on.gif) ;
	color:#000000;
	width:175px;
	height:37px;
	text-align:center;
	vertical-align:bottom;
	padding:0px 0px 5px 0px;
}
.onglet_fiche_spectacle_off {
	background:#CCCCCC url(../images/onglet_spectacle_fond.gif);
	color:#000000;
	width:175px;
	height:37px;
	text-align:center;
	vertical-align:bottom;
	padding:0px 0px 5px 0px;
}
.prix_passer_commande{
	background: url(../images/fond_passer_cde.gif) no-repeat bottom;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:12px;
	width:180px;
	height:74px;
	text-align:left;
}


span.prix_promo {
	text-decoration:line-through; 
	font-size:xx-small;
}
span.reduction {
	font-size:large;
	color:#B5030D;
	text-decoration:blink;
	border:1px #B5030D dashed;
	background-color:#FFBA00;
	padding:5px;
	display:block;
	float:right;
	margin:0px 15px 0px 0px;
	width:52px;
}

.table_admin{
	border:1px solid #000000;
}
.table_admin td{
	border:1px solid #000000;
	padding:2px;
	font-size:12px;
}

.vignette_spectacle {
	height:285px; 
	width:530px; 
	background: no-repeat url('../images/vignette_spectacle.jpg') #FFFFFF ;
}
.vignette_spectacle_vip {
	height:285px; 
	width:530px; 
	background: no-repeat url('../images/vignette_spectacle_vip.jpg') #FFFFFF ;
}
.fondrouge {

	height:22px;
	background-image: url(../images/fondmenurouge.png); background-repeat:repeat-x;
}
/* Pagination*/
ul.pagination{
    padding:20px 0 0 0;
    text-align:center;
}
ul.pagination li {
    list-style:none;
    display:inline;
    margin:0 2px;
    background:none !important;
    padding:0;
}
ul.pagination li strong {

    background-color:#D6D6D6;
		border: 1px solid #a1a1a1;
    padding:3px;
}
/* fin Pagination*/