#content .actualite img{
    max-width: 100%;
    height: auto;
}
/* @group -980px
------------------------------------------------------------------------------------------*/





@media (max-width: 980px) { 

    /* BODY
    balise � placer dans le body
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    *******************************************************************************/
    html body {
        padding: 0;
    }

    /* RESET
    *******************************************************************************/

    iframe {
        width:100% !important;
        margin:0 0 15px 0;
    }

    * { 
        -webkit-box-sizing: border-box; 
        -moz-box-sizing:    border-box; 
        box-sizing:         border-box; 
    }


    html body p, 
    html body code, 
    html body ul {
        padding-bottom: 0;
    }
    .inner {width:auto;}

    body {
        background: url("images/bg_header.jpg") repeat-x scroll center -41px #FFFFFF;
    }

    body.home {
        background: url("images/bg_header_home.jpg") repeat-x scroll center -469px #FFFFFF;
    }

    /* Menu
    *******************************************************************************/
    #menu_header a {
        font-size:1.076923076923077em;     /* 14px / 13px */
        padding: 0 5px;
    }

    /* Structure
    *******************************************************************************/
    html body #container, html body #footer {
        margin: 0 auto;
        padding: 0;
        width: 90%;
    }

    #sidebar {
        background: none repeat scroll 0 0 transparent;
        border-top: 2px solid #CCCCCC;
        float: none;
        margin: 20px 0;
        padding: 40px 0 0;
        width: auto;
        clear: both;
    }

    #footer .raccourcis {
        clear: both;
        color: #CCCCCC;
        font-size: 1em;
        padding: 15px 0 0;
    }

    /* content */
    html body .home #content,
    html body #content {
        float: none;
        margin: 0;
        width: auto;
        height:auto !important;
        padding: 70px 0 30px !important;
    }

    #content h2.posttitle,
    h2.posttitle {
        margin: 0;
        position: relative;
        top: -5px;
    }

    .breadcrumb {
        color: #fff;
        margin: 0 0 15px 0;
        position: relative;
        top: -5px;
    }

    html body #content .breadcrumb a:link, html body #content .breadcrumb a:visited{
        color: #fff;
    }

    html body #content .breadcrumb a:hover,html body #content .breadcrumb a:active{
        color: #fff;
    }

    html body .entry {
        margin: 35px 0 0;
    }

    html body .sidebar {
        width: auto;
        height:auto !important;
    }

    /* widget */
    #content #sidebaraccueil1 .widget {
        float: none;
        margin: 0 0 30px 0;
        width: auto;
    }

    #content h3.widget-title {
        text-align:center;
    }

    /* tabs_widget  */

    ul.tabs_widget {
        height: 32px;
    }

    ul.tabs_widget a {
        font-size: 18px;
        height: 31px;
        padding: 8px 16px;
    }



    /* wordtube */

    .wordtube object {
        width:100% !important;
    }


    .flexslider {
        background: url("images/bg_header_home.jpg") repeat-x scroll center top #FFFFFF;
        height: auto;
        margin: 60px 0 30px;
        padding: 20px;
    }

    .text_slide {
        padding-top:0!important;
    }

    .flex-control-nav {
        background: none repeat scroll 0 0 #FFFFFF;
        bottom: auto;
        padding: 10px;
        position: relative;
    }

    /* actus accueil */

    #content .sidebar ul.list_actus li {
        background: none repeat scroll 0 0 transparent;
        display: block;
        float: none;
        line-height: 1.5;
        padding: 0;
        width: auto;
        clear:both;
    }

    #content #sidebaraccueil2 h3.widget-title {
        font-size:1.384615384615385em;     /* 18px / 13px */
    }

    .ref-clients {display:none;}

    /* archives */

    .archive #content .post br {
        display:none;
    }

    /* footer */
    html body #footer {
        height: auto;
        padding:0;
    }

    html body .footer p {
        padding:0;
    }
    #bg-footer {
        background: none;
        padding: 15px;
    }

    #footer .inner {
        background: none;
        min-height: auto;
        padding: 0;
    }

    /* content img */
    html body .content img,
    img.photo_principale_produit {
        border: 0 none;
        clear: both;
        display: block;
        height: auto;
        margin: 5px;
        max-width: 100%;
        padding: 0;
        width: auto;
    }

    html body .main {
        background: none repeat scroll 0 0 #E0F0F5;
        border-bottom: 0 none;
    }

    /* Formulaire recherche avancée
    *****************************************************************************/
    #content #formulaire_recherche_avancee form{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;

    }
    #content #formulaire_recherche_avancee .conteneur-ligne-recherche{
        height: 50px;
        margin-bottom: 15px;
    }
    #content #formulaire_recherche_avancee .editer_element_recherche_1{
        margin-left: 0;
    }
    #content #formulaire_recherche_avancee .editer_affinage_1{
        display: none;
    }
    #content #formulaire_recherche_avancee .conteneur-ligne-recherche .saisie_input {
        width: 100%;
        top: 25px;
    }



    /* boutons
    *******************************************************************************/
    html body .bouton_holder {
        margin: 20px 0;
        overflow: hidden;
    }

    html body .bouton_holder a,
    html body .bouton_holder a:hover {
        background-image:none;
        background:#ccc;
        text-align:center;
    }

    html body .bouton_holder a span,
    html body .bouton_holder a:hover span	{
        background-image:none;
        float:none;

    }



    html body .bouton_holder a {
        background-color: #7e909e;
        background-image:none;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7e909e), color-stop(100%, #667383));
        background-image: -webkit-linear-gradient(top, #7e909e, #667383);
        background-image: -moz-linear-gradient(top, #7e909e, #667383);
        background-image: -ms-linear-gradient(top, #7e909e, #667383);
        background-image: -o-linear-gradient(top, #7e909e, #667383);
        background-image: linear-gradient(top, #7e909e, #667383);
        border: 0;
        border-radius: 3px;
        color: #fff;  
        padding: 5px 15px;
        text-align: center;
        text-shadow: 0 1px 0 #000;
        width:100%;
        font-size: 1.23077em;
        height:auto;
    }

    html body .bouton_holder a:hover,
    html body #content .bouton_holder a:hover	{
        background-color: #667383;
        background-image:none;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #667383), color-stop(100%, #7e909e));
        background-image: -webkit-linear-gradient(top, #667383, #7e909e);
        background-image: -moz-linear-gradient(top, #667383, #7e909e);
        background-image: -ms-linear-gradient(top, #667383, #7e909e);
        background-image: -o-linear-gradient(top, #667383, #7e909e);
        background-image: linear-gradient(top, #667383, #7e909e);
        cursor: pointer;
        text-shadow: 0 1px 0 #000; 
        width:100%;
    }

    html body .bouton_holder a:active {
        -webkit-box-shadow: inset 0 0 5px 2px #000;
        box-shadow: inset 0 0 5px 2px #000; 
        width:100%;
    }

    #content a.bouton_link {
        text-decoration:none;
    }

    /* Fonts
    *******************************************************************************/

    .content h1 {
        line-height: 1em;
    }

    /* Formulaires
    *******************************************************************************/
    html body form label,
    html body .cform {
        clear:both !important;
        float:none !important;
        width:100% !important;
        text-align:center !important;
    }

    html body .cform label span {
        width:auto;
        font-size:auto;
    }

    html body form select,
    html body form label,
    /*html body form input,*/
    html body .cform textarea,
    html body .cform input,
    html body .cform label {
        clear:both !important;
        float:none !important;
        /*	width:100% !important;
                text-align:center !important;	*/
        background-image:none !important;
        margin:0 0 20px 0;
    }

    html body .cform textarea,
    html body .cform input,
    html body .cform label {
        width:90% !important;
    }

    html body .cform label, html body form label, html body .cform label span {
        margin: 5px 0;
    }

    html body form input#search_submit,
    html body form input#sendbutton	{
        background-color: #eeeeee;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
        background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
        background-image: linear-gradient(top, #eeeeee, #cccccc);
        border: 1px solid #ccc;
        border-bottom: 1px solid #bbb;
        border-radius: 3px;
        color: #333;  
        padding: 8px 0;
        text-align: center;
        text-shadow: 0 1px 0 #eee;
    }
    #conteneur-recherche .formulaire_recherche .editer-groupe .search.text {
        height: 27px;
    }











    /* select menu
    *******************************************************************************/

    #inner_footer {
        width:auto;
    }


    #footer {
        background:none repeat scroll 0 0 #5B5B5B;
        padding:0;
    }

    #footer .widget_group {
        overflow:hidden;
    }

    #footer .widget {
        background:url("images/bg_footer.png") repeat-x scroll left top #5B5B5B;
        width:50%;
        float:none;
        margin:0;
        padding: 0 20px 20px 20px;
        float:left;
    }

    #searchform {
        background: url("images/bg_recherche.png") no-repeat scroll left top transparent;
        display: block;
        height: 31px;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        right: auto;
        top: 9px;
        width: 228px;
    }

    #raccourcis_header {
        left:242px;
    }
    html body #header p#baseline {
        font-size: 1em;
        width: 240px;
        text-align: center;
        margin: 0;
        margin-right: -120px;
        padding: 0;
        position: absolute;
    }

    #content .conteneur_formulaire_filtre{
        width:100%;    
    }

    #content .conteneur_formulaire_filtre .editer_annees{
        text-align:center;
    }
    #content .resultats_recherche_avancee{
        width: 100%;   
    }

}

