@charset "utf-8";
/* CSS Document personnalisé pour site RTP performance */
/* Couleurs du site 
   orange #cd3f02
   bleu foncé : #003e71
}*/
/* Section générique */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;400;600;700;800&display=swap');

body {
	color: #000;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}

h1,h2,h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
}
h1.entry-title {
	margin-bottom: 0 !important;
}
h2,h3 {
    margin: 20px 0;
}
h3 {
    font-size: 24px;
}
h4 {
    margin: 20px 0 0;
    font-size: 18px;
}
h4 a {
	font-weight: 600;
}
p {
	margin: 0 0 20px;
	padding: 0;
}
li {
	line-height: 1.1;
	margin-bottom: 6px;
}
.full-width-content .content {
	padding: 0 10px 40px;
	width: 100%;
}
/* Couleur en-tête et bas de page*/
.site-header, 
.menu-toggle {
	background-color: #003e71;
}
.home .menu-toggle {
	background-color: #000000;
}

.featured-section .site-header.dark {
	background-color: #003e71;
}
.footer-widgets {
	background-color: #003e71 !important;
	color: #FFF;
}
.site-footer {
	background-color: #003e71 !important;
	color: #FFF;
}


.header-image .dark .site-title > a {
	height: 56px;
	margin-top: 15px;
}
.entry-header {
	text-align: left;
}
.entry-header::after {
	border-bottom: none;
	content: "";
	display: block;
	margin: 0 auto;
	padding-bottom: 0;
	width: 100%;
}
.entry {
	margin-bottom: 0 !important;
}
.entry-title {
	font-size: 40px;
	text-transform: uppercase;
	color: #cd3f02;
}
a {
	color: #cd3f02;
	text-decoration: none;
	font-weight: 400;
}
.image-section a:focus, 
.image-section a:hover, 
.image-section .featured-content .entry-title a:focus, 
.image-section .featured-content .entry-title a:hover {
	color: #cd3f02;
}
button, input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.button, 
.site-container div.wpforms-container-full .wpforms-form input[type="submit"], 
.site-container div.wpforms-container-full .wpforms-form button[type="submit"], 
.widget .button {
	background-color: #cd3f02;
	border: 2px solid #cd3f02;
	border-radius: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 2px;
	padding: 15px 25px;
	text-transform: uppercase;
}
#text-10 input, #text-10 select, #text-10 textarea, #text-6 input, #text-6 select, #text-6 textarea {
	font-size: 18px !important;
	font-weight: 600 !important;
	padding: 0 10px;
}
/*********************************** 
	Section de l'en-tête HEADER
************************************/
.site-header {
	margin-top: -12px;
}
.site-header .wrap {
	padding-bottom: 0;
}
.site-header .title-area {
	float: left;
	padding: 0 0 10px;
	margin-top: -20px;
	width: 200px;
}
.site-header.dark .title-area {
	margin-top: 0;
}

.front-page .site-container .site-inner {
	margin-top: -6px;
}
.site-header.dark .title-area {
	margin-top: -5px;
}
.featured-section .site-header > .wrap {
	border-bottom: none;
}
@media only screen and (max-width: 1000px) {
	.site-header .title-area {
		float: none;
		margin-top: 10px;
	}
}


/*********************************** 
    Menu TOP 
************************************/
.nav-secondary {
	border-bottom: none;
}
.secondary-nav .site-inner {
	margin-top: 150px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 1080px) {
	.secondary-nav .site-inner {
		margin-top: 20px;
	}
}
.nav-secondary .wrap {
	max-width: 1200px;
	text-align: right;
}
.nav-secondary .genesis-nav-menu > li > a {
	border-bottom: none;
}
.nav-secondary .genesis-nav-menu a {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 15px 15px 0;
	text-transform: uppercase;
}
/* Sous menu Top */
.nav-secondary .sub-menu {
	width: 300px !important;
}
.nav-secondary .sub-menu a {
	background-color: #666666;
	padding: 10px;
	width: 300px;
}

