@charset "UTF-8";
*{
	margin:0px;
	padding:0px;
}
html, body{
	height:100%;
}
body {
	background-color:white;
	background-image:url(../images/grey_@2X.png);
	background-attachment:fixed;
	text-align:left; /* pour ie !*/
}
div, a, .boutons{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
    border-radius: 4px;
	/*background: linear-gradient(#BAC9E7, #306CB2);  */
}
#infoconnection{
	text-align:right;	
	padding-right: 20px;
	padding-top:10px;
	margin-top:0;
}
/* ************** La div corps suit le menu et précède le pied ********** */
div#corps{
	clear:both;				/* à cause du float:left du menu */
	padding:20px 20px 80px 20px;
	overflow:auto;			/* pour position du pot de page */
}

.conteneur:after{
   clear: both;
}
.conteneur {
	width:1024px;
	margin: 0 auto;
    border-color: #1D60AC;
    box-shadow: 1px 1px 10px #6791C8;
    clear: both;
    font-size: 0.85em;
	margin-top:10px;
}

/*  ************************ LE PIED DE PAGE  ************************ */
.footer{
}	
	.datemaj {	
		float: right;
		font-size: 1em;
		padding-right: 10px;
	}
	
	.footer 	 p, .datemaj {	
		margin:0px   0px;
		padding:10px 4px;
	}
	
/* ************** LES FORMULAIRE RELEVES ET RESERVATIONS ************ */
.formulaires{
	padding-left: 340px;
	padding-right:40px;
}
#formreleves, #formresa{
	padding-left:60px;
}
#formreleves .valider, #formreleves .annuler, #formresa .valider  {
	width:25%;
}
#formreleves input[type=text] {
	border-bottom: 1px solid #089C99;
    font-weight: bold;
	font-size:1.1em;
	width: 62px;
	text-align:right;
}
.boutons{
	width :95%;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	clear:left;
}
.boutonsform{
    margin: 0 auto 0 -70px;
    padding-top: 140px;
    text-align: center;
}
#btnformresa{
	padding-top:170px;
}
.valider, .annuler{
    background-color: #bac9e7;
	text-align:center;
    color: #195daa;
    font-size: 1.2em;
    padding: 5px;
	width: 65%;
}
/* ****************** POUR LE FORMULAIRE RELEVES ********************* */
.releves{
	position:absolute;
}
#arrivee, #depart{
	float:left; 
	color:red;	
	width:250px;
}

/* ********************************************************* */
#inscription, #avecerreur{
	width:150px;
	background:#FFFFFF;
	margin:20px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #195cab;
	padding-bottom : 10px;
}
#nouveau{
	border:0;
}
#inscription h1{
	text-align:center;
	font-size:1.2em;
	background:#87A6D4;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:15px;
	color:#FFFFFF;
	letter-spacing:0.05em;
}
#avecerreur h1{
	background:#ff0000;
	text-align:center;
	font-size:1.2em;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:15px;
	color:#FFFFFF;
	letter-spacing:0.05em;
}
#inscription p, #avecerreur  p {
	padding-top:15px;
	padding-right:50px;
	text-align:right;
}
#inscription #nouveau, #avecerreur #nouveau{
	text-align: center;
	padding-top : 5px;
}
#inscription input ,#avecerreur input {
	margin-left:15px;
	width:90px;
}
#inscription #valider,#avecerreur #valider  {
	width:120px;
	/*font-size:0.8em;*/
}
#inscription #message,#avecerreur #message {
	height:27px;
	font-size:0.7em;
	font-weight:bold;
	text-align:center;
	padding:10px 0 0 0;
}
#inscription  #erreur, #avecerreur #erreur{
	padding-top : 5px;
}

div #information{
/* message d'information des formulaires */
	text-align:center;
	color:#ff0000;
	font-size:1em;
}
div.header{
	position: relative;
}
div#entete{
	width: 400px;
	float:left;
	padding-left: 230px;
	
}

/*	div#entete #image{
		 background:url(http://site.tadornes.fr/images/lamaison.jpg) no-repeat;
		//background:url(//images/lamaison.png) no-repeat;
		height :310px;
	}
	*/
	
div.login{
	float:right;
	padding-right:15px;
}
.ident{
	margin-left:10px;
}
/* Colonne de gauche fixe dans la page de réservation */
#blocgauche{
	float : left;
	width : 300px;
	padding:0 10px;
}
	#blocgauche h4,  h5 {
		text-align: center;
	}
	#ssblocgauche {
		background-color :#789dcf;
		padding: 10px 10px;
		margin-bottom:5px;
	}
	
#blocdroite p, #blocdroite li {
	
}
#droitcalendar{
	/*margin-left:50px;*/
	text-align:left;
}
	#droitcalendar table{
		margin:auto;
		font-size:15px;
	}

/*  ************************ LES FORMULAIRES ************************ */

form h2{
	color: #000000;
}

/* **************************** LE MENU ******************************** */
#menu{
	clear: both;
}
#menu, #menu ul{
	/* list-style: none;		/* pas de puce ! */
	/* margin:auto;*/
	text-align:center;
}
	#menu li{
		display:inline;		/* en ligne */
		margin-right:0.5em; /* écartement des boutons */
	}
		#menu a {
			background: url(../images/fond_bouton.gif) repeat-x right top;
			display:inline-block; /* pour pouvoir donner une largeur aux éléments */
		    width: 10em;		  /* tous de la même taille */
			padding:0.5em 0;	  /* marges internes hautes et basses */
			font-size:15px;
			color: white;		/* couleur de la police */
			background: linear-gradient(#306CB2,#BAC9E7);
		}
		#menu a:hover{
			background: linear-gradient(#BAC9E7, #306CB2);
			/*background-position:100% -45px;	/* décalage de l'arrière plan */
			color:blue;	/* change la couleur du texte */
		}

#interdit{
   color: #FF0000;
   text-align:center;
   padding-bottom:15px;
}
#erreur{
	font-weight: bold;
	color: #ff0000;
	text-align:center;
}
 
/* ************************* LES BONS PLANS ************************ */
#formbonsplans{
	margin-left:180px;
	padding-bottom:20px;
}
#formbonsplans label{
	font-weight:bold;
}
.frmbonplan{
	float:left;
}
#visite{
	width:60px;
}
#type{
	width:80px;
}
#dept{
	width:40px;
}
#ville{
	width:150px;
}
#etablissement{
	width:110px;
}
#fourchette{
	width:70px;
}
#avis{
}
legend{
 padding:0 5px;
 font-weight:bold;
}
fieldset input[type=radio]{
 margin-left: 15px;
}