body {
	background-color:#fff;
}
/* Titres */
/* Contenu */
.contenu p {
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	margin-top: 5px;
	margin-left: 10px;
	
}

.contenu p2 {
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	margin-top: 5px;
	margin-left: 0px;
	
}



h2-on-track {
   font-family: metronic-slab, serif;
font-weight: 900;
font-style: normal;
letter-spacing: 0.04em;
	
}
.h2-on-track {
font-family: metronic-slab, serif;
font-weight: 900;
font-style: normal;
letter-spacing: 0.04em;
	
}


h3-on-track {
   font-family: metronic-slab, serif;
font-weight: 700;
font-style: normal;

	font-size: 0.8em;
	
}
.h3-on-track {
font-family: metronic-slab, serif;
font-weight: 700;
font-style: normal;

	font-size: 0.8em;
	
}















titre3good {
    padding-top: 15px;
    margin: 0;
    margin-top: 0px;
    color: #3c3c3b;
   font-family: ff-good-web-pro, sans-serif; 
	font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
    margin-left: 5px;
	font-size: 2em;
	
}
.titre3good {
	padding-top: 15px;
	margin: 0;
	margin-top: 0px;
	color: #3c3c3b;
	font-family: ff-good-web-pro, sans-serif; 
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0em;
	text-align: left;
	margin-left: 5px;
	
}





.puce {
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	margin-top: 5px;
}

puce {
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	margin-top: 5px;
}
.txt_blanc {
	color: #ffffff;
}
/* END Contenu */
h2 {
	margin: 0;
	margin-top: 2px;
	padding-top: 60px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	font-style: normal;		
	text-align: left;
	margin-left: 10px;
	
}
.h2 {
	margin: 0;
	margin-top: 2px;
	padding-top: 30px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	font-style: normal;		
	text-align: left;
	margin-left: 10px;
	
}
h2_titre_machine {
	padding: 0;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 0px;
	font-family: 'Teko', sans-serif;
	font-weight: bolder;
	font-style: normal;
	text-align: left;
	margin-left: 10px;
	
}
.h2_titre_machine {
	padding: 0;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 0px;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin-left: 10px;
	
}
h2_blanc {
	padding: 0;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 0px;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	color: rgba(255, 255, 255, 0.5);
	margin-left: 10px;
	
}
.h2_blanc {
	padding: 0;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 0px;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	color: rgba(255, 255, 255, 0.5);
	margin-left: 10px;
}
h2_t {
	padding: 0;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 0px;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	color: #FFFFFF;
	margin-left: 10px;
}
.h2_t {
	padding: 0;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 0px;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	color: #FFFFFF;
	margin-left: 10px;
}


h3-rouge {
	padding-top: 15px;
	margin: 0;
	margin-top: 0px;
	color: red;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0em;
	text-align: left;	
	margin-left: 10px;
	
}
.h3-rouge {
	padding-top: 15px;
	margin: 0;
	margin-top: 0px;
	color: red;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0em;
	text-align: left;
margin-left: 10px;
	
}










h3 {
	padding-top: 15px;
	margin: 0;
	margin-top: 0px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0em;
	text-align: left;	
	margin-left: 10px;
	
}
.h3 {
	padding-top: 15px;
	margin: 0;
	margin-top: 0px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0em;
	text-align: left;
	margin-left: 10px;
	
}
h4 {
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	margin: 0;
	letter-spacing: 0em;
	text-align: left;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	margin-left: 10px;
}
.h4 {
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 5px;
	margin: 0;
	letter-spacing: 0em;
	text-align: left;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	margin-left: 10px;
}
h5 {
	margin: 0;
	margin-top: 0px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0em;
	text-align: left;
	text-transform: uppercase;
	margin-left: 5px;
}
.h5 {
	margin: 0;
	margin-top: 0px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0em;
	text-align: left;
	text-transform: uppercase;
	margin-left: 5px;
}
h6 {
	margin: 0;
	margin-top: 0px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0em;
	text-align: left;
	text-transform: uppercase;
	margin-left: 5px;
}
.h6 {
	margin: 0;
	margin-top: 0px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0em;
	text-align: left;
	text-transform: uppercase;
	margin-left: 5px;
}
produits_home {
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0.02em;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	margin-left: 5px;
}
.produits_home {
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	letter-spacing: 0.02em;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
}
/* END Titres */
#nav_fix {
  right: 0;
  left: 0;
}
/* Bandeau fond gris */
.bandeau { 
	height:100%;
	background-color:#3c3c3b;
	}
.bandeau .col:nth-child(2) {
	margin-top:32px;
	margin-right:0px;
}
.bandeau .col:nth-child(3) {
	margin-right:0px;
	margin-top:32px;
}
/* /Bandeau fond gris */
/* Navigation principale fond gris */
.fond_navigationP {
	margin-top: 0px;
	background-color: #3c3c3b;
}
.degrade {
background-color: coral;
}
.noir{
background-color: #000000;
}
/* boutons navP */
#fam_navP{
	background:#3c3c3b;
	padding:0;
}
#fam_navP .col {
	text-align:center;
}
#fam_navP  > div{
	height:60px;
	}


.fam_navP{
	background:#3c3c3b;
	padding:0;
}
.fam_navP .col {
	text-align:center;
}
.fam_navP  > div{
	height:60px;
	}

/* END Navigation principale fond gris */
/* Navigation secondaire fond gris */
.fond_navigationS{ margin-top:0px; background-color:#515151; }
.navigationS{
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 0.9em;
	padding-right: 15px;
	padding-left: 15px;
	height:50px;
}
.element-btnW {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-family: 'Roboto', sans-serif;
	
	letter-spacing: 0.08em;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.8em;
	text-decoration: none;
	
	border: 0;
	color: #fff;
	text-align: left;
	padding-top: 11px;
	padding-bottom: auto;
	padding-left: 5px;
	height: 50px;
}
.element-btnW:hover {
	color: #000000;
  	}
.element-btnS {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.8em;
	letter-spacing: 0.08em;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	color: #fff;
	text-align: left;
	padding-top: 11px;
	padding-bottom: auto;
	padding-left: 10px;
	height: 50px;
}
.element-btnS:hover {
	color: #fff;
  	}


.element-btmedia {
	width: 100%;
	background-repeat: no-repeat;
	background-image: url(../img/bt/nav_s/wagons_off.png);
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.8em;
	letter-spacing: 0.08em;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	color: #fff;
	text-align: left;
	padding-top: 11px;
	padding-bottom: auto;
	padding-left: 10px;
	height: 50px;
}
.element-btmedia:hover {
	color: #fff;
  	}



.element-jp {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-style: normal;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.8em;
	letter-spacing: 0.08em;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	color: #fff;
	text-align: left;
	padding-top: 17px;
	padding-bottom: auto;
	padding-left: 5px;
	height: 50px;
}
.element-jp:hover {
	color: #fff;
  	}




.element-btn80 {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0% 0px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.9em;
	letter-spacing: 0.08em;
	text-decoration: none;
	
	border: 0;
	color: #adadad;
	text-align: center;
	padding-top: 50px;
	padding-bottom: auto;
	padding-left: 0px;
	height: 0px;
	}


.element-btnP {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.9em;
	letter-spacing: 0.08em;
	text-decoration: none;
	
	border: 0;
	color: #adadad;
	text-align: left;
	padding-top: 25px;
	padding-bottom: auto;
	padding-left: 10px;
	height: 60px;
	}
.element-btnP:hover {
	color: #ffd900;
  	}


.element-reseau {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.9em;
	letter-spacing: 0.08em;
	text-decoration: none;
	
	border: 0;
	color: #adadad;
	text-align: left;
	padding-top: 25px;
	padding-bottom: auto;
	padding-left: 5px;
	height: 50px;
	}

.element-reseau:hover {
	color: #ffd900;
  	}




			#fam_reseau {
	background:#95c11f;
	padding:0;
}
#fam_reseau .row {
	height:28px;
}
#fam_reseau .col {
	text-align:center;
}
#fam_reseau  > div{
}



