html, body{ 
 margin:0; 
 padding:0; 
 text-align:left;
 font: 11px  Arial;
 background: #bfbaa4 url('../images/bg1.gif');
 /*background-color: #fff;*/
 /*background: #bfbaa4 url('../images/bg.gif');*/
} 
 
 
/* Elements */
a {
  text-decoration:none;
  border-bottom:2px solid #877d5c;
  color:#000000;
}

a:hover {
  
  color:#7F250A;
}

a img{
  border:0;

}

h1 {
  font-size: 10px;
  background:#5d5128;
  padding:2px;
  padding-left:15px;
  padding-bottom:3px;
  border-right:17px solid #7f250a;
  border-top:1px solid #ada68f;
  margin-left:-10px;
  width:50%;
  color:#FFFFFF;
}

h2 {
  font-size: 16px;
  background-color: #5d5127;
  color: #FFF;
}

h3 {
  font-size: 14px;
}

.gris{
  background:#ccc7b4;
  padding:10px;
  
}

.rouge{
  color:red; 
  font-size:large; 
  padding:10px 10px 20px 10px;
  font-weight:bold;
}
.rouge a{
  color:red;  
}
.rouge a:hover{
  color:#7F250A;  
}

.texte{
  padding:10px;
  
}

.right{
  text-align:right;
}

.center{
  text-align:center;
}

label{
  display:block;
  float:left;
  width:150px;
}
 
#wrapper{ 
 width:780px; 
 text-align:left; 
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto;
 border: 3px solid #707070;
 border-top:0;
 border-bottom:0;

} 
 
#header{ 
 height:269px;
 width:100%; 
 background:#a59d83 url('../images/bandeau_new.png') no-repeat;
 
} 

#header #psy01{
  width:220px;
  height:197px;  
  background:url('../images/psy01.gif') no-repeat;
  
  position:relative;
  left:0px;
  top:6px;
  float:left;
  
}
 

#header #psy02{
  width:415px;
  height:103px;  
  background:url('../images/psy02.gif') no-repeat;
  
  position:relative;
  top:6px;
  float:left;
}

#header #webcam{
  width:174px;
  height:197px;
  background:url('../images/webcam.jpg') no-repeat;
  
  position:relative;
  left:635px;
  top:6px;
}

*+html #header #webcam{
  width:174px;
  height:197px;
  background:url('../images/webcam.jpg') no-repeat;
  
  position:relative;
  left:415px;
  top:-97px;
}

* html #header #webcam{
  width:174px;
  height:197px;
  background:url('../images/webcam.jpg') no-repeat;
  
  position:relative;
  left:415px;
  top:-97px;
}

#header #espaceclient{
  width:415px;
  height:94px;
  background:#e6e3da url('../images/bg_client.gif');
  position:relative;
  top:109px;
  left:220px;
 overflow:hidden;
  
  
}



#header #espaceclient #formconnexion{
  margin-left:13px;
  margin-top:2px;
  
}




*+html #header #espaceclient #formconnexion{
 margin-top:-30px;
  
}

* html #header #espaceclient #formconnexion{
 margin-top:-30px;
 

}

#header #espaceclient #formconnexion img{
  float:left;
  margin-top:5px;
  margin-right:5px;
}



#header #espaceclient #formconnexion input.connect{
  font-family: Bitstream Vera Sans;
  width:58px;
  height:12px;
  border:1px inset #6b6965;
  background:#f3f7fa;
  float:left;
  margin-right:8px;
  font-size:10px;
}

*+html #header #espaceclient #formconnexion input.connect{
  font-family: Bitstream Vera Sans;
  width:58px;
  height:12px;
  border:1px solid #2D2D2D;
  background:#f3f7fa;
  float:left;
  margin-right:8px;
  font-size:10px;
}

* html #header #espaceclient #formconnexion input.connect{
  font-family: Bitstream Vera Sans;
  width:58px;
  height:12px;
  border:1px solid #2D2D2D;
  background:#f3f7fa;
  float:left;
  margin-right:8px;
  font-size:10px;
}

#header #espaceclient .lien{
  margin-left:24px;
  margin-right:14px;
  margin-top:2px;
  float:left;
}



*+html #header #espaceclient .lien{
  margin-top:-17px;
}

* html #header #espaceclient .lien{
  margin-top:-17px;
}

