vernissage {
	margin: 0;
	background: #ffffff ;/*  #373695  #f5f4f5; */
	font-family:  sans-serif;
	/*font-family: arial, georgia , sans-serif,  "trebuchet ms",   Times New Roman; 
	color:#727272; /* #848484 ; /* #2449b7; 1b378c /* = brun  #2449b7 ; */
	font-size: 12px;
}
@media only screen and (max-device-width:480px) {
	body {
		font-size: 180%;
	}
}
@media only screen and (min-device-width:480px) and (max-device-width:1200px) {
	body {
		font-size: 130%;
	}
}
@media only screen and (max-device-width:1200px) { /* tel */
}
@media only screen and (min-device-width:1200px) {
}

/* -------------------------------------  ADAPTATION DES BALISES STANDARTS  */
/*h1 { margin: 0; margin-left: 10%; margin-top: 5px ;color:white; float:left; font-size: 180%;}*/
h1 { margin: 0; margin-top: 5px ;font-size: 180%;}
h2 {margin: 0; margin-top:5px; font-size: 150%;}
h3 {margin: 0; font-size: 120%;}
h3, h4 { margin: 0; margin-top:10px; margin-bottom: 5px;} /* color:#c88200; */
h1 a, h3 a, h4 a {text-decoration: none;} /* color:#c88200; */
/* h4 a:visited  {color red ; }  #0059dc  */
p { margin:0 }
cite { font-style:normal; }
hr.f1 { border: none;   background-color: #A9A9A9;   height: 2px; }
ul {margin: 0}

a { color:#727272;}
a:hover{color:#0099f2;} 

/* ----------------------------------------- GENERALITES */
.plus_petit,plus_petit {font-size:smaller;}
.plus_grand,plus_grand {font-size:larger;}
.size95 {font-size:95%;}
.size90 {font-size:90%;}
img {border:none;}
.liste_a_tiraits { 	list-style-type: none; }
.attention {color:red;text-decoration: blink ;  text-align:center ;}
.flotte_a_droite { float:right ; margin-left:5px ;} /* ce qui est un minimum */
.flotte_a_gauche { float:left ; margin-right:10px;} 
.stop_float_droite { clear:right }
.stop_float_gauche { clear:left }
.stop_float { clear:both }
.centre, .centrer  , centrer{text-align: center;}
.align_left {text-align:left;}
.align_right {text-align:right;}
.center {text-align:center;}
.bleu{color:#373695;}
.grey  {color:#848484 ;} /* comme entete */
.surlignage {background-color:#fff796;}

.majuscule {text-transform : uppercase;}
.prem_majuscule {text-transform : capitalize;}
.tableau_type {text-align:center; border: 2px outset gray; border-collapse:collapse;margin-right:10px; max-width:800px; overflow: auto; }
.tableau_type tr { max-width:800px;overflow: auto; }
.tableau_type td {border: 3px solid gray; border-collapse:collapse; margin:15px; padding:3px; empty-cells:show; text-align:center;max-width: 220px;overflow: auto;}
.tableau_type td {border: 3px solid gray; border-collapse:collapse; margin:15px; padding:3px; empty-cells:show; text-align:center;max-width: 120px;overflow: auto;}
.tableau_emargement td{padding-top:10px;padding-bottom:10px;}
.tableau_type th {border: 3px solid gray; border-collapse:collapse; margin:15px; padding:3px; empty-cells:show; text-align:center;}
.flex {display:flex;}
/* -------------------------------------------------- PAGE : qui contient tout */
#page article  {font-weight: 700;justify-content: center; } 
#page_exposition article {justify-content: space-around;}
#page article, #page_exposition article, #page_biographie {margin:10px; }	
article {flex-wrap:wrap;display:flex; }

section {padding-left:15px;padding-right:15px;}

/* ---------------------------- ENTETE -------------------------------------      848484     */ 
#entete {margin:0 auto; margin-top: 0px; padding-bottom:10px; min-height: 128px; background:#151937; color:white;}	/* 151937 111a45 */
#entete_haut {display:flex; justify-content:space-around; }
/*#entete_haut img { float:left ; height: 18px;margin-right:0;}
.logo {margin-left:200px;}*/
.logo img { float:left ; height: 140px;margin-right:0;}
#entete_haut_droit {}
.chapeau {color:white; text-align:center; margin-right:80px; font-style:italic;font-weight: 700;}

#page_vrac #entete{min-height:0;}
.moulin img {  height: 80px; width="80"; float:right ;margin-top:8px; margin-right:8px ;}
.facedebouc   { float:right ; margin-right:8px ;}	
.facedebouc img  { height: 20px; }	
.entete_titre {text-align: center ; padding-top: 10px ;  font-size: 300%;font-weight: 700; }
.entete_titre img {height: 80px;}
.menus_haut {margin-top:20px; margin-right:72px;text-align: center; font-size: 130%; } 
.menus_haut a {color:white;padding-left:20px;}
.menus_haut a:hover{color:#0099f2;} 
.menus_haut a:active{font-weight:bold ;} 
.menus_haut_courant {font-weight:bold ; padding-left:20px; }

.fil_menu { color: #456b8f; font-size:90%;}
.fil_menu a{color: #456b8f; }
.historique_menu_courant {padding-left:10px;} 
.menus_precedent_suivant {padding-right:10px; float:right;}

.menu_suivant { color: #456b8f; font-size:95%; text-align:right;padding-right:15px;}
.menu_suivant a{color: #456b8f; }

/* --------------------------- BAS DE PAGE */
.bas_page {padding:10px; display:flex; justify-content:center; padding-top:0;}
.bas_page span { padding-right:10px;}

/* --------------------------- TABLE DES MATIERES = plan du site en lignes */
.tab_matieres_menu1  {margin-left:5px; font-size:140%;padding:5px; color: #727272;}
.tab_matieres_menu2  {margin-left:25px;font-size:120%; margin-top:10px;color: #727272;}
.tab_matieres_menu3  {margin-left:50px;font-size:100%;color: #727272;}
/* =======================================================================================================================
/* --------------------------- CONTACT */
#contact  {margin: 0;}
/* --------------------------- EXPOS et INDEX */
.titre_expo {font-size: 220%; color:#111a45; font-family: serif ;}
.sous_titre_expo {font-size: 200%; color:#111a45; padding-bottom:10px;  font-family: serif ;}
.artiste_expo {font-size: 160%; color:#111a45; padding-bottom:10px;  font-family: serif ;letter-spacing: 0.08em;font-style:italic;}
.dates_expo {display:flex;  justify-content: space-between; letter-spacing:2px; padding-bottom:10px; font-family: sans-serif ;}
.dates_expo_expo_suivante { font-size: 110%; letter-spacing:1px; padding-bottom:10px; font-family: sans-serif ;}
.lien_dossier_presse {text-align:right;}
.appel_projet_index {display:block;font-size: 130%; color:#111a45; padding-bottom:10px;  font-family: serif ;font-weight: 700;}
.louer_galerie { padding-right: 15px;padding-left: 15px;font-size: 110%; color:#4c4747; font-family: serif ;font-weight:bold ; font-style:italic;}

.presentation_index .texte { margin-top:10px;  font-family: sans-serif ;}
.presentation_expo .texte { min-width:40%; max-width:800px; margin-top:10px;  font-family: sans-serif ;}
.adresse {padding-bottom:10px;}
.vernissage{font-size: 140%; color:#111a45; padding-bottom:10px;  font-family: serif ;letter-spacing: 0.1em;}
.horaires_vernissage {font-size: 70%; }
.horaires_expo{font-size: 100%; color:#111a45; padding-bottom:10px;  font-family: serif ;letter-spacing: 0.1em;}

.finissage{font-size: 120%; color:#111a45; padding-bottom:10px;  font-family: serif ;letter-spacing: 0.1em;}
.photo_expo a img {max-width:800px; max-height: 500px;}
.reouverture{font-size:110%; background-color:#7c7896;color:white;text-align:center; padding:5px;}
.reouverture a {color:white; }
.resume_expo { font-size: 110%;line-height:1.2;}
.resume_expo li { padding-top: 2px;}
.instagram img{width:25px;}
.index_amis {font-size: 100%; color:#4c4747; padding-top:20px;  font-family: serif ;font-weight:bold ; font-style:italic;}
.h1_der_expos {font-size: 180%; color:#111a45;}
.photo_expo{text-align:center;}
.vers_les_ateliers{text-align:center;font-size: 160%; color:white; background-color:#111a45; padding:5px; max-width: 800px; margin: auto;}
.vers_les_ateliers a {color:white;}
@media only screen and (max-device-width:1200px) { /* tel */
	.presentation_index .texte { min-width:40%;}
	.dates_expo {font-size: 115%; }
}
@media only screen and (min-device-width:1200px) {
	.presentation_index .texte { min-width:40%; max-width:350px;}
	.dates_expo {font-size: 90%; }
}
.on_en_parle{float:right; font-style:italic; font-size: 90%; font-weight:bold ;}
/* --------------------------- INDEX  + BLOG */
/*.index_chapeau , .index_photo {text-align:center;color:#111a45; margin:10px; font-weight: 700; font-size:120%;}*/
@media only screen and (max-device-width:1200px) {
	.presentation_index , .presentation_expo {}
	.presentation_index img , .presentation_expo img {max-height:600px; max-width:100%; border: 1px solid #dbdbdb;} /* max-width:400px; */
}

@media only screen and (min-device-width:1200px) {
	.presentation_index , .presentation_expo , .presentation_galerie, .presentation_blog , .presentation_boutique, .presentation  {display:flex;  flex-wrap: wrap; justify-content:center ; margin-left:10px;margin-right:10px;max-width: 800px;font-size:120%;}
	.presentation_index img {max-height:350px; max-width:100%; border: 1px solid #dbdbdb;}
	.presentation_expo img{max-height:350px; border: 1px solid #dbdbdb; margin-left:10px;}
	.presentation_galerie img {/*max-height:350px; */max-width:350px; border: 1px solid #dbdbdb;}
	.presentation_galerie .texte_mecenat img {max-width:250px; }
	.presentation_expo .photo_droite {float: right; max-width: 40%; padding: 0px 10px 0px 15px;}
	.presentation_expo .photo_droite_petite {float: right; max-width: 20%; padding: 0px 10px 0px 15px;}
	.presentation_expo .photo_droite img,.presentation_expo .photo_droite_petite img {max-width: 100%; }
}
.presentation_index {margin:auto;}
.presentation_index  .photo, .presentation_expo .photo { width:50%; margin-top:10px;text-align: center; }
/*.presentation_index .texte {margin-right:50px;  }*/
.presentation_index .galerieM {font-size: 120%;padding-bottom:10px;}
.presentation_index .adresse {font-size: 90%;padding-bottom:10px;}
.entree_libre {font-size: 80%;padding-bottom:10px;}
.presentation_expo .dates_expo{font-size: 120%;}
.surRV {font-size:90%; color:grey; text-align:center;}

.presentation_index .expo_suivante{  margin-top:20px;  font-family: sans-serif ; padding:10px; border:1px solid gray; margin:10px; font-size: 70%;}

.presentation_index h2 {font-size: 130%; color:#111a45; font-family: sans-serif ; width:100%;}
@media only screen and (max-device-width:1200px) { /* tel */
bio	.expo_suivante .photo_expo img {max-width:90%;}
}
@media only screen and (min-device-width:1200px) {
	.presentation_index .expo_suivante{width:42%;}
	.expo_suivante .photo_expo img {max-width:95%; text-align:center;}
}
.expo_terminee {color:grey; font-size:90%;letter-spacing:0px;}
.expo_amis_lien_externe {font-size:80%;}
/* --------------------------- Galerie M   -   MECENES=BLOG   */
.presentation_galerie  {max-width:900px;}
.presentation_galerie .texte , .presentation_galerie .sous_texte{max-width:430px; margin-right:15px;line-height :1.5;}
.texte_mecenat {max-width:600px;margin-right:15px;line-height :1.5;}
.presentation_galerie .texte h1, .texte_mecenat h1 {font-size:250%; color:#111a45; font-family: serif ;}
.presentation_galerie .texte h2, .texte_mecenat h2 {font-size:200%; color:#111a45; font-family: serif ;}
.presentation_galerie .texte h3, .texte_mecenat h3 {font-size:150%; color:#111a45; font-family: serif ;}
.sous_texte {font-size:95%; color:#646464;}
.horaires {font-size: 110%;font-size: 115%; font-weight: 400; line-height: 1.5;}
.alouer {}
.sur_rv {font-size: 90%; font-style:italic;}
.horaire_exceptionnel {line-height: 2;  background-color:#7c7896; color:white; text-align: center;padding:5px;}
.prochaine_expo {font-size: 150%; color:#111a45; font-family: serif ;}
@media only screen and (max-device-width:1200px) {
	.presentation_galerie .texte h1 , .texte_mecenat h1{font-size:200%;}
	.presentation_galerie .texte h2, .texte_mecenat h2 {font-size: 150%;	}
	.presentation_galerie .texte , .presentation_galerie .sous_texte , .texte_mecenat {max-width:95%;}
	.presentation_galerie .photo img {max-height:350px; max-width:500px;}
}
.artistes_liens {display:flex; justify-content: space-between; font-size:120%; color:#111a45; font-family: serif ;}
/* ---------------------- Galerie Photos */
.galerie_photos {display:flex;justify-content: center;}
.galerie_photos img {max-width:100%;}
.galerie_photos .img50 img {max-width:40%;}

.serie_photos {display:flex;justify-content: center; }
.serie_photos img {max-width:32%;padding:10px;height:auto;}
.serie_photos .bloc  {max-width:32%;margin:10px;} /* Bloc dans  blog techniques */
.serie_photos .bloc img {max-width:100%;height:auto;}
.serie_photos .bloc p {}
/* -------------------------- APPEL A PROJETS  */
.appel_projet {color:#1b2047; background-color:#f9f9f9; padding:0 30px;}
.appel_projet .resume {font-size:103%; line-height:1.4}
.appel_projet {font-size:120%; max-width:800px;}
.appel_projet .texte {font-size:115%; max-width:750px; line-height:1.3;min-width:40%; max-width:800px; margin-top:10px;  font-family: sans-serif ;}
.dates_projet {color:grey;text-align:right; font-style:italic;font-size:100%;} 
.menus_appels_projets {display:flex; justify-content:center;width:100%;}
.menu_appel_projet, .menu_appel_projet_en_cours {width:100%; font-size:140%;margin:0px;text-align:center;padding:20px}
.menu_appel_projet {background-color:#d8d8d8;border-left: 2px solid white; }
.menu_appel_projet a {color:#323232}
.menu_appel_projet_en_cours {border: 1px solid #d8d8d8; color:#999999; ; }
.liste_appels_projets {font-size:115%;line-height:1.3}
.liste_appels_projets td {paffing:5px;}
.etat_projet {padding-left:10px;color:grey; font-size:70%;}
.voir_tous_les_projets {text-align:right;color:grey; font-size:90%;}
.dates_appel_projet {text-align:right;color:grey; font-size:95%}
.surlignage_2024 { background-color:#ffd800;font-weight:bold ;}
.der_modif_appel {text-align:right; font-size:80%; color:grey;}
.expo_suite_appel{color:#1b2047; background-color:#ffd767; padding:5px; line-height:1.3;text-align:center; font-weight:bold;}
.commissaire {text-align:right; font-weight:bold ;font-style:italic;}
@media only screen and (max-device-width:900px) {
	.voir_appel {
		font-size: 100%;
	}
}

/* -------------------------- BLOG  */
.presentation_blog, .presentation_boutique {justify-content: space-around;max-width:800px; }
.presentation_blog .article, .presentation_boutique .article {max-width:40%; margin-top:20px;  font-family: sans-serif ; padding:10px; margin:10px; }
.presentation_blog .titre, .presentation_boutique .titre {font-size:150%; }
.presentation_blog .sous_titre, .presentation_boutique .sous_titre {font-size:110%;}
.presentation_blog .image, .presentation_boutique .image {text-align:center; font-size:90%;}
.presentation_blog .image img, .presentation_boutique .image img {max-height:100%; max-width:100%;}
.source {font-size:90%; color:grey;}
.ils_ont_aime_le_lieu {}
@media only screen and (max-device-width:1200px) { /* tel */
	.presentation_blog .article, .presentation_boutique .article{min-width:80%; border-bottom:2px solid gray;}
}
@media only screen and (min-device-width:1200px) {
	.presentation_blog .article, .presentation_boutique .article{max-width:40%; border:1px solid gray;}
}
.serie_photos_procedes_anciens  {display:flex;justify-content: space-around; flex-wrap:wrap;}
.serie_photos_procedes_anciens a {color:black;}
.serie_photos_procedes_anciens .bloc  {max-width:44%;text-align:center; margin-bottom:20px;}
.serie_photos_procedes_anciens .bloc img {max-width:100%;height:auto; }
.serie_photos_procedes_anciens .bloc .legende {font-size:90%; color:grey;font-style:italic; }
/* ------------------------ BIOGRAPHIE */
.presentation_biographie {max-width: 800px;font-size:120%; margin-left: auto; margin-right: auto; font-weight: 500;}
.presentation_biographie img { max-width:250px;  max-height:200px;}
.resume_bio_flex { display:flex; flex-direction:row-reverse ;font-size: 110%;}
.resume_bio  { font-size: 110%;}
.photo_bio_droite, {max-width:250px;  max-height:200px;}
.photo_bio_droite img {max-width:250px; max-height:200px; float:right;}

.presentation_biographie .photo_bio_droite, .presentation_biographie .photo_bio_droiteH {float:right ; padding-left:5px;}
.presentation_biographie .photo_bio_gauche, .presentation_biographie .photo_bio_gaucheH {float:left ; padding-right:5px;}
.presentation_biographie .photo_bio_droiteH img,.presentation_biographie .photo_bio_gaucheH img {max-width:250px;}
.photo_artiste2  {margin-left:10px; margin-right:10px;text-align:center; color:grey;  margin-bottom:5px; }
.photo_artiste2 img {border:1px solid gray;margin-top: 30px;}
.liste_expos {color:#636363;font-size: 85%; }
.presentation_biographie .texte { min-width:40%; max-width:800px;  font-family: sans-serif ; line-height:1.2;}
.fleches_biographies {text-align:center; font-size:130%; }
.fleches_biographies a {text-decoration:none; background:#9692b5;  color:white;padding-left:20px;padding-right:20px; border-right:1px solid white;}
.lien_vers_boutique {float:right;}
.lien_vers_boutique_tel {display:none;}

@media only screen and (max-device-width:1200px) {
	.photo_bio_droite img {max-width:200px; margin-left:3px; }
	.biographie .texte {font-size:120%;}
	.biographie img { max-width:250px; }
	.lien_vers_boutique {display:none;}
	.lien_vers_boutique_tel {float:right;display:block;}
}
/* -------------------------- BOUTIQUE */
#timer_ouverture{margin:40px 0; font-size:200%; color:#111a45; font-family: serif ;}
/* -------------------------- EXPOS */
.expo_detail_img_droite img {width:100%; max-width:180px; max-height:180px; float:right ; padding-left:15px;border:none;}
.presentation_containers {}
.presentation_expo .containers img {width:100%; max-width:800px;}
.presentation_expo .in_situ_img  img {width:100%; max-width:200px; float:right ; }
.presentation_expo .in_situ_img_gauche img {width:100%; max-width:150px; float:left; padding-right:15px; border:none;}
.presentation_expo .in_situ_img_droite img {width:100%; max-width:150px; float:right ; padding-left:15px;border:none;}
.presentation_expo .in_situ_img_mini img {width:100%; max-width:50px; padding-left:10px;padding-right:10px;border:none;float:left; }
.presentation_expo .biographie {font-size:90%;  } /* line-height: 1.1; */
.bio_img_mini img  {width:100%; max-width:70px; padding-left:10px;padding-right:10px;border:none;float:left; }
.fleches_suivant { text-align:right; }
.fleches_suivant a { padding-right:10px; }
.chemin_expo {display:flex;  justify-content: space-between; min-width:700px; margin:auto;}
.chemin_expo a {color:#151937;}
@media only screen and (max-device-width:1200px) { /* tel */
	.chemin_expo {font-size:115%; border-bottom:1px solid gray;padding-bottom:20px;}
}
@media only screen and (min-device-width:1200px) {
	.chemin_expo {font-size:95%;}
}
.legende_image_expo{color:#777777; font-size:70%;letter-spacing:0px; text-align:center; font-style:italic; margin-bottom:20px;}
.liste_artistes_expo_groupe {display:flex; flex-wrap: wrap;justify-content: space-around;}
.liste_artistes_expo_groupe .artiste {font-size:90%; min-width:30%; color:#777777;text-align:center; margin-bottom:15px;}
.liste_artistes_expo_groupe .artiste img {max-width:120px; height:150px;}
.li-artiste-expo{min-height:105px; list-style: none; padding-left:0;}
.li-artiste-expo img {float:left; max-height:100px;margin-right:10px;}
/* --------------------- LES ARTISTES */
.presentation_les_artistes {max-width:800px; margin:auto 0;}
.presentation_les_artistes .texte { margin-top:10px;  font-family: sans-serif ; font-size:120%; line-height :1.5;font-weight: 700; }
.presentation_les_artistes .texte { min-width:40%; max-width:800px; margin-top:10px;  font-family: sans-serif ;}
.liste_artistes {display:flex; flex-wrap: wrap;justify-content: space-around;}
.presentation_les_artistes .artiste {font-size:120%; min-width:30%; color:#777777;text-align:center; margin-bottom:15px;}
.presentation_les_artistes .artiste img {max-width:200px;  height:150px;}
@media only screen and (max-device-width:1200px) { /* tel */
	.presentation_les_artistes .texte {}
}
/* -------------------- MAILING LISTE  */
.mailing_liste {max-width:600px;} 
/* -------------------- PRESSE  */
.images_presse {display:flex;max-width:100%;flex-wrap: wrap;justify-content: space-between;}
.image_presse {text-align:center;min-width:25%; margin-bottom:20px;}
.image_presse .legende {text-align:center;}
.image_presse img {width:200px;}
.presse {display:block;max-width:100%;}

/* -------------------- RESUMES */
.expo_resume {display:flex; flex-wrap: wrap;justify-content: space-around;}
.expo_resume .resume { max-width:380px; padding-left:15px;}
.expo_resume .resume .titre_expo { font-size:150%; padding-left:30px; font-weight:bold ;}
.expo_resume .image { max-width:390px;}
.expo_resume .image img {width:100%; margin:0;}
/* -------------------- LES AMIS */
.les_amis {font-size: 250%; color:#111a45; font-family: serif ;}

/*#page_exposition {}
.expostion {display:flex; justify-content:center ; margin-left:10px;margin-right:10px;}
/*.presentation_expo { max-width:600px; font-size: 110%; padding-bottom:10px; }
.presentation_expo {display:flex; justify-content:center ; margin-left:10px;margin-right:10px;}
.expostion .texte { min-width:30%; margin-top:10px; margin-right:50px; }*/
/* ------------------------ ADMIN */
#page_admin, #page_admin #entete {max-width:1100px;}
 #page_admin article {padding-left:60px;}
.menu_admin {text-align:left;}
.menu_admin li {margin-bottom:5px;;}
.nouvelle_commande {margin:0 auto; margin-top:10px;margin-bottom:20px;max-width:600px}
.etiquette_livraison {font-family:times;font-size:20px;}
.tableau_etiquettes tr {width:800px; height:150px;padding-left:50px;}
.tableau_etiquettes td {width:400px; height:150px;padding-left:50px; }
.liste_users_etiquettes {margin-left:50px; }

.tab_mots_clefs td {max-width:999px;text-align: left; padding-left:5px;}
/* ------------------------ ARCHIVES */
.photos_archives {text-align:center;} /*display:flex; align-content:center;flex-wrap:nowrap;}*/ 
.photos_archives  img {margin:5px; max-height:500px; max-width:600px;}
/* ------------------- SPECIFIQUES  */
.modern_gender_book {float:right ; max-width:45%; font-size: 95%; color: grey;}
.modern_gender_book img {width:100% ;  padding-left:15px;border:none; }
.modern_gender_bio {float:right ; max-width:150px; margin-bottom:5px; }
.modern_gender_bio img {width:100%;  border:none;}

/* --------------------------- PRESSE