@import url(http://fonts.googleapis.com/css?family=Droid+Sans);


@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?yucedf');
	src:url('fonts/icomoon.eot?#iefixyucedf') format('embedded-opentype'),
		url('fonts/icomoon.woff?yucedf') format('woff'),
		url('fonts/icomoon.ttf?yucedf') format('truetype'),
		url('fonts/icomoon.svg?yucedf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home3:before {
	content: "\e902";
	font-size:1.7em;

	background-color: transparent;
}

.old_ie  .old_ie header, .old_ie header h1, .old_ie nav, .old_ie nav li,.old_ie section, .old_ie menu, .old_ie gmenu,.old_ie article, .old_ie aside, 
{
    display: inline;
    zoom: 1;
}

/* Quelques ajustements pour les vieilles versions d'IE */

.old_ie section h1, .ie8 section h1
{
    font-size: 1.1em;
}

.old_ie footer div, .ie8 footer div
{
    margin-top: 30px;
    background: url('images/separateur.png') repeat-x top;
}


html
{
}

body {
		height: 100%;
		margin:auto;
		padding:0;
		max-width: 980px;	
	font-family: 'Droid Sans', sans-serif;
		background-color : #dcdcdc;
		color :#2d0c02
		
	/*	background-color : #c7bbbb;
		color :#2d0c02*/
		font-size: 1em;
	}
/*
body#liens {
	color: #454545; 
	background-color: #dcdcdc;
}
*/

a {
	text-decoration: none;

}

a:link {
	color:  #926907;
}
a:visited {
	color: #801e02;
}
a:hover {
	color:  #b1861f;
}
a:active {
	color: #dd9e0b;
}

article a{
font-size:0.8em;
}

img, object, embed, canvas, video, audio, picture {
       max-width: 100%;
		height: auto;
       _width: 100%; /* IE6 seulement */
}

	
.Grandtitre {
		text-align: left;	
		vertical-align:middle;
		margin:3%;
		margin-left: 0;
		font-size: 2.5em;
	
}	

.titre {
	font-size: 1.5em;
	margin: 2% 0 1% 0;
}

.chapo {
	font-size: 1.1em;
	font-style: italic;
	margin: 2% 0 3% 0;
}
.contact{
	font-size: 1.2em;
	margin-top:2%;
	padding:0.5%;
}

.contact a {
	font-size: 1.1em;}

.blocLien {
	width:20%;
	padding:0.2%;
	float:left;	
	margin-top:0.5%;
	margin-left:5%;
	vertical-align: top;
	
}

.blocLienImages {
	width:60%;
	padding:0.2%;
	float:left;
	clear:right;
	margin-left:1%;
	margin-top:0.5%;
}

.couleurpolice{
	color: white;
}

footer
{
	display: block;
	float: left;
	width: 100%;
	background: #f4f4f4;
	text-align: right;
	padding: 3%;
	margin: 0;
	height: 1%;	
}


article
{
	float: left;
	width: 100%;
	height:100%;
	min-height: 800px;
	padding:1%;
	margin: 0;	
			background-repeat: no-repeat;
			background-position: center;		
}


header
{
	padding: 0;
	margin: 2%; 	
}

nav
{
	padding: 0;
	margin-left:auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

.fondgris{
	background-color: #d3d3d3;
	padding: 1%;
	margin: 1%;
}

.accueil{
	background-color: rgba(210,210,210,0.4);
	padding: 1%;
	margin: 1%;
	width:25%;
}

.accueil1{
	background-color: rgba(210,210,210,0.4);
	padding: 1%;
	margin: 1%;
	width:75%;
}

.mailcontact{
	 position: relative;  
    display: inline-block;     
    margin: 2%;  
    padding:1%;
    text-align: center;  
    overflow: hidden; 
    width:15%;
	float: left; 
	background-color: #d3d3d3;

}
#menunav {
	display:flex;
   flex-flow: row wrap;
   justify-content: space-around;
   align-items: baseline;
}


@media screen and (max-width: 800px){
	#menunav ul{
	display:flex;
	flex-flow :row wrap;
	justify-content :center;
	}
}


