/*====== adapté du CSS de... ======*/
/* Pico Default Theme
/* By: Gilbert Pellegrom
/* http: //dev7studios.com
/*=================================*/

body {  background: yellow;
        text-align: center;
        line-height: 1.431;
        margin: 0;
        font-family: "Open Sans",Arial,Tahoma,sans-serif;
        font-size: 13px;
        overflow: hidden;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        vertical-align: baseline;
}

#container {
        font-family: "Open Sans",Arial,Tahoma,sans-serif;
        text-align: left;
        line-height: 1.431;
        margin: 0;
        font-size: 14px;
        min-width: 960px;
}

#header a {
        text-decoration:none;
        color: #000;
        font-weight: bold;
}

.wrapper {
         max-width:1370px;
         margin:0;
}

.wrapper img {
  width:930px;
}

#logo {
    background:url(./images_site/bg_header.jpg) no-repeat 0% 10% / cover;
    width: 100%;
    height: 90px;
    display: flex;
    padding: 0 0px;
    display: -webkit-flex;
    display: -ms-flexbox;
    box-sizing: border-box;
}
 
#logo .wrapper {
        width:100%
}

#main { 
}

#footer {
	padding: 0px 0px 0px 210px;
}

#content {
        font-family: "OpenSans",Arial,Tahoma,sans-serif;
        font-size: 14px;
        padding: 0% 1% 1% 11%;
	margin-left: 200px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	overflow-y: auto;
        height: calc(100vh - 220px);
        float: none;
        /*width: 85%;*/
}

#navbar {
        font-family: "OpenSans",Arial,Tahoma,sans-serif;
        font-size: 13px;
	background-color: yellow;
        float: left;
        width: 15%;
        line-height:2em;
        border-right: 2px solid #d8d8d8;
        height: calc(100vh - 166px);
        min-width: 180px;
	max-width: 180px;
        min-height:300px;
        text-align:right;
        padding-right: 10px;
        padding-top: 0px;
        position: fixed;
}

#navbar a {
        text-decoration:none;
        color: #000;
}

#navbar ul {
        list-style-type:none;
	padding-left: 0px;
}

#navbar ul li#active a {
        text-decoration:underline;
        color: #0072BC;        
}

#navbar ul li a:hover {
        text-decoration: underline;
}

a {
text-decoration: none;
        color: #0072BC;
}

a:hover {
        text-decoration: underline;
        color: #0072BC;
}

a img { border: 0;
}

.row{
        margin-bottom: 0;
        display: inline-flex;
}

.card {
        display: inline-block;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        margin: 30px 10px 40px 10px;
        position: relative;
        transition: all .2s ease-in-out;
        width: 25%;
        background: #FFF;
}

