/* @media Queries for mobiles */

@media (max-width: 767px){
	/*.wrapper-block{
        width:440px;
        margin:0 auto;
    }*/
    
    #autres_liens{
        background-color: #FFFFFF;
        border-top: 1px solid #B8BBBB;
        height: 25px;
        left: 0;
        position: absolute;
        width: 100%;
        text-align:center;
        padding-top:5px;
    }
    
/*     #header_middle { */
/*         margin-top: 25px; */
/*     } */
    
    .header-middle img{
    	max-width:80px;
    	max-height:30px;
    }
    
/*     .header-middle .main-logo{ */
/*     	display: block; */
/* 	    margin-bottom: 20px; */
/* 	    text-align: left; */
/*     } */
    
    .header-middle .main-logo img{ max-width: initial; max-height: 53px; }
    
    .direct-access > li > div{
    	position: absolute;
    	z-index:4;
    	right:0;
    	top:110px;
    	left:0;
    	height:0;
/*     	text-align:right; */
    }
    
    .direct-access > li > div > ul{
/*     	position:absolute; */
    	right:0;
    	left: 0;
    }
    
    .direct-access > li > div > ul > li > a:link,
    .direct-access > li > div > ul > li > span{
    	text-align: left;
    	
    }
    
     .direct-access > li > div .direct-access-portail{
        background: url("../img/btn_ressources.png") no-repeat scroll right center transparent;
        width:39px;
        height:36px;
        display:inline-block;
        margin-right:11px;
        float: right;
        text-indent:-9999px;
        margin-top:4px;
    }
    
    .direct-access > li > div .direct-access-agenda{
        background: url("../img/btn_agenda.png") no-repeat scroll right center transparent;
        width:39px;
        height:36px;
        display:inline-block;
        margin-right:5px;
        margin-top:4px;
         float: right;
         text-indent:-9999px;
    }
    
    .direct-access > li > div .direct-access-numerique{
        background: url("../img/btn_souris.png") no-repeat scroll right top transparent;
        width:39px;
        height:40px;
        display:inline-block;
        float: right;
        text-indent:-9999px;
        margin-right:5px;
        margin-top:4px;
    }
    
    .direct-access > li > div .direct-access-festival,
    .direct-access > li > div .direct-access-partenaires{
    	position:absolute;
    	left:-2000px;
    	top:-2000px;
    }
    
    .direct-access > li > div > ul > li > div{
    	display:none;
    }
    
    .direct-access > li > div > ul > li.hover > div{
    	background-color: #DCD0C2/* AMETYS ("default.default.secondary.light") */;
    	position:absolute;
    	left: 0;
    	right:0; 
    	top:44px;
    	z-index:3;
    	width:100%;
    	display:block;
    }
    
    #header .nav{
        padding-top: 6px;
        position: static;
        height:50px;
        z-index:5;
    }
    
    #header .nav ul.menu{
    	height:0;
    	width:39px;
    }
    
    #header .nav ul.menu > li > span{
    	position:static;
    }
    
    #header .nav .menu > li > span{
        background: url("../img/btn_menu.png") no-repeat scroll left center transparent;
        width:37px;
        height:36px;
        display:inline-block;
        text-indent:-9999px;
    }
    
    #header .nav ul.menu > li > span, .nav ul.menu > li > a:link, .nav ul.menu > li > a:visited{
        color: #23292c;
        height: 44px;
        line-height: 40px;
        margin-top:-2px;
        padding:0 10px;
        margin-left:11px;
        display:inline-block;
        width:100%;
        text-transform:uppercase;
    }
    
    #header .nav ul.menu > li > ul > li > span, 
    #header .nav ul.menu > li > ul > li > a:link,
    #header .nav ul.menu > li > ul > li > a:visited,
    .direct-access > li > div p{
        font-weight: bold;
        color: #23292c;
        margin:0 0 0 11px;
        line-height: 1.5;
    }
    
    .direct-access > li > div p{
    	border-top:1px solid #FFFFFF;
    	font-size:1.9em;
    }
    
    .nav ul.menu>li>ul{
        display:none;
        font-size:1.9em;
        line-height:normal;
    }
    
    #header  .nav ul.menu > li.hover ul,
    .direct-access > li > div > ul > li.hover > div{
    	display:block;
    	left: 0;
        line-height: normal !important;
        right: 0;
        width:100%;
        z-index: 3;
    }
    
    #header .nav ul.menu > li.hover ul.main-menu,
    .direct-access > li > div > ul > li.hover > div{
    	position: absolute;
    }
    
    #header .nav .menu > ul li{
        position:relative;
    }
    
    #header .nav .menu > ul > li{
        border-top:1px solid white;
        width:30px;
    }
    
    #header .nav .submenu ul{
    	font-size:.5em;
    	line-height:normal;
    }
    
    #header .nav .submenu ul > li > a:link{
    	font-weight:bold;
    }
    
    #header .nav .submenu a:link,
    #header .nav .submenu a:visited{
    	color: #23292c;
    }
    
	#header .nav .submenu .know-more{
	    color: #23292c;
	    display: block;
	    font-size: 0.8em;
	    margin-left: 11px;
	    padding-bottom: 5px;
	}
    
    #header .search-form{
        clear: both;
        float: left;
        margin-left: 41px;
        margin-top: -42px;
        position:relative;
        width:40%;
    }
    
    #header .search-form input.search-button{
    	position:absolute;
    	right:0;
    	top:0;
    }
    
    #header .search-form input.input-text{
    	width: 100%;
    	position:relative;
    }
    
    .search-form form ul{
        display:none;
    }
    
