/* 
    Document   : accueil.css
    Created on : 25 juil. 2011, 11:47:41
    Author     : zouzou
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

#container{background:none;padding:0; margin: 0;}

#home_bottom{
  position: relative;
  overflow: hidden;
}

.bloc-home{
    float:left;
}

#home-media{
    position:relative;
    overflow:hidden;
    z-index:1;
    margin-bottom: 17px;
}

/*{z-index:-10;}*/
#homeVideo .imagev{top:43%;left:43%;position:absolute;}

#home-media > .now, #gallery > .now {position:absolute;top:10px;left:10px;background: url(../img/home/now.png ) no-repeat center ; display:none;width:78px;height:77px;}

h3{font-weight:400;color:#fff;letter-spacing:1px;}

#home-events{width:309px;}
#home-events{width:319px !important; margin-right:18px;}


/*#home-events div{background-color: #fff;}*/
#event_slide div{background-color: #fff;}

#header_events{
  /*background:#4A7096;*/
  background:rgba(0, 0, 0, 0.3)
}
#header_events h3{margin-left:10px;font-size:2.2em;padding:4px;}

#home-events .arrondi{
  margin-bottom:22px;
  padding:10px 15px; 
  width:289px;
  /*height:255px !important;*/
  height:270px !important;
  overflow:hidden;
}

#home-events .arrondi a{color:#000000; font-weight:normal;}
#home-events .arrondi a:hover, #home-events .arrondi a:hover span{text-decoration:underline !important;}
#home-events .arrondi img{
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#home-events .boldh2{font-weight:700;}
#home-events .right-content{width:170px;float:left;}


#home-events .right-content .ldiscpays{
  font-family: 'Arimo';
  font-size:1.2em;
  display:block;
  margin-bottom:0px;
  text-transform:uppercase;
}

#home-events .right-content .lindividus{
  font-family: 'Yanone Kaffeesatz';
  font-size:1.6em;
  display:block;
  margin-bottom:2px;
  text-transform:uppercase;
}


#home-events .right-content .ldate{
  font-weight:bold;
  font-size:1.2em;
  display:block;
  margin-bottom:2px;
}
#home-events .right-content .ldesc{  
  font-size:1.4em;
  display:block;
}

/*ACTUS*/
#home-actus{
  margin: 0 0 0 18px;
  width: 310px;
  background: #e5e5e5 url(../img/bg_trapeze.png) left top no-repeat;
  height: 350px;
}

#header_actus {
  padding: 21px 24px 23px 24px;
  background: transparent url(../img/sep_horizontale_noire.png) left 24px bottom no-repeat;
}
#header_actus h2 {
  margin: 0;
  padding: 0;
  font-size: 1.8em;
  font-family: Arial, Verdana, sans-serif;
  color: #000000;
  text-transform: uppercase;
}

#content-actus{
  padding: 0 24px 7px 24px;
}

#content-actus div.actu{
  padding: 5px 0 10px 0;
  background: transparent url(../img/sep_horizontale_noire.png) left bottom no-repeat;
}

#content-actus div.actu a{
  color: #000000;
  font-size: 1em;
  font-weight: normal;
  padding: 0 20px 0 0;
  margin: 0;
  display: block;
  text-decoration: none;
  line-height: 1.7em;
  background: transparent url(../img/puce_right.png) right bottom no-repeat;
}
#content-actus div.actu a:hover{
  text-decoration: underline;
}

#content-actus div.actu a span.actu_titre{
  font-size: 1.4em;
  font-weight: bold;
  display: block;
}
#content-actus div.actu a span.actu_text{
  display: block;
  font-size: 1.1em;
}
/*EVENEMENT*/
#home_evenement{
  margin: 0 0 0 18px;
  width: 310px;
  background: #FFFFFF;
  height: 350px;
  position: relative;
  overflow: hidden;
  float: left;
}

#home_evenement_label{
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  color: #FFFFFF;
  font-size: 1.8em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 10px;
  line-height: 1em;
  z-index: 10;
  cursor: normal;
}

