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

/*################################*/
/* CSS : RUBRIQUES */
/*################################*/


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

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

#rub-home #navBar {
	margin-bottom: 0;
}
#rub-home .globalContentWrapper {
	padding-bottom: 20px;
}

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

#rub-home .intro {
	padding: 60px 140px 80px 140px;
	background-size: 480px 20px;
	text-align: center;
}
#rub-home .intro h1 {
	font-size: 35px;
	color: #818b00;
}
#rub-home .intro h2 {
	font-size: 26px;
	margin-top: 1em;
}
#rub-home .intro p, 
#rub-home .intro h2 {
	text-align: left;
}
#rub-home .intro #introDetail {
	display: none;
}

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

.actuTeaser {
	position: relative;
	background: none;
	background-color: #818B00;
	padding: 40px 0 25px 0;
}
.actuTeaser .rubTitle {
	margin-bottom: 10px;
	font-size: 32px;
	text-align: center;
	color: white;
}
.actuTeaser .actuLink {
	display: block;
	margin: 0 60px;
	font-family: rubik roboto, sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-decoration: none;
	text-align: right;
	color: white;
}
.actuTeaser .actuLink:hover, 
.actuTeaser .actuLink:focus, 
.actuTeaser .actuLink:active {
	color: #B9B900;
}
.actuTeaser .actuLink:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f054";
	font-size: 75%;
	margin-right: 6px;
}
.actuTeaser .carousel {
	width: 936px; 
	margin: 0 auto 5px auto;
	padding: 12px;
}
.actuTeaser .carousel li {
	width: 280px; 
	height: 100%;
	margin-right: 30px;
	padding: 0;
	list-style: none;
}
.actuTeaser .mod-actu {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	padding: 20px 15px 20px 15px;
	height: 100%;
	background-color: white;
	border-radius: 12px 12px 12px 0;
	transition: all .25s ease-out;
}
.ie7 .actuTeaser .mod-actu, 
.ie8 .actuTeaser .mod-actu { /* IE fallback */
	border: 1px solid white; 
}
.actuTeaser .mod-actu:hover {
	-webkit-box-shadow: 3px 3px 20px rgba(0,0,0,.5);
	box-shadow: 2px 2px 15px rgba(0,0,0,.5);
	behavior: url(/scripts/PIE.htc);
}

/* Static Link (ex slideLink) */

.actuTeaser .staticLink {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255, 0);
}
.ie7 .actuTeaser .staticLink, 
.ie8 .actuTeaser .staticLink { /* IE fallback */
	background: white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0)
}
.actuTeaser .staticLink:hover {
	background: rgba(255,255,255,0.2);
}

/* Content */

.actuTeaser .mod-actu img {
	display: block;
/*	max-width: 210px;*/
	margin-bottom: 20px;
/*	box-shadow: 0px 3px 6px rgba(0,0,0,.5);*/
	behavior: url(/scripts/PIE.htc);
	object-fit: contain;
	height: 200px;
}
.actuTeaser .mod-actu p, 
.actuTeaser .mod-actu h6 {
	color: #687100;
}
.actuTeaser .mod-actu p.date {
	margin-bottom: .5em;
	font-size: 13px;
	font-weight: 400; 
	text-transform: uppercase;
}
.actuTeaser .mod-actu h6 {
/*	font-size: 14px;*/
	font-weight: 700; 
	text-transform: uppercase;
}


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

/* Groupe (global) */ 
/*---------------------*/

#rub-group #mainContent h2 {
	color: #36425E;
}

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

#rub-group #video {
	margin-top: 40px;
	margin-bottom: 40px;
}
#rub-group #video iframe {
	width: 560px;
	height: 315px;
}

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

#rub-group #engagements {
	float: left;
	padding-bottom: 20px;
}
#rub-group #engagements h2 {
	margin-bottom: .5em;
	font-size: 32px;
	font-weight: 900;
	line-height: .95em;
}
#rub-group #engagements h2 .supHeading {
	margin-bottom: .2em;
	font-size: 18px;
}
#rub-group #engagements h2 .smallHeading {
	font-size: 22px;
}
#rub-group .mod-engage {
	padding-bottom: 60px;
}
#rub-group .mod-engage.last {
	text-align: center;
	padding-right: 10%;
	padding-left: 10%;
}
#rub-group .mod-engage img {
	/*display: block;*/
	width: 370px;
	height: auto;
	margin-bottom: 20px;
}

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

