@charset "utf-8";
body {
	background-color: #e2dd9d;
	background-image: url(../images/interface-accueil/0.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
     }

#header {
	width:792px;
	height:368px;
	margin-right: auto;
	margin-left: auto;
	position: absolue;
	background-image: url(../images/interface-accueil/header.png);
	background-repeat:no-repeat;
	background-position: center top;
	margin:0 auto;
}

#logo {
	display:block;
	width:352px;
	height:352px;
	margin:0 auto;
	padding:15px 0 0 0;
}

#contener {
	width:822px;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
	position: absolue;
}

#colonne1 {
	width:114px;
	height:600px;
	float:left;
	border:2px solid #de8e2b;
	background-image: url(../images/interface-accueil/marron-transparent.png);
	-moz-border-radius:4px 4px;
	-webkit-border-radius:4px 4px;
	border-radius:4px 4px;
}

#colonne2 {
	width:698px;

	float:right;
	border:2px solid #de8e2b;
	background-image: url(../images/interface-accueil/marron-transparent.png);
	-moz-border-radius:4px 4px;
	-webkit-border-radius:4px 4px;
	border-radius:4px 4px;
	overflow:auto;
}

#colonne2 .bouton li {margin-left: 50px;} 

#colonne3 {
	width:698px;
	height:600px;
	float:left;
	border:2px solid #de8e2b;
	background-image: url(../images/interface-accueil/marron-transparent.png);
	-moz-border-radius:4px 4px;
	-webkit-border-radius:4px 4px;
	border-radius:4px 4px;
	overflow:auto;
	padding-right:10px;
	padding-left:10px;
}

.bouton li  {background-image: url(../images/interface-accueil/btn-gauche.jpg);
	     display:block;
	     float:left;
	     width: 97px;
	     height: 32px;
	     font-family: Arial, Helvetica, sans-serif;
	     font-size: 14px;
	     font-weight: bold;
	     color: #000000;
	     background-repeat: no-repeat;
	     line-height: 30px;
	     text-align: center;
	     margin-top: 6px;
	     padding-right: 3px;
	     padding-bottom: 10px;
	     margin-left:5px;
}

#bouton2 {background-image: url(../images/interface-accueil/btn-gauche.jpg);
	  display:block;
	  margin-left: 38px;
	  float:left;
	  width: 97px;
	  height: 32px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 14px;
	  font-weight: bold;
	  color: #000000;
	  background-repeat: no-repeat;
	  line-height: 30px;
	  text-align: center;
	  margin-top: 6px;
	  padding-right: 3px;
	  padding-bottom: 10px;
	  
	  text-decoration:none;color:#000000;font-weight: bold;
}

#colonne1 li a {
	text-decoration:none;color:#000000;font-weight: bold;
	
}

#colonne2 li a {
	text-decoration:none;color:#000000;font-weight: bold;
	
}

#fdinscription {
	margin-left: 20px;
}

#contenu {margin-top: 20px;
	  padding-right: 20px;
	  padding-left: 20px;
		font-size: 18px;
}

#menu {font-size:80%;text-align:center;margin:15px 0;color:#FFFFFF;text-shadow:2px 2px 2px #000000;}
#menu ul {display:block;margin:0 auto;}
#menu ul li {display:inline-block;padding:0 4pt;}
#menu a {text-decoration:none;color:#FFFFFF;font-weight: bold;}
#menu a:hover {text-decoration:underline;}

#footer {
	margin-top: 30px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}