@media only screen and (max-width: 800px) {

body {
 font-family: Verdana;
  font-size: 16px;
  color : black;
  line-height: 1.3076923076923077em;
  width: 100%;
  background-color: #000000;
  }
  


 #headerWrapper{
	 display:none;	
	}
 #headerContent{
	display:none;
	}
 #externalLinks ul li{display:none;} 
 #socialLinks ul li{display:none;} 
 #pub728{display:none;} 
 
 header {
	 position : absolute;
	 top:0px;
	 left:0px;
	 width:100%;
	 height:50px;
	 background-color: #232323;
	 }
	 

 
 header .icon {
	 position:absolute;
	 top:0px;
	 left:0px;
	width:50px;
	height:50px;	
	
 }
 
  header .icon img {
	width:50px;
	height:50px;
	background: #990000;
	
  }
  
   header .connectes {
	 position:absolute;
	 top:12px;
	 left:60px;
 }
  
  header .logo {
	 position:absolute;
	 top:0px;
	  left:45%;	
 }
 

   header .facebook {
	 position:absolute;
	 top:10px;
	  right:90px;	
 }
 
   header .twitter {
	 position:absolute;
	 top:10px;
	  right:60px;	
 }
 
   header .instagram {
	 position:absolute;
	 top:10px;
	  right:30px;	
 }
    header .search {
	 position:absolute;
	 top:10px;
	  right:0;	
 }
 
 
  
 header .activebtn {
	 transition:all 0.3s ease;	
	 margin-left: 210px;
	}
 
 .menu {
	position:absolute;
	top:0px;
	left:-210px;
	height:400px;
	width:210px;	
	background: #990000;
	 transition:all 0.3s ease;
}

 .active {
	 transition:all 0.3s ease;	
	 left: 0px;
	}



.menu a {
	display: block;
	text-decoration:none;
	height: 50px;
	width:100%;
	text-align: center;
	line-height: 50px;
	border-bottom: 1px solid #232323;
	text-transform: uppercase;
	background-color: #990000;		
	}
	
 .menu a:hover {
	background-color: #232323;		 
	transition:all 0.3s ease;	 
	}	
	
.comble {
	position:absolute;
	top:0px;
	left:210px;
	height:100%;
	right:0px;
}	

  .sitepusher {
	  transition:all 0.3s ease;
	margin-left:0px;
}
 .activesite {
	 transition:all 0.3s ease;	
	 margin-left: 210px;
}

 
 #mainMenu ul li{display:none;} 		

 
 #subMenu ul li{display:none;} 
 
 #logo{display:none;}
 
 #mainWrapper{
	 margin-top: -185px;
	}
			
#mainWrapper #mainContent {
		width: 100%; 
}		
 #mainContent{
	display:block;
	}
	
#bande120x600{display:none;}
	
  #centrer{
	display:block;
	}
 #principal{
	 width: 100%;
	}

 #secondaire{
	display:none;
	}
	
	 #principal600{
	 width: 100%;
	}

 #secondaire600{
	display:none;
	}
	
	
	
.imageactualite img {
  width: 100%;
  height: auto;
}	

.flexslider .slides img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}	
	
.inarticle img{
  width: 100%;
  height: auto;
 }
	
.boxarticle{
  width: 100%;
  height: 100%;
 }	
 
 .box300{
   width: 100%;
   height: auto;
 }
 
  .box300b{
   width: 100%;
   height: auto;
 }
 
 
 .box300b img{
  width: 100%;
  height: auto;
 }
 
 .boxdemimobile{
  background-color: #FFFFFF;
  position: relative;
  display: inline;
  float: left;
  width: 50%;
  margin: 0 0 0 0;
  height: 100%;
  margin-bottom: 0px;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 0px solid #000000;
  border-left: 1px solid #000000;
}

.boxdemimobile > a img,
.boxdemimobile > img {
  display: block;
}
.boxdemimobile a {
  color: #000000;
  text-decoration: none;
}
.boxdemimobile a:hover {
  color: #FF0000;
}


 .boxdemimobile2{
  background-color: #FFFFFF;
  position: relative;
  display: inline;
  float: left;
  width: 49%;
  margin: 0 0 0 0;
  height: 100%;
  margin-bottom: 0px;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 0px solid #000000;
  border-left: 1px solid #000000;
}
.boxdemimobile2 > a img,
.boxdemimobile2 > img {
  display: block;
}
.boxdemimobile2 a {
  color: #000000;
  text-decoration: none;
}
.boxdemimobile2 a:hover {
  color: #FF0000;
}


.boxmobile {
  background-color: #FFFFFF;
  position: relative;
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  height: 100%;
  margin-bottom: 0px;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 0px solid #000000;
  border-left: 1px solid #000000;
}

.boxmobilesondage {
 background: url(/img/joueur-moisv5.jpg) no-repeat left top;
   background-size: 380px 100%;
  position: relative;
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  height: 100%;
  margin-bottom: 0px;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 0px solid #000000;
  border-left: 1px solid #000000;
}

.boxespacesondage {
margin-left: 10px;	
}


.boxfacebook{
	width: 100%;
}
.boxtwitter{
	width: 100%;
}
.boxinstagram{
	width: 100%;
}

