@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
}

body {
	width:100%;
	background-color:#131718;
}

#deco {
	position:fixed;
	margin-left:50px;
	margin-top:50px;
	background-image:url('../img/deco.jpg');
	width:358px;
	height:445px;
	
}

#haut {
	height:190px;
	background-color:#747f81;
	left:450px;
	background-image:url('../img/chrisdel.png');
	background-repeat:no-repeat;
	 background-position:450px 0px;
	width:100%;
}

#menu {
	height:40px;
	background-color:#b6180c;
	font-family:Verdana;
	font-size:16px;
	color:#bbbdbd;
	width:100%;
}

ul {
	list-style: none;
	text-align:right;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}
li {
	display: inline-block;
	text-align:center;
}
li a {
	width: 110px;
	height:40px;
	display:table-cell;
  	vertical-align:middle;
	text-decoration: none;
	/*padding:5px;*/
	background:#b6180c;
	/*border:1px solid #d4006a;*/
    color:#bbbdbd;
    transition:background-color 1s ease-out;
	}
li a:hover {
    background:#e19e2b;
    color:#ffffff;
}

#contenu {
	margin-left:450px;
	margin-top:50px;
	width:700px;
}

#contenu p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#e19e2b;
	text-align:justify;
}

#contenu dl {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#e19e2b;
	text-align:justify;
}

#contenu dt {
	color:#ed1c24;
	font-weight:bold;
	margin-left:20px;
	margin-top:10px;
}


label {
	/* positionnement marge et taille */
	float: left; 
	clear: left; 
	margin: 12px 20px 0 0; 
	width: 250px;
	/* styles de caractères */
	font-size: 14px; 
	color: #e19e2b;
	text-align: right; 
	font-family:Verdana, Geneva, sans-serif;
}

input {
	/* styles de caractères */
	font-size: 14px; 
	color: #4b4b4b; 
	
	/* marge taille et ombre portée */
	width: 270px; 
	height: 25px; 
	padding: 5px 10px 5px 10px; 
	margin: 5px 0 10px 0;
	/* couleur de fond */
	background: #f1f2f4;
	/* bordures */
	border:1px solid #b6b7b9;
	border-radius: 5px!important;
}

textarea {
	/* styles de caractères */
	font-size: 14px; 
	color: #4b4b4b; 
	font-family:Sans-serif;
	/* marge taille et ombre portée */
	width: 270px; 
	height: 80px; 
	padding: 10px 10px 0px 10px; 
	margin: 10px 0 20px 0;
	/* couleur de fond */
	background: #f1f2f4;
	/* bordures */
	border:1px solid #b6b7b9;
	border-radius: 5px;
}

input:focus, textarea:focus {
	background: #d9dadc;
}

input[type=submit] {
	/* position taille marges */
	float: right; 
	cursor: pointer;
	width: 160px;
	height: 42px; 
	padding: 5px 10px; 
	margin: 0 40px 10px 0;
	/* coins arrondies */
	border: 1px solid #e19e2b;
	border-radius: 50px;
	/* fond */
	background-color: #b6180c;
	/* styles de texte */
	color:#effaff;
	font-weight:bold;
}
input[type=submit]:hover {
	border: 1px solid #b6180c;
	background-color:#e19e2b ;
}
input[type=submit]:active {
	background-color: #b6180c ;
}
fieldset {
	
	/*border-radius: 5px;*/
	width:570px;
	border:none;
}
legend {
	font:Vani;
	font-size:18px;
	color:#445668;
	background-color:#E6F2FF;
	/*border:1px solid;
	border-color:#000000;*/
	padding:5px 10px 5px 10px;
	border-radius: 5px;
	margin-bottom:5px;
}

.legende {
	font-family:Verdana;
	font-size:12px;
	color:#bbbdbd;
}