
/****** Menu desktop ******/

/*Top level list items style*/
.jqueryslidemenu { margin-top: 6px; }

.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:visited {
	font-family: "Archivo", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 1.250rem;
	color: #ffffff;
	letter-spacing: 0px;
	line-height: 100%;
	padding: 0 0.750rem;
}

/* Top level links hover style */
.jqueryslidemenu ul li a:hover { color: var(--global-color-numred); }

/* Top level links | effect on hover */
.jqueryslidemenu > ul > li > a:after { height: 3px; }
.jqueryslidemenu > ul > li > a:hover:after { background: var(--global-color-numred); }


/*Sub level menu list items */
.jqueryslidemenu ul li ul li:first-child {	border-top: 5px solid var(--global-color-numred); }
.jqueryslidemenu ul li ul li:not(:last-child) {	border-bottom: 0px solid #ffffff; }

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a:link, .jqueryslidemenu ul li ul li a:visited {
	font-family: "Archivo", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #ffffff;
	letter-spacing: .5px;
	line-height: 110%;
	width: 260px; /*width of sub menus*/
	padding: 0.5rem;
	background-color: #555555;
}

.jqueryslidemenu ul li ul.submenu_marches li a:link,
.jqueryslidemenu ul li ul.submenu_marches li a:visited { width: 420px; }

/* Sub level menu links hover style */
.jqueryslidemenu ul li ul li a:hover { color: #ffffff; background-color: #777777; }

/****** /Menu desktop ******/


/****** Boutons ******/

.button_custom1,
a.button_custom1, a.button_custom1:visited {
	font-family: 'Archivo', sans-serif;
	font-weight: 600;
	letter-spacing: -.5px;
	text-decoration: none;
	text-transform: uppercase;

	color: #ffffff;
	background-color: #ff0000;

	display: inline-block;
	width: 100%;
	text-align: center;
	vertical-align: middle;

	font-size: 1.250rem;
	padding: 0.5rem 0.875rem;
	max-width: 12rem;

	-webkit-box-sizing: border-box;
					box-sizing: border-box;

	-webkit-border-radius: 6px;
					border-radius: 6px;
}
button.button_custom1 { border: 0px; -webkit-font-smoothing: antialiased; }

.button_custom1:hover, a.button_custom1:hover, button.button_custom1:hover { background-color: #b52b2b; color: #ffffff; }
.button_custom1:active, a.button_custom1:active, button.button_custom1:active { background-color: #b52b2b; }


.button_base.large1,
a.button_base.large1, a.button_base.large1:visited {
	max-width: 25rem;
	padding-top: 1.250rem;
  padding-bottom: 1.250rem;

	-webkit-border-radius: 60px;
					border-radius: 60px;
}

.button_base.large1.narrow,
a.button_base.large1.narrow, a.button_base.large1.narrow:visited {
	max-width: 15rem;
}

.button_base.large1.full,
a.button_base.large1.full, a.button_base.large1.full:visited {
	max-width: none;
}
/****** /Boutons ******/


/****** General ******/
.titre1 { font-size: 3.5rem; }

.blockquote_old {
	margin-left: 2rem; /* marge gauche */
	padding-left: 1rem; /* padding gauche entre ligne et texte */
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-left: 4px solid red;
}


blockquote {
	font-size: 1.9rem;
	line-height: 150%;
	letter-spacing: -0.5px;
	color: white;
	padding: 1.5rem 0;
	margin: 0;

	background-color: #3c3a3a;
	text-align: center;

	-webkit-border-radius: 40px;
					border-radius: 40px;
}

blockquote.rond {
	-webkit-border-radius: 80px;
					border-radius: 80px;	
}
blockquote.rouge { background-color: var(--global-color-numred); }

a:hover > blockquote { background-color: #000000; }
a:hover > blockquote.rouge { background-color: var(--global-color-numred-hover); }

/****** /General ******/


/****** Style des soustitre en h1 ******/
.pagebanner h1 .soustitre,
.pagebanner_noimg h1 .soustitre {
	font-size: 3.5rem;
	letter-spacing: -1.0px;
	line-height: 90%;
}


.pagebanner h1 .soustitre2,
.pagebanner_noimg h1 .soustitre2 {
	font-size: 2.5rem;
	letter-spacing: -1.0px;
	line-height: 90%;
}


/****** /Style des soustitre en h1 ******/


/****** Style des h1 pour les pages qui ont la classe content_fuzo1 dans le cms ******/
.content_fuzo1 .sectionTitle h1,
.content_fuzo1 .pagebanner h1 {
	font-size: 3.5rem;
	letter-spacing: -2.0px;
}

/****** /Style des h1 qui ont la classe content_fuzo1 ******/

.content .wrapper_contenu .texte_contenu .red_subtitle,
.red_subtitle { font-size: 2.5rem; line-height: 100%; color: var(--global-color-numred); letter-spacing: -1.0px; text-align: left; font-weight: 700; }

/* #Base 1008 Grid */
@media only screen and (min-width: 1008px) and (max-width: 1259px) {
}

/* #Base  756 Grid */
@media only screen and (min-width: 756px) and (max-width: 1007px) {

	.content .wrapper_contenu .texte_contenu .red_subtitle,
	.red_subtitle { font-size: 2rem; }

}

/* #All Mobile */
@media only screen and (max-width: 755px) {

	h1, h1 a, h1 a:visited	{ font-size: 2.5rem; letter-spacing: -1px; }
	h2, h2 a, h2 a:visited { font-size: 2.0rem; letter-spacing: -1px; }
	h3, h3 a, h3 a:visited { font-size: 1.7rem; letter-spacing: -1px; }
	h4, h4 a, h4 a:visited { font-size: 1.5rem; letter-spacing: -0.5px; }
	h5, h5 a, h5 a:visited { font-size: 1rem; letter-spacing: -0.5px; }
	h6, h6 a, h6 a:visited { font-size: 0.875rem; letter-spacing: -0.5px; }

	blockquote {
		font-size: 1.5rem;
		line-height: 130%;
		letter-spacing: 0px;
		padding: 1rem;
	}

	/* Texte sur l'entete en mobile */
	.pagebanner h1,
	.pagebanner h1 a, .pagebanner h1 a:visited { font-size: 3rem; letter-spacing: -3.0px; }

	/* Texte sur l'entete en mobile - pas de banniere */
	.pagebanner_noimg h1,
	.pagebanner_noimg h1 a, .pagebanner_noimg h1 a:visited { font-size: 3rem; letter-spacing: -3.0px; }

	.titre1 { font-size: 2rem; }

	.content .wrapper_contenu .texte_contenu .red_subtitle,
	.red_subtitle { font-size: 2rem; }

}

/* #Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 755px) {
}

/*  #Mobile (Portrait) */
@media only screen and (max-width: 479px) {
}
