body
{
background-color:#222D2D;
font-family:tahoma;
font-size:10pt;
color: #CEEBEB;
margin:0px;
margin-left:50px;
}

h2
{
margin-top:5px;
font-size:10pt;
border-bottom:1px dashed #ADD2E3;
padding-bottom:5px;
}

h3
{
font-style:italic;
font-size:10pt;
}

img
{
border:0px;
}

#titre
{
width:607px;
height:103px;
background:url(images_psp/titre.png) no-repeat;
background:url(images_psp/titre.jpg) no-repeat;
background:url(images/titre_rideau.png) no-repeat;
}


ul#menu
{
//background:transparent url(images/menu.png) no-repeat;
width:366px;
height:33px;
position:absolute;
top:70px;
left:50px;
}

ul#menu li 
{
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;	
}

ul#menu li a 
{
border:0;
display:block;
text-decoration:none;
background:transparent url(images/menu.png) no-repeat;
height:20px;
margin-left:-33px;
padding-left:0px;
}

li#home
{
width:66px;
height:30px;
}

li#salles
{
width:54px;
height:35px;
}

li#manif
{
width:117px;
height:35px;
}

li#galerie
{
width:64px;
height:35px;
}

li#contact
{
width:57px;
height:35px;
}
/* ---------------------------
 
 image du lien

------------------------------*/

li#home a:link, li#home a:visited
{
background-position:-7px -26px;
}

li#home a:hover, li#home a:focus
{
background-position:-7px -3px;
}

li#salles a:link, li#salles a:visited
{
background-position:-74px -26px;
}

li#salles a:hover, li#salles a:focus
{
background-position:-74px -3px;
}

li#manif a:link, li#manif a:visited
{
background-position:-128px -26px;
}

li#manif a:hover, li#manif a:focus
{
background-position:-128px -3px;
}

li#galerie a:link, li#galerie a:visited
{
background-position:-244px -26px;
}

li#galerie a:hover, li#galerie a:focus
{
background-position:-244px -3px;
}

li#contact a:link, li#contact a:visited
{
background-position:-308px -26px;
}

li#contact a:hover, li#contact a:focus
{
background-position:-308px -3px;
}

/* ------------------------------

 --------------------------------*/
body#home-page ul#menu li#home a 
{
background-position:-7px -49px;
}

body#contact-page ul#menu li#contact a 
{
background-position:-308px -49px;
}

body#salles-page ul#menu li#salles a
{
background-position:-74px -49px;
}

body#events-page ul#menu li#manif a
{
background-position:-128px -49px;
}

body#galerie-page ul#menu li#galerie a
{
background-position:-244px -49px;
}

#centre
{
margin:5px;
padding:3px;
width:374px;
//height:300px;
background-color:#3E4F4F;
float:left;

letter-spacing: 0.08em
}

.lettrine
{
//color:#ADD2E3;
color:#EA9D31;
margin-right:3px;
font-size:25pt;
font-weight:bold;
float:left;
}

#calendrier
{
//width:180px;
height:260px;
background-color:#3E4F4F;
//float:left;
text-align:center;
}

#droite
{
margin :5px;
width:180px;
float:left;
}

#calendrier table
{
width:178px;
background-color:#D3E5ED;
margin-left:2px;
//margin-left:5px;
margin-top : 10px;
margin-bottom:5px;
font-size:9pt;
color: #000000;
}


.day
{
background-color:#ADD2E3;
//width:30px;
}

.day_reserved
{
background-color:#ED6E51;
//width:30px;
}

.date
{
float:left;
width:15px;
}

.jour
{
border-bottom:1px solid black;
padding-left:2px;
}

.soir
{
padding-left:2px;
}

.part_day
{
font-size:9px;
margin-left:15px;
border-left:1px solid black;
}

#centre img
{
padding:5px;
margin-left:5px;
background-color:#5B6B6B;
border: 1px dotted #ADD2E3;
}

#centre a
{
text-decoration:none;
color:#ED6E51;
}

#centre a:hover, #centre a:focus
{
color:#000000;
background-color:#ADD2E3;
}


#centre form
{
padding:5px;
background-color:#5B6B6B;
border: 1px solid #4E6973;
} 

ul.special
{
margin-top:5px;
height:50px;
padding-left:18px;
//width:180px;
background-color:#3E4F4F;
list-style: none;
list-style-image: url(images/puces.gif)
}

ul.special li
{
margin-left:1px;
}

ul.special a
{
text-decoration:none;
color:#ADD2E3;
}

ul.special a:hover, #centre a:focus
{
color:#000000;
background-color:#ADD2E3;
}

ul#menu_galerie
{
padding:3px;
margin-top:0px;
margin-bottom:0px;
border-bottom : 1px solid white;
background-color : #5B6B6B;
}

ul#menu_galerie li
{
display:inline;
}

#total
{
height:15px;
background-color:#5B6B6B;
}

#salleMain
{
float:right;
position:relative;
top:-20px;
}

#copyright
{
font-size:8pt;
}

#close
{
clear:both;
}


#calendrier a
{
color: #000000;
text-decoration:none;
}

textarea.message
{
margin-top:10px;
width:350px;
height:200px;
}