/* boutons rh */
/* boutons rh */
/* boutons bourreuses */
#fam_bourreuses {
	background:#95c11f;
	padding:0;
}
#fam_bourreuses .row {
	height:28px;
}
#fam_bourreuses .col {
	text-align:center;
}
#fam_bourreuses  > div{
}
/* boutons trains */
#fam_trains {
	background-color:#008eca;
	padding:0;
}
#fam_trains .row {
	height:28px;
}
#fam_construction .col {
	text-align:center;
}
#fam_construction .row {
	height:28px;
}
#fam_trains .col {
	text-align:center;
}
/* boutons cribleuses */
#fam_cribleuses {
	background-color:#c46f0f;
	padding:0;
}
#fam_cribleuses .col {
	text-align:center;
}
/* END boutons cribleuses */
/* boutons regaleuses */
#fam_regaleuses {
	background-color:#eb5847;
	padding:0;
}
#fam_regaleuses .col {
	text-align:center;
}
/* boutons mesure */
#fam_mesure {
	background-color:#f4990d;
	padding:0;
}
#fam_mesure .col {
	text-align:center;
}
#fam_wagon {
	background-color:#b0dff9;
	padding:0;
}
#fam_wagon .col {
	text-align:center;
}
/* END boutons wagon */
@media (min-width: 576px)  {	
	#element_bourreuses {
	background-image: url(../img/bt/nav_s/bourreuses_off.png);
	background-color: #3aaa35;
	webkit-box-shadow: inset -4px -10px 20px -13px #056001;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #056001;
	}
	#element_bourreuses:hover {
		background-image: url(../img/bt/nav_s/bourreuses_off.png);
		background-color: #95c11f;
	}
	#element_wagon {
	background-image: url(../img/bt/nav_s/wagons_off.png);
	background-color: #02a3ce;
	webkit-box-shadow: inset -4px -10px 20px -13px #015B7C;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #015B7C;
	}
	#element_wagon:hover {
		background-image: url(../img/bt/nav_s/wagons_off.png);
		background-color: #b0dff9;
	}
	#element_trains {
	background-image: url(../img/bt/nav_s/construction_off.png);
	background-color: #0060a8;
	webkit-box-shadow: inset -4px -10px 20px -13px #003A66;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #003A66;
	}
	#element_trains:hover {
		background-image: url(../img/bt/nav_s/construction_off.png);
		background-color: #008eca;
	}
	#element_construction {
		background-image: url(../img/bt/nav_s/trains_off.png);
		background-color: #0060a8;
		webkit-box-shadow: inset -4px -10px 20px -13px #003A66;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #003A66;
	}
	#element_construction:hover {
		background-image: url(../img/bt/nav_s/trains_off.png);
		background-color: #008eca;
	}
	#element_cribleuses {
	background-image: url(../img/bt/nav_s/cribleuses_off.png);
	background-color: #9b4d17;
	webkit-box-shadow: inset -4px -10px 20px -13px #49240A;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #49240A;
	}
	#element_cribleuses:hover {
		background-image: url(../img/bt/nav_s/cribleuses_off.png);
		background-color: #c46f0f;
	}
	#element_regaleuses {
	background-image: url(../img/bt/nav_s/regaleuses_off.png);
	background-color: #e30613;
	webkit-box-shadow: inset -4px -10px 20px -13px #7B030A;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #7B030A;
	}
	#element_regaleuses:hover {
		background-image: url(../img/bt/nav_s/regaleuses_off.png);
		background-color: #eb5847;
	}
	#element_mesure {
	background-image: url(../img/bt/nav_s/mesure_off.png);
	background-color: #ee7203;
	webkit-box-shadow: inset -4px -10px 20px -13px #723500;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #723500;
	}
	#element_mesure:hover {
		background-image: url(../img/bt/nav_s/mesure_off.png);
		background-color: #f4990d;
	}
	#element_met {
	background-image: url(../img/bt/nav_s/met_off.png);
		background-position: 96% 10px;
	background-color: #733089;
	webkit-box-shadow: inset -4px -10px 20px -13px #411B4E;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #411B4E;
	}
	#element_met:hover {
		background-image: url(../img/bt/nav_s/met_off.png);
		background-color: #b14291;
	}
	
	
	
	#element_temoignages {
border-top:1px solid #000;
background: rgb(119,119,119);
background: linear-gradient(0deg, rgba(119,119,119,1) 0%, rgba(53,53,53,1) 100%);
		
		
		
		box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;	
		
		
    background-size: 400% 400%;



	
}

	
		
		
		
		
	}
	#element_temoignages:hover {
	
		background: #000000;
		
		
	}
	
	

	
#element_80 {
	background-color:#FFD300 ;
	background-image: url(../img/logos_pictos/matisa-80ans.png);
	background-position: 50% 5px;
	box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_80:hover {
		background-image: url(../img/logos_pictos/matisa-80ans.png);
	}



	
	
#element_home {
	background-image: url(../img/bt/nav_p/home_off.png);
	background-position: 90% 15px;
	box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_home:hover {
		background-image: url(../img/bt/nav_p/home_on.png);
	}
	

	#element_youtube {
	background-image: url(../img/logos_pictos/youtube.png);
	background-position: 90% 12px;
	box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_youtube:hover {
		background-image: url(../img/logos_pictos/youtube.png);
	}
	
		#element_linkedin {
	background-image: url(../img/logos_pictos/linkedin.png);
	background-position: 90% 12px;
	box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_linkedin:hover {
		background-image: url(../img/logos_pictos/linkedin.png);
	}
	
	
	
	
	
	
	#element_produits {
		background-image: url(../img/bt/nav_p/produits_off.png);
