@charset "UTF-8";
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/* JOUBERT : Site web 2016-2017 - MàJ */
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/

/*################################*/
/* CSS : GLOBAL - PHONE */
/*################################*/


/****************************/
/* BALISES HTML BASE */
/****************************/

html, body {
	-webkit-text-size-adjust: 100%;
	background-size: auto;
}
* {
	word-wrap: break-word;
}

/* Titres */
/*---------------------*/

h1 {
	font-size: 32px;
}
h1 .subHeading {
	font-size: 24px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 16px;
}
h1+h2, 
h3+h5 {
	margin-top: -.5em;
}

/* Textes */
/*---------------------*/

cite {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* Liens */
/*---------------------*/

a, a:link, a:visited {
	-webkit-transition: none;
		-moz-transition: none;
			-o-transition: none;
				transition: none;
}

/* Images */
/*---------------------*/

img {
	max-width: 100%;
	height: auto;
}

/* Formulaires */
/*---------------------*/

textarea { 
	min-height: 10em;
}

/* Tableaux */
/*---------------------*/

td, th, 
td ul, th ul, 
td li, th li {
	font-family: "Roboto Condensed", sans-serif;
}
td, th {
	padding-left: 7px;
	padding-right: 7px;
}


/****************************/
/* LAYOUT */
/****************************/

/* Layout : Global */
/*---------------------*/

.globalContentWrapper,
.stdWidthWrapper, 
.narWidthWrapper {
	width: 100%;
}
.narWidthWrapper {
	padding-left: 20px; 
	padding-right: 20px; 
}
.marginLR1 {
	margin-left: 20px;
	margin-right: 20px;
}
.marginL1 {
	margin-left: 0;
}
.marginR1, 
.marginR2, 
.marginR3 {
	margin-right: 0;
}
.paddingR1, 
.paddingR2, 
.paddingR3, 
.paddingR4 {
	padding-right: 0;
}

/*Layout : Grid  */
/*---------------------*/

.grid .col1, .grid * .col1,  
.grid .col2, .grid * .col2 {
	float: none;
	clear: both;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.grid .col1, .grid * .col1 {
	margin-bottom: 30px;
}

/* Layout : Page header */
/*---------------------*/

header#pageHeader .corporate {
	padding-right: 0;
}

/* Layout : Main content */
/*---------------------*/

#mainContent header.mcHeader {
	margin-top: 30px;
	text-align: center;
}
#mainContent header.mcHeader h6 {
	text-align: left;
}

/* Layout : Page footer */
/*---------------------*/

footer#pageFooter {
	padding-top: 20px;
	padding-bottom: 30px;
	background-size: auto;
}


/****************************/
/* NAVIGATION */
/****************************/

/* Navigation & menus (global) */
/*---------------------*/

#navBar {
	overflow: hidden;
}
#navBar #mainNav, 
#navBar #secondNav {
	display: none;
}
#mobileIconBar {
	display: block;
	clear: both;
	line-height: 1em;
}
#mobileIconBar a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 12px 0;
	background-color: #818b00;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: white; 
	text-align: center;
}
#mainMenu, 
#secondNav, 
#langNav {
	position: static;
	width:100%;
}
#thirdMenu > li {
	float: none;
	display: inline-block;
}
#mainMenu > li, 
#secondMenu > li {
	float: none;
}
#mainMenu > li:hover > ul.subMenu, 
#secondMenu > li:hover > ul.subMenu {
	display: none;
}

/* Main navigation & menu */
/*---------------------*/

#mainNav {
	position: static;
}
#mainMenu {
	padding-left: 0;
}
body:not(#rub-home) #mainMenu li.home {
	display: block;
}
#mainMenu a.displaySub:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f078";
	font-size: 75%;
	float: right;
}
#mainMenu > li > a {
	padding-top: 7px; 
	padding-bottom: 7px; 
	border-bottom: 1px solid white;
}
#mainMenu > li:nth-child(1) > a {
	border-top: 1px solid white;
}
#mainMenu > li > a:hover, 
#mainMenu > li:hover > a,
#rub-home #mainMenu > li.home > a, 
#rub-gam #mainMenu > li.gam > a, 
#rub-group #mainMenu > li.group > a, 
#rub-serv #mainMenu > li.serv > a, 
#rub-certif #mainMenu > li.certif > a, 
#rub-envir #mainMenu > li.envir > a, 
#rub-util #mainMenu > li.util > a, 
#rub-home #mainMenu > li.home > a:hover, 
#rub-gam #mainMenu > li.gam > a:hover, 
#rub-group #mainMenu > li.group > a:hover, 
#rub-serv #mainMenu > li.serv > a:hover, 
#rub-certif #mainMenu > li.certif > a:hover, 
#rub-envir #mainMenu > li.envir > a:hover, 
#rub-util #mainMenu > li.util > a:hover { 
	background-color: #687100;
	color: white;
}

