/* Large desktop */
@media (min-width: 1200px) {  }

@media (max-width: 1000px) { 

	.sub-footer{padding:40px 15px 0 15px;}
	.footer, .top-bar{padding:0 15px;}
 }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

	.home .vc_row-fluid  .vc_span3{width:47%;}
	.home .vc_row-fluid  .vc_span3:nth-of-type(3){clear:left;margin-left:0;}
	.home .wpb_column .content{height:60px;}
	
	.portfolio-view-nav-actus {margin-left:0;}
	.portfolio-view-nav-actus li{margin-right:4px;}
	
	.slider { margin-top: 0px !important;}
	
	.navbar { margin-bottom: 0; }
	
	.flex-direction-nav a { display: none !important; }
	
	.flex-control-nav {width: 750px; position: absolute; bottom: 103px; text-align: right;}
	
	.navbar-inner {
		padding: 0px 42px 0px 42px !important;
	}
	.nav-list .active:after  {
		position: absolute;
		content: "";
		width: 117px;
		height: 49px;
		margin-top: 0px;
		margin-left: 75px !important;
		background: transparent url(../img/vertical_tab_active_shadow2.png) no-repeat right top !important;
		z-index: -1;
	}
	.nav-list .active:before  {
		position: absolute;
		content: "";
		width: 117px;
		height: 49px;
		margin-top: -50px;
		margin-left: 75px !important;
		background: transparent url(../img/vertical_tab_active_shadow1.png) no-repeat right top !important;
		z-index: -1;
	}
	.nav-list .first:before  {
		background: none !important;
	}
	.nav-list .last:after  {
		background: none !important;
	}
	.side-time, .side-comment {
		/* height: 40px !important;
		background: #86c543; */
		margin-bottom: 5px;
		text-align: center;
	}
	.side-time h3, .side-comment h3 {
		color: #fff !important;
		font-weight: bold !important;
		margin: 0px 0 0 0 !important;
		padding: 0 0 0 0 !important;
		line-height: 32px;
		/* font-size: 14px; */
	}
	.side-time p, .side-comment p {
		color: #fff;
		/* margin-top: -12px; */
		font-size: 7px;
	}
	.side-comment {
		height: 60px;
		background: #444;
	}
	.side-comment p:after {
	    content: "";
	    width: 0px;
	    height: 0px;
	    border-top:12px solid #444;
	    border-right:12px solid transparent;
	   margin-top: 20px;
	   margin-left: -25px;
	    position: absolute;
	    z-index: 100;
	}
	.avatar {
		position: absolute;
		margin-left: -87px;
		top: 0;
		width: 45px;
	}
	.avatar img {
		width: 45px;
	}
	
	.nav-list li a  {
		padding: 14px 22px;
		font-size: 12px;
		color: #555;
		background-position: 92%, 5px bottom !important;
	}
	.nav-list .first a  {
		background: url(../img/vertical_tab_line_first.png) no-repeat, url(../img/vertical_tab_divider.png) no-repeat !important;
		background-position: 92%, 5px bottom !important;
	}
	.nav-list .last a  {
		background: url(../img/vertical_tab_line_last.png) no-repeat !important;
		background-position: 92%, 5px bottom !important;
	}
	.nav-list li a:hover  {
		color: #fff;
		text-shadow: 1px 1px #4c4c4c !important;
		background: transparent url(../img/vertical_tab_active.png) no-repeat right !important;
	}
	.nav-list .active a  {
		background: transparent url(../img/vertical_tab_active.png) no-repeat right !important;		
	}
	.footer-bubble .bubble{
		padding-left:10px;
	}
	.row-fluid .nlRadio{
		margin-left: -15px;
		width: 27%;
	}
 }
 
