/* Fil d'ariane et titre */
a#fil_home
{
  background-position:-95px 0;
}
a#fil_home:hover
{
  background-position:-95px -20px;
}

/* Icônes réseaux sociaux */

ul#listeLiensBio,
ul#listeLiensRS
{
    list-style-type:none;
}
ul#listeLiensBio li
{
    list-style-type:none;
    margin-bottom:1em;
}
ul#listeLiensBio li a
{
    display:block;
    text-decoration:none;
    font-weight:bold;
    color:white;
    background-color:#28b5bc;
    border:2px solid #28b5bc;
    border-radius:0.4em;
    padding:0.8em 0.5em;
}
ul#listeLiensBio li a:hover
{
    color:#28b5bc;
    background-color:white;
}

ul#listeLiensRS li
{
    margin-top:1em;
}
ul#listeLiensRS li
{
    display:inline-block;
}
ul#listeLiensRS li a
{
    display:flex;
    width:3em;
    max-height:2.5em !important;
    padding:0.2em 1em 0.2em 0;
    color:#28b5bc;
}

/* Evenements */
.colAnim .contenu,
.colListe  .contenu
{

}

.colAnim  .contenu img
{
  display:block;
  width:100%;
  border:none !important;
}

div.event
{
  clear:left;
  padding:0.8em;
}
div.event,
div.eventALaUne,
div.eventP,
div.eventS
{
  position:relative;
  background:transparent url(1px-blanc-80.png) repeat 0 0;
  color:black;
  margin-bottom:1em;
  text-align:left;
  font-family:Nexa;
}
div.event,
div.eventS
{
  border:2px solid #d70b52; 
}

.eventdate
{
  background:transparent;
  font-family:Nexa;
}
.eventdate p.jour,
.eventdate p.num,
.eventdate p.mois
{
  float:left;
  background:none;
  text-align:center;
}
.eventdate p.debut,
.eventdate p.fin
{
  font-size:140%;
  font-weight:bold;
}
.eventdate p.debut
{
  border-top:1px solid #d70b52;
  border-right:1px solid #d70b52;
  border-left:1px solid #d70b52;
}
.eventdate p.fin
{
  border-bottom:1px solid #d70b52;
  border-right:1px solid #d70b52;
  border-left:1px solid #d70b52;
}
.eventdate p.jour
{
  display:block;
  width:1em;
  hieght:auto;
  word-break: break-all; 
  overflow:hidden;
  font-size:150%;
  padding:0 0.4em 0 0;
  margin:0 0.4em 0.5em 0;
  border-right:3px solid #d70b52;
}
.eventdate p.type
{
  clear:left;
  background:#d70b52;
  padding:0.2em;
  color:white;
}
.eventdate p.heure
{
  clear:left;
  color:#2d363b;
  padding:0.4em 0;
  font-weight:bold;
}

/* Affichage par défaut des animations */

div.eventALaUne
{
  clear:left;
  padding:1em 0 1.5em 0;
}
div.event .eventdate,
div.eventALaUne .eventdate 
{ 
  float:left;
  width:8.6em;
  margin:0 1em 0 0;
  text-align:center;
}
div.event p.jour,
div.event p.num,
div.event p.mois,
div.eventALaUne p.jour,
div.eventALaUne p.num,
div.eventALaUne p.mois  
{
  color:#2d363b;
}
div.event .eventdate p.num,
div.eventALaUne .eventdate p.num, 
div.event .eventdate p.mois,
div.eventALaUne .eventdate p.mois 
{
  width:90px;
  text-align:center;
}
div.event .eventdate p.num,
div.eventALaUne .eventdate p.num 
{
  font-weight:bold;
  font-size:420%;
  line-height:0.8em;
}
div.event .eventdate p.num sup,
div.eventALaUne .eventdate p.num sup
{
  font-size:20%;
}
div.event .eventdate p.mois,
div.eventALaUne .eventdate p.mois 
{
  font-weight:bold;
  font-size:180%;
}
div.event h4
{
  font-size:160%;
  font-weight:bold;
  color:#d70b52;
  margin-top:-0.2em;
}
div.event h4 a,
div.eventP h4 a
{
  color:inherit;
  text-decoration:none;
}