/*     .submenu, .nav .submenu ul > li, .subsubmenu, */
/*     .direct-access ul > li ul li, */
    #header .nav ul li ul li, .direct-access > li > div > ul > li ul li{
        border-top:1px solid white;
    }
    
    #header .nav .submenu ul > li > a:link,
    #header .nav .submenu ul > li > a:visited,
    .direct-access ul > li > div > ul > li a:link,
    .direct-access ul > li > div > ul > li a:visited
    {
        color:#232a2c;
        font-size:1.2em;
        background: url("../img/menu_fd.png") no-repeat scroll 10px center transparent;
        padding-left:20px;
        height:22px;
        line-height:22px;
        font-weight:bold;
    }
    
    #header .subsubmenu{
        background-color:#CAB59D/* AMETYS ("default.default.secondary.medium", "Couleur intermédiaire") */;
        display:none !important;
    }
    
    #header .nav .submenu ul{
    	position:static;
    }
    
    #header .nav .submenu ul > li.hover .subsubmenu{
        display:block !important;
    }
    
    #header .nav .subsubmenu > li{
        border:0 !important;
    }
    
    #header .nav .subsubmenu > li > a:link{
        background:none !important;
/*         font-size:1.2em FONTSIZE; */
        text-transform:none;
        font-weight:bold;
    }
    
    /* main-content */
    
    #main-content,    
    #main-content > .innertube{
    	position:static;
    }
    
/*     .header-content{ */
/*         margin-top:33px; */
/*     } */
    
    
    /* main-content */
    
    /* footer */
    .footer{
    	margin-top:22px;
    }
	
    .footer .contact{
        padding:28px 9px 0 9px;
    }
    
    .footer .social-networks{
        position:absolute;
        top:22px;
        right:0;
        border-left:1px solid #c8beb2;
    }
    
    .footer .contact img{
    max-width:50%;
    height:auto;
}
    
    /* footer */
    
    /* article */
    
    .col-right ul li .submenu{
    	border-top-width:0;
    }
    
    .col-right{
        margin: 0 -11px;
    }
    
    .col-right{
    	float:left;
    	width:100%;
    }
    
    .col-content:before{
    	clear:both;
    	content: " ";
    	display:block;
    }
    
    .share{
        display:none !important;
    }
    
    /* article*/
}
	
/* @end */