@media screen and (max-width: 625px)
{

}
@media screen and (max-width: 976px)
{

    .not_mobile { display: none; }

    img {
        max-width: 100%;
    }

    img.left {
        float: none;
    }

    img.right {
        float: none;
    }

    /* Header */

    #header {
        width: 100%;
        background-position: 0px -53px;
        height:130px;
    }

    /* Publicité haut de page */

    #pubHaut {
        width:100px;
        display:none;
    }

    /* Logo */

    #logo {
        float: none;
        text-align:center;
    }

    #logo h1, #logo h2 {
        float: none;

    }

    #logo h1 {
        margin-top:2px;
        padding: 0;
    }

    #logo h2 {
        padding-top:0px;
    }

    .post .title {
        padding:3px 0px 0px 15px;
    }

    /** MENU */
    nav {
        margin-top:3px;
        position: relative;
        min-height: 40px;
    }
    nav ul {
        margin:auto;
        width: 260px;
        padding: 5px 0 0 0;
        position: relative;
        border: solid 1px #aaa;

        background: url(../images/icon-menu.png) no-repeat 10px 8px,
            url(../images/icon-menu-dropdown.png) no-repeat 237px 6px, #fff;

        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(0,0,0,.3);
    }
    nav li {
        display: none; /* hide all <li> items */
        margin: 0;
    }
    nav .current {
        display: block; /* show only current <li> item */
    }

    nav .currentMenu {
        display: block; /* show only current <li> item */
        padding-bottom: 2px;
    }

    nav .currentDefault {
        display: block; /* show only current <li> item */


    }

    nav span {
        padding-left:35px;
        padding: 4px 5px 6px 35px;
        letter-spacing: 4px;
    }


    nav a {
        display: block;
        padding: 3px 5px 5px 35px;
        text-align: left;
        border-bottom: 0px dotted #000;
        color: #666;
    }

    nav a:hover {
        border-width:0px;
    }

    nav .current a {
        background: none;
        color: #666;
    }


    /* on nav hover */
    nav ul:hover {
        background: url(../images/icon-menu.png) no-repeat 10px 8px, #fff;
    }
    nav ul:hover li {
        display: block;
        margin: 0 0 5px;
    }
    nav ul:hover .current {
        background: url(../images/icon-check.png) no-repeat 10px 7px;
    }

    /* right nav */
    nav.right ul {
        left: auto;
        right: 0;
    }

    /* center nav */
    nav.center ul {
        left: 50%;
        margin-left: -90px;
    }

    .menuTroisColonne {
        margin:auto;
        margin-left:5px;
        margin-bottom:2px;
        padding:2px 5px 0 5px;
        border: 1px solid;
        border-radius: 20px;
        column-count:3;
    }

    .menuHorizontale {
        width:100%;
    }



    .menuHorizontale li {
        text-align:center;
        display: inline-block;
        width:100%;
    }

    .menuMeteo li  {
        width:30%;
    }






    #page, #bg, #content {
        margin:0px;
        padding:0px;
    }


    /* Page */

    #page {
        width: 100%;
        background-color:#38b5f1;

    }


    /* Content */

    #content {
        float: none;
        width: 100%;
    }


    /* Posts */

    .post {
        float:none;
        width: 100%;
        padding: 5px 5px 0px 15px;
    }


    .post .entry {
        padding: 10px 10px 10px 8px;
        background:none;
    }

    h1 {
        font-size:36px;
    }




    .colonne, .colonne300, .colonne200, .colonne400, .colonne450, .colonne300, .colonne420 {
        width: 100%;
        float:none;
    }

    .colonne130 {
        max-width:80px;
    }

    .petiteColonneDroite {
        width: 100%;
        float:none;
    }



    .post .image {
        float:left;
    }

    .post .imageG  {
        max-width:80px;
        float:left;
    }

    .texteSigne {
        width:100%;
        float:none;
    }

    .imageSigne {
        width:100%;
        float:none;
    }





    #sidebar {
        float: none;
        width: 100%;
        background: none;
    }

    #sidebar div[class='center'] {
        margin:auto;
        float:none;
        width:80%;
    }

    /* About Box */

    #about-box {
        background-image: none;
        width: 85%;
        padding:10px 0px 0 30px;
    }

    #about-box h2 {
        margin:10px 0px 10px 0px;
        border-bottom: #38b5f1 1px dotted ;
        text-align:center;
    }


    #another-box {
        display:none;
    }

    /* Sidebar */

    #sidebar {
        float: none;
        width: 100%;

    }

    #sidebar ul {
        width: 100%;
    }

    /* Footer */


    #resultat {
        width:100%;

    }

    #resultat .lettre {
        float:left;
        max-width:68px;
    }

    #pubGauche {
        display: none;
    }




}