html
{
background-color : #EEEEEE; 
font-family : Georgia;

}

body
{
background-color : black;
color: white;

font-family : Georgia;

font-size:25px;

padding-top:0px;
margin-top:15px;
padding-left: 0px;
padding-right: 0px;
margin-left: 100px;
margin-right: 100px;
text-align: justify;

-moz-border-radius: 7px;
border-radius: 7px;

border: #000 3px solid;  
}

h1
{
width:auto;
color: #E8B777;
background-color:black; 
font-size: 155%;
font-family: Georgia;
font-weight: normal;
text-align: center;
margin-top:0px;
margin-bottom:20px;
padding-bottom: 2px;
}

h2
{
color: #CCCCCC;
font-size: 130%;
font-family: Bookman Old Style;
font-weight: normal;
border-bottom: 2px solid #CC9900;
padding-bottom: 3px;
margin-bottom:10px;
margin-top:25px;
}

h3{}

h4{}

h5{}

h6{}

h7{}

ul{padding:0; margin:5px 0 0 20px;}

li{display: list-item; list-style-type: disc; margin-bottom:10px;}

li.listinline
{
display: inline;
list-style-type: none;
}


img
{
border: none;
}

/*------------ Liens généraux: -------------------------------------- */
a:link
{
color: #A22222;
font-size: normal;
text-decoration: underline;
border:none;
}

a:visited
{
color: #A22222;
font-size: normal;
text-decoration:underline;
border:none;
}

a:hover
{
color: #A22222;
font-size: normal;
text-decoration:none;
border:none;
}

/*----- Bandeau ----------------------------------------------*/
div#bandeau
{
 border-bottom: #000 2px solid;
}
div#bandeau a:link { border:none;}
div#bandeau a:visited {border:none;}
div#bandeau a:hover {border:none;}

/*----- Skip navigatiom -----------------------------------------------*/
.skip ul
{margin: 0; padding: 0}

.skip a
{
padding: 0 0.5em;
display: inline;
z-index: 2;
text-decoration:none;
position: absolute;
width: 10em;
left: -200em
}

.skip a:focus, .skip a:active
{
position: absolute;
left: 0.5em;
border: solid #333 2px;
color: black;
background: white;
}

.skip a:hover
{cursor: default}

/*----- menu_haut -----------------------------------------------*/
#menu_haut 
{
position: relative;
height: 20px;
margin: 0 0px 1em 0px;
clear: both;
background: #FFFFFF url(images/menu_voxreader_900_40.png) left top no-repeat;
border-bottom: 2px solid #000;
}

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

#menu_haut ul
{
position: absolute;
height: 20px;
width: 750px;
left: 25px;
}

#menu_haut li 
{
float: left;
}

#menu_haut li a
{  
/*dimensions et définitions des boutons*/
display: block;   mise en block de a pour lui donner des dimensions
height: 20px;
width: 130px;
color: #696969;
font: 17px/20px Trebuchet MS, Verdana, Lucida Grande, Tahoma, Helvetica, Sans-Serif;
text-decoration: none;
border-left: 1px solid #494949;
text-align: center;
}

#menu_haut li a.dernier
{
border-right: 1px solid #000;
}

#menu_haut a:hover
{
color: #494949;
background: transparent url(images/menu_voxreader_900_40.png) top left no-repeat;
}

a#menu1:hover
{
background-position: -26px -20px;
}
a#menu2:hover
{
background-position: -127px -20px;
}
a#menu3:hover
{
background-position: -228px -20px;
}
a#menu4:hover
{
background-position: -329px -20px;
}
a#menu5:hover
{
background-position: -430px -20px;
}
a#menu6:hover
{
background-position: -531px -20px;
}

#menu_coin {
float: right;
position: relative;
left: 1px;
width: 30px;
height: 20px;
background: #fff url(images/menu_voxreader_900_40.png) left top no-repeat;
}

/*----- rightpanel -----------------------------------------------*/
/* contient righttoppanel et rightunderpanel                    */
div#rightpanel
{
float: right;
width: 238px;
margin: 0;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0em;
padding-right: 10px;

}

/*----- righttoppanel ----------------------------------------------*/
div#righttoppanel
{
width: auto;
margin-top:0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 1em;
background-color: #fff; 
-moz-border-radius: 7px;
border-radius: 7px;
border: #fff 1px solid;
}

/*----- rightunderpanel ----------------------------------------------*/
div .rightunderpanel
{
width: auto;
margin-top:10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 1em;
background-color: #523E00;

-moz-border-radius: 7px;
border-radius: 7px;
border: #523E00 1px solid;
}

div .rightunderpanel h3
{
margin-top:0;
font-size: 100%;
text-align: left;
color: #EEEEEE;
padding:0;
margin-bottom:10px;;
}

div .rightunderpanel a{color:#E2D7B7;}

div .rightunderpanel ul{padding:0px; margin:0; }
div .rightunderpanel li{margin:0 0 5px 0; list-style-type: none;}

/*----- accesstoolsmenu -----------------------------------------------*/
div#accesstoolsmenu
{
position: absolute;
text-align:center;
right:120px;
top:30px;
width: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
background-color: #000;

}

div#accesstoolsmenu ul {display: inline; top: 50%; margin: 0; padding: 0 0 0}
div#accesstoolsmenu li 
{
display: table-cell !important;  /* pas vu par ie */
display: inline;                 /* vu par ie */
list-style-type: none;
margin: 0;
padding-bottom:7px;
}

div#accesstoolsmenu li a:link
{
color:#A22222;
font-size: 12px;
padding-right:7px;
padding-left:7px;
margin: 0;
border:none;
}

div#accesstoolsmenu li a:visited
{
color:#A22222;
font-size: 12px;
padding-right:7px;
padding-left:7px;
margin: 0;
border:none;
}

div#accesstoolsmenu li a:hover
{
color:#A22222;

}

div#accesstoolsmenu img { margin-top:5px; border: solid #CCCCCC 2px}
div#accesstoolsmenu img:hover {border-color:#B46702;}
div#accesstoolsmenu a { margin-top:5px; border: none}

div#accesstoolsmenu #imgG { margin-right:4px;}
div#accesstoolsmenu #imgD { margin-right:4px;}

div#accesstoolsmenu strong
{
 font-family:Verdana,Arial,Helvetica, sans-serif;
 font-weight:normal;
 font-size:12px;
 background-color:#000; 
 color:#fff;
 border:0;
}


/*----- important1,2 et 3 ----------------------------------------------*/
div#important1
{
text-align:center;
color: #A22222;
font-size: 130%;
text-decoration: none;
}

div#important2
{
text-align:center;
color: #A22222;
font-size: 110%;
text-decoration: none;
}


div#important3
{
text-align:justify;
color: #A22222;
font-size: 110%;
text-decoration: none;
}

/*----- listeElements ----------------------------------------------*/
div#listeElements ul
{

}

div#listeElements li
{
display: list-item; 
list-style-type: disc;
padding-bottom:10px;
}

/*----- contenu -----------------------------------------------*/

div#contenu
{
background-color: black;

font-family: Verdana;
font-size: 100%;
font-weight:normal;
text-align: justify;

margin: 1em 268px 0 20px;
padding: 1em 0 0 0;


}

/*----- pieddepage --------------------------------------------------*/
#pieddepage
{
text-align: center;
width: auto;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
color: #CCCCCC;
margin-top: 35px;
padding-top: 6px;
border-top: #CC9900 2px solid;
}