/* 
    Document   : main
    Created on : 11 juillet 2011, 10:55
    Author     : jbauer
    Description:
        Purpose of the stylesheet follows.
*/




/*   -------------------   MEDIA QUERIES - Entre 1024px et 1280px de resolution    -------------------------   

/*     -------------------                PAGE HOME               -------------------------  */


.home #wrap #middleContainer{
    width: 960px;
}

.home #slider{
    left: -57px;
}

.home #creer_compte{
    left: -57px;
}

.home #texte{
    width: 502px;
}

.home #texte h2{
    padding: 0 0 0 77px;
}

.home #middleContainer #texte p.sous_titre{
    padding: 21px 0 0 85px;
}



/*     -------------------                PAGE LISTING               -------------------------  */


.listing #wrap #middleContainer{
    width: 1006px;
}

.listing #middleContainer #texte{
    padding: 0 0 65px 65px;
}

.listing #wrap #items{
    margin: 0 0 0 29px;
}

.listing .nombre_resultats{
    padding: 0 0 5px 39px;
}

.listing #middleContainer #btn_modifier span{
    background: url("../images/css/btn_modifier_small.png") no-repeat;
    width: 48px;
    height: 48px;
    display: block;
    text-indent: -5000px;
    float: left;
    cursor: pointer;
}

.listing #middleContainer #btn_modifier span.actif{
    background-position: 0 -48px;
}

.listing #middleContainer #btn_modifier span:hover{
    background-position: 0 -48px;
}



/*     -------------------                PAGE DETAILS               -------------------------  */


.details #wrap #middleContainer{
    width: 960px;
}

.details #wrap #middleContainer #details{
    width: 960px;
}

.details #wrap #middleContainer #details #item_left {     
        left: -113px;
}

.details #wrap #middleContainer #details #nav_container {     
        left: -113px;
}

.details #wrap #middleContainer #details #img_details {     
        left: -113px;
        padding: 0 80px 0 0;
}

.details #wrap #middleContainer #details #description {     
        left: -113px;
        position: relative;
        padding: 0;
}

.details #wrap #middleContainer #details #item_right {     
        display: none;
}

.details #wrap #middleContainer #sous_titre{
    margin: 0 0 33px 67px;
}

.details #wrap #middleContainer #texte.no_btn{
    margin: 0 0 22px 0;
}

.details #container_btn{
    margin: 6px 0 0 55px;
}






/*     -------------------                PAGE TRANSACTION               -------------------------  */


.transaction #wrap #middleContainer{
    width: 960px;
}

.transaction #wrap #middleContainer #details{
    width: 1047px;
}

.transaction #wrap #middleContainer #details #description{
    padding: 0;
}

.transaction #wrap #middleContainer #img_details{
    left: -114px;
}

.transaction #wrap #middleContainer ul#sous-menu{
    left: -115px;
    position: relative;
}

.transaction #wrap #middleContainer ul{
    position: relative;
}


.transaction #wrap #middleContainer #description{
    left: -114px;
    position: relative;
}

.transaction #container_btn{
    margin: 6px 0 0 0;
}

.transaction #wrap #sous_titre{
    margin: 0 0 33px 67px;
}

.transaction #wrap #sous_titre.one_line{
    margin: 0 0 61px 67px;
}

.transaction #wrap #texte.no_btn{
    margin: 0 0 34px 10px;
}

.transaction #wrap #sous_titre.one_line.no_btn{
    margin: 0 0 61px 25px;
}

body.transaction{
    overflow-x: hidden;
}






/*     -------------------                PAGE COMPTE               -------------------------  */


.compte #wrap #middleContainer{
    width: 960px;
}

.compte #wrap #middleContainer #details{
    width: 1047px;
}

.compte #wrap #middleContainer ul{
/*    left: -115px;*/
    position: relative;
}

.compte #wrap #middleContainer ul#sous-menu{
    left: 0;
}

.compte #wrap #middleContainer ul#liste_piece{
    left: 0;
}

.compte #wrap #middleContainer #details #bienvenue{
    margin: 75px 0 20px 80px;
}

.compte #wrap #middleContainer #details #zone_login{
    left: -114px;
    padding: 0;
}

.compte #wrap #middleContainer #details #mes_criteres{
    left: -114px;
    position: relative;
}

.compte #wrap #middleContainer #description{
    left: -114px;
    position: relative;
}

.compte #wrap #middleContainer #description #presse ul{
    left: 0;
    position: relative;
}

.compte #wrap #middleContainer #description #moteurs ul{
    left: 0;
    position: relative;
}

.compte #wrap #middleContainer #description #avis ul{
    left: 0;
    position: relative;
}

.compte #container_btn{
    margin: 6px 0 0 0;
}

.compte #wrap #sous_titre{
    margin: 0 0 33px 67px;
}

body.compte{
    overflow-x: hidden;
}