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

/*################################*/
/* CSS : RUBRIQUES - PHONE */
/*################################*/


/****************************/
/* HOME */
/****************************/

/* Home (global) */
/*---------------------*/

/*#rub-home #navBar {
	margin-bottom: 15px;
}*/

/* Home : intro */
/*---------------------*/

#rub-home .intro {
	padding-right: 20px;
	padding-left: 20px;
	background-size: 75% 10px;
}
#rub-home .intro h1 {
	font-size: 24px;
}
#rub-home .intro h2 {
	font-size: 20px;
}

/* Home : module teaser actualités */
/*---------------------*/

.actuTeaser {
	padding-top: 20px;
}
.actuTeaser .rubTitle {
	font-size: 26px;
}
.actuTeaser .mod-actu {
	margin-right: 10px;
	margin-left: 10px;
	padding: 20px 25px 20px 25px;
}
.actuTeaser .mod-actu .wrapper {
	text-align: center;
}
.actuTeaser .actuLink {
	margin: 0;
	font-size: 16px;
	text-align: center;
}

/* Content */

.actuTeaser .mod-actu img {
	display: inline-block;
	text-align: center;
}
.actuTeaser .mod-actu p, 
.actuTeaser .mod-actu h6 {
	text-align: center;
}

/* Home : module teaser */
/*---------------------*/

.teasers {
	padding: 20px;
}
.mod-teaser {
	width: 100%;
	margin-right: 0;
	padding: 20px 25px 40px 25px;
}
.mod-teaser h3 {
	font-size: 24px;
}
.mod-teaser img {
	width: 100%;
}


/****************************/
/* LE GROUPE */
/****************************/

/* Groupe : Vidéo */ 
/*---------------------*/

#rub-group #video {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top: 25px;*/
	height: 0;
	overflow: hidden;
}
#rub-group #video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Groupe : Engagements */ 
/*---------------------*/

#rub-group #engagements {
	float: none;
}
#rub-group .mod-engage {
	float: none;
	width: 100%;
	margin-right: 0;
}
#rub-group .mod-engage.last {
	text-align: left;
	padding-right: 0;
	padding-left: 0;
}

/* Groupe : Dates et chiffres clés */ 
/*---------------------*/

#rub-group #datesCles, 
#rub-group #chiffresCles {
	display: block;
	width: 100%;
	padding: 30px 20px 40px 20px;
}
#rub-group #datesCles {
	margin-bottom: 20px; 
}
#rub-group #datesCles table {
	margin: 0 -10px 0 -20px;
}

/* Groupe : International */ 
/*---------------------*/

#rub-group #international {
	min-height: inherit;
	background-position: center 25%;
	background-size: contain;
}
#rub-group #international h2, 
#rub-group #international p {
	padding: 0;
}
#rub-group #international .pays {
	font-size: 26px;
	line-height: 1.3em;
}
#rub-group #international .pays br {
	display: none;
}

/* Groupe : Fabrication française */ 
/*---------------------*/

#rub-group #fabFrance {
	padding-bottom: 60px;
}
#rub-group #fabFrance .col1 {
	margin: 0 0 30px 0;
	text-align: center;
}
#rub-group #fabFrance .col2 {
	width: 100%;
	text-align: center;
}
#rub-group #fabFrance .narWidthWrapper {
	padding-right: 20px;
	padding-left: 20px;
}


/****************************/
/* LES UTILISATIONS */
/****************************/

/* Utilisations : Accueil */ 
/*---------------------*/

#rub-util #utilList {
	margin-top: 40px;
}
#rub-util .mod-util {
	width: 100%;
	margin-right: 0;
}
.mod-util .overlay {
	width: 70%;
}
.mod-util .heading {
	width: 64%;
}

/* Utilisations : Détail */ 
/*---------------------*/

#rub-util.srub-detail #mainContent .grid .col1 {
	margin-bottom: 60px;
}
#rub-util.srub-detail h1 {
	font-size: 30px;
}
#rub-util.srub-detail h1 .supHeading {
	font-size: 26px;
}
#rub-util.srub-detail h2 {
	font-size: 16px;
	line-height: 1.2em;
}

/****************************/
/* CERTIFICATIONS - QUALITÉ */
/****************************/

/* Certif-Qualité : Header */ 
/*---------------------*/

#rub-certif #certifications header {
	min-height: 160px;
	padding: 20px 0 80px 0;
}
#rub-certif #certifications header .logosCertif {
	display: none;
}
#rub-certif #certifications header a.btLinkBig {
	position: static;
	display: inline-block;
}

/* Certif-Qualité : Détail */ 
/*---------------------*/

#rub-certif #certifications .certifDetail {
	padding: 50px 15px 30px 15px;
}
#rub-certif #certifications .mod-certif:not(:first-of-type) {
	padding-top: 50px;
	background: url(../images/global/round_shadow_TtoB_w1200.png) center top no-repeat;
	background-size: 100% 20px;
}


/****************************/
/* FAQ */
/****************************/

#rub-faq .localNav, 
#rub-faq #faq {
	width: 100%;
}
#rub-faq .localNav {
	padding: 30px 0 40px 0;
}
#rub-faq h3 {
	font-size: 22px;
}


/****************************/
/* LES ACTUALITÉS */
/****************************/

#rub-actu #actus {
	margin-top: 30px;
}
#rub-actu .mod-actu {
	padding: 20px 20px 30px 20px;
}
#rub-actu h3 {
	font-size: 22px;
}


