/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1280px) {
  header { height:180px;background-size:cover;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1490px) {
  div#logo-header {display:none ! important;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1180px) {
  header { height:180px;background-size:cover;}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 996px) {
  .pointbreak-med {display:block ! important;}
  .pointbreak-med > div {width:100% ! important;}
  
  p.objectifs-t {height:1.5em;}
  
	#logo-user-menu {display:none;}
	#user-menu .w70 {width: 90%;}
	
	header {
		height:auto;
		background-color: #dd4f5b;
	}
	
	header img.logo { width:120px;margin-top:0.5em}
	
	nav+* {
		position: relative;
	}
	
	#edito img, .onenews img {display:block;text-align:center ! important;margin:0 auto ! important;}
	
	#loginmodal {width:90%;}
	
	p.login-remember {margin-left:0em ! important;}

	#menu > ul > li { margin:0 auto; }
	#menu > ul > li > a { background-color: #dd4f5b; padding:1.7em 0; }
	#menu>ul>li:after {width:0;height:0;}
	
	#main p img, #main div img:not(.cursor) {
    	margin: 0;
	}
	
	#content {padding:0.8em}
	
	header {
		height:100px;
		background-image:none;
		background-size:auto;
		background-color:#444;
		border-bottom:1px solid #C4D5D5;
	}
	header h1 {margin:0;font-weight:bold;font-size:1.5em;float:none;}
	
	#breadcrumb {margin-top:2em;}
	
	#menu {
		height: auto;
		width: 100%;
		display:block;
		padding:0;
	}
	.menu-wrap { border:0; }

	/** #menu ul.sub-menu {opacity:1;width:100%;z-index:1;position: relative;} */ /** display sub-menu */ 
	#menu ul.sub-menu {width:100%;}
	#menu li,.sub-menu li {
		display: block;
		width: 100%;
		float: none;

	}

	/* Theming opened nav */
	nav ul {
		/* maximum height */
		max-height: 25em;
		/* translate with hardware acceleration */
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: max-height .4s;
		transition: max-height .4s;
		will-change: max-height;
		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav a {
		display: block;
		padding: 1.2rem;
		text-decoration: none;
		border-bottom:1px solid #ccc;
		width: 100%;
		text-align: center;
	}
	nav a:hover,nav a:focus,nav a:active {
		background: #eee;
	}

	/* Theming closed nav */
	nav.is-closed ul {
		max-height: 0;
		overflow: hidden;
	}

	/* Global styling nav button */
	nav>button {
		display: block;
		position: absolute;
		top: 1rem;
		right: 1.5rem;
		z-index: 1;
		height: 3.5rem;
		width: 3.5rem;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, right top, from(#0F8DF9),
			to(#0F8DF9)), -webkit-gradient(linear, left top, right top, from(#0F8DF9),
			to(#0F8DF9)), -webkit-gradient(linear, left top, right top, from(#0F8DF9),
			to(#0F8DF9));
		background-image: -webkit-linear-gradient(left, #0F8DF9, #0F8DF9),
			-webkit-linear-gradient(left, #0F8DF9, #0F8DF9),
			-webkit-linear-gradient(left, #0F8DF9, #0F8DF9);
		background-image: linear-gradient(to right, #0F8DF9, #0F8DF9),
			linear-gradient(to right, #0F8DF9, #0F8DF9),
			linear-gradient(to right, #0F8DF9, #0F8DF9);
		background-position: center top, center, center bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 3.5rem .9rem;
		background-size: 3.5rem .9rem;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-transition: .2s;
		transition: .2s;
	}

	/*  Removing Firefox's dotted outline on button */
	nav>button::-moz-focus-inner {
		border: 0;
	}

	/* Theming opened nav button */
	nav:not(.is-closed) >button {
		-webkit-transform: rotate(180deg) translateZ(0);
		transform: rotate(180deg) translateZ(0);
		background-position: center, center, center;
	}

	#printer, #searchadv {display:none}

	#contactform label, #loginmodal label {text-align:left;}
	.textfield, .shorttextfield, textarea, .tinytextfield,textarea#body {
		width:100% ! important;
	}
	.label-leftmargin { margin-left: 1em !important;}
	
	#anchor-comments {display:block;}
	
	header div.tools {display:block;}
	
	.error:before,.confirmed:before,.info:before {background:none;content:"";}
	.error, .confirmed, .info {padding: 1em;}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 600px) {
	#main ol, #main ul {padding-left:0;margin-left:0;}
	#main-container {padding:0}
	.pam {padding:1em;}
	
	div.user-panel-over {min-width:auto;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#breadcrumb {margin-top:4em;}
}