@media screen and (max-width: 450px){
	#menunav ul{
		display:flex;
		flex-flow: column wrap;
	}
}


 #menunav ul { /* toutes les listes */
	padding: 0;
	margin:0;
	list-style: none;	
	text-align: center;
	vertical-align: middle;
	line-height: 2.188em;	
}


#menunav a {
	display: block;	
	color: #f8f8f8;
	margin: 0;
		-webkit-transition: color 0.6s ease-in;
    -moz-transition: color 0.6s ease-in;
    -o-transition: color 0.6s ease-in;
	 transition: color 0.6s ease-in;
	 -webkit-transition: background-color 1.2s ease-in;
    -moz-transition: background-color 1.2s ease-in;
    -o-transition: background-color 1.2s ease-in;
	 transition: background-color 1.2s ease-in;	
	
}

#menunav li { /* tous les items de liste */
	float: left;
	width: 8em; /* largeur obligatoire, sinon opera devient fou */
	margin: 0;
	background-color: #460202;
	color:#c7bbbb;
	padding: 0;
	border-radius:8px;
}



#menunav li:first-child {width:2em;}

#menunav li li :first-child {
width:9em;
	background-color: #460202;
	color:#c7bbbb;
	border-radius: 8px;
}


#menunav ul li ul li{
display: inherit;
border-radius: 8px;
}


#menunav ul li ul li:last-child{
display: inherit;
border-radius: 8px;
}


#menunav li a:hover {

background: #c7bbbb;
color:#460202;
border-radius:8px;

}



#menunav li ul { /* listes de deuxième niveau */
	position: absolute;
	width: 8em;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#menunav li:hover ul, #menunav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
	margin: 0;

}/*		
#liens #menunav li,#expos #menunav li{
	background-color: #bcbcbc;
	color: #454545;
		padding: 0;
	border-radius:8px;
}


#liens #menunav li :first-child, #expos #menunav li :first-child{
	background-color: #bcbcbc;
	color: #454545;
		padding: 0;
	border-radius:8px;
}

*/

figure {  
    position: relative;  
    display: inline-block;     
    margin: 2%;  
    padding:0;
    overflow: hidden; 
	 float: left;  
}

.flotteleft {
float:left;
margin: 1%;
}

.flotteleftimg {
float:left;

}
.flotteright{
	float:right;
}

.flotterightimg{
	float:right;
	width: 50%;
	margin: 3%;
	margin-right: 10%;
	padding: 0%;
}

.texteright{
	float:right;
	margin-right: 10%;
}

.texteleft{
	float:left;
	margin-left: 10%;
}

.textecenter{
	text-align:center;
}

.home {
	width:35px;
	float:left;
	margin:0;
	padding:0;
}
.annonce{
	margin: 1%;
	padding: 1%;
	float:left;
	width: 45%;
}

.annonce23{
	margin: 1%;
	padding: 1%;
	float:left;
	width: 55%;
}

.annonce13{
	margin: 1%;
	padding: 1%;
	float:left;
	width: 35%;
}

.annoncepage{
	margin: 1%;
	padding: 1%;
	float:left;
	width: 95%;
}

.flex-liens {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: baseline;  
}

.lien {
	margin:2%;
	padding:1%;
   width:30%;
	float: left;
	color: #2d0c02;
	background: #cecece;
	text-align: center;
	vertical-align: middle;
	border-radius:15px;
	-webkit-box-shadow: 3px 3px 5px 3px #2d0c02;
   -moz-box-shadow: 3px 3px 5px 2px rgba(176,196,222,1);
   box-shadow: 3px 3px 5px 1px #2d0c02;
}

.lien figcaption { 
	 position: absolute; 
	 margin: 0;  
    padding:0;  
    left: 0; bottom: 0;
    height:0;  
    line-height: 1.5em; 
    width:100%; 
    text-align: center;   
    color: white ;
    background: rgba(0,0,0,0.4);
    overflow: hidden;  
    /*préparation de la transition*/  
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;  
     transition: all 0.7s;  
} 

