body, .bac_col_standa{ background:#111111;font-family: verdana, sans-serif; color:#999999 ; font-weight:normal;
font-size: 1.7em; width: 70%; margin-left: 15%}
#tout{border-left-color:#666666; border-left-style:none;  border-left-width:thin;
/*background-image: url("transp_feuill10_2015a.png"); background-repeat: no-repeat;
background-position: 10px 10px*/}
.colonne_d1 {/*width: 70%;*/} /* La largeur de la colonne de gauche résultera de celle de la colonne de droite = colonne_d1. ?????????????
 LLLLLLLLL LARGEUR DE LA PAGE PAR DéFAUT ^^ ET PROPORTIONS ^^ LLLLLLLLLLLLLLLLLLLLLLLLLLLLL*/
ul {list-style-type: none}
li {padding-left: 15px}
/* LIENS */
a.tar+ {target: _blank}
a, a:visited {text-decoration: none; color:#bbbbbb}
.non_lien, a:link{font-size:1em;}//si a tout court liens intra-page petits
.non_lien {color:#444444} /*Il s'agit du mois de la page, donc ne s'appelle pas, est en couleur atténuée*/
a:hover{color:#eeeeee}
a.appel_de_note{font-size: 7pt ; font-weight:bold; color:#dddddd}
#im_dns{ border-style:none; width:257px; }
/*LIENS*/
a {font-weight:100 !important; letter-spacing:0.1em !important}
/* bordures */
.bordure1, .bordure_pointille, .emph-4bordure1
     {border-style:dotted;}
.comme_formu, .bordure0, .image260bordure, .bordure0arr {border-style:solid}
.comme_formu, .bordure0, .image260bordure, .bordure_pointille, .bordure1, .emph-4bordure1, .bordure0arr { border-color:#555555}
.comme_formu, .image260bordure, .bordure1, .bordure0,  .emph-4bordure1, .bordure0arr
      {border-width:thin}
.bordure0arr, .bordur
      {border-radius: 10px;}
.bordur, .bordure2  
     {padding:8px 30px 25px 25px ; margin : 28px 0px 15px 0px; border-color: #333333; border-width:thin; border-style : dotted; line-height: 1.8em }
.bordure_pointille {border-width:thin}
.bordure1
     {padding:8px; padding-top:8px; padding-bottom:7px}  /* util. dans "En lisant Bororo" */
/* COLONNES */
.colonne_g_inter_class/*dans duchampisterie*/, #colonne_g_inter
{text-align:right; vertical-align:top; padding-top:0px;
padding-right:13px;   font-family: arial; border-style:none; line-height:0.8em; font-size:1em; overflow: hidden}
.colonne_g_petit1, .colonne_g_petit, #colonne_g_petit, #colonne_g_petit1
{ text-align:justify; padding-right:12px; padding-left:6px;
 vertical-align:bottom; padding-bottom:0px}                            /* util.dans "...Bororo"... ... */
.colonne_g_petit, #colonne_g_petit {font-size
: 7pt; }
#colonne_g_petit_haut_d, .colonne_g_petit_haut_d, #colonne_g_petit_haut_g, .colonne_g_petit_haut_g,
.colonne_g_petit1, #petit, #colonne_g_petit1 {font-size: 7pt}
#colonne_g_petit_haut_d, .colonne_g_petit_haut_d ,#colonne_g_petit_haut_g, .colonne_g_petit_haut_g
{ padding: 14px 19px 0px 0px; vertical-align:top;}
#colonne_g_petit_haut_d, .colonne_g_petit_haut_d
{padding-right:19px;text-align:right}
.aligne_bas{ height:100%; vertical-align:bottom; padding-bottom:0px;margin-bottom:0px }
#petit{border-width:thin}
/*largeur de col gauche non précisée : déduite de largeur de page et de largeur de colonne_d1*/
.colonne_d0 {padding-top:5px;vertical-align:top;} 
/*colonne_d0 est en haut à gauche, - avec l'image */
/*colonne_d1 est la COLONNE PRINCIPALE en termes de contenu-texte */
/* LLLLL LARGEUR DE COL DE DROITE=colonne_d1 (> image) LLLLL*/
.colonne_d1,   .colonne_d1bis{ text-align:justify;font-size:0.8em; padding-right:10px;
 }
.colonne_d1bis {  padding-left:17px}
.colonne_d1,  .colonne_g_exter, .colonne_d1bis {line-height:17px ;}
#colonne_edito {font-size:8pt; text-align:center; vertical-align:top;padding:4px 2px 4px 5px; }
/* LLLLLLLL  IMAGES LARGEURS... LLLLLLLL*/
.image_point_fin  {border-width:thin;border-style:dotted}
.image, .image_no {width: 175px}  /* .image util. ds index */
.image_no{border-style:none}
.image140 {width:140px ; border-style:none}
.image170hau, .image170haut {height:150px ; border-style:none}
.image120haut, .image120hau {height:120px ; border-style:none}
.image0 {width: 400px; border-style:none}/* LLLLLLLL largeur des dessins en haut à droite LLLLLLLL */
.image300 {margin-left: 110px;width: 300px; margin-bottom:60px} /* util. dans 07fevrier */
.image_accueil_bordure, #image_accueil_bordure
{ height: 130px ; border-style:solid; border-width:thin; border-color:#444444;}
#image_accueil {width: 47%; margin-left:23%; padding-bottom:40% }
.image260bordure  {width: 250px}
.image2xx_bordure  {width: 189px; border-style:solid; border-width:thin; border-color:#333333;}
.image218, .image220  {width: 218px}   /* util. dans 06avril */
.image218{text-align:center}
.image220 {width: 180px ; margin-left: 145px }
/* util.  dans 07mars    */.image150 {width: 150px;border-style: solid; border-width:thick}/*util.ds "carambar"dans 07mars   */
.image_float0l , .image_float0d, .image_float_g, .image_float_g100 , .cent_cinquante, .image_float_g180 { width: 160px; text-align:right;  border-style:none; border-width:thin}
.image_float_g100{width:100px}
.image_float_g180{width:230px}
.float0l, .float0f , .image_float0l, .image_float_g180 {margin-right:14px; margin-top:5px; }
.float0l, .float0f, .image_float0l/*photo bmvr mendiante*/,  .image_float_g100, .image_float_g180 {float:left}
.image_float0d { margin-left:9px; margin-top:8px;margin-bottom:5px; float:right;}/*photo coin petit saint*/
.image_float_g,  .image_float_g100 { margin-right:9px; margin-top:7px;margin-bottom:4px; float:left}/* photo de la couv. de Tristes tropiques*/
.valide{width:50px;}  /* ? */
/* CITATIONS Dans bororo*/
.citation_d1, .citation_d, .citation_g { text-align:justify; color:#dddddd}

/* TITRES-HEADLINES */
h1 {letter-spacing:4px; ;  word-spacing:7px; line-height:1.2em}
h1, h2, h3, h4, h5, h6{color: /*#eeeeee*/ #cccccc; font-weight:normal}
h1, h2{ font-weight:lighter; font-size:3em; margin: 60px 0px 20px 0px !important}
h2 {font-size:2.2em}
h1, h2, h3, h4 {text-align:left}
h2, h3, h4, h5, h6{ line-height:1.3em; font-weight:bold }
h2, h3{ font-weight:lighter }
h2, h3 {letter-spacing:1px}
h5, h4{letter-spacing:2px}
h4, h3 {/*font-weight:normal*/}
/* FORMULAIRE */
#aggran{text-decoration:underline; }
#aggran, #redui{color: #bbbbbb; visibility: hidden; font-weight:bold; font-size: 10pt}
#formu{ padding: 1px 0px 0px 0px; text-align: left; }
.comme_formu{text-align:center; padding-top:20px ; padding-bottom:5px}
#site,  #signa, #e_mail, #pas_communiquees, #facultatifs {font-size:7pt}
#formu_espace{padding-right:32px}
.souligne, .soulig {text-decoration: underline}
.sup, .exposant {vertical-align:super}
.en_bas{vertical-align:bottom; padding-left:17px; font-size: 0.8em; padding-bottom:0px }
/* AMORCES : mise en valeur de début de texte ou de parties de textes*/
/*.pre_lig:first-line, p:first-line{letter-spacing:1px; font-size:1.25em; line-height:125%}*/
/*^^ : ou :: cela semble fonctionner pareil*/
.emph_lettrine, .pseudo_lettrine, .emph_lettrine1, .pseudo_lettrine1{font-size: 3em; font-weight: lighter; font-family: verdana, sans-serif}
.pseudo_lettrine1, .emph_lettrine1 {font-size:1.7em}
/* EMPH.DIVERSES MISES EN VALEUR-RELIEF ITAL., GRAS, ETIREMENT ...*/
.emph0blanc, .emph0plus, .emph0-1, .emph0_2, .emph0  { font-style:italic}
.emph2, .emph2blanc {font-weight: normal; font-size: 1.3em}
.emph1, .emph1normal, .emph2  {font-weight: normal; letter-spacing:1px}
.emph1_1_1, .emph1, .emph1normal {font-size: 1.1em;}
.emph3, .emph3blanc
        { font-size: 1.2em; font-weight: bold}
.emph3_3
        { font-size: 1.2em; }
 .emph3_3, .emph_normal        {font-weight: normal}
.emph0__1blanc, .emph0__1 {font-style:italic ; font-size: 1.1em; font-weight: bold; letter-spacing:1px}
.emph-1blanc{margin: 12px 0px 0px 0px } /*pour div seulement ; util. dans affichage du mois de la page*/
.emph0_1 {  font-size : 0.9em}
.emph0_2{  font-size : 0.8em}
.emph0_1, .emph0large{ font-style:italic; letter-spacing:1px ;}
.emph0-1, .emph-1 { font-size:0.9em}
.emph-1titre
        { font-size:0.9em;  font-family:arial }
.emph-1_1
        { font-size:0.9em;  letter-spacing:2px}  /* util. dans 07mars */
.emph0plus, .emph1_1, emph1_1blanc{ font-size: 1.2em}
.emph0blanc, .emph3blanc, .emph2blanc, .emph_blanc, .emph0__1blanc, .emph1_1blanc, .emph-1blanc
        { color:#dddddd} /* BLANC */
.emph2blanc, .emph3blanc{letter-spacing:2px; line-height:1.3em}
.emph_gris { color:#bbbbbb}
.emph_sp1
        { letter-spacing:1px;}
.emph4 , .emph_sp2
        { letter-spacing:2px;}
.emph7  { letter-spacing:4px;line-height: 25px}
.emph5  { letter-spacing:1px;  line-height:16px;}
.emph_sup, .emph-2_sup
        { vertical-align:super}
.emph-2, .emph-2_sup, .emph_notes
        {  font-family: arial, sans-serif;  }
.emph-3, .emph-3large { font-size:0.7em }

.emph-4, .emph-4bordure1, .emph-4large
        { font-size:0.6em }
.coordi, .pet, .emph-08  { font-size:0.8em }
.peu_pet { font-size:0.9em }
.tre_pet, .emph-05 { font-size:0.5em }
.emph-5 { font-size:0.6em ; font-family:arial}
.emph_arial {font-family:arial; }
.emph_trappu{font-size:0.5em; display: block; line-height:0.90em}
.emph-8 { font-size:0.4em ; font-family:arial}
.emph-9 { font-size:0.2em ; font-family:arial}
.emph0_3{font-size:0.3em}
.emph_b { font-weight:bold; font-family:arial}
.emph_b_u
        { font-weight:bold; text-decoration:underline}
.emph_barre, .bar
        { text-decoration:line-through; font-size: 0.9em}
.emph_fonce
        {color:#888888
        }
.emph_straight{font-style:normal}
.emph-4bordure1, .emph-4large, .emph-3large
        {letter-spacing:2px; }
.emph_ajout0{color:#eeeeee;background:#44444f;vertical-align:super}
.date, .date_fonce {font-size:0.85em;/*color:#dddddd;*/ letter-spacing:2px; font-weight:normal}
.date_fonce{color: #111111}
.droite{text-align:right}
.gauche{text-align:left}
#cliquez{visibility:hidden ;text-align:center; font-size:0.9em} /*UTIL en premier dans 06mars ; Lone Star*/
#pave{ width: 240px; margin-left:auto;margin-right:auto;
padding-right:50px ; padding-left:50px; padding-top:0px;   border:none;} /* Utilisé ?? */
.dans_pave{text-align:justify; letter-spacing:1px; line-height:18px}
/*****attribut de mise en forme des messages reçus***********/
.b_u{font-weight:bold; text-decoration:underline}
/*****/
#chapeau0{visibility:hidden; font-size:0.8em; color:#bbbbbb; font-weight:normal;} /*dans 07mai.php*/
#exergue0{font-size:0.6em; font-weight:normal; font-family:arial }
#exergue1{font-size:0.6em; font-weight:normal; font-family:arial }
.exergue2  {color:#888888; letter-spacing: 1px; font-size:0.8em; padding-left:7px}/*dans duchampisteries */
.arial-1, .arial-2, .arial0-1 {font-family:arial; font-weight:normal }
.arial-1,.arial0-1 {font-size:0.9em;  }
.arial-2 {font-size:0.8em; }
.arial0-1{font-style:italic}
.courrier{font-family:"Courrier New"; font-size: 1.2em; letter-spacing:2px}
.emph_courrier{font-family:"Courrier New"; font-size: 1.2em; letter-spacing:2px}
#logos_lone{}
#pied_colonne{display:none}
.vert {color:#22532F}
.rouge {color:#f2123F}
.table_pave0{margin: 110px 0px 110px 0px;}
#tous_textes{display:none}
.encart_gauche_droit{float:left;text-align:right; font-size:2.0em; width:220px;
  padding: 8px 10px 5px 0px}
.encart_droit_gauche{float:right;text-align:left; font-size:1.9em; width:218px; padding: 8px 0px 0px 10px}
.encart_droit_gauche_fonce {line-height:1.2em;float:right;text-align:left; font-size:1.8em;
width:210px; margin: 10px 0px 5px 8px;padding: 15px 0px 15px 15px; background: #22222f}
.titre_gauche_amorce {font-size:1.8em; text-align: right; float: left; width:35%; padding-right:3% ; margin-top:0px}
/*Utilisé dans index.php vvv*/
.amorce_droite, .amorce_droite_plus {width:62%; float:left; margin-bottom:25px}
.amorce_droite_plus {padding:0px 0px 50px 0px; text-align:justify; font-size:1.2em; line-height:1.5em}
.emph_grand  {font-size:1.7em}
.emph_grand-  {font-size:1.5em; letter-spacing:2px}
.rouge0{ color:#a22f2f}
.rouge0{color:#aaaaaa}
.font_fonce{background:#22222f}
.fond_fonce{background:#22222f}
.emph_fond_fonce{background:#22222f}
.fond_clair{background:#33333f}
.emph_fond_clair{background:#33333f}
.font_clair{background:#33333f}
.cadre_arrondi0 {border-style:solid; border-color:#444444;border-width:thin;margin:6% 4% 4% 0%; padding:3%;
border-radius:7px;}
.cadre, .cadre_arrondi1 {border-style:solid; border-color:#444444;border-width:thin; padding: 2%}
.cadre_arrondi1{border-radius:7px;}
.ajoute_en{overflow:hidden; 
height:15px; width:25%; margin-top:-4%; color:#222222; background:#ccccaa;
border-radius:5px; border-style:solid; border-width:thin}/*Ce style va avec cadre-arrondi*/
#A_index:first-line {letter-spacing:2px;} /*cuisine de détail, dans index.php*/
#themes{color:#111111}
/*Les 2 classes suivantes utilisées dans le pavé sommaire thèmatique */
.titres_par_theme {
   text-align:right;
   z-index:1;
   position:absolute; top:2px; left:-5px;
   width:57%;
  }
#les_themes {
  line-height:1.5em;
  width:40%;float:right;
  cursor:default;border-color:#555555 ; text-align:left;}
.titres_par_theme, #les_themes {
   padding:5px ; font-size:0.65em; border-style:none; visibility:hidden;
   height:275px;
 }
 /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
 .titres_par_theme_noel {
   width:40%;float:right; text-align:left;
   z-index:1;
   position:absolute; top:0px; left:79%;
  }
.titres_par_theme_noel, #les_themes_noel {
   padding:5px ;  border-style:none; visibility:hidden;
   height:115px;
 }
 #bouton_sommaire ,  .titres_par_theme_noel {
   font-size:0.60em;
 }
 #les_themes_noel {
   text-align:right; margin-left:20%;
   width:57%;
   cursor:default;
   font-size:0.60em;
   line-height:1.4em;
   }
 #bouton_sommaire {
   padding:7px ;border-radius:10px 10px 10px 10px; 
   background:-moz-linear-gradient(top, #222222, #000000);
   /*background:-o-linear-gradient(top, #111111, #000000);
   background:-webkit-linear-gradient( #222222, #000000);*/
   border-style:solid; border-width:thin; border-color:#333333;
   }
 /*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.ref0 {background:#ccccaa; color:#333;}
.couleurs_reference_exterieure, .couleurs_reference_exterieure0, .couleurs_reference_exterieure1, .refere, .refere_ext, .ref_ext {
background:#ccccaa; color:#222222; padding:10px 10px 8px 11px; margin-top:13px; border-width:thin; border-style: dotted dotted none dotted; font-size: 1em}
.couleurs_reference_exterieure0{ border-style: none dotted dotted dotted}
.couleurs_reference_exterieure1{  border-style: dotted dotted dotted dotted; background:#eeeeee;}
.refere h1, refere h2, .refere h3, .refere h4, .refere a {color:#111;}
.refere a {font-size: 1.1em;}
.refere a:hover {color:#444; font-size: 1.1em;}
.indice{vertical-align: sub;}
.centre3, .centre, .centre0{width:50%; margin-left:25%}
.centre3, .centre2, .centre1{width:50%; margin-left:25%; border-style: solid; border-width:thin; border-color:#555555; margin-top:5px}
.centre3, .bordure_tirets{
border-width : thin thin thin medium; border-style: solid solid solid dashed}
.bordure_tirets_gauche{
border-width: thin thin thin medium; 
border-style: solid none solid dashed;}
.centre2{margin-top:70px}
.tableau_pragmatique{color:#333333;background:#dddddd }
.tableau_pragmatique, .tableau_pragmatique1 {border-style:solid;border-width:thin; letter-spacing:0.05em; 
margin:1% 3% 1% 0%; padding:2px 0px 0px 4px; width:98%; height:115px; 
font-size:1.7em; line-height:0.75em; overflow:auto; text-align:left}
.ima_tet{width:95%; margin-top:2%; margin-left:2%}
/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/*vvvvv Créés pour page The Inside */
/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
.rev, .rev1{ color: #000000; background:#eeeeee /*;background: #8f2d36*/ ; letter-spacing:2px; margin-top:5px; line-height:1em; text-align: left; font-size: 0.9em}
.rev1 { color: #ffffff; background:#6583bf}
.col_ble_turqui, .ble_turqui {color: #425B8A;}
.rev_ble_turqui {background: #425B8A; color: #eeeeee}
.rev_ble_turqui_fon {background: #203968; color: #bbbbbb}
.rev_ble_turqui_cla {background: #536c9b; color: #dddddd}
.rev_ble_turqui_cla_couleu, .col_ble_turqui_cla{color: #536c9b}
.rev_ble_turqui_cla_bordur{border-style: solid; border-width: thin ;border-color: #536c9b}
.gro {font-size: 1.70em}
/* vv .pet1 est grossi davantage pour petits écrans*/
.pet, .pet1 {font-size: 0.85em; letter-spacing:1px}
.tre_pet{font-size: 0.65em;}
.lar90{ width:88%; margin-left:4%}
.centre{ text-align: center}
.pad6{ padding: 6px 6px 6px 0px;}
.pad10{ padding: 10px 10px 10px 10px;}
.pad18{ padding: 18px 18px 18px 10px;}
div:first-letter  {font-size: 1.1em}
#jeu {font-size: 0.95em; letter-spacing: 1px; margin-top:6px; margin-bottom:6px; width: 95%} /* << Ce qui concerne le bloc onglet */
#ong0, #ong1 {width: 90%; height: 160px; overflow:auto; font-size: 0.9em;} 
.sur_ban_ima, .scroll0 {width:99%; overflow: scroll;}
.ban_ima { height:120px}
.pointe { cursor: pointer}
.scroll0{ height: 480px; padding-right: 15px; background: #000;
font-size: 1em; line-height: 1.4em; margin-top: 20px}
/*scroll0=encart déroulant avec 2nde partie de fiche epi */
.mar_top5, .mar_top05 {margin-top: 5px}
/*^^^^^^^^^^^^^^^^^^^^^^*/
/*^^FIN page THE INSIDE^*/
/*^^^^^^^^^^^^^^^^^^^^^^*/
#footer {position:relative ;margin-top: 0px; bottom: -4px; letter-spacing: 4px;  text-align: right; font-size: 0.85em }
#footer_int {border-radius: 10px 0px 0px 0px; margin-right: 2px; padding: 2px 0px 2px 10px; /* background-color: #020002;*/}
#footer_int1 {padding: 2px 0px 2px 0px}
.arrond3 {border-radius: 0px 0px 0px 10px }
.arrond0 {border-radius: 10px 0px 0px 0px }
.arrond03 {border-radius: 10px 0px 0px 10px }
.lar50  {width: 50%}
.lar60  {width: 60%}
.lar100 {width: 100%}
.lar99 {width: 99%}
/*VVVVVVVVVVVVVVVVVVVVVVVV*/
/*STYLE POUR PETITS ECRANS*/
/*VVVVVVVVVVVVVVVVVVVVVVVV*/
@media screen and (max-device-width: 600px){
  .image_float_g180 {width: 40%} /*<< non pris en compte */
  .colonne_d1, #colonne_g_inter { font-size:1.4em; line-height: 1.4em; max-width: 500px}
  .ong {font-size: 1em}  /* << lien-onglet, dans li*/
  p, div, .colonne_d1 {font-size:2em;line-height: 1.4em; text-align: left; padding-right:2%;}
  /*.bordur {font-size: 1.8em}*/
  .date {font-size: 2em}
  .rev_ble_turqui_fon, .bordur {font-size: 1.2em}
  h2, h1, h3, h4, h5, h6 {font-size: 4em; letter-spacing: 6px}
  .reference-exterieure, scroll0 {font-size: 1.4em}
  .men {font-size: 2em} /* Menu*/
  #ong0, ong1 {height:360px;}
  .lon_mot{max-width: 500px; min-height: 100px; overflow: scroll; border-style: dotted; border-width: thin; padding: 20px 10px 10px 10px}
 .transp_sur_tit {color:#536c9b;}
 .scroll0 {height: 850px; background:#000; padding-left:2%;padding-top:20px; margin: 20px 50px 50px 10px;  border-style: dotted; border-color: #555555; font-size: 2.8em}
 /*scroll0=encart déroulant avec 2nde partie defiche epi  de the_inside*/
  /*.jus {text-align: left} Ne semble pas pris en compte*/
 body {width: 90% !important;}
 a:link {font-family: "Courrier New"; font-size: 1em; color:#fff}
 a, a:visited {}
 .refere  a:link, .ble_turqui_fon a:link {color: #333; font-size: 2em}
 .gro {font-size: 2.6em}
 .pet {font-size: 1.2em}
 .pet1, #footer {font-size: 2.0em}
 #footer_int1 {font-size: 2.8em; margin-left: 8px}
 .centre_dro {width: 50%; margin-left: 28%;}
 .lar50, .lar60 {width: 100%}
 }
/*^^^^^^^^^^^^^^^^^^^^^^*/
/*FIN POUR PETITS ECRANS*/
/*^^^^^^^^^^^^^^^^^^^^^^*/
h3 {font-size: 1.6em}
/*   #90d050; c'est du vert issu de lespitdulot.org, d'abord pas utilisé ici,
sur lespritdu... cela convient car le fond de page est blanc*/
.encart_colore0, .encart_colore1, .encart_colore2 {background: #90d050; border-style: solid; border-width: thin; border-color: #999999; letter-spacing: 1px; border-radius:12px; font-family: courier; padding-top: 28px; padding-bottom: 10px; width: 103%}
.encart_colore1, .couleurs_reference_exterieure{background: #ccccaa;  color: #222222;}
.encart_colore2, body {background:#020002;}

/*VVVVVVVVVVVVVVVVVVVVVVVV*/
/*STYLE POUR GRANDS ECRANS*/
/*VVVVVVVVVVVVVVVVVVVVVVVV*/
@media screen and (min-device-width: 605px){
  .transp_sur_tit {z-index:3;
    position:relative;
    top: 10px;  
    text-align: right;
    font-size: 1.8em;
    line-height:1.2em; 
    color:#536c9b;
    font-weight: 100; letter-spacing: 0.1em}
  p, .jus, div {text-align: justify; margin-bottom: 10px} /*ça, ça marche bien*/
 }
/*^^^^^^^^^^^^^^^^^^^^^^*/
/*FIN POUR GRANDS ECRANS*/
/*^^^^^^^^^^^^^^^^^^^^^^*/
.courie {font-family: courier, monospace}
.rev_gri{background: #dddddd; color: #222222}
.bordur_x{border-radius: 3px; border-style: solid; border-width: thin}
/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
/* RELATIF à éLéMENTS JQUERY       */
/* Les styles perso-réécrits (ici)
   doivent être appelés après 
   jquery-ui.css                   */
/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/
.ui-tooltip {font-size: 1.3em; color: #222; background: #eee; border-style: none; border-radius: 0px ; padding: 8px 8px 8px 5px; font-family: monospace;} /*< ^Infobulle en jquery*/
/*vv ces styles placent une bordure autour des menus déroulant. Le menu est géré par une tièrce css (menu.css), mais style0.css est appelée en dernier par inc_quelqu_sql.php. Il y a un décallage qui nécessite une bordure de gauche plus épaisse pour qu'elle ne soit pas recouverte et rendue invisible. */
#div_ego, #div_altere, #div_releve, #div_plu {border-style : solid ; border-width: 0px 1px 2px 12px ; border-radius: 10px; border-color: #888888; margin-top: -10px} /*overwrite margin-top de menu.css ?? ne semble avoir aucun effet ! Nov 2024*/
#div_plu {border-width: 0px 0px 2px 22px}