#home_evenement_cycle{
  width: 310px;
  height: 350px;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.home_evenement_bloc{
  width: 310px;
  height: 350px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.home_evenement_bloc:hover{
  opacity: 0.8 !important;
}


.home_evenement_bloc .home_evenement_img{
  position: relative;
}
.home_evenement_bloc .home_evenement_img img{
  vertical-align: bottom;
}

.home_evenement_bloc .home_evenement_date{
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000000;
  font-size: 1.4em;
  line-height: 1em;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px 12px;
  margin: 0;
  z-index: 2;
}

.home_evenement_bloc a.home_evenement_titre{
  padding: 10px 13px 10px 13px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1em;
  font-family: Arial, Verdana, sans-serif;
  margin: 0;
  display: block;
  color: #000000 !important;
  text-decoration: none;
}

.home_evenement_bloc p.home_evenement_disc{
  padding: 0 13px;
  margin: 0;
  font-size: 1.4em;
  font-weight: normal;
}
.home_evenement_bloc p.home_evenement_pers{
  padding: 0 13px;
  margin: 0;
  font-size: 1.4em;
  font-weight: bold;
}

.home_evenement_bloc p.home_evenement_desc{
  padding: 0 13px;
  margin: 0;
  font-size: 1.4em;
  font-weight: normal;
}

.home_evenement_fleche{
  width: 11px;
  height: 13px;
  background: transparent url(../img/puce_right.png) center center no-repeat;
  position: absolute;
  right: 11px;
  bottom: 18px;
}

/*EN COURS*/
#home_encours{
  margin: 0 0 0 18px;
  width: 310px;
  background: #FFFFFF;
  height: 350px;
  position: relative;
  overflow: hidden;
  float: left;
}

#home_encours_label{
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  color: #FFFFFF;
  font-size: 1.8em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 10px;
  line-height: 1em;
  z-index: 10;
  cursor: pointer;
}

.home_encours_bloc{
  width: 310px;
  height: 350px;
  margin: 0;
  padding: 0;
}

.home_encours_bloc:hover{
  opacity: 0.8 !important;
}


.home_encours_bloc .home_encours_img{
  position: relative;
}
.home_encours_bloc .home_encours_img img{
  vertical-align: bottom;
}

.home_encours_bloc .home_encours_date{
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000000;
  font-size: 1.4em;
  line-height: 1em;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px 12px;
  margin: 0;
  z-index: 2;
}

.home_encours_bloc a.home_encours_titre{
  padding: 10px 13px 10px 13px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1em;
  font-family: Arial, Verdana, sans-serif;
  margin: 0;
  display: block;
  color: #000000 !important;
  text-decoration: none;
}

.home_encours_bloc p.home_encours_disc{
  padding: 0 13px;
  margin: 0;
  font-size: 1.4em;
  font-weight: normal;
}
.home_encours_bloc p.home_encours_pers{
  padding: 0 13px;
  margin: 0;
  font-size: 1.4em;
  font-weight: bold;
}

.home_encours_fleche{
  width: 11px;
  height: 13px;
  background: transparent url(../img/puce_right.png) center center no-repeat;
  position: absolute;
  right: 11px;
  bottom: 18px;
}

/*AVENIR*/
#home_affiche{
  margin: 0 0 0 18px;
  width: 310px;
  background: #FFFFFF;
  height: 350px;
  position: relative;
  overflow: hidden;
  float: left;
}

#home_affiche_label{
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  color: #FFFFFF;
  font-size: 1.8em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 10px;
  line-height: 1em;
  z-index: 10;
}

#home_affiche_cycle{
  width: 310px;
  height: 350px;
  margin: 0;
  padding: 0;
}

.home_affiche_bloc{
  width: 310px;
  height: 350px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.home_affiche_bloc:hover{
  opacity: 0.8 !important;
}

.home_affiche_bloc .home_affiche_img{
  position: relative;
}
.home_affiche_bloc .home_affiche_img img{
  vertical-align: bottom;
}

.home_affiche_bloc .home_affiche_date{
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000000;
  font-size: 1.4em;
  line-height: 1em;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px 12px;
  margin: 0;
  z-index: 2;
}

.home_affiche_bloc a.home_affiche_titre{
  padding: 10px 13px 10px 13px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1em;
  font-family: Arial, Verdana, sans-serif;
  margin: 0;
  display: block;
  color: #000000 !important;
  text-decoration: none;
}

.home_affiche_bloc p.home_affiche_disc{
  padding: 0 13px;
  margin: 0;
  font-size: 1.4em;
  font-weight: normal;
}
.home_affiche_bloc p.home_affiche_pers{
  padding: 0 13px;
  margin: 0;
  font-size: 1.4em;
  font-weight: bold;
}
.home_affiche_bloc p.home_affiche_desc{
  padding: 0 13px;
  margin: 0;
  font-size: 1.4em;
  font-weight: normal;
}

.home_affiche_fleche{
  width: 11px;
  height: 13px;
  background: transparent url(../img/puce_right.png) center center no-repeat;
  position: absolute;
  right: 11px;
  bottom: 18px;
}

/*galerie*/


#gallery{
    margin:0;
    padding:0;
    position:relative;
    overflow:hidden;
    width:1004px;
    height:385px;
    overflow:hidden;
}

#gallery > img{
    
}

#gallery > img.active{
   
}

#gallery .imagev{top:43%;left:43%;position:absolute;}


/*
Widget home
*/

.spacebottom{
  display:none;
}