@CHARSET "ISO-8859-1";

/*  Récupération
------------------------------------------------- */


/*  Définition des titres */
.pageTitle,
.zoneTitle,
.pageTitle a,
.zoneTitle a {
    color: #510202;
    font-size: 1.8em;
    margin-bottom: 8px;
}

.pageTitle span {
    color: #DD85B5;
}

.pageTitle { padding-bottom: 6px; }

.smallerProductTitle,
.smallerProductTitle a,
.smallProductTitle,
.smallProductTitle a,
.productTitle,
.productTitle a {
    font-family: arial, verdana, sans-serif;
    color: #510202;
    font-size: 1.5em;
    font-weight: bold;
}

.smallProductTitle,
.smallProductTitle a { font-size: 1.2em; line-height: 100%; }

.smallerProductTitle,
.smallerProductTitle a { font-size: 1em; line-height: 120%; }

.zoneBigTitle, .zoneBigTitle a { color: #DD85B5; font-size: 2.6em; }
.zoneTitle, .zoneTitle a { color: #DD85B5; font-size: 1.5em; }
.zoneSubTitle, .zoneSubTitle a { color: #DD85B5; font-size: 1.2em; }
.smallTitle, .smallTitle a { color: #DD85B5; font-size: 1em; }

.zoneTitle strong { font-size: 1.2em; }


.smallProductTitle a,
.smallTitle a,
.zoneBigTitle a,
.zoneSubTitle a,
.zoneTitle a,
.pageTitle a,
.productTitle a { font-size: 1em; text-decoration: none; }


.smallProductTitle a:hover,
.smallTitle a:hover,
.zoneSubTitle a:hover,
.zoneBigTitle a:hover,
.zoneTitle a:hover,
.pageTitle a:hover,
.productTitle a:hover { text-decoration: underline; }




.smallRoundBox .footer,
.smallRoundBox {
    display: block;
    clear: both;
    float: none;
    overflow: hidden;/*
    float: left;
    clear: none;*/
    width: 505px;
    padding: 10px 0 0 0;
    margin: 0;
    background: url(../img/smallroundbox.gif) 0 0 no-repeat;
}



.smallRoundBox .footer {
   display: block;
   clear: both;
   overflow: hidden;
   width: auto;
   padding: 0 10px 10px 10px;
   margin: 0;
   background-position: bottom left;
}


.smallRoundBox .footer p {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
}

.roundBox h2 {
    width: auto;
    padding-bottom: 8px;
}

.smallRoundBox h2.smallProductTitle {
    margin: 0;
    padding: 0;
}
/*
.roundBox .bookLink {
    text-decoration: none;
}
.roundBox .bookLink:hover { text-decoration: underline; }
*/

.roundBox .classic {
    line-height: 130%;
}


.smallRoundBox .floatBlock {
    width: 370px;
    float: left;
    clear: none;
}



.voirListeCours {
    float: right;
    color: #DD85B5;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 0 0 0;
    margin: 0;
}

.voirListeCours:hover {
    text-decoration: underline;
}


#bigBubble p.nomFranchise {
   display: block;
   clear: both;
   width: auto;
   overflow: hidden;
   float: none;
   margin: 0;
   padding: 0 0 8px 0;
   text-align: center;
   font-size: 1.1em;
   font-weight: bold;
   color: #4E0F06;
}




/* Bulle détaillant un atelier
---------------------------------------------------------------- */

   
   
   
#bigBubbleContent,
#bigBubble,
#bigBubbleFooter {
    float: none;
    display: block;
    overflow: hidden;
    width: auto;
}



#bigBubble {
    position: absolute;
    top: 300px;
    left: 400px;
    visibility: hidden;
    width: 304px;
    height: auto;
    margin: 0;
    padding: 18px 0 0 0;
    text-align: left;
    background: #fff;
    z-index : 0;
    background: url(../img/bigBubbleTop.png) 0 0 no-repeat;
}

#bigBubble.reverse {
    padding: 38px 0 0 0;
    background: url(../img/bigBubbleTop2.png) 0 0 no-repeat;
}


#bigBubble.show {
    display: block;
    z-index : 13;
    visibility: visible;
}

#bigBubbleFooter {
    padding: 0 0 40px 0;
    background: url(../img/bigBubbleBottom.png) bottom left no-repeat;
}

