/****************************************************************************************/

/*********** SITE RESPONSIVE - MOBILE FIRST - LAYOUT FLUIDE *****************************/

/*********************************************************** Benoit L. - 29/07/15 *******/





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

/* Style Reset - Normalize */

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

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}a{margin:0;padding:0;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{display:block;height:0;padding:0;border:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:100%}sub,sup{font-size:60%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.4em}sub{bottom: 0;}nav ol,nav ul{list-style:none;list-style-image:none;margin:0}img{border:0;-ms-interpolation-mode:bicubic}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button{padding:0;border:0 none;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}



ul li, ol li { list-style: none; }



a { text-decoration: none; }



/* IMAGE FLEXIBLE */

img, iframe {

  max-width: 100%;

  max-height: 100%;

}





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

/* Styles generaux */

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



/* -------  MODIFICATION DU BOX MODEL  ----------- */

html {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}

*, *:after, *:before {

  -webkit-box-sizing: inherit;

     -moz-box-sizing: inherit;

          box-sizing: inherit;

}



td, th { vertical-align: top; }



hr {

  margin: 1em 0;

  border-top: 1px solid #b2b2b2;

}

img { display: block; }

q { font-style: italic; }



/* class atomiques */

.centrer { text-align: center; }

.droite { text-align: right; }

.floatLeft { float: left; }

.floatRight { float: right; }

.sep { border-bottom: 1px solid #b2b2b2; }

.maj { text-transform: uppercase; }

.margeBas { margin-bottom: 1.25em; }

.margeBas2 { margin-bottom: 2.5em; }

.sansMarge { margin: 0 !important; }

.mobileOnly, .moins640 { display: block !important; }

.notMobile, .plus640 { display: none !important; }

.desktopOnly { display: none !important; }

.notDesktop { display: block !important; }

.mortaise { margin: 0 auto 1.25em auto; }



.flex {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;  

} 



@media only screen and (min-width: 40em) {

	.moins640 { display: none !important; }

	.plus640 { display: block !important; }

}

@media only screen and (min-width: 48em) {

  .mobileOnly { display: none !important; }

  .notMobile { display: block !important; }

  .mortaise.mortaise { 

    float: left;

    margin: 0.4em 3% 1.25em 0;  

    max-width: 50%;

  }

  



  

}

@media only screen and (min-width: 60em) {

  .desktopOnly { display: block !important; }

  .notDesktop { display: none !important; }



}



/* Méthode de clear float */

.both { clear: both; }

.clearfix:after {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: '.';

  clear: both;

  height: 0;

}



/* Cacher pour les lecteurs d'écrans et navigateurs */

.hidden, .champCache {

  display: none !important;

  visibility: hidden;

}



/* Passe la navigation, pour screen reader */

.passeNav {

  position: absolute;

  left: -10000px;

  top: auto;

  width: 1px;

  height: 1px;

  overflow: hidden;

}



/* Correction pour AddThis */

#_atssh {

  position: absolute;

  top: 0;

}





/* Conteneurs

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

.conteneur {

	position: relative;

	width: 100%;

	margin: 0 auto;

	min-width: 20em;

}

.layout { 	

    margin: 0 auto;

    position: relative;

    width: 100%;

}



.contenu { min-height: 20em; }



.boite { padding: 1.25em 0; }



@media only screen and (min-width: 48em) {

  .layout { width: 92%; }

  .contenu { min-height: 43em; }

}

@media only screen and (min-width: 60em) {

  .layout { 

    margin: 0 auto;

    max-width: 60em; 

    width: 100%;

  }

  .contenu { min-height: 49em; }



	.boite { padding: 2em 0 0 0; }

}

@media only screen and (min-width: 66em) {

  .conteneur:before, .conteneur:after {

  	background: url(img/side.png) repeat-y;

  	content: '';

  	display: block;

  	height: 100%;

  	width: 1em;

  	position: absolute;

  	bottom: 0; top: 0; 

  	z-index: 300;

  }

  .conteneur:before { left: 0; }

  .conteneur:after { right: 0; }

}





/* Titres

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



.titre {

	color: #fff;

	display: inline-block;

	font: 900 1em /1 'Open sans', Arial, sans-serif;

	padding-top: 0.6em;

	position: relative;

	text-transform: uppercase;

}

.titre:before {

	background: url(img/titre-deco.png) no-repeat top left;

	content: '';

	display: block;

	height: 1em;

	width: 100%;

	position: absolute;

	top: 0; right: 0;

}



.titre svg {

	font-size: 1.5em;

	height: 1.48em;

	width: 100%;

}

.titre image { 

	height: 570px; 

	width: 570px; 

	y: -250; 

}



.titre1.titre1, .titre2.titre2, h2.titre1, h2.titre2 {

	font: 600 1.5em /1.2 'Open sans', Arial, sans-serif;

	margin-bottom: 0.5em;

	text-transform: uppercase !important;

}



.titre2 { color: #00427c; }



.titre3, .content_inner h2.titre3 {

	font: 600 1.5em 'Open sans', Arial, sans-serif;

	margin-bottom: 0.75em;

	text-transform: uppercase !important;

}



@media only screen and (min-width: 48em) {

	.titre {

		padding-top: 0.35em;

		font-weight: 700 !important;

font: 900 1em /1 'Open sans', Arial, sans-serif;



	}



	.titre:before { background: url(img/titre-deco2.png) no-repeat top right; }



	.titre svg { font-size: 4em; }

	.titre image { 

		height: 730px; 

		width: 730px; 

	}

	

		.titre { width: 21.3em; }



	.titre-shipper, .titre-airlines, .titre-training, .titre-faq, .titre-page-id-20, .titre-page-id-15, .titre-page-id-33, .titre-page-id-21, .titre-page-id-29 { width: 21.3em; }

	.titre-ground, .titre-about, .titre-page-id-19, .titre-page-id-25 { width: 40.8em; }

	.titre-freight, .titre-page-id-23 { width: 45.3em; }

	.titre-contact, .titre-page-id-17 { width: 33.3em; }

	.titre-map, .titre-page-id-31 { width: 18.8em; }



	.titre-about:before, .titre-page-id-19:before { background: url(img/titre-deco-about.png) no-repeat top right; }

	.titre-faq:before, .titre-page-id-21:before { background: url(img/titre-deco-faq.png) no-repeat top left; }

.titre-contact:before, .titre-page-id-17:before { background: url(img/titre-deco-faq.png) no-repeat top right; }

	.titre-shipper:before, .titre-page-id-29:before { background: url(img/titre-deco-shippers.png) no-repeat top left; }

	.titre-freight:before, .titre-page-id-23:before { background: url(img/titre-deco-freight.png) no-repeat top right; }

	.titre-airlines:before, .titre-page-id-15:before { background: url(img/titre-deco-shippers.png) no-repeat top left; }

	.titre-map:before, .titre-page-id-31:before { background: url(img/titre-deco-faq.png) no-repeat top right; }

}

@media only screen and (min-width: 60em) {

	.banniere-interne_inner { 

		margin: 0 auto;

		width: 60em; 

	}



	.titre1.titre1, .titre2.titre2 { font-size: 1.8em; }

}





/* Textes et CMS

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



.content_inner h2 {

	font: 600 1.8em /1.2 'Open sans', Arial, sans-serif !important;

	margin-bottom: 0.5em !important;

	text-transform: none !important;

}



.content_inner h2.more {

	font: 600 1.6em /1.2 'Open sans', Arial, sans-serif !important;

}



.content_inner h3 {

  font: 700 1em /1.5 'Open sans', Arial, sans-serif i!important;

  margin-bottom: 0.8em !important;

}

.content_inner h4 {

  font: 700 0.75em /1.58 'Open sans', Arial, sans-serif !important;

  margin-bottom: 1em !important;

  text-transform: uppercase !important;

}



.content_inner p { margin-bottom: 1em; }



.content_inner a { 

	color: #ec3014;

	text-decoration: underline; 

	transition: all 0.15s linear 0s;

}



.content_inner a.lien {

    color: #fff;

    text-decoration: none;

}



.content_inner h3.titre2 {

	font-size: 1.8em !important;

	font-weight:600 !important;

}





.content_inner .ipad .wpb_wrapper img, .wpb_single_image.ipad img{

	width:410px !important;

	margin-left:-40px;	

	max-width:410px !important;

	margin-bottom: -30px !important;

}



.content_inner .panneau .wpb_wrapper img, .wpb_single_image.panneau img {

    width: 500px !important;

    margin-left: -80px;

    max-width: 500px !important;

	margin-top: -30px;

    margin-bottom: -50px;

    z-index: 2;

}



div.section.boite_case {

 position: inherit !important;



}



.courses .wpb_content_element {

    background-position: right bottom  !important;

    background-repeat: no-repeat !important;

	padding-bottom:115px

}



.courses .wpb_content_element {

    margin-bottom: -1px !important;

}



.content_inner .palette .wpb_wrapper img, .wpb_single_image.palette img{	

	max-width:545px !important;

}



.content_inner .perceuse .wpb_wrapper img, .wpb_single_image.perceuse img{	

	max-width:451px !important;

}



.content_inner .valise .wpb_wrapper img, .wpb_single_image.valise img{	

	max-width:545px !important;

    margin-top: -24px;

}



.content_inner .briquet .wpb_wrapper img, .wpb_single_image.briquet img{	

	max-width:340px !important;

}





.content_inner a:hover, .content_inner a:active, .content_inner a:focus {

	outline: none; 

	text-decoration: none;

}

.content_inner abbr[title] { border-bottom: 1px dotted; }

.content_inner sup { top: -0.2em; }

.content_inner img { max-width: 100%; max-height: 100%; }



/* - - - Listes - - - */

.content_inner ul, .content_inner ol { margin-bottom: 1em; overflow:hidden; }

/*.content_inner ul li, .content_inner ol li { 

	font: 400 0.81em /1.4 'Open sans', Arial, sans-serif; 

	margin: 0 0 0.3em 2em; */

}

