/*********************************** En dessous de 1000px **************************************/
@media screen and (max-width: 1000px){

	/** Diapo **/
	#slideshow_img_desc{margin-right:-44%;}

    #block-tourism_raccourci-tourism_manifs {float: right;}

    #block-block-6 {clear: both;float: none;width: 100%;}
    #block-block-6 li {width: 24%;margin-top: 100px;}
    #block-block-6 li a {width: 100%;}
    #block-block-6 li.elem-1 a {background-position: -31px 31px;}
    #block-block-6 li.elem-2 a {background-position: -149px 31px;}
    #block-block-6 li.elem-3 a {background-position: -36px -73px;}
    #block-block-6 li.elem-4 a {background-position: -148px -71px;}

}

/************************************************* En dessous de 768px *********************************/
@media screen and (max-width: 737px){

    #block-block-9 {width: 100%;}
    #block-block-9 .bg{left: 0;}
    #block-block-9 h2{margin-left: 180px;}
    #block-block-9 a{left: 150px;}

    #block-block-6 li {margin-top: 15px;}
    #block-block-6 li.elem-1 a {background-position: -62px 31px;}
    #block-block-6 li.elem-2 a {background-position: -174px 31px;}
    #block-block-6 li.elem-3 a {background-position: -63px -73px;}
    #block-block-6 li.elem-4 a {background-position: -176px -71px;}

    #block-tourism_raccourci-tourism_manifs {width: 100%;height: 280px;margin-left: 0;margin-top: 30px;}
    #block-tourism_raccourci-tourism_manifs .jcarousel-skin-tango .jcarousel-container {margin: 0 auto;}
    #block-tourism_raccourci-tourism_manifs .jcarousel-skin-tango .jcarousel-container,
    #block-tourism_raccourci-tourism_manifs .jcarousel-skin-tango .jcarousel-item-horizontal {height: 180px;}
    .jcarousel-clip {margin-bottom: 0;}
    #block-tourism_raccourci-tourism_manifs a.all {background-position: -135px -95px;}
    #block-tourism_raccourci-tourism_manifs a.all:hover {background-position: -135px -183px;}

    #content-bottom #block-embed_video-embed_video_latests_videos{float:right;}

}



/************************************************* En dessous de 480px *********************************/
@media screen and (max-width: 479px) {

    #block-block-6 li {width: 48%;}
    #block-block-6 li.elem-1 a {background-position: -47px 31px;}
    #block-block-6 li.elem-2 a {background-position: -160px 31px;}
    #block-block-6 li.elem-3 a {background-position: -47px -73px;}
    #block-block-6 li.elem-4 a {background-position: -160px -71px;}

    #content_diapo{display: none;}

    #block-block-9 .bg,
    #block-block-9 h2{display:none;}
    #block-block-9 a{
        position: relative;
        left:auto;
        top:auto;
        height:auto;
        background: #7abb47;
        width: 100%;
    }
    #block-block-9 a span{padding:22px 0;}
    #block-tourism_raccourci-tourism_manifs a.all,
    #block-tourism_raccourci-tourism_manifs a.all:hover{position: relative;background-image: none;margin-top:15px;padding:15px 0;}

}