.centre
{ 
	vertical-align: center;
	margin: center;
}


.image 
{
  opacity: 2;
  display: block;
  transition: .5s ease;
}

.cartelhovervisite 
{
  transition: .5s ease;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); 
  opacity: 0;
  position: absolute;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.2); 
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 8pt;
  font-family: "arial narrow", "arial", sans-serif;
  color: #FFFAF0;
  width: 100%;
  height: auto;
  float: bottom;
  left: 50%;
}


.container:hover .cartelhovervisite
{
  opacity: 1;
}


.cartel2
{
	font-size: 10pt;
	font-family: "arial narrow", "arial", sans-serif;
}

.cartelexpo
{
	color: #BDBDBD;
	font-size: 9pt;
	font-family: "arial narrow", "arial", sans-serif;
	text-align: left;
}

.texte1
{
	text-align: center;
	font-size: 11pt;
	font-family: "geneva", "helvetica" , 'arial', sans-serif;
}


.titre1
{
	font-family: "geneva", "helvetica" , 'arial', sans-serif;
	font-size: 18pt;
}

.index
{
	margin: right;
	vertical-align: center;
	font-size: 25pt;
	font-family: impact;
}

.titrecv
{
	font-family: "geneva", "helvetica" , 'arial', sans-serif;
	font-size: 14px;
}


.divexposintro
{
  	margin-left: 5px;
	margin-right: 20px;
	text-align: justify;
	width: 560px;
}	

.divexpostexte
{
  	margin-left: 20px;
	margin-right: 40px;
	width: 600px;
	text-align: justify;
	font-size: 11pt;
	font-family: "geneva", "helvetica" , 'arial', sans-serif;
	vertical-align: center;
}	

.divexposimg
{
  	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 9pt;
	font-family: "arial narrow", "arial", sans-serif;
	text-align: right
}	

.navbar {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  float: right;
  right: 0;
  float: right;
  display: block;
  color: black;
  padding: 12px 18px;
  text-decoration: none;
  width: 110px;
  height: auto;
}


.navbar:hover {
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@media screen and (max-width: 900px) {
    .navbar {
        width: 60px;
        height: auto;
        padding: 10px 70px;
    }
}


.horizontalscroll {
  
  position: absolute;
  bottom: 80px;
  padding-left: 180px;
  font-size: 11pt;
  font-style: italic;
  font-family: "geneva", "helvetica" , 'arial', sans-serif;
}


@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


a:link {
    color: #990000;
    text-decoration: none;
}
a:visited {
    color: #990000;
    text-decoration: none;
}
a:active {
    color: black;
    text-decoration: none;
}
a:hover {
    color: red;
    text-decoration: none;
}