#rub-group #datesChiffresCles {
	background-color: #687100;
}
#rub-group #datesCles, 
#rub-group #chiffresCles {
	display: table-cell;
	width: 50%;
	padding: 30px 62px 80px 62px;
	background-color: rgba(255,255,255,0.2);
}
#rub-group #chiffresCles {
	background-color: rgba(255,255,255,0.3);
}
#rub-group #mainContent #datesChiffresCles h2, 
#rub-group #datesChiffresCles p, 
#rub-group #datesChiffresCles td {
	color: white;
}
#rub-group #datesChiffresCles h2 {
	margin-bottom: 30px;
}
#rub-group #datesCles table {
	margin-left: -40px;
	margin-left: 0;
}
#rub-group #chiffresCles h2 {
	margin-bottom: 15px;
}

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

#rub-group #international {
	padding: 80px 20px 80px 20px;
	background: white url(../images/groupe/mappemonde_joubert.gif) center center no-repeat;
	text-align: center;
}
#rub-group #international h2 {
	margin-bottom: 20px;
}
#rub-group #international h2, 
#rub-group #international p {
	padding-right: 150px;
	padding-left: 150px;
}
#rub-group #international .intro {
	margin-bottom: 30px;
	background-opacity: 20%;
}
#rub-group #international .pays {
	margin-top: 20px;
	margin-bottom: 40px;
	font-family: rubik, roboto, sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4em;
	letter-spacing: -.02em;
	text-transform: uppercase;
	color: #36425E;
}
#rub-group #international  .pays span {
	margin: 0 .25em;
	font-weight: 100;
	color: #CCC;
}

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

#rub-group #fabFrance {
	overflow: hidden;
	padding: 50px 0 60px 0;
	background-color: #F2F2F2;
}
#rub-group #fabFrance .narWidthWrapper {
	padding-right: 170px;
	padding-left: 170px;
	text-align: center;
}
#rub-group #fabFrance h2 {
	margin-bottom: 35px;
	text-align: center;
}
#rub-group #fabFrance img {
	margin-bottom: 20px;
}


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

/* Module Utilisations (transversal rubriques) */ 
/*---------------------*/

#utilList {
	font-size: 0;
}
.mod-util {
	display: inline-block;
	position: relative;
	overflow: visible;
	width: 442px;
	height: 255px;
	margin: 0 20px 20px 0;
	padding: 100px 0 0 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: top;
	text-decoration: none;
}
.mod-util:hover {
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
	box-shadow: 1px 1px 10px rgba(0,0,0,.5);
	behavior: url(/scripts/PIE.htc);
}
.mod-util .overlay {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 44%;
	background-color: rgba(0,0,0,0.4);
	transition: all .25s ease-out;
}
.mod-util:hover .overlay {
	background-color: rgba(0,0,0,0.3);
}
.mod-util * {
	color: white;
}
.mod-util .heading {
	position: absolute;
	left: 15px;
	top: 90px;
	z-index: 1;
	width: 38%;
	font-family: rubik, roboto, sans-serif;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.1em;
	letter-spacing: -.02em;
	text-transform: uppercase;
	transition: all .25s ease-out;
}
.mod-util .subHeading {
	display: block;
	margin-bottom: 5px;
	font-family: serifa, roboto, sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}
.mod-util .bt {
	position: absolute; 
	left: 15px;
	bottom: 25px;
	z-index: 1;
	padding: 5px 10px;
	background-color: #36425E;
	font-family: rubik, roboto, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .25s ease-out;
}
.mod-util:hover .bt {
	background-color: #CE5E3F;
}

/* Utilisations : accueil */ 
/*---------------------*/

