*,*:after,*:before
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}


#col_gauche_interieure iframe{
    max-width: 100%;
}

#btn_nav{
    display: none;
}

#anim img.spip_logos{
    max-width:100% !important;
    height:auto !important;
    display:block;
}

#outils UL LI.recherche form#search{
    width:100%;
    position:relative;
    height:20px;
    min-width: 185px;
    float:left;
    display:block;
}

#outils UL LI.recherche INPUT.text{
    width:100%;
}

#outils UL LI INPUT.bouton{
    position: absolute;
    right: 10px;
    top: 3px;
}

@media (max-width: 1023px) { 
    
    #page{
        width:100%;
    }
    
    #pied_logo>DIV{
        width:100% !important;
        text-align:center;
    }
    
    #entete_bis, #entete_interieure{
        background-image: url("../img/bg_header2.png");
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center center;
        float: left;
        height: 79px;
        width: 100%;
        position:relative;
    }
    
    #droite, #gauche, #bloc_logo, #cadran_gauche, #cadran_droite{
        display:none;
    }
    
    #bandeau_accueil{
        width:100%;
        box-shadow: 0 0 24px -10px #bebdbc;
        -moz-box-shadow: 0 0 24px -10px #bebdbc;
        -webkit-box-shadow: 0 0 24px -10px #bebdbc;
        background:#ffffff;
        padding-bottom: 15px;
    }
    
    #anim{
        background:none;
        height: auto;
        left: auto;
        margin:0 auto;
        padding:0;
        position: relative;
        text-align: right;
        width: 636px;
        max-width: 100%;
        z-index: 100;
    }
    
    #anim ul.ui-tabs-nav{
        display: none;
    }
    
    .page_accueil #corps{
        background:#f6f5f3;
        margin-top:50px;
        padding:0 30px;
    }
    
    #col_droite, #col_droite_interieure{
        float:none;
        margin-left: auto;
        margin-top: 15px;
        position: relative;
        top: auto;
        width: 272px;
        margin-bottom:0;
        margin-right:auto;
    }
    
    #access, #ariane{width:632px; display:block; margin:0 auto; float:none;}
     
    #col_gauche, #col_gauche_interieure, #col_gauche_interieure .bloc_fonction, #col_gauche_interieure #doc{
         width: 632px;
         float:none;
         margin:0 auto;
    }
    
    #col_gauche_interieure H2{
        width:100%;
        float:left;
        padding:25px 76px 5px 0;
    }
    
    #ariane{
        left:auto;
        padding-left:15px;
    }
    
    #access{
        right:auto;
        padding-left:15px;
    }
    
    #col_gauche_interieure #contenu div.list_mot {
        float: left;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    #anim .ui-tabs-panel{
        height:auto;
        width:100%;
        background:none;
    }
    
    #col_gauche H2 {
        margin-bottom: 15px;
        width: 100%;
    }
    
    DIV.bloc_fonction UL.test, DIV.bloc_fonction UL.marge{
        width:100%;
        margin:0;
    }
    
    DIV.bloc_fonction UL.test{
        width:100%;
    }
    
    DIV.bloc_fonction UL.marge{
        padding-left:0;
    }
    
    DIV.bloc_fonction UL.marge LI{
        margin-left:0;
    }
    
    #bandeau_logo, #logo_interieure{
        display:block;
        height:100%;
        width:auto;
    }
    
    #bandeau_logo #bloc_logo, #logo_interieure #bloc_logo{
        display:block;
        height:100%;
    }
    
    #bandeau_logo #bloc_logo a, #logo_interieure #bloc_logo a, #logo_interieure a{
        display:inline-block;
        float:left;
        width:100%;
        height:100%;
        z-index: 100;
    }
    
    #bloc_logo img, #logo_interieure img{
        margin-left:0;
        opacity:0;
    }
    
    #bandeau_logo #bloc_outils, #logo_interieure span.slogan, #bandeau_logo span.slogan, #logo_interieure #bloc_outils{
        display:none;
    } 
    
    #navigation, #navigation_interieure{
        position:absolute;
        left:auto;
        right:0;
        width:auto;
        margin:0;
        padding-right:20px;
    }
    
    .menu-button-responsive {
        background:url("../img/bg_menur.png") repeat;
        border-radius: 4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        cursor: pointer;
        float: left;
        height: 50px;
        padding-top: 13px;
        padding-top: 13px;
        width: 50px;
        display:block;
        position:absolute;
        right:20px;
        top:auto;
    }

    .menu-button-responsive span.icon-bar {
        color: #FFFFFF;
        display: inline-block;
        float: left;
        height: 10px;
        line-height: 10px;
        text-align: center;
        width: 100%;
    }

    .menu-button-responsive span.icon-bar img {
        display: inline-block;
        float: none;
        height: auto;
        line-height: normal;
        max-width: 100%;
        vertical-align: middle;
    }
    
    #navigation UL#nav, #nav_interieure UL#nav{
        background:url("../img/bg_menur.png") repeat;
        right: 20px;
        max-width: 300px;
        padding:0;
        position: absolute;
        top: 79px;
        width: 204px;
        z-index: 1000;
        height:auto;
        margin:0;
        height:auto;
        padding: 15px 0;
    }
    
    #navigation UL LI UL{
        position:relative;
        margin-left: 0;
        margin-top: 10px;
    }
    
    #navigation UL LI UL LI{width:100%;}
    
    #navigation UL LI h3, #nav_interieure LI H3{
        padding:0 15px;
        width:100%;
        color:#ffffff;
        background:url("../img/plus.png") no-repeat 90% 15px transparent;
    }
    
    #nav_interieure UL LI.theme H3, #nav_interieure UL LI.first H3, #nav_interieure UL LI.special H3, #nav_interieure UL LI.special H3 A{
        color:#ffffff;
    }
    
    #navigation UL#nav LI:hover, #nav_interieure ul#nav  LI:hover{
        background:url("../img/transhover.png") repeat;
    }
    
    #nav_interieure UL LI.special:hover UL, #nav_interieure UL LI.theme:hover UL, #nav_interieure UL LI.special UL, #nav_interieure UL LI.theme UL{
        margin:0;
        top:0
    }
    #navigation UL LI, #navigation UL LI.first, #nav_interieure UL LI.special, #nav_interieure UL LI.theme, #nav_interieure UL LI.special:hover UL, #nav_interieure UL LI.theme:hover UL{
        width:100%;
        background: none;
        padding: 0;
    }
    #nav_interieure UL LI.special, #nav_interieure UL LI.theme{
        height:auto;
    }
    #navigation LI H3:hover{
        color:#ffffff;
    }

    #col_gauche_interieure iframe{
        max-width: 100%;
        width:100%;
    }
    
    #formInscription P LABEL, FORM.formulaire P INPUT.text, FORM.formulaire LABEL.long INPUT#captcha, FORM.formulaire P TEXTAREA.text{
        width:100%;
    }

}

