/* Theme Name: Oeil de la photographie   , Theme Created by Nouma Faten || http://www.loeildelaphotographie.com/   */
/*===================
* Tablet version
*===================*/
@media (min-width: 1025px){
    #owl-homeSlider2 .owl-wrapper{width:100% !important}

}




@media (min-width: 768px) {
    #collapse h3 + div {
        display: block!important
    }
    .owl-carousel .owl-item{
        width:auto !important;
    }
    footer .social-links{
    	float: right;
        margin: 20px 12px 0 0;
        width: 25%;
    }
    footer .social-links .les-amis{margin-left:9px;}
/*	.owl-wrapper{height:373px ;overflow:hidden}*/
}



@media (min-width: 769px) and (max-width: 1024px) {

    .mainContent .chapeau{padding:0px}
    .headerContainer {
        padding: 0px 15px
    }
    .padding-tb {
        padding-top: 10px;
        /*padding-bottom: 10px;*/
    }
    #menu .menu-header li,
    .menu li {
        margin: 0 18px 0 0;
    }
    #menu a {
        font-size: 20px
    }
    
    #menu ul ul {
        top: 32px;
    }
    
    .search-block {
        min-height: 156px;
    }
    .border-bottom {
        display: table
    }
    .logo-table {
        display: table-cell;
        vertical-align: middle
    }

    .cell-collapse {
        float: left;
        margin-right: 0px;
        width: 15%;
        box-sizing: border-box;
    }
    #headersocial {
        position: absolute;
        top: 37px;
        right: 0px;
    }
    ul.header-menu li:last-child i.genericon-collapse {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        vertical-align: middle;
    }
    #collapse h3 span {
        font-size: 14px
    }
    #collapse h3 + div {
        display: block!important
    }
    .cell-collapse.last-cell {
        width: 25%
    }
    .cell-collapse.last-cell h3 {
        padding-right: 0px
    }
    .cell-collapse h3 {
        padding-right: 15px;box-sizing: content-box
    }
    .portfolio-card-overlay h4.auteur a{font-size: 20px}

    .footer-title > a{ min-height: 50px;}


    .homeBox .parrains .image {
        width: 180px;
    }
    
    .homeBox .parrains .block-txt {
        margin-left: 180px;
    }

    .homeBox .parrains .block-cont .goLink { left: 198px;}
        
    .article2 .bigBlock1,
    .article2 .bigBlock2 {
        width: 100%;
        float: none;
    }
    
    .icone_rapide { width: auto; }

    .chapeau h1{ font-size: 32px;  font-family: Acta-ExtraBold;  font-weight: normal;  }

    #oeilDeLecteurs, #postImgSwiper { position: relative; }
    #homeCarrousel .fullBox{ padding: 4px 0px 25px; }
    /*
    #dailyNewsSwiper .swiper-pagination1, 
    #magasineSwiper .swiper-pagination2,
    */
    #oeilDeLecteurs .swiper-pagination, 
    #postImgSwiper .swiper-pagination{ display: block; width: 100%; bottom: 2px; }
}
/*===================
* Mobile version
*===================*/

