:root {
    --primary-color: #38a58f;
    --secondary-color: #0e2327;
    --ternary-color: #232059; /*#343166;*/
    --soft-background: #f1f1f1;
    --white-color:#fff;
    --button-color:#b4cc04;
    --link-color:#1f389b;
    --link-hover-color: #000000;
    --button-hover-color:#38a58f;
    --bg-header-footer-color: #0e2327;
    --default-font-family: "Poppins", sans-serif;
    --title-font-family: "avenir_lt_std65_medium", "Noto Sans", sans-serif;
    --nav-font-family: "avenir_lt_std65_medium", "Noto Sans", sans-serif;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 22, 2025 */

@font-face {
    font-family: 'avenir_lt_std55_roman';
    src: url('fonts/avenirltstd-roman-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std55_oblique';
    src: url('fonts/avenirltstd-oblique-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std65MdOb';
    src: url('fonts/avenirltstd-mediumoblique-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-mediumoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std65_medium';
    src: url('fonts/avenirltstd-medium-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std35_light_oblique';
    src: url('fonts/avenirltstd-lightoblique-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-lightoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std35_light';
    src: url('fonts/avenirltstd-light-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std85_heavy_oblique';
    src: url('fonts/avenirltstd-heavyoblique-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-heavyoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std85_heavy';
    src: url('fonts/avenirltstd-heavy-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std45_book_oblique';
    src: url('fonts/avenirltstd-bookoblique-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-bookoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std45_book';
    src: url('fonts/avenirltstd-book-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std95_black_oblique';
    src: url('fonts/avenirltstd-blackoblique-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-blackoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std95_black';
    src: url('fonts/avenirltstd-black-webfont.woff2') format('woff2'),
         url('fonts/avenirltstd-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 22, 2025 */

body {color:#28255c;}
h1, h2, h3, h4, h5, h6 {
    color:var(--ternary-color);
    text-transform: initial;
    font-family:'avenir_lt_std65_medium';
}

h1 {
	font-size:2.2em;
	text-transform: uppercase;
	color:var(--ternary-color);
}
h2 {
    color:var(--primary-color);
}

#content h2 a, #content h2 a:visited { color:var(--ternary-color); }
#content h2 a:hover,#content h2 a:focus { color:var(--primary-color);}

#user-menu {
    /**background-image: url(../images/ccdh-gradient.png);*/
    background-repeat: repeat-y;
    background-size: contain;
    border:none;
    background-color:#38a58f;
}

#user-menu div.myaccount { background-color: transparent;}

#search-input input[type="text"] {background-color: var(--white-color);color: var(--primary-color);font-weight: bold}
#search-input i.fa-search { color: var(--primary-color);}
#searchadv { font-size:0.9em;display:inline-block;vertical-align:bottom;}
#searchadv a {font-size:0.9em;color:#F0F0F0;margin-left:1.3em}
#searchadv a:hover {color:#333;}

h1:before {
	background-color:transparent;
	content: '';
	display: block;
	height: 0;
	width: 0;
}
h1:after {
	background-color: transparent;
	border-radius: 0.25rem;
	content: '';
	display: block;
	height: 0.40rem;
	width: 8%;
	margin-top: 1rem;
}


dt {
    background-color: var(--ternary-color);
}

.readmore, .readmore:visited {
    background-color:inherit;
    color:var(--ternary-color);
    border:2px solid var(--button-color);
}
.readmore:hover {
    background-color:var(--button-color) ! important;
    color:var(--white-color);
}

.readmore::before {
    content: "";
    font-family: fontAwesome;
    padding-right: 0;
}

h3 {
    text-transform:none;
}
/**
.menu-wrap.cloned {
box-shadow: 0px 1px 6px 0px #535353;
  background-color: #fff;
  padding: 5px 0;
 }*/



.menu-wrap {
    width: 100%;
    background-color: var(--white-color);
}
#menu a {
    text-transform: none;
}

header {
    height: 150px;
    background-color: var(--white-color);
    /**background-image: url(../images/ccdh-gradient.png);*/
    background-repeat: repeat-y;
    background-size: contain;
    text-align: right;
}

header img.logo {
    max-width: 220px;
    height: auto;
    display:inline-block;
    margin-right: 1em;
}

header h3 {
    display: block;
    color: var(--secondary-color);
    text-align: center;
    text-transform: uppercase;
    font-family: 'avenir_lt_std95_black';
}

#logo-header {
    width: 120px;
    top: 3px;
}

#banner-logo {
    position: relative;
    top:-1em;
}
#breadcrumb {
    background-color: var(--ternary-color);
    /* background-color: var(--secondary-color); */
    border-top: 1em;
    border-bottom: 0;
    padding: 3em 0 5em 0;
    font-weight: normal;
}
#breadcrumb div.breadcrumb-container {
    max-width: 70%;
}

#breadcrumb li a { color: var(--soft-background); }

#breadcrumb ul li {
}

#body-cont {
    background-color: var(--soft-background);
}
#menu a {
    color: var(--ternary-color);
    font-size: 1.1em;
    /*border-radius: 4px;  */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /*margin:0 0.2em;*/
}
#menu > ul > li > a {
    padding: 12px 1.2em;
}
#menu li:hover > a, #menu .actif > a {
    text-decoration:none;
    color:var(--white-color) ! important;
    background-color:var(--ternary-color) ! important;
}
#menu>ul>li:after {height:0;}
.sub-menu {
    background: var(--white-color);
    border-radius: 0;
}

#menu .sub-menu li a:hover,#menu .sub-menu .actif a {
    color: #28a745 ! important;
}


#user-menu .myaccount a, #user-menu .myaccount {
  color: var(--white-color);
  font-weight: 500;
}
#user-menu .myaccount a:hover, #user-menu .myaccount:hover {
    color: #1f389b !important;
    font-weight: 500;
}

#user-menu h3 {
    background: none;
    font-weight: bold;
    color: var(--ternary-color);
}