.reverse #bigBubbleFooter {
    padding: 0 0 20px 0;
    background: url(../img/bigBubbleBottom2.png) bottom left no-repeat;
}

#bigBubbleContent {
    padding: 0 20px 0 16px;
    background: url(../img/bigBubbleCenter.png) 0 0 repeat-y;
}

#bigBubble h2 {
    padding-bottom: 8px;
}

#bigBubble p {
    font-size: .9em;
    line-height: 130%;
    text-align: justify;
}

#bigBubble .image {
    width: auto;
    border: none;
    margin: 0;
    padding: 0 0 8px 0;
    overflow: hidden;
}


#closeBigBubble {
    display: block;
    position: absolute;
    top: 0;
    right: 12px;
    color: #666;
    font-size: .8em;
    text-decoration: none;
    padding: 4px 14px 4px 0;
    background: url(../img/pictoFermer2.gif) 100% 6px no-repeat;
}

#closeBigBubble:hover {
    text-decoration: underline;
}

.reverse #closeBigBubble {
    top: 20px;
}


#bigBubble .horaires {

}

.alertesInfos {

}

.alertesInfos p {
    float: left;
    width: 70%;
    color: #333;
}

.alertesInfos {

}


#bigBubble .horaires p.classic {
    float: left;
    clear: none;
    width: 199px;
    text-align: left;
}

.boutonReserver,
#bigBubble .boutonReserver {
    float: right;
    clear: none;
    background: #02A0B0;
    color: #fff;
    padding: 2px 4px;
    /*margin-left: 13px;*/
    text-decoration: none;
    text-transform: uppercase;
    font-size: .8em;
}
.boutonReserver:hover,
#bigBubble .boutonReserver:hover { background: #510202; }


#bigBubble .pubCarte {
    font-size: 1em;
    padding: 0 0 8px 0;
}

#bigBubble .pubCarte img {
    float: left;
}

#bigBubble .pubCarte p {
    float: right;
    clear: none;
    width: 200px;
    font-weight: bold;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

#bigBubble .pubCarte p a {
    font-size: 1em;
    font-weight: normal;
    text-decoration: underline;
}



#bigBubble .dispoSurPlace {
   display: none;
}



/* Bulle Foire de paris
---------------------------------------------------------------- */


#bigBubble.bulleFoireDeParis .alertesInfos,
#bigBubble.bulleFoireDeParis .pubCarte {
   display: none;
}

#bigBubble.bulleFoireDeParis .dispoSurPlace {
   display: block;
}









/*  Zone agenda
------------------------------------------------- */


#tableauAgenda {
    width: 645px;
    padding: 0 0 22px 0;
    margin: 0;
    /*background: url(../img/agendaBottom_evenementiel.gif) bottom left no-repeat;*/
    background: url(../img/agendaBottom.gif) bottom left no-repeat;
}


.headerAgenda {
    position: relative;
    height: 40px;
    width: 645px;
    padding: 25px 0 0 25px;
    margin: 0;
    /*background: url(../img/agendaTop_evenementiel.gif) 0 0 no-repeat;*/
    background: url(../img/agendaTop.gif) 0 0 no-repeat;
}

.headerAgenda h2 {
   font-size: 1.2em;
    text-align: center;
    padding: 4px 0 0 0;
}

.headerAgenda a {
    position: absolute;
    top: 28px;
    left: 41px;
    color: #DD85B5;
    line-height: 17px;
    width: 76px;
    text-decoration: none;
    font-size: .9em;
}
.headerAgenda a:hover { text-decoration: underline; }

.headerAgenda a.suivante {
    top: 28px;
    right: 61px;
    left: auto;
    padding-right: 16px;
    text-align: right;
    background: url(../img/agendaBigArrowRight.gif) top right no-repeat;
}

.headerAgenda a.precedente {
    padding-left: 16px;
    background: url(../img/agendaBigArrowLeft.gif) 0 0 no-repeat;
}

.headerAgenda span.suivante {
    position: absolute;
    top: 25px;
    right: 61px;
    color: #DD85B5;
    width: 96px;
    text-decoration: none;
    line-height: 10px;
    font-size: .9em;
    left: auto;
    padding: 0;
    text-align: right;
}


