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

    /* **************************
	*      _____           _     
	*     |_   ____   ___ | |___ 
	*       | |/ _ \ / _ \| / __|
	*       | | (_) | (_) | \__ \
	*       |_|\___/ \___/|_|___/
	*                            
	***************************** */

    .center,
    .center-prop-internaute {
        width: 300px;
        padding: 0 10px;
    }

    .cadre {
        width: 300px;
        padding: 0 10px;
    }

    .center-prop-internaute {
        margin-left: -160px;
    }

    /* ****************************
	*      __  __                  
	*     |  \/  | ___ _ __  _   _ 
	*     | |\/| |/ _ | '_ \| | | |
	*     | |  | |  __| | | | |_| |
	*     |_|  |_|\___|_| |_|\__,_|
	*                              
	******************************* */



    header .bottom-header .toggleMenu {
        width: 210px;
    }

    header .main-menu > li a {
        width: 300px;
    }

    header .main-menu {
        overflow: hidden;
        width: 300px;
    }

    .menu-menu-principal-container ul#menu-menu-principal li.menu-item {
        width: 100%;
    }

    header .main-menu > li:nth-child(4) .sub-menu > ul > li a {
        box-sizing: border-box;
    }

    header .sub-menu ul > li > a,
    header .main-menu .sub-menu ul > li > span {
        height: autopx;
    }

    header .sub-menu ul > li > a,
    header .main-menu .sub-menu ul > li > span {
        box-sizing: border-box !important;
        height: auto !important;
        padding: 5px 0 !important;
    }

    /*recherche*/

    header .bottom-header .search-wrapper .search,
    header .bottom-header.fixed,
    header .bottom-header .search-wrapper #searchform {
        width: 300px;
    }

    header .bottom-header .search-wrapper form input {
        width: 180px;
    }

    header .bottom-header .outils-menu .toggle-search,
    header .bottom-header .search-wrapper form button {
        width: 80px;
    }

    header .menu-menu-principal-container ul#menu-menu-principal li.menu-item .sub-menu > ul > li {
        width: 300px;
    }

    header .main-menu > li:first-child .sub-menu > ul > li a {
        padding-left: 0;
    }

    header .bottom-header {
        z-index: 5;
        position: relative;
    }

    /* ***************************************************
	*         _                        _ _                
	*        / \   ___ ___ ___ ___ ___(_| |__   __ _ _ __ 
	*       / _ \ / __/ __/ _ / __/ __| | '_ \ / _` | '__|
	*      / ___ | (_| (_|  __\__ \__ | | |_) | (_| | |   
	*     /_/   \_\___\___\___|___|___|_|_.__/ \__,_|_|   
	*                                                     
	****************************************************** */



    /* *************************************
	*      _   _                _           
	*     | | | | ___  __ _  __| | ___ _ __ 
	*     | |_| |/ _ \/ _` |/ _` |/ _ | '__|
	*     |  _  |  __| (_| | (_| |  __| |   
	*     |_| |_|\___|\__,_|\__,_|\___|_|   
	*                                       
	**************************************** */
    header .top-header .logo {
        height: 170px;
        box-sizing: border-box;
        padding-left: 0;
        width: auto;
    }

    header .top-header .back {
        width: 100%;
        background: #4c4c4c;
        height: 175px;
    }

    header .top-header {
        width: 100%;
        background: #4c4c4c;
    }

    header .top-header a h1 {
        background: url('../images/HeaderNom320.png') no-repeat center center;
        margin: 45px 0px 15px 0px;
        height: 74px;
        width: 300px;
        text-align: center
    }

    header .top-header .logo p.baseline {
        text-align: left;
        margin: 0;
    }

    .bandeau-publication .prev,
    .bandeau-publication .next {
        top: 240px;
    }

    .front-page .milieu-haut .caroufredsel_wrapper {
        width: 300px !important;
    }

    header .bandeau-publication .caroufredsel_wrapper {
        height: 380px !important;
    }

    .bandeau-publication .legende_photo {
        font-size: 14px;
    }

    .bandeau-publication {
        height: 380px;
    }

    /* header .resp-haut {height: 175px;}*/
    header .bandeau,
    header .bandeau .superposition {
        height: 130px;
    }

    .bandeau-publication .image-slider {
        height: 210px;
        top: 170px;
    }

    /* ******************************************************
	*      _____                _                            
	*     |  ____ __ ___  _ __ | |_   _ __   __ _  __ _  ___ 
	*     | |_ | '__/ _ \| '_ \| __| | '_ \ / _` |/ _` |/ _ \
	*     |  _|| | | (_) | | | | |_  | |_) | (_| | (_| |  __/
	*     |_|  |_|  \___/|_| |_|\__| | .__/ \__,_|\__, |\___|
	*                                |_|          |___/      
	*
	********************************************************* */

    /* actualités */
    .front-page .milieu-haut {
        width: 300px;
        margin-top: 22px;
    }

    .front-page .milieu-haut .titre-actus span,
    .front-page .section-agenda span.agenda {
        font-size: 37px;
    }

    .front-page .derniers-actualites .block-actualites-left .image-a-la-une img,
    .front-page .derniers-actualites .block-actualites-left .image-a-la-une,
    .front-page .derniers-actualites .block-actualites-left .bloc-actu-clic,
    .front-page .derniers-actualites .block-actualites-left .wrapper-actualite-description,
    .front-page .derniers-actualites .block-actualites-left,
    .front-page .derniers-actualites .block-actualites-left .description-actualite {
        width: 300px !important;
        float: left;
    }

    .front-page .derniers-actualites .block-actualites-left .caroufredsel_wrapper .wrapper-actualite-description {
        width: 300px !important;
        height: 173px !important;
    }

    .front-page .milieu-haut .titre-actus span,
    .front-page .section-agenda span.agenda,
        {
        font-size: 38px;
        font-weight: 500;
    }

    .front-page .milieu-haut .titre-actus,
    .front-page .section-agenda .titre-agenda {
        padding-bottom: 10px;
    }

    .front-page .milieu-haut .titre-actus span a,
    .front-page .section-agenda a.voir-toutes-les-dates {
        padding-top: 20px;
    }

    .front-page .derniers-actualites .block-actualites-right {
        width: 300px;
        height: 60px;
    }

    .front-page .derniers-actualites .block-actualites-right .item-liste-actus a {
        width: 44px;
        border-bottom: none;
        border-right: 1px solid #fff;
        margin-top: 10px;
        padding: 12px 0;
    }

    .front-page .derniers-actualites .block-actualites-right .item-liste-actus:first-child a {
        margin-top: 10px;
        border-top: none;
        border-left: 1px solid #fff;
    }

    .front-page .derniers-actualites .block-actualites-right .item-liste-actus {
        display: inline-block;
        margin-left: -4px;
    }

    .front-page .derniers-actualites .block-actualites-right {
        padding: 0 8px 0 16px;
    }

    .front-page .derniers-actualites .block-actualites-left .image-a-la-une img {
        min-height: inherit;
        top: 86px;
        width: 300px !important;
        height: auto !important;
    }

    .front-page .derniers-actualites .block-actualites-left,
    .front-page .derniers-actualites .block-actualites-left .image-a-la-une {
        height: 458px;
    }

    .front-page .derniers-actualites .block-actualites-left .description-actualite {
        height: 286px;
        z-index: 3;
        top: 191px;
    }

    .front-page .derniers-actualites .block-actualites-left .categories {
        top: 149px;
    }

    .front-page .derniers-actualites,
    .front-page .section-agenda .titre-agenda {
        margin-top: 20px;
    }

    .front-page .derniers-actualites .block-actualites-left .image-a-la-une.no-image-actus {
        background: url('../../noyau/images/core/actus.png') #8e8e8e no-repeat center 30px
    }

    /* agenda */
    .front-page .section-agenda,
    .front-page .section-agenda .wrapper-agenda {
        width: 300px !important;
        float: none;
        display: block;
        margin-top: 0;
        height: 737px;
    }

    .front-page .section-agenda .wrapper-agenda {
        width: 300px;
    }

    .front-page .section-agenda .wrapper-agenda ul li .image-a-la-une-agenda {
        width: 223px;
        height: 162px;
    }

    .front-page .section-agenda .wrapper-agenda ul li .image-a-la-une-agenda img {
        height: 162px;
        padding-top: 162px;
        left: 95px;
    }

    .front-page .section-agenda .wrapper-agenda ul li .date {
        width: 67px;
        height: 162px;
    }

    .front-page .section-agenda .wrapper-agenda ul li {
        width: 306px !important;
        height: 302px;
        border-bottom: 1px solid #4c4c4c;
        margin-bottom: 20px;
        padding-bottom: 5px
    }

    .front-page .section-agenda .wrapper-agenda ul li .description-evenement span.title,
    .front-page .section-agenda .titre-agenda {
        margin-bottom: 20px;
    }

    /* acces rapides */
    div.bloc-acces {
        width: 300px;
        height: 746px;
        float: none;
        display: block;
        box-sizing: border-box;
    }

    .bloc-acces .titre-actus span {
        font-size: 37px;
        font-weight: 500;
    }

    .front-page .bloc-acces .lettre-information {
        width: 300px;
        margin-bottom: 10px;
        padding: 15px 31px 41px 20px;
    }

    .front-page .bloc-acces .lettre-information input[type="text"] {
        width: 262px;
    }

    .bloc-acces .titre-actus {
        padding-bottom: 20px;
    }

    .front-page .bloc-acces .kiosque {
        width: 300px;
        margin-bottom: 10px;
    }

    .front-page .bloc-acces .kiosque .titres-k {
        padding-bottom: 22px;
        padding-top: 20px;
    }

    .front-page .acces-rapides ul li a span.picto_af svg.marianne {
        height: 34px;
        width: 28px;
    }

    .front-page .acces-rapides ul li a span.picto_af svg.galerie {
        height: 28px;
        width: 32px;
    }

    .front-page .acces-rapides ul li a span.picto_af svg.plan {
        height: 28px;
        width: 27px;
    }

    .front-page .acces-rapides ul li a span.picto_af svg.contact {
        height: 26px;
        width: 26px;
    }

    .front-page .acces-rapides ul li a span.picto_af svg.paiement {
        height: 26px;
        width: 30px;
    }

    .front-page .acces-rapides ul li a span.picto_af svg.sondages {
        height: 25px;
        width: 26px;
    }

    .front-page .acces-rapides ul li a span.picto_af svg.menus {
        height: 28px;
        width: 18px;
    }

    .front-page .acces-rapides ul li {
        width: 300px;
        height: 38px;
    }

    .front-page .acces-rapides ul li a span.picto_af {
        width: 89px;
        height: 37px;
        float: left
    }

    .front-page .acces-rapides ul li a span.texte_af {
        width: 211px;
        height: 37px;
        box-sizing: border-box;
        float: right;
        padding-top: 11px;
    }

    .front-page .acces-rapides ul li a span.texte_af br {
        display: none;
    }

    .front-page .acces-rapides ul li:nth-child(6),
    .front-page .acces-rapides ul li:nth-child(2) {
        width: 300px;
    }

    /* *********************************
	*      _____           _            
	*     |  ______   ___ | |_ ___ _ __ 
	*     | |_ / _ \ / _ \| __/ _ | '__|
	*     |  _| (_) | (_) | ||  __| |   
	*     |_|  \___/ \___/ \__\___|_|   
	*                                   
	************************************ */

    .site-footer {
        height: 900px;
        padding: 30px 0;
    }

    .site-footer .left-footer {
        width: 300px;
        float: none;
        display: block;
    }

    .site-footer .left-footer .logos {
        width: 300px;
        margin: 0;
        text-align: center;
        height: 187px;
    }

    .site-footer .left-footer .coordonnees-infos {
        width: 300px;
        margin: 0;
        text-align: center
    }

    .site-footer .left-footer .coordonnees-infos span,
    .site-footer .left-footer .coordonnees-infos p {
        text-align: center;
    }

    .site-footer .left-footer .logos .logo-rennes {
        top: -10px;
        left: -60px;
    }

    .site-footer .left-footer .logos .logo-chavagne {
        padding-bottom: 8px;
    }

    .site-footer .right-footer {
        width: 300px;
        float: none;
        display: block;
        position: absolute;
        top: 215px;
        height: auto;
    }

    .site-footer .middle-footer {
        width: 300px;
        float: none;
        position: relative;
        top: 160px;
    }

    .site-footer .middle-footer .nav-footer ul {
        width: 300px;
        text-align: center;
        display: inline-block;
        float: none;
    }

    .site-footer .right-footer {
        top: 480px;
    }

    .site-footer .middle-footer .nav-footer{
        top: 360px;
    }

    .site-footer .right-footer .espace,
    .site-footer .right-footer .horaires,
    .site-footer .right-footer .contact {
        width: 300px;
    }

    .site-footer .right-footer .espace,
    .site-footer .right-footer .horaires {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .site-footer .right-footer a span {
        width: 80%;
        float: inherit;
        display: inherit;
    }

    .site-footer .middle-footer .nav-footer ul {
        margin-bottom: 7px;
    }

    .site-footer .right-footer .espace a,
    .site-footer .right-footer .horaires a,
    .site-footer .right-footer .contact a {
        font-size: 18px;
        width: 300px;
    }

    .site-footer .right-footer a svg {
        padding-right: 20px;
    }

    .site-footer .right-footer a span {
        line-height: 22px;
    }
 
    header .top-header ul.liens-haut {
        display: block;
        width: 100%;
        text-align: center;
        transform: translate(0, 0);
        left: 0;
    }

    /* **************************
	*      ____                  
	*     |  _ \ __ _  __ _  ___ 
	*     | |_) / _` |/ _` |/ _ \
	*     |  __| (_| | (_| |  __/
	*     |_|   \__,_|\__, |\___|
	*                 |___/      
	*
	***************************** */
    header #breadcrumbs {
        display: inherit;
        padding-top: 20px;
        height: 30px;
        padding-bottom: 20px;
    }

    #wrapper .top-publication .bloc-context.imagealaune img {
        width: 280px;
    }

    #wrapper .top-publication .bloc-context.imagealaune {
        height: 170px;
    }

    #secondary,
    #primary .wrapper-panel,
    #primary.contextualites-on,
    .size-template-filtres,
    #primary.contextualites-on article,
    #primary article {
        width: 300px;
    }

    header .bread {
        width: 300px;
    }

    /*page exemple*/
    #primary section.avec-imagealaune,
    #primary section,
    #primary.contextualites-on .top-pubication section.avec-imagealaune,
    #primary.contextualites-on .top-pubication .imagealaune-publication {
        width: 300px;
        height: auto;
        padding-bottom: 0;
    }

    #primary .top-pubication .imagealaune-publication {
        margin-top: 0;
        background: #0093b0;
        width: 300px;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    #primary .top-pubication .imagealaune-publication img {
        width: 280px;
        height: auto;
        padding-bottom: 10px;
    }

    #primary.contextualites-on .top-pubication section.avec-imagealaune {
        margin-bottom: -1px
    }

    /*affichage liste*/
    .top-publication .introduction {
        width: 300px;
        height: auto;
    }

    #wrapper .top-publication .bloc-context.imagealaune {
        margin-top: 0;
        background: #0093b0;
        width: 300px;
        margin-bottom: 30px;
        padding-bottom: 30px;
        position: inherit;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.liste a .articles-content,
    #primary .template-agenda ul li a .articles-content {
        border: none !important;
    }

    /*map dans page*/
    #primary .google-map-access {
        padding-bottom: 10px;
    }

    /*page fiche contact*/
    .single-contacts .header-page {
        width: 300px;
    }

    /* ****************************************
	*      ____  _     _      _                
	*     / ___|(_) __| | ___| |__   __ _ _ __ 
	*     \___ \| |/ _` |/ _ | '_ \ / _` | '__|
	*      ___) | | (_| |  __| |_) | (_| | |   
	*     |____/|_|\__,_|\___|_.__/ \__,_|_|   
	*                                          
	******************************************* */
    .contactslie_v2 .relations-contacts-v2 ul li {
        width: 300px;
    }

    .actualitelie .relation-actualites ul li {
        width: 300px;
        height: 143px;
    }

    .relations-agenda ul li {
        width: 300px;
    }

    .front-page .acces-rapides {
        width: 300px;
    }

    /* ************************
	*      _  _    ___  _  _   
	*     | || |  / _ \| || |  
	*     | || |_| | | | || |_ 
	*     |__   _| |_| |__   _|
	*        |_|  \___/   |_|  
	*                          
	*************************** */

    .page404 {
        background: url('../images/core/404Creasit2.png') center 0 no-repeat;
    }

    .page404 #searchform {
        width: 100%;
    }

    .page404 #searchform .rechercher {
        width: 220px;
    }

    /* ***************************************
	*       ____            _             _   
	*      / ___|___  _ __ | |_ __ _  ___| |_ 
	*     | |   / _ \| '_ \| __/ _` |/ __| __|
	*     | |__| (_) | | | | || (_| | (__| |_ 
	*      \____\___/|_| |_|\__\__,_|\___|\__|
	*                                         
	****************************************** */

    body.post-template-template-contact-php .entry-content p.champs-obligatoires {
        font-size: 12px;
    }

    /* *********************************
	*      _____ _ _ _                 
	*     |  ___(_) | |_ _ __ ___  ___ 
	*     | |_  | | | __| '__/ _ \/ __|
	*     |  _| | | | |_| | |  __/\__ \
	*     |_|   |_|_|\__|_|  \___||___/
	*                                  
	*********************************** */

    #searchform .ui-autocomplete {
        display: none !important;
    }

    #primary .wrapper-panel .form-panel .liste-types,
    #primary .wrapper-panel .form-panel .communes-ot,
    #primary .wrapper-panel .form-panel .mois-filtre,
    #primary .wrapper-panel .form-panel .annee-filtre {
        width: 100%;
        margin-bottom: 0;
        float: none;
    }

    #primary .wrapper-panel .form-panel .mois-filtre,
    #primary .wrapper-panel .form-panel .annee-filtre {
        margin-top: 14px;
    }

    #primary .panel-plan-interactif .form-panel .keywords {
        margin-bottom: 0;
    }

    #primary .panel-plan-interactif .form-panel .keywords,
    #primary .panel-plan-interactif .form-panel .rechercheadresse-googlemap {
        width: 100%;
    }

    #primary .panel-agenda .form-panel .keywords {
        margin-top: 14px;
    }

    #primary .panel-agenda .form-panel .periode .input-date input {
        min-width: 95px;
        width: 90%;
    }

    body.post-template-template-gestion-ressources-php #primary .wrapper-panel .form-panel .communes-ot {
        margin-bottom: 14px;
    }

    #primary .panel-plan-interactif .display-map {
        display: none;
    }

    /* *****************************************************************************************
	*       ____                                        _                       _       _       
	*      / ___|___  _ __ ___  _ __ ___  _   _ _ __   | |_ ___ _ __ ___  _ __ | | __ _| |_ ___ 
	*     | |   / _ \| '_ ` _ \| '_ ` _ \| | | | '_ \  | __/ _ \ '_ ` _ \| '_ \| |/ _` | __/ _ \
	*     | |__| (_) | | | | | | | | | | | |_| | | | | | ||  __/ | | | | | |_) | | (_| | ||  __/
	*      \____\___/|_| |_| |_|_| |_| |_|\__,_|_| |_|  \__\___|_| |_| |_| .__/|_|\__,_|\__\___|
	*                                                                    |_|                    
	******************************************************************************************** */

    #proposition-publication a.btn-precedent-form {
        width: 100%;
        box-sizing: border-box;
    }

    #proposition-publication button.sousmettre-publication {
        margin-top: 20px;
    }

    /* A modifier et ajouter la bonne couleur */
    #primary .template-affilistes-navprofil ul.liste-publication li.liste a .articles-content,
    #primary .template-agenda ul li a .articles-content {
        border-left: 1px solid #c7c7c7;
    }

    #primary .template-agenda ul li a:hover .articles-content {
        border-left: 1px solid #dcdcdc;
    }

    /* *************************************************
	*         _        _               _ _ _    __      
	*        / \   ___| |_ _   _  __ _| (_) |_ /_/  ___ 
	*       / _ \ / __| __| | | |/ _` | | | __/ _ \/ __|
	*      / ___ \ (__| |_| |_| | (_| | | | ||  __/\__ \
	*     /_/   \_\___|\__|\__,_|\__,_|_|_|\__\___||___/
	*                                                   
	**************************************************** */

    #primary .template-actualites ul li {
        height: 190px;
    }

    #primary .template-actualites ul li a .img-actu {
        display: none;
    }

    #primary .template-actualites ul li a .articles-content {
        padding: 0 20px;
        height: 188px;
    }

    #primary .template-actualites ul li .cats-date {
        left: 20px;
    }

    #primary .template-actualites ul li.minime {
        height: 120px;
    }

    #primary .template-actualites ul li.minime a .articles-content {
        height: 119px;
    }

    #primary .template-actualites ul li:first-child.minime a .articles-content {
        height: 118px;
    }

    /* ****************************************
	*         _                        _       
	*        / \   __ _  ___ _ __   __| | __ _ 
	*       / _ \ / _` |/ _ \ '_ \ / _` |/ _` |
	*      / ___ \ (_| |  __/ | | | (_| | (_| |
	*     /_/   \_\__, |\___|_| |_|\__,_|\__,_|
	*             |___/       
	*                 
	******************************************* */

    #primary .template-agenda ul li a .date {
        width: 170px;
        margin-right: 0;
    }

    #primary .template-agenda ul li a .date p {
        font-size: 20px;
    }

    #primary .template-agenda ul li a .articles-content {
        float: left;
        padding: 0 20px;
        min-width: 100%;
        box-sizing: border-box;
    }

    #primary .template-agenda ul li .categorie-agenda {
        left: 21px;
        top: 225px;
    }

    #primary .template-agenda .fc-toolbar .fc-left {
        float: none;
        width: 191px;
        overflow: hidden;
        margin: 0 auto;
    }

    #primary .template-agenda .fc-toolbar .fc-right {
        float: none;
        margin: 20px auto;
        width: 175px;
        overflow: hidden;
    }

    #primary .content-agenda form ol li.input,
    #primary .contact-detail .content-contact form ol li.input {
        width: 100%;
    }

    #proposition-publication p.infolocale-a-savoir {
        background-position: center top;
        padding-left: 0;
        padding-top: 70px;
        margin: 40px 0 30px;
    }


    /* ****************************************************************************************************
	*         _                            _                _                        _             _       
	*        / \   _ __  _ __  _   _  __ _(_)_ __ ___    __| | ___    ___ ___  _ __ | |_ __ _  ___| |_ ___ 
	*       / _ \ | '_ \| '_ \| | | |/ _` | | '__/ _ \  / _` |/ _ \  / __/ _ \| '_ \| __/ _` |/ __| __/ __|
	*      / ___ \| | | | | | | |_| | (_| | | | |  __/ | (_| |  __/ | (_| (_) | | | | || (_| | (__| |_\__ \
	*     /_/   \_\_| |_|_| |_|\__,_|\__,_|_|_|  \___|  \__,_|\___|  \___\___/|_| |_|\__\__,_|\___|\__|___/
	*                                                                                                      
	******************************************************************************************************* */

    #primary .template-annuaire-contacts ul li.vignette {
        width: 100%;
    }

    #primary .template-annuaire-contacts ul li.vignette:nth-child(even) {
        margin-left: 0;
    }

    #primary .template-annuaire-contacts ul li .site-internet .reponsive-1024 {
        display: block;
    }

    #primary .template-annuaire-contacts ul li .site-internet .reponsive-480 {
        display: none;
    }

    #primary .template-annuaire-contacts ul li.liste > a {
        height: 140px;
    }

    #primary .contact-detail .content-contact .content-contact-header .adresse {
        padding: 10px;
    }

    #primary .contact-detail .content-contact .content-contact-header .adresse,
    #primary .contact-detail .content-contact .content-contact-header .reseaux {
        width: 50%;
    }

    #primary .contact-detail .content-contact .numeros.numero3 a,
    #primary .contact-detail .content-contact .numeros.numero3 a:first-child {
        width: 100%;
        border-left: none;
        border-bottom: 1px solid #fff;
    }

    #primary .contact-detail .informations-contacts .options a {
        width: 100%;
        box-sizing: border-box;
    }

    #primary .contact-detail .informations-contacts .options a.soumettre-fiche {
        margin-top: 10px;
    }


    /* *******************************************
	*         _    _            _     _   _ ____  
	*        / \  | |       ___| |_  | \ | |  _ \ 
	*       / _ \ | |      / _ \ __| |  \| | |_) |
	*      / ___ \| |___  |  __/ |_  | |\  |  __/ 
	*     /_/   \_\_____|  \___|\__| |_| \_|_|    
	*                                             
	********************************************** */

    #primary .accesrapide-resultats-alnp .wrapper-liste-acces-rapide .liste-acces-rapide-resultats ul li {
        margin-bottom: 5px;
        width: 100%;
    }

    #primary .accesrapide-resultats-alnp h2 {
        font-size: 16px;
    }

    #primary .accesrapide-resultats-alnp p.volet-alnp {
        right: 15px;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.vignette {
        width: 100%;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.liste a .img-al {
        display: none;
    }

    #primary .template-affilistes-navprofil ul.liste-publication li.liste a .articles-content {
        padding: 25px 20px 25px 20px;
    }

    /* ********************************************************************************************************************
	*      ____                       _                   _           _           _        _   _      __                   
	*     | __ )  __ _ ___  ___    __| | ___   ___    ___| |_   _ __ | |__   ___ | |_ ___ | |_| |__   \_\  __ _ _   _  ___ 
	*     |  _ \ / _` / __|/ _ \  / _` |/ _ \ / __|  / _ \ __| | '_ \| '_ \ / _ \| __/ _ \| __| '_ \ / _ \/ _` | | | |/ _ \
	*     | |_) | (_| \__ \  __/ | (_| | (_) | (__  |  __/ |_  | |_) | | | | (_) | || (_) | |_| | | |  __/ (_| | |_| |  __/
	*     |____/ \__,_|___/\___|  \__,_|\___/ \___|  \___|\__| | .__/|_| |_|\___/ \__\___/ \__|_| |_|\___|\__, |\__,_|\___|
	*                                                          |_|                                           |_|           
	*
	*********************************************************************************************************************** */

    .template-bdocumentaire-phototheque ul li .image-a-la-une {
        display: none;
    }

    .template-bdocumentaire-phototheque ul li .information-document {
        padding: 0 20px;
        height: 278px;
    }

    .template-bdocumentaire-phototheque ul li .information-document .details-document p.categorie-document,
    .template-bdocumentaire-phototheque ul li .information-document .details-document p.date-document,
    .template-bdocumentaire-phototheque ul li .information-document .details-document p.poids-document {
        overflow: hidden;
        float: none;
    }

    /* **********************************************************************************************************
	*       ____           _   _                   _                                                             
	*      / ___| ___  ___| |_(_) ___  _ __     __| | ___  ___   _ __ ___  ___ ___  ___  _   _ _ __ ___ ___  ___ 
	*     | |  _ / _ \/ __| __| |/ _ \| '_ \   / _` |/ _ \/ __| | '__/ _ \/ __/ __|/ _ \| | | | '__/ __/ _ \/ __|
	*     | |_| |  __/\__ \ |_| | (_) | | | | | (_| |  __/\__ \ | | |  __/\__ \__ \ (_) | |_| | | | (_|  __/\__ \
	*      \____|\___||___/\__|_|\___/|_| |_|  \__,_|\___||___/ |_|  \___||___/___/\___/ \__,_|_|  \___\___||___/
	*                                                                                                            
	************************************************************************************************************* */

    #primary .template-gestion-ressources ul li span.img-ressources {
        display: none;
    }

    #primary .template-gestion-ressources ul li span.articles-content {
        padding: 0 20px;
    }

    #primary .template-gestion-ressources ul li .categorie-ressources {
        left: 20px;
    }

    /* ****************************************
	*         _    _ _            _         __ 
	*        / \  | | | ___   ___(_)_ __   /_/ 
	*       / _ \ | | |/ _ \ / __| | '_ \ / _ \
	*      / ___ \| | | (_) | (__| | | | |  __/
	*     /_/   \_\_|_|\___/ \___|_|_| |_|\___|
	*                                          
	******************************************* */

    .allocine-film .informations-film {
        width: 280px;
    }

    .allocine-film p.plus-dinfo {
        margin-left: 10px;
    }

    /* ****************************************
	*         _    _ _                         
	*        / \  | | |__  _   _ _ __ ___  ___ 
	*       / _ \ | | '_ \| | | | '_ ` _ \/ __|
	*      / ___ \| | |_) | |_| | | | | | \__ \
	*     /_/   \_\_|_.__/ \__,_|_| |_| |_|___/
	*                                          
	******************************************* */

    #primary .vignettes-album a .articles-content .introduction {
        display: none !important;
    }

    /* ***********************************************
	*      ____                                     _ 
	*     |  _ \ __ _ ___ _____      _____  _ __ __| |
	*     | |_) / _` / __/ __\ \ /\ / / _ \| '__/ _` |
	*     |  __/ (_| \__ \__ \\ V  V / (_) | | | (_| |
	*     |_|   \__,_|___/___/ \_/\_/ \___/|_|  \__,_|
	*                                                 
	************************************************** */
    .template-password form input[type="password"] {
        width: 100%;
    }

    .template-password form input[type="submit"] {
        margin: 10px 0 0;
        width: 100%;
    }

    /* ************************************************
	*       ____           _         ______     ______ 
	*      / ___|__ _ _ __| |_ ___  / ___\ \   / / ___|
	*     | |   / _` | '__| __/ _ \ \___ \\ \ / / |  _ 
	*     | |__| (_| | |  | ||  __/  ___) |\ V /| |_| |
	*      \____\__,_|_|   \__\___| |____/  \_/  \____|
	*                                                  
	*************************************************** */

    .carte-svg svg {
        margin: 30px 5px 20px;
    }

    /* *****************************************************
	*      _   _            _       ___         ____  ____  
	*     | | | | __ _  ___| | __  / (_) ___   / / _|/ _\ \ 
	*     | |_| |/ _` |/ __| |/ / | || |/ _ \ / / |_| |_ | |
	*     |  _  | (_| | (__|   <  | || |  __// /|  _|  _|| |
	*     |_| |_|\__,_|\___|_|\_\ | ||_|\___/_/ |_| |_|  | |
	*                              \_\                  /_/ 
	*
	******************************************************** */

    body.gecko header .bottom-footer .logo-search .search input[type="text"] {
        width: 240px;
    }

    body.gecko .front-page .fil-infos-droits-demarches .droits-demarches-ligne select {
        width: 225px;
    }

    body.gecko footer .middle-footer .newsletter-sms input[type="text"],
    body.gecko footer footer .middle-footer .newsletter-sms input[type="email"] {
        width: 172px;
    }

    body.ie .front-page .fil-infos-droits-demarches .droits-demarches-ligne select {
        width: 229px;
    }
    
    
    /*** PARTAGE ***/
    .partage {
        display: block;
        float: right;
        position: relative;
        top: -20px;
        margin: 0 0px 0 4px;
    }

    .liste-reseaux li {
        float: left;
        width: 30px !important;
        height: 30px !important;
        margin-right: 5px;
        margin-top: 4px !important;
        overflow: visible !important;
    }

    .liste-reseaux > li > a {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 50px;
        position: relative;
        box-sizing: border-box;
        padding: 1px;
        top: 0;
        transition: all 0.5s;
    }

    .liste-reseaux > li > a.rs-mail {
        background: transparent;
        border: 2px solid #45bf7b;
        padding: 5px;
    }

    .liste-reseaux > li > a.rs-imprimer {
        background: transparent;
        border: 2px solid #e75057;
        padding: 0px;
    }

    a.rs-imprimer svg {
        width: 28px;
        height: 27px;
    }

    #primary .partage-social-media p {
        color: #787878;
        font-size: 12px;
        margin: 0;
        text-transform: none;
}
    
}