/** CSS **/

html, body {
  margin: 10px;  
}

.face {
 /*font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;*/
 font: 13px verdana, geneva, helvetica, arial, sans-serif;
 margin: auto;
 text-align: left;
 width: 750px; /*687px;*/
}

.content {
  border: solid #5F5A59 1px;
  margin: 2px 0px;   /*-top -right -bottom -left*/
  padding: 10px;
  clear:both;
  overflow:hidden; 
}

.emphasis {
  font-style: italic;  
  color: #F9966B;
}

.emphasis2 {
  font-style: italic;
  font-weight: bold;
}

.emphasis3 {
  color: #F9966B;
}

table.previousSessionWatermark {
  background-image: url(/images/horaire/horaireWatermark.jpg);
}

body {
 background-color: black;
 color: white;
 text-align: center;
}

span.images {
  background-color: transparent;
  border: 1px solid #5F5A59;
  float: right;
  margin: 4px 0px 4px 10px;
  padding: 0px;
}

.simpleBorder {
  border: 1px solid #5F5A59;
  margin: 4px 0px 4px 10px;
  padding: 0px;
}

.simpleBorder img {
  margin: 3px;
}


span.images img {
  margin: 3px;
}

a {
  background-color: transparent;
  border-bottom: dotted 1px #989898;
  color: #989898;
  text-decoration: none;
}

a:hover {
  border-bottom: solid 1px #F0F0F0;
  color: #F0F0F0;
}

a:active {
  border-bottom: solid 1px #5a84b5;
}

a img {
  display:block;
  text-decoration: none;
}

sup a {
  border-bottom: none;
  color: #900;
  font-weight: bold;
}

h1  {
  color:#808080   ;
  font: 18px verdana, geneva, helvetica, arial, sans-serif;
  font-size: 140%;
  margin-top: 10px;
}

h1.frontPageNewsTitle {
  margin-top: 20px;
  padding: 5px;
}

h1 b {
  font-size: 200%;
  line-height: 100%;
}

.horizontalLine, h2 {
  background: url(/images/dotted.gif) repeat-x top;
  margin-left: 10px;
  margin-top: 20px;
  padding-top: 8px;
  padding-left: 4px;
}

h2, table caption {
  /*border-top: dotted #69c 1px;*/    
  color: #808080;
  font: 15px verdana, geneva, helvetica, arial, sans-serif;  
  font-size: 130%;
  margin-bottom: 10px;
}


h3  {
  /*border-top: dotted #69c 1px;*/
  clear: both;
  color: #777;
  font: 14px verdana, geneva, helvetica, arial, sans-serif;
  margin: 1.5em 10px 0.8em 50px; /*-top -right -bottom -left*/
  padding: 0;
  padding-top: 0.3em;
  font-size: 110%;  
}

h4 {
border: none;
color: #777;
font: 11px/15px verdana, geneva, helvetica, arial, sans-serif;
font-style: italic;
margin: 10px 10px 0.1em 200px;
padding: 0;
}

img {
padding: 0px;
margin: 0px;
border: none;
vertical-align: middle;
}

p, ul, ol {
background-color: transparent;
margin: 10px 20px 10px 50px;    /*-top -right -bottom -left*/
text-align: left;
}


p.image {
 margin-right: 0px;   
}

div.open {
  display: block;
}

div.open p {
  margin-left: 10px;   
}

div.closed {
  display: none;
}


#topHeaderTextOnly {
  text-align: center;
  margin: 0;
  padding: 0px;
}

.content_transparent {
  margin: 2px 0;
  padding: 10px; 
}

.content_transparent p {
  margin: 10px 20px 10px 20px;
}

.signature {
  font-size: 110%;
  text-align: right;
  font-style: italic;
  font-weight: bold
}

.thumbPhoto {
  float:left; 
  margin-left:0; 
  margin-right: 10px; 
  border:none;
}

.verticalSpacer20 {
  padding-top:20px;
  margin-top:0px;
  clear:both;
}

/*----- Video--------- */

ul.videoList {
  list-style: none;
  margin-top: 20px;
  margin-left: 0px; /* Force margin to 0, because IE has always one by default. So use padding instead */
  padding-left: 25px;
  margin-bottom: 30px;
}