@media (max-width: 1019px) {
    #corps, #bandeau{
        width:100%;
    }   
    
    #bandeau img{
        display: block;
        margin:0 auto;
        height:auto;
        max-width:100%
    }
}


.outils2{
    display:none;
}

@media (max-width: 1023px) {
    #btn_nav {
     background: url("../img/btn_menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
     color: #FFFFFF;
     cursor: pointer;
     display: block;
     float: right;
     height: 50px;
     text-indent: -9999px;
     transition: all 0.6s ease 0s;
     width: 50px;
     margin-top:15px;
 }
 
 #entete_interieure #recherche{
     display:none;
 }
 
 #nav_interieure UL{
     height:auto;
     position:absolute;
     display:none;
 }
 
 #cadran{
     height:auto;
 }
 #entete_interieure{
     z-index: 1001;
 }
#nav {
    display:none;
    background: url("../img/bg_menur.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
    margin: 0;
    max-width: 300px;
    margin: 0;
    max-width: 300px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 79px;
    width: auto;
    z-index: 100;
}
    #nav_interieure UL li{
        width:100% !important;
    }
    
    #nav_interieure{
        width:100%;
        height:auto;
        background:transparent;
    }
    
    #outils UL{
        width:100%;
    }
    
  
    #recherche{
         padding:0 15px;
    }
    
    #recherche, #entete_interieure #outils{
        width:auto;
        float:right;
        background:none;
       
    }
    
    #outils UL LI.iden{
        margin-left:5px;
    }
    
    #entete_interieure #outils{
        margin-right:0;
    }
    
    #entete_bis #nav #outils{
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: right;
        height: auto;
        margin-right: 0;
        width: 100%;
        display:none;
    }
    
    #entete_bis #nav #outils ul{
         margin-left:0;
         padding-left:15px;
    }
    
    #entete_bis #nav #outils UL LI{
        width:100% !important;
         height: 20px;
        left: 0;
        line-height: 13px;
        padding: 0;
        position: relative;
    }
    
    #entete_bis #nav #outils UL IMG {
        display: inline-block;
        float: none;
        margin-top: 0;
    }
    
    #entete_bis #nav #outils UL LI.iden{
        margin-left:0;
        width:100%;
    }
    
    #entete_bis #nav #outils UL LI.iden span{
        display:none;
    }
    
    #entete_bis #nav #outils UL LI.recherche {
        background: url("../img/bg_recherche.png") repeat-x scroll 100% 0 rgba(0, 0, 0, 0);
        height: 20px;
        margin-left: 0;
        margin-top: 3px;
        padding: 0;
        width: 100%;
    }
    
    DIV#contenu DIV#baseDoc FORM#baseDocForm P{
        text-align: center;
    }
    
    DIV#contenu DIV#baseDoc FORM#baseDocForm P INPUT#affiner, DIV#contenu DIV#baseDoc FORM#baseDocForm P INPUT#new{
        display:inline-block;
        margin-right:0;
        margin-left:0;
    }
    
     #resume{
        width:100%;
    }
    
    DIV#contenu DIV#baseDoc DIV#baseDocResult TABLE#resultTab CAPTION, DIV#contenu DIV#baseDoc DIV#baseDocDetails TABLE#detailsTab CAPTION{
        width:100%;
    }
    
    DIV#contenu DIV#baseDoc FORM#baseDocForm FIELDSET#commande{
        width:100%;
        float:left;
    }
    
    .outils2{
        display:block;
        float:left;
        width:100%;
        position: relative;
        z-index: 100;
    }
    
    .outils2 #outils,  #entete_interieure .outils2 #outils{
        background:#B05C04;
        margin: 0;
        padding:10px 15px;
        width: 100%;
        height:auto;
    }
    
    .outils2 #outils UL LI.contact, #entete_interieure .outils2 #outils UL LI.contact{
        left:0;
    }
}

