/*
Theme Name: Québec Cloud
Theme URI: http://quebeccloud.com
Author: OceanThemes – Adaptation par Vertisoft
Author URI: http://oceanthemes.net - http://vertisoftpme.com
Description: Québec Cloud - Hébergement haute performance
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: quebeccloud
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: cloudhost
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body, form {
    margin:0;
    padding:0;
    height:100%;
    min-height:100%;
}
body {
    overflow-x:hidden !important;
	max-width:100%;
}
/*img {
	image-rendering: crisp-edges;
}*/
h2, .desc h2{
    font-size: 33px;
	margin: 0.67em 0;
}
h2{
	margin: 35px 0 15px;
}
h3 {
    font-size: 24px;
	margin-top: 30px;
}
h4 {
    font-size: 19px;
}
h6 {
    font-weight: normal;
}
body, .section-title, .vc_toggle .vc_toggle_title h4 {
    font-size: 17px;
	line-height: 25px;
}
.vc_toggle .vc_toggle_title h4 {
    font-weight: 700;
}
.txtsquare, .cloud-icon-content, .cloud-pricing-2 .pricing-desc, .cloud-icon-content h4 {
    font-size: 14px;
	line-height: 19px;
}
.section-title h2, .section-title h3, .vc_btn3.vc_btn3-color-black, .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat  {
    text-transform:uppercase;
}
.topbar a {
    color: #f6f6f6;
}
.topbar ul ul {
    background-color: #222 !important;
}
.topbar ul ul a:hover, .recent-post .post-text a.post-title:hover {
    background-color: transparent !important;
	color: #31bced !important;
}
.topbar .fa {
    font-size: 16px;
}

.marques {
	display: flex;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin:0 auto;
	max-width:800px;
	height:94px;
}
.marques .logo {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	max-width: 50%;
	width:50%;
	padding:0 27px;
	color:#FFF !important;
}
.marques .logo.vertisoft img {
	float:left;
	max-width:138px;
	height:auto;
}
.marques .logo.webtel img {
	float:left;
	max-width:148px;
	height:auto;
}
.marques .logo em {
	display:block;
	float:left;
	max-width:200px;
	min-height: 2em;
	font-size:11.5px;
	line-height:12px;
	font-style:normal;
	text-transform:uppercase;
	padding-left: 14px;
	margin-top:2px;	
    margin-left: 17px;
    border-left: 1px solid #676767;
}

.marques .logo:hover, a:hover img {
  opacity:0.8;
}

