body {font-size:0.9em; font-family:arial; background-color: white; margin: auto;}
textarea {font-family:arial}
A.texte {color:white;text-decoration:underline;}
A:hover.texte {color:#967a4a; text-decoration:none; background-color: white;}
A.contenu {color:#953634;text-decoration:underline;}
A:hover.contenu {color:#953634; text-decoration:none;}
ul{ margin-top: 4px ;}
div {margin: 0px; padding: Opx;}
#main {margin: auto; margin-top: 15px; width:800px; height: 600px; background-color: d99694; padding: 0px;}
#entete {width: 800px; height: 110px; background-color: #eeece0; color: #953634; margin: auto; background-image: url("images/oblique.png"); background-position: top right; background-repeat: no-repeat; padding: 0px; text-align: center;}
#texteet {padding : 20px;}
#corps {width: 800px; height: 470px; background-color: #967a4a;}
h1{font-size: 1.5em; border-bottom: 1px solid white; padding-top: 0px; margin: 0px; text-align: right;}
h2{font-size: 2.5em; margin: 0px;}
#contenu {float: left; width: 390px; height: 470px; background-color: #967a4a;}
#menumain {font-size:1.7em; color:#88898a; width: 390px; height: 21px;}
#texte{color: white; height: 380px; background-color: #967a4a; text-align: justify; padding-right: 20px; padding-left: 20px;}
#vignettes {text-align : center; width: 390px; height: 69px; background-color: #967a4a;}
#cadre {margin: 0px; padding: 0px; padding-top: 0px; margin-left: 400px; width: 400px; text-align: right; background-color: #967a4a;}
#pied {width: 800px; height: 20px; background-color: #eeece0; margin: auto; text-align: center; color: black; padding: 0px; padding-top: 2px;}



/*CSS GALERIE PHOTO  */
div#galerie { width: 910px ; background: #eed ; border: 1px solid #dcb ; padding: 15px ; margin: 15px 30px ; text-align: center ; font: 0.9em Georgia, serif ; }  
ul#galerie_mini { margin: 0 ; padding: 0 ; list-style-type: none ; }  
ul#galerie_mini li { float: left ; }  
ul#galerie_mini li a img { margin-right: 8px; border: 0px solid #dcb ; }  
dl#photo { margin: 0px; padding: 0px;}  
dl#photo dt { font: italic 2.5em/1.5em Georgia, serif ; color: #dcb ; }  
dl#photo dd { margin: 0px; }  
dl#photo img { border: 0px solid #dcb ; }
/*

A.menu {color:#000000;text-decoration:none; word-spacing: 0px; padding-left: 4px; }
A:hover.menu {text-decoration:none; }
A:active.menu {text-decoration:none; }
A.gris {color:#FFFFFF;text-decoration:none;}
A:hover.gris {color:#FFFFFF;text-decoration:underline;}
A.contenu {color:#990000;text-decoration:none;}
A:hover.contenu {color:#990000; text-decoration:underline;}
A.lienext {color:blue;text-decoration:none;}
A:hover.lienext {color:blue;text-decoration:underline;}
img {border : none; border : 0;}
li.comm {margin-left: 25px; list-style-image: url("puce.JPG");}
li {margin-left: -20px; list-style-image: url("puce.JPG");}
ul.menul { margin: 0px; padding: 0px; list-style: none;}
li.menuli { margin-left: 0px; display: inline; font-weight: bold; margin-right: 10px; }
li.menuli a { border-left: 2px solid #bebfbf;text-decoration:none;}
li.menuli a:hover, li.menuli a:focus, li.menuli a:active { border-left: 2px solid #d20f12; text-decoration:none;}
li.menuac { margin-left: 0px; display: inline; font-weight: bold; margin-right: 10px; }
li.menuac a { color: #d20f12; border-left: 2px solid #d20f12; text-decoration:none;}

li.ssmenuli { margin-left: 0px; display: inline; margin-right: 10px; }
li.ssmenuli a { border-left: 1px solid #bebfbf; color: #d20f12; border-bottom: 1px solid #bebfbf; text-decoration:none;}
li.ssmenuli a:hover, li.ssmenuli a:focus, li.ssmenuli a:active { border-left: 1px solid #d20f12; border-bottom: 1px solid #d20f12; text-decoration:none;}
li.ssmenuac { margin-left: 0px; display: inline; margin-right: 10px; }
li.ssmenuac a { background: #d20f12; color: white; border-left: 1px solid #d20f12; border-bottom: 1px solid #d20f12; text-decoration:none;}

#menupage {font-size:1em; margin-top: 4px; margin-bottom: 15px;}
li.menupage { margin-left: 0px; display: inline; margin-right: 2px; font-weight: bold; }
li.menupage a { border: 1px solid #88898a; color: black; border-top: none; text-decoration:none; padding: 4px;}
li.menupage a:hover, li.menupage a:focus { border: 1px solid #990000; border-top: none; text-decoration:none; color: #990000; padding: 4px;}
li.menupageac { margin-left: 0px; display: inline; margin-right: 2px; font-weight: bold; }
li.menupageac a { background: #990000; color: white; border: 1px solid #990000; border-top: none; text-decoration:none; padding: 4px;}


table {border: none; border-collapse: collapse; border-spacing: 2px;}
table.res {border-style: outset; border-width: 1px;}
p {margin: 0; }
td {padding: 4px; border-color: #88898a;}
h2 {font-size: 1.4em; margin-top: 0px; margin-bottom: 8px; border-bottom: 1px solid #990000; }
h3 {font-size: 1.2em; margin-top: 2px; margin-bottom: 2px;}
hr {border: none; border-top: 1px dashed #88898a; height: 1px;}
span.u {text-decoration:underline;}

div.pad {padding: 4px;}
#etmain {margin-left:230px; padding-right: 10px;}
#pub {width:468px; height:60px; padding-top: 16px; }
#etdroit  {float: right; width: 240px; margin: auto; margin-top: 50px;}
#ancienconnection {position: absolute; color: white; background-color: #88898a; width: 240px; height: 22px; text-align: center; margin-top: 50px; margin-left: 750px; padding-top: 4px;}
#connection {color: white; background-color: #88898a; width: 240px; height: 22px; text-align: center; padding-top: 4px;}
#pannier {color: white; background-color: #dc1500; width: 164px; height: 22px; text-align: center; padding-top: 5px; margin: auto; margin-top: 21px; }

#cadrepannier {position: absolute; left: 805px; top: 103px; width:164px; height:24px; color: #FFFFFF; background-color: #dc1500;}
#cadrerecherche {position: absolute; left: 736px; top: 85px; width:264px;}
#logo {float: left; padding-left: 34px; padding-top: 20px;}
#menu {word-spacing:10px; font-size:1.7em; color:#88898a; padding-top: 25px; }
#sousmenu {position: absolute; font-size:1em; margin-top: -22px; margin-bottom: 15px;}
#menuprod {font-size:1em; margin-top: -4px; margin-bottom: 15px;}
#barre {width: 1000px; height: 8px; background-color: #88898A; margin: auto; background-image: url("images/barre.png"); padding: 0px;}
#mainb {margin: auto; width:1000px; height: 660px; background-color: white;}
#mainindex {margin-left:230px; padding-top:10px; }
#mainint {margin-left:230px; }
#surface {float: left; width: 210px; text-align: right; background-color: #990000;}
#droit {float: right; width: 210px; padding: 0px; margin-top: 0px;}
#pubdroit {position: absolute; left: 30px; top: 0px; width:160px; height:500px; background-color: red;}
#intdroit {padding: 8px; background-color:#e6e6e6;}
div.intdroit {padding: 8px; background-color:#e6e6e6;}
#photo {margin-bottom:-3px;}
#aso {position: absolute; right: 0px; top: 0px; width:144px; height: 347px; background-color:black; text-align:center; padding:8px; color:white;}
#cote {float: left; padding: 8px; width: 194px; background-color: #990000; color:white;}
#coteb {float: left; padding: 8px; width: 194px; text-align: left; background-color: #990000; color:white;}
#footer {margin:auto ; left: 0px; bottom: 0px; width: 1000px;}
#float {float: left; margin-right:8px;margin-bottom:8px; text-align:center;}
div.float {float: left; margin-right:8px;margin-bottom:8px; text-align:center;}
div.floatr {float: right; margin-left:8px;margin-bottom:8px; text-align:left;}
#com {border: 1px solid #88898a; padding: 8px; text-align: justify;}
div.com {border: 1px solid #88898a; padding: 8px; text-align: justify;}
#titre {border: 1px solid #990000; padding: 8px;}
div.titre {border: 1px solid #990000; padding: 8px;}
#sb {width: 100%; border-style: none; padding: 8px; margin:-8px; text-align: justify;}
div.sb {width: 100%; border-style: none; padding: 8px; margin:-8px; text-align: justify;}
#sbc { border-style: none; text-align: center; padding: 0px;}
div.sbc { border-style: none; text-align: center; padding: 0px;}
#c {text-align: center;}
div.c {text-align: center;}
#r {text-align: right;}
div.r {text-align: right;}
#citation {margin: auto; border: 1px dashed #88898a; padding: 8px; background-color: #f0eef0; text-align: justify;}
div.citation {margin: auto; border: 1px dashed #88898a; padding: 8px; background-color: #f0eef0; text-align: justify;}
#mag {width:110px; height: 18px; background-image: url("images/mag.jpg");text-align:center; margin:auto;}
div.mag {width:110px; height: 18px; background-image: url("images/mag.jpg");text-align:center; margin:auto;}


#media {border-style: none; margin: -8px; padding:8px; background-color: #ffb6c1;}
#prod {border-style: none; margin: -8px; padding:8px; background-color: #db7093;}
#salle {border-style: none; margin: -8px; padding:8px; background-color: #d8bfd8;}
#opera {border-style: none; margin: -8px; padding:8px; background-color: #dda0dd;}
#texte {border-style: none; margin: -8px; margin-bottom: 0px; padding:2px; background-color: #990000; color: #FFFFFF}
#texteb {border-style: none; margin: -8px; margin-bottom: 0px; padding:2px; background-color: #88898a; color: #FFFFFF}
#date {border-style: none; margin: -8px; padding:8px; background-color: #e6e6e6;}
*/

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on met à gauche le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
		padding-left : 4px;
		background : #d99694; /* couleur de fond */        
        color : #953634; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 86px; /* largeur */
        border-left : 0px solid #bebfbf ; /* Petite bordure à gauche pour ne pas coller ... */      
}

#menu li /* Elements des listes */      
{ 
        float : left;
		padding-left : 0px;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right: 4px solid #967a4a ; /* on met une bordure transparente à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 4px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        font-size:1em;
		font-weight: normal;
		position: absolute; /* Position absolue */
        width: 80px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 2px solid #967a4a; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 2px solid #967a4a; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul a 
{
        background: d99694; /* ... et au contraire, le fond en blanc */
}

#menu li ul ul 
{
        margin    : -22px 0 0 84px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        background: #953634; /* ... et au contraire, le fond en blanc */
        color : white; /* on met une bordure blanche à droite de chaque élément */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}