/* gestion des mots longs */
textarea,
table,
td,
th,
code,
pre,
samp {
	hyphens: auto;
	word-wrap: break-word; /* passage à la ligne forcé */
	} 
      
/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
iframe,
object,
embed,
video {
	max-width: 100%;
	}

/*police*/	
h1{ font:normal 1.3em 'Arimo', sans-serif; color:#ffffff;  text-transform:none; }
h2{ font:normal 1em 'Arimo', sans-serif; color:#ffffff;  text-transform:none; }
h3{ font:normal 1em 'Arimo', sans-serif; color:#ffffff;  text-transform:none; }
/*couleur des liens*/	
a { 
	color:#505050;
	}
a:hover {
color:#008000;
}

/* conserver le ratio des images */
img {
	height: auto;
	}
	
body	{
	background-color: #ffffff ;
	font-family : Arial,Verdana,Helvitica,sans-serif;
	color:#000000;
	overflow:auto;
	width:auto;
	}
	
table	{
	background-color: rgb(255, 255, 255);
	width: 100%;
	text-align: left;
	margin-left: auto; margin-right: auto;
	}
	


#c0{
	text-align: center;
	font-size : 100%; font-weight:bold;
	color : #008000;
	}
	
.c0{
	text-align: center;
	font-size : 100%; font-weight:bold;
	color : #008000;
	}
	
#c1{
	font-size : 100%;
	font-weight:bold;
	text-decoration: underline ;
	text-align: left;
	color : #008000;
	}
	
.c1{
	font-size : 100%;
	font-weight:bold;
	text-decoration: underline ;
	text-align: left;
	color : #008000;
	}
	
#c2{
	font-size : 120%; text-align: center; 
	}
	
.c2{
	font-size : 120%; text-align: center; 
	}

#c3{
	font-size : 100%; text-align: justify;margin : 5%;
	}
	
.c3{
	font-size : 100%; text-align: justify; margin : 5%;
	}
	
	
	/********* Superposition simple de texte sur une image *******/

/* Conteneur principal */
.overlay-image {
 position: relative;
 margin:5%;
 width: 90%;
}

/* Image originale */
.overlay-image .image {
 display: block;
 width: 100%;
 height: auto;
}

/* Texte original */
.overlay-image .text {
 color: #fff;
 font-size: 25px;
 line-height: 1.5em;
 text-shadow: 3px 3px 3px #000;
 text-align: center;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
}

/********* Hover image et texte *******/

/* Overlay */
.overlay-image .hover {
 position: absolute;
 top: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
 transition: .5s ease;
}

/* Apparition overlay sur passage souris */
.overlay-image:hover .hover {
 opacity: 1;
}