/* incorporation des polices */
/* Ajout police Montserrat du 08/10/2025 */

  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Regular'), url('../fonts/Montserrat-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  normal;
    font-weight: 400;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Black'), url('../fonts/Montserrat-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  normal;
    font-weight: 900;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBold'), url('../fonts/Montserrat-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  normal;
    font-weight: 800;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Bold'), url('../fonts/Montserrat-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  normal;
    font-weight: 700;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBold'), url('../fonts/Montserrat-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  normal;
    font-weight: 600;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Medium'), url('../fonts/Montserrat-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  normal;
    font-weight: 500;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Light'), url('../fonts/Montserrat-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  normal;
    font-weight: 300;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraLight'), url('../fonts/Montserrat-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  normal;
    font-weight: 200;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Thin'), url('../fonts/Montserrat-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  normal;
    font-weight: 100;
  }
  
/* Montserrat variantes Italic 08/10/2025 */

  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Italic'), url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  italic;
    font-weight: 400;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat BlackItalic'), url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  italic;
    font-weight: 900;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBoldItalic'), url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  italic;
    font-weight: 800;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat BoldItalic'), url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  italic;
    font-weight: 700;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBoldItalic'), url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  italic;
    font-weight: 600;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat MediumItalic'), url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  italic;
    font-weight: 500;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat LightItalic'), url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  italic;
    font-weight: 300;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraLightItalic'), url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  italic;
    font-weight: 200;
  }
  @font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ThinItalic'), url('../fonts/Montserrat-Italic-VariableFont_wght.woff2') format("woff2");
	font-display: swap;
	font-style:  italic;
    font-weight: 100;
  }

/* $WEFT -- Created by: Studio Jerome Brachet (jb@studiojb.com) on 28/10/2009 -- */

  @font-face {
    font-family: "Myriad Pro Regular";
    font-style:  normal;
    font-weight: normal;
    src: local("Myriad Pro Regular"), url("../fonts/MYRIADPRO-REGULAR.OTF") format("opentype");
  }
  @font-face {
    font-family: "Myriad Pro Bold";
    font-style:  normal;
    font-weight: normal;
    src: local("Myriad Pro Bold"), url("../fonts/MYRIADPRO-BOLD.OTF") format("opentype");
  }
  @font-face {
    font-family: "Myriad Pro Condensed";
    font-style:  normal;
    font-weight: normal;
    src: local("Myriad Pro Condensed"), url("../fonts/MYRIADPRO-COND.OTF") format("opentype");
  }
  @font-face {
    font-family: "Myriad Pro Bold Condensed";
    font-style:  normal;
    font-weight: normal;
    src: local("Myriad Pro Bold Condensed"), url("../fonts/MYRIADPRO-BOLDCOND.OTF") format("opentype");
  }
  @font-face {
    font-family: "Trajan-Normal";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/TrajanPro-Regular.otf") format("opentype");
  }
  @font-face {
    font-family: "Trajan-Normal";
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/TrajanPro-Bold.otf") format("opentype");
  }
  @font-face {
    font-family: "Trajan-Normal";
    font-style: italic;
    font-weight: normal;
    src: url("../fonts/TrajanPro-Regular.otf") format("opentype");
  }
  @font-face {
    font-family: "Trajan-Normal";
    font-style: italic;
    font-weight: bold;
    src: url("../fonts/TrajanPro-Bold.otf") format("opentype");
  }

/* SURCHARGES ET MODIFS SUR CASSIOPEIA */

/* REDÉFINITION DES VARIABLES DE COULEURS POUR LE TEMPLATE CASSIOPEIA */
:root {
	--cassiopeia-color-primary: #fff;
	--cassiopeia-font-family-headings: Montserrat;
	--cassiopeia-font-family-body: Myriad Pro Regular;
/*  --cassiopeia-color-link: #2F7614;
	--cassiopeia-color-hover: #165100;
	--dark-color: #000000;
	--light-color:#400080;
	--main-background: #FFFFFF;
	--primary-background: #E6E6E6;
	--primary-textColor: #000040;
	--secondary-background: #E7CA01;
	--secondary-textColor: #400040;
	--accent-background: #808040;
	--accent-textColor: #FFFFFF;
	--primary-gradient: linear-gradient(180deg, #5E5E00, #191919);
	--secondary-gradient: linear-gradient(180deg, #400080, #191919);
	--cassiopeia-font-weight-headings: 200;
	--cassiopeia-font-weight-normal: 50;
	--body-font-weight: 50;
	--body-font-size: 12pt; */
}

.container-header .mod-menu {
	color: #1c1c1c;
}

.container-header {
	background-image: none;
}

.container-header .grid-child {
  padding-top: 0;
  padding-bottom: 0;
}

div.grid-child.container-nav {
	border-bottom: 1px solid black;
}

.container-header .navbar-brand {
	margin: 0 auto;
	padding: .2em 0 0 ;
}

.back-to-top-link {
  color: #333;
  background-color: #e7e7e7;
  border: 1px solid #ccc;
}

.back-to-top-link:hover {
  color: #333;
  background-color: #cecece;
  border-color: #adadad;
  }

.back-to-top-link:focus {
  color: #333;
  background-color: #cecece;
  border-color: #8c8c8c;
  }

.back-to-top-link:visited {
  color: #333;
  background-color: #e7e7e7;
  border: 1px solid #ccc;
  }

.picto-menu-haut-flags { /* classe des icones des drapeaux dans les paramètres des éléments de menu () */
  border: 1px solid #333;
  margin: auto 0.3em auto 0;
  }

/*  agrandissement de la largeur du cartouche des sous-menus du menu haut 
.container-header .metismenu > li.level-1 > ul { min-width: 16rem; } */

.metismenu-item.level-1 > a {
	font-size: 1em;
	font-family: Montserrat, Arial Narrow, "HelveticaNeue-Condensed", "Helvetica Neue", Arial, "Arial Unicode MS", Helvetica, Sans-Serif;
	text-transform: uppercase;
	font-weight: 700;
	}

.metismenu-item.level-2 > a {
	color: #000;
	font-size: 1em;
	font-family: Myriad Pro Bold Condensed, Arial Narrow, "HelveticaNeue-Condensed", "Helvetica Neue", Arial, "Arial Unicode MS", Helvetica, Sans-Serif;
	text-transform: uppercase;
	}

