/* éléments simples */
body{
	font-family: arial,helvetica; 
	background-color: #FFFFFF;	
	font-size: 0.8em;
	margin:0; 
	padding:0;
    text-align: center; 
}

/* Styles communs */
a:link {text-decoration: none; color: #0000ff}
a:visited {text-decoration: none; color: #0000ff}
a:active {text-decoration: none}
a:hover {color: #000000; background-color: #FFFF00}
h1, h2 {font-weight: bold;	font-size: 1.2em;}

.spacer {clear: both; visibility:hidden}
.agauche {float: left;}
.adroite {float: right;}
.adroite img, .agauche img {border: 0; margin: 0.5em;}

/* structure du document */
#page{
    margin-left: auto;
    margin-right: auto;
    width: 760px;
    text-align: left;
	margin-top: 10px;
	padding: 2px;
	border: 0px dashed #333;
	background-color: #fff;
}

#menu{
	position:absolute;
	top: 10px;
	background: url('images/menu.gif') repeat-x;
	width: 754px;
	height: 28px;
	font-weight: bold;
	text-align: center;
	border: 3px solid #f00;
}

#menu ul
{
	margin: 0 ;
	padding: 5px 0 0 0;
	list-style-type: none ;
}

#menu ul li
{
	display: inline;
}
#menu ul li a
{
	color: #000;
}

#entete{
	position:absolute;
	top: 44px;
	width: 760px;
	margin: 0;
	padding: 0;
} 
#entete img{
	float: left;
	border: 0;
}

#centre{
	padding-top: 183px;
	width: 760px;
	margin: 0px;	
} 

#pied-de-page{
	clear: both;
	background-image: url('images/bas.png');
	width: 760px;
	height: 78px;
	margin-bottom: 1em;	
}
#pied-de-page p
{
   	line-height: 55px;
    font-weight: bold;
    font-size: 0.8em;
    color: #999;
    text-align: center;
    word-spacing: 0.2em; 
    border: 0;
    padding-top: 29px;
}

#contenu {
  width: 100%;
}

/* page d'accueil */
#accueil-partenaires{
	display: bloc;
	width: 250px;
	margin: 0 0.5em 0 0.5em;
	text-align: center;
}
#accueil-partenaires h1{
	margin: 0;
	padding: 0;
  	border: 0;
  	background-color: transparent;
}
#accueil-partenaires ul
{
	margin: 0 ;
	padding: 5px 0 0 0;
	list-style-type: none ;
}
#accueil-texte{
	float: right;
	width: 500px;
	text-align: justify;
	text-indent: 1.5em ;
	line-height: 1.5em ;

}
#accueil-texte h1, #contenu h1, #contenu h2{
	text-align: center;
}

/* informations */
#plan{
  text-align: center;
  margin-bottom: 2em;
}

#plan img{
  border: 0;
}

#infotable{
  width: 100%;
  margin-top: 2em;
  border:0;
}
h1, #infotable #titre{
  border: 1px solid #B4D0DC;
  background-color: #ECF8FF;
}

/**/
#acces{
  text-align: center;
}

/**/
#tarifs{
	width: 250px;
	border: 1px solid #B4D0DC;
}
#legende{
	text-align:center;
	clear: both;
}
#legende span{
	color: #f00;
}

#dispo{
	width: 500px;
	border: 1px solid #B4D0DC;
	float: right;
}

#dispo .calendrier{
	width: 200px;
	float: right;
	margin: 1em;
}

/**/
#corp-form{
}
#corp-form fieldset{
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corp-form legend{
	font-weight: bold;
	background: transparent;
}
#corp-form p{
	padding: 0.2em;
	margin: 0;
	text-indent: 0;
	line-height: 1em ;
}
#corp-form label{
	float: left;
	width: 30%;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
}
#corp-form label:hover, #pied-form input{
	cursor: pointer;
}
#corp-form label.oblig {
	font-weight: bold;
}
#corp-form .legende{
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corp-form a.aide{
	text-decoration: none;
}
#corp-form a.aide img{
	margin: 0;
	padding: 0;
	border: 0;
}
#corp-form a.aide:hover{
	cursor: help;
}
#corp-form .focus{
	background: beige;
	color: black;
}
#corp-form .normal{
	background: white;
	color: black;
}
#corp-form .alerte{
	border: 1px solid red;
}
#corp-form .message-alerte{
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
}
#pied-form{
	text-align: center;
}
#pied-form em{
	float: left;
	font-weight: bold;
}