body {
	margin: 0 auto;
	padding: 0;
 	font-family: arial, helvetica, sans-serif;
 	font-size: 12px;
	color: #000000;
	background-color: #F0F0F0;
	text-align: center;
}

#login {
	position:absolute;
	left:50%;
	top:50%;
	width: 310px;
	height:120px;
	margin-left:-155px; /* Cette valeur doit être la moitié négative de la valeur du width */
	margin-top:-60px; /* Cette valeur doit être la moitié négative de la valeur du height */
}

#login table {
	border: 1px solid #CCCCCC;
	padding: 10px;
}

#header {
	/*width: 100%;*/
	background: url(../img/fd_header1.gif) top repeat-x;
	padding: 15px 0 15px 0;
	margin: 0;
	text-align: left;
	border-bottom: 3px solid #FFCC00;
}

#header h1 /* client name */ {
	padding: 0 0 0 0;
	margin: 0 0 0 30px;
	font-size: 24px;
	font-weight: bold;
	color: #fc0;
	text-align: left;
}

.bold {
	font-weight: bold;
}

.signature {
	margin: 0 0 0 30px;
	padding: 0;
	font-size: 12px;
	color: #f0f0f0;
	letter-spacing: 1px
}

.logout {
	float: right;
	margin: 0 30px 0 0;

}

.logout a {
	color: #FFFFFF;
}

.logout a:hover {
	text-decoration: none;
}

#menu {
	padding: 0;
	background-color: #F0F0F0;
}

#menu ul {
	padding: 0;
	margin: 0 0 0 30px;
	height: 29px;
}

#menu li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#menu a:link, #menu a:visited {
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
	letter-spacing: 1px;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	background-color: #FFE789;
}

#menu a:hover {
	background-color: #FFFFFF;
}

#menu a:link.current, #menu a:visited.current {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFCC00;
}

h2 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #1D64AD;
	text-align: left;
}

h3 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #1D64AD;
	text-align: left;
}

#contentPopUp {
	width: 90%;
	background: #FFFFFF;
	padding: 5px;
	margin: 10px 10px 10px 10px;
	text-align: left;
	border: 5px solid #E5E5E5;
	font-size: 12px;
}

#contentNoSub {
	/*width: 100%;*/
	overflow: auto;
	background: #FFFFFF;
	padding: 10px;
	margin: 10px 31px 10px 31px;
	text-align: left;
	border: 5px solid #E5E5E5;
}

#contentNoSub p {
	line-height: 2px;
}

#content {
	/*width: 100%;*/
	background: #FFFFFF;
	padding: 10px;
	margin: 10px 31px 10px 31px;
	text-align: left;
	border: 5px solid #E5E5E5;
	margin-left: 220px;
	/* overflow: scroll; */
}

#content p {
	/* line-height: 2px; */
}

#menugauche {
	position: absolute;
	left:0;
	width: 150px;
	background: #FFFFFF;
	padding: 10px;
	margin: 10px 31px 10px 31px;
	text-align: left;
	border: 5px solid #E5E5E5;
	letter-spacing: 1px;
}

#menugauche ul {
	padding: 0;
	margin: 0;
}

#menugauche li {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

#menugauche a:link {
	font-size: 12px;
	font-weight: normal;
	color: #003366;
	text-decoration: underline;
}

#menugauche a:hover {
	text-decoration: none;
}

#menugauche p {

	margin-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #1D64AD;
	text-align: left;
}

.gridBig {
	border-collapse: collapse;
	border: 1px dotted #666666;
	color: #000;
	background: #FFFFFF;
	font-size: 16px
}

.gridBig td, th {
	border: 1px dotted #666666;
	padding: 0.5em;
}

.gridSmall {
	border-collapse: collapse;
	border: 1px dotted #666666;
	color: #000;
	background: #FFFFFF;
	font-size: 12px
}

.gridSmall td, th {
	border: 1px dotted #666666;
	padding: 0.5em;
}

.gridSmall a {
	text-decoration: none;
	letter-spacing: 1px;
	color: #1D64AD;
}

.gridSmall a:hover {
	text-decoration: underline;
	color: #1D64AD;
}

.grid {
	border-collapse: collapse;
	border: 1px dotted #e5e5e5;
	color: #000;
	background: #FFFFFF;
	font-size: 12px
}

.grid a {
	text-decoration: none;
	letter-spacing: 1px;
	color: #1D64AD;
}

.grid a:hover {
	text-decoration: underline;
	color: #1D64AD;
}

.grid th {
	font-size: 12px;
	font-weight: bold;
	background-color: #e5e5e5;
	font-variant: small-caps;
	/* text-transform: uppercase; */
}

.grid td, th {
	border: 1px dotted #e5e5e5;
	padding: 0.5em;
}

.grid tr:hover {
	background: #F6F6F6;
}

hr {
	height: 1px;
	border: 0;
	color: #E5E5E5;
	background-color: #E5E5E5;
}

.button a {
	color: #FFFFFF;
	background-color: #1D64AD;
	padding: 5px;
	/* width: 12em; */
	text-align: center;
	letter-spacing: 1px;
	/* display: block; */
	text-decoration: none;
}

.button a:hover {
	background-color: #6699CC;
}

.societe p {
	margin: 0;
	padding: 0;
}

