@charset "utf-8";
/* CSS Document */


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

/* STYLES */

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

h1{
   display:block;
   width: 100%;
   font-family: 'Source Sans Pro Regular', Arial, Helvetica, sans-serif;
   font-size: 1.8em;
   margin-top: 15px;
   border-bottom: solid 1px;
   letter-spacing: -1px;
}


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

/* IMAGE EN-TETE */

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


nav {
  position : absolute;
  top: 135px;
  width: 100%;
  height: 33px;
  background:#271819;
  padding-top:7px;
  -moz-box-shadow:0 0 10px #999;
  -webkit-box-shadow:0 0 10px #999;
  box-shadow:0 0 10px #999;
  z-index: 9999;
}


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

/* IMAGE EN-TETE */

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


#diaporama {
  position : absolute;
  top: 168px;
  width: 100%;
  height:265px;
  background: url("../images/home/fond-diaporama.jpg") no-repeat top center;
  border-bottom: #e46900 5px solid;
  z-index:5;
}

 
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

/* CONTENU PRINCIPAL */

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


#contenuprincipal {
  margin-top: 298px; 
  width: 100%;
  padding-bottom: 15px;
  background: #dededf;
  }
  
#contenuprincipal .content {
  background: url("../images/home/fond-focus.png") no-repeat;
  }
  

#actualites {
  display: block;
  float: left;
  width: 46%;
}

#focus {
  display: block;
  float: left;
}

#focus img {
  margin-top: 10px;
  display: block;
    border-radius: 220px;
  width: 220px;
  float:left;
  margin-top: -25px;
  
}

#focus h1{
   display: block;
   float: right;
   width: 54%;
}

#focus h2{
   display: block;
   float: right;
   margin-top: 8px;
   margin-bottom: 4px;
   width: 48%;
   font-family: 'Source Sans Pro Bold', Arial, Helvetica, sans-serif;
   font-variant: small-caps;
   font-size: 1.2em;
}


#focus h2 a{
   color: #282828;
   text-decoration : none;
}

#focus h2 a:hover{
   color: #ed7f00;
   text-decoration : none;
}

#focus h2 a: visited{
   color: #282828;
   text-decoration : none;
}


#focus p{
   display: block;
   float:right;
   width:48%;
}

#listeactualites{
   clear: both;
   display: block;
   margin-top: 20px;
   float:left;
   width: 100%;
}

#listeactualites ul li{
   list-style-image : url("../images/home/puce.png");
   list-style-position: inside;
   margin-top: 15px;
   font-family: 'Source Sans Pro Regular', Arial, Helvetica, sans-serif;
   vertical-align: top;
}

#listeactualites ul li a{
   color: #282828;
   text-decoration : none;
}

#listeactualites ul li a:hover{
   color: #ed7f00;
   text-decoration : none;
}

#listeactualites ul li a: visited{
   color: #282828;
   text-decoration : none;
}


.plus{
   margin-top: 15px;
   display:block;
   float:right;
   padding: 4px;
   color: #fff;
   font-family: 'Source Sans Pro Bold', Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   letter-spacing:1px;
   background: #ed7f00;
}

.plus a{
   color: #fff;
   text-decoration : none;
}

.plus h2 a:hover{
   color: #282828;
   text-decoration : none;
}

.plus h2 a: visited{
   color: #fff;
   text-decoration : none;
}


#video {
  display:block;
  float: right;
  width: 50%;
}  

#videoalaune iframe {
  display:block;
  margin-top: 10px;
  height: 275px;
  width: 490px;
}

#listevideos {
  margin-top: 10px;
  border-top: 8px solid #29191a;
  border-bottom: 8px solid #29191a ;
  display:table;
  width: 100%;
}  

#listevideos ul {
  display: block;
  float:left;
  list-style: none;
  margin: 10px 0;
}

#listevideos ul li {
  display: block;
    float: left;
  height: 66px;
  width: 119px;
  margin-right: 8px;
  background: #fff;
}

#listevideos #plusvideo {
  display: block;
  float: left;
  margin: 10px 0;
  height: 30px;
  width: 92px;
  color: #fff;
  padding: 18px 4px;
  text-align: center;
  font-family: 'Source Sans Pro Bold', Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  letter-spacing:1px;
  background: #ed7f00;
}

#listevideos #plusvideo a {
  color: #fff;
  text-decoration: none;
}

#listevideos #plusvideo a:hover {
  color: #282828;
  text-decoration: none;
}

#listevideos #plusvideo a:visited {
  color: #fff;
  text-decoration: none;
}

#listevideos #plusvideo a:active {
  color: #fff;
  text-decoration: none;
}



/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

/* CONTENU SECONDAIRE */

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

#contenusecondaire {
  width: 100%;
  background: #fff;
  padding-bottom: 15px;
  }


#radio {
  float: left;
  width: 31%;
  margin-right: 4%;
}

#programme {
  float: left;
  width: 30%;
  margin-right: 4%;
}

#enplus {
  float: left;
  width: 31%;
}