body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	 background-color: #000000;
}

.page {
width: 800px;
height: auto;
min-height: 720px;
background-color:#FFFFFF;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}


/******************************************************/
/*************** ELEMENTS TEXTES **********************/
/******************************************************/

.nom{
color:#000000;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}	
.nom a{
color:#000000;
text-decoration:none;
}
.nom a:hover{
text-decoration:underline;
}

.pnom{
color:#000000;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}	
.pnom a{
color:#000000;
text-decoration:none;
}
.pnom a:hover{
text-decoration:underline;
}

.pprix{
color:#666666;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}

.pprixpromo{
color:#FF0000;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}

.prixpromo{
color:#FF0000;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:medium;

}

.prix{
color:#000000;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:medium;
}

.prix a{
color:#666666;
font-weight:bold;
font-size:small;
text-decoration:none;
}

.prix a:hover{
text-decoration:underline;
}

.prix2{
color:#000000;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size:medium;
}

.categorie{
color:#666666;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}	

.categorie a{
color:#666666;
font-weight:bold;
font-size:small;
text-decoration:none;
}

.categorie a:hover{
text-decoration:underline;
}

.titrejaune{
color:#FFB542;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
border-bottom: 1px solid white
}

.designation{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
text-align:justify;
}	


.dispo{
color:#00CC00;
font-weight:bold;
font-size:small;
}	

.mention{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
text-align:center;
/*font-style:italic;*/
}

.fErreur{
color:#FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
font-weight:normal;
}

/******************************************************/
/*********** ELEMENTS BOITES **************************/
/******************************************************/


.cadre{
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
} 

.lblGris {
	margin-top: Opx; height: 15px; line-height: 15px; width: 100%; margin-bottom:0px; text-align:center; padding: 1px 0px 1px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:bold; color:#333333; background-color:#999999;
} 
 
.lblCentre {
	margin-top: Opx; height: 15px; line-height: 15px; width: 100%; margin-bottom:0px; text-align:center;
	font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:bold; color:#FFFFFF; background-color:#999999;
}  
/******************** BANDEAU SUPERIEUR ***************/
.head1 {
background-image: url('images/head1.gif');
width: 780px;
height: 100px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

.head2 {
width: 780px;
height: 20px;
color:#FFFFFF;
background-color:#000000;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
} 

.logo_site_off
{
	margin-top: -5px;
	margin-left: 680px;
	
}
/******************** Menu HORIZONTAL ***************/
.MGen {
text-align:right;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
margin-left: auto;
margin-right: auto;
}

.MGen a{	
	text-decoration: none;color:#FFFFFF; 
}

.MGen a:hover{	
	text-decoration: none;color:#FFB542;
}

.caddie {
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
width:148px;
height:25px;
line-height:25px;
margin-top: -10px;
margin-left: 0px;
margin-bottom: 15px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}

.caddie img{
margin-top:5px;
}

.caddie a{	
	text-decoration: none; color:#666666; 
}

.caddie a:hover{	
	text-decoration:underline; color:#666666;
}

.etransaction{
font-weight:bold; color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
width:148px;
line-height:25px;
margin-top: 5px;
margin-left: 0px;
}

.blocnoir{
background-color:#000000;
width:148px;
height:400px;
margin-top: 590px;
margin-left: -150px;
margin-bottom: 0px;
float:left;
}
/******************** Menu VERTICAL ********************/
.TGauche {
	margin-left: 10px; width: 150px; height: auto; margin-top: 10px; float:left;
}

.MRayon {
	width: 150px; margin-top: 0px;
}

.MRayon dt {	
	margin-top: 1px; height: 35px; line-height: 35px;
	font-family: Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF; font-weight:bold; background-color:#000000;
}

.MRayon dt a{	
	text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF; font-weight:bold; background-color:#000000;
}

.MRayon dt a:hover{	
	text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:small; color:#999999; font-weight:bold; background-color:#000000;
}

.mnGbilletterie {
	width: 150px; margin-top: 0px;
}

.mnGbilletterie dt {	
	margin-top: 1px; height: 35px; line-height: 35px;
	font-family: Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF; font-weight:bold; background-color:#000000;
}

.mnGbilletterie dt a{	
	text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:small; color:#FFCC33; font-weight:bold; background-color:#000000;
}

.mnGbilletterie dt a:hover{	
	text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:small; color:#999999; font-weight:bold; background-color:#000000;
}

/******************** Formulaire CONNEXION ********************/
.Connexion{
	height: auto; margin-top: 10px; margin-bottom: 10px;

}

.Connexion a{
color:#CCCCCC; 
}

.FConn{
	
	height: auto; margin-top: 3px; margin-bottom: 5px; padding: 5px 2px 10px 2px;
	font-family: Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF; background-color:#000000; line-height: 20px;
}

.FEmail{
	
	height: auto; margin-top: 3px; font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; font-size:small; color:#660000; background-color:#FFB542; line-height: 35px; text-align:center;
}

.Fnvcli
{
	height: auto; margin-top: 3px; font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; font-size:small; color:#660000; background-color:#FFB542; line-height: 20px; text-align:center;
}

/******************** CORPS DE LA PAGE ********************/

.Centre{
	margin-left: 165px; 
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	Width: 625px;
	height: auto;
	color:#000000;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:justify;
	
}

.details{ 
	margin-left: 160px;
}

.message{
	text-align:center;
	width:100%;
	
}

.liencentre{
	text-align:center;
	width:100%;
	margin-top:20px;

}

.liencentre a{
color:#666666;
font-weight:bold;
font-size:small;
text-decoration:none;
}
/****************   Centre Haut Gauche *******************/
.CHGauche{
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	width: 50%;
	height: 220px;
	text-align:left;

}

.CHGauche .lblGris{
	color:#999999; background-color:#333333;
}

.CHGauche .imgProd{
	float:left;
	margin-left: 0px;
	margin-top: 5px;
	Height: 150px;
	width: 150px;
}

.CHGauche .categorie{
	margin-left: 155px;
	margin-top: 5px;
}

.CHGauche .nom{
	margin-left: 155px;
	margin-top: 5px;
	height:37px;

}

.CHGauche .designation{
	margin-left: 155px;
	margin-top: 5px;
	height: 85px;


}

.CHGauche .dispo{
	margin-left: 50px;
	margin-top: 15px;
	width: 100px;
}

.CHGauche .prix{
	
	margin-left: 155px;
	margin-top: -40px;
	text-align:right;
}


/****************   Centre Haut Droite *******************/

.CHDroite{
	margin-left: 51%;
	margin-top: 0px;
	width: 49%;
	height: 220px;
	text-align:left;

}

.CHDroite .lblGris{
	color:#999999; background-color:#333333;
}


.CHDroite .imgProd{
	float:left;
	margin-left: 0px; 
	margin-top: 5px;
	Height: 150px;
	width: 150px;
}

.CHDroite .categorie{
	margin-left: 155px;
	margin-top: 5px;
}

.CHDroite .nom{
	margin-left: 155px;
	margin-top: 5px;
	height:37px;
}

.CHDroite .designation{
	margin-left: 155px;
	margin-top: 5px;
	height: 85px;
	font-weight:normal;
}

.CHDroite .dispo{
	margin-left: 50px;
	margin-top: 15px;
	width: 100px;
}

.CHDroite .prix{
	margin-left: 155px;
	margin-top: -40px;
	text-align:right;
}

/****************   Centre Haut Droite LOGO *******************/

.CHDroiteLogo{
	margin-left: 51%;
	margin-top: 0px;
	margin-right: 0px;
	width: 49%;
	height: 220px;
	text-align:left;
	

}

.CHDroiteLogo .lblGris{
	color:#FFFFFF; background-color:#000000;
}

.CHDroiteLogo .imgLogo{
	
	margin-left: 2%; 
	margin-right: 3%;
	margin-top: 5px;
	width: 95%;
	height: 65%;
}

.CHDroiteLogo .nom{
	margin-top: 5px;
	margin-left: 0px;
	width: 100%;
	text-align:center;
}

.CHDroiteLogo .designation{
	margin-top: Opx;
	width: 94%;
	margin-left: 3%;
	text-align:justify;
	font-weight:normal;
	
}

/****************   Centre Bas Gauche *******************/
.CBGauche{
	float:left;
	margin-left: 0px;
	margin-top: 10px;
	width: 50%;
	height: 220px;
	text-align:left;
}

.CBGauche .lblGris{
	color:#999999; background-color:#333333;
}


.CBGauche .imgProd{
	float:left;
	margin-left: 0px;
	margin-top: 5px;
	Height: 150px;
	width: 150px;
}

.CBGauche .categorie{
	margin-left: 155px;
	margin-top: 5px;
}

.CBGauche .nom{
	margin-left: 155px;
	margin-top: 5px;
	height:37px;
}

.CBGauche .designation{
	margin-left: 155px;
	margin-top: 0px;
	height: 85px;
	font-weight:normal;
}

.CBGauche .dispo{
	margin-left: 50px;
	margin-top: 15px;
	width: 100px;
}

.CBGauche .prix{
	
	margin-left: 155px;
	margin-top: -40px;
	text-align:right;
}



/****************   Centre Bas Droite *******************/
.CBDroite{
	margin-left: 51%;
	margin-top: 10px;
	width: 300px;
	height: 220px;
	text-align:left;

}

.CBDroite .lblGris{
	color:#999999; background-color:#333333;
}

.CBDroite .imgProd{
	float:left;
	margin-left: 0px; 
	margin-top: 5px;
	Height: 150px;
	width: 150px;
}

.CBDroite .imgPlein{
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	Height: 200px;
	width: 300px;
}

.CBDroite .categorie{
	margin-left: 155px;
	margin-top: 5px;
}

.CBDroite .nom{
	margin-left: 155px;
	margin-top: 5px;
	height:37px;
}

.CBDroite .designation{
	margin-left: 155px;
	margin-top: 0px;
	height: 85px;
	font-weight:normal;
}


.CBDroite .dispo{
	margin-left: 50px;
	margin-top: 15px;
	width: 100px;
}


.CBDroite .prix{
	margin-left: 155px;
	margin-top: -40px;
	text-align:right;
}
/****************   Centre Bas *************************/
.CBas{
	border-top: 1px solid black;
	margin-left: 0px; 
	margin-top: 0px;
	width: 100%;
}


.titre_rayon{
	margin-top: Opx; height: 15px; line-height: 15px; width: 100%; margin-bottom:0px;text-align:center;padding: 1px 0px 1px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:bolder; color:#999999; background-color:#333333;

}

/****************   PIED DE PAGE *************************/

.pdpage{
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-top: 10px;
	width: 100%;
	height:auto;
	background-color:#000000;
}

/**************  FICHE PRODUIT ****************************/

.ficheprod .imgProd{
	float:left;
	margin-left: 0px; 
	margin-top: 5px;
	width: 200px;
	height: 200px;
}

.ficheprod .categorie{
	margin-left: 205px;
	margin-top: 5px;
	text-align:left;
}

.ficheprod .nom{
	margin-left: 205px;
	margin-top: 10px;
	text-align:left;
}

.ficheprod .designation{
	margin-left: 205px;
	margin-top: 10px;
	height: 90px;
	width: 400px;
	text-align:justify;

}

.ficheprod .dispo{
	margin-left: 70px;
	margin-top: 60px;
	width: 100px; 
}

.ficheprod .tailleQt{
	margin-left: 210px;
	margin-top: -80px;
	text-align:left;
	width:350px;


}


.ficheprod .flocage{
	margin-left: 210px;
	margin-top: 10px;
	text-align:left;
	line-height:25px;
	width:240px;
	height:50px;


}

.ficheprod .prix{
	margin-left: 400px;
	margin-top: -40px;
	text-align:right;
	width:220px;


}

.ficheprod .lbldesc{
	margin-left: 0px;
	margin-top: 35px;
	height: 15px; line-height: 15px; 
	width: 100px; text-align:center;
	font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:bolder;
	color:#999999; background-color:#333333;
	
}

.ficheprod .cadredesc{
	margin-left: 0px;
	margin-top: 0px;
	width:100%;
	height:110px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; font-size:small; color:#666666;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 2px solid #333333;
	border-top: 2px solid #333333;
}

.ficheprod .txtdesc{
	margin-left: 5px;
	margin-top: 5px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; font-size:small; color:#666666;
	font-weight:normal;
}

/********************   Bandeau Pub ************************************/
.bdbas{
	margin-left: 0px;
	margin-top: 5px;
	border: 1px solid black;
	width: 618px;
	height: 68px;
}

/******************* BILLETTERIE *************************************/

.mnBilletterie{
	margin-left: 0px;
	margin-top: 5px;
	width: 613px;
	height: 50px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 2px solid #333333;
	border-top: 2px solid #333333;
}

.imgBilletterie{
	margin-left: 0px;
	margin-top: 5px;
	line-height: 150px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
}

.Finfo{
	height: 70px; margin-top: 3px; font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; font-size:small; color:#660000;  line-height: 20px; text-align:center;
}

.bo_etape{
	margin-top: 5px; height: 20px; line-height: 20px; width: 615px;  text-align:left;
	font-family: Arial, Helvetica, sans-serif; font-size:small; font-weight:bolder; font-style:italic; color:#660000; background-color:#FFB542;
}

.bo_match{
width: 615px; height: 70px; margin-top: 1px;
background: #FFB542 url('./images/fond_match_isy.jpg') no-repeat center top;

}

.form_chk{
	margin-top:0px;
	width:615px; height: 25px;
	line-height:25px; text-align:center; font-weight:bold;
	background-color:#FFDAA1;
}

.isy_erreur{
	margin-top:0px;
	width:615px; height: 25px;
	padding-top: 5px; padding-bottom: 5px;
	 text-align:center; font-weight:bold; font-style:italic; font-family: Arial, Helvetica, sans-serif; color:#660000; font-size:small;
	background-color:#FFDAA1;
}


/************************* Accueil Billetterie **************************/

.isy_infos{
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	width: 50%;
	height: 220px;
	text-align:left;
	border:1px ridge #333333;
}

.isy_pub{
	margin-left: 51%;
	margin-top: -220px;
	width: 49%;
	height: 220px;
	text-align:left;
	border-left: 1px solid black;
}

/*************************  Menu Billetterie ****************************/
.MBillet{
text-align:center;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
border:1px ridge #333333;
}

.MBillet td{	
width:33%; background-color:#333333;
}
.MBillet a{	
	text-decoration: none;color:#FFFFFF; 
}

.MBillet a:hover{	
	text-decoration: none;color:#FFB542;
}


.Billet_Match a{
color:#000000;
text-decoration:none;
}

.Billet_Match a:hover{
color:#000000;
text-decoration:underline;
}