/*********************************head*********************************/
#head 
{
	margin-left : auto;
	margin-right : auto;
	width:100%;
	height:100px;
}
#img_left
{
	float : left;
	background:url(../../Images/css/StatsHotels171x100.png) top left no-repeat; 
	width:171px;
	height:100px;
}
#div_center
{
	margin-left : auto;
	margin-right : auto;
	padding :40px;
}
#divAcceuil
{
    margin-left:184px;
}
/*********************************body*********************************/
body 
{
	font-family : Arial, sans-serif;
	color : #333333;
	line-height : 1.166;
	width : 965px;/* 800*600 => 760 420 1024*780=>955 601*/
	margin-left : auto;
	margin-right : auto;
	padding : 0px;
	background:#dfdbd3 url(../../Images/css/bg.gif)  top left repeat-x;
}

acronym
{
	border-bottom:dotted 1px;cursor: help;
}
.loading
{
	position:absolute;
	z-index:1;
	width:960px;
	margin-top:25%;
	text-align:center;
}
.loading img
{
	background-color:White;
	border:solid 1px #5476a4;
}

form, .GlobalContent
{
	background-color: #ffffff;
	border : 1px solid #5476a4;
}
input:focus, select:focus, textarea:focus
{
	background-color: #fafafa;
}
input, select, textarea, button
{
	margin: 0 5px;
	border:1px solid #8e9cae;
}
a 
{
	color : #006699;
	text-decoration : none;
}
label
{
	color : #006699;
	font-weight:bold;	
}
a:link
{
	color : #006699;
	text-decoration : none;
}
a:visited 
{
	color : #006699;
	text-decoration : none;
}
a:hover 
{
	color : #ff6600;
	text-decoration : none;
}
img
{
	border:0px;
}
h1 
{
	font-family : Verdana, Arial, sans-serif;
	font-size : 160%;
	color : #334d55;
	margin : 0px;
	padding : 0px;
	text-align:center;
}
sub
{
	font-family : Verdana, Arial, sans-serif;
	font-size : 50%;
	color : #334d55;
}
h2 
{
	font-family : Arial, sans-serif;
	font-size : 114%;
	color : #006699;
	margin : 0px;
	padding : 0px;
}


h3 /*h3 centrer dans le div Paragraphe*/
{
	font-family : Arial, sans-serif;
	font-size : 90%;
	color : #334d55;
	margin : 0px;
	padding : 0px;
}
h4 
{
	font-family : Arial, sans-serif;
	font-size : 80%;
	color : #334d55;
	margin : 0px;
	padding : 0px;
}
/*********************************Navigation*********************************/

#SpeedBar
{
	margin-top : 5px;
	padding : 5px 0px 5px 0px;/* haut droite bas gauche*/
	color : #cccccc;
	text-align : center;
	border : 1px solid #ccc;
}
#SpeedBar a 
{
	font-size : 90%;
	padding : 0px 0px 0px 0px;
}
.drapeau
{
	height: 10px;
	width: 16px;
	position: relative;
}

#NomPage 
{
	margin : 5px 0px 0px 0px;
	padding : 0px 0px 0px 10px;
}
#SiteMap 
{
	font-size : 80%;
	padding : 2px 0 0 10px;/* haut droite bas gauche*/
	border-bottom : 1px solid #ccc;
}

#siteInfo
{
	clear : both;
	border : 1px solid #cccccc;
	font-size : 60%;
	color : #cccccc;
	padding : 1px;
	margin-top:10px;
	text-align : center;
	margin: 0px 10px 0px 10px;/* haut droite bas gauche*/
}
.tempsGen
{
	color : #cccccc;
	text-align:center;
	font-size:xx-small;
	font-weight:bold;    
}

#siteInfo img 
{
	padding : 4px 4px 4px 10px;/* haut droite bas gauche*/
	vertical-align : middle;
	border : 0;
}

/*********************************Menu*********************************/
#navBar 
{
	float : left;
	width : 175px;/*224,238*/
	padding : 0px;
	margin : 5px 0px 0px 10px;
	color:#006699;
}
#alert
{
	color:#ff6600;	
}
.cartouche
{
	background-color : #eeeeee;
	border: 1px solid #cccccc;
	/*border-left : 1px solid #cccccc;*/
	/*border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;*/
	margin-bottom:10px;
}
.etoilesValidation
{
	font-family : Arial, sans-serif;
	font-size : 200%;
	color:#ff6600;	
}

#navBar ul 
{
	list-style : none;
	margin : 0;
	padding : 0;
}

#navBar h3 
{
	font-family : Arial, Sans-Serif;
	font-size : 100%;
	font-weight : bold;
	background :  url(../../Images/css/sidebar_header.png) no-repeat;
	background-color :#5476a4;
	padding : 8px 0 3px 9px;/* haut droite bas gauche*/
	color : #fff;/*faire des tests en orange*/
}

.lienAncres
{
border-left: 1px solid #cccccc;
margin : 0px;
padding : 3px 0px 10px 10px;/* haut droite bas gauche*/
font-size : 90%;
}

.lienAncres li 
{
margin-left : 10px;
list-style-image : url(../../Images/css/flechemanchette.gif);
}

.souslienAncres
{
margin : 0px;
padding : 3px 0px 10px 10px;/* haut droite bas gauche*/
font-size : 90%;
}

.souslienAncres li 
{
margin-left : 10px;
list-style-image : url(../../Images/css/subflechemanchette.gif);
}
/*********************************Contenu*********************************/
#contenu 
{
float : left;
margin:0px auto;
padding:5px 0px 10px 0px;
width : 759px;/*765,530,550*/
}

.paragraphe
{
padding : 0px 0px 10px 10px;/* haut droite bas gauche*/
font-size : 85%;
}

.paragraphe h1 
{
	padding-bottom : 20px;
}

.paragraphe h3 {
padding : 30px 0px 5px 0px;/* haut droite bas gauche*/
text-align : center;
}

/*.paragraphe img 
{
float :left;
padding : 10px 10px 0px 0px;
}*/
.CreateLogin
{

border:0px;
margin-top:20px;
margin-bottom:20px;
margin-left : auto;
margin-right : auto;
width : 400px;	
height:180px;
}

.hidden
{
	display: none;
}

/****************************Filtres********************************************/
.Filtre fieldset
{
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 2px 2px 2px 2px;
	border: solid 1px #5476a4;
	width: 170px;
	height: 100px;
	text-align: center;
}

#divValidation
{
	margin-left:auto;
	margin-right:auto;
	width: 100px;
}

/*********************frmInfoCLient***************************************/
.frmInfoClient div
{
	margin-top:5px;
}

.frmInfoClient label
{
	display: block;
	float: left;
	text-align: right;
	width: 200px;
}

.frmInfoClient label
{
	display: block;
	float: left;
	text-align: right;
	width: 120px;
}
.frmInfoClient .errorRFV
{
	display: block;
	float: right;
	text-align: right;
	width: 5px;
}
.frmInfoClient input,.frmInfoClient select, .frmInfoClient textarea
{
	width: 200px;
}
