@charset "utf-8";
body
{ font-family: Tahoma, Geneva, sans-serif; 
  color:#000; }

.zoom {
width: 100%;
height: auto;
}
.image {
width: 100%;
height: 100%;
}
.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est grossie de 45% */
-webkit-transform:scale(1.45); /* Safari et Chrome */
-moz-transform:scale(1.45); /* Firefox */
-ms-transform:scale(1.45); /* Internet Explorer 9 */
-o-transform:scale(1.45); /* Opera */
transform:scale(1.45);
}


h1
{font-size:2.5em;}

h2
{font-size:2em;
font-weight:bold;
 }

.titre1
{font-size:1.5em;}

.titre2
{font-size:1.3em;}

.textePetit
{font-size:1em;
vertical-align:middle;}

.divPetit
{
	max-height: 1em;
	font-weight:bold;
	color:#000;
}

h2
{ font-size:medium;}

hr {
  height: 1px;
  margin: -0.5em 0;
  padding: 0;
  color: #000;
  background-color: #000;
  border: 0;
  
}

.centrer {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
}

.imgAccueil { 
  width: 100%;
  height: auto;
  opacity: 1;
}

.boite {
  position: relative;
}

span
{
	color: #000;
}
a
{
color:#000;
}

a:link
{
	color: #000;
	text-decoration: none;
}
a.titre:link
{
	color: #000;
    text-decoration: none;
}
a:hover
{
	color:#000;
	font-style:italic;
	font-weight:bold;
	text-decoration: none;
	
}

a:active
{
	color: #000;
	font-style:italic;
	text-decoration: none;
	font-weight:bold;
}