@charset "utf-8";

@media (max-width:767px) {

	body {
        margin: 0;
    }
    #main-nav {
        height:auto;
        position: relative;
    }
    #main-nav ul li a {
        display: block;
        text-align: center;
        margin-left: 0;
        border-bottom: solid 1px #c9cbcb;
		line-height:2;
    }
    .Logo {
		float:none;
    }
	#header-bg {
		width: auto;
		padding-top: 0;
		margin-left: 15px;
        margin-right: 15px;
		height:auto;
	}
	 #header-content{
        width: auto;
		padding-bottom:30px;
		}
    .eleves-content{
        float: none;
        width:auto;
		margin-right:0;
    }
	 .eleves-content-bis{
        float: none;
        width:auto;
		margin-right:0;
    }
		
	/*BLOC 2*/
	#bloc2 {
		width: auto;
	}
    #bloc2-content {
        width: auto;
		margin-left: 15px;
        margin-right: 15px;
    }
	#bloc2-content .oeuvres-content  {
	    width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
    }
	#bloc2-content .oeuvres-content1  {
	    width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
    }
	 #bloc2-content .oeuvres-content-droite {
		width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
    }
	 #bloc2-content .oeuvres-content-gauche {
        width: 100%;
		padding-left: 0px;
		padding-right: 0px;
    }
	  #bloc2-content .oeuvres-content .img {
        width: auto;
    }
	  #bloc2-content .oeuvres-content-droite .img {
        width: auto;
    }
	  #bloc2-content .oeuvres-content-gauche .img {
        width: auto;
    }
	
	/*BLOC 3*/
	#bloc3 {
		width: auto;
	}
    #bloc3-content {
        width: auto;
		margin-left: 15px;
        margin-right: 15px;
    }
	#bloc3-content .oeuvres-content  {
	    width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
    }
	#bloc3-content .oeuvres-content1  {
	    width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
    }
	 #bloc3-content .oeuvres-content-droite {
		width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
    }
	 #bloc3-content .oeuvres-content-gauche {
        width: 100%;
		padding-left: 0px;
		padding-right: 0px;
    }
	  #bloc3-content .oeuvres-content .img {
        width: auto;
    }
	  #bloc3-content .oeuvres-content-droite .img {
        width: auto;
    }
	  #bloc3-content .oeuvres-content-gauche .img {
        width: auto;
    }
	  #bloc3-content .oeuvres-content1 .img {
        width: auto;
    }
	
	/*BLOC 3
	#bloc3 {
		width: auto;
		margin-bottom: -60px;
	}
	 #bloc3-content {
		width: auto;
		margin-left: 15px;
        margin-right: 15px;
		padding-bottom: 50px;
		padding-top: 0px;
	 }
	 #bloc3-content .oeuvres-content-right{
		 width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
		margin-bottom: 30px;
	 }
	 #bloc3-content .oeuvres-content-centre{
		width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
	 }
	 #bloc3-content .oeuvres-content-left{
		width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
	 }
	 #bloc3-content .oeuvres-content .img {
        width: auto;
		margin-left: 25%;
    }
	  #bloc3-content .oeuvres-content-droite .img {
        width: auto;
		margin-left: 25%;
    }
	  #bloc3-content .oeuvres-content-gauche .img {
        width: auto;
		margin-left: 25%;
    }*/
	
	/*BLOC 4*/
	#bloc4 {
		width: auto;
		margin-bottom: -60px;
	}
	 #bloc4-content {
		width: auto;
		margin-left: 15px;
        margin-right: 15px;
		padding-bottom: 80px;
	 }
	 #bloc4-content .diffuser-content-right{
		width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
	 }
	 #bloc4-content .diffuser-content-centre{
		width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
	 }
	 #bloc4-content .diffuser-content-left{
		width: 100%;
	    padding-right: 0px;
		padding-left: 0px; 
	 }
	 #bloc4-content .diffuser-content .img {
        width: auto;
		margin-left: 25%;
    }
	  #bloc4-content .diffuser-content-droite .img {
        width: auto;
		margin-left: 25%;
    }
	  #bloc4-content .diffuser-content-gauche .img {
        width: auto;
		margin-left: 25%;
    }
	#diffuser-bg {
		margin-left: 15%;
		margin-right: 15%;
	}
	#bloc4-content .blanc  {
	padding-top: 0px;
	}
	
	/*BLOC 5*/
	#bloc5-content {
        width:auto;
        margin-left: auto;
        margin-right: auto;
	}
	#bloc5-content .internet {
        display:block;
        width:auto;
        padding-top: 10px;
        text-align: center;
	    float:none;
	}
	#bloc5-content .copier {
        margin-left: auto;
        margin-right: auto;
        text-align:left;
        padding-bottom: 15px;
	}
	#bloc5-content .copier-content-centre{
        padding-top: 0px; 
        margin-left: 15px;
        margin-right: 15px;
   	} 
	
	/*BLOC 6*/
	#bloc6 {
		width: auto;
	}
	#bloc6-content {
        width: auto;
		margin-left: 15px;
        margin-right: 15px;
		padding-top: 0px;
    }
	#bloc6-content .conditions-content {
		width: auto;
		margin-right: 15px;
		margin-left: 15px;
		padding-bottom: 0px; 
    }
	#bloc6-content .conditions-content-centre{
   		width: auto;
		margin-right: 15px;
		margin-left: 15px;
		padding-top: 0;
   	} 
	 #bloc6-content .conditions-content-droite {
		float: none;
		width:auto;
		margin-bottom:20px;
		margin-right: 15px;
		margin-left: 15px;
    }
	#bloc6-content .content-titre {
    	text-align: center; 
	}
	#image-conditions {
	  	margin-top: 0px;
	}

	/*BLOC 7*/
	#bloc7-content {
	  width: 93%;
	  margin-left: 15px;
	  margin-right: 15px;
	  padding-top: 20px;
    }
	.droit-content {
	  float: none;
	  width:100%;
	  margin-top: 30px;
    }
	.image-droit {
	  position: relative;
	  margin-top: -10px;
	}
	.titre-droit {
	  float: none;
	  width:100%;
	  padding-bottom: 0;
	}
 	#bloc7-content h3{ 
	  margin-top: 0px;
	}

	/*BLOC 8*/
 	#bloc8-content {
	  width: auto;
	  margin-left: 15px;
	  margin-right: 15px;
	  padding-top: 0px;
    }
	#bloc8 .loi-content  {
	  float: none;
	  width:100%;
	  margin-top: 30px;
    }
	.titre-loi {
	   float: none;
	   width:100%;
	   padding-top: 0px;
	   padding-bottom: 0;
	}
	
	/*BLOC 9*/
	#bloc9-content {
	  width: auto;
	  margin-left: 15px;
	  margin-right: 15px;
	  padding-top: 0px;
    }
	.faq-content {
	  float: none;
	  width: 100%;
		 margin-top: 30px;
    }
		.titre-faq {
	   float: none;
	   width:100%;
	   padding-top: 0px;
	   padding-bottom: 0;
	}
	
	/*BAS DE PAGE*/
	#bas-page-content {
	  width: auto;
	  margin-left: 15px;
	  margin-right: 15px;;
    }
	#bas-page-droite{
	  float: none;
	  width: 100%;
	}
	#bas-page-mail{
	  float: none;
	  width: 100%;
	}
	#contact {
	  float: left;
	  width: 100%;
	}
	h2 {
	  margin-top:35px;
		    margin-right: 30px;
	}
	
}
	