#rub-util #utilList {
	margin-top: 60px;
}
#rub-util .mod-util:nth-child(2n+2), 
#rub-util .mod-util:last-child {
	margin-right: 0;
}
#rub-util .mod-util:nth-child(2n+1) {
	clear: left;
}

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

#rub-util.srub-detail #mainContent header {
	margin-bottom: 50px;
}
#rub-util.srub-detail h1 {
	font-size: 42px;
	color: #36425E;
}
#rub-util.srub-detail h1 .supHeading {
	margin-bottom: .25em;
	font-size: 30px;
}
#rub-util.srub-detail h2 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	color: #36425E;
}
#rub-util.srub-detail .linksList {
	padding-left: 20px;
	border-left: 1px solid black;
}
#rub-util.srub-detail .col1 img {
	float: left;
	margin: 0 20px 10px 0;
}


/****************************/
/* ECO-ENVIRONNEMENT */
/****************************/

.logo-cifor {
	width: 250px; 
	padding: 40px 50px; 
	border: 1px solid black; 
}

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

/* Certif-Qualité (global) */ 
/*---------------------*/

#rub-certif .mainIntro {
	margin-bottom: 0;
	padding-bottom: 100px;
}

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

#rub-certif #certifications header {
	position: relative;
	margin-bottom: 0;
	padding: 20px 0 60px 30px;
}
#rub-certif #certifications header:hover {
	cursor: pointer;
}
#rub-certif #certifications header .logosCertif {
	margin-bottom: 0;
	vertical-align: text-bottom;
	opacity: 0.2;
}
#rub-certif #certifications header .logosCertif img {
	margin-right: 15px;
	margin-bottom: 20px;
}
#rub-certif #certifications header a.btLinkBig {
	display: block;
	position: absolute;
	right: 0;
	bottom: 70px;
}
#rub-certif #certifications header:hover .btLinkBig {
	background-color: #CE5E3F;
	-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
			-moz-transform: scale(1.1);
				-o-transform: scale(1.1);
					transform: scale(1.1);
	behavior: url(/scripts/PIE.htc);
}

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

#rub-certif #certifications .certifDetail {
	display: none;
	margin-top: -25px;
	padding: 60px 30px 40px 30px;
}
#rub-certif #certifications .mod-certif {
	margin-bottom: 2em;
	padding-bottom: 20px;
	vertical-align: top;
}
#rub-certif #certifications .mod-certif.fullWidth {
	padding-top: 50px;
	padding-right: 50px;
	background: url(../images/global/round_shadow_TtoB_w1200.png) center top no-repeat;
	background-size: 100% 20px;
}
#rub-certif #certifications .mod-certif h3, 
#rub-certif #certifications .mod-certif h4 {
	color: #36425E;
}
#rub-certif #certifications .mod-certif img {
	float: left;
	margin: 0 30px 20px 0;
}
#rub-certif #certifications .mod-certif img.marginB {
	margin-bottom: 40px;
}


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

#rub-faq .localNav, 
#rub-faq #faq {
	width: 80%;
}
#rub-faq .localNav {
	padding: 40px 0 60px 0;
}
#rub-faq .localMenu a {
	border-color: #999;
	color: black;
}
#rub-faq .localMenu a:hover {
	color: #CE5E3F;
}
#rub-faq .mod-faq {
	margin-bottom: 60px;
	padding-top: 40px;
}
#rub-faq h2 {
	font-size: 26px;
}


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

#rub-actu #actus {
	margin-top: 50px;
}
#rub-actu .mod-actu {
	float:left; 
	width: 100%;
	clear: both;
	margin-bottom: 40px;
	padding: 40px 40px 70px 40px;
	box-shadow: 0px 6px 20px rgba(0,0,0,.3);
	behavior: url(/scripts/PIE.htc);
}
#rub-actu h2 {
	font-size: 26px;
}
#rub-actu .mod-actu .date {
	text-transform: uppercase;
	font-size: 18px;
}
#rub-actu .col1 a:hover img {
	box-shadow: 1px 1px 10px rgba(0,0,0,.5);
	behavior: url(/scripts/PIE.htc);
}


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

