@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
  margin:0px;
  padding:0px;
  background-color:#f0f0f0;
}




h1 { /* titre de la page */
  padding:0px;
  margin:0px;
  margin-bottom:20px;
  font-size:48px;
  font-weight:700;
  color:#153772;
  text-transform:uppercase;
  text-align:center;
}



/** structure **/
.conteneur {
  width:1000px;
  margin:auto;
  
}


.mobile_element {
  display:none!important;
}




/*************************** HEADER *****************************/





#header {
  /*height:316px;*/
}
#header_raccourcis{
	height:45px;
}
#header_raccourcis_home, #header_raccourcis_contact, #header_raccourcis_facebook, #header_raccourcis_menu{
	height:24px;
	width:24px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
  background-size:cover;
	display:block;
  margin:11px 5px;
}
#header_raccourcis_home{
	background-image:url(../images/home.png);
}
#header_raccourcis_home:hover{
	background-image:url(../images/home.png);
    -webkit-filter: contrast(0%); /* Safari */
    filter: contrast(0%); 
    transition:0.5s;   
}
#header_raccourcis_contact{
	background-image:url(../images/email.png);
}
#header_raccourcis_contact:hover{
	background-image:url(../images/email.png);
    -webkit-filter: contrast(0%); /* Safari */
    filter: contrast(0%);
    transition:0.5s;      
}
#header_raccourcis_facebook{
	background-image:url(../images/facebook.png);
}
#header_raccourcis_facebook:hover{
	background-image:url(../images/facebook.png);
    -webkit-filter: contrast(0%); /* Safari */
    filter: contrast(0%); 
    transition:0.5s;     
}




#header_baseline{
	width:700px;
	text-align:center;
	float:left;
	color:#133570;
	font-size:12px;
	font-weight:300;
	margin-top:14px;
}
#header_recherche{
	width:185px;
	height:30px;
	float:left;
	border:none;
	border-bottom:#0e3880 1px solid;
	margin-top:7px;
}
.header_recherche_texte{
	height:30px;
	width:155px;
	border:none;
	margin:0px;
	padding:6px;
	background-color:transparent;
	color:#0e3880;
	font-size:12px;
	float:left;
}
.header_recherche_btn{
	float:left;
	height:30px;
	width:30px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/picto_rechercher_OFF.png);
	background-color:transparent;
	border:none;
	padding:0px;
  cursor:pointer;
}
.header_recherche_btn:hover{
	background-image:url(../images/picto_rechercher_ON.png);
  transition:0.5s;  
}


#header_logo_gen{
	height:200px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/background_header.png);
}
#header_logo{
	width:168px;
	height:200px;
	margin:auto;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/logo.png);
	display:block;
}
#header_menu {
  background-color:#153772;
  height:auto;
  margin-bottom:14px;
}

/*
.header_menu_titre{
	height:57px;
	margin:0px 14px;
	padding:16px 52px 0px 30px;
	font-weight:300;
	color:#FFF;
	text-transform:uppercase;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url(../images/puce_menu.png);
	font-size:18px;
	display:block;
	float:left;
}
.header_menu_titre:hover{
	background-color:#0c2755;
	color:#FFF;
}
*/


        #menu{
          margin:auto;
          padding:0px;
          list-style:none;
          list-style-type:none;
          color:#FFF;
          height:auto;
          display:inline-block;
          float:left;
          z-index:1000;
          width:100%;
        }
        
        #menu li {
        	padding:0px;
        	margin:0px;
          z-index:1001;
          width:auto;
          height:auto;
          
          
        }
       


        #menu li a {
          display:block;
        	color:#fff;
        	font-weight:300;
        	color:#FFF;
        	text-transform:uppercase;          
          height:auto;
        	padding:10px 45px 10px 20px;
          font-size:18px;  

        	background-position:right;
        	background-repeat:no-repeat;
        	background-image:url(../images/puce_menu.png);          
        }
        
        #menu li a.nosousmenu {
          background:none;
        }
                
        #menu li a:hover, #menu li:hover > a {
          text-decoration:none;
          color:#fff;
          background-color:#0c2755;
          transition:0.5s;  
        }

        #menu > li {
          cursor:pointer;
          float:left;
          position:relative;
          text-align:center;
        }
        
                
        /* actif */
        #menu a.menu_actif {
          color:#082330;
        }
        
        /* sub-menus*/

       
        /* conteneur sous menu */
        .ul_sousmenu {
          position:absolute;
          top:0px;
          left:50%;
          
          transform:translate(-50%, 0);
          opacity:0.95;
          

          z-index:-1;/*  1003 */

          display:none;
          /*display:block;*/
        	width:100%;
          height:auto;
        	padding:0;
          padding-top:42px;
          
          
        }

        #menu li:hover ul.ul_sousmenu {
          display:block;
        }
        /* element sous menu */
        .ul_sousmenu li{
          display:block;
          list-style-type:none;
          margin:0px;
          /*text-align:center;*/
          z-index:1003;

        	width:250px;
        
        	padding:0px!important;
        	border-bottom:#fff 1px solid!important;
          position:relative;
          
        }

        .ul_sousmenu li:hover{
          background-color:#0c2755;
          transition:0.5s;    
        }       
        



        .ul_sousmenu li a { 
          display:block;
          padding:6px!important;
          margin:0;
          width:auto;
        	font-size:16px;
        	text-align:left;
          text-decoration:none;
          color:#fff;
          border:0!important;
          background-image:none!important;
          background-color:#153772;
        }

        .ul_sousmenu li a:hover {
          color:#fff;
          text-decoration:none;
          background-color:#082330; 
        }

        .ul_sousmenu li:last-child{
        	border-bottom:none!important;
        }
        




