body {
	margin: 0;
	background: #151937 ;/*  #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: 220%;
	}
}
@media only screen and (min-device-width:480px) and (max-device-width:600px) {
	body {
		font-size: 150%;
	}
}
/* -------------------------------------  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%; text-align:center;}
h2 { text-align: center ; margin: 0; margin-top:15px; font-size: 150%;}
h3, h4 {  text-align: center ; 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:#7c7896;}
a:hover{color:#0099f2;} 
/* ----------------------------------------- GENERALITES */
.plus_petit,plus_petit {font-size:smaller;}
.plus_grand,plus_grand {font-size:larger;}
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 */
.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: 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 {max-width:1100px;margin:0 auto; background:white; Line-Height:1.4; color:#272724; }
#page {font-weight: 700; line-height:1.5;}

@media only screen and (min-device-width:480px) {
	#page_phothommatons article , #page_genre article , #page_mai article,  #page_orchestres article ,#page_bulle article, #page_vrac article , #page_nues article
		{margin-left: 15%;margin-right: 15%;	}
	article {font-size:120%;}
}


section {padding-left:15px;padding-right:15px;}
.marge50 {padding-left:50px;padding-right:50px;}
.largeur800 {max-width:800px; margin:0 auto;}
.largeur600 {max-width:600px;margin:0 auto;}
.largeur400 {max-width:400px;margin:0 auto;}
article	{}


/* ---------------------------- ENTETE -------------------------------------      848484     */ 
#entete {max-width:1100px;margin:0 auto; margin-top: 0px; padding-bottom:10px; min-height: 128px; background:#7c7896; color:white;padding-left: 10px; }	
#page_vrac #entete{min-height:0;}
.moulin img {  height: 80px; width="80"; float:right ;margin-top:8px; margin-right:8px ;}	
.galerieM img {  height: 80px; float:left ;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; }
.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%;} /* 456b8f */
.fil_menu a{color: #456b8f; }
.historique_menu_courant {padding-left:10px;} 
.menus_precedent_suivant {padding-right:10px; float:right;}
/* --------------------------- 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:25px; font-size:140%;padding:5px; color: #727272;}
.tab_matieres_menu2 {margin-left:25px;font-size:120%; margin-top:10px;color: #727272;padding-bottom:5px;}
.tab_matieres_menu3  {margin-left:50px;font-size:100%;color: #727272;padding-bottom:5px;}


/* --------------------------- INDEX */
.index_chapeau , .index_photo {text-align:center;color:#597c6d; margin:10px; font-weight: 700; font-size:120%;}
#page_index article  {font-weight: 700; background-image:url(img/fond_moulinavent.jpg); background-repeat:no-repeat;background-position:center;text-align:center;} 
#page_index article {display:flex; margin:10px;justify-content: space-around;}	

.presentation_index { text-align:center; margin-left:10px;margin-right:10px;}
.presentation_index img{max-height:200px; max-width:330px; border: 1px solid #dbdbdb;}
.presentation_index  h2 {  margin-top:10px; font-size: 150%;}

/* --------------------------- BLOG */
.entete_blog { max-width:600px; margin:0 auto;}
.resume_blog {max-height:100px; border: 1px outset gray;padding:5px; }
.resume_blog .ligne1 {display:flex;  justify-content: space-between;}
.resume_blog a {padding-right:10px; color:black;}
.resume_blog .date {font-size:80%; color:grey}
.resume_blog .reference{font-size:95%; color:grey;font-style:italic; }

.texte_blog { border-top: 1px outset gray;padding:15px; max-width:600px; margin:0 auto;}
.texte_blog .date {font-size:90%; color:grey}
.texte_blog .reference  {color:grey;padding-bottom:10px;}

.photographe_blog {display:flex; border-top: 1px outset gray;padding:15px; max-width:600px; margin:0 auto;}
.photographe_blog .date {font-size:80%; color:grey}
.photographe_blog .texte {margin-bottom:10px;}
.photo_portrait_blog img {max-height:120px; margin-right:15px;} 
.nom_photographe_blog {padding-bottom:10px;}
/* ---------------------------------  HISTOIRE DE LA PHOTOGRAPHIE 
.page_flex {display:flex;} */
.menu_histoire li {padding-left:30px;text-decoration: none;list-style:none;}
.menu_histoire a {color:blue;}
.fleches_menu {text-align:center;}
.source_histoire { color:grey; font-size:90%;font-weight:500;}
.source_histoire a{ color:grey;}
.show_plan_histoire,.show_plan_histoire a { color:#365571;padding-left:10px; padding-bottom:5px;}
.show_plan_histoire hr {width:5px;}
.page_histoire {display:flex;  marge:0 auto;}
.page_histoire h4 {text-align:left;font-weight: 800;margin-bottom:0; }
.note_histoiredelaphoto {color:grey;font-style:italic; font-size:95%;padding-top:15px;line-height: 1.3;}
.notes_source {}

.photos_page .article2 {font-size:95%; padding-left:10px;padding-right:15px;}
.texte_page {width:65%; min-width:480px;padding-left:10px;}
.texte_page h1 {color: #7c7896; margin-left:0;}
.texte_page h2 {font-size:200%;}
.texte_page p {padding-right: 30px;}
.remise {padding:5px; background-color: #7c7896; color:yellow;}
.date_ouverture {padding:5px; background-color: #a2b5c7; color:yellow;font-size:200%;font-style:italic;}
.photos_page{padding-right:15px;margin:0 auto;}
.photos_page img {max-width:400px; max-height:450px;padding:15px;}
.legende {font-size:80%; font-weight: 500; text-align:center;}
.photos_page .legende {font-size:100%; font-weight: 500; text-align:center;}
.signature {text-align:right;padding-right:60px;padding-top:10px;}
.liste_photos_path  {text-align:center; display:flex; flex-wrap:wrap;justify-content: space-around;}	
.liste_photos_path img {margin:10px; max-height:300px; max-width:300px;}
.biographie_photographe {max-width:600px; margin: 0 auto; }
.biographie_photographe h4 {text-align:left;font-weight: 800;margin-bottom:0; }

.lister_photos h1 {padding-left:70px;}

/* LISTE des PHOTOGRAPHES */
.entete_liste_photographes {display:flex;}
.entete_liste_photographesP2 {padding-left:20px;}

/*.options_liste_photographes {display:flex;flex-wrap: wrap;justify-content: space-around; margin-bottom: 15px; padding-bottom:10px; border-bottom: 1px solid #90909c;}*/
.options_liste_photographes {font-size:80%;}
@media only screen and (max-device-width:480px) {
.options_liste_photographes {display:none;}
}
.bouton_tri_liste {font-size:100%;}
.liste_photographes, .liste_photographes_courant {display:flex; flex-wrap: wrap;justify-content: center;} 
.article3 .liste_photographes_courant { justify-content: space-around; margin-top:15px; margin-left:5px;}

/*.liste_photographes  .photographe {height:28px; display:flex;}
.liste_photographes .nom {display:block;width:150px;}
.liste_photographes span {display:block;width:70px;}
.liste_photographes .portrait img{max-width:28px;max-height:28px;}
.liste_photographes .portrait {height:28px;}*/
.tableau_liste_photographes {margin-left:10%;  }
.tableau_liste_photographes td,.tableau_liste_photographes th { border: 1px outset gray; padding:2px;}
.photographe_taille_petite {height:200px; width:200px;text-align:center; }
.photographe_taille_petite img {max-width:160px;max-height:160px;padding-bottom:0;}
.photographe_taille_moyenne {height:300px; width:300px;text-align:center; }
.photographe_taille_moyenne img {max-width:260px;max-height:260px;padding-bottom:0;}
.photographe_taille_grande {height:400px; width:400px;text-align:center; }
.photographe_taille_grande img {max-width:360px;max-height:360px;padding-bottom:0;}
.liste_photographes_courant  .photographe_taille_petite {height:180px; width:180px;text-align:center;margin-bottom:10px;}
.liste_photographes_courant  img {max-width:160px;max-height:160px; padding:0;}
.liste_photographes .bouton_photographe ,.liste_photographes_courant .bouton_photographe {font-size:80%;}
.bouton_photographe a , .bouton_photographe a {background-color:#d0d0d7; color:black; padding:3px 6px; margin:1px; 
text-decoration:none; font-weight:400; border-radius:5px;}

.portrait_photographe img {margin:15px;margin-right:30px;float:left; max-height:200px;}
.portrait_photographe2 img {margin:15px;margin-right:30px;float:right; max-height:200px;}
.sources_photographiques {font-size:90%; color:#646464;padding-left:10%; color:grey;}
.analyse_photographie .image {float:right;max-width:50%; max-height:380px;margin-left:10px; }
.analyse_photographie .image img {max-width:100%;max-height:360px;}
.analyse_photographie {padding:30px; padding-top:10px; max-width:800px;}
.analyse_photographie .bouton_photographe {font-size:90%;}

@media only screen and (max-width:700px) {
	.page_histoire {display:block; }
}