body {
margin: 0;
padding: 0;
text-align: center;
line-height: 1.3em;
font: 90%  "Trebuchet MS", tahoma, verdana, arial, sans-serif;
background: #fff url(img/fond1.gif) repeat;
background-position: 50% 0;
color: #666;
}

#container {
position: relative;
width: 826px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
text-align: left;
}

a:link, a:visited {
text-decoration: none;
color: #4264a4;
background: inherit;
}

a:hover {
text-decoration: none;
color: #2d69d7;
background: inherit;
}

#banner {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau2.jpg);
}



#banner1 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau3.jpg);
}


#banner2 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau4.jpg);
}


#banner3 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau5.jpg);
}

#banner4{
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau6.jpg);
}



#banner5 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau7.jpg);
}


#banner6 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau8.jpg);
}


#banner7 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau9.jpg);
}

#banner8 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau10.jpg);
}

#banner9{
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau11.jpg);
}



#banner10 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau12.jpg);
}


#banner11 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau13.jpg);
}


#banner12 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau14.jpg);
}

#banner13 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau15.jpg);
}

#banner14 { /*chambre luciole*/
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau16.jpg);
}

#banner15 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau17.jpg);
}
#banner16 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau18.jpg);
}

#banner17 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau19.jpg);
}
#banner18 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau20.jpg);
}

#banner19 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau21.jpg);
}

#banner20 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau22.jpg);
}

#banner21 {
width: 800px;
height: 180px;
margin: 0 0 0 12px;
padding: 0 0 0 0;
background: url(bandeau/bandeau23.jpg);
}










#title h1 {
margin: 0 10px 10px 12px;
padding-top: 5px;
font-size: 1.3em;
color: #4264a4;/*295300*/
background: inherit;
}

.container {
width: 800px;
padding-top: 10px;
margin-left: 12px;
}

#top-nav {
margin: 0;
padding: 0 0 20px 20px;
border-bottom: 1px solid #bbb;
}

#top-nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#top-nav a:link, #top-nav a:visited {
float: left;
padding: 0 20px 20px 20px;
text-decoration: none;
color: #666;
background:inherit;
}

#top-nav a:link.active, #top-nav a:visited.active, #top-nav a:hover {
background:inherit;
color: #080efb;
background: url(img/top_menu.gif) no-repeat bottom center;
}


#chamb-nav {
margin: 0;
padding: 0 0 20px 35px;
}

#cham-nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#chamb-nav a:link, #chamb-nav a:visited {
float: left;
padding: 0 20px 15px 20px;
text-decoration: none;
color: #666;
background:inherit;
}

#chamb-nav a:link.active, #chamb-nav a:visited.active, #chamb-nav a:hover {
background:inherit;
color: #080efb;
background: url(img/top_menu.gif) no-repeat bottom center;
}







#content {
float: left;
width: 640px;
margin-top: 0;
padding: 1px;
border-right: 1px solid #ddd;
}

#content p {
padding-left: 10px;
padding-right: 10px;
}

#content h1 {
margin: 10px 30px 0 20px;
padding: 3px;
font-variant: small-caps;
font-size: 1.4em;
color: #666;
background: inherit;
}

#content h2 {
margin: 15px 30px 0 20px;
padding: 3px;
font-size: 1.2em;
color: #666;
background: inherit;
}




#side-menu {
width: 150px;
margin: 0 0 0 666px;
padding-left: 3px;
}

#side-menu h1 {
margin: 0 0 0 0;
font-variant: small-caps;
font-size: 1.2em;
color: #4264a4;
background: inherit;
}

#side-nav {
width: 95%;
margin: 5px 0 5px 10px;
padding: 0;
list-style-type: none;
color: #333;
background:inherit;
}

#side-nav a {
background-color:inherit;
display: block;
width: 95%;
text-align: left;
text-decoration: none;
background:url(img/side_menu.gif) no-repeat;
background-position:right;
color: #4264a4;
}

#side-nav a#current, #side-nav a:hover {
text-decoration: none;
background-color: #fff;
background:url(img/side_menu_hover.gif) repeat-y;
color: #000;
}

.sideheader {
color: #666;
background: inherit;
text-align: center;

font-size: 1.4em;
font-variant: small-caps;
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

#more-links {
padding-bottom: 5px;
padding-top: 20px;
text-align: left;
}

.news {
color: #666;
background:inherit;
}

#footer {
clear:both;
width: 800px;
padding: 3px;
margin: 20px 0 0 10px;
border-top: 1px solid #ddd;
font-size: .9em;
text-align: left;
color: #333;
background: inherit;
}

#footer a:link, #footer a:visited {
color: #4264a4;
background:inherit;
}

#footer a:hover {
border-bottom: 1px dashed #333;
color: #333;
background:inherit;
}

.myborder { 
border: 1px solid #4264a4;
padding:5px;
}
.myborder-a { 
margin: 520px 0 0 10px;
border: 1px solid #4264a4;
padding:5px;
}






a img {
border: none; 
}

div.scroll {
overflow: auto;
height: 5em;
width: 130px;
border: solid 1px #999;
padding: 1ex;
background: #fff;
color: #866709;
margin: 0 0 0 0;
}


/*  formulaire de contact -Captcha */

#formu
{
   width:500px;
   font-family:verdana,sans-serif;
   font-size:0.8em;
   margin: auto;
}
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #4264a4;
   background-color: white;
   font-weight: bold;
} 
.img{border:1px solid #4264a4;width:125px;}
label
{
   display:block;
   width:150px;
   float:left;
   color: #2C485C;
   background-color: white;
}
.captcha
{
   color:  #E34405;
   background-color: white;
}
.info
{
   font-family: "Trebuchet MS", Arial, Georgia, "Times New Roman", Times, serif;
   font-size:0.9em;
   color: #008000;
   background-color: white;
   font-style: italic;
}
.info-bis
{
   font-family: verdana, Arial, Georgia, "Times New Roman", Times, serif;
   font-size:0.9em;
   color: #008000;
   background-color: white;
   font-style:normal;
}
.asterisque
{
  color: red;
  background-color: white;
}
.signature
{
   text-align: right; 
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   color: gray;
   background-color: white;
   font-size: 80%;
   text-decoration:none;
}

.important
{
color: blue;
}


.lien {
    background-color: #f9f9f9;
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    text-decoration: none; }


.lien2 {
    background-color: #f9f9f9;
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    text-decoration: none; }


.lien2:hover {
    background-color: #f9f9f9;
    color: #893E53;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    text-decoration: none; }


.tableau {
    background-color: #FFFFFF;
    color: #000000;
    border: solid #000 1px;
    width: 550px;
    border-collapse: collapse }

.tableau_fond {
   background-image: url(../images/livredor.gif); }


.tableau  td {
    padding: 5px; }


input  {
    background-color: #FFFFFF;
    color: #4264a4;
    border: 1px solid #000000;
    font-size: 11px;
    font-family: Arial,Georgia, "Times New Roman", Times, serif;
    font-weight: bold; }


textarea  {
    background-color: #FFFFFF;
    color: #4264a4;
    border: 1px solid #000000;
    font-size: 11px;
    width: 350px;
    font-family: Arial,Georgia, "Times New Roman", Times, serif;
    font-weight: bold; }