/*********************************** 
    Menu principal
************************************/
.front-page .genesis-nav-menu li.current-menu-item > a, 
.genesis-nav-menu > li > a {
	border-bottom: none;
}
#menu-menu-principal-en,
#menu-menu-principal-fr {
	margin-top: 5px;
}
#menu-menu-principal-en a::before,
#menu-menu-principal-fr a::before {
	margin-top: 10px;
	content: "[ ";
	font-weight: 600;
	color: #3b3734;
}
#menu-menu-principal-en a::after,
#menu-menu-principal-fr a::after {
	margin-top: 10px;
	content: " ]";
	font-weight: 600;
	color: #3b3734;
}
#menu-menu-principal-en a:hover:before,
#menu-menu-principal-en a:hover:after,
#menu-menu-principal-fr a:hover:before,
#menu-menu-principal-fr a:hover:after {
	color: #cd3f02 !important;
}

#genesis-nav-primary .genesis-nav-menu a {
	display: block;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: normal;
	padding: 25px 0;
	text-transform: uppercase;
}
.front-page .genesis-nav-menu li.current-menu-item > a:focus, 
.front-page .genesis-nav-menu li.current-menu-item > a:hover, 
.genesis-nav-menu li.current-menu-item > a, 
.genesis-nav-menu > li > a:focus, 
.genesis-nav-menu > li > a:hover {
	border-color: #fff;
	color: #cd3f02 !important;
}
@media only screen and (max-width: 1080px) {
    #genesis-nav-primary .genesis-nav-menu a {
        font-size: 14px;
    }
}
@media only screen and (max-width: 820px) {
	.featured-section .site-header {
		background-color: #003e71;
	}
	.home .site-header {
		background-color: #000000;
	}
	#menu-menu-principal-en a::before,
	#menu-menu-principal-en a::after,
	#menu-menu-principal-fr a::before,
	#menu-menu-principal-fr a::after {
		content: "" !important;
	}
}
/* sous menu prioncipal */ 
.nav-primary .sub-menu {
	width: 300px !important;
	margin-top: 0;
}
.nav-primary .sub-menu a {
	background-color: #666666;
	padding: 10px !important;
	width: 300px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
.sub-menu  a::before,
.sub-menu  a::after {
	content: "" !important;
}

/*********************************** 
    Page d'accueil 
************************************/
@media only screen and (max-width: 1080px) {
	.home .site-container {
        max-width: 1080px;
	}
}


/* Code personnalisé pourvideo */
.wp-custom-header {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
  display: block;
  height: auto;
  max-width: 100%;
}
.wp-custom-header video,
.wp-custom-header iframe {
  position: absolute;
  top: -30%;
  right: -30%;
  bottom: -30%;
  left: -30%;
  width: 160%;
  min-width: 100%;
  max-width: 160%;
  height: 160%;
  min-height: 56.25vw;
  max-height: none;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.wp-custom-header-video-button {
  display: none;
}

.front-page-1 .image-section {
  position: relative;
}


#front-page-1 .flexible-widgets {
	padding-bottom: 30px;
	padding-top: 0;
}
#front-page-1 .image-section {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.9) 100%, rgba(0, 0, 0, 0.8) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33000000", endColorstr="#e6000000", GradientType=0);
	display: table;
	overflow: hidden;
	table-layout: fixed;
	width: 100%;
}
#front-page-1  .button {
	font-size: 24px;
}
#front-page-1  h3 {
	display: none;
}
#front-page-1 #text-7,
#front-page-1 #text-2 {
	position: relative;
	margin: 500px auto 0;
	/* bottom: 60px; */
	width: 1200px;
}
@media only screen and (max-width: 1080px) {
	.home .wp-custom-header {
        /*display: none;*/
	}
}


/* Section pour afficher messages importants #front-page-2 */
#front-page-2  {
	min-height: 200px;
	padding: 0 100px;
}
@media only screen and (max-width: 400px) {
	#front-page-2  {
		padding: 0 5%;
	}
}

