body
{
	font-family: "Open Sans", Verdana, sans-serif;
}
h1
{
	font-weight: bold;
	text-align: center;
    width: 40%;
    padding-top: 40px;
    padding-bottom: 30px;   
    margin: auto;
}
h2
{
	font-size: 22px;
	font-weight: bold;
}
h3
{
	font-size: 20px;
	font-weight: lighter;
}
section
{
	font-size: 1.2em
	color: #778899;    
	min-width: 250px;
	margin: 20px 50px;
}
nav
{
/*    display: inline-block; */
	min-width: 300px;
	margin: 20px 50px;	
/* display: flex;
	align-content: space-around; */
}
footer
{
	min-width: 300px;
	margin: 20px 50px;		
}
p
{
	min-width: 200px;
	word-wrap: break-word;
}
li
{
	font-size: 1.2em
	margin-bottom: 300px;

}
em
{
    font-style: italic;
}
strong
{
	font-weight: bold;
}
a
{
	text-decoration: none;
	color: #4682B4;
}
h1:hover
{
	color: 	#FFA500;
}
a:hover
{
	color: #90EE90;
}

.home 
{
	color: 	#FFFFFF;
}

.serif
{
	font-family: serif;
}
.dataset
{
	font-family: serif;
	font-size: 1.2em;	
}
.select
{
	text-decoration: overline;
	display: inline-block;
	font-size: 20px;
}
.selectsmall
{
	text-decoration: overline;
}
.justify
{
	text-align: justify;
}
.right
{
	text-align: right;
}
.update
{
	text-align: right;
	font-size: 0.8em
}
.newsection
{
	border-bottom: 1px solid #D3D3D3;	
	font-weight: bold;
	font-size: 1.2em;
}
.item
{
	border-bottom: 1px solid #D3D3D3;	
	font-weight: bold;
/*	font-size: 1.2em; */
	font-size: 20px;
}
.address:hover
{
	color: 	#FFA500;
}
.subselection
{
	font-size: 1em;
}
.photoID 
{
	float:right;
	/*max-width: 100px;
	min-width: 100px;*/
	margin: auto;
	padding: 20px 30px;
}
.local a:hover
{
	color: 	#FFA500;
}

#conteneurfixe
{
    display: flex;
    flex-direction: row;
	align-content: space-between;
	min-width: 300px;
	margin: 20px 50px;	
}

#conteneurwrap
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; 
    align-items: flex-start; 
	align-content: space-around;
	min-width: 300px;
	margin: 20px 50px;	
}

.element1
{
    margin: auto; 
    display: inline-block;
    background-color: blue;
   	font-weight: bold;
	text-align: center;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
/*    margin: auto; */
    display: inline-block;
    background-color: #FFA500;

}

/* .element1:nth-child(1)
{
	order: 1;
	font-weight: bold;
	text-align: center;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
/*    margin: auto;
    display: inline-block;
    background-color: #FFA500;
}

.element1:nth-child(2)
{
	font-weight: bold;
	text-align: center;
	order: 2;
/*    margin: auto;
    display: inline-block;
    background-color: #90EE90;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
}

.element1:nth-child(3)
{
	font-weight: bold;
	text-align: center;
	order: 3;
/*    margin: auto;
    display: inline-block;
    background-color: #F08080;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
}*/

.element2
{
    margin: auto; 
    display: inline-block;
    background-color: blue;
 	font-weight: bold;
	text-align: center;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
/*    margin: auto; */
    display: inline-block;
    background-color: #87CEEB;

}
 /*
.element2:nth-child(1)
{
	order: 1;
	font-weight: bold;
	text-align: center;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
/*    margin: auto;
    display: inline-block;
    background-color: #87CEEB;
}

.element2:nth-child(2)
{
	font-weight: bold;
	text-align: center;
	order: 2;
/*    margin: auto;
    display: inline-block;
    background-color: #FFE4C4;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
}

.element2:nth-child(3)
{
	font-weight: bold;
	text-align: center;
	order: 3;
/*    margin: auto;
    display: inline-block;
    background-color: #6A5ACD;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
}
*/

.element3
{
    margin: auto; 
    display: inline-block;
    background-color: blue;
}

.element3:nth-child(1)
{
	order: 1;
	font-weight: bold;
	text-align: center;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
/*    margin: auto; */
    display: inline-block;
    background-color: red;
}

.element3:nth-child(2)
{
	font-weight: bold;
	text-align: center;
	order: 2;
/*    margin: auto; */
    display: inline-block;
    background-color: blue;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
}

.element3:nth-child(3)
{
	font-weight: bold;
	text-align: center;
	order: 3;
/*    margin: auto; */
    display: inline-block;
    background-color: yellow;
    width: 20%;
    padding-top: 40px;
    padding-bottom: 30px;   
}

.elementTitre
{
    margin: auto;
    display: inline-block;
    font-size: 20px;
}