/*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');*/
:root{
--main-violet: rgb(141,14,87);
--main-violeta75: rgba(141,14,87,0.75);
--main-orange: rgb(241,138,0);
--main-grisc: rgb(194,198,201);
--main-grisca50: rgba(194,198,201,0.5);
--main-grisf: rgb(91,103,112);
--main-vertf: rgb(0,174,66);
--main-bleuf : rgb(0,22,137);
--main-bleuc:rgb(42,125,225);
--main-vertc:rgb(21,227,67);
--couleur2:rgb(0 129 140);
--main-jaune:rgb(242,244,96);
}


#enhaut{z-index:200010; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:32px; text-align:center; opacity:.2;}
#enhaut.visible{visibility:visible; opacity:.5;}
#enhaut:hover{opacity:1;}
#enhaut{color:#FFFFFF; background-color:#E75113;}

/*div{overflow: hidden;}*/ /* PB avec menu sous forme responsive */
/* IMAGE */
/*img{
  max-width:300px;
}
.style2_contenu img{
  width:100%;
}
.style1_contenu img{
  max-width:300px;
  float: right;
}*/

#CybotCookiebotDialog{overflow: scroll;}
#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper{overflow: scroll;}


/* CLASSES UTILES */
.fleft{float:left; margin:5px 20px 5px 0;; display:block;}
.fright{float: right; margin:5px 0px 10px 20px; display:block;}
.fcentre{float: none; clear: both; display: block; margin:5px auto; padding:10px 0;}
a img.fcentre{display:block;}
.fnone{float: none;}
.img30pc{width: 30%; padding:0 calc(2% - 5px);}
.img100pc{width:94%; display: block; margin:5px auto;}
.icotitre_ufr-am{width:4px;}
.img20{width:20px;}
.img40{width:40px;}
.img50{width:50px;}
.img100{width:80px;}
.img150{width:130px;}
.img200{width:180px;}
.img250{width:220px;}
.img300{width:270px;}
.parenthese{width:5px;}
td img.img300{width:200px; display:block; margin: 2px auto;}
.img400{width:370px;}
.img500{width:100%;}
.img_icone_trapeze{width:9px;height:10px;}
.imgcentre{width:427px; display: block; margin:10px auto;}
.flex1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
.flex2{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; align-content: flex-start;}
.quart{width:calc(25% - 40px);}
.tier{width:calc(33% - 40px);}
.demi{width:calc(50% - 40px);}
.cinquieme{width:calc(20% - 40px);}
.quart, .tier, .demi, .cinquieme{padding:5px;}
.txtc{text-align: center;}
/* POUR RESPONSIVE */
#barre_menu ul.apparait{display:block;}
#barre_menu ul.disparait{display:none;}
code{
  padding: 5px 10px;
color: #FFF;
background-color: #000;
width: 100%;
display: block;
}
table {width:100%; margin-bottom:20px;}
.collapse{border-collapse: collapse;}
.tablecenter{width:100%; margin:10px auto; display: block; clear: both;}
img[src="http://testksup.univ-paris3.fr/medias/photo/puce-orange_1460558731274.jpg"]{
  width:7px;
  height: 7px;
  display: inline-block;
  margin-right: 5px;
}
a.liensans, a.liensans:hover{
  text-decoration: none;
}
.col30{
  width:32%;
}
.col50{
  width:49%;
}
.col100{
  width:98%;
  margin:0 auto;
}
/*COMMUN */
a{cursor: pointer;}
/*styme pour menu */
/*Barre supérieure */
.barre_haute{
  display: flex;
  justify-content:space-between;
  align-items:center;
  flex; flex-wrap:wrap;
}

ul#menu_principal ul li:hover {
  list-style: none;
}
ul#menu_principal li ul li a {
  padding:10px 5px;
}
ul#menu_principal li ul li a:hover {
  color: var(--main-violet);
  text-decoration: none;
 }
/* Gestion rajout des span et strong dans les titres des rubriques */
 li.sub_menu_haut a span{
  color:var(--main-grisc);
  display:block;
 }
li.sub_menu_haut a:hover span{
  color:var(--main-grisf);
  text-decoration: none;
 }
  li.sub_menu_haut a:hover span img{
   display:inline-block;
   margin-right:3px;
 }