.content_inner ul li { list-style: disc; }

.content_inner ol li { list-style: decimal; }



.content_inner blockquote {

  border-left: 4px solid #2c2938;

  font: 400 italic 1em 'Open sans', Arial, sans-serif;

  margin-bottom: 1.5em;

	padding-left: 1em;

}

.content_inner blockquote p { 

  font: 400 italic 1em / 1.4 'Open sans', Arial, sans-serif;

  margin-bottom: 0.8em;

}

.content_inner blockquote cite { 

  font-style: italic;

  font-weight: 700; 

}





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

/* BOUTONS

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

.bouton.bouton {

	background: #ef2d00;

	border-radius: 5px;

	box-shadow: 0 5px 0 #b00d0c;

	color: #fff;

	display: inline-block;

	font: 600 0.9em /2.5 'Open sans', Arial, sans-serif;

	padding: 0 1.25em;

	position: relative; top: 0;

	text-decoration: none;

}

.bouton:hover {

	background: #c12400;

	background: -moz-linear-gradient(top,  #c12400 0%, #ee2d00 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c12400), color-stop(100%,#ee2d00));

	background: -webkit-linear-gradient(top,  #c12400 0%,#ee2d00 100%);

	background: -o-linear-gradient(top,  #c12400 0%,#ee2d00 100%);

	background: -ms-linear-gradient(top,  #c12400 0%,#ee2d00 100%);

	background: linear-gradient(to bottom,  #c12400 0%,#ee2d00 100%);

	box-shadow: 0 3px 0 #b00d0c;

	top: 2px;

}



.bouton.bouton.btn-gros { 

	font-size: 1.3em; 

	line-height: 1.2;

	padding: 0.7em 0;

	text-align: center;

	width: 100%;

}



@media only screen and (min-width: 30em) {

	.bouton.bouton { font-size: 1em; }

}

@media only screen and (min-width: 40em) {

	.bouton.bouton { font-size: 1.25em; }

}

@media only screen and (min-width: 48em) {

	.bouton.bouton.btn-gros { 

		margin: 0 1.7% 1.25em 1.7%;

		width: 11.25em; 

	}

	.bouton.bouton.btn-order.btn-order { width: 8em; }

}

@media only screen and (min-width: 60em) {

	.bouton.bouton.btn-gros { 

		margin: 0 0 2em 0;

		width: 17em; 

	}

}





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

/* En-tete */

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

.entete {

	position: relative;

	height: 6.3em;

}



.logo { 

	display: block;

	margin: 0 auto;

	padding-top: 1.2em;

	width: 42%; 

}



.logoBureau {

	display: none;

}





@media only screen and (min-width: 27em) {

	.entete { height: 7.3em; }

}

@media only screen and (min-width: 31em) {

	.entete { height: 9em; }

}

@media only screen and (min-width: 37.5em) {

	.entete { height: 11.3em; }

	.logo { padding-top: 1.8em;}

}



@media only screen and (min-width: 27em) {

	 .enteteInterne { height: 7.3em; }

}

@media only screen and (min-width: 31em) {

	.enteteInterne { height: 9em; }

}

@media only screen and (min-width: 37.5em) {

	.enteteInterne { height: 11.3em; }



}



@media only screen and (min-width: 960px) {

	.entete { 

		height: 9em;

		margin: 0 auto;

		max-width:  60em ;

		width: 95%;

	}



	.enteteInterne {

		height: 13em;

		margin: 0 auto;

		max-width:  60em ;

		width: 95%;

	}



	.logo { 

		float: left; 

		padding-top: 2em;

		width: 138px !important;

	}



	.logoBureau { display: block;}

	.logoMobile { display: none;}

}

@media only screen and (min-width: 62.5em) {

	.entete { width: 100%; }

}





/* Menu secondaire

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



.menuSec { display: none; }

.menuSec ul {

	float: left;

	margin-right: 10px;

}



.menuSec .logoBureau {

	padding-top: 4px;

	float: right;

}



@media only screen and (min-width: 60em) {

	.menuSec {

		display: block;

		float: right;

		margin-top: 1em;

	}

	.menuSec_item {

		color: #979797;

		display: inline-block;

		font-size: 1.25em;

	}

	.menuSec_lnk {

		color: #003e75;

		padding-right: 0.2em;

		vertical-align: middle;

	}

	.menuSec_lnk:hover { color: #ec3014; }

}





/* Menu principal

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



@media only screen and (min-width: 60em) {

	.menu {

		clear: right; 

		float: right;

		margin-top: 2.5em;

	}

	.menu_item { display: inline-block; }

	.menu_lnk, ul#menu-menu2 li a {

		border-top: 4px solid #ec3014;

		color: #ec3014;

		font: 600 1.25em/1 'Open sans', Arial, sans-serif;

		margin-left: 1em;

		transition: all 1s ease;

	}

	.menu_lnk:hover, ul#menu-menu2 li a:hover  { 

		border-top-color: #00437a; 

		color: #00437a; 

	}

	

	ul#menu-menu2 li{

		float:left

	}

}





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

/* Contenu principal */

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



