/* @group Media Queries */

/* Smartphones (landscape) ----------- 
 * Menu is moved to sidebar
*/
@media only screen 
and (min-width : 740px) {
			
		body {
			font-size: 17px;
		}	
			
		h1.site-title {	
			font-size: 140%;
		}	
			
		.menu-link {
			display: none;
		}
		
		.contenu {
			padding-left: 12em;
/*			padding-top: 6.5em;*/
			padding-top: 3.5em;
			padding-right: 1em;
			padding-bottom: 3em;
			/*width:100%;*/
		}
		
		.mini-cal {
			margin-top: 0.3em;
/*			margin-left: 6em;*/
			padding-right: 1em;
		}
		
		.bloc-navig { 
			font-size: 0.9em;
			padding-bottom: 1em;
			position: fixed;
			/*top:  7em;*/
			top:  3.5em;
			clear:left;
			width: 12em;
		}
		
		.admin-bar .bloc-navig {
			top:  82px;
		} 
		
		.bloc-navig ul {
			margin-bottom: 1em;
		}
		
		.bloc-navig ul li {			
			clear: left;
			line-height: 1em;
    		margin: 0.2em 0;
		}
			
		.bloc-navig li a {
			border: 0px;
			padding: 0;
		}
		
		
	
		ul.navigation-top {
			border-top: 0;
			padding-top: 0;
		}
		.navigation-top .li-first {
			margin-top: 0;
		}
		
		.contenu .art-box .art-date {
			display: block;	
		}
		
		.contenu div.art-sommaire {
			width: 60%;
			left: 20px;
			padding-right: 15px;
		}
		
		span.summary {
			display: none;
		}
		
		
		.contenu .intro {
			padding-left: 9em;
		}
		.contenu .intro-redac {
			padding-left: 13em;
		}
		.intro-block {
			min-height: 10em;
		}
		.programme-txt {
		 max-width: 35em;	
		}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 860px) {

	.propaganda { 
		width:100%;
		float: left;
		margin: 0.5em 0 0.3em 0;
	}
	
	.propaganda div,
	.titre-sommaire-h3 {	
		position:relative;
		float:left;
	}
	
	.prop-item {
		border: 0px solid #333;
		margin-right: 10px;
		padding:10px;
		margin-left:10px;
		font-size: 0.9em;
		min-height: 4.0em;
		border: 1px solid #333;
		border-color: #aaa;
		border-width: 4px;
		border-style: double;
		background-color: #f6f6f6;
		box-shadow: inset 0 0 8px rgb(236, 236, 236);
	}
	
	.prop-item-label {
		margin: 0;
		padding: 0.3em 0.4em 0.3em 0.4em;
		display: block;
	}
	
	.prop-item:hover {
		background-color: #f6f6f6;
		box-shadow: inset 0 0 8px rgb(236, 236, 236);
	}
	
	.prop-item-label {
		font-size: 120%;
		padding-left: 0;
		padding-top: 0;
	}
	
	.programme-pdf .prop-item-label {
		font-size: 160%;
	}
	
	.newsletter-form .form-text,
	.newsletter-form .button {
		display: inline;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 1024px) {
		
		body {
			font-size: 18px;
		}	
		
		h1.site-title {	
			font-size: 190%;
		}	
		
		.mini-cal {
			margin-top: 0.7em;
			margin-left: 9.5em;
			padding-right: 2em;
/*			max-height: 3.3em;*/
			font-size: 90%;
		}
		
		.contenu {
			padding-top: 4.5em;
			padding-left: 14em;
		}
		.bloc-navig {
			top:  4.5em;
		}
		.admin-bar .bloc-navig {
			top:  112px;
		} 
		
		.contenu div.art-sommaire {
			width: 80%;
		}
		
		.page_artistes .contenu {
			width: 70%;	
		}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 1200px) {
		
		h1.site-title {	
			font-size: 260%;
		}	
		
		.mini-cal {
			margin-top: 1.2em;
			margin-left: 10.5em;
/*			padding-right: 2em;*/
/*			max-height: 3.3em;*/
			font-size: 100%;
		}
		
		.contenu {
			padding-top: 5.8em;
			padding-left: 16em;
		}
		.bloc-navig {
			top:  5.8em;
		}
		.admin-bar .bloc-navig {
			top: 130px;
		} 
		
		.contenu #chapo {	
			font-size: 1.1em;
		}
		
		.page_artistes .contenu {
			width: 60%;	
		}
		
}

/* @end */