ul, h1, h2, h3, h4, h5, h6, p, input, form
{
    margin: 0px;
    padding: 0px;
}
html, body
{
    height: 100%;
}
body
{
    background-position: left top;
    margin: 0px;
    padding: 0px;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    background-color: #a0d8ef;
    background-image: url('asset/fond.jpg');
    background-repeat: repeat-x;
}
#container
{
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
#header
{
    background-image: url('asset/Intro3_01.jpg');
    height: 113px;
}
#middle
{
    background-image: url('asset/Intro3_02.jpg');
    height: 541px;
    padding-left: 35px;
    padding-right: 35px;
}
#anim
{
    width: 630px;
    height: 541px;
    float: left;
}
#detail
{
    border-width: thin;
    float: right;
    margin-right: 11px;
    margin-top: 20px;
    margin-left: 2px;
    margin-right: 15px;
    height: 500px;
    width: 293px;
    padding: 0;
    overflow: hidden;
    font-size: 16px;
    /*text-align: justify;*/
    border-left-style: solid;
    border-left-color: #FFFFFF;
}
#footer
{
    background-image: url('asset/Intro3_03.jpg');
    height: 114px;
    cursor: pointer;
}
#footer2
{
    background-image: url('asset/Intro32_03.jpg');
    height: 114px;
}
#fondnombre
{
    margin-left: 45px;
    height: 74px;
    float: left;
    width: 750px;
}
#nombre
{
    background-position: left top;
    background-image: url('asset/Nombre2.jpg');
    background-repeat: no-repeat;
    height: 74px;
    width: 0px;
}
#mininombre
{
    position: relative;
    top: -75px;
    left: 22px;
}
.nb
{
    height: 75px;
    width: 74px;
    float: left;
    font-size: 0px;
}

#lecteur
{
    height: 75px;
    width: 74px;
    float: right;
    margin-right: 45px;
    position: relative;
}

/*element de l'anime*/
#dalle, #Ceinture01, #Ceinture02, #Ceinture03, #Ceinture04, #Ceinture05, #Ceinture06, #Ceinture07, #Ceinture08, #Ceinture09, #Ceinture10, #Mur01, #Mur02, #Mur03, #Mur04, #Mur05, #Mur06, #Mur07, #Mur08, #Mur09, #Mur10, #Mur11, #Mur12, #Mur13, #Mur14, #Poutre01, #Poutre02, #Poutre03, #Poutre04, #Poutre05, #Poutre06, #Poutre07, #Poutre08, #Pente01, #Pente02, #Fermette, #ParePluie05, #Couverture
{
    position: absolute;
    top: -550px;
}
#ParePluie01, #Bardage01
{
    position: absolute;
    left: -150px;
    top: -550px;
}
#ParePluie02, #Bardage02
{
    position: absolute;
    top: -550px;
    left: 150px;
}
#ParePluie03, #Fenetre01, #Bardage03, #Finition01, #PreCadre01, #Volet01
{
    position: absolute;
    top: 250px;
    left: 150px;
    display: none;
}
#ParePluie04, #Fenetre02, #Bardage04, #Finition02, #PreCadre02, #Volet02
{
    position: absolute;
    top: 250px;
    left: -150px;
    display: none;
}
#Fini
{
    position: absolute;
    margin-top: 100px;
    margin-left: 10px;
    display: none;
}
#Logo
{
    position: absolute;
}
/*slider coté*/
ul#containerdetail
{
    height: 100%;
    width: 3800px;
    margin-left: 0px;
    list-style: none;
    padding: 0;
    color: #ffffff;
}
ul#containerdetail li
{
    width: 287px;
    margin-left: 2px;
    padding: 3px;
    height: 500px;
    display: inline;
    float: left;
}
/*slider descripotion*/
#description
{
    margin-left: 20px;
    margin-right: 20px;
    height: 530px;
    font-size: 15px;
    overflow: hidden;
    width: 910px;
    text-align: justify;
}
ul#containerdescription
{
    height: 100%;
    width: 6000px;
    margin-left: 0px;
    list-style: none;
    padding: 0;
    color: #ffffff;
}
ul#containerdescription li
{
    width: 900px;
    margin-left: 2px;
    height: 530px;
    display: inline;
    float: left;
    padding: 5px;
}
#gauche
{
    float: left;
    width: 60px;
    height: 60px;
    left: 50px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
#droite
{
    float: right;
    width: 60px;
    height: 60px;
    left: -53px;
    position: relative;
    cursor: pointer;
    top: 2px;
}
a:link, a:hover, a:visited
{
    color: White;
}
.clear
{
    clear: both;
}
h2
{
    color: #1E4A08;
    text-decoration: none;
    text-align: left;
    margin-bottom:10px;
}
strong{
     color: #1E4A08;
     font-size:20px;
}
.retour
{
    font-size: 14px;
    position: absolute;
    margin-left: 40px;
    top: 110px;
    z-index: 999;
}
.btn a
{
    margin: 5px 20px 5px 20px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('asset/Bouton_01.png');
    height: 40px;
    padding-left: 40px;
    text-decoration: none;
    display: block;
    float: left;
    font-size: 14px;
}

.btn a span
{
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('asset/Bouton_02.png');
    height: 40px;
    padding-right: 14px;
    display: block;
    float: left;
    line-height: 40px;
    cursor: pointer;
}
#footer2 a:hover
{
    color: #79b51c;
    background-color: #ffffff;
}