.metismenu.mod-menu .metismenu-item {
  padding: .2em .3em;
  }

.mod-custom {
  width: 100%;
}

.footer .grid-child {
  padding: 0;
}

.footer {
  color: #000;
  background-color: #ebebeb;
  background-image: none;
}

.card-body { padding: 0;}

.card {
	--card-border-width: 0;
}

.container-header .navbar-toggler {
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
}

.reviews-block__slide {
  padding: 0 5em;
}
/*
.container-search {
  position: absolute;
  top: 0px;
  float: right;
} */

.container-topbar {
  position: absolute;
  right: .5em;
  top: 1em;
  width: 12em;
}

.switcher-lang {
	
}

.mod-languages {
	float: right;
}

div.mod-languages li {
  margin: 0;
  }
  
div.mod-languages a {
  padding: .3rem;
}

.container-header nav { /* alignement du menu au centre */
  margin: .5em auto 0;
}

.container-component > * + * {
	margin-top: .5em;
}

.container-topbar {
  color: #000;
}

.dropdownCart-container {
	font-size: .8em;
}

.container-header .metismenu > li.level-1 > ul {
  min-width: 12em;
}

#vmCartModule {
  float: right;
  margin-top: 1em;
}

.row {
  --gutter-x: 0;
}

.chosen-container.chosen-container-single {
  max-width: 90%;
}

.chosen-container.chosen-container-single .chosen-single {
  height: calc(1.5em + .5rem + calc(var(--border-width) * 2));
  background: #eaedf0 url("../images/select-bg.svg") right 0rem center no-repeat;
  padding: .4rem 1.5rem .3rem .4rem;
}

.chosen-container-single .chosen-single div {
  display: none;
}

.metismenu.mod-menu .metismenu-item > ul {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.ui.form .field > label {
  font-weight: 200 !important;
}

/**** IMPORTS DU FICHIER custom.css v16 (html_publicv16) ***/

/* modif des icones réseaux sociaux avec le switcher de langages */
.custom-reseaux-sociaux {
  float: left;
  width: 80px;
  }

/***** Surcharges pour supprimer les espaces du Slider Ol Testimonials 2025 (module des avis) *****/

.border { padding: 0;}
.innerbottom { margin-top: 0;}
.reviews-block__person-name { font-size: 18px;}
.reviews-block__text { margin-bottom: 20px; padding-bottom: 20px;}
.reviews-block__slide {
  background: #fff;
  padding: 0px 50px 12px;
  }

/* Modifications pour les textes */

h1.titre {
  font-family: Montserrat;
  font-weight: 700;
  color: #c10706;
  /* old color: #5a5a5a; */
  font-size: 4vw;
  padding: 30px 0 30px 5%;
  margin: 0;
}

h1.gris {
	background-color: #ebebeb;
}

h1.parcours {
  position: absolute;
  z-index: 10;
}

p {
  margin: 0.6em 0 0.6em;
  line-height: 1.25;
}

.p-titre {
  font-family: Myriad Pro Bold; 
  font-size: 2vw; 
  color: #5a5a5a;
  text-transform: uppercase;
  text-align: left;
}

.p-justify {
  font-family: Myriad Pro; 
  font-size: 1.6vw; 
  color: #5a5a5a; 
  text-align: justify;
}

.p-text {
  font-family: Myriad Pro; 
  font-size: 1.6vw; 
  color: #5a5a5a; 
  text-align: left;
}

/* Intercalaires */

div#intercalaire {
	line-height: 0;
	font-size: 0;
}

img#intercalaire {
	width: 100%; 
	height: auto;
	line-height: 0;
	font-size: 0;
	vertical-align: baseline;
	border-image-width: 0;
}

/* marges des containers horizontaux des formulaires CFv6 */

.ui.grid .row {
  margin-top: .5em;
  margin-bottom: .5em;
}

.rot-180
{
  -webkit-transform: rotate(180deg); /* Pour Chrome */
  -moz-transform: rotate(180deg); /* Pour Firefox */
  transform: rotate(180deg);
}

.picto-presentation {
	float: left;
	margin: auto 0;
	width: 20%;
	vertical-align: top;
	padding-top: 34px;
}

.bloc-centre-90 {
	width: 90%; 
	margin: 0 auto;
	overflow: hidden; /* Permet de faire descendre la couleur du fond du bloc parent (id section.gris) jusqu'en bas du plus grand bloc enfant (picto-presentation) */
}

.bloc-centre-100 {
	width: 100%; 
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden; /* Permet de faire descendre la couleur du fond du bloc parent (id section.gris) jusqu'en bas du plus grand bloc enfant (picto-presentation) */
}

.presentation-bloc-text {
	margin-left: 22%;
	padding-top: 10px;
}

section {
	width: 100%; 
	padding-bottom: 0.6em;
}

section.gris {
	background-color: #ebebeb;
}

section.blanc {
	background-color: #fff;
}

div#inscription {
	width: 100%; 
	text-align: center;
}

img#inscription {
	width: 90%; 
	height: auto;
}

#inscription-download-area {
	float: left; 
	width: 203px; 
	margin-bottom: 10px; 
	margin-right: 20px; 
	vertical-align: top;
}

#inscription-bloc-text {
	padding-top: 10px;
	padding-left: 230px;
}

.table > tbody > tr > td.acyfield_email,
.table > tbody > tr > td.acysubbuttons {
	border-top: 0;
}

/***** Page qui Sommes-nous ? *****/

h1.titre-team {
	font-family: Trajan-Normal;
	color: #5a5a5a;
	font-size: 2.8em;
	padding: 0.3em 0 0;
	margin: 0;
}

h2.ss-titre-team {
    font-family: Myriad Pro Bold Condensed;
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 0.2em 0 0.4em;
	margin: 0;
}

#team-col-left {
	float: left;
	width: 48%;
}

#team-col-right {
	width: 48%;
	margin-left: 52%
}

.team-img {
	float: left;
	margin: 0px 10px 0px 0px;
}

#team-img-f1 {
	float: left;
	margin: 0px 10px 0px 0px;	
}

#team-img-alex {
	margin: 0px auto 20px;
	display: block;
	width: 100%;
	height: auto;
}

.team-nom {
	font-family: Myriad Pro Bold Condensed;
	font-size: 22pt;
	padding: 0.6em 0 0.3em;
	margin: 0;
	color: #cc0000;
}

