/* ------------------------------------------------------------ *\
	Html
\* ------------------------------------------------------------ */



/* ------------------------------------------------------------ *\

\* ------------------------------------------------------------ */


/*
h1,
.h1 {

}

h2,
.h2 {
	font-size: 3rem;
}

h3,
.h3 {
	font-size: 2.2rem;
	color: #262626;
}

h4,
.h4 {
	font-size: 4rem;
}

h5,
.h5 {
	font-size: 3.5rem;
}

h6,
.h6 {
	font-size: 2rem;
}

@media(max-width: 767px) {
	h1,
	.h1 {

	}

	h2,
	.h2 {
		font-size: 4rem;
	}

	h3,
	.h3 {
		font-size: 3.5rem;
	}

	h4,
	.h4 {
		font-size: 3rem;
	}

	h5,
	.h5 {
		font-size: 2.5rem;
	}

	h6,
	.h6 {
		font-size: 2rem;
	}
}


img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}
*/
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Bellota';
    src: url('fonts/Bellota-Italic.woff2') format('woff2'),
        url('fonts/Bellota-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bellota';
    src: url('fonts/Bellota-LightItalic.woff2') format('woff2'),
        url('fonts/Bellota-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bellota';
    src: url('fonts/Bellota-Light.woff2') format('woff2'),
        url('fonts/Bellota-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bellota';
    src: url('fonts/Bellota-Regular.woff2') format('woff2'),
        url('fonts/Bellota-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bellota';
    src: url('fonts/Bellota-Bold.woff2') format('woff2'),
        url('fonts/Bellota-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bellota';
    src: url('fonts/Bellota-BoldItalic.woff2') format('woff2'),
        url('fonts/Bellota-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
  font-family: 'Supreme-Variable';
  src: url('fonts/Supreme-Variable.woff2') format('woff2'),
       url('fonts/Supreme-Variable.woff') format('woff'),
       url('fonts/Supreme-Variable.ttf') format('truetype');
       font-weight: 100 800;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'Supreme-VariableItalic';
  src: url('fonts/Supreme-VariableItalic.woff2') format('woff2'),
       url('fonts/Supreme-VariableItalic.woff') format('woff'),
       url('fonts/Supreme-VariableItalic.ttf') format('truetype');
       font-weight: 100 800;
       font-display: swap;
       font-style: italic;
}


/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

body {
	/*font-size: 2.4rem;*/
	font-family: 'Supreme-Variable', sans-serif;
	font-weight: 300;
	/*line-height: 1.38;*/
	/*color: #707070;*/
}

h1 {
	font-family: 'Supreme-Variable', sans-serif;
	font-weight: 700;
	
	text-transform: none;
	/*font-size: 4rem;
	line-height: 1.35;*/
}

h2 {
	
	font-family: 'Supreme-Variable', sans-serif;
	/*line-height: 1.34;*/
	/*color: rgba(112, 112, 112, .5);*/
}

h4 {
	margin-bottom: 2.5rem;
	font-family: 'Supreme-Variable', sans-serif;
	font-weight: 700;
	line-height: 1.35;
	color: #E9511F;
	text-transform: none;
}

/* ------------------------------------------------------------ *\
	Homepage
\* ------------------------------------------------------------ */
.homepage-intro .body {
	font-weight: normal;
}

.homepage-intro .services ul.menu {
	font-weight: normal;
}

#lieu_event_agenda_first span, #lieu_event_agenda span, #lieu_event_agenda_list span, #date_event_agenda_list span, #body_event_agenda_list span {
	font-weight: normal;
}
/* ------------------------------------------------------------ *\
	Navigation
\* ------------------------------------------------------------ */
.menu-main ul.clearfix > li:last-child a{
  color:#e84e1b !important;
}


#content .article-content .article-body{
	/*font-size: 2rem;*/
}

#content .table{
	/*font-size: inherit;*/
}

#content header.cnci-header .col-menu .menu-main > ul > li > a {
	/*font-size: 2.2rem;*/
}

/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */
.left-side #block-addtoanybuttons{
	position: inherit !important;
	top: 0 !important;
}
.yellow{
	color: #FBB03B;
	border-color: #FBB03B;
}

.red{
	color: #EA4B71;
	border-color: #EA4B71;
}

.blue{
	color: #54C5EA;
	border-color: #54C5EA;
}

.green{
	color: #96CE35;
	border-color: #96CE35;
}