@charset "UTF-8";
html, #hd, #hdin, #h1, #nv, .cl, #sbm, #btn {
	margin:0px;
	padding:0px;
}
body {
	text-align:center;
	background:url(../images/bg.png) no-repeat 0px 0px;
	background-position:bottom center;
	background-attachment:fixed;
	background-color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	margin:0px;
	padding:0px 0px 20px 0px;
}
a:link, a:visited, a:active {
	color:#CBD8CE;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
	outline:none;
}
a:hover {
	text-decoration:underline;
	text-shadow: 1px 1px 1px #000;

}
#hd {
	width:100%;
	height:100px;
	height:250px;
}
#hdin {
	width:1000px;
	height:246px;
	margin:0px auto;
	text-align:left;
	background:url(../images/head.png) no-repeat;

}
#h1 {
	font-size:24px;
	color:#e8e8ea;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	top:37px;
	left:0px;
}
#hdnv {
	position:absolute;
	top:45px;
	right:0px;
	list-style:none;
	font: bold 15px Verdana;
	padding:8px;
	margin:0px 10px 0px 0px;
}
#hdnv li {
	float:left;
	background:url(../images/point.png) no-repeat 0px 100%;
}
#hdnv li a {
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	color:#f1f1f1;
	font: bold 15px Verdana;
}
#hdnv li a:hover, #hdnv li a.act, #hdnv li a.act:hover {
	text-decoration:none;
	color:#57a64d;
}
#nv {
	width:100%;
	height:100%;
	margin: 0;
	font: bold 13px Verdana;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
	background:url(../images/menur_bg.png) repeat-x 0px 0px
}
#mnv {
	padding:0 0 46px 0;
	margin: auto;
	width:1100px;
	font: bold 15px Verdana;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
	vertical-align:middle;
}
#mnv li {
	float:left;
	width:220px;
	padding:0 0 46px 0;
	display: inline;
	margin: auto;
}
#mnv li a {
	text-decoration: none;
	width:200px;
	height:36px;
	display:block;
	line-height:2.3em;
	padding: 5px 7px;
	margin-right: 5px;
	/*border: 1px solid #778;*/
	color: #FFF;
	/*border:1px solid gray;*/
	background: #3282c2;
	transition-duration: 0.3s;
	border-radius: 8px; /*w3c border radius*/
	box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
	-moz-border-radius: 8px; /* mozilla border radius */
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
	background: black;
	background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%);
	background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a));
}
#mnv li a:hover, #mnv li a.act, #mnv li a.act:hover {
	color: white;
	background: green;
	transition-duration: 0.3s;
	background: -moz-linear-gradient(center top, #7ad690, #3ec05c 25%, #298a40 45%, #3ec05c 85%, #7ad690);
	background: -webkit-gradient(linear, center top, center bottom, from(#7ad690), color-stop(25%, #3ec05c), color-stop(45%, #298a40), color-stop(85%, #3ec05c), to(#7ad690));
}
#wr {
	width:1000px;
	padding:2px;
	margin:10px auto;
	text-align:left;
}
#cnt {
	margin:0px;
	padding:20px 30px 15px 30px;
	background:url(../images/colonne.png) repeat-y 0 50%;
	background-position:left;
	background-color: rgba(32, 65, 32, 0.4);
	/*border:solid 2px #d7d7d9;*/
	border-radius: 16px;
	line-height:1.8em;
}
#cnt p {
	margin:0px;
	padding:0px 0px 0px 0px;
	text-shadow: 1px 1px 1px #000;
}
.pt {
	background-color: rgba(32, 32, 32, 0.4);
	border-radius: 16px;
	text-align:center;
	font:bold 36px Arial, Helvetica, sans-serif;
	line-height:2em;
	color:#6C9;
	text-shadow: 2px 2px 3px #000;
}
#cadre {
	background-color: rgba(32, 32, 32, 0.4);
	transition-duration: 0.6s;
	border-radius: 16px;
	margin:0px;
	padding:20px 30px 15px 30px;
	text-align:left;
}
#cadre:hover {
	background-color: rgba(102, 130, 102, 0.4);
	transition-duration: 0.6s;
	border-radius: 16px;
	margin:0px;
	padding:20px 30px 15px 30px;
	text-align:left;
}
#actu {
	background-color: rgba(153,255,204,0.4);
	transition-duration: 0.6s;
	border-radius: 16px;
	margin:0px;
	padding:20px 30px 15px 30px;
	text-align:left;
}
#actu:hover {
	background-color: rgba(0,204,153,0.4);
	transition-duration: 0.6s;
	border-radius: 16px;
	margin:0px;
	padding:20px 30px 15px 30px;
	text-align:left;
}
#bottomlink {
	font: bold 15px Verdana;
}
#ft {
	padding:15px 0px 0px 0px;
	margin:0px;
	border-top:dashed 1px #aaa;
	font-size:11px;
}
#ft p {
	margin:0px;
	padding:0px;
}
#fr a.act, #fr a.act:hover {
	color:#c77c09;
}	
.cl {
	line-height:0px;
	width:100%;
	height:0px;
	display:block;
	font-size:0px;
	clear:both;
}
#tbl_contact {
	margin:0px 0px 20px 0px;
}
#tbl_contact th, #tbl_contact td {
	text-align:left;
	vertical-align:top;
}
#tbl_contact th {
	padding:0px 10px 3px 0px;
}
#tbl_contact td {
	padding:3px 0px 3px 3px;
}
#tbl_contact .frmfld, #tbl_contact .frmarea {
	border:solid 1px #444;
	padding:2px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
}
#tbl_contact .frmfld {
	width:330px;
}
#tbl_contact .frmarea {
	height:200px;
	width:330px;
}
#sbm, #btn {
	display:block;
	width:120px;
	height:20px;	
}
#sbm {
	float:left;
	border:solid 1px #444;
	background:url(../images/btn.png) repeat-x center 50%;
}
#btn {
	text-align:center;
	background-color:transparent;
	border:none;
	cursor:pointer;
	color:#fff;
	text-transform:lowercase;
}
#sbm:hover {
	border:solid 1px #fff;
}
label {
	font-size:16px;
	padding:0px 20px 0px 0px;
	margin:0px;
	text-shadow: 1px 1px 1px #000
}
label.req {	
	font-size:16px;
	display:block;
	color:#0C9;
	text-shadow: 1px 1px 1px #000
}
.warning_sent {
	color:#fff;
	font-weight:bold;
}
#tbl_contact p.warning {
	font-weight:bold;
	color:#fff;
	padding:5px 0px 5px 15px;
	background:#D15B14;
}
.missing {
	color:#900;
}
