/* ----------------------------------------------------------------
	Couleurs
	ROUGE : #c6191f
	JAUNE : #e9c801
	Gris  : #c6c7b3

-----------------------------------------------------------------*/

body, p, #content p  {
	font-family: 'Arial', Helvetica, sans-serif;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Arial', Helvetica, 'Noto Sans', sans-serif;
}

#content p {
    font-size: 16px;
}

.underline {text-decoration:underline;}
.strong {font-weight:600;}

.bg-gris {background-color: #c6c7b3;}
.bg-yellow {background-color: #e9c801;}
.bg-grey {background-color: #111;}
.bg-red {background-color: #c6191f;}

.button-red {background-color: #c6191f;}

.txt-gris {color:#444444;}
.txt-rouge {color:#f91109!important;}


.feature-box .button {margin-top:20px;}
.feature-box p {color: #555;}

a {
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

a.nocolor {color:#333;}
a.nocolor:hover, a.nocolor:active {
    color: #f91109;
}
/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

#logo img {
    padding: 10px;
}


#header.full-header {
    border-bottom: none;

}

#header.full-header #logo {
    border-right: none;
}

#header.full-header #primary-menu > ul {
	padding-right: 0;
    margin-right: 0;
    border-right: none;
}

#primary-menu ul li a {
	text-transform:inherit;
	font-family: 'Noto Sans', sans-serif;
	padding: 0 10px;
}




#primary-menu.style-3 > ul > li.bgred > a {
    background-color: #ea141b;
    color:#fff;
    border-radius: 9px;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

#primary-menu.style-3 > ul > li:hover > a {
    color: #ea141b;
    background-color: transparent;
}

#primary-menu.style-3 > ul > li.bgred > a:hover {
    background-color: #404040;
    color:#fff;
}

#page-title {
	/*background-color: #e0e0d8;*/
    margin-top:20px;
	background: #c6191f url('../images/transexpert_logistique_header.jpg');
	height:400px;
	padding:115px 0 0 0;
	background-size: cover;
    background-position: center left;
}

#page-title h1, #page-title span {
    color: #fff;
}

 #header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    height: 44px;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a i {
    line-height: 44px;
}

/* ----------------------------------------------------------------
	Homepage
-----------------------------------------------------------------*/



#slider .full-screen {
	background-image: url('../images/transexpert_logistique_home_header.jpg');
	background-size: cover;
	background-position: 25% 50%;
}



.button.button-border.button-hover-red:hover {
	background-color: #c6191f;
}

div .fbox-icon {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: none;
  width: 0px!important;
  height: 0px!important;
  /*
  width: 120px!important;
  height: 120px!important;
  background-size: cover!important;
  */

    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

/*
div .fbox-icon.camion1 {
  background: url(../images/icons/camion1.png);
}
div .fbox-icon.camion2 {
  background: url(../images/icons/camion2.png);
}
div .fbox-icon.camion3 {
  background: url(../images/icons/camion3.png);
}
div .fbox-icon.camion4 {
  background: url(../images/icons/camion4.png);
}

div .fbox-icon.camion1:hover {
  background: url(../images/icons/camion1_hover.png);
}
div .fbox-icon.camion2:hover {
  background: url(../images/icons/camion2_hover.png);
}
div .fbox-icon.camion3:hover {
  background: url(../images/icons/camion3_hover.png);
}
div .fbox-icon.camion4:hover {
  background: url(../images/icons/camion4_hover.png);
}
*/

.boxes-3-colors a {
	position:absolute;
	bottom: 50px;
}

.button.button-border.button-dark {
	color:#fff;
}

span.ajout-info {
    display: block;
    text-transform: initial;
    font-weight: 500;
    padding:20px 0;
}

.feature-box.fbox-left:not(.fbox-bg) h3:after,
.heading-block:after {
    content: '';
    display:none;
    /*display: block;
    margin: 20px 0;
    width: 30px;
    border-top: 2px solid #555;*/
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}

.feature-box.fbox-center:not(.fbox-bg) h3:after {
    border-top: none;
}

.heading-block {
    margin-bottom: 27px;
}

.feature-box.fbox-left:not(.fbox-bg):hover h3:after {
    width: 50px;
}

.feature-box p, .feature-box li {
    font-size: 16px!important;
}



.boxes-3-colors .col_one_third.nomargin {
    width: 33.3%;
    padding:50px;
    height: 360px;
    overflow: hidden;
}

.boxes-3-colors .col_one_third.nomargin:last-child {
    width: 33.4%;
}


.container.video {
    padding-top: 80px;
}

.video ul {
	list-style:none
}


.video ul li {
	margin-left: 20px;
}

.video ul li:before {
    content: "";
    border-color: transparent #eee;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.1em;
    position: relative;
}


.video.dark .feature-box p {
    color: #eee;
}

#home-info-sup .parallax {
    background-image: url('../images/transexpert_logistique_bg-parallax1.jpg');
    height: 400px;
    width: 100%;
    background-size: cover;
}

