html{

    font-family: arial;
    margin : 0px;
		height : 90%;font-family: Arial, Helvetica, sans-serif;margin:0px;
    }
body {    background-color: #cadfff;
height : 100%;


}
h3{margin:0px;padding-bottom:1rem;}

.page{
width : 100%;
height : 100%;
margin : auto ;
text-align: center;background-color:inherit;
}
.marge{height:100%;margin:0px;padding:0px;display:inline-block;}

#contenu{
	text-align: center;
padding-top : 80px;
background-color:inherit;
width : 95%;
margin : auto ;max-width : 1300px;	
 min-height: 80%; display:inline-block;

}

header {	background-color:inherit;}

iframe {position: relative;top:0px;}

#menu {
text-align: center;
position: fixed;z-index: 10;
	background-color:inherit;
  top: 0px;
	width : 100%;
	height: 80px;
		transition: top 1s;
}


#menu a, #menu img{	 display : inline-block;height:inherit;

}

.grid-item{margin:1%;background-color: #ffffff;border:20px;
width :400px;max-width:90%;display : inline-block; height:300px;cursor:pointer;}

.grid-item:hover{ box-shadow: 0px 0px 10px grey;}

.grid-item a,.grid-item img{display :inherit;
width : 100%; height:100%;
object-fit: cover; vertical-align:top;}

.grid-item-big{width:100%;padding:0px;
padding-top:3rem;padding-bottom:3rem;margin:0%;border: 0rem solid;display:none;float:left;box-shadow: -2px -2px 20px #c3d9f9;background-color:#cce1ff;} 

.grid-item-big img{display:inline-block;min-width:30%;max-width:100%;padding:0.5rem;vertical-align:top;}
.grid-item-big h1{display:block;width:100%;text-align:center;}
.grid img{max-width:30%;min-width:150px;}

.imagewithtext {width: 66%;min-width:250px;border:0rem;padding:0rem;display:inline-block;}

.doubleimage {}
.doubleimage img {max-width:45%;padding:1%;min-width:200px;}

.text {text-align:left; vertical-align:top; height:100%;  display:inline-block; width:25%;min-width:250px;border:0rem;padding:1%;padding-right: 5%;}

footer{
	background-color:inherit;
  position: fixed;
	bottom:0px;
	width : 100%;
	height: 5px;
}