body {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: white;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
    
div#content { 
    position: relative;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    top: 10px;
    background-color: white;
    background-repeat: no-repeat;
    display: block;
}


div#title {
    top : 0px;
    left: 0px;
}

div#title img{
    border: 0px;
    }

div#links {
    background-color: #EF130B;
    margin-top: -19px;
    margin-left: 0px; 
    width: 783px;
    height: 25px;
}

div#links ul {
    list-style-type: none;
    width: 100%;
    }
    
div#links li {
    float: left;
    }
    
div#links a:link {
    background-color: #EF130B;
    margin: 4px 2px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: black;
    font: 16px Optima, sans-serif;
    width: 140px; /* on définit la taille du bouton de menu */
    height: 18px;
    float: left;
    display: block;
    border: none;
     }
        
div#links a:visited {
    background-color: #EF130B;
    margin: 4px 2px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: black;
    font: 16px Optima, sans-serif;
    width: 140px; /* on définit la taille du bouton de menu */
    height: 18px;
    float: left;
    display: block;
    border: none;
    }    
    
div#links a:hover {
    background-color: #F4828B;
    border: none; 
    color: #8C060D;
    text-decoration: none;
    }
    
div#links a.selecon{
    background-color: white;
    border: none;
    color: #EF130B;
    }
    
div#links a.selec:hover {
    background-color: #F4828B;
    border: none; 
    color: #8C060D;
    text-decoration: none;
    }
    
div#links a span {display: none;}

div#links a:hover span {
   display: none;
}

div#links a img {
    height: 0; width: 0; border-width: 0;
}

div#links a:hover img {
    height: 0; width: 0; border-width: 0;}

div#accueil {
    margin-top: 10px;
    margin-left: 0px;
    text-align: justify;
    font: 13px Gilsans, sans-serif;
    color: black;
    width: 761px;
    background-color: white;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #EF130B;
}

div#accueil a:link{
    font-weight: bold;
    text-decoration: none;
    color: #8C060D;
    }

div#accueil a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
div#accueil a:visited{
    font-weight: normal;
    text-decoration: none;
    color: #8C060D;
    }

div#corps {
    margin-left: 5px;
    margin-top: 10px;
    width: 546px;
    background-color: white;
    padding: 10px;
    color: black;
    border-style: solid;
    border-width: 1px;
    border-color: #EF130B;
    float: left;
}

div#corps p {
    text-indent: 20px;
    text-align: justify;
    font: 13px Gilsans ,sans-serif;
    }

div#corps li {
    font: 13px Gilsans,sans-serif;
    }

div#corps h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
    }
    
div#corps h2 {
    font: 20px Gilsans, sans-serif;
    font-weight: bold;
    }

div#corps h3 {
    font: 16px Gilsans, sans-serif;
    font-weight: bold;
    }

    
div#corps a:link{
    text-decoration: none;
    color: #8C060D;
    font-weight: bold;
    }

div#corps a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
div#corps a:visited{
    text-decoration: none;
    font-weight: normal;
    color: #8C060D;
    }
    
div#corpsnews {
    margin-left: 5px;
    margin-top: 0px;
    width: 560px;
    background-color: white;
    padding: 10px;
    color: black;
    border-style: none;
    float: left;
}

div#corpsnews p {
    text-indent: 20px;
    text-align: justify;
    font: 13px Gilsans ,sans-serif;
    }

div#corpsnews li {
    font: 13px Gilsans,sans-serif;
    }

div#corpsnews h1 {
    font: 24px Gilsans, sans-serif;
    font-weight: bold;
    font-style: normal;
    }
    
div#corpsnews h2 {
    font: 20px Gilsans, sans-serif;
    font-weight: bold;
    }

div#corpsnews h3 {
    font: 16px Gilsans, sans-serif;
    font-weight: bold;
    }

    
div#corpsnews a:link{
    text-decoration: none;
    color: #8C060D;
    }

div#corpsnews a:hover{
    text-decoration: underline;
    color: #8C060D;
    }
    
div#corpsnews a:visited{
    text-decoration: none;
    font-weight: bold;
    color: #8C060D;
    }
    
div#corpsnews .tabnews{
    border-style: solid;
    border-width: 1px;
    border-color: #EF130B;
    padding: 10px;
    }

    
div#gauche {
    background-color: white;
    margin-top: 0px;
    width: 210px;
    border-style: none;
    font: 12px Gilsans, sans-serif;
    float: left;
    }

div#index {
    background-color: #F7EBEC;
    margin-top: 10px;
    width: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: #EF130B;
    font: 12px Gilsans, sans-serif;
}

div#index ul {
    list-style-type: none;
    }
    
div#index h1 {
    font: 20px Optima, sans-serif;
    margin-top: 10px;
    margin-bottom: 0px; 
    margin-left: 10px;
    }
    
