header, nav, section ,footer,article ,aside,frame,section,PP { display:block; }

body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #fff;
	word-spacing: 5px;
	height: 5px;
	color: #522c1d;
	font-size: medium;
}

logo {align-items: center}

a { 
	padding:4px;
	height:30px;
	text-decoration:none;
	color:black ;
	}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	padding: 2px;
	text-shadow: 4px 4px 5px #999;
	float: left;
	margin: 0;
	text-align:left;
	display:inline;	
	
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	padding: 2px;
	text-shadow: 2px 2px 3px #999;

	margin: 0;
	text-align:left;
	display:inline;
	}
h3,h4,h5 {	
	font-size: 16px;	
	margin: 0;
	text-align:left;
	display:inline;
	}
h3,h4,h5 a { text-decoration:none; 
			
			}	

header {
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#963), to(#ccffcc));
	padding: 6px;
	border-radius: 30px 30px 0px 0px;
}

	

section {
	background-color: white ;
	
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
}
aside { float:right ;
	width:140px ;
	border:6px;
	padding:5px:}
	
footer {
	clear:both; padding-top:10px;
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#ccffcc),to(#963));
    border-radius: 0 0 100px 100px;
}
.Degrade {
	background: -webkit-gradient(linear,0% 0%,0% 100%,from(#ccffcc),to(#963));
	font-family: Georgia; }

.fondvert {background: #ccffcc ; }
.ombrimage {box-shadow: 8px 8px 15px grey;background: #ccffcc ; }

.rub01 {
	border-left:10px solid #522c1d;
	background-color:#ccffcc;
	font-weight: bold;
}
.ha2{
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color:#000000 }

.ha2:active{
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color:#ff0000
}
.ha2:link{
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color:#000000
}
.ha2:visited{
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color:#000000
}
.ha2:hover{
	font-size: 12px;
	font-weight: bold;
	text-decoration:underline;
	color:#522c1d
}


/* lien gauche */
nav{
	clear:both;
	float:left;
	width:20%;
	margin-top: 7px;
	margin-bottom: 5px;
	padding-right: 20 px; 
	display:inline-block;
		width: 170 ;
		vertical-align: top;
		min-height:490px;
}
nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
     float:none;clear:both

}
nav ul li {
	font-weight: bold;
	color: #black;
	width:150px;
	height: 30px;
		line-height: 25px;
	text-align: left;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-color: #FFF;
	border-bottom-color: white;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: white;
	vertical-align: middle;
}
nav ul li a{
	border-radius: 10px 25px 25px 10px;
	display:block;
	padding:0;
	height: 25px;
	background-color:#ccffcc;
	border:none;
	border-left:15px solid #522c1d;
	border-bottom-width: 5px;
	text-decoration:none;
	color: black;
	width:145px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-align: left;
	box-shadow: 0 0 6px black;
	letter-spacing: -1pt;
	padding: 1px;
   margin: 4px; /* Marge extérieure de 50px */
}
nav ul li a:hover {
	background-color:#DEDEDE;
 } 
 
 nav div{
	color:#000;
	text-shadow:#804000;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	 }
 nav div a{
	font-size: small;
	text-decoration: none;
	 }	 
 nav div a:hover {
	font-size: small;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	 }
actu {display:block ;float:left ;
	background-color: #F00 ;
	height:300 ;
	width: 260 ;
	}

news{display:block ;float:left ;background-color:#0FC ; 
	height:200 ;
	width: 160 ;
	}
#conteneur {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

	}
.element {
	max-height: 350px;
	margin-top: 15px;
	

		}
.element:nth-child(1) {
	margin-top: 15px;
	padding-top:20px ;
	}
.element:nth-child(2) {
	background-color: #FFF;

	}
.element:nth-child(3) {background-color: white; }
.element:nth-child(4) <{background-color:white; }
.element:nth-child(5) {background-color: #ad6; }
.element:nth-child(6) <{background-color:#FF0; }

.clear { clear:both ; }

.vmiddle {	vertical-align:middle ;;}


PP{
	float:none;
	clear:both;
	text-align: center;
	justify-content: space-around;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: small;
	color: #000;
}

PP div{
	padding:2;
	margin:1px;
	color:#000;
	text-shadow:#804000;
	 }
PP div a{
	display:block;
	height:10px;
	vertical-align:bottom;
	font-size: small;
	text-decoration: none;
	width: auto;
	padding-top: 2;
	padding-bottom: 2;
	color: #000;
	 }	 
PP div a:hover {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #CCC;
	 }
#conteneur0 {
	display: flex;
	flex-wrap: wrap;
  justify-content: center;
	}	 
#conteneur1 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;

	}	 
.espece {
	font-size: 30px;
	padding:4px;
	height:40px;

	
		}
		
#entete {	display: flex;
	flex-wrap: wrap;
	justify-content: center;

		
		}
.entete_ {  }
.entete_:nth-child(1) {
			width:auto;
			display:block;
			background-color:#CCFFCC;
			box-shadow: 12px 12px 12px black;
			padding:5px;
			  margin: auto; /* eh oui, tout bêtement */
			  height: 70px;
	}
.entete_:nth-child(2) {
			width: 470px;
			display:block;	
			margin:15px;`
			vertical-align:middle;
			  margin: auto; /* eh oui, tout bêtement */	
	}
.rongeurs_net {
	display: block;
	background-color: #ccffcc ;
  	box-shadow: 8px 8px 12px black;
  	height: auto;
	width: 110px ; 
	padding:12px;
    border-radius: 15px 55px 15px 40px;
	transform: rotate(8deg);
	
}

figure img:hover {
	width: 450px;
	height: 450px;
	max-width: 100%;
	height: auto;

	margin-bottom: 5px;
	margin-right: 10px;
	border: 3px solid 996633;
}
.entete_g {

			}
.entete_g:nth-child(1) {
	margin-top:15px;
			display:block;
			min-height: 
			height:75px;
			padding:5px;
			vertical-align:middle;
	}
.entete_g:nth-child(2) {
			display:block;
			width:300px ;
			min-height:80px;
			background-color:#CCFFCC;
			margin: 8px;
			padding:3px;
			vertical-align:middle;
			border-radius: 15px 15px 15px 15px;
			border:double;
			vertical-align:middle;
			border-top:solid 13px #804000 ;
			border-left:solid 13px#963;
			border-bottom: solid 13px #804000 ;
			border-right:solid 13px#963;
			line-height:25px;

	}
.entete_g:nth-child(3) {
			margin-top:20px;
			padding:5px;
			vertical-align:middle;
			width:475px;
			height:70px;
	}	
	
#texte {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	}
/* centrage vertical dans box */
.parent {
  display: flex; /* contexte sur le parent  */
}
.enfant {
  margin: auto; /* eh oui, tout bêtement */
}
#tableau {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	}
	
.tableau_ {
			display:block;
			border:10px;
			padding:5px;
			width:320;
			border-radius: 10px 10px 10px 10px;
			margin:15px;
			font-size: 16px;
			}
.right {float:right;
border:8px;}

.colonnes {    
    -webkit-columns: 300px 3;
    -moz-columns: 300px 3;
    columns: 300px 3;
	text-align:justify;
	column-width: 300px;
	}
portrait_image img {width:190px; height:auto; }