@media only screen and (min-width: 1024px) and (max-width: 1169px) {
 	.container{
		min-width:1024px !important;
		width:1024px !important;
		}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
 	.container{
		min-width:768px !important;
		max-width:100% !important;
		}
	.partenaire {
	   width: auto !important; 
	   margin: -15px auto 0 auto !important;
	}
	#telside{
		margin: -5px 0 0 -115px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 	.container{
		min-width:320px !important;
		width:100% !important;
		}
	#pronote {
	  margin: 36px auto 0 auto;
	  font-size: 50px;
	}
	.partenaire {
	  width: 100% !important;
	}
	#taxe {
	  width: 100%; 
	}
	#taxe {
	  background: url(http://www.lycee-luxembourg.fr/wp-content/themes/lyceeluxembourg/css/images/bg-btn-taxe.png)no-repeat;
	   width: auto; 
	   margin:0 auto !important;
	}
	#ecoclub {
	  width: auto !important; 
	  float: none !important; 
	  border-radius: 10px !important;
	  -webkit-border-radius: 10px !important;
	  -moz-border-radius: 10px !important;
	  -o-border-radius: 10px !important;
	  -ms-border-radius: 10px !important;
	}
	#taxe {
	  width: 280px !important;
	  border-radius: 10px !important;
	  -webkit-border-radius: 10px !important;
	  -moz-border-radius: 10px !important;
	  -o-border-radius: 10px !important;
	  -ms-border-radius: 10px !important;
	}
	#ecoclub > div {
	  margin-left: 174px;
	  width: auto;
	}
	#taxe > div {
	  margin-left: 193px !important;
  width: 90px !important;
	}
	#ecoclub, #taxe {
	  color: #fff;
	  margin: 15px auto !important;
	}
	.contenu-post {
	    width: 100%;
	}
	#copyright {
	  font-size: 10px !important;
	  margin-top: 0px !important;
	  text-align: center !important;
	} 
	.menu-menu-principal-container > ul { list-style:url(../images/point-rouge.png) !important;}
	.sub-menu {
	  position: relative !important;
	  list-style:url(../dzscalendar/img/arrowright.png) !important;
	  /*display: block !important;*/
	   min-width: auto !important; 
	   z-index: 0 !important; 
	  background: none !important; 
	  padding: 0px 0 10px 0 !important;
	  font-size: 10px !important;
	  min-width:200px !important;
	}
	#menuppl ul li .sub-menu li {
	  font-size: 20px !important;
	}
	#menuppl ul li .sub-menu li .sub-menu li {
	  font-size: 18px !important;
	}
	.sub-menu > li > .sub-menu {
	  display: block !important;
	  margin-left: 0px !important;
	  margin-top: 0 !important;
	  background-color: none !important;
	}
	.menu-menu-principal-container .sub-menu > li > .sub-menu {
	  display: block !important;
	  margin-left: 0px !important;
	  margin-top: 0 !important;
	  background-color: none !important;
	  max-width:200px !important;
	}
	
	#head-right > div{
	  width:100% !important;
	}
	.dzscalendar .currTooltip {
	  left: 0px !important;
	  width: 256px !important;
	}
	#menuppl ul li {
	  max-width: 250px !important;
	}
	.formation .titre-rub {
		margin: -220px auto 0 auto !important;
		text-align: center;
		width: 95%;
	}
	
	.jssora03r {
		right: -60px !important;
	}
	.table-contact {
		margin: 10px 0 0 0;
	}
	#slider2_container {
		width: 100% !important;
	}
	.home-slider-wrapper {
		width: 100%;
	}
	#slider1_container {
		width: 100% !important;
	}
	#slider1_container > div {
		width: 100% !important;
	}
	.slide-formation{
		width:100%  !important;
	}
	.formation .titre-rub {
		margin: -217px auto 0 306px !important;
	}
	#telside{
		margin: -5px 0 0 -115px;
	}
	#visite-wrapper iframe {
	    min-width: 100%;
	    min-height: 260px;
	    max-height: 400px;
	    border: none !important;
	}
	.side-actus {
	    margin-top: 0px;
	}
	#div-event {
	    position: relative;
	}
	.dzscalendar .events {
	    display: block !important;
	}
	
	.legende {
	    display: none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
	#home-slider-content{
		margin:15px auto 0 auto;
	}
	.home-slider-wrapper{
		height:414px;
	}
	#telside{
		margin: -5px 0 0 -115px;
	}
	.side-actus {
	    margin-top: 0px;
	}
	#div-event {
	    position: relative;
	}
	.dzscalendar .events {
	    display: block !important;
	}
	.legende {
	    display: none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 667px){
	.item-partenaire {
	    height: auto;
	}
	.menu-pronote > li:hover >.sub-menu-pronote {
	    position: relative;
	    z-index: 0;
	}
	.item-partenaire {
	    background-position: top center;
	}
	#pronote{
	    padding-top: 20px;
	}
}
@media only screen and (width: 667px){
	.menu-pronote > li:hover >.sub-menu-pronote {
	    left: 163px;
	    margin-left: 0px;
	}
}
@media only screen and (width: 320px){
	.menu-pronote > li:hover >.sub-menu-pronote {
	    margin-left: -10px;
	}
	#telhead {
	    margin: 50px 0 0 15px;
	}
	#logomen{
		margin-top: 25px;
	}
	#pronote {
	    padding-top: 0px;
	    margin: 20px auto 0 auto;
	}

}