body         {font-family: Arial;margin:0px;font-size:16px;}
h1           {font-size:14pt;}
.titre_page   {margin-top:0px;padding-top:10px;padding-left:10px;text-align:left;}
h2          {font-size:14pt}
h3          {font-size:12pt}
ul 	     {list-style-image:url("/img/fleche-bleue.png")}
ul ul	     {list-style-image:url("/img/puce-bleue.png")}
ul ul ul     {list-style-image:url("/img/carre-bleu.png")}
li          {margin-bottom:6px;margin-top:2px}
header, section, article, aside, footer, nav {display:block}
header {width:1016px;}
header h1 {float:left;}
header .t_search {width:794px;}
header .t_nosearch {width:834px;}
#g_divsearch {float:right;position:relative;padding:7px 5px 4px 8px;background-color:#16A085;border-radius:5px;margin-right:4px;cursor:pointer;}
summary {display:inline-block;color:#0000EE;cursor:pointer;padding-left:5px;padding-right:5px;margin:5px;}
#g_hautvariable {width:728px;}
#g_corpsvariable {width:728px;margin:5px auto 5px auto;}
#lasection {width:849px;float:left;margin:auto;max-width:100vw;padding-right:3px;}
article {padding:8px;}
.warning {border:1px solid red;color:red;font-weight:bold;margin:10px;padding:10px;text-align:center;}
#lesboutons .undesboutons {width:120px;}
.boutaside {border-radius:5px;background-color:#16A085;padding:5px 0px 5px 0px;margin:5px;overflow:hidden;}
.boutaside a {color:#FFFFFF !important;font-weight:bold;font-size:13px;text-decoration:none;}
.boutaside a:hover {color:yellow;}
header #lesboutons, header .lien_quizz {float:right;width:100px;height:82px;color:#FFFFFF;background-color:#16A085;border-radius:5px;padding:0px 8px 8px 8px;margin:4px}
.lien_quizz {text-align:center;display:none;}
.lien_quizz a {display:table-cell;vertical-align:middle;color:white;width:100px;max-width:100px;overflow:hidden;font-size:14px;font-weight:bold;text-decoration:none;}
.bts_per, #bts_seltype, #bts_annee_in {margin-top:5px;width:94px;color:#000000;background-color:#FFFFFF}
#asidegauche {position:static;float:left;width:160px;background:#FFFFFF;padding-left:3px;margin-top:5px;}
.visible    {text-align:left;background-image : url(gif/moins.gif);background-position:center left;background-repeat:no-repeat;cursor:pointer;font-weight:bold;padding-left:20px}  
.cache      {text-align:left;background-image : url(gif/plus.gif);background-position:center left;background-repeat:no-repeat;cursor:pointer;font-weight:bold;padding-left:20px}  
.site_nouveau {display:none;}
.enavant {background-color:#fff176;color:black;border:1px solid black;padding:10px;margin-top:10px;border-radius:10px;box-shadow: -3px 0px 6px 2px black, 3px 0px 6px 2px black;}
.enavant a {color:blue !important;}
#contenu_doc {padding-left:10px;width:100%;}
.colorspan {border: solid 2px blue ;cursor:pointer;position:relative;display:inline-block;margin-bottom:4px;padding-left:3px;padding-right:3px;}
.coloractif {border: solid 2px green ;cursor:pointer;position:relative;display:inline-block;margin-bottom:4px;padding-left:3px;padding-right:3px;}
input:invalid, .invalid {outline:3px red dotted}
input[type="text"]:focus, input[type="color"]:focus, textarea:focus {-webkit-text-size-adjust:none;text-size-adjust:none;}
.un_bloc {display:inline-block;}
.divagauche {float: left;width: 200px;margin: 10px;}
.divadroite {float: left;width: 400px;margin: 10px;}
.divadroite p {margin-top:0px;margin-bottom:5px;}
.table_dedoc {border-collapse:collapse;margin-right:10px}
.table_dedoc tr td,.table_dedoc tr th {border:1px solid grey;padding:10px}
.infolien {position: relative; text-decoration: none; color:black;border: 2px red dotted; white-space:nowrap;}
.infolien .infobulle {
   position: absolute;display:block;visibility:hidden}
.infolien .infobulle * {
   font-size:12px;
   font-family:Arial}
mark .infobulle img {margin-top:5px;padding-top:5px;border-top:1px solid black;}    
.infolien:hover .infobulle {   
   display:block;visibility:visible;
   font-size:12px;
   font-family:Arial;
   text-align:left;
   top: 20px;
   background: white;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   color: #000000;
   padding: 3px;
   border: 1px solid black;
   border-left: 3px solid black} 
.curseurlien {cursor:pointer;}   
#pubcalend p {font-weight:bold}
#pubcalend ul  {list-style-image:url("/gif/puce_rouge.gif");margin-left:20px}
#pubcalend ul li {font-size:12px;font-weight:bold}
#div_commentaires pre {white-space:pre-wrap;margin:3px;}
.desimage {margin:0px;}
.doc_nouveau {display:list-item;list-style:url("/gif/nouveau.gif");list-style-position:inside;border:1px solid black;margin:3px;padding:5px;background-color:#d3f5a0}
.doc_new {display:list-item;list-style:url("/gif/new.gif");list-style-position:inside;border:1px solid black;margin:3px;padding:5px;background-color:#d3f5a0}
.search_form div {display:inline-block;margin-bottom:10px;}
.search_div {border:1px solid grey;padding:2px 5px 0px 5px;margin:2px;border-radius:10px;box-shadow: -2px 0px 3px 2px grey, 2px 0px 3px 2px grey;max-width:90vw;}
.search_input {height:20px;vertical-align:top;padding:4px;margin:4px;max-width:calc(100% - 80px);}
.search_filtre {padding-left:8px;display:inline-block;} 
.tdevent {padding:10px;}
.ar_event {border:1px dashed #a9a6a6;padding:8px 8px 3px 8px;}
.tdevent p, .ar_event p {margin:0px 0px 5px 0px;padding:5px;}
.ar_event h3 {font-size:16px;font-weight:bold;margin:0px;}
.datehist {display:block;float:left;text-align:right;margin-bottom:10px;padding-right:20px;;}
.histimg {float: left; margin: 0px 5px 0px 5px;}
.histlienimg {float: right;}
.histlienimg::before {content:" ";float:left;display:inline-block;width:30px;height:20px;margin-top:10px;background-image:url(/img/lienimg.png);background-repeat:no-repeat;}
.enavant .histlienimg::before {margin-left:0px;}
.enavant .histimg {border:2px solid brown;}
.citauteur {margin-left:20px;font-weight:normal;font-style:italic;font-size:120%;}
.citauteur::before {content:"--> ";}
.pages_liens {display:inline-block;font-weight:bold;}
.pages_liens a {padding: 5px;margin:2px;line-height: 1.4;background: #16A085;border-radius: 50%;color: white;text-decoration: none;display: inline-block;width: 20px;height: 20px;text-align: center;}
.pages_encours {padding: 5px;margin:2px;line-height: 1.4;border:1px solid black;border-radius: 50%;display: inline-block;width: 18px;height: 18px;text-align: center;}
.levt_jour div,.levt_mois div {float:left;padding:8px;}
.levt_dec div {float:left;padding:12px;text-align:center;font-size:90%;}
.hotspot {color:#900; padding-bottom:1px; border:1px dotted #900; cursor:pointer}
#ttinfobulle {position:absolute; display:block; border:#000000 solid 2px;font:11px/1.5 Verdana, Arial, Helvetica, sans-serif}
#ttinfobulletop {display:block; height:20px; margin:0px; background:#ffffff; text-align:center; padding:0px}
#ttinfobullecont {display:block; padding:2px 12px 3px 7px; margin:0px; background:#666; color:#FFF}
#ttinfobullecont a {color:yellow}
#ttinfobullebot {display:block; height:5px; margin:0px; background:#666;}
#okcookies {position:sticky;z-index:10000;bottom:0px;padding:5px;background-color:#360;color:white;text-align:center;font-size:12px;}
footer {clear:both;background-color:#16A085;color:#FFFFFF;padding-bottom:10px;padding-top:10px;max-width:1016px;}
footer#footerbas a {color:#FFFFFF;}
footer#footerbas a:hover {color:yellow}
#footerpub {margin:0px auto 0px auto;max-width:730px;padding:10px;background-color:white;}
#bthautdepage {float:right;margin:0px 20px 0px 0px;width:24px;}
.footer_lien {float:left;margin:10px 20px 0px 10px;}
.fb-like iframe {width:140px !important;margin-top:10px;}
ul#lemenu,ul#lemenu ul{
	margin:0;list-style:none;padding:0;border-width:0}
ul#lemenu {width:145px;font-size:0;z-index:999;position:relative;display:block;float:left;padding:0px 5px 0px 5px;}
ul#lemenu ul{
	visibility:hidden;position:absolute;left:100%;top:0;transition:visibility 0.5s;background:#FFFFFF;border-radius:5px;padding:0 3px 3px;box-shadow:0px 0px 1px 1px #63dbc3;}
ul#lemenu li:hover>ul{
	visibility:visible}
ul#lemenu li{
	position:relative;display:block;white-space:nowrap;font-size:0;border-radius:5px;background-color:#16A085}
ul#lemenu li:hover{background-color:#1d5d52;transition:background-color 2s;z-index:1;}
ul#lemenu ul ul{
	position:absolute;left:100%;top:0px;box-shadow:0px 0px 1px 1px #63dbc3;}
ul#lemenu a:active, ul#lemenu a:focus{
	outline-style:none;}
ul#lemenu a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:13px Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:bold;
	color:#FFFFFF;cursor:pointer;padding:5px 12px;border-width:0px;
	}
ul#lemenu a strong {font-weight:bolder;}	
ul#lemenu ul li{
	float:none;margin:3px 0 0;border-width:0px}
ul#lemenu ul a{
	text-align:left;padding:5px;border-radius:5px;font:13px Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:bold;color:#FFFFFF;text-decoration:none;}
ul#lemenu li:hover>a,ul#lemenu li a.pressed{
	border-style:none;color:yellow;text-decoration:none;}
ul#lemenu span{
	display:block;overflow:visible;background-image:url("/img/arrowsub.gif");background-position:right center;background-repeat:no-repeat;padding-right:10px;}
ul#lemenu li.sousmenu>a {
   background-image:url("/img/arrowsub.gif");background-position:right center;background-repeat:no-repeat;margin-right:5px;padding-right:10px}	
ul#lemenu ul li:hover>a,ul#lemenu ul li a.pressed{
	color:yellow;text-decoration:none;}
ul#lemenu li.calmenu>a{
	border-radius:5px;}
