html {
  height: 100%;
}
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  padding-bottom:110px;
  background-color:#f2f2f0;
  font-family: 'Lato', Calibri, Arial, sans-serif;
}

* {-moz-box-sizing: border-box; box-sizing: border-box;}

/* header */
header { 
	color:#aaa;
	background-color: #f2f2f0;
	height: 100px;
}

header a {
	color:#aaa;
}

p {
	padding-left:20px;
	padding-right:10px;
	font-weight: 300;
	line-height: 1.3;
	margin-top:0;
}

h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

h3 {
	padding:20px;
	padding-bottom:0px;
	margin: 0;
	font-weight: 300;
	color: #e32522;
}

h4 {
	font-weight: 300;
	padding:20px;
	margin:0;
	color: #555; 
}

header > h5 {
	color: #999;
	font-size: 0.8em;
	margin: 0;
	font-weight: 500;
}

h5 {
	font-size: 0.8em;
	margin: 0;
	margin-top:10px;
	margin-left:20px;
	font-weight: 500;
}

h6 {
	color: #fff;
	font-size: 0.8em;
	margin: 0;
	font-weight: 500;
}

h6 a {
	color: #fff;
	margin: 0;
}

h6 a:hover{
	color: #e32522;
}

hr {	
	border:none;	
	border-top:1px #e32522 solid;
	height: 1px;
}

li {
	display:inline;
	list-style-type:none;
	padding-right:8px;
}

.hradmin {	
	border:none;	
	border-top:2px #1c1c1c solid;
	height: 2px;
}

input.envoyer {
	color:#fff;
    background:#1c1c1c;
    padding:5px 20px 5px 20px;
    font-size: 0.8em;
	line-height: 1.3;
	margin: 0 0 0 10px;
	font-weight: 300;
}

input.envoyer:hover{

    background:#e32522;
}

/* navigation */
.navigation {
	margin: 0;
	padding: 0.5em;
	background-color:#1c1c1c;
	text-align:center;
}

.navigation li {
	display:inline;
	padding-right:30px;
}

.navigation a {
	color:#ffffff;
}

.navigation a:hover {
	color:#e32522;
}

/* sous navigation */
.sousnavigation {
	float:left;
	margin: 0;
	padding: 0.5em;
	width:200px;
	text-align:right;
}

.sousnavigation li {
	padding-top:15px;
	display:inherit;
}

.sousnavigation a {
	color:#1c1c1c;
}

.sousnavigation a:hover {
	color:#e32522;
}

/* contenu */
.contenu {
	color:#666;
	background-color:#f2f2f0;
}

/* contenu 2 menus*/
.contenu2menus {
	color:#666;
	margin-left:200px;
	min-height:400px;
	border-left-style: dashed;
	border-left-width:1px;
    border-left-color:#e32522;
}

/* footer */
body {position: relative;}

.footer {
position: absolute; 
bottom: 0; 
left: 0; 
right: 0;
padding-top:10px;
background-color: #1c1c1c;
height: 120px;
}

a {
	text-decoration:none;
	color:#1c1c1c;
}

a:hover {
	color:#e32522;
}

a img {
  border: 2px solid white; 

}

a img:hover {
  border: solid 2px #1c1c1c;
}

img {
	margin:0;
	padding:0;
}

.news {
	border 2px solid #e32522;
}

/* Box News */
.news {
	margin-top:30px;
	margin-left:30px;
	position:absolute;
	width:250px;
	height:30px;
	background-color:#e32522;
	box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.7); 
}

/* Box infos */
.info, .valide, .attention, .erreur {
	border: 1px solid;
	margin: 10px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	width:50%;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/info.png');
}
.valide {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/valide.png');
}

.erreur {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/erreur.png');
}