/* CSS accueil */
/*************************** slider *****************************/

#accueil_actualites{
	position:relative;
  height:373px;
  opacity:0; 
}

#accueil_slider{
  position:relative;
  overflow:hidden;
	height:373px;
	width:100%;
 
}
#accueil_slider_actus{
  position:absolute;
  top:0;
  left:0;
	height:373px;
	width:50000px;
}


.accueil_slider_actu{
  display:block;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  width:1000px;
  height:373px;
  float:left;
  
}

.accueil_slider_actu_conteneur {
  width:1000px;
  margin:auto;
}


.accueil_slider_texte{
	width:325px;
	height:373px;
	float:right;
	background-color:RGBA(255,255,255,0.8);
	padding:20px;
  position:relative;
}

  .accueil_slider_texte h1{
    color:#000!important;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-image: url(../images/puce_h1_orange.png);
    padding-bottom: 20px;    
  }
  .accueil_slider_texte div, .accueil_slider_texte p{
    color:#000!important;
    font-size:14px;
  }
  
#accueil_actus_gauche, #accueil_actus_droite {
  position:absolute;
  top:180px;
  
  width:32px;
  height:32px;
  
  opacity:0.8;
  
  cursor:pointer;
  z-index:9999;

  background-repeat: no-repeat;
  background-position: center;

}

#accueil_actus_gauche:hover, #accueil_actus_droite:hover {
  opacity:1;
}

#accueil_actus_gauche {
  left:20px;
  background-image:url(../images/left.png);
  background-size:cover;
}
#accueil_actus_droite {
  right:20px;
  background-image:url(../images/right.png);
  background-size:cover;
}
#accueil_actus_droite:hover {
  background-image:url(../images/right-over.png);
}
#accueil_actus_gauche:hover {
  background-image:url(../images/left-over.png);
}

#accueil_actus_pager {
    position: absolute;
    top: 320px;
    left: 70%;
    z-index: 9998;
}

 .accueil_actus_pager_el {
  width:20px;
  height:20px;
  border-radius:10px;
  border:1px solid #f99d1c;
  float:left;
  margin:5px;
  cursor:pointer;
 }
 #accueil_actus_pager .active {
  background-color: #f99d1c;
 }
 
 
#accueil_bloc_galeries {
  float:left;
}
#accueil_bloc_galeries_intro {
  font-style:italic;
  margin-bottom:5px;
}
  .accueil_bloc_galerie {
    display:block;
    margin-bottom:10px;
    background-image:url('../images/picto_photo.png');
    background-repeat:no-repeat;
    background-position: left top;
    padding-left:30px;   
  }
  .accueil_bloc_galerie:hover div {
    color:#f99d1c;
  }
  .accueil_bloc_galerie_titre {
    font-weight:700;
  }
  .accueil_bloc_galerie_date {
    color:#666;
  }


  .accueil_bloc_video {
    display:block;
    margin:1% 2% 1% 0;
    width:31%;
    height:130px;
    background-color:#000;
    float:left;
       
  }
  .accueil_bloc_video:hover {
    background-color:#f99d1c;
  }
  .accueil_bloc_video_titre {
    font-weight:700;
    color:#fff;
    background-color:rgba(0,0,0,0.8);
    text-align:center;
    padding:5px;
    
    position:absolute;
    bottom:0;
    left:0;
    height:auto;
  }
  .accueil_bloc_video_capture {
    background-image:url('../images/picto_photo.png'); /* imge défaut */
    background-repeat:no-repeat;
    background-position: center;
    background-size:cover;
    height:130px;
    width:100%;
    position:relative;
  }

.accueil_bloc_gauche {
	/*height:290px;*/
  height:auto;
	width:655px;
	margin:20px 20px 0px 0px;
	background-color:#FFF;
	float:left;
	padding:20px;
  
}

 .accueil_bloc_gauche h2,  .accueil_bloc_droite h2 {
     height: 50px;
     padding: 0px;
     margin: 0px;
     font-size: 24px;
     font-weight: 700;
     color: #000;
     margin-bottom: 15px;

     background-position: bottom left;
     background-repeat: no-repeat;
     background-image: url(../images/puce_h1_orange.png);
     padding-bottom: 20px;
 }

.accueil_bloc_droite {
  float:right;
  width:325px;
  height:auto;
  margin:20px 0px 0px 0px;
}

#accueil_agenda_calendrier {
  float:left;
  width:225px;

}
#accueil_agenda_events {
  float:right;
  width:360px;

}

#accueil_bloc_liens {
  background-color:#FFF;
  padding:10px;
}

#accueil_agenda_date{
	font-size:16px;
	color:#f99d1c;
	font-weight:700;
}
#accueil_agenda_titre{
	font-size:18px;
	font-weight:700;
	color:#000;
}
.accueil_bouton{
	height:87px;
	width:325px;
	margin-bottom:15px;
	float:left;
	background-color:#676767;
	background-position:left;
	background-repeat:no-repeat;
	padding:13px 40px 0px 87px;
	font-size:24px;
	color:#FFF;
	font-weight:300;
}
.accueil_bouton:hover{
	background-color:#f99d1c;
	color:#FFF;
}
.accueil_bouton_menu{
	background-image:url(../images/picto_btn_cantine.png);	
}
.accueil_bouton_inscription{
	background-image:url(../images/picto_btn_inscription.png);
}
.accueil_bouton_telecharger{
	background-image:url(../images/picto_btn_telechargement.png);
	margin-bottom:0px;
}
.lien{
	font-size:14px;
	color:#f99d1c;
	font-weight:700;
	text-transform:uppercase;
	padding-left:25px;
	height:17px;
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(../images/puce_lien_OFF.png);
	margin:10px 0px;
	display:block;
}
.lien:hover{
	background-image:url(../images/puce_lien_ON.png);
}

#accueil_photo_galerie_un {
	background-position:center;
	background-repeat:no-repeat;
  background-size:cover;
  width:225px;
  height:160px; 
  float:left;
  margin-right:20px;
  display:block; 
}
 
 
@media (max-width: 640px) { 
   
   #accueil_actualites, #accueil_slider, #accueil_slider_actus, .accueil_slider_actu{
     height:273px;
   } 
   
   #accueil_actus_gauche, #accueil_actus_droite {
    top:120px;
   }  
   #accueil_actus_gauche {
     left:1%;
   }
   #accueil_actus_droite {
     right:1%;
  }   
   
   .accueil_slider_actu {
     position:relative;
   }
   .accueil_slider_actu_conteneur {
    width:82%;
    height:84%;
    top:8%;
    left:9%;
    position:absolute;
   }
   
   .accueil_slider_texte {
       width: 100%;
       height: 100%;
       float: none;
       background-color: RGBA(255,255,255,0.8);
       padding: 20px;
       position: relative;
   }
   
   #accueil_actus_pager {
    display:none;
   } 
   
  .accueil_bloc_gauche, .accueil_bloc_droite {
  
    height:auto;
  	width:auto;
  	margin:10px 10px;
  	float:none;
    
  }
  .accueil_bouton {
  	width:100%;
  	float:none;
    display:block;
  }
  
  #accueil_agenda_calendrier {
    float:none;
    width:100%;
    margin:auto;
    
  
  }
  #accueil_agenda_events {
    float:none;
    width:auto;
  
  }
  
  #accueil_photo_galerie_un {
    display:none; 
  }
  
  #accueil_bloc_galeries {
    float:none;
    width:auto;
  }   
  
  .accueil_bloc_video {
    float:left;
    margin:1%;
    width:48%;
  }
}