@media all and (max-width: 989px) {
  html {
    font-size: 18px;
  }
  .tab,
  .tab_smart,
  .icSmenu,
  .icMenu,
  .icInfos {
    display: block;
  }
  .zone,
  .front .view-videos .views-row-5,
  .reseaux .icMenu2,
  .foot2 .bAdmin,
  .zInfos .menu li a:after,
  .bRech .form-type-checkboxes {
    display: none;
  }
  /* navi */
  .navi ul.menu ul.menu {
    display: none;
    visibility: visible;
    opacity: 1;
    position: relative;
    width: auto;
  }
  .navi ul.menu li {
    display: block;
    width: auto;
  }
  .sideL {
    position: relative;
    z-index: 100;
  }
  .navi {
    text-align: left;
  }
  .navi.scrolled .intNavi,
  .navi .intNavi {
    z-index: 130;
    position: relative;
  }
  .nomTaxo span {
    background: url("../images/bt_menu2.png") no-repeat 5px center;
    background-size: 20px;
    padding-left: 32px;
    text-align: left;
  }

  .zMenu ul.menu li a {
    border-width: 2px;
  }
  .zMenu {
    padding: 0px;
    width: 100%;
    -moz-column-count: inherit;
    -moz-column-gap: normal;
    -webkit-column-count: inherit;
    -webkit-column-gap: normal;
    column-count: inherit;
    column-gap: normal;
  }
  .zMenu ul.menu li {
    border: 0px solid #ccc;
    margin: 0px;
  }
  .zMenu ul.menu li a {
    padding: 12px 5% 8px 5%;
    margin: 0px;
    font-size: 0.9em;
  }
  .zMenu ul.menu li ul.menu li a {
    font-size: 15px;
  }
  .zMenu ul.menu li ul.menu li a {
    padding: 10px 5%;
  }
  .zMenu ul.menu li ul.menu {
    border-bottom: 2px solid #333;
  }
  .lienWeb a {
    padding: 9px 0 9px 50px;
  }
  .taxo15 .zMenu ul.menu li:nth-child(1) ul.menu,
  .taxo19 .zMenu ul.menu li:nth-child(2) ul.menu,
  .taxo17 .zMenu ul.menu li:nth-child(3) ul.menu,
  .taxo13 .zMenu ul.menu li:nth-child(4) ul.menu,
  .taxo16 .zMenu ul.menu li:nth-child(5) ul.menu,
  .taxo14 .zMenu ul.menu li:nth-child(6) ul.menu,
  .taxo18 .zMenu ul.menu li:nth-child(7) ul.menu {
    display: block;
  }
  /* fin navi */
  .icMenu2 {
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .front .logo img {
    width: 555px;
  }
  .front .head1 {
    padding: 35px 0;
  }

  .head1 {
    padding: 10px 0;
  }
  .icHome {
    margin-left: 2%;
    height: 40px;
    width: 112px;
    position: relative;
    background: url(../images/logo_tvdma.png) no-repeat left center;
    background-size: auto 30px;
    border-width: 0px;
  }
  .bRech .form-type-checkboxes {
    left: 0px;
    width: 100%;
  }
  .zRech {
    width: 100%;
    padding-bottom: 0px;
  }
  .bRech form .container-inline {
    width: 100%;
  }
  .bRech form .form-type-textfield input {
    padding: 25px 4%;
    width: 92%;
  }
  .bRech form .form-type-textfield {
    width: 90%;
  }
  .tabDiapo .img {
    height: 220px;
    width: 411px;
  }
  .line .itemActu:hover .tabDiapo .text h2 {
    font-size: 24px;
  }
  .front .views-slideshow-controls-bottom {
    left: 435px;
  }
  #block-views-partenaire-diapo .view-content {
    width: 630px;
  }

  #block-views-partenaire-diapo .views-slideshow-controls-top a {
    top: 75px;
  }
  .front .boxLogo {
    height: 155px;
    width: 125px;
  }
  .front .boxLogo img {
    max-height: 125px;
    max-width: 125px;
  }
  .front .block-views {
    margin-top: 40px;
  }
  .menus2 {
    position: relative;
    margin-bottom: 30px;
    height: 42px;
    padding-top: 8px;
  }
  .menus2 .bNews,
  .menus2 .bTVDMA {
    top: 8px;
  }
  .menus2 .pop {
    top: auto;
    bottom: 50px;
    width: 100%;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    width: 280px;
  }
  .bTVDMA .menu li a {
    padding: 13px 50px;
  }
  .icInfos,
  .icInfos:hover {
    background-color: transparent;
    position: absolute;
    right: 2%;
  }
  .icInfos.fermer {
    border: 1px solid #fff;
  }
  .bInfos {
    height: 100px;
  }
  .zInfos {
    position: absolute;
    bottom: 130px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 200;
  }
  .zInfos .menu li a,
  .zInfos .menu li:last-child a {
    color: #000;
    padding: 15px 4px;
  }
  .boxIt h3 {
    padding: 0 10px;
    font-size: 25px;
  }
  .boxActu .img {
    width: 300px;
  }
  .boxActu .textes {
    padding-left: 25px;
  }
  .zNews {
    padding: 35px;
  }
  .menus2 .zNews {
    right: 0px;
  }
  .menus2 .zTVDMA {
    left: 0px;
  }
  .footer {
    padding: 0px;
    position: relative;
    height: 100px;
    background: #0f6e9e;
  }
  .zInfos .menu li a {
    font-size: 0.8em;
  }
  .foot2 {
    position: absolute;
    top: 5px;
    right: 210px;
  }
  .foot2 a {
    padding: 0px;
  }
  .line {
    margin: 30px 0;
    padding: 0px;
  }
  .node-type-page .intro {
    font-size: 1.15em;
  }
  .tag1,
  h1 {
    font-size: 2.2em;
    padding-top: 01em;
  }
  .ariane a::after {
    height: 16px;
  }
  .bMenu .icMenu.fermer {
    background-image: url("../images/bt_menu2.png");
    background-color: #10587e;
    color: #fff;
  }
  .zInfos .menu li a {
    background-size: auto 15px;
    padding: 0 15px 0 5px;
  }
  p,
  pre {
    margin: 1.3em 0;
  }
  .field-name-field-addthis {
    margin-right: 0px;
    margin-left: 50px;
  }
  .box_rsD ul.links a {
    right: auto;
    left: 0px;
  }
  .box_rsD {
    top: auto;
    right: auto;
    position: relative;
  }
  .node-type-article .box_rsD {
    top: auto;
    margin-top: 25px;
  }
  .listePage .view-header {
    margin-bottom: 25px;
  }
  .l_video iframe,
  .videoShow .video iframe {
    height: 411px;
    width: 730px;
  }
  .node-type-vid-o .tag1 {
    padding-top: 50px;
  }
  .zSmenu ul.menu li a {
    font-size: 0.9em;
    padding: 13px 32px;
  }
  .nomTaxo span {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .page-node-3 h1 {
    font-size: 3.5em;
    padding-bottom: 35px;
  }
  .page-node-3 h2 {
    font-size: 2em;
  }
  h2 {
    margin-top: 1em;
  }
  .boxLogo {
    height: 150px;
    width: 150px;
  }
  .boxLogo img {
    max-height: 150px;
    max-width: 150px;
  }
}