@media (max-width: 699px) {
    
    #col_gauche, DIV.bloc_fonction, #col_gauche_interieure, #col_gauche_interieure H2, #col_gauche_interieure .bloc_fonction, #col_gauche_interieure #doc{
        width:100%;
    }
    #col_gauche_interieure .bloc_fonction DIV
    #access, #ariane, #access{width:100%; display:block; float:left;}
    
    #col_gauche H2, #col_gauche_interieure H2{
        background-image:url("../img/tiret_actu.png");
        background-repeat:no-repeat;
        background-size:100%;
        background-position:0 bottom;
    }
    
    #col_gauche_interieure{
        padding:0 20px;
    }
    
    #col_gauche_interieure #contenu div.list_mot H2, #col_gauche_interieure #contenu div.list_mot{
        width:100%;
    }
    
    
     #pied_logo A.plan, #pied_logo A.plan_off {
        float: none;
        margin-left: 0;
        text-align: center;
    }

    #pied_bg_top, #affiche_plan, #pied_bottom{
        display:none;
    }
    
    #pied_logo{
        height:auto;
    }
    
    #pied_logo DIV#liens{
        max-width: 100%;
        width:100%;
        margin:15px 0;
        text-align:center;
        padding:0;
    }
    
    #pied_logo DIV#liens A{
        display:inline-block;
        float:none;
    }
    
    #pied_logo DIV#liens A:first-child{
        margin-left:0;
    }
    
    
    #col_gauche_interieure #contenu SPAN.recherche, #col_gauche_interieure #contenu UL.liste_art_search LI{
        width:100%;
    }
    
    #col_gauche_interieure li{
        padding-left: 0;
    }

}