ul.videoList li {
  background: url(../images/videoIcon16.png) 0 0  no-repeat ; /* instead of using list-style, because compatible with IE and Mozilla */
  padding-left: 20px;
  margin-top: 3px;
  font-style: italic;
}

#listDesDansesAvecVideo {
  overflow:hidden;
}

.noteDVD {
  clear:both;
  padding-top: 20px;
  font-style: italic;
}

/* ---------Flash player --------------*/

#player1 {
   margin-top: 20px;
   overflow: hidden;
}


/*------------- Menu -----------------*/

ul.mainMenu {
  font: 12px arial, sans-serif;
  width: auto;
  list-style: none;
  margin: 0;
  padding: 5px 0 3px 0;  /*-top -right -bottom -left*/
  overflow: hidden;
}

ul.mainMenu li {  
  /*margin: 1px 1px 3px 3px;*/    /*-top -right -bottom -left*/
  float: left;  
}

ul.mainMenu li:hover ul, li.over ul { 
  display: block; 
}

ul.mainMenu li a {  
  /*width: 115px;
  padding-left: 1px;
  padding-right: 1px; */
  
  padding-left: 12px;
  padding-right: 12px;
  float: left;  
  display: block;
  height: 2em;
  border: 1px #5F5A59 solid;
  line-height: 2em;
  color: #FFF;   
  text-decoration: none;
  text-align: center;
}

ul.mainMenu li a:hover { 
  background: gray;  
}

ul.mainMenu li.selected a {
  color: #000;
  font-weight: bold;
  background-color: white;
}
	
ul.subMenu {  
  margin: 0.3em 0 0 0;
  padding: 0;
  list-style: none;
  position: absolute;  
  top: 2.5em; 
  display: none;
}

ul.subMenu li {  
  margin: 2px 0 0;
}

ul.subMenu li a {
  float: none;
}

/*--- footer ---*/

.footer {
   font: 11px sans-serif;
   font-style: italic;
   color:gray;
   text-align:right;
   padding-top:5px;
}

.footer a {
   background-color: transparent;
   border-bottom: dotted 1px gray;
   color: gray;
   text-decoration: none;
   font-style: italic;
}

.footer a:hover {
   border-bottom: dotted 1px #B0B0B0;
   color: #B0B0B0;
}

.realisation {
   color:#484848;
}

.realisation a {
   color:#484848;
   border-bottom: dotted 1px #484848;
}

.realisation a:hover {
   color:#989898;
   border-bottom: dotted 1px #989898;
}


/*--- nouvelles--- */

a.moreNews {   
   font-weight: bold;
   font-style: italic;
   float: left;
}

/* IE6 Only */
* html .listeNouvelles {
  margin-left: 50px;
}
/* IE7 Only */
*:first-child+html .listeNouvelles {
  margin-left: 50px;
}

.date {
  font-style: italic;
  color: #777;
  font-size: 70%;
  float:right;
  margin-top:20px;
}


/*--- adresse--- */

.addresse {
  width: 150px;
  font-style: italic;
  padding: 5px;
}

#rue {
  margin-right: 50px;
}

.telephone {
}



/*--- Temoignages--- */
.temoignage {
  font-style: normal;
}

.signatureTemoignage {
  text-align: right;
}


/* --- syllabus --- */

#bulletNiveau {    
  text-align: left;
}

.textBoxNiveau {
  margin-left: 50px;
}

/* IE6 Only , to avoid the text to overflow*/
* html .textBoxNiveauHidden {
  margin-right: 50px;
}
/* IE7 Only, to avoid the text to overflow*/
*:first-child+html .textBoxNiveauHidden {
  margin-right: 50px;
}

.plusDeDetailsNiveau {
   opacity: 0.9;
   filter: alpha(opacity = 90); /*IE support*/
   color: gray;
   cursor: pointer; 
   /*border-bottom: dotted 1px gray;*/
   font-style: italic;   
}

.plusDeDetailsNiveau:hover {
  opacity: 1.0;
  filter: alpha(opacity = 100); /*IE support*/
  border-bottom: dotted 1px gray;
}

.horaireParNiveau {
  /*border: 1px dotted #5F5A59;*/
  font-style: italic;  
  padding-left: 50px;
}

.horaireParNiveau ul {
/*   margin-left: 20px;
   padding-left: 15px;*/
}