.team-nom-info {
	font-size: 13pt;
	font-family: Myriad Pro Bold;
	padding: 0.3em 0 0.15em;
	margin: 0;
	text-align: justify;
}

.team-txt {
	font-size: 12pt;
	font-family: Myriad Pro;
	text-align: justify;
}

/***** Tracés des circuits pour les Parcours 2020 *****/

/* Millesim Corsica 2020 */

#section-parcours-corsica-2020 {
	width: 100%; 
	height: 1020px; 
	text-align: left; 
	position: relative; 
	overflow: hidden;
}

#circuit-corsica-2020 {
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-corsica-2020 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 583px; 
	margin-left: 65px;
}

#etapes-col-right-corsica-2020 {
	position: absolute;
	float: left;
	top: 65px;
	width: 543px;
	left: 648px;
	padding-left: 25px;
}

/* Megève - Lac de Côme 2020 */

#section-parcours-megeve-2020 {
	width: 100%; 
	height: 1130px; 
	text-align: left; 
	position: relative; 
	overflow: hidden;
}

#circuit-megeve-2020 {
	position: absolute; 
	top: 340px; 
	width: 90%;
	margin-left: 5%;
	height: auto;
}

#etapes-col-left-megeve-2020 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 43%; 
	margin-left: 5%;
}

#etapes-col-right-megeve-2020 {
	position: absolute;
	float: left;
	top: 100px;
	width: 43%;
	left: 52%;
}

/* Transpyrénéenne 2020 */

#section-parcours-transpy-2020 {
	width: 100%; 
	height: 950px; 
	text-align: left; 
	position: relative; 
	overflow: hidden;
}

#circuit-transpy-2020 {
	position: absolute; 
	top: 330px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-transpy-2020 {
	position: absolute;
	float: left; 
	top: 100px;
	width: 48%;
	margin-left: 65px;
}

#etapes-col-right-transpy-2020 {
	position: absolute; 
	float: left; 
	top: 40px; 
	width: 48%;
	left: 54%;
}

/* Tour des Alpes 2020 */

#section-parcours-TDA-2020 {
	width: 100%; 
	height: 1330px; 
	text-align: left; 
	position: relative; 
	overflow: hidden;
}

#circuit-TDA-2020 {
	position: absolute; 
	top: 130px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-TDA-2020 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 583px; 
	margin-left: 65px;
}

#etapes-col-right-TDA-2020 {
	position: absolute;
	float: left;
	top: 40px;
	width: 543px;
	left: 648px;
	padding-left: 25px;
}

/***** FIN Circuits 2020 *****/

/***** Tracés des circuits pour les Parcours 2022 *****/

/* Ardèche 2022 (ex Millesim Corsica 2020) */

#section-parcours-ardeche-2022 {
	width: 100%; 
	height: 1050px; 
	text-align: left; 
	position: relative; 
	overflow: hidden;
}

#circuit-ardeche-2022 {
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-ardeche-2022 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 583px; 
	margin-left: 65px;
}

#etapes-col-right-ardeche-2022 {
	position: absolute;
	float: left;
	top: 65px;
	width: 543px;
	left: 648px;
	padding-left: 25px;
}


/* Bretagne 2022 (ex Millesim Corsica 2020) */

#section-parcours-bretagne-2022 {
	position: relative; 
	width: 100%; 
	height: 1250px; 
	text-align: left; 
	overflow: hidden;
}

#circuit-bretagne-2022 {
	position: absolute; 
	/* top: 110px; */
	width: 100%; 
	height: auto;
}

#etapes-col-left-bretagne-2022 {
	position: absolute;
	float: left;
	top: 100px;
	width: 567px;
	margin-left: 65px;
}

#etapes-col-right-bretagne-2022 {
	position: absolute;
	float: left;
	top: 230px;
	width: 603px;
	left: 682px;
	padding-left: 45px;
}

#etapes-col-bottom-bretagne-2022 {
	position: absolute;
	top: 685px;
	width: 800px;
	margin-left: 490px;
	
}

/* Les Géants 2022 */

#section-parcours-les-geants-2022 {
	width: 100%; 
	height: 930px; 
	text-align: left; 
	position: relative; 
	overflow: hidden;
}

#circuit-les-geants-2022 {
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-les-geants-2022 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 553px; 
	margin-left: 65px;
}

#etapes-col-right-les-geants-2022 {
	position: absolute; 
	float: left; 
	top: 40px; 
	width: 665px; 
	left: 618px; 
	padding-left: 45px;
}

/* Transpyrénéenne 2022 */

#section-parcours-transpy-2022 {
	width: 100%; 
	height: 950px; 
	text-align: left; 
	position: relative; 
	overflow: hidden;
}

#circuit-transpy-2022 {
	position: absolute; 
	top: 330px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-transpy-2022 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 553px; 
	margin-left: 65px;
}

#etapes-col-right-transpy-2022 {
	position: absolute; 
	float: left; 
	top: 40px; 
	width: 600px; 
	left: 618px; 
	padding-left: 45px;
}

/* Tour des Cévennes 2022 */

#section-parcours-cevennes-2022 {
	width: 100%; 
	height: 900px; 
	text-align: left; 
	position: relative; 
	overflow: hidden;
}

#circuit-cevennes-2022 {
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-cevennes-2022 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 583px; 
	margin-left: 65px;
}

#etapes-col-right-cevennes-2022 {
	position: absolute;
	float: left;
	top: 170px;
	width: 607px;
	left: 648px;
	padding-left: 25px;
}

/* Rallye Périgord 2022 */

#section-parcours-perigord-2022 {
	width: 100%; 
	height: 1020px; 
	text-align: left; 
	position: relative; 
	overflow: hidden;
}

#circuit-perigord-2022 {
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-perigord-2022 {
	position: absolute;
	/* float: left; */ 
	top: 100px; 
	width: 583px; 
	margin-left: 65px;
}

#etapes-col-right-perigord-2022 {
	position: absolute;
	/* float: left; */ 
	top: 570px; 
	width: 650px; 
	margin-left: 65px;
}

/***** FIN Circuits 2022 *****/

/***** Tracés des circuits pour les Parcours 2023 *****/

/* Bretagne Classic 2023 */

#section-parcours-bretagne-2023 {
	position: relative; 
	width: 100%; 
	height: 1250px; 
	text-align: left; 
	overflow: hidden;
}