box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_produits:hover {
		background-image: url(../img/bt/nav_p/produits_on.png);
	}
	#element_service_clients {
		background-image: url(../img/bt/nav_p/services_clients_off.png);
		box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_service_clients:hover {
		background-image: url(../img/bt/nav_p/services_clients_on.png);
	}
	
#element_homologation {
		background-image: url(../img/bt/nav_p/homologation-off.png);
	background-position: 90% 10px;
	padding-top: 14px;
box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_homologation:hover {
		background-image: url(../img/bt/nav_p/homologation-on.png);
	}	
	
	
	#element_homologation_c {
		background-image: url(../img/bt/nav_p/homologation-off.png);

box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_homologation_c:hover {
		background-image: url(../img/bt/nav_p/homologation-on.png);
	}	
	
	
	
	
	
	
	#element_savoir_faire {
		background-image: url(../img/bt/nav_p/savoir_faire_off.png);
box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_savoir_faire:hover {
		background-image: url(../img/bt/nav_p/savoir_faire_on.png);
	}
	#element_international {
		background-image: url(../img/bt/nav_p/international_off.png);
		box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_international:hover {
		background-image: url(../img/bt/nav_p/international_on.png);
	}	
	#element_news {
		background-image: url(../img/bt/nav_p/news_off.png);
		box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_news:hover {
		background-image: url(../img/bt/nav_p/news_on.png);
	}	

	





	#element_emploi {
		background-image: url(../img/bt/nav_p/emploi_off.png);
		box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_emploi:hover {
		background-image: url(../img/bt/nav_p/emploi_on.png);
	}	











@media (max-width: 575px)  {	
	#element_bourreuses {
		background-color: #3aaa35;
		-webkit-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	}
	#element_bourreuses:hover {
		background-color: #95c11f;
	}
	#element_wagon {
		background-color: #02a3ce;
		-webkit-box-shadow: inset -4px -10px 20px -13px #015B7C;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #015B7C;
	}
	#element_wagon:hover {
		background-color: #b0dff9;
	}
	#element_trains {
		background-color: #0060a8;
		webkit-box-shadow: inset -4px -10px 20px -13px #003A66;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #003A66;
	}
	#element_trains:hover {
		background-color: #008eca;
	}
	#element_construction {
		background-color: #0060a8;
		webkit-box-shadow: inset -4px -10px 20px -13px #003A66;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #003A66;
	}
	#element_construction:hover {
		background-color: #008eca;
	}
	#element_cribleuses {
		background-color: #9b4d17;
		webkit-box-shadow: inset -4px -10px 20px -13px #49240A;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #49240A;
	}
	#element_cribleuses:hover {
		background-color: #c46f0f;
	}
	#element_regaleuses {
		background-color: #e30613;
		webkit-box-shadow: inset -4px -10px 20px -13px #7B030A;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #7B030A;
	}
	#element_regaleuses:hover {
		background-color: #eb5847;
	}
	#element_mesure {
		background-color: #ee7203;
		webkit-box-shadow: inset -4px -10px 20px -13px #723500;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #723500;
	}
	#element_mesure:hover {
		background-color: #f4990d;
	}
	#element_met {
		background-color: #733089;
		webkit-box-shadow: inset -4px -10px 20px -13px #411B4E;
	-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
	box-shadow: inset -4px -10px 20px -13px #411B4E;
	}
	#element_met:hover {
		background-color: #b14291;
	}
	#element_home {
	background-image: url(../img/bt/nav_p/home_small.png);
	padding-top: 22px;
	background-position: 90% 15px;
	webkit-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
		}
	#element_produits {
		background-image: url(../img/bt/nav_p/produits_small.png);
		padding-top: 22px;
		background-position: 90% 7px;
		webkit-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
		}	
	#element_service_clients {
		background-image: url(../img/bt/nav_p/services_clients_small.png);
		padding-top: 22px;
		background-position: 90% 7px;
		webkit-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
		}	
	#element_savoir_faire {
		background-image: url(../img/bt/nav_p/savoir_faire_small.png);
		padding-top: 22px;
		background-position: 90% 7px;
		webkit-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
		}			
	#element_news {
		background-image: url(../img/bt/nav_p/news_small.png);
		padding-top: 22px;
		background-position: 90% 7px;
		webkit-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
		}	
	#element_international {
		background-image: url(../img/bt/nav_p/international_small.png);
		padding-top: 22px;
		webkit-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
-moz-box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
box-shadow: inset -4px -30px 40px -13px rgba(30,30,30,0.43);
		}
}
/* boutons met */
/* END boutons met */
/* boutons actu */
#fam_actu {
	background:#3c3c3b;
	padding:0;
}
#fam_actu .row {
	height:25px;
}
#fam_actu .col {
	text-align: left;
}
#fam_actu  > div{
	height:56px;
	}
#element_actu {
	background:#3c3c3b no-repeat center; cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