@media (max-width: 720px) {

    .flexslider,
    #raccourcis_header {
        display:none;
    }
    #menu_header {
        margin: 1px auto 15px;
    }
    html body #header h2,
    html body #header #logos_partenaires{
        display:none;
    }
    html body #logos_partenaires_2 {
        display: block;
    }
    #conteneur-recherche #lien{
        clear: both;
    }
    #conteneur-recherche a{
        margin-left: 10px;
    }
    #content #sommaire-actualites,
    #content #sommaire-manifestation{
        width: 100%;
    }

    html body .home #content,
    html body #content {

        padding: 0 0 30px !important;

    }

    /* Agenda */
    #content .container-intro .container-lien-tri a{
        float: left;
        margin: 7px 0 0 0;
        width: 100%;
    }

}

@media (max-width: 640px) {

    /* select menu
            *******************************************************************************/

    html body ul.menu {display:none;}



    html body .tinynav {display:block;}
    html body .tinynav {
        display: block;
        width: 100%;
        margin:10px 0 0 0;
    }


    html body .selectmenu {
        display: block;
        margin: 10px 0;
        width: 100%;
    }

    html body #header p#baseline {

        top: 96px;

    }

    /* Recherche avancée
    ******************************/
    #content #formulaire_recherche_avancee .conteneur-ligne-recherche.boutons{
        height: 110px;
    }
    #content #formulaire_recherche_avancee .bouton{
        display: inline-block;
        width: 100%;
        margin: 0 0 7px 0;
    }

    html body #logos_partenaires_2 {
        margin-top: 10px;
    }


}



