/*Style Index*/
html, body{
     margin: 0;
     padding: 0;
     height: 100%;
     background-color : white;
}
#conteneur {
        position: relative;
	width: 980px;
        height: 100%;
        min-height:800px;
	margin-right: auto;
	margin-left: auto;
        background: white url(../images/image_fond.jpg) left bottom no-repeat;
        }

 /*Style header*/ 

#header {
        width: 980px;
        min-height: 100px;
        text-align:center;
        font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
        color:white;
        background-color : #1580c4;
        }
#droite{
        float:right;
        }
#gauche{
        float:left;
        }
        
 /*Style menu*/

#left-menu {
        float: left;
	width: 165px;
	text-align:left;
        }
 ul#menulist{
  list-style:none;
  margin:auto;
  padding:0;
  width:10.7em;
  font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:bold;
  color: #FFFFFF;
  text-align:left;
  position: static;
  left: 10.7px;
}
 ul#menulist li a{
  display:block;
  width:100%;
  color: #FFFFFF;
  text-decoration: none;
  text-indent: 1em;
  width: 10.7em;
  padding:6px 0;
}

 ul#menulist li:hover,  ul#menulist li a:hover {
  color: #1580c4;
  background: #FFFFFF;
}
#compteur{
  font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:white;
  text-align:center;
}
 /*Style  général News*/

#newsflash {
        max-height: 200px;
        width:80%;
        margin: auto;
        margin-top:5px;
	padding: 1em;
	overflow: auto;
        border:1px solid #b3cee5;
        }
        
/*Style général contenu*/

#content {
        margin-left: 165px;
        font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
        background-color : white;
        color: #1580c4;
        font-size:18px;
        }