/* 01_100 : Accueil

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



.boite_slider-accueil { 

	margin-bottom: 1.25em;

	position: relative; 

}

.boite_slider-accueil .bx-controls {

	position: absolute;

	bottom: 0.15em;

	text-align: center;

	width: 100%;

	z-index: 200;

}

.boite_slider-accueil .bx-pager-item { display: inline-block; }

.boite_slider-accueil .bx-pager-link {

	background: #ec3014;

	border-radius: 3px;

	display: inline-block;

	height: 6px;

	margin: 0 3px;

	overflow: hidden;

	text-indent: 100%;

	width: 6px;

}

.boite_slider-accueil .bx-pager-link.active { background: #fff; }



.cta_boite {  margin-bottom: 1em;}

.cta_titre {

	color: #003e74;

	font: 700 italic 1em /1 'Open sans', Arial, sans-serif;

	margin-bottom: 0.8em;

	text-align: center;

}



.cta_liste {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}



.cta_item {

	border: 2px solid #ec3014;

	display: inline-block;

	margin-bottom: 0.4em;

	vertical-align: top;

	width: 49%;

}

.cta_lnk {

	color: #fff;

	display: inline-block;

	font: 700 0.75em/1 'Open sans', Arial, sans-serif;

	height: 7.4em;

	padding: 0.83em;

	text-transform: uppercase;

	width: 100%;

}



.content_inner a.cta_lnk{

		color:#FFF !important;

		text-decoration:none !important;

		transition:none !important }

		

		

.content_inner h2.video_titre {

		font-size: 2em !important;

		color: #FFF !important;

	}



.content_inner h2.dgr_titre {

	color: #454545 !important;

}

	

	

	.video_txt { font-size: 1.25em;color: #FFF !important }		



.link .wpb_text_column :last-child{

    margin-bottom: auto !important;

}



.flexbox .cta_lnk {

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;		

	-webkit-align-items: flex-end;

			align-items: flex-end;

}

.cta_shippers { background: url(img/cta_shippers.jpg) no-repeat center center; background-size: cover; }

.cta_ground { background: url(img/cta_ground.jpg) no-repeat center center; background-size: cover; }

.cta_freight { background: url(img/cta_freight.jpg) no-repeat center center; background-size: cover; }

.cta_airlines { background: url(img/cta_airlines.jpg) no-repeat center center; background-size: cover; }





.dgr_boite { text-align: center; }

.dgr_titre, .content_inner h2.dgr_titre {

	color: #454545 !important;

	font: 400 1.5625em /1.2 'Open sans', Arial, sans-serif !important;

	margin-bottom: 0.8em !important;

}

.dgr_txt { 

	color: #454545;

	font-size: 1.0875em; 

}

.dgr_img { 

	display: inline-block;

	margin: 1.8em 0; 

}





@media only screen and (min-width: 30em) {

	.cta_titre { font-size: 1.5em; }

	.cta_item { 

		border-width: 3px;

		margin-bottom: 0.6em; 

	}

	.cta_lnk { 

		font-size: 1em; 

		height: 8em;

	}

}

@media only screen and (min-width: 40em) {

	.boite_slider-accueil .bx-controls { bottom: 0.3em; }



	.cta_boite { margin-bottom: 1.5em; }

	.cta_titre { font-size: 2em; }

	.cta_item { 

		border-width: 5px;

		margin-bottom: 0.4em;

		width: 49.5%; 

	}

	.cta_lnk { 

		font-size: 1.5em; 

		height: 7.2em;

	}



	.flexOrdre {

		display: -ms-flexbox;

		display: -webkit-flex;

		display: flex;		

		-webkit-flex-direction: column;

			-ms-flex-direction: column;

				flex-direction: column;	

	}

	.strate1 {

   	   -ms-flex-order: 2;

		-webkit-order: 2;

				order: 2;

	}



	.strate-video {

		background: #636363;

		color: #fff;

		margin-bottom: 2.5em;

		overflow: hidden;

		padding: 1.25em 0;

	}

/*	.video_ctn { overflow: hidden; }

	.video_titre {

		font-size: 1.625em;

		margin-bottom: 0.5em;

		text-transform: uppercase;

	}



	.video {

		border: 1px solid #fff;

		float: right;

		height: 10.58em;

		margin-left: 5%;

		overflow: hidden;

		position: relative;

		width: 19em;

	}

	.video iframe {

	  height: 100%;

	  width: 100%;

	}

	

	*/

	.actionButton {

		background: url(img/btn-video.png) no-repeat;

		background-size: 100%;

		display: block;

		height: 3.5625em;

		position: absolute;

		top: calc(50% - 1.78125em);

		left: calc(50% - 2.34375em);

		width: 4.6875em;

	}



}

@media only screen and (min-width: 48em) {

	.dgr_boite { padding: 0 8%; }

}