/* ----------------------------------------------------------------
	Call to action
-----------------------------------------------------------------*/

.cta-estmation{
	background-color: #c6191f;
	padding: 70px;
	-webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.cta-estmation:hover {
    /*background-color: #333;*/
}

.cta-estmation span, .cta-estmation h2{
	color:#fff;
	font-weight: 500;
}

/* ----------------------------------------------------------------
	Services
-----------------------------------------------------------------*/
/*
.services #page-title {
	background-image: url('../images/transexpert_logistique_territoire_header.jpg');
    padding: 250px 0 0 0;
    height:600px;
    background-size: cover;
    background-position: center;
}
*/
.services #content .content-wrap {
	padding: 80px 0 0 0;
}

.services h3 {
    margin: 10px 0;
}

.services ul {
	list-style:none
}


.services ul li {
	margin-left: 20px;
}

.services ul li:before {
    content: "";
    border-color: transparent #555;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.1em;
    position: relative;
}

.emphasis-title span {
	font-size:19px;
}

.button .services  {
	height: auto;
	white-space: initial;
}

/* ----------------------------------------------------------------
	Territoire
-----------------------------------------------------------------*/
.territoire #page-title {
	background-image: url('../images/transexpert_logistique_territoire_header.jpg');
    padding: 250px 0 0 0;
    height:600px;
    background-size: cover;
    background-position: center;
}

.territoire #page-title h1, .territoire #page-title span {
    color: #fff;
}
.territoire ul {
    list-style: none;
    margin:0;
}

.territoire  ul.us {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}
/* ----------------------------------------------------------------
	Documentation
-----------------------------------------------------------------*/
.documentation .col-md-6 {
    width: 45%;
}
.documentation .button.button-large {
    height: auto;
    white-space: inherit;
}

.documentation .button.button-large span {
font-size: 10px;
    display: block;
    margin-top: -10px;
}

/* ----------------------------------------------------------------
	Contact
-----------------------------------------------------------------*/


.contact .parallax {
    padding: 600px 0px;
}

/* ----------------------------------------------------------------
	Soumission
-----------------------------------------------------------------*/
input, button, select {
    width: 100%;
    height: 43px;
    padding: 0 10px;
}

textarea {
	resize: none;
    width: 100%;
    height: 132px;
    padding: 10px;
}

label {
    margin-bottom: 0;
    display: block;
}

/* Hover les champs, mettre contour bleu */
button.multiselect.dropdown-toggle.btn.btn-default:hover,
.soumission input:hover,
textarea:hover,select:hover{
	border:1px solid #337ab7;
}

button.multiselect.dropdown-toggle.btn.btn-default,
input, button, select, textarea {
    border: 1px solid #888;
}

.checkboxes span {
    padding: 5px;
}

button.multiselect {
    border-radius: 0;
    border-color: #a9a9a9;
}
button span.multiselect-selected-text {
    text-align: left;
}

ul.multiselect-container.dropdown-menu label {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-transform:none;
	letter-spacing:0px;
	color:rgb(85, 85, 85);
}

.multiselect-container.dropdown-menu {
	width:100%;
	position:relative;
	border-radius: 0;
    border: 1px solid #888;
}

label.checkbox {
    margin: 5px 0;
}

label.checkbox input {
    width: auto;
    height: auto;
    margin: 0 0 0 -20px!important;
    padding: 0 10px;
}

ul.multiselect-container.dropdown-menu  li > a {
    line-height: 1;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #1e90ff;
}

.dropdown-menu > li > a {
    border: 1px solid #fff;
    background-color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #fff;
    border: 1px solid #337ab7;
}

ul.multiselect-container.dropdown-menu li.active label {
    color: #ffffff;
}

.open > .dropdown-toggle.btn-default,
.multiselect.dropdown-toggle.btn-default:hover{
    background-color: #fff;
}

.btn-group {
    display: block;
}

input.error, div.error {
    border: 1px solid #ea141b;
}

legend.titre4 {
    color: #000;
    /* text-transform: uppercase; */
}

.soumission-contact div#contact-form_es_ {
    color: red;
}

p.error {
    color: #ea141b;
    font-weight:bold;
}

.errorSummary ul {
    display: none!important;
}

.soumission-contact .error-msg {
    display: none!important;
}

span.copie-courriel label {
    display: inline-block;
    margin-left: 12px;
}

input#SubmissionForm_copie {
    width: auto;
    height: auto;
    padding: 0 10px;
}