.lien:hover  figcaption,  
.lien:focus figcaption{  
    margin: 0;  
    padding:0; 
    height: 3em; 
    font-size:1.1em;
    color: white ;
    background: rgba(0,0,0,0.6);
} 

.lien a:link{
	color:#c7bbbb;
	font-size: 1.1em;
}
.lien a:visited{
	color:#c7bbbb;
	font-size: 1.1em;
}
.lien a:focus{
	color:#c7bbbb;
	font-size: 1.1em;
}
.lien a:hover{
	color: white;
	font-size: 1.1em;
}
.lien a:active{
	color:#c7bbbb;
	font-size: 1.1em;
}


.lienvide {
	margin:2%;
	padding:1%;
   width:30%;
	float: left;	
	text-align: center;
	vertical-align: middle;

}

.expos {
	width:18%;
	margin:1%;
	padding:1%;
	float: left;
	color: #2d0c02;
	background: #cecece;
	text-align: center;
	vertical-align: middle;
	border-radius:15px;
	 -webkit-box-shadow: 3px 3px 5px 3px #2d0c02;
   -moz-box-shadow: 3px 3px 5px 2px rgba(176,196,222,1);
   	box-shadow: 3px 3px 5px 1px #2d0c02;
}

.expos figcaption { 
	 position: absolute; 
	 margin: 0;  
    padding:0;  
    left: 0; bottom: 0;
    height:0;  
    line-height: 2.5em; 
    width:100%; 
    text-align: center; 
     background: rgba(120,120,120,0.8);  
    overflow: hidden;  
    /*préparation de la transition*/  
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;  
     transition: all 0.7s;  
} 

.expos:hover  figcaption,  
.expos:focus figcaption{  
    margin: 0;  
    padding:0; 
    height: 3em; 
    color: #dcdcdc;
    background: rgba(0,0,0,0.6);  
} 

.flex-edition {
  display: flex;
  flex-flow: row wrap;
  align-content:flex-end;
  justify-content:space-between;
  align-items:flex-end;  
}

.edition {
	display:block;
	float: left; 
	margin:2%; 
	padding:1;
	width:46%;
	color: #454545;
	text-align: left;
	font-style: italic;
} 

.titrelivre {
	font-size: 1.4em;
	margin: 1% 0 1% 0;
}

.flex-livres1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;  
}
.livres {
	display:block;
	margin:5% 2% 2% 2%;
	padding:1;
	width:44%;
	color: #454545;
	text-align: left;
	font-style: italic;
}

.livresTitre {
	display:block;
	margin:5% 2% 2% 2%;
	padding:1;
	width:92%;
	color: #454545;
	text-align: left;
	font-style: italic;
}

.livres figcaption { 
	 position: absolute; 
	 margin:1%;  
    padding:1%;  
    left: 0; bottom: 0;
    height:0;  
    line-height: 1.5em; 
    width:100%; 
    text-align: center; 
    font-style: italic;    
    color: white ;
    background: rgba(0,0,0,0.1);  
    overflow: hidden;  
    /*préparation de la transition*/  
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;  
     transition: all 0.7s;  
} 
.livres:hover  figcaption,  
.livres:focus figcaption{  
    margin: 0;  
    padding:0; 
    height: 5em; 
    color: #dcdcdc;
    background: rgba(0,0,0,0.6);  
} 

.titrelivre {
	font-size: 1.4em;
	margin: 1% 0 1% 0;
}

.zoom {
	margin:2%;
	padding:1;	
	width:26%;
	float: left;
	color: #454545;
	text-align: left;
	font-style: italic;
}

.italic{
	font-style: italic;
}

.poemeitalic{
	font-style: italic;
	margin-left: 5%;
}

.poemetitrepoeme{
	font-style: italic;
	font-size: larger;
	margin-left: 5%;
}
.poemesignature{
font-style: italic;
font-size: smaller;
margin-left: 5%;
}