#element_actu:hover {
	width:100%;
}
/* END boutons actu */
/* END Navigation secondaire fond gris */
/* carousel */
.item {
	 margin-top:2px;
}
.carousel-caption {
	font-size: 2.5em;
	color: #fff;	
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.04em;
}
font_ico {
}
/* END Carousel */
@media (max-width: 767px)  {
	.carousel-caption {	font-size:1.1em; }
	h1, .h1    {font-size:20px;   }
	h1_produits, .h1_produits    {font-size:20px;   }
	h2, .h2    {font-size:34px;   }  
	h2_titre_machine, .h2_titre_machine{font-size:34px;   }
	h3-rouge, .h3-rouge	{font-size:24px;   } 
	h3, .h3	{font-size:24px;   }  
	h4, .h4 {font-size:20px;   }
	h5, .h5 {font-size:20px;   }
	h6, .h6 {font-size:16px;   }
    .bas ul li { font-size:12px; display:block; }
}
@media (min-width: 720px)  {
	.carousel-caption {	font-size:1.6em;}
	h1, .h1    { font-size:24px;   }
	h1_produits, .h1_produits    { font-size:24px;   }
	h2, .h2    {font-size:36px;   } 
	h2_titre_machine, .h2_titre_machine{font-size:36px;   } 
	h3-rouge, .h3-rouge    {font-size:20px;  }
	h3, .h3    {font-size:20px;  }
	h4, .h4 	{font-size:18px;   }
	h5, .h5 {font-size:20px;   }
	h6, .h6 {font-size:16px;   }
    .bas ul li { font-size:12px;   display:block;}
}
@media (min-width: 960px)  {
	.carousel-caption {	font-size:2em;}
    h1, .h1    { font-size:30px;  }
	h1_produits, .h1_produits    { font-size:30px;  } 	
	h2, .h2    {font-size:42px;   }    
	h2_titre_machine, .h2_titre_machine{font-size:42px;   } 
	h3-rouge, .h3-rouge    {font-size:26px; }
	h3, .h3    {font-size:26px; }
	h4, .h4 {font-size:22px;   }
	h5, .h5 {font-size:20px;   }
	h6, .h6 {font-size:16px;   }
    .bas ul li { font-size:12px;   display:block; }
}
@media (min-width: 1200px)  {	
	.carousel-caption {	font-size:2.5em;}
    h1, .h1    {font-size:40px; }
	h1_produits, .h1_produits    {font-size:40px; }
	h2, .h2    {font-size:44px;   } 
	h2_titre_machine, .h2_titre_machine{font-size:44px;   }  
	h3-rouge, .h3-rouge    {font-size:26px; } 
	h3, .h3    {font-size:26px; } 
	h4, .h4 {font-size:22px;   }
	h5, .h5 {font-size:22px;   }
	h6, .h6 {font-size:16px;   }
    .bas ul li { font-size:12px;   display:inline; }
	.basg ul li { font-size:12px; 	}
}
h1 {
	padding: 0;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 0px;
	font-family: 'Teko', sans-serif;
	font-weight: bolder;
	font-style: normal;
	color: #fff;
	letter-spacing: 0.05em;
	margin-left: 5px;
}
.h1 {
	margin: 0;
	margin-top: 2px;
	height: 100%;
	background-color:#3c3c3b;
	text-align: left;
    overflow:hidden;
}
h1_produits {
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'Teko', sans-serif;
	font-weight: bolder;
	font-style: normal;
    color:#3c3c3b;
    letter-spacing: 0.08em;
}
.h1_produits  {
	margin: 0;
	margin-top: 2px;
	height: 100%;
	text-align: left;
    overflow:hidden;
}
.h1_regaleuses {
	margin: 0;
	margin-top: 2px;
	height: 100%;
	background-color:#3c3c3b;
	text-align: left;
    overflow:hidden;
}
.h1_bourreuses {
	margin: 0;
	margin-top: 2px;
	height: 100%;
	background-color:#3c3c3b;
	text-align: left;
    overflow:hidden;
}
.h1_trains {
	margin: 0;
	margin-top: 2px;
	height: 100%;
	background-color:#3c3c3b;
	text-align: left;
    overflow:hidden;
}
.h1_cribleuses {
	margin: 0;
	margin-top: 2px;
	height: 100%;
	background-color:#3c3c3b;
	text-align: left;
    overflow:hidden;
}
.h1_mesure {
	margin: 0;
	margin-top: 2px;
	height: 100%;
	background-color:#3c3c3b;
	text-align: left;
    overflow:hidden;
}
.h1_met {
	margin: 0;
	margin-top: 2px;
	height: 100%;
	background-color:#3c3c3b;
	text-align: left;
    overflow:hidden;
}
.h1_wagon {
	margin: 0;
	margin-top: 2px;
	height: 100%;
	background-color:#34bef0;
	text-align: left;
    overflow:hidden;
}
.button_nav {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: auto;
	padding-right: 10px;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	color: #fff;
	}
.button_navS {
	font-family: 'Roboto', sans-serif;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 1em;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	color: #fff;
	text-align: left;
	padding-top: 7px	;
	padding-bottom: auto;
	padding-left: 5px;
}
.button_navS:hover {
	color: #ffda00;
	text-decoration: none;
  	}	
.h6_actu {
	padding-top: 6px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0px;
	margin: 0;
	text-align: left;
	font-family: 'PT Sans', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: normal;
}
.bt_actu {
	font-family: 'Roboto', sans-serif;
	display: -moz-inline-box;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 15px;
	font-size: 0.8em;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	text-align: left;
	}
.bt_actu:hover {
	color: #ffda00;
	text-decoration: none;
  	}	
.bt_footer {
	height:40px;
	font-family: 'Roboto', sans-serif;
	display: -moz-inline-box;
	display: inline-block;
	padding-top: 13px;
	padding-bottom: 10px;
	padding-right: 35px;
	font-size: 0.8em;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	text-align: left;
	}
.bt_footer:hover {
	color: #ffda00;
	text-decoration: none;
  	}	
.nav_footer {
	height:10px;
	font-family: 'Roboto', sans-serif;
	display: -moz-inline-box;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-right: 20px;
	padding-left: 0px;
	font-size: 0.8em;
	text-decoration: none;
	cursor: pointer;
	color: #010101;
	text-align: left;
	}
.nav_footer:hover {
	color: #706f6f;
	text-decoration: none;
  	}	
.h2_sli {
	margin: 0;
	margin-top: 2px;
	height: 70px;
	background-color: #3c3c3b;
	color: #fff;
	font-size: 1.9em;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	font-style: normal;	
	
	letter-spacing: 0em;
	text-align: center;
	}
.bt_lire_suite {
	font-family: 'Roboto', sans-serif;
	display: -moz-inline-box;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 15px;
	font-size: 1em;
	text-decoration: none;
	cursor: pointer;
	color: red;
	text-align: left;
	}
.bt_lire_suite:hover {
	color: #010101;
	text-decoration: none;
  	}	