@media (max-width: 800px){
		/* PAGE NOTRE RESEAU */
		.reseauLeftBlock {
				width:100% !important;
				float:none !important;
		}
		.reseauLeftBlock .row-fluid [class*="span"]{
				float:left;
				width:48%;
				margin-left:2.2869022869022873%;
		}
		.reseauLeftBlock .row-fluid [class*="span"]:first-child{
				margin-left:0;
		}
		.reseauMap{
				width:100% !important;
				float:none !important; 
				margin-left:0 !important;
		}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.tp-caption.sliderHomeCaptionStyle{width: 97%;}

	.home .vc_row-fluid  .vc_span3{width:47%;}
	.home .vc_row-fluid  .vc_span3:nth-of-type(3){clear:left;margin-left:0;}
	.home .wpb_column .content{height:80px;}
	.home .vc_row-fluid .vc_span8{width:100%;}
	.home .vc_row-fluid .vc_span4{clear:left;width:100%;margin-left:0;}
	
	.home .head-bubble h4, .home .head-bubble a.btn{width:48%;}

	#tmq-power-shortcodes-2{
		margin: 0 ;
		width: 100%;
	}

	section{padding-top:0;}
/* 	.content .container {padding-top:0;} */
	.sub-footer .row-fluid [class*="span"], .footer .row-fluid [class*="span"]  {
		margin-bottom: 22px !important;
	}
	.sub-footer {
		padding-top: 30px;
	}
	[class*="span"] {
		margin-bottom: 22px;
	}
	body { margin: 0 0 0 0; padding: 0 0 0 0 ; }
	.container { padding: 22px 22px 22px; }
	.content {
		margin-top: -60px;
	}
	.brand {
		width: 100%;
		margin-right: 15px !important;
		position: relative;
		top: -10px;
		text-align: center;
	}
	.nav {
		display: block !important;
	}
	.nav-collapse.collapse {
		padding-bottom: 10px;
	}

	.row {
		margin: 0 0 0 0 !important;
	}
	.content-bubble {
		margin-bottom: 62px;
	}
	.content-bubble-triangle {
	   width: 0px;
	   height: 0px;
	   border-top:30px solid #fff;
	   border-right:30px solid transparent;
	   margin-top: -63px;
	   left: 0;
	   position: relative;
	   margin-bottom: 22px;
	}
	.breadcrumb {
		width: 100%;
		text-align: right;
		position: absolute;
		margin-top: -76px !important;
		right: 0;
		border-radius: 0;
		padding: 19px 22px 20px 22px;
		background: url(../img/breadcrumbs_bg.png) no-repeat right;
		
	}
	.breadcrumb:after {
		display: none;
	}
	.navbar-inner {
		padding: 0px 42px 0px 42px !important;
	}
	.flex-control-nav {display: none;
	}	
	.slider { margin-top: 0px !important;}
	.flex-control-nav {width: 162px; position: absolute; bottom: 103px; text-align: right;}
	.flex-direction-nav a { display: none !important; }
	
	.navbar { margin-bottom: 0; }
	
	.navbar .nav {
		display: none !important;
	}
	.navbar select.tinynav{display: block;}
	.navbar .container {
		width: 225px;
		padding: 0 0 0 0 !important;
		padding-top: 25px !important;
	}
	
	#tinynav1 {
		position: relative;
		top: 10px;
		width: 100%;
		font-size: 11px;
		padding-top: 6px;
	}
	
	#tinynav1 option {
		padding: 5px 5px 5px 5px;
	}
	
	.navbar-inner-fullwidth #tinynav1 {
		top: -7px;
		width: 100%;
	}
	.bubble {
	top: -102px;
	}
	.head-bubble{top:auto;bottom:23px;}
	.bubble h4 {
		font-size: 14px !important;
	}
	.bubble-stripes {
		width: 100%; height: 50px;
		position: absolute;
		margin-top: -67px;
		background:  url('../img/stripes-divider.png') repeat-x;
	}
	.bubble-triangle {
	   width: 0px;
	   height: 0px;
	   border-right:50px solid transparent;
	   margin-top: -22px;
	   position: absolute;
	   z-index: 88;
	}
	
	.footer-bubble .bubble-triangle {
	   width: 0px;
	   height: 0px;
	   border-right:50px solid transparent;
	   margin-top: 44px;
	   position: absolute;
	   z-index: 88;
	}
	.footer-bubble .bubble {
		top: 44px;
		height:auto;
	}
	.footer-bubble .bubble form {margin-bottom:0 ;}
	.footer-bubble .bubble .row-fluid {margin-bottom:0 ;}
	.footer-bubble .bubble .row-fluid [class*="span"]{margin-bottom:15px !important;}
	.footer-bubble .bubble .row-fluid [class*="span"]:last-child{margin-bottom:0 !important;}
	.content-image-overlay {
		display: none !important;
	}
	.tab-content {
		overflow: visible;
	}
	.nav-list {
		overflow: hidden;
		margin-bottom: 22px;
		max-width: none;
		float: none;
		width: 100%;
	}
	.widget_nav_menu .menu, 
	.widget-side .sub-menu {
		max-width: none;
		width: 100%;
	}
	.widget-side .sub-menu {
		margin: 0;
	}
	.widget-side .sub-menu li {
		max-width: none;
		width: 100% !important;
	}
	.widget_nav_menu .menu li a,
	.widget_nav_menu .menu .last a,
	.widget_nav_menu .menu .first a {
		background: #fff !important;
		color: #555;
		max-width:none;
		margin-left: -15px;
		margin-right: -15px;
		padding: 14px 15px;
	}
	.widget-side .sub-menu li a,
	.widget-side .sub-menu .last a,
	.widget-side .sub-menu .first a {
		background: #f7f7f7 !important;
	}
	.widget_nav_menu .menu li a:hover {
		background: #4c4c4c !important;
		color: #fff;
		margin-left: -15px;
		margin-right: -15px;
		padding: 14px 15px;
		max-width: none;
	}
	.widget_nav_menu .menu .active a,
	.nosProduits .menu li:first-child a{
		background: #4c4c4c !important;
		color: #fff;
		max-width:none;
	}
	.widget_nav_menu .menu .active:after, .widget_nav_menu .menu .active:before {
		background: none !important;
	}
	/* fix row-fluid tour tab */
	.tour-tab {
		width: 100%;
		float: none;
	}
	.tour-content {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 22px;
	}
	/* end fix */
	.nav-list li a  {
		padding: 14px 22px;
		font-size: 12px;
		color: #555;
		background: #fff !important;
	}
	.nav-list .first a  {
		background: #fff !important;
		background-position: right 16px bottom !important;
	}
	.nav-list .last a  {
		background: #fff !important;
		background-position: right 16px bottom !important;
	}
	.nav-list li a:hover  {
		color: #fff;
		text-shadow: 1px 1px #4c4c4c !important;
		background: #333 !important;
	}
	.nav-list .active a  {
		background: #333 !important;
	}
	.nav-list .active:after  {
		content: "";
		width: 63px;
		height: 49px;
		margin-top: 0px;
		margin-left: 129px !important;
		position: absolute;
		background: none !important;
	}
	.nav-list .active:before  {
		content: "";
		width: 63px;
		height: 49px;
		margin-top: -50px;
		margin-left: 129px !important;
		position: absolute;
		background: none !important;
	}
	.nav-list .first:before  {
		background: none !important;
	}
	.nav-list .last:after  {
		background: none !important;
	}
	.nav {
		width: 100% !important;

	}
	.navbar ul {
		float: right !important;
		font-size: 14px;
		font-family: Arial;
		letter-spacing: 0.5px;
		font-weight: lighter;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		font-smoothing: antialiased;
		text-shadow: none !important;
	}
	.navbar li {
		width: 100% !important;
		height: 100%;
		text-align: left;
		position: relative;	
	}
	.navbar ul li:hover {
		width: 103px;
		background:  none;
	}
	.navbar ul a {
		background:  none !important;
		color: #ddd !important;
		text-shadow: #0d0d0d 1px 1px 1px !important;
	}
	.navbar ul a:hover {
		color: #fff !important;
	}
	.dropdown-menu {
		width: 100% !important;
		border-radius: 0px !important;
		margin-top: -2px !important;
		margin-bottom: 12px !important;
		background: #222 !important;
		border: 0 !important;
		padding: 0 0 0 0 !important;
		position: static !important;
	}	
	.dropdown-menu li {
		text-align: left;
		width: 100% !important;
		padding: 12px 12px 12px 28px;
		color: #ccc;
		font-size: 12px;
		overflow: visible;
		cursor: pointer;
	}
	.dropdown-menu li a:hover {
		background: #111 !important;
	}
	ul.nav li.dropdown:hover ul.dropdown-menu{
	    display: none;    
	}
	ul.nav li.open:hover ul.dropdown-menu  {
		display: block;
	}
	.nav-active:after, .nav-active:before {
		display: none;
	}
	.navbar .last a {
		background: none !important;
	}	
	.navbar ul .active a {
		background: url("../img/navigation_active.png") !important;
		box-shadow: none !important;
		moz-box-shadow: none !important;
		webkit-box-shadow: none !important;
		color: #fff !important;
	}
	.navbar-inner {
		background-position: center, center bottom !important;
		background-repeat: repeat, no-repeat !important;
		border: 0 !important;
		box-shadow: none !important;
		moz-box-shadow: none !important;
		webkit-box-shadow: none !important;
	}
	.active-bubble {
		height: 7px;
		width: 100%;
		bottom: 0;
		background: #86c543;
		position: absolute;
		display: none;
	}
	.active-bubble-triangle {
	   width: 0px;
	   height: 0px;
	   border-top: 22px solid #86c543;
	   border-right: 22px solid transparent;
	   top: 7px;
	   position: relative;
	}
	.footer {
		text-align: center;
	}
	.footer p {
		text-align: center;
	}
	.footer .social-icons,
	.footer #lang_sel_list{
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: inline-block;	
		margin-top:15px;
	}
	.footer .social-icons li {
		display: inline-block;
	}
	.footer .up {
		display: none;
	}
	.footer .row, .footer .row-fluid {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.vertical-divider {
		background-image: none;
		background-repeat: no-repeat;
		background-position: 45% center;
	}
	.about-logo {
		background-image: none !important;
	}
	.title-bubble h5 {
		font-size: 12px;	
	}
	.comment-body, .comment-meta {
		margin-left: 50px;
	}
	.avatar {
		position: absolute;
		margin-left: -5px;
		margin-top: 25px;
		top: 0;
		width: 40px;
	}
	.avatar img {
		width: 40px;
	}
	#container {
		margin-left: 0;
	}
	
	.top-bar {
		text-align: center;
	}
	.top-bar .container{padding:0;}
	.top-bar .container .row-fluid{margin-bottom:0;}
	
	.header-socials {
		text-align: center;
	}
	
	.top-contact-bar-header {
		margin-top: 0;
	}
	/* =============================================================================
	   TABLES
	   ========================================================================== */
	   
	th {
		padding: 14px 0px 14px 0px !important;
		color: #fff;
		text-align: center !important;
		font-size: 10px;
	}
	td {
		padding: 14px 0px 14px 0px !important;
		color: #333;
		text-align: center !important;
		font-size: 11.5px;
		background: #f7f7f7;
		border-right: 1px solid #ddd;
	}
	
	.th-black {
		background: #444;
	}
	.bold-heading {
		font-size: 60px;
		height: 60px;
		line-height: 60px;
		margin-top: -15px !important;		
	}
	.bold-slider {
		height: 150px;
	}
	.slider-vcenter {
		margin-top: 0px !important;
	}
	.bubble .btn {
		padding: 11px 18px !important;
	}
	.content {
		/* margin-bottom: -100px; */
	}
	.mobile-box {
		background: #E2E2E2;
		padding: 22px 22px 22px 22px;
	}
	.about-logo {
		margin-top: 0 !important;
	}
	.slider-buttons {
		width: auto !important;
		background: none;
		margin-top: 15px;
	}	
}