#circuit-bretagne-2023 {
	position: absolute; 
	top: 0px;
	width: 100%; 
	height: auto;
}

#etapes-col-left-bretagne-2023 {
	position: absolute;
	float: left;
	top: 100px;
	width: 567px;
	margin-left: 65px;
}

#etapes-col-right-bretagne-2023 {
	position: absolute;
	float: left;
	top: 180px;
	width: 603px;
	left: 682px;
	padding-left: 45px;
}

#etapes-col-bottom-bretagne-2023 {
	position: absolute;
	top: 650px;
	width: 700px;
	margin-left: 520px;
	
}

/* Les Géants 2023 */

#section-parcours-les-geants-2023 {
	position: relative;
	width: 100%; 
	height: 1110px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-les-geants-2023 {
	position: absolute; 
	top: 180px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-les-geants-2023 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 553px; 
	margin-left: 65px;
}

#etapes-col-right-les-geants-2023 {
	position: absolute; 
	float: left; 
	top: 40px; 
	width: 665px; 
	left: 618px; 
	padding-left: 45px;
}

/* Transpyrénéenne 2023 */

#section-parcours-transpy-2023 {
	position: relative;
	width: 100%; 
	height: 950px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-transpy-2023 {
	position: absolute; 
	top: 330px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-transpy-2023 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 553px; 
	margin-left: 65px;
}

#etapes-col-right-transpy-2023 {
	position: absolute; 
	float: left; 
	top: 40px; 
	width: 600px; 
	left: 618px; 
	padding-left: 45px;
}

/* Millesim GT Tour Cévennes-Roussillon 2023 */

#section-parcours-cevennes-2023 {
	position: relative;
	width: 100%; 
	height: 900px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-cevennes-2023 {
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-cevennes-2023 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 583px; 
	margin-left: 65px;
}

#etapes-col-right-cevennes-2023 {
	position: absolute;
	float: left;
	top: 170px;
	width: 607px;
	left: 648px;
	padding-left: 25px;
}

/* Rallye Les Cathares 2023 */

#section-parcours-cathares-2023 {
	position: relative;
	width: 100%; 
	height: 905px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-cathares-2023 {
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-cathares-2023 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 583px; 
	margin-left: 65px;
}

#etapes-col-right-cathares-2023 {
	position: absolute;
	float: left;
	top: 170px;
	width: 607px;
	left: 648px;
	padding-left: 25px;
}

/***** FIN Circuits 2023 *****/

/***** Tracés des circuits pour les Parcours 2024 *****/

/* Bretagne Classic 2024 */

#section-parcours-bretagne-2024 {
	position: relative; 
	width: 100%; 
	height: 1250px; 
	text-align: left; 
	overflow: hidden;
}

#circuit-bretagne-2024 {
	position: absolute; 
	top: 300px;
	width: 100%; 
	height: auto;
}

#etapes-col-left-bretagne-2024 {
	position: absolute;
	float: left;
	top: 100px;
	width: 567px;
	margin-left: 65px;
}

#etapes-col-right-bretagne-2024 {
	position: absolute;
	float: left;
	top: 100px;
	width: 603px;
	left: 682px;
	padding-left: 45px;
}

#etapes-col-bottom-bretagne-2024 {
	position: absolute;
	top: 700px;
	width: 700px;
	margin-left: 520px;
}

/* Millesim GT Tour Cévennes-Roussillon 2024 */

#section-parcours-cevennes-2024 {
	position: relative;
	width: 100%; 
	height: 900px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-cevennes-2024 {
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-cevennes-2024 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 583px; 
	margin-left: 65px;
}

#etapes-col-right-cevennes-2024 {
	position: absolute;
	float: left;
	top: 170px;
	width: 607px;
	left: 648px;
	padding-left: 25px;
}

/* Rallye Millesim Corsica 2024 */

#section-parcours-corsica-2024 {
	position: relative;
	width: 100%; 
	height: 1050px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-corsica-2024 {
	position: absolute; 
	top: 0px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-corsica-2024 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 583px; 
	margin-left: 65px;
}

/* Les Géants 2024 */

#section-parcours-les-geants-2024 {
	position: relative;
	width: 100%; 
	height: 1110px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-les-geants-2024 {
	position: absolute; 
	top: 670px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-les-geants-2024 {
	position: absolute;
	float: left;
	top: 100px;
	width: 553px;
	margin-left: 65px;
}

#etapes-col-right-les-geants-2024 {
	position: absolute;
	float: left;
	top: 40px;
	width: 617px;
	left: 618px;
	padding-left: 45px;
}

/* Transpyrénéenne 2024 */

#section-parcours-transpy-2024 {
	position: relative;
	width: 100%; 
	height: 950px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-transpy-2024 {
	position: absolute; 
	top: 550px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-transpy-2024 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 553px; 
	margin-left: 65px;
}

#etapes-col-right-transpy-2024 {
	position: absolute; 
	float: left; 
	top: 40px; 
	width: 600px; 
	left: 618px; 
	padding-left: 45px;
}

/* Rallye Route des Gorges 2024 */

#section-parcours-routedesgorges-2024 {
	position: relative;
	width: 100%; 
	height: 1050px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-routedesgorges-2024 {
	position: absolute; 
	top: 400px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-routedesgorges-2024 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 553px; 
	margin-left: 65px;
}

#etapes-col-right-routedesgorges-2024 {
	position: absolute; 
	float: left; 
	top: 40px; 
	width: 600px; 
	left: 618px; 
	padding-left: 45px;
}

/***** FIN Circuits 2024 *****/

/* Photo encart 16 ans PG+AG */

#hp-mod-anniv16ans-container {
	display: flex; 
	padding-top: 15px;
}
#hp-mod-anniv16ans-ph-gauche {
	flex: 1 0 auto; 
	margin: 0 auto; 
	width: 443px; 
	height: auto;
	}
#hp-mod-anniv16ans-txt-droite {	
	margin: auto auto;
	max-width: 800px;
	min-width: 300px;
	}

#hp-mod-anniv16ans-txt-droite > p {	
	font-family: Montserrat; 
	font-size: 17pt; 
	line-height: 2em;
	}

#hp-mod-anniv16ans-badge {
  position: relative;
  float: right;

  }

/***** DEBUT Circuits 2025 *****/
/***** Tracés des circuits pour les Parcours 2025 *****/

/* Alsace Tour 2025 */

