body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	
	margin: 0px;
	padding: 0px;
 
	
	background-attachment: scroll;
    background-color: #000000;

}

.bodytop{
	/*	background-color: #F1EFE9;*/
		background-color: #000000;
		background-image: url(top.gif);
		background-repeat: no-repeat;
    }

/*=============== Div de positions - Squelette =======================*/

/* ------------ frame du haut ----------------- */

#backtohome{
    position:absolute;
    top:37px;
    left:33px;
    height:48px;
    width:190px;
    border-style:none;
    border-color:transparent;
    }



#upper_tools 	{
	top:0px;
	left:0px;
	width:750px;
	height:23px;
	background-color: #D4CEBB;
				}

#upper_tools a {
    font-weight:bold;
    }

.links  {
    position:absolute;
    left:10px;
    top:2px;
    }
    
.searchBox  {
    position:absolute;
    top:2px;
    left:300px;
    height:25px;
    width:220px;
    }

.legal{
    position:absolute;
    left:600px;
    top:2px;    
    }
				
#player {
	position:absolute;
	visibility:visible;
	top:30px;
	left:570px;
	width:230px;
	height:90px;
/*	z-index:1;
	border: thin solid #00FF66;*/
		}

#boomer {
	position:absolute;
	visibility:visible;
	top:35px;
	left:530px;
    }

/* --------------- main frame ------------------- */

#conteneur { /* conteneur g?ral, global */
		top:0px;
		left: 0px; /* placement du conteneur par rapport au bord gauche de la page*/ 
		width: 750px;
	/*	height:450px;*/
		position: absolute;
		background-image: url(bgcontent.gif);
		background-repeat: no-repeat;
		background-color: #F1EFE9;
		padding-bottom:10px;
		}

#haut 	{ 
		height:90px;
		}
		
#centre { /* conteneur du slot du centre */
		margin-left: 205px; /* d?lage du div center par rapport au bord gauche
							   --> Largeur du menu gauche + d?lage du conteneur
							       200 + 0 */
		}

#gauche {
        float:left;
        width:170px;
        margin-left:10px;
     /*   background-color:#eeFFcc;*/
		}

#pied { /* pied de page*/
		height:20px;
		}

#droite {  /* Div du menu des actions */
		position:absolute; 
		left:750px; 
		top:90px; 
		width:200px; 
		height:450px; 
		}
		
#closedboxes 	{ /* le slot o seront plac? les boites ferm? */
				position:absolute; 
				left:750px; 
				top:1px; 
				height:85px;
				background-color: transparent;
				}

/* ------------ menu de naviguation du haut -------------- */

#menu_nav{
	position:absolute; 
	left:10px; 
	top:10px; 
	width:160px;
	margin:5px;
	padding:8px 0px 10px 15px ;
	background-color: #FFFFFF;
    }


/* ----------- conteneur central = centre --> d?nition du slot de gauche */

#contenu_gauche {
    float:left;
                }
#contenu_breve {
    margin-left : 120px;
    }

/* ----------- conteneur central = centre --> d?nition d'un document. */
#photo{     
    width:170px;
    margin-top:3px;
	}	


#texte_gauche	{
    color: #736357;
   /* background-color: #F9F9F6;*/
	width:160px;
	padding: 5px;
				}

#texte_principal{
    margin-left: 180px;
	margin-top: 0px;
	width: 350px;
	text-align: justify;
				}

/* ----------- conteneur central = centre --> d?nition d'une breve. */

#breve {
        padding-top:15px;
        padding-bottom:15px;
        }

/* ----------- conteneur central = centre --> d?nition de la page d'accueil */

#accueil_ciel {
    width:150px;
    margin-top:10px;
    float:left;
    }

#accueil_chaufferie {
    float:left;
    width:190px;
    margin-top:10px;
    margin-left:10px;
    margin-right:15px;
    }

#accueil_calendar {
    margin-top:10px;
    float:right;
    width:180px;
    }

.accueil_content
    {
    margin-top: 0px;
    }
    
#accueil_up{
    text-align: right;
    margin-right:300px;
    margin-left:85px
    }  
#accueil_up .legende {
    margin-top:5px;
    }


