/* CSS Document */

/* ==================================================== GENERAL ==================================================== */

body { 
	background: url(../images/bambouseraie.jpg) center fixed no-repeat;
	padding: 10px 10px 10px 10px;
	font-family: "Tempus Sans ITC", "Comic Sans MS", SansSerif, Arial;
	text-align:justify;
	font-size:14pt;
}


/* ===================================================== TEXTE ===================================================== */

.Titre_Page {
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
}

.h1 { 
font-size: 110%;
font-weight: bold;
}

.faux_lien {
color:#0000FF;
text-decoration:underline;
}

.Puces1 {
	list-style-image: url(../images/pucetaorotatif.gif);
	list-style-type: disc;
}

.remarque {
	font-weight:normal;
	font-size:0.8em;
	}

/* ==================================================== TABLEAUX =================================================== */

.cellule_titre {
	background-color:#66CC66;
	text-align:center;
	font-weight:bolder;
	}

.cellule_sous-titre {
	background-color:#00CC66;
	text-align:center;
	font-weight:bold;
	}

.cellule_centree {
	text-align:center;	
	}

.cellule_justifiee {
	text-align:justify;
	}

.cellule_remarque {
	font-size:0.8em;
	text-align:left;
	}

.cellule_evenement {
	background-color:#FFFF00;
	font-size:1.5em;
	color:#CC0000;
	text-align:center;
	}

.cellule_centree_couleur1 {
	text-align:center;
	background-color:#CCFFCC;
	}

/* ================================================= OBJETS, IMAGES ================================================ */

/* =============================== LOGOS =============================== */

.Logo_Ffmbe {
	z-index:1;
	text-align:center;
	top:10px;
	}

.logo_page { 
	background: url(../images/logo1.png) center no-repeat;
	text-align: center;	
	text-decoration: none;
	vertical-align: middle;
	height: 100px;
	margin: 2px;
	padding: 2px;
	left: 0px;
	display: block;	
	}

.logo_page_r { 
	background: url(../images/logo1.png) center no-repeat;
	text-align: center;	
	text-decoration: none;
	vertical-align: middle;
	height: 100px;
	margin: 2px;
	padding: 2px;
	position:absolute;
	top:10px;
	right: 20px;
	display: block;	
	}

/* ========================== GALLERIE PHOTOS ========================== */

.gallerie_miniatures {
	position: absolute;
	top: 180px;
	left: 0px;
	margin: auto;
	width: 85%;
	vertical-align: middle;
	text-align:center;
	cursor: pointer;
}

.gallerie_normales {
	position: absolute;
	z-index:3;
	top: 80px;
	/*left: 0%;
	margin: 20px;
	width: 85%;*/
	width:100%;
	margin:auto;
	text-align:center;
	visibility: hidden;
}

.photo_affichee {
	display:table;
	cursor:pointer;
	}

.photo_cachee {
	display:none;
	}

.gallerie_texte {
	position:absolute;
	top: 200px;
	right: 0%;
	width: 25%;
	margin:10px;
	text-align:justify;
	font-family:"Tempus Sans ITC", "Comic Sans MS", Arial, SansSerif;
}

/* ============================== CALQUES ============================== */

.definition_visible {
background-color:#FFFFCC;
padding:5px;
color:#339999;
font-size:10pt;
z-index:2;
position:absolute;
left:100px;
/*top:-70px;*/
width:500px;
visibility:visible;
}

.definition_invisible {
background-color:#FFFFCC;
padding:5px;
color:#339900;
font-size:10pt;
z-index:2;
position:absolute;
left:100px;
/*top:-70px;*/
width:500px;
visibility:hidden;
}

/* ==================================================== BOUTONS ==================================================== */

/* =============================== BOUTON1 =============================== */

.Bouton1 {
	background: url(../images/bouton2.gif) center no-repeat;
	left: 0px;
	/*height: 40px;*/
	margin: 7px;
	padding: 5px;
	font-size:0.7em;
	text-align: center;	
	text-decoration: none;
	vertical-align: middle;
	/*display:block;*/
}

.Bouton1 a:link {
	text-decoration: none;
}

.Bouton1 a:visited { 
	text-decoration: none;
	color: #0000FF;
}

.Bouton1 a:hover {
	text-decoration: none;
	color: #FF9966;
	font-weight: bold;
}

.Bouton1 a:active {
	text-decoration: none;
	color: #FFFF00;
	font-weight: bold;
}


/* =============================== BOUTON2 =============================== */

.Bouton2 {
	background: url(../images/bouton3.gif) center no-repeat;
	left: 0px;
	/*height: 40px;*/
	margin: 7px;
	padding: 5px;
	font-size:0.7em;
	text-align: center;	
	text-decoration: none;
	vertical-align: middle;
	display: block;
}

.Bouton2 a:link {
	text-decoration: none;
}

.Bouton2 a:visited { 
	text-decoration: none;
	color: #0000FF;
}

.Bouton2 a:hover {
	text-decoration: none;
	color: #FF9966;
	font-weight: bold;
}

.Bouton2 a:active {
	text-decoration: none;
	color: #FFFF00;
	font-weight: bold;
}

/* =============================== BOUTON3 =============================== */
.Bouton3 {
	background: url(../images/bouton_caillou.png) center no-repeat;
	left: 0px;
	/*height: 40px;*/
	margin: 7px;
	padding: 5px;
	font-size:0.7em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	/*display:block;*/
}

.Bouton3 a:link {
	text-decoration: none;
	color:#AAFFBB;
}

.Bouton3 a:visited { 
	text-decoration: none;
	color: ##AAFFBB;
}

.Bouton3 a:hover {
	text-decoration: none;
	color: #FFFF00;
	font-weight: bold;
}

.Bouton3 a:active {
	text-decoration: none;
	color: #FF9966;
	font-weight: bold;
}



/* ===================================================== CADRES ==================================================== */

.Cadre_Navigation {
	width: 10%;
	position: fixed;
	left: 0px;
	top: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.nav2_visible {
	width: 170px;
	position: fixed;
	left: 8%;
	top: 120px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	z-index:2;
	visibility:visible;
}

.nav2_invisible {
	width: 170px;
	position: fixed;
	left: 8%;
	top: 120px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	z-index:2;
	visibility:hidden;
}

.Cadre_Navigation3 {
	top: 150px;
	width: 100%;
	height:50px;
	position: fixed;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
	background-color:#FFFF00;
}

.Cadre_General {
	position: absolute;
	left: 10%;
	top: 10px;
	margin: 20px;
	width: 85%;
	visibility: visible;
}

.Cadre_General2_visible {
	top: 180px;
	position: absolute;
	margin:auto;
	width: 100%;
	text-align:justify;
	visibility: visible;
}

.Cadre_General2_cache {
	top: 180px;
	position: absolute;
	margin:auto;
	width: 100%;
	visibility: hidden;
}

/* ================================================== FORMULAIRES ================================================== */

.enquete_col1 {
	position: absolute;
	left: 0px;
}
.enquete_col2 {
	position: absolute;
	left: 100px;
}
.enquete_col3 {

	position: absolute;
	left: 200px;
}

.champ_normal {
	background-color:;
	}

.champ_erreur {
	background-color:#CC0066;
	border-style:none;
	}

.champ_actif {
	background-color:#FFFFCC;
	border-style:inset;
	}

.champ_coche {
	background-color:#80FF50;
	border-style:none;
	}