#slider{
	display:block;
	}
	
.my_menu{
	display:none;
	}
	
.carteGooleBottom{
	display:none;
	}
	
body{
	overflow-x: hidden;
	}	
	
/************************************************************************************
smaller than 990
*************************************************************************************/
@media screen and (max-width: 1024px) {
	
.smaller-menu ul, .menu ul{
	display:none;
	}



#slider2 {
  position: relative;
  overflow: hidden;
  float:left;
  width: 800px !important;
  min-height:600px;

}

#slider2 h1 {
    padding-left: 10px;
    width: 100%;
}
#slider2 ul li {
    width: 280px;
}


#slider2 h1{
  font-size:22px;
  line-height:22px; 
  width:95%;
}


iframe {
    width: 100%;
}

.separateurSub	{
	padding-top:10%;
}

.conteneur{
	width:95% !important;
	padding-left:2%;
	padding-right:2%;
	}
	
.colonne_droite,.colonne_gauche, .footerText,.colonne_rss{
	width:95% !important;
	padding-left:2%;
	padding-right:2%;
	 border:none;	
	}

.infolettre {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #e4e4e4;
    border:none;
    float: right;
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 2%;
    width: 95%;
}

}

/************************************************************************************
smaller than 850
*************************************************************************************/
@media screen and (max-width: 800px) {
.separateurSub	{
	padding-top:15%;
}

#slider2 {
  position: relative;
  overflow: hidden;
  float:left;
  width: 690px !important;
  min-height:600px;

}
.mon_tableau td{
	display:block;
	width:100%;
	}

#slider2 ul li {
    width: 230px;
}




}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	
body#accueil{
	background-image:none;
	}

.my_menu{
	display:block;

}
	body#membre td{
		display: block;
		width: 100%;
		
	}
	body#membre .espacement_livre {
 
    padding: 2%;

}
.espaceSub {
    padding-top: 30px;
}

#backMenu{
	display:none;	
	}
	
.none{
	display:none;
	}
	

.menu{
	display:none;
	}


body{
	width:100%;
	background-image:none;
	overflow-x: visible;
	background-color:#FFF;
	}
	
h1 {
  /*  font-family: "Montserrat",sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 10px;*/

	font-size:25px;
	line-height:26px;
}


.contenu{
	clear:both;
	width:100%;
	padding-right:0px;
	margin-right:0px;
	margin-left:0px;
	}
	
scroll-pane{
	width:100% !important;
	}


.conteneur,.colonne_droite,.colonne_gauche, .colonne_rss, .footerText, .colonne_tiers, .colonneFooter{
	width:95% !important;
	padding-left:2%;
	padding-right:2%;
	float:none;
	}
	#membre .conteneur{
	width:90% !important;
	padding-left:2%;
	padding-right:2%;
	float:none;
	}
	
.colonne_tiers img{
	width:95% !important;
	height:auto;
	padding-left:2%;
	padding-right:2%;
	float:none;
	}
	
#slider2 {
  position: relative;
  overflow: hidden;
  float:left;
  width: 320px !important;
  min-height:500px;

}

#slider2 ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 310px;
	margin-left:5px;
}


	
#slider2 h2{
  font-size:16px;
  font-weight:300;
  line-height:24px;
  width:100%;
  color:#000;
  
}
	

.sliderAccueil  {
display: none;
}

#separateurSub {
    display: none;
}


.cbp-af-header {
    display: none;
}


.logo{
	display:none;
	}
	
	
input{
	width:98%;
	}


	input[type="radio"] {
		
		width: auto !important;
	}
	
#footer{
	width: 100%;
	margin:0px auto;
	padding-bottom:50px;
	font-size:11px;
}



a.control_prev, a.control_next {
  padding: 5px;
 
  height: auto;
  margin-right:0px;
  font-size:10px;
}

a.control_next {
    left: 5px;
}

a.control_plus {
  padding: 5px;
  left: 170px;
  font-size:10px;
}

.recherche {
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    opacity: 1;
    overflow: hidden;
    position: relative;
    right: 0%;
    text-align: center;
    margin-top: 15px;
    width: 100%;
    z-index: 99;
}
	
}


/*Styles for screen 600px and lower*/
@media screen and (max-width: 650px) {


}
@media only screen and (device-width: 768px) and (orientation: landscape) {
  /* rules for iPad in landscape orientation */
}