body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0px;
padding: 0px;
}

#header {
height: 100px;
background: #257898 url(../images/turquoise_01.gif) bottom left no-repeat;
}
#centre {
background-image: url(../images/turquoise_02.gif);
background-repeat: no-repeat;
background-position: 0px 0px;

}

#pied2 {
position:relative;
height: 27px;
width: 100%;
background-color: #257898;
bottom: 0px;
}


/* gestion des liens survolés*/
#menu a:hover {
color: #96D6E9; 
}


#menupied a:hover {
color: #96D6E9;
}

h3
{
position:relative;
color:#257898;
font-size:3em;
text-align:left;
margin:0px;
margin-left: 50px;
padding-top: 0px;
padding-right: 0px;
margin-bottom : 5px;
top : -15px;
}

h4
{
	position:relative;
	color:#257898;
	font-size: 1.4em;
	text-align:left;
	border-bottom: 1px solid #257898;
	margin: 0px;
	margin-bottom : 12px;
}

form
{
	margin: 0px;
	margin-top : 12px;
}
form label 
{
	float: left;
	width: 140px;
	text-align: right;
	margin: 0;
	padding: 0;
	font-weight:600;
	line-height: 1.5;	
	font-size: 11px;
}

form input, select, textarea
{
	margin-left : 10px;
	font-size: 12px;
	width : 220px;
	margin-bottom : 4px;	
	border :  #257898 1px solid;	
}
form  select {	width : 120px;}
form textarea { width : 250px; height : 120px; }

form input:focus, textarea:focus , select:focus
{
	border-color :  blue;	
}

/***************** left ********************/
#left 
{
	float :left;
	width : 26%;
	padding : 0px;
	margin-left : 1%;
	/*border : 1px dotted #257898;*/
	/*background-color : #eee;	*/
}
#left form label { width: 100px;  }
#left form input { width: 125px;  }
#left p  { margin: 0px; margin-bottom : 8px; }

.block 
{
	border : 2px dotted #257898;	
	margin-bottom : 25px;  
	padding : 5px;
	border : 1px solid #257898;	
	background-color : #eee;
}


/***************** right  ********************/ 
#right 
{
	position : relative;
	padding : 10px;
	margin-right : 1%;
	margin-left : 30%;
	/*border : 2px dotted #257898;*/
	min-height: 250px;	
	height: expression(this.scrollHeight < 250 ? "250px" : "auto"); /* IE */
	
}

#right div {	margin-bottom : 5px;  }

#right ul { margin:2px; margin-bottom:15px; padding-left: 30px;}


#loggedCutomerBlock
{
	width : 90%;
	margin : 0px;
	margin-left : 4%;
	margin-right : 4%;
	border : 1px solid red;
}

#menuclient
{
	margin : 0px;
	padding : 0px;
	margin-bottom : 25px;
	margin-top : 0px;
	font-weight : 600;
	border : 1px solid #257898;	
	background-color : #eee;
}
#menuclient a { color : #257898; height: 40px;display : block; padding-top: 5px; }
#menuclient img { width : 32px; height : 32px; border:0px; display : inline; float : left; margin-right : 12px;}
#menuclient div { margin : 10px;}

#welcomeUser
{
	text-align : center;
	font-weight : bold;
}
.explanation
{
	margin : 0px; margin-bottom : 10px;
}

.confirmationMsg { margin : 0px; margin-bottom : 10px;	color : blue; }
.errorMsg {	margin : 0px; margin-bottom : 10px; color : red; }

.hostingBlock
{
	border : 1px solid #257898;
	margin-top : 30px;
}
.hostingtitle
{
	margin:0px; padding : 0px;
	background-color: #257898;
	font-weight : bold;
	color : white;	
}
.hostingtitle img { margin-right : 10px; }

.hostingInfo { margin : 10px; }
.hostingInfo table td { padding-left : 25px; }

.hostingInfo a  { color : black; }
.hostingInfo a span
{
	position :absolute;
	display : none;
	left : 0px;
	top : 20px;
	width: 220px;
	border : 1px dotted #257898;
	background-color: white;
	padding : 2px;
	color : black;
	text-decoration : none;
	z-index : 15;
}

.hostingInfo a:hover /*IE BUG*/
{
  background-color: #f7f7ff;
  position : relative;
}

.hostingInfo a:hover span
{
	display : block;
    position : absolute;
}

#changePwd form label { width: 180px; }
#changePwd form input { width: 150px;  }
#changePwd  div { margin : 10px;}