div.user-panel-over {
    border-top: 9px solid var(--ternary-color);
    background: var(--white-color);
}
div.user-panel-over ul li a {
  font-weight: normal;
  /*color: var(--secondary-color) !important;*/
  text-transform: none;
}
div.user-panel-over ul li a:hover {
  font-weight: normal;
  color: var(--primary-color) !important;
  text-transform: none;
}

.menu-wrap.cloned {border-bottom: 1px solid #ccc;}
.menu-wrap.cloned #menu a {border-radius: 0;}
.menu-wrap.cloned #menu > ul > li > a {
    padding: 18px 14px;
}

#main-container {
    background-color: var(--soft-background);
    padding: 0;
    position: relative;
}
#main-section  {
    background-color: var(--white-color);
    position: relative;
    top: -3.5em;
    border-radius: 2em;
}
#content {
    background-color: inherit;
}

.chapo {
    color: inherit;
    font-weight: bold;
}
.internal-nav {
    background: var(--secondary-color);
}

#latest-contribs {
    margin: 5em 0;
}

.onenews h2 {
    margin: 0;
    padding: 0;
    min-height: 3em;
}

.onenews, .directory-entry {
    border:0;
    padding:0;

}
.onenews:hover, .directory-entry:hover {
    background-color: inherit;
}

.onenews img, .directory-entry img {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-radius: 1em;
}

.onenews h2::before {
    background-color: inherit;
    border-radius: 0;
    height: 0;
    content: '';
    display: block;
    width: 0;
}

footer {
    padding-top:2em ! important;
    padding-bottom:3em ! important;
    color:#fff;
    font-size:1em;
}
#footer h3 {margin:0em 0 1em 0;color:#fff;font-size:1.4em;text-transform:initial;}

#footer a {
    color:#fff;
}

#footer a:hover {
    color:#f8f8f8;
}
#main ul li, footer ul li {
    background:none;
    padding:0;
    margin:0;
}
/**
#main ul, footer ul {
    list-style-type: none;
    list-style-image: url('../images/checklist-icon.png');
}

*/

#footer .social ul li {display:inline;background:none;font-size:1.8em;padding:0 0 0 0.5em}
#footer .social ul li a {text-decoration:none;}

footer p.titre-coordonnees {font-weight:600;line-height:1.1em;font-size:2.2em;text-transform: uppercase;}
footer p.coordonnees {/**font-weight:300;*/}

footer .big-link a {color:#fff;text-transform: uppercase;font-size:1.3em;transition:color linear 0.15s;}
footer .social a:hover, footer .big-link a:hover, footer .navigation li a:hover {color:#fff ! important;text-decoration:none;}
footer .big-link .icon-footer {transform: rotate(0deg);margin-left: 1em;margin-right: 0.5em}
footer .social {text-align:center;}
p.footer-contact {margin-top:1em;padding:0.5em 0;text-align: center; /*border-bottom: 1px solid var(--soft-background); border-top: 1px solid var(--soft-background);*/}
footer #logo-ccdh {width:150px}

#bottom-footer {
    background: var(--ternary-color);
    font-size:0.8em;
    color:#cecece;
}

#bottom-footer a {
    color:#fff;
    font-weight: normal;
    text-decoration:none;
}

#bottom-footer a:hover {
    color: #58b5fb;
}