#rub-contact #mainContent section > h2 {
	margin-bottom: 20px;
	padding: 10px 0 40px 0;
}
#rub-contact #emailContact {
	padding-bottom: 70px;
}
#rub-contact #coordContact .col2:nth-of-type(2) {
	margin-bottom: 15px;
	padding-bottom: 30px;
}
#rub-contact #coordContact .col2 .wrapper {
	float: left;
}
#rub-contact #coordContact .col2 .wrapper:nth-of-type(n+2) {
	float: right;
}
#rub-contact #coordContact h3 {
	margin-bottom: 0;
}
#rub-contact #coordContact #map1, 
#rub-contact #coordContact #map2 {
	width: 100%;
	height: 300px;
	margin-top: 20px;
	margin-BOTTOM: 20px;
	border: 1px solid #CCC;
}


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

#rub-planSite .globalContentWrapper {
	padding-top: 40px;
}
#rub-planSite .localNav {
	margin-bottom: 40px;
}
#rub-planSite #planSite ul, 
#rub-planSite #planSite li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#rub-planSite #planSite li {
	margin-bottom: 6px;
	text-transform: uppercase;
}
#rub-planSite #planSite ul ul {
	margin-left: 2em;
}
#rub-planSite #planSite .mainRub li {
	font-size: 16px;
}

/* Masquer le lien Actualités sauf FR et EN */
/*#rub-planSite #planSite .secondRub li:nth-child(2) {
	display: none;
}
.fra#rub-planSite #planSite .secondRub li:nth-child(2), 
.eng#rub-planSite #planSite .secondRub li:nth-child(2) {
	display: inline-block;
}*/
/* FIN - Masquer le lien Actualités */

#rub-planSite #planSite ul a, 
#rub-planSite #planSite li.hasSub {
	display: inline-block;
	padding: .4em 1em .4em 2em;
	text-indent: -1.5em;
	font-weight: 500;
	background-color: #E7E7E7;
	color: #666;
}
#rub-planSite #planSite li.hasSub {
	background-color: #E7E7E7;
	color: #999;
}
#rub-planSite #planSite ul a:hover {
	background-color: #818B00;
	color: white;
}
#rub-planSite #planSite .secondRub a:hover {
	background-color: #CE5E3F;
}


/****************************/
/* MENTIONS LÉGALES */
/* POLITIQUE DE CONFIDENTIALITÉ */
/****************************/

#rub-legal .globalContentWrapper {
	padding-top: 40px;
}
#rub-legal #legal h2 {
	font-size: 26px;
}


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

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

#rub-part .fullWidthWrapper {
	background-color: #F2F2F2;
	padding-bottom: 80px;
}
#rub-part #mainContent > header {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	background-color: #CE5E3F;
}
#rub-part #logoPart {
	position: relative;
	padding: 15px 20px 20px 60px;
}
#rub-part .isLogged {
	position: absolute; 
	right: 30px;
	top: 15px;
	text-align: right;
	font-weight: 400;
	color: white;
}
#rub-part .isLogged a {
	border-color: white;
	font-weight: 400;
	color: white;
}
#rub-part .isLogged a:hover {
	background-color: white;
	color: #CE5E3F;
}
#rub-part .mainIntro {
	margin-bottom: 20px;
}
#rub-part .partContent {
	padding-top: 30px;
}

#rub-part h1 {
	font-size: 36px;
	color: #CE5E3F;
}
#rub-part h2 {
	font-size: 28px;
	color: #CE5E3F;
}
#rub-part h3 {
	font-size: 22px;
	color: #36425E;
}
#rub-part h4 {
	color: #CE5E3F;
}
#rub-part .title {
	font-family: rubik, roboto, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: -.02em;
	text-transform: uppercase;
	color: #CE5E3F;
}
#rub-part #logoPart .title {
	color: white;
}

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

