@charset "UTF-8";

/****** 
Police Montserrat
******/

/* Montesserat regular */
@font-face {
    font-family: 'montserratregular';
    src: url('montserrat_regular_webfont.eot');
    src: url('montserrat_regular_webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat_regular_webfont.woff2') format('woff2'),
         url('montserrat_regular_webfont.woff') format('woff'),
         url('montserrat_regular_webfont.ttf') format('truetype'),
         url('montserrat_regular_webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Montesserat bold */
@font-face {
    font-family: 'montserratbold';
    src: url('montserrat_bold_webfont.eot');
    src: url('montserrat_bold_webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat_bold_webfont.woff2') format('woff2'),
         url('montserrat_bold_webfont.woff') format('woff'),
         url('montserrat_bold_webfont.ttf') format('truetype'),
         url('montserrat_bold_webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Montesserat thin */
@font-face {
    font-family: 'montserratthin';
    src: url('montserrat_thin_webfont.eot');
    src: url('montserrat_thin_webfont.eot?#iefix') format('embedded-opentype'),
         url('montserrat_thin_webfont.woff2') format('woff2'),
         url('montserrat_thin_webfont.woff') format('woff'),
         url('montserrat_thin_webfont.ttf') format('truetype'),
         url('montserrat_thin_webfont.svg#montserratthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Montesserat semi-bold */
@font-face {
    font-family: 'montserratsemibold';
    src: url('Montserrat_SemiBold.ttf.eot');
    src: url('Montserrat_SemiBold.ttf.eot?#iefix') format('embedded-opentype'),
         url('Montserrat_SemiBold.ttf.woff') format('woff'),
         url('Montserrat_SemiBold.ttf.svg#montserratsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****** 
En-tête 
******/

.site-header {
max-height: 150px;
min-height: 100px;
margin: 0;
}

.site-header .section-corps {
max-height: 150px;
}

.site-header .section-corps,
.site-header table {
  height: 100%;
}

.site-header.logo>.section-corps>table>tbody>tr>td>img{
max-width: 50%;
margin: 3% 0% 3% 0%;
}

/****
Menu de navigation
****/

.website-navigation {
    /* Couleur de fond et bordure de la navigation*/
background: #fff;
border-top : 1px solid lightgrey;
}

.website-navigation .nav-pills .nav-item > .nav-link {
    /* Couleur du texte des menus de 1er niveau */
color: #000;
font-size: 1.2rem;
text-transform: uppercase;
font-family: 'montserratregular', sans-serif;
}

.website-navigation .nav-pills .nav-item > .nav-link.active {
    /* Couleur du fond du menu actif de 1er niveau */
    background: #fff;
    /* Couleur du texte du menu actif de 1er niveau */
    color: #000;
font-family: 'montserratregular', sans-serif;
    border-bottom : 4px solid #e6142d;
border-radius:0;
}

.website-navigation .nav-pills .nav-link:hover, .website-navigation .nav-pills .show > .nav-link  {
    /* Couleur du fond des menus de 1er niveau survolÃƒÂ©s */
    background: #fff;
    /* Couleur du texte des menus de 1er niveau survolÃƒÂ©s */
    color: #000;
font-family: 'montserratregular', sans-serif;
    border-bottom: 4px solid #e6142d;
border-left: none;
border-right: none;
border-top: none;
border-radius:0;
/*text-decoration: underline;*/
}

.website-navigation .nav-pills .dropdown-menu {
    /*couleur du fond des sous-menus */
    background: #ffff;
    /*couleur du texte des sous-menus */
    color: #000;
font-family: 'montserratregular', sans-serif;
}

.website-navigation .nav-pills .dropdown-item:focus, .website-navigation .nav-pills .dropdown-item:active{
    /*couleur du fond du sous-menu actif */
    background:  #ffff;
    /*couleur du texte du sous-menu actif */
    color: #e6142d;
font-family: 'montserratregular', sans-serif;
}

.website-navigation .nav-pills .dropdown-item:hover {
    /*couleur du fond du sous-menu survolÃƒ ©*/
    background: #ffff;
    /*couleur du texte du sous-menu survolÃƒ ©*/
    color: #e6142d;
font-family: 'montserratregular', sans-serif;
}

.website-navigation .dropdown-menu a {
    color: #000;
font-family: 'montserratregular', sans-serif;
}

.website-navigation .dropdown-menu a:active {
    color: #e6142d;
font-family: 'montserratregular', sans-serif;
}

.website-navigation .dropdown-menu a:hover {
    color: #e6142d;
font-family: 'montserratregular', sans-serif;
}

/****
Titres et textes
****/

/* CLASSES SPECIFIQUES? */
/****
Titres et textes
****/
/*h1 {
font-family: 'montserratbold', sans-serif;
line-height : 44px;
}*/

/*h2 {
font-family: 'montserratbold', sans-serif;
line-height: 40px;
}*/

/*h3 {
font-family: 'montserratbold', sans-serif;
margin-top: 6%;
}*/

.fond-presentation {
    /* Couleur d'arrière plan de la présentation */
    background-color: #f5f5f5;
}

.presentation {
    /* Style du texte de présentation */
font-family: 'montserratregular', sans-serif;
font-size: 1.2em; 
line-height: 36.5px; 
color: #212429; 
padding: 4% 4% 2% 4%; 
max-width: 900px; 
margin: 1%;
}

.openaccess {
   /* Taux d'accès ouvert */
margin: 4% 4% 7% 4%;
}

/****
Contenants
****/

main
{
   /* Couleur de fond */
background-color: white;
}

body {
   /* Couleur de fond en-tête et corps de la page */
background-color: white;
margin: 0px;
}

/*div, table,label, input, button, select, textarea {
/* Police et taille des textes */
font-family: 'montserratregular', sans-serif;
font-size: 1em;
}*/

footer {
margin-top: 4%;
}

/****
Liens hypertexte
****/

a {
color: #e6142d;
}

a:hover{
color: #e6142d ;
}

/****
Boutons
****/
.boutons  a {
margin: 0 0 4% 4%;
}

.btn-sciencespo {
font-family: 'montserratregular', sans-serif;
background-color: transparent; 
border: 2px solid #e6142d; 
border-radius: 0px; 
margin: 1%; 
text-align: left;
color: #e6142d; 
}

.btn-sciencespo:hover {
background-color: #e6142d; 
color: white;
}

.btn-sciencespo-collection {
background-color: transparent; 
border: 2px solid #e6142d; 
border-radius: 0px; 
text-align: left;
margin-left: 8%;
margin-bottom: 12%;
position:absolute;
bottom: 0;
color: #e6142d; 
}

.btn-sciencespo-collection:hover {
background-color: #e6142d; 
color: white;
}

.btn-sciencespo-collection:hover a {
color: white;
}

.btn-sciencespo-blanc {
font-family: 'montserratregular', sans-serif;
background-color: transparent; 
border: 2px solid white; 
border-radius: 0; 
text-align: left;
margin-bottom: 12%;
position:absolute;
bottom: 0;
margin-right : 12%;
color: white;
}

.btn-sciencespo-blanc a {
color: white;
}

.btn-sciencespo-blanc:hover {
background-color: white; 
}

.btn-sciencespo-blanc:hover a {
color: black;
}

/****
Widgets
****/

.section-corps .widget .widget-header  {
font-family: 'montserratsemibold', 'montserratbold','montserratregular', sans-serif;
text-align:center;
background-color: white;
color: #000;
font-size: 1.2em;   
line-height: 18px; 
border-bottom: none;
text-transform: uppercase;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 5px;
text-align: center;
}

.custom-page .widget{
border: 0px;
margin: -2%;
padding-bottom: 10px;
background-color: white;
}

.label.label-contrast {
background-color: transparent;
box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.15);
gap: 27px;
color: #fff;
}

.label-default {
font-family: 'montserratregular', sans-serif;
font-size: 1.4em;
background-color: transparent;
color: #e6142d;
border-radius: 50%;
width: 150px;
height: 150px;
margin-top: 5%;
padding: 5px 10px 5px 10px ;
}

#flash-messages {
margin-top: 5%;
}

/****
Grille des collections dans la page d'accueil du portail
****/

.no-padding > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.collections {
padding-bottom: 30px; 
border-top: lightgrey 1px solid;
}

.coll_padding {
padding: 0% 0% 0% 8%;
}

.titre_collections {
font-family: 'montserratregular', sans-serif;
color: #212429; 
text-transform: uppercase; 
border-top: #e6142d 4px solid; 
padding: 8% 0% 2% 0%;"
}

.coll_encart {
/*padding-top: 15px;
padding-right: 30px;
padding-left: 15px;*/
height:280px;
vertical-align: top;
border: solid 1px #f0f0f0;
}

.coll_nom {
/*color: #989898;*/
color: #212429;
font-size: 1.4em;
font-family: 'montserratsemibold', 'montserratbold', 'montserratregular', sans-serif;
border-top: 2px solid /*#e6142d*/ #212429;
padding: 8% 0 4% 0;
max-width: 70%
/*margin: 0% 4% 4% 4%;*/
}

.photo {
background-image: url('../public/saint_thomas_blanc.jpg'); 
background-size: cover; 
background-repeat: no-repeat;
}

.bloc_sombre {
background-color: #212429; 
padding-right: 30px; 
padding-left: 15px; 
height: 280px; 
vertical-align: top;
}

/****** 
Responsive
******/

@media (max-width: 40em) {

.site-header{
max-height: 160px;
min-height: 60px;
}

.logo {
background-image: url('../public/bandeau_HAL_2022_portable.png');
background-repeat: no-repeat;
background-size: 80%;
/*background-position: center;*/
margin-left : 5%;
  }

.section-corps img{
display: none;
}

.p-4{
margin: 0;
}

.boutons>a {
margin: 8% 0 0 0;
width: 100%;
padding: 4%;
}

.openaccess {
margin: 15% 10% 15% 10%;
}

.titre_collections {
padding-top: 8% ;
}

.btn-sciencespo-collection {
border: none; 
}

.btn-sciencespo-collection:hover {
background-color: transparent; 
}
}

@media (max-width: 90em) {
 .site-header {
margin-top: 5%;
}

.site-header.logo>.section-corps>table>tbody>tr>td>img{
max-width: 90%;
}

.fond-presentation {
padding-bottom: 3%;
}
}

@media (max-width: 100em) {
  .site-header {
min-height: 50px;
}

.site-header.logo>.section-corps>table>tbody>tr>td>img{
min-width: 70%;
}
}