/*********************************************************************************************************************************/
/*                                                        WWW.POTE-EN-CIEL.CH                                                    */
/*********************************************************************************************************************************/
/*********************************************************************************************************************************/
/* CARACTERISTIQUES DU SITE                                                                                                      */
/*********************************************************************************************************************************/

		body
		{
			scrollbar-face-color: #264c93; /* couleur du dessus des boutons et de la barre de défilement */
			scrollbar-shadow-color: #5f7cb1; /* couleur sombre du relief des boutons */
			scrollbar-highlight-color: #fff6d6; /* couleur claire du relief des boutons */
			scrollbar-3dlight-color: #005000; /* couleur claire du relief des boutons quand ceux-ci ne sont pas  enfoncés */
			scrollbar-darkshadow-color: #005000; /* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
			scrollbar-track-color: #5f7cb1; /* couleur du fond de la barre */
			scrollbar-arrow-color: #FFFFFF; /* couleur des flèches */
			background-color : #000000; /* Couleur arrière plan */
			font-family: verdana, sans-serif;
			font-size: 8pt;
			font-weight: normal; 
			color: #FFFFFF; /* couleur texte */

			margin: 20px 0 10px 0;/* Définition des marges haute droite basse gauche */
			padding: 0 ;/* Padding à 0 pour le navigateur Opera, car il définit des padding par défaut pour le body */
			text-align: center ;/* Seul moyen de centrer les éléments de type block dans Internet Explorer */
			font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif ;/* Police de caractère */
			color: #1a40a0 ; /* couleur du texte de la page */
			background: #222222 ; /* Couleur de fond de l'écran*/
			line-height: 1em; /* interlignes*/

		}

/*********************************************************************************************************************************/
/* DIMENSIONNEMENT PAGE                                                                                                          */
/*********************************************************************************************************************************/

		div#page
		{
			width: 960px ;/* Largeur de ma page */
			margin: 0 auto ;/* Centre les éléments de type block (comme les divisions) */
			text-align: left ;/* Rétablir l'alignement à gauche enlevé en-haut */
			border: 2px solid #333333 ; /* Bordure autour de la page,*/
			background: #fdefbc ; /*Couleur du fond de la page */
		}

/*********************************************************************************************************************************/
/* BANDEAU SUPERIEUR AVEC LOGO                                                                                                   */
/*********************************************************************************************************************************/
		h1#logo
		{
			height: 155px ;/* Hauteur du bandeau supérieur */
			margin: 0 ;
			background: url(images/LogoPoteEnCiel.jpg) no-repeat left top ; /* Image de fond du bandeau */

		}

		h1#logo a /* remplace le lien par une image */
		{
			width: 960px ;
			height: 155px ;
			display: block ; /* Donne au lien les dimensions ci avant */
			background: url(images/LogoPoteEnCiel.jpg) no-repeat left top; /* Dimension image selon dimensions ci-avant */
			position: relative ;
			/*left: 0px ;
			top: 0px ;*/
			text-indent: -3000px ; /* Cache le texte hors de la page pour syntèses vocales */			
		}
	
		h1#logo a span
		{
			display: none ;
		}
/*********************************************************************************************************************************/
/* CONTENU                                                                                                                       */
/*********************************************************************************************************************************/

		legend /* Légende du cadre */
		{
			font-size: 1em ;
			font-weight: bold ;
			color: #1a31a0 ;
		}

		
		ul#menu
		{
			height: 35px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu li a
		{	
			/* Style des liens */
			width: 192px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(images/bouton.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #fff ;*/
		}
		
		ul#menu li a:hover
		{
			background: url(images/bouton.gif) no-repeat 0 0 ; /* Décale image en roll over */
		}
		
		div#contenu
		{
			padding: 5px 20px 75px 20px ; /* Espace haut, droite, bas, gauche du cadre */
			/*background: url(bg_page.gif) no-repeat 15px 15px ;*/ /* Elément décoratif à gauche */
		}

		div#contenu h1 /* Titre avec image */
		{
			padding-left: 50px ;
			line-height: 32px ;
			font-size: 1.4em ;
			background: url(images/ballon-bleu.gif) no-repeat 10px bottom ;
			color: #1a31a0 ;
		}
		
		div#contenu h2 /* Titre avec image */
		{
			padding-left: 80px ;
			line-height: 32px ;
			font-size: 1.4em ;
			background: url(images/ballon-ciel.gif) no-repeat 40px bottom ;
			color: #1a31a0 ;
			/*padding-bottom: 3px;*/
			border-bottom: 1px solid #1a31a0 ;
		}
		
		div#contenu h3 /* Titre avec image */
		{
			padding-left: 80px ;
			line-height: 32px ;
			font-size: 1.4em ;
			background: url(images/ballon-rouge.gif) no-repeat 40px bottom ;
			color: #1a31a0 ;
			border-bottom: 1px solid #1a31a0 ;
		}
		
		div#contenu h4 /* Titre avec image */
		{
			padding-left: 80px ;
			line-height: 32px ;
			font-size: 1.4em ;
			background: url(images/ballon-orange.gif) no-repeat 40px bottom ;
 			color: #1a31a0 ;
			border-bottom: 1px solid #1a31a0 ;
		}		
		
		div#contenu h5 /* Titre sans image */
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #1a31a0 ;
			color: #1a31a0 ;
		}
		
		div#contenu h6 /* Sous titre */
		{
			margin-left: 45px ;
			margin-bottom: 0.4em;
			padding-left: 5px ;
			font-size: 1em ;
			color: #1a31a0 ;
			text-decoration: underline ;
		}

		div#contenu h8 /* Titre avec image */
		{
			margin: 50px ;
			line-height: 65px ;
			font-weight: bold ;
			font-size: 1.4em ;
			color: #1a31a0 ;
		}

		div#contenu h9 /* Titre avec image */
		{
			padding-left: 50px ;
			line-height: 32px ;
			font-size: 1.2em ;
			color: #1a31a0 ;
		}


		
		div#contenu p /* Mise en forme paragraphes */
		{
			margin-left: 40px ; /* Marge gauche du texte */
			margin-right: 45px; /* Marge droite du texte*/
			text-align: justify ; /* Alignement justify ou left... */
			text-indent: 0 ; /* retrait 2ème ligne */
			line-height: 1.5em ; /* hauteur ligne */
		}

		p.marge
		{
			padding-left: 10px;
		}
		
		div#contenu a /* Mise en forme des liens de la page */
		{
			color: #1a31a0 ;
			font-style: italic;
			font-weight: bold;
			text-decoration: none;
		}
		
		div#contenu a:hover /* Mise en forme des liens de la page */
		{
			color: #FF8000 ;
		}
		
		p#footer /* Mise en forme pied de page */
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: right ;
			color: #8a0 ;
		}
		
		pre
		{
			overflow: auto ; /* Overflow auto pour barres de défilement si nécessaire */
			background: #003c7a ;
			border: 2px solid #0080FF ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ; /* Taille police */
		}
	
		pre span
		{
			color: #FFFFFF ; /* Couleur des éléments span dans un pre */
		}

		hr 
		{
  			height: 1px;
 			padding: 0;
			color: #1a31a0;
			background-color: #1a31a0;
			border: 0;
		}



