@media screen and (max-width: 1000px){
    /**************************************************************/
    /* TWITTER */
    /**************************************************************/
    
    .twitter{
        max-width:200px;
    }
    
    /**************************************************************/
    /* ALBUM PHOTOS */
    /**************************************************************/
    
    #video-photo{
        height:357px;
        margin-left:-317px;
        margin-top:-178px;
        position:absolute;
        width:635px;
    }
    
    .video-photo{
        height:327px;
        width:605px;
    }
    
    /**************************************************************/
    /* VIDEO YOUTUBE */
    /**************************************************************/
    
    #video-photo iframe{
        height:327px;
        width:605px;
    }
}

@media screen and (max-width: 768px){
    
    body{
        background:url(../img/body-back.jpg) no-repeat left top;
        background-size:auto;
        background-size:auto;
        -moz-background-size:auto;
        -webkit-background-size:auto;
    }
    
    #header{
        left:auto;
        overflow:hidden;
        position:relative;
        top:auto;
        width:100%;
    }
    
    #header-logo{
        height:66px;
        max-width:440px;
        width:100%;
    }
    
    #btn-vos-evenements{
        display:none;
    }

    /**************************************************************/
    /* MENU */
    /**************************************************************/ 

    #menu{
        margin:30px auto;
        overflow:scroll;
        position:static;
        width:90%;
    }
    
    .menu-event{
        float:none;
        margin-right:auto;
        position:static;
        width:100%;
    }
	
	.menu-image{
        max-height:400px;
		overflow:hidden;
		width:100%;
	}
    
    .menu-event:first-child{
        margin-left:auto;
    }
    
    .menu-event:last-child{
        margin-right:auto;
    }
    
    .menu-event-content{
        background:#11293c;
        border-top:solid 5px #fac709;
        padding:20px 0px;
        position:static;
        width:100%;
    }
    
    .menu-event-content-titre{
        font-family: 'Fjalla One', sans-serif;
        font-size:120%;
        padding:0px 20px;
    }
    
    .menu-event-content-activite{
        padding:0px 20px;
    }

    /**************************************************************/
    /* NAVIGATION */
    /**************************************************************/    
    #navigation{
        right:20px;
        top:75px;
    }
    
    /**************************************************************/
    /* EVENT */
    /**************************************************************/
    
    #events{
        background:#FFFFFF;
    }
    
    .event{
        background-size:auto;
        bottom:auto;
        left:auto;
        position:static;
        right:auto;
        top:auto;
    }
	
	.event-back{
		visibility:hidden;
	}
    
    .event-content{
        bottom:auto;
        left:auto;
        margin:0px auto;
        padding:40px 0px 20px 0px;
        position:relative;
        width:80%;
    }
    
    .event-titre span{
        font-size:200%;
        line-height:140%;
        padding:5px 5px;
    }
    
    .event-header-mobile{
        display:block;
    }
    
    /**************************************************************/
    /* FOOTER */
    /**************************************************************/    
    
    #footer{
        height:auto;
        position:static;
        text-align:center;
        width:100%;
    }
    
    #footer ul{
        display:block;
        float:none;
    }
    
    #footer-credit:link,
    #footer-credit:visited{
        border-top:solid 1px #E3E3E3;
        display:block;
        height:auto;
        margin-top:5px;
        position:static;
        right:auto;
        width:100%;
    }
    
    /**************************************************************/
    /* TWITTER */
    /**************************************************************/
    
    .twitter{
        display:none;
    }
    
    /**************************************************************/
    /* ALBUM PHOTOS ET VIDEO */
    /**************************************************************/
    
    #video-photo{
        border:solid 10px #FFFFFF;
        height:180px;
        left:0px;
        margin:20px auto 100px auto;
        position:static;
        width:320px;
    }
    
    .video-photo{
        height:180px;
        overflow:hidden;
        width:320px;
    }
    
    #video-photo iframe{
        height:160px;
        width:300px;
    }
    
    #video-photo a.nav-left,
    #video-photo a.nav-right{
        margin-top:auto;
        top:280px;
    }
    
    #video-photo a.nav-left{left:100px;}
    #video-photo a.nav-right{right:100px;}
    
    #video-photo a.close{
        left:50%;
        margin-left:-23px;
        right:auto;
        top:280px;
    }
    
    #video-photo-content{
        overflow:hidden;
    }
    
    .video-photo p{
        display:none;
    }
    
    .video-photo img{
        width:300px;
    }
    
    #photo-nb{
        display:none;
    }

}