/*************************** SLIDER *****************************/






#slider{
	height:400px;
	width:100%;

	position:relative;
}

#slider_visuels {
  position:absolute;
	height:400px;
	width:100%; 
  overflow:hidden;  
}


#slider_visuels_slider {
  position:absolute;
  top:0;
  left:0;
	height:400px;
	width:100000px;
  z-index:19;
  opacity:0;
 
}

.slider_visuel {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-image:url(../images/photo1_slider.jpg);
  
	height:400px;
	width:100%;
  
  display:block;
  float:left;  
}
  .slider_visuel_accueil {
    width:1000px;
  }
  
#slider_visuels_droite, #slider_visuels_gauche {
  z-index:29;
  position:absolute;
  top:40%;
  height:40px;
  width:40px;
  border-radius:20px;
  background-color:rgba(255,255,255,0.3);
  color:#fff;
  opacity:0;
  cursor:pointer;
  text-align:center;
  font-size:30px;
  
  background-repeat:no-repeat;
  background-position:center center;
  
}
#slider_visuels_droite:hover, #slider_visuels_gauche:hover {
  background-color:rgba(255,255,255,0.6);
  color:#666;
}

#slider_visuels_gauche {
  left:50px;
  z-index:99;
  background-image:url('../images/left-arrow.png');
}
#slider_visuels_droite {
  right:50px;
  z-index:98;
  background-image:url('../images/right-arrow.png');
}  

#slider_raccourcis{
	width:100%;
	height:105px;
	background-color:RGBA(0,0,0,0.5);
	position:absolute;
	bottom:0;
  z-index:99;
}

.slider_raccourci {
	width:100px;
  height:auto;
	float:left;
	margin-top:10px;
  display:block;
  text-decoration:none;
}



  .slider_raccourci_icone {
   	background-position:center;
   	background-repeat:no-repeat; 
     height:63px; 
     width:63px;
     margin:auto;
  }
  .slider_raccourci_titre {
  	text-align:center;
  	color:#f4d135;
  	font-weight:400;
  	text-transform:uppercase; 
    width:100%;
    font-size:12px;
  }
 
.slider_raccourci:hover  {
  text-decoration:none;
}  
.slider_raccourci:hover .slider_raccourci_titre, .slider_raccourci_active .slider_raccourci_titre{
	color:#FFF;
}  
.slider_raccourci:hover .slider_raccourci_icone, .slider_raccourci_active .slider_raccourci_icone{
    filter: brightness(1000%);     
}  

@-moz-document url-prefix() {

  .slider_raccourci:hover .slider_raccourci_icone, .slider_raccourci_active .slider_raccourci_icone{
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright1000'><feComponentTransfer><feFuncR type='linear' slope='100'/><feFuncG type='linear' slope='100' /><feFuncB type='linear' slope='100' /></feComponentTransfer></filter></svg>#bright1000");
  }
}
  
