@charset "utf-8";

/* =========================================================================================================== */
/* =====================       Elements et classe de article.php       ====================================== */
#article {
    display:block;  
    border: 1px solid #AAAAAA; 
    padding-bottom: 0 0 10px 0;
    margin: 10px 0 0 0;
    font-family: Palatino Linotype,Verdana,Times new roman;
    text-align:left;
}

 /*  bandeau articles avec img à droite ou à gauche,  bandeau à img multiples */
.bandeau_titre, .bandeau_gauche, .bandeau_droite, .bandeau_images, .bandeau_imgtxt, .bandeau_txt {  
	display:  table;  
	border: 0px solid red;
	margin:0px auto 10px auto;
	padding:30px;
 }

.bandeau_images { text-align:center; display: flex; justify-content: space-around; flex-wrap:wrap;}

/* images dans les bandeaux article */
.bandeau_gauche .thumbs,.bandeau_gauche .thumbs2 { float:left; margin-right:4%;  }
.bandeau_droite .thumbs,.bandeau_titre .thumbs,.bandeau_droite .thumbs2,.bandeau_titre .thumbs2  { float:right; margin-left:2%; }
.bandeau_titre .thumbs { max-width: 450px;}
.bandeau_images .cadre_thumbs {  margin:auto;  }
.bandeau_imgtxt .thumbs_imggauche { float:left;  margin-right:2%;}
.bandeau_imgtxt .thumbs_imgdroite { float:right; margin-left:2%; }
.bandeau_gauche  p, .bandeau_droite  p , .bandeau_imgtxt  p,.bandeau_titre p,.bandeau_txt p  {    
    padding:20px 0px 0px 0px; 
    border: 0px solid green; 
    text-align: justify;
    margin: 0% 1% 0% 0%; 
    font-size:1.2em;
}
.bandeau_titre p  {    padding-top:0px; }

/* le code ci-dessous rebascule les display à table-cell pour les navigateur qui le comprennent (sauf IE !!) */
/* cela permet , couplé avec vertical-align:middle d'aligner verticalment des elements.                      */
.art_titre {
    display:inline-block;  
    font-family: sans-serif, Times new roman;
    font-weight: bold;
    font-size: 1.5em;  
    margin: 0.5% 0% 0.5% 0.5%;   
}

.art_publ {
    font-family: Times new roman;
    font-style: italic;
    line-height:3;
}

/* pour l'entete de navigation dans les pages d'un article : */
#artpg1 {
	border:1px solid #888888;
	font-family: Times new roman;
	font-weight: bold;
	font-size: 1.2em;
	width: 550px;
	margin: 10px auto 0 auto;
	text-align: center; 
}

.thumbs--port--art { width: 300px; }  
.thumbs--pano--art { width: 730px; }  

.ln_art_theme {
  display: inline-block;
  border: 1px solid #666666;
  padding: 6px;
  text-align: center;
  font-weight: bold;
  font-family: Arial;
  font-size: 1em;
  text-decoration: none;
  margin: 4px; 
  border-radius: 4px;
}