.menu_secondaire li ul li em a strong, .menu_secondaire li ul li a strong, 
.menu_secondaire li ul li em a span, .menu_secondaire li ul li a span{
  color:#000;
 }
.menu_secondaire li ul li em a:hover strong, .menu_secondaire li ul li a:hover strong,
.menu_secondaire li ul li em a:hover span, .menu_secondaire li ul li a:hover span{
  color:var(--main-grisc);
  text-decoration: none;
 }

#acces ul li{min-height:30px;}
#acces ul li a{padding-left : 30px; width:calc(100% - 30px); padding-top:5px; display:block;}
#acces ul li.acces{background-image: url("img/pictos/acces.png");}
#acces ul li.mission{background-image: url("img/pictos/mission.png");}
#acces ul li.bibli{background-image: url("img/pictos/bibli.png");}
#acces ul li.marche{background-image: url("img/pictos/marche.png");}
#acces ul li.recrut{background-image: url("img/pictos/recrut.png");}
#acces ul li.docu{background-image: url("img/pictos/document_officiel.png");}
#acces ul li.acces, #acces ul li.mission, #acces ul li.bibli, #acces ul li.marche, #acces ul li.recrut, #acces ul li.docu{
  background-repeat: no-repeat;
  background-position: 0 0;
}
#acces ul li.acces:hover{background-image: url("img/pictos/acces_over.png");}
#acces ul li.mission:hover{background-image: url("img/pictos/mission_over.png");}
#acces ul li.bibli:hover{background-image: url("img/pictos/bibli_over.png");}
#acces ul li.marche:hover{background-image: url("img/pictos/marche_over.png");}
#acces ul li.recrut:hover{background-image: url("img/pictos/recrut_over.png");}
#acces ul li.docu:hover{background-image: url("img/pictos/document_officiel_over.png");}

 /*----*/
select {
  border: 1px solid var(--main-violet);
  padding: 1px;
  margin-right:0px;
  color:#303030;
  /*margin: 5px 0 6px 14px;*/
}
#modify_high a:hover{color:#000; text-decoration: none;}
.sub_menu_haut a{padding:5px 0;}
#espaces_dedies ul {display:flex; flex-wrap:wrap;}
#espaces_dedies ul li{
  /*display:inline;*/
  list-style-type: none;
}
#espaces_dedies{
  margin-bottom:30px;
}
#espaces_dedies ul li a{
  /*display:inline;*/
  display:block;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding:3px 5px;
  margin:3px 5px;
     background-color: #FFF;
  border:solid 1px var(--main-grisf);
  color:var(--main-violet);
  transition: all 1s ease-out;
  cursor: pointer;
}
#espaces_dedies  ul li a:hover{
  border:solid 1px var(--main-violet);
  color:#FFF;
background-color: var(--main-violet);
transition: all 1s ease-out;
text-decoration: none;
}
#MOTS_CLEFS::placeholder{
  color:var(--main-violet);
  font-weight: 700;
  text-transform: capitalize;
}
.pour_recherche{float:right;}
/*, #MOTS_CLEF::-webkit-input-placeholder, #MOTS_CLEFS:-ms-input-placeholder, #MOTS_CLEFS:-moz-placeholder */

.logo_pied{display:inline-block; margin:5px 0 0 5px; float: left;}

div#pied_page a:hover {
  color:var(--main-violet);
  text-decoration: none;
    }

#pied_page .menu_reseau{
  margin-top:10px;
}

#imprimer:hover {
  color: var(--main-violet);
  text-decoration: none;
}

/*Style pour light box pure CSS */

div.lightbox {
  display: table;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index:9999;
}

div.lightbox:target {
  display: table;
  visibility: visible;
}