/*
#slider_raccourcis_basket,#slider_raccourcis_foot, #slider_raccourcis_karate, #slider_raccourcis_forme, #slider_raccourcis_volley, #slider_raccourcis_gym, #slider_raccourcis_echecs, #slider_raccourcis_tennis, #slider_raccourcis_judo{
	width:110px;
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:65px;
	text-align:center;
	color:#f4d135;
	font-weight:400;
	text-transform:uppercase;
	margin-top:10px;
}
#slider_raccourcis_basket{
	background-image:url(../images/picto_basket_OFF.png);
}
#slider_raccourcis_basket:hover{
	background-image:url(../images/picto_basket_ON.png);
	color:#FFF;
}
#slider_raccourcis_foot{
	background-image:url(../images/picto_foot_OFF.png);
}
#slider_raccourcis_foot:hover{
	background-image:url(../images/picto_foot_ON.png);
	color:#FFF;
}
#slider_raccourcis_karate{
	background-image:url(../images/picto_karate_OFF.png);
}
#slider_raccourcis_karate:hover{
	background-image:url(../images/picto_karate_ON.png);
	color:#FFF;
}
#slider_raccourcis_forme{
	background-image:url(../images/picto_forme_OFF.png);
}
#slider_raccourcis_forme:hover{
	background-image:url(../images/picto_forme_ON.png);
	color:#FFF;
}
#slider_raccourcis_volley{
	background-image:url(../images/picto_volley_OFF.png);
}
#slider_raccourcis_volley:hover{
	background-image:url(../images/picto_volley_ON.png);
	color:#FFF;
}
#slider_raccourcis_gym{
	background-image:url(../images/picto_gym_OFF.png);
}
#slider_raccourcis_gym:hover{
	background-image:url(../images/picto_gym_ON.png);
	color:#FFF;
}
#slider_raccourcis_echecs{
	background-image:url(../images/picto_ecjecs_OFF.png);
}
#slider_raccourcis_echecs:hover{
	background-image:url(../images/picto_ecjecs_ON.png);
	color:#FFF;
}
#slider_raccourcis_tennis{
	background-image:url(../images/picto_tennis_table_OFF.png);
}
#slider_raccourcis_tennis:hover{
	background-image:url(../images/picto_tennis_table_ON.png);
	color:#FFF;
}
#slider_raccourcis_judo{
	background-image:url(../images/picto_judo_OFF.png);
}
#slider_raccourcis_judo:hover{
	background-image:url(../images/picto_judo_ON.png);
	color:#FFF;
}

*/




/*************************** PAGE ACCUEIL *****************************/





#accueil_milieu{
	border-top:14px solid #FFF;
	padding:20px 0px;
}
#accueil_actus{
	width:580px;
	height:480px;
	float:left;
	background-color:#FFF;
	margin-right:35px;
  overflow:hidden;
  position:relative;
}

#accueil_actu_slider {
  position:absolute;
  top:0;
  left:0;
	height:446px;
	width:100000px;
 
}

.accueil_actu {
  float:left;
  width:580px;
  height:446px;
  z-index:19;
}
.accueil_actu_photo{
	height:296px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}
.accueil_actu_photo_defaut {
	height:296px;
	background-position:center;
 background-image:url(../images/logo.png);
 background-size:auto;
 background-repeat:no-repeat;

}
.accueil_actu_texte{
	height:auto;
	padding:9px 15px;
}
.accueil_actu_texte {

}
.accueil_actu_texte_titre{
	font-weight:700;
	color:#cd0c0f;
	display:block;
	font-size:24px;
}
.accueil_actu_texte_date{
	font-weight:300;
	font-size:18px;
	color:#cd0c0f;
}

#accueil_actu_droite, #accueil_actu_gauche {
  z-index:29;
  position:absolute;
  top:30%;
  height:30px;
  width:30px;
  border-radius:20px;
  background-color:rgba(255,255,255,0.3);
  color:#fff;
  opacity:0;
  cursor:pointer;
  text-align:center;
  font-size:30px;
  
  background-repeat:no-repeat;
  background-position:center center;
  background-size:60%;
}
#accueil_actu_droite:hover, #accueil_actu_gauche:hover {
  background-color:rgba(255,255,255,0.6);
  color:#666;
}

#accueil_actu_gauche {
  left:2%;
  z-index:99;
  background-image:url('../images/left-arrow.png');
}
#accueil_actu_droite {
  right:2%;
  z-index:98;
  background-image:url('../images/right-arrow.png');
} 