#section-parcours-alsace-2025 {
	position: relative; 
	width: 100%; 
	height: 1050px; 
	text-align: left;
	overflow: hidden;
	}
	
#circuit-alsace-2025 {
	position: absolute; 
	top: 350px;
	width: 100%; 
	height: auto;
}

#etapes-col-left-alsace-2025 {
	position: absolute;
	float: left;
	top: 100px;
	width: 567px;
	margin-left: 65px;
}

#etapes-col-right-alsace-2025 {
	position: absolute;
	float: left;
	top: 100px;
	width: 603px;
	left: 682px;
	padding-left: 45px;
}

/* Millesim GT Tour 2025 */

#section-parcours-gt-tour-2025 {
	position: relative;
	width: 100%; 
	height: 890px; 
	text-align: left;  
	overflow: hidden;
}

#circuit-gt-tour-2025 {
	position: absolute; 
	top: 340px; 
	width: 100%; 
	height: auto;
}

#etapes-col-left-gt-tour-2025 {
	position: absolute;
	float: left; 
	top: 100px; 
	width: 600px; 
	margin-left: 45px;
}

#etapes-col-right-gt-tour-2025 {
	position: absolute;
	float: left;
	top: 100px;
	width: 607px;
	left: 673px;
	padding-left: 28px;
}

/****** Fin circuits des rallyes 2025 *******/

/***** DEBUT Circuits 2026 *****/
/***** Tracés des circuits pour les Parcours 2026 *****/

/* Millesim GT Tour 2026 */

#section-parcours-gt-tour-2026 {
	position: relative;
	width: 100%;
	height: 1200px;
	text-align: left;
	overflow: hidden;
}

#circuit-gt-tour-2026 {
	position: absolute;
	top: 110px;
	width: 100%;
	height: auto;
}

#etapes-col-left-gt-tour-2026 {
	position: absolute;
	float: left;
	top: 650px;
	width: 600px;
	margin-left: 45px;
}

#etapes-col-right-gt-tour-2026 {
	position: absolute;
	float: left;
	top: 650px;
	width: 607px;
	left: 673px;
	padding-left: 28px;
}

.table-voitures-TDA {
	display: table;
	width: 100%;
	height: 33%;
	padding: 0.6em 0;
}

.cell-table-voitures-TDA {
	display: table-cell;
	height: auto;
	vertical-align: middle;
}

img.logo-category-TDA {
	float: left; 
}

p.titre-category-TDA {
	font-family: Myriad Pro Bold;
	font-size: 1.5em;
	line-height: 1.0em;
	color: #5a5a5a;
	width: 80%;
	height: 33%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.5em;
}

span.txt-category-TDA {
	font-family: Myriad Pro;
	font-size: 0.8em;
	line-height: 0.8em;
}

/* Customisation de la marge intérieure gauche des listes <ul> des étapes */

ul.parcours {
	padding-left: 1em;
}

/* Pictos pour Étapes / Steps */

.picto-etape {
  float: left;
  /* margin-top: 5px; */
  height: 40px;
  width: 110px;
  border: 0;
  margin: 2px 0 0;
  
}

.picto-step {
  float: left;
  height: 40px;
  width: 93px;
  border: 0; 
  margin: 2px 0 0;
}

.step1 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-step1-93x40.png') no-repeat top left;}
.step2 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-step2-93x40.png') no-repeat top left;}
.step3 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-step3-93x40.png') no-repeat top left;}
.step4 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-step4-93x40.png') no-repeat top left;}
.step5 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-step5-93x40.png') no-repeat top left;}
.step6 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-step6-93x40.png') no-repeat top left;}
.etape1 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-etape1-110x40.jpg') no-repeat top left;}
.etape2 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-etape2-110x40.jpg') no-repeat top left;}
.etape3 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-etape3-110x40.jpg') no-repeat top left;}
.etape4 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-etape4-110x40.jpg') no-repeat top left;}
.etape5 {background: url('../../../../../images/images-PAC-MCR/pictos/picto-etape5-110x40.jpg') no-repeat top left;}

.date-depart {
  font-family: Myriad Pro Bold Condensed; 
  font-size: 16pt;
  line-height: 1.2em;
  margin: 5px 0 0 0;
}

.date-depart-ss-titre {
  font-family: Myriad Pro; 
  font-size: 13pt; 
  color: #000;
}

.date-etape1 {
  font-family: Myriad Pro Bold Condensed; 
  font-size: 16pt;
  line-height: 40px;
  display: inline;
  vertical-align: top;
  margin: 0;
  padding: .3em 0 .4em 0;
}

.date-etape {
  font-family: Myriad Pro Bold Condensed; 
  font-size: 16pt;
  line-height: 28px;
  /* padding-top: 5px; */
  margin: 0;
  padding: .3em 0 .4em 0;
}

.p-date {
  font-family: Myriad Pro Regular; 
  font-size: 14pt; 
  margin: 0 0 7px 7px;
  line-height: 1.25em;
}

p.note-parcours {
	font-family: Myriad Pro;
	font-size: 1em;
}

p.note-parcours-justify {
	font-family: Myriad Pro;
	font-size: 1.1em;
	text-align: justify;
}

#puce-txt-etapes-rally {
  list-style-type:none;
  background-image:url('../images/postbullets.png');
  background-repeat:no-repeat;
  background-position:0% 3px;
  padding: 0 0 0 20px;
  font-family: Myriad Pro; 
  font-size: 13pt;
  line-height: normal;
  color: #5a5a5a;
  margin: 0.2em 0 0 0;
  clear: left; /* désactive le float:left du picto étape */
}

.etape-decalage-left-50px {margin-left: 50px;} /* décalage du bloc d'une étape de 50px vers la droite */

#puce-categorie-tda {
  font-size: 16pt; 
  font-weight: bold;
  list-style-type:none;
  background-image:url('../images/postbullets.png');
  background-repeat:no-repeat;
  background-position:0% 3px;
  padding: 0 0 0 20px;
  font-family: Myriad Pro; 
  line-height: normal;
  color: #5a5a5a;
  margin: 0.2em 0 0 0;
}

#puce-txt-inscription {
  list-style-type: none;
  background-image: url('../images/postbullets.png');
  background-repeat: no-repeat;
  background-position: 0% 3px;
  padding-left: 20px;
  font-family: Myriad Pro;
  /* font-size: 1.6vw; */
  line-height: 1.10;
  color: #5a5a5a;
  margin: 0.5em 0 0.5em;
}