@media all and (max-width: 640px) {
  .menus2 .bTVDMA {
    position: relative !important;
  }
  .menus2 .bNews {
    position: relative !important;
  }
  .menus2 {
    height: 102px !important;
  }
  .titreHome .titreH2 h2{
	White-Space: inherit;
  }
  .jDiaporama, .jDiaporama ul{
	
    margin-bottom: 275px;
  }
  menu, ol, ul{
	padding: 0;
  }
  .contentSousmenu2{
		width: 100%;
		height: AUTO;
	}
	
}


@media all and (max-width: 400px) {
	.vue .diapoPartenaires .jDiaporama_controls .prev{    left: -105px;}
	.vue .diapoPartenaires .jDiaporama_controls .next{left: 189px; }
	.vue .diapoPartenaires .jDiaporama_controls .next{top:-20px;}
	.vue .diapoPartenaires .jDiaporama_controls .prev{top:-20px;}
	#mc_embed_signup{
		width: 100%;
	}


}
@media only screen and (min-device-width : 644px) and (max-device-width : 760px){
.vue .diapoPartenaires .jDiaporama_controls .prev{
	left: -339px;
}
.contentSousmenu2{
  width: 100%;
  height: AUTO;
}

.vue .diapoPartenaires .jDiaporama_controls .next{
	left: 289px;
}
#mc_embed_signup{
	width: 100%;
}

}