#front-page-2 .flexible-widgets {
	padding-top: 0;
	border: #ffffff solid 2px;
}
#carte-cadeau {
	padding: 10px;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: 600;
}
#carte-cadeau:hover {
	background-color: #990000 !important;
}
#carte-cadeau a {
	color: #FFFFFF;
	font-weight: 600;
}
#carte-cadeau img {
	color: #FFFFFF;
	vertical-align: middle;
}

#featured-post-2 {
	background-color: #003e71;
	color: #FFFFFF;
}
#featured-post-2 h3,
#featured-post-2 p {
	margin: 25px 0 25px;
	padding: 0;
}

/* Section pour afficher le contenu du milieu de la page */
.front-page-3 {
	border-top: 0;
	margin-top: 0;
	-webkit-background-clip: none;
	-moz-background-clip: none;
	background-clip: none;
	position: relative;
	z-index: 9;
	background-color: transparent;
}
#front-page-3 .widget-title { 
	display: none;
}

#front-page-3 .texte-haut { 
    font-size: 20px;
    font-weight: 600;
    padding: 0 40px 60px;
}
@media only screen and (max-width: 480px) {
    #front-page-3 .texte-haut { 
        padding: 0 10px 40px;
    }
}

.acc-contenu .gauche  { 
	padding-left: 60px;
	margin-bottom: 20px;
}
.acc-contenu .gauche h3  { 
	text-transform: uppercase;
	font-size: 26px;
	margin: 15px 0;
}
.acc-contenu .gauche .s-titre  { 
	color: #003e71;
	font-weight: 600;
	line-height: 1.2;
}
.acc-contenu .gauche .texte  { 
	line-height: 1.2;
}

.acc-contenu .droit .section1 ul li {
	margin-bottom: 10px;
	padding: 5px;
	background-color: #cd3f02;
	padding-left: 20px;
	width: 280px;
}
.acc-contenu .droit .section1 ul li:hover {
	background-color: #003e71;
}
.acc-contenu .droit .section1 ul li a {
	color: #FFFFFF;
	text-transform: uppercase;
}
.acc-contenu .droit .section2 {
	margin-top: 60px;
}
.acc-contenu .droit .section2 ul li {
	margin-bottom: 10px;
	padding: 5px;
	background-color: #999999;
	padding-left: 20px;
	width: 280px;
}
.acc-contenu .droit .section2 ul li:hover {
	background-color: #003e71;
}
.acc-contenu .droit .section2 ul li a {
	color: #FFFFFF;
	font-size: 16px;
}
/* Ajustements pour cooonne droite dans  le texte */
.puces {
	padding-left: 0 !important;
}
.puces li {
	list-style: none !important;
}
/* Section pour afficher les partenaires */
.front-page-4 .solid-section {
	background-color: #FFFFFF;
	margin-top: 30px;
}
.front-page-4 .flexible-widgets {
	padding-bottom: 60px;
	padding-top: 0;
}
.front-page-4 .solid-section h4 {
	font-size: 40px;
	font-weight: 200;
	letter-spacing: normal;
	line-height: 1;
	text-transform: none;
}
@media only screen and (max-width: 1080px) {
	#front-page-1 #text-7,
	#front-page-1 #text-2 {
		position: relative;
		margin: 500px auto 0;
		width: 80px;
		width: 800px;
	}
}
@media only screen and (max-width: 820px) {
	#front-page-1 {
		display: none;
	}
	#front-page-3 {
		margin-top:140px;
	}
	.acc-contenu .droit .section1 ul li, 
	.acc-contenu .droit .section2 ul li {
		padding-left: 0;
		width: 280px;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 440px) {
	#front-page-3 {
		margin-top:140px;
	}
}

/*********************************** 
    Accueil front page 4 (logos partenaires)
************************************/

.tpg-excerpt img:hover {
    opacity: 0.7;
}