#footer {
		background-color: #F1EFE9;
		text-align: center;
        margin-top: 10px;
        padding: 1px 0 1px 0;
        border-bottom : 1px solid #D4CEBB;
        border-top : 1px solid #D4CEBB;
        }

#help_jukebox 
    {
    text-align:justify;
    width:240px;
    position:absolute;
    left:500px;
    top:23px;
    padding:5px 0px 5px 0px;
    }

#edito {
    margin-top:20px;
    padding-left:5px;
    width:150px;
    text-align:justify;
 /*   background-color:#ccFFFF;*/
}
#gauche .adresse {
    margin-top:20px;
    margin-left:5px;
    width:120px;
    /*background-color:#ccccFF;*/
    }

/* conteneur de gauche = left slot --> d?nition des menus */

#item   {
    margin-top:6px;
    }

.brun {
    color:#736357
    }



/*====================================================================*/

/* attributs communs aux Div, et classes de placement*/
div, div.document, div.box
	{
	background-color: transparent;
	border:none;
	}

.fleche {
   	margin-top:25px;
    margin-bottom:10px;
	height: 16px;
        }

.entete_document {
    padding-bottom: 5px;
    font-weight:bold;
    font-size:11px;
    }
.entete_document h1{
    border: none;   
    }


	

	
/* ========================== titres et liens =======================================*/
/* textes */


/* Titres */
.entete_document h1{
    border: none;
    padding:5px 2px 2px 5px;
    }



h2, h3, h4, h5, h6 {
	font-weight: bold;
	border: none;
	padding-top: 0.5em;
	}
	
/* h1 est le titre du document lu */	
h1
	{
	font-weight: bold;
	font-size: 12px;
	margin-right:10px;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	}
	
/* h2 est la t? de chapitre de niveau 2 */
h2{
    font-size: 14px;
    margin-bottom: 0.5em;
   }
   
/* h3 est titre de niveau 3 */
h3 {
	font-size: 11px;
	}
	
h4 {
	font-size: 10px;	
	}

#accueil_calendar b {
    font-size:11px;
    }
#accueil_calendar h2 {
    color:#000000;
    }

/*====================================================================*/
li {
    list-style-image: url(puce_regie2c.gif);
    }



/*Lien de base, brun*/