.primary-nav {
    padding-top: 56px !important;
	font-size:14px;
}
.telephone {
	color: #222;
	font-weight: 600;
	float:right;
	white-space: nowrap;
	display:block;
	clear:both;
}
.telephone em {
	font-style:normal;
	padding-right:8px !important;
}
.telephone a {
	display:inline-block;
}
.primary-nav a.menucontact {
    padding-right:8px;
	float:left;
}
.txtsquare > div {
	padding:70px 45px !important;
}
.squarerow .vc_col-sm-2 {
	width: 33.333%;
}
.txtsquare h3, .txtsquare p{
	color:#ffffff;
}
.txtsquare img{
	max-width:175px !important;
	height:auto !important;
}
.footer-image-contact {
    background: url(/wp-content/uploads/2017/01/quebeccloud-contact.jpg) no-repeat center center !important;
	background-size:100% auto !important;
	padding:3.2% 0!important;
}
.footer-row-contact {
    background-color: #ebebeb !important;
}
.footer-txt-contact {
    background-color: #ebebeb !important;
	padding:1.8% 3% 2.8% !important;
	font-size:14px;
}
.footer-row-contact h4 {
    line-height:1.4;
}
.footer-txt-contact > div {
	padding:0 0 0 28px !important;
}
.footer-copyright {
    padding: 20px 0 15px !important;
	font-size:13px;
}
.footer-txt-contact a.tel{
    color:#222;
}
.footer-copyright .foot-socials a {
    background-color: #5a5a5a;
	line-height: 38px;
}
.footer-copyright .foot-socials a.social-twitter {
    padding-left:2px;
}
.site-footer a:hover, .footer-txt-contact a:hover, .footer-txt-contact a.tel:hover, a.tel:hover {
    color:#8f8f8f;
}
.footer-copyright em {
	font-style:normal;
}
.error404 .site-banner {
	display:none !important;
}
.support24 img {
	max-width:263px !important;
	height:auto !important;
}
.nav li.mobileonly {
	display:none;
}
.expertises.vc_toggle_default {
	font-family: Poppins, Arial, sans-serif;
	width:110px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	position:relative;
	/* border:1px solid #bababa; */
	padding:0px 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.expertises.vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
    padding-left: 12px !important;
	padding-top:2px !important;
}
.expertises.vc_toggle_default .vc_toggle_icon, .expertises.vc_toggle_default .vc_toggle_icon::before {
    border-color: transparent !important;
}
.expertises h4 {
    color: #8f8f8f !important;
    font-size: 12px !important;
    padding-left: 0 !important;
}
.expertises .vc_toggle_title:hover h4 {
    color: #00beee !important;
}
.expertises.vc_toggle_default .vc_toggle_title:hover .vc_toggle_icon, .expertises.vc_toggle_default .vc_toggle_title:hover .vc_toggle_icon::before, .expertises.vc_toggle_default .vc_toggle_title:hover .vc_toggle_icon::after {
	border-color: transparent !important;
	background: #00beee !important;
}
.expertises.vc_toggle_default .vc_toggle_content {
    font-family: Poppins, Arial, sans-serif;
	padding-left: 0;
	width:250px;
	margin-left:-75px;
	text-align:left;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 12px !important;
	line-height: 16px !important;
	overflow:visible;
}
.expertises.vc_toggle_default .vc_toggle_content ul {
	margin-left: 0;	
	padding-left: 18px;	
}
.boxsolution.vc_col-sm-2{
	width:50% !important;
	padding-bottom:30px;
}
.cloud-icon-content p{
	/* padding-bottom:0;
	margin-bottom:0; */
}
.entry-author, .entry-comment, .single .footer-single, .gform_wrapper div.charleft{
	display:none !important;
}
.cloud-posts .blog-right .entry-header {
	width:170px;
	height:100%;
	margin-right:0;
}
.blog-wapper .entry-content h2.entry-title {
	margin-bottom: 0 !important;
	padding: 0 0 5px 0 !important;
	font-size: 24px !important;
	line-height:28px !important;
}
.blog-wapper .entry-content .entry-title .post-title {
    display: inline-block !important;
}
.cloud-posts .blog-wapper {
	margin-bottom: 30px;
}
.cloud-posts .blog-right .entry-content {
	width:auto;
	max-width:100%;
	overflow:hidden;
	height:auto;
	min-height: 145px;
	margin:0 !important;
	float:none !important;
	padding: 10px 30px 20px 20px !important;
}
.recent-post, .popular-post {
    padding: 0 0 15px 0;
}
.recent-post .post-text .post-title, .popular-post .post-text .post-title {
    font-size: 16px;
	line-height:19px;
}
.recent-posts-widget {
    margin-top:23px;
}
.blogue-date {
    color: #b5b5b5;
	text-transform:uppercase;
	font-size:16px;
}
.page-template-template-listeblog .blogue-date {
    font-size:15px;
	font-weight:normal;
}
.blog-wapper .entry-content .entry-metas .entry-date {
    font-weight:normal;
}
.cloud-posts .blog-right .entry-content .entry-title {
    font-weight: 700;
}
.blog .site-content .blog-wapper .entry-desc {
	padding: 18px 0 15px;
}
.single-post img.alignnone {
    margin-top:20px;
	margin-bottom:30px !important;
}
.single-post h4 {
    margin-top:25px;
}
.gform_wrapper label.gfield_label {
    font-weight: 400;	
}
body .gform_wrapper .top_label div.ginput_container {
    margin-top: 1px;
}
body .gform_wrapper textarea.large {
    height:150px !important;
	margin-top:7px !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 14px;
    padding: 14px 24px;
	color: #fff;
    background-color: #2A2A2A;
	border-radius: 0;
	text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
	border:none;
	text-transform: uppercase;
	transition: all .3s ease;
}
.vc_btn3.vc_btn3-color-black:hover, .gform_wrapper .gform_footer input.button:hover {
    background-color: #00beee !important;
}
.cloud-pricing-1 .pricing-title {
    background-color: #00beee;
    color: #fff;
    font-size: 22px;
    line-height: 22px;
}
.cloud-pricing-1 .pricing-title:after {
    border-top-color: #00beee;
}
.cloud-pricing-1 .pricing-box .button {
    font-size: 18px;
    background-color: #222;
    color: #fff;
    padding: 12px 16px 10px;
    line-height: 1;
    text-transform: uppercase;
    transition: all .3s ease;
    font-style: normal;
    display: inline-block;
    border-radius: 0;
}
.cloud-pricing-1 .pricing-box .pricing-info .p-money .p-price {
    font-size: 16px;
    font-weight: 600;
}
.cloud-pricing-1 .pricing-box {
    padding-bottom: 20px;
	background-color: #f6f6f6;
}
.vc_images_carousel {
    padding-left:20px !important;
	padding-right:20px !important;
}
.vc_images_carousel .vc_carousel-control.vc_left {
    left: -30px !important;
}
.vc_images_carousel .vc_carousel-control.vc_right {
    left: inherit !important;
	right:-30px !important;
}
.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item {
    text-align: center !important;
}
.cloud-pricing-2 .button, .button .vc_btn3.vc_btn3-color-black, .button .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat {
    background-color: #31bced !important;
    border: 1px solid transparent !important;
	color: #fff !important;
	font-size: 12px;
    padding: 12px 16px 10px;
    line-height: 1;
    text-transform: uppercase;
    transition: all .3s ease;
    font-style: normal;
    border-radius: 0;
}
.cloud-pricing-2 .button:hover, .button .vc_btn3.vc_btn3-color-black:hover, .button .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:hover {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
}
.vc_toggle .vc_toggle_title h4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
	display:inline-block;
}
.vc_toggle .vc_toggle_content p {
    padding: 5px 10px 15px;
}
.site-content {
    padding: 0;
}
.single .site-content, .blog .site-content {
    padding-top: 60px;
}
.edit-link {
    display:none !important;
}
.big {
    font-size: 21px !important;
	line-height: 30px !important;
}
.section-title .desc p, .section-title .desc ul, .big p, .big ul, .blog-wapper .entry-desc p {
    margin-bottom:15px;
}
.bigbleufonce {
    font-size: 21px !important;
	line-height: 30px !important;
	color: #045093 !important;
}
.bigbleupale {
    font-size: 21px !important;
	line-height: 30px !important;
	color: #31bced !important;
}
.bignoir {
    font-size: 21px !important;
	line-height: 30px !important;
	color: #222 !important;
}
.site-content .container p {
    margin: 0 0 15px;
}
.site-content .container li {
    margin-bottom:10px;
}
.site-content .container ul li ul {
    margin-top:6px;
}
.site-content .container ul li ul li {
    margin-bottom:6px;
}
.site-content .container table {
	height:inherit !important;
	border-collapse: collapse !important;
	overflow-x: auto;
	display: block;
	width: 100% !important;
	max-width: 100% !important;
}
.site-content .container table, .site-content .container table th, .site-content .container table td {
	border:2px solid #fff !important;
}
.site-content .container table th, .site-content .container table td {
    padding: 15px !important;
    text-align: left !important;
	color: #222 !important;
	font-size: 17px !important;
	line-height: 23px !important;
}
.site-content .container table thead td {
	background-color: #949ca2 !important;
	color: #fff !important;
	font-weight: 600 !important;
}
.site-content .container table td {
	word-wrap: break-word !important;
	vertical-align: top !important;
}
.site-content .container table tr:nth-child(even) {
	background: #d1d2d4 !important;
}
.site-content .container table tr:nth-child(odd) {
	background: #e7e7e8 !important;
}
.error404 #primary.content-area {
	margin-bottom:60px;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    color: #fff !important;
}
.wpb-js-composer .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab.vc_active>a, .wpb-js-composer .vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left .vc_tta-tab>a:hover {
    color: #222 !important;
}
.listearticles {
	margin-bottom:60px;
}
.home .tparrows {
	width: 60px;
	height: 60px;
	transition: all .3s ease;
}
.home .tparrows:hover {
	background:#31bced !important;
}
.home .tparrows:focus {
	background:transparent !important;
}
.home .tparrows:before {
	font-size: 40px;
	line-height: 60px;
}
.blanc, .blanc ul li, .blanc a {
	color:#fff !important;
}