.societe {
	margin: 5px 0 5px 0;
	padding: 0.5em;
	font-size: 13px;
	background-color: #F6F6F6;
	width: 20%;
}

.societe a {
	text-decoration: none;
	letter-spacing: 1px;
	color: #1D64AD;
}

.societe a:hover {
	text-decoration: underline;
}

/* FORMULAIRE */

.error {
	margin-left: 120px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #FF9900;
	display: block;
}

.tableForm {
	font-size: 13px;
	background-color: #FCFCFC;
	letter-spacing: 0px;
	color: #003366;
	border-collapse: collapse;
	border: 1px dotted #e5e5e5;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	padding: 10px;
	border: 1px solid #E5E5E5;
	background-color: #F6F6F6;
}

legend {
	padding: 5px;
	font-size: 14px;
	letter-spacing: 1px;
	background-color: #E5E5E5;
	margin-left: 100px;
}

label{
	letter-spacing: 1px;
	padding:5px;
	color:#003366;
}

select {
	margin:0;
	border: 2px solid #E5E5E5;
	padding: 2px;
	font-size: 14px;
}

input{
	margin:0;
	border: 2px solid #E5E5E5;
	padding: 5px;
	font-size: 14px;
}

textarea{
	margin:0;
	border: 2px solid #E5E5E5;
	font-family: arial;
	font-size: 12px;
	padding: 5px;
}

.inputCircuit {
	width: 122px;
	border: 2px solid #E5E5E5;
	padding: 5px;
}

.textareaCircuit {
	width: 150px;
	border: 2px solid #E5E5E5;
	padding: 5px;
}

.buttonForm {
	padding: 5px;
	margin: 0;
	background-color: #1D64AD;
	border: 0;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 12px;
}

.buttonForm2 {
	padding: 5px;
	margin: 0;
	background-color: #FFCC00;
	border: 0;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 12px;
}

/* FIN FORMULAIRE */

#footer {

	padding: 0 0 0 0;
	margin: 10px 32px 10px 32px;
	text-align: right;
	font-size: 10px;
}

/*
#footer {
	padding: 10px;
	margin: 10px 31px 10px 31px;
	text-align: right;
	font-size: 10px;
	background-color: #FFFFFF;
	float: right;
	border: 5px solid #E5E5E5;
}

*/

.evenement {
	background-color: #FFCC00;
}

.hrCalendrier {
	height: 1px;
	border: 0;
	color: #003366;
	background-color: #003366;
}

.pagination {
	font-size: 14px;
}

.pagination a {
	padding: 5px;
	text-decoration: none;
}

.pagination a:hover {
	padding: 5px;
	border: 1px solid #003366;
}

#detail p {
	font-size: 14px;
}

.labelCircuit {
	float: left;
	width: 160px;
	padding: 3px;
	margin-right: 5px;
	background-color: #1D64AD;
	border: 0;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 12px;
}

.spacer {
	float: left;
}

.statutReservation {
	color: #FFFFFF;
}

.selectResa {
	font-size: 9px;
	margin:0;
	border: 0px;
	padding: 0px;
	width: 110px;
}

.inputResa {
	margin:0;
	border: 1px solid #7F9DB9;
	padding: 0px;
}

.inputResaQte {
	margin:0;
	border: 1px solid #7F9DB9;
	padding: 0px;
	width: 17px;
}

.numeroTelephone {
	font-weight: bold;
	text-align: center;
}

.floatDiv {
	float: left;
	/* width: 50%; */
	margin-right: 2em;
	padding: 1em;
	background-color: #FCFCFC;
	color: #003366;
	border-collapse: collapse;
	border: 1px dotted #e5e5e5;
}

#messageBox {
	font-size: 14px;
	padding: 1em;
	background-color: #FCFCFC;
	border-collapse: collapse;
	border: 1px dotted #e5e5e5;
}

.refReservation {
	font-size: 14px;
	font-weight: bold;
}

.listHotels {
	/* height: 5em; */
	background-color: #E5E5E5;
	overflow: auto;
	/* width: 92%; */
}

.listHotels td {
	font-size: x-small;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

div.fusionHotel {
	height: 100px;
	background-color:#E5E5E5;
	overflow:auto;
	text-align:left;
	padding:2px;
	font-size: 10px;
}


/**
 * jQuery Simple Dialog
 */
.sd_container{
 font-family: arial,helvetica,sans-serif;
 margin:0;
 padding: 10px;
 position: absolute;
 background-color: #fff;
 border: solid 1px #ccc;
 text-align:center;
}
.sd_header{
 font-size: 125%;
 font-weight:bold;
 margin-bottom: 10px;
}
.sd_content{}
.sd_footer{
 color: #a0a0a0;
 margin-top: 10px;
}
.sd_overlay{
 position: absolute;
 margin:0;
 padding: 0;
 top: 0;
 left: 0;
 background-color: #222;
}
.sd_loading{
 background: url('../img/indicator.gif') center no-repeat;
 background-color: #fff;
 height: 60px;
 width: 60px;
}
.sd_closelabel{
 position:absolute;
 width:50px;
 height:22px;
 line-height:22px;
 top:0;
 left:0;
 padding:5px;
 text-align:center;
 background-color:#ccc;
}
.sd_closelabel a {
 text-decoration:none;
 color: #222;
 font-size: 12px;
 font-weight:bold;
}