/* @media Queries for tablettes */

@media (min-width: 768px){

	/* GLOBAL */
	
	body{
		min-width:760px;
	}
    
    #header_top .wrapper-block{
        padding:0 10px;
    }
    
    .wrapper-block{
        padding:0;
        width:760px;
        margin:0 auto;
    }
    
    .grey_bg{
        background-color:#f7f5f1;
        padding:23px 18px;
    }
    
    /* GLOBAL */
    
    /* HEADER */
    
    #header_top a:link, #header_top{
        height:26px;
        display:block;
    }
    
    #header_top #autres_liens{
        margin-left:25px;
        margin-top:6px;
    }
    
    #header_middle{
        padding:15px 0;
    }
    
    #header_top #acces_contraste{
        line-height:26px;
        display: inline-block !important;
    }
    
    #header_top #autres_liens{
        display: inline-block;
    }

    #header_top #autres_liens ul li a:link {
        display: none;
    }
    
    #header .nav{
        height:60px;
    }
    
    #header .nav a:link, #header .nav a:visited, .nav span{
        font-family: "Istok Web", Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        color:#FFFFFF;
        font-weight: bold;
    }
    
    #header .nav .menu{
    	font-size:1.3em;
    }
    
    #header .nav .menu > li > ul > li {
        float: left !important;
    }
    
    #header .menu{
    	position:relative;
    	z-index:3;
    }
    
    #header .menu > ul{
        background:none;
        display: inline-block;
        height: 60px;
        width: 100%;
        position:relative;
        z-index:3;
    }
    
     #header .menu > li > span{
        position:absolute;
        left:-2000px;
        top:-2000px;
    }
    
    #header .menu > li > ul > li{
        float:left;
        background: url("../img/ombre_menu.png") no-repeat scroll right center transparent;
    }
    
    #header .menu > li > ul > li.last {
	    background-image: none;
	}
    
    #header .menu > li > ul > li > a:link, 
    #header .menu > li > ul > li > span{
        line-height:60px;
        padding:14px /* AMETYS ("default.menu.item.padding") */;
    }
    
    #header .submenu{
        left:0;
/*         top:60px; */
        position:absolute;
        background-color:#DCD0C2/* AMETYS ("default.default.secondary.light") */;
        padding:33px 20px 33px 20px;
        font-size:.8em;
    }
    
    #header .submenu ul > li{
        border-top:1px solid #c9bbaa;
        border-color: #CAB59D/* AMETYS ("default.default.secondary.medium") */;
        width:188px;
        margin-left:10px;
        padding:10px 0;
    }
    
    #header .submenu ul > li:first-child,
    .col-right .submenu ul > li:first-child{
        border-top:0;
    }
    
    #header .submenu ul > li > a:link,
    #header .submenu ul > li > a:visited{
        color:#2d3638;
        text-transform:uppercase;
        height:36px;
        line-height:normal;
        display:inline-block;
        width:100%;
        height:100%;
        text-decoration:none;
    }
    
    #header .submenu a:link{
    	text-decoration:none;
    }
    
    #header .submenu .title{
        font-family: 'Crimson', Times, serif;
        font-size:2.2em;
        font-weight:normal;
        color: #2D3638;
        display:block;
        line-height:26px;
        margin-bottom:16px;
    }
    
    #header .submenu .know-more{
        color: #23292c;
        text-transform:uppercase;
        font-weight: bold;
        background: url("../img/fd_submenu.png") no-repeat scroll left center transparent;
        padding-left:20px;
    }
    
    #header .submenu-header:hover{
        text-decoration:none;
    }
    
    #header .submenu-header{
        float:left;
        width:208px;
    }
    
    #header .submenu ul{
        float:left;
        margin-top:-14px;
    }
    
    #header .submenu ul.last{
        margin-left:27px;
    }
    #header .submenu ul.last a:link{
        width:110%;
        display:block;
    }
    
    .col-right .submenu ul > li{
    	margin:0;
    	padding:0;
    }
    
    .search-form{
        /* commenté par Jonh */
        float: right;
/*         margin-right: 10px; */
        margin-top: -47px;
        /* comments */
        position:relative;
        z-index:3;
    }
    
    #header .search-form input.input-text{
        width:200px;
    }
    
    #header .search-form > form > div{
    	position:relative;
    }

	#header .search-form > form > div .search-button{
		position:absolute;
		right:0px;
	}

    .white_bg{
        padding:0 15px;
    }
    
/*     .header-content .know-more{ */
/*         margin-top:-25px; */
/*     } */
    
    /* diaporama */
    
    /* direct access */
    .direct-access > li > div > ul{
    	font-size: 1.2em;
    }
    
    .direct-access > li > div > ul > li div{
        position:absolute;
        left:-2000px;
        top:-2000px;
        z-index:3;
    }
    
    .direct-access > li > div > ul > li.hover{
        background-color: #CAB59D/* AMETYS ("default.default.secondary.medium") */;
    }
    
    .direct-access > li > div > ul > li div{
        background-color:#DCD0C2/* AMETYS ("default.default.secondary.light") */;
        width:226px;
        padding-bottom:23px;
    }
    
    .direct-access > li > div > ul > li div p{
        background: url("../img/direct_access_souris.png") no-repeat scroll 0 0 transparent;
        color: #23292c;
        font-size: 1.3em;
        font-weight: bold;
        text-transform:uppercase;
        margin:20px 0 20px 20px;
        padding-left:32px;
        line-height:29px;
    }
    
    .direct-access > li > div > ul > li div ul li{
        border-top:1px solid #cdbdab;
        border-color: #CAB59D/* AMETYS ("default.default.secondary.medium") */;
        line-height:2;
    }
    
    .direct-access > li > div > ul > li div ul{
    	font-size:1.1em;
    }
    
    .direct-access > li > div > ul > li div ul li a:link,
    .direct-access > li > div > ul > li div ul li a:visited,
    .direct-access > li > div > ul > li div ul li span{
        background: url("../img/menu_fd.png") no-repeat scroll 0 4px transparent;
        padding-left:18px;
        display:inline-block;
        margin:5px 5px 5px 23px;
        color: #23292c;
        font-weight: bold;
        line-height:1.5;
    }
    
    /* direct access */
    
    .share{
    	margin-left: 480px;
    }
    
    /* footer */
    
    .footer{
        margin-top:82px;
        display:inline-block;
        width:100%;
/*         background:url('../img/bg-footer.png') repeat-y left top; */
    }
    
    .footer .contact {
        float:left;
        width:187px;/* 202 - 15 */
        padding:21px 14px;
/*         height:380px; */
    }
    