.vc_row[data-vc-full-width].vc_hidden.infolettre-footer {
    opacity: 1;
}
.infolettre-footer {
	background:#31bced !important;
	padding: 60px 25px;
	margin-top:60px;
}
.btn-infolettre {
	margin-bottom:0 !important;
}
.btn-infolettre .vc_btn3 {
	color:#fff !important;
	background:#2A2A2A !important;
	font-size: 17px;
    padding: 16px 26px;
	font-family: Poppins, Arial, sans-serif;
	text-transform:uppercase;
	transition: all .3s ease;
	border:none !important;
	border:1px solid #2A2A2A !important;
}
.btn-infolettre .vc_btn3:hover {
	background:#31bced !important;
	border:1px solid #fff !important;
}
/* ne pas afficher footer inscription infolettre dans pages infolettre en DEV et en ligne */
.infolettre-footer.hidden, .page-id-10604 .infolettre-footer, .page-id-10610 .infolettre-footer, .page-id-10612 .infolettre-footer, .page-id-11860 .infolettre-footer, .page-id-11864 .infolettre-footer, .page-id-11868 .infolettre-footer  {
	display:none !important;
}
.listearticles.casclients .blogue-date {
	text-transform:none;
}
.post-text.noimage {
    margin-left:0;
}
article.cas-client .vc_row .container {
    padding-left:0 !important;
	padding-right:0 !important;
}
.bgpale .cloud-pricing-2 .pricing-desc ul li {
    border-bottom: 1px solid #ebebeb;
}
.custom-color-scheme .bgpale .cloud-pricing-2 .button:hover {
    background-color: #dcdcdc !important;
    border-color: #dcdcdc !important;
	color: #222 !important;
}
.bgfonce .cloud-pricing-2 .pricing-desc ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* outil partage dans articles blogue */
.social-sharing, .ss-inline-share-wrapper {
	margin-top: 60px !important;
    padding-top: 25px;
    border-top: 1px solid #ebebeb;
    border-collapse: separate;
    border-spacing: 5px;
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
}
.social-sharing p, body .ss-inline-share-wrapper p {
	margin: 0 10px 0 0 !important;
	display: inline-flex !important;
	align-items: center;
	min-height: 35px;
}
.social-sharing span, body .ss-inline-share-wrapper .ss-social-share-label {
	font-family: Poppins, Arial, sans-serif !important;
    line-height: 18px !important;
    color: #222;
    font-size: 20px !important;
    margin: 0 10px 0 0 !important;
    display: inline-flex !important;
	align-items: center;
    width: 200px;
    font-weight: 700;
}
body .ss-inline-share-wrapper .ss-social-share-label span {
    line-height: 18px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
	align-items: center;
	margin: 0 !important;
}
a.ss-button-facebook, a.ss-button-twitter, a.ss-button-linkedin {
    background-image: none !important;
	background-position: inherit !important;
    width: 35px !important;
    height: 35px !important;
    margin: -4px 7px 0 0 !important;
	padding: 9px 0 0px !important;
	background-color: #5a5a5a !important;
	color: #fff !important;
	position:relative;
	border-radius: 100%;
	font: normal normal normal 16px/1 FontAwesome !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: inherit !important;
    vertical-align: middle !important;
    text-align: center !important;
}
a.ss-button-facebook:before {
	content: "\f09a" !important;
}
a.ss-button-twitter:before {
	content: "\f173" !important;
}
a.ss-button-linkedin:before {
	content: "\f0e1" !important;
}
a.ss-button-facebook:hover, a.ss-button-twitter:hover, a.ss-button-linkedin:hover {
    background-color: #31bced !important;
}

