/* Chimie 5.8 */

.h2-green{
    color:green;
}


/* ARCAN custom css */


/***********************
* Typo general
***********************/

@media screen and (min-width: 980px) {
    .o-Title--h3, h3 {
        font-size: 1.5rem;
    }
}

/*
*  Text
*/

.text--lead {
    font-size:1.2rem;
}

/*
*  List
*/

.bloc--list ul li{
    margin:0.725em 0 0.75em 0;
    padding: 0 0 0 5px;
}

.bloc--list ul li:hover {
    background-color: #f2f2f2;
}

.bloc--list ul li:hover a {
    /*border-left: 3px solid #318063;
    padding: 0 0 0 2px;*/
    text-decoration:underline!important;
}


/*
*   Images
*/
.img--border{
    /*padding:5px;*/
    border:1px solid #e6e6e6;
    box-shadow:rgba(0,0,0,.5) 0 1px 4px;
    /*width:100%;*/
}


.img--margin{
    margin:32px 0 16px 0;
}

.img--margin-lead{
    margin:3rem 0 1.25rem 0;
}

.img--center{
    margin-left: auto;
    margin-right: auto;
}

.img--shadow {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.portrait--shadow {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

/*
    Figure, figcaption
*/
.legend--center{
    padding-top:0.75em;
    width:60%;
    /*margin: 0 auto;*/
    color:#595959;
    font-size:.875em;
    text-align:justify;
}

/*
    Logo on homepage
*/
.main-logo {
        max-width: 100%;
        margin:1rem auto;
}

@media only screen and (min-width:768px) {
    .main-logo {
        float:right;
        1rem 0rem 1rem 1rem;
        max-width:450px;
    }
}

/*
    Bloc direction, recherche et administration
*/

.bloc-gris-vert {
    border-top: 3px solid #318063;
    border-radius: 3px;
    background-color:#f2f2f2;
    min-height:250px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    padding-top:3px;
}

.bloc-gris-vert hr{
    border-top:1px solid #bebebe;
    margin:12px 10px 10px 10px;
}

.bloc-gris-vert-text-centre {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 165px;
}

.bloc--shadow {
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; 
}

/***********************
* Recherche
***********************/

/*
*  Image
*/
.img--research{
    margin:32px 0 16px 0;
}

/* 
List type et style
------------------
274b asterisque en forme de goutte d eau
2735 etoile */

ul.research--list-type-star {
    list-style-type: none;
}
ul.research--list-type-star li::before{
    content:"\2735"!important;
    padding-left:0.125em;
    padding-right:0.75em;
    color:#318063;
    vertical-align:text-top;
}
ul.research--list-type-star li{
    margin:0.75em 0 0.75em 0;
}
/*2718 x selection */
ul.research--list-type-x {
    list-style-type: none;
}
ul.research--list-type-x li::before{
    content:"\2718"!important;
    padding-left:0.125em;
    padding-right:0.75em;
    color:#318063;
    vertical-align:text-top;
}
ul.research--list-type-x li{
    margin:0.75em 0 0.75em 0;
}
/*27a1 puce de fleche a droite */
ul.research--list-type-arrow {
    list-style-type: none;
}
ul.research--list-type-arrow li::before{
    content:"\27a1"!important;
    padding-left:0.125em;
    padding-right:0.75em;
    color:#318063;
    vertical-align:text-top;
}
ul.research--list-type-arrow li{
    margin:0.75em 0 0.75em 0;
}

/***********************
* Publications
***********************/

.o-Layout--main ul, .o-List {
/* padding: 0 0 0 15px;
list-style: disc; */
}

/*
Fixing stupid bullet on li w/o class
------------------------------------
*/
.o-Layout--main li:not([class]):before {
    content: "";
}

/***********************
* Bibliographie
***********************/
/* */
.biblio--list ul li{
    margin:0.725em 0 0.75em 0;
    padding: 0 0 0 5px;
}

.biblio--list ul li:hover {
    background-color: #f2f2f2;
}

.biblio--list ul li:hover a {
    /*border-left: 3px solid #318063;
    padding: 0 0 0 2px;*/
    text-decoration:underline!important;
}


/***********************
* Personnes
***********************/

/*
.c-Collection-section--grid.is-active,
  .c-Collection-viewsSwitch .o-Icon,
  #c-AtoZ-nav {
  display:none;
}

.c-Collection-section--list:not(.is-active){
  display:block;
}
*/

/*
 Detail of the collaborators, shadow around the photos
*/

.c-Card-img{
    padding:5px;
    border:1px solid #e6e6e6;
    box-shadow:rgba(0,0,0,.5) 0 1px 3px;
}

.c-Card_text-lead{
    font-size:1.2rem;
}


/***********************
* News
***********************/


.c-NewsWall-itemContent{
    overflow:auto;
}

.c-NewsWall-itemTxt{
    /*overflow:auto;
    white-space:normal;*/
}

.resume-text-lead {
    font-size:1.2rem;
}


/***********************
* Highlights
***********************/

/*
*  Text
*/
.highlight-text-lead {
    font-size:1.2rem;
}

/*
*  List
*/

.highlight--list ul li{
    margin:0.5em 0 0.5em 0;
    padding: 0 0 0 0.25px;
}

.highlight--list ul li:hover {
    background-color: #f2f2f2;
}

.highlight--list ul li:hover a {
    /*border-left: 3px solid #318063;
    padding: 0 0 0 2px;*/
    text-decoration:underline!important;
}

/* Lien externes */
.ext-lnk a{
text-decoration:underline!important;
color:#318063;
}

.ext-lnk a:after{
    content:"\2197"!important;
    color:#318063;
    vertical-align:text-top;
font-weight:600;
font-size:medium;
}

/* Lien telechargement */
.lnk-download a{
text-decoration:underline!important;
color:#318063;
}

.lnk-download a:after{
    content:"\2193"!important;
    color:#318063;
    vertical-align:text-top;
font-weight:600;
font-size:medium;
}


/***********************
* Services a la cite
***********************/

.bloc-separation{
    border: 1px solid #ccc;
    border-width: 1px 0 0 0;
    padding-top: 1.3em;
    margin-top: 2em;
}

.border-lead {
    border-left-color: rgb(49, 128, 99);
    border-left-style: solid;
    border-left-width: 5px;
    padding-left:15px;
    margin-bottom: 1.3em;
    margin-top: 1.3em;
}

.border-lead h3{
    text-transform: uppercase !important;
}

/*********************** 
* Liste des cours
************************/

/* Liste des cours Table layout */
.liste-cours {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.liste-cours td {
    white-space: wrap;
    overflow: hidden;
    text-overflow: visible;
    /*vertical-align: text-top;*/
}

/* Column widths are based on these cells */

.row-number {
    width: 5em;
}
.row-intitule {
    width: 50%;
}
.row-responsable {
    width: 30%;
}

/* Style cells: background, hover ... */

.liste-cours thead th {
    background-color: rgb(114, 170, 142);
    color: white;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    font-weight: normal;
}

/* Hihglight rows when passing hover */
.liste-cours tbody tr:nth-child(even) {
    background-color: rgb(226, 226, 226);
}

.liste-cours td,
.liste-cours th {
    text-align: left;
    padding: 5px 10px;
}

.liste-cours a{
    text-decoration: none;
}