div.lightbox figure {
  display: table-cell;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

div.lightbox figure figcaption {
  display: block;
  margin: auto;
  padding: 8px;
  background-color: var(--main-violet);
  height: 90%;
  position: relative;
  overflow: auto;
  border: 1px #000000 solid;
  border-radius: 10px;
  text-align: justify;
  font-size: 14px;
}

div.lightbox figure .closemsg {
  display: block;
  margin: auto;
  height: 0;
  overflow: visible;
  text-align: right;
  z-index: 10002;
  cursor: default;
}

div.lightbox figure .closemsg, div.lightbox figure figcaption {
  width: 90%;
  z-index:10000;
}
div.lightbox figure figcaption iframe {
  display:block;
  margin:10px auto;
  width:98%;
  height:98%;
  }

.closemsg::after {
  content: "\00D7";
  display: inline-block;
  position: relative;
  right: -20px;
  top: -10px;
  z-index: 10003;
  color: #ffffff;
  border: 1px #ffffff solid;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  margin: 0;
  background-color: #000000;
  font-weight: bold;
  cursor: pointer;
}

.closemsg::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.85;
}
/*Style pour balise detail et  summary*/
.encadre_generique_contenu summary{
  font-size:1.1em;
  margin:5px 0 2px 0;
  padding-bottom:3px;
  border-bottom:solid 1px var(--main-grisf);
  background-color: transparent;
  color:var(--main-grisf);
}
.encadre_generique_contenu summary:hover{
  color:var(--main-orange);
  border-bottom:solid 1px var(--main-orange);
  background-color: transparent;
}
.encadre_fiche_contenu details ol{max-width:140px; margin-left:28px;}

summary{
  padding : 8px 4px;
  background-color: var(--main-violeta75);
  color:#FFF;
  margin-bottom:3px;
}
summary h5{margin:-10px 0 0 20px;}
summary:hover{
  background-color: var(--main-violet);
  cursor: pointer;
}
details{
  padding:1px 0px;
}

details a.liensum{
  display:block;
}

.sepdetails{
  border-top:solid 1px var(--main-orange);
  padding-top:2px;
  font-size: 110%;
  line-height: 140%;
  margin-top:10px;
  margin-bottom:4px;
  color: var(--main-orange);
}
.soustitre{display:block; font-size: 80%; padding:5px 0;}

details h6{
  font-size: 100%;
  margin: 10px 0 0px 0;
}

/*Changement charte graphique */
#infos_pratiques ul li{list-style: none;}

/* Pour menu */
#menu_principal li.menu_haut_style:hover ul{
  display:block;
}

/* -------------- UTILITAIRE ADMIN --------------- */
/* titre pour UFR Art et média*/
#imgcalendrier{opacity: 0.8;}
#imgcalendrier:hover{opacity: 1; text-decoration: none;}

