body {
background-image: url(../images/background.png);
background-repeat: repeat-x;
background-color: white;
text-align: center;
}

/*lien html ie*/

#logo a img {
border: none;
}
#connect a img {
border: none;
}
#bottom a img {
border: none;
}
#user2 a img {
border: none;
}
#user3 a img {
border: none;
}

#sheet {
width: 100%;
min-width: 1000px;
height: auto;
margin: -10px auto auto auto;
  text-align: left;
}

#conteneur{
width: 100%;
min-width: 1000px;
height: auto;
margin: auto;
background-image: url(../images/conteneur.html);
float:left;
}


#top{
width: 1000px;
height: 180px;
float: left;
margin: 0 auto auto 20%;
background-image: url(../images/top.png);
}

#logo{
height: 155px;
width: 155px;
margin: 20px auto 20px 60px;
float: left;
}

#menu{
width: 500px;
height: 50px;
margin: 135px auto auto 70px;
float: left;
}

#menu a{
font-family: 'Roboto condensed', sans-serif;
font-size: 14px;
color: white;
text-decoration: none;
margin-right: 20px;
}

#menu li{
float:left;
list-style-type: none;
margin-top: -10px;
}

#menu ul{
margin-left: -20px;
}

#mod{
height: 100px;
width: 130px;
margin: 98px 60px auto auto;
float: right;
}

#spass{
height: 20px;
width: 122px;
margin: auto;
float: left;
  text-align: center;
  background-color : white;
  opacity: 0.7;
  padding-left: 8px;
}
#spass a{
font-family: Helvetica, sans-serif;
font-size: 14px;
color: #343d4c;
text-decoration: none;
margin-right: 15px;
  text-align: center;
}

#logos{
height: 20px;
width: 130px;
margin: 23px auto auto auto;
float: left;
}

#connect li{
float:left;
list-style-type: none;
}

#connect a img{
margin-right: 7px;
}

#content{
width: 1000px;
height: auto;
margin: auto auto auto 20%;
background-image: url(../images/content.png);
float:left;
}

#left{
width: 200px;
height: auto;
margin: 40px 40px auto 25px;
float: left;
}

#sousmenu a{
font-family: 'Roboto condensed', sans-serif;
font-size: 14px;
color: #343d4c;
font-weight: bold;
text-decoration: none;
}

#sousmenu{
width: 180px;
height: auto;
padding: 15px 20px 20px 5px;
float: left;
font-family: Helvetica, sans-serif;
font-size: 14px;
color: #343d4c;
}

#sousmenu li{
list-style-type: none;
margin-bottom: 15px;
}

#right{
width: 630px;
height: auto;
margin: 55px auto auto 40px;
float: left;
}

#user{
width: 630px;
height: auto;
margin: auto;
float: left;
font-family: Helvetica, sans-serif;
font-size: 12px;
color: black;
}

#user h2{
font-family: 'Roboto condensed', sans-serif;
font-size: 14px;
color: #343d4c;
font-weight: bold;
text-decoration: none;
height: 40px;
}

#user p{
margin-top: 10px;
  color: black;
font-family: Helvetica, sans-serif;
font-size: 12px;
}

#user p a{
  color: black;
font-family: Helvetica, sans-serif;
font-size: 12px;
  text-decoration: underline;
}

#user a{
color: black;
font-family: Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
}

#user p.readmore{
font-family: Helvetica, sans-serif;
font-size: 10px;
color: black;
text-decoration: underline;
}

#user .item-separator{
height: 50px;
background-image: url(../images/separator.png);
}

#user .items-more{
height: 5px;
font-size: 1px;
color: white;
}

#user .items-more a{
font-size: 1px;
color: white;
}

#user .pagination ul{
margin-left: -50px;
}

#user .pagination li{
display: inline;
margin-left: 10px;
}

#user .item-page a{
  font-family: Helvetica, sans-serif;
font-size: 12px;
color: black;
  text-decoration: underline;
}

#user .item-page a span{
  font-family: Helvetica, sans-serif;
font-size: 12px;
color: black;
  text-decoration: underline;
}

element.style {
font-size: 12px;
font-family: Helvetica;
color: black;
}

#bottom{
width: 1000px;
height: 50px;
padding-top: 25px;
background-image: url(../images/bottom.png);
background-repeat: no-repeat;
float:left;
margin-left: 20%;
}

#footer{
width: 500px;
height: 20px;
margin-left: 350px;
margin-top: -10px;
}

#footer a{
font-family: 'Roboto condensed', sans-serif;
font-size: 10px;
color: white;
display: block;
margin-right: 10px;
text-decoration: none;
}

#footer li{
float:left;
list-style-type: none;
}