#etapes-col-left-corsica-2020 > ul, #etapes-col-right-corsica-2020 > ul,
#etapes-col-left-TDA-2020 > ul, #etapes-col-right-TDA-2020 > ul,
#etapes-col-left-megeve-2020 > ul, #etapes-col-right-megeve-2020 > ul,
#etapes-col-left-transpy-2020 > ul, #etapes-col-right-transpy-2020 > ul,
#etapes-col-left-ardeche-2022 > ul, #etapes-col-right-ardeche-2022 > ul,
#etapes-col-left-bretagne-2022 > ul, #etapes-col-right-bretagne-2022 > ul,
#etapes-col-left-cevennes-2022 > ul, #etapes-col-right-cevennes-2022 > ul, #etapes-col-left-cevennes-2022 > div > ul, #etapes-col-right-cevennes-2022 > div > ul,
#etapes-col-left-les-geants-2022 > ul, #etapes-col-right-les-geants-2022 > ul,
#etapes-col-left-perigord-2022 > ul, #etapes-col-right-perigord-2022 > ul,
#etapes-col-left-transpy-2022 > ul, #etapes-col-right-transpy-2022 > ul {
	margin: 1em 0 1em 0.75em;
	padding: 0;
}

/* Boutons pour les zones textuelles */

.art-button {
	color: #FFFFFF !important;
    /* background: #A1ADBA; */
	background-color: #c10706;
    border: 0;
    border-collapse: separate;
    background-origin: border-box !important;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 auto;
    height: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
}

a.art-button,
a.art-button:link,
a:link.art-button:link, 
a.art-button:visited,
input.art-button,
button.art-button {
    font-size: 13px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    margin: 0 !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 24px;
	box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.art-button:hover {
    background: #a00605;
}

.art-button img {
    margin: 0;
    vertical-align: middle;
}

/* modifs mod Newsletter */
div.modns_error {
	background-color: orangered;
	padding:2px 0;
	text-align: center;
	}
div.modns {
	background-color: #C10706;
	padding:2px 0;
	text-align: center;
	}
.modnsintro {
	margin: 10px auto;
	width:90%;
	text-align:center;
	color:white;
	}
.modns_form {
	margin: 10px auto;
	width:90%;
	}
.modns_form > div {
	margin: 0 auto;
	width:304px;
	padding: 0;
	}
div.input-group > input {
	margin: 0 auto;
	width:304px;
	}
.modns .input-group input.modns {
  max-width: 100%;
  margin-bottom: 0px;
	}

.form-control {
	padding: 0.4em;
	}

.btn-primary {
	background-color: #333;
	border-color: #888;
	}
	
/**************************************************/
/*      SURCHARGES POUR MEDIA QUERIES             */
/*      issues de custom.css (v. Joomla 3.10)     */
/**************************************************/

/* EN DESSOUS DE 1280px */
@media (max-width:1280px) { 

	/* images encart photos HP PG+AG */
	#image-photo-encart-HP {
	float: none;
	width: 99%;
	overflow: hidden;
	}
	/* Fin */

	div#footer-bloc-gauche-Diapos-plaques, div#footer-bloc-droit-NL-Pac-FB {
		float: none; 
		width: 100%;
	}
	
	/* isolation des visuels des circuits au-dessus du parcours textuel */
	
	h1.parcours {
		position: static;
		overflow: hidden;
	}

	#section-parcours-transpy-2020,
	#section-parcours-transpy-2022,	#section-parcours-ardeche-2022, #section-parcours-bretagne-2022, #section-parcours-cevennes-2022, #section-parcours-les-geants-2022, 
	#section-parcours-transpy-2023, #section-parcours-bretagne-2023, #section-parcours-les-geants-2023, #section-parcours-cevennes-2023, #section-parcours-cathares-2023, 	
	#section-parcours-bretagne-2024, #section-parcours-cevennes-2024, #section-parcours-corsica-2024, #section-parcours-les-geants-2024, #section-parcours-transpy-2024, 	#section-parcours-routedesgorges-2024, 
	#section-parcours-alsace-2025, #section-parcours-gt-tour-2025, 
	#section-parcours-gt-tour-2026 {
		position: static; 
		height: auto; 
	}

	#circuit-transpy-2020, 
	#circuit-transpy-2022, #circuit-ardeche-2022, #circuit-bretagne-2022, #circuit-cevennes-2022, #circuit-les-geants-2022, 
	#circuit-transpy-2023, #circuit-bretagne-2023, #circuit-les-geants-2023, #circuit-cevennes-2023, #circuit-cathares-2023, 
	#circuit-bretagne-2024, #circuit-cevennes-2024, #circuit-corsica-2024, #circuit-les-geants-2024, #circuit-transpy-2024, 
	#circuit-routedesgorges-2024, #circuit-alsace-2025, #circuit-gt-tour-2025, 
	#circuit-gt-tour-2026 {
		position: static;
		overflow: hidden;
	}
	
	#circuit-transpy-2020 img, #circuit-transpy-2022 img, #circuit-perigord-2022 img,
	#circuit-transpy-2023 img, #circuit-cathares-2023 img, #circuit-cevennes-2023 img,
	#circuit-transpy-2024 img, #circuit-routedesgorges-2024 img, #circuit-les-geants-2024 img, #circuit-cevennes-2024 img {
		position: static;
		margin: 0;
	}
	
	#circuit-bretagne-2022 img, 
	#circuit-bretagne-2023 img, #circuit-les-geants-2023 img {
		position: static;
		margin: -25% 0 0 0;
	}
	
	#circuit-bretagne-2024 img {
		position: static;
		margin: -10% 0 0 0;
	}
	
	#circuit-alsace-2025 img {
		position: static;
		margin: -10% 0 0 0;
	}
	
	#circuit-corsica-2024 img {
		position: static;
		margin: -2% 0 -2% -30%;
	}
	
	#circuit-ardeche-2022 img {
		position: static;
		margin: 0 0 0 -20%;
	}
	
	#circuit-cevennes-2022 img {
		position: static;
		margin: 0 0 0 -5%;
	}

	#circuit-les-geants-2022 img {
		position: relative;
		top: -200px;
	}

	#etapes-col-left-transpy-2020, #etapes-col-right-transpy-2020, 
	#etapes-col-left-transpy-2022, #etapes-col-right-transpy-2022,
	#etapes-col-left-ardeche-2022, #etapes-col-right-ardeche-2022,	
	#etapes-col-left-bretagne-2022, #etapes-col-right-bretagne-2022, #etapes-col-bottom-bretagne-2022,
	#etapes-col-left-cevennes-2022, #etapes-col-right-cevennes-2022, 
	#etapes-col-left-les-geants-2022, #etapes-col-right-les-geants-2022, 
	#etapes-col-left-transpy-2023, #etapes-col-right-transpy-2023, 
	#etapes-col-left-bretagne-2023, #etapes-col-right-bretagne-2023, #etapes-col-bottom-bretagne-2023, 
	#etapes-col-left-cevennes-2023, #etapes-col-right-cevennes-2023, 
	#etapes-col-left-les-geants-2023, #etapes-col-right-les-geants-2023, 
	#etapes-col-left-cathares-2023, #etapes-col-right-cathares-2023,
	#etapes-col-left-bretagne-2024, #etapes-col-right-bretagne-2024, #etapes-col-bottom-bretagne-2024, #etapes-col-left-les-geants-2024, #etapes-col-right-les-geants-2024, 
	#etapes-col-left-transpy-2024, #etapes-col-right-transpy-2024, 
	#etapes-col-left-cevennes-2024, #etapes-col-right-cevennes-2024, 
	#etapes-col-left-corsica-2024, #etapes-col-right-corsica-2024,
	#etapes-col-left-routedesgorges-2024, #etapes-col-right-routedesgorges-2024, 
	#etapes-col-left-alsace-2025, #etapes-col-right-alsace-2025,
	#etapes-col-left-gt-tour-2025, #etapes-col-right-gt-tour-2025, 
	#etapes-col-left-gt-tour-2026, #etapes-col-right-gt-tour-2026 {
		position: static;
		float: none;
		width: 98%;
		margin: 0 auto;
		padding: 0;
	}
	
	.etape-decalage-left-50px {margin-left: 0px;} /* reset du décalage du bloc de liste d'une étape */
	
	#footer-copyright-mod-absolute-txt {
	font-size: 12px; 
	line-height: 15px; 
	}
}

