/* CSS Document */
@media (max-width: 768px) {
    {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
        word-wrap: break-word;
    }

        table, tbody { display: block; }
        tr { display: table; }
        td { display: table-row; }
       
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }

    span.wrap {
        white-space:nowrap;
    }
    
    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

    element1,
    element2 {
        float: none;
        width: auto;
    }
    

#blk_cont { 
	max-width:768px;
	width: 100%;
	margin: 0 auto; 
}

    /* masquer les éléments superflus */

    .hide_mobile {
        display: none !important;
    }

    #menu1
    {
        display: block;
        width: 100%;
        height: auto;
        position:relative;
    }

    #tabent
    {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        position:relative;
        vertical-align: top;
    }
    #entete1
    {
        width: 100%;
        height: auto;
        line-height:20px;
        text-align: center;
        top:0px;
        left:0;
        font-size-adjust: 0.26;
        text-size-adjust: 80%;
        -webkit-text-size-adjust: 80%;
    }

    #entete3
    {
        width: 100%;
        height: auto;
        line-height:14px;
        text-align: center;
        top:40px;
        left:0;
        letter-spacing: 1pt;
        font-size-adjust: 0.26;
        text-size-adjust: 80%;
        -webkit-text-size-adjust: 80%;
    }
    #colonneCentre h1 {
        font-size-adjust: 0.4;
        text-size-adjust: 85%;
        -webkit-text-size-adjust: 85%;
        padding:0px;
        text-align: center;
    }

    #menus
    {
        width: 100%;
        height: auto;
        top:160px;
        position:relative;
    }

    #logors
    {
        display: block;
        width: 100%;
        height: auto;
        top:70px;
        left:0;
        text-align: center;
    }

    #conteneur
    {
        display: block;
        height: auto;
        position:relative;
        vertical-align: top;
    }

    #colonneCentre
    {
        width: 100%;
        height: auto;
        position:relative;
        vertical-align: top;
    }

    .vuwd video
    {
        width: 100%;
        height: auto;
        position:relative;
        border: solid 2px #5C5C5C;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    .vcin td
    {
        width: 100%;
        text-align:center;
    }

    .vcin video
    {
        width: 100%;
        height: auto;
        position:relative;
        border: solid 2px #5C5C5C;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    .vlsf tr
    {
        width: 100%;
        text-align:center;
    }

    .vlsf td
    {
        width: 100%;
        text-align:center;
    }

    .vlsf video
    {
        width: 100%;
        height: auto;
        position:relative;
        border: solid 2px #5C5C5C;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    #prix tr
    {
        display: block;
        width: 100%;
        text-align:center;
    }
    #prix td
    {
        display: block;
        width: 100%;
        text-align:center;
    }
    #prix h2
    {
        font-size-adjust: 0.5;
        text-size-adjust: 90%;
        -webkit-text-size-adjust: 90%;
    }

.etq_prix {
font-size:16px;
line-height:20px;
background-position: center;
border: solid 2px #232323;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:4px;
text-align:center;
text-decoration:none;
}

.etq_arts {
display: block;
width: 86%;
height: auto;
position:relative;
font-size-adjust: 0.45;
text-size-adjust: 85%;
-webkit-text-size-adjust: 85%;
word-wrap: break-word;
margin: 0 7%;
padding: 4%;
}
#expo table
{
display: block;
width: 100%;
text-align:center;
margin: 0;
padding: 0;
}
#expo tr
{
display: block;
width: 100%;
text-align:center;
margin: 0;
padding: 0;
}
#expo td
{
display: block;
width: 100%;
text-align:center;
margin: 0;
padding: 0;
}
#expo p {
margin: 0;
padding: 0;
text-align:left;
font-size-adjust: 0.5;
text-size-adjust: 90%;
-webkit-text-size-adjust: 90%;
}
.etq_sign {
font-size:16px;
font-weight:bold;
color:#FFFFFF;
line-height:20px;
background-color:#bbbbbb;
background-position: center;
border: solid 2px #232323;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:4px;
text-align:center;
text-decoration:none;
}
.annce3 table
{
        width: 100%;
        height: auto;
padding:0px;
        font-size-adjust: 0.45;
        text-size-adjust: 95%;
        -webkit-text-size-adjust: 95%;
text-align:center;
}
.annce3 table td
{
text-align:center;
}
.annce3 td img
{
width: 85%;
text-align:center;
}

.annce2 table
{
width: 100%;
padding: 5px;
text-align:center;
}
.annce2 td
{
text-align:center;
}
.annce2 img
{
width: 85%;
}

.annce table 
{
width: 100%;
padding: 5px;
border: solid thin #FF6600;
background-color:#FFFFFF;
}
.annce tr
{
width: 100%;
text-align:center;
}
.annce td
{
width: 100%;
text-align:center;
}
.imgrsz img
{
width: 90%;
text-align:center;
margin: 0 5%;
padding: 0;
line-height: 0;
}
    #prsprog
    {
        display: block;
        width: 100%;
        position:relative;
        vertical-align: top;
        font-size-adjust: 0.5;
    }
    #prsprog table
    {
    width: 100%;
    padding: 5px;
    text-align:center;
    }
    #prsprog tr
    {
    width: 100%;
    text-align:center;
    }
    #prsprog li
    {
        display: block;
        width: 90%;
        position:relative;
        margin-left:0;
        vertical-align: top;
        font-size-adjust: 0.5;
    }
    .supnrm {
        display: block;
}
    .cb-slideshow {
        display: none;
}    
    #presse tr
    {
        display: block;
        width: 100%;
        text-align:center;
        font-size-adjust: 0.5;
        text-size-adjust: 90%;
        -webkit-text-size-adjust: 90%;
    }
    #presse td
    {
        display: block;
        width: 100%;
        text-align:center;
        font-size-adjust: 0.5;
        text-size-adjust: 90%;
        -webkit-text-size-adjust: 90%;
    }
    #presse img
    {
        width: 80px;
        height: auto;
        position:relative;
        margin-left: 15px;
    }
    #presse ul {
        display: block;
        width: 100%;
        font-size-adjust: 0.5;
        text-size-adjust: 90%;
        -webkit-text-size-adjust: 90%;
        margin-top:15px;
        margin-left:0px;
        text-align:left;
    }
    #tarifs ul {
        display: block;
        width: 100%;
        font-size-adjust: 0.4;
        text-size-adjust: 85%;
        -webkit-text-size-adjust: 85%;
        margin-top:15px;
        margin-left:0px;
        text-align:left;
    }
    #tarifs li span{
        float: right;
        text-align: right;
        margin-right:70px;
    }
    #resto ul {
        display: block;
        width: 100%;
        font-size-adjust: 0.4;
        text-size-adjust: 85%;
        -webkit-text-size-adjust: 85%;
        margin-top:15px;
        margin-left:0px;
        text-align:left;
    }
    #resto li span{
        float: right;
        text-align: right;
        margin-right:40px;
    }
    #resto p{
        font-size-adjust: 0.4;
        text-size-adjust: 85%;
        -webkit-text-size-adjust: 85%;
    }
    #resto table tr td
    {
        display: inline-block;
        width: 100%;
        position:relative;
        padding:0;
        margin-left:0;
        margin-right:0;
        vertical-align: top;
        font-size-adjust: 0.4;
        text-size-adjust: 85%;
        -webkit-text-size-adjust: 85%;
        text-align:center;
    }
    #bnvl ul {
        display: block;
        width: 100%;
        font-size-adjust: 0.5;
        text-size-adjust: 90%;
        -webkit-text-size-adjust: 90%;
        margin-top:15px;
        margin-left:0px;
        text-align:left;
    }
    #hlm table tr td
    {
        display: inline-block;
        width: 100%;
        position:relative;
        padding:0;
        margin-left:0;
        margin-right:0;
        vertical-align: top;
        font-size-adjust: 0.5;
        text-size-adjust: 90%;
        -webkit-text-size-adjust: 90%;
        text-align:center;
    }

    #debats p
    {
        display: block;
        width: 100%;
        position:relative;
        vertical-align: top;
        padding:0;
        margin-left:0;
        text-align:left;
        font-size-adjust: 0.5;
        text-size-adjust: 90%;
        -webkit-text-size-adjust: 90%;
    }

    #debats span
    {
        display: block;
        width: 100%;
        position:relative;
        vertical-align: top;
        text-align:left;
        font-size-adjust: 0.5;
        text-size-adjust: 90%;
        -webkit-text-size-adjust: 90%;
    }

    #concert
    {
        display: block;
        width: 100%;
        position:relative;
        vertical-align: top;
        text-align:center;
        font-size-adjust: 0.5;
        text-size-adjust: 90%;
        -webkit-text-size-adjust: 90%;
    }
    #concert tr
    {
        display: block;
        width: 100%;
        text-align:center;
        vertical-align: top;
    }
    #concert td
    {
        display: block;
        width: 100%;
        text-align:center;
        vertical-align: top;
    }
    #partner tr
    {
        display: block;
        width: 100%;
        text-align:center;
        vertical-align: top;
    }
    #partner td
    {
        display: block;
        width: 100%;
        text-align:center;
        vertical-align: top;
    }
    #partner img
    {
        width: 80px;
        height: auto;
        position:relative;
        margin-left: 15px;
    }

    #pied table
    {
        display: block;
        width: 100%;
        position:relative;
        vertical-align: top;
        margin-left: 15px;
        padding:0;
    }
    #pied2
    {
        display: block;
        width: 100%;
        position:relative;
        vertical-align: top;
        text-align:center;
        margin-bottom:8px;
    }
#header
    {
        display: block;
        width: 100%;
        position:relative;
        vertical-align: top;
    }

#footer table
    {
        display: block;
        width: 100%;
        position:relative;
        vertical-align: top;
        margin-left: 15px;
    }
    #logo, #logo1, #entete2, #colonneDroite, #slideshow, #datesFest, #infosGen, #supf, .supf, .colonneEspace, .btnrglmt2
    {
        display: none;
    }

    #infosCom
    {
        display: table;
    }

    .colonneEspace, .colg {
        display: none !important;
    }

}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}