@media screen and (min-width:768px) and (max-width:979px){#left-column div.last-content{display:none;}
#left-column{width:100%;}
#entete{max-width:100%;}
#content1{}
#content2{background-color:#ffffff;float:left;height:auto;margin:0;padding:10px 0;width:100%;}
#intro-cours{background-color:#666666;float:left;height:auto;margin:5px 0;width:90%;padding:10px 5%;}
#menu{width:100%;}
#centrale,#centrale-link{width:100%;}
#content{width:100%;height:auto;}
#content-home{width:100%;}
#foot{width:100%;}
#centrale,#centrale-link{border-color:#ff6600;display:block;height:auto;margin:0 auto;padding:0;width:100%;}
#cgauche{background-color:#ffffff;float:left;height:800px;width:100%;}
#para{border-color:#ff6600;display:block;height:auto;margin:10px 5%;padding:10px 5%;width:80%;}
#contenucours{padding:0;width:100%;}
#mh{background-color:#ffffff;border:1px solid #000000;float:left;height:auto;margin:0 5%;padding:10px 5%;width:80%;}
#fo{float:left;width:100%;}
}
@media screen and (min-width:480px) and (max-width:767px){#navigation::before{content:"Menu";float:right;font-family:Open Sans;font-size:16px;margin:-10px 10px 0 0;text-transform:uppercase;}
#gris{background-color:transparent;float:left;height:auto;text-align:center;width:100%;}
#gris a{background-color:#666666;clear:both;display:block;margin:5px 0;padding:5px 5%;width:90%;}
#navigation{display:inherit;}
#log{display:none;}
#cdroite{float:left;height:auto !important;}
#left-column div.last-content{display:none;}
#left-column{width:100%;}
#entete{width:100%;background-image:url("../images/logo-permik.jpg");background-repeat:no-repeat;background-position:center center;}
#content1,#ads2,#ads3{display:none}
div#ads3-resp{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;display:block;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#content2{background-color:#ffffff;float:left;height:auto;margin:0;padding:10px 0;width:100%;}
#intro-cours{background-color:#666666;float:left;height:auto;margin:5px 0;width:90%;padding:10px 5%;}
#menu,#box{display:none;}
#content{width:100%;height:auto;}
#content-home{width:100%;background-image:none;height:auto;}
#foot{width:100%;height:auto;}
#centrale,#centrale-link{border-color:#ff6600;display:block;height:auto;margin:0 auto;padding:0;width:100%;}
#cgauche{background-color:#ffffff;float:left;height:800px;width:100%;}
#para{border-color:#ff6600;display:block;height:auto;margin:10px 5%;padding:10px 5%;width:80%;}
#contenucours{padding:0;width:100%;}
#mh{background-color:#ffffff;border:1px solid #000000;float:left;height:auto;margin:0 5%;padding:10px 5%;width:80%;}
#fo{float:left;width:100%;}
#presentation{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
p{color:#222;font-family:Open Sans;font-size:12px;margin:0;}
#exos{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#forum{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
}
@media screen and (min-width:320px) and (max-width:480px){#navigation::before{content:"Menu";float:right;font-family:Open Sans;font-size:16px;margin:-10px 10px 0 0;text-transform:uppercase;}
div#ads3-resp{display:block;background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#intro-cours{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
div #content1,#log,#ads2,#ads3{display:none;}
#left-column div.last-content{display:none;}
#navigation{display:inherit;}
#content1{display:none;}
#content2{background-color:#ffffff;float:left;height:auto;margin:5px 0 0 0px;padding:10px 0%;width:100%;}
p{color:#222;font-family:Open Sans;font-size:12px;margin:0;}
#donate{background:#222 none repeat scroll 0 0;border-radius:4px;color:#fff;display:block;float:left;font-family:"Open Sans";font-size:12px;padding:10px;margin:10px;}
#gris{background-color:transparent;float:left;height:auto;text-align:center;width:100%;}
#gris a{display:block;background-color:#666666;margin:5px 0;clear:both;padding:5px 5%;width:90%;}
#entete{width:100%;background-image:url("../images/logo-permik.jpg");background-repeat:no-repeat;background-position:center center;}
#centrale,#centrale-link{width:100%;}
#left-column{float:left;height:auto;margin-top:10px;width:100%;}
#content{width:100%;background:none;height:auto;}
#content-home{width:100%;background:none;height:auto;}
#menu{display:none;}
#presentation{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#exos{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#forum{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#foot,#footer{margin:0;padding:10px 5%;width:90%;height:auto;}
#listexos{float:left;height:auto;margin:0 0 0 5px;text-align:center;width:100%;}
#listexos p{background:#f5f5f5 none repeat scroll 0 0;display:block;margin:5px 0;padding:8px 2px;}
#cdroite{float:left;height:auto !important;width:100%;}
#contenucours{width:100%;}
#mh{border:medium none;padding:10px 5%;width:90%;}
#fg{display:none;}
#para{border:medium none;margin-bottom:10px;margin-left:0;margin-top:19px;padding:10px 5%;width:90%;}
#cgauche{width:100%;padding:10px 0;margin:5px 0;}
#fo{float:left;width:100%;}
#box{display:none;}
}
@media screen and (max-width:320px){#navigation::before{content:"Menu";float:right;font-family:Open Sans;font-size:16px;margin:-10px 10px 0 0;text-transform:uppercase;}
div#ads3-resp{display:block;background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#intro-cours{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
div #content1,#log,#ads2,#ads3{display:none;}
#left-column div.last-content{display:none;}
#navigation{display:inherit;}
#content1{display:none;}
#content2{background-color:#ffffff;float:left;height:auto;margin:5px 0 0 0px;padding:10px 0%;width:100%;}
p{color:#222;font-family:Open Sans;font-size:12px;margin:0;}
#donate{background:#222 none repeat scroll 0 0;border-radius:4px;color:#fff;display:block;float:left;font-family:"Open Sans";font-size:12px;padding:10px;margin:10px;}
#gris{background-color:transparent;float:left;height:auto;text-align:center;width:100%;}
#gris a{display:block;background-color:#666666;margin:5px 0;clear:both;padding:5px 5%;width:90%;}
#entete{width:100%;background-image:url("../images/logo-permik.jpg");background-repeat:no-repeat;background-position:center center;}
#centrale,#centrale-link{width:100%;}
#left-column{float:left;height:auto;margin-top:10px;width:100%;}
#content{width:100%;background:none;height:auto;}
#content-home{width:100%;background:none;height:auto;}
#menu{display:none;}
#presentation{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#exos{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#forum{background:#f5f5f5 none repeat scroll 0 0;border:1px solid #ccc;float:left;height:auto;margin:0 0 15px;padding:20px 5%;width:90%;}
#foot,#footer{margin:0;padding:10px 5%;width:90%;height:auto;}
#listexos{float:left;height:auto;margin:0 0 0 5px;text-align:center;width:100%;}
#listexos p{background:#f5f5f5 none repeat scroll 0 0;display:block;margin:5px 0;padding:8px 2px;}
#cdroite{float:left;height:auto !important;width:100%;}
#contenucours{width:100%;}
#mh{padding:10px 0;width:100%;}
#fg{display:none;}
#para{margin-bottom:10px;margin-left:0px;margin-top:19px;padding:0px;width:100%;}
#cgauche{width:100%;padding:10px 0;margin:5px 0;}
#fo{float:left;width:100%;}
#box{display:none;}
}