body
{
width: 1100px;
margin:0 auto;
padding:0;
background:#EDEDEC;
font: 0.9em/1.4 Georgia, Baskerville, "Times new roman", Verdana, Cochin, arial, Serif;
color: #4c4b4b;
}

/* Titre du site */

.titre {
font-family: Georgia, Baskerville, "Times new roman", Verdana, Cochin, arial;
font-size: 20px;
color: white;
float: left;
width: 200px;
margin: -1px 120px 0px 0px;
}

/* Menu */

#menu {
background-image: url(../images/site/menu.png);
width: 1100px;
height: 35px;
line-height:35px;
margin: 0px;
margin-bottom: 70px;
padding: 0px;
text-align: center;
font-family: Georgia, Baskerville; 
font-size: 14px;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style:none;
text-align:center;
}

#menu ul li {
display:inline;
width : 80px;
}

#menu li      
{ 
float : left; 
margin:auto; 
padding:0px;
width : 80px; 
}

#menu ul a {
color: #fcffff;
text-decoration: none;
width : 80px;
}

#menu,  #menu a:hover  {
color: #4ec2ff;
}

/* Fin du menu */

#corps
{
width: 940px;
height:1400px;
margin: auto;
background: #ffffff url(images/site/pagecurl.png) no-repeat scroll right top;
}

.consignes 
{
font-family: Baskerville;
font-size: 14px;
text-align: justify;
margin-left: 40px;
margin-right: 40px;
}

.illustration
{
float:left;
margin: 0px 10px 2px 0px;
border-style: none;
}
#bas
{
margin-top:30px;
width: 1200px;
font-size: 14px;
line-height:35px;
color: #797777;
height: 50px;
padding: 20px;
margin: auto;
}

#menubas{
float: right;
margin-right: 20px;
}

#liendroite {
float:left;
width:auto;
text-align:left;
margin-left:20px;
}

p
{
text-align: justify;
font-size: 13px;
padding: 0px 10px 0px 10px;
color: #4c4b4b;
}

#wrapper {
    width: 980px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 820px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 1480px;
    width: 820px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 1440px;
    width: 780px;
}

#shade {
    background: #EDEDEC url(../images/site/shade1.png) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 550px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

/* Pied de page*/

#bas
{
width: 80%;
min-width: 1000px;
font-size: 85%;
line-height:0.8em;
height: 0.8em;
color: #797777;
margin: auto;
text-align: center;
}

hr{
color:"#c7c2c2";
size: 1px;
margin-top: 40px;
}

.ligne-bas{
color:"#c7c2c2";
size: 1px;
margin-top:42px;
}

.droite {
float: right; padding-right:10px;
}

.gauche{
float: left; padding-left:10px;
}

.date{
margin-top:30px;
margin-bottom:30px;
text-align:center;
color: #797777;
}

.copyright{
margin:0px 0px -4px 10px;	
}

/*Fin pied de page*/