
/****** 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: 1rem;
	color: #000000;
	letter-spacing: 0px;
	line-height: 100%;
	padding: 0 0.750rem;
	text-transform: uppercase;
}

/* Top level links hover style */
.jqueryslidemenu ul li a:hover { color: var(--global-color-brun1); }

/* Top level links | effect on hover */
/*
.jqueryslidemenu > ul > li > a:after { height: 3px; }
.jqueryslidemenu > ul > li > a:hover:after { background: var(--global-color-brun1); }
*/

/*Sub level menu list items */
.jqueryslidemenu ul li ul li:first-child {	border-top: 5px solid var(--global-color-brun1); }
.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: 0.925rem;
	color: #ffffff;
	letter-spacing: .5px;
	line-height: 120%;
	width: 260px; /*width of sub menus*/
	padding: 0.5rem;
	background-color: #555555;
	text-transform: uppercase;
}

/* Sub level menu links hover style */
.jqueryslidemenu ul li ul li a:hover { color: #ffffff; background-color: #777777; }

/****** /Menu desktop ******/


/****** Menu mobile ******/

/* Mobile menu trigger (carre avec 3 lignes) */
a.mmenu_trigger { background-color: #000000; border: 1px solid #ffffff; }

a.mmenu_trigger:after {
	background: #ffffff;
	box-shadow:
		0 10px 0 #ffffff,
		0 20px 0 #ffffff;
}

a.mmenu_trigger:hover { background-color: #555555; }
a.mmenu_trigger:hover:after {
	background: #ffffff;
	box-shadow:
		0 10px 0 #ffffff,
		0 20px 0 #ffffff;
}

/* Title */
.mm-menu .mm-navbar a.mm-title,
.mm-menu .mm-navbar a.mm-title:visited { font-size: 20px; letter-spacing: -1px; color: #ffffff; }

/* Menu items */
.mm-menu, .mm-menu span,
.mm-menu a, .mm-menu a:visited {
	font-size: 1rem;
	letter-spacing: 0px;
	color: #ffffff;
	background: #444444;
	border-color: rgba(0, 0, 0, 0.2);
}
.mm-menu a:hover { color: var(--global-color-hoverondark); }

/****** /Menu mobile ******/


/****** Boutons ******/
.button_custom1,
a.button_custom1, a.button_custom1:visited {
	font-family: 'Archivo', Helvetica, Arial, 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: 20px;
					border-radius: 20px;
}
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.full,
a.button_base.large1.full, a.button_base.large1.full:visited {
	max-width: none;
}
/****** /Boutons ******/


/****** General ******/
.titre1 { font-size: 3.5rem; }

blockquote {
	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;
}

/****** /General ******/


/****** Style des h1 généraux avec bannière ******/
.pagebanner,
.pagebanner a, .pagebanner a:visited { color: #ffffff; font-size: 1.5rem; }

.pagebanner h1,
.pagebanner h1 a, .pagebanner h1 a:visited {
	color: #ffffff;
	font-size: 3rem;
	font-weight: 900;
	letter-spacing: -2px;
	text-transform: none;
	line-height: 100%;
}

.pagebanner h2,
.pagebanner h2 a, .pagebanner h2 a:visited {
	color: #ffffff;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -1px;
	text-transform: none;
	line-height: 100%;
}
/****** /Style des h1 généraux ******/


/****** Style des h1 généraux lorsque pas de bannière ******/
.pagebanner_noimg h1,
.pagebanner_noimg h1 a, .pagebanner_noimg h1 a:visited {
	color: #000000;
	font-size: 4rem;
	font-weight: 1000;
	letter-spacing: -3.0px;
}
/****** /Style des h1 généraux ******/


/****** Style des soustitre en h1 ******/
.pagebanner h1 .soustitre1,
.pagebanner_noimg h1 .soustitre1 {
	font-size: 6rem;
	letter-spacing: -3.0px;
	line-height: 100%;
}

.pagebanner h1 .soustitre2,
.pagebanner_noimg h1 .soustitre2 {
	font-size: 3.5rem;
	letter-spacing: -1.0px;
	line-height: 100%;

	margin-bottom: 1rem;
}

.pagebanner h1 .soustitre3,
.pagebanner_noimg h1 .soustitre3 {
	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 {
}
/****** /Style des h1 qui ont la classe content_fuzo1 ******/


/* #Base 1008 Grid */
@media only screen and (min-width: 1008px) and (max-width: 1259px) {

	.pagebanner h1,
	.pagebanner h1 a, .pagebanner h1 a:visited { font-size: 3rem; letter-spacing: -2.0px; }

}

/* #Base  756 Grid */
@media only screen and (min-width: 756px) and (max-width: 1007px) {

	.pagebanner h1,
	.pagebanner h1 a, .pagebanner h1 a:visited { font-size: 3rem; letter-spacing: -2.0px; }

	.pagebanner h1 .soustitre2,
	.pagebanner_noimg h1 .soustitre2 { font-size: 3rem; }

	.pagebanner h1 .soustitre3,
	.pagebanner_noimg h1 .soustitre3 { 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; }

	/* Texte sur l'entete en mobile */
	.pagebanner h1,
	.pagebanner h1 a, .pagebanner h1 a:visited { font-size: 2rem; letter-spacing: -1px; }

	.pagebanner h1 .soustitre1,
	.pagebanner_noimg h1 .soustitre1 { font-size: 4.5rem; letter-spacing: -2.0px; }

	.pagebanner h1 .soustitre2,
	.pagebanner_noimg h1 .soustitre2 { font-size: 2.5rem; }

	.pagebanner h1 .soustitre3,
	.pagebanner_noimg h1 .soustitre3 { font-size: 1.5rem;	}


	/* 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; }

}

/* #Mobile (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 755px) {
}

/*  #Mobile (Portrait) */
@media only screen and (max-width: 479px) {
}
