img{ max-width: 100%; height: auto !important; }

/* 1024 > 1200 et plus, on augmente taille des colonnes en proportion */
@media only screen and (max-width: 1023px) { 
	body.logged-in:after{ content: '1024px'; background-color: red; z-index: 10; position: fixed; bottom: 0; left: 0; padding: 2px 5px; color: #fff; }

	/* strucure */
	#header{}
		#css-helper{ width: 65%; }
		#secondary-links { width: 35%; }
		
	/* ACCUEIL / FRONT */
	#main{ }
		.node.type-front #diaporama{ width: 100%; max-width: 1024px; }
		.node.type-front .devenir-ingenieur{ display: none; }
}

@media only screen and (max-width: 817px) { /* 817 : on adapte le menu et la barre de droite */
	body.logged-in:after{ content: '800px'; background-color: blue; }
	#admin-menu{ display: none; }html body.admin-menu{ margin-top: 0 !important; }
	
	/* normalize */
	.accroche-text-wrapper{ font-size: 11px; }
	ul.chiffres li{ width: 33.33%; }
	
	/* strucure */
	#header{ margin-right: 0; }
		#site-owner{ margin-right: 10px; }
		#site-slogan,
		#site-slogan2{ top: 20px; }
		#block-contenu-direct-access,
		#block-views-contenu-direct-access{ display: none; }
		nav#block-menu-block-1{ margin-right: 0; }
		#block-search-form{ margin-right: 0; min-width: 60px; } 
		#block-search-form .sb-search,
		#block-search-form .sb-icon-search, 
		#block-search-form .sb-search-submit{ width: 44px; height: 44px; min-width: 44px; }
		#block-search-form .sb-search-open { width: 300px; }
		#block-search-form .sb-icon-search, #block-search-form .sb-search-submit{}
		
		#header-top{ position: relative; clear: both; background-color: #eee; }
			#block-lang-dropdown-language { width: 35px; margin: 0 13px; }
			
	#main{ background-size: 623px; }
		#css-helper{ display: none; }
		#breadcrumb{ margin-right: 0; }
		
		#main-content-wrapper { width: 100%; float: none; }
		#main-content-wrapper:after { content: none; }
		#sidebar{ float: none; width: auto; background-color: #EEE; padding: 10px 30px; }
		#sidebar:before { content: none; }
			.devenir-ingenieur{ display: none; }
			
			.view.display-articles-lies{ overflow: hidden; }
			.view.display-articles-lies article{ float: left; padding: 10px; width: 33.33%; }
			#block-views-sidebar-block article > a { margin: 0; }
			
	/* ACCUEIL / FRONT */
	.view.name-taxonomy.display-home{ display: block; overflow: hidden; }
	.view.name-taxonomy.display-home .taxonomy{ display: block; width: 33.33%; float: left; }
	.view.name-taxonomy.display-home .taxonomy.term-4,
	.view.name-taxonomy.display-home .taxonomy.term-5{ width: 50%; }
	#zoom-sur,
	#actus-front,
	#ensmm-en-chiffres--2,
	.field-name-google-map{ width: auto; clear: both; overflow: hidden; float: none; }
	.field-name-google-map iframe{ width: 100%; }
}


@media only screen and (min-width: 480px) and (max-width: 817px) {
		article.view-mode-teaser_home:before { content: ' '; position: absolute; bottom: 0; width: 50%; height: 40%; 
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(1%,rgba(0, 0, 0, 0.01)), color-stop(100%,#000));
			background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.01) 1%,#000 100%);
			background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 100%);
			background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,1) 100%);
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.01) 1%,#000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
		}
		article.view-mode-teaser_home img { float: left; width: 50%; }
		article.view-mode-teaser_home .text{ position: static; float: right; width: 50%; }
}
		