#content p.disclaimer {
    font-style: italic;
    font-size: 14px;
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/

.footer-logo {
    margin-bottom: 0;
}

#footer .copyrights-menu ul {
    /* color: red; */
    margin-bottom: 0;
}

#footer .copyrights-menu ul li {
    display: inline;
}

#footer a {
    color: #aaa;
}

#copyrights {
    padding: 40px 0 0;
}

.copyrights-menu {
    margin-bottom: 0px;
}

/* ----------------------------------------------------------------
	Responsive
-----------------------------------------------------------------*/

@media screen and (max-width: 1455px){
	#primary-menu.style-3 > ul > li.bgred > a {
	    display: inline-block;
	    padding: 0px 20px!important;
	    margin-bottom: 10px!important;
	}

}

@media screen and (min-width: 992px) and (max-width: 1480px){

	.slider-caption {
	    top: 120px!important;
	}

	body:not(.top-search-open) #primary-menu-trigger {
	     opacity: 1;
	    -webkit-transition: opacity .2s .2s ease;
	    -o-transition: opacity .2s .2s ease;
	    transition: opacity .2s .2s ease;
	}

	#header.full-header .container, .container-fullwidth {
	    padding: 0 15px !important;
	    margin: 0 auto;
	    width: 750px !important;
	}

	#header.dark.transparent-header, #header.dark.semi-transparent {
	    background-color: #333;
	    border-bottom: 1px solid rgba(0,0,0,0.1);
	}

	#primary-menu-trigger, #page-submenu-trigger {
		opacity: 0;
	    pointer-events: none;
	    cursor: pointer;
	    font-size: 14px;
	    position: absolute;
	    top: 50%;
	    margin-top: -25px;
	    width: 50px;
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    -webkit-transition: opacity .3s ease;
	    -o-transition: opacity .3s ease;
	    transition: opacity .3s ease;
	}

	#primary-menu ul {
    	height: auto;
	}

	#primary-menu {
	    display: block;
	    float: none;
	    height:auto!important;
	}
	#header.full-header #primary-menu > ul {
		height:auto!important;
		width:100%!important;
	}

	#primary-menu ul ul, #primary-menu ul li .mega-menu-content {
	    position: relative;
	    width: auto;
	    box-shadow: none;
	    border: 0;
	    border-top: 1px solid #eee;
	    z-index: 1;
	    top: 0 !important;
	    padding-left: 15px;
	}
	#primary-menu ul ul a {
	    height: 44px !important;
	    line-height: 44px !important;
	    padding-left: 5px !important;
	    font-size: 13px !important;
	    text-transform: none;
	    font-weight: 400;
	}

	#primary-menu i.icon-facebook{
		line-height:50px!important;
		height:50px!important;
		font-size: 20px!important;
	}

	#primary-menu-trigger i {
	    font-size: 30px;
	}

	li.bgred.mega-menu {
	    display: inline-block;
	}

	#primary-menu.style-3 > ul > li.bgred > a {
	    padding: 0 20px!important;
	}

	.dark #primary-menu:not(.not-dark) ul ul li, #primary-menu.dark ul ul li {
	    border-top-color: #eee !important;
	}
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover ul a,
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current ul a {
	    color: #444 !important;
	}
	.dark #primary-menu:not(.not-dark) ul ul,
	.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
	#primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content {
	    border-color: #eee;
	    border-top-color: #eee;
	}

	#header.full-header #primary-menu > ul {
	    width: 95%;
	}
	#primary-menu-trigger {
	    pointer-events: auto;
	    top: 25px;
	    z-index: 1;
	    margin-top: 0;
    	left: 0;
	}

	#top-cart, #side-panel-trigger {
	    left: auto;
	    right: 15px;
	    margin: 40px 40px;
	}
	#primary-menu>ul, #primary-menu>div>ul {
	    display: none;
	    border: 0 !important;
	    padding: 0 !important;
	    margin: 0 !important;
	    -webkit-transition: none;
	    -o-transition: none;
	    transition: none;
	}

	.menu-top-mobile {display: block;}
	#logo {
		position:relative;
		display: block;
	    height: auto;
	    float: none;
	    margin: 0 auto 0 !important;
	    max-width: none;
	    text-align: center;
	    border: 0 !important;
	    padding: 0 !important;
	    font-size: 36px;
    	line-height: 100%;
    	text-align: center;
	}
	#logo img {
		display: block;
    	max-width: 100%;
    	height: 100px;
    	margin:0 auto;
	}

	#header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo img {
	    height: 80px;
	    margin-top: 0px;
	}
	#header, #header-wrap, #logo img, #primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul {
	    height: auto;
	    -webkit-transition: height .4s ease, opacity .3s ease;
	    -o-transition: height .4s ease, opacity .3s ease;
	    transition: height .4s ease, opacity .3s ease;
	}
	#primary-menu ul li a, #primary-menu>div>ul>li>a,
	#primary-menu ul li.no-link span {
	    height: 0px !important;
	    line-height: 50px !important;
	    padding: 0 5px !important;
	    border: none !important;
	    margin: 0 !important;
	  	-webkit-transition: all .3s ease;
	    -o-transition: all .3s ease;
	    transition: all .3s ease;
	}

	#primary-menu ul li a, #primary-menu>div>ul.show>li>a,
	#primary-menu ul.show li.no-link span {
	    height: 50px !important;
	    line-height: 50px !important;
	    padding: 0 5px !important;
	    border: none !important;
	    margin: 0 !important;
	    color:red
	    -webkit-transition: all .3s ease;
	    -o-transition: all .3s ease;
	    transition: all .3s ease;
	}
	#primary-menu ul li {
	    float: none;
	    margin: 0 !important;
	    text-align: left !important;
	}
	.dark #primary-menu:not(.not-dark) ul li {
	    border-top: 1px solid rgba(255,255,255,0.1) !important;
	}
	.dark #primary-menu:not(.not-dark) ul li:first-child {
	    border-top: none!important;
	}

	#header,#header-wrap,#header.sticky-style-2,#header.sticky-style-3,#header.sticky-style-2 #header-wrap,#header.sticky-style-3 #header-wrap{height:auto !important}
	#header.sticky-style-2 #header-wrap,#header.sticky-style-3 #header-wrap{min-height:60px}
	#header.sticky-header #header-wrap{position:relative}

	#top-search {
	    border-radius: 4px;
	    border: none;
	    top: 0;
	    right: 0;
	    padding: 17px;
	    margin: 18px 15px 40px 0;
	}

	#top-search a, #top-cart, #side-panel-trigger {
	    left: auto;
	    right: 2px;
	    margin: 0;
	}
}