@media only screen and (min-width: 60em) {

	.boite_slider-accueil { margin-bottom: 2em; }

	.slider-accueil_item { height: 33.125em; }

	.banniere1 { background: url(img/banniere1-1600.jpg) no-repeat center center; background-size: cover; }

	.banniere2 { background: url(img/banniere2-1600.jpg) no-repeat center center; background-size: cover; }

	.banniere3 { background: url(img/banniere3-1600.jpg) no-repeat center center; background-size: cover; }



	.boite_slider-accueil .bx-controls { bottom: 0.8em; }

	.boite_slider-accueil .bx-pager-link {

		border-radius: 5px;

		height: 10px;

		width: 10px;

	}



	.cta_boite { margin-bottom: 3em; }

	.cta_titre, .content_inner h2.cta_titre { 

		font-size: 2.875em !important; 

		margin-bottom: 0.7em !important;

		font-style:italic !important;

		font-weight:700 !important

	}

	.cta_item {

		border-width: 8px; 

		width: 24.583%; 

	}

	.cta_lnk { padding: 0.4em; }

	

	.content_inner a.cta_lnk{

		color:#FFF !important;

		text-decoration:none !important;

		transition:none !important }

	

	.cta_lnk:hover {

		-webkit-filter: hue-rotate(145deg);

  				filter: hue-rotate(145deg);

	}



	.fondGris { background: url(img/Light-Gray_bg.jpg) no-repeat bottom center; }

	.fondBlanc { background:none }



	.strate1 { 

		/*margin-bottom: 3em;*/

		padding-bottom: 3em; 

		padding-top: 3em;

		margin-bottom: 2em;

	}

	.dgr_boite {

		border-right: 1px solid #afafaf;

		display: inline-block;

		padding: 0;

		width: 66%;

	}

	.dgr_ctn {

		float: right;

		padding-right: 3%;

		text-align: left;

		width: 48%;

	}

	.dgr_img {

		float: left;

		margin: 3em -20% 0 -30%;

		width: 100%;

	}

	.dgr_txt { line-height: 1.2; }



	.batterie_boite {

		float: right;

		width: 31%;

	}

	.batterie_photo {

		float: right;

		margin: 0 -8% 0 2%;

	}

	.batterie_titre, .content_inner h2.batterie_titre {

		color: #454545;

		font-size: 1.75em !important;

		line-height: 1.2 !important;

		margin-bottom: 0.5em !important;

		font-weight:600 !important

	}

	

	.livres {

		width: 363px;

		margin-left:-60px

	}



.vc_custom_1465359105932{

	padding-top:0px !important

	}



	.strate-video {

		background: url(img/video_bg.jpg) repeat-x;

		height: 24.1875em;

		padding: 2.5em 0;

		position: relative;

		margin: 0;

	}



	.pasDeMarge {

		margin-bottom: 0;

	}



	.video_titre, .content_inner h2.video_titre {

		font-size: 2em !important;

		color: #FFF !important;

	}

	.video_txt { font-size: 1.25em;color: #FFF !important }

/*	.video { 

		height: 19.05em;

		width: 57%; 

		z-index: 2;

	} 

	.actionButton {

		height: 6.25em;

		width: 8.5625em;

		left: calc(50% - 4.28125em);

		top: calc(50% - 3.125em);

	}*/

	.video_ombre {

		background: url(img/video_ombre.png) no-repeat;

		display: block;

		height: 1.5em;

		width: 66%;

		position: absolute;

		bottom: -0.4em; right: -5.5%;

	}



	.strate-danger {

		margin: 0 auto 2em auto;

		max-width: 62.5em;

		width: 100%;

	}

	.danger_titre, .content_inner h2.danger_titre {

		color: #ec3014;

		font-size: 2.625em !important;

		font-style: italic !important;

		letter-spacing: -1px !important;

		font-weight:700 !important

	}

	.danger_liste {

		display: flex;

		justify-content: space-between;

	}

	.danger_item {

		display: inline-block;

		vertical-align: top;

		width: 31%;

	}

	.danger_photo { margin-bottom: 0.5em; }

	.danger-item_titre, .content_inner h3.danger-item_titre {

		color: #ec3014;

		font: 300 2.55em /1 'Open sans', Arial, sans-serif !important;

		margin-bottom: 0.05em !important;

	}

	.danger_txt {

		color: #9b9b9b;

		font: 300 1.2em /1.2 'Open sans', Arial, sans-serif;

	}



	.content_inner .video { /* margin-top: 1.25em;*/

    background-repeat: repeat-x !important;  }

}







/* PAGE INTERNES

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



.banniere-interne {

	background-size: cover;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;		

	-webkit-align-items: flex-end;

			align-items: flex-end;

	height: 7.1875em;

	margin-bottom: 0.75em;

	padding: 1.25em 5%;

}



.cta-interne {

	border: 5px solid #ec3014;

	margin-bottom: 1.8em;

	padding-bottom: 0.8em;

	text-align: center;

}

.cta-interne_titre {

	background: #ec3014;

	color: #fff;

	font: 700 1.25em 'Open sans', Arial, sans-serif;

	padding: 0.75em 0 1em 0;

}

.cta-interne .bouton.btn-gros { width: 75%; }



.cta-annual_img {

	margin: -0.7em auto 0.7em auto;

	width: 90%;

}



.cta-training { 

	background: url(img/cta-training_bg.jpg) no-repeat bottom left; 

	padding-bottom: 2em;

}

.cta-training_txt {

	margin: 1.25em 6.25% 7em 6.25%;

	text-align: left;

}

.cta-training_txt a { color: #ec3014; }



.team_boite {

	background: #30a1da url(img/team_bg.jpg) no-repeat right center;

	background-size: 70% 100%;

	border: 4px solid #00407e;

	padding: 0 6.25%;

	margin-left: -30px;

margin-right: -30px;

}

.team_item {

	border-bottom: 1px solid #0076c4;

	clear: both;

	color: #fff;

	font-weight: 600;

	overflow: visible;

	text-transform: uppercase;

}

.team_item:last-child { border-bottom: none; }

.team_item:before {

	background: url(img/crochet.png) no-repeat;

	background-size: 100%;

	content: '';

	display: inline-block;

	float: left;

	height: 3.44em;

	margin-right: 15%;

	width: 3.44em;

}

.team_txt { 

	display: block;

	overflow: hidden; 

	padding: 1.4em 0;

	font-size: 0.95em;

}



.flexbox .team_item {

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;	

	-webkit-align-items: center;

		-ms-align-items: center;

			align-items: center;

}

.flexbox .team_item:before {

	-webkit-flex: 0 0 auto;

		-ms-flex: 0 0 auto;

			flex: 0 0 auto;

}

.no-flexbox .team_item:before { margin-top: 1.5em; }



.texte1.texte1 { font: 600 1.125em /1.2 'Open sans', Arial, sans-serif; }

.texte2 {

	color: #ef2d00;

	font: 400 1.125em /1.2 'Open sans', Arial, sans-serif;

}



.shippers_img {

	margin: 0 auto;

	max-width: 75em;

	padding-bottom: 2em;

}



.boite_case {

	background: #000a12;

	background: -moz-linear-gradient(-45deg,  #000a12 0%, #00427c 100%);

	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000a12), color-stop(100%,#00427c));

	background: -webkit-linear-gradient(-45deg,  #000a12 0%,#00427c 100%);

	background: -o-linear-gradient(-45deg,  #000a12 0%,#00427c 100%);

	background: -ms-linear-gradient(-45deg,  #000a12 0%,#00427c 100%);

	background: linear-gradient(135deg,  #000a12 0%,#00427c 100%);

	border: 3px solid #0076c4;

	color: #fff;

	padding: 1.25em 6.25%;

}



.txt_case-example {

	background: url(img/case-example.png) no-repeat;

	display: inline-block;

	height: 4.315em;

	margin-bottom: 1em;

	overflow: hidden;

	text-indent: -100%;

	width: 13.275em;

}

.txt_02a-b, .txt_04h-d, .txt_01p-k, .txt_07a-d {		

	display: inline-block;

	height: 2.5em;

	margin-bottom: 2em;

	overflow: hidden;

	text-indent: -100%;

	width: 11.5em;

}

.txt_02a-b { background: url(img/02a-b.png) no-repeat; background-size: 100%; }

.txt_04h-d { background: url(img/04h-d.png) no-repeat; background-size: 100%; }

.txt_01p-k { background: url(img/01p-k.png) no-repeat; background-size: 100%; }

.txt_07a-d { background: url(img/07a-d.png) no-repeat; background-size: 100%; }



.colonne:last-child {

	border-top: 1px solid #b2b2b2;

	padding-top: 1em;

}



.boite_more { padding: 1.25em 0; }



@media only screen and (min-width: 30em) {

	.cta-interne { 

		margin: 0 auto 1.8em auto;

		max-width: 24.6875em; 

	}

	.team_boite { background-size: 75% 100%; }

}

@media only screen and (min-width: 40em) {

	.team_boite { 

		background-size: 85% 100%; 

		padding: 0 3%;

	}

	.boite_case {

		padding: 1.25em 3%;

	}

	.txt_02a-b, .txt_04h-d, .txt_01p-k, .txt_07a-d {

		height: 4.2975em;

		width: 20em;

		margin-bottom: 1em !important;

		margin-left: 10px;

	}

}

@media only screen and (min-width: 48em) {

	.banniere-interne { 

		height: 10.8125em; 

		margin-bottom: 1.25em;

	}

	.cta-interne { padding-bottom: 1.2em; }

	.cta-interne_titre { 

		font-size: 1.75em; 

		line-height: 1.2;

		padding: 0.5em 0 0.75em 0;

	}



    .team_boite { background-size: 78% 100%; }

	.team_txt { padding: 4.4em 0; }

	.team_item:before {

		margin-right: 10%;

		height: 6.625em;

		width: 6.625em;

	}



	.colonne {

		display: inline-block;

		vertical-align: top;

		width: 48%;

	}

	.colonne:last-child {

		border-left: 1px solid #b2b2b2;

		border-top: none;

		padding-left: 1%;

		padding-top: 0;

	}



	.photo_dangerous {

		float: left;

		position: relative;

		top: -3.3em;

		z-index: 2;

	}

	.colonne2 {

		float: right;

		width: 56%;

	}



	.boite_case { 

		padding: 1.25em 0 0 3%; 

		position: relative;

	}

	.colonne3 {	

		padding: 0 36% 0.5em 0; 

		position: relative;

		z-index: 2;

	}

	.photo-valise {	

		background: url(img/valise.png) no-repeat; 

		height: 40.3em;

		width: 20em;

		position: absolute;

		bottom: 0; right: 0;

		z-index: 1;

	}

	.photo-briquet {

		background: url(img/briquet.png) no-repeat; 

		height: 44.6em;

		width: 21.25em;

		position: absolute;

		bottom: 0; right: 0;

		z-index: 1;

	}

	.photo-drill {

		background: url(img/drill.png) no-repeat; 

		height: 38.75em;

		width: 24em;

		position: absolute;

		bottom: 0; right: 0;

		z-index: 1;

	} 

	.photo-palette {

		background: url(img/palette.png) no-repeat; 

		height: 33.1875em;

		width: 20em;

		position: absolute;

		bottom: 0; right: 0;

		z-index: 1;

	}



	.cta-training { width: 42%; }

	.cta-training .cta-interne_titre { font-size: 1.5em; }

}

@media only screen and (min-width: 60em) {

	.banniere-interne { 

		background: url(img/banniere-interne1600.jpg) no-repeat center center; 

		margin-bottom: 4.6em;

	}



	.boite_texte {

		float: left;

		width: 51%;

	}

	.cta-interne {

		float: right;

		max-width: none;

		width: 384px;

	}



	.team_boite {		

		background: #30a1da url(img/team_bg-desk.jpg) no-repeat bottom center;

		background-size: 100% 60%;

		margin: 0 0;

		max-width: 60em;

		padding: 0.7em 0;

	}

	.team_boite2 { background-size: 100% 52%;

	margin-left:5px;

	}

	.team_liste { 

		display: -ms-flexbox;

		display: -webkit-flex;

		display: flex;	

	}

	.team_item {

		border-bottom: none;

		border-right: 1px solid #0076c4;

		clear: none;

		float: left;

		-webkit-flex: 1;

			-ms-flex: 1;

				flex: 1;

		-webkit-flex-direction: column;

			-ms-flex-direction: column;

				flex-direction: column;

		padding: 0 2%;

		text-align: center;

		width: 20%;

	}

	.team_item:last-child { border: none; }

	.team_item:before { margin: 0; }

	.team_txt { 

		padding: 2em 0; 

		width: 100%; /* IE */

	}



	.colonne:last-child { padding-left: 2%; }



	.photo_dangerous {

		top: -4em; left: -7%;

		margin: 0 -7% -4em 0;

	}

	.colonne2 { width: 54%; }



	.boite_more {

		padding: 2em 0 0 0;

		margin-bottom: -3em;

	}



	.boite_case { 

		border-left: none;

		border-right: none;

		margin-bottom: 1.5em;

		padding: 0; 

	}

	.case_inner {

		margin: 0 auto;

		max-width: 60em;

		

	}

	.photo-valise { bottom: 0; }

	.photo-briquet { bottom: -3em; }

	.photo-drill, .photo-palette { bottom: -2em; }



	.training_ctn {

		float: right;

		margin-top: 2em;

		width: 64%;

	}

	.cta-training {

		float: left;

		margin: 2em 0 0 -5%;

		width: 110%;

	}

	.cta-training_txt { margin-bottom: 6em !important; }

}