@media (max-width: 520px) {

    /* A cacher
    *******************************************************************************/
    html body ul.menu,
    html body #header #searchform,
    html body #header #accessibilite,
    html body #fontsize	{
        display:none;
    }

    html body .tinynav {display:block;}

    html body .content img {
        float:none;
    }


    /* Header
    *******************************************************************************/

    html body #header {
        height: 157px;
        padding: 10px 0 0;
        width: 100%;
    }

    html body #logos_partenaires_2 {
        margin-top: 20px;
    }

    /* Menu mobile
            *******************************************************************************/

    #menu_header {
        margin: -8px auto 0;
        float:none;
    }
    #footer .big {
        font-family: 'Droid Sans',sans-serif;
        font-size: 14px;
    }
    html body #footer {
        width:auto;
    }

    html body {
        padding: 0;
    }

    html body .header {
        background-position: center center;
        background-size: cover;
        height: 90px;
        width: 100%;
    }

    html body .header h2 {
        border: 0 none;
        left: auto;
        margin: 0 0 0 31%;
        padding: 0;
        position: absolute;
        top: 0;
    }

    html body .header h2 img {
        width: 73%;
    }

    html body #navigation {
        background: none repeat scroll 0 0 transparent;
        border-top: 0 none;
        height: auto;
        left: auto;
        position: relative;
        top: auto;
        width: auto;
    }




    html body #navigation {
        background: url("img/nav.gif") repeat scroll 0 0 #FFFFFF;
        border: 0 none;
        height: auto;
        padding: 11px;
        right: auto;
    }

    html body li#menu-item-222{
        display:none;
    }



    /* encadre tag */

    #encadres_tag {
        background: none repeat scroll 0 0 transparent;
        height: auto;
        margin: 0;
        padding: 1%;
        position: relative;
        z-index: 2;
    }

    #encadres_tag .encadre {
        float: left;
        margin: 0;
        width: 50%;
    }

    #encadres_tag .encadre_group {
        clear: both;
        margin: 0 0 1px;
        overflow: hidden;
    }

    #encadres_tag .encadre a {}
    #encadres_tag .encadre a img {
        height: auto;
        max-width: 100%;
    }
    #encadres_tag .encadre  a span {}



    #content .bouton_holder a:link, #content .bouton_holder a:visited {
        color: #FFFFFF;
        text-decoration: none;
        width: 100%;
        font-size:1.230769230769231em;     /* 16px / 13px */
    }

    .cat_article {
        background: none repeat scroll 0 0 transparent;
        clear: both;
        color: #8A8A8A;
        margin: 10px 0 0;
        min-height: 38px;
        padding: 0;
    }

    .archive .post .cat_article p, .cat_article p, ul.list_actus .cat_article p {
        float: none;
        line-height: 15px;
        margin: 10px 0;
        width: auto;
    }

    .archive #content .post img {
        display:none;
    }

    .archive #content .post p,
    .archive #content .post h3 {
        margin:0;
        padding:0;
    }



    .cat_article .bouton_holder {
        display: block;
        float: none;
        margin: 10px 0;
        width: 100%;
    }



    .flexslider .text_actus {
        margin: 0;
        padding: 20px 48px;
        right: 0;
        width: auto;
    }

    .flexslider .slides > li img {
        display: none;
    }

    /* sidebar accueil */

    .sidebars_cols_accueil {
        float: none;
        width: auto;
    }

    .sidebars_cols_accueil .widget h3.widget-title {
        background: url("images/bg_header_sidebar.png") repeat-x scroll center top #FFFFFF;
        font-size: 1.23077em;
    }

    #sidebar_accueil_col_droite2 {
        width: auto;
    }

    #en_ce_moment img {
        max-width:100%;
        height:auto;
        width:auto;
    }

    #footer .widget {
        background: url("images/bg_footer.png") repeat-x scroll left top #5B5B5B;
        float: none;
        margin: 0 0 20px;
        padding: 0 20px;
        width: auto;
    }

    html body .entry {
        margin:0;
    }

    .sociablelinks {
        display:none;
    }

    #content h2.posttitle, h2.posttitle {
        min-height: 70px;
        top: -25px;
    }

    .breadcrumb {display:none;}

    #conteneur-recherche a{
        margin-left: 0;
    }

}
/* @end media queries */