﻿@charset "utf-8";
/* CSS Document */
body
{
	width: 1000px;
	margin: auto ;
	padding-top:10px;
	padding-bottom:10px;
	background:#FFFFCC;
}
#en_tete
{
	width: 1000px;
	height: 90px;
	background-image: url("images/banniere.png");
	background-color:#003;
	background-repeat: no-repeat;
	margin: 0;
}
#barre
{
	width: 1000px;
	height:70px;
	background-color:#FF66CC;
}
#menu
{
	height: 25px ;
	width:1000px;
	margin: 0 ;
	padding: 0 ;
	background-color:#FFCC66;
	position:absolute;
}
#menu li
{
	float: left ;
	text-align: center ;
	list-style-type:none;

}

#menu li a
{
	width: 123px;
	line-height: 25px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	display: block;
	text-decoration: none;
	border-right: 2px solid #000 ;
}
#menu li a:hover
{
	width: 123px;
	line-height: 25px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	display: block;
	text-decoration: none;
	border-right: 2px solid #FFF ;
	background-color:#FF66CC;
}
#contenu
{
	width:1000px;
	background-color:#6699FF;
	margin:0;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
}
#contenu h2
{
	padding-left: 30px ;
	margin-left:10px;
	color:black;
	line-height: 25px ;
	font-size: 1.5em ;
	background: url(images.jpg) no-repeat left bottom ;
	border-bottom: 1px solid;
	border-bottom-color:#FFF;
}
.formulaire
{
	width:280px;
	float:right;
	font-size:12px;
	font-weight:bold;
}
#heure
{
	float:left;
	font-weight:bold;
	color:#FFF;
	font-size:20px;
}
.heuredym
{
	float:left;
	font-weight:bold;
	color:#FFF;
	font-size:20px;
	text-indent:8px;
}
.classe_button
{
	border:1px solid #cde0f9;
	float:right;
	color:#FFF;
	text-decoration:none;
	background-color:#000;
}
.paragraphe
{
	text-indent:30px;
	font:"Comic Sans MS", cursive;
	font-size:20px;
	text-align:justify;
	color:#FFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0;
	margin:0;
}
#footer
{
	width:1000px;
	clear:both;
	background-color:#0CF;
	border-top: 1px solid;
	border-top-color:#000;
	border-bottom: 2px solid #000;
	margin-top:40px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#footer a
{
	text-decoration:underline;
}
a.bouton2:link
{
  width:150px;
  height:30px;
  text-decoration:none;
  color:white;
  text-align:center;
  font-weight:bold;
  background-color:#003399;
  padding:5px;
  border-style:outset;
  border-width:2px;
  border-color:silver
} 
a.bouton2:visited{
  width:150px;
  height:30px;
  text-decoration:none;
  color:white;
  text-align:center;
  font-weight:bold;
  background-color:#003399;
  padding:5px;
  border-style:outset;
  border-width:2px;
  border-color:silver
}
a.bouton2:hover{
  width:150px;
  height:30px;
  text-decoration:none;
  color:white;
  text-align:center;
  font-weight:bold;
  background-color:#3399FF;
  padding:5px;
  border-style:outset;
  border-width:2px;
  border-color:silver;
}
.bouton2{
  text-align:center;
  padding:5px;
}
.formule
{
	color:#FFF;
	font-size:20px;
	text-align:justify;
	padding-left:50px;
	padding-right:10px;
	vertical-align:middle;
}
.formule1
{
	color:#FFF;
	font-size:20px;
	padding-left:250px;
	padding-right:10px;
	vertical-align:middle;
}
.erreur
{
	border:dotted;
	text-align:center;
	font-size:18px;
	color: red;
}
#livredor
{
	width:240px;
	margin:auto;
	font-size:12px;
	font-weight:bold;

}
.inscription
{
	width:240px;
	font-size:14px;
	font-weight:bold;
	margin:auto;
}
.affichage a
{
	font-size:16px;
	color:#FFF;
	text-decoration:underline;
	padding-right:150px;
	float:right;
	font-weight:bold;
}
.affichage a:hover
{
	color:#FFF;
	font-size:17px;
}
.affichage1 a
{
	font-size:16px;
	color:#FFF;
	text-decoration:underline;
	text-indent:280px;
	float:left;
	font-weight:bold;
}
.affichage1 a:hover
{
	color:#FFF;
	font-size:17px;
}
.centre
{
	text-align:center;
	color:#FFF;
	font-size:20px;
	font-weight:bold;	
}
.centre a:hover
{
	
	font-size:22px;
	color:#FFF;
	font-weight:bold;
}
.sejour
{
	margin-left:100px;
	width:700px;
}
.bout
{
	border:1px solid #cde0f9;
	margin-left:500px;
	color:#FFF;
	text-decoration:none;
	background-color:#000;
}
.validation
{
	float:right;
	margin:0;
	width:180px;
	font-size:14px;
	font-weight:bold;
}
  a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    text-decoration:none;
	float:right;
}
a.tooltip:hover em {
    font-style: normal;
	
    display: block;
    position: absolute;
    left: 200px;
	margin-top:50px;
    color:#ff7c11;
    border: 2px solid #999;
    background: #000;
    width:170px;
}