/* Fond Produits */
.fond_bourreuses { margin-top:2px; background-color:#3aaa35}
.fond_trains { margin-top:2px; background-color:#0060a8}
.fond_cribleuses { margin-top:2px; background-color:#9b4d17}
.fond_mesure { margin-top:2px; background-color:#ee7203}
.fond_wagons { margin-top:2px; background-color:#34bef0}
.fond_met { margin-top:2px; background-color:#733089}
.fond_autres { margin-top:2px; background-color:#3c3c3b}
.fond_regaleuses  {
	height: 100%;
	background-color: #e30613;
	color: #fff;
	font-size: 0.8em;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-align: left;
	}
/* END Produits */	
/* Nav Produits */
/* END Nav Produits */
.bas {
	height: 100%;
	background-color: #3c3c3b;
	color: #fff;
	font-size: 0.8em;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 25px;
}
.bas ul {
    list-style-type:none;
    margin-top:10px;
    padding-left:0;
	margin-left: 2px;
}
.bas ul li {
    padding-right:30px;
    padding-left:0px;
    color:white;
	cursor: pointer;
	margin-left: 2px;
}
.bas ul li:hover {
    color:red;
}
.basg {
	height: 100%;
	background-color: #ededed;
	color: #3c3c3b;
	font-size: 0.8em;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 25px;
 }
.basg ul {
    list-style-type:none;
    margin-top:10px;
    padding-left:0;
}
.basg ul li {
    padding-right:30px;
    padding-left:0px;
    color:#3c3c3b;
	cursor:pointer;
}
.basg ul li:hover {
	color: #FF0000;
}
/* =============== PAGES */
#barrefixe.fixed {position:fixed;width:100%;top:0;left:0;}
 .row, .col {
	padding:0;
	margin-left:0;
	margin-right:0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right: 0;
}
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.container-fluid_regaleuse {
	padding-left: 0;
	padding-right: 0;
	background-color:#e30613;
}
.container {
	padding-left: 0;
	padding-right: 0;
}	
.contenu {
	margin-top: 15px;
	margin-bottom: 15px;
}
.gris {
	background-color:#ededed;
}

.gris-clair {
	background-color:#fafafa;
}
.blanc {
	background-color:#fff;
}
.vert {
	background-color: rgba(58, 170, 53, 0.1);
}

.jaune {
	background-color: rgba(255, 204, 0, 0.7);
}

.container1 {	padding-left: 0;
	padding-right: 0;
}
.contenu1 {	margin-top: 15px;
	margin-bottom: 15px;
}
.row1 {	padding:0;
	margin-left:0;
	margin-right:0;
}
#mobilemenu ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	cursor:pointer;
}
#mobilemenu ul li{
	cursor:pointer;
	font-weight:bold;
}
#mobilemenu ul li li{
	font-weight:normal;
}
/* galery */
.img-thumbnail {
    padding: 0px;
	border-radius: 0px;
	border: 1px solid #fff;
	    
	
	
	
}
.comptoir img {
	width:100%;
}
#mobilemenu li {
	padding-top:4px;
	padding-bottom:4px;
	width:100%;  
				border-top:1px solid #bbb;
				border-bottom:1px solid black;
				border-right:1px solid black;
				border-left:1px solid #bbb;
				background-color:#333;
}
#mobilemenu li:hover {
				border-bottom:1px solid #bbb;
				border-top:1px solid black;
				border-left:1px solid black;
				border-right:1px solid #bbb;
				background-color:#333;
}
#mobilemenu li li {
	width:100%;  
				border-top:1px solid #bbb;
				border-bottom:1px solid black;
				border-right:1px solid black;
				border-left:1px solid #bbb;
				background-color:#444;
}
#mobilemenu li li:hover {
				border-bottom:1px solid #bbb;
				border-top:1px solid black;
				border-left:1px solid black;
				border-right:1px solid #bbb;
				background-color:#333;
}
/* galery */
/* postes vacants*/
.dark-box_prod {
    background: #fafafa;
	border-bottom: 3px solid #3c3c3b;
    padding-top: 20px;
	padding-bottom: 0px;
	height:100%;
	cursor: pointer;
}
.box_prod-hover {
   margin-right: 10px;
	margin-top: 10px;
	background: #e8e8e8;
}
.dark-box_spon {
    background: #fafafa;
	border-bottom: 3px solid #3c3c3b;
    padding-top: 20px;
	padding-bottom: 10px;
	height:60px;
	cursor: pointer;
}
.box_spon-hover {
	margin-right: 10px;
	margin-top: 10px;
	background-color: #3c3c3b;
	transition-duration: 0.4s;
}
.dark-box {
background: #fafafa;
border-bottom: 3px solid #3c3c3b;
padding-top: 20px;
padding-bottom: 10px;
height:100%;
cursor: pointer;	
margin-right: 10px;
margin-top: 10px;
	transition-duration: 0.4s;
}
.produits  .dark-box {
	padding-bottom: 0px;
}

#element_publication-pdf{
	border-bottom: 3px solid #3c3c3b;
	
	
	background-repeat: no-repeat;
	background-position: 94% 1px;
		cursor: pointer;
	}
	#element_publication-pdf:hover {
		background-image: url(../media-center/icones/oeil.png);
		background-position: 94% 19px;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}



.produits .dark-box:hover {
    	background: #e8e8e8;
	transition-duration: 0.4s;
	-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
}
.dark-box_neutre {
   background: #fafafa;
	border-bottom: 3px solid #3c3c3b;
   padding-top: 20px;
	padding-bottom: 10px;
	height:100%;
	margin-right: 10px;
	margin-top: 10px;
}
.formation  .dark-box {
	padding-bottom: 0px;
	background-image: url(./img/logos_pictos/picto_formation.png);
}
.formation .dark-box:hover {
    	background: #e8e8e8;
	transition-duration: 0.4s;
}


#element_publication{
	background-image: url(../media-center/icones/publication.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 94% 16px;
		cursor: pointer;
	}
	#element_publication:hover {
		background-image: url(../media-center/icones/publication-2.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}





#element_brochures-2{
	background-image: url(../media-center/icones/brochures.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 94% 16px;
		cursor: pointer;
	}
	#element_brochures-2:hover {
		background-image: url(../media-center/icones/brochures-2.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}


#element_temoignages-partenaires{
	background-image: url(../media-center/icones/temoignages.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 98% 16px;
		cursor: pointer;
	}
	#element_temoignages-partenaires:hover {
		background-image: url(../media-center/icones/temoignages-2.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}


#element_events{
	background-image: url(../media-center/icones/events.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 94% 16px;
		cursor: pointer;
	}
	#element_events:hover {
		background-image: url(../media-center/icones/events-2.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}

#element_video{
	background-image: url(../media-center/icones/video.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 94% 10px;
		cursor: pointer;
	}
	#element_video:hover {
		background-image: url(../media-center/icones/video-2.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}



#element_video2{
	background-image: url(../media-center/icones/video.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 96% 16px;
		cursor: pointer;
	}
	#element_video2:hover {
		background-image: url(../media-center/icones/video-2.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}



#element_ligne-rouge{
	background-image: url(./img/logos_pictos/picto_formation.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	
		cursor: pointer;
	}
	#element_igne-rouge:hover {
		background-image: url(./img/logos_pictos/picto_formation.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}

