.tinynav { display: none }

.neo-head h3 {
    display: block;
}

.neo-head .regions div.change-location {
  margin: 0 20px 0;
    padding: 10px 0 !important;
  font-family: Arimo;
  font-weight: bold; 
  float: left;
  cursor: pointer;
  display: none;
}

.neo-head .region-mobile {
    position: absolute; 
    left: 0; 
    top: 54px; 
    color: #fff; 
    font-weight: bold; 
    padding-left: 5px;
}

.hidden {
    display: none !important;
}

.nav-videos-cat {
    display: none;  
}

.wi-icon {
    font-size: 36px;
}

@media (max-width: 150px) and (min-width: 979px) {
    .neo-head .logo {
        width: 220px;
    }
}

@media only screen and (max-width: 767px) {
    .content {
        padding: 0 2% 3em;
    }

    #divArchives,
    .neo-head .regions p {
        display: none !important;
    }

    .btn-play,
    .date3,
    .blocPhotos,
    .blocVideos {
        display: none !important;
    }

    .blog_box {
        margin: 0 0 20px 0;
    }

    .blog_box_text {
        width: 150px;
    }

    .menu { display: none; }

    .menu ul li {
        background: none;
    }

    .neo-head h3 {
        margin: 0 20px 0;
        color: #FFF;
        font-size: 13px;
        text-transform: uppercase;
    }

    .neo-head .regions,
    .neo-head .topics,
    .neo-head .search,
    .neo-head .social {
        display: none;
        clear: left;
        width: 100%;
    }

    .neo-head .regions.open,
    .neo-head .regions.open-menu,
    .neo-head .topics.open,
    .neo-head .search.open {
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #menuHRes { display: block !important; }
    #menuLRes { display: none !important; }
	.menu {font-size:11px;}
	.menu ul li a {padding:9px 6px;}
	.blog_box_text {width:auto;float:none;clear:both;}
	.tab1 ul li a {font-size:10px;}
	.slider3_area {width:228px;}
	.heading3 h2 {font-size:14px;}
	.heading3 h2 a span {width:202px;}
	.tab_cont ul li p {width:auto;}
	.ban_text h2, .ban_text h2 a  { font-size:18px; line-height:18px;}
	.social_area2 ul li.nosep{padding-right:3px;}
	.social_area2 ul li{padding: 14px 2px 12px 2px;}
	.prev_button{width:50%;}
	.prev_button a{ background:url(/img/button4.jpg) no-repeat left top;}
	.prev_button a:hover{ background-position:0 -24px}
	.next_button{width:50%;}
	.next_button a{ background:url(/img/button4.jpg) no-repeat -114px top;}
	.next_button a:hover{ background-position:-114px -24px;}
	.ban_text{ height:auto; }
	.tab3 ul li a { padding:6px 10px 0 10px;}
	.entreprise ul li { margin-right:25px;}
	.entreprise ul li:hover .popup2 {display:none;}
	.entreprise { background:url(/img/entreprise_bg2.png) no-repeat left bottom; padding-left:53px;}
	.zodiac_box { float:left;}
	.zodiac_box_top a { font-size:18px;}
	.zodiac_bottom span { font-size:11px;}
	.left_block1 ul li a span { font-size:14px;}
    .text_field.emploi { width:255px;}
	.text_area { width:444px;}
    .text_area.emploi { width:255px;}
	.slider4_wrap { width:476px; height:267px;}
  	.slider4 { width:476px; height:267px;}
  	.slider4_bottom { display:none;}
	.fancybox-prev span { left:-35px;}
	.fancybox-next span { right:-41px;}
	.popup4_wrap { left:-300px;}
	.popup4_left { float:left;}
	.popup4_wrap { left:-495px;}
	.heading10 a { font-size:11px;}
	.popup5_right { float:left;}
	.gallery { width:auto;}
	.jcarousel-skin-tango .jcarousel-container-horizontal { width:93% !important;}
	.block4_right { float:left !important;}

    .neo-head .mobile-toggles {
        display: block;
    }

    .search {
        width: 280px;
    }

    .neo-head .parent {
        position: relative;

        /*
        transition: background-color 200ms linear;
        -webkit-transition: color 200ms linear,background-color 200ms linear;
        -moz-transition: color 200ms linear,background-color 200ms linear;
        transition: color 200ms linear,background-color 200ms linear;
        */
    }

    .neo-head .parent:hover .child, 
    .neo-head .topics .parent:hover .sub-menu {
        /*
        opacity: 1;
        transition: opacity 200ms linear,top 0ms linear 0ms;*/
    }

    .neo-head .regions:hover .child {
        /*top: 110px;*/
    }

    .neo-head .top-item,
    .neo-head .top-item #hLogo img {
      height: 105px !important;
      width: auto !important;
    }

    .neo-head .top-item > a, 
    .neo-head .top-item>span {
        display: block;
        padding: 10px;
        color: #FFF;

        /*
        transition: background-color 200ms linear;
        */
    }

    .neo-head h3 {
        margin: 0;
        font-size: 18px;
    }

    .neo-head .regions h3 span {
        display: none;
    }

    .neo-head .regions {
        min-width: 195px;
    }

    .neo-head .parent i {
        font-size: 12px;
        color: #A6A9BB;
    }

    .neo-head .child, 
    .neo-head .topics .sub-menu {
        position: absolute;
        top: 100px;
        right: 0;
        left: 0;
        z-index: 1020;
        padding-bottom: 5px;
        font-size: 14px;

        /*
        opacity: 0;
        transition: opacity 200ms linear,top 200ms linear 200ms;
        */
    }

    .neo-head .child a {
        display: block;
        padding: 5px 20px;
        color: #FFF;
        outline: 0;
    }

    .neo-head h3+p {
        margin: 0;
        color: rgba(0,0,0,0.35);
        font-size: 0.9em;
        text-transform: uppercase;
        font-weight: bold;
    }

    .neo-head .search {
        float: right;
    }

    .neo-head .aSite {
        height: 105px !important;
    }

    .laplaza-full { display: none !important; }
    .laplaza-icon { display: block !important; }
}