#video{
	max-width: 1980px;
	margin:0;
	margin: auto;	
}
/*page artiste sous grid*/
.artiste-grid{
  display:grid;
   grid-template-columns: repeat(3,1fr);
   grid-template-rows: repeat(5,min(100px, 1fr));
	grid-template-areas:"p1 t1 t1"
	 							"t2 t2 p2"
	 							"p3 t3 t3"
	 							"t4 t4 p4"
	 							"p5 t5 t5";
						
}

.artiste-grid > div{
  padding: 20px;
  margin-bottom: 20px;

  }

.p1{grid-area: p1;}
.t1{grid-area: t1;}
.t2{grid-area: t2;}
.p2{grid-area: p2;}
.p3{grid-area: p3;}
.t3{grid-area: t3;}
.t4{grid-area: t4;}
.p4{grid-area: p4;}
.p5{grid-area: p5;}
.t5{grid-area: t5;}

/*Page expos grid*/
.expos-grid{
  display:grid;
   grid-template-columns: repeat(4,1fr);
   
   column-gap:10px;
   grid-template-rows: repeat(28,min(100px, 1fr));
	grid-template-areas:"Titre1 Titre1 Titre1 Titre1"
								"exp69 exp70 exp73 ."
								"exp67 exp66 exp62 exp61"
	 							"exp58 exp57 exp56 exp55"
	 							"exp54 exp1 exp2 exp3"
	 							"exp4 exp5 exp6 exp7"
	 							"exp8 exp9 exp10 ."
	 							
	 							"Titre2 Titre2 Titre2 Titre2"
	 							
	 							"An2025 An2025 . ."
	 							" exp71 exp72 . . "	
	 							
	 								
	 								"An2024 An2024 . ."
	 							" exp68 . . ."	
	 							
	 							"An2023 An2023 . ."
	 							" exp65 . . ."	
	 							
	 							"An2022 An2022 . ."
	 							" exp64 exp63 exp59 exp60"		 							
	 							"An2020 An2020 An2020 ."
	 							" exp53 exp52 exp51 ."							
	 							"An2019 An2019 An2019 ."
	 							"exp11 exp12 exp13 exp14"
	 							"An2018 An2018 . ."
	 							" exp15 exp16 exp17 exp18"	 							
	 							" exp19 exp20. ."
	 							"An2017 An2017 . ."
	 							" exp21 exp22 exp23 exp24"	
	 							" exp21 exp22 exp23 exp25"	
	 							"An2016 An2016 . ."
	 							" exp26 exp27 exp28 exp29"	
	 							" exp26 exp27 . ."
	 							"An2015 An2015 . ."
	 							" exp30 exp31 exp32 exp33"	
	 							" exp30 exp31 exp34 ."
	 							"An2014 An2014 . ."
	 							" exp35 exp36 exp37 exp38"	
	 							"An2013 An2013 . ."
	 							" exp39 exp40 . ."	
	 								"An2012 An2012 . ."
	 							" exp41 exp42 exp43 exp44"	
	 							" exp41 exp42 exp45 ."
	 							"An2008 An2008 . ."
	 							" exp46 . . ."
	 							
	 							;
						
}


.Titre1{grid-area: Titre1;}
.exp73{grid-area: exp73;}
.exp70{grid-area: exp70;}
.exp69{grid-area: exp69;}
.exp67{grid-area: exp67;}
.exp66{grid-area: exp66;}
.exp62{grid-area: exp62;}
.exp61{grid-area: exp61;}
.exp58{grid-area: exp58;}
.exp57{grid-area: exp57;}
.exp56{grid-area: exp56;}
.exp55{grid-area: exp55;}
.exp54{grid-area: exp54;}
.exp1{grid-area: exp1;}
.exp2{grid-area: exp2;}
.exp3{grid-area: exp3;}
.exp4{grid-area: exp4;}
.exp5{grid-area: exp5;}
.exp6{grid-area: exp6;}
.exp7{grid-area: exp7;}
.exp8{grid-area: exp8;}
.exp9{grid-area: exp9;}
.exp10{grid-area:exp10}

