@viewport{
	width:device-width;
	zoom:1.0;
}
@font-face{
	font-family:lato;
	src:url("../font/Lato.ttf") format("truetype");
}
@font-face{
	font-family:crimson;
	src:url("../font/Crimson.ttf") format("truetype");
}


*{
	margin:0;
	padding:0;
	font-size:16px;
}

body{
	font-family:lato, Verdana, sans-serif;
	background:#9e0e40;
}

header, section, footer, aside, nav, main, article, figure{ 
	display:block; 
}

header{
	background:url("../img/bandeau.png") no-repeat right;
	height:160px;
	text-align:center;
	color:#ffffff;
	line-height:150%;
}
#head1{
	float:left;
	border-right: 2px solid #ffffff;
	height:100%;
	width:25%;
}
#head1 a{
	display:block;
	color:#ffffff;
}
#head2{
	height:100%;
	font-family:crimson, serif;
}
h1{
	font-size:2em;
	padding:20px 0px;
}
#head1 h1{
	font-family:crimson, serif;
}
#head1 h1 span{
	color:#000000;
	font-size:1.0em;
}
#head1 p{
	font-size:0.8em;
	padding:10px 0px;
}
#head1 h2{
	font-size:1.5em;
}
#head2 h2{
	line-height:200%;
}
nav{
	background:#ffffff;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	height:40px;
}
a{
	text-decoration:none;
	color:#000000;
}
a:hover{
	color:#9e0e40;
}
a img{
	border:none;
}
nav a{
	display:block;
	float:left;
	height:30px;
	padding:8px 20px 2px 20px;
	color:#9e0e40;
	font-weight:bold;
}
nav a:hover{
	color:#ffffff;
	background:#9e0e40;
}
main{
	margin-top:10px;
	background:#f5f5f5;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
#principalContent{
	background:#ffffff;
	margin-left:25%;
	width:48%;
	padding:1%;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
#principalContent p{
	padding:10px 0px 30px 0px;
	line-height:150%;
}
#principalContent table{
	width:100%;
	color:#9e0e40;
}
#principalContent table td{
	padding:5px 2px;
	vertical-align:bottom;
	text-indent:20px;
}
.pageNumber{
	text-align:right;
}
#principalContent table .chapitre td {
	font-weight:bold;
	color:#000000;
	text-indent:0px;
}
#qui h3{
	margin-left:10%;
	margin-right:5%;
}
#qui p{
	margin-left:10%;
	margin-right:5%;
	margin-bottom:20px;
}
#loi #principalContent p{
	margin-left:5%;
	margin-right:5%;
	padding-bottom:10px;
}
#loi h3{
	margin-top:20px;
}
.important{
	font-size:1.2em;
	padding:10px 0px;
	border-bottom:1px solid #9e0e40;
}
#principalContent .separe{
	margin:0px;
	padding:0px 0px 20px 0px;
	text-align:center;
	color:#9e0e40;
}
h3{
	padding:12px 0px 2px 0px;
}
img{
	max-width:100%;
}
#edito{
	width:23%;
	float:left;
	padding:1%;
}
#edito p{
	text-indent:20px;
	padding:10px 0px;
	line-height:150%;
}
#auteur{
	text-align:right;
	font-weight:bold;
}
aside{
	width:23%;
	float:right;
	padding:1%;
}
#nouvellesMesures li{
	padding:5px;
}
#nouvellesMesures a{
	font-weight:bold;
}
#annonceurs img{
	height:100px;
	max-width:100%;
}
#annonceurs h2{
	color:#9e0e40;
}
main h2{
	padding:5px 0px 20px 0px;
}
footer{
	clear:both;
	text-align:center;
	color:#ffffff;
	padding:10px;
}
footer span, footer div{
	font-size:10px;
}
footer div div{
	display:inline;
}
ul{
	list-style:none;
	padding-bottom:20px;
}

@media screen and (max-width: 930px){
	#head1{
		float:none;
		border-right: none;
		height:auto;
		width:100%;
	}
	#head2{
		display:none;
	}
	nav{
		box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
		height:auto;
		text-align:center;
	}
	nav a{
		display:block;
		float:none;
		height:30px;
		padding:8px 20px 2px 20px;
		color:#9e0e40;
		font-weight:bold;
	}
	#edito{
		width:96%;
		float:none;
		padding:2%;
		text-align:justify;
	}
	aside{
		display:none;
	}
	#principalContent{
		clear:both;
		margin-left:0%;
		width:96%;
		padding:2%;
		box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	}
}