@media (max-width: 630px) {
    
    #col_gauche_interieure .bloc_fonction DIV.marge{
        margin-right: 0px;
       
    }
    
    #col_gauche_interieure .bloc_fonction DIV, #col_gauche_interieure #doc DIV{
        width:100%;
        margin-bottom: 0;
    }
    
    #col_gauche_interieure #doc DIV a{
        border-bottom: 0;
    }
    #col_gauche_interieure #doc DIV SPAN, #col_gauche_interieure #doc DIV A{
        margin-left: 0;
    }
    #col_gauche_interieure .bloc_fonction DIV A{
        width:100%;
    }
    
    #col_gauche_interieure #doc DIV{
        padding-left:50px;
    }
    
    #recherche{
        display: none;
    }
}

@media (max-width: 630px) {
    FORM.formulaire, #formInscription P{
        width:100%;
    }
    
    FORM.formulaire P TEXTAREA.text{
        max-width: 100%;
    }
    
    #contenu FORM.inscription P.confirm span{
        clear: both;
        display: inline-block;
        float: left;
        margin-left: 0;
        width: 100%;
        position:relative !important;
    }
}

@media (max-width: 599px) {
    
    
    #anim .ui-tabs-panel .info{
        position:relative;
        top:0;
        
    }
    
    #contenu FORM.inscription P SPAN{
        display:inline-block;
        width:100%;
    }
    #contenu FORM.inscription P LABEL, #contenu FORM.inscription P INPUT{
        width:100%;
    }
    #contenu FORM.inscription P.confirm LABEL{
        width:auto;
    }
}

@media (max-width: 480px) {
    #entete_bis, #entete_interieure{
        background-image: url("../img/bg_header2.png");
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center center;
        background-color:#521900;
        float: left;
        height: 79px;
        width: 100%;
        position:relative;
    }
}

@media (max-width: 480px) {
    label#civilite{
        width:100%;
    }
    
    FORM.formulaire P INPUT.text, FORM.formulaire LABEL.long INPUT#captcha{
        width:100%;
    }
    
    DIV#contenu DIV#baseDoc FORM#baseDocForm P#regionStatut SELECT#region, DIV#contenu DIV#baseDoc FORM#baseDocForm P SELECT#type, DIV#contenu DIV#baseDoc FORM#baseDocForm P SELECT#langue, DIV#contenu DIV#baseDoc FORM#baseDocForm P INPUT#libre, DIV#contenu DIV#baseDoc FORM#baseDocForm SPAN.default{
        width:100%
    }  
    
    .outils2 #outils UL{
        text-align: center;
        display:block;
        float:left;
        width:100%;
    }
    
    .outils2 #outils UL LI{
        width:100%;
        text-align:center;
        display:inline-block;
    }
    
    #outils UL LI A.iden_bare{
        width:100%;
        text-align: center;
    }
    
    #outils UL LI SPAN.iden_gauche, #outils UL LI SPAN.iden_droite{
        display:none;
    }
    
    #outils UL LI.iden{
        margin-left:0;
    }
    
    #outils UL LI.recherche{
        margin-left:0;
        display:block;
        float: left;
    }
    
    #outils UL LI SPAN.iden_droite{
        float: left;
    }
    
    #outils UL LI.recherche A#formulaire_recherche{
        display:none;
        line-height: normal;
    }
    
    .outils2 #formConnex{
        left: 0;
        max-width: 326px;
        right: auto;
        width: 100%;
    }
    
    .outils2 #outils, #entete_interieure .outils2 #outils{
         padding: 10px 0;
    }
}

@media (max-width: 359px){
    .outils2 #formConnex{
        right:auto;
    }
}

@media screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio:0){ 
    #outils UL LI INPUT.text{ 
        top: 0;
        position: relative;
    } 

    #outils UL LI INPUT.bouton{ 
        top: 3px;
        position: absolute;
    }
}