@media (max-width: 1100px) {
	.boxes-3-colors .col_one_third.nomargin,
	.boxes-3-colors .col_one_third.nomargin:last-child {
	    width: 100%;
	    padding: 50px;
	    height: auto;
	    overflow: initial;

	}
	.boxes-3-colors a {
		position:static;
		bottom:auto;
	}


}

@media (max-width: 1000px) {
	.territoire  ul.us {
	  columns: 3;
	  -webkit-columns: 3;
	  -moz-columns: 3;
	}
}

@media (max-width: 991px) {
	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current a {
	    color: #ea141b !important;
	}

	#primary-menu-trigger i {
	    font-size: 30px;
	}
}
@media (max-width: 767px) {

	#footer .social.clearfix {
		position: relative !important;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display:inline-block;
    }

	:before, :after {
		display: inline;
	}

	.territoire  ul.canada,.territoire  ul.us {
	  columns: 2;
	  -webkit-columns: 2;
	  -moz-columns: 2;
	}
	#page-title span {
    	display: block;
	}
	#page-title {
    	padding: 80px 0 0 0;
	}

	.territoire #page-title {
	    padding: 145px 0 0 0;
	    height: 485px;
	}


	.services #page-title {
	    padding: 145px 0 0 0;
	    height: 415px;
	}

	#logo img {
	    max-width: 89%;
	    height:auto;
	    float: right;
	}

	 .boxes-3-colors .col_one_third.nomargin, .boxes-3-colors .col_one_third.nomargin:last-child {
	    margin-bottom:0px!important;
	}
   .feature-box {
	    padding: 0;
	}

	#copyrights .col_full.nomargin {
	    margin-bottom: 0px!important;
	}

	.documentation .col-md-6 {
	    width: 95%;
	    height: auto;
    	white-space: initial!important;
	}


}

@media (max-width: 550px) {
	.services .promo a.button {
	    height: auto;
	    white-space: initial;
	}
}
@media (max-width: 525px) {

	.territoire  ul.canada,.territoire  ul.us {
	  columns: 1;
	  -webkit-columns: 1;
	  -moz-columns: 1;
	  text-align:center;
	}

	.territoire h3 {
		text-align:center;
		margin:0;
	}


}

@media only screen and (max-width: 479px) {
	.container, #header.full-header .container, .container-fullwidth, #content {
	    max-width: 100%!important;
	}

	#primary-menu-trigger i {
	    font-size: 14px;
	}

	#logo img {
	    padding: 26px 10px;
	}

	img.footer-logo {
    	max-width: 95%;
	}

	.territoire h2 {
	    text-align: center;
	}
}

/* Afficher le logo en mobile */
@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	#logo a.standard-logo {
    	display: inline-block!important;
	}
}