@media only screen and (max-width: 945px)
{    
    #leftBlock {
        display:none;
    }
    
    
    #detailBlock {
        display:inline-block;
        float:right;
        width:90%;
        margin:0 5%;
        height:auto;
        background-color:#ffffff;
    }
    
    
    .btnHomeTop {
        margin-top:10px;
        margin-left:5%;
        
    }
    
    #mapList, #mapIGN {
        width: 100%;
        margin:0px;
        border:#000000 solid 0px;
    }
}


@media only screen and (max-width: 768px)
{
        
    #bgImageTitle p {
        font-size: 14px;
    }
    
    #backDiv {
        display:none;
        width:70%;
        margin:-30px 0px 15px 10px;
        text-decoration:underline;
        color:grey;
    }
    
    #leftBlock {
        display:none;
        width:100%;
        height:auto;
        margin-left:0px;
        margin-bottom:20px;
    }
    
    #detailBlock {
        float:right;
        width:100%;
        margin:0 0 30px 0;
        height:auto;
        background-color:#ffffff;
    }
    
    .macaron2 {
        margin-top:0px;
        margin-right:0px;
    }
    
    #textBlock {
        display:inline-block;
        width:94%;
        height:auto;
        padding:0px 3% 20px 3%;
        line-height:120%;
        font-size:1em;
        font-family: 'Helvetica', sans-serif;
        color:#767878;
    }
    
    #linkCategoryBlock {
        
        display:inline-block;
        width:96%;
        height:160px;
        overflow:hidden;
        position:relative;
        margin:20px 2% 30px 2%;
        text-align:center;
    }
    
    .linkDetail {
        display:inline-block;
        width:94%;
        overflow:hidden;
    }
    
    .swiper-slide {
        width:160px;
        height:120px;
        padding-right:10px;
    }
    
    
    .cellBlock {
        display:inline-block;
        width:100%;
        height:120px;
        background-position:center;
        background-size:100% auto;
        margin-bottom:0px;
    }
    
    .visualCell {
        display:inline-block;
        width:50%;
        height:120px;
        background-size:auto 100%;
        background-repeat:no-repeat;
        background-position:center;
        float: left;
    }
    
    .blocTextList {
        float: left;
        margin: 0px 0 0 2%;
        width:48%;
    }
    
    
    .cellBlockLarge {
        display:inline-block;
        width:290px;
        height:290px;
        background-position:center;
        background-size:100% auto;
        margin:0 10px 15px 10px;
        text-decoration:none;
        float:left;
        text-align:left;
        font-size:0.95em;
    }
    
    .visualCellLarge {
        display:inline-block;
        width:290px;
        height:200px;
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:center center;
    }
    

    
    .moreHomeLarge {
        display: none;
        position: absolute;
        width: 280px;
        height:280px;
        margin:0px;
        padding:0px;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.2);
    }
    
    #bottomInfos {
        margin-top:0px;
    }
    
    #mapBlock {
        border:#a9a9a9 solid 0px;
    }
    
    #bandeauPub {
        width: 100%;
        height: 250px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}


@media only screen and (max-width: 600px)
{
    #bgImageTitle p {
        font-size: 12px;
    }
    
    #bandeauPub {
        width: 100%;
        height: 200px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
}


@media only screen and (max-width: 480px)
{
    #IconCorner {
    }
    

    #linkCategoryBlock {
    }

    
    .linkCategory span {
        display:inline-block;
    }
    
    #leftBlock {
        display:none;
    }
    
    #mobileTitle {
        margin-bottom:0px;
    }
    
    #imageBlock {
        display:inline-block;
        width:100%;
        height:360px;
        background-size:auto 100%;
        background-position:center;
        margin-top:-3px;
        background-repeat:no-repeat;
    }
    
    #blockLinkDetail {
        margin-top:-3px;
    }
    
    
    .cellBlockLarge {
        display:inline-block;
        width:280px;
        height:280px;
        background-position:center;
        background-size:100% auto;
        margin:0 10px 20px 10px;
        text-decoration:none;
        float:left;
        text-align:left;
    }
    
    .visualCellLarge {
        display:inline-block;
        width:280px;
        height:200px;
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:center center;
    }
    
    
    .moreHomeLarge {
        display: none;
        position: absolute;
        width: 280px;
        height:280px;
        margin:0px;
        padding:0px;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.2);
    }
    
    #diaporamaReduceMap {
        width:100%;
        height:200px;
    }
    
    #datepicker {
        display: none;
        margin-left: -15px;
        margin-top: 10px;
    }
}


@media only screen and (max-width: 400px)
{
    .cellBlockLarge, .cellBlockHome {
        display:inline-block;
        width:100%;
        height:240px;
        background-position:center;
        background-size:100% auto;
        margin:0 0% 20px 0%;
        text-decoration:none;
        float:left;
        text-align:left;
        background-color:#f5f5f5;
    }
    
    .visualCellLarge, .visualCellHome {
        display:inline-block;
        width:100%;
        height:160px;
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:center center;
    }
    
    .moreHomeLarge, .moreHomeHome {
        display: none;
        position: absolute;
        width: 100%;
        height:240px;
        margin:0px;
        padding:0px;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.2);
    }
    
    
    .cellBlockCloseLink {
        display:inline-block;
        width:98%;
        height:220px;
        background-position:center;
        background-size:100% auto;
        margin:0px 0% 30px 0%;
        padding-left:2%;
        text-decoration:none;
        float:left;
        text-align:left;
        background-color:#f5f5f5;
    }
    
    .visualCellCloseLink {
        display:inline-block;
        width:98%;
        height:160px;
        margin-top:10px;
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:center center;
    }
    
    .moreHomeCloseLink {
        display: none;
        position: absolute;
        width: 100%;
        height:220px;
        margin:0px;
        padding:0px;
        z-index: 100;
        background-color: rgba(0, 0, 0, 0.2);
    }
    
    #textBlock p  {
        width:100%;
        float:left;
        margin-bottom:-5px;
    }
}



@media only screen and (max-width: 340px)
{
    #mobileTitle {
        font-size:0.7em;
    }
    
    .cellBlockLarge {
        margin:0 0% 20px 0%;
        text-decoration:none;
        float:left;
        text-align:left;
    }
    
    #imageBlock {
        display:inline-block;
        width:100%;
        height:240px;
        background-size:auto 100%;
        background-position:center;
        margin-top:-3px;
        background-repeat:no-repeat;
    }
    
    .macaron {
        margin-top:0px;
        margin-right:0px;
    }
}