﻿/* */
/* Centrage du site */
/* */
a {
    text-decoration: none !important;
}
a:link, a:visited {
    color: #009fb8; font-family: "Source Sans Pro",sans-serif;
}
:not(#colgauche div.menu) a:hover {
    color: rgb(93, 139, 162) !important;
    font-weight: inherit;
}
body {
 background-color: #E7E5D7;
 /* background-color: white; */
 color: #4D4D4D;
 margin-top: 3rem;
 color: rgb(77, 77, 77);
 font-family: "Source Sans Pro",sans-serif;
 font-size: 16px;
}
td, p {
    font-size: 14px;
}
p.aucun {
	display: none;
}
#principal {
	margin: 0 auto;
 background-color: White;
 background: linear-gradient(to right, #bebebe, #bebebe 211px, #f3f3eb 211px);
 border-bottom: medium none;
 border-right: medium none;
 margin-bottom: 0rem;
 padding-bottom: 2rem;
 position: relative;
 box-shadow: 1px 1px 3px rgb(160, 150, 150);
 width: 960px;
 font-family: "Source Sans Pro",sans-serif;
}
/* Bandeau superieur */
#top {
  height: 210px;
  border-bottom: 1px solid #ccf1f1;
  /* background: White; */
  background: #3a0907; 
  /* background: #550909; */
}
/* bandeaux dynamiques */
body.avec-carrousel #bandeau {
	display: block;
}
#bandeau {
  z-index: 14;
}
ul.bandeau-dynamique {
  position: absolute;
  right: 0;
  top: 75px;
}
#logo-labo {
  z-index: 15;
  position: absolute;
  left: 15px;
  top: 2px;
  width: 70px;
}
#logo-labo img{
  height: 70px; width: 136px;
}
#nom-labo {
  display: none;	
  z-index: 15;
  position: absolute; left: 86px; top: 35px; width: 6rem;
  color: rgb(77, 77, 77);
  line-height: 1.2rem;
  font-family: "Source Sans Pro",sans-serif;
}
#nom-labo h1 {
  margin: 0;
  font-size: 1em;
}
#nom-labo h1 a {
  color: rgb(191, 120, 101);
  font-size: 0.8em;
  font-weight: 600;
}
.partenaire {
  left: 12.6rem;
  position: absolute;
  top: 0.86rem;
  width: 70px;
  z-index: 15;
}
.partenaire a img {
    width: 122px;
}
#langues {
  position: absolute;
  top: 21px; 
  right: 50px;
  border: none;
}
#langues ul#menu_lang {
  position: absolute;
  top: 0px;
  right: 0px;
  border: none;
}
#langues ul#menu_lang li.last a,#langues #menu_lang li.last strong{
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0 -40px;
  width: 38px; height: 25px;
  opacity: 0;
  z-index: 10;
}
#langues ul#menu_lang li.first strong,#langues #menu_lang li.first a {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0 40px; 
  width: 38px; height: 25px;
  opacity: 0;
  z-index: 10;
} 
#langues .imgbox {
	position:relative; width: 80px; 
}
#langues .imgbox tbody tr td {
	color: #efe4b7;
	font-size: 1em;
}
#langues .imgbox tbody tr td:first-child {
	text-align: right;
	border-right: 1px solid #efe4b7;
}
#langues .imgbox img[title="EN"] {
	position:absolute; top:0; left:0;
	width: 38px; height: 25px;
}
#langues .imgbox img[title="EN"]:hover {
	opacity: 0;
}
#langues .imgbox img[title="FR"] {
	position:absolute; top:0; right: 0; 
	width: 38px; height: 25px;
}
#langues .imgbox img[title="FR"]:hover {
	opacity: 0;
}
#liens-top {
  z-index: 15;
  display: none;
}
#chemin {
  display: none; border-bottom: 1px solid #ccf1f1;
}
/* colonne de gauche */
#colgauche {
  /* border-right-color: #be1621; */
  border-right-color: #000000;
  width: 200px;
  height: 100%;
  padding-left: 0.7rem;
  color: rgb(77, 77, 77);
  font-family: "Source Sans Pro",sans-serif;
  background: #bebebe;
}
#colgauche div.menu {
  width: 200px;
  margin: 1rem 0rem 6rem 0;
  background: #bebebe;
}
#colgauche div.menu ul {
  /* border-top: 1px solid white; */
  border-top: none;
  width: 200px;
  background: #bebebe;
}
#colgauche div.menu li {
  border-bottom: 1px solid #000000;
  /* border-bottom: 1px solid #be1621; */
  /* color: rgb(77, 77, 77); */
  color: #551d20;
  font-family: "Source Sans Pro",sans-serif;
}
#colgauche div.menu li:hover {
	background-color: #FBF9F4;
}
#colgauche div.menu li a, #colgauche div.menu li.menu-entree span.texte_libre  {
    /* plugin Menus */
    width: 190px;
}