#element_formation{
	background-image: url(./img/logos_pictos/picto_formation.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_formation:hover {
		background-image: url(./img/logos_pictos/picto_formation.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_offres {
	background-image: url(../img/bt/offre_spon.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_offres:hover {
		background-image: url(../img/bt/offre_spon.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_offres_rh {
	background-image: url(../img/bt/offre_spon.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 97% 10px;
		cursor: pointer;
	}
	#element_offres_rh:hover {
		background-image: url(../img/bt/offre_spon.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_rh {
	background-image: url(../img/bt/rh.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	cursor: pointer;
	}
	#element_rh:hover {
		background-image: url(../img/bt/rh.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_australia {
	background-image: url(../images/international/pictos/australie.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_australia:hover {
		background-image: url(../images/international/pictos/australie.png);
		background-color: #e8e8e8;
	-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}




#element_suisse {
	background-image: url(../images/international/pictos/suisse.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	cursor: pointer;
	}
	#element_suisse:hover {
	background-image: url(../images/international/pictos/suisse.png);
	background-color: #e8e8e8;
	-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_rouge {
	background-color: red;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	}
#element_espagne {
	background-image: url(../images/international/pictos/espagne.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_espagne:hover {
		background-image: url(../images/international/pictos/espagne.png);
		background-color: #e8e8e8;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_italie {
	background-image: url(../images/international/pictos/italie.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_italie:hover {
		background-image: url(../images/international/pictos/italie.png);
		background-color: #e8e8e8;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_france {
	background-image: url(../images/international/pictos/france.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_france:hover {
		background-image: url(../images/international/pictos/france.png);
		background-color: #e8e8e8;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_allemagne {
	background-image: url(../images/international/pictos/allemagne.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_allemagne:hover {
		background-image: url(../images/international/pictos/allemagne.png);
		background-color: #e8e8e8;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_uk {
	background-image: url(../images/international/pictos/uk.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_uk:hover {
		background-image: url(../images/international/pictos/uk.png);
		background-color: #e8e8e8;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_japon {
	background-image: url(../images/international/pictos/japon.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_japon:hover {
		background-image: url(../images/international/pictos/japon.png);
		background-color: #e8e8e8;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_bresil {
	background-image: url(../images/international/pictos/bresil.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 90% 10px;
		cursor: pointer;
	}
	#element_bresil:hover {
		background-image: url(../images/international/pictos/bresil.png);
		background-color: #e8e8e8;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
#element_bourreuses_ligne {
	background-image: url(../img/bt/offre_spon.png);
	background-color: aqua;
	background-repeat: no-repeat;
	background-position: 98% 10px;
		cursor: pointer;
	}
	#element_bourreuses_ligne:hover {
		background-image: url(../img/bt/offre_spon.png);
		background-color: azure;
	}
.dark-box_rh {
    background: #fafafa;
	border-bottom: 3px solid #3c3c3b;
    padding-top: 20px;
	padding-bottom: 10px;
	height:60px;
}
.box_rh-hover {
	margin-right: 10px;
	margin-top: 10px;
}
places_dispo{
	margin: 0;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-align: left;
	font-size: 1.4em;
	text-decoration: none;
}
.places_dispo {
	margin: 0;
	margin-top: 2px;
	padding-top: 30px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 1.4em;
	text-decoration: none;
}
titre_rh {
	margin: 0;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-align: left;
	font-size: 1.4em;
	text-decoration: none;
}
.titre_rh {
	margin: 0;
	margin-top: 2px;
	padding-top: 30px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 1.4em;
	text-decoration: none;
}




.titre_media {
    margin: 0;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #ffffff;
	background-color: #3aaa35;
	text-align: left;
	font-size: 14px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}
.bt_media {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #ffffff;
	cursor: pointer;
	background-color: #3aaa35;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}
.bt_media:hover {
    color:#ffda00;
}

.bt_media-off {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #ffffff;
	
	background-color: #3aaa35;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}



.bt_map {
    margin: 0;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #ffffff;
	cursor: pointer;
	background-color: #3aaa35;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}
.bt_map:hover {
    color:#ffda00;
}
.bt_nav_2{
    margin: 0;
	margin-top: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	color: #ffffff;
	cursor: pointer;
	background-color: #3aaa35;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}
.bt_nav_2:hover {
    color:red;
}
#element_services {
	background-color: #2EC0B9;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	margin: 0;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 5px;
	color: #FFDD00;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-align: left;
	font-size: 1.4em;
	text-decoration: none;
	}
.dark-box_services {
    background: #3c3c3b;
	border-bottom: 3px solid #3c3c3b;
    padding-top: 20px;
	padding-bottom: 10px;
	height:60px;
}
.box_services-hover {
	margin-right: 10px;
	margin-top: 10px;
}
titre_pictos {
	margin: 0;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-align: left;
	font-size: 1.2em;
	text-decoration: none;
}
.titre_pictos {
	margin: 0;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-align: left;
	font-size: 1.2em;
	text-decoration: none;
}
#barrefixe.fixed {position:fixed;width:100%;top:0;left:0;}
 .row, .col {
	padding:0;
	margin-left:0;
	margin-right:0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right: 0;
}
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.container {
	padding-left: 0;
	padding-right: 0;
}	
.contenu {
	margin-top: 15px;
	margin-bottom: 15px;
}
.container1 {	padding-left: 0;
	padding-right: 0;
}
.contenu1 {	margin-top: 15px;
	margin-bottom: 15px;
}
.row1 {	padding:0;
	margin-left:0;
	margin-right:0;
}
.ftop {
	background-color  : rgba(211 , 211 , 211, 1);
	color:black;
	font-size:1em;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:20px;
	padding-left:20px;
	border-bottom: solid  rgba(60, 60, 59, 1) 2px;
	cursor:pointer;
	line-height: 34px;
	
	}
.ftop:hover {
	background-color  : rgba(60, 60, 59, 0.7);
	color:white;
}
.int-vente {	
	margin-bottom: 5px;	
	margin-right: 10px;
	padding-top: 10px;  
	text-align: center; 
	height: 140px; 
	background: rgba(33,106,32,1);
background: -moz-linear-gradient(top, rgba(33,106,32,1) 0%, rgba(57,169,53,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,106,32,1)), color-stop(100%, rgba(57,169,53,1)));
background: -webkit-linear-gradient(top, rgba(33,106,32,1) 0%, rgba(57,169,53,1) 100%);
background: -o-linear-gradient(top, rgba(33,106,32,1) 0%, rgba(57,169,53,1) 100%);
background: -ms-linear-gradient(top, rgba(33,106,32,1) 0%, rgba(57,169,53,1) 100%);
background: linear-gradient(to bottom, rgba(33,106,32,1) 0%, rgba(57,169,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216a20', endColorstr='#39a935', GradientType=0 );
}
.int-pieces {	
	margin-bottom: 5px;	
	margin-right: 10px;
	padding-top: 10px;  
	text-align: center; 
	height: 140px; 
	background: rgba(72,26,84,1);
background: -moz-linear-gradient(top, rgba(72,26,84,1) 0%, rgba(114,48,136,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(72,26,84,1)), color-stop(100%, rgba(114,48,136,1)));
background: -webkit-linear-gradient(top, rgba(72,26,84,1) 0%, rgba(114,48,136,1) 100%);
background: -o-linear-gradient(top, rgba(72,26,84,1) 0%, rgba(114,48,136,1) 100%);
background: -ms-linear-gradient(top, rgba(72,26,84,1) 0%, rgba(114,48,136,1) 100%);
background: linear-gradient(to bottom, rgba(72,26,84,1) 0%, rgba(114,48,136,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#481a54', endColorstr='#723088', GradientType=0 );
}
.int-monteurs {	
	margin-bottom: 5px;	
	margin-right: 10px;
	padding-top: 10px;  
	text-align: center; 
	height: 140px; 
	background: rgba(37,133,165,1);
background: -moz-linear-gradient(top, rgba(37,133,165,1) 0%, rgba(50,189,239,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(37,133,165,1)), color-stop(100%, rgba(50,189,239,1)));
background: -webkit-linear-gradient(top, rgba(37,133,165,1) 0%, rgba(50,189,239,1) 100%);
background: -o-linear-gradient(top, rgba(37,133,165,1) 0%, rgba(50,189,239,1) 100%);
background: -ms-linear-gradient(top, rgba(37,133,165,1) 0%, rgba(50,189,239,1) 100%);
background: linear-gradient(to bottom, rgba(37,133,165,1) 0%, rgba(50,189,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2585a5', endColorstr='#32bdef', GradientType=0 );
}
.int-conseil {	
	margin-bottom: 5px;	
	margin-right: 10px;
	padding-top: 10px;  
	text-align: center; 
	height: 140px; 
	background: rgba(155,16,6,1);
background: -moz-linear-gradient(top, rgba(155,16,6,1) 0%, rgba(226,6,21,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(155,16,6,1)), color-stop(100%, rgba(226,6,21,1)));
background: -webkit-linear-gradient(top, rgba(155,16,6,1) 0%, rgba(226,6,21,1) 100%);
background: -o-linear-gradient(top, rgba(155,16,6,1) 0%, rgba(226,6,21,1) 100%);
background: -ms-linear-gradient(top, rgba(155,16,6,1) 0%, rgba(226,6,21,1) 100%);
background: linear-gradient(to bottom, rgba(155,16,6,1) 0%, rgba(226,6,21,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b1006', endColorstr='#e20615', GradientType=0 );
}
.int-bureau {	
	margin-bottom: 5px;	
	margin-right: 10px;
	padding-top: 10px;  
	text-align: center; 
	height: 140px;  
	background: rgba(97,49,6,1);
background: -moz-linear-gradient(top, rgba(97,49,6,1) 0%, rgba(154,75,23,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(97,49,6,1)), color-stop(100%, rgba(154,75,23,1)));
background: -webkit-linear-gradient(top, rgba(97,49,6,1) 0%, rgba(154,75,23,1) 100%);
background: -o-linear-gradient(top, rgba(97,49,6,1) 0%, rgba(154,75,23,1) 100%);
background: -ms-linear-gradient(top, rgba(97,49,6,1) 0%, rgba(154,75,23,1) 100%);
background: linear-gradient(to bottom, rgba(97,49,6,1) 0%, rgba(154,75,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#613106', endColorstr='#9a4b17', GradientType=0 );
}
.int-formation {	
	margin-bottom: 5px;	
	margin-right: 10px;
	padding-top: 10px;  
	text-align: center; 
	height: 140px; 
	background: rgba(0,60,105,1);
background: -moz-linear-gradient(top, rgba(0,60,105,1) 0%, rgba(0,95,167,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,60,105,1)), color-stop(100%, rgba(0,95,167,1)));
background: -webkit-linear-gradient(top, rgba(0,60,105,1) 0%, rgba(0,95,167,1) 100%);
background: -o-linear-gradient(top, rgba(0,60,105,1) 0%, rgba(0,95,167,1) 100%);
background: -ms-linear-gradient(top, rgba(0,60,105,1) 0%, rgba(0,95,167,1) 100%);
background: linear-gradient(to bottom, rgba(0,60,105,1) 0%, rgba(0,95,167,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c69', endColorstr='#005fa7', GradientType=0 );
}
.int-atelier {	
	margin-bottom: 5px;	
	margin-right: 10px;
	padding-top: 10px;  
	text-align: center; 
	height: 140px; 
	background-color: #ee720f;
}
.int-txt {	
	margin-bottom: 5px;	
	margin-right: 10px;
	padding-top: 10px;  
	text-align: center; 
	height: 60px; 
	background-color: #f7f7f7;
}
.navbar-default{
    margin-top:5px; /* you don't need add this line */
   }
   .navbar-inverse .navbar-nav > li > a {
		color: #9d9d9d;
	}
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus
	{
		color: #fff;
		background-color: red;
		background-repeat: no-repeat;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		background-repeat: no-repeat;
	}
.bt_navfooter{
	margin-top: 2px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	color: #ffffff;
	cursor: pointer;
	background-color: #3c3c3b;
	text-align: left;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
}
.bt_navfooter:hover {
	color: red;
	text-decoration: none;
}
#element_outils {
	background-image: url(../img/logos_pictos/picto_outils_on.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 96% 10px;
		cursor: pointer;
	}
	#element_outils:hover {
		background-image: url(../img/logos_pictos/picto_outils_on.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
.dark-box_outils {
    background: red;
	border-bottom: 3px solid #3c3c3b;
    padding-top: 20px;
	padding-bottom: 10px;
	height:60px;
	cursor: pointer;
}
.box_outils-hover {
	margin-right: 0px;
	margin-top: 10px;	
	transition-duration: 0.4s;
}
#element_metb {
	background-image: url(../img/logos_pictos/picto_met_on.png);
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 96% 10px;
	cursor: pointer;
	}
	#element_metb:hover {
	background-image: url(../img/logos_pictos/picto_met_on.png);
	background-color: #e8e8e8;
	transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.2);
	}
.dark-box_met {
    background: red;
	border-bottom: 3px solid #3c3c3b;
    padding-top: 20px;
	padding-bottom: 10px;
	height:60px;
	cursor: pointer;
}
.box_met-hover {   
	margin-right: 0px;
	margin-top: 10px;
	transition-duration: 0.4s;
}
 /* search box */
.button_neutre {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 10px;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	color: #000000;
	height: 20px;
	line-height: 20px;
	}
.button_neutre:hover {
	color: red;
  	}
.button_neutre {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 10px;
	font-size: 5em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	color: #000000;
	height: 20px;
	line-height: 20px;
	}
.button_neutre:hover {
	color: red;
  	}
.lang {
  	list-style-type: none;
}
.lang2 li {
	display:inline;
	width:0px;
	height:60px;
	text-align: center;
	margin:2px;
	background-color: #3c3c3b;
	font-family: 'Roboto', sans-serif;
	color:#FFFFFF;
	font-size:16px;
	padding:12px;
	border:0px solid black;
	/*box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);*/
	cursor: pointer;
}	
.lang1 li {
	display:inline;
	margin-right:10px;
}
.lang2 li:hover {
	background-color:#FFFFFF;
	color:red;
	border:0px solid white;
	/*box-shadow: 2px 2px 2px 3px rgba(0, 0, 0, 0.2);*/
}
 /*  box BT BROCHURES PETITES */
.dark-box_brochures {
    background: #3aaa35;
	border-bottom: 3px solid #3c3c3b;
    padding-top: 7px;
	padding-bottom: 5px;
	height:40px;
	cursor: pointer;
}
.box_brochures-hover {   
	margin-right: 0px;
	margin-top: 10px;
	background-color: #95c11f;
	transition-duration: 0.4s;
}
#element_brochures {
	background-color: #95c11f;		
	background-repeat: no-repeat;
	background-position: 90% 10px;
	cursor: pointer;
	}
	#element_brochures:hover {		
	background-color: #3aaa35;
	}
titre_broch {
	margin: 0;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 5px;
	color: #fff;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-align: center;
	font-size: 1.4em;
	text-decoration: none;
}
.titre_broch {
	margin: 0;
	margin-top: 2px;
	padding-top: 30px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 1.4em;
	text-decoration: none;
}







.bt_produits_bourreuses {
	position: relative;
	height: 250px;
	background: #3aaa35;
	margin: 0 auto;
	margin-top: 0px;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
	transition: color .3s;
	/* Typo */
	line-height: 460px;
	text-align: center;
	color: #fff;
	background-image: url(../images/produits/matisa_b45d.jpg);
	background-repeat: no-repeat;
	/*background-position: 50% 10px;*/
	font-size: 20px;
	font-family: 'Teko', sans-serif;
	font-style: normal;
	
	
	margin-right: 10px;
	
	
	-webkit-box-shadow: inset -6px 1px 33px -7px rgba(0,0,0,0.44);
	-moz-box-shadow: inset -6px 1px 33px -7px rgba(0,0,0,0.44);
	box-shadow: inset -6px 1px 33px -7px rgba(0,0,0,0.44);
}
.bt_produits_bourreuses:after {
	position: absolute;
	top: 85%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3aaa35;
	content: "";
	z-index: -2;
	transition: transform .3s;
	-webkit-box-shadow: inset -6px 1px 33px -7px rgba(0,0,0,0.44);
	-moz-box-shadow: inset -6px 1px 33px -7px rgba(0,0,0,0.44);
	box-shadow: inset -6px 1px 33px -7px rgba(0,0,0,0.44);
}
.bt_produits_bourreuses:hover::after {
	transform: translateY(-80%);
	transition: transform .3s;
	opacity: 0.3;	
	-webkit-box-shadow: inset -6px 1px 33px -7px rgba(0,0,0,0.44);
-moz-box-shadow: inset -6px 1px 33px -7px rgba(0,0,0,0.44);
box-shadow: inset -6px 1px 33px -7px rgba(0,0,0,0.44);
}




/*sondage*/

#sondage {
	background-color: #ddd;
	width: 320px;
	height: 100px;
	bottom: 1px; right: 1px;
	position: fixed;
	display: none;
	border:0px solid #000;
	
	}
.sondagetitre {
	background-color: #3c3c3b;
	width: 100%;
	height: 40px;
	border-bottom: 0px solid #000 ;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
		text-align: center;
		}
.sondagetitre span {
	float:right;
	color:#FFFFFF;
	font-size:1.6em;
	cursor:pointer;
}
.sondagepictos {
	color:#000;
	padding:6px;
	text-align:center;
}

.sondagepictosen {
	color:#000;
	padding:6px;
	text-align:center;
}

.sondagepictosde {
	color:#000;
	padding:6px;
	text-align:center;
}


.sondagepictosjp {
	color:#000;
	padding:6px;
	text-align:center;
}

#ipng1 {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	padding-right: 10px;
	padding-top: 10px;
}

.ipng {
	width:38px;
	margin-right:1px;
	cursor:pointer;
	padding-right: 10px;
	padding-top: 10px;
}



button-media {
	margin: 0;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-align: left;
	font-size: 1.3em;
	text-decoration: none;
}
.button-media {
	margin: 0;
	margin-top: 2px;
	padding-top: 30px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 1.3em;
	text-decoration: none;
}






    .bs-example{
    	margin: 20px;
	
    }
    .modal-content iframe{
        margin: 0 auto;
        display: block;
		
    }





















.navbar {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;

}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background: #ddd;
  color: black;
}

.main {
  padding: 16px;
  margin-top: 30px;
  height: 1500px; /* Used in this example to enable scrolling */
}







	
#element_on-track {
	
background-position: 90% 15px;
box-shadow: inset -27px -20px 48px -28px #212121;
-webkit-box-shadow: inset -27px -20px 48px -28px #212121;
-moz-box-shadow: inset -27px -20px 48px -28px #212121;
-o-box-shadow: inset -27px -20px 48px -28px #212121;
	}
	#element_home:hover {
	
	}


.element-bton-track {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 90% 10px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-family: 'Roboto', sans-serif;
	
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.9em;
	letter-spacing: 0.08em;
	text-decoration: none;
	
	border: 0;
	color: #FFFFFF;
	text-align: left;
	padding-top: 20px;
	padding-bottom: auto;
	padding-left: 10px;
	height: 60px;
	}
.element-bton-track:hover {
	color: #C9C9C9;
  	}






.ftop2 {
	background-color  : rgba(211 , 211 , 211, 0.9);
	color:black;
	font-size:1em;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:30px;
	padding-left:30px;
	border-bottom: solid  rgba(60, 60, 59, 1) 2px;
	cursor:pointer;
	line-height: 34px;
	}
.ftop2:hover {
	background-color  : rgba(60, 60, 59, 0.7);
	color:white;
}




#element_track{
	background-image: url(./img/logos_pictos/picto_formation.png);
	background-color: #e1e1e1;
	background-repeat: no-repeat;
	background-position: 70% 30px;
	cursor: pointer;
	}
	#element_track:hover {
		background-image: url(./img/logos_pictos/picto_formation.png);
		background-color: #e8e8e8;
		transition-duration: 0.4s;
		-webkit-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.4);
box-shadow: inset 0px 62px 30px -62px rgba(0,0,0,0.4);
	}



bt-on-track {
	margin: 0;
	margin-top: 2px;
	padding-top: 10px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: 300;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-align: center;
	font-size: 1.4em;
	text-decoration: none;
}
.bt-on-track {
	margin: 0;
	margin-top: 2px;
	padding-top: 30px;
	padding-left: 5px;
	color: #3c3c3b;
	font-family: 'Teko', sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 1.4em;
	text-decoration: none;
}