div#index h2 {
    font: 16px Optima, sans-serif;
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 20px;
    }

div#index h3 {
    font: 14px Optima, sans-serif;
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 30px;
    }
    
div#index h6 {
    font: 12px Optima, sans-serif; 
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 40px;
    }

div#index a:link {
     background-color: #F7EBEC;
     padding: 0px;
     margin-top: 0px;
     margin-bottom: 0px; 
     margin-left: 2px;
     text-decoration: none;
     text-align: left;
     width: 158px;
     color: black;
     display: block;
     border: none;
     }
     
div#index a:visited {
    background-color: #F7EBEC;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 2px;
    text-decoration: none;
    text-align: left;
    width: 157px;
    color: black;
    display: block;
    border: none;
    }     
     
div#index a:hover {
    background-color: #F4828B;
    border: none; 
    color: #8C060D;
    }

div#linksinside {
    font: 12px Optima, sans-serif; 
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 40px;
    }

div#index div#linksinside a {
     display: inline;
     }

div#index .hion {
    color: #8C060D;
    text-decoration: none;
    font-weight: bold;
    }

div#index_news {
    background-color: #F7EBEC;
    margin-top: 10px;
    width: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: #EF130B;
    font: 12px Gilsans, sans-serif;   
}

div#index_news ul {
    list-style-type: none;
    }
    
div#index_news h1 {
    font: 20px Optima, sans-serif;
    margin-top: 10px;
    margin-bottom: 0px; 
    margin-left: 10px;
    }
    
div#index_news h2 {
    font: 16px Optima, sans-serif;
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 20px;
    }

div#index_news h3 {
    font: 14px Optima, sans-serif;
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 30px;
    }
    
div#index_news h6 {
    font: 12px Optima, sans-serif; 
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 40px;
    }

div#index_news a:link {
     background-color: #F7EBEC;
     padding: 0px;
     margin-top: 0px;
     margin-bottom: 0px; 
     margin-left: 2px;
     text-decoration: none;
     text-align: left;
     width: 158px;
     color: black;
     display: block;
     border: none;
     }
     
div#index_news a:visited {
    background-color: #F7EBEC;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 2px;
    text-decoration: none;
    text-align: left;
    width: 157px;
    color: black;
    display: block;
    border: none;
    }     
     
div#index_news a:hover {
    background-color: #F4828B;
    border: none; 
    color: #8C060D;
    }

div#index_news .hion {
    color: #8C060D;
    text-decoration: none;
    font-weight: bold;
    }

div#rejoindre {
    background-color: #F7EBEC;
    margin-top: 10px;
    width: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: #EF130B;
    font: 12px Gilsans, sans-serif;
}

div#rejoindre ul {
    list-style-type: none;
    }
    
div#rejoindre h1 {
    font: 20px Optima, sans-serif;
    margin-top: 10px;
    margin-bottom: 0px;  
    margin-left: 10px;
    }
    
div#rejoindre h2 {
    font: 16px Optima, sans-serif;
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 20px;
    }

div#rejoindre h3 {
    font: 14px Optima, sans-serif;
    margin-top:0px;
    margin-bottom: 0px; 
    margin-left: 30px;
    }
    
div#rejoindre h6 {
    font: 12px Optima, sans-serif; 
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 40px;
    }

div#rejoindre a:link {
     background-color: #F7EBEC;
     padding: 0px;
     margin-top: 0px;
     margin-bottom: 0px; 
     margin-left: 2px;
     text-decoration: none;
     text-align: left;
     width: 158px;
     color: black;
     display: block;
     border: none;
     }
     
div#rejoindre a:visited {
    background-color: #F7EBEC;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px; 
    margin-left: 2px;
    text-decoration: none;
    text-align: left;
    width: 157px;
    color: black;
    display: block;
    border: none;
    }     
     
div#rejoindre a:hover {
    background-color: #F4828B;
    border: none; 
    color: #8C060D;
    }

div#rejoindre .hion {
    color: #8C060D;
    text-decoration: none;
    font-weight: bold;
    }

div#recherche {
    background-color: white;
    margin-top: 5px;
    width: 190px;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #EF130B;
    font: 12px Optima, sans-serif;;
}

.cadre{
    width: 100px;
    background-color: white;
    padding: 3px;
    border-style: solid;
    border-width: 5px;
    border-color: #EF130B;
}

a.bandeau:link{
    border: none;
    text-decoration: none;
    }

a.bandeau:visited{
    border: none;
    text-decoration: none;
    }
    
a.bandeau:hover{
    border: none;
    text-decoration: none;
    }
    
div#basdepage {
    position:relative;
    left: 10px;
    top: 0px; 
    font : 12px Times, sans-serif;
    text-align: left;
    float: left;
    }