body
{
	background : #F1AC38; /* couleur de fond */
}
p
{
	text-indent:10px;
	text-align:justify;
}
.caractere
{
 text-align:center;
}
#cornettes
{
text-align:center;
}
#oche
{
float:left;
margin-right:10%;
}
#text_image
{
	float:right;
	margin-left:30px;
	border:10px solid green;
}
#deconnection
{background:#ECE448;}
.centre
{
text-align:center;
}
.excuse
{
	text-align:left;
}
span.blanc
{color:white;
font-size:12px;}
span.jaune
{color:yellow;
font-size:12px;}
span.rose
{color:red;
font-size:12px;}
span.bleu
{color:blue;
font-size:12px;}
span.vert
{color:green;
font-size:12px;}
span.hauteur
{
margin-left:0px;
}
mark
{
	background-color:#B2D984;
	font-size:16px;
}
.champignon
{
font-size: 12px;
}
#accueill
{
	text-indent:180px;
}
a
{
	color: #3B6739;
	font-style: italic;
}
a:hover
{
	color:#A05D2A;
	background-color:#A9EF53;
}
.rechcoul
{
font-size:15px;

}
.rechcoul1, .rechcoul2, .rechcoul3, .rechcoul4
{
margin-left:1%;
margin-right:4%;
margin-bottom:0px;
width:19%;
}
.rechcoul0
{
width:250px;
text-align:center;
padding-right:20px;
}
.rechgal
{
width:180px;
text-align:center;
padding-right:20px;
}
.listalpha
{
 	margin-left:30%;
}
h1
{
	text-decoration:underline;
	font-weight:bold;
	font-size:18px;
}
h2
{
	font-weight:bold;
	font-size:16px;
}
h3.recherche
{
	text-indent:25px;
}
h3
{
	text-decoration:underline;
	font-weight:bold;
  font-size:12px;
}
h5
{
	font-size:14px;
}
h6
{
	font-size:12px;
}
.alpha
{
	padding:5px;
	border:1px solid black;
	margin-left:10%;
}
#fiche
{
width: 75%;
margin-top:10px;
}
#ficherando
{
width:100%;
margin-left:10px;
margin-top:10px;
margin-right:10px;
}
.fichefleurgauche
{
width :40%;
padding-left:20px;
font-size:12px;
}
.fichefleurdroit
{
 	padding-left:70px;
 	font-size:12px;
}
.ficherandogauche
{
width:50%;
padding-left:10px;
font-size:12px;
}
.ficherandodroit
{
width:50%;
padding-left:20px;
padding-right:1px;
margin-right:5px;
font-size:12px;
}
.jeugauche
{
float:left;
margin-right:15%;
}
#dessincoste
{
margin-top:5px;
padding-top:10px;
text-align:center;
float:right;
font-size:12px;
}
#dessincoste1
{
margin-top:5px;
margin-right:40px;
padding-top:10px;
float:right;
}
#dessincoste2
{
margin-top:5px;
padding-top:10px;
float:right;
}
.maublanc
{
text-align:center;
margin-right:40px;
font-size: 12px;
text-decoration:underline
}
.habitat
{
float:right;
padding-top:5px;
}
#diapos
{
margin-left:5%;
}
.reste1
{
margin-left:25.5%;
}
.reste2
{
margin-left:15%;
}
td.alphaa
{
 padding: 5px;
 background-color:#F6604E;
 border:1px solid green;
}
td.alphab
{
 	padding: 5px;
	background-color:#EAD151;
 	border:1px solid green;
}
td.avant_apres
{
  border: 1px solid green;
  background:#F2F456;
}
td.pendant
{
  border: 1px solid green;
  background:#FD5B55;
}
input, textarea
{
	margin-top:20px;
	border:1px solid black;
	background-color:#F2F456;
}
.envoyer
{
	padding-top: 0px;
}
select
{
	margin:0px;
	margin-left:15px;
}
.taille
{
	float:left;
	padding-right:5px;
}
.diametre
{
margin-left:0px;
padding-left:0px;
}
.taillediametre
{
 float : left;
 padding-left:20px;
 margin-left:20px;
 padding-right:10px;
}
.randodroite
{
float:right;
}

/* ----------entête -------------*/
#entetedroit
{
	width:80%;
	min-width:640px;
	height:132px;
	padding:0px;
	border: 2px solid green;
	border-left:1px solid green;
	float:right;
}
#entetegauche
{
	width:19.5%;
	min-width:160px;
	height:127px;
  padding-bottom:5px;
	border: 2px solid green;
  border-right:1px solid green;
}
.logo
{
	width:195px;
  height:130px;
	border:none;
	padding-top :1px;
	padding-left:1px;
	border-right : solid 2px #F1AC38;
	float:right;
}
#logoright
{
	width:390px;
  height:130px;
	border:none;
	padding-top: 1px;
	padding-right:2px;
	border-right: solid 2px #F1AC38;
	float:right;
}
.ban
{
	color: #3B6739;
	text-align: center;
	font-size:16px;

}
/*--------menu-haut------*/
ul#menuhaut
{
	width:96%;
	min-width:800px;
	height:18px;
	margin: 2px 0 0 0;
	padding-bottom: 1px;
	background-color : #EAD151;
	border : 1px solid black;
	list-style-type : none; 
}
ul#menuhaut li 
{
	padding : 0 8px;
	font-size:12px; 
	color:green;
}
li.gauche
{
	float : left;
	border-right : 1px solid black;
  margin-left:0px;
}
li.droite
{
	float : right;
	border-left : 1px solid black;
}
li.central
{
	float : left;
}
/*-------menu gauche-----*/
#menugauche
{
	width:15%;
	min-width:140px;
	margin-left: 2px;
	margin-top:10px;
	margin-right:15px;
	margin-bottom:5px;
	padding: 5px;
	padding-bottom:5px;
	float:left;
	text-indent:10px;
  height:500px;
}
#rech
{
	background-color : #EAD151;
	border : 1px solid black;
	padding:0;
	padding-bottom:15px;
	text-align: center;
}
.menus
{
	background-color : #EAD151;
	border : 1px solid black;
	list-style-type : disc;
	padding-bottom:5px;
	padding-top:5px;
}
.mgauche
{
	font-size:12px;
	font-family:Arial,Verdana,serif;
	text-align:left;
}
/*-------corps----------*/
.corps
{
	margin-top:10px;
	margin-left:20%;
	margin-bottom:25px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	width:77%;
	min-width:640px;
	border:1px solid green;
	font-size:14px;
}
.corpsrando
{
	margin-top:10px;
	margin-left:20%;
	margin-bottom:25px;
	margin-right:10%;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	width:77%;
	min-width:640px;
	border:1px solid green;
	font-size:12px;
}
.poemes
{
	margin-top:10px;
	margin-left:20%;
	margin-bottom:25px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	width:38%;
	border:1px solid green;
	font-size:14px;
}
footer
{
	margin:0px;
	margin-left:25%;
	margin-right:5%;
	padding:0px;
	padding-top:10px;
	background-color:#C7C89D;
	font-size:12px;
	text-align:center;
	width:69%;
	min-width:640px;
	border:2px dashed blue;
}
#tableaucentralfleur
{
	margin-left:120px;
	border:2px solid green;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:20px;
}
#text_champignon
{
	float:right;
	margin-left:15px;
}
.corps_champignon
{
padding-right: 20px;
}
.comment
{
margin-left:15%;
margin-right:15%;
padding-bottom:45px;
font-size:12px;
}
#overlay
{
	display : none; /* Pour cacher l'overlay, sert à diaporama : l'overlay recouvre la page en cours*/
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 200%;
	text-align: center; /* Pour centrer l'image  */
	background-color: rgba(0,0,0,0.6);
}
#overlay img 
{

	border:7px solid black;
}
.boxtitre
{
color: white;
background-color:black;
margin-top:200px;
margin-left:19%;
margin-right:19%;
margin-bottom:0px;
}
/* menu box*/
.menubox
{
color:white;
background-color:black;
margin-top:0px;
list-style-type: none;
margin-left:19%;
margin-right:19%;
margin-bottom:0px;
}
.sous_galerie
{
font-size:10px;
}
.titrediapo
{
margin-left:20%;
}
.suivante
{
padding-left:15px;
padding-right:15px;
background-color:#EAD151;
border: 2px solid green;
}
.diaporama
{
margin-left:10%;
margin-right:10%;
text-align:center;
border:5px solid red;
background-color:black;
}
.diaporam
{

margin-left:3px;
border: 12px solid #EAD151;
}

/*-----------------------------------------------------------*/
@media screen and (max-width:1024px)
{
body
{
	background : #B2D984; /* couleur de fond */
}
mark
{
	background-color:#F1AC38;
	font-size:8px;
}
/* ----------entête -------------*/
#entetedroit
{
	width:80%;
	height:80px;
	padding:0px;
	border: 2px solid green;
	border-left:1px solid green;
	float:right;
}
#entetegauche
{
	width:10%;
	height:80px;
  padding:0px;
	border: 2px solid green;
  border-right:1px solid green;
}
.logo
{
	width:18%;
        height:98%;
	border:none;
	padding-top :1px;
	padding-left:1px;
	border-right : solid 2px #F1AC38;
	float:right;
}
#logoright
{
	width:36%;
  height:98%;
	border:none;
	padding-top: 1px;
	padding-right:2px;
	border-right: solid 2px #F1AC38;
	float:right;
}
.ban
{
	color: #3B6739;
	text-align: center;
	font-size:8px;

}
/*--------menu-haut------*/
ul#menuhaut
{
	width:96%;
	height:6px;
	margin: 2px 0 0 0;
	padding-bottom: 1px;
	background-color : #EAD151;
	border : 1px solid black;
	list-style-type : none; 
}
ul#menuhaut li 
{
	padding : 0 8px;
	font-size:6px; 
	color:green;
}
li.gauche
{
	float : left;
	border-right : 1px solid black;
  margin-left:0px;
}
li.droite
{
	float : right;
	border-left : 1px solid black;
}
li.central
{
	float : left;
}
#menugauche
{
	width:15%;
	margin-left: 2px;
	margin-top:2px;
	margin-right:2px;
	margin-bottom:2px;
	padding: 2px;
	padding-bottom:2px;
	float:left;
	text-indent:2px;
  height:20%;
}
#rech
{
	background-color : #EAD151;
	border : 1px solid black;
	padding:0;
	padding-bottom:2px;
	text-align: center;
}
.menus
{
	background-color : #EAD151;
	border : 1px solid black;
	list-style-type : disc;
	padding-bottom:2px;
	padding-top:2px;
}
.mgauche
{
	font-size:6px;
	font-family:Arial,Verdana,serif;
	text-align:left;
}
}