/* Main menu : dropdown */
/*---------------------*/

#mainMenu > li > ul.subMenu {
	/*display: block;*/
	width: 100%;
	position: static;
	left: auto;
	padding: 0 0 40px 0;
	box-shadow: none;
	background: #F2F2F2;
}

/* Main menu : dropdown gamme */
/*---------------------*/

/* Recherche panneaux */

#mainMenu li.gam > ul > li > ul:first-child {
	display: block;
	margin-bottom: 0;
	padding: 0;
}
#mainMenu li.gam > ul > li > ul:first-child li {
	display: block;
	width: auto;
	margin-right: 0;
	margin: 15px !important;
	font-size: 18px;
}
#mainMenu li.gam > ul > li > ul:first-child li a {
	display: block;
	border: none;
}
#mainMenu li.gam > ul > li > ul:first-child li a span {
	font-size: 16px;
}

/* Accès direct pdts */

#mainMenu #accesDirectPdts {
	width: 100%;
}
#mainMenu #accesDirectPdts > li > span  {
	margin: 0;
	padding: 15px 0 0 15px; 
}
#mainMenu #accesDirectPdts ul {
	display: block;
	width: 100%;
	padding: 53px 0 0 0;
	background-position: 15px 15px;
	border: none;
}
#mainMenu #accesDirectPdts ul, 
#mainMenu #accesDirectPdts a {
	-webkit-transition: none;
		-moz-transition: none;
			-o-transition: none;
				transition: none;
}
#mainMenu #accesDirectPdts ul li {
	padding-left: 15px;
	border-bottom: 1px solid #999;
}
#mainMenu #accesDirectPdts ul li:first-child {
	border-top: 1px solid #999;
}
#mainMenu #accesDirectPdts ul br {
	display: none; 
}

/* Update 2015-08-18 */

#mainMenu #accesDirectPdts ul.gam1 {
	background-image: url(../images/gamme/logo_gam_1_w100.gif);
}
#mainMenu #accesDirectPdts ul.gam2 {
	background-image: url(../images/gamme/logo_gam_2_w100.gif);
}
#mainMenu #accesDirectPdts ul.gam3 {
	background-image: url(../images/gamme/logo_gam_3_w100.gif);
}
#mainMenu #accesDirectPdts ul.gam4 {
	background-image: url(../images/gamme/logo_gam_4_w100.gif);
}
#mainMenu #accesDirectPdts ul.gam5 {
	background-image: url(../images/gamme/logo_gam_5_w100.gif);
}

/* End Update */

/* Second navigation & menu */
/*---------------------*/

#secondNav {
	padding: 0;
	text-transform: uppercase;
}
#rub-part #secondNav {
	padding-bottom: 0;
}
#secondMenu {
	overflow: hidden;
	display: block;
	float: none;
	padding-top: 0;
	position: static;
}
#secondMenu li {
	display: block;
}
#secondMenu li a {
	border-bottom: 1px solid #999;
	padding: 10px 0 10px 15px;
}
#secondMenu > li > a:before {
	content: none;
	padding-right: 0;
}

/* Joubert Partenaire & Contact */

#secondMenu li.part a {
	padding-right: 30%;
}
#secondMenu li.logoutPart {
	margin: -2.6em 15px 1.2em 0;
	text-align: right;
}
#secondMenu li.logoutPart a {
	display: inline-block;
	margin: 0;
}
.isLogged a {
	margin-top: 5px;
}
#secondMenu li.contact a {
	padding-left: 15px;
}

/* Lang menu */
/*---------------------*/

#langNav {
	position: absolute; 
	right: 0; 
	top: 0;
	height: 31px;
}
#langMenu, 
#rub-part #langMenu {
	top: 0;
	right: 0;
	bottom: auto;
}