/*********************************************************************************************************************************/
/* MENUS A BOUTONS                                                                                                               */
/*********************************************************************************************************************************/

/* Menu 1 à 1 bouton */		

		ul#menu11
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu11 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu11 li a
		{	
			/* Style des liens */
			width: 960px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(images/bouton11.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu11 li a:hover
		{
			background: url(images/bouton11.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #1f3f7b ;
		}


/* Menu 1 à 2 boutons */		

		ul#menu12
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu12 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu12 li a
		{	
			/* Style des liens */
			width: 480px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(images/bouton12.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu12 li a:hover
		{
			background: url(images/bouton12.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #1f3f7b ;
		}


/* Menu 1 à 3 boutons */		

		ul#menu13
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu13 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu13 li a
		{	
			/* Style des liens */
			width: 320px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(images/bouton13.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu13 li a:hover
		{
			background: url(images/bouton13.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #1f3f7b ;
		}


/* Menu 1 à 4 boutons */		

		ul#menu14
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu14 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu14 li a
		{	
			/* Style des liens */
			width: 240px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(images/bouton14.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #FFFFFF ;*/
		}
		
		ul#menu14 li a:hover
		{
			background: url(images/bouton14.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #1f3f7b ;
		}


/* Menu 1 à 5 boutons */		

		ul#menu15
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu15 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu15 li a
		{	
			/* Style des liens */
			width: 192px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(images/bouton15.png) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #fff ;*/
		}
			
		ul#menu15 li a:hover
		{
			background: url(images/bouton15.png) no-repeat 0 0 ; /* Décale image en roll over */
			color: #1f3f7b ;
		}		


/* Menu 1 à 6 boutons */		

		ul#menu16
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu16 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu16 li a
		{	
			/* Style des liens */
			width: 160px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(images/bouton16.png) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #fff ;*/
		}
			
		ul#menu16 li a:hover
		{
			background: url(images/bouton16.png) no-repeat 0 0 ; /* Décale image en roll over */
			color: #1f3f7b ;
		}		
		
		
/* Menu 1 à 7 boutons */		

		ul#menu17
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu17 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu17 li a
		{	
			/* Style des liens */
			width: 137px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(images/bouton17.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #fff ;*/
		}
			
		ul#menu17 li a:hover
		{
			background: url(images/bouton17.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #1f3f7b ;
		}		


/* Menu 1 à 8 boutons */		

		ul#menu18
		{
			height: 25px ; /* Hauteur du menu, selon hauteur de l'image de fond */
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ; /* Suppression des puces */
		}
				
		ul#menu18 li
		{
			float: left ; /* Pour aligner les menus */
			text-align: center ; 
		}
		
		ul#menu18 li a
		{	
			/* Style des liens */
			width: 120px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFFFFF ;
			display: block ;
			text-decoration: none ;
			background: url(images/bouton18.gif) no-repeat 0 -25px ; /* Décalage 35px pour roll over */
			/*border-right: 2px solid #fff ;*/
		}
			
		ul#menu18 li a:hover
		{
			background: url(images/bouton18.gif) no-repeat 0 0 ; /* Décale image en roll over */
			color: #1f3f7b ;
		}