/* Fichier CSS externe pour Site Bulles 3 */
/* Utilisé pour toutes les pages sauf page "Menu" qui utilise "menu.css" */

/* Les tableaux ont une largeur de 640 pixels, border=0, cellpadding=3, cellspacing=3 */

/* Couleurs:	bleu foncé		#000099 (0, 0, 153)
			bleu 2		#3333aa (51, 51, 170)
			bleu 3		#8585c5 (133, 133, 197)
			bleu 4		#cfcfde (207, 207, 222)
			bleu clair		#66ccff (102, 204, 255)
			orange		#ff6600	(255, 102, 0)
			rouge			#ff0000	(255, 0, 0)
			jaune pâle		#ffffee (255, 255, 238) Arrière plan de la page
			jaune plus foncé	#fdd14d
			vert			#bbd176 (187, 209, 118)
			vert			#d6e3ac (187, 209, 118)
			vert fond corps	#5c721a
*/


body {background-color: #5c721a; padding: 0px; text-align: center;}
	div.global {
    position: relative;
	left: 0px;
	top: 0px;
	margin-left: auto;
    margin-right: auto;
    width: 800px;
	}
	
/* Général */

h1, h2, h3 {text-align: center; margin: 5px 5px 5px 5px; font-family: Geneva, Arial, Tahoma, sans-serif;color: #5c721a; font-weight: bold; font-variant: small-caps;}
h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
p, ur, li, table, tr, td {text-align: left; margin: 5px 5px 5px 5px; font-family: Geneva, Arial, Tahoma, sans-serif; color: #000000; font-size: 12px;}
p {line-height: 1.3em;}
li {list-style-position: outside; margin: 5px 5px 5px 5px; font-family: Geneva, Arial, Tahoma, sans-serif; color: #000000; font-size: 12px;}

td {vertical-align: top;}
td.milieu {vertical-align: middle}
td.bordure {border-style: solid; border-width: 2px; border-color: #ff6600;}


img {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  border: 0px solid #ff6600;}

a:link {color: #5c721a; text-decoration: none;}
a:visited {color: #5c721a; text-decoration: none;}


/* pour la barre d'entête */

div.entete1 {position: absolute; left: 0px; top: 0px; width: 800px; height:130px; background-color: #5c721a;}		/* fixe la largeur totale de la page */
table.entete1 {width: 660px}
tr.entete1 {height: 120px;}
	
p.entete1 {text-align: center; margin-left: 15px; font-family: Geneva, Arial, Tahoma, sans-serif;color: #000099; font-size: 28px; font-style: italic; font-weight: bold; font-variant: small-caps;}
p.entete2 {text-align: center; margin-left: 15px; font-family: Geneva, Arial, Tahoma, sans-serif;color: #000099; font-size: 16px; font-style: normal; font-weight: bold; font-variant: small-caps;}


/* pour les menus gauches et droite */

div.menu_g {position: absolute; top: 120px; left: 0px; width: 130px; background-image: url("../images_pages/menu_g.jpg");}	/* contient toutes les entrées menu gauche */
div.menu_d {position: absolute; top: 120px; left: 670px; width: 130px; background-image: url("../images_pages/menu_g.jpg");}	/* contient toutes les entrées menu droite */
div.menu_entree_g {border: 1px solid #ff6600; margin: 4px 12px 4px 12px; background-color: #cccccc;}	/* div pour chaque entree menu gauche */ 
div.menu_entree_d {border: 1px solid #ff6600; margin: 4px 12px 4px 12px; background-color: #cccccc;}	/* div pour chaque entree menu droite */
p.menu_entree_titre_g {text-align: center; margin: 2px 2px 2px 2px; font-family: Geneva, Arial, Tahoma, sans-serif;color: #000099; font-size: 14px; font-style: normal; font-weight: bold; font-variant: small-caps;}	/* paragraphe de titre d'une entrée de menu gauche */
p.menu_entree_titre_d {text-align: center; margin: 2px 2px 2px 2px; font-family: Geneva, Arial, Tahoma, sans-serif;color: #000099; font-size: 14px; font-style: normal; font-weight: bold; font-variant: small-caps;}	/* paragraphe de titre d'une entrée de menu droite */
p.menu_entree_txt_g {text-align: center; margin: 2px 2px 2px 2px; font-family: Geneva, Arial, Tahoma, sans-serif;color: #000000; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; line-height: 1.2em;}	/* paragraphe de titre d'une entrée de menu gauche */
p.menu_entree_txt_d {text-align: center; margin: 2px 2px 2px 2px; font-family: Geneva, Arial, Tahoma, sans-serif;color: #000000; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; background-color: #cccccc; line-height: 1.2em;}	/* paragraphe de titre d'une entrée de menu droite */


/* pour le corps de page accueil */

div.centre {position: absolute; left: 140px; top: 120px; width: 525px; background-color: #5c721a; border: 0px solid #ff6600;}

div.div0 {position: relative; left: 0px; width: 525px; overflow: auto; background-color: #ffffee; border: 0px solid #5c721a; margin: 4px 0px 4px 0px;} /* haut */
div.div00 {position: relative; left: 0px; width: 525px; overflow: auto; background-color: #bbd176;  border: 0px solid #ff6600; margin: 4px 0px 4px 0px;} /* milieu */
div.div000 {position: relative; left: 0px; width: 525px; overflow: auto; background-color: #fdd14d;  border: 2px solid #ff6600; margin: 4px 0px 4px 0px;} /* milieu */
div.div3 {position: absolute; left: 150px; top: 860px; width: 505px; overflow: auto; background-color: #bbd176;} /* bas */

div.divhidden1 {position: absolute; left: 100px; top: 400px; background-color: #d6e3ac; border: 2px solid #ff6600; visibility: hidden; z-index: 2;} /* "pop-up1" */
div.divhidden2 {position: absolute; left: 170px; top: 800px; background-color: #d6e3ac; border: 2px solid #ff6600; visibility: hidden; z-index: 2;} /* "pop-up1" */

/* Différents paragraphes */

p.souligne {margin: 1px 1px 1px 1px; text-decoration: underline; font-variant: small-caps; letter-spacing: 1.5em;} 
p.milieu {line-height: 1.3em; text-align: center; margin: 5px 5px 5px 5px; font-family: Geneva, Arial, Tahoma, sans-serif; color: #000000; font-size: 12px;}
p.milieu_ital {line-height: 1.3em; text-align: center; margin: 5px 5px 5px 5px; font-family: Geneva, Arial, Tahoma, sans-serif; color: #000000; font-size: 12px; font-style: italic;}
p.droite {line-height: 1.3em; text-align: right; margin: 5px 5px 5px 5px; font-family: Geneva, Arial, Tahoma, sans-serif; color: #000000; font-size: 11px; font-style: italic;}
p.droite_grand {line-height: 1.3em; text-align: right; margin: 5px 5px 5px 5px; font-family: Geneva, Arial, Tahoma, sans-serif; color: #000000; font-size: 13px; font-style: italic;}
p.centre {text-align: center; font-style: italic; font-size: 12px;}
p.centre_grand {text-align: center; font-size: 16px;}
.serre {margin: 0px 0px 0px 12px; }




/* Pour page de premier niveau  p_nompage.php*/

div.page1 {position: absolute; left: 150px; top: 140px; width: 500px; background-color: #bbd176;}		/* corps de la page (tout sauf entête et munus latéraux */

div.boutons {position: relative; width: 480px; background-color: #bbd176; margin: 5px 5px 5px 5px; overflow: auto; text-align: center;}
div.article {position: relative; width: 480px; max-height: 500px; background-color: #fdd14d; margin: 12px 12px 12px 12px; overflow: auto; border: 2px solid #ff6600; line-height: 1.3em;}	/* pour les articles */
div.page_voir_plus {position: relative; left: 13px; width: 480px; padding: 12px 12px 12px 12px; overflow: auto; background-color: #66ccff; visibility: hidden;}

/* Pour page agenda */
div.agenda_titre {position: absolute; left: 142px; top: 130px;  height: 35px; width: 515px; background-color: #bbd176;}
div.agenda_salles {position: absolute; left: 142px; top: 170px;  height: 80px; width: 515px; background-color: #bbd176; text-align: left;}
div.agenda1 {position: absolute; left: 142px; top: 260px; width: 515px; height: 100px; background-color: #bbd176;}
div.agenda2{position: absolute; left: 142px; top: 370px; width: 515px; background-color: #bbd176;}

/* En général */

.edito {color:#ffffee; background-color:#ffffff; margin-top:10px; margin-left:15px; margin-right:15px; margin-bottom:10px; text-align: justify; line-height:16px} /*couleur standard #ff6600 */
.place {margin: 10px 10px 10px 10px;}
p.legende {text-align: left; margin-left: 6px; font-family: Geneva, Arial, Tahoma, sans-serif;color: #000000; font-size: 10px; font-style: italic;}