@media (max-width: 768px) {
	/*.container{padding:0;}*/

    #homeTabs #tab1, #homeTabs #tab2{display: block!important;}

    #logo {
        max-width: 40%;
    }
    .hidden-mobile {
        display: none
    }
    .hidden-desktop {
        display: block
    }
    .nav .navtoogle {
        display: block;
    }
    .search-block {
        float: none;
        padding: 0px;
        margin-right: 32px;
        min-height: 65px;
    }

    .nav + ul {
        max-height: 30em;
        overflow: hidden;
        -webkit-transition: max-height .4s;
        -moz-transition: max-height .4s;
        -o-transition: max-height .4s;
        -ms-transition: max-height .4s;
        transition: max-height .4s;
    }
    .header-navigation {
        height: auto;
        position: relative;
        padding: 20px 0px
    }
    .slider-block .slider {
        padding: 0px
    }
    footer .social-links{
    	/*margin: -17px 0 0 5px!important;*/
    }
    
    .menu-header .menu-item-has-children .sub-menu{display: block !important;}
    
    .menu-menu-top-container .menu-item-has-children .sub-menu.active,
    .menu-header .menu-item-has-children .sub-menu.active{
    	display:block !important
    }
    /* #menu{
        position: absolute;
        float: none;
        width: 100%;
        z-index: 99;

    */
    /*width:640px;
        height:200px;
        position:absolute;
        left:50%;
        top:50%;
        margin:-100px 0 0 -360px;*/
    /*}*/

    #menu .menu-header li,
    div.menu li {
        float: none;
        margin: 0px;
        width: auto;
        background: none;
    }
    #menu .menu-header li:hover a {
        border-bottom: 1px solid #ccc
    }
    #menu ul ul li a {
        color: #666666;
        border: none!important;
        font-family: clearsansregular;
        font-size: 13px;
        padding: 15px 0px 0px 0px;
    }
    #menu .menu-header li:hover {
        border: medium none
    }
    #menu ul li.menu-item ul.sub-menu li a:hover{
    	background:none !important;
    	color: #666;
    }
    #menu a {
        color: #000;
        display: block;
        line-height: 30px;
        letter-spacing: 1px;
        font-family: oswaldregular;
        font-size: 21px;
        text-transform: uppercase;
        text-decoration: none;
        border-bottom: 1px solid #ccc;
        padding: 15px 0px;
    }
    #menu ul li.current_page_item > a,
    #menu ul li.current-menu-ancestor > a,
    #menu ul li.current-menu-item > a,
    #menu ul li.current-menu-parent > a {
        border-bottom: 1px solid #cccccc
    }
    #menu .menu-header ul,
    div.menu ul {
        background-color: #ffffff;
    }
    .search-box {
        position: relative;width: auto;
    }
    .hideMenu {
        background: url("../images/close.png")no-repeat #fff;
        position: absolute;top: 38px;right: 20px;z-index: 9;
        width: 22px;height: 22px;
    }
    .close.active {display: block}
    .grid > [class^=cell],
    .tableGrid > [class^=cell] {
       display: block; float: none!important;width: auto;
    }
    /*================*
    * Header
    *==================*/

    .navbar {
        position: relative;
        margin: 0px -15px
    }
    .padding-tb {
        display: table;
        width: 100%
    }
    .logo-table {
        display: table-row
    }
    .logo-table .logo {
        display: table-cell
    }
    .logo-table .showMenu {
        display: table-cell
    }
    .showMenu {
        background: url("../images/toggle-menu.png")no-repeat center center;
        font-size: 1.2em;
        /* border: none; */

        height: 28px;
        /* float: right; */

        position: absolute;
        right: 12px; top:32px;
        width: 34px;
    }
    #menu ul ul {
        position: relative;
        top: 0px
    }
    ul.header-menu li {
        float: none;
       margin: 15px 0;
    }
    ul.header-menu ul.sub-menu li {
    	margin: 0;
    }
    #header ul.social {
        width : 100%;
    }
    .hearder-menu-right {
        float: none
    }
    ul.switch-language {
         display: block; 
          padding: 17px 10px;
    }
    ul.header-menu li:last-child i.genericon-collapse {
        display: none
    }
    .header-navigation .navtoogle,
    .header-navigation .navtoogle.active {
        background-size: 40%;
    }
    #header {
        padding: 0px
    }
    .headerContainer {
        padding: 0px 15px
    }
    .padding-tb {
        padding-top: 10px;
        /*padding-bottom: 10px;*/
    }
    .headerBox {
        display: none;
        position: absolute;
        background: #fff;
        padding: 0px;
        left: 0px;
        padding: 20px;
        right: 0px; top: 0px;z-index: 999;
        margin-left: 0;
    }
    #menu {
        float: none
    }

    #dailyNewsSwiper, #magasineSwiper{padding-bottom: 44px;}
    #oeilDeLecteurs .swiper-pagination, 
    #postImgSwiper .swiper-pagination, 
    #dailyNewsSwiper .swiper-pagination1, 
    #magasineSwiper .swiper-pagination2{ display: block; width: 100%; bottom:2px; }
    /*===================*
    * Footer
    *====================*/

    #collapse {
        padding: 0px 20px
    }
    .cell-collapse.last-cell,
    .cell-collapse {
        float: none;
        width: auto;
        padding-bottom: 30px;
        margin: 0px;
    }
    #collapse h3 span {
        border-width: 1px;
        background-image: url(../images/open-collapse.png);
        background-repeat: no-repeat;
        background-position: center right
    }
    #collapse h3 {
        padding: 0px
    }
    #collapse h3.open span {
        background-image: url(../images/close-collapse.png);
    }
    #collapse h3 + div {
        padding-top: 10px
    }
    #collapse h3 + div p {
        padding-bottom: 15px
    }
    #collapse h3 + div p:last-child {
        padding-bottom: 0px
    }
    ul.footer-menu li {
        display: block;
        padding: 10px 0px
    }
    ul.footer-menu li a {
        border: none; padding: 0px
    }
    
    .mainContent .chapeau{padding:0px; margin-top: 36px;/*72px*/}
    .mainContent section.art form.recherche{width:100%;max-width:100%}
    .mainContent  section.art form.recherche #s{font-size:21px}
    .portfolioContainer .portfolio-item{padding: 10px}
    .owl-carousel .owl-item{ margin: 0 8px; }
    #owl-homeCarrousel.owl-carousel .owl-item .item{padding:0px; text-align: center}
    #owl-homeCarrousel.owl-carousel .owl-item{padding:0px 10px}
 
    .owl-carousel .owl-item img{/*max-width:100% !important;height: auto*/}
    .homeBox .parrains .block-cont{height: auto}
    .homeBox .parrains .image img {max-width: 100%;display: block;height: auto;margin: 0 auto;width:auto;}
    #owl-homeCarrousel .owl-pagination {display: block;}
    #owl-homeCarrousel .owl-buttons {display: none;}
    #owl-article .owl-pagination {display: block;}
    #owl-article .owl-buttons {display: none;}
    .single-img ,.single-img .descrp-item{padding:0px 10px;}
    .single-img img{max-width: 100%;height:auto;}
	.homeBox [class^=cell]{/*width:300px;margin:0 auto;*/ margin-bottom: 10px;}
	.homeBox .agenda .image img{height:auto}



    /*   #header .container {padding: 0 0 16px;} */

    .homeBox .grid { margin: 0;  }
    .homeBox [class^=cell] {  padding: 0;}

    /* ///  /// */
    
    /*
    section.art {
        padding: 0 16px;
    }*/
    
    .rightSide {
       display: none;
    }
    
    .mainContent {
        width: 100%;
        margin: 0;
    }
    

    .info-pra .info {
          margin: 0 0 22px 0;
    }
    
    .info-pra .info .lieu, 
    .info-pra .info .horaire,
    .desc-div {
        float: none;
        width: 100%;
    }
    
    .info-pra .info .horaire,
    .info-pra .info .lieu {
        padding: 0 0 30px 0;
    }
    
    .info-pra .info .desc-div {
        padding: 0;
    }
    
    p.alert {
        display: none;
    }
    
    .par a.imprimer {
        display: none;
    }
    
    .icone_rapide {
        right: 0;
    }
    
    section.art form.recherche {
        /*margin: 68px auto 34px;*/
        margin: 34px auto 17px;
    }
    
    .entete {
        margin: 0 0 35px;
    }
    
    .photo {
        margin: 30px 0 40px;
    }
    
    .art h2.figure {
        margin: 0 0 17px;
    }
    
    /* //// Debut article 2 //// */
    
    .selection select {
        display: block;
        width: 100%;
        margin: 35px 0;
    }
    
    .selection h4 {
        margin: 0 0 30px 0;
    }
    
    .search-portfolio {
      margin: 40px auto;
    }
    section.art form.recherche {
        width: 70%;
         margin:0;
    }
    
    .article2 .block {
      border-bottom: 1px solid #d9d9d9;
      padding-bottom: 11px;/*23px*/
      margin-bottom: 12px;/*24px*/
    }
    
    /**/
    /*
    #page .site-content {
        padding: 0 10px 18px !important;
    }
    
    #page .container {
        padding: 16px !important;
    }
    /*

    
    /**/
   
    /* //// Fin article 2 //// */
    
    .chapeau {
        margin: 36px auto 0;
    }
    
    .chapeau h1 {
        font-size: 28px;/*35px*/ font-family: Acta-ExtraBold;  font-weight: normal;
    }
    
    ul.pagination {
        display: none;
    }
    
    .portfolio-item {
        width: 100%;
    }
    
    
    
    
    /* // DEBUT HOME  // */
    
    #agenda [class^=cell]{ margin-bottom:24px; /*TO CHECK*/ }

    .homeBox .agenda .cell4{}
    .homeBox .agenda .cell4 .image{margin: 0 auto;}
    .homeBox .agenda .cell4 .box-cont{text-align: center;}

    #parrains .container{padding:0 16px;}
    /* .site-content {padding: 18px 0;}*/
    
    #agenda .container {
        padding: 0 16px 35px;
    }
    
     .homeBox .agenda a.lienAgenda {
        margin: 35px auto 0;
    }
    
    .tab-content2 {
        margin: 45px auto 0 !important;
    }

    .homeBox{margin-bottom:6px;}
    
    .homeBox .agenda .box .image i {
        bottom: 4px;
        left: -1px;
        top: auto;
        right: auto;    
    }

    .homeBox .parrains .image, 
    .homeBox .parrains .block-txt {
        width: auto; float: none;
    }
    
    .homeBox .parrains .block-txt {
        padding: 20px 30px;/*40px 30px*/
        margin: 0;
    }

    .homeBox .parrains .block-cont .goLink {
        position: absolute;
        left: 30px;
        width: 90%;;
    }
    
    .homeBox .parrains .block-txt p {
        margin: 11px 0 19px 0;
    }
    
    .homeBox .photoJour,
    .homeBox .bref {
        height: auto;
    }
    
    .homeBox .photoJour .pj-cont .img {
        /*overflow: auto;
        height: auto;*/
        width: 100%;
        height:auto;

    }
    
    .homeBox .photoJour .pj-cont .img img {
        width: auto;
        height:auto;
    }
    
    .lineTitle.widthCenter {
        width: 100%;
    }
    
    .homeBox .agenda .box .box-cont {
        margin: 17px 0 30px;
    }
    
    .abonnez_vous {
        /*padding: 111px 40px 104px;*/
        padding: 55px 40px 52px;
    }
    
    .abonnez_vous p {
        /*margin: 0 0 82px 0;*/
        margin: 0 0 40px 0;
    }
    
    .photoJour .pj-cont .descPhoto {
        margin: 34px 0 80px 0;
    }
    /*
    .homeBox .block2 .bref .brefCont {
        padding: 48px 0 0 0;
    }
    */
    
    /* // FIN HOME  // */ 
    
    .portfolio-card-overlay.photo_city .cat_title {
        display: none;
    }
    
    .portfolio-card-overlay h4.auteur {
        color: #000;display: block !important;
    }
    
    .portfolio-card-overlay h4.auteur a {color: #000;
    }
    
    .portfolio-card-overlay .periode {margin: 12px 0 0;
    }
    /**/
    .left-search .hidden-desktop { display: none;}
    .fullBox { margin-right: 0 !important;}
    .savoir_plus .blk .sp-photo {display: block;width: auto;float: none;padding: 0px;margin: 0 auto 12px; }
    .savoir_plus .blk .sp-cont {  margin-left: 0px;    }
}