.card:hover {
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card_image {
        opacity: .6;
        overflow: hidden;
        transition: all .2s ease-in-out;
}

.card_image:hover, .card:hover .card_image {
        opacity: 1;
}

.card_text {
        background: #FFF;
        padding: 10px 20px 5px 20px;
        min-height: 100px;
}

.card_text p {
        margin: 5px 0px 5px 0px;
}

.card_text h3 {
        margin: 5px 0px 5px 0px;
}

.card_text h3 a {
        color: #0072BC;
}

.card_text h3 a:hover {
        text-decoration: underline;
        color: #0072BC;
}

.card_text a {
        color: #000;
}

.card_text a:hover {
        text-decoration: underline;
}

/*=================================*/

.row_latest{
        margin-bottom: 0;
}

.latest {
        display: inline-block;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
        margin: 10px 0 0 0;
        padding-left: 10px;
        position: relative;
        transition: all .2s ease-in-out;
        width: 99%;
        background: #FFF;
}

.latest:hover {
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.latest_image {
        padding: 5px 5px 0px 5px;
        opacity: .6;
        overflow: hidden;
        transition: all .2s ease-in-out;
        vertical-align: top;
        display: table-cell;  
}

.latest_image:hover, .latest:hover .latest_image {
        padding: 5px 5px 0px 5px;
        opacity: 1;
}

.latest_text {
        background: #FFF;
        padding: 5px 5px 0px 5px;
        font-size: smaller;        
        vertical-align: top;
        display: table-cell;
}

.latest_text p {
        margin: 5px 0px 5px 0px;
}

.latest_text h3 {
        margin: 5px 0px 5px 0px;
}

.latest_text a {
        text-decoration: none;
        color: #369;
}

.latest_text a:hover{
        text-decoration: underline;
}

.latest_text ul {
        list-style: square inside none;
        font-size: 1.2em;
}

.latest_text ul a {
        text-decoration: none;
        color: #555;
}

.latest_text ul a:hover{
        text-decoration: underline;
        color: #369;
}

.latest_button {
        display: inline;
        background: #EEE;
        border-radius:25%;
        text-align: center;
        margin-left: 10px;
        padding: 0 10px;
}

/*=================================*/

h2 span img, .team img {
        width: 100px;
        margin-right: 10px;
}

.row_team{
        margin-bottom: 25px;
}

.team {
        display: inline-block;
        box-shadow: 1px 1px 1px 0 rgba(0,0,0,.15);
        margin: 5px 0px 5px 0px;
        position: relative;
        transition: all .2s ease-in-out;
        width: 48%;
        background: #FFF;
        padding: 10px 10px 10px 10px;
}

.teamactive {
}

.team a {
        color: #000;
}

.team:hover {
        box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25);
}
/*
.team_title {
        background: #FFF;
        padding: 5px;
}
*/
.team_title:hover {
        color: #369;
}

.team_buton {
        float: right;
        background: #EEE;
        border-radius:25%;
        text-align: center;
        margin-right: 5px;
        padding: 0 10px;
}

/*=================================*/

.hr {
        display: inline-block;
        padding-top: 1px;
        padding-bottom: 1px;
        border-bottom: 1px solid #d8d8d8;        
        width: 100%;
}

/*=================================*/

h1, h2, h3 {
        color: #0072BC;
        line-height: 1.2em;
        margin-bottom: 0.6em;
}

h1 {    font-size: 1.4em;
}

h2 {    font-size: 1.2em;
        padding-bottom: 1px;
        border-bottom: 1px solid #d8d8d8;        
}

h3 {
        font-size: 1.0em;
        margin-top: 2em;
        color: #000;
} 

h4 {
  font-size:26px;
  color:#314A9C;
  margin:0;
  padding:0;
}

td {
  padding:3px 5px;
}

p {
  margin:0;
  padding:0;
}

a {
  color:black;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

/*======== meilleur ===========*/

.parag {
  display:inline-block;
  padding:0 0 0 10px;
}
.right {
  text-align:right;
}
.large {
  width:200px;
}
.corps {
  margin:0 0 0 10px;
  border-collapse:collapse;
  border:1px solid black;
}
.corps a {
  color:#000;
  text-decoration:none;
}
.corps a:hover {
  text-decoration:underline;
}
.corps tr {
  border-bottom:0;
}
.corps tr:nth-child(even) {
  background-color:#DDD;
}
.corps tr:nth-child(odd) {
  background-color:#FFF;
}
.corps th {
  border:1px solid black;
  padding:3px 5px;
  background-color:#DDD;
  font-weight:normal;
  text-align:center;
}
.corps td {
  border-left:1px solid black;
  border-right:1px solid black;
}
.corps img {
  border:0;
}
.tooltip {
  margin:0 0 0 10px;
  border-collapse:collapse;
  border:1px solid black;
}
.tooltip a {
  color:#000;
  text-decoration:none;
}
.tooltip a:hover {
  text-decoration:underline;
}
.tooltip tr {
  border-bottom:0;
}
.tooltip tr:nth-child(even) {
  background-color:#FFF;
}
.tooltip tr:nth-child(odd) {
  background-color:#FFF;
}
.tooltip th {
  border:1px solid black;
  padding:3px 5px;
  background-color:#DDD;
  font-weight:normal;
  text-align:center;
}
.tooltip td {
  border:1px solid black;
}
.tooltip img {
  border:0;
}
.effectif_corps {
  margin:0 0 0 10px;
  border-collapse:collapse;
  border:1px solid black;
}
.effectif_corps a {
  color:#000;
  text-decoration:none;
}
.effectif_corps a:hover {
  text-decoration:underline;
}
.effectif_corps tr {
  border-bottom:0;
}
.effectif_corps tr:nth-child(even) {
  background-color:#FFF;
}
.effectif_corps tr:nth-child(odd) {
  background-color:#DDD;
}
.effectif_corps th {
  border:1px solid black;
  padding:3px 5px;
  background-color:#DDD;
  font-weight:normal;
  text-align:center;
}
.effectif_corps td {
  border-left:1px solid black;
}
.effectif_corps img {
  border:0;
}
.podium {
  margin:10px 0 0 10px;
  border-radius:15px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
  background-color:white;
}
.podium td {
  padding:5px 15px;
}
.auteurs {
  font-size:12px;
  border-top:1px solid #369;
  margin:20px 10px;
  width:830px;
  padding-top:5px;
}
.auteurs, .auteurs a {
  color:#369;
}
.MAJ {
  margin:0 0 20px 10px;
}
.top_button {
  background:white;
  border-radius:5px;
  border:1px solid #369;
  font-size:12px;
  text-align:center;
  margin-left:20px;
  padding:0 2px;
}