#header #psy03{
  width:780px;
  height:66px;
  background:url('../images/psy03.jpg') no-repeat;
  
  position:relative;
  top:6px;
}

*+html #header #psy03{
  width:780px;
  height:66px;
  background:url('../images/psy03.jpg') no-repeat;
  
  position:relative;
  top:-97px;
}

* html #header #psy03{
  width:780px;
  height:66px;
  background:url('../images/psy03.jpg') no-repeat;
  
  position:relative;
  top:-97px;
}
 
#lignehaut{
  height:9px;
  background:url('../images/lignehaut.gif');
}
 
#leftcol{
   width:200px; 
   float:left; 
   position:relative; 
   margin-left:-218px; 
   
   margin-right:1px;
    
  
   
 }
 
*+html #leftcol{
   width:200px; 
   float:left; 
   position:relative; 
   margin-left:-218px; 
   margin-top:0px;
   margin-right:1px; 
   
 }
 
* html #leftcol{
   width:200px; 
   float:left; 
   position:relative; 
   margin-left:-218px; 
   margin-top:-4px;
   margin-right:1px; 
   
 }
 
#outer{ 
  border:solid white 0px; 
 /*/*/ border-left-width: 204px ; 
  border-left-color: #a59d83;;   
  border-left-style: solid; 
  width: auto; 
} 

* html #outer{ 
  border:solid white 0px; 
 /*/*/ border-left-width: 204px ; 
  border-left-color: #a59d83;;   
  border-left-style: solid; 
  width: auto; 
  
} 
 
#footer{
 width:780px;
 height:46px;
 background:#842306 url('../images/footer.png') no-repeat;
} 


 

 
 
#inner{
  margin:0; 
  width:560px;
  background:#e2dfd4;
  border-left:16px solid #bcb6a2;
}
 
#maincol{ 
 width:100%;
 background:#bcb6a2;

}

#maincol #contenu{
 width:560px;
 background:#e2dfd4;
 text-align:justify;
 padding-top:8px;

}
 
ul#listeaccueil li{
  margin-bottom:10px;
}

ul#listeaccueil ul li{
  margin-bottom:10px;
  width:60%;
  padding:1px;
  padding-right:20px;
  list-style-image: url(../images/puceaccueil.gif);
  list-style-position: inside;
}
 
.clearer{clear:both;}
 
.content{
  padding:5px;
  background-color: #a59d83; 
}  
 
#header .content{padding-bottom:0;} 
 

 
 
@media print{ 
#leftcol{display:none;} 
#outer{border-left:0;} 
}


#espacepub
{
  width: 187px;
  font-size: 11px;
  background:#cbc4b1;
  color:#2D2D2D;
  border:1px solid #FFFFFF;
  text-align:center;
  margin-top:-5px;
  padding-top:5px;
  
}

#espacepub a
{
  text-decoration:none;
  
}

#espacepub img
{
  border:0;
  
}

#livresemaine
{
  width: 187px;
  font-size: 11px;
  background:#5d5129;
  color:#FFF;
  border:1px solid #FFFFFF;
  text-align:center;
  margin-top:-5px;
  padding-top:5px;
  
}



#navcontainer
{
  font-family: Arial;
  width: 187px;
  font-size: 8px;
  border:1px solid #FFFFFF;
  background:#cac4b0 url('../images/motifmenu.gif');
  
}


*+html #navcontainer
{
  font-family: Arial;
  width: 187px;
  font-size: 10px;
  border:1px solid #FFFFFF;
  background:#cac4b0 url('../images/motifmenu.gif');
}

* html #navcontainer
{
  font-family: Arial;
  width: 187px;
  font-size: 10px;
  border:1px solid #FFFFFF;
  background:#cac4b0 url('../images/motifmenu.gif');
}


#navcontainer ul
{
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-top:3px;
  
}

#navcontainer ul li
{
  padding-bottom:8px;
 
  
}

#navlist{
  padding-top:5px;
}

#navlist a
{
  color: #2D2D2D;
  margin-left:8px;
  
  text-decoration:none;
  border-bottom:0;
}

#navlist a img{
 
}


#navlist a:hover, #navlist a.select
{
  color: #2D2D2D;
  font-weight:bold;
}

div.moisnews{
  font-weight:bold;
  width:100%;
  border-bottom:1px dotted #2D2D2D;
}