#colgauche div.menu li a, #colgauche div.menu ul.menu-liste ul.menu-liste li.menu-entree a {
	/* color: grey; */
	color: #551d20;
	font-family: "Source Sans Pro",sans-serif;
}
#colgauche div.menu li a:hover, #colgauche div.menu ul.menu-liste ul.menu-liste li.menu-entree a:hover, #colgauche div.menu ul.menu-liste ul.menu-liste ul.menu-liste li.menu-entree a:hover {
	color: #ff6600;
}
#colgauche div.menu ul ul {
  left: 200px;
  background-color: #FBF9F4;
}
#colgauche div.menu ul.menu-liste ul.menu-liste li.menu-entree a {
    background-color: rgb(251, 249, 244);
    border-top: 1px solid rgb(221, 170, 170);
    margin-top: -1px;
    padding-left: 1rem;
}
#colgauche div#annuaire, #colgauche div#intranet, #colgauche div#deconnexion {
	color: rgb(102, 102, 102);
	opacity: 0.41;
}
#colgauche div#intranet {
	display: none; margin-top: 0rem; font-family: "Source Sans Pro",sans-serif; font-style: normal;
}
#colgauche div#deconnexion {
	display: none;
}
#coordonnees {
  position: relative;
  margin: 10px 10px 10px 10px;
  font-family: "Source Sans Pro",sans-serif;
}
#coordonnees ul.coordonnees {
  text-align: left;
  font-family: "Source Sans Pro",sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1rem;
  list-style: outside none none;
  padding-left: 0.2rem;
  width: 100%;
}
#coordonnees ul.coordonnees li{
	/* color: rgb(77, 77, 77); */
	color: #000000;
    font-family: "Source Sans Pro",sans-serif;
}
#coordonnees ul.coordonnees li.titre {
    font-weight: 600;
}
#coordonnees ul.coordonnees li.imagecolgauche img {
    max-width: 80%;
	height: auto;
}
#colgauche div.menu2 {
  font-family: "Source Sans Pro",sans-serif;
  border-top: 1px dashed rgb(221, 170, 170);
  margin-left: -0.2rem;
  text-align: center;
  width: 195px;
}
#colgauche div.menu2 ul, #colgauche div.menu2.avec-icone ul {
	padding-left: 0;
    width: 12.5rem;
}
#colgauche div.menu2 ul li {
	color: rgb(77, 77, 77);
    font-family: "Source Sans Pro",sans-serif;
}
/* positionnement de recherche */
#recherche {
	position: absolute; top: 215px; right: 0; z-index: 15;
	border: 0 none;
}
#recherche form {
	color: rgb(77, 77, 77); font-family: "Source Sans Pro",sans-serif;
}
#recherche input.box[name="recherche"] {
	border-color: rgba(128, 128, 128, 0.53); color: rgba(128, 128, 128, 0.77);
    font-size: 0.8rem; height: 1.5rem; margin-top: 1.47rem; padding-left: 0.5rem; position: absolute; right: 3.5rem; width: 13rem;
}