#localMenuPart, 
#localMenuPart a {
	display: block;
}
#localMenuPart, 
#localMenuPart li {
	margin: 0; 
	padding: 0;
	list-style: none;
}
#localMenuPart { 
	overflow: hidden;
	margin-bottom: 60px;
}
#localMenuPart li {
	float: left;
	margin: 0 8px 8px 0;
	padding: 0;
}
#localMenuPart li a {
	padding: 10px 10px;
	background-color: white;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
	color: #CE5E3F;
}
#localMenuPart li a, 
#localMenuPart li a * {
	line-height: 1em;
}
#localMenuPart li#home a:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f015";
	margin-right: 6px;
}
#localMenuPart li a:hover {
	background-color: #CE5E3F;
	color: white;
}
#rub-part.srub-tarif #localMenuPart li#tarif a, 
#rub-part.srub-access #localMenuPart li#access a, 
#rub-part.srub-dop #localMenuPart li#dop a, 
#rub-part.srub-cgv #localMenuPart li#cgv a, 
#rub-part.srub-infoTech #localMenuPart li#infoTech a, 
#rub-part.srub-contact #localMenuPart li#contactPart a {
	background-color: #CE5E3F;
	color: white;
	cursor: default;
}

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

#rub-part.srub-login .partContent {
	padding-top: 50px;
}
#rub-part.srub-login .mod-login {
	margin-bottom: 30px;
	padding: 20px 20px 20px 20px;
	background-color: white;
}
#rub-part.srub-login .mod-login .details {
	width: 100%;
	margin-bottom: 0;
}
#rub-part.srub-login .stdForm {
	margin: 20px 0 1em 0;
}
#rub-part.srub-login #forgotLoginPartForm, 
#rub-part.srub-login #subscrPartForm {
	display: none;
}
#rub-part.srub-login .stdForm fieldset.message {
  margin-bottom: .5em;
}
#rub-part.srub-login .stdForm fieldset.message label {
  width: 25%;
  float: left;
  clear: both;
}
#rub-part.srub-login .stdForm input:not([type="submit"]), 
#rub-part.srub-login .stdForm textarea, 
#rub-part.srub-login .stdForm select { 
	width: 70%;
}
#rub-part.srub-login .stdForm p+fieldset {
	margin-top: 1em;
}
#rub-part.srub-login .stdForm input[type="submit"], 
#rub-part.srub-login #subscrPart input[type="submit"]+p {
	margin: 1em 0 0 30%;
}
#rub-part.srub-login .stdForm input[type=checkbox] {
	float:none;
	width:auto;
	display:inline;
}

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

#rub-part.srub-home .partContent {
	padding-top: 60px;
}
#rub-part.srub-home .mainIntro {
	margin-bottom: 20px;
}
#mainMenuPart, 
#mainMenuPart a {
	display: block;
}
#mainMenuPart, 
#mainMenuPart li {
	margin: 0; 
	padding: 0;
	list-style: none;
}
#mainMenuPart li {
	float: left;
	width: 280px;
	height: 230px;
	margin: 0 30px 30px 0;
	padding: 0;
	background-color: white;
}
#mainMenuPart li:nth-child(3n+3) {
	margin-right: 0;
}
#mainMenuPart li a {
	position: relative; 
	height: 100%;
	padding: 20px 20px 30px 20px;
	background-position: 20px 20px;
	background-repeat: no-repeat;
	font-size: 22px;
	font-weight: 300;
	text-transform: uppercase;
	box-shadow: 0px 3px 20px rgba(0,0,0,.3);
	behavior: url(/scripts/PIE.htc);
}
#mainMenuPart li a, 
#mainMenuPart li a * {
	line-height: 1.1em;
}
#mainMenuPart li a:hover {
	box-shadow: 0px 3px 30px rgba(0,0,0,.4);
	behavior: url(/scripts/PIE.htc);
}
#mainMenuPart li a small {
	font-size: 70%;
}
#mainMenuPart li a span {
	position: absolute; 
	bottom: 30px;
}
.fra #mainMenuPart li#tarif a {
	background-image: url(../images/partenaire/FR/partenaire_tarif.jpg);
}
.esp #mainMenuPart li#tarif a {
	background-image: url(../images/partenaire/ES/partenaire_tarif.jpg);
}
.ita #mainMenuPart li#tarif a {
	background-image: url(../images/partenaire/IT/partenaire_tarif.jpg);
}
.eng #mainMenuPart li#tarif a, 
.deu #mainMenuPart li#tarif a {
	background-image: url(../images/partenaire/EN/partenaire_tarif.jpg);
}
#mainMenuPart li#access a {
	background-image: url(../images/partenaire/partenaire_access_1.jpg);
	background-position: center 20px;
}
#mainMenuPart li#dop a {
	background-image: url(../images/partenaire/partenaire_dop_1.jpg);
}
#mainMenuPart li#cgv a {
	background-image: url(../images/partenaire/partenaire_cgv_1.jpg);
}
#mainMenuPart li#infoTech a {
	background-image: url(../images/partenaire/partenaire_info_tech_1.jpg);
}
#mainMenuPart li#contactPart a {
	background-image: url(../images/partenaire/partenaire_contact_1.jpg);
}
#rub-part.srub-home #consentPopup {
  position: relative;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
  padding: 40px;
  background-color: white;
}
#rub-part.srub-home #consentPopup .btnPartConsentYES, 
#rub-part.srub-home #consentPopup .btnPartConsentNO {
  margin-top: 20px;
  margin-right: 10px;
  padding: .5em 1em;
  background-color: #75751C;
  color: white;
  cursor: pointer;
}
#rub-part.srub-home #consentPopup button, 
#rub-part.srub-home #consentPopup button:active, 
#rub-part.srub-home #consentPopup button:focus {
  outline:0;
  border: none;
}