@media only screen and (min-width: 70em) {

	.case_inner { position: relative; }

	.photo-valise, .photo-drill, .photo-palette {

		right: -4.5em;

		width: 24em;

	}

}

@media only screen and (min-width: 75em) {

	.photo-valise, .photo-drill, .photo-palette {

		right: -7em;

		width: 28em;

	}

}

@media only screen and (min-width: 80em) {

	.photo-valise, .photo-drill, .photo-palette {

		right: -9em;

		width: 29em;

	}

}

@media only screen and (min-width: 90em) {

	.banniere-interne { 

		background: url(img/banniere-interne3000.jpg) no-repeat center center; 

	}



	.photo-valise, .photo-drill, .photo-palette {

		right: -15em;

		width: 34em;

	}

}

.ie9 .boite_more { margin-bottom: 2em; }

.ie9 .boite_case { padding-top: 2em; }





/*  TRAINING

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



.cta-table {

	background: url(img/cta-table_bg.jpg) no-repeat bottom center;

}

.cta-table .cta-interne_titre { 

	font-size: 1.3em; 

	margin-bottom: 6.8em;

}



@media only screen and (min-width: 60em) {

	.boite_lien {

		background: url(img/boite-lien_bg.png) no-repeat;

		height: 3.3875em;

		padding: 1em;

		text-align: center;

		width: 100%;

	}

	.lien_txt { margin: 0 5% 0 -3%; }

	.lien {

		color: #fff;

		font: 700 1.125em/1 'Open sans', Arial, sans-serif;

	}



	.boite_categorie {

		/* background: #ffffff;

		background: -moz-linear-gradient(top,  #ffffff 1%, #dfdee4 100%);

		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#dfdee4));

		background: -webkit-linear-gradient(top,  #ffffff 1%,#dfdee4 100%);

		background: -o-linear-gradient(top,  #ffffff 1%,#dfdee4 100%);

		background: -ms-linear-gradient(top,  #ffffff 1%,#dfdee4 100%);

		background: linear-gradient(to bottom,  #ffffff 1%,#dfdee4 100%); */

		margin: 1em 0 6em 0;

		padding-bottom: 0.3em;

	}

	.colonne4 {

		padding-left: 38.5%;

	}



	.iPad {

		background: url(img/iPad.png) no-repeat;

		height: 30.5625em;

		width: 26.8125em;

		position: absolute;

		bottom: -4em;

		left: -4%;

	}



	.photo-instructor { 

		background: url(img/instructor.jpg) no-repeat bottom right; 

		padding-bottom: 3em;

	}

}





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

/* Pied de page */

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

.piedPage {

	background: #636363 url(img/piedPage_bg.jpg) no-repeat center bottom;

	background-size: 100% auto;

	color: #fff;

	padding: 1.8em 0;

}



.infolettre_boite { 

	margin-bottom: 1.25em;

	text-align: center; 

}

.infolettre_titre {

	color: #d3d0d7;

	display: block;

	font-size: 1.25em;

	margin-bottom: 0.75em;

}



.piedPage_gauche { text-align: center; }



.lnk-dgr {

	color: #fff !important;

	font: 600 1.1875em 'Open sans', Arial, sans-serif;

}



.rs { margin: 1em 0; }

.rs_item {

	display: inline-block;

	margin: 0 0.5%;

}

.rs_lnk {

	display: block;

	height: 2.6em;

	width: 2.6em;

}

.btn-twitter { background: url(img/btn-twitter.png) no-repeat; }

.btn-facebook { background: url(img/btn-facebook.png) no-repeat; }

.btn-linkedin { background: url(img/btn-linkedin.png) no-repeat; }

.btn-youtube { background: url(img/btn-youtube.png) no-repeat; }



.copyrights { 

	display: block;

	font-size: 0.7em; 

	line-height: 1.3;

	opacity: 0.5;    

	color: #d3d0d7;

}