#accueil_actu_lien{
	height:34px;
	width:100%;
	background-color:#cd0c0f;
	color:#FFF;
	font-size:18px;
	text-transform:uppercase;
	display:block;
	padding:5px 10px; 
  position:absolute;
  bottom:0;
}
#accueil_actu_lien:hover{
	background-color:#153772;
	color:#FFF;
  text-decoration:none;
}
#accueil_facebook{
	width:385px;
	height:480px;
  text-decoration:none;
	
  background-position:center;
  background-size:cover;
	background-repeat:no-repeat;
	background-image:url(../images/index_facebook.jpg);
	display:block;
  float:left;
    overflow: hidden;
    position: relative;  
}

#fb_filter {
  width:100%;
  height:100%;
  position:absolute;
  background-color:rgba(59,89,152,0.8);
  z-index:98;
}

#fb_bottom_accueil {
  background-color:rgba(49,79,142,1);
    position:absolute;
    width:100%;
    bottom:0;
    left:0; 
    color:#fff;
    padding:5px;
    text-align:center;
    font-size:14px;  
    z-index:999;    
}

#accueil_facebook:hover #fb_filter {
  background-color:rgba(59,89,152,0.9);
}
#accueil_facebook:hover #fb_entete_accueil {
  background-color:rgba(59,89,152,0.9);
}

  #fb_entete_accueil {
    display:block;
    text-decoration:none;
    height: 60px;
    background-color:rgba(59,89,152,0.8);
    background-position:center 15px;
  	background-repeat:no-repeat;
  	background-image:url(../images/facebook-logo-blanc.png);
    background-size:32px; 
    
    color:#fff;
    padding:60px 0 15px 0;
    text-align:center;
    font-size:20px; 
    
    position:absolute;
    width:100%;
    height:auto;
    margin-top:40%;
    
    z-index:99;
    
  }
  #fb_elements_accueil {
    height: 386px;
    width:auto;
    overflow-y:scroll;
  }
  #fb_elements_accueil:hover {
    text-decoration:none;
  }
  #fb_lien_accueil {
    height: 34px;
    width: 100%;
    background-color: #153772;
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    padding: 5px 10px;
    position: absolute;
    bottom: 0;
    text-align:right;
  }  
  #fb_lien_accueil:hover{
  	background-color:#153772;
  	color:#FFF;
    text-decoration:none;
  }

  /******* feed ********/
  .fb_element_accueil {
    display:block;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px 0px;
    height:auto;
    width:auto;
    text-decoration:none;
  }
  .fb_element_accueil:hover {
   background-color:#dedede;
  }
  
  .fb_photo_accueil {
    float:left;
    width:50px;
    height:50px;
    /*background-color:#ddd;*/
    background-image:url(../images/facebook-logo-blanc.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    margin:0 10px 0 10px;  
  }
  .fb_infos_accueil {
    float:left;
    width:290px;
    height:auto;
  }
  .fb_date_accueil {
    font-size:14px;
    color:#737373;
    font-weight:400;
    margin-bottom:5px;
  }
  .fb_msg_accueil {
    font-size:14px;
    color:#333;
  }

/*************************** page intermediaire *****************************/



#fil_ariane{
	height:35px;
	font-size:14px;
	color:#153772;
	font-weight:300;
	background-color:#FFF;
	padding-top:15px;
}
#fil_ariane a{
	font-size:14px;
	color:#153772;
	font-weight:300;
	margin:0px 5px;
}
#fil_ariane_actif{
	font-weight:700;
}

.sous_categorie_gen{
	width:23%;
	height:223px;
	margin:15px 1%;
	border:8px solid #cd0c0f;

	color:#cd0c0f;
	background-color:#efefef;
	display:block;
	float:left;
}
/*
.sous_categorie_gen:nth-child(4n+0){
	margin-left:0px;
}
*/

.categorie_gen{
  padding-top:30px;
}

