#gallery {
	margin-right:1%;
	float: right;
}

#thumbs {
	width: 30%;
	float: right;
}

#thumbs a {
	display: block;
	float:left;
	margin: 0 0 2px 2px;
	width: 125px;
	height: 90px;
	border: 0px;
}

#thumbs a img {
	width: auto;
	height: auto;
	min-width:60px;
	min-height:70px;
	max-width: 125px;
	max-height: 90px;
	border: 0;
	box-shadow:5px 5px 5px #777777;
}

#thumbs a img + .grande {
	display:none;
}

#thumbs a img:hover {
	border:3px ridge red;
	max-width: 120px;
	max-height: 85px;
}

#thumbs a img:hover + .grande {
	display:inline;
	position: fixed;
	border:3px ridge red;
  	border-collapse: collapse;
  	border-spacing :0;
	width:auto;
	height:auto;
	min-width:10%;
	min-height:20%;
	max-width: 65%;
	max-height: 80%;
	right:32%;
	top:85px;
	box-shadow: 15px 15px 15px #777777;
}

#thumbs2 {
	width: 30%;
	float: left;
}

#thumbs2 a {
	display: block;
	float:right;
	margin: 0 0 2px 2px;
	width: 125px;
	height: 90px;
	border: 0px;
}

#thumbs2 a img {
	width: auto;
	height: auto;
	min-width:60px;
	min-height:70px;
	max-width: 125px;
	max-height: 90px;
	border: 0;
	box-shadow:5px 5px 5px #777777;
}

#thumbs2 a img + .grande {
	display:none;
}

#thumbs2 a img:hover {
	border:3px ridge red;
	max-width: 120px;
	max-height: 85px;
}

#thumbs2 a img:hover + .grande {
	display:inline;
	position: fixed;
	border:3px ridge red;
  	border-collapse: collapse;
  	border-spacing :0;
	width:auto;
	height:auto;
	min-width:10%;
	min-height:20%;
	max-width: 65%;
	max-height: 80%;
	right:32%;
	top:85px;
	box-shadow: 15px 15px 15px #777777;
}

.fond_logo {
	position: fixed;
	width: 25%;
	height: auto;
	left: 20%;
	top: 25%;
}

.fond_elleetlui {
	position: fixed;
	width: 35%;
	height: auto;
	left: 17%;
	top: 28%;
}

.conteneur{
    	max-width: 50%;
    	max-height: 50%;
    	margin: 50px auto;
   	background-color: #EFEFEF;
}

.diapo{
    	width: 100%;
    	height: 100%;
	padding-top: 75%;
	border: groove 3px;
	border-color: red;
    	box-shadow: 3px 3px 15px 5px #777;
    	background-size: contain;
	background-position:center;
    	background-repeat: no-repeat;
}

/*.img_100 {  
	margin-left: auto;
 	margin-right: auto;
 	max-width: 100px; 
 	height: auto;
} */

.diapo:hover{
    	animation-play-state: paused;
}

div#enteteel{   
    	position: fixed;
    	width: 100%;
   	height: 64px;
   	top:0;
    	background-color: white;
  	background-image: url("fond.jpg");
  	background-size:auto;
  	background-position:center top;
  	background-attachment:fixed;
   	 z-index: 5; 
      	width:860px;
     	left: 50%;
    	margin-left:-430px; 
}
     
div#corpsel{
   	position:absolute;
      	width:100%;
height:50%;
      	top:65px;
    	margin-right:1%; 
}