/* CSS Document */

body {
  margin: 0;
  padding: 0;
  font-family:Tahoma,arial,sans-serif;;
  font-size: 11px; 
  line-height: 17px;}

a:link { text-decoration:none; color: #003399; }
a:visited { text-decoration:none; color: #003399; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }

#page {
  background: white;
  width: 810px;
  margin: 0 auto; }

/**
 * Colonne Gauche
 **/ 
  
#col_gauche {
  float: left;
  top: 0; 
  width: 184px;
  height: 575px; }
  
#col_gauche .logo ,#col_gauche .logo_hospi{
  background: url(images/logo.gif) no-repeat;
  width: 184px;
  height: 144px; }
  
#col_gauche .logo_hospi {
  background: url(images/logo_hospi.gif) no-repeat; }

#col_gauche .fond {
	background: url(images/fond_gauche.jpg)  no-repeat;
  width: 184px;
  height: 435px; }
	
/**
 * Header
 **/
  
#header {
  top: 0;
  float: left;
  width: 596px;
  height: 88px; }

#header .ban, #header .ban_hospi{
  background: url(images/entete.gif) no-repeat;
  width: 596px;
  height: 58px; }
  
#header .ban_hospi {
  background: url(images/entete_hospi.gif) no-repeat; }              
 
#header .nav, #header .nav_hospi{
	width: 596px;
	height: 16px;
	background: #666666 url(images/rubr_gauche.gif)  no-repeat;
  overflow: hidden; }
  
#header .nav_hospi {
  background: #666666 url(images/rubr_gauche_hospi.gif)  no-repeat; }

#header ul {
 	list-style: none;
  margin: 0; }
	
#header li {
  height: 16px;
  float: right; }
  
#header  a {
  padding:4px 10px;
  background: #666666 url(images/nav_sous.gif)  repeat;
  color: white; 
  vertical-align: top;
  font-size: 11px; 
  text-decoration:none; }
  
#header  a:hover {
  background-position: 0 -16px; }
  
#header .ombre{
	width: 596px;
	height: 14px;
	background: #666666 url(images/rubr_sous.gif)  repeat;
  overflow: hidden; }
  
/**
 * Middle
 **/
 
h1 {
  padding-left: 10px;
  padding-bottom: 8px;
  font-size: 14px;
  text-decoration: underline;  }
  
  
h2 {
  color: #cc3300;
  background : url(images/etoile_rouge.gif) no-repeat;
  padding-left: 30px;
  margin-top: 20px;
  font-size: 12px; } 

h3 {
  margin-bottom: 0px;
  padding-left: 30px;
  font-size: 11px;} 

#h2contact {
  background : url(images/tete11.gif) no-repeat;} 
  
span {

  font-size: 11px;
  font-weight: normal;
  color: #737372; } 
  
p {
  padding-left: 25px;
  margin-top: 4px; }
  
#ptel {
  background : url(images/mobile.gif) no-repeat;}

#pmail {
  background : url(images/mail08.gif) no-repeat;}

ul {
  list-style: square;
  padding-left: 15px;}

li {

  color:#006600;}
  
#middle {
  position: relative;
  width: 625px;
  float: left;
  height: 491px; 
  left:-30px;  }

#middle .contenu ,#middle .contenu_moda {
  overflow: auto;
  float: left;
  /*left:-30px;*/
  width: 433px;
  height: 491px; }

#middle .contenu_moda h2{
  color: black;
  background : url(images/docu2.gif) no-repeat;
  font-weight: normal; }
  
#middle .panneaux {	
  float: right; } 

#middle .panneaux img {
  padding: 3px 0px; }

/**
 * Pied
 **/
  
#pied{
  float: left;
  cursor: default;
  color: white; 
  width:780px;
	background: #666666; }