.tableAgenda {
    position: relative;
    /*width: 645px;*/
    padding: 0 25px;
    margin: 0;
    width: auto;
    /*background: url(../img/agendaCenter_evenementiel.gif) 0 0 repeat-y;*/
    background: url(../img/agendaCenter.gif) 0 0 repeat-y;
}


/*  Détails du tableau
------------------------------------------------- */


.tableAgenda table {
    width: auto;
    border-collapse: collapse;
}


.heure {
    width: 34px;
    height: 44px;
}

th.heure {
    padding: 0;
    margin: 0;
    vertical-align: top;
}

th.heure p {
    color: #666;
    font-size: .8em;
    padding: 4px 0 0 0;
    margin: 0;
}


.jour {
    width: 89px;
    margin: 0;
    padding: 0;
    border-right: 7px solid #fff;
}

th.jour {
    background: url(../img/agendaTitleCell.gif) bottom left no-repeat;
    padding: 0;
    margin: 0;
    color: #666;
    font-size: .9em;
}

th.jour p {
    display: block;
    width: auto;
    overflow: hidden;
    padding: 10px 0 10px 10px;
    margin: 0;
}

td.jour {
    background: url(../img/agendaSep.gif) 0 9px repeat-x;
    height: 44px;
}

th.jour strong {
    color: #DD85B5;
    font-size: 1.6em;
    font-weight: bold;
}

th.jour em {
    font-weight: normal;
    font-style: normal;
}






/*  Zone ronde du cours
    (placé en absolu au dessus du tableau)
------------------------------------------------- */


/*   Règle générale  */

.cours {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 87px;
    padding: 8px 0 0 0;
    overflow: hidden;
}

.cours .piedBulle,
.cours {
    background: url(../img/agendaCoursBulle.gif) 0 0 no-repeat;
}


.cours .piedBulle {
    display: block;
    clear: both;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 0 0 8px 0;
    background-position: bottom left;
}

.cours td {
    font-size: .8em;
    color: #510202;
}

.cours td img {
    display: block;
    position: absolute;
    top: 50%;
    left: -2px;
    margin-top: -15px;
}

.cours td a {
    position: relative;
    z-index: 2;
   line-height: 1.1em;
    /*display: block;
    width: auto;
    padding: 0 10px 0 0;
    margin: 0;*/
    /*padding: 0 5px 0 29px;
    overflow: hidden;*/
    font-size: 1em;
    color: #510202;
	/*top: 50%;
	margin-top: -20px;*/
    text-decoration: none;
    text-align: left;
}


.cours td a.atelierActif {
	color: #000;
	font-weight: bold;
}


.cours table {
    width: 100%;
}
.cours table td {
    vertical-align: center;
    padding: 0 5px 0 31px;
}




.duree-0h45 {
    border: 1px solid #DD85B5;
    padding: 1px 0 1px 0;
    background: transparent;
}

.duree-0h45 .piedBulle {
    padding: 0;
    background: transparent;
}




/*   Règle pour un cours complet  */
.complet .piedBulle,
.complet {
    background: url(../img/agendaCoursBulleComplet.gif) 0 0 no-repeat;
}
.complet .piedBulle { background-position: bottom left; }
.complet td a {
    display: block;
    overflow: hidden;
    clear: both;
    width: auto;
    padding-left: 1px;
    text-align: center;
}

.complet table td {
    vertical-align: center;
    padding: 0 4px 0 3px;
    text-align: center;
    background: pink;
}


.complet.duree-0h45 {
    border: 1px solid #DCCCCC;
    padding: 1px 0 1px 0;
    background: #DCCCCC;
}

.complet.duree-0h45 .piedBulle {
    padding: 0;
    background: #DCCCCC;
}




/*   Règle pour les évènements particuliers  */

.evenementiel {
    padding: 8px 0 0 0;
    margin: 0;
}

.evenementiel .piedBulle,
.evenementiel {
    text-align: center;
    background: url(../img/agendaCoursBulleEvenement.gif) 0 0 no-repeat;
}

.evenementiel .piedBulle {
    /*display: block;
    overflow: hidden;*/
    text-align: center;
    /*padding: 0;
    margin: 0;*/
    background-position: bottom left;
}

.evenementiel table {
    width: 100%;
}