.sous_categorie_icone {
	background-position:center top;
	background-repeat:no-repeat;
  background-size:cover;
  height:53px;
  width:53px;
  margin:10px auto;
  
 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);  
}
/*
.background_categorie_basket{
	background-image:url(../images/picto_int_basket.png);
}
.background_categorie_foot{
	background-image:url(../images/picto_int_foot.png);
}
.background_categorie_karate{
	background-image:url(../images/picto_int_karate.png);
}
.background_categorie_forme{
	background-image:url(../images/picto_int_forme.png);
}
.background_categorie_volley{
	background-image:url(../images/picto_int_volley.png);
}
.background_categorie_gym{
	background-image:url(../images/picto_int_gym.png);
}
.background_categorie_echecs{
	background-image:url(../images/picto_int_echecs.png);
}
.background_categorie_ping_pong{
	background-image:url(../images/picto_int_tennis_table.png);
}
.background_categorie_judo{
	background-image:url(../images/picto_int_judo.png);
}
*/
.sous_categorie_titre{
	color:#cd0c0f;
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;
	text-align:center;	
}
.sous_categorie_sous_titre{
	font-size:18px;
	font-weight:700;
	color:#000;
	text-align:center;
}
.sous_categorie_gen:hover{
	background-color:#FFF;
	border:8px solid #153772;
	color:#153772;
  transition:0.5s;
  text-decoration:none;
}
.sous_categorie_gen:hover .sous_categorie_titre{
	color:#153772;
  text-decoration:none;
}
.sous_categorie_gen:hover .sous_categorie_icone{
  
 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%); 
}




/*************************** page détails *****************************/




.sous_titre_page{
	font-size:30px;
	color:#000000;
	text-align:center;
	font-weight:700;
  margin-top:0px;
	margin-bottom:20px;
}
#detail_photo_infos {
  float:right;
  width:455px;
}

#details_description{
	width:510px;
	min-height:490px;
	background-color:#FFF;
	float:left;
	padding:10px 20px;
	margin-right:35px;
}
#details_photos{
	width:455px;
	height:342px;
	background-color:#eee;
  background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
	margin-bottom:10px;
}
.details_btn{
	width:455px;
	height:auto;
	background-color:#cd0c0f;
	background-position:20px center;
	background-repeat:no-repeat;
	
	padding:10px 0px 10px 70px;
  margin-bottom:5px;
	text-transform:uppercase;
	font-size:20px;
	font-weight:700;
	color:#FFF;
	display:block;
  text-decoration:none;
}
.details_btn:hover{
	opacity:0.9;
	color:#FFF;
  text-decoration:none;
}

.details_btn[icon=url]{
  background-image:url(../images/activite_site.png);
}
.details_btn[icon=facebook]{
  background-color:#153772;
  background-image:url(../images/activite_facebook.png);
}



/*************************** fOOTER *****************************/





#partenaires{
	height:auto;
	width:100%;
	background-color:#FFF;
	padding:20px 0px;
  margin-bottom:20px;
  
}

#partenaires_conteneur {
  position:relative;
  height:173px;
  width:100%;
  overflow: hidden;
}

#partenaires_slider {
  position:absolute;
  top:0;
  left:0;
	height:173px;
	width:100000px;
  overflow: hidden;
}

#partenaires_titre{
	color:#153772;
	font-size:24px;
	font-weight:700;
	display:block;
	margin-bottom:10px;
  text-align:center;
}
/*
#partenaires img{
	float:left;
	margin:0px 27px;
}
*/

.partenaire {
  display:block;
  height:130px;
  width:210px;
  margin:10px 20px;
  float:left;
  
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}


#info{
	background-color:#d7d7d7;
	padding:14px 0px;
}
#info_titre{
	font-size:18px;
	color:#153772;
	text-transform:uppercase;
	margin-bottom:15px;
	font-weight:700;
}
#info_adresse, #info_horaires{
	width:307px;
	padding:20px 0px 0px 70px;
	font-size:16px;
	color:#153772;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
}
#info_adresse p, #info_horaires p{
	color:#153772;
	font-size:16px;
}
#info_adresse{
	background-image:url(../images/picto_adresse.png);
}
#info_horaires{
	background-image:url(../images/picto_horaire.png);
}
#info_btn{
	height:130px;
	width:386px;
	float:left; 
	background-color:#153772;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-image:url(../images/picto_telechargez.png);
	padding:23px 50px 0px 150px;
	display:block;
	font-size:21px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin-top:30px;
}
#info_btn:hover{
	background-color:#e7e7e7; 
	color:#153772;
  text-decoration:none;
  transition:0.5s;
}

