body {
background-image: url(../images/background.png);
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: 900px;
height: 100%;
min-height: 900px;
margin: auto;
  text-align: left;
}

#conteneur{
width: 100%;
min-width: 900px;
height: 100%;
margin: auto;
background-image: url(../images/conteneur.html);
}



#strapmenu{
width: 100%;
height: 100px;
margin: auto;
top: 0;
left: 0;
position: fixed;
z-index: 2;
background-image: url(../images/top.png);
}

#top{
width: 850px;
height: 100px;
margin: auto auto auto 22%;
float: left;
}

#logo{
height: 90px;
width: 200px;
margin: auto;
float: left;
}

#menu{
width: 550px;
height: 50px;
margin: 27px auto auto auto;
float: left;
}

#menu a{
font-family: 'Roboto Condensed', sans-serif;
font-size: 12px;
color: #878787;
text-decoration: none;
margin-right: 12px;
}

#menu li{
float:left;
list-style-type: none;
margin-top: -10px;
}

#menu ul{
margin-left: -20px;
}

#mod{
height: 80px;
width: 80px;
margin: 20px auto auto 0px;
float: left;
}

#lang{
height: 30px;
width: 120px;
margin: auto auto auto 0px;
float: left;
}

#connect{
height: 40px;
width: 100px;
margin: -15px auto auto -12px;
float: left;
}

#connect li{
float:left;
list-style-type: none;
}

#connect a img{
margin-right: 7px;
}

#content{
width: 900px;
height: auto;
min-height: 900px;
margin: auto auto auto 20%;
background-image: url(../images/content.png);
position: absolute;
z-index: 1;
}

#slidemargin{
width: 900px;
height: 50px;
margin-top: 40px;
float: left;
}

#slide{
width: 900px;
height: 180px;
margin: 40px auto auto auto;
float: left;
background-image: url(../images/slide.png);
}

#imgcontent{
width: 900px;
height: 160px;
margin: auto;
position: absolute;
z-index: 2;
background-image: url(../../../images/slidehome/slideproject.png);
}

#txtcontent{
width: 200px;
height: 140px;
margin-left: 40px;
padding: 10px;
position: absolute;
z-index: 3;
background-image: url(../images/txtcontent.png);
font-family: 'Roboto Condensed', sans-serif;
font-size: 12px;
color: black;
}

#txtcontent a{
font-family: 'Roboto Condensed', sans-serif;
font-size: 12px;
color: #BA3821;
text-decoration: none;
}

#txtcontent ul{
float:left;
list-style-type: none;
margin-left: -30px;
}

#txtcontent li{
margin-top: 5px;
}

#user{
width: 900px;
height: auto;
margin: auto;
float: left;
}

#user1{
width: 800px;
height: auto;
margin-left: 40px;
margin-top: 20px;
float: left;
padding: 10px;
background-color: white;
font-family: 'Roboto Condensed', sans-serif;
font-size: 12px;
color: black;
}

#user1 a{
font-family: 'Roboto Condensed', sans-serif;
font-size: 12px;
color: black;
text-decoration: none;
}

#user1 h2{
font-family: 'Roboto Condensed', sans-serif;
font-size: 12px;
color: black;
}

#bottom{
width: 900px;
height: auto;
background-repeat: no-repeat;
margin: 40px auto auto auto;
float: left;
background-image: url(../images/bottom.png);
}

#logos1{
width: 360px;
height: 25px;
margin-left: 280px;
float: left;
font-family: 'Roboto Condensed', sans-serif;
font-size: 8px;
color: #878787;
}

#logos1 img{
margin-top: 15px;
}

#logos2{
width: 500px;
height: 60px;
margin-left: 200px;
margin-top: 15px;
float: left;
}

#footer{
width: 500px;
height: 50px;
margin-left: 230px;
margin-top: 10px;
float: left;
}

#footer a{
font-family: 'Roboto Condensed', sans-serif;
font-size: 10px;
color: #878787;
display: block;
margin-right: 10px;
text-decoration: none;
}

#footer li{
float:left;
list-style-type: none;
}