footer .social a {
    font-size: 1.3em;
    margin-left: 0.3em;
    padding: 0.5em;
    text-align: center;
    min-width: 50px;
    transition: color linear 0.15s;
    background-color: transparent;
    border:2px solid var(--button-color);
    color: var(--button-color) ! important;
}

.switchnav a.button, .switchnav a.button:visited {
    color: #111;
    border: none;
    background-color: var(--button-color);
    text-transform: none;
}
.switchnav a.button:hover {
    color: #fff;
    border: none;
    background-color: var(--button-hover-color);
}

a.button, a.button:visited {
    text-decoration: none;
    background-color: var(--button-color);
}
 a.button:hover {
     background-color: var(--button-hover-color);
     color:var(--white-color);
 }

.big-button {
    padding: 2em 4em !important;
    font-weight: bold;
}

/**
#newsletter-cont {border:2px solid #356;margin:1.3em 0 0 0;padding:0.5em;}
p.newsletter-msg {
    font-size: 1.1em;
    color: var(--primary-color);
    font-weight: bold;
    text-align: center;
    display: inline;
}
p.newsletter-link {text-align: center;display: inline;}
p.newsletter-link a {
    text-decoration: none;
    font-size: 1.1em;
    color: #9acee6;
    font-weight: bold;
    transition:color linear 0.15s;

}
p.newsletter-link a:hover {color:white;}

#soutiens img {max-width: 42%;margin:0 0.5em;}
    

 */

.section_project h2 a {color:var(--ternary-color);}
.section_project h2 a:hover {color:var(--secondary-color)}
.section_project a.project, .section_project a.sub-project {color:var(--link-hover-color)}
.section_project a.project:hover, section_project a.sub-project:hover {color:var(--secondary-color)}

.section_publication .chapo, .section_workgroup .chapo, .alias_workgroup .chapo, #reports .chapo {font-weight:normal;}

.section_publication .published_by, .section_project .published_by {display: none;}


.section_publication div.parts, .section_publication-part div#linkinparts, 

.section_publication-part #parentHeader {display: none;}

.section_publication .switchnav {display: none;}



a.see-detail-chart { color:var(--ternary-color) ! important; }


body #gdpr-cookie-message h4, body #gdpr-cookie-message a {
    color: var(--secondary-color);
}
body #gdpr-cookie-message button {
    color: var(--white-color);
}
body #gdpr-cookie-message button:hover {
    color: var(--secondary-color);
}


span.project-item-l {
    font-weight: bold;
    text-transform: uppercase;
    color: var(--primary-color)
}

.project-impacts h3 {
    text-align: center;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--primary-color);
}

div.finalities {
    margin:2em 0;
    border:3px solid #e6e6e6;
    padding: 0 0 1em 0;
    border-radius: 1em;
}

div.finalities h3 {
    display: block;
    text-align: center;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-top:0;
    padding-top:1em;
}

#main div.finalities ul {
    list-style-image: none;
}

.project-target {border-bottom:1px solid #ccc;border-top:1px solid #ccc;padding:0.8em 0;margin-bottom:1em;}

.project-goal {
    margin-bottom: 2em;
}
.project-goal, .section_project .chapo {
    font-weight: normal;
    color: inherit;
}

div.impacts-container {
    text-align: center;
    border: 4px solid var(--soft-background);
    border-radius: 7px;
    padding: 0.5em 0 1em 0;
    background-color: var(--soft-background);
}
button, input[type="submit"] {
    background: var(--button-color);
}
input[type="submit"]:hover {
    padding: 0.8em 1.3em;
    background: var(--primary-color);
    color: var(--white-color);
}

ul.finalities, ul.finalities li {
  display: inline-block;
  margin-left: 1em !important;
}
    
#main ul li {
  list-style-type: initial;
}
    

p.objectifs-t {
  /*border: 3px solid #a7c72a;*/
  padding: 1.6em 2em;
  border-radius: 0.5em;
  /*text-transform: uppercase;*/
  background-color: #f0f5dd; /*#ebfbad;*/
  font-weight: bold;
  text-align: center;
  margin:1.3em 0;
}
    
    

div.doc {
  border:4px solid #f0f5dd;
  text-transform:uppercase;
  transition:all linear 0.15s;
  text-align: center;
  font-weight: bold;
  display:table;
  border-radius: 4px;
}

div.doc a {
  text-decoration: none !important;
  color:#595781;
  padding:1.5em 1.5em;
  display: table-cell;
  vertical-align: middle;
  border-bottom:0 ! important;
}

div.doc a:hover {background-color: #f0f5dd;color:inherit}

div.doc a:before {content:"\f0f6";font-family:FontAwesome;color:inherit;font-size:1em;margin-right:1em;}