/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/



/* ---------- CSS BLOCS ---------- */

body /* CSS général body */
{
	background-image: url(medias/generique/fondDroite.png);
	background-size: cover;
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";	
	font-size: 1.2rem;
	line-height: 150%;
}

/*------------------------------------------------------*/

/* CSS pour les blocs principaux */

#boiteHaut
{
	position: absolute;
	top: 0px;
	right: 0px;	
	height: 100px;
	left: 280px;
	text-align: center;
	border: hidden;
	animation: entree 300ms ease-out;
}

#boiteDroite
{
	position: absolute;
	top: 100px;	
	right: 0px;
	bottom: 100px;
	left: 280px;
	padding: 00px 50px 50px 50px;
	text-align: justify;
	overflow-block: scroll;
	border: hidden;
}

#boiteBas
{
	position: absolute;
	height: 100px;	
	right: 0px;
	bottom: 0px;
	left: 280px;
	text-align: center;
	border: hidden;
}

#boiteGauche
{
	position: absolute;
	top: 0px;
	width: 280px;	
	height: 100%;
	left: 0px;	
	background-image: url(medias/generique/fondUni.png);	
	background-size: cover;
	overflow-block: scroll;
	border: hidden;
	animation: logo 4ms ease-out;
}

/* Fin CSS pour les blocs principaux */

/*------------------------------------------------------*/

/* CSS pour les blocs secondaires */

#PDF
{
	position: absolute;
	height: 2000px;
	right: 0px;
	left: 0px;
	text-align: center;
	border: hidden;
}

#video
{
	position: absolute;
	height: 720px;
	left: 0px;
	right: 0px;
	text-align: center;
	border: hidden;
}

/* Fin CSS pour les blocs secondaires */

/* ---------- FIN CSS BLOCS ---------- */



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/



/* ---------- CSS PAGE MENU / LIENS ---------- */

.imageLogo /* Entête du menu */
{
	display: block;
	margin: auto;
	text-align: center;
	width: 249px;
	animation: logo 750ms ease-out;
}

.imageFioriture
{
  display: block;
  margin: auto;
  text-align: center;
}

.signatureMenu /* Date de la mise à jour du menu */
{
	bottom: 5px;
	font-size: 75%;
	font-style: italic;
	line-height: 40%;
	text-align: right;
}

.menuTitre /* Titres des rubriques */
{
	text-indent: 0px;
	text-align: center;	
	font-weight: bold;
}

li /* Les liens, espacement H/V et puce */
{
	line-height: 40px;
	list-style-image: url(medias/generique/gps35x14.png);
	/* Marge gauche et positionnement*/
	margin-left: 15px;
	text-align: left;
}

/* Menus déroulants */
.mainmenubtn
{
	width: 220px;
	margin-left: 30px;
	color:blue;	
	background-color: #FFEFD5;	
	font-size: 100%;
	font-weight: bold;	
	text-align: center;
	text-decoration: none;
	cursor: auto;
	border: 1px solid #B5921F;
	border-radius: 12px;
}

.dropdown 
{
    position: relative;
    display: inline-block;
}

.dropdown-child 
{
    display: none;
    width: 216px;
    margin-left: 30px;
    border: 1px solid #B5921F;
	border-radius: 12px;

}

.dropdown-child a 
{
    color: blue;
    display: block;
}

.dropdown:hover .dropdown-child 
{
    display: block;
}

/* ---------- FIN CSS PAGE MENU / LIENS ---------- */



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/



/* ---------- CSS GENERIQUE ---------- */

h1 a /* Réservé à l'en-tête du site Attention !!! voir @keyframes  entree */
{
	color: red;
	font-family: "Lucida Handwriting";
	font-weight: bold;
	text-shadow: 5px 5px 4px #B5921F;
	text-decoration: none;
	font-size: 110%;
}

.retourHautdePage /* Pied de page */
{
	position: absolute;
	right: 40px;
	top: 18px;
}

hr /* Trait de séparation */
{
	width: 80%;
	height: 1px;
	background-color: #B5921F;
	color:#B5921F;
}

/* ---------- FIN CSS GENERIQUE ---------- */



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/



/* ---------- CSS TEXTE ---------- */

h2 /* Titre de la page*/
{
	text-indent: 0px;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

h3 /* Un sous-titre dans la page*/
{
	font-weight: bold;
}

.aparte /* aparté dans la page*/
{
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

p /* Paragraphes ordinaires de texte, le type d'alignement est défini dans les blocs */
{
	text-indent: 30px;
}



/* ---------- FIN CSS TEXTE ---------- */



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/



/* ---------- CSS IMAGES ---------- */

/* Page Index */

.imagePresident /* Page index */
{
	float: left;
	right: 10px;
	width: 350px;
	background-image: linear-gradient(63deg, #FFEFD5, #FFEFD5, transparent 80%);
	shape-outside: linear-gradient(63deg, #FFEFD5, #FFEFD5, transparent 80%);
	shape-image-threshold: 0.1;
}

.imageGeocoin /* Page index */
{
	float: right;
	shape-outside: circle();
	width: 280px;
}

.imageGauche /* NON ENCORE UTILISE */
{
	float: left;
}

.imageDroite /* NON ENCORE UTILISE */
{
	float: right;
}

.imageCentre
{
  display: block;
  margin: auto;
  text-align: center;
}

/* ---------- FIN CSS IMAGES ---------- */



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/



/* ---------- CSS ANIMATIONS ---------- */

/* CSS Animation lien Bloc Haut */
@keyframes  entree{
	from {	color: red;
	font-family: "Lucida Handwriting";
	font-weight: bold;
	text-shadow: 0px 0px 0px #B5921F;
	text-decoration: none;
	font-size: 00%;}

	to {	color: red;
	font-family: "Lucida Handwriting";
	font-weight: bold;
	text-shadow: 5px 5px 4px #B5921F;
	text-decoration: none;
	font-size: 100%;}
}

/* CSS Animation lien Bloc Menu */
@keyframes  logo{
	0% {	
	height: 150px;
	width: 0px;	
		}

	40% {
	height: 150px;
			width: 0px;	
		}

	100% {	
	height: 150px;
		width: 250px;
		}
}

/* CSS Animation texte défilant */

/* Texte défilant */
.messagedefilant {
  display: block;
  margin: 40px auto;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 80%;
  max-width: 640px;
  height: 60px;
}
 
.messagedefilant div {
  position: absolute;
  min-width: 100%; /* au minimum la largeur du conteneur */
}
 
.messagedefilant div span, 
.messagedefilant div:after {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  white-space: nowrap;
  top:0;
}
 
.messagedefilant div span {
  animation: defilement 15s infinite linear;
}
 
.messagedefilant div:after {
  position: absolute;
  top:0; left:0;
  content:attr(data-text);
  animation: defilement2 15s infinite linear;
}
 
@keyframes defilement {
  0% { margin-left: 0; }
  100% { margin-left: -100%; }
}
 
@keyframes defilement2 {
  0% { margin-left: 100%; }
  100% { margin-left: 0%; }
}
/* Fin CSS Animation texte défilant */

/* compte à rebours */

#compteArebours
{
text-align: center;
font-size: 1.6rem;
font-weight: bold;
color: green;
}



/* ---------- FIN CSS ANIMATIONS ---------- */