/* Partie PRESENTATION */



#presentation
	{width: 92%;						display: flex;
	height: auto;						flex-direction: row;
	margin-top: 60px;					flex-wrap: wrap;
	margin-left: 4%;					justify-content: center;
	margin-right: 4%;					overflow: visible;
	
										background-color: #255c38/*Vert "Corpus"*/;
	}

#pic
	{width: 100%;						
										
										
		position: relative;				
		left: 0px;						
		top: -20px; 					
	}

#photo-isa
	{margin: 0px;						
	padding: 0px;						
	}

#photo-isa img
	{max-width: 100%;					
	height: auto;						
	
										box-shadow: 5px 5px 30px black;
	}

#txt
	{width: 100%;						
	margin: 0px;						
	padding: 20px;						
	}

#presentation h1
	{margin: 0px;						
	padding: 30px 0px 15px 0px;			
	
	font-size: 2.1rem;					color: #ffd28c/*Or 2*/;
										text-shadow: 5px 5px 15px black;
	}

#presentation p
	{									
	
	line-height: 130%;					color: #ffdeab/*Or 3*/;
	font-size: 0.92rem;					
	}


				/* Partie élément séparateur */

.around
	{height: 40px;						
	}



				/* Partie AGENDA */



#over-ag
	{width: 92%;						
	margin: auto;						
	
										box-shadow: 5px 5px 30px black;
	}


				/* Partie titre Agenda */

#sur-titre-agenda
	{margin: 0px 1px 0px 1px;			
	}

.partie-titre-agenda
	{									
	
										border: 1px rgba(0,0,0,0) solid;
										background-color: #ffc875/*Or 1,5*/;
	}

.partie-titre-agenda:last-child
	{									display: flex;}

#element-a1
	{
	}

#element-a1 h2
	{padding-left: 20px;				
	padding-right: 20px;				
	
	font-size: 1.4rem;					
	font-style: italic;					
		}

#element-a2
	{									display: none;
	}

#element-a3
	{flex: 1;							
	height: 38px;						
	}

#element-a4
	{max-width: 290px;					display: flex;
	margin-right: 4px;					flex-direction: row;
	margin-left: 4px;					justify-content: center;
	margin-bottom: 4px;					align-items: center;
	
	font-family: serif;					background-color: #d9aa64/*Or 1,5 -b-*/;
	font-size: 1rem;					border: 1px black solid;
	font-style: italic;					
	cursor: pointer;					
	}

#element-a4:hover
	{									
	
										background-color: #cca05e/*Or 1,5 -c-*/;
	}


				/* Partie corps Agenda */

#agenda
	{}

#agenda .bloc-news
	{flex: 1;							
	min-height: 278px;					
	
										border: 1px black solid;
	}

#agenda .bloc-news-titre
	{									display: flex;
										flex-direction: row;
										justify-content: flex-start;
										align-items: center;
	
										border-bottom: 1px black solid;
	}

.bloc-news-titre figure
	{margin: 10px;}

#news-1
	{									
	
										background-color: #e6b46a/*Or 1,5 -a-*/;
	}

#news-2
	{									
	
										background-color: #d9aa64/*Or 1,5 -b-*/;
	}

#news-3
	{									
	
										background-color: #cca05e/*Or 1,5 -c-*/;
	}

#news-1 p, #news-2 p, #news-3 p
	{									overflow: auto;
	
	font-size: 0.92rem;					
	}


				/* Partie Side Panel */

 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color:  rgba(0,0,0,0.8); /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* On smaller screens, where height/width is less than 480px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 480px) {
  #first-drop {margin-top: 15px;}
}

@media screen and (max-height: 480px) {
  #first-drop {margin-top: 15px;}
}

/* Affichage du contenu */
#first-drop
	{margin-top: 60px;}

.sidenav p
	{
	font-family: sans-serif;
	font-size: 0.92rem;}

.date
	{padding-left: 32px;
	
	font-weight: bold;					color: #f1f1f1;}

.ajout-page
	{padding-left: 50px;
	padding-right: 30px;
	
										color: lime;
	}

.enrich
	{padding-left: 50px;
	padding-right: 30px;
	
										color: cyan;
	}

.maj
	{padding-left: 50px;
	padding-right: 30px;
	
										color: red;
	}

.code-change
	{padding-left: 50px;
	padding-right: 30px;
	
										color: white;
	}



				/* Partie LITTERATURE */



#over-litt
	{width: 92%;						
	margin: auto;						
	
										box-shadow: 5px 5px 30px black;
	}


				/* Partie titre de litterature */

#sur-titre-litterature
	{margin: 0px 1px 0px 1px;			
	}

.partie-titre-litterature
	{									
	
										border: 1px rgba(0,0,0,0) solid;
										background-color: #ffc05e/*Or 1*/;
	}

.partie-titre-litterature:last-child
	{									display: flex;}

#element-1
	{
	}

#element-1 h2
	{padding-left: 20px;				
	padding-right: 20px;				
	
	font-size: 1.4rem;					
	font-style: italic;					
		}

#element-2
	{									display: none;
	}

#element-3
	{flex: 1;							
	height: 38px;						
	}

#element-4
	{max-width: 290px;					display: flex;
	margin-right: 4px;					flex-direction: row;
	margin-left: 4px;					justify-content: center;
	margin-bottom: 4px;					align-items: center;
	
										background-color: #e6ad55/*Or 1 -a-*/;
										border: 1px black solid;
	}

#element-4:hover
	{									
	
										background-color: #d9a350/*Or 1 -b-*/;
	}

#element-4 p
	{margin-top: 8px;					
	margin-bottom: 8px;					
	
	font-style: italic;					
	}


				/* Partie corps de litterature */

#litterature
	{									display: flex;
										flex-direction: column;
	}

#litterature a
	{flex: 1;							
	height: 278px;						
	
										border: 1px black solid;
	}

.litt-a
	{									
	
										background-color: #e6ad55/*Or 1 -a-*/;
	}

.litt-b
	{									
	
										background-color: #d9a350/*Or 1 -b-*/;
	}

.litt-c
	{									
	
										background-color: #cc9a4b/*Or 1 -c-*/;
	}

#litterature h3
	{padding-left: 20px;				
	}

#litterature figure
	{									
	
	text-align: center;					
	}

	#litterature img
	{max-width: 100%;					
	height: auto;						
	}



				/* Partie GENERALE */



*
	{word-wrap: break-word;}

html
	{
	
	font-size: 100%;					
	}

body
	{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

body
	{padding-top: 10px;					
	
										background-color: #1f3326/*Vert "Body"*/;
	}

h3
	{									
	
	font-size: 1.1rem;					
	}

p, h3, h4
	{padding-left: 5px;					
	padding-right: 5px;					
	}

a
	{									
	
	font-weight: normal;				color: black;
	text-decoration: none;				
	}

a:active
	{									
	
	font-weight: normal;				color: black;
	text-decoration: underline;			
	}

a:visited
	{									
	
	font-weight: normal;				color: black;
	text-decoration: none;				
	}