table.horaire {
 margin-top: 10px;
 margin-bottom: 10px;
 /*width:25%;  */
 border-width: 1px;
 border-spacing: 0px;
 border-style: solid;
 border-color: gray;
 border-collapse: collapse;
}

table.horaire tr {
 border-width: 1px;
 border-spacing: 0px;
 border-style: solid;
 border-color: gray;
 border-collapse: collapse; 
}

table.horaire td { 
 padding: 1px 3px 1px 3px; /*-top -right -bottom -left*/
 border-width: 1px;
 border-style: solid;
 border-color: gray;
 border-collapse: collapse;
}

table.horaire tr.horaireMemeJournee td {
 border-style: none;
}

.imageHoraireParNiveau {
}

table.horaireComplet {
  width:95%;  
  text-align: center;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
  border-width: 1px;
  border-spacing: 0px;
  border-style: solid;
  border-color: gray;
  border-collapse: collapse;
}

table.horaireComplet tr {
  border-width: 1px;
  border-spacing: 0px;
  border-style: solid;
  border-color: gray;
  border-collapse: collapse;
}

table.horaireComplet td {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-spacing: 0px;
  border-style: solid;
  border-color: gray;
  border-collapse: collapse;  
}


.heureHoraire {
  padding: 2px 2px 2px 2px;
  background: #101010;
}

.debutant {
  color: #f9b293;
}

.journeeHoraire {  
  text-align:left;
  font-size: 18px;
  font-style: italic;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  background: #101010;
}

.lienCoursHoraireComplet {
  border: none;
}

.lienCoursHoraireComplet:hover {
  border: none;
}

.noteHoraireComplet {
  font-style: italic;
  font-size: 16;
  padding-left: 35px;
}

.linkInscriptionHoraireComplet {
}

.linkInscriptionHoraireComplet:hover {
  color:white !important;
}

#printIcon {
 padding-right: 20px;
 padding-top: 10px;
 padding-bottom: 10px;
 float: right;
}

.horairePrintMetadata {
  display: none;
}

.infoHoraire li {
   padding-bottom: 7px;
   
}

.plusDeDetailHoraire {
   color: gray;
   cursor: pointer; 
   font-style: italic;
}

.pagePaddingForPrinting {
   display: none;
}

.nouveauCours {
   padding-left:5px;   
}

.footNoteNouveaute {
  float:left;
  padding-left:30px;
  padding-top:10px;
}

/*------------------------ Inscriptions/Reservations --------------------*/

input, textarea, select { 
	font-family: verdana, geneva, sans-serif; 
	font-size: 13px; 
}


#form_box {
	float: left;
        color:white;
	background: #101010;	
	width: 250px;
	border: 1px solid #303030;
	font-size: 12px;
	padding-top: 0.2em;
	padding-left: 0px;	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 20px;
}
 
#form_box div {
	height: 25px;
	padding: 0.2em 0.5em;  /*-top -right -bottom -left*/
}

#form_box div.formLabelSeparator {
	height: auto;
	font-weight: bold;
	width: 65px;
	padding-right: 2px;
	background-color: gray;
	margin-top: 7px;
	margin-bottom: 3px;
	
}

#form_box div.formSeparator {
	
}

#form_box div.divInfo {
        height: auto;
}

#form_box div.divInfo#divSeule {
}

#form_box div.innerDivCouple {	
        height: auto;
}

#form_box div.innerDivCouple#homme {
	float: left;
	padding-bottom: 30px;
	width: 320px;
}

#form_box div.innerDivCouple#femme {
	float: right;	
	width: 320px;
}

#form_box div.innerDivCouple#cours {	
}
 
#form_box div.textAreaLabel {
	height: auto;
	clear: left;
}
 
#form_box div#textareaInput {
	clear:left;
	height: auto;
	padding: 0em 0.5em 20px;  
}

 
#form_box div#hr-submit {
	border-bottom: 2px solid #e2e2e1;
	margin-bottom: 10px;
	padding: 0;	
	height: auto;
	clear: both;
}

#form_box div#hr-partenaire {
	border-bottom: 2px solid #303030;
	padding: 0;
	margin: 0;
	margin-bottom: 7px;
	height: auto;
}

 
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 140px;
}

