@CHARSET "UTF-8";

body {
    background-color: #ffffff;
    font-size: 14px; 
 }

a {
color: #5e5048;
}

a:hover {
color: #f29d42;
}

h1
{
  font-size: 28px;
  //color: #f29d42;
  text-align:left;
  display:block;
}
h3.
{
  font-size: 14px;
  color: #f29d42;
  text-align:left;
text-decoration: none;
  display:block;
}
h4.
{
  font-size: 13px;
  color: #f29d42;
  text-align:left;
text-decoration: bold;
  display:block;
}
h5.
{
  font-size: 12px;
  color: #f29d42;
  text-align:left;
text-decoration: bold;
  display:block;
}

.site-header {
background:url(/public/banniere_sorbonne_universite.png);
background-size: cover;
background-position: center bottom;
}

.widget-content > .media-list > .media {
  transition: all .2s ease-in-out;
  padding: 10px;
}

.deep-blue {
background: #f5f5f5;
height: calc(50% - 5.5em);
padding-inline:2.5em 2.5em;
padding-top:1em;
max-width:600px;
}

.black {
background: #222;
height: calc(50% - 5.5em);
padding-inline:2.5em 2.5em;
color:white;
padding-top:1em;
max-width:600px;
}

.black > ul > li  {
border:none!important;
}

.deep-blue > h2, .black > h2 {
padding-left:0!important;
}

.deep-blue > ul > li {
padding-block:.25em !important;
border-bottom:none !important;
}

.flex-container {
display:flex;
flex-flow:wrap;
}

.no-max-width {
max-width:none !important;
margin-right:2em;
}

.justified {
justify-content: space-between;
}

.align-left > .widget > .widget-header {
text-align:left;
}

.align-left {
padding-left:1.5em;
}

.align-left > .widget > .widget-header::after {
display:block;
content:"";
height:.2em;
width:2em;
background:#e6332a;
margin-block:1.5em .5em;
}

.align-left > .widget > .widget-content > ul {
list-style:none;
padding-left:.75em;
}


.align-left > .widget > .widget-content > ul  > li {
padding-block:.75em;
}

.align-left > .widget > .widget-content > ul  > li > a {
font-size:1em;
font-weight: bold;
}

.main-container {
justify-content:space-between;
width:100%;
margin-inline: auto auto;
max-width:1680px;
}

.flex-container > div > ul {
list-style:none;
padding-left:0;
}

.flex-container > div > ul > li {
padding-block:.75em;
}

.flex-container > div > ul > li:not(:last-child) {
border-bottom: .1em solid #fff;
} 

.intro {
background: #f2f2f2;
padding-inline:5em 2em;
padding-block:6em 5em;
margin-inline: auto auto;
width:100%;
margin-bottom: 5em;
justify-content: center;
}

.intro > div > h1 {
margin-bottom:1em;
}

.intro > .third-length {
padding-top:3em;
}

.half-length > a > img {
object-fit:cover;
}

.half-length > a:hover + h2 {
color: #e6332a;
}

.justified > .half-length > h2 {
margin-block: 1em 1.5em;
padding-left:1.5em;
transition:.2s ease-in-out;
}

.blend > .widget > .widget-header {
font-size:1em;
}

.blend > .widget > .widget-content > h3 > .label {
font-size:1.75em;
color: #e6332a;
}

.full-length {width:100%; padding-block:2.5em;}
.half-length {width:49%; overflow:hidden;}
.third-length {width:33%;}
.quarter-length {width:30%;}
.remain-length {flex:1; max-width:60%;}

.half-length > a {
width:100%;
display:inline-block;
}

.no-header > .widget > .widget-header {
background:transparent;
color:#333;
}

.no-shadow > .widget {
box-shadow:none;
}

.text-block {
padding-inline: 3.5em;
padding-block: 3em 5em;
line-height:2em;
}

.text-block > h2 {
margin-block: 1em 1.5em;
}

.text-block > h2::after {
display:block;
content:"";
height:.2em;
width:2em;
background:#e6332a;
margin-block:1.5em .5em;
}

.website-navigation {
background:transparent;
border-bottom: 0.1em solid #f4f4f4;
}

.website-navigation > ul > li:not(.show) > .nav-link:not(.active) {
  color: #333 !important;
}

#container{
background-color: #f2f2f2;
    padding: 10px 10px 50px;
}
/*
div,label, input, button, select, textarea {
    font-size: 12;
    color: #000000;
}
*/
/*
table {
background-color:  #ffffff;
}
*/

#global-navigation>.nav-tabs {
border: none;
width: 999px;
margin: 30px auto;
}


.home .widget .widget-header{
color: #f29d42;
border:0px;
background:none;
font-weight:normal;
text-transform: inherit;
}
.widgets .widget {
margin:-1px;
border-radius: 0px;
}
.widgets .widget .widget-header {
color: #f29d42;
background: #fcfcfc;
font-weight:normal;
border-bottom: 0px;
text-transform: inherit;
}
.widgets .widget .label-default {
background: #f29d42;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background: #f29d42;
border-radius: 4px;
border:1px solid #f29d42;
color: #ffffff;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
border-radius: 4px;
border:0px;
border: ;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
background: #ffffff;
color: #f29d42;
border: ;
}


.nav .caret {
    border-top-color: #29265f;
    border-bottom-color: #29265f;
}
.nav-tabs > li.active > a > .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.widget-search {
    margin: -1px; 
    border-radius: 0px;
}
.widget-header-search {
color: #f29d42;
background: #fcfcfc;
font-weight:normal;
text-transform: inherit;
padding: 7px;
}
#exportMessage {
margin-bottom: 10px;
}
.breadcrumb {
display:none;
}

@media(max-width:640px) {
.full-length {width:100%;}
.half-length {width:100%!important;}
.third-length {width:100%!important;}
.quarter-length {width:100%!important;}
.remain-length {width:100%!important; max-width:none!important;}
.intro, .text-block, .deep-blue{padding-inline:1em!important;}
.black {height:auto!important;}
}


