body
{
margin: 0;
padding: 0;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background-color: #C8C8C8;
}

#header {
margin: 0;
padding: 0;
height: 230px;
background-color: #4884FF;
background: url(images/top.jpg) no-repeat left top
}
#acceuil {
position: absolute;
top: 70px ;
left: 19px ;
padding: 0;
margin: 0;
}
#conteneur {
position: absolute;
width: 750px;
top: 5px;
left: 50%;
margin-left: -375px;
text-align: left ;
z-index : 1;
}

#conteneurbordure {
position: absolute;
left: 50%;
margin: 0;
margin-left: -375px;
padding-top: 10px;
top: 230px;
width:746px;
background: url(images/gauche.jpg) repeat-y;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
text-align: left ;
}

.centre {
background-color:#D1E0FF;
margin-left: 150px;
margin-right: 5px;
border-left: 3px solid black;
border-right: 3px solid black;
border-top: 3px solid black;
border-bottom: 3px solid black;
padding : 2px;
z-index: 2;
}
.centre p {
text-align: justify;
line-height: 1.2em ;
text-indent: 1em;
margin: 0;
padding: 0;
font-weight: bold ;
font-size: 0.9em ;
}

.centre ul {
font-weight: bold;
float: left;
margin: 0;
padding: 0;
padding-left : 20px;
line-height: 1.2em;
font-size: 0.9em ;
}

.centre li {
list-style-type: square;
line-height: 1.5em;
text-indent : 0em;
margin: 0;
padding: 0;
}

.centreCentre p {
margin-left : 5px;
text-align: center;
line-height: 1.2em;
font-size: 0.9em ;
}
.centreCentrePetit p {
margin-left : 5px;
text-align: center;
line-height: 1.2em;
font-size: 0.8em ;
font-weight: bold ;
}


.corpsform {
margin: 0;
margin-left:150px;
margin-bottom:15px;
padding: 10px;
width:265px;
border: 1px solid #DC8008;
}
.corpsform p {
padding: 0;
margin: 0 0px 3px 0;
}


.centre h1 {
display: block ;
width : 570px;
background: url(images/logoPetit.jpg) no-repeat left bottom;
border-bottom : 1px solid #0B0071;
line-height: 30px;
text-align: center;
font-size: 1.5em ;
font-weight: bold ;
color : #0B0071;
margin-top: 0px;
margin-bottom: 10px;
padding-left : 0px;
z-index: 3;
}
.centre h2 {
text-align: left;
color : #0B0071;
font-size: 1.2em ;
font-weight: bold ;
margin-top: 10px;
margin-bottom: 3px;
padding-left: 5px;
border-left : 3px solid #0B0071;
border-top: 1px solid #0B0071;
}

.centregauche {
margin: 0;
padding:0;
float: left;
width: 270px;
padding-right: 13px;
border-right : 1px solid #000000;
}
.centredroite {
margin: 0;
padding:0;
float: left;
width: 270px;
padding-left: 13px;
}
.centretotal {
text-align: center;
line-height: 1.2em;
font-size: 0.9em ;
float: left;
width: 540px;
padding-left: 13px;
margin-bottom : 10px;
font-weight: bold;
}
.centreliens {
float: left;
text-align: center;
padding:0;
padding-top:10px;
margin:0;
font-size: 0.9em ;
}
.centreliens li {
list-style-type: none;
float: left ;
border-top : 1px solid #0B0071;
}
.centreliens li a {
color : #0B0071;
text-decoration: none;
font-weight: bold ;
text-indent : 8px;
}
.centreliens li a:hover {
text-decoration: none;
color : #FF5400;
}


.centreimage {
float: left;
height: 75px;
padding: 0px;
margin-top: 5px;
margin-right: 3px;
margin-left: 7px;
margin-bottom: 3px;
border: 1px solid #DC8008;
}

.centreimagemoyenne {
float: left;
height: 100px;
padding: 0px;
margin-top: 5px;
margin-right: 3px;
margin-left: 25px;
margin-bottom: 20px;
border: 1px solid #DC8008;
}


.centreimagegrand {
float: left;
height: 250px;
width: 250px;
padding: 0px;
padding-right:0px;
padding-bottom:8px;
margin-top: 5px;
margin-right: 3px;
margin-left: 5px;
margin-bottom: 10px;
border: 1px solid #DC8008;
}