@media (min-width:768px) and (max-width:979px) {
	
    #header-content {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    .eleves-content  {
        width:98%;
        margin-right: 2.5%;
    }
	.eleves-content-bis  {
        width:98%;
        margin-right: 2.5%;
    }
	
	/*BLOC 2*/
    #bloc2-content {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
	#bloc2-content .oeuvres-content  {
   		 width: 35%;
		 padding-right: 0px;
		 text-align:center;
		 padding-left: 70px;
    }
	#bloc2-content .oeuvres-content1 {
   		 width: 45%;
		 padding-right: 0px;
		 text-align:center;
    }
	#bloc2-content .oeuvres-content-gauche {
        width: 45%;
		/*padding-right: 0px; */
		text-align:center;
    }
	#bloc2-content .oeuvres-content-droite {
        width: 45%;
		padding-right: 0px; 
		text-align:center;
		     padding-left: 60px;
    }  
	 #bloc2-content .img {
        width: auto;
    }
	
		/*BLOC 3*/
    #bloc3-content {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
	#bloc3-content .oeuvres-content  {
   		 width: 35%;
		 padding-right: 0px;
		 text-align:center;
		 padding-left: 70px;
    }
	#bloc3-content .oeuvres-content1 {
   		 width: 45%;
		 padding-right: 0px;
		 text-align:center;
    }
	#bloc3-content .oeuvres-content-gauche {
        width: 45%;
		/*padding-right: 0px; */
		text-align:center;
    }
	#bloc3-content .oeuvres-content-droite {
        width: 45%;
		padding-right: 0px; 
		text-align:center;
		     padding-left: 60px;
    }  
	 #bloc3-content .img {
        width: auto;
    }
 
	/*BLOC 3
	 #bloc3-content {
		width: auto;
		display: inline-block;
        padding-left: 2.5%;
        padding-right: 2.5%;
	 }
	 #bloc3-content .oeuvres-content-right  {
		 padding-right: 0px;
		 padding-left: 0px;
		 width: auto;
    }
	#bloc3-content .oeuvres-content-centre {
		width: auto;
		 padding-right: 40px;
		 padding-left: 80px;
	}
	#bloc3-content .oeuvres-content-left {
		width: auto;
	}*/
	
	/*BLOC 4*/
	#bloc4-content {
        width: auto;
		display: inline-block;
        padding-left: 2.5%;
        padding-right: 2.5%;
		padding-bottom: 30px;
		align-content: center;
    }
	#bloc4-content .diffuser-content-centre {
		width: auto;
		 padding-left: 2.5%;
        padding-right: 2.5%;
		display: block;
	}
	#bloc4-content .diffuser-content-right {
		width: auto;
		padding-left: 2.5%;
        padding-right: 2.5%;
		display: block;
	}
	#bloc4-content .diffuser-content-left {
		width: auto;
		 padding-left: 2.5%;
        padding-right: 2.5%;
		display: block;
	}
	#diffuser-bg {
	 	width:auto;
		padding-left: 2.5%;
        padding-right: 2.5%;
	}
	
	/*BLOC 5*/
	 #bloc5-content {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
	#bloc5-content.pedago-content {
        width: auto;
        margin-right: 2.5%;
    }
	 #bloc5-content h2 {
        margin-top:0;
    }
	 #bloc5 .pedago-content-droite {
        width: auto;
 	}	
	 #bloc5-content2 {
        width: auto;
		margin-right: 2.5%;
    }
	
	/*BLOC 6*/
	#bloc6-content {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
	#bloc6-content .conditions-content {
        width: auto;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
		#bloc6-content .conditions-content-centre{
   		 width: auto;
		 margin-left: 2.5%;
         margin-right: 2.5%;
   	}
	#bloc6-content .conditions-content-droite {
        width: auto;
        margin-left: 2.5%;
        margin-right: 2.5%;
		margin-bottom: 10px;
    }
	#bloc6-content .image-conditions {
	    margin-bottom: -40px;
	}
	#bloc6-content .content-titre {
    padding-top: 30px;
	}
	
	/*BLOC 7*/ 
	#bloc7-content {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
	 .droit-content {
        width: 97.5%;
        margin-left: 2.5%;
        margin-right: 2.5%;
		margin-bottom: 0;
    }
	.titre-droit {
		width: 960px;
        margin-right: 2.5%;
	}
	
	/*BLOC 8*/
	#bloc8-content {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
	.loi-content {
       width: 97.5%;
       margin-right: 2.5%;
	   margin-left: 2.5%;
  	   /*float: none;*/
    }
	.titre-loi {
	   width: 960px;
       margin-right: 2.5%;
	}
	
	/*BLOC 9*/
	#bloc9-content {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
		/*margin-top: 0px;*/
    }
	.faq-content {
        width: auto;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
	.soustitre-faq {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
	
	/*BAS PAGE*/
	#bas-page-content {
        width: auto;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
}