/*
* 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
================================================== */

/* 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: 959px) {
	#sitename {float:none;padding:0 1em;}
	#tools {min-height:3.8em;}
	
	header {
		height:auto;
	}
	
	header img.logo { width:120px;margin-top:0.5em}
	nav+* {
		position: relative;
	}
	div.entete {display:none;}

	dt, label, .label {
		width: auto;
		float: none;
		text-align: left;
		font-size:0.9em;
		font-style: italic;
		font-weight: normal ! important;
	}

	dd {
		margin: 0 0 0 0;
		width:auto;
	}
	
	.rights {
	    text-align: left;
	    margin: 0;
	    width: 100%;
	}
	
	.textfield, .textfield-shorten {
    	min-width: 100%;
	}
	
	.largetextfield,.no-wysiwyg {
		width: 100%;
	}
	
	div.mod_link a {display: block;border-bottom:1px solid #fff;}
	
	.cke_chrome {margin-left:0 ! important} 
	#main-menu {
		height:auto;
		width: 100%;
		display:block;
		padding:0;
		background-color:#444;
	}
	.containermenu {background:#444;}
	.containermenu > ul > li {padding:1em;}
	.containermenu .menu {height: auto;display:block;width: 100%;}
	#main-menu i {display:none;}
	#main-menu br {display:none;}

	#main-menu ul.sub_menu {margin-top:1em;opacity:1;width:100%;z-index:1;position:relative;display:block;top:0;} /** display sub-menu */ 

	#main-menu li,.sub_menu li {
		display: block;
		width: 100%;
		float: none;
		position: none;
	}
	
	#main-menu > ul.containermenu > li, #main-menu > ul.containermenu > li > a {
		text-transform: uppercase;
		background-color:#444;
		border:none;
		font-weight: bold;

	}
	#main-menu ul.sub_menu {
		text-transform: none;font-weight: normal;
	}
	#main-menu > ul.containermenu > li > a {
	border-bottom:1px solid #fff;
	padding-bottom:1em;
	}
	
	input#searchincome {background: white ! important;color:#ccc! important;}


	div.contentlink a {
		display: block;
		width: 100%;
		padding:0 0 0 2em;
		text-align: left;
	}

	/* Theming opened nav */
	nav ul {
		/* maximum height */
		max-height: 25em;
		/* translate with hardware acceleration */
		transform: translateZ(0);
		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;
		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;
		left: 1rem;
		z-index: 1;
		height: 3.5rem;
		width: 3.5rem;
		background-color: transparent;
		background-image: linear-gradient(to right, #ffffff, #ffffff),
			linear-gradient(to right, #ffffff, #ffffff),
			linear-gradient(to right, #ffffff, #ffffff);
		background-position: center top, center, center bottom;
		background-repeat: no-repeat;
		background-size: 3.5rem .9rem;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		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 {
		transform: rotate(180deg) translateZ(0);
		background-position: center, center, center;
	}

	
	header div.tools {display:block;}
	
	.error:before,.confirmed:before,.info:before {background:none;content:"";}

}

/* 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) {
}