ul#lemenu li.calmenu:hover>a,ul#lemenu li.calmenu a.pressed{
	color:yellow;}
ul#lemenu a.lienvide {cursor:default;}	
@media screen 
{#lehaut {margin:auto;width:1016px;max-width:100vw;}
.page_doc {border-right:1px solid black;border-left:1px solid black;}
.page_doc #menu {margin:auto}
.page_doc #lasection {background-color:white;}
.titre_page {margin:0px;color:#FFFFFF;background-color:#16A085;border-radius:5px;padding:8px}
.doc_D #larticle img {max-width:calc(100vw - 30px);}
.doc_D #larticle ul img {max-width:calc(100vw - 60px);}
.doc_D #larticle ul ul img {max-width:calc(100vw - 80px);}
.noscreen {display:none !important;}
#printcopyright {display:none;}
#menu {width:450px;}
header h1 {margin:0px;color:#FFFFFF;background-color:#16A085;border-radius:5px;padding:8px 8px 4px 8px}
.infolien:hover { 
   background: yellow; 
   z-index: 9100; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
   }
}
@media screen and (min-width: 1017px)
  {#lasection {float:right;}
   #okcookies {width:1006px;}
   .lien_quizz {display:none;}
  }
@media screen and (min-width: 543px) and (max-width: 1016px)
  {ul 	     {padding-left:30px}
   ul ul	     {padding-left:20px}
   ul ul ul     {padding-left:20px}
   .page_doc {width:auto;}
   header {width:calc(100% - 2px);}
   .page_doc #lasection {width:auto;clear:both}
   .page_doc #lasection h1 {margin:0px 5px 0px 5px;}
   .page_calend #lasection h1 {max-width:calc(100vw - 25px);}
   header #lesboutons {float:left;height:35px;width:auto;padding:5px 0px 0px 10px;}
   #lesboutons .undesboutons {width:120px;float:left}
   .doc_H #lesboutons.ya_quizz {display:none;}
   .doc_H .lien_quizz {display:block;float:left;height:35px;width:auto;padding:5px 0px 0px 10px;}
   .doc_H .lien_quizz a {display:inline-block;width:auto;max-width:300px;padding-right:5px;}
   .doc_H .lien_quizz a br {display:none;}
   .attente {display:none;}
   header .t_search  {width:calc(100% - 222px);}
   header .t_nosearch  {width:calc(100% - 182px);}
   #asidegauche {position:static !important;float:left !important;}
   #g_hautvariable {width:calc(100% - 180px);}
   #g_corpsvariable {width:100%;}
	}
@media screen and (min-width: 100px) and (max-width: 542px)
  {ul 	     {padding-left:20px}
   ul ul	     {padding-left:15px}
   ul ul ul     {padding-left:15px}
   .divadroite {clear:both;width:200px}
   .divadroite p {margin-top:0px;margin-bottom:10px;}
   #menu {width:auto}
   .page_doc {width:auto;border:0px}
   header {width:calc(100% - 2px);}
   .page_doc #lasection {width:auto;clear:both}
   .page_doc #lasection h1 {margin:0px 5px 0px 5px;}
   .page_calend #lasection h1 {max-width:calc(100vw - 25px);}
   .page_doc #asidegauche {position:relative !important;clear:both !important;top:0px !important}
   .doc_H #lesboutons.ya_quizz {display:none;}
   .doc_H .lien_quizz {display:table;float:left;}
   #asidegauche {position:static !important;float:left !important;}
   header #lesboutons {float:left;height:88px;width:120px;padding:5px 0px 0px 10px}
   #lesboutons .undesboutons {width:120px;float:left}
	 .attente {display:none;}
	 ul#lemenu ul {margin-left:-10px}
	 ul#lemenu ul ul {position:absolute;min-width:140px;left:-135px;}
	 header .t_search  {width:calc(100% - 222px);height:22px;line-height:1.4;}
   header .t_nosearch  {width:calc(100% - 182px);height:22px;line-height:1.4;}
   #g_divsearch {padding:4px 6px 2px 6px;}
   #g_hautvariable {width:calc(100% - 180px);}
   #g_corpsvariable {width:100%;}
   .footer_lien {float:none;}  
    #bthautdepage {float:none;margin:10px auto 0px auto;}
    .histimg {float: right;}
	 }
@media print 
{#lehaut {margin:0px !important;width:auto !important}
#lasection {clear:both !important;float:none !important;width:auto !important;}
.page_doc #lasection {margin:auto !important;}
#calobjets {margin:auto !important}
.noprint, header, footer, aside, nav {display:none !important}
#tdmenus {display:none !important}
#tdpubfin {display:none !important}
#larticle {padding:0px !important;}
.adsbygoogle, .adsbygoogle *, .google-revocation-link-placeholder {display:none !important;background-color:transparent !important;height:0px !important;}
}