/* Third navigation & menu */
/*---------------------*/

#thirdNav {
	float: none;
	max-width: 100%;
	margin-bottom: 30px;
	text-align: center;
}

/* Local navigation & menu */
/*---------------------*/

.col2 .localNav {
	float: none; 
}
.localMenu1 {
	margin-top: 1em; 
}
.localMenu2 {
	display: block; 
}


/****************************/
/* ÉLÉMENTS RÉCURRENTS */
/****************************/

/* Page Header */
/*---------------------*/

a.headerLogo {
	float: none;
	width: auto;
	padding: 20px 0 10px 0;
	text-align: center;
}
a.headerLogo img {
	width: 150px;
	height: auto;
}
.corporate .claim {
	float: none;
	width: auto;
	margin: 0 auto 20px auto;
	font-size: 18px; 
	text-align: center;
}
 #pageHeader #headerEventBt {
	display: none;
}

/* Main Content */
/*---------------------*/

.flecheLiaisonT-TtoB {
	left: 44%;
}

 /* Modules sliders */
/*---------------------*/

.mod-mainSlider,
.mod-mainSlider .slider,
.mod-stdSlider, 
.mod-slider3 {
	width: 100%;
}
.mod-mainSlider {
 padding: 3% 0;
}
.mod-mainSlider .wrapper {
 width: 95%;
 margin: 0 auto;
}
.mod-stdSlider {
	margin-right: 0;
	margin-left: 0;
}

/* Page footer */
/*---------------------*/

#pageFooter .iconNavWrap {
	float: none;
	overflow: hidden;
	text-align: center;
}
.footerLogo {
	display: block;
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}
.footerLogo img {
	width: 120px; /* Update 2015-08-18 */
	height: auto;
}


/****************************/
/* DIVERS */
/****************************/

/* Liens */
/*---------------------*/

.btLinkBig, 
.btLinkBig:link, 
.btLinkBig:visited {
	margin-top: 10px;
	padding: 4px 15px 6px 15px; 
}
a.backToMain {
	padding-left: 15px; 
	padding-right: 15px; 
	font-size: 20px;
}
a.backToMain:before {
	margin-left: 0;
	margin-right: 1em;
}
a.backToMain:hover:before {
	margin-left: 0;
	margin-right: 1em;
}
a.backToMain small {
	display: none;
}

/* Listes */
/*---------------------*/

ul.inlineList li {
	display: block;
}
.localMenu3 {
	display: block;
	margin-top: 10px;
}
.localMenu3 li {
	display: block;
	padding-right: 0 !important;
	margin-bottom: 6px;
	text-align: left;
}
.localMenu3 li.fourItems {
	width: 25%;
}

/* Tableaux */
/*---------------------*/

/* Tableau : type 1 (global inclus v1) */
/* Gamme : Entrée */

.tab1 thead th {
	font-size: 20px;
}
.tab1 tbody th:first-child {
	font-size: 17px;
}

/* Tableau : type 1 v2 */
/* Gamme : Entrée */

.tab1.v2 h3 {
	font-size: 24px;
}

/* Tableau : type 3 (global inclus v1) */
/* Groupe */

.tab3 th h6 {
	padding-left: 20px;
}

/* Formulaires */
/*---------------------*/

.stdForm label {
	float: none;
	display: block;
	width: 100% !important;
}
.stdForm input:not([type="submit"]):not([type="checkbox"]), 
.stdForm textarea, 
.stdForm select { 
	float: none;
	width: 100% !important;
}
.stdForm input[type="submit"] { 	
  margin-right: 0 !important;
	margin-left: 0 !important;
}

/* Drop shadows */
/*---------------------*/

#mainContent header.mcHeader.imgRoundShadowB-TtoB {
	padding-bottom: 40px;
}
.mainIntro.imgRoundShadowB-TtoB, 
.argu.imgRoundShadowB-TtoB {
	margin-bottom: 10px;
}


/****************************/
/* MEDIA QUERIES */
/****************************/

@media only screen and (min-width: 320px) and (orientation: landscape) {
	.isLogged br {
		display: none;
	}
	.isLogged a {
		margin-left: .5em;
	}
}
@media only screen and (min-width: 320px) and (orientation: portrait) {
	.hScroll:before {
		display: block;
	}
}