a { 
    color: #736357;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}

a:link {
		text-decoration: underline;
		}

a:visited {
		text-decoration: underline;
		/*color: #603913;*/
		}

a:hover {
	text-decoration: none;
	}

a:active {
	color: #000000;
}

/* lien de page de breve, d'accueil, et de titre int?eur */

a.titre_breve {
        font-size:11px;
        font-weight:bold;
        }

.accueil a:link, a.titre_breve:link{
            text-decoration: none;
            }
.accueil a:visited ,a.titre_breve:visited{
            text-decoration: none;
            }

.accueil a:hover, a.titre_breve:hover
        {
		text-decoration: underline;
		}  
        

.titre_song{
  padding:2px 0px 2px 8px;
  }
     
/* ===================================================================================*/
/* Div de niveau 2 : Attributs communs. Pas de couleur de visited ! */
#Niv2r2c, #Niv2ciel, #Niv2chauf, #Niv2form 
	{
	position:absolute; 
	visibility:hidden; 
	top:70px; 
	width:600px; 
	height:20px; 
	z-index:1;
	}
/* Div de niveau 2 : Regie2ce */	
#Niv2r2c 
	{	
	left:250px; 
	}
	
/* Div de niveau 2 : Ciel */
#Niv2ciel 
	{
	left:250px; 
	}

/* Div de niveau 2 : Chaufferie */
#Niv2chauf
	{
	left:150px;
	}

/* Div de niveau 2 : Formations */
#Niv2form 
	{
	left:450px; 
	}

/* ================================================================================== */

/* classes de d?ration */

.imprimer{
    margin-top:30px;
    margin-left:250px;
    padding: 0px;
    }

.titre_lines 
	{
	border-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #D4CEBB;
	border-bottom-color: #D4CEBB;
	margin-bottom: 10px;
	padding:4px 0 4px 0;
	}

.titre_lines h2 {
    padding:4px 0 4px 0;
    margin:0;
    }

.titre_lines a {
	font-weight: bold;
	border: none;
    font-size: 14px;
    text-decoration:none;
    }



a.ecouter { /* d?nition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit ?e en bloc */
     width: 190px; /* largeur de l'image r?tive */
     height: 48px; /* hauteur de l'image r?tive */
     background-image: url(boomer_out.gif); /* source de l'image de d?rt */
     background-repeat: no-repeat;
     }
a.ecouter:hover { /* d?nition de la classe "image" de la balise <a> au survol */
     background-image: url(boomer_on.gif); /* source de l'image d'arriv?*/
     } 
     
     
/* -------  Outils de la frame du haut --------- */

#upper_tools table
    {
font-size:10px;
    }

#upper_tools table td.left, #upper_tools table td.searchbox, #upper_tools table td.searchbox 
    {
    border:0px; 
    height:10px;
    valign:top;
    }

.searchBox input{
    border:1px solid #ffffff;
    font-size:10px;
            }

/* Classes de lieux = couleurs */

/* ---  REGIE2C --- */

.regie2c h1, .regie2c h2, .regie2c h3, .regie2c h4, .regie2c a:hover, .regie2c .type,
.regie2c a.titre_breve, .regie2c .accueil a, .regie2c .color, .regie2c .titre_lines a 
	{
	color:#5B8C90;
	}
.regie2c li {
    list-style-image: url(puce_regie2c.gif);
    }
.regie2c h1{
    padding:5px 2px 2px 5px;
    border-width: 1px;
    border-style: solid;
    border-color:#5B8C90;    
    }
.regie2c .type {
    font-weight:bold;
    }
.regie2c a.imprimer:hover{
    background-image: url(print_on_regie2c.gif);
    }

/* ---  CIEL --- */

.ciel h1, .ciel h2, .ciel h3, .ciel h4, .ciel a:hover, .ciel .type,
.ciel a.titre_breve, .ciel .accueil a, .ciel .color, .ciel .titre_lines a 
	{
	color:#FF0000;
	}
.ciel li {
    list-style-image: url(puce_ciel.gif);
    }
.ciel .type {
    font-weight:bold;
    }
.ciel h1{
    padding:5px 2px 2px 5px;
    border-width: 1px;
    border-style: solid;
    border-color:#FF0000;    
    }
.ciel a.imprimer:hover{
    background-image: url(print_on_ciel.gif);
    }

/* ---  CHAUFFERIE --- */

.chaufferie h1, .chaufferie h2, .chaufferie h3, .chaufferie h4, .chaufferie a:hover, .chaufferie .type,
.chaufferie a.titre_breve,  .chaufferie .accueil a, .chaufferie .color, .chaufferie .titre_lines a
	{
	color: #FF8A00;
    }
.chaufferie li {
    list-style-image: url(puce_chaufferie.gif);
    }
.chaufferie .type {
    font-weight:bold;
    }
.chaufferie h1{
    padding:5px 2px 2px 5px;
    border-width: 1px;
    border-style: solid;
    border-color:#FF8A00;    
    }
.chaufferie a.imprimer:hover{
    background-image: url(print_on_chaufferie.gif);
    }


/* ---  FORMATIONS --- */

.formations h1, .formations h2, .formations h3, .formations h4, .formations a:hover,
.formations .type, .formations a.titre_breve, .formations .accueil a, .formations .color,
.formations .titre_lines a 
	{
	color:#FF5A00;
	}
.formations li {
    list-style-image: url(puce_formations.gif);
    }
.formations .type {
    font-weight:bold;
    }
.formations h1{
    padding:5px 2px 2px 5px;
    border-width: 1px;
    border-style: solid;
    border-color:#FF5A00;    
    }
.formations a.imprimer:hover{
    background-image: url(print_on_formations.gif);
    }


/* petits hacks divers */
/* celui-ci est destiné à la visite des lieux, afin d'avoir des couleurs
   différentes pour les 2 sections */
.ciel_v a:hover, .ciel_v h3
	{
	color:#FF0000;
	}
	
/* --------------------------------------------------------------------------- */	
	
/* divers */ 

.clr{
    clear:both;
    }
hr.clr{
    height:1px;
    }

.hidden {
    display: none;
    }

.titre_lines a:hover {
    color: #736357;
    }