#recherche input.bouton-rechercher[name="submit"] {
    position: absolute; right: 1.5rem; top: 1.06rem;
}
/* colonne de droite */
#pageune,
#pageseconde {
  border-left: 1px solid #ccf1f1;
  margin: 0 0 0 211px;
}
#pageune #texte #texte_gauche #carrousel {
	display: none;
}
#pageune #texte #texte_gauche div.alaune h2 {
	display: none;
}

#pageune #texte #texte_gauche div.a-noter div.article {
	/* clear: both; */
	min-height : 11em;
}
#pageune #texte #texte_gauche #texte_laune .alaune p {
	hyphens: auto;
	word-wrap: break-word;
}
#pageune #texte #texte_gauche div.a-noter div.article div.intro p, #pageune #texte #texte_gauche div.actus div.article div.intro p {
	line-height: 1.2rem;
}
body.p-article #principal #pageseconde #texte .groupetitre h2 {
	font: normal 24px georgia,serif; 
}
#pageseconde #texte .resume .content h3 {
	font-size: 14px;
    font-weight: bold;
}
#pageseconde #texte .resume .content h4 {
    font-weight: normal;
}
#texte_gauche {
  border: medium none; padding-right: 3rem; width: 666px;
}
#texte_droite {
  border-left: 1px solid #ccf1f1; display: none;
}
div.separateur {
  border-bottom: 1px solid #ccf1f1;
}
h2 {
	color: rgb(191, 120, 101);
}
p.suite {
	color: rgb(93, 139, 162);
    font-size: 0.8rem;
    font-style: italic;
    height: 1.2rem;
    padding: 0;
}
#texte {
	color: #4D4D4D; padding: 4rem 2rem 2rem; padding: 4rem 2rem 2rem; font-family: "Source Sans Pro",sans-serif; overflow: visible; line-height: 1.2rem;
}
#texte p {
	margin-bottom: 0.6rem;
}
#texte .chapeau {
	font-style: normal;
    /* font-weight: bold; */
}
div.intro {
    font-size: 0.9rem;
    line-height: 1.5rem;
}
div.resume {
    clear: none;
}
div.resume.first {
    border-top: 0 none;
    padding-top: 0;
}
.date {
	color: #62292f;
}
#texte div.actus {
	margin-top: -7px; margin-left: 343px; width: 48%; color: rgb(77, 77, 77);
    font-family: "Source Sans Pro",sans-serif;
}
#texte div.actus h2.toutes-publis {
  float: right;
  font-weight: normal;
  font-size: 12px;
}
#texte div.a-noter {
	float: left;
	margin-bottom: 1.5rem;
    margin-left: -8px;
    width: 48%;
	color: rgb(77, 77, 77);
    font-family: "Source Sans Pro",sans-serif;
}
#texte div.a-noter h2.toutes-actus {
  float: right;
  font-weight: normal;
  font-size: 12px;
}
#texte div.a-noter h2.toutes-actus a{
  color: #62292f;
}
#texte div.a-noter h2 {
  border-bottom: none;
  color: #551d20;
}
#texte div.actus h2 {
	color: #551d20;
	padding-top: 9px;
}
#texte div.a-noter div.content {
  border-bottom: 1px solid #e1e5e8;
}
#texte div.content h3 a{
  color: #000000;
}
#texte div.content div.intro p{
  color: #62292f;
}
#texte div.content p.suite a{
  color: #62292f;
}
#texte div.alaune div.content h3 {
	display: none;
}
#texte #nav-droite {
	display: none;
}
#pageseconde #texte #nav-art-haut #nav-art-freres-haut {
	display: none;
}
#pageseconde #texte .rubgen+#nav-rub-bas {
	clear: none;
}
/* */
#pied-de-page {
	margin : 10px auto;
    margin-top: 1rem;
	font-family: "Source Sans Pro",sans-serif;
}
#pied-de-page ul, #pied-de-page li, #pied-de-page a:link, #pied-de-page a:visited {
    color: rgb(176, 176, 176); font-family: "Source Sans Pro",sans-serif;
    font-size: 0.75rem;
    letter-spacing: 1px;
}
#pied-de-page a:hover {
    /* couleur des liens du pied de page, sur rollover */
    color: #5D8BA2;
}