div.titrenews{
  font-weight:bold;
}

div.datenews{
  font-style: italic;
}

div.classenews1{
  background:#f1efea;
  padding:3px;
  margin-bottom:5px;
}

div.classenews2{
  background:none;
  padding:3px;
  margin-bottom:5px;
}


img.titreimg{
  margin-left:-10px;
}

table#tabagenda{
  border:1px solid #bcb6a2;
  width:244px;
  margin-top:10px;
  background:#f7f4f4;
  float:left;
}

* html table#tabagenda{
  border:1px solid #bcb6a2;
  width:244px;
  margin-top:10px;
  background:#f7f4f4;
  float:left;
  margin-left:10px;
}

table#tabagenda td{
  border:1px solid #bcb6a2;
  text-align:center;
  background:url('../images/bg_client.gif');
  color:#737373;

 
}

table#tabagenda td.entete{
  background:#7f250a;
  color:#FFFFFF;
  font-weight:bold;
  border:0;
  text-align:inherit;
  width:inherit;
  height:inherit;
  
}

table#tabagenda td.entete a:hover{
  background:#7f250a;
  color:#FFFFFF;
  font-weight:bold;
  border:0;
  text-align:inherit;
  width:inherit;
  height:inherit;
  
}

table#tabagenda a{
  text-decoration:none;
  display:block;
  width:100%;
  height:100%;
  text-align:center;
  border:0;
  line-height:22px;
}

table#tabagenda td a:hover, table#tabagenda td a.select{
  background:#FFFFFF;
  color:#2D2D2D;
}

div#reservation{
  margin-top:10px;
  margin-left:15px;
  float:left;
  background:#f1efea;
  height:300px;
  padding:10px;
  padding-top:5px;
  border:1px solid #bcb6a2;
 
}

* html div#reservation{
  margin-top:10px;
  margin-left:15px;
  float:left;
  background:#f1efea;
  height:290px;
  padding:10px;
  padding-top:5px;
  height:165px;
  
  border:1px solid #bcb6a2;
 
}

div#reservation br{
  line-height:19px;
}



table#tabpsy{
   width:100%;
}

table#tabpsy thead{
   background:#5d5128;
   color:#FFFFFF;
}

table#tabpsy thead tr th{
  
  border-right:17px solid #7f250a;
  
  padding:2px;
}

table#tabpsy tbody{
  border-collapse: collapse;
  text-align:center;
}

table#tabpsy tbody tr.ligne2{
  background:#f6f5f2;
}

table#tabpsy tbody tr.ligne1{
  background:none;
}


table#tabpsy tbody tr td{
  border:1px solid #bcb6a2;
  padding:3px;
}

table#tabpsy tbody tr td img{
  padding:1px;
  border:1px solid #2D2D2D;
}

#descriptionpsy{
  display:block;
  min-height:130px;
 
  
}

#descriptionpsy img{
  padding:1px;
  border:1px solid #2d2D2D;
  margin-right:8px;
  
}

* html #descriptionpsy{
  display:block;
  height:130px;
}

#infoscompte{
  text-align:left;
  padding-left:22px;
  color:#514723;
  font-weight:bold;
  margin-bottom:6px;
 
}

*+html #infoscompte{
  text-align:left;
  padding-left:22px;
  color:#514723;
  font-weight:bold;
  margin-bottom:18px;
  margin-top:-11px;
 
}

* html #infoscompte{
  text-align:left;
  padding-left:22px;
  color:#514723;
  font-weight:bold;
  margin-bottom:18px;
  margin-top:-11px;
 
}

#infoscompte a{
  color:#514723;
  
}


table#tabclient{
   width:100%;
}

table#tabclient thead{
   background:#5d5128;
   color:#FFF;
   
}

table#tabclient thead tr th{
  border:1px solid #bcb6a2;
  text-align:center;
}

table#tabclient tbody{
  border-collapse: collapse;
  text-align:center;
}

table#tabclient tbody tr.ligne2{
  background:#f6f5f2;
}

table#tabclient tbody tr.ligne1{
  background:none;
}


table#tabclient tbody tr td{
  border:1px solid #bcb6a2;
  padding:3px;
}

table#tabclient tbody tr td img{
  padding:1px;
  border:1px solid #2D2D2D;
}