<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
/* Feuille CSS pour Bibliothèque Horizon */
BODY {
SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #D35F5F; SCROLLBAR-SHADOW-COLOR: #D35F5F; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #D35F5F; SCROLLBAR-BASE-COLOR: #D35F5F; scrollbar-3d-light-color: #FFFFCC; scrollbar-dark-shadow-color: #B18E01 }

h1 {color: #057E7B; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Vert Aqua */
h2 {color: #057E7B; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h3 {color: #057E7B; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h4 {color: #D35F5F; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* OldRose */
h5 {color: #D35F5F; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h6 {color: #D35F5F; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h7 {color: #36454F; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Charcoal*/
h8 {color: #36454F; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h9 {color: #36454F; font-family: Arial; font-size: 15px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}

.FondMenu A:link {color: #057E7B; background: #FFFFFF;}		/* Vert Aqua sur Blanc */
.FondMenu A:visited {color: #057E7B; background: #FFFFFF;}
.FondMenu A:active {color: #057E7B; background: #FFFFFF;}
.FondMenu A:hover {color: #FFFFFF; background: #057E7B;}

.FondMenu1 A:link {color: #FFFFFF; background: #057E7B;}	/* Blanc sur Vert Aqua */
.FondMenu1 A:visited {color: #FFFFFF; background: #057E7B;}
.FondMenu1 A:active {color: #FFFFFF; background: #057E7B;}
.FondMenu1 A:hover {color: #057E7B; background: #FFFFFF;}

.FondLien A:link {color: #D35F5F; background: #FFFFFF;}		/* OldRose sur Blanc */
.FondLien A:visited {color: #D35F5F; background: #FFFFFF;}
.FondLien A:active {color: #D35F5F; background: #FFFFFF;}
.FondLien A:hover {color: #FFFFFF; background: #D35F5F;}

.FondLien1 A:link {color: #FFFFFF; background: #D35F5F;}	/* Blanc sur OldRose */
.FondLien1 A:visited {color: #FFFFFF; background: #D35F5F;}
.FondLien1 A:active {color: #FFFFFF; background: #D35F5F;}
.FondLien1 A:hover {color: #D35F5F; background: #FFFFFF;}

.FondLienR A:link {color: #D35F5F; background: #E5E5E5;}	/* OldRose sur Gris pour le RAPIDO */
.FondLienR A:visited {color: #D35F5F; background: #E5E5E5;}
.FondLienR A:active {color: #D35F5F; background: #E5E5E5;}
.FondLienR A:hover {color: #E5E5E5; background: #D35F5F;}

.FondCCI A:link { text-decoration: none; }					/* lien SANS aucune décoration */
.FondCCI A:visited { text-decoration: none; }
.FondCCI A:hover { text-decoration: underline; }
.FondCCI A:active { text-decoration: underline; }

.FondAqua    {color: #FFFFFF; background-color: #057E7B; }
.FondBlanc   {color: #D35F5F; background-color: #FFFFFF; }
.FondOldRose {color: #FFFFFF; background-color: #D35F5F; }
.FondRouge   {color: #FFFFFF; background-color: #D2324A; }
.FondVert    {color: #FFFFFF; background-color: #006400; }

/********************************************************************************* Champs INPUT */
.input {
	text-decoration: none;
	text-align: left;
	border: 2px solid #057E7B;		/* Vert Aqua */	
	background-color: #EBF5FF;		/* BleuPâle */
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */
	border-radius: 5px; 
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #057E7B; 				/* Texte en BlueFonce */
}
.inputCentre {
	text-decoration: none;
	text-align: center;
	border: 2px solid #057E7B;		/* Vert Aqua */	
	background-color: #EBF5FF;		/* BleuPâle */
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */
	border-radius: 5px; 
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #057E7B; 				/* Texte en BlueFonce */
}
.inputRapido {
	text-align: center;
	background-color: #FFFFFF;		/* Blanc */
}
.checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

.checkbox > span {
	color: #057E7B; 				/* Texte en BlueFonce */
    padding: 0.5rem 0.25rem;
}

.checkbox > input {
    height: 25px;
    width: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #057E7B;		/* BlueFonce */
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
	background-color: #EBF5FF;		/* BleuPâle */
    cursor: pointer;
  }

.checkbox > input:checked {
    border: 1px solid #EBF5FF;		/* BleuPâle */
    background-color: #057E7B;		/* BlueFonce */
}

.checkbox > input:checked + span::before {
    content: '\2713';
    display: block;
    text-align: center;
    color: #EBF5FF;
    position: absolute;
    left: 0.7rem;
    top: 0.2rem;
}

.checkbox > input:active {
    border: 2px solid #057E7B;		/* Vert Aqua */	
}

.textarea {
	border: 2px solid #057E7B;		/* Vert Aqua */	
	background-color: #EBF5FF;		/* BleuPâle */
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */
	border-radius: 5px; 
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #057E7B; 				/* Texte en BlueFonce */ 
	overflow-y: auto;
	word-wrap: break-word;
	height:auto;
	resize:vertical-auto; 			/* enables vertical height due to size of contained text */ 
}	

/********************************************************************************* Champs INPUT pour le nom d'une photo */
.inputPhoto {
	text-decoration: none;
	text-align: left;
	border: 2px solid #057E7B;		/* Vert Aqua */	
	background-color: #057E7B;		/* Vert Aqua */	
	border-radius: 5px; 			/* Je déteste les coins carrés */
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF 					/* Texte en Blanc */
}

/********************************************************************************* Bouton SUBMIT */
.submit {
	text-decoration: none;
	text-align: center;
	border: 2px solid #057E7B; 		/* VertAqua */
	background-color: #D35F5F;		/* OldRose */
	border-radius: 5px; 			/* Je déteste les coins carrés */
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;					/* Texte en Blanc */	
}
.submit:hover {
	background-color: #057E7B;		/* Vert Aqua */		
	color: #FFFFFF; 				/* Texte en Blanc */
}

/********************************************************************************* <table */
.table {
	margin: 5px;
	padding: 0px;
	border: 4px solid #057E7B;		/* Vert Aqua */
	background-color: #FFFFFF;		/* Blanc */
	border-radius: 8px; 
}

.tableR {							/* Pour Rapido */
	border: 3px solid #057E7B;		/* VertAqua */
	background-color: #E5E5E5;		/* Gris pâle */
	border-radius: 8px; 
}

/********************************************************************************* ZOOM de 50% sur MouseOver */
.zoom {
width: 100px;
height: 130px;
}
.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 double de taille si scae vaut 2.00 sinon, à 1.00 il n'y a aucun effet. */
-webkit-transform:scale(1.00); /* Safari et Chrome */
-moz-transform:scale(1.00); /* Firefox */
-ms-transform:scale(1.00); /* Internet Explorer 9 */
-o-transform:scale(1.00); /* Opera */
transform:scale(1.00);
}
/*********************************************************************************************************/