.paging-navigation {
	border-top: 1px solid #ebebeb;
	padding-top:15px;
}
.numeric-navigation .next, .numeric-navigation .prev {
    top: inherit;
}

.iconlink a:hover img, .txtsquare a:hover img  {
    opacity:0.7;
	transition: all .3s ease;
}
.iconlink h3 a:hover {
    color:#222;
	transition: all .3s ease;
}

.highlight{
	background-color: #f0f0ef;
	padding:25px 35px;
	margin-top: 1em;
	margin-bottom: 2.5em;
}
.vc_row.highlight{
	margin-left:0;
	margin-right:0;
}
.single article .vc_row.highlight {
    padding: 25px 35px;
}


/* CookieYes */
body button.cky-btn:hover, body button.cky-btn:active, body button.cky-btn:focus {
    color:#FFFFFF !important;
	background: #abb8c3 !important;
	border-color: #abb8c3 !important;
}
body button.cky-show-desc-btn:not(:hover):not(:active) {
    color: #31bced !important;
}
body button.cky-show-desc-btn:hover, body button.cky-show-desc-btn:active, body button.cky-show-desc-btn:focus {
    color: #abb8c3 !important;
}
body .cky-notice, body .cky-preference-content-wrapper, body .cky-gpc-wrapper .cky-gpc-desc, body .cky-accordion-header-des, body .cky-audit-table .cky-cookie-des-table { line-height: 20px !important; }
body .cky-notice .cky-title { display:none !important; }
body .cky-consent-bar .cky-banner-btn-close { right: 10px !important; top: 7px !important; }