div.soustitretrapeze{
  display:flex;
  min-height: 30px;
  justify-content: flex-start;
  align-items: center;
}
div.soustitretrapeze h4{
  font-size:1.6em;
  font-variant: small-caps;
  min-height: 30px;
}
div.soustitretrapeze svg{width: 30px; height: 85px;}
div.poursoustitre{
  display:flex;
  min-height: 30px;
  justify-content: flex-start;
  align-items: center;
}
div.poursoustitre h4{
  font-size:1.6em;
  font-variant: small-caps;
  min-height: 30px;
}
div.poursoustitre svg{width: 30px; height: 85px;}
div.violet h4{color:var(--main-violet);}
div.violet svg{fill:var(--main-violet);}
div.violeta75 h4{color:var(--main-violeta75);}
div.violeta75 svg{fill:var(--main-violeta75);}
div.orange h4{color:var(--main-orange);}
div.orange svg{fill:var(--main-orange);}
div.bleuc h4{color:var(--main-bleuc);}
div.bleuc svg{fill:var(--main-bleuc);}
div.bleuf h4{color:var(--main-bleuf);}
div.bleuf svg{fill:var(--main-bleuf);}
div.vertc h4{color:var(--main-vertc);}
div.vertc svg{fill:var(--main-vertc);}
div.vertf h4{color:var(--main-vertf);}
div.vertf svg{fill:var(--main-vertf);}
div.grisc h4{color:var(--main-grisc);}
div.grisc svg{fill:var(--main-grisc);}
div.grisca50 h4{color:var(--main-grisca50);}
div.grisca50 svg{fill:var(--main-grisca50);}
div.grisf h4{color:var(--main-grisf);}
div.grisf svg{fill:var(--main-grisf);}
a.btarrondi{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:8px 15px;
  font-size:1.1em;
}
/*bouton rectangle*/
a.boutoncar{
  padding:5px 30px 20px 5px;
  width:140px;
  display: inline-block;
  margin:5px;
}
a.bouton-violet{
  border: solid 1px var(--main-violet);
  background-color: var(--main-violet);
  color:#FFF;
}
a.bouton-violeta75{
  border: solid 1px var(--main-violeta75);
  background-color: var(--main-violeta75);
  color:#FFF;
}
a.bouton-orange{
  border: solid 1px var(--main-orange);
  background-color: var(--main-orange);
  color:#FFF;
}
a.bouton-bleuc{
  border: solid 1px var(--main-bleuc);
  background-color: var(--main-bleuc);
  color:#FFF;
}
a.bouton-bleuf{
  border: solid 1px var(--main-bleuf);
  background-color: var(--main-bleuf);
  color:#FFF;
}
a.bouton-vertc{
  border: solid 1px var(--main-vertc);
  background-color: var(--main-vertc);
  color:#FFF;
}
a.bouton-vertf{
  border: solid 1px var(--main-vertf);
  background-color: var(--main-vertf);
  color:#FFF;
}
a.bouton-grisc{
  border: solid 1px var(--main-grisc);
  background-color: var(--main-grisc);
  color:#FFF;
}
a.bouton-grisca50{
  border: solid 1px var(--main-grisca50);
  background-color: var(--main-grisca50);
  color:#000;
}
a.bouton-grisf{
  border: solid 1px var(--main-grisf);
  background-color: var(--main-grisf);
  color:#FFF;
}
a.bouton-violet:hover,a.bouton-orange:hover,a.bouton-bleuc:hover,a.bouton-bleuf:hover,a.bouton-grisf:hover,
a.bouton-vertc:hover,a.bouton-vertf:hover,a.bouton-violeta75:hover,a.bouton-grisc:hover,a.bouton-grisca50:hover{
  background-color: #FFF;
  color:#000;
  text-decoration: none;
}
/*bloc annonce */
.annonce{
  padding:20px;
  margin:10px 0;
}
a .annonce p{color:#000;}
.annonce p{color:#000; font-size:1.1em; text-align: center;}
.annonce h4{font-size: 1.6em; color:#FFF; text-align: center;}
a .annonce h3{padding:40px 10px 0px 10px; color:#FFF;}
a .annonce h5{/*padding:5px 10px 0px 10px;*/ color:#FFF;}
.annonce-orange{
  border: solid 2px var(--main-orange);
  background-color: var(--main-orange);
}
a:hover .annonce-orange h4{
  background-color: var(--main-orange);
}
a:hover .annonce-orange h3, a:hover .annonce-orange h5{
  color: var(--main-orange);
}
.annonce-violet{
  border: solid 2px var(--main-violet);
  background-color: var(--main-violet);
}
a:hover .annonce-violet h4{
  background-color: var(--main-violet);
}
a:hover .annonce-violet h3, a:hover .annonce-violet h5{
  color: var(--main-violet);
}
.annonce-violeta75{
  border: solid 2px var(--main-violeta75);
  background-color: var(--main-violeta75);
}
a:hover .annonce-violeta75 h4{
  background-color: var(--main-violeta75);
}
a:hover .annonce-violeta75 h3, a:hover .annonce-violeta75 h5{
  color: var(--main-violeta75);
}
.annonce-bleuc{
  border: solid 2px var(--main-bleuc);
  background-color: var(--main-bleuc);
}
a:hover .annonce-bleuc h4{
  background-color: var(--main-bleuc);
}
a:hover .annonce-bleuc h3, a:hover .annonce-bleuc h5{
  color: var(--main-bleuc);
}
.annonce-bleuf{
  border: solid 2px var(--main-bleuf);
  background-color: var(--main-bleuf);
}
a:hover .annonce-bleuf h4{
  background-color: var(--main-bleuf);
}
a:hover .annonce-bleuf h3, a:hover .annonce-bleuf h5{
  color: var(--main-bleuf);
}
.annonce-vertc{
  border: solid 2px var(--main-vertc);
  background-color: var(--main-vertc);
}
a:hover .annonce-vertc h4{
  background-color: var(--main-vertc);
}
a:hover .annonce-vertc h3, a:hover .annonce-vertc h5{
  color: var(--main-vertc);
}
.annonce-vertf{
  border: solid 2px var(--main-vertf);
  background-color: var(--main-vertf);
}
a:hover .annonce-vertf h4{
  background-color: var(--main-vertf);
}
a:hover .annonce-vertf h3, a:hover .annonce-vertf h5{
  color: var(--main-vertf);
}
.annonce-grisc{
  border: solid 2px var(--main-grisc);
  background-color: var(--main-grisc);
}
a:hover .annonce-grisc h4{
  background-color: var(--main-gric);
}
a:hover .annonce-grisc h3, a:hover .annonce-grisc h5{
  color: var(--main-gric);
}
.annonce-grisca50{
  border: solid 2px var(--main-grisca50);
  background-color: var(--main-grisca50);
}
a:hover .annonce-grisca50 h4{
  background-color: var(--main-grica75);
}
a:hover .annonce-grisca50 h3, a:hover .annonce-grisca50 h5{
  color: var(--main-grica75);
}
.annonce-grisf{
  border: solid 2px var(--main-grisf);
  background-color: var(--main-grisf);
}
a:hover .annonce-grisc h4{
  background-color: var(--main-grisf);
}
a:hover .annonce-grisc h3, a:hover .annonce-grisc h5{
  color: var(--main-grisf);
}
a:hover .annonce-orange h4, a:hover .annonce-violet h4, a:hover .annonce-violeta75 h4,
a:hover .annonce-bleuc h4, a:hover .annonce-bleuf h4, a:hover .annonce-vertc h4,
a:hover .annonce-vertf h4, a:hover .annonce-grisc h4, a:hover .annonce-grisca75 h4,
a:hover .annonce-grisc h4, a:hover .annonce-orange h3, a:hover .annonce-violet h3, a:hover .annonce-violeta75 h3,
a:hover .annonce-bleuc h3, a:hover .annonce-bleuf h3, a:hover .annonce-vertc h3,
a:hover .annonce-vertf h3, a:hover .annonce-grisc h3, a:hover .annonce-grisca75 h3,
a:hover .annonce-grisc h3, a:hover .annonce-orange h5, a:hover .annonce-violet h5, a:hover .annonce-violeta75 h5,
a:hover .annonce-bleuc h5, a:hover .annonce-bleuf h5, a:hover .annonce-vertc h5,
a:hover .annonce-vertf h5, a:hover .annonce-grisc h5, a:hover .annonce-grisca75 h5,
a:hover .annonce-grisc h5{
  text-decoration: none;
}
a:hover .annonce-orange, a:hover .annonce-violet, a:hover .annonce-bleuc, a:hover .annonce-bleuf,
a:hover .annonce-vertc, a:hover .annonce-vertf, a:hover .annonce-grisc, a:hover .annonce-grisca75, a:hover .annonce-grisf{
  background-color: #FFF;
  text-decoration: none;
}

a:hover .annonce h4, a:hover .annonce h3, a:hover .annonce h5{text-decoration: none;}
.annonce h4, .annonce h3, .annonce h5{text-decoration: none;}
.annonce:hover h4, .annonce:hover h3, .annonce:hover h5{text-decoration: none;}
/* classes couleurs */
.bgviolet{background-color: var(--main-violet);}
.bgvioleta75{background-color: var(--main-violeta75);}
.bgorange{background-color: var(--main-orange);}
.bggrisc{background-color: var(--main-grisc);}
.bggrisca50{background-color: var(--main-grisc);}
.bggrisf{background-color: var(--main-grisf);}
.bgvertf{background-color: var(--main-vertf);}
.bgbleuf{background-color: var(--main-bleuf);}
.bgbleuc{background-color: var(--main-bleuc);}
.bgvertc{background-color: var(--main-vertc);}
.bgjaune{background-color: var(--main-jaune);}

.txtviolet{color: var(--main-violet);}
.txtvioleta75{color: var(--main-violeta75);}
.txtorange{color: var(--main-orange);}
.txtgrisc{color: var(--main-grisc);}
.txtgrisf{color: var(--main-grisf);}
.txtvertf{color: var(--main-vertf);}
.txtbleuf{color: var(--main-bleuf);}
.txtbleuc{color: var(--main-bleuc);}
.txtvertc{color: var(--main-vertc);}
.txtblanc{color:#FFF;}
.txtnoir{color:#000;}

.flg{display: block; float: left; margin:5px 20px 10px 0;}
.fld{display: block; float: right; margin:5px 0px 10px 20px;}
.flc, a img.flc{display: block; float: none; margin:20px auto 10px auto; text-align: center;}
.clear{clear:both; margin-top:15px;}
div.clear{clear:both; padding-top:20px;}

h5.pourcadre{
  text-align: center;
  font-size: 1.1em;
  padding:5px;
  margin-bottom:0;
}
div.lecadre{
  padding:5px;
  margin-top:0;
  margin-bottom:5px;
}
div.lecadregrisc{border:solid 1px var(--main-grisc);}
div.lecadregriscf{border:solid 1px var(--main-grisf);}
div.lecadreviolet{border:solid 1px var(--main-violet);}
div.lecadrevioleta75{border:solid 1px var(--main-violeta75);}
div.lecadrevertf{border:solid 1px var(--main-vertf);}
div.lecadrevertc{border:solid 1px var(--main-vertc);}
div.lecadrebleuf{border:solid 1px var(--main-bleuf);}
div.lecadrebleuc{border:solid 1px var(--main-bleuc);}
div.lecadreorange{border:solid 1px var(--main-orange);}

span.exergue{display:block; margin:10px 0;}
h4.exergue, h5.exergue, h6.exergue{color:#000; margin:10px 0;}

.exergue{
  padding:10px 20px;
  border-left-style: solid;
  border-left-width: 6px;
  font-size:1.1em;
  font-weight: 500;
}
h4.exergue{font-size:1.4em;}
h5.exergue{font-size:1.2em;}
.exerguegrisc{border-left-color: var(--main-grisc); background-color: rgba(194,198,201,0.2);}
.exerguegrisf{border-left-color: var(--main-grisf); background-color: rgba(91,103,112,0.2);}
.exergueviolet{border-left-color: var(--main-violet); background-color: rgba(141,14,87,0.2);}
.exerguevioleta75{border-left-color: var(--main-violeta75); background-color: rgba(141,14,87,0.2);}
.exergueorange{border-left-color: var(--main-orange); background-color: rgba(241,138,0,0.2);}
.exerguevertc{border-left-color: var(--main-vertc); background-color: rgba(21,227,67,0.2);}
.exerguevertf{border-left-color: var(--main-vertf); background-color: rgba(0,174,66,0.2);}
.exerguebleuc{border-left-color: var(--main-bleuc); background-color: rgba(42,125,225,0.2);}
.exerguebleuf{border-left-color: var(--main-bleuf); background-color: rgba(0,22,137,0.2);}
.exerguejaune{border-left-color: var(--main-jaune); background-color: rgba(218,227,67,0.2);}


details blockquote{
  padding:25px 20px;
  font-style: italic;
  font-size:1.1em;
  margin:10px 0;
  background : url("img/quote_20.png") no-repeat;
}
blockquote cite{
  font-style: normal;
  display: block;
  font-size: 0.9em;
}

em.petit{font-size:80%; font-style: normal; font-weight: normal;}

blockquote{
  padding:45px 45px;
  font-style: italic;
  /*font-size:1.2em;*/
  margin:10px 0;
  background : url("img/quote.png") no-repeat;
}

blockquote.ptt{
  padding:15px 15px;
  font-style: italic;
  font-size:0.85;
  margin:5px 0;
  background : url("img/quote_10.png") no-repeat;
}

dl{margin :15px;}
dt{font-size:1em; font-weight: 700; margin:10px 0 0 0;}
dd{font-style: italic; margin:0 0 10px 0;}

dl.type_2 dt{font-size:1em;}
dl.presentation{margin :15px 7px;}


.imprimer{color:var(--main-grisf); cursor: pointer;}
.imprimer:hover{color:var(--main-violet);}