#form_box p.partenaire {
        width: 180px;
}

.log {	
	float:right;
	height: auto;
	width: 300px;
	padding-top: 20px;
	margin-left: 10px;
}

 
.log ul {
	margin-left: 25px;
  	padding-left: 5px;
}

.log ul li {
   	color: red;
  	margin: 2px;
   	padding: 0px;
}

#logCouple {
}

#logSeule {
	padding-top: 70px;
	width: 240px;
}

.log_msg {	
	height: auto;
}

.resultMsg {
	height: auto;
}


.log_indicator {
	height: auto;
	overflow: auto;
}


.log_indicator.ajax-loading {
	padding: 20px 0;
	background: url('../images/spinner.gif') no-repeat center;
}


#inscriptionResultTitle {
}


.glassPane {
  display: none;
  opacity: 0.1;
  filter: alpha(opacity = 10); /*IE support*/
  z-index: 100;  
  position: absolute;
  top:0;
  left:0;
  background-color: black;
}

#glassPaneSeule {
  width: 390px;
  height: 550px;
}

#glassPaneCouple {
  width: 700px;
  height: 670px;
}


.noteInscription {
  clear:both;
  padding-left: 25px;
  margin-left: 0px;
}

.noteInscription p {
  margin-left: 0px;
}

.clearer {
        clear: both;
}

.emphasisFormSectionTitle {
	height: auto;
	font-weight: bold;
	width: 120px;
	padding-right: 2px;
	background-color: gray;
	margin-top: 7px;
	margin-bottom: 3px;
	
}

.planSalle {
  text-align: center;
}


/*------------------------ Membres --------------------*/
.loginArea {
   float: left;
   color:white;
   background: #101010;	
   width: 300px;
   border: 1px solid #303030;
   font-size: 12px;
   padding-top: 0.2em;
   padding-left: 0px;	
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 50px;
   margin-right: 20px;
}

.loginTable {
   padding: 0px 10px 0px 10px;  /*-top -right -bottom -left*/
}

.loginTable td {
   padding-top: 10px;
}


#loginErrorIndicator {
  width: 200px;
  background: yellow;
}

/*------------------------ carte --------------------*/

#carte {
  float: left;
}

.gmapInfoWindow {
  color: black;
  text-align: center;
}

/*------------------------ lien --------------------*/

.lienAdresse {
}

.hoverableImage {
  opacity: 0.9;
  filter: alpha(opacity = 90); /*IE support*/
  float: left;  
  text-align: center;
}

.hoverableImage a {
  border: none;
}

.hoverableImage:hover {
  opacity: 1.0;
  filter: alpha(opacity = 100); /*IE support*/
}

/*--------------------- Couts --------------------------- */
#modaliteDePaiement td span.prix {
  color: #F9966B;
}


/*--------------------- CoutCabaneSucre --------------------------- */
.coutCabaneSucre {
  border-collapse: collapse;
  margin-left:10px;
}

.coutCabaneSucre td {
  padding: 4px 25px 1px 0px; /*-top -right -bottom -left*/
  border-bottom: solid 1px gray;
}

.coutCabaneSucre td.prix {
  text-align: right;
  padding-right: 0;
}



/*----------------- Couts dans l'horaire---------------------- */

.tableDesCoutsDansHoraire {
  border-collapse: collapse;
  margin-top: 10px;
  margin-bottom: 10px;
  border: solid 1px gray;
}

.tableDesCoutsDansHoraire td {
  padding: 4px 25px 1px 4px; /*-top -right -bottom -left*/
  border-bottom: solid 1px gray;
}

.tableDesCoutsDansHoraire td.prix {
  text-align: right;
  padding-right: 4px;
  border-left: solid 1px gray;
}

.tableDesCoutsDansHoraire td.modeDePaiementTitle {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  border: solid 1px gray;
}

.tableDesCoutsDansHoraire td.total {
  border-top: solid 4px gray;
  border-bottom: none;
  padding-right: 4px;
}


.noteTableDesCouts {
 font-style: italic;
}


#tablePrixBilletsSoireeFinSession {
  border-style:none;
  border-spacing:0px;
  padding-left:70px
}

#tablePrixBilletsSoireeFinSession td#rangee {
  width:14em;
}