.tpg-shortcode-main-wrapper .layout1 .rt-holder {
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
/*********************************** 
    Contenu du site mobile
************************************/
@media only screen and (max-width: 1180px) {
	main header {
        margin-top: 40px;
	}
}
@media only screen and (max-width: 820px) {
	main header {
        margin-top: 40px;
	}
}
@media only screen and (max-width: 740px) {
	main header {
        margin-top: 40px;
	}
}

/*********************************** 
    Section footer - bas de page 
************************************/
/* --- Footer Widgets --- */
.footer-widgets {
	background: #000;
	color: #CCC;
	clear: both;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 40px 0 16px;
	padding: 4rem 0 1.6rem;
}
.footer-widgets .wrap {
	padding-bottom: 10px;
	padding-top: 10px;
}

#text-8,
#text-10,
#text-12,
#text-6 {
	width: 350px;
}

#text-9,
#text-5 {
	width: 360px;
}

#text-8,
#text-12 {
	margin-right: 40px;
}

#text-8,
#text-9,
#text-12,
#text-5 {
	float: left;
}

#text-10,
#text-6 {
	float: right;
}
#text-10 p,
#text-6 p {
	margin-bottom: 0 !important;
	font-size: 18px;
}
#text-10 input, 
#text-10 select, 
#text-10 textarea,
#text-6 input, 
#text-6 select, 
#text-6 textarea {
	background-color: #fff;
	color: #000;
	font-size: 20px;
	font-weight: 200;
	padding: 0 10px;
	width: 100%;
}
#text-10 textarea,
#text-6 textarea {
	height: 120px;
}
.footer-widgets a {
	border-bottom: none;
}

.footer-widgets a:hover {
	color: #ccc;
}
.footer-widgets a img:hover { 
	opacity: 0.7; 
	-moz-opacity: 0.7; 
	-khtml-opacity: 0.7; 
	filter: alpha(opacity=70); 
}

.footer-widgets ul li {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-left: 25px;
	list-style: disc;
}
.footer-widgets .widget {
	margin-bottom: 20px;
	text-align: left;
}

.footer-widgets .widgettitle {
	color: #fff;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.footer-widgets li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	word-wrap: break-word;
}

.footer-widgets .search-form {
	width: 100%;
}
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"], 
.footer-widgets input[type="submit"] {
	background-color: #cd3f02 !important;
	border: 2px solid #cd3f02;
	color: #fff !important;
	margin-top: 20px !important;
	width: auto !important;
	padding: 15px 20px !important;
	font-weight: 400 !important;
}
.footer-widgets input[type="submit"]:hover {
	background-color: #003e71 !important;
	border: 2px solid #003e71;
	color: #fff;
}

.site-footer {
	background-color: #000;
	color: #CCC;
	padding: 20px;
	text-align: center;
}
.site-footer p {
	font-size: 14px;
	letter-spacing: 0;
	margin-bottom: 0;
	text-transform: none;
}
.site-footer p a:hover {
    color: #cd3f02;
}

@media only screen and (max-width: 1139px) {
	#text-8,
	#text-9,
	#text-10,
	#text-4,
	#text-5,
	#text-6 {
		width: 300px;
	}
	#text-8,
	#text-4 {
		margin-right: 30px;
	}
}
@media only screen and (max-width: 1024px) {
	.title-area {
		width: 180px;
	}
	#genesis-nav-primary .genesis-nav-menu a {
		padding: 25px 0;
	}
	#text-8,
	#text-4 {
		margin-right: 0;
	}
}
@media only screen and (max-width: 820px) {
	#genesis-nav-primary .genesis-nav-menu a {
		padding: 15px 0;
	}
	.secondary-nav .site-inner {
		margin-top: 160px;
	}
	#genesis-nav-primary .genesis-nav-menu a {
		padding: 20px 10px 0;
	}
}
@media only screen and (max-width: 768px) {
	.title-area {
		margin: 0 auto;
		float: none;
	}
	/* Footer sections*/
	#text-8,
	#text-9,
	#text-10,
	#text-4,
	#text-5,
	#text-6 {
		float: none;
		margin: 0 auto 20px;
	}
	.front-page-3 {
		margin-top: 0;
	}
	#front-page-3 .flexible-widgets { 
		background-image: none;
	}
	.acc-contenu .gauche  { 
		padding-left: 0;
	}

}