.evenementiel table td {
    vertical-align: center;
    padding: 0 3px 0 3px;
    text-align: center;
}

.evenementiel td a {
    display: block;
    overflow: hidden;
    clear: both;
    width: auto;
    font-size: 0.9em;
    color: #fff;
    text-align: center;
    /*padding: 0 4px 0 4px;*/
}


.evenementiel.duree-0h45 {
    border: 1px solid #3A3431;
    padding: 1px 0 1px 0;
    background: #3A3431;
}

.evenementiel.duree-0h45 .piedBulle {
    padding: 0;
    background: #3A3431;
}








/*   position verticales, horizontales et hauteur des bulles  */
.lundi    { left: 58px; }
.mardi    { left: 152px; }
.mercredi { left: 246px; }
.jeudi    { left: 340px; }
.vendredi { left: 434px; }
.samedi   { left: 528px; }


.debut-9h,
.debut-09h00,
.debut-9h00 { top: 75px; }
.debut-09h15,
.debut-9h15 { top: 86px; }
.debut-09h30,
.debut-9h30 { top: 97px; }
.debut-10h,
.debut-10h00 { top: 119px; }
.debut-10h15 { top: 130px; }
.debut-10h30 { top: 141px; }
.debut-11h,
.debut-11h00 { top: 165px; }
.debut-11h15 { top: 174px; }
.debut-11h30 { top: 185px; }
.debut-11h45 { top: 196px; }
.debut-12h,
.debut-12h00 { top: 209px; }
.debut-12h15 { top: 218px; }
.debut-12h30 { top: 229px; }
.debut-13h,
.debut-13h00 { top: 252px; }
.debut-13h15 { top: 262px; }
.debut-13h30 { top: 273px; }
.debut-14h,
.debut-14h00 { top: 297px; }
.debut-14h15 { top: 306px; }
.debut-14h30 { top: 317px; }
.debut-15h,
.debut-15h00 { top: 339px; }
.debut-15h15 { top: 350px; }
.debut-15h30 { top: 361px; }
.debut-16h,
.debut-16h00 { top: 384px; }
.debut-16h15 { top: 394px; }
.debut-16h30 { top: 405px; }
.debut-17h,
.debut-17h00 { top: 428px; }
.debut-17h15 { top: 438px; }
.debut-17h30 { top: 449px; }
.debut-18h,
.debut-18h00 { top: 472px; }
.debut-18h15 { top: 482px; }
.debut-18h30 { top: 493px; }
.debut-19h,
.debut-19h00 { top: 515px; }
.debut-19h15 { top: 526px; }
.debut-19h30 { top: 537px; }
.debut-20h,
.debut-20h00 { top: 449px; }
.debut-20h15 { top: 460px; }



.duree-0h45 td { height: 32px; font-size: .8em; line-height: 0.9em; }
.duree-1h00 td { height: 28px; }
.duree-1h30 td { height: 51px; }
.duree-2h00 td { height: 72px; }
.duree-2h30 td { height: 94px; }
.duree-3h00 td { height: 116px; }
.duree-3h30 td { height: 138px; }
.duree-4h00 td { height: 160px; }
.duree-7h00 td { height: 338px; }



/*  Avec Dimanche
------------------------------------------------- */

.coursAvecDimanche.lundi    { left: 59px; }
.coursAvecDimanche.mardi    { left: 139px; }
.coursAvecDimanche.mercredi { left: 219px; }
.coursAvecDimanche.jeudi    { left: 299px; }
.coursAvecDimanche.vendredi { left: 379px; }
.coursAvecDimanche.samedi   { left: 459px; }
.coursAvecDimanche.dimanche   { left: 539px; }


.avecDimanche .jour {
    width: 73px;
}


.coursAvecDimanche {
    width: 71px;
}


.cours.coursAvecDimanche .piedBulle,
.cours.coursAvecDimanche {
    background: url(../img/agendaCoursBulle.gif) 0 0 no-repeat;
}


.cours.coursAvecDimanche .piedBulle {
    background-position: bottom left;
}





.coursAvecDimanche.duree-0h45 {
    border: 1px solid #DD85B5;
    padding: 1px 0 1px 0;
    background: transparent;
}

.coursAvecDimanche.duree-0h45 .piedBulle {
    padding: 0;
    background: transparent;
}