.centreimageplan {
float: left;
height: 346px;
padding: 0px;
margin-top: 5px;
margin-right: 10px;
margin-left: 30px;
margin-bottom: 20px;
border: 1px solid #DC8008;
}

.imageaccueil {
float: left;
height: 120px;
width:500px;
margin-left: 25px;
margin-right :5px;
margin-top : 0px;
margin-bottom : 10px;
padding:0;

border: 1px solid #DC8008;
}


.spacer {
  clear: both;
}
.conteneurmenu {
position: absolute;
left :0;
margin : 0;
width: 150px;
background-color: #4884FF;
background: url(images/gauche-petit.jpg) repeat-y;
text-align: left;
}
.menugauchecentre {
list-style-type: none;
margin-left: 3px;
margin-right :2px;
margin-top : 0;
margin-bottom : 0px;
padding:0 ;
width: 140px;
}
.menugauchecentre li {
margin: 0;
padding: 0 0 1px 0 ;
}
.menugauchecentre li a {
display: block ;
line-height: 16px ;
background: url(images/menugauchecentre.jpg) no-repeat 0px -25px;
margin: 0;
padding:0;
color : white;
text-decoration: none;
font-weight: bold ;
text-indent : 8px;
}
.menugauchecentre li a:hover {
display: block ;
margin: 0;
padding:0;
text-decoration: none;
background: url(images/menugauchecentre.jpg) no-repeat 0px -6px;
color : #FF5400;
}
.menugauchetop {
background: url(images/menugauchetop.jpg) no-repeat left top;
width: 140px;
margin-left: 5px;
margin-right :0;
margin-top : 0;
margin-bottom: 0px;
padding-top : 30px;
padding-left: 3px;
padding-right: 0px;
line-height: 25px ;
font-size: 1.2em ;
text-align: center ;
font-weight: bold ;
letter-spacing: 2px ;
color: #FFBA00;
}
.menugauchebas {
background: url(images/menugauchebas.jpg) no-repeat left top;
width: 140px;
margin-left: 5px;
margin-right :0;
margin-top: 3px;
margin-bottom:0;
padding-bottom :10px;
padding-top :10px;
line-height: 36px ;
}

#pied {
clear:both;
padding: 10px 0 0 0;
height: 70px;
font-size: 0.9em ;
background-color: #4884FF;
background: url(images/gauche.jpg) repeat-y;
border-bottom: 2px solid #000000;
text-align: right ;
}
#pied p {
line-height: 1.3em ;
margin :0;
padding: 0 5px 0 0;
font-weight: bold ;
}
#pied h1 {
text-align: right;
font-size: 1.5em ;
font-weight: bold ;
margin-top: 5px;
margin-bottom: 5px;
padding-left : 0px;
z-index: 3;
}
#pied img {
 vertical-align: bottom;
}
#pied a {
text-decoration : none;
color : white;
}
#pied a:hover {
color : #FF5400;
}



.container {position:relative; width:268px; height:350px; margin:0; padding-left:9px; padding-bottom:8px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #DC8008; width:75px; height:75px; float:left; margin:265px 3px 3px 3px ; z-index:50}
a.slidea {background:url(images/p_salle1.jpg);}
a.slideb {background:url(images/p_salle2.jpg);}
a.slidec {background:url(images/p_salle3.jpg);}
a.slided {background:url(images/p_salon1.jpg);}
a.slidee {background:url(images/p_salon2.jpg);}
a.slidef {background:url(images/p_salon3.jpg);}


a.gallery span {display:block; position:absolute; width:1px; height:1px; top:1px; left:1px; overflow:hidden; background:#efedec;z-index:100;}
.slidek {display:block; position:absolute; width:250px; height:250px; top:5px; left:10px; padding:0; border:1px solid #DC8008;}
a.gallery:hover {white-space:normal; border:1px solid #DC8008;}
a.gallery:hover img {border:1px solid #DC8008; position:relative; z-index:100;}
a.gallery:hover span {display:block; position:absolute; width:250px; height:250px; top:5px; left:10px; padding:0px; font-style:italic; color:#000; background:#efedec url(back1.gif); z-index:100;}