/* Partenaire : DOP */ 
/*---------------------*/

#rub-part.srub-dop .mod-dop {
 margin-bottom: 8px; 
}
#rub-part.srub-dop .mod-dop.active {
	margin: 20px 0;
}
#rub-part.srub-dop #dopSearch h2+p {
	margin-top: -1em;
	margin-bottom: 1em;
}
#rub-part.srub-dop .mod-dop ul, 
#rub-part.srub-dop .mod-dop ul li {
	margin: 0; 
	padding: 0;
	list-style: none;
}
#rub-part.srub-dop .mod-dop ul {
	display: none; 
	padding: 20px;
	background-color: white;
	font-size : 0;
}
#rub-part.srub-dop .mod-dop a {
	display: inline-block;
	padding: 6px 12px;
	background-color: white; 
	border-radius: 4px;
	behavior: url(/scripts/PIE.htc);
	text-decoration: none;
}
#rub-part.srub-dop .mod-dop > a, 
#rub-part.srub-dop .mod-dop > a span {
 	text-transform: uppercase;
}
#rub-part.srub-dop .mod-dop > a span {
	color: #999;
}
#rub-part.srub-dop .mod-dop a:hover, 
#rub-part.srub-dop .mod-dop.active > a {
	background-color: #CE5E3F;
 color: white;
}
#rub-part.srub-dop .mod-dop a:hover span, 
#rub-part.srub-dop .mod-dop.active > a span {
 color: white;
}
#rub-part.srub-dop .mod-dop.active > a {
	font-size: 17px;
	border-radius: 4px 4px 0 0;
	behavior: url(/scripts/PIE.htc);
}
#rub-part.srub-dop .mod-dop ul li {
	display: inline-block;
	margin-right: 0;
	margin: 0 5px 5px 0;
}
#rub-part.srub-dop .mod-dop ul a {
	background-color: #F2F2F2;
}

/* Partenaire : CGV */ 
/*---------------------*/

#rub-part.srub-cgv #mainContent section:first-of-type {
	margin-bottom: 20px;
}
#rub-part.srub-cgv #mainContent section .col2 {
	padding-bottom: 70px;
}

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

#rub-part.srub-infoTech .mainIntro {
	margin-bottom: 0;
}
#rub-part.srub-infoTech #infoTech header {
	z-index: 0;
	position: relative;
	padding: 20px 200px 70px 0;
}
#rub-part.srub-infoTech #infoTech header p {
	margin-bottom: 0;
}
#rub-part.srub-infoTech #infoTech header a.btLinkBig {
	display: block;
	position: absolute;
	right: 0;
	bottom: 70px;
}
#rub-part.srub-infoTech #infoTech header:hover {
	cursor: pointer;
}
#rub-part.srub-infoTech #infoTech header:hover .btLinkBig {
	background-color: #CE5E3F; 
	color: white;
}
#rub-part.srub-infoTech .infoTechDetail {
	display: none;
	z-index: 1;
	clear: both;
	position: relative;
	background-color: white; 
	margin-top: -30px;
	margin-bottom: 30px;
	padding: 40px 30px;
}

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

