body {font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular,sans-serif; margin:0px 0.6% 0px 0.6%; font-size:15px; color:#000060; background-color:#FFFFE6; line-height:23px;} /* Texte bleu sur fond jaune */

/* Conteneurs */
footer,header {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; background-image:radial-gradient(ellipse at center,#ffffff,#99ffff); color:#600000; margin: 0px -0.6% 0px -0.6%}
footer {justify-content:space-around; align-items:center;}/* Menu horizontal en haut et en bas */
footer a, header a {color:#600060; text-decoration:none;} /* Rose sur fond vert */
footer a:hover, header a:hover {background-color:#60FF60;} /* fond vert foncé */

nav {width:100%; display:flex; justify-content:space-around; column-gap:10px; background-color:#E0FFE0; border:none; line-height:1em;}
nav a:normal {background-color:#E0FFE0;}
nav a: {background-color:#60FF60; color:#600060;text-decoration:none;}
.menu1 {font-weight:bold; margin: 10px 0px 10px 0px;} /* 6 items de menu gras */
.menu10 {display:none; position:absolute; right:0px; left:0px;}
.menu11 {display:flex; flex-wrap:wrap; justify-content:flex-start; flex-direction:row; column-gap:10px; border:1px solid #FF0000; margin:0px 0px 2px 0px}
.menu1:hover .menu10 {display:flex; flex-wrap:wrap; font-weight:normal; column-gap:10px; background-color:#CCFFCC; z-index:7;}
.marges {padding:8px 0px 8px 0px; width:200px;}/* 200px par item du menu */


figure {display:flex; flex-direction:column; justify-content:center; text-align:center; align-items:center;} /* utile pour figcaption et centrer morale */
figcaption {text-align:center;}

.colonne {display:flex; justify-content:space-between; column-gap:15px;}
.colonneB {display:flex; justify-content:space-around; flex-wrap:wrap;}  /* exemple: index.htm Top 5 */
.colonneM {display:flex; flex:auto; justify-content:space-around; flex-wrap:wrap; line-height:15px; background-color:#E0FFE0;}


/* Balises de type titres et paragraphe*/
h1 {font-family:Verdana,Tahoma,sans-serif; font-size:1.2em; color:#600000; margin-bottom:20px; margin-top:0px; text-align:center;}
h2 {margin:50px 0px 20px 0px; column-span:all;}
h3 {margin:30px 0px 10px 50px; column-span: all;} /* ancien: position:relative; left:50px; margin:30px 50px 0px 0px;marge à droite pour éviter un ascenseur horizontal (voir démarchages) */

ul,ol {margin:0px;}


 /* Mises en forme particulières */
.centre {text-align:center;}
.droite {text-align:right;}
.largeurA {width:200px; height:auto; margin:0px 2px 0px 2px;} /* pour <img> dans <aside> */
.encadrement {text-align:center; border:2px solid#FF0000; padding:0px; background-color:#FFFFFF; margin:20px 2px 0px 2px; border-radius:10px;}
.encadrement1 {text-align:center; border:2px solid#FF0000; padding:0px; background-color:#E0FFE0; margin:0px 2px 0px 2px; border-radius:10px;}
.morale {text-align:center; border:2px solid#FF0000; padding:5px; background-image:linear-gradient(#ffffff,#ffff99); border-radius:10px;} /* J'ai supprimé width:max-content */
.refFichier {margin:30px 0px 0px 0px; font-size:12px; font-style:italic; color:#600060; background-color:#E0FFE0;} /*Nouveau style au 26/12/2021 */
.espace40 {margin:40px 0px 40px 0px;} /*pour Actualités */


 /* Tableaux avec bordure dans le texte */
.tableauC {margin:auto; color:#000000; background-color:#FFFFFF; line-height:22px; text-align:center; border:1px solid#FF0000;} /* Tableau bordure rouge vif, centré, contenu centré */
.tableauG {text-align:left; border:1px solid#FF0000;} /* Pour <td> quand on veut un texte aligné à gauche */
.tableauD {text-align:right; border:1px solid#FF0000;} /* Pour <td> quand on veut un texte aligné à droite (prix...) */
.tableauE {position:relative; float:right; color:#000030;background-color:#FFFFF0; line-height:22px; text-align:center; border:2px solid#FF0000; margin-left:10px; margin-top:10px; margin-bottom:10px} /* Commentaire encadré */


 /* Liens interne au site */
.interne {color:#600060; background-color:#E0FFE0;} /* Texte rose sur fond vert clair comme le menu */
.interne:hover {background-color:#60FF60;} /* Fond devenant vert foncé comme le menu */

 /* Téléphone et indications particulières */
.tel {font-size:0.8em; font-weight:normal; color:#000000;}


/* Attributs présumés obsolètes */
  
.internaute {color:#005000} /* Remarques d'internautes */

.lien {margin-top:7px;margin-bottom:2px;}/* Espacement majoré pour liens cliquables sur smartphones dans animer_groupe_bible */