/****************************/
/* CONTACT */
/****************************/

#rub-contact #coordContact .col2 .wrapper, 
#rub-contact #coordContact .col2 .wrapper:nth-of-type(n+2) {
	float: none;
}


/****************************/
/* PLAN DU SITE */
/****************************/

#rub-planSite .localNav .mainRub {
	margin-bottom: 40px; 
}


/****************************/
/* JOUBERT PARTENAIRE */
/****************************/

/* Partenaire (global) */ 
/*---------------------*/

#rub-part:not(.srub-login) #navBar {
	margin-bottom: 0;
}
#rub-part .partContent {
	padding-top: 20px;
}
#rub-part #logoPart {
	display: block;
	padding: 15px 10px 10px 10px;
}
#rub-part #logoPart .title {
	display: block;
	margin-bottom: 10px;
}
#rub-part h1 {
	font-size: 32px;
}
#rub-part h2 {
	font-size: 26px;
}
#rub-part h3, 
#rub-part .title {
	font-size: 20px;
}
#rub-part h4 {
	font-size: 20px;
}
#rub-part .isLogged {
	position: static; 
	text-align: center;
}

/* Partenaire (global) : Local menu */ 
/*---------------------*/

#localMenuPart { 
	margin-bottom: 30px;
	font-size: 12px;
}
#localMenuPart li {
	float: none;
	margin: 6px 0 0 0;
}
#localMenuPart li a {
	padding: 7px 6px;
	font-size: 15px;
}

/* Partenaire : Login */ 
/*---------------------*/

#rub-part.srub-login .partContent, 
#rub-part.srub-home .partContent {
	padding-top: 30px;
}
#rub-part.srub-login .intro {
	margin-bottom: 40px;
}

/* Partenaire : Home */ 
/*---------------------*/

#mainMenuPart {
	text-align: center;
}
#mainMenuPart li {
		display: inline-block;
		float: none;
		margin-right: 0;
		text-align: left;
}
#mainMenuPart li:nth-child(3n+3) {
	margin-right: 0;
}
#mainMenuPart li:nth-child(2n+2) {
	margin-right: 0;
}

/* Partenaire : Infos techniques */ 
/*---------------------*/

#rub-part.srub-infoTech #infoTech header {
	padding: 20px 0 70px 0;
}
#rub-part.srub-infoTech #infoTech header a.btLinkBig {
	position: static;
	display: inline-block;
}
#rub-part.srub-infoTech .infoTechDetail {
	padding: 40px 20px 30px 20px;
}

/* Partenaire : Contact */ 
/*---------------------*/

#rub-part.srub-contact .contactDetail {
	padding: 40px 20px 30px 20px;
}


/****************************/
/* JOUBERT EXPRESS */
/****************************/

#rub-express .globalContentWrapper {
	padding-bottom: 30px;
}
#rub-express #joubertExpress {
	margin-top: 30px;
}
#rub-express .header {
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
#rub-express .header img:nth-child(2) {
	margin-top: 20px;
	margin-left: 0;
}
#rub-express .marginLR1 {
	margin: 0;
}
#rub-express .argu {
	padding: 0 20px 0 20px;
}
#rub-express .argu .col1 img {
	width: 220px;
}
#rub-express .argu.grid-2col-42-52 .col1 {
	text-align: center;
}
#rub-express .argu.grid-2col-42-52 .col2 {
	width: 100%;
}
#rub-express .video-wrapper {
	display: block;
}
#rub-express .product {
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
#rub-express .btLinkExpress {
	display: block;
}
#rub-express .btLinkExpress.first {
	margin-right: 0;
}
#rub-express .btLinkExpress:hover {
	padding-right: inherit;
}
#rub-express .callToActionWrapper {
	padding-right: 20px;
	padding-left: 20px;
}
#rub-express .callToAction {
	font-size: 20px;
}
#rub-express .callToAction span {
	font-size: 32px;
}


/****************************/
/* EVENT */
/****************************/

#rub-event .globalContentWrapper {
	padding-bottom: 30px;
}
#rub-event #joubertExpress {
	margin-top: 30px;
}
#rub-event .header {
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
#rub-event .header img:nth-child(2) {
	margin-top: 20px;
	margin-left: 0;
}
#rub-event .marginLR1 {
	margin: 0;
}
#rub-event .argu {
	padding: 0 20px 0 20px;
}
#rub-event .argu .col1 img {
	width: 220px;
}
#rub-event .argu.grid-2col-42-52 .col1 {
	text-align: center;
}
#rub-event .argu.grid-2col-42-52 .col2 {
	width: 100%;
}
#rub-event .video-wrapper {
	display: block;
}
#rub-event .product {
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
#rub-event .btLinkExpress {
	display: block;
}
#rub-event .btLinkExpress.first {
	margin-right: 0;
}
#rub-event .btLinkExpress:hover {
	padding-right: inherit;
}
#rub-event .callToActionWrapper {
	padding-right: 20px;
	padding-left: 20px;
}
#rub-event .callToAction {
	font-size: 20px;
}
#rub-event .callToAction span {
	font-size: 32px;
}


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

@media only screen and (max-width: 480px) and (orientation: landscape) {
	#rub-part .mainIntro .col1 {
		clear: none;
		float: left;
		width: auto;
		margin-bottom: 0;
	}
	#rub-part .mainIntro .col2 {
		clear: none;
	}
}