@media screen and (max-width: 1020px) {
        div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune {
                width: 25%;  
	}
        div#zoneHaut div.IndeXysPortletUrl p.titre {
                font-size: 2em; 
	}
}

@media screen and (max-width: 780px) {

        div#zoneCentre {
               padding-left: 0;  
        }
        div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune {
                width: 32%;  
	}
        div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.titreSelection h3 {
                font-size: 2em;   
	}
        div#zoneDroite {
               display: none; 
        }
        div#zoneHaut div.IndeXysPortletRecherche {
                position: relative; top: 0; left: 0; width: auto; margin: 0; margin-top: 5px; padding: 90; padding-left: 10px; padding-right: 10px; 
	}
        div#zoneHaut div#liens-externes.IndeXysPortletNavigationRubrique {
                position: relative; top: 0; left: 0; 
	}
        div#zoneHaut div.IndeXysPortletUrl p.titre {
                position: relative; top: 0; left: 0; font-size: 1.6em; margin-top: 30px; padding: 0; width: 100%; height: 30px; 
	}
        div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique {
                top: 150px; right: 20px; 
        }
        div#zoneHaut div.IndeXysCommercePortletTitrePanier {
                top: 240px; right: 20px; 
        }
        div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique {
                top: 310px; right: 20px; 
        }
}

@media screen and (max-width: 640px) {
        div#zoneCentre div.IndeXysPortletTribuneSelectionFavoriPublication div.listeFavoriPublication div.information.tribune {
                width: 42%;  
	}
        div#zoneGauche {
                height: 90px; padding-left: calc(50% - 240px); 
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires {
                width: 160px;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.plv-stand {
                width: 160px;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.imprimes-personnalisables {
                width: 160px;
	}
        div#zoneHaut div.IndeXysPortletUrl p.titre {
                font-size: 1.6em; 
	}
}

@media screen and (max-width: 480px) {
        div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique {
                width: 50px; height: 150px;
	}
        div#zoneHaut div#nav-compte.IndeXysPortletNavigationRubrique div.contenuPortlet ul li a span.out {
                display: none;
	}
        div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique {
                width: 50px; top: 250px; 
	}
        div#zoneHaut div#nav-demande-devis.IndeXysPortletNavigationRubrique div.contenuPortlet ul li a span.out {
                display: none;
	}
        div#zoneHaut div.IndeXysCommercePortletTitrePanier {
                width: 50px; top: 200px; 
	}
        div#zoneHaut div.IndeXysCommercePortletTitrePanier div.titreRubrique h3 a span {
                display: none;
	}
        div#zoneHaut div.IndeXysCommercePortletTitrePanier div.montant {
                display: none;
	}
        div#zoneHaut div.IndeXysCommercePortletTitrePanier div.quantite {
                display: none;
	}
         div#zoneGauche {
                height: 90px; padding-left: calc(50% - 150px); 
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li a {
                font-size: 0.5em;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li ul {
                left: 0; 
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li ul li a {
                font-size: 1.2em;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.objets-publicitaires {
                width: 100px;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.plv-stand {
                width: 100px;
	}
        div#zoneGauche div#nav-rayons.IndeXysPortletNavigationPublication div.menuDeroulant ul li.imprimes-personnalisables {
                width: 100px;
	}
        div#zoneHaut div.IndeXysPortletUrl {
                padding-left: 20px; padding-right: 20px; 
	}
        div#zoneHaut div.IndeXysPortletUrl p.titre {
                font-size: 1.3em; 
	}
}