.copyrights a { color: #fff; }

.copyrights a:hover{ text-decoration:underline; }

.signature { white-space: nowrap; }



@media only screen and (min-width: 40em) {

	.rs { 

		display: inline-block; 

		margin-left: 4%;

		min-width: 12em;

		vertical-align: middle;

	}

}

@media only screen and (min-width: 60em) {

	.piedPage { background: #636363 url(img/piedPage_bg1600.jpg) no-repeat center bottom; }

	.piedPage_gauche {

		float: left;

		margin: 1em 0;

		text-align: left;

		width: 32%;

	}

	.piedPage_droite {

		float: right;

		width: 66%;

	}



	.rs { margin: 1.5em 0 0.7em 0; }

	.copyrights { font-size: 0.8em; }



	.infolettre_boite { 

		margin-left: 25%;

		text-align: left; 

	}

}

@media only screen and (min-width: 100em) {

	.piedPage { background: #636363 url(img/piedPage_bg3000.jpg) no-repeat center bottom; }

}



/* Menu pied de page

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

.menuPied { display: none; }



@media only screen and (min-width: 60em) {

	.menuPied {

		border-bottom: 1px solid #949494;

		display: block;

		margin: 2em 0 3em 0;

		padding-bottom: 2em;

	text-align:left

	}

	.menuPied_liste { margin-bottom: 1em; }

	.menuPied_item {

		color: #8b8b8b;

		display: inline-block;

		font: 400 1.125em Arial;

		padding-right: 0.2em;

		vertical-align: middle;

	}

	.menuPied_lnk {

		color: #fff;

		padding-right: 0.5em;

	}

	.menuPied_lnk:hover, .menuPied2_lnk:hover { color: #ec3014; }



	.menuPied2_liste {}

	.menuPied2_item {

		color: #bcbcbc;

		display: inline-block;

		font: 400 1em Arial;

		padding-right: 0.1em;

		vertical-align: middle;

	}

	.menuPied2_lnk {

		color: #bcbcbc;

		padding-right: 0.4em;

	}

}













/*

 * SimpleModal Basic Modal Dialog

 * http://simplemodal.com

 *

 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com

 *

 * Licensed under the MIT license:

 *   http://www.opensource.org/licenses/mit-license.php

 */



#ss-form { background: url(img/deco-popup.png) no-repeat 0 -20px;}

#ss-form .logoPopup { width: 100%; text-align: right; margin-top:-14px;}

#ss-form img { display: inline; margin: 10px 0px 0px 0;}

#ss-form .champCourriel { font-size: 18px; }

#ss-form .champCourriel input { padding: 13px 10px 10px; width: 100%;  border-radius: 6px; border: 1px solid #afafaf; outline: 0; font-weight: 400; height: 42px; margin: 10px 0;}

#ss-form ::-webkit-input-placeholder {color: #454545; opacity: 1; font-weight: 400;}

#ss-form :-moz-placeholder {color: #454545; opacity: 1;  font-weight: 400;}

#ss-form ::-moz-placeholder {color: #454545; opacity: 1;  font-weight: 400;}

#ss-form :-ms-input-placeholder {color: #454545; opacity: 1;  font-weight: 400;}

#ss-form .section { padding: 0 40px; margin: 0 auto;}

#ss-form .section.question1 { padding: 0 30%; }

#ss-form .champCourriel { padding: 0 80px; }



.question1 { padding: 0 20%; font-size: 20px; text-transform: uppercase; font-weight: 600;}

.question1 li { float: left; width: 50%;}

.labelQuestion2 { font-size: 16px; font-weight: 600; text-align:center; color:#ee1c25;}

.labelQuestion2 .ss-q-title {margin-bottom: 10px; }

.question2 { padding: 0 13%; margin-bottom: 10px;}

#modal .question2 li { margin-bottom: 5px; font-size: 14px; }



input[type=submit] { border: none; outline: none; width: 100%; margin-bottom: 20px; }



/* Overlay */

#simplemodal-overlay {background-color:#000;}



/* Container */

.simplemodal-wrap { width: auto!important; }

#simplemodal-container { color:#454545; background:#fff; width: 90%!important; }

#simplemodal-container .fermer { position: absolute; right: 15px; top: 15px; font: normal 13px Arial; cursor: pointer; display: inline-block;}

#simplemodal-container code {background:#141414; border-left:3px solid #65B43D;  display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}

#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-11px; cursor:pointer; }

#simplemodal-container h3 {color:#84b8d9;}



.ss-q-item-label { text-align: center; background: #00427c; font-size: 22px; display: inline-block; text-transform: uppercase; width: 100%; padding: 10px; color: #fff; margin-bottom: 10px; }







@media only screen and (min-width: 660px) {

	.question1 { font-size: 40px;  }

	.labelQuestion2 { font-size: 22px; font-weight: 600;}



	.question2 li { float: left; width: 48%; margin-right: 2%;}



	.ss-q-item-label { font-size: 32px; padding: 15px; margin-bottom: 25px;height: 76px; }



	#modal .question2 li { font-size: 17px; }

	#simplemodal-container { width: 615px!important; background:#fff url(img/boite-popup.jpg);}

	#modal .section { width: 80%; margin: 0 auto; padding:inherit;}

	#modal .section.question1 { padding: 0 20%;}



}





/* pub */



#pub {

    border-bottom: 5px solid rgb(215, 214, 221) !important;



}













/* menu mobile */













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







		CSS DU PLUGIN

		¯¯¯¯¯¯¯¯¯¯¯¯¯



		MODE VERTICAL





		Ce CSS écrase certaines données du stylesheet général.

		Vous pouvez le changer manuellement.



		Android supporte mal les transitions.

		La class "android" règle le problème.

		Android 2.3 supporte mal position: fixed; et overflow: scroll;

		La classe "no-fixed" règle le problème.







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









/* Polices locales via font-face

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

	/* Utilisé pour les icônes

	@font-face {

		font-family: 'guifx';

		src: url('font/guifx_v2_transports-webfont.eot');

		src: url('font/guifx_v2_transports-webfont.eot?#iefix') format('embedded-opentype'),

			 url('font/guifx_v2_transports-webfont.woff2') format('woff2'),

			 url('font/guifx_v2_transports-webfont.woff') format('woff'),

			 url('font/guifx_v2_transports-webfont.ttf') format('truetype'),

			 url('font/guifx_v2_transports-webfont.svg#guifx_v2_transportsregular') format('svg');

		font-weight: normal;

		font-style: normal;

	} */





/* Styles généraux

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

	/* Si Position: fixed; n'est pas supporté | Donne l'illusion que le menu mobile prend toute la hauteur */

	.no-fixed body {background: #3B3B3B;}



	/* Animation du menu vertical */

	.vAnimationMargin #vPage,

	.vAnimationMargin #menuMobile {

		-webkit-transition: -webkit-transform 0.5s ease;

		transition: transform 0.5s ease;

		right: 0;

	}





/* Conteneurs

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

	#entete {position: relative; z-index: 5;}



	#vPage {position: relative; height: 100%; width: 100%; left:0; margin-left: 0;}

	.no-fixed #vPage {height: auto; background: #fff;}





/* Icônes

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

	#menuMobile li.avecSousMenu > a:before,

	#menuMobile li a.vRetour:before {font: 400 20px/100% "guifx"; color: #fff; display: inline-block;}



	/* Flèche du sous-menu */

	#menuMobile li.avecSousMenu > a:before {content: ">";}

	#menuMobile li.avecSousMenu.actif > a:before {content: ",";}



	/* Flèche de retour | Type 3 */

	#menuMobile li a.vRetour:before,

	.i-vFlecheRetour:before {content: "<"; position: relative; top: 1px; margin-right: 5px;}





/* Menu mobile

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

	#menuMobile {

		position: fixed; left: 0; top: 0;

		height: 100%; width: 80%; margin-left: -80%;

		overflow-x: hidden; overflow-y: auto;

		-webkit-overflow-scrolling: touch;

		/* Règle un problème sur iPhone */

		/* http://webdesign.tutsplus.com/tutorials/css3-animations-the-hiccups-and-bugs-youll-want-to-avoid--webdesign-4867 */

		-webkit-transform: translateZ(0);



		background: #e6e7e8;

	}

	/* Ouverture à droite */

	.vMenu-droit #menuMobile {margin-left: auto; margin-right: -80%; left: auto; right: 0;}



	#menuMobile li {position: relative;}

	#menuMobile li a {

		display: block; padding: 14px; position: relative;

		font-size: 1em; 

		font-weight: 700;

		line-height: 1.25em; 

		text-decoration: none; 

		outline: none;

		-webkit-tap-highlight-color: rgba(0,0,0,0);

		-webkit-tap-highlight-color: transparent;



		background: #e6e7e8; color: #414042;

		border-bottom: 1px solid #fff;

		text-transform: uppercase;

	}

	/*#menuMobile li a:hover  {background: #383838; outline: none;}*/

	#menuMobile li a:active, #menuMobile li a.actif {background: #003d74; color: #fff; outline: none;}



	/* Lien avec flèche */

	#menuMobile li.avecSousMenu > a {padding-right: 45px;}

	#menuMobile li.avecSousMenu > a:before {position: absolute; top: 50%; margin-top: -0.5em; right: 17px;}



	/* Sous-menu */

	/* Premier niveau */

	#menuMobile ul ul {display: none;}

	#menuMobile ul ul a {padding-left: 40px; background: #2d2d2d;}

	/* Deuxième niveau */

	#menuMobile ul ul ul a {padding-left: 60px; background: #1e1e1e; border-top-color: #313131; border-bottom-color: #141414;}





	/* Si Position: fixed; n'est pas supporté */

	.no-fixed #menuMobile {overflow-x: initial; overflow-y: initial; position: absolute;}

	/* Si CSS3 est supporté */

	.csstransforms3d #menuMobile {margin-left: 0; left: -80%;}

	/* Ouverture à droite */

	.csstransforms3d.vMenu-droit #menuMobile {margin-left: auto; margin-right: 0; left: auto; right: -80%;}





	/* Certaines de ces règles sont écrasées par les règles ci-dessous */





/* Type 2

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

	/* Flèche du sous-menu */

	.vMenu-v-2 #menuMobile li.avecSousMenu a:before {display: none;}



	/* Icône du + */

	.vMenu-v-2 #menuMobile li .vWrapType2 a.vAfficherSousMenu span:before {

		display: block; content: "+"; font-family: "Courier"; font-weight: 700; font-size: 30px;

		position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -9.5px;

	}

	.vMenu-v-2 #menuMobile li.actif > .vWrapType2 > a.vAfficherSousMenu span:before {content: "-";}





	/* Menu mobile */

	/* Lien avec + */

	.vMenu-v-2 #menuMobile li.avecSousMenu > .vWrapType2 {position: relative;}

	.vMenu-v-2 #menuMobile li.avecSousMenu > .vWrapType2 > a {margin-right: 50px; padding-right: 0;}

	.vMenu-v-2 #menuMobile li.avecSousMenu > .vWrapType2 > a.vAfficherSousMenu {

		position: absolute; top: 0; right: 0; bottom: 0;

		width: 50px; display: block; margin: 0; padding-left: 0;

		text-align: center; vertical-align: middle;



		border-left: 1px dashed #777;

	}

	.vMenu-v-2 #menuMobile li.avecSousMenu > .vWrapType2 > a.vAfficherSousMenu span {

		position: absolute; top: 0; right: 0; bottom: 0; left: 0;



		border-left: 1px dashed #484848;

	}