#plandusite{
	background-color:#153772;
	padding-top:30px;
}
.plandusite_colonne{
	float:left;
	width:23%;
  margin:0 1%;
}
.plandusite_groupe{
	margin-bottom:30px;
}
.plandusite_titre{
	font-size:16px;
	font-weight:700;
	color:#FFF;
	margin-bottom:7px;
	text-transform:uppercase;
}
.plandusite_groupe a {
	margin-bottom:4px;
	font-size:14px;
	color:#FFF;
	display:block;
}
.plandusite_groupe a:hover {
	color:#f4d135;
  text-decoration:none;
}
#footer_credits{
	height:40px;
	background-color:#f3f3f3;
}
#footer_credits .conteneur{
	width:650px;
}
#footer_credits a{
	color:#4d4d4d;
	padding:10px;
	display:block;
	float:left;
}
#footer_credits a:hover{
	color:#000;
}

/*** forms **/

/**forms**/
input, textarea, select, .saisie {
  border:0;
  border-bottom: 1px solid #0e3880;
  color: #000000;
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding:6px;
}

input.inputSubmit {
  border:0px;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  background-color:#153772;
  color: #FFFFFF;
  cursor:pointer;
}
input.inputSubmit:hover {
  background-color:#f4d135;
  color:#153772;
  transition:0.5s;
}

input[type=radio] {
  border:0px;
  background:none;
}
input[type=checkbox] {
  border:0px;
  background:none;
}
.formChamp
{
	margin: 10px 0px;
}
.formIntituleChamp
{
	float: left;
	width: 130px;
	margin-right: 15px;
}
.formInputChamp
{
	float: left;
}
.formInputSubmit
{
	text-align: center;
}

/*special champ à ignorer pour contrer les robots*/
.mon_champ {
  display:none;
}

/*
erreur SQL
*/
.sql_error {
  padding:10px;
  margin:10px;
  background-color:#eeeeee;
  color:#aa0000;
}



/**** page contact ***/
#page_contact {

}
#page_contact_form {
  float:left;
  width:50%;
}
#page_contact_plan {
  float:right;
  width:49%;
}

#page_contact_form textarea[name=message] {
  width:300px;
  height:200px;
}

#page_contact_plan_adresse {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/location-point.png);
  padding-left:75px;
  min-height:64px;
}

#page_contact_plan_tel {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/phone-symbol.png);
  padding-left:75px;
  min-height:64px;
  padding-top:1px;
}

#page_contact_plan_horaires {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/time-left.png);
  padding-left:75px;
  min-height:64px;
}

#page_contact_plan_carte {

}

#page_contact_plan_carte img {
  width:100%;
  height:auto;
}

#page_contact_plan_map {
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../images/compass.png);
  padding-left:75px;
  min-height:64px;
  padding-top:1px;
  display:block;
}

/*** bouton Remonter ***/  
#up-arrow {
    width:64px;
    height:64px;
    background-color:#888;
    background-image:url('../images/up-arrow.png');
    background-position: center;
    background-repeat:no-repeat;
    background-size:cover; 
    
    
    position:fixed;
    bottom:10px;
    right:10px;
    
    opacity:0.6;
    display:none;
    cursor:pointer;
}  

#up-arrow:hover {
  opacity:1;
}

@media (max-width: 1225px) {
  #up-arrow {
    display:none;
    opacity:0;
  }
}

.divEmbedGalerie {
  margin:auto;

} 

/*** document **/
.doc_el {
  display:block;
  float:left;
  width:23%;
  margin:0 1% 10px 1%;
  text-decoration:none;
}

.doc_el:hover {
  text-decoration:none;
}

.doc_el_capture {
  width:100%;
  height:200px;
    background-position: top center;
    background-repeat:no-repeat;
    background-size:auto 100%;   
}

.doc_el_titre {
      color:#cd0c0f;
      font-weight:700;
      text-align:center;
      font-size:16px;
}
.doc_el_infos {
      color:#888;
      text-align:center;
      font-size:14px;
}


/** actus ***/
.actu_el {
  margin-bottom:10px;
}


.actu_el_photo {
  width:25%;
  height:150px;
  background-position: top center;
  background-repeat:no-repeat;
  background-size:100% auto;
  float:right;   
}
.actu_el_infos {
  float:left;
  margin-right:1%;
  width:73%;
}
.actu_el_texte {
  text-align:justify;
}
.actu_el_date {
    font-weight: 300;
    font-size: 18px;
    color: #cd0c0f;
}

