/*CSS FOR RESPONSIVE LAYOUTS*/



@media only screen and (min-width: 1024px)  {
.header_nav_holder{display: none;}
}


@media only screen and (min-width: 961px) and (max-width: 1023px) {
#container{ width: 1000px;}
.container {width: 980px; }
.carousel .owl-controls .owl-prev {top: -28px!important;right: 31px!important;}
.carousel .owl-controls .owl-next {top: -28px!important;right: 5px!important;}
.social-icons h6 {font-size: 0;}
.subhead .zone-interactive{display:none;}
.subhead .zone-logo {border-right: none;}
.emergence ul li a {font-size: 13px;padding: 0px 16px;}
.emergence h4 { padding: 10px 17px 11px 30px;}
.flexslider.news-items-slider .slides .flex-content{width: 448px!important;}
.news-items-slider h3 {font-size: 18px;line-height: 27px;}
.tabs-nav li a { font-size: 12px; padding: 2px 7px;}
.news-items-slider .title-rubrique h2{font-size: 15px!important}
ul.outils li a {float: none; padding: 0; width: 100%;}
ul.outils li a span { right: 31%;}
.tab-content2 { min-height: 272px;  max-height: 272px;}
.box-communique .tab-content { max-height: 302px;min-height: 302px;}
.tabs-nav li.active a { width: 76px;}
.tabs-nav2 li a { font-size: 9px;}
.service-item {  min-height: auto;  max-height: none;}
ul.slidecontrols li a.prev {  top: -28px; right: 24px ;}
ul.slidecontrols li a.next {right: -2px; top: -28px ;}
.header_nav_holder{display: none;}
.right-block .tabs-nav li.active a {width: 104px;}
.divider { width: 332px;    left: 66.1%;}
.footer-pub h3 {font-size: 28px;    line-height: 34px;}
}
/*___________________________________________________________________*/

