body {
background-color: #333333;
background-image: url(images/darkwood.jpg);
background-repeat: repeat-x;
background-attachment:fixed;
font-family: Helvetica, Verdana, Arial, Sans-serif;
font-size: 12px;

}

h3 {
font-size: 14px;
}
h4 {
font-size: 12px;
}

a:focus {
outline: 0;
} 
a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: none;
}
a img
{
border: none;
}

.net {
clear:both;
}


.main {
margin: auto;
width: 860px;
background-color: #f6f6f6;
}

.top{
background-image: url(images/banniere.jpg);
width: 860px;
height: 236px;
}

.logo{
padding: 8px;
}


.menu{
float: right;
}


.air{
margin-top: 32px;
margin: auto;
width: 860px;
height: 12px;
background-color: #ffffff;
}

.contenu {
background-color : #f6f6f6;
}
.gauche {
float : left;
width : 180px;
background-color : #f6f6f6;
padding : 5px;
padding-top: 20px;
text-align : center;
}
.centre {
text-align: justify;
width: 634px;
float: left;
background-color: #f6f6f6;
padding: 5px;

}
.centre a:link, .centre a:visited {
text-decoration: none;
color: #53872a;
}
.centre a:hover, .centre a:active{
text-decoration: none;
color: #84815b;
}

.imageflottante {
float : right;
margin-top : 5px;
margin-left : 12px;
}
.imgflott {
float : left;
margin-right : 12px;
}

.footer{
margin: auto;
width: 860px;
height: 100px;
background-color: #f6f6f6;

}

.pied{
margin: auto;
width: 860px;
height: 20px;
background-color: #000000;
color: #F6F6F6;
font-size: 10px;
text-align: center;
font-variant: small-caps;
}

/* Navigation menu styles */

#menu-container ul{
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#menu-container ul li{
	border:1px solid #444444;
	display:inline-block;
	float:left;
	height:25px;
	list-style-type:none;
	overflow:hidden;
}
#menu-container ul li a, #menu-container ul li a:hover, #menu-container ul li a:visited{
	text-decoration:none;
}

.normalMenu, .normalMenu:visited,
.hoverMenu, .hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	outline:none;
	padding:5px 10px;
	display:block;
}

.hoverMenu,.hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	margin-top:-25px;
	background:url(images/grey_bg.gif) repeat-x #eeeeee;
	color:#444444;
}

.selectedMenu,.selectedMenu:visited {
	margin:0;
}

.normalMenu, .normalMenu:visited{
	color:white;
	background:url(images/dark_bg.gif) repeat-x #444444;
}

/*---menus collapse---*/
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #818634;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #B9BF60;
  border-left: 5px #333 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


#video{
	text-align: center;
}

#contact{
	text-align: center;
}

.message{
	background-color:white;
	padding: 10px;
}

.box{
float: left;
margin-right: 12px;
background-color:white;
width: 146px;

}

.txt{
padding: 6px;
height: 290px;
}

.txt h4{
font-variant: small-caps;
text-align: center;
}