/* Type 3

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

	/* Menu mobile */

	.vMenu-v-3 #menuMobile {overflow-x: hidden; overflow-y: initial; height: 100%;}



	/* Premier niveau */

	.vMenu-v-3 #menuMobile ul {

		position: absolute; top: 0; left: 0; bottom: 0; width: 100%; display: block;

		overflow-x: hidden; overflow-y: auto;

		-webkit-transition: all 0.5s ease;

		transition: all 0.5s ease;

		-webkit-overflow-scrolling: touch;

		z-index: 1;

		margin-left: 100%;



		background: #3B3B3B;

	}



	.vMenu-v-3 #menuMobile ul a span.i-vFlecheRetour {margin-right: 10px;}



	/* Place le menu principal au dessus */

	.vMenu-v-3 #menuMobile ul:first-child {z-index: 2; margin-left: 0;}



	/* Cache le menu précédent */

	.vMenu-v-3 #menuMobile ul.menuPrec,

	.vMenu-v-3 #menuMobile ul.menuPrec.actif {margin-left: -100%; z-index: 1;}



	/* Affiche le menu choisi */

	.vMenu-v-3 #menuMobile ul.actif {z-index: 2; margin-left: 0;}



	/* Si Position: fixed; n'est pas supporté */

	.vMenu-v-3.no-fixed #menuMobile ul {bottom: auto;}





	/* Sous-menu */

	/* Premier niveau */

	.vMenu-v-3 #menuMobile ul.niv1 {background: #2d2d2d;}

	.vMenu-v-3 #menuMobile ul.niv1 a {background: #2d2d2d; border-bottom: 1px solid #313131;}

	.vMenu-v-3 #menuMobile ul.niv1 a:hover {background: #383838;}

	.vMenu-v-3 #menuMobile ul.niv1 a:active {background: #000;}



	/* Deuxième niveau */

	.vMenu-v-3 #menuMobile ul.niv2 {background: #1e1e1e;}

	.vMenu-v-3 #menuMobile ul.niv2 a {padding-left: 20px; background: #1e1e1e; border-top-color: #313131; border-bottom-color: #141414;}

	.vMenu-v-3 #menuMobile ul.niv2 a:hover {background: #383838; outline: none;}

	.vMenu-v-3 #menuMobile ul.niv2 a:active {background: #000; outline: none;}



	/* Si CSS3 est supporté */

	.vMenu-v-3.csstransforms3d #menuMobile ul.menuPrec {

		margin-left: 0;

		-webkit-transform: translate3d(-100%,0,0);

		-ms-transform: translate3d(-100%,0,0);

		transform: translate3d(-100%,0,0);

	}

	/* Android hack */

	.vMenu-v-3.android #menuMobile ul.menuPrec {

		-webkit-transform: translate3d(0,0,0);

		-ms-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0);

		left:-100%;

	}





/* Ouverture du menu

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

	/* Menu */

	.vMenu-open #menuMobile {margin-left: 0;}

	.vMenu-droit.vMenu-open #menuMobile {margin-left: auto; margin-right: 0;}



	/* Page */

	.vMenu-open #vPage {margin-left: 80%; overflow: hidden; position: fixed;}

	.vMenu-droit.vMenu-open #vPage {margin-left: -80%;}



	/* Si Position: fixed; n'est pas supporté */

	.no-fixed.vMenu-open #vPage {position: relative; overflow: inherit;}



	/* Si CSS3 est supporté */

	.csstransforms3d.vMenu-open #menuMobile {

		-webkit-transform: translate3d(100%,0,0);

		-ms-transform: translate3d(100%,0,0);

		transform: translate3d(100%,0,0);

	}

	.csstransforms3d.vMenu-droit.vMenu-open #menuMobile {

		-webkit-transform: translate3d(-100%,0,0);

		-ms-transform: translate3d(-100%,0,0);

		transform: translate3d(-100%,0,0);

	}

	.csstransforms3d.vMenu-open #vPage {

		margin-left: 0;

		-webkit-transform: translate3d(80%,0,0);

		-ms-transform: translate3d(80%,0,0);

		transform: translate3d(80%,0,0);

	}

	.csstransforms3d.vMenu-droit.vMenu-open #vPage {

		margin-right: 0;

		-webkit-transform: translate3d(-80%,0,0);

		-ms-transform: translate3d(-80%,0,0);

		transform: translate3d(-80%,0,0);

	}



	/* Android hack */

	.android.vMenu-open #menuMobile, .android.vMenu-droit.vMenu-open #menuMobile,

	.android.vMenu-open #vPage, .android.vMenu-droit.vMenu-open #vPage {

		-webkit-transform: translate3d(0,0,0);

		-ms-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0);

	}

	.android.vMenu-open #menuMobile {left:0;}

	.android.vMenu-droit.vMenu-open #menuMobile {right:0; left: auto;}

	.android.vMenu-open #vPage {left:80%;}

	.no-fixed.android.vMenu-open #vPage {left:0%;}

	.android.vMenu-droit.vMenu-open #vPage {left:-80%;}

	.no-fixed.android.vMenu-droit.vMenu-open #vPage {left: auto;}





/* Icone hamburger

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

	#iconeMenu {

		background: transparent;

		position: absolute;

		right: 0; top: 0;

		height: 66px; width: 72px;

		padding: 20px;

		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

		cursor: pointer; outline: none;

		-webkit-touch-callout: none;

		-webkit-user-select: none;

		-khtml-user-select: none;

		-moz-user-select: none;

		-ms-user-select: none;

		user-select: none;

		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

		-webkit-tap-highlight-color: transparent;

	}

	.vMenu-droit #iconeMenu {left: auto; right: 0;}

	#iconeMenu:selection {background: transparent;}



	#iconeMenu > span {padding: 10px 0; display: block; position: relative;}



	#iconeMenu > span span:before,

	#iconeMenu > span span:after,

	#iconeMenu > span span {

		height: 6px; width: 100%;

		background-color: #ec3014; content: "";

		border: none; display: block;

		-webkit-transition: transform 0.5s ease;

		transition: transform 0.5s ease;

	}



	#iconeMenu > span span:before {position: absolute; top: 0;}

	#iconeMenu > span span:after {position: absolute; bottom: 0;}

	#iconeMenu > span span {}



	/* Animation de l'icône */

	.csstransforms.vMenu-open #iconeMenu > span {position: relative; top: -1px;}

	.csstransforms.vMenu-open #iconeMenu > span span:before {

		top: 50%;

		-ms-transform: rotate(45deg);

		-webkit-transform: rotate(45deg);

		transform: rotate(45deg);

	}

	.csstransforms.vMenu-open #iconeMenu > span span:after {

		top: 50%; bottom: auto;

		-ms-transform: rotate(-45deg);

		-webkit-transform: rotate(-45deg);

		transform: rotate(-45deg);

	}

	.csstransforms.vMenu-open #iconeMenu > span span {background: none;}





