/*
Theme Name: a4recyclage
Version: 1.0
Description: A child theme of alterna9
Template: alterna
*/

@import url("../alterna/style.css");
@import url('//fonts.googleapis.com/css?family=Raleway:300,400,700');

/* Gris : #585857
 * violet : #962285
 * Gris clair : #F6F6F6 */

/*** General ***/

    ::selection{background: #F6F6F6; color: grey; }
    body{color:#585857; font-family: 'Raleway', sans-serif;line-height: 24px;}
    a:hover{color:  #962285;}
    #back-top:hover { background-color: #962285;}
    h1{font-size: 30px;}

/*** Structure ***/

    /* Top Bar */
    
    #header-topbar{background: #585857; color: #fff;}    
    
    /* Header */
    
    #alterna-header{padding-bottom: 0;padding-top: 0px;}
    .header-style-2 #alterna-header{border: none; background: #F6F6F6;}        
    #header-topbar #header-topbar-right-content, #header-topbar #header-topbar-right-content .topbar-element{width: 100%;}
    #header-topbar #header-topbar-right-content .topbar-element{text-align: center;}
    .fixed-logo a{height: 79px;     background-size: 299px 79px;}
    .alterna-nav-menu-container{float: right;}
    .alterna-nav-menu > li{background: none;}
    .alterna-nav-form-social{display: none;}
    
    
    /* Footer */
    
    .footer-content{border: none; }
    /*.footer-wrap{margin-top: -80px;}*/

/*** Styling ***/

    /* Nav */
    
    .alterna-nav-menu li a{font-size: 16px; text-align: center; }
    .header-style-2 #alterna-header .menu{margin-top: 0;}
    .header-style-2 #alterna-header .menu .alterna-nav-menu > li:hover, .header-style-2 #alterna-header .menu .alterna-nav-menu li.current-menu-item, .alterna-nav-menu li:hover {background: #A0A0A0;}
    .header-style-2 #alterna-header .menu .alterna-nav-menu li a{min-height: 80px; font-family: 'Raleway', sans-serif; padding-top: 24px; color: #585857;}
    .header-style-2 #alterna-header .menu .alterna-nav-menu li a:hover{color: #962285;}
    .header-style-2 #alterna-header .menu .alterna-nav-menu > li{padding: 0 15px 20px 15px; }
    .header-style-2 #alterna-header .menu .alterna-nav-menu > li.current-menu-item > a, .header-style-2 #alterna-header .menu .alterna-nav-menu > li.current-menu-ancestor > a{border: none; color: #fff;}
    .alterna-nav-menu-container{float: right;}
    .alterna-nav-menu > li{background: none;}
    .alterna-nav-menu li a{min-height: 81px; line-height: 20px; font-family: 'Raleway', sans-serif;}
    #alterna-nav{border-bottom-color:#812880;}
    .header-style-2 #alterna-header .menu .alterna-nav-menu > li.current-menu-ancestor > a{color: #333333;}
    
    .alterna-nav-menu > li.current-menu-item, .alterna-nav-menu > li.current-menu-ancestor {   background: #962285;}
    
    .alterna-nav-menu i.fa-angle-down{display: none;}
    .alterna-nav-menu .sub-menu{top: 60px; background: #585857; min-width: 330px;}
    .alterna-nav-menu .sub-menu li{width: 100%;}
    
    .header-style-2 #alterna-header .menu .alterna-nav-menu .sub-menu li a{min-height: 20px; text-transform: none;text-align: left; color: #fff;}
    .header-fixed .sub-menu li a{min-height: 20px !important; text-transform: none;text-align: left; color: #fff !important;}
    
    .alterna-nav-menu > li.current-menu-ancestor, .alterna-nav-menu > li.current-menu-ancestor:hover{background: #A0A0A0;}
    .header-style-2 .header-fixed .alterna-nav-menu li a {color: #fff;}
    .header-fixed .alterna-nav-menu .sub-menu{top: 32px;}
    #alterna-nav.header-fixed{background: #F6F6F6;}
    .header-style-2 #alterna-nav .alterna-nav-menu li a{color:#585857;}
    
    
    
    /* Home */
    
    .intro{margin-top: 50px;}
    .intro p{color: #962285; font-size: 16px;}
    .h1home h1{color: #812880; font-size: 26px; line-height: 34px;}
    .introhome h1{font-size: 18px;}
    .accroche p{background:  #962285; color: #fff; font-size: 25px; padding: 20px;max-width: 70%;  margin: auto; line-height: 30px;}
    .pictos{background: #F6F6F6;}
    .pictos img{margin-right: 0px;}       
    
    /* 7 colonnes */
    .col7{width: 14.2%; float: left; text-align: center;}   
    .col7 a:hover{color:  #962285;}
    
    .vc_custom_1498656721563 img:hover{
    -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);

-webkit-animation-fill-mode:  initial;
    animation-fill-mode: initial;
    
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
    
    .vc_custom_1498656721563 img{
     -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-animation-fill-mode:  initial;
    animation-fill-mode: initial;        
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;}
    
    .vc_custom_1498656721563 h3{font-size: 20px;}
    
   .inline-block{display: inline-block; padding-top: 20px;}
   .h2violet{margin-top: 50px;}
   .h2violet h2{background:  #962285; color: #fff; font-size: 25px; padding: 20px;max-width: 52%;  margin: auto; line-height: 30px;}
   .h2bis h2{max-width: 60%;}
   .maxw80 h2{max-width: 80%;}
   
   .mission .vc_tta-tab a{border-radius: 0 !important; border: none !important; background: #F6F6F6 !important;}
   .mission .vc_active a{background: #962285 !important; color: #fff !important; border: none !important;}
   
   /* Footer */
   
        /* Fomulaire */
        
        .nf-form-cont{margin-top: 60px;}
        .nf-field-container{margin-bottom: 5px !important;}
        .gauche{float: left; width: 48%; clear: none !important; margin-bottom: 5px;}
        .droite{float: right; width: 48%; clear: none !important; margin-bottom: 5px;}
        input[type="checkbox"]{ -webkit-appearance: none;    -moz-appearance: none; -ms-appearance: none; border-radius: 4px;  height: 35px !important;    width: 15px !important;   background: #fff;    border: 2px solid #ccc; min-width: 35px;}
        input[type="checkbox"]:checked {  background: #812880;  margin:0px;  position: relative; }
        .nf-field-label label, .list-checkbox-wrap .nf-field-element li label{font-weight: 100 !important; text-transform: uppercase; position: relative; top: -10px;font-size: 15px;}
        .nf-field-label label, .list-checkbox-wrap .nf-field-element li:nth-child(4) label{/*top: 0;*/}
        .list-checkbox-wrap .nf-field-element li {display: inline-block;   width: 50%;   float: left;}
        .field-wrap input[type="button"]{padding: 10px 20px; background: #942882; border: none; font-size:22px; text-transform: uppercase; color: #fff; cursor: pointer;}
        .envoyer{text-align: center;}
        .nf-error-wrap.nf-error { max-width: 100%;  display: inline-block;}
        .nf-form-fields-required{display: none;}
        
        /* coordonnées */
        
        #black-studio-tinymce-2{color: #fff; /*margin-top: 80px;*/}
        #black-studio-tinymce-2 h3{color: #fff; font-weight: bold;}
        #black-studio-tinymce-2 img{margin-bottom: 30px;}
        
        #black-studio-tinymce-4 a{color: #fff; font-size: 16px;}
         #black-studio-tinymce-4 a:hover, .footer-content .footer-bottom-content a:hover{color: #962285 ;}
         
         /* nav mobile */
    
    #alterna-drop-nav ul.navbar-nav a .child-btn{width: 100%; text-align: right; right: 15px; z-index: 100;}
         
 /* Media queries */

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
   #alterna-header .logo, #alterna-nav.header-fixed .fixed-logo {   float: none;   width: 285px;     margin: auto; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    
    
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
   #header-topbar #header-topbar-right-content{min-height: 60px;}
  
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    
   
}