body{font-family:Arial, Helvetica, sans-serif;font-size: 75%;font-style: normal;color: #ffffff; /*background-image:url(Picts/fd.gif); background-repeat:no-repeat; background-position:center top;*/
background-color: #3D153A;
	background-image: url(Picts/fd.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
*{margin:0;padding:0;}	 
/*td {font-size: 11px;}	*/
a {color: #F2AC00; text-decoration: underlne;}
a:hover {color: #F2AC00;text-decoration: underline;} 
img {border: 0px solid #333333;}
.clear{clear:both; height:0px;font-size:1px;}
h2 {margin-bottom:5px;font-size:1.4em;color:#333333;background-color:#FFF;padding:0.5em;padding-left:5px;letter-spacing:0.1em;font-weight:bold;}
h4 {font-size:1em;color:#333333;font-weight:bold;}
/*--------------------------- div principaux dans la masterpage cote clients---------------------*/

#container{position:relative;width:850px; border: 0px solid white;margin:270px auto 0 auto;background-color:transparent;}
#header {margin-bottom:0px;height:191px; width:850px; background:url(./Picts/bandeau.gif) no-repeat; display:none; }
#contenu-haut{padding:5px 5px 20px 5px;margin:0;background-color:transparent;  }
#contenu-bas{padding:5px;margin:0px auto 10px auto;height:100%; min-height:200px;_height:200px; border:0px solid #333333;background-color:transparent;}


/*----------barre recherche---------------*/
#barre-recherche{float:left; width:100%; text-align:left; display:block; vertical-align:bottom; font-size: 12px;color: #333333; }
#barre-recherche select  {vertical-align:middle; margin:0;padding:0;}
#barre-recherche a {font-size: 11px;color: #ffffff;}
#barre-recherche a:hover{font-size: 11px;color: #ffffff;text-decoration: underline;}
#recherche-rapide{vertical-align:middle; display:inline; padding-top:6px;}
#recherche-rapide input {height:14px;}
#ok {vertical-align:middle; display:inline; padding-top:-6px; }
#ok input {height:14px; padding-top:-6px;}
#recherche-genre  {vertical-align:middle; display:none; padding-left:20px;}
#recherche-avance {vertical-align:middle; display:inline; padding-left:20px;}
/*---------------fin------------------------*/

.flags{float:right; display:none;width:300px;margin:0;padding:0px;text-align:right;}

/* --------------div contenu haut monpanier---------*/
#monpanier {float:left;width:56px; margin:0px 0px 0px 0px; height:46px;}
.etatpanier {text-decoration: none;font-weight:normal;font-size: 11px;}
.etatpanier a{float:left;margin:23px 0 0 0 ;padding:0px;width:200px;text-decoration: none; color: #ff0000;}
.etatpanier a:hover{text-decoration:none;color: #ff0000;}

/*-----------div contenu haut menu droite---------------*/
.menu {float:right;margin:0;padding:0; width:600px;}
.menu ul {margin:0;padding:0px;list-style-type:none;border-bottom:0px solid black;text-align:right;}
 
.menu li{font-weight:bold;font-size: 12px;line-height:1.2em;margin-top:1px;margin-bottom:1px;vertical-align:middle;}
.menu li a{text-decoration:none;color:#ffffff;/*padding-left:20px;*/}
.menu li a:hover{color:#ff66ff;text-decoration:none; /*background-color:#3399FF;*/}

.identification{ width:700px;float:right;clear:right; text-align:right;margin-top:10px;margin-bottom:20px;padding-right:0px;list-style-type:none;border:0px solid black;/*display:none;*/}
.login {text-align:right;text-decoration: none;font-weight:bold;font-size: 14px;}
.login a{padding:2px;background-color:#F2AC00;text-decoration: none; color: #000000;}
.login a:hover{text-decoration:none;background-color:#ff66ff;color:#000000;}
/*--------------------fin--------------------------------*/


/*  Habillages, bandeau, couleurs de fond, contours, champs */
.fdmenuhaut {background-color: #333333; width:100%; height:30px;}
.fdtabmaster {background-color:#3D153A;BORDER: #333333 0px solid ; width:800px; padding-bottom:15px; }
.fdtab {background-color: transparent;}

.fdformulaire{background-color:transparent; margin:0 auto 0 auto;}
.filet {padding-left:2px;background-color:#333333; }
.contourtab {BORDER: #666666 1px solid ; background-color:#3D153A;}
.Imgprint{display:none;}
.print{display:none;}
	
/* fin*/



/*-------contenu footer--------*/
#footer{width:850px; height:28px;padding:2px 0 ;font-size: 10px; color:#003366; border-top:0px dashed #333333;}
#logobas {margin-left:750px;float:right;width:100px;height: 21px;background-image:url(./Picts/logo_bas.gif); background-repeat:no-repeat;}
.copyright a{text-decoration:none;color:#003366;}
.copyright a:hover{text-decoration:underline;color:#003366;}
.plan {font-size: 12px;font-weight: bold;color: #333333;}
.legende{font-family:  Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #FFFFFF;}
.combo {font-size: 11px;}
/*.bouton {font-size: 11px;color: #000000 ;font-weight: bold ;cursor: hand;}*/
.contourbleu {BORDER: #7b9ead 1px solid; }

.typeabo {font-size: 18px;font-weight: bold;color: #000000;}
.commentaire{font-size: 10px;}
.guide{padding-left:15px;font-size: 14px;color:#000000;background-color:#F2AC00;}
.guide li {list-style-image: url(Picts/puceguide.gif); list-style-type:none;}
.guideAligne{text-align:left;}
.guideAligneFin{text-align:center;}



/* ------------------------------style pour les libellés des spectacles*/

.spectmanif {font-size: 14px;font-weight: bold;color: #F2AC00;text-decoration:none;}
.spectmanif a {font-size: 14px;font-weight: bold;color: #F2AC00;text-decoration:none!important;}
.spectmanif a:hover {font-size: 14px;font-weight: bold;color: #F2AC00;text-decoration:none!important;}
.genremanif {font-size: 12px;font-weight: normal;color: #F2AC00;}
.datemanif {font-size: 12px;color: #ff66ff;}
.spectseances,.ManifPlace {font-size: 18px;font-weight: bold;color: #F2AC00;}
.genreseances,.GenrePlace {font-size: 14px;font-weight: bold;color: #F2AC00;}
.dateseances {font-size: 12px;font-weight: bold;color: #ff66ff;}
.dateseances a {font-size: 12px;font-weight: bold;color: #ff66ff;}
.dateseances  a:hover{font-size: 12px;font-weight: bold;color: #ff66ff;}
.complementseances {font-size: 12px;font-weight: bold;color: #ff66ff;}
.descriptionseances,.DescriptionPlace {font-size: 11px;color: #ffffff;}
.fdcelimg {background-color:#FFFFFF;}
.PlanPlace{}
/* ------------------------------------------------fin */

/* --------------------boutique-----------------------*/

#boutique { 
	margin:0px;padding:0px;
	width:100%;
	background-color:transparent;
	min-height:200px;_height:200px;
	}
	
.menuBoutique h2 {
	margin:0;padding:5px;
	color:#fff; 
	background-color:#333333;
	}

.menuBoutique {
	margin:0;padding:0 0 20px 0;
	float:left;width:25%;
	/*min-height:200px;_height:200px;*/
	font-size:1em; font-weight:bold;
	border-right: 1px solid #333333;
	background-color:#333333;
	text-transform:uppercase; 
	}
.menuBoutique a{
	padding:3px 5px 3px 5px;
	border-bottom: 1px solid #fff;
	list-style:none;
	display: block; color:#000; text-indent:10px;
	background-color:#cccccc;
	background-image:url(Picts/puceListe_boutique1.gif); 
	background-repeat:no-repeat; 
	background-position:left;
	}
.menuBoutique  a:hover{
	color:#fff; 
	background-color:#A56983;
	text-decoration:none;}

.menuBoutique .sousfamille  {
	margin:0;padding:0;
	list-style-type:none;
	}

.menuBoutique .sousfamille  a { 
	border-bottom: 1px solid #000;
	text-indent:17px; display:block;
	background-color:#fff;
	font-weight:normal;color:#C66790; 
	text-transform:lowercase;
	background-image:url(Picts/puceListe_boutique2.gif);
	}
	.menuBoutique .sousfamille  a:hover {
	background-color:#F0E6EA;color:#C66790; 
	}
	
.detailBoutique{ width:70%;float:right; background-color: red;}
.NomFamilleSousFamille a {font-size:1.5em; color:#C66790; font-weight:bold; text-decoration:none;}

#detailArticleBoutique {
	width:99%;margin:0;padding:0;
	}
#detailArticleBoutique .ImgArticle {
	margin:20px 20px 30px 10px;
	float:left;
	width:150px; /*height:400px;*/
	border: 0px solid #333333;
	}
#detailArticleBoutique .detailtext {
	margin:20px 0 0 0;
	float:left;
	width:65%;
	border: 0px solid #333333;
	}
#detailArticleBoutique .ajoutpanier{
	margin:0;padding:0 0 0 10px;
	} 
#detailArticleBoutique .imprimer{
	margin:0;padding:0 ;
	} 
#detailArticleBoutique .imprimer a{
	text-decoration:none;
	} 	
#detailArticleBoutique .imprimer a:hover{
	text-decoration:none;color:#C66790;
	} 	
	
		
	.artlibelle{font-size:2em;font-weight:bold;color:#C66790;}
	.artfamille{font-size:1.4em;font-weight:bold;color:#000;}
	.artsousfamille{font-size:1.2em;font-weight:bold;color:#000;}
	.artprix{font-size:2em;font-weight:bold;color:#000;}
	.artdescription{font-size:1em;}
	.artlibelle,.artfamille,.artsousfamille,.artprix,.artdescription {padding:0px 15px 15px 15px;}

/*---------------------fin----------------*/

/* table composant 1 */
#composant1 table {margin:5px; width:100%; margin:auto; border-collapse: collapse;background-color:#FFF; }
#composant1 th { padding: 3px;border-collapse: collapse;background-color:#9933cc;color: #ffffff;font-size: 1em;font-weight:bold;text-align: left;}
#composant1 td{padding: 5px; border-bottom: 1px dashed black;font-size: 1em;text-align: left; background-color:#3D153A; /* color:#FF0000;*/}
#composant1 h2 {color:#ffffff; background-color:transparent;}

 /*------------------------------fin-----------------------------*/
 
 /* tables composant2*/
 
#composant2 table {width:100%; margin:auto; margin-bottom:20px;border-collapse: collapse;border-right:0px solid #F1F3F7;border-bottom:0px solid #F1F3F7;}
#composant2 th {padding: 3px;border-collapse: collapse;background-color: #9933cc;color: #fff;font-size: 1em;text-align:left;}
#composant2 td {border-bottom: 1px dashed black;}
#composant2 h2 {color:#ffffff; background-color:transparent;}
 
/* CORRECTIFS POUR AFFICHAGE FREETEXTBOX */
#composant2 .freetextbox table{width: auto; margin: auto; border: none;}
#composant2 .freetextbox td{border-bottom: none;}
/*----------*/
.adhesion h4{text-align:left}
.adhesionHeader {color:White;background-color:#666666;font-weight:bold; font-size:smaller;}
.adhesionItem {font-size:smaller;}
.adhesionAlternatingItem {font-size:smaller;}
.adhesionFooter {color:White;background-color:#cc0000;font-weight:bold; font-size:smaller;}

/* tableau Adhesion souscrite*/

.entetetab {padding-left:5px;color:#666666;font-size:1.5em;font-weight:bold;text-align:left; }
caption {padding-left:5px;padding-bottom:2px;color:#ffffff;font-size:1.5em;font-weight:bold;text-align:left;}
#Adhesion-souscrite table {margin:5px; width:100%; margin:auto;  border-collapse: collapse;background-color:#F1F3F7; }
#Adhesion-souscrite th /* Les cellules d'en-tête */{ border-collapse:collapse;background-color:#9933cc;color: #ffffff;font-size: 1em;font-weight:bold;text-align: left;padding: 5px;}
#Adhesion-souscrite td/* Les cellules normales */{padding: 5px;border-bottom: 1px dashed black;font-size: 1em;text-align: left;  /* color:#FF0000;*/}
.Gestion-adhesion td {/*border-bottom: 1px dashed black;*/padding: 5px; font-size: 1em;text-align: left; color:#FF0000;}
 /*------------------------------fin-----------------------------*/
 
 /* tables Vendre-Adhesion*/
 #Vendre-Adhesion table { margin-bottom:20px;margin-left:5px;width:50%; margin:auto; margin-bottom:20px;border-collapse:collapse;border-right:1px solid #F1F3F7;border-bottom:1px solid #F1F3F7;}
 #Vendre-Adhesion th {padding: 5px;border-collapse: collapse;color: #5C6676;font-size: 1em;font-weight:bold;text-align: right;}
/*-----------------------------fin----------------------------------------*/

/* --------------PANIER ET GRILLES MANIF*/
.panier {COLOR: #ffffff; BACKGROUND-COLOR:#300A2D;width:100%; border: 1px solid #333333;}
.panierHeader {color:#ffffff;background-color:#9933cc;font-weight:bold;font-size:12px;text-align:center; letter-spacing:0.1em;}
.panierHeader td {padding:2px 0 2px 5px;}
.panierHeader th {padding:2px 0 2px 5px;}
.panierHeader ul { list-style-type:none;}
.panierItem {padding:3px;font-size:100%;background-color:#300A2D;}
.panierItem td {padding:3px;}
.panierItem th {padding:3px;}
.panierAlternatingItem td {padding:3px;font-size:100%;background-color:transparent;}

/*.panierFooter {color:White;background-color:#EBE7DE;font-weight:bold;}*/
.totalPanier {font-size:100%;}
.total {font-size: 18px;font-weight: bold;color: #ffffff;}

.detailPanier {margin:0;padding:0;text-align:left; display:none; }
.panierHeader li {list-style:none;}
.aidemobile {display:none;}
.alerte {padding:2px;color:red; /*background-color:#000000;*/ }


.fdgrilleManif{padding-left:10px;background-color: #9933cc; color:#ffffff; font-weight:bold; text-align:left;}
.fdgrilleManif th{padding-left:10px;background-color: #9933cc; color:#ffffff; font-weight:bold; text-align:left;}

.fdgrilleManif tr{padding-left:3px;background-color: #9933cc; color:#ffffff; font-weight:bold; text-align:left;}
.fdgrilleManif  a{padding-left:10px;background-color: #9933cc; color:#ffffff; font-weight:bold; }
.fdgrilleManif  a:hover{padding-left:10px; color: #FFFF00; font-weight:bold; }
.AlternatingGrille td {padding:3px;font-size:100%; background-color:#3D153A;}
.AlternatingGrille tr {padding:3px;}

/*.GridView {background-color:#333333;}*/

/* -----------------------------------------------------Fin */

/*-----------mini Calendrier----------------*/

.footer{ background-color:#3D153A;}
.jours { background-color:#3D153A; color:#FFFFFF;}
.deroulant {background-color:#FFFFFF; color:#3D153A;}
.titre {background-color:#3D153A;color:#FFFFFF;}
.dates{background-color:#FFFFFF;color:#3D153A;}

/*
.articlesHeader {color:White;background-color:#333333;font-weight:bold; font-size:smaller;}
.articlesItem {font-size:smaller;}
.articlesAlternating {font-size:smaller;}
.articlesFooter {color:White;background-color:#D4D4D4;font-weight:bold; font-size:smaller;}*/

/* calendrier */

/*les mois*/

.tabmois {background-color: #000000;width:60px;}

.cssMoisEnCours {width:60px;height:14px;font-size: 100%;color: #FFF;font-weight:bold; text-transform:uppercase;
	background-color: #3399FF; padding-left: 5px; display:block;background-image:url(../../Picts/onglet.gif); }
	
/*.cssMoisEnCours a {color:#ffffff;text-decoration: none;}
.cssMoisEnCours a:hover {color:#ffffff;text-decoration: none;background-image:url(../../Picts/onglet_mec_on.gif)  no-repeat;}*/
	
.cssAutreMois {padding-left: 5px;width:60px;height:14px;color:#FFF;font-size: 100%;text-transform:uppercase;text-decoration: none;font-weight:bold;background-color: #333333;display:block;background-image:url(../../Picts/onglet_mec_on.gif) no-repeat; }
/* fin*/
.cssTitle { /*couleur des jours de la semaine et du fond*/
   color: #ffffff;background-color: #333333;text-align:center;vertical-align:middle;padding: 0px; line-height:15px;
	width: 150px;/*largeur du tab des dates*/}

.cssDay{vertical-align:top ;padding: 0px;width:100%;}

.cssDayHeaderOtherMonth/*les jours hors du mois en cours prend la couleur du fond pour etre caché (doit resté Blanc)*/
{background-color: #000000;color: #000000;text-align: center;vertical-align:top ;padding: 0px;}

.cssMonthCell {   text-align: center;vertical-align:top ;padding: 0px;color:#000000;	background-color: #000000;
/*couleur du fond du tab dates doit rester blanc*/}

.cssOtherMonthCell {   text-align: center;vertical-align:top ;padding: 0px;	color: White;background-color:#000000;}

.cssDayHeader{background-color: #EEEEEE;/*dates du mois en cours*/
	text-align: center;vertical-align:top ;padding: 0px;color:#000000;}

.cssDayContentOtherMonth{text-align: center;vertical-align:top ;padding: 0px;}
.cssDayContent{text-align: center;vertical-align:top ;padding: 0px;}

.hour{text-align: center;}
.hour a{color:#3399FF;background-color: #000000;text-decoration: none;}
.hour a:hover{ color:#ffffff;border:#3399FF 1px solid ; background-color: #3399FF;text-decoration: none;}

/*.hours {text-align: center;}

.calendar{padding: 0px;margin: 1px;border-collapse:collapse; empty-cells:show;}

.lienHour {color: #000000;}
.lienHour:hover {color: #FFFFFF;text-decoration: underline;}*/

object {width:400px; height:200px}

/*---------------------------------------------------fomulaire-------------------------------------------*/
.champs {font-size: 11px;color: #ffffff;width:145px; background-color:#3D153A;}
.champsdate {font-size: 11px;color: #ffffff;}

label {color: #ffffff; font-weight:normal;}
.label { font-weight:bold;font-size: 11px;}

input, textarea {margin:3px 0 3px 0;padding-left:5px;font-size: 11px;color: #ffffff;font-family: verdana;background-color:#3D153A;border:1px solid #666666;}
/*input:focus, textarea:focus, select:focus  Quand le curseur est sur un champ (ne marche pas sur IE) {background-color: #ffffff;}*/
select{margin:3px 0 3px 0;padding-left:5px;font-size: 11px;color: #000000;font-family: arial;border:1px solid #666666;background-color:#3D153A;} 
.checkbox input {color: #000000;margin:5px ;width:10px;vertical-align:middle;font-weight:normal;text-align:left; border-width:0px;padding-left:5px; background-color: #000000;}
.validator {margin:2px 0 2px 0;font-size: 90%;font-style: normal;color:#FF0000;text-decoration: none;}
.radio {margin:5px auto 5px auto;width:50%;vertical-align:middle;font-weight:normal;border:0;color: #ffffff;}
.noborder input { border:none; vertical-align: middle;}
.noborder label  {padding-left:3px;}

input.codeAvantage{ margin:0px;padding:0px;}
/*---------------fin---------------*/

/*-------page identification.aspx---------------*/

#bloc{margin:auto;width:100%;height:220px;}
#pasinscrit{padding-left:0px; margin-right:25px;float:left;width:350px;border: 1px solid #666666;height:200px;background-color:#3D153A;}
#pasinscrit p {padding-left:5px;}
#pasinscrit h2 {padding-left: 3px;font-size:1em; border-bottom:1px solid #666666; background-color:#3D153A;color:#fff;}
.imgidentifiez{ margin-top:46px;vertical-align:bottom;padding:5px;}
#dejainscrit{float:left;width:350px;border: 1px solid #666666;height:200px;text-align:right;background-color:#3D153A;}
#dejainscrit h2 {padding-right: 3px;font-size:1em; border-bottom:1px solid #666666; background-color:#F2AC00;color:#000000;}
#dejainscrit p {padding-right:5px;}
.imgpoursuivre{ margin-top:2px;vertical-align:bottom;padding:5px;}

/*--------------------Conditions generales de ventes----------------*/
#cdv {margin:0px;padding:5px;  text-align:left;}
#cdv,#cdv p,#cdv h1,#cdv h2,#cdv h3,#cdv ul,#cdv li {background-color:#3D153A;}
#cdv h1 {margin:0px;padding-bottom:20px;font-size:16px;color:#F2AC00; text-align:center;}
#cdv h2 {margin:0px 0px 10px 0px;padding:3px 0px 3px 5px;color:#F2AC00;font-size:14px; background-color:#333333 ;}
#cdv h3 {margin:0px 0px 10px 0px;padding:3px 0px 3px 5px;color:#F2AC00;font-size:14px;
 background-color:#150314 ;
 background-image:url(../../App_Themes/International/Picts/puceh3.gif);
 background-repeat:no-repeat;
 background-position:left;}
 #cdv h4 {color:#3399FF;font-size:11px; font-weight:bold;}
#cdv p {padding-bottom:10px;}
.preambule {font-size:1.1em;}
.num {color:#3399FF; font-weight:bold;}
.modif {color:#FF0000;}
.num2 {padding:0px 0px 0px 30px;}
.spannum2 { color:#3399FF;}

#cdv ul {padding-left:5px 0px 10px 15px!important;padding:5px 0px 10px 18px;}
#cdv ol {padding:5px 0px 10px 18px!important;padding:5px 0px 10px 25px;}
#cdv li {list-style-image:url(./Picts/puceCDV.gif); }

/*--------------fin---------------------*/

/*-------------------- Style du background des popups modaux----------------*/
/*~~~>>> 29/08/2008 MODIF RZI => TMATIC-1671 : Modification mineure Abonnement.aspx*/
.modalBackgroundWhite
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height:100%;
	_height:600px;
	width:100%;
	widows:100%;
	text-align:center;
	vertical-align:middle;
	background-color:white;
	background-position:top left;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.loading{
	background-color: White; z-index: 2; 
	vertical-align:middle;
	position:absolute;
	left:450px;
	top:300px;
}
/*<<<~~~ 29/08/2008 MODIF RZI <= TMATIC-1671*/
/*--------------fin---------------------*/



.ConteneurModal
{	
	background-color:transparent;
	color:white;
	font-weight:bold;
	position: fixed;
	z-index: 200;
	width:410px;
	position: absolute;
	top: 20px;
	left: 200px;
	padding: 5px;

}

.modalBackgroundWhite2
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height:100%;
	_height:400%;
	width:100%;
	widows:100%;
	text-align:center;
	vertical-align:middle;
	background-color:White;
	background-position:top left;
	filter:alpha(opacity=50);
	opacity:0.5;
}
	
.roundedPanel
{	
	padding: 50px 50px 30px 50px;
	width:700px;height:auto ;
	background-color: white ;
	position :absolute;
	top:250px;
	left:-150px;
	color:black;
	font-weight:normal;
	border: 1px solid #cccccc;
}

/*-------rajout carrousel-------------*/

#divBandeau{background-color:#CCFF66;position: relative; margin:0 0 20px 10px; }
.ConseilsSeances{font-size:16px; color:#000000;font-weight:bold;}
.ConseilsPanier{font-size:16px; color:#000000; font-weight:bold; padding-left:50px; }

#CarouselItem{ /*width:180px; */  /*border-bottom:1px dotted #cccccc;border-right:1px dotted #cccccc;*/
	
	/*background-image:url(Picts/fd_item.jpg);
	background-repeat: no-repeat;}*/}
#carouselTitre{font-size: 12px;font-weight: bold;color: #000000; padding:2px ;}
#carouselImg {float:left; width:80px; overflow:hidden; height:80px; margin:3px; border:0px solid #dadada;/*padding-top:5px;padding-left:2px;*/}
#carouselTextCourt{font-size: 11px;font-weight: normal;color: #000000; /*padding:2px 2px 10px 2px;*/ height:60px; overflow:hidden;}
#carouselReserver{float:left;padding:15px 2px 2px 2px;}

/*.libcarrousel {font-size: 12px;font-weight: bold;color: #ffffff;}*/