@charset "utf-8";
/* CSS Document */
header, nav, section, footer, .navig {
	display:block;
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	background-color: #808080;
	background-image: url(images/interface/fd.jpg);
	background-repeat: repeat-x;
}
header {
	width: 681px;
	margin: 0px auto;
	background-image: url(images/interface/header.png);
	background-repeat: no-repeat;
	height:163px;
}
.header {
	width: 650px;
	margin: 0px;
	height:163px;
	}
footer {
	font-size:10px;
	/*margin: 0px auto;*/
	width:100%;
	text-align:center;
	position: relative;
	top: 10px;
	
}
footer a {
	color: #ffffff;
	text-decoration:none
}
footer a:hover, footer a:active, footer a:focus {
	text-decoration:underline;color: #aaa;
}
section {
	width:785px;
	margin: 0px auto;
	text-align:center;
	height:585px;
}
.logo {
	width:221px;
	height:140px;
	float:left;
	padding-bottom:10px;
}
nav {
	float:right;
	padding-right:40px;
}

ul, ol {
	list-style-type: none;
}
/*nav*/
ul {
	margin: 0;
	padding: 0;
	margin-top:62px;
}
#accueil, #qui, #contact, .accueilon, .quion, .contacton {
	float:left;
	height:40px;
	background-repeat: no-repeat;
}
#accueil {
	width:82px;
	background-image: url(images/menu/accueil.gif);
}
#qui {
	width:133px;
	background-image: url(images/menu/qui.gif);
}
#contact {
	width:126px;
	background-image: url(images/menu/contact.gif);
}
#accueil:hover, #accueil:active, #accueil:focus {
	background-image: url(images/menu/accueilon.gif);
}
#qui:hover, #qui:active, #qui:focus {
	background-image: url(images/menu/quion.gif);
}
#contact:hover, #contact:active, #contact:focus {
	background-image: url(images/menu/contacton.gif);
}
strong {
	color: #8cdee2;
}
.accueilon {
	width:82px;
	background-image: url(images/menu/accueilon.gif);
}
.quion {
	width:133px;
	background-image: url(images/menu/quion.gif);
}
.contacton {
	width:126px;
	background-image: url(images/menu/contacton.gif);
}
input, option, select, textarea {
	background-color: #e5e5e5;
	border-style: none;
	resize:none;
}
.floatleft, .floatright {
	width:83px;
	height:585px;
}

.floatleft {
	float: left;
	vertical-align: bottom;
}
.floatright {
	float:right;
}
.contenu {
	width:619px;
height:560px;
	text-align:left;
	margin: 0px auto;
	background-color:#000;
}

.colgauche {
	width:513px;
	padding-left:53px;
	padding-right:53px;
	background-color:#000;
}
h1 {
	font-size:18px;
	margin-top:0;
	padding-top:0;
	font-weight:normal;
}
.decor {
	width:77px;
	height:27px;
	margin: 20px auto 0px;
	display:block;
}
.inscription {
	width:242px;
	height:14px;
	margin-top:20px;
	margin-bottom:15px
}
.bottom {
	width:619px;
	height:28px;
	position:relative;
	bottom:0;
}

.navig {
	height: 100%;
	width: 100%;
	border-style: none;
}
p {
	margin-bottom:5px
}