.box604{
  width: 100%;
 }
 
 .box604  img{
  width: 100%;
  height: auto;
 }
 
 .box966{
  width: 100%;
 }
 
 .box966  img{
  width: 100%;
  height: auto;
 }
 
 .box{
  width: 100%;
 }
 
 .box img{
  width: 100%;
  height: auto;
 }

  .box300{
  width: 100%;
 }
 
 .box300 img{
  width: 100%;
  height: auto;
 }

 
 .boxeffectif{
  width: 100%;
 }

 
 .boxeffectif  img{
  width: 100%;
  height: auto;
 }
 
  .boxsondages{
  width: 100%;
 }

 
 .boxsondages  img{
  width: 100%;
  height: auto;
 }
 
   .boxficheobservation{
  width: 100%;
    height: auto;
 }
 
 #stats {
	margin-left: 0px; 

}
 
   #stats .boxfichestats{
  width: 100%;
    height: auto;
 }
   .boxfichelarge{
  width: 100%;
    height: auto;
 }
 
#mainWrapper #mainContent #homeSlider {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0 0 0;
}
#mainWrapper #mainContent #homeSlider .flexslider .videoSlide {
  float: right;
  width: 100%;
}
#mainWrapper #mainContent #homeSlider .flexslider .flex-control-nav {
  position: relative;
}

.flexslider .slides > li .caption {
  width: 100%;
  height: auto;
  margin-top: 38%;
  }
.flexslider .slides > li .caption h3 {
  font-family: 'LeagueGothicRegular';
  font-weight: normal;
  font-style: normal;
  font-size: 1.8em;
  line-height: 1em;
  margin-top: 10px;
  margin-bottom: 0.11363636363636363em;
  text-transform: uppercase;
  letter-spacing: 1px;
}	
.flexslider .slides > li .caption p {
  font-size: 1em;
  line-height: 1.3076923076923077em;
  margin-bottom: 0;
  display:none;
}

.boxflash {
  width:100%;
  height: auto;
 }

.marginflash {
  width: 95%;
  text-align: justify; 
}
	 
  .boxpubhome{display:none;} 
  
  .boxnews{display:none;}
  .boxforum{display:none;}  
  
  .boxnewsmobile{
  position: relative;
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  height: auto;
  margin-bottom: 0px;
  background-color: #FFFFFF;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 0px solid #000000;
  border-left: 1px solid #000000;
}

  .boxforummobile{
  position: relative;
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  height: auto;
  margin-bottom: 0px;
  background-color: #FFFFFF;
  border-top: 0px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 0px solid #000000;
  border-left: 1px solid #000000;
}


  #pub160x600{display:none;} 
 
	
 .boxboutique{
	 float: center;
  width: 100%;
  height: auto;
  
}

 .pub300x250{display:none;} 
  
 .box1n2 {display:none;}
 

.box1n2mobile {
  position: relative;
  display: inline;
  float: left;
  width: 100%;
  height: 70px;
  margin: 0 0 0 0;
  margin-bottom: 0px;
  background-color: #FFFFFF;
  border-top: 0px solid #000000;
  border-bottom: 0px solid #000000;
  border-right: 0px solid #000000;
  border-left: 1px solid #000000;
}
.box1n2mobile .topRightLink {
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 0.9230769230769231em;
  line-height: 1.1666666666666667em;
  margin-bottom: 0;
}
.box1n2mobile .topRightLink a {
  color: #FF0000;
  text-decoration: none;
  padding-right: 15px;
  background: url(/img/bg-box-top-right-link.png) no-repeat right top;

}
	
 .pub336x280{display:none;} 
  

  
  
 
 #footerGallery{display:none;} 
 

 
 
 #footerWrapper #footerContent {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: auto;
  background: url(/img/bg-footer-content.jpg) repeat-x left top;
}
 
 #footerWrapper #footerContent #copy{
  display: inline;
  float: left;
  width: 100%;
  margin: 0 0 0 0;
  background: url(/img/bg-footer-copy.jpg) repeat-x left top;
}
 
 #footerWrapper #footerContent #privacy {display:none;}
 
 
#footerWrapper #footerContent #sponsors a#easports {
 left:15%;
  width: 50px;
  height: 35px; 
  background: url(/img/easports-mobile.png) no-repeat;
}
#footerWrapper #footerContent #sponsors a#easports:hover {
  background: url(/img/easports-mobile_over.png) no-repeat;
}

#footerWrapper #footerContent #sponsors a#olympic {
  left: 40%;
  width: 75px;
  height: 35px;
  background: url(/img/olympic-mobile.png) no-repeat;  
  }
#footerWrapper #footerContent #sponsors a#olympic:hover {
  background: url(/img/olympic-mobile_over.png) no-repeat;
}

#footerWrapper #footerContent #sponsors a#kalu {
  left: 75%;  
  width: 65px;
  height: 35px;
  background: url(/img/kalu-mobile.png) no-repeat; 
  }

#footerWrapper #footerContent #sponsors a#kalu:hover {
  background: url(/img/kalu-mobile_over.png) no-repeat;
}  
#footerWrapper #footerContent #partenaires{display:none;} 
  
 #footerWrapper #footerContent #footerMenu{display:none;} 

}