.evenementiel.coursAvecDimanche .piedBulle,
.evenementiel.coursAvecDimanche {
    border: none;
    background-image: url(../img/agendaCoursBulleEvenement.gif);
}


.evenementiel.coursAvecDimanche.duree-0h45 {
    border: 1px solid #3A3431;
    padding: 1px 0 1px 0;
    background: #3A3431;
}

.evenementiel.coursAvecDimanche.duree-0h45 .piedBulle {
    padding: 0;
    background: #3A3431;
}




.complet.coursAvecDimanche .piedBulle,
.complet.coursAvecDimanche {
    border: none;
    background-image: url(../img/agendaCoursBulleComplet.gif);
}

.complet.coursAvecDimanche.duree-0h45 {
    border: 1px solid #DCCCCC;
    padding: 1px 0 1px 0;
    background: #DCCCCC;
}

.complet.coursAvecDimanche.duree-0h45 .piedBulle {
    padding: 0;
    background: #DCCCCC;
}




/*  Légende
------------------------------------------------- */

.legende {
width: 620px;    
padding: 8px 0 16px 0;
}


.legende ul {

}


.legende li img,
.legende li p,
.legende li {
    float: left;
    width: auto;
    clear: none;
    color: #666;
}

.legende li img {

}

.legende li p {
    font-size: .9em;
    padding: 8px 4px 0 0;
    text-decoration: none;
}

.legende li p a {
    color: #666;
    text-decoration: none;
}

.legende li p a:hover {
    text-decoration: underline;
}




/*  détail cours colonne droite
------------------------------------------------- */


#contenuNouvelleBulle {
    float: none;
    display: none;
    overflow: hidden;
    width: auto;
    padding: 8px 6px 8px 6px;
    margin: 23px 0 0 0;
    border: 1px solid #E0DFE0;
}


#contenuNouvelleBulle #bigBubbleContent {
   display: block;
   overflow: hidden;
   width: auto;
   border: none;
   background: transparent;
   padding: 0;
   margin: 0;
}


#contenuNouvelleBulle.show {
    float: none;
    display: none;
    overflow: hidden;
    width: auto;
    display: block;
    visibility: visible;
}


#contenuNouvelleBulle h2 {
    padding-bottom: 8px;
}

#contenuNouvelleBulle p {
    font-size: .9em;
    line-height: 130%;
    text-align: justify;
}

#contenuNouvelleBulle .image {
    width: auto;
    border: none;
    margin: 0;
    padding: 0 0 8px 0;
    overflow: hidden;
}


#contenuNouvelleBulle .horaires p.classic {
    float: left;
    clear: none;
    width: 199px;
    text-align: left;
}


#contenuNouvelleBulle .boutonReserver {
    float: right;
    clear: none;
    background: #02A0B0;
    color: #fff;
    padding: 2px 4px;
    /*margin-left: 13px;*/
    text-decoration: none;
    text-transform: uppercase;
    font-size: .8em;
}

#contenuNouvelleBulle .boutonReserver:hover { background: #510202; }


#contenuNouvelleBulle .pubCarte {
    font-size: 1em;
    padding: 0 0 16px 0;
}

#contenuNouvelleBulle .pubCarte img {
    float: left;
}

#contenuNouvelleBulle .pubCarte p {
    float: right;
    clear: none;
    width: 200px;
    font-weight: bold;
    font-size: 1em;
}

#contenuNouvelleBulle .pubCarte p a {
    font-size: 1em;
    font-weight: normal;
    text-decoration: underline;
}



#contenuNouvelleBulle .dispoSurPlace {
   display: none;
}


#contenuNouvelleBulle.bulleFoireDeParis .alertesInfos,
#contenuNouvelleBulle.bulleFoireDeParis .pubCarte {
   display: none;
}

#contenuNouvelleBulle.bulleFoireDeParis .dispoSurPlace {
   display: block;
}



#flecheBulle {
	position: absolute;
	top: 450px;
	left: 630px;
	display: none;
	width: auto;
	clear: both;
	overflow: hidden;
	width: 36px;
	height: 153px;
	padding: 0;
	margin: 0;
	background: url(../img/flecheBulle.gif) 0 0 no-repeat;
}
	

#flecheBulle.show {
    display: block;
}