/* Glanum - Responsive Design Stylesheet
*
* Vous pouvez faire une recherche global de l'expression "RULE"
* pour passer rapidement d'une règle à l'autre
*
* L'ordre des règles ne doit pas être modifié
*
* USAGE :
* Définissez vos règles pour un écran entre 980px et 1024px dans un fichier stylesheet appellé avant ce fichier
* Dans ce fichier définissez les surcharges en considérant premièrement la réduction puis l'agrandissement
*
* @author thomas corbin <thomas[at]glanum.com>
================================================== */

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

	/* HEADER */
	header .logo {
		width: 750px;
	}
	header .log {
		margin-left: 750px;
	}
	header .log ul li a {
		padding: 45px 0 10px;
	}
	header .log ul li.contact a {
		background-position: center 15px;
	}
	header .log ul li.about a {
		background-position: center 10px;
	}
	header .log p.account a {
		line-height: 34px;
	}

}

/* RULE: Ecrans inférieur à 980px ( tablettes et smartphones )
================================================== */
@media screen and (max-width: 991px) {

	/* HEADER */
	header .log ul {
		float: left;
		width: 50%;
	}
	header .log p.account {
		margin-left: 50%;
	}
	header .log p.account a {
		line-height: 35px;
	}
	header .logo {
		float: none;
		width: auto;
	}
	header .log {
		margin-left: 0;
	}
	header .log ul li.contact a,
	header .log ul li.about a {
		background-image: none;
		padding-top: 0;
		padding-bottom: 0;
		line-height: 35px;
	}

}

/* RULE: Ecrans inférieur à 768px ( tablettes portrait et smartphones )
================================================== */
@media screen and  (max-width: 767px) {

	/* ESTATE */
	.edito.estate-title ul {
		position: relative;
		height: 51px;
	}
	.edito.estate-title h1 {
		font-size: 2.6em;
		padding-right: 0;
	}
	/* SIDEBAR */
	.sidebar.sortby h2 {
		margin: 0;
	}		.sidebar.archives h2 {		margin: 0;	}
	.sidebar aside {
		margin-left: 0; 
		margin-right: 0; 
	}

	/* MAIN */
	.pull-right.main {
		float: none!important;
		margin-bottom: 20px;
	}

	/* FOOTER */
	footer {
		padding: 20px 0;
	}
	footer .col.sponsors a {
		display: block;
	}
	footer .row-col {
		display: block;
		padding: 0;
	}
	footer .col.footer-menu p {
		margin-top: 0;
	}
	footer .col {
		border-top: 1px solid #6c6062;
		display: block;
		border-left: 0 solid #6c6062;
		padding-top: 20px;
		margin-bottom: 20px;
		float: left;
	}
	footer .col:first-child {
		border-top: 0 solid #6c6062;
	}
	.ref-price li {
		line-height: 30px;
	}
	.ref-price li.price {
		font-size: 1.2em;
	}
	.ref-price li.ref {
		font-size: 1.2em;
	}

	.slider-home .box {
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 20px 20px 27px;
	}
	.slider-home .box h2 {
		font-size: 1.3em;
	}
	.slider-home .box p {
		display: none;
	}
	.slider-home .box p.price {
		display: block;
		font-size: 1.2em;
	}

	.zoom-img {
		display: none!important;
	}
}

/* RULE: Ecrans inférieur à 480px ( petits smartphones )
================================================== */
@media screen and (max-width: 479px) {

	/* HEADER */
	header .log ul {
		float: none;
		width: auto;
	}
	header .log p.account {
		margin-left: 0;
	}

}