/* 
 *	Body 
 ********************************************/
body{
            background: #fff;
            color: #000;
            font-size: 76%;
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
}

#site {
            position: relative;
            z-index: 1;
            margin-left: auto;
            margin-right: auto;
}

/* 
 *	Menu 
 ********************************************/

#menu {
            background: url(images/fond_menu_mercure.gif) no-repeat;     
            position: relative; 
            width: 770px;
            height: 30px;
            margin-left: auto;
            margin-right: auto;
}

#cont-menu {
            position: absolute;
            width: 560px;
     left: 50%;
            z-index:100;
margin-left: -230px;
}

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

#test-menu {
            position: relative;
            width: 470px;
            height: 17px;
            margin-left: auto;
            margin-right: auto;
width: 100%; /* correction pour Opera */
font-size: xx-small;
}

#test-menu dl {
float: left;
width: 10em;
height: 2em;
line-height: 2em;
}

#test-menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
margin: 0;
}

.acc {
background: #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}

.rec{
background: #2A254B;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.rec-men{
background: #2A254B;
}

.con {
background: #003333;
border-bottom: 1px solid #000;
}

.apr {
background: #545401;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}

.cont {
background: #7C1D20;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.adm {
background: #5E3061;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.cont-men {
background: #7C1D20;
}

.adm-men{
background: #5E3061;
}

#test-menu dd {
display: none;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

#test-menu li {
text-align: center;
}

#test-menu li a, #test-menu dt a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#test-menu li a:hover, #test-menu li a:focus, #test-menu dt a:hover, #test-menu dt a:focus {
background: #696969;
}

/* 
 *	Logo
 ********************************************/

#logo {
            background: url(images/fond_logo_mercure.jpg) no-repeat;   
            position: relative; 
            width: 770px;
            height: 57px;
            margin-left: auto;
            margin-right: auto;
}

/* 
 *  Contenu 
 ********************************************/

#contenu {   
            background: url(images/fond_repeat_mercure.gif) repeat-y;
            position: relative; 
            width: 770px;
            margin-left: auto;
            margin-right: auto;
}

#cont-contenu {
            background: url(img/fond_contenu.gif) no-repeat;
            position: relative;
            padding: 10px 10px 10px 40px;
            margin-left: 160px;
            width: 320px;
	           height: 400px;
}

html>body #cont-contenu {
height: auto;
min-height: 400px;
}

#cont-contenu p {
            text-align: justify; 
            color: #000;
}

#cont-contenu li {
 list-style-type: square;
 text-align: justify;
}

#cont-contenu a {
              color: #545401;
            text-decoration:none;
}

img {
            text-align: center;
            border: 0;
}

#cont-contenu a:hover {
            color: #545401;
            text-decoration: underline;
}

#cont-contenu h2 {
             font-size: 18px;
}

#cont-contenu h3 {
             font-size: 12px;
}

.red {
     color: #E7151A;
}

.blue {
     color: #192672;
}

#cont-annexe {
            float: right;
            margin-right: 30px;
            margin-top: 40px;
            padding: 0px 10px 10px 10px;
            width: 150px;
            background-color: #fff;
            border-left: solid #666666 1px;
            text-align: center;
}

#cont-annexe p {
            text-align: justify; 
            color: #000000; 
            font-size: 9px;
}

#cont-annexe img {
            text-align: center; 
}

#cont-annexe a {
              color: #545401;
            text-decoration:none;
            font-size: 9px;
}

#cont-annexe a:hover {
            color: #545401;
            text-decoration: underline;
            font-size: 9px;
}

#cont-panneau {
            position: absolute;
            margin-left: 0px;
            padding: 10px 10px 10px 10px;
            width: 140px;
            height: auto;
            color: #fff; 
            font-size: 11px;
}
        
#cont-panneau p {
            text-align: justify; 
            color: #fff; 
            font-style:italic;
}

#cont-panneau a { 
            color: #fff; 
            text-decoration:none;
            font-size: 11px;
}

#cont-panneau a:hover { 
            color: #fff; 
            text-decoration:underline;
            font-size: 11px;
}