body {
margin: 0px;
padding: 0px;
background-color: #140E09;
background-image: url(images/bg-body.gif);
background-repeat: repeat-x;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 12px;
color: #140E09;
  scrollbar-base-color:#fff;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#ACAAAA;
  scrollbar-darkshadow-color:#7D7D7D;
  scrollbar-face-color:#D6D6D6;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#fff;
  scrollbar-track-color:#fff;

}
#principal {
}
#footer {
clear: both;
height: 26px;
padding-top:30px;
background-color: #140E09;
text-align: center;
background-image: url(images/bg-footer.gif);
background-repeat: repeat-x;
color: #696562;
font-size: 10px;
}
#footer a {
color: #696562;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
color: #A09F9E;
}
#header {
background-image: url(images/header.gif);
width: 920px;
height: 110px;
}
#conteneur {
background-color: #fff;
width: 920px;
margin: 0px auto 0px auto;
background-image: url(images/bg-principal.gif);
}
#conteneur.popup {
width: 80%;
background-color: transparent;
margin-top: 50px;
color: #fff;
background-image: none;
}
body.pop {
background-position: 0px -100px;
}
#gauche {
margin-top: 28px;
float: left;
width: 229px;
background-color: #140E09;
}
.cadrephoto1{
height: 336px;	
border-bottom: 1px solid #fff;
}
#milieu {
margin-top: 28px;
float: left;
width: 472px;
padding-top:20px; 
}
#droite {
margin:0;
padding: 0;
border-left: 1px solid #B5B5B3;
float: left;
width: 218px;
}
#titreactu {
background-image: url(images/titreactu.gif);
height: 219px;
height: 28px;
display: block;
}
#titreactu span {
display: none;
}
#blocactu {
background-color: #F3F1EB;
height: 148px;
overflow: auto;
font-size: 11px;
border-bottom: 15px solid #D2CDC6;
}
#blocactu a {
display: block;
padding: 5px 5px 0px 5px;
margin: 5px;
color: #140E09;
text-decoration: none;
}
#blocactu a:hover {
display: block;
color: #140E09;
text-decoration: underline;
}
a#bouton_actu {
background-image: url(images/bouton_actu.gif);
display: block;
height: 19px;
padding: 0;
margin: 0;
}
a#bouton_actu:hover {
background-image: url(images/bouton_actu_hover.gif);
}
a#bouton_actu span {
display: none;
}
/*************************************************************/
/*                       TEXTES                              */
/*************************************************************/
h2 {
font-size: 14px;
border-bottom: 1px solid;
}
a {
}
p {
}
img {
display: block;
border: 0;
}
.bouton {
display: block;
margin: 10px auto 10px auto;
}

/*************************************************************/
/*                       Menu                                */
/*************************************************************/
a {
text-decoration: none;
color: #140E09;
}
a:hover {
text-decoration: underline;
color: #140E09;
}

#menu dl, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li a {
padding: 0px 0px 0px 0px;
color: #4A4736;
}

#menu dt {
height: 28px;
}

#menu {
width: 701px;
position: absolute;
margin: 110px 0px 0px 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;

z-index: 1;
}

#menu dl {
float: left;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
margin: 0px;
}
#menu dd {
display: none;
}
#menu li {
text-align: center;
}
#menu li a, #menu dt a {
text-decoration: none;
display: block;
height: 100%;
border: 0 none;

}
#menu li a {
padding: 2px 5px 2px 5px;
}
#menu dt span {
display: none;
}

#menu ul {
border-color: #C8BCA0;
border-style: solid;
border-width: 1px 1px 0px 1px;
}
a.menu1 {background-image: url(images/menu1.gif);width:106px;}
a.menu2 {background-image: url(images/menu2.gif);width:100px;}
a.menu3 {background-image: url(images/menu3.gif);width:159px;}
a.menu4 {background-image: url(images/menu4.gif);width:103px;}
a.menu5 {background-image: url(images/menu5.gif);width:134px;}
a.menu6 {background-image: url(images/menu6.gif);width:99px;}

a.menu1:hover,a.menu2:hover,a.menu3:hover,a.menu4:hover,a.menu5:hover,a.menu6:hover, a.active {
background-position: bottom;
}

dd#smenu2 li,dd#smenu3 li {background-color: #1A1108; border-bottom: 1px solid #C8BCA0 ;}
dd#smenu2 a:hover,dd#smenu3 a:hover {background-color: #40352C;}
dd#smenu2 a, dd#smenu3 a {color: #fff;}

/*************************************************************/
/*                       Table et Logos                      */
/*************************************************************/
.marques .td1 {
padding: 12px;
width: 200px;
}
.marques .td1 li {
margin:0;
padding: 0;
line-height: 16px;
}
.marques .td1, .marques .td2 {
vertical-align: top;
}
#clics {
width: 180px;
margin: 20px 10px 10px 10px;
border: 1px solid #D6D6D5;
padding: 10px;
font-size: 11px;
text-align: center;
}
#clics img {
display: block;
margin: auto;
}
.listeMarq {
color: #464646;
font-size: 11px;
}
.listeMarq a {
color: #464646;
text-decoration: none;
}
.listeMarq a:hover {
color: #000;
text-decoration: underline;
}
/*************************************************************/
/*                       Page d'accueil                      */
/*************************************************************/

.marron {
margin: 10px 0 0 0;
background-color: #F3F1EB;
padding: 20px 0px 20px 0px;
text-align: center;
}
.marron img {
margin: auto;
}
.marron object {
margin: 10px auto 0px auto;
display: block;
}
span.index {
display: block;
margin: auto;
text-align: center;
letter-spacing: 1px;
font-weight: bold;
font-variant: small-caps;
}
.boutonVide {
width: 198px;
background-image: url(images/bg-boutonVide.gif);
margin: 5px auto 0px auto;
height: 75px;
text-align: center;
padding: 10px;
}
/************* POUR FIXER UNE HAUTEUR MINIMUM **********************/
html>body .boutonVide {
color: #fff;
height: auto;
min-height: 75px;
}
.fondBoutonVide {
margin: 0 auto 5px auto;
width: 218px;
height: 6px;
background-image: url(images/fond-boutonVide.gif);
}
/* *******************************INFOBULLE***********************************/

a.infobulle1 em {
    display:none;
    z-index: 500;
}
a.infobulle1:hover {
    border: 0;
    position: relative;
    text-decoration:none;
}
a.infobulle1:hover em {
    font-weight: bold;
	 text-align: center;
    display: block;
    position: absolute;
    top: 55px;
    left: 110px;
    padding: 5px;
    color: #FF7944;
    border: 1px solid;
    background: #fff;
    width:100px;
	 color: #000;
}
a.infobulle1:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(images/infobulletop03.gif);
    margin:0;
    padding: 0;
    border: 0;
}