/*     .footer .contact .carte { */
/*         margin-bottom:22px; */
/*     } */
    
    .footer .contact .sorbonne img, .footer .contact .hesam img {
        max-width:78px;
        position:absolute;
        left:-2000px;
        top:-2000px;
    }
    
    .footer .contact .sorbonne{
        position:relative;
        display:inline-block!important;
        width:68px;
        height:64px;
        float:right;
        overflow:hidden;
        background-image:url('../img/min-ens0.png');
    }
    
    .footer .contact .sorbonne:hover{
    	background-image:url('../img/min-ens1.png');
    }
    
    .footer .contact .hesam{
	float:left;
        display:inline-block!important;
        position:relative;
        width:68px;
        height:64px;
        overflow:hidden;
        background-image:url('../img/min-culture0.png');
        margin-right:20px;
    }
    
    .footer .contact .hesam:hover{
    	background-image:url('../img/min-culture1.png');
    }
    
    .footer #droite_footer {
        float:right;
        width:543px; /* 557 - 15 */
        display:inline-block;				
/*         height:380px; INHA-138 */
    }
    
    .footer .footer-links {
        float:left;
        width:417px;/* 424 - 8 */
    }
    
    .footer .footer-links h4{
    	background-image: url("../img/vsetns2-contrast.png");
    	background-position:left top;
    	padding-left:35px;
    	font-size:1.6em;
    	padding-top: 2px;
    }
    
    .footer .footer-menu{
        background-color:#232a2c;
        display:table !important;
        width:100%;
/*         height:222px; */
		padding:0 15px 15px;
        padding-top:18px;
        
    }
    
    .footer .footer-menu>ul{
        max-width:21%;
        font-size:1.3em;
        display:table-row;
    }
    
    .footer .footer-menu ul ul{
    	padding:0;
    	margin:0;
    	display:block;
    	font-size:.9em;
    	margin-top:20px;
    }
    
    .footer .footer-menu ul li.first{
    	background-image:none;
    	padding-left:0;
    	width:18%;
    }
    
    .footer .footer-menu ul li{
        color: #fff;
        font-family: "Istok Web", Arial, Helvetica, sans-serif;
/*         text-transform:uppercase; */ /*INHA-121*/
        display:list-item;
    }

    .footer .footer-menu > ul > li{
/*         font-family: "Crimson", Times, serif; INHA-115 : Supprimer Crimson et Gras du pied de page */
        font-weight:bold;
    	display:table-cell;
    	padding:0 5px 0 10px;
    	max-width:120px;
    	width:20%;
    	background: url("../img/footer_menu_bg.png") repeat-y scroll left 0 transparent;
    }
    
    .footer .footer-menu ul li ul li{
        color: #fff;
        font-family: "Istok Web", Arial, Helvetica, sans-serif;
        font-weight:normal;
        line-height:20px;
/*         text-transform:capitalize; INHA-115 */
    }
    
    .footer .footer-menu ul li a:link,
    .footer .footer-menu ul li a:visited{
    	color:#ffffff;
    }
    
    /* footer */
    
    /* main-content */
    
    /* article */
    
    .ametys-cms-content.article .content-illustration.big,
    .ametys-cms-content.bibliotheque .content-illustration.big,
    .ametys-cms-content.institution .content-illustration.big,
    .ametys-cms-content.news .content-illustration.big,
    .ametys-cms-content.resources-content .content-illustration.big,
    .ametys-cms-content.audiogallery  .content-illustration.big,
    .ametys-cms-content.multimediagallery  .content-illustration.big,
    .ametys-cms-content.photosgallery .content-illustration.big{
        padding:5px;
        border:1px solid #dad9d7;
    }
    
    .ametys-cms-content.article form .fifty:first-child{
        float:left;
        width:48%;
    }
    
    .ametys-cms-content.article form .fifty{
        float:right;
        width:48%;
    }
    
    .col-right .ametys-cms-service h2,
    .col-right .ametys-cms-service h3{
        color: #23292c;
/*         margin-top:45px !important; */
/*         background:none !important; */
    }
    
    .ametys-cms-service ul li a.url{
        color: #23292c;
/*         line-height:2; */
        background:url("../img/menu_fd.png") no-repeat scroll 0 center transparent;
    }
    
    /* article */
    
    /* rubrique */
    
    body.rubrique{
        background: url("../img/bg_rubrique.jpg") no-repeat scroll center top #f1ece4;
    }
    
    /* rubrique */
    
}

/* @end */