.Titre2{grid-area: Titre2;}

.An2025{grid-area: An2025;}
.exp71{grid-area: exp71;}
.exp72{grid-area: exp72;}


.An2024{grid-area: An2024;}
.exp68{grid-area: exp68;}

.An2023{grid-area: An2023;}
.exp65{grid-area: exp65;}

.An2022{grid-area: An2022;}
.exp64{grid-area: exp64;}
.exp63{grid-area: exp63;}
.exp59{grid-area:exp59}
.exp60{grid-area:exp60}

.An2020{grid-area: An2020;}
.exp53{grid-area:exp53}
.exp51{grid-area:exp51}
.exp52{grid-area:exp52}

.An2019{grid-area: An2019;}
.exp11{grid-area:exp11}
.exp12{grid-area:exp12}
.exp13{grid-area:exp13}
.exp14{grid-area:exp14}

.An2018{grid-area: An2018;}

.exp15{grid-area:exp15}
.exp16{grid-area:exp16}
.exp17{grid-area:exp17}
.exp18{grid-area:exp18}
.exp19{grid-area:exp19}
.exp20{grid-area:exp20}

.An2017{grid-area: An2017;}
.exp21{grid-area:exp21}
.exp22{grid-area:exp22}
.exp23{grid-area:exp23}
.exp24{grid-area:exp24}
.exp25{grid-area:exp25}

.An2016{grid-area: An2016;}
.exp26{grid-area:exp26}
.exp27{grid-area:exp27}
.exp28{grid-area:exp28}
.exp29{grid-area:exp29}

.An2015{grid-area: An2015;}
.exp30{grid-area:exp30}
.exp31{grid-area:exp31}
.exp32{grid-area:exp32}
.exp33{grid-area:exp33}
.exp34{grid-area:exp34}

.An2014{grid-area: An2014;}
.exp35{grid-area:exp35}
.exp36{grid-area:exp36}
.exp37{grid-area:exp37}
.exp38{grid-area:exp38}

.An2013{grid-area: An2013;}
.exp39{grid-area:exp39}
.exp40{grid-area:exp40}

.An2012{grid-area: An2012;}
.exp41{grid-area:exp41}
.exp42{grid-area:exp42}
.exp43{grid-area:exp43}
.exp44{grid-area:exp44}
.exp45{grid-area:exp45}

.An2008{grid-area: An2008;}
.exp46{grid-area:exp46}


.exposG {
width:94%;
min-height:40px;
	margin:1%;
	padding:4% 2% 2% 2%;
	float: left;
	color: #2d0c02;
	background: #cecece;
	text-align: center;
	vertical-align: middle;
	border-radius:15px;
	 -webkit-box-shadow: 3px 3px 5px 3px #2d0c02;
   -moz-box-shadow: 3px 3px 5px 2px rgba(176,196,222,1);
   	box-shadow: 3px 3px 5px 1px #2d0c02;
}

.exposG figcaption { 
	 position: absolute; 
	 margin: 0;  
    padding:0;  
    left: 0; bottom: 0;
    height:0;  
    line-height: 1.5em; 
    width:100%; 
    text-align: center; 
     background: rgba(120,120,120,0.8);  
    overflow: hidden;  
    /*préparation de la transition*/  
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;  
     transition: all 0.7s;  
} 

.exposG:hover  figcaption,  
.exposG:focus figcaption{  
    margin: 0;  
    padding:0; 
    height: 3em; 
    color: #dcdcdc;
    background: rgba(0,0,0,0.6);  
}

.titreExpo{
text-align: center;
		font-size: 1.3em;

	margin: 5% 0 1% 0;
} 
.annExpo{
		font-size: 1em;
		font-weight: bolder;
	margin: 3% 0 2% 0;
}

.tabulation15{
  text-indent:50;
}