@media screen and (min-width: 500px) {
    .neo-head .mobile-toggles .social-toggle {
        display: inline-block;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #menuHRes { display: none !important; }
  aside { display: none !important; }
  .pull-right { float: inherit !important; }
  .post_box { margin-top: 10px !important; }
  .post_pic img {width: 100%;}
  .add1, .add2, .top_bar { display: none !important; }
  .add2 img {width:100%;}
  .blog_box_text{width: 100%;float:left; margin-left:10px;}
  .left_block1 ul li a span { font-size:12px;}
  .footer{padding-bottom: 60px;}
  .footer_nav ul { padding-left: 15px; }
  .footer_left { text-align: center; }
  .footer_logo { text-align: center; }
  .footer_right { display: none; }
  .footer_right h2 { text-align: center; }
  .social_area2 { width:250px; margin:0 auto;}
  /*.header_top { padding: 0; height: auto; }*/
  .tab3 { height:auto;}
  .tab3 ul li { float:none;}
  .entreprise ul li { margin:0 0 10px 32px;}
  .entreprise ul li:hover .popup2 {display:none;}
  .tab3 ul li a { background:#333;}
  .address h2 { font-size:14px; padding:0 0 0 5px;}
  .entreprise { background:0; padding:0;}
  .tab3 ul li a:hover, .tab3 ul li a.current { background:#CCC; border-right:0; border-top:1px solid #fff;}
  .social_area3 { margin:0 0 20px 0; height: 42px; }
  .zodiac_box { float:left;}
  .text_area { width:430px;}
  .text_area.emploi { width:265px;}
  .slider4_wrap { width:480px; height:270px;}
  .slider4 { width:480px; height:270px;}
  .slider4_bottom { display:none;}
  .heading5_left { width:85%;}
  .fancybox-prev span { left:-34px;}
  .fancybox-next span { right: -40px;}
  .logo { float:left;}
  .ban_text2 { height:auto;}
  .ban_text h2, .ban_text h2 a  { font-size:17px; }
  .banner { margin: 0 0 15px;}
  .heading9_right { float:left; background:none;}
  .popup3 { display:none !important;}
  .popup5 { display:none !important;}
  .gallery_pic1 { width:430px;}
  .gallery_pic2 { float:none;}
  .gallery { width:auto;}
  .gallery_pic3 { width:auto;}
  .gallery_pic4 { width:430px;}
  .gallery_pic4 img { width:100%;} 
  .jcarousel-skin-tango .jcarousel-container-horizontal { width:89% !important;}
  .contact_box1 { padding-bottom:10px;}
  .dropdown-menu { display: none !important; }

    .menu { display: none; }

    .neo-head .logo {
        width: 220px !important;
        height: 80px !important;
    }

    .neo-head .logo img,
    .neo-head .top-item #hLogo img {
        height: 80px !important;
    }

    .neo-head .mobile-toggles {
        display: block;
        float: right
    }

    .mobile-toggles {
        float: right;
    } 

    .neo-head .regions, .neo-head .topics, .neo-head .search, .neo-head .social {
        display: none;
        clear: left;
        width: 100%;
    }

    .neo-head .regions.open,
    .neo-head .regions.open-menu,
    .neo-head .topics.open,
    .neo-head .search.open {
        display: block
    }

    .neo-head .mobile-toggles a {
        display: inline-block;
        padding: 30px 15px;
        color: #FFF;
        transition: background-color 200ms linear
    }
    .neo-head .mobile-toggles a i {
        display: inline-block;
        max-height: 14px
    }

    .neo-head .menu-toggle span {
        padding-left: 5px;
        font-size: 14px;
        text-transform: uppercase
    }

    .neo-head .menu-icon {
        position: absolute;
        margin: 7px 10px -4px 0
    }
}

@media only screen and (min-width: 150px) and (max-width: 479px) {
  #menuHRes { display: none !important; }
  #menuLRes { display: block !important; }
  aside { display: none !important; }
  .pull-right { float: inherit !important; }
  .post_box { margin-top: 10px !important; }
  .add1, .add2, .top_bar, .adsbygoogle { display: none !important; }
  .slider1_wrap { width: 320px; height: 168px; }
  .slider1 { width: 320px; height: 168px; }
  .slider_tag { width: 320px; font-size: 10px; overflow: hidden; }
  .hidden2 { display: none; }
  .popup6_wrap { display: none; }
  .popup7_wrap { display: none; }
  .dropdown-menu { display: none !important; }
  .ban_text { height: auto; }
  .ban_text h2, .ban_text h2 a { font-size: 12px; line-height: 16px; padding: 0 21px 5px 10px; }
  .ban_text span { padding: 0 0 0 10px; font-size: 10px; }
  .ban_text span a { font-size: 12px; }
  .blog_box_text{width: 100%;float:left;}
  .footer{padding-bottom: 60px;}
  .footer_nav ul { padding-left: 15px; }
  .footer_left { text-align: center; }
  .footer_logo { text-align: center; }
  .footer_right { display: none; }
  .footer_right h2 { text-align: center; }
  .social_area2 { width: 250px !important; margin:0 auto; }
  /*.header_top { padding: 0; height: auto; }*/
  .post_pic img { width: 100%; }
  .search_area { width: 318px; }
  .left_block1 ul li a strong { font-size:0;}
  .left_block1 ul li a span { font-size:12px;}
  .tab3 { height:auto;}
  .tab3 ul li { float:none;}
  .entreprise ul li { margin:0 0 10px 32px;}
  .entreprise ul li:hover .popup2 {display:none;}
  .tab3 ul li a { background:#333;}
  .address h2 { font-size:12px; padding:0 0 0 5px;}
  .entreprise { background:0px; padding:0px;}
  .tab3 ul li a:hover, .tab3 ul li a.current { background:#CCC; border-right:0; border-top:1px solid #fff;}
  .social_area3 { margin:0 0px 20px 0; height: 42px; }
  .zodiac_box { float:left;}
  .slider4_wrap { width:320px; height:180px;}
  .slider4 { width:320px; height:180px;}
  .slider4_bottom { display:none;}
  .fancybox-next span { right:-40px;}
  .fancybox-prev span { left:-35px;}
  .text_area { width:265px;}
  .fancybox-title-over-wrap { width:92%;}
  .heading5_left { width:85%; font-size:9px;}
  .heading5_left img { margin-right:3px;}
  .heading5_left p { padding:0 5px 0 0;}
  .heading5_right { width:15px; }
  .text_field { margin-bottom:16px;}
  .heading7 h2 { font-size:13px;}
  .heading8 { font-size:10px;}
  .heading8 a { font-size:10px;}
  .banner { margin: 0 0 15px;}
  .heading9_right { float:left; background:none;}
  .popup3 { display:none !important;}
  .popup5 { display:none !important;}
  .gallery_pic1 { width:272px;}
  .gallery_pic2 { float:none;}
  .gallery { width:auto;}
  .tag4 { width:auto;}
  .gallery_pic3 { width:auto;}
  .gallery_pic4 { width:270px;}
  .jcarousel-skin-tango .jcarousel-container-horizontal { width:82% !important;}
  .contact_box1 { padding-bottom:10px;}
  /*.rsGCaption{ display: none;}*/

    .neo-head .logo {
        width: 180px !important;
        max-height: 80px !important;
    }

    .neo-head .social-toggle {
        display: none;
    }

    .neo-head .mobile-toggles a {
        display: inline-block;
        padding: 30px 10px;
        color: #FFF;
        transition: background-color 200ms linear
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .neo-head .logo {
        width: 220px;
    }

    .container #nav li.home {
        display: none;
    }

    .slider1_wrap,
    .slider1_wrap2,
    .slider2_wrap,
    .slider1, 
    .slider_tag {
        width: 300px;
    }

    .slider_tag {
        background: #000000;
        line-height: 19px;
        height: 81px;
    }

    div[id*="sas-fixedDiv"], 
    div[id*="sas-relContainer"], 
    div[id*="sas-absContainer"] {
        width: 100% !important;
    }

    div[id*="sas-fixedDiv"]
    {
        margin-right: auto;
        margin-left: auto;
    }

    .menu { display: block; }

    ul.laplaza-carousel div.jachete-container {
        width: 228px;
    }

    div.jachete-container .jachete {
        left: 26%;
    }
}

@media screen and (max-width: 779px) {
    .separator,
    .neo-head .regions p { display: none; }
    .neo-head .regions h3 {
      position: relative;
    }

    .neo-head h3 {
      color: #FFF;
      text-transform: uppercase;
    }

    .neo-head .regions-open .topics, 
    .neo-head .regions-open .regions h3, 
    .neo-head .regions-open #locality-menu {
      display: none;
    }

    .neo-head .regions-open div.change-location {
      float: right;
      display: block !important;
      color: #FFF;
    }

    .neo-head .regions a.aSite {
          display: block !important;
          height: auto !important;
          padding: 10px 0 !important;
    }

    .mobile-toggles {
        float: right;
    } 

    .top-item,
    .neo-head .logo img {
        height: auto !important;
    }

    .neo-head .regions,
    .neo-head .topics, 
    .neo-head .search, 
    .neo-head .social {
        display: none;
        clear: left;
        width: 100%;
    }

    .neo-head .regions.open,
    .neo-head .regions.open-menu,
    .neo-head .topics.open,
    .neo-head .search.open {
        display: block
    }

    .neo-head .mobile-toggles {
        float: right
    }

    .neo-head .mobile-toggles a {
        display: inline-block;
        padding: 30px 15px;
        color: #FFF;
        transition: background-color 200ms linear
    }

    .neo-head .mobile-toggles a i {
        display: inline-block;
        max-height: 14px
    }

    .neo-head .menu-toggle span {
        padding-left: 5px;
        font-size: 14px;
        text-transform: uppercase
    }
    .neo-head .menu-icon {
        position: absolute;
        margin: 7px 10px -4px 0
    }

    .neo-head #regions-menu {
      display: none;
    }

    .neo-head .regions-open #regions-menu {
      display: block;
      overflow: hidden;
      padding-bottom: 20px;
    }

    .neo-head [id*="-menu"] li:nth-child(2n+1) {
      clear: left;
    }

    .neo-head [id*="-menu"] li {
      float: left;
      width: 50%;
      font-size: 14px;
    }

    .neo-head [id*="-menu"] li>a {
      display: block;
      padding: 10px 20px;
    }

    .nav-videos-cat {
        display: inline-flex !important;
    }
}

@media screen and (min-width: 768px) {
    .neo-head .mobile-toggles,
    #topics-menu {
        display: none;
    }

    .search {
        width: 280px;
    }

    .neo-head .parent {
        position: relative;
    }

    .neo-head .regions h3 span {
      display: none !important;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 20px;
    }

    .neo-head .parent:hover .child, 
    .neo-head .topics .parent:hover .sub-menu {
        opacity: 1;
    }

    .neo-head .regions:hover .child {

    }

    .neo-head .top-item > a, 
    .neo-head .top-item>span {
        display: block;
        padding: 10px;
        color: #FFF;
    }

    .neo-head .regions p {
      display: block;
    }

    .change-location {
      display: none;  
    }

    .neo-head .regions-open div.change-location i {
      display: block;
      float: right;
    }

    .neo-head .regions {
        width: 190px;
    }

    .neo-head .parent i {
        font-size: 12px;
        color: #A6A9BB;
    }

    .neo-head .child, 
    .neo-head .topics .sub-menu {
        position: absolute;
        top: 105px;
        right: 0;
        left: 0;
        z-index: 1020;
        padding-bottom: 5px;
        font-size: 14px;
    }

    .neo-head .child a {
        display: block;
        padding: 5px 20px;
        color: #FFF;
        outline: 0;
    }

    .neo-head h3+p {
        margin: 0;
        color: rgba(0,0,0,0.35);
        font-size: 0.9em;
        text-transform: uppercase;
        font-weight: bold;
    }

    .neo-head .search {
        float: right;
    }

    .neo-head .regions.open-menu .aSite p,
    .neo-head .regions.open .aSite p {
        color: #A6A9BB;
        color: rgba(0,0,0,0.4);
    }

    .neo-head .regions .aSite p:before {
	    color: #fff;
	    content: attr(data-hover);
	    position: absolute;
	    opacity: 0;
	    text-shadow: 0 0 1px rgba(255,255,255,0.3);
	    -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	    -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	    transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
	    transition: transform 0.3s, opacity 0.3s;
	    pointer-events: none;
    }

    .neo-head .regions .aSite:hover p {
        color: #A6A9BB;
        color: rgba(0,0,0,0.4);
    }
}

@media screen and (min-width: 979px) {
    .laplaza-full { display: block; }
    .laplaza-icon { display: none; }
}