/* EN DESSOUS DE 1200px */
@media (max-width:1200px) { 
	.metismenu-item.level-1 > a {
		font-size: .8em;
		}

	.metismenu-item.level-2 > a {
		font-size: .8em;
		}
}

/* EN DESSOUS DE 993px */
@media (max-width:993px) { 

	#hp-mod-anniv16ans-container {
		display: block;
	}
	#hp-mod-anniv16ans-txt-droite {	
		text-align: center;
		max-width: 640px;
		min-width: 300px;
	}
	#hp-mod-anniv16ans-txt-droite > p {		
		font-size: 1.2em;
		line-height:1.4em;
	}
	#hp-mod-anniv16ans-badge {
		position: static;
		float: right;
		padding-left: 10px;
	}
	#team-col-left {
		float: none;
		width: 98%;
		margin: 0 auto;
		padding: 0;
		clear: both;
	}
	#team-col-right {
		float: none;
		width: 98%;
		margin: 0 auto;
		padding: 0;
		clear: both;
	}
	footer > div.container > div.row > div.moduletable {
		margin-bottom: 0;
	}
	#footer-contact-alex {
		display: block;
		float: none; 
		width: 100%;
		margin: 0 auto;
		padding: 10px 0 5px;
	}
	#footer-contact-tel-email {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 5px 0 10px;
	}
	#footer-copyright-mod-absolute-txt {
		font-size: 11px; 
		line-height: 14px; 
	}
	.footer-hp-contact-img {
		width: 100%;
		height: auto;
		padding: 0 25%;
	}
	#footer-hp-bloc-newsletter {
		float: left;
		width: 65%;
		padding: 0 1%;
	}
	
	#footer-hp-bloc-fb {
		width: 35%;
		margin-left: 65%;
		padding-top: 24px;
	}
	
	/* TIMELINE pour HP 2023 */
	#Timeline-2023-01, #Timeline-2023-02, #Timeline-2023-03, #Timeline-2023-04, #Timeline-2023-05, #Timeline-2023-06, #Timeline-2023-07, #Timeline-2023-08, #Timeline-2023-09, #Timeline-2023-10 {
		float:none;
		width:30%;
		margin:auto;
	}
	#Timeline-2023-02, #Timeline-2023-04, #Timeline-2023-06, #Timeline-2023-08, #Timeline-2023-10 {
		height:5px;
	}
	#Timeline-2023-separator-hr, #Timeline-2023-10 {
		display:none;
	}
	#Timeline-2023 {
		background: url('../../../images/images-PAC-MCR/rallyes-2023/Timeline-2023-noir-vertical.png') repeat-y center center;
		height:auto;
	}

	/* TIMELINE pour HP 2024 */
	#Timeline-2024-01, #Timeline-2024-03, #Timeline-2024-05, #Timeline-2024-09, #Timeline-2024-11, #Timeline-2024-13, #Timeline-2024-cell-vide {
		float:none;
		width:30%;
		margin:auto;
	}
	#Timeline-2024-cell-vide {
		height:5px;
	}
	#Timeline-2024-separator {
		display:none;
	}
	#Table-timeline-2024 {
		background: url('../../../images/images-PAC-MCR/rallyes-2024/Timeline-2024-separator-vert.png') repeat-y center center;
		height:auto;
	}
	
	/* TIMELINE de la HP 2025 */
	#Timeline-2025-01, #Timeline-2025-03, #Timeline-2025-05, #Timeline-2025-09, #Timeline-2025-cell-vide {
		float:none;
		width:30%;
		margin:auto;
	}
	#Timeline-2025-cell-vide {
		height:5px;
	}
	#Timeline-2025-separator {
		display:none;
	}
	#Table-timeline-2025 {
		background: url('../../../images/images-PAC-MCR/rallyes-2025/Timeline-2025-separator-vert.png') repeat-y center center;
		height:auto;
	}
	
	/* CALENDRIER 2025 - TIMELINE POUR HP */
	#Calendrier-2025-01, #Calendrier-2025-03, #Calendrier-2025-05, #Calendrier-2025-07, 
	#Calendrier-2025-10, #Calendrier-2025-12, #Calendrier-2025-14, 
	#Calendrier-2025-cell-vide, #Calendrier-2025-cell-vide-marge-2nd-line {
		float:none;
		width:50%;
		margin:auto;
		max-width:none;
		max-height:none;
	}
	#Calendrier-2025-cell-vide, #Calendrier-2025-cell-vide-marge-2nd-line {
		height:1.5em;
	}
	#Calendrier-2025-separator {
		display:none;
	}
	#Table-Calendrier-2025 {
		background: url('../../../images/images-PAC-MCR/rallyes-2025/calendrier/Calendrier-2025-separator-vert.png') repeat-y center center;
		max-height:none;
		height:auto;
		clear:both;
	}
	/* FIN CALENDRIER 2025 - TIMELINE POUR HP */
}