/*---------------iPad & Samsung Galaxy Tablets portrait---------------*/
/*___________________________________________________________________*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
#container{ width: 794px;}
.container {width: 714px; }
.sidebar .widget  .top-search input{width: 145px;}
.after-nav-info{display: none;}
.flex-slider-text{ margin-top: 60px;margin-bottom: 60px; }
.flex-slider-text h1{font-size: 22px;line-height: 28px;}
.flex-slider-text p{font-size: 13px;line-height: 21px;}
.news-items-slider .title-rubrique h2{font-size: 17px!important}
ul.main-menu.alternative{float: left;width: 100%;display: block;margin-top: 15px;}
ul#portfolio-container.two-columns li {width: 47.88%;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 38%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 38%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 31.5%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 31.5%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 26%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 26%;}
.portfolio-item:hover  a.item-permalink{left: 26%;}
.portfolio-item:hover  a.item-preview{right: 26%;}
.blog-item.small:hover  a.item-permalink{display: none;}
.blog-item.small:hover  a.item-preview{display: none;}
.blog-item.medium:hover  a.item-permalink{left: 34%;}
.blog-item.medium:hover  a.item-preview{right: 34%;}
.blog-item.large:hover  a.item-permalink{left: 42%;}
.blog-item.large:hover  a.item-preview{right: 42%;}
.blog-post.layout-2 .media-holder{ float:left;width: 110px;}
.comment-entry{margin:-70px 0 0 90px;width:75%;}
ul.commentlist li.child .comment-entry{  width:70%;}
.main-menu > li > a {padding: 18px 6px;}
.main-menu > li:hover > a { padding-left: 5px;}
ul.outils li a {float: none; padding: 0; width: 100%;}
#logo span {font-size: 17px;    line-height: 21px;}
.subhead .zone-logo { width: 250px;}
.box-block-info { width: 40%;}
.news-actu .no-highlight .zone-img {float: none;width: 100%;margin-right: 0;}
.button, button, input[type=submit], input[type=button], input[type=reset] {padding: 11px 10px 10px;}
footer .zone-logo #logo span {font-size: 15px;line-height: 20px;}
footer .social-icons h6 {margin-top: 0;font-size: 0; }
#style2 footer  .social-icons ul {padding: 5px;}
#accueil .one-half {width: 100%;     margin:0 0 20px 0;}
.news-items-slider h3 {    font-size: 18px;   line-height: 30px;}
.tabs-nav li.active a { width: 255px;}
.box-communique .tab-content {max-height: 226px; min-height: 226px; height: 226px;}
ul.box-communique li {    padding: 4px 4px 4px 37px;   background-size: 30px;}
.tab-content2 { min-height: auto; max-height: auto;}
.banniere{display: none;}
.service-item {   min-height: 321px;    max-height: 321px;}
.footer-pub h3 {font-size: 15px; line-height: 27px; margin-top: 36px; margin-bottom: 12px}
ul.mobileapps li a img { width: 81%;}
ul.mobileapps li {margin: 22px 0 15px 0;}
.header_nav_holder{display: none;}
.right-block .tabs-nav li.active a {width: 72px;}
.divider {width: 243px;left: 66%;}
.tabs-nav2 li a { font-size: 9px;}
.actu-video .box-block { max-height: 100%;}
.right-block .tile_rubrique h3{ font-size: 13px;}
.right-block ul.rubrique-site li a { font-size: 8px;}
.right-block .dossier .service-item {  max-height: 100%;}
.right-block #publication .service-item {max-height: 100%; min-height: auto}
.img-share {width: 100%;}
.footer-pub h3 {font-size: 28px;}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#container{ width: 440px;}
.container {width: 400px; }
.flexslider .slides img {width: 100%!important;}
.project-meta {  width: 100%;}
#main-navigation select { display: block}
#main-navigation ul{display: none;}
#main-navigation select {margin: 30px auto;  width:300px;} 
.after-nav-info{ width: 100%;text-align: center;}
header #logo{width: 100%;float: left;border-bottom: 1px solid #C5C5C5;     margin-bottom: 8px;padding-bottom: 15px;}
#logo span { font-size: 26px;line-height: 29px; text-align: left;}
.top-search{display: none;}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth{ float:left;position:relative;width: 100%; margin-right: 0!important;margin-bottom: 20px;}
 #header-links ul.social-links{display: none;}
#header-links  div{margin-bottom: 0px;}
ul#portfolio-container.two-columns li,  ul#portfolio-container.three-columns li,  ul#portfolio-container.four-columns li {width: 47.88%;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 28%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 28%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left:28%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right:28%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 40%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 40%;}
.portfolio-item:hover  a.item-permalink{left: 28%;}
.portfolio-item:hover  a.item-preview{right: 28%;}
 ul.pricing-boxes li{margin-bottom: 20px;}
 ul.pricing-boxes.five li {width:99%; }
 ul.pricing-boxes.four li {width: 99%;}
 ul.pricing-boxes.three li {width: 99%; }
ul.pricing-boxes li .plan-features{ border-right:1px solid #e6e9ee;}
.plan-features ul li{margin-bottom: 0px;}
.blog-post.layout-2 .media-holder{width: 400px;margin-bottom: 20px; margin-right: 0px;}
.blog-item.small:hover  a.item-permalink{left: 40%;}
.blog-item.small:hover  a.item-preview{right: 40%;}
.blog-item.medium:hover  a.item-permalink{left: 30%;}
.blog-item.medium:hover  a.item-preview{right: 30%;}
.blog-item.large:hover  a.item-permalink{left: 40%;}
.blog-item.large:hover  a.item-preview{right: 40%;}
#filterable li {margin-bottom: 5px;}
#filterable li a {padding: 5px 8px;}
 #breadcrumb{ text-align: center;padding-bottom: 15px;}
#breadcrumb .one-half{margin-bottom: 0px;}
#breadcrumbs ul{float:left;width: 100%;text-align: center}
.comment-entry{margin:-70px 0 0 90px;width:66%;}
ul.commentlist li.child .comment-entry{  width:56%;}
ul.outils li a {float: left; width: 100%;padding: 0;}
.subhead .zone-logo {float: none;width: 100%;}
#logo img {width: 35%;}
.box-block-info { padding-left: 0; border-left: none; width: 100%;float: none;}
.box-block-info:after{background: none;}
.tabs-nav li.active a { width: 130px;}
.box-communique .tab-content {max-height: 226px; min-height: 226px; height: 226px; }
.tab-content2 { min-height: 174px;max-height: 174px;}
.banniere{display: none;}
.news-actu .no-highlight {   margin-bottom: 0;}
.bottom.big-content .one-fourth { width: 100%;}
.bottom.big-content .one-half {  width: 100%;}
.actu-video .service-item .play i {  top: -49px;}
#foooter #logo { border-bottom: none; !important}
footer .zone-logo { margin-bottom: 22px;}
.text{ text-align: center;  margin-bottom: 191px;}
.phone{position: absolute; bottom: -21px;}
ul.mobileapps li {display: block;margin: 0%;float: left;text-align: center; width: 50%;}
.footer-pub h3 {font-size: 31px;}
.f-logo {top: 0;}
.f-right {float: none;}
.text-right {text-align: center; }
.text-left {text-align: center;}
.copyright {text-align: center !important;justify-content: center;}
.social-icons ul {text-align: center; padding: 0;}
.social-icons {font-size: 0; float: none; width: 100%;}
.divider{ display: none;}
.article .partager {  display: none;}
.entry-image {  max-height:100%}  
.twitter .tile_rubrique h3 {color: #4D9BD7;}
.img-share {width: 100%;}
.vids:after{display: none}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .vids:after{display: none}
.flexslider .slides img {width: 100%!important;}
.project-meta {  width: 100%;}
.tile_rubrique h3 { font-size: 14px;}
.img-share {width: 100%;}
.entry-image {  max-height:100%}  
ul.rubrique-site li a {  font-size: 8px;}
.text{ text-align: center;  margin-bottom: 191px !important;}
ul.mobileapps li a img {width: 86%;}
.divider{display: none;}
.twitter .tile_rubrique h3 { color: #55ACEE;}
.article h3 {font-size: 20px; line-height: 29px;}
.article .partager{display: none;}
.news-items-slider .rubrique {  display: none;}
.news-items-slider .date {  font-size: 10px;}
.news-items-slider .plus { font-size: 10px;}
#style2 .flexslider.news-items-slider .slides .flex-content {position: relative !important;}
.flexslider.news-items-slider .slides .flex-content .content {background: #000;}
.news-items-slider .title-rubrique { display: none;}
.news-items-slider:before {display: none;}
.box-communique .tabs-container { width: 100%;}
.box-communique .tabs-nav {width: 100%}
.phone{position: absolute!important; bottom: -21px;}
ul.mobileapps li {display: block;margin: 0%;float: left;text-align: center; width: 50%;}
.footer-pub h3 {font-size: 31px;}
footer .social-icons h6 {font-size: 0}
footer .social-icons ul {text-align: center;margin-top: 26px;}
.big-content #menu{display: none;}
.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth{ float:left;position:relative;width: 100%; margin-right: 0!important;margin-bottom: 20px;}
.f-logo {top: 0;}
.f-right {float: none;}
.text-right {text-align: center; }
.text-left {text-align: center;}
.copyright {text-align: center !important;justify-content: center;}
.actu-video h3 {margin: 12px 0 0 0;padding: 0 ;}
.actu-video .service-item .play i {  top: -49px;}
.bottom.big-content .one-fourth { width: 100%;}
.bottom.big-content .one-half {  width: 100%;}
.news-actu .no-highlight {margin-bottom: 0;}
.tabs-nav li.active a { width: 202px!important}
.tabs-nav2 li a { font-size: 9px;}
.banniere{display: none;}
#container{ width: 300px;}
.container {width:260px; }
.box-communique .tab-content {  max-height: 238px; min-height: 238px;}
#main-navigation select { display: block}
#main-navigation ul{display: none;}
#main-navigation select {    margin: 30px auto;width: 80%;} 
.after-nav-info{ width: 100%;text-align: center;}
.box-block-info:after{background: none;    width: 0;height: 0;}
.box-block-info {padding-left: 0;border-left: 0; width: 100%;float: none;}
.subhead .zone-logo { margin-bottom: 39px;}
ul.outils li a {float: none; font-size: 0; width: 9px;}
#logo{text-align:center;width: auto;float: left;}
ul.outils li a span {  right: 22px;}
#pub {display: none;}
#logo img { width: 62%;float: none;margin-bottom: 15px;margin-right: 0;}
a#logo span {text-align: center; display: block;position: relative;margin-bottom: -17px;
.top-search{display: none;}
 #header-links ul.social-links{display: none;}
#header-links  div{margin-bottom: 0px;}
ul#portfolio-container {margin:0 0  0 0%;}
ul#portfolio-container.two-columns li,  ul#portfolio-container.three-columns li,  ul#portfolio-container.four-columns li {width: 98%;margin-right: 0!important;}
ul#portfolio-container  .flex-control-nav li, .blog-post .flex-control-nav li{ width: 10px;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left: 33%;}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right: 33%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink{left:33%;}
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview{right:33%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink{left: 33%;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview{right: 33%;}
.portfolio-item:hover  a.item-permalink{left: 33%;}
.portfolio-item:hover  a.item-preview{right: 33%;}
 ul.pricing-boxes li{margin-bottom: 20px;}
 ul.pricing-boxes.five li {width:99%; }
 ul.pricing-boxes.four li {width: 99%; }
 ul.pricing-boxes.three li {width: 99%;}
ul.pricing-boxes li .plan-features{ border-right:1px solid #e6e9ee;}
.plan-features ul li{margin-bottom: 0px;}
.blog-post.layout-2 .media-holder{width:260px;margin-bottom: 20px; margin-right: 0px;}
.blog-item.small:hover  a.item-permalink{left: 33%;}
.blog-item.small:hover  a.item-preview{right: 33%;}
.blog-item.medium:hover  a.item-permalink{left: 33%;}
.blog-item.medium:hover  a.item-preview{right: 33%;}
.blog-item.large:hover  a.item-permalink{left: 33%;}
.blog-item.large:hover  a.item-preview{right: 33%;}
#filterable li {margin-bottom: 5px;}
#filterable li a {padding: 5px 8px;}
 #breadcrumb{ text-align: center;padding-bottom: 15px;}
#breadcrumb .one-half{margin-bottom: 0px;}
#breadcrumbs ul{float:left;width: 100%;text-align: center}
.comment-entry{margin:-70px 0 0 90px;width:66%;}
ul.commentlist li.child .comment-entry{  width:56%;}
.blog-post.layout-3{width: 98%; margin-right: 0%!important}
ul.commentlist li.child{margin-left: 0px;}
.comment-entry{ margin:0px 0 0 0px;width:82%;}
ul.commentlist li.child .comment-entry{   width:82%;}
form.simple-form   textarea {width: 90%; }
.comment > .avatar,.comment-arrow{display: none;}


}