/* tablette paysage / laptop / ecran moyen */
@media only screen and (max-width:1024px) {
	.actus {
		width:50%;
	}
	
	aside {		
		width:230px;
		left:0;
		font-size:9pt;
	}

	nav ul li a {
		height:30px;
		line-height:30px;
	}
	
	.content {
		margin-left:230px;
		width:50%;
	}

	.actus h2 {
		font-size:25pt;
	}

	.photo {
		width:calc(99% / 2);
		min-height:150px;
	}

	.legal_left, .legal_right {
		float:inherit;
		width:100%;
	}

}

/* tablette portrait */
@media only screen and (max-width:800px) {
	.actus {
		width:65%;
	}
	
	aside {
		top:0px;
		font-size:10pt;
	}

	nav ul li a {
		height:40px;
		line-height:40px;
	}

	header {
		top:10px;
		right:10px;
	}

	header p {
		padding-top:10px;
		font-size:10pt;
	}

	.top_links {
		margin-top:10px;
	}

	.top_links img {
		width:12%;
	}
	
	.content {
		margin-top:230px;
		margin-left:230px;
		width:calc(100% - 230px);
	}

	.photo {
		width:calc(99% / 2);
		min-height:170px;
	}

	.legal_left, .legal_right {
		float:inherit;
		width:100%;
	}
}

/* smartphone */
@media only screen and (max-width:600px) {
	aside {
		display:none;
	}

	.header_main {
		display:none;
	}
	
	.header_smart {
		display:block;
		position:static;
		margin-top:70px;
		width:100%;
		text-align:center;
		color:#fff;
		font-family: 'Open Sans Condensed', arial, sans-serif;
		font-size:10pt;
		padding:40px 20px;
		background:rgba(0,0,0,0.4);
	}

	.header_smart .phone {
		font-size:14pt;
	}

	.actus {
		position:static;
		width:100%;
		padding:20px !important;
		text-align:center;
	}

	.logo_smart {
		position:static;
		display:block;
		width:130px;
		margin:40px auto;
	}

	.call_nav_smart {
		display:block;
		position:fixed;
		top:0px;
		left:0;
		width:40px;
		height:40px;
	}

	.nav_smart {
		display:none;
		width:calc(100% - 40px);
		background:#3f3f3f;
		position:fixed;
		height:100%;
		font-size:9pt;
		top:0;
		right:0;
		z-index:10;
	}

	.nav_smart ul {
		display:block;
		list-style-type:none;
		width:100%;
	}

	.nav_smart ul li {
		display:block;	
	}

	.nav_smart ul li a {
		display:block;
		width:75%;
		margin-left:auto;
		margin-right:auto;
		color:#fff;
		text-decoration:none;
		height:30px;
		line-height:30px;
		border-bottom:1px solid #474747;

		-webkit-transition:none; 
		-moz-transition:none;
		-o-transition:none;
		transition:none;
	}

	.nav_smart ul li a:hover {
		padding-left:inherit;
		background:inherit;
	}

	.current {
		background:url('../img/cursor.png') no-repeat right center; 
	}

	a#contact, a#home, a#evnmt {
		border:0;
	}

	a#menu {
		color:#f5f4b4;
	}

	a#pae {
		color:#eccd91;
	}

	a#ag {
		color:#e6c3ff;
	}

	a#priv {
		color:#f59f9f;
	}

	a#pt {
		color:#c8f3d4;
	}

	a#evnmt {
		color:#abe0fe;
	}

	.content {
		width:100%;
		min-height:100%;
		margin-left:0px;
		background:rgba(255,255,255,0.8);
		padding-top:10px;
		padding-bottom:10px;
		padding-left:2%;
		padding-right:2%;
		color:#404040;
		margin-top:0;
	}

	.content h3 {
		font-size:26pt;
	}

	.content p, .content span {
		font-size:9pt !important;
	}

	.photo {
		display:block;
		background-color:#fff;
		background-repeat:no-repeat;
		background-size:100%;
		width:100%;
		margin-top:1px;
		cursor:pointer;
		min-height:150px;
	}

	h4 {
		font-size:12pt;
	}

	h4 span {
		display:none;
	}

	textarea {
		height:180px;
	}
}