/*Menu mobile*/
div#nav #nav-button.toggled + ul{
   padding-top:2%;
}

/*Device with smartphone*/

@media handheld, screen and (max-device-width: 480px), screen and (max-width: 480px){
   /*Homepage*/
   .page-index #content #right,
   .page-index #content #left {
      display: block;
      max-width: 100%;
   }
   .page-index #main-content > #content #columns .cell {
      display: block;
      width: 100%;
   }
   .page-index #main-content > #content #left .cell:last-child {
      display: none;
   }
   .page-index #main-content div#content div#right div#colleft,
   .page-index #main-content div#content div#right div#colright{
      float:none;
   }
   .page-index #main-content > #content #columns .nuagedetag {
      display: none;
   }
   /*Connexion*/
    #Mot_de_passe,
    #Carte_eID{
        width:98%;
        height:300px;
    }
    #Mot_de_passe{
        float:left;
        margin-top:6%;
    }
    div#header h1{
        padding-left:16px;
    }
    h1#logo a{
        display:none;
    }
    #profile dt {
           float: none;
           width: 100%;
    }
}

@media handheld, screen and (max-device-width: 768px), screen and (max-width: 768px){

        div#nav #nav-button + ul li.selected > a,
        div#nav #nav-button + ul li:hover > a {
           color: #e42380;
        }

        div#nav > ul > li.selected > a,
        div#nav > ul > li > a:hover {
           border-bottom: 2px solid #c7c7c7;
        }
        div#nav ul ul:hover{
           border-top:2px solid #c7c7c7;
        }
        a.remove-item{
           padding-left:30px;
        }

        #page div#gauche {
           width: 100%;
        }

        #page div#gauche + div#rub_service {
           padding-left: 0;
           width: 100%;
        }

        #receipt-intro a#workflow-button-paid, #receipt-intro input#pay {
           margin-bottom: 1ex;
           margin-left: 0;
        }

        input#pay{
           margin-left:0;
        }

        .page-panier li a{
           text-align:left;
           min-width: 100%;
           margin-left: 0;
           margin-top: 1em;

        }

        .page-panier li label > a{
                vertical-align: top;
                width: 100%;
                margin-top:0;
        }

        .page-panier li label > a.basket-number{
        width:100%;
        margin:0.5em 0;
        }

        #profile dt{
            width:100%;
        }
    h1#logo a{
            display:none;
                }
}

@media handheld, screen and (max-device-width: 800px), screen and (max-width: 800px){
    #header h1 {
        padding-left: 70px;
        background-position: None;
        background-position-x: None;
        background-position-y: None;
    }
}