/* Fiche détaillée de l'événement */

h2.eventTitre
{
  font-size:150%;
  font-weight:bold;
  color:#d70b52;
  margin:-0.2em 0 0.5em 0 !important;
}
h3.soustitre
{
  border-bottom:2px solid #d70b52;
  margin:1em 0 1em 0;
}
h3.eventsPasses
{
  border-bottom:2px solid #d70b52;
  margin:3em 0 1em 0;
  text-align:center;
  color:#d70b52;
}
div.eventALaUne h5.soustitre
{
  margin-bottom:1em;
  font-size:110%;
}

div.eventALaUne .description
{
  text-align:justify;
  font-family:Frutiger;
  margin-left:9.6em;
}
div.eventALaUne .description p
{
  margin:0 0 0.8em 0;
}
div.eventALaUne .description ul
{
  margin:0 0 1.5em 2em;
  list-style-type:square;
}
div.eventALaUne .description ul li
{
  margin:0.5em;
}

div.eventALaUne div.billetterie h4,
div.eventALaUne div.video h4,
div.eventALaUne div.partage h4
{
  clear:left;
  font-size:150%;
  font-weight:bold;
  color:#d70b52;
  margin:1em 0 0 0;
  border-bottom:2px solid #d70b52;
}
div.eventALaUne div.video iframe
{
  display:block;
  margin:1em auto;
}
div.eventALaUne div.partage div.boitePartage
{
  width:50%;
  float:left;
  text-align:center;
}
div.eventALaUne div.partage div.boitePartage h5
{
  font-size:110%;
  font-weight:normal;
  color:#2d363b;
  margin:0.8em 0 0.2em 0;
}
div.eventALaUne div.partage div.boitePartage a.fancybox
{
  display:block;
  border:2px solid #2d363b;
  margin:0 1em 0 1em;
}
div.eventALaUne div.partage div.boitePartage a.fancybox img
{
  display:block;
  width:100%;
}
div.eventALaUne div.partage div.boitePartage a.facebook
{
  display:block;
  font-family:Frutiger;
  text-decoration:none;
  color:#d70b52;
  border:1px solid #d70b52;
  border-radius:0.4em;
  padding:0.4em;
  margin-bottom:0.5em;
}
div.eventALaUne div.partage div.boitePartage a.facebook:hover
{
  color:white;
  background-color:#d70b52;
}

/* Affichage des animations sur une période */

div.eventP
{
  border:2px solid #d70b52;
  padding:2em; 
}
div.eventP .zoneP
{
  background:transparent url("./1px-blanc-60.png") repeat 0 0;
  padding:0.5em;
}
div.eventP .zoneP p.type
{
  display:block;
  clear:left;
  margin:0 0 0.5em -0.8em;
}
div.eventP .zoneP p.type span
{
  display:inline;
  color:white;
  font-size:150%;
  padding:0.2em;
}
div.eventP h4
{
  font-size:160%;
  font-weight:bold;
}
div.eventP .du,
div.eventP .au,
div.eventP .num,
div.eventP .mois
{
  display:inline;
  font-weight:bold;
  color:auto !important;
  float:left !important;
  margin:0 0.2em 0.2em 0;
}
div.eventP .du,
div.eventP .au
{
  font-size:80%;
  vertical-align: bottom;
  padding-top:0.8em;
  margin-right:0.4em;
}
div.eventP .num,
div.eventP .mois
{
  font-size:150%;
}

/* Affichage des animations par séances */

div.eventS img
{
  display:block;
  width:100%;
}

div.eventS div.zoneS
{
  display:block;
  width:100%;
  height:100%;
}
div.eventS div.zoneS h4 a
{
  display:block;
  width:100%;
  height:100%;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  padding:0.1em 0;
}

/* Boutons d'actions */