body .cky-notice, body .cky-modal { font-family: Arial,Helvetica,sans-serif !important; }



@media only screen and (max-width : 1400px) {
	.home .tparrows {
		width: 40px;
		height: 40px;
	}
	.home .tparrows:before {
		font-size: 25px;
		line-height: 40px;
	}
}


@media only screen and (min-width : 1200px) {
	.footer-image-contact {
		padding:4% 0 !important;
	}
}

@media only screen and (min-width : 1000px) {
	.nav li.contact {
		padding-right: 0;
	}
}

@media only screen and (max-width : 1200px) {
	h1, h2 {
		font-size: 28px !important;
		margin: 0.60em 0 !important;
	}
	.header-container {
		width: 100%;
	}
	.topbar .container, .footer-copyright .container, .listearticles {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.footer-copyright .foot-copyright {
		line-height: 45px;
	}
	
	.marques .logo.vertisoft img {
		max-width: 102px;
	}
	.marques .logo.webtel img {
		max-width: 120px;
	}	
	.marques .logo em {
		font-size: 11px;
	}	
	
	.header-container .navbar {
		margin-bottom: 0 !important;
		min-height:40px !important;
	}
	.navbar-header.col-md-3 {
		width: 200px;
	}
	.navbar-header .logo {
		display:block;
		text-align: center !important;
		margin: 20px auto !important;
		width: 180px !important;
		height: 45px !important;
		background: url(/wp-content/uploads/2017/01/logo_quebeccloud.png) no-repeat center center !important;
		background-size:180px 45px !important;
	}
	.site-header .logo img {
		display:none !important;
	}
	.primary-nav.col-md-9 {
		width: auto;
		float:right;
	}
	.primary-nav {
		padding-top: 48px !important;
	}
	.primary-nav.nav li {
		padding: 0 14px 0 14px !important;
	}
	.primary-nav.nav li.contact {
		padding-right:15px !important;
	}
	.primary-nav .menu > li > a {
		margin-bottom: 28px;
	}
	.row-partenaires {
		margin-top: 0 !important;
	}
	.row-partenaires .vc_column-inner {
		margin-top: 0 !important;
	}
	.row-partenaires .section-title {
		margin-bottom: 15px !important;
	}
	.footer-row-contact h4 {
		font-size: 14px !important;
	}
	.footer-row-contact .wpb_single_image img {
		max-width: 85% !important;
	}	
}


@media only screen and (max-width : 1080px) {
	.topbar-right .widget {
		float: right !important;
		padding-right: 10px;
		margin-left: 0;
		padding-top:0;
	}
	
	.primary-nav {
		padding-top: 0 !important;
	}
	.primary-nav.nav li {
		padding: 0 15px 0 20px !important;
	}
	.nav ul ul {
		width: 100%;
	}
	.nav li.mobileonly {
		display:block;
	}
	.vc_row .container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.single-post .vc_row .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.squarerow .vc_col-sm-2 {
		width: 50%;
	}	
	.squarerow .vc_col-sm-2.txtsquare.squareserveurs { order: 1; }
	.squarerow .vc_col-sm-2.txtsquare.squaresauvegardes { order: 2; }
	.squarerow .vc_col-sm-2.txtsquare.squarebureau { order: 4; }
	.squarerow .vc_col-sm-2.txtsquare.squareweb { order: 3; }
	.squarerow .vc_col-sm-2.txtsquare.squarecourriels { order: 5; }	  
	.squarerow .vc_col-sm-2.txtsquare.squarespams { order: 6; }	
	
	.blog-wapper .entry-content h2.entry-title {
		margin-bottom: 0 !important;
		padding: 0 0 5px 0 !important;
		font-size: 17px !important;
		line-height:20px !important;
	}
	.footer-spacer {
		display:none !important;
	}
	.footer-row-contact h4, .footer-row-contact p {
		font-size: 13px !important;
	}
	.footer-row-contact h2 {
		font-size: 25px !important;
	}
	.footer-row-contact .wpb_single_image img {
		max-width: 75% !important;
	}
	.footer-txt-contact {
		padding: 20px 20px 25px!important;
	}
	.footer-txt-contact .vc_empty_space {
		height: 15px !important;
	}
	.footer-image-contact {
		background-size: 110% auto !important;
		padding:0 !important;
	}
	
	/* pour menu anciennement < 991 dans parent theme */
	.topbar-right {
		text-align: center;
	}
  .topbar-right .widget {
    float: none;
    display: inline-block;
  }
  .header-transparent .site-header .logo img {
    display: none;
  }
  .header-transparent .site-header .logo img.logo-sticky {
    display: block;
  }
  .header-transparent.has-topbar .site-header {
    top: 46px;
  }
  .header-transparent .topbar,
  .header-transparent .site-header {
    background-color: #fff;
    position: static;
  }
  .header-transparent .topbar.minimized,
  .header-transparent .site-header.minimized {
    position: fixed;
  }
  .header-transparent .primary-nav .menu > li > a {
    color: #222;
  }
  .header-transparent.header-sticky .site-header {
    position: static;
  }
  .header-transparent.header-sticky .site-header.minimized {
    position: fixed;
  }
  .header-transparent .site-header.minimized .navbar-toggle {
    color: #222;
  }
  .header-transparent.admin-bar .site-header {
    top: 46px;
  }
  .header-transparent.admin-bar .topbar {
    top: 46px;
  }
  .header-transparent.admin-bar.has-topbar .site-header {
    top: 86px;
  }
  .header-sticky.admin-bar .site-header.minimized {
    top: 46px;
  }
  .live-chat-widget {
    display: none !important;
  }
  .foot-socials {
    margin-top: 0;
  }
  .foot-socials.column-3 {
    width: 100%;
    text-align: center;
  }
  .navbar-header .logo {
    float: left;
  }
  .navbar-toggle {
    display: block;
    font-size: 34px;
    margin: 19px 0 0;
    padding: 0;
    color: #222;
  }
  .navbar-toggle.active span:before {
    content: "\f00d";
  }
  .primary-nav {
    display: none;
    padding-top: 20px;
    margin-bottom: 20px;
    overflow:visible;
    max-height: none;
	width:100% !important;
  }
  .primary-nav .menu {
    float: none;
  }
  .primary-nav .menu .extra-menu-item {
    float: none;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .primary-nav .menu .extra-menu-item.menu-item-search .item-search {
    display: none;
  }
  .primary-nav .menu .extra-menu-item.menu-item-search .search-form {
    position: static !important;
    opacity: 1 !important;
  }
  .primary-nav .menu > li {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .primary-nav .menu > li > a {
    color: #000;
  }
  .primary-nav .menu li {
    display: block;
  }
  .primary-nav .menu li .toggle-children {
    float: right;
    font-size: 24px;
    display: block;
	margin-top:-5px;
  }
  .primary-nav .menu li > a {
    margin-bottom: 15px;
    color: #000;
  }
  .primary-nav .menu li ul.sub-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
    position: static;
    display: none;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
    margin-bottom: 15px;
    background-color: transparent;
  }
  .primary-nav .menu li ul.sub-menu li a {
    margin-bottom: 0;
    border: 0;
  }
  .primary-nav .menu li.show-children .sub-menu {
    display: block;
	margin-top:-7px;
  }
  .primary-nav .menu li.show-children .sub-menu .sub-menu {
    padding-left: 20px;
  }
  .primary-nav .menu li.show-children .toggle-children:before {
    content: "\f077";
  }
  .header-menu-left .site-header .primary-nav {
    background-color: transparent !important;
  }
  .header-menu-left .primary-nav .menu > li.current-menu-parent > a,
  .header-menu-left .primary-nav .menu > li.current-menu-item > a,
  .header-menu-left .primary-nav .menu > li.current-menu-ancestor > a,
  .header-menu-left .primary-nav .menu > li:hover > a {
    color: #000 !important;
  }
  .header-menu-left .primary-nav .menu > li > a {
    color: #000 !important;
  }
  .header-menu-left .primary-nav .menu > li.show-search-form > a {
    color: #fff !important;
  }
  .header-menu-left .site-header .primary-nav .nav {
    width: 100%;
  }
  .header-menu-left .site-header .primary-nav .menu {
    float: none;
  }
  .header-sticky.header-menu-left .site-header.minimized .primary-nav .menu {
    text-align: left;
  }
  .header-sticky.header-menu-left .site-header.minimized .primary-logo {
    display: none;
  }
  .header-sticky.header-menu-left .site-header.minimized .navbar-logo {
    display: block;
  }
  .header-menu-left .site-header .primary-nav .menu > li:first-child {
    padding-left: 15px;
  }
  .header-menu-left .primary-nav .menu li ul.sub-menu li a {
    color: #000 !important;
  }
  .header-menu-left .site-header .primary-nav .menu .extra-menu-item {
    float: none;
  }
  .primary-nav .menu .extra-menu-item.menu-item-search {
    background-color: transparent;
  }
	.navbar-header.col-xs-12 {
		width: 100% !important;
		text-align:center !important;
	}
	.blogue-date {
		font-size: 13px;
	}
	.home .tp-caption {
		margin: 0 10px 0 10px !important;
	}
	.blog .site-content .content-area {
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog .site-content .blog-wapper {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width : 991px) {
	.recent-posts-widget {
		margin-top: 0;
	}
}

@media only screen and (max-width : 768px) {
	.half .vc_col-sm-3 {
		width: 50%;
	}
	.vc_col-sm-4 .cloud-icon-content h4 {
		font-size:13px !important;
	}
	.cloud-icon-box-2.cloud-icon-bg {
		padding: 20px 20px 15px;
	}
	.footer-copyright .foot-copyright, .footer-copyright .foot-socials {
		width:100%;
		text-align:left;
	}
	.footer-copyright {
		padding: 15px 0 22px !important;
	}
	.footer-copyright .foot-socials {
		margin-left:-10px;
	}
	body, .section-title {
		font-size: 14px;
		line-height: 21px;
	}
	.section-title .desc, .big, .bigbleufonce, .bigbleupale, .bignoir {
		font-size: 16px !important;
		line-height: 24px !important;
	}
	.home .tp-caption {
		margin: 0 25px 0 25px !important;
	}
	.highlight h4 {
		margin-top:0 !important;
	}
	.single article .vc_row.highlight, .highlight {
		padding: 20px 25px;
	}
}

@media only screen and (max-width : 767px) {
	.marques {
		display: block; 
		max-width: 100%;
		height: 130px;
		padding:25px 0 5px;	
	}
	
	.marques .logo {
		font-size: 10px;
		line-height: 10px;	
		max-width: 300px;
		width: auto;
		padding: 0;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}	
	
	.marques .logo.vertisoft img {
		max-width: 91px;
	}	
	
	.marques .logo.webtel img {
		max-width: 97px;
	}	
	
	.marques .logo em {
		margin-top: 6px;
		padding-left: 9px;
		margin-left: 10px;
		border-left: 1px solid #676767;
	}	
}

@media only screen and (max-width : 650px) {
	.squarerow .vc_col-sm-2.txtsquare.squareserveurs { order: 1; }
	.squarerow .vc_col-sm-2.txtsquare.squaresauvegardes { order: 2; }
	.squarerow .vc_col-sm-2.txtsquare.squarebureau { order: 3; }
	.squarerow .vc_col-sm-2.txtsquare.squareweb { order: 4; }
	.squarerow .vc_col-sm-2.txtsquare.squarecourriels { order: 5; }	  
	.squarerow .vc_col-sm-2.txtsquare.squarespams { order: 6; }
	.squarerow .vc_col-sm-2 {
		width: 100%;
	}
	.boxsolution.vc_col-sm-2{
		width:100% !important;
		padding-bottom:20px;
	}
	.cloud-icon-box-2.cloud-icon-left .icon-content {
		float: none;
		text-align:center;
	}
	.cloud-icon-box-2 .icon-content .cloud-icon {
		width: 85px;
		height: 85px;
		text-align:center;
		margin:0 auto 15px;
	}
	.cloud-icon-box-2.cloud-icon-left .cloud-icon-content {
		padding-left: 0;
		text-align:center;
	}
	.cloud-icon-box-2.cloud-icon-bg .cloud-icon-content .b-title, .cloud-icon-content p {
		text-align:center;
	}
	.home .tp-caption {
		margin: 3px 40px 0 40px !important;
	}
	.infolettre-footer {
		padding: 30px 15px;
		margin-top:30px;
	}
	.btn-infolettre .vc_btn3 {
		font-size: 14px;
		padding: 14px 24px;
	}
	.responsive {
		overflow-x:scroll !important;
		width:100% !important;
		max-width:100% !important;
	}
	.responsive table {
		width:100% !important;
		max-width:100% !important;
	}
	.site-content .container .responsive table th, .site-content .container .responsive table td {
		padding: 10px !important;
		font-size: 13px !important;
		line-height: 17px !important;
	}
}


@media only screen and (max-width : 480px) {
	h1 {
		font-size: 22px !important;
		line-height:29px !important;
		margin: 0.30em 0 !important;
	}
	h2, .section-title h3 {
		font-size: 22px !important;
		line-height:25px !important;
		margin: 0.30em 0 !important;
	}
	.single-post h2 {
		margin-bottom:20px !important;
	}
	.single-post .blog-wapper {
		margin-bottom: 0;
	}
	.page-template-template-listeblog .section-title {
		margin-bottom: 0;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
	}
	.topbar {
		padding: 9px 0 12px;
	}
	.topbar-right {
		padding-left:8px;
		padding-right:8px;
	}
	.topbar .fa {
		font-size: 13px;
	}
	.topbar-right .widget {
		padding-top:6px;
		font-size:12px;
	}
	.topbar-right .widget {
		padding-right: 6px;
	}
	.primary-nav .menu li {
		text-align:left;
		padding: 0 3px 0 10px !important;
	}
	.primary-nav .menu li ul li {
		padding: 0 !important;
	}
	.primary-nav .menu li .toggle-children {
		margin-top: -8px;
	}
	.site-header .navbar .navbar-header, .site-header .navbar-logo .navbar-header {
		padding: 0 !important;
	}
	.site-header .primary-nav.col-xs-12 {
		width: 100% !important;
		text-align:center !important;
	}
	.telephone {
		width: 100% !important;
		text-align:center !important;
		padding:0 !important;
		margin:0 auto !important;
		float:none !important;
	}
	.support24 img {
		max-width: 180px !important;
		height: auto !important;
	}
	.primary-nav a.menucontact {
		display:inline-block !important;
		float:none !important;
	}
	.cloud-counter .counter-info {
		padding-bottom: 5px;
	}
	.cloud-icon-box-2.cloud-icon-bg {
		padding: 20px;
	}
	.cloud-icon-box-2 .cloud-icon-content .b-title {
		padding-bottom: 0;
	}
	.cloud-posts .blog-right .entry-header {
		width: 100%;
		height: auto;
		margin: 0 auto 10px -1px;
		text-align:center;
	}
	.cloud-posts .blog-right .entry-content {
		min-height: 0;
		text-align:center;
	}
	.row-partenaires p {
		margin-top: 15px;
	}
	.footer-image-contact .vc_empty_space {
		height: 210px !important;
	}
	.footer-row-contact h4, .footer-row-contact p {
		font-size: 12px !important;
	}
	.foot-socials {
		margin-top:0;
	}
	.footer-copyright em {
		display:block;
		text-indent:-999px;
		overflow:hidden;
		height:0;
		margin:-15px 0 0;
	}
	.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
		padding: 20px 15px 20px !important;
	}
	.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body .vc_column_container>.vc_column-inner {
		padding-left: 15px !important;
	}
	.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body h3 {
		padding-left: 0 !important;
	}
	.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body ul {
		padding-left: 15px !important;
		margin-top:-20px !important;
	}
	.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body ul ul {
		margin-top:0 !important;
	}
	.home .tparrows {
		width: 25px;
		height: 25px;
	}
	.home .tparrows:hover {
		background:transparent !important;
	}
	.home .tparrows:before {
		font-size: 13px;
		line-height: 25px;
	}
	.home .tp-caption {
		margin: 30px 40px -3px 40px !important;
		font-size: 15px !important;
		line-height: 19px !important;
	}
	div.mobilepadding {
		padding-top: 20px !important;
		padding-right: 25px !important;
		padding-bottom: 40px !important;
		padding-left: 25px !important;
	}
	h3 img {
		text-align:center !important;
		display:block !important;
		float:none !important;
		clear:both !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.infolettre-footer {
		max-width:inherit !important;
		width:inherit !important;
		display:block !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		text-align:center;
	}
	.btn-infolettre .vc_btn3 {
		font-size: 12px !important;
		max-width:inherit !important;
		width:inherit !important;
		display:block !important;
		text-align:center;
		padding: 14px 17px !important;
	}
	.btn-infolettre .vc_btn3 .fa {
		display:none !important;
	}
	.social-sharing span {
		line-height: 16px !important;
		font-size: 16px !important;
		margin: 0 !important;
		padding-top: 10px !important;
		padding-bottom: 15px !important;
		display: block !important;
		width: 100%;
	}
	.site-content .container table th, .site-content .container table td {
		font-size: 13px !important;
		line-height: 15px !important;
		padding:10px !important;
	}
	.vc_row.vc_row-fluid .vc_row-fluid {
		margin-left: 0;
		margin-right: 0;
	}
	.home .vc_images_carousel .vc_carousel-control.vc_right {
		right: -20px !important;
	}
}


/* cacher switch langue temporairement */

.topbar .widget#text-3 {
    display:none !important;
}
.home .solutionscontainer, .hide  {
    display:none !important;
	visibility:hidden !important;
}