/* EN DESSOUS DE 768px */
@media (max-width:768px) { 
		
	h1.titre {
		font-size: 1.5em;
	}
	.p-titre { 
		font-size: 1.2em; 
	}

	.p-justify {
		font-size: 1.0em; 
	}

	.p-text {
		font-size: 1.0em; 
	}
	
	#puce-txt-inscription {
		background-position: 0% 1px;
		padding-left: 15px;
		font-size: 1.0em;
		margin: 0.35em 0 0.35em;
	}
	
	ul, ol {
		padding-left: 8px;
		margin-bottom: 8px;
	}
	
	a.art-button, a.art-button:link, a:link.art-button:link {
		font-size: 0.8em;
	}
	
	#team-img-f1 {
		float: none;
		margin: 0 auto;	
		width: 100%;
		height: auto;
	}
	#footer-copyright-mod-absolute-txt {
	font-size: 10px; 
	line-height: 13px; 
	}
	
	.footer-hp-contact-img {
	width: 100%;
	height: auto;
	padding: 0 22%;
	}
	
	.container-header .navbar-brand {
	margin: 0;
	}
	
	.navbar {
	align-items: start;
	}
	
	.container-header nav {
	margin: .5em;
	}

	/* TIMELINE pour HP 2023 */
	#Timeline-2023-01, #Timeline-2023-02, #Timeline-2023-03, #Timeline-2023-04, #Timeline-2023-05, #Timeline-2023-06, #Timeline-2023-07, #Timeline-2023-08, #Timeline-2023-09, #Timeline-2023-10 {
		width:40%;
	}

	/* TIMELINE pour HP 2024 */
	#Timeline-2024-01, #Timeline-2024-03, #Timeline-2024-05, #Timeline-2024-09, #Timeline-2024-11, #Timeline-2024-13, Timeline-2024-cell-vide {
		width:40%;
	}

	/* TIMELINE pour 2025 */
	#Timeline-2025-01, #Timeline-2025-03, #Timeline-2025-05, #Timeline-2025-09, Timeline-2025-cell-vide {
		width:40%;
	}
	
	/* CALENDRIER 2025 - TIMELINE POUR HP */
	#Calendrier-2025-01, #Calendrier-2025-03, #Calendrier-2025-05, #Calendrier-2025-07, #Calendrier-2025-10, 
	#Calendrier-2025-12, #Calendrier-2025-14, Calendrier-2025-cell-vide, #Calendrier-2025-cell-vide-marge-2nd-line {
		width:60%;
	}
	/* FIN CALENDRIER 2025 - TIMELINE */

}

/* EN DESSOUS DE 640px */
@media (max-width:640px) { 
	
	#inscription-bloc-text {
		padding-left: 0px;
	}
	
	#footer-copyright-mod-absolute-txt {
		font-size: 9px; 
		line-height: 12px; 
	}
	
	.footer-hp-contact-img {
		width: 100%;
		height: auto;
		padding: 0 18%;
	}

	/* TIMELINE pour HP 2023 */
	#Timeline-2023-01, #Timeline-2023-02, #Timeline-2023-03, #Timeline-2023-04, #Timeline-2023-05, #Timeline-2023-06, #Timeline-2023-07, #Timeline-2023-08, #Timeline-2023-09, #Timeline-2023-10 {
		width:50%;
	}

	/* TIMELINE pour HP 2024 */
	#Timeline-2024-01, #Timeline-2024-03, #Timeline-2024-05, #Timeline-2024-09, #Timeline-2024-11, #Timeline-2024-13, Timeline-2024-cell-vide {
		width:50%;
	}

	/* TIMELINE pour HP 2025 */
	#Timeline-2025-01, #Timeline-2025-03, #Timeline-2025-05, #Timeline-2025-09, Timeline-2024-cell-vide {
		width:50%;
	}

	/* CALENDRIER 2025 - TIMELINE POUR HP */
	#Calendrier-2025-01, #Calendrier-2025-03, #Calendrier-2025-05, #Calendrier-2025-07, #Calendrier-2025-10, 
	#Calendrier-2025-12, #Calendrier-2025-14, Calendrier-2025-cell-vide, #Calendrier-2025-cell-vide-marge-2nd-line {
		width:60%;
	}
	/* FIN CALENDRIER 2025 - TIMELINE */
}

/* EN DESSOUS DE 340px */
@media (max-width:640px) {

/* CALENDRIER 2025 - TIMELINE POUR HP */
	#Calendrier-2025-01, #Calendrier-2025-03, #Calendrier-2025-05, #Calendrier-2025-07, #Calendrier-2025-10, 
	#Calendrier-2025-12, #Calendrier-2025-14, #Calendrier-2025-cell-vide, #Calendrier-2025-cell-vide-marge-2nd-line {
		width:80%;
	}
/* FIN CALENDRIER 2025 - TIMELINE */
}

/* MEDIAS QUERIES AU-DESSUS DE */

@media (min-width:993px) { /* Au dessus de 993px */
	
	nav > div.container {
		border-bottom: 1px solid black;
	}

	.navbar-default {
		background-color: #fff;
		/* background-color: #F5F5F5; */
	}
}

@media (min-width:1300px) { /* Au dessus de 1300px */
	
	.container {
		width:1300px;
		padding-left:10px;
		padding-right:10px;
	}
	footer, #fds-absolute {
		width:100%;
		margin: 0 0;
	}
	h1.titre {
		font-size: 3.5em;
	}
	.p-titre { 
		font-size: 2em;
	}

	.p-justify {
		font-size: 1.6em;
	}

	.p-text {
		font-size: 1.6em;
	}
	
	#puce-txt-inscription {
		font-size: 1.6em;
	}
}

/* ========== FIN SURCHARGES POUR MEDIA QUERIES ========= */