/* @author The Agencies www.the-agencies.ch dev@the-agencies.ch */

#page.programme  {
	background: #299BEF url(/images/cash/cash-gauche-programme.gif) no-repeat 0px 133px;
}

#bandeau.programme  {
	background: url(/images/bandeau/bandeau-fond-programme.gif);
}

#animation.programme  {
	background-image: url(/images/animation/visuel-programme.jpg);
 }

#contenu.programme  {
	background: #FFFFFF url(/images/cash/cash-droite-programme.gif) no-repeat 235px 0px;
}

#animImageGalerie {
    position: absolute;
	top: 160px;
	left: 16px;
	background: #FFFFFF;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

#animImageGalerieCoinHG {
	position: absolute;
	top: 150px;
	left: 8px;
}

#animImageGalerieCoinBD {
	position: absolute;
	top: 160px;
	left: 16px;
}

#imageGalerieImage {
	visibility: visible;
}

#progProgramme {
    /*border: 1px solid grey;*/
    margin-left: 0px;
    margin-top: -7px;
}

#progProgramme h2 {
    margin: 0px 0px 0px 0px;
    color: #000000;
}

#progProgramme h2 a {
    color: #666666;
}

#progProgramme h2 a:hover {
    color: #FF9900;
}

.progEveContenu {
    margin: 0px 0px 7px 24px;
}

.progEveNom,
.progEveNom a {
    font-weight: bold;
    color: #299BEF;
}

.progEveNom a:hover {
    color: #000000;
}

.progEveDescription {
    font-weight: bold;
    color: #000000;
}

.progEveHeure {
    color: #000000;
}

.progEveOrganisation {
    color: #666666;
}

.progEvePrix {
    color: #000000;
}

.progEvePrixEtudiantAvs {
    color: #000000;
}

.progEveDatesDisponibles {
    margin: 0px 0px 7px 24px;
    color: #000000;
}

.progEveDatesDisponibles a {
     color: #000000;
     font-weight: bold;
}

.italiqueNormal {
    font-style: italic;
    font-weight: normal;
}

.progSlashes {
    font-style: italic;
    font-size: 14px;
    font-weight: normal;
}

.progDateType {
    font-size: 14px;
}

.pProgEveActions{
    margin-top : 0px;
    margin-left: 25px;
}

.pProgEveActions a {
    color: #000000;
    font-weight: bold;
}

.pProgEveActions a:hover {
    color: #299BEF;
    font-weight: bold;
}

.progEveActions {
    list-style-image : url(/images/puce/puce-programme.gif);
    margin: -6px 0px 0px 9px;
    padding: 0px 0px 0px 15px;
}

.progEveActions li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
}

.progEveActions li a {
    color: #000000;
}

.progEveActions li a:hover {
    color: #299BEF;
}

#formReservation {
    
}

#formReservation fieldset {
    border: none;
    margin-left: 15px;
}

#formReservation input {
    border: 1px solid #299BEF;
    width: 260px;
    padding: 1px 1px 1px 3px;
    margin: 0px 0px 5px 0px;
}

#formReservation input.formCheckbox {
    width: 15px !important;
    height: 15px !important;
}

#formReservation input.envoyer {
    width: 80px;
}

#formReservation label {
    font-weight: bold;
    
}

#reservationResume {
    width: 350px;
    margin-left: 52px;
}

p.erreurs {
    margin: 5px 0px 5px 23px;
}

#tableDetail {
    border-collapse: collapse;
    width: 350px;
    background-color: #FFFFFF;
    margin: 10px 0px 10px 0px;
}

#tableDetail td {
    border: 1px solid #CCCCCC;
    padding: 2px 2px 2px 2px;
    vertical-align: top;
}

#tableDetail .donnee {
    font-weight: bold;
    vertical-align: top;
}

#tableDetail .separateur {
    font-weight: bold;
    background-color: #EEEEEE;
    color: #299BEF;
}

#tableDetail .valeur {
    vertical-align: top;
}


/* programme evenements */

.progEvenementDiv {
    /*border: 1px solid red;*/
    padding-top: 10px;
    width: 410px;
}

.progEvenementDivDetails {
    /*border: 1px solid green;*/
    margin-top: 0px;
    margin-left: 54px;
    width: 347px;
}

.progEvenementDivGroupe {
    /*border: 1px solid blue;*/
    margin-top: 10px;
    width: 410px;
}

.progEvenementDivDetailsGroupe {
    /*border: 1px solid grey;*/
    margin-top: 10px;
    margin-left: 54px;
    width: 347px;
}

.progSlashesDiv {
    /*border: 1px solid orange;*/
    font-style: italic;
    font-size: 14px;
    font-weight: normal;
    width: 25px;
    float: left;
}

.progSlashesDivGroupe {
    /*border: 1px solid violet;*/
    font-style: italic;
    font-size: 14px;
    font-weight: normal;
}

.progDateTypeDiv {
    /*border: 1px solid green;*/
    width: 385px;
    margin-left: 25px;
    font-size: 14px;
    font-weight: bold;
}

.progDateTypeDivGroupe {
    /*border: 1px solid green;*/
    width: 322px;
    margin-left: 25px;
    font-size: 13px;
    font-weight: bold;
}

.progContenuDiv {
    width: 322px;
    margin-left: 25px;
}

.progContenuDivGroupe {
    width: 322px;
    margin-left: 25px;
}

.progContenuTitre {
    color: #299BEF;
    font-size: 14px;
    font-weight: bold;
}

.progContenuTitre a {
    color: #299BEF;
    font-size: 14px;
    font-weight: bold;
}

.progContenuTitreGroupe {
    color: #299BEF;
    font-size: 13px;
    font-weight: bold;
}

.progContenuTitreGroupe a {
    color: #299BEF;
    font-size: 13px;
    font-weight: bold;
}

.progContenuDescription {
    
}

.progContenuOrganisation {
    
}

.progContenuPrix {
    
}

.progActions {
    margin-top: 6px;
}

.progActions ul {
    list-style-image : url(/images/puce/puce-programme.gif);
    margin: 0px 0px 0px 23px;
    /*
    margin: -6px 0px 0px 9px;
    padding: 0px 0px 0px 15px;
    */
}

.progActions ul li a {
    font-weight: bold;
}

.progActionsTitreDatesDisponibles {
    font-weight: bold;
    margin: 0px 0px 0px 25px;
}

.progReservation {
    font-weight: bold;
    margin: 0px 0px 0px 25px;
}

.etape {
    color: #299BEF;
    font-weight: bold;
}

#evenementsSuivantsPrecedents {
    font-weight: bold;
}

#evenementsSuivantsPrecedents a {
    color: #000000;
}

#evenementsSuivantsPrecedents a:hover {
    color: #299BEF;
}

h1.administrateur {
    color: #FF0000;
    margin-left: 53px;
}

h1.administrateur a {
    color: #000000;
    margin-left: 20px;
}

h1.administrateur a:hover {
    color: #299BEF;
}

.dateComplete {
    font-weight: bold;
    margin-left: 7px;
    margin-right: 6px;
}