@media screen and (max-width:770px)
{
    html{
        font-size: 16px;
    }
    #global,#page{ /*21*/ /*27*/
        max-width:770px;
        width:auto;
        float:none;
    }
    #page{
        background-position: 0 -16px;
    }
    iframe, #pub_top, #headertop, #menutop, #menutop+div+div { /*74*/
        display:none;
    }
    #head
    {
        width: auto !important;
    }
    #menutop+div {
        position: absolute;
        right: 0;
        bottom : 0.5em;
        z-index : 1;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
        text-align: center;
    }
    span#logo {
        display: block;
        margin-bottom: 2em;
    }
    #top{ /*73*/
        height:auto;
        position: relative;
        margin-bottom : -25px;
    }
    #top #logo a:first-child
    {
        position: relative;
        top:-17px;
    }
    .menu_bar {
        width: 29px;
        height: 3px;
        margin: 3px 4px 4px;
        background: white;
    }
    #bas div{
      width:auto !important;
    }
    #page>div[align="center"]>div{
        width:auto !important;
        font-size: 1em !important;
    }
    #page>div[align="center"]>div>div:last-child{
        width:100% !important;
        float:none !important;
        position: relative;
    }

    marquee{
        width:75% !important;
    }
    marquee+a{
        position: absolute;
        top:0;
        right:0;
    }
    #gauche{ /*177*/
        width:70%;
        margin:0 auto;
        float:none;
        position: relative;
        z-index:3;
        display: none;
    }
    .pointer, .titreMenu
    {
        cursor:pointer;
    }
    #droite{ /*286*/
        margin:0;
    }
    #centre{ /*344*/
        width:auto;
    }
    .fo_list, table{
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    .contcenter{ /*371*/
        width:auto !important;
        margin:0 !important;
        font-size:1em;
        text-align:left;
    }
    .contcenter h1{
        background:url('h1.gif') no-repeat left 6px;
    }
    .contcenter h2{
        background:url('h2.gif') no-repeat left 3px;
    }
    table, .fo_titre, tr, td{
        font-size: 1em !important;
    }
    .fo_list .fo_infos+.fo_infos+.fo_infos{
        /*display:none;*/
        width:40px;
        font-size: 0.75em !important;
    }
    .btn a {
        display: block;
        padding:0.5em;
        margin:0.5em;
    }
    .post{
        width:100%;
    }
    .smile{
        width:auto;
    }
    .smile td{
        display:inline-block;
        margin:0 15px;
    }
    .fo_list_post{
        width:100%;
    }
    .fo_list_post .fo_tr2>td{
        width:100%;
        display: block;
    }
    .fo_titre3{width: auto !important;}
    .fo_titre3 a{
        font-size:1.2em;
    }
    .fo_titre3 a:last-child{
        display:inline;
        font-size:1em;
    }
    .vignette
    {
        position: absolute;
        top:0;
        max-width: 91px;
        padding:5px;
        background-color: #238CBC;
        color:white;
        border:1px solid grey;
        border-radius:0 0 0.5em 0.5em;
        box-shadow:0 5px 5px #A9A9A9;
        font-size: 1.125em;
        font-weight:bold;
        text-align: center;
        text-decoration:none;
        text-shadow : 1px 1px 5px #555;
    }
    #toggle_menu{
        right:10px;
    }
    #see_msg{
        right:65px;
    }
    .enveloppe
    {
        background: url('capsule.png') no-repeat;
        color:white;
        width:37px;
        height:20px;
        padding:2px 0;
    }
    .bloc_form2>img, .message_profil a img, object, embed{
        width:100%;
        height:100%;
    }
    #videos_connexe{height: auto;}
    .large, .bloc_form2 br+br+div{
        width:auto !important;
    }
    table.large{
        width:100%;
    }
    table.large td{
        display:block;
        width:100%;
    }
    form table td {
        display:inline-block;
        margin:5px 0;
    }
    form[action="recherche.php"] table
    {
        text-align:center;
    }
    form[action="recherche.php"] td
    {
        width:60%;
    }
    form[action="recherche.php"] td:first-child, form[action="recherche.php"] td.f
    {
        width:40%;
    }
    form[action="recherche.php"] select,form[action="recherche.php"] input,
    {
        display: block;
        width:80%;
    }
    form table td[text-align="right"]{
        width:100%;
    }
    #Message, .inputpost{
        width:100%;
    }
    .pagination a {
        padding:10px;
    }
    .menu_hide{
        display:none;
    }
    .menu_show{display: block !important;}
    #gauche .titreMenu
    {
        margin : 0.25em auto;
        padding:0.75em 20px;
    }
    #gauche li{
        font-size:1em;
    }
    #gauche li a
    {
        padding : 0.5em 0;
    }
    #gauche form{
        margin:auto;
        text-align:center;
    }
    #gauche form input[type=text]{
        display:block;
        width:100%;
    }
    td.fo_titre{
        padding: 0.5em 0 0.5em 0.2em;
    }
    img[src*="smile"]
    {
      padding:0 0.5em;
    }
    div.progress_bar_box
    {
      width:auto !important;
    }
    #page #droite .ui-tabs-nav
    {
      height : auto !important;
      padding : 0.5em 0.2em 0.5em 0 !important;
    }
    .ui-tabs .ui-tabs-nav li
    {
      display: block !important;
      width:100% !important;
      float:none !important;
    }
    .ui-tabs .ui-tabs-nav li a
    {
      display: block !important;
      width:91% !important;
      float:none !important;
    }
    .ui-tabs-panel td, .ui-tabs-panel #Photo, .ui-tabs-panel #Message
    {
      width : 100% !important;
    }
    input[name="question"], textarea[name="question"], form[action="/dedicace.php"] input[name="Message"], form[action*="question"] input[name="sujet"]
    {
      width:290px !important;
    }
    .pagination b
    {
      display: block;
    }
    .pagination a
    {
      display: inline-block;
    }
    input[name="Icon"]
    {
      margin : 1em -0.5em 1em 0.5em;
    }
    table.smile tr{display: none;}
    table.smile tr:first-child{display: block;}
    form[action="messagerie.php"] table[width="100"] tr[valign="middle"]{display: none;}
    form[action="messagerie.php"] table[width="100"] tr[valign="middle"]:first-child{display: block; width:100%;}
    .show_smiley{display: block !important;}
    table.smile td
    {
      line-height: 2em;
    }
    .fo_list_post2
    {
      width:auto;
    }
    #gallery tr
    {
      width:100%;
      text-align: center;
    }
    #gallery td
    {
      display: inline-block;
      margin : 0 0.5em;
    }
    #birthday td{display: inline-block;}
    #birthday td[width="17"]{width:20%;}
    #birthday td[width="110"]{width:80%;}
    #webzine tbody, #webzine tr{width:100%;}
    #webzine td{display: block;}
    #webzine td>div{width:auto !important;}
    img[src="img/trait.gif"]{width:100% !important;}
     table[width="260"] textarea{width:97%;}
    .bloc_form2 textarea{width:97%;}
    img[src*="images/dessin/"]{width:100%;height:auto;}
    img[src*="images/banniere"]{width:100%;height:auto;}
    .sondage_table td {width:100% !important;display: block;}
    .sondage_table{width:100% !important;}
    .minitxt_table{width:100% !important;}
    .minitxt_table tr td:last-child{display: none;}
    .minitxt_table tr td:first-child{display: table-cell;}
    form[action="messagerie.php"] td[width="20"]{width:10%;}
    form[action="messagerie.php"] td[width="100"]{width:80%;}
    form[action="messagerie.php"] td[width="*"]{width:100%;}
    form[action="messagerie.php"] td[width="70"],form[action="messagerie.php"] td[width="15"]{width:50%;text-align: center;}
    .inputpost[value="Supprimer"]{width:97%;}
    div.btn a[href="#nouveau_msg"], input[value="Envoyez votre message"]{padding : 1em 0.5em; background-size: 100%;}
    #sc1
    {
        width:50%;
        margin : 1em auto;
    }
    #sc1 strong a
    {
        display: inline-block;
        font-size: 1.5em;
        margin : 0.5em 0;
        position: relative;
    }
    #sc1 strong a:before
    {
        content : url('/images/7.png');
        display: block;
        position: absolute;
        top : 2px;
        left : -16px;
    }
    #sc1 .alignright
    {
        float:right;
    }
    #sc1 input{width:100%;}
    #formulaire_inscription
    {
        width : auto !important;
    }
    #formulaire_inscription textarea
    {
        width:95%;
    }
    form[action="recherche.php"] select
    {
        display: block;
        margin: auto;
    }
    form[action="recherche.php"] table+br+table td
    {
        width:100%;
    }
    input[name="helpbox"]
    {
        width: auto !important;
    }
    form[action="/dedicace.php"]+br+br+p+div+h2+table.fo_list td
    {
        display: block;
        width:100%;
    }

    /* IE9 */
    form[action="recherche.php"] table, #gallery, #birthday, #webzine, form[action="ajout_article.php"] table, .fo_list
    {
        table-layout: fixed\9;
    }
    .pagination+div>iframe+table td:first-child, .pagination+div>iframe+table th:first-child
    {
        display: none\9;
    }
    .fo_list td
    {
        word-wrap : break-word\9;
    }
    form[action="recherche.php"] td, #gallery td, #birthday td, #webzine td, form[action="ajout_article.php"] table td
    {
        width : 100%\9 !important;
        float:left\9;
        word-wrap : inherit;
    }
    #webzine td>div
    {
        width:100%\9 !important;
    }
    .fo_list_post{table-layout: fixed\9;}
    .fo_list_post .fo_tr2 td{float:left\9;}
    #formulaire_profile table{table-layout: fixed\9;}
    #formulaire_profile table td{float: left\9;}
    #sondage_age #alert_box p{width: 60%; margin: 1em auto !important;}
}