body {
font-family: Arial, Aerial, serif;
background-image:url(./images/fond.jpg);
background-repeat:repeat;
background-attachment:fixed;
}

#conteneur {
width: 750px;
margin-left: auto;
margin-right: auto;
color: White;
}

.lientext a {
color: Yellow;
font-weight: normal;
font-style: normal;
} 

.lientext a:hover {
background-color: #C8E5FF;
color: Navy;
text-decoration: none;
}

.invite{
color: #FFFACD;
}

/*entête*/

#entete{
width: 750px;
border-bottom: thin solid Red;
height: 105px;
margin-top: 15px;
margin-left:auto;
margin-right:auto;
padding-bottom: 5px;
margin-bottom: 20px;
}

#horraires{
margin-left:35px;
margin-top: 5px;
font-family: Arial, Aerial;
color: White;
font-size: 14px;
float: left;
}

#logo{
margin-bottom: 5px;
margin-top:0px;
position: relative;
left: 355px;
width:  140px;
height:  75px;
}

#adresse{
font-family: Arial,Aerial;
color: White;
font-size: 14px;
margin-left:40px;
padding-top: 2px;
text-align: left;
}

/*Fin entete*/
/*navdroite*/

#navdroite{
float: right;
width: 140px;
border: thin solid Silver;
margin-top: 25px;
padding: 10px 10px 10px 15px;
margin-left: 25px;
margin-right: 10px;
margin-bottom: 10px;
}

/* Menu dans navdroite*/

#menu {
margin-left: 0px;
padding-left: 15px;/*lege decalage*/
}

#menu a {
font-size: 15px;
color: White;
font-weight: normal;
font-style: normal;
padding-left: 5px;
text-decoration: none;
}

#menu a:hover {
/*background-color: #C8E5FF;*/
color: red;
text-decoration: none;
/*padding-left: 8px;
padding-right: 8px;*/
}

#menu li{
margin-top: 10px;
font-family: Perpetua;
color: Black;
}

/*Fin menu dans navdroite*/
/*Fin navdroite*/
/*Principal*/

#principal{
margin-left: 20px;
margin-right: 20px;
color: White;
padding-top: 30px;
font-family: Arial, Aerial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
}

/*Fin principal*/
/* Pied de page */
#pied{
border-top: thin solid red;
clear: both;
padding-top: 8px;
padding-bottom: 30px;
color: White;
text-align: center;
margin-top: 35px;
font-size: 13px;
}

#piedindex{
border-top: thin solid Red;
clear: both;
margin-top: 125px;
text-align: center;
color: White;
padding-top: 5px;
padding-bottom: 30px;
font-size: 13px;
}

#pied a, #piedindex a{
color: White;
}

#pied a:hover, #piedindex a:hover{
color: #FFD700;
}

/*Titres*/

h2{
margin: 0px 0px 20px 0px;
font-style: normal;
background-color: #EDEDED;
width: 155px;
color: Navy;
font-size: 1em;
padding-left: 5px;
}

/*Fin titres*/
	
.imageindex{/*Images cliquable dans index*/
display: inline;
float: left;
margin-left: 35px;
margin-top: 10px;
}

.imageindex_2{/*Images cliquable dans plan*/
display: block;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}

/*popup dans index*/
#divpopup{
padding-left: 0px;
padding-top: 10px;
}

.popup{
}

.popup a {
text-decoration: none; /* dýfinition du lien qui affichera le calque */
color: White;
}
.popup a:hover {
background: none; /* correction d'un bug IE */
}

.popup a span {
/* dýfinition de la balise <span> inclue dans <a> */
display: none;
}

.popup a:hover span {
/* dýfinition de la balise <span> au survol */
display: inline;
position: absolute;
top: 170px; /* positions et dimensions du calque, que vous pouvez changer ý loisir */
left: 300px;
width: 0px;
height: 0px;
background: green;
text-align: center;
color: White;
}

/*fin popup Fin Images dans index*/
/*Divers*/

strong{
color: #FF7F50;
}

.tel{
color: #FFD700;
font-size: 17px;
}

#plan{
/*image dans plan.html*/
margin-left: 65px;
margin-top: 20px;
margin-bottom: 25px;
}

p{
margin-top: 9px;
text-align: justify;
}

.prodimage{
/*images liens dans prudukte*/
display: block;
margin-top: 30px;
margin-left: 55px;
text-decoration: none;
}

.liens{
text-align: center;
font-size: 13px;
}

.liens a{
color: White;
}

.liens a:hover{
color: #FFD700;
}

.galimage{
float: inherit;
margin-left: 10px;
margin-bottom: 30px;
margin-top: 15px;
}

.styleimage{
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 50px;
}

/* CSS issu des tutoriels www.alsacreations.com/articles */
/* Menu2 Galerie Photo */

ul {
list-style-type: none;
width: 100%; /* precision pour Opera */
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}

.menu2 {
display: block;
margin-bottom: 50px;
font-size: 10pt ;
}

.menu2 li {
float: left;
margin-top: 5px;
margin-left: 10px;
}

.menu2 a {
margin: 0 2px;
width: 120px;
height: 20px;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: navy;
background: #EDEDED; /*gris*/
line-height:  19pt;
}

.menu2 a:hover {
background: #C7C7C7;
border: 1px solid gray;
}

.menu2 a:active {
background: gray;
border: 1px solid gray; 
color: #fff;
}
/* Fin Menu2 */