body{font-family:Arial, Helvetica, sans-serif;font-size: 70%;font-style: normal;color: #282b32;background-color: #02373b;
 /*background-image:url(Picts/fd.jpg); background-repeat: no-repeat;*/
 background:url(Picts/fd.jpg) no-repeat 50% 0 #02373b;
	/*overflow:auto;*/}
*{margin:0;padding:0;}	 
/*td {font-size: 11px;}	*/
a {color: #008080; text-decoration: underline;}
a:hover {color: #008080;text-decoration: underline;} 
img {border:none;}
.clear{clear:both; height:0px;font-size:1px;}
h2 {margin-bottom:5px;font-size:1.4em;color:#666666;background-color:#FFF;padding:0.5em;padding-left:5px;letter-spacing:0.1em;font-weight:bold;}
h4 {font-size:1em;color:#666666;font-weight:bold;}
/*--------------------------- div principaux dans la masterpage cote clients---------------------*/

#container{position:relative;width:920px; border: 0px solid white;margin:1px auto 20px auto; background-color:#FFF;}
#header {margin:0;height:136px; width:920px; background:url(./Picts/bandeau.jpg) no-repeat ; }
#contenu-haut{padding:0;margin:0; background-color:#ffffff;}
#contenu-bas{padding:5px;margin:0px auto 10px auto;height:100%; min-height:200px;_height:200px;  background-color:#FFF;
/*background-image:url(Picts/fd_cont_bas.jpg); background-repeat:repeat-x; background-position: top; */
border-top:0px solid #f5f5f5;}
#footer{width:100%; height:26px;padding:2px 0 ;font-size: 10px;/*text-align:right;*/ color:#003366; border-top:0px solid #f5f5f5; 
/*background-image:url(Picts/fd_cont_bas.jpg); background-repeat:repeat-x;*/ }


/*----------barre recherche---------------*/
#barre-recherche{ margin:0;padding:0;height:35px;float:left; width:100%; text-align:left; font-size: 11px;color: #ff2261; background-color:#fff;
/*background-image:url(Picts/fd_barre_recherche.gif); background-repeat: repeat-x;*/   }
#barre-recherche select  { margin:0;padding:0;}
#recherche-rapide{float:left; padding-left:10px; }
#recherche-rapide input {height:14px; width:200px; background-color:#fff;color:#008080; font-weight:normal; border:1px solid #000;padding:3px;margin-top:8px;_margin-top:7px;}
#recherche-rapide2{float:left; padding-left:20px;padding:8px 0 0 10px;}
#recherche-rapide2 {padding:8px 0 0 10px;float:left; }
#ctl00_UCRecherche_DropDownListGenre { width:200px; height:21px;}
#ok { float:left;  }
#ok input {padding: 4px 0 0 5px;}
#recherche-genre  { padding:10px 0 0 10px;float:left;display:none;}
#recherche-avance {float:left;padding:17px 0 0 10px;margin:0; font-size:12px;} 
#recherche-avance a { color: #666666; font-weight:normal;text-decoration: underline;}
#recherche-avance a:hover { color: #66666; font-weight:normal;text-decoration: underline;}

/*---------------fin------------------------*/

.flags{float:right; display:block;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: #008080;}
.etatpanier a:hover{text-decoration:none;color: #008080;}

/*-----------div contenu haut menu droite---------------*/
.menu {float:right;margin-top:10px; width:300px;padding-right:5px;}
.menu ul {margin:0;list-style-type:none;border-bottom:0px solid black;text-align:right;}
 
.menu li{font-weight:normal;font-size: 14px;line-height:1em;margin-top:1px;margin-bottom:1px;vertical-align:middle;}
.menu li a{text-decoration:none;color:#AFAFAF;padding-left:20px;}
.menu li a:hover{color:#AFAFAF;text-decoration: underline;}

.identification{float:right;clear:right;margin-top:10px;margin-bottom:5px;padding-right:5px;list-style-type:none;border:0px solid black;text-align:right;}
.login {text-align:right;text-decoration: none;font-weight:normal;font-size: 11px;letter-spacing: 0.3px;}
.login a{padding:2px;background-color:#F3F6F6;text-decoration: none; color: #008080;}
.login a:hover{text-decoration:none;background-color:#F3F6F6;color: #008080;text-decoration:underline;}
/*--------------------fin--------------------------------*/


/*  Habillages, bandeau, couleurs de fond, contours, champs */
.fdmenuhaut {background-color: #666666; width:100%; height:30px;}
.fdtabmaster {background-color: #ffffff;BORDER: #666666 0px solid ; width:800px; padding-bottom:15px; }
.fdtab {background-color: #ffffff;}
.legende{font-family:  Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #000000;}
.filet {margin-top:10px;padding-left:5px;background-color:#c9ccd3; }
.contourtab {BORDER: #666666 0px solid ;}

#ctl00_ContentPlaceHolderSite_LabelBienvenue p{text-align:center; font-size:18px; font-weight:bold;height:50px;}
#ctl00_LinkButtonMesCommandes{display:none}

/* fin*/



/*-------contenu footer--------*/

#logobas {margin-top:5px;margin-left:0px;float:right;width:104px;height: 26px;
/*background-image:url(./Picts/logo_bas.png); 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: #666666;}

.combo {font-size: 11px;}
/*.bouton {font-size: 11px;color: #000000 ;font-weight: bold ;cursor: hand;}*/
/*.contourbleu {BORDER: #7b9ead 1px solid; }*/


.commentaire{font-size: 10px;}
.guide{padding:5px 0 15px 5px;font-size: 18px;color:#000000; font-weight:normal;}
.guide li {/*list-style-image: url(Picts/puceguide.gif);*/ list-style-type:none;padding-top:5px;}
.guideAligne{text-align:left;padding: 10px 0 0 0 ;}/* guide image*/
.guideAligneFin{text-align:center;}



/* ------------------------------style pour les libellés des spectacles*/

.spectmanif {font-size: 16px;font-weight: bold;color: #000000;text-decoration:none;}
.spectmanif a {font-size: 16px;font-weight: bold;color: #000000;text-decoration:none!important;}
.spectmanif a:hover {font-size: 16px;font-weight: bold;color: #008080;text-decoration:none!important;}
.genremanif {font-size: 12px;font-weight: bold;color: #666666;}
.datemanif {font-size: 12px;color: #008080; }
.spectseances,.ManifPlace {font-size: 18px;font-weight: bold;color: #008080;}
.genreseances,.GenrePlace {font-size: 14px;font-weight: bold;color: #000000;}
.dateseances,.DatePlace {font-size: 12px;font-weight: bold;color: #008080;}
.dateseances a {font-size: 12px;font-weight: bold;color: #008080;}
.dateseances  a:hover{font-size: 12px;font-weight: bold;color: #008080;}
.complementseances {font-size: 12px;font-weight: bold;color: #000000;}
.descriptionseances,.DescriptionPlace {font-size: 11px;color: #000000; }
.fdcelimg {background-color:#FFFFFF;}
.PlanPlace{ }
/*#largeurseances{width:100%;}*/
.ImgSalle{max-width:700px;}
.print, .Imgprint{display:none;}
#largeurSeances{width:650px;padding-left:5px; text-align:left;}
#largeurImgSeances{}
/* ------------------------------------------------fin */

/* --------------------boutique-----------------------*/

#boutique { 
	margin:0px;padding:0px;
	width:100%;
	background-color:transparent;
	min-height:200px;_height:200px;
	}
	
.menuBoutique h2 {
	margin:0;padding:5px;
	color:#666666; 
	background-color:#eeeeee;
	}

.menuBoutique {
	margin:0 5px 0 0;padding:0 0 20px 0;
	float:left;width:200px;
	/*min-height:200px;_height:200px;*/
	font-size:1em; font-weight:bold;
	border: 1px solid #cccccc;
	
	background-color:#ffffff;
	text-transform:uppercase; 
	}
.menuBoutique a{
	padding:3px 5px 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	list-style:none;
	display: block; color:#008080; text-indent:10px;
	background-color:#ffffff;
	text-decoration:none;
	background-image:url(Picts/puceListe_boutique1.gif); 
	background-repeat:no-repeat; 
	background-position:left;
	}
.menuBoutique  a:hover{
	color:#008080; 
	background-color:#ffffff;
	text-decoration:none;}

div.menuBoutique .sousfamille  {
	margin:0;padding:0;
	list-style-type:none;
	border:none;
	}

div.menuBoutique .sousfamille  a { 
	list-style-type:none;
	border:none;
	text-indent:17px; display:block;
	background-color:#ffffff;
	font-weight:normal;color:#666666; 
	text-transform:lowercase;
	background-image:url(Picts/puceListe_boutique2.gif);
	text-decoration:underline;
	}
	div.menuBoutique .sousfamille  a:hover {
	background-color:#ffffff;color:#666666; text-decoration:underline;
	}
	
.detailBoutique{ width:600px;float:left;}
.NomFamilleSousFamille a {font-size:1.5em; color:#ff0505; font-weight:bold; text-decoration:none;}
	
		
	/* LIste article*/
	#articlelist { position:relative;padding:0;margin:3px;background-color:#F0F0F0; width:245px; /*height:90px;*/ border: 1px solid #cccccc; }
	#imglist{float:left; width:60px;overflow:hidden; height:80px;margin:3px;}
	#artlist{float:left; width:170px;  padding:3px 0 0 3px; }
	.LibelleArticle {font-size: 12px;font-weight: bold;color: #000000;text-decoration:none;}
	.LibelleArticle a {font-size: 12px;font-weight: bold;color: #000000;text-decoration:none!important;}
	.LibelleArticle a:hover {font-size: 12px;font-weight: bold;color: #008080;text-decoration:none!important;}
	.PrixArticle {font-size: 12px;color: #333333;}
	
	/*page detail articles*/
	#detailArticleBoutique  {
	position:relative;
	margin:20px 20px 30px 10px;
	float:left;
	width:870px; /*height:400px;*/
	border: 0px solid #666666;
	}
	
	.ImgArticle{ padding:10px;float:left;width:227px;border: 1px solid #cccccc;}
	.detailtext{float:left;padding: 10px;width:550px; border: 0px solid #cccccc;}
	.ImgPlan{ padding:10px;float:left;width:300px;border: 1px solid #cccccc;}
	.artlibelle{font-size:1.6em;font-weight:bold;color:#008080;}
	.artfamille{font-size:1.4em;font-weight:bold;color:#000;}
	.artsousfamille{font-size:1.2em;font-weight:bold;color:#000;}
	.artprix{font-size:1.4em;font-weight:bold;color:#008080;}
	.artdescription{font-size:1.2em;}
	.artlibelle,.artfamille,.artsousfamille,.artprix,.artdescription {padding:0;}
	
	.loupe {float:left;padding:0; margin-bottom:10px; }
	.imprimer{float:left;margin:0;padding:0 0 0 10px;} 
	.retourListe{ float:left;padding: 0 0 0 65px;}
	
	.ajoutpanier { vertical-align:bottom;}
	.specification{ float:left;padding:10px;background-color: #F0F0F0; width:250px;border: 1px solid #cccccc;}
	.validation {float:left; width:180px;background-color:#993300;}
	.Taille,.Couleur,.Quantite{width:250px;}
	.TotalDetail{font-size:22px; padding:0 0 0 15px; color:#333333;}
	#ArticleModeleProp {background-color:#CC0099;width:400px;}
	.AutreVues {margin:0 0 0 0; padding:5px;border: 1px solid #cccccc;}
	
	<!-- PopUp ajax--->
	#flyout {position:absolute;left:1px; top:1px; }
	#info {display: none; padding: 5px; width: 454px; height: 400px; z-index: 2;font-size: 12px; 
		opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
        border: solid 1px #CCCCCC; background-color: #FFFFFF; }
	#btnCloseParent {float: right; opacity: 100; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	background-color: #cccccc; color: #FFFFFF; text-align: center;font-weight: bold; text-decoration: none; border: outset thin #FFFFFF; padding: 5px;}
	#PlanInfo {display: none; padding: 5px; width: 60%; height: 60%; z-index: 2;font-size: 12px; 
		opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
        border: solid 1px #CCCCCC; background-color: #FFFFFF; }
		
	/*.ImgPopup {margin:0 auto 0 auto; text-align:center;}*/
	
/*#detailArticleBoutique .imprimer a{
	text-decoration:none;
	} 	
#detailArticleBoutique .imprimer a:hover{
	text-decoration:none;color:#ff0505;
	} 	*/
	

/*---------------------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:#666666;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; /* color:#FF0000;*/}

 /*------------------------------fin-----------------------------*/
 
 /* tables composant2*/
 
#composant2 table {width:100%; margin:auto; margin-bottom:20px;border-collapse: collapse;border-right:1px solid #F1F3F7;border-bottom:1px solid #F1F3F7;}
#composant2 th {padding: 3px;border-collapse: collapse;background-color: #666666;color: #fff;font-size: 1em;text-align:left;}
#composant2 td {border-bottom: 1px dashed black;}
 
/* 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:#FFFFFF;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:#666666;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:#666666;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: #666666; BACKGROUND-COLOR: #ffffff;font-size:12px;width:100%; border: 1px solid #c9ccd3;}
.panierHeader {color:#000000;background-color:#c9ccd3;font-weight:bold;font-size:11px;text-align:left; 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;}
.panierItem td {padding:3px;font-size:12px;border-bottom:1px solid #c9ccd3;border-top:1px solid #c9ccd3;} /*affecte un border haut et bas à la grille manif*/

.panierItem .datemanif,.panierItem .spectmanif,.panierItem .genremanif 
{border:none;}/* suprime les borders affectés à la td du panier.Item*/
 img .panierItem td  {border:none;}/*suprime le boreder de la dt autour de l'image*/
.panierItem th {padding:3px;}
.panierAlternatingItem td {padding:3px;font-size:100%;}
.panierItem table td {border:none;}



.totalPanier {font-size:100%;}
.total {font-size: 18px;font-weight: bold;color: #000000;}
.detailPanier{margin:0;padding:0; text-align:left; }
.aidemobile {display:none;}

div.DetailCommandeAvantPaiement table{font-weight:normal; }

.fdgrilleManif th{padding:0 5px 0 5px;color:#282b32; font-weight:bold;font-size:12px; text-align:left;
border-bottom: 2px solid #c9ccd3;_border-bottom: 2px solid #c9ccd3;}/* haut*/
.fdgrilleManif tr{margin:5px;padding:0 5px 0 5px;width:10px;background-color: #d3d0d0; color:#fff; font-weight:normal; text-align:center;}/*numero inactif*/

.fdgrilleManif{padding:0 5px 0 5px;color:#666666;/*border-bottom: 1px solid #ff0505;_border-bottom: 1px solid #ff0505;*/  }/*bas*/
.fdgrilleManif  a{padding:0 5px 0 5px;background-color: #008080; color:#fff; font-weight:normal; text-decoration:none; }
.fdgrilleManif  a:hover{padding:0 5px 0 5px; color: #cc0000; font-weight:normal;text-decoration:none; }
.fdgrilleManif a:link {padding:0 5px 0 5px;background-color: #008080; color:#fff; font-weight:normal; }
.fdgrilleManif a:visited {padding:0 5px 0 5px;background-color: #008080; color:#fff; font-weight:normal; }

.AlternatingGrille {background-color:#ffffff;}
.AlternatingGrille td {padding:3px;border-bottom:1px solid #c9ccd3;  }

.AlternatingGrille .datemanif,.AlternatingGrille .spectmanif,.AlternatingGrille .genremanif 
{border:none;}/* suprime les borders affectés à la td du panier.Item*/
 img .AlternatingGrille td  {border:none;}/*suprime le border de la td autour de l'image*/
 .AlternatingGrille table td {border:none;}
 
 #ctl00_ContentPlaceHolderSite_UCSeances_GridViewManifestations,#ctl00_ContentPlaceHolderSite_GridViewPlace{font-size:12px;}/*liste des seances et liste places*/

/*-tableau des places et des series---------*/
.placeItem th { border-bottom:2px solid #c9ccd3;font-size:12px;}
.placeItem td { padding:3px;border-bottom:1px solid #c9ccd3;font-size:12px;}
.placeItem a, .placeItem a:hover {text-decoration:none;}
td.colorserie   { width:20px; border:none; padding:2px;border:2px solid #333333;}
table.couleurserie{ width:20px;height:20px;margin:0; padding:0;}
.entetecoloserie {width:20px;}

.serie a {color: #000000; text-decoration: none; font-weight:bold;}
.serie a:hover {color:#000000;text-decoration: none;font-weight:bold;}
.ImgSerie {margin:0; padding:0;}
/*-----------fin-------------*/
/* -----------------------------------------------------Fin */

/*abonnemment*/

.typeabo {font-size: 16px;font-weight: bold;color: #000000;}
 #ctl00_ContentPlaceHolderSite_GridViewAbonnement_ctl02_LiteralNumero span{color:#FFFFFF;}
 
 #ctl00_ContentPlaceHolderSite_UCAbonnements1_UpdatePanel1 table { border-collapse:collapse; width:100%; }
 #ctl00_ContentPlaceHolderSite_UCAbonnements1_UpdatePanel1 th { color:#000000;background-color:#c9ccd3; padding:3px; text-align:left;}
  #ctl00_ContentPlaceHolderSite_UCAbonnements1_UpdatePanel1 td {padding:3px; border-bottom: 1px solid #c9ccd3; text-align:left;}
  
/*abo prose d'abo*/
#ctl00_ContentPlaceHolderSite_GridViewAbonnement {width:890px; margin:0 auto 0 auto;}
#ctl00_ContentPlaceHolderSite_GridViewAbonnement th {/*background-color:#d70b52;*/}
 .numeroAbo {color:#008080; font-size:18px; font-weight:bold;}
.ImgAbo,.TitreAbo{ /*display:none;*/}


/* fin abonnement*/

/*-----------mini Calendrier----------------*/

.footer{ background-color:#666666;}
.jours { background-color:#008080; color:#FFFFFF;}
.deroulant {background-color:#FFFFFF; color:#008080;}
.titre {background-color:#666666;color:#FFFFFF;}
.dates{background-color:#FFFFFF;color:#666666;}

/*
.articlesHeader {color:White;background-color:#666666;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: #ffffff;width:60px;}

.cssMoisEnCours {width:60px;height:14px;font-size: 100%;color: #008080;font-weight:bold; text-transform:uppercase;
	background-color: #ffffff; padding-left: 5px; display:block; }
	
.cssMoisEnCours a {color:#ffffff;text-decoration: none;}
.cssMoisEnCours a:hover {color:#ffffff;text-decoration: none;}
	
.cssAutreMois {padding-left: 5px;width:60px;height:14px;color:#22153E;font-size: 100%;text-transform:uppercase;text-decoration: none;font-weight:bold;background-color: 
#ffffff;display:block; }
/* fin*/
.cssTitle { /*couleur des jours de la semaine et du fond*/
   color: #ffffff;background-color: #666666;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: #ffffff;color: white;text-align: center;vertical-align:top ;padding: 0px;}

.cssMonthCell {   text-align: center;vertical-align:top ;padding: 0px;color: White;	background-color: #ffffff;
/*couleur du fond du tab dates doit rester blanc*/}

.cssOtherMonthCell {   text-align: center;vertical-align:top ;padding: 0px;	color: White;background-color:#ffffff;}

.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:#008080;background-color: #FFFFFF;text-decoration: none;}
.hour a:hover{ color:#ffffff;border:#008080 0px solid ; background-color: #008080;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: #353a34;width:145px; }
.champsdate {font-size: 11px;color: #353a34;}

label {color: #353a34; font-weight:normal;}
.label { font-weight:bold;font-size: 11px;}

input, textarea {margin:3px 0 3px 0;padding-left:5px;font-size: 11px;color: #353a34;font-family: verdana;border:1px solid #c5c5c5;}
/*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 #c5c5c5;} 
.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: #353a34;}
.noborder input { border:none; vertical-align: middle;}
.noborder label  {padding-left:3px;}

input.codeAvantage{ margin:0px;padding:0px;}
.alerte {color:#FF0000;}

.fdformulaire{ margin:0 auto 0 auto;width:600px;background-color: #eaece9; border:1px solid #c5c5c5;}
#Table4 {width:95%;}


#ctl00_ContentPlaceHolderSite_UCEditionClient1_CheckBoxAutoriseInfosSite,
#ctl00_ContentPlaceHolderSite_UCEditionClient1_CheckBoxAutoriseInfosTiers {margin:5px 5px 0 -5px;vertical-align: text-bottom;border:none;}

#ctl00_ContentPlaceHolderSite_UCEditionClient1__cmdValider { text-align:left;margin:20px 0 0 0;}
#ctl00_ContentPlaceHolderSite_UCEditionClient1__validationSummary {text-align:left; padding:0 0 0 160px;}

#ctl00_ContentPlaceHolderSite_UCEditionClient1__rblCivilite_0,
#ctl00_ContentPlaceHolderSite_UCEditionClient1__rblCivilite_1,#ctl00_ContentPlaceHolderSite_UCEditionClient1__rblCivilite_2
{ margin:5px; vertical-align:middle; border:none;}


/*---------------fin---------------*/

/*-------page identification.aspx---------------*/

#bloc{margin:auto;width:100%;height:220px;}
#pasinscrit{padding-left:0px; margin-right:25px;float:left;width:300px;border: 1px solid #666666;height:160px;background-color:#fff;}
#pasinscrit p {padding-left:5px;}
#pasinscrit h2 {padding-left: 3px;font-size:1.2em; border-bottom:1px solid #666666; background-color:#000;color:#fff;}
.imgidentifiez{ margin-top:46px;vertical-align:bottom; padding:5px;}
#dejainscrit{float:left;width:300px;border: 1px solid #666666;height:160px;text-align:right;background-color:#eeeeee;}
#dejainscrit h2 {padding-right: 3px;font-size:1.2em; border-bottom:1px solid #666666; background-color:#008080;color:#FFFFFF;}
#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; font-size:12px;}
#cdv,#cdv p,#cdv h1,#cdv h2,#cdv h3,#cdv ul,#cdv li {background-color:#FDFCF9;}
#cdv h1 {margin:0px;padding-bottom:20px;font-size:18px;color:#008080;}
#cdv h2 {margin:0px 0px 10px 0px;padding:3px 0px 3px 5px;color:#008080;font-size:14px; background-color:#F0F0F0 ;}
#cdv h3 {margin:0px 0px 10px 0px;padding:3px 0px 3px 5px;color:#008080;font-size:14px;
 background-color:#F0F0F0 ;
 background-image:url(../../App_Themes/International/Picts/puceh3.gif);
 background-repeat:no-repeat;
 background-position:left;}
 #cdv h4 {color:#008080;font-size:11px; font-weight:bold;}
#cdv p {padding-bottom:10px;}
.preambule {font-size:1.1em;}
.num {color:#008080; font-weight:bold;}
.modif {color:#FF0000;}
.num2 {padding:0px 0px 0px 30px;}
.spannum2 { color:#008080;}

#cdv ul {padding:10px 0px 10px 50px;}
#cdv li {list-style-image:url(./Picts/puceCDV.gif); }
.DetailCommandeAvantPaiement {font-size: 12px;font-weight: bold;color: #000000;}

/*-------------------- 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; padding-left:15px;}
.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;}*/
	