/* ==================================================================================== */

/*  Media Queries for Responsive Design  */

/* ==================================================================================== */



	#menuBureau { display: none; }



	/* Tablette portrait

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

	@media only screen and (min-width: 768px) {

		/* Menu mobile

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

			#menuMobile {width: 50%; margin-left: -50%;}

			.vMenu-droit #menuMobile {margin-right: -50%;}



			/* Si CSS3 est supporté */

			.csstransforms3d #menuMobile {width: 50%; margin-left: 0; left: -50%;}

			.csstransforms3d.vMenu-droit #menuMobile {margin-left: auto; margin-right: 0; left: auto; right: -50%;}





		/* Ouverture du menu

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

			/* Page */

			.vMenu-open #vPage {margin-left: 50%;}

			.vMenu-droit.vMenu-open #vPage {margin-left: -50%;}



			/* Si CSS3 est supporté */

			.csstransforms3d.vMenu-open #vPage {

				margin-left: 0;

				-webkit-transform: translate3d(50%,0,0);

				-ms-transform: translate3d(50%,0,0);

				transform: translate3d(50%,0,0);

			}

			.csstransforms3d.vMenu-droit.vMenu-open #vPage {

				margin-left: 0;

				-webkit-transform: translate3d(-50%,0,0);

				-ms-transform: translate3d(-50%,0,0);

				transform: translate3d(-50%,0,0);

			}





			/* Android hack */

			.android.vMenu-open #menuMobile, .android.vMenu-droit.vMenu-open #menuMobile,

			.android.vMenu-open #vPage, .android.vMenu-droit.vMenu-open #vPage {

				-webkit-transform: translate3d(0,0,0);

				-ms-transform: translate3d(0,0,0);

				transform: translate3d(0,0,0);

			}

			.android.vMenu-open #menuMobile {left:0;}

			.android.vMenu-droit.vMenu-open #menuMobile {right:0; left: auto;}

			.android.vMenu-open #vPage {left:50%;}

			.no-fixed.android.vMenu-open #vPage {left:0%;}

			.android.vMenu-droit.vMenu-open #vPage {left:-50%;}

			.no-fixed.android.vMenu-droit.vMenu-open #vPage {left: auto;}



	}



	/* Tablette paysage et desktop

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

	@media only screen and (min-width: 960px) {

		/* Menu bureau

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

			#menuBureau {display: block;}





		/* Ouverture du menu

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

			/* Menu */

			.vMenu-open #menuMobile {display: none;}

			.vMenu-open.vMenu-droit #menuMobile {display: none;}



			/* Page */

			.vMenu-open #vPage {margin-left: 0; overflow: inherit; position: relative;}

			.vMenu-droit.vMenu-open #vPage {margin-left: 0;	}



			/* Si CSS3 est supporté */

			.csstransforms3d.vMenu-open #vPage,

			.csstransforms3d.vMenu-droit.vMenu-open #vPage {

				-webkit-transform: translate3d(0,0,0);

				-ms-transform: translate3d(0,0,0);

				transform: translate3d(0,0,0);

			}





		/* Icone hamburger

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

			#iconeMenu {display: none;}

	}

	

	

	

	/*sections responsive  */

	

.responsive	{display: block;}

.non-responsive	{display: none ;}





	

@media only screen and (min-width: 60em) {

.responsive	{display: none;}



.non-responsive	{display: block;}

	}	

	

	

	/* logo et png */

	





.vc_row {

    margin-left: 0px !important;

    margin-right: 0px !important;

}



.content .content_inner > .full_width > .full_width_inner {

    padding-top: 0px !important;

}

@media only screen and (max-width: 768px) {

.title {

height: 118px !important;

}



}







@media only screen and (max-width: 960px) { /* avec menu */



  #dangerous{

	background-image:none !important;

}

  

  .content_inner .panneau .wpb_wrapper img, .wpb_single_image.panneau img {

    width:80% !important;

    max-width: 80% !important;

}



.txt_case-example {

    width: 11.275em;

    background-size: 90%;

    margin-bottom: 0em !important;

}



.txt_02a-b, .txt_04h-d, .txt_01p-k, .txt_07a-d {

    height: 4.2975em;

    width: 20em;

    margin-bottom: 0em !important;

    margin-left: 10px;

    background-size: 90%;

}



.boite_case .content_inner p {

    margin-bottom: 0em !important;

}



.briquet img, .perceuse img {

    max-width: 120%;

    max-height: 120%;

	margin-left:-5%;

	margin-top:-30px !important;

}



.courses .wpb_content_element {

	background:none !important

	}

	

	



}





@media only screen and (max-width: 768px) { /* avec menu */



.border {

	border: none !important;

    padding-left: 0px !important;

    margin-left: 0px !important ;

	padding-top:30px

}



.panneau, .img-responsive{

	display:none

}



.cln-responsive{

	margin-left:-15px

}

.cta-training_txt {

    margin: 2.25em 6.25% 7em 6.25% !important;

    text-align: left;

}



.txt_01p-k, .txt_04h-d, .txt_02a-b, .txt_07a-d {

    background-size: 60% !important;

	height:2.5em !important

}



.wpb_text_column{

    margin-left: 15px;

    margin-right: 15px;

}

.more {

    margin-right: 0px !important;

}



.title .title_holder {

    margin-left: 20px;

}



.margin5{

    margin-left: 15px !important;

    margin-right: 15px !important;

}



}





@media only screen and (max-width: 350px) { /* avec menu */



.bouton.bouton {

    font: 600 0.9em /2 'Open sans', Arial, sans-serif !important;

    padding: 0 .7em !important;

}



.vc_column_container > .vc_column-inner {

    padding-left: 0px !important;

}



}



@media only screen and (max-width: 535px) { /* avec menu */



header.enteteInterne  {

    height: 7.8em !important;

}



}



@media only screen and (max-width: 472px) { /* avec menu */



header.enteteInterne  {

    height: 6.3em;

}



}







.border {

    border-left-width: 1px ;

    padding-left: 10px ;

    border-left-color: #b2b2b2 ;

    border-left-style: solid ;

}



.wpb_revslider_element{

    margin-left: -15px !important;

    margin-right: -15px !important;

}



/*.logoBureau {

	transform: none !important;

	width:156px !important;

	height:114px !important;

}



.piedPage_logo {

	transform: none !important;

	width:161px !important;

	height:118px !important;

}*/





ul.sitemap li{

	list-style:disc !important;

margin: 0 0 0.3em 2em;

}



nav.main_menu > ul {

    right: 27% !important;  

	  left: -27% !important;

}



ol.training li {

    font: 400 0.8425em /1.4 'Open sans', Arial, sans-serif;

    margin: 0 0 0.3em 2em;

}



html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {

    overflow-y: hidden !important;

}



.side_menu_slide_from_right .wrapper {

    background-color: transparent !important;



}





.side_menu_slide_from_right .wrapper .cover {

    background: none !important;

}



.container_inner {

    position: initial

}



.more {

    margin-right: -55px;

}


/* bouton now */

.bt-now{
float:right;
 margin-right:29%; 
 margin-top:10px;
}

.bt-mobile{
	display:none !important;
}



@media only screen and (max-width: 960px) { 

.bt-now{
float: none !important;
 margin-top:20px !important;
 width:98% !important;
 text-align:center !important;
 margin-right:1% !important;
 margin-left:1% !important;
 display:block !important;
 margin-bottom:10px !important;
}


}








/* popup */



#popmake-133, #popmake-313{

	background:#fff url(img/boite-popup.jpg)

}



@media only screen and (max-width: 380px) { 

.pum-container{

top: 25px !important;

}

}



/* menu responsive */



.side_menu_slide_from_right .wrapper .cover {

    position: inherit !important;

	

	}





.menu-responsive {

    display: block !important

}



@media only screen and (min-width: 960px) {

.menu-responsive {

    display: none !important;

}

}