/*
Theme Name: Avada Child
Description: Child theme for the Avada
Author: AllPeopleFrom
Template: Avada
*/

@import url("../Avada/style.css");

/****************************************************************************************************
                    COMMON
****************************************************************************************************/
#main {padding-top: 10px !important;}
#wrapper .header-social{
    position: relative;
    z-index: 1000;
}
#header {
    position: relative;
    z-index: 10;
}
ul {    
    padding: 0;
    margin: 0 ;
}
li {
    list-style: none;
    padding: 0;
    margin: 0 ;
}
.footer-area{margin-top:20px; }
a:hover{color:#7A6A58 !important;}
h3{font-weight: normal !important;}
.footer-area ul{font-size: 13px;}
.footer-area ul li a {
    padding:0;
    text-shadow: none;
    border: none;
    text-transform: uppercase;
}
#sidebar .widget {margin-bottom: 0 !important;}
#sidebar .textwidget {margin-bottom: 40px !important;}
#wrapper .footer-area .current_page_item > a { color:#f5f5f5 !important;}
input[readonly="readonly"]{background-color:#ebeaea;}

.bouton-concours {
    margin : 40px auto;
    color: #ffffff;
    font-size: 25px ;
    line-height: 35px ;
    border-radius: 5px;
    background: #A2195B;
    text-transform: uppercase;
    text-align: center;
    width :40%;
    padding: 10px ;
}
.bouton-concours:hover {
    background: #a34e71;    
}
.button, .bouton-apf, .MyZebra_Form input.myzebra-button, .MyZebra_Form input.myzebra-reset, .MyZebra_Form input.myzebra-submit, .MyZebra_Form label.myzebra-button, input[type="submit"] {
    background: #A2195B;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px !important;
    line-height: 26px !important;
    padding: 5px 10px !important;
    cursor: pointer;
    text-shadow: none;
    border: none !important;
    
}
.bouton-apf.pro {
    background: #3e5b92;    
    margin: 20px auto;
    width: 60%;
}
.bouton-apf.blue {
    background: #3e5b92;    
    margin: 20px auto;
}
.bouton-apf:hover, input[type="submit"]:hover {background: #a34e71;}
.bouton-apf.pro:hover, .bouton-apf.blue:hover {opacity: 0.8;background: #3e5b92;}
.home-pro-right .bouton-apf{background: #3e5b92;}
.home-pro-right .bouton-apf:hover{background: #4b70aa;}

.fusion-flexslider.article-apf {
    background: #f1f1f1;
    background: -moz-linear-gradient(top,  #ffffff 45%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#ffffff), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #ffffff 45%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #ffffff 45%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #ffffff 45%,#f1f1f1 100%);
    background: linear-gradient(to bottom,  #ffffff 45%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
}
.fusion-flexslider.article-apf .slides img {
    margin: 0 auto;
    width: 50%;
}
 
.one_third{
    width: 32%;    
    margin-right: 2%;    
    margin : 10px 0 10px 0;
}


/* Titres PT-Sans */
.titre-apf {
    line-height: 35px;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: bold;
    background: #ebeaea;
    padding-bottom: 5px;
}
.textwidget .titre-apf{font-size: 17px;}
.titre-apf.article{
    margin-top: 20px;
    margin-bottom: 40px;
}    
.titre-apf.article a{color: #575756}
.titre-apf:before {
    float: left;
    content:"";
    width: 0; 
    height: 0; 
    border-left: 25px solid #ffffff;   
    margin-right: 10px;
}
.titre-apf.purple{color:#A2195B;}
.titre-apf.purple:before{border-bottom: 25px solid #A2195B;}
.titre-apf.blue{color:#3e5b92;}
.titre-apf.blue:before{border-bottom: 25px solid #3e5b92;}
.titre-apf.grey{color:#575756;}
.titre-apf.grey:before{border-bottom: 25px solid #575756;}
.titre-apf.orange{color:#e84e1b; background: transparent;}
.titre-apf.orange:before{border-bottom: 25px solid #e84e1b; }

.titre-apf.pro {margin-top: 30px;}

.titre-triangle{
    line-height: 35px;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: bold;
    background: #ebeaea;
    margin: 5px 10px 10px 40px;
}
.titre-triangle:before {
    float: left;
    content:"";
    width: 0; 
    height: 0; 
    margin: 10px 10px 0 0 ;
    border-top: 12.5px solid transparent;
    border-bottom: 12.5px solid transparent;    
}
.titre-triangle.purple{color:#A2195B;}
.titre-triangle.purple:before{border-left: 12.5px solid #A2195B;}

 /* Titres Belgrano */
.h1m, .h2m, .h3m, /*.h4m,*/ .h5m, .tab-link, .h1p, .h2p  {font-family: "Belgrano",Arial,Helvetica,sans-serif;}
.h1m, .h2m, .h5m, .tab-link {color:#A2195B !important;}
.h3m {color:#A2195B;}
.h1m{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
}
.h2m{font-size: 18px;}
.h3m{font-size: 17px;}
.h4m a{font-size: 16px; color:#575756 !important;
    /*font-weight: bold;*/
}
.tab-link, .h5m{font-size: 13px;}

.h1p, .h2p{ color: #00516F;}
.h1p{} 
.h2p{}

/* Paragraphes sous les titres */
.text-sous-titre {
    padding: 0 15px 10px 15px;
    background: #ebeaea;
    color: #575756;
 }

/* Tabs */
#wrapper .fusion-tabs {
    margin-bottom: 30px;
}
#wrapper .fusion-tabs .nav-tabs > .active > .tab-link, #wrapper .fusion-tabs .nav-tabs > .active > .tab-link:focus {
    background-color: #ebeaea;
}
#wrapper .fusion-tabs .nav-tabs li .tab-link, #wrapper .fusion-tabs .nav-tabs li .tab-link:hover {
    border-color: #ffffff !important;
    border: none;
}
#wrapper .fusion-tabs .nav-tabs li .tab-link{
    background-color: #ffffff;   
    color:#575756;
}
#wrapper .fusion-tabs .nav-tabs li .tab-link:hover{
    background-color: #efefef;   
}

/* Social icons AddtoAny*/
.wrapper_small_social_ico{
    height: 40px;
    padding-top: 10px;
    border-top: 1px solid #e7e6e6;
    border-bottom: 1px solid #e7e6e6;
    margin-bottom: 40px;    
}
.wrapper_list_small_social_ico{
    margin-bottom: 20px;
}
.wrapper_big_social_ico {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-left: 40px;    
    border-top: 1px solid #e7e6e6;    
}
.big_social_text {
    color: #00516F;
    font-size: 22px;
    margin-bottom: 20px;    
}

/* Connexions */
.wrapper_connexions{
    width:100%;
    padding:20px 0;
    border-top: 1px solid #e7e6e6;
}
.connexion_box{
    width : 47%;
    float: left;
    background: #ebeaea;
}
.connexion_box:nth-child(1) {margin-right: 6%;}
.connexion_box ul {padding: 10px 0 20px 40px;}
li.connexion {background: url('./images/bullet_connexion.png') 0 6px no-repeat;}
li.connexion a {
    padding-left: 27px;
    color: #575756;
    font-size : 16px;
    line-height: 26px;
}

/* Listes standard */
.titre-pro {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px;
    color: #3e5b92;
    
}
.accordian .titre-pro {padding: 10px 0 0 30px;}
ul.liste-apf {padding-left: 10px;}
.accordian ul.liste-apf {padding-left: 50px;}
ul.liste-apf li {background: url('./images/bullet.png') 0 6px no-repeat;}
ul.liste-apf li {
    padding-left: 27px;
    font-size : 16px;
    line-height: 26px;
}

/* Meta infos */
.post .meta-info{border: none;}
.single .post .meta-info{margin-bottom: 20px;}
.meta-archive{ 
    background: #ebeaea;
    padding: 5px;
}
.read-more{
    padding-left: 20px;
    background: url('./images/ico_readmore.png') 0 0 no-repeat;
}
.read-more:after{content:"";}

/* Module Newsletter in Articles */

.newsletter-conditions{padding-left : 20px;}
.indicates-required {margin: 15px 0;padding-left : 20px;}

.wrapper-newsletter-article{
    padding: 20px 0;
    border-top: 1px solid #e7e6e6;
    background: #ebeaea;
    margin-bottom: 20px;
}
.newsletter-article-left{
    float: left;
    width:25%;
}
.newsletter-big-world {
    width: 53%;
    margin-left: 23.5%;
}
.newsletter-article-right{
    float: left;
    width:75%;
    padding:0;
    margin: 0;
}
#mc_embed_signup form{padding: 0 !important;}
#mc_embed_signup .mc-field-group {
    clear: none !important;
    float: left !important;
}
.mc-field-group {margin: 5px 0;}
.mc-field-group input {width: 70%;}
.mcapf-email{width:100% !important;}
.mcapf-civilite{width:20% !important;}
.mcapf-fname{width:40% !important; }
.mcapf-lname{width:40% !important; }
.mcapf-phone{width:100% !important;}
#mc_embed_signup .mc-field-group .asterisk {right: 20px !important;}
#mc_embed_signup .button { border-radius: 0 !important; background: #A2195B !important;}
#mc_embed_signup .button:hover { background: #a34e71 !important;}

/* Bloc Newsletter Bouton */
.newsletter-block {
    background: #ebeaea;
    padding: 0 5% 20px 5%;
}
.newsletter-title{
    margin-bottom: 5px;
    text-align: center;    
}
.news-left{
    float: left;
    width: 25%;
    padding-top: 16px;    
}
.news-right{
    float: left;
    width: 65%;
}

/* Tags */
.wrapper-article-tag{
    border-top: 1px solid #e7e6e6;       
    text-transform: uppercase;
    font-size: 10px;
    padding: 15px 0;    
}
.article-tag{
    float: left;
    margin-right: 20px;
    padding : 0 10px;
    line-height: 20px;
    background: #ebeaea;
    border-radius: 10px 0 0 10px;
    
}
.article-tag a{color: #868686;}

/* Author */
.about-author{
    width: 100%;
    padding : 20px;
    background: #ebeaea;  
    margin-bottom: 20px;
}

/* Meni menu gestion Article dans les posts Articles*/
.post-menu-article {
    border-top: 1px solid #e7e6e6;     
    padding: 20px 0;
    background: #A2195B;
}
.post-menu-article li { min-height: 32px;}
.post-menu-article li a {
    font-size: 16px !important;
    line-height: 20px !important;
    text-transform: uppercase;
}

/* Timeline */
.timeline-icon, .timeline-arrow:before, .blog-timeline-layout timeline-icon, .blog-timeline-layout .timeline-arrow:before {
    color: #a01e5b !important;
}

/*Copyright*/
.copyright {
    display: block;
    color:#3c3c3b;
    width:100%;
    text-align: center;
    text-shadow: none;
}
.fusion-social-links-footer{display: none;}

/* APF TV */
.apftv-top{
    margin-top: 40px;
    padding: 10px;
    background:#e84e1b;
    color:#ffffff;
    width:100%;
}
.apftv-left{
    float: left;
    width: 30%;
}
.apftv-right{
    float: left;
    font-size: 11px;
    line-height: 14px;
    width: 67%;
}
.apftv-title{
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 5px;
}
.apftv-a-la-une{
    background:#e84e1b;
    color:#ffffff;
    font-size: 23px;
    font-weight: bold;
    line-height: 35px;
    padding-bottom: 5px;   
    padding-left: 15%;
    text-transform: uppercase;
}
.apftv-bottom{
    width:100%;
}
.apftv-video { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    height: auto; }
.apftv-video iframe, .apftv-video object, .apftv-video embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
.share-youtube{
    background: #ebeaea;
    border-bottom: 8px solid #e84e1b;
    font-size: 15px;
    line-height: 25px;
    padding: 10px ;
}
.youtube-chan {
    color: #6f6f6e;
    padding-left: 40px;
    background: url('./images/ico_video.png') no-repeat;
}
.share-youtube:hover .youtube-chan {background: url('./images/ico_video_hover.png') no-repeat;}

/* Blocs pub Home Mage */
.texte-pub {
    font-size: 10px;
    position: absolute;
    top: 0 ;
    left: 0;
}
.pub-mag-col1{
    margin-top: 20px;
    width: 100%;
    /*background: url('http://allpeoplefrom.fr/dev/beta/wp-content/uploads/pub-carre1.jpg') no-repeat transparent;*/
    /*height: 254px;*/
    /*border: 1px dotted #efefef;*/
    position: relative;
}
.pub-mag-col2{
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;    
    /*background: url('http://allpeoplefrom.fr/dev/beta/wp-content/uploads/pub-carre2.jpg') no-repeat transparent;*/    
    /*height: 254px;*/    
/*    border: 1px dotted #efefef;*/
    position: relative;
}
/* Blocs pub Skycraper */
.pub-mag-sky{
    margin: 20px 0;    
    width: 100%;
    /*background: url('http://allpeoplefrom.fr/dev/beta/wp-content/uploads/pub-sky.jpg') no-repeat transparent;*/  
    background-size: cover;
    /*height: 400px;*/
    /*border: 1px dotted #efefef;*/
    position: relative;
}

/* Vue Jeux concours */
.concours{
    background : #ebeaea;
    margin : 10px 0 10px 20px;
    padding: 20px;
}
.concours-thumb{
    width: 25%;
    float: left;
}
.concours-thumb img {max-width: 100%;}
.concours-description {
    width: 75%;
    padding : 20px;
    float: left;    
}

/* Contact Form 7 */
.wpcf7-select-parent{width :20%;}
.wpcf7-form textarea{height: 80px;}
.apf_fname, .apf_lname, .apf_email, .apf_phone {width: 60% !important;}
.apf_civility, .apf_fname, .apf_lname, .apf_email, .apf_phone, .apf_subject, .apf_message {float: none !important;}

/* FORMS */
.MyZebra_Form .cred-group {border-color: #A2195B !important;}
.myzebra-submit.myzebra-prime-name-form_submit { margin : 20px auto;}
.myzebra-add-new-field {
    border-radius: 0 !important;
    background: #A2195B !important;
    border: none !important;
}
a.myzebra-add-new-field:hover {
    color: #ffffff !important;
    background: #a34e71 !important;
}
.cred-field-photos{margin: 30px 0 !important;}
.cred-field-videos {margin-bottom: 30px !important;}
.cred-field-votre-portrait {margin-bottom: 20px !important;}

input, input[type="password"], input[type="search"] {border: 1px solid #ddd !important;}

#event-form .inside {
    border-bottom: 1px solid #A2195B;
    padding-bottom: 20px;
}
.em-location-data th {width : 150px; background: #ebeaea; padding: 2px 5px 0 10px}
#em-location-data table.em-location-data select {width: 90%;}

/* Liste offres partenaires */
.liste-offre{
    width :100%;
    margin-bottom: 20px;
}
.thumb-liste-offre{
    width: 35%; 
    float: left;
}
.desc-liste-offre {
    width: 65%;
    float: left;
}
.partenaire-offre{
    font-size:20px; 
    line-height: 30px; 
    margin-bottom: 10px;
    padding-left: 10px;
    background: #A2195B;
    color: #ffffff !important;    
   
}
.promotion {
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;    
}

/* Partenaires Pro*/
.wrapper-carousel.pro .es-nav-prev, .wrapper-carousel.pro .es-nav-next {
    background-color: #3e5b92;
}

/* Grid Pro */ 
.listitem-fiche-pro {
    float: left;
    width: 21.25%;
    margin-right: 5%;
    margin-top : 15px;
    opacity: 1;
    -webkit-transition:all 0.2s ease-in;
   -moz-transition:all 0.2s ease-in;
     -o-transition:all 0.2s ease-in;
        transition:all 0.2s ease-in;     
}
.listitem-fiche-pro:nth-child(4n) {margin-right: 0;}
.listitem-fiche-pro:hover {opacity: 0.8;}
.fiche-thumb {
}

/* Front User form */
.front_form .form_group{
    border: 1px solid #A2195B ;
    padding: 15px;
    margin: 15px 0;
}


/****************************************************************************************************
                    LANGUAGE SELECTOR
****************************************************************************************************/

.language-selector, .language-selector ul, .language-selector li{
    text-transform: uppercase;
    margin:0;
    padding:0;
    border:none;
}
.language-selector li{
    line-height: 20px;
    height:20px;
    float: none !important;
}
ul.language-selector ul {
    display: none;
}

ul.language-selector li:hover > ul {
    display: block;
}

.language-ico{
    margin: 3px 0 0 5px;
}
.language-selector li.other-language{
    border-top: 1px solid #666666;
}
.language-selector ul {
    background :#DAD4CA;
}

/****************************************************************************************************
                    TOP MENU
****************************************************************************************************/
.header-v2 {
    border-top: 10px solid #a2195b;
}
#wrapper .header-social {min-height: 30px;}
.header-social .alignright {
    background: #DAD4CA;
    padding-right: 6px;
    margin-top: -10px;    
}
.header-social .alignright:before {
    float: left;
    content:"";    
    width: 0; 
    height: 0; 
    border-top: 20px solid #DAD4CA; 
    border-left: 20px solid transparent;
    margin-left: -20px;
}
#snav li {
    height: 20px !important; 
    line-height: 20px !important;
    color: #a2195b;
    text-transform: uppercase !important;
    border: none !important;
}
.teaser-ico {
    padding-top: 3px;
}
.header-social, .header-v2 #header {
    border-bottom: none;
}
a.search-link:after {
    border: none;
    border-radius: 50%;
    content: "";
    padding: 0px;
}
.main-nav-search, .main-nav-search a{
    border: none !important;
    padding: 0px !important;
    bottom: 2px;
}

.header-v2-line1{}
.header-v2-line2{}
#header .logo {width: 28%;}
#header .logo img {width: 100%;}
.wrapper-pub-header{
    height: 90px;
    width:69%;
    float: right;
}
.pub-header{
    height: 90px;
    width :100%;
    margin-top:0px;
    margin-bottom: 0px;
    /*background: url('http://allpeoplefrom.fr/dev/beta/wp-content/uploads/pub2.jpg') no-repeat #ebeaea;*/
    background-size: contain;
    float: right;
    border: 1px dotted #efefef;
}
.baseline{
    font-family: "Belgrano",Arial,Helvetica,sans-serif;
    font-size: 25px;
    line-height: 30px;
    width: 100%;
    margin-top: 36px;
    float: right;    
    color:#000000;
}
.header-v2-line2 {border-bottom: 3px solid #A2195B;}
.header-v2-line2.pro {border-bottom: 3px solid #3e5b92;}
nav#nav {
    float: left;
    padding-left: 20px;    
    text-transform: uppercase;
}
#nav ul.navigation {
    margin-top: 10px;
}
#nav ul.navigation li a:hover {
    color: #A2195B !important;
}
.menu-pro {
    float: right;
    color: #ffffff ! important;
    height:40px;
    font-size: 15px;
    text-transform: uppercase;
    border-radius : 40px 0 0 0;
    padding : 15px 10px 0 30px;
    margin-top: 23px;
    /*background: url('./images/ico_pro.png') 25px 12px no-repeat;*/
}
.menu-pro.acces-mag {background-color: #A2195B;}
.menu-pro.acces-pro {background-color: #3e5b92;}

/* Bouton Club APF */ 
.clubapf-button {
    background-color: #A2195B;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    height: 35px;
    opacity: 0.9;
    position: fixed;
    right: 78px;
    text-align: center;
    -webkit-transition:all 0.2s ease-in;
   -moz-transition:all 0.2s ease-in;
     -o-transition:all 0.2s ease-in;
        transition:all 0.2s ease-in;    
    width: 145px;
    z-index: 10000;
    padding-top: 7px;
    border: 1px solid #ffffff;
    border-bottom: none;
}
.clubapf-button a {
    color: #ffffff !important;    
    text-transform: uppercase;    
}
.clubapf-button a:hover {color: #ffffff !important;}


/****************************************************************************************************
                    SOUS-MENUS
****************************************************************************************************/
/* Sous-Menu Mag*/
.wrapper-submenu-mag{ 
    margin: 10px 0px 20px 0px;
    padding:0;
/*    border-bottom : 3px solid #00516F;
    border-top : 3px solid #00516F;*/
    padding-top: 10px;
    padding-left: 10px;
}
.widget-menu-magazine{ margin:0; padding: 0;}
.submenu-mag, .widget-mag {  
    margin:0;
    padding:0;
}
.submenu-mag li, .widget-mag li, .widget-mag li:hover {
    float:left;
    margin-right: 9px !important;
    margin-bottom: 9px !important;
    background-size: cover;    
}
.widget-mag li a:before {content: "" !important;}
.submenu-mag li.mag-insolite{margin-right: 0;}
.submenu-mag li, .submenu-mag li a{
    width : 78px;
    height: 78px;    
}
.widget-mag li, .widget-mag li a {
    width : 70px;
    height: 70px;      
}
.widget-mag li a img, .submenu-mag li a img {
    opacity: 1; 
    -webkit-transition:opacity 0.25s ease-in-out;
   -moz-transition:opacity 0.25s ease-in-out;
     -o-transition:opacity 0.25s ease-in-out;
        transition:opacity 0.25s ease-in-out;    
}
.widget-mag li:hover a img, .submenu-mag li:hover a img {opacity: 0;}
.widget-mag li{background-size: cover !important;}

.mag-artculture{background: url('./images/ico_artculture_hover.jpg') no-repeat;}
.mag-business{background: url('./images/ico_business_hover.jpg') no-repeat}
.mag-lifestyle{background: url('./images/ico_lifestyle_hover.jpg') no-repeat}
.mag-mode-beaute{background: url('./images/ico_mode_beaute_hover.jpg') no-repeat}
.mag-sport-bien-etre{background: url('./images/ico_sport_bien_etre_hover.jpg') no-repeat}
.mag-tourisme{background: url('./images/ico_tourisme_hover.jpg') no-repeat}
.mag-musique{background: url('./images/ico_musique_hover.jpg') no-repeat}
.mag-cuisine{background: url('./images/ico_cuisine_hover.jpg') no-repeat}
.mag-education{background: url('./images/ico_education_hover.jpg') no-repeat}
.mag-insolite{background: url('./images/ico_insolite_hover.jpg') no-repeat}
.mag-association{background: url('./images/ico_association_hover.jpg') no-repeat}
.mag-forum{background: url('./images/ico_forum_hover.jpg') no-repeat}

.mag-en .mag-artculture{background: url('./images/ico_artculture_en_hover.jpg') no-repeat;}
.mag-en .mag-business{background: url('./images/ico_business_en_hover.jpg') no-repeat}
.mag-en .mag-lifestyle{background: url('./images/ico_lifestyle_en_hover.jpg') no-repeat}
.mag-en .mag-mode-beaute{background: url('./images/ico_mode_beaute_en_hover.jpg') no-repeat}
.mag-en .mag-sport-bien-etre{background: url('./images/ico_sport_bien_etre_en_hover.jpg') no-repeat}
.mag-en .mag-tourisme{background: url('./images/ico_tourisme_en_hover.jpg') no-repeat}
.mag-en .mag-musique{background: url('./images/ico_musique_en_hover.jpg') no-repeat}
.mag-en .mag-cuisine{background: url('./images/ico_cuisine_en_hover.jpg') no-repeat}
.mag-en .mag-education{background: url('./images/ico_education_en_hover.jpg') no-repeat}
.mag-en .mag-insolite{background: url('./images/ico_insolite_en_hover.jpg') no-repeat}
.mag-en .mag-association{background: url('./images/ico_association_en_hover.jpg') no-repeat}
.mag-en .mag-forum{background: url('./images/ico_forum_en_hover.jpg') no-repeat}

.mag-es .mag-artculture{background: url('./images/ico_artculture_es_hover.jpg') no-repeat;}
.mag-es .mag-business{background: url('./images/ico_business_es_hover.jpg') no-repeat}
.mag-es .mag-lifestyle{background: url('./images/ico_lifestyle_es_hover.jpg') no-repeat}
.mag-es .mag-mode-beaute{background: url('./images/ico_mode_beaute_es_hover.jpg') no-repeat}
.mag-es .mag-sport-bien-etre{background: url('./images/ico_sport_bien_etre_es_hover.jpg') no-repeat}
.mag-es .mag-tourisme{background: url('./images/ico_tourisme_es_hover.jpg') no-repeat}
.mag-es .mag-musique{background: url('./images/ico_musique_es_hover.jpg') no-repeat}
.mag-es .mag-cuisine{background: url('./images/ico_cuisine_es_hover.jpg') no-repeat}
.mag-es .mag-education{background: url('./images/ico_education_es_hover.jpg') no-repeat}
.mag-es .mag-insolite{background: url('./images/ico_insolite_es_hover.jpg') no-repeat}
.mag-es .mag-association{background: url('./images/ico_association_es_hover.jpg') no-repeat}
.mag-es .mag-forum{background: url('./images/ico_forum_es_hover.jpg') no-repeat}

/* Sous-Menu Pro*/
.wrapper-submenu-pro{margin-top: 30px;}
/*.submenu-pro{ width: 100%;}*/
.submenu-pro{
    -webkit-transition:all 0.2s ease-in;
   -moz-transition:all 0.2s ease-in;
     -o-transition:all 0.2s ease-in;
        transition:all 0.2s ease-in; 
}
#submenu-pro .submenu-pro:hover {
    opacity: 0.8;
}
#submenu-pro .submenu-pro:hover img{
    box-shadow: 2px 2px 2px #000000;    
}

.submenu-pro li {float: left; width: 25%;}
.submenu-pro-thumbnail{position: relative;}
.lvl1.submenu-pro img {width: 81.6%; }
.lvl1 .submenu-pro-cat{
    position: absolute;
    bottom: 8px;
    left:0;
    height: 40px;
    width: 81.6%; 
    background-color: #09396b;
    color: #ffffff !important;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px 0;
}
.lvl1 .subcat-pro-img {
    position: absolute;
    bottom: 0;
    left:0;
    height: 8px;
    width: 81.6%;  
}

.submenu-pro.lvl2 li, .submenu-pro.lvl3 li {float: left; width: 14.2%;margin-bottom: 10px;}
.submenu-pro.lvl2 li img, .submenu-pro.lvl3 li img {width: 90%;}

.pro-t1{
    font-size: 15px; 
    line-height: 20px;
    color:#3e5b92;
    font-family: "Belgrano",Arial,Helvetica,sans-serif;
    margin: 10px 0 0px 0;
}
.pro-t2{
    color:#575756;
    font-size: 13px;
    line-height: 15px;
    padding-right: 15%;
    text-overflow: ellipsis;
    height: 60px;    
}

/* Mini-menu mag*/
.menu-redac-mag{
    background-color: #A2195B;
    color:#ffffff;
    padding : 10px 0 10px 0;
    position: relative;
    z-index: 0;
}
.mag-shortcut {
    float: left;
    font-size: 11px;
    text-transform: uppercase;
    width:32%;
    margin-right:2%;
}
.mag-contributeur {
    margin: 0;
}
.mag-shortcut a div {
    padding-left: 45px;    
    color: #ffffff;    
}
.mag-shortcut a div:hover {
    color: #7A6A58;    
}
.mag-listarticle {background: url('images/ico_listarticle.png') 15px 5px no-repeat;}
.mag-article {background: url('images/ico_article.png') 15px 5px no-repeat;}
.mag-contributeur {background: url('images/ico_contributeur.png') 15px 5px no-repeat;}
.mag-listarticle:hover {background: url('images/ico_listarticle_hover.png') 15px 5px no-repeat;}
.mag-article:hover {background: url('images/ico_article_hover.png') 15px 5px no-repeat;}
.mag-contributeur:hover {background: url('images/ico_contributeur_hover.png') 15px 5px no-repeat;}

/* Mini-menu pro services */
.menu-pro-services{
    background-color: #ebeaea;
    color:#3e5b92;
    padding : 20px 0;
    position: relative;
    z-index: 0;
    margin-bottom: 50px;
}
.pro-shortcut {
    float: left;
    font-size: 15px;
    text-transform: uppercase;
    width:20%;
    margin-right:10%;
}
.pro-services {
    margin-left: 10%;
}
.pro-shortcut a div {
    padding-left: 45px;    
    color: #3e5b92;    
    height: 35px;
}
.pro-shortcut a div:hover {
    color: #7A6A58;    
}
.pro-services {background: url('images/ico_pro_services.png') 10px 5px no-repeat;}
.pro-conseil {background: url('images/ico_pro_info.png') 10px 5px no-repeat;}
.pro-devis {background: url('images/ico_pro_devis.png') 10px 5px no-repeat;}
.pro-services:hover {background: url('images/ico_pro_services_hover.png') 10px 5px no-repeat;}
.pro-conseil:hover {background: url('images/ico_pro_info_hover.png') 10px 5px no-repeat;}
.pro-devis:hover {background: url('images/ico_pro_devis_hover.png') 10px 5px no-repeat;}


/* Mini-menu jeu-concours*/
.menu-redac-jeu{
    background-color: #00516F;
    padding : 10px 0 10px 0;
    position: relative;
    z-index: 0;
    margin-bottom: 50px;
}
.jeu-shortcut {
    float: left;
    font-size: 11px;
    text-transform: uppercase;
}
.jeu-participe {
    width:64%;
    margin-right:2%;
}
.textwidget .jeu-participe { width: 92%;}
.jeu-regle {
    width:34%;
    margin: 0;
}
.textwidget .jeu-regle { display:none !important;}
.jeu-shortcut a div {
    padding-left: 45px;    
    color: #ffffff;    
}
.jeu-shortcut a div:hover {
    color: #7A6A58;    
}
.jeu-participe {background: url('images/ico_jeu.png') 15px 5px no-repeat;}
.jeu-regle {background: url('images/ico_reglement.png') 15px 5px no-repeat;}
.jeu-participe:hover {background: url('images/ico_jeu_hover.png') 15px 5px no-repeat;}
.jeu-regle:hover {background: url('images/ico_reglement_hover.png') 15px 5px no-repeat;}

/* Mini-menu events*/
.menu-redac-event{
    background-color: #00516F;
    padding : 10px 0 10px 0;
    position: relative;
    z-index: 0;
}
.event-shortcut {
    float: left;
    font-size: 11px;
    text-transform: uppercase;
}
.event-listevent {
    width:48%;
    margin-right:2%;
}
.event-event {
    width:48%;
    margin: 0;
}
.event-shortcut a div {
    padding-left: 45px;    
    color: #ffffff;    
    min-height: 40px;    
}
.event-shortcut a div:hover {
    color: #7A6A58;    
}
.event-listevent {background: url('images/ico_event.png') 15px 5px no-repeat;}
.event-event {background: url('images/ico_article.png') 15px 5px no-repeat;}
.event-listevent:hover {background: url('images/ico_event_hover.png') 15px 5px no-repeat;}
.event-event:hover {background: url('images/ico_article_hover.png') 15px 5px no-repeat;}

ul.events-list {
    background: #ebeaea;
    padding : 5px 0 20px 0;
    margin-bottom: 37px;
}
.apfevent-row {
    margin-bottom: 5px;
    background: #ffffff;
    padding-bottom: 20px;
}
.apfevent-thumb {
    float:left;
    width: 30%;
    /*max-width: 100px;*/
}
.events_page .apfevent-thumb{width: 20%;}
.apfevent-thumb {
    height: 100px;
    overflow: hidden;
}
.apfevent-thumb img{
    height: 100%; 
    width:auto !important;
    max-width: none !important;
}
.apfevent-text{
    float:left;
    width: 70%;
}
.events_page .apfevent-text{width: 80%;}
.apfevent-meta a {
    color: #ffffff;
    text-transform: uppercase;    
}
.apfevent-meta{
    padding-left: 10px;       
    color: #ffffff;
    background: #4593bc;
    font-size: 12px;
}
.apfevent-date {float: left;}
.apfevent-category {
    float: left; 
    padding-left: 5px;
}
.apfevent-desc {
    padding-left: 10px;           
}
.apfevent-title {
    color: #00516F;
    font-weight: bold;
}
.apefevent-excerpt{
    color: #333333;
    font-style: italic;
    font-size: 12px;
}
.apefevent-excerpt p{margin:0 !important;}
.image.event {
    display: none;
    text-align: center;
    margin: 20px 0;
}
.event_detail .image.event {display: block;}

.event-attributes label {
    font-weight: bold;
    text-transform: uppercase;
}
.event-attributes {
    margin-bottom: 10px;    
}

/* Sous-menu Pro LVL 2 */
.wrapper-pro-lvl2-3 {}
.wrapper-pro-lvl2-3 li.subcat-pro {
    float:left;
    width : 14.2%;
    position: relative;
    font-size : 13px;   
    opacity:1;
    margin-bottom: 10px;
    -webkit-transition:all 0.2s ease-in;
   -moz-transition:all 0.2s ease-in;
     -o-transition:all 0.2s ease-in;
        transition:all 0.2s ease-in; 
}        
.wrapper-pro-lvl2-3 li.subcat-pro:hover{opacity: 0.8; font-size : 15px;}
.wrapper-pro-lvl2-3 li.subcat-pro:hover img {box-shadow: 2px 2px 2px #000000;}

.wrapper-pro-lvl2-3 .subcat-pro-img {
    width:90%;
}
.wrapper-pro-lvl2-3 .subcat-pro-img img{width:100%;}
.subcat-pro-name{
    position: absolute;
    width: 90%;
    padding: 15px 0;
    text-align: center;
    color:#ffffff !important;
    text-transform: uppercase;
}
/*
228=Arts culinaires     #b7005d,
229=Arts de l’humain    #fd4c8e, 
230=Arts de la mode     #edc315,
231=Arts de la scène    #0072bf, 
235=Arts du spectacle   #fe8401, 
236=Arts esthétiques    #dfceeb, 
237=Arts musicaux       #613cbb, 
241=Arts numériques     #fe8401, 
242=Arts originels      #8b4aca, 
247=Arts visuels        #fa534c
*/
.subcat-pro-img.cat-228 {background-color:#b7005d;}
.subcat-pro-img.cat-229 {background-color:#fd4c8e;}
.subcat-pro-img.cat-230 {background-color:#edc315;}
.subcat-pro-img.cat-231 {background-color:#0072bf;}
.subcat-pro-img.cat-235 {background-color:#fe8401;}
.subcat-pro-img.cat-236 {background-color:#dfceeb;}
.subcat-pro-img.cat-237 {background-color:#613cbb;}
.subcat-pro-img.cat-241 {background-color:#fe8401;}
.subcat-pro-img.cat-242 {background-color:#8b4aca;}
.subcat-pro-img.cat-247 {background-color:#fa534c;}

/****************************************************************************************************
                    SLIDER HOME MAGAZINE
****************************************************************************************************/
.wrapper-slider-magazine {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    position: relative;
}
.slide-image-magazine {
    vertical-align: middle;
}
.slider-magazine-title {
    position: absolute;
    width : 100%;
    font-size: 19px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF !important;
    bottom: 15px;
    opacity:1;
    background: rgba(0, 0, 0, 0.3);
}
.slider-arrow {
    opacity:0;
    width : 40px;
    height: 40px;
    position: absolute;
    top : 175px;
    margin-top: -20px;
    cursor : pointer;
    z-index: 100;
-webkit-transition:opacity 1s ease-in;
   -moz-transition:opacity 1s ease-in;
     -o-transition:opacity 1s ease-in;
        transition:opacity 1s ease-in; 
}
.wrapper-slider-magazine:hover .slider-arrow, slider-arrow:hover {
    opacity:1;
}
.slider-prev {
    background: url("images/large_left.png") no-repeat scroll 0 0;
    left: 5px;
}
.slider-next {
    background: url("images/large_right.png") no-repeat scroll 0 0;    
    right: 5px;
}
.slider-prev:hover {
    background: url("images/large_left.png") no-repeat scroll 0 -40px;
}
.slider-next:hover {
    background: url("images/large_right.png") no-repeat scroll 0 -40px;    
}
.layer-apf-honneur{
    width :180px;
    height: 250px;
    background: rgba(0, 0, 0,0.5);
}
/****************************************************************************************************
                    LAYOUT HOME MAG
****************************************************************************************************/
.col-home-mag {
    float: left;
    margin: 20px 0 0 0;
    padding:0;
}
.col0-mag{
    margin:  0;
    width: 74%;
    margin-right: 2%;    
}
.col1-mag{
    width: 54.05%;  /* = 40% / 74% */
    margin-right: 2.7%; /* = 2% / 74% */
}
.col2-mag{
    width: 43.25%;  /* = 32% / 74% */
}
.sep-purple {
    width : 100%;
    height: 0;
    margin-top : 10px;
    border-bottom: 2px solid #A2195B;
}
.col3-mag{
    width: 24%;
}
.col-double-mag{
    width: 100%;  /* = 74% / 74% */
    background: #ebeaea;
    margin-bottom: 20px;
}

/* Module A l'honneur */
.wrapper_apf_honneur{
    margin-bottom: 50px;
}

/* Module Astuces */
.wrapper_astuces{
    margin-bottom: 50px;
}
.menu-astuce {
    background: url("./images/ico_readmore.png") no-repeat scroll 0 14px rgba(0, 0, 0, 0);
    padding: 10px 0 0 20px;
}

/* View Last articles */
.wrapper-last-article {
    width:100%;
    padding-top: 10px;
    background: #ebeaea;  
}
li.last-articles-item{
    float: left;
    width: 47%;
    margin-bottom: 20px;;
    background: #ffffff;
    padding: 5px;    
    margin-left: 2%;
    margin-right: 2%;
}
li.last-articles-item:nth-child(odd), li.last-articles-item:nth-child(1), li.last-articles-item:nth-child(3), li.last-articles-item:nth-child(5){
    margin-right:0%;
}
.last-articles-thumb{
    width: 100%;
    height: 156px;
    overflow: hidden;
}
.last-articles-thumb img{
    width:100%;
}
.last-articles-title{
    padding: 10px 0 10px 0;
    line-height: 18px;
    height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;    
}

/* Module Concours */
.vignette-concours img{
    /*height: XXXXXXXXXXXXXXX;*/
}

/* Module Club */
.wrapper-club{
    width:100%;
    margin:37px 0 0 0;
    padding:0;
}
.club-teaser{
    background: #A2195B;
    color: #ffffff;
    text-align: center;
    padding: 10px 0 20px 0;
    margin-bottom: 30px;
}
.club-palme {margin-bottom: 10px;}
.club-line1{
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 10px;    
}
.club-line2{font-size: 18px;display:none;}

/* Module social Home */
.home-social{
    background:#ebeaea;
    padding: 10px 0;
    border-bottom: 1px solid #e7e6e6;
}
#sidebar .textwidget .home-social{margin-bottom: 0px;}
.home-social-ico{
    width:33px;
    height:33px;
    float: left;
    margin-right: 14px;
    background-size: cover;
}
.textwidget .home-social-ico{margin-right: 10px;}
.ico-fb{
    margin-left:16px;
    background: url('./images/ico_fb.png');
}
.textwidget .ico-fb{margin-left:20px;}
.ico-twitter{background: url('./images/ico_twitter.png');}
.ico-instagram{background: url('./images/ico_instagram.png');}
.ico-youtube{background: url('./images/ico_youtube.png');}
.ico-soundcloud{background: url('./images/ico_soundcloud.png');}
.ico-fb:hover{background: url('./images/ico_fb_hover.png');}
.ico-twitter:hover{background: url('./images/ico_twitter_hover.png');}
.ico-instagram:hover{background: url('./images/ico_instagram_hover.png');}
.ico-youtube:hover{background: url('./images/ico_youtube_hover.png');}
.ico-soundcloud:hover{background: url('./images/ico_soundcloud_hover.png');}

/* Module carousel*/
.wrapper-carousel {
    width: 96%;
    margin: 0 auto;
    background: #ebeaea;
}
.images-carousel-container {background: #ffffff;}
.fusion-image-carousel { margin-bottom: 15px;}
.es-carousel-wrapper.fusion-carousel-small .es-carousel ul li img {border: none;}

/****************************************************************************************************
                    LAYOUT HOME PRO
****************************************************************************************************/
.home-pro-top{position: relative;}
.home-pro-left {
    width: 74%;
    margin-right: 2%;
    float: left;    
}
.home-pro-right{
    width: 24%;
    float: left;  
}
.home-pro-top .titre-apf {
    position: absolute;
    right: 0;
    top: 0;
    width: 24%;
    z-index: 1000;
    /*background: rgba(255,255,255, 1);*/
}
.home-pro-top .home-pro-left {
    height: 0px;
    padding-bottom: 32%;
    /*background: url('http://allpeoplefrom.fr/dev/beta/wp-content/uploads/image_pro.jpg') no-repeat;*/
    background-size: cover;
}
.home-pro-bottom { margin-top: 40px;}
.home-pro-lien-mag {
    background: #A2195B;
    color: #ffffff;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
}
.ico-mag {
    width:30%;
    float: left;
    padding-left: 10px;
}
.teaser-mag {
    width:70%;
    float: left;
    padding-top: 10px;
}
.home-pro-right .titre-apf.widget {
    font-size: 17px;
    margin-top: 40px;
}
.ico-pro-viadeo{margin-left:16px; background: url('./images/ico_pro_viadeo.png');}
.ico-pro-linkedin{background: url('./images/ico_pro_linkedin.png');}
.ico-pro-twitter{background: url('./images/ico_pro_twitter.png');}
.ico-pro-instagram{background: url('./images/ico_pro_instagram.png');}
.ico-pro-viadeo:hover{background: url('./images/ico_pro_viadeo_hover.png');}
.ico-pro-linkedin:hover{background: url('./images/ico_pro_linkedin_hover.png');}
.ico-pro-twitter:hover{background: url('./images/ico_pro_twitter_hover.png');}
.ico-pro-instagram:hover{background: url('./images/ico_pro_instagram_hover.png');}


/****************************************************************************************************
                    BANDEAU PRO
****************************************************************************************************/
.wrapper-bandeau-pro{}
.bandeau-pro-left{}
.bandeau-pro-right {}

/****************************************************************************************************
                    LAYOUT FICHE
****************************************************************************************************/
.fiche-top{margin-bottom: 10px;}
.fiche-top-left{
    width: 27%;
    float: left;
    margin-right: 3%;
}
.fiche-top-left img {width: 100%;}
.fiche-top-right{
    width: 70%;
    float: left;
}
.fiche-cat{font-size: 15px;}
.fiche-date{
    font-size: 13px;
    margin-top: 10px;
}
.fiche-excerpt{
    font-size: 15px;
    font-style: italic;
    color: #3e5b92;
}
.fiche-content{
    margin-bottom: 15px;
}

/****************************************************************************************************
                    LAYOUT MY ACCOUNT
****************************************************************************************************/
.wrapper-account-liste-abo{
    margin: 20px auto;
    width: 100%;
    padding: 15px;
    border: 1px solid #3e5b92;
}
.account-liste-abo{
    font-size: 16px ;
    font-weight: bold;
    line-height: 26px;
}

/****************************************************************************************************
                    LAYOUT PARAMETRIC SEARCH
****************************************************************************************************/
.wrapper-param-search{
    position: relative;
    width:100%;
    height:100px;
    margin: 20px 0;
}
.spinner-search{
    width:100%;
    height:100px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.spinner-search img{margin-top: 45px;}

.left-search {
    float: left;
    width : 22%;
    margin-right: 3%;
    background: #f5f5f5;
    height: 100px;
}
.left-search-img {
    float: left;
    width: 23%;
    margin: 28px 6% 0;
}
.left-search-text{
    float: left;
    width: 63%;
    margin: 20px 2% 0 0;
    text-transform: uppercase;
    color: #3e5b92;
    font-size: 11px;
}
.right-search {
    float: left;
    width : 75%;
    background: #f5f5f5;    
    height: 100px;
}
.right-search-line1{
    width : 100%;
    padding: 15px 15px 0;
}
.right-search-line2 {
    width : 100%;
    padding: 0 15px;
}
.right-search-title, .right-search-label-presta, .right-search-presta, 
.right-search-label-nom, .right-search-nom, .right-search-submit {
    display: inline-block;
    font-size: 11px;
}
.right-search-title, .right-search-label-presta,.right-search-label-nom {
    color : #3e5b92;
    text-transform: uppercase;
}
.right-search-label-presta,.right-search-presta, .right-search-submit {float: right;}
.right-search-label-presta{margin-right: 10px;}
.right-search-title{
    font-size: 13px;
    font-weight: bold;
}
.right-search-label-nom{margin-right: 10px;}
.right-search-nom {width:50%;}
.right-search-nom input {
    margin-right: 10px;
    width:100%;
}
.right-search-submit .bouton-apf{ 
    margin: 0;
    font-size: 11px !important;
    line-height: 21px !important;
}

/****************************************************************************************************
                    RESPONSIVE
****************************************************************************************************/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
    .navigation {font-size : 13px !important;}
    #nav ul li {padding-right: 15px !important;}    
    .wrapper-submenu-mag{padding-top: 5px;}
    .submenu-mag li{
        margin-right: 5px;
        margin-bottom: 5px;
    }     
    .submenu-mag li, .submenu-mag li a{
        width : 70px;
        height: 70px;    
    }  
    .widget-mag li, .widget-mag li a {
        margin-right: 5px !important;
        margin-bottom: 5px !important;        
        width : 65px;
        height: 65px;      
    }    
    .mag-shortcut, .jeu-shortcut, .event-shortcut {font-size: 9px;}
    .home-social-ico, .textwidget .home-social-ico{margin-right: 8px;}    
    .ico-fb, .textwidget .ico-fb{margin-left:10px;}    
}
@media only screen and (min-device-width: 768px)  and (orientation: portrait){
    nav#nav {border-bottom: none;}    
    .header-social .alignright {
        background: transparent;
        padding-right: 0;
        margin-top: 0;    
    }
    .header-social .alignright:before {
        border: none;
        margin-left: 0px;
    } 
    .wrapper-pub-header{
        float: none;
        margin: 0 auto;
        width: 468px;
        height: 60px;
    }    
    #wrapper #header .logo {
        float: none;
        margin: 0 auto 20px auto !important;
        /*width: 40%;*/
    }    
    .navigation {font-size : 13px !important;}
    #nav ul li {padding-right: 15px !important;}    
    .wrapper-submenu-mag{padding-top: 5px;padding-left:0;}
    .submenu-mag li{
        margin-right: 5px;
        margin-bottom: 5px;
        width: 71px;
        height:71px;
    }    
    .widget-mag li, .widget-mag li a {
        margin-right: 5px !important;
        margin-bottom: 5px !important;        
        width : 65px;
        height: 65px;      
    }    
    .mag-shortcut, .jeu-shortcut, .event-shortcut {font-size: 9px;}
    .home-social-ico{
        width:35px;
        height:35px;
        margin-right: 8px;
    }
    .home-social-ico, .textwidget .home-social-ico{margin-right: 8px;}    
    .ico-fb, .textwidget .ico-fb{margin-left: 8px;}       
}
@media only screen and (max-width: 480px) {
    nav#nav {border-bottom: none;}    
    .header-social .alignright {
        background: transparent;
        padding-right: 0;
        margin-top: 0;    
    }
    .header-social .alignright:before {
        border: none;
        margin-left: 0px;
    } 
    #wrapper #header .logo {width:60%;}    
    #wrapper #header .logo img {width:100%;}        
    .wrapper-pub-header{
        float: none;
        margin: 0 auto;
        width: 400px;
    }    
    .pub-header{
        float:none;
        width: 400px;
        height: 50px;
    }
    .col0-mag, .col1-mag, .col2-mag, .col3-mag{width:100%;}    
    .wrapper-submenu-mag{padding-left: 0}    
    .wrapper-submenu-mag{padding-top: 5px;}    
    .submenu-mag li{
        margin-right: 5px;
        margin-bottom: 5px;
        width : 75px;
        height: 75px;         
    }    
    .mag-shortcut, .jeu-shortcut, .event-shortcut {font-size: 9px;}    
    .connexion_box{width:100%;}
    .connexion_box:nth-child(1) {margin-right: 0;}    
    .home-social-ico{
        width:35px;
        height:35px;
    }  
    .home-pro-right, .home-pro-left{
        width: 100%;
        float:none;
    }
    .home-pro-top .home-pro-left{
        height: auto;
        padding-bottom: 20px;
    }
    .home-pro-top .home-pro-right{
        width: auto;
        height: auto;
        padding-bottom: 20px;
        position: relative;
        margin: 0 auto;
    }
    .home-pro-top .titre-apf {
        width:100%;
        left:0;
    }    
    .pro-shortcut {font-size: 11px;}
    .pro-shortcut a div {height: 55px;}
    .submenu-pro li {width : 50%;}
    .pro-shortcut {
        float: left;
        font-size: 11px;
        text-transform: uppercase;
        width:32%;
        margin-right:1%;
    }
    .pro-services {
        margin-left: 1%;
    }    
    .submenu-pro.lvl2 li, .wrapper-pro-lvl2 li.subcat-pro, .submenu-pro.lvl3 li, .wrapper-pro-lvl3 li.subcat-pro { width:33%; }
    .listitem-fiche-pro {width:45%;}
    .listitem-fiche-pro:nth-child(2n+1) {margin-right:5%;}
}