/* bureau */
.bureau_el {
  float:left;
  width:31%;
  margin:10px 1%;  
}
.bureau_el_photo {
  background-position: center;
  background-repeat:no-repeat;
  background-size:100% auto;
  height:200px;
  width:180px;
  margin:auto;
}
.bureau_el_titre {
      color:#cd0c0f;
      font-weight:700;
      text-align:center;
      font-size:16px;
      margin-top:5px;
}
.bureau_el_fonction {
      color:#444;
      text-align:center;
      font-size:14px;
}

/* entraineur */
.entraineur_el {
  float:left;
  width:23%;
  margin:10px 1%;  
}
.entraineur_el_activite {
  width:48%;
}

.entraineur_el_photo {
  background-position: center;
  background-repeat:no-repeat;
  background-size:100% auto;
  height:160px;
  width:130px;
  margin:auto;
}
.entraineur_el_titre {
      color:#cd0c0f;
      font-weight:700;
      text-align:center;
      font-size:16px;
      margin-top:5px;
}
.entraineur_el_fonction {
      color:#444;
      text-align:center;
      font-size:14px;
}


/* stages */
.stage_el {
  margin-bottom:20px;
}
.stage_el_date {
  float:left;
  width:23%;
  background-color:#aa0000;
  color:#fff;
  padding:20px;
  padding-left:60px;
  text-align:center;
  text-transform:uppercase;
  border-radius:10px;
  font-size:16px;
    background-image:url('../images/calendar-icon.png');
    background-position: 20px center;
    background-repeat:no-repeat;
       
  
}
.stage_el_infos {
  float:right;
  width:75%;
  
}

.stage_btn {
  float:left;
  margin:5px 5px 5px 0px;
  background-color:#153772;
  color:#fff;
  padding:5px 10px;
  padding-left:24px;
  display:block;
  text-decoration:none;
  transition:0.5s;
  
    background-image:url('../../upload/puces/fleche_bas.png');
    background-repeat:no-repeat;
    background-position:2px center;
    
    border-bottom:2px solid #153772;  
}
.stage_btn:hover {
  background-color:#f4d135;
  color:#153772;
  text-decoration:none;
  transition:0.5s;
}                                                                        

/* galeries */
.galerie_el {
  float:left;
  margin:1%;
  width:23%;
  height:200px;
}
.galerie_el_img {
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    width:100%;
    height:175px;
}
.galerie_el_titre {
  text-align:center;
  background-color:#153772;
  color:#fff;
  padding:5px;
}



/*** boutique accueil ***/
#index_boutique {
    height: auto;
    width: 100%;
    padding: 20px 0px;
}
#index_boutique_titre {
    color: #153772;
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

#index_produits {
  position:relative;
  height:350px;
  width:100%;
  overflow: hidden;
}

#produits_slider {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100000px;
  overflow: hidden;
  display:flex;
}

.index_produit {
   height:100%;
  width:230px;
  margin-left:20px;
  display:block;
  text-decoration:none;
  background-color:#fff;
  position:relative;
}
.index_produit:first-child
{
  margin-left:0;
}
.index_produit:hover, .index_produit:hover div {
  text-decoration:none!important;
}

.index_produit_titre {
  font-weight:700;
  font-size:16px;
  margin:3px 0;
  text-align:center;
}
.index_produit_cat {
  font-size:14px;
  margin:3px 0;
  color:#888;
  text-align:center;
  text-transform:uppercase;
}

.index_produit_photo {
  width:auto;
  height:150px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;  
  margin-top:10px;
  background-color:#fff;
}

.index_produit_resume {
  color:#666;
  text-align:center;
}

.index_produit_prix_btn {
  position:absolute;
  bottom:0;
  width:100%;
}

.index_produit_prix {
  font-weight:700;
  font-size:26px;
  color:#153772;
  text-align:center;
  margin:4px;
}

.index_produit_btn {
  padding:4px 8px;
  font-size:16px;
  font-family:'Open Sans', sans-serif;  
  background-color:#f4d135;
  color:#153772;
  border:0;
  cursor:pointer;
  transition:0.5s;
  display:block;
  margin:auto;
  width:auto;
  text-align:center;
}
.index_produit_btn:hover, .index_produit:hover .index_produit_btn {
  background-color:#444;
  color:#fff;
  text-decoration:none!important;
}
#index_produit_lien {
  float:right;
  margin-right:1%;
  margin-top:20px;
}