@media (max-width: 630px) { 
.columns .gform_2column, .columns .gform_3column{width: 100%;float: none;margin-bottom:0!important;}
.columns .gform_2column_margin, .columns .gform_3column_margin{margin-right: 0 !important;}
.span12 .gform_wrapper .gform_utilisation_right,
.span12 .gform_wrapper .gform_envoi_garantie_right
{margin-top:0 !important;}
.span12 .gform_wrapper .gfield_html.gfield_no_follows_desc{margin-top:40px !important;}
.span12 .gform_wrapper .gform_cases_cocher .gfield_html.gfield_no_follows_desc{margin-top:0 !important;width: 80%;}
.columns .gform_2column.gform_cases_cocher{margin-top:35px !important;}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	/*.rev_slider_wrapper {
		z-index: -1;
	}*/
	.reseauLeftBlock .row-fluid [class*="span"]{
			float:none;
			width:100%;
			margin-left:0;
	}
	
	.tp-caption.sliderHomeCaptionStyle{
		display: none;
	}
	.content {
		margin-top: -60px;
	}	
	.home .bubble.head-bubble {
		margin-top: 50px;
	}
	.home .container > .row-fluid > .relative > .bubble-triangle {
		margin-top: 5px;
	}
	.home .container > .row-fluid > .relative > .head-bubble+.bubble-triangle {
		margin-top: -22px;
	}
	.home .content {
		/* margin-top: -30px; */
	}
	.tparrows {
		display: none;
	}
	.bubble h4 {
		display: none;
	}
	.footer-bubble form h4{
		display:block;
	}
	.bubble {
		padding: 0px 22px 0px 22px;
	}
	.head-bubble {
		padding: 17px 22px;
	}
	.bubble .btn, .home .head-bubble a.btn {
		width: 100%;
	}
	.bubble .searchbox {
		width: 100%;
	}
	.bubble .searchbox input {
		width: 85%;
	}
	.content {
		margin-top: -60px;
	}
	#navigation {
		display: none;
	}
	.slide-outer {
		height: auto !important;
	}
	.bold-heading {
		font-size: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: -18px !important;		
	}
	.slider-buttons {
		margin-top: 9px;
	}
	.slider-buttons .btn {
		margin-top: 0;
		padding: 4px 8px 4px 8px !important;
		font-size: 12px;
	}
	.bold-slider {
		height: auto;
	}
	.slider-vcenter {
		margin-top: 0px !important;
	}
	.flex-control-nav {
		display: none;
	}
	.search {
		width: 100%;
		right: 0px;
	}
	.search input {
		width: 100%;
	}
	
	.imagebox {
		left: 0;
	}
	.content-in {
		width: 100%;
		padding-right: 0;
	}
	.image-in img {
		position: relative;
		width: 100%;
		margin-top: 20px;
		left: 0;
	}
	.footer-bubble .empty-right {
		height: 5px !important;
	}
	.head-bubble.empty-right {
		height: 5px;
		top: -27px;
	}
}

/* styles for desktop */
#tinynav1 { display: none !important; }

/* styles for mobile */
@media screen and (max-width: 767px) {
	#tinynav1 { 
		display: block !important;
		clear: both;
	}
}

@media (max-width: 400px) {
		.wpb_image_grid .wpb_image_grid_ul .isotope-item{
				width:100%;
				float:none;
		}
		.wpb_image_grid .wpb_image_grid_ul img{
				width:100%;
		}
}