/* Body HTML, changement generaux */
html{

    background-color: #BDCDF4;
    min-width : 1280px;
    min-height : 768px;
}
body{
    position : relative;
    width : 80%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;


}

/* Site entier */
#body{

    width: 100%;
    height: 100%;
    margin-top : -1.5%;
    background-color: #5F8CA3;
    float: left;
    border-left : 0em solid black;
	
}

/* Banniere */
#header {

    background-color: white;
    border : 0em solid black;
    width: 100%;
    text-align : center;
    margin-top: 2%;
} 



/* Barre de navigation horizontale (sous le header) */

#menu{

    height:2em;
    padding : 0;
    margin : 0 auto;
    width : 100%;
    list-style : none;
    text-align : center;
    margin-top : 0%;
    background:url("../images/topMenuImages.png") repeat-x;

}

#menu ul{
    float : left;
    margin-left : 20%;
    margin-top : 0%;
	text-align: center;
}

#menu ul li    { 
    list-style : none;
    float : left;
    margin-left: 2em;
    display:inline;

}

#menu ul li a{
    float:left;
    padding-left:.7em;

    cursor:pointer;
    display:block;
    outline:none;
    font:100% Verdana, Arial, Helvetica, sans-serif;
    background:url(../images/topMenuImages.png)  0em -1.8em no-repeat;
    text-decoration:none;
    color : #ffffff	;


} 

#menu li a span{
    line-height:1.85em;
    float:left;
    display:block;

    padding-right:1em;
    background:url("../images/topMenuImages.png") 100% -1.8em no-repeat;}

#menu ul li a:hover{
    background:url(../images/topMenuImages.png) 0em -6em no-repeat;

}

#menu li a:hover span{
    background:url(../images/topMenuImages.png) 100% -5.7em  no-repeat;

}

/* Milieu du site qui rassemble le contenu */
.news{
    background-color: #EEF0F5;
    border : 0.1em solid black;
    -moz-border-radius:0.8em;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 2%;
}

.news h3
{
    color: #375D81;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    text-decoration: underline;
    text-align: center;
}

.news a
{
    color: red;
    font-size: 100%;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-decoration: underline;
    text-align: center;
}

.news a:hover
{
    color: blue;
    font-size: 100%;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    text-align: center;
}

/* Texte pour le contenu*/
.news_text
{
    color: #000000;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    margin-left: 4%;
    margin-right: 4%;
}

/* Pied de site */
#footer{
    clear: both;
    width : 100%;
    /*height: 3.5em;*/
    font-size: 100%;
    background-color: black;
    color : white;
    border-right: 0.15em solid black;
    margin-top: 2%;
    margin-bottom : 1%;
}