@media only screen and (max-width: 440px) {
	#featured-post-2 h3, #featured-post-2 p {
		padding: 0 10px;
	}
}
@media only screen and (max-width: 375px) {
	.fl-module-content {
		margin: 0;
	}
}

/* Affichage du .tableau-bike-fit*/
.tableau-bike-fit {
	font-size: 18px;
}
.tableau-bike-fit th {
	text-align: center;
	line-height: 1.4;
}
.tableau-bike-fit td {
	line-height: 1.2;
}
.tableau-bike-fit td.column-1 {
	text-align: right;
}
.tableau-bike-fit td.column-2,
.tableau-bike-fit td.column-3,
.tableau-bike-fit td.column-4 {
	text-align: center;
}

/*  Affichage Grid de l'équipe */
.rt-tpg-container .layout6 .rt-holder .overlay h3, 
.rt-tpg-container .isotope3 .rt-holder .overlay h3, 
.rt-tpg-container .carousel3 .rt-holder .overlay h3 {
	padding-top: 25%;
}
/*  Affichage d'une fiche de membre de l'équipe */
#profession {
	font-size: 24px;
}
.single-portfolio  ul {
	margin: 0;
	padding: 0 0 0 25px;
}
.single-portfolio li {
	list-style-type: disc;
}
@media only screen and (max-width: 1080px) {
    #genesis-nav-primary ul {
        margin: 0;
        padding: 0 0 0 0;
    }
    .page .site-inner,
    .single-portfolio .site-inner {
        margin-top: 120px;
    }
}
@media only screen and (max-width: 820px) {
    .single-portfolio .site-inner {
        margin-top: 160px;
    }
}

/* Tableau de prix page Performance */
.tableau-prix .fl-pricing-table-title {
	background-color: #003e71 !important;
	color: #ffffff;
	font-weight: 600;
	font-size: 24px;
}
.fl-pricing-table .fl-pricing-table-column .fl-pricing-table-duration {
	font-size: 26px;
	bottom: 4px;
	opacity: 1;
	font-weight: 400;
}
.fl-pricing-table-column-0 .fl-button-wrap {
	display: none;
}

/* Page bike fit */
#tablepress-1 thead th {
	background-color: #003e71;
	font-weight: 700;
	vertical-align: middle;
	color: #fff;
}
/* Ajustement pour TablePress */
#tablepress-11 .column-2,
#tablepress-12 .column-2 {
white-space: nowrap;     
}

/* Page nous joindre */
input, select, textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	color: #000;
	font-size: 20px;
	font-weight: 200;
	padding: 5px;
	width: 100%;
}
textarea {
	height: 150px;
}
/*************************************************** 
    Ajustements CSS pour Complianz
***************************************************/
.cmplz-cookiebanner .cmplz-title {
    justify-self: center;
    grid-column-start: 2;
    font-size: 22px !important;
    color: var(--cmplz_text_color);
    font-weight: 600 !important;
}
.cmplz-buttons .cmplz-btn {
    font-weight: 600 !important;
}
.cmplz-show-banner {
    cursor: pointer;
}
.cmplz-cookiebanner.cmplz-show {
	margin-bottom: 0;
}

@media (max-width: 768px) {
    .cmplz-cookiebanner .cmplz-header {
        display: none !important;
    }
    .cmplz-cookiebanner .cmplz-title{ display: none; }

    .cmplz-cookiebanner .cmplz-buttons {
        flex-direction: row !important;
    }
    .cmplz-cookiebanner .cmplz-links.cmplz-documents {
        display: none;
    }
    .cmplz-cookiebanner.cmplz-show {
        margin-bottom: 80px;
    }
    .cmplz-cookiebanner.cmplz-show {
        background-color: #efefef;
    }

}