@media only screen and (max-width: 640px) {
	body.logged-in:after{ content: '640px'; background-color: green; }
	
	/* normalize */
	.col-2,
	.col-2-fluid,
	.col-3{ width: auto; float: none; overflow: hidden; margin: 0 !important; }
	.col .image-2_colonnes,
	.col .image-3_colonnes{ float: left; max-width: 50% !important; margin-right: 20px; }
	.accroche{ display: block; }
	.accroche-img-wrapper{  display: block; width: auto; padding: 0; }
	.accroche-text-wrapper{  display: block; width: auto !important; padding: 15px 20px 1px; }
	
	/* strucure */
	#header{ padding-top: 0; }
		#site-slogan, 
		#site-slogan2 { top: 10px; }
	
	#main{ background-image: none !important; }
		#breadcrumb{ display: none; }
		#secondary-links { width: auto; height: auto; margin: 10px 0; }
		#secondary-links h2 { display: none; }
		#secondary-links ul.menu { margin: 0; border: 0; padding: 0.5em 0; }
			#secondary-links li { display: none; border: 0; }
			#secondary-links li.active.expanded > a { display: none; }
			#secondary-links li.active.expanded,
			#secondary-links li.active.expanded li { display: list-item; }
			#secondary-links li.active.expanded li a:before { background: url(../ui/link.png) no-repeat 0 0; content: ' '; width: 10px; height: 9px; display: inline-block; margin-right: 2px; }
			
		#breadcrumb li:last-child{ display: none; border-bottom: 1px dotted #ccc; }
		
	#sidebar{}
		.view.display-articles-lies article{ width: 50%; }
			
	/* ACCUEIL / FRONT */
	
}

@media only screen and (max-width: 480px) {
	body.logged-in:after{ content: '480px'; background-color: purple; }
	
	/* normalize */
	.col .image-2_colonnes,
	.col .image-3_colonnes{ float: none; max-width: 100% !important; margin-right: 0; display: block; margin: auto; }
	
	/* strucure */
	#header{ }
		#site-slogan, 
		#site-slogan2 { display: none; }
	
	h1#main-title{ padding-top: 0; }
	
	#sidebar{}
		.view.display-articles-lies article{ width: auto; max-width: 260px; margin: 0 auto 20px; float: none; }
			
	/* ACCUEIL / FRONT */
	.view.name-taxonomy.display-home .taxonomy{ width: 98% !important; background-image: none; height: auto; margin: 5px 1% 0; }
		.taxonomy.vocabulary-rubriques h2{ font-size: 22px; margin-bottom: 0.5em; }
		.taxonomy.vocabulary-rubriques h2 span{ margin: 5px 0; }
		.taxonomy.vocabulary-rubriques p{ position: static; }
	#zoom-sur article { float: none; margin: 10px auto; max-width: 260px; width: auto; }
	#actus-front,
	#ensmm-en-chiffres--2,
	.field-name-google-map{  }
		article.view-mode-teaser_home img { }
		article.view-mode-teaser_home .text{  }
		
		.field-name-google-map iframe{ }
	
		
	/* forms */
	form label{ display: block; width: auto; padding-right: 0; text-align: inherit; }
	button, input, select, textarea { width: 100%; }
	.form-item + a,
	.form-item > .description { margin-left: 0; }
	button, 
	html input[type="button"], 
	input[type="reset"], 
	input[type="submit"]{ margin-left: 0; }
	.form-item + a, 
	.form-item > .description, 
	div.form-item div.password-suggestions{ width: 100%; margin-left: 0; }
	#edit-account .confirm-parent, 
	#edit-account .password-parent{ padding: 0; }
	#edit-account .password-strength, 
	#edit-account .password-confirm{ position: static; width: 100%; margin: 0 0 1em; float: none; }
}

@media only screen and (max-width: 360px) {
	body.logged-in:after{ content: '320px'; background-color: brown; }
	#block-menu-block-4 li { font-size: 11px; }
	
	.node.type-diaporama > figcaption{ padding: 0px 30% 10px 10px; }
	.node.type-diaporama > figcaption h2{ font-size: 20px; }
	.node.type-diaporama > figcaption p{ margin-bottom: 0; }
}