/*
 *  Copyright 2012 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */


/* forcer le retour à la ligne de la remontée de contenus suivantes pour ne pas apparaitre sous les accès directs */
#ametys-cms-zone-default > div:first-child + div{
	clear:both;
}

@media (min-width: 768px){
		
	/* main-content */
    .js #main-content{ 
    	top:460px/* AMETYS ("default.default.top.index", "Marge haut") */; 
    }
    
    /* search form TODO pour gérer dans skin factory */
    #header .search-form {
	    margin-top: -52px;
	}
	
	/* TODO pour gérer dans skin factory */
	#header .search-form input.input-text {
	    height: 31px;
	    line-height: 31px;
	}
    
    
    /* Direct access */
    .direct-access > li > div{
        width:228px;
        float:right;
        margin-top:22px;
    }
    
    .direct-access > li > div > ul > li:first-child,
    .direct-access > li > div > ul > li.hover:first-child{
        height:99px;
        background: url("../../../../resources/img/direct_access_portail.png") no-repeat scroll 180px 62px #AD1700;
        background-color: #AD1700/* AMETYS ("default.default.contrast.dark") */;
        width:226px;
        margin-right:0;
    }
    
    .direct-access > li > div > ul > li:first-child a:link{
        line-height:20px;
    }
    
    .direct-access > li > div > ul > li:first-child a span{
        display:block;
        font-size:2.1em;
        margin-top:12px;
    }
    
    .direct-access > li > div > ul > li > a:link,
    .direct-access > li > div > ul > li > a:visited,
    .direct-access > li > div > ul > li > a,
    .direct-access > li > div > ul > li > span{
        color: #fff;
        font-weight: bold;
        text-transform:uppercase;
        color:white;
        padding:16px 14px;
        display:inline-block;
        height:100%;
        width:100%;
        line-height:15px;
    }
    
    .direct-access > li > div > ul > li > a:hover{
        text-decoration:none;
    }
    
    .direct-access > li > div > ul > li{
        height:99px;
        background: url("../../../../resources/img/direct_access_bg.png") no-repeat scroll bottom left #444A4B;
        float:left;
        width:112px;
        height:117px;
        margin-left:2px;
        margin-bottom:2px;
        position:relative;
        z-index:3;
    }
    
    .direct-access-partenaires{
        background: url("../../../../resources/img/direct_access_partenaires.png") no-repeat scroll 70px 75px transparent;
    }
    
    .direct-access-festival{
        background: url("../../../../resources/img/direct_access_festival.png") no-repeat scroll 70px 75px transparent;
    }
    
    .direct-access-agenda{
        background: url("../../../../resources/img/direct_access_agenda.png") no-repeat scroll 70px 75px transparent;
    }
    
    .direct-access-numerique{
        background: url("../../../../resources/img/direct_access_numerique.png") no-repeat scroll 70px 75px transparent;
    }
    
    .direct-access > li > div > ul > li.hover > div{
        left:-114px;
        top:117px;
    }
    
    /* La première remontée de contenus affiche 2 blocs seulement avant les accès directs */
    #main-content #ametys-cms-zone-next-to-direct-access  .ametys-cms-service.filtered-contents.filtered-contents-illustration,
    #main-content #ametys-cms-zone-next-to-direct-access > div > .ametys-cms-content
    { 
    	width:485px;
    	display:inline-block;
    }
    /* pour affichage correct dans le BO */ 
    #main-content.bo #ametys-cms-zone-next-to-direct-access
	{ 
    	width:500px;
    }
    #main-content #ametys-cms-zone-next-to-direct-access .ametys-cms-service.filtered-contents.filtered-contents-illustration .content-list li.even,
    #main-content.bo #ametys-cms-zone-next-to-direct-access .ametys-cms-service.filtered-contents.filtered-contents-illustration .content-list li.even{
        margin-right:0 !important;
    }
    #main-content #ametys-cms-zone-next-to-direct-access .ametys-cms-service.filtered-contents .content-list li.third,
    #main-content.bo #ametys-cms-zone-next-to-direct-access .ametys-cms-service.filtered-contents .content-list li.third{
    	margin-right:28px !important;
    }
    
    .rss{ margin-top:12px; }
    
}

@media (min-width: 990px) {
		
 	#header .search-form{ margin-bottom:-58px; } /* TODO pour gerer dans skin factory */
		
	/* La première remontée de contenus affiche 2 blocs seulement avant les accès directs */
    #main-content #ametys-cms-zone-next-to-direct-access  .ametys-cms-service.filtered-contents.filtered-contents-illustration,
    #main-content #ametys-cms-zone-next-to-direct-access > div > .ametys-cms-content
    { 
    	width: 740px; /* INHA-70 */
    	display:inline-block;
    }
    /* pour affichage correct dans le BO */ 
    #main-content.bo #ametys-cms-zone-next-to-direct-access
	{ 
    	width: 762px;
    }
    
    #main-content #ametys-cms-zone-next-to-direct-access .ametys-cms-service.filtered-contents.filtered-contents-illustration .content-list li{
    	margin-right:28px;
    }
    #main-content #ametys-cms-zone-next-to-direct-access .ametys-cms-service.filtered-contents.filtered-contents-illustration .content-list li.even,
    #main-content.bo #ametys-cms-zone-next-to-direct-access .ametys-cms-service.filtered-contents.filtered-contents-illustration .content-list li.even{
        margin-right:28px !important;
    }
    #main-content #ametys-cms-zone-next-to-direct-access .ametys-cms-service.filtered-contents.filtered-contents-illustration .content-list li.third,
    #main-content.bo #ametys-cms-zone-next-to-direct-access .ametys-cms-service.filtered-contents.filtered-contents-illustration .content-list li.third{
    	margin-right:0 !important;
    }
    
     ul.tools{
     	margin-top:37px;
        width:230px;
        float:right;
        background-color:#DCD0C2/* AMETYS ("default.default.secondary.light") */;
        min-height:100%; /* pour avoir la couleur de fond jusqu'au pied de page */
        max-height:100%; /* pour avoir la couleur de fond jusqu'au pied de page */
    }
    
}

@media (min-width: 1400px) {

	.direct-access >li > div > ul > li.hover > div{
	    left:112px;
	    top:0;
	}
	
}