#rub-part.srub-contact .mainIntro {
	margin-bottom: 50px;
}
#rub-part.srub-contact .contactDetail {
	z-index: 1;
	clear: both;
	position: relative;
	background-color: white; 
	margin-top: -20px;
	margin-bottom: 30px;
	padding: 40px 30px;
}
#rub-part.srub-contact #servCialDetail {
	margin-bottom: 60px;
}
#rub-part.srub-contact #emailDetail form {
	margin-top: 30px;
}


/****************************/
/* JOUBERT EXPRESS */
/****************************/
	
#rub-express #joubertExpress {
	margin-top: 20px;
	padding-bottom: 30px;
	background-color: #818b00;
}
#rub-express .header {
	padding: 30px 70px;
}
#rub-express .header img {
	vertical-align: middle;
}
#rub-express .header img:nth-child(2) {
	margin-left: 70px;
}
#rub-express .argu {
	margin-bottom: 50px;
	padding: 0 40px 0 80px;
}
#rub-express .argu .wrapper {
	overflow:hidden;
	padding-bottom: 60px;
	border-bottom: 1px solid white;
}
#rub-express .argu.grid-2col-42-52 .col1 {
	margin-right: 0;
}
#rub-express .argu.grid-2col-42-52 .col2 {
	width: 58%;
}
#rub-express h1, 
#rub-express h1 .subHeading, 
#rub-express h1 .supHeading, 
#rub-express h2, 
#rub-express p {
	color: white;
}
#rub-express h1 {
	margin-bottom: 1em;
	font-size: 42px;
}
#rub-express h2 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
}
#rub-express p {
	font-size: 1.05em;
	font-weight: normal;
}
#rub-express strong {
	font-weight: 900;
}
#rub-express .video-wrapper {
	display: inline-block;
	margin-top: 30px;
	text-align: center;
}
#rub-express .video-wrapper a {
	display: block;
	text-decoration: none;
	font-size: 25px;
	color: white;
}
#rub-express .video-wrapper img {
	margin-bottom: 15px;
	transition: all .5s;
}
#rub-express .video-wrapper a:hover img {
	-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
			-moz-transform: scale(1.05);
				-o-transform: scale(1.05);
					transform: scale(1.05);
	behavior: url(/scripts/PIE.htc);
}
#rub-express .video-wrapper .slide-link {
	text-align: center !important;
}
#rub-express .product {
	padding: 0 40px 40px 40px;
	text-align: center;
}
#rub-express .product .packshot {
	display: block;
	margin-bottom: 10px;
}
#rub-express .btLinkExpress {
	display: inline-block;
	margin-bottom: 20px;
	padding: 15px 30px;
	border: 2px solid white;
	font-size: 22px;
	line-height: 1em;
	font-weight: 700;
	color: white;
	text-decoration: none;
	text-align: left;
}
#rub-express .btLinkExpress span {
	font-size: 16px;
	font-weight: 400;
}
#rub-express .btLinkExpress.first {
	margin-right: 30px;
}
#rub-express .btLinkExpress.icon-arrowRight {
	padding-left: 2.5em;
}
#rub-express .btLinkExpress:hover {
	padding-right: 60px;
}
#rub-express .callToActionWrapper {
	padding: 0  260px 10px 260px;
}
#rub-express .callToAction {
	display: block;
	margin: 0 0 10px 0;
	padding: 15px;
	background-color: #ffed00;
	text-transform: uppercase;
	font-size: 22px;
	color: black;
	text-align: center;
}
#rub-express .callToAction span {
	font-size: 36px;
	line-height: 1.1em;
	text-decoration: none !important;
}
#rub-express a.callToAction:hover {
	background-color: white;
}