.tableSessions {
  border-style: none;
  border-width: 1px;
  border-collapse: collapse;
  margin-left:60px;
}

.tableSessions td {
  border-style: none;
  border-width: 1px;
  padding: 2px 15px 2px 5px; /*-top -right -bottom -left*/
}



.blackTable {
  margin-left:50px;
  /*background-color: #666;*/
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}

.blackTable tr.header {
  background-color: #222;
  color: #fff;  
  padding: 4px;
  text-align: left;  
}

.blackTable td {
  border: 1px #666 solid;
  text-align: center;
  padding: 4px;
}

.blackTable td.leftAligned {
  text-align: left;
}


.deroulementSoireeTable {
  margin-left:50px;
  /*border: 1px #666 solid;*/
  border-collapse: collapse;
  border-spacing: 0px;
  text-align: left;
}

.deroulementSoireeTable tr.header {
  background-color: #222;
  color: #fff;  
  padding: 4px;
}

.deroulementSoireeTable td {
  /*border: 1px #666 solid;*/
  text-align: left;
  padding: 4px;
}

.deroulementSoireeTable td.leftAligned {
  text-align: left;
}

.deroulementSoireeTable td.heure {
  text-align: left;
  vertical-align: top;
  padding-right: 20px;
  color: #F9966B;
}



.xxsmallNote {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: xx-small;
}

.xsmallNote {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: x-small;
}


/*---------------- list compatible with IE and firefox -----------------*/
ul.compatible {
  margin-left: 0;
  padding-left: 80px;
}


.verticalSpacing {
  clear:both;
  padding:0px;
  margin:0px;
}


ul.dvdSouvenir li {
  background: url(../images/videoIcon20.png) 0 0  no-repeat ; /* instead of using list-style, because compatible with IE and Mozilla */
  padding-left: 20px;
  margin-top: 3px;
  font-style: italic;
}


/* ---------------- faq ------------------- */

.faqContent {
  display: none;
  padding-bottom: 20px;
}

.question {
  margin-left: 0;
  padding-left: 30px;
  list-style: none;  
}

.question li {
  background: url(../images/questionMark.jpg) 0 0  no-repeat ; /* instead of using list-style, because compatible with IE and Mozilla */
  padding-left: 30px;
  padding-bottom: 10px;
  margin-top: 3px;
  font-style: italic;
}


.faqContent2 {
  display: none;
  margin-left: 0;
  padding-left: 25px;
}

.question2 {
  clear:both;
  margin-left: 0;
  padding-left: 50px;
  list-style: none;  
}

.question2 li {
  background: url(../images/questionMark2.jpg) 0 0  no-repeat ; /* instead of using list-style, because compatible with IE and Mozilla */
  padding-left: 20px;
  padding-bottom: 5px;
  margin-top: 3px;
  font-style: italic;
}




/* -------------------- Membres --------------------------- */


.leadingImage {
  padding-right: 5px;
}

p.indent1 {
  margin-left: 70px;
}

h3.closer {
  margin-top: 0.8em;
  margin-bottom: 0.5em;
}


/* --------------------- sondage ------------------- */


.surveySubList {
  margin-left: 0;
  padding-left: 30px;
  list-style: none;  
}

.surveySubList li {
  background: url(../images/checkmark.jpg) 0 0  no-repeat ; /* instead of using list-style, because compatible with IE and Mozilla */
  padding-left: 30px;
  padding-bottom: 10px;
  margin-top: 3px;
  font-style: italic;
}


.pullquote {
    float:left;
    background: url(../images/openQuote.png) no-repeat top left;
    font-size: 125%;
    font-style: italic;
    margin-left: 60px;
    margin-right: 60px;
    margin-top:10px;
    margin-bottom:0px;
    text-indent: 65px;
    padding:0px 25px 5px 0px;    
/*    background-color:#1A1A1A;*/
 }
 
.pullquote p {
    margin-left: 55px;
    text-indent: 0px;
 }

.pullquote span {
    display: block;
    padding-top:2px;
    background: url(../images/closeQuote.png) no-repeat bottom right;
}

.pullquoteAuthor {
    clear:both;
    float:right;
    margin-top:-15px;
    padding-top:0px;
    padding-right:60px;
}



/*		
#nav-menu li ul li a { padding: 2px 5px; } */ /* Sub Menu Styles */