ul.boutonsActions
{
  list-style-type:none;
  position:absolute;
  right:0.5em;
  bottom:0.5em;
}
ul.boutonsActions li
{
  float:left;
  margin-left:0.5em;
  font-family:Frutiger; 
}
ul.boutonsActions li.iconeV a,
ul.boutonsActions li.iconeB a
{
  display:block;
  height:29px;
}
ul.boutonsActions li.iconeV a
{
  width:29px;
  background:transparent url(../images/icone_video_29px.png) no-repeat 0 0;
}
ul.boutonsActions li.iconeB a
{
  width:57px;
  background:transparent url(../images/icone_billet_29px.png) no-repeat 0 0;
}
ul.boutonsActions li.iconeV a:hover,
ul.boutonsActions li.iconeB a:hover
{
  background-position:0 -29px;
}
ul.boutonsActions li.iconeV a span,
ul.boutonsActions li.iconeB a span
{
  display:none;
}
ul.boutonsActions li.info a
{
  display:block;
  width:1.3em;
  line-height:1.3em;
  background-color:white;
  border:2px solid #d70b52;
  border-radius:1em;
  color:#d70b52;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  font-size:1.2em; 
}
ul.boutonsActions li.info a:hover
{
  background-color:#d70b52;
  color:white;
}

/* Rapport d'activités */
h1#titreRapport
{
  font-size:200%;
  text-align:center;
  margin:0.6em 0;
}

ul#listeTypesAnimations,
ul#listeMotsClesAnimations
{
  list-style-type:none;
  margin:0.6em auto 1em auto;
  height:20px;
  background-color:#e5e5e5;
  padding:1em;
}
ul#listeTypesAnimations li,
ul#listeMotsClesAnimations li
{
  float:left;
  margin-right:30px;
}
ul#listeTypesAnimations li.soustype
{
  margin-left:-20px;
}
ul#listeTypesAnimations li.actif,
ul#listeMotsClesAnimations li.actif
{
  font-size:160%;
  margin-top:-8px;
}
ul#listeTypesAnimations li a,
ul#listeMotsClesAnimations li a
{
  display:block;
  color:white;
  font-size:110%;
  text-decoration:none;
  border-radius:0.2em;
  opacity:0.6;
}
ul#listeMotsClesAnimations li a
{
  background-color:#89c692;
}
ul#listeTypesAnimations li a:hover,
ul#listeTypesAnimations li.actif a,
ul#listeMotsClesAnimations li a:hover,
ul#listeMotsClesAnimations li.actif a
{
  opacity:1;
}

a#diapoAuto
{
  display:block;
  width:48px;
  height:48px;
  background:transparent url(images/boutonPlayPause_48x96.png) no-repeat 0 -48px;
  position:fixed;
  top:5px;
  left:5px;
  z-index:1000;
}

#rapportActivites
{
  width:100%;
  height:510px;
  overflow:auto;
}
#rapportActivites table
{
  border-collapse:collapse; 
}
#rapportActivites table tr td
{

}
#rapportActivites table td div.rapport
{
  width:250px !important;
  height:450px !important;
  margin:0 15px;
  text-align:center;
}
#rapportActivites table td div.rapport .rapportAffiche
{
  display:block;
  width:100%;
}
#rapportActivites table td div.rapport .rapportAffiche p.date
{
  text-transform:uppercase;
  margin-bottom:0.2em;
}
#rapportActivites table td div.rapport .rapportAffiche a,
#rapportActivites table td div.rapport .rapportAffiche a img
{
  display:block;
  width:100%;
}
#rapportActivites table td div.rapport .rapportAffiche a img
{
  border:1px solid black;
}
#rapportActivites table td div.rapport .raportDetail
{
  margin-top:0.5em;
}
#rapportActivites table td div.rapport .raportDetail p.type span
{
  background-color:#d70b52;
  color:white;
}
#rapportActivites table td div.rapport .raportDetail h4 a
{
  color:#d70b52;
  text-decoration:none;
}
#rapportActivites table td div.rapport .raportDetail p.motscles
{
  font-size:80%;
  margin-top:0.2em;
  color:#2d363b;
}

/* Responsive */

@media only screen and (min-width: 600px) {
  /* For tablets: */
}
@media only screen and (min-width: 768px) {
  /* For desktop: */

  .colAnim
  {
    float:left;
    width:60%;
  }
  .colListe
  {
    float:right;
    width:40%;
  }
  .colListe  .contenu
  {
    padding-left:3em;
  }

}