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




/*   -------------------   MEDIA QUERIES - 1024px de resolution    -------------------------   

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


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

.details #wrap #middleContainer #details{     
    width: 960px;
}
    
.details #wrap #middleContainer #details #item_left {     
    width: 48px;
    height: 300px;
    padding: 140px 16px 0 0;
    position: relative;
    float: left;
}

.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;
}

#wrap #middleContainer #details #item_left #btn_precedent2 a {
    background: url("../images/css/btn_precedent2.png") no-repeat;
    width: 38px;
    height: 38px;
    display: block;
    text-indent: -5000px;
}

#wrap #middleContainer #details #item_left #btn_precedent2 a:hover {
    background-position: 0 -38px;
}

#wrap #middleContainer #details #item_left .masque3,
#wrap #middleContainer #details #item_left img,
#wrap #middleContainer #details #item_left .info_item {
    display: none;
}

#wrap #middleContainer #details #item_right {
    width: 48px;
    height: 300px;
    padding: 140px 0 0 0;
    position: relative;
    float: left;
}

#wrap #middleContainer #details #item_right #btn_suivant2 a {
    background: url("../images/css/btn_suivant2.png") no-repeat;
    width: 38px;
    height: 38px;
    display: block;
    text-indent: -5000px;
}

#wrap #middleContainer #details #item_right #btn_suivant2 a:hover {
    background-position: 0 -38px;
}

#wrap #middleContainer #details #item_right .masque5,
#wrap #middleContainer #details #item_right img,
#wrap #middleContainer #details #item_right .info_item {
    display: none;
}



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

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

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

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

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

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

.transaction #wrap #middleContainer a#btn_retour{
    margin: 100px 0 0 0;
}

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

.transaction #wrap #middleContainer #details #description.ss-menu {
    padding: 0;
    position: relative;
    margin: -281px 0 0 58px;
    left: 0;
}

.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;
}



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


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

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

.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;
}

.listing #items{
    margin: 0 0 0 16px;
}

.listing #wrap .nombre_resultats{
    padding: 0 0 5px 26px;
}




/*     -------------------                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 CHANGE NAV               -------------------------  */


body.changenav #background{
    width: 100%;
}






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

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

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

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

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

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

.compte #wrap #middleContainer #details #mes_infos{
    left: -78px;
    position: relative;
}

.compte #wrap #middleContainer a#btn_retour{
    margin: 100px 0 0 0;
}

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

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