/* -------------------------------------------------------- */
/*                        TABLETTES                           */
/* -------------------------------------------------------- */

@media screen and (min-width: 741px) and (max-width: 1200px) { 
	
	#header .imglogo {
		margin: 0 0 0 0;
		width: 80%;
		max-width: 280px;
	}
	
	#pagetitlecontent {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	#pagetitle {
		width: 95%;
		margin: 0 0 0 5%;
		padding: .8em 0 0 0;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
		font-size: 1.4em;	
		color: #015e97;
		text-align: left;
	}
	
	#pagetitle p {
		padding: 0;
		margin: .4em 0 0 0;;
	}

	.content {
		width: 100%;
		margin: 0;
		padding: 0;
		background:#FFFFFF;
		background-repeat: no-repeat;
		font-family: 'Open Sans', sans-serif;
		font-size: 1.1em;
		overflow: hidden;
		color:#787878;
		text-align: justify;
		text-justify: inter-word;
	}

	.container-left {
		width: 40%;
		max-width: 40%;
		margin: 0 0.3% 0 5%;
		padding: 0 1% 0 0;
	}

	.container-right {
		float: left;
		width: 33%;
		max-width: 33%;
		margin: auto;
		margin: 0 0 0 2em;
		text-align: right;
	}
	
	.container-wide {
		margin: 0 10% 0 5%;
		padding: 0 0 0 0;
		width: 77%;
		max-width: 77%;
		border-radius: 5px;
	}
			
	.graphic {
		width: 95%;
		max-width: 95%;
	}

	.graphicmethodo {
		width: 95%;
		max-width: 95%;
	}

	.graphic_70 {
		width: 95%;
		max-width: 95%;
	}
	
	.methodotitle img {
		padding: 0;
		max-width: 80px;
		vertical-align: middle;
	}
	
	/* --- BOTTOM --- */
	#pagebottom {
		width: 77%;
		margin: 4em 10% 0 5%;
		text-align: center;
		color:#787878;
	}
	
	/* --- MENU --- */
	
	.menu {
		width: 100%;
		padding: 0.1em 0 0 0;
		background: #eee;
		min-height: 2.1em;
		line-height: 1em;
		font-family: "Arial Narrow", Arial;
		font-stretch: condensed;
		font-size: 1.3em;
	}
		
	.menu ul {
		max-height: 0;
		overflow: hidden;
		margin: 0 3.5em 0.5em 1em;
	}

	.menu li {
		visibility: hidden;
		display: block;
		padding: 0.5em 0.6em;
		color: #6692b9;
		border-style:solid;
		border-width:1px 0 1px 0;
		border-color:#ceddea;
	}

	.menu li ul {
		margin-top: 0.5em;
		border-left: 1px solid #000;
	}

	.menu li ul:hover {
		color: #476690;
		border-style:solid;
		border-width:1px 5px 0 0;
		border-color:#476690;
	}
	
	.menu .navbar-handle {
		display: block;
	}
  
	#navbar-checkbox:checked + .menu ul {
		max-height: 450px;
	}
  
	#navbar-checkbox:checked + .menu li {
		visibility: visible;
	}
  
	#navbar-checkbox:checked + .menu .navbar-handle,
	#navbar-checkbox:checked + .menu .navbar-handle:after,
	#navbar-checkbox:checked + .menu .navbar-handle:before {
		border-color: #224256;
	}

}