@charset "windows-1252";

/* Mise en page globale */									    
body { 
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #ffd;	 /* jaune pâle */
color: #369;   /* Texte en bleu */
font-size: 13px;										
font-family: Verdana, Arial, Helvetica, serif;
}															

label {	
display: block;
font-size: 70%; 
font-weight: bold;
padding: 0.3em;
}
 
/* pour ajouter un texte en tout petit dans un label */
cite {
display: block;
font-size: 80%;
vertical-align: 0em;
}

sup {
vertical-align: 0.4em;
} 

small {
font-size: 70%;
}  							 

/* ====================================== */
/* En-tête */ 
#header {
height: 100px;
background: #09f url(../images/fondtitre.gif) top left repeat; /* bleu 09f par défaut*/
}
#header img {
float: right; 
margin: 0 ;
}
#header h1 {
text-indent: -5000px; 
margin:0;
line-height: 0;
}
#header p { 
margin: 24px 0 0 214px;
font-weight: bold;
color: white;
font-size: 1.4em;	
}	   
/* ====================================== */
/****** Menu horizontal ******/
#menuhaut { 
margin: 0;
padding: 0.1em 0.5em 0.1em 0;
list-style-type: none;
background-color: black;		/* blanc sur fond noir */
color: white;
text-align: right;
}
#menuhaut li {
display: inline;
} 
#menuhaut a {
color: yellow; /* jaune par défaut */
font-weight: bold;
text-decoration: none;
}
#menuhaut a:hover {	   
color: #9df;   /*  bleu clair au survol */
/*text-decoration: underline;*/
}  
/* ====================================== */
/***** Menu principal vertical (niveau 1) ******/
#menu {
float: left;
width: 191px; 
padding: 0.5em 0 6em 0;
margin: 0px;
background: #cca url(../images/fondmenu_vertical_j30.jpg) top left no-repeat;	   /* L'église */
}									
/* Affichage par défaut */
#menu dl {
list-style-type: none;
padding: 0;
margin: -0.5em 0 0 -0.5em;
} 
#menu dl a {
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em;
color: #009; /* bleu foncé 009 */
font-weight: bold;
font-size: 115%;
text-indent: 1em;	   
} 
/* Affichage au survol */ 
#menu dl a:hover {
background: #09f url(../images/fond_menu_vertical_niveau_1.png) center left repeat; /* fond standard */   
color: #cff; /* lettres bleu très clair cff */
width: 198px;
/*font-style: italic;	*/   
}  
/* Affichage pour la page actuelle */
#menu dl a.actu {
background: #09f url(../images/fond_menu_vertical_niveau_1_actu.png) center left repeat; /* fond plus clair */ 
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em;
color: white; 	  /* lettres blanc sans fond */
font-weight: bold;
font-size: 115%;
text-indent: 1em;
font-style: italic;
}
/* Affichage pour la page actuelle au survol */  
#menu dl a.actu:hover {
background: #09f url(../images/fond_menu_vertical_niveau_1_actu.png) center left repeat; /* fond plus clair */
color: white; /* lettres blanc avec fond */
} 

/* ====================================== */ 
/****** sous-menu vertical  (niveau 2) décalé sur la droite 
  appelé dans tools par   echo "   <ul class=\"sous_menu\">\n";   *****/
#menu dd {
display: none;
}
#menu dd ul.sous_menu {
position: absolute;  
border: 1px outset #f00; 	/* cadre rouge */
margin-top: -1.7em;
left: 217px; 
width: 200px;  
background:  url(../images/fond_sous_menu_2.png) top left repeat; /* image semi-transparente : pas de couleur de fond */
}
	 
#menu dd ul {
list-style-type: none;
padding: 0;
margin: 0 0em 0 -2em;
} 
#menu dd ul li a {
display: block;
text-decoration: none;
height: 1.3em;
line-height: 1.3em;
color: #006; /* marine par défaut 006 */
font-weight: normal;
font-size: 95%;
text-indent: 1em;			   

}  
#menu dd ul li a:hover {
background: #09f url(../images/fond_menu_vertical_niveau_2.png) center left repeat; /* image foncée */
color: #ffc;   /* blanc cassé jaune ffc */
width: 200px;  /* 184px */
} 
/* Affichage pour la page actuelle */ 
#menu dd li a.actu {
display: block;
text-decoration: none;
height: 1.3em;
line-height: 1.3em;
color: white; /* blanc sur fond bleu */
font-weight: normal;
font-size: 95%;
text-indent: 1em;
}  
#menu dd li a.actu:hover {
background: #09f url(../images/fond_menu_vertical_niveau_2.png) center left repeat; 
color: white; /* blanc sur image claire */
}
		

/* ====================================== */  		 
/***** Compteur de visites *****/
#menu dt.cptr {
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em;
color: #006;
font-weight: bold;
font-size: 90%;
margin: 1em 0 1em 2em;
}

#menu p.depuis {
font-style: italic; 
font-size:65%; 
margin: -1.9em 0 -1.1em 7em;
color: #009;	
}
/* ====================================== */ 
/* Formulaire de recherche menu vertical */
#menu p { 
margin: 1.5em 0 0.2em 1em;
font-weight: bold;
color: #006;
}
#menu form {
margin: 0em 0 0 1em; 
}
#menu form .champ {
width: 12em; 		 /* largeur champ de saisie */
font-size: 80%
}				
#menu form .button {
font-size: 80%
}


/* ====================================== */ 		
/****** sous-menu horizontal (dans les pages appelées par sous-menus) ******/ 
/* mêmes images de fond que le menu vertical principal  */
#menuh {
line-height: 20px; 
}
#menuh a { 
color: white;   
font-weight: bold;
text-decoration: none;
background: #09f url(../images/fond_menu_vertical_niveau_1.png) center left repeat;  	
border: 0px solid #03C;	   
padding : 0 0.5em 0 0.5em;
}
#menuh a:hover {
color: #9df; /* survol ss-titre non actif */  
text-decoration: none;
background: #09f url(../images/fond_menu_vertical_niveau_1.png) center left repeat; 	
border: 0px solid #03C;	
  
}
#menuh a.actuh { 
color: #03C; 
font-weight: bold;
text-decoration: none;
background: #09f  url(../images/fond_menu_vertical_niveau_1_actu.png) center left repeat; 
border: 0px solid #03C;	  
padding : 0 0.5em 0 0.5em;

}
#menuh a.actuh:hover {
color: #00c; 
text-decoration: none;
background: #009 url(../images/fond_menu_vertical_niveau_1_actu.png) center left repeat;   
border: 0px solid #03c;	 
}

/* ====================================== */ 
/* Contenu global */
/* Marge gauche des pages pour laisser la place au menu vertical */
#global {
margin-left: 16.5em;  								  
margin-right: 1.5em;
} 
/* Les titres */
#global h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffff99;
font-variant: small-caps;
text-indent: 0px;
color: #006;	/* marine */
}
#global h2 {
margin-top: 1.5em;
margin-bottom: 1em;
font-size: 140%;
font-weight: bold;
color: #03c; 	/* bleu 03c */ 
}	
#global h3 {
margin-top: 1.3em;
margin-bottom: 1em;
font-size: 120%;
font-style: italic;
font-weight: bold;
color: #369;	/* on laisse la couleur par défaut du texte sinon mettre bleu clair 09f*/   
}	
#global h4 {
margin-top: 1.3em;
margin-bottom: 1em;
font-size: 110%;
font-style: italic;
font-weight: bold;
color: #369;	/* on laisse la couleur par défaut du texte sinon mettre bleu clair 09f*/  
}							  
#global h6 {
margin-top: 1em;
margin-bottom: 0.5em;
font-size: 120%;
font-weight: bold;
font-style: italic;
color: #006;	/* marine */
}	
 
#global em {	/*mise en évidence du texte */
color: #09f;  	/* bleu clair */
font-weight: bold;
} 
#global p:first-letter  {
font-size: 120%; 
font-weight: bold; 
}
#global p.tabul1 {
float: left; 
margin: 0 1em 0 10em;
}	
.signature {

font-weight: bold;
font-style: italic;
} 	
#global p.retrait {
margin: 0 0 0 3em
}	
#global div#notetech {
position: absolute; 
bottom: 0.6em; 
left: 0.6em; 
color: #09f;    /* bleu clair */
width: 191px; 
font-size: 70%;
}
/* div#lettrine p:first-letter  {
font-size: 120%; 
font-weight: bold; 
}  */
/* ====================================== */ 	
/* Les bas de pages */	
#baspagecorr {
text-align: center;
font-size: 90%;	 
color: #006;	/* marine */  
margin: 4em 0 0 0; 
line-height: 1.4em;
background-color: #09f; 		
}
/* bas de page avec message "Je veux compléter */
#baspagephot {
text-align: center;
font-size: 90%;	 
color: #006;	/* lettres marine */
margin: 4em 0 0 0; 
line-height: 1.4em;		/* Barre bleue haute de 4em */
background-color: #09f; 	   /* bleue */
border: #03c solid thin;	  /* encadrée bleu foncé */
}									  
/* bas de page data dernière modif situé sous la barre précédente */
#baspage {
text-align: right;
font-weight: normal;
font-style: italic;
font-size: 60%;	 
color: #03C;	  /* #250 */	  
margin-bottom: 1em; 
/* border-top: #03c solid thin;  avec bordure haute  NON*/
}								  
/* bas de page "date dernière modif" si function BasPageSiteAdemir appelé avec __FILE__ */
/* seule la date dernière modif en bas de page */
#baspagemargin {	
text-align: right;
font-weight: normal;
font-style: italic;
font-size: 60%;	 
color: #03C;	  /* #250 */  
margin: 4em 0 1em 0; 
border-top: 1px solid #03c;	  /* #250 */ 
}								  

/* ====================================== */ 
/* Encart (postit de la page index.php) */
#encart {
float: right; 
width: 255px;
margin: 0 0 5px 0;
padding-top: 30px;
background: url(../images/posthaut.png) left top no-repeat; 
font-family: Comic sans MS, Verdana, Arial, Helvetica, serif;
}
#encart h3 {
font-size: 140%;
margin: 0 0 0 40px;
}
#bloccadre {
background: url(../images/postbas.png) left bottom no-repeat;
padding: 0px 0px 25px 40px;
}
#bloccadre ul {
margin: 1em 0 0 0;
padding:0;
}
#bloccadre li {
margin: 0.8em 2em 0 0.4em;
color: #633;
list-style-image: url(../images/postpuce.png);	  
list-style-position: outside;
font-size: 100%;
}
#bloccadre li a {
color: #633;
text-decoration: none;
}
#bloccadre li a:hover {
text-decoration: underline;
}
#bloccadre li em {	 /* mise en évidence du texye */
color: #a40;   /* écriture rouge du postit 	 */
font-weight: bold;
}							  

/* ====================================== */ 
div.clearfloats {
clear: both;
}

/* affichage vidéo */
#video {
float: left; 
width: 160px;
height: 130px; 
margin: 0;	
border: 8px ridge #9df;

}

/* ====================================== */ 
/* résultats de recherches */		 

#global_recherche {
margin-left: 16.5em;
margin-right: 1.5em;
}	
#global_recherche h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffff99;
font-variant: small-caps;
text-indent: 5px;
color: #03C;	  /* #250 */
}
#global_recherche em {	  /* Mise en évidence du texte */
font-style: normal;
font-weight: bold;
background-color: yellow;	 /* surligné jaune */
}

/* dans blork_engine.php */	
.nompage { 
font-style: italic;
font-weight: bold;
} 
a.respage {
color: #03C;	  /* #250 */
text-decoration: none;
}
a.respage:hover {
text-decoration: underline;
}

/* ====================================== */ 
/* Image retour haut de page  dans tools.php */
.toppage {

position:fixed;
bottom:0;
left:0;
width:191px;
border: 0px
}


/* ====================================== */ 
/* Livre d'or */ 
#afflivredor {
text-align: center;	
margin: 1em 0 0 0;
}

#afflivredor table {
border: 2px solid #036;
width: 100%;
border-collapse: collapse;
}

#afflivredor td {
border: 1px solid #06c;	 
}		 

/*#afflivredor.urlor {
font-size: 90%;
} 
*/
a.urlor:link, a.urlor:visited, a.urlor:hover  {
font-size: 80%;
}

#saislivreor input, select {
margin: 0.4em 0 0.4em 0;	
background-color: white;
width: 30em; 
border-top: 2px solid gray;
border-left: 2px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
font-family: Verdana, Arial, Helvetica, serif;	
font-size: 100%;
}

#saislivreor textarea {
margin: 0.4em 0 0.4em 0;	
background-color: white;
width: 30em; 
border-top: 2px solid gray;
border-left: 2px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray; 
font-family: Verdana, Arial, Helvetica, serif;
font-size: 100%;
}

.nobr {
white-space: nowrap;
}
/* ====================================== */ 
/* Les labels des champs INPUT */
label {	
display: block;
font-size: 70%; 
font-weight: bold;
padding: 0.3em;
}
	   
div.formulaire {
margin-top: 1em; 
background-color: #9df; 
padding: 0 1.5em 1.5em 1.5em; 
border: 0.8em ridge #9df;
}

form.amis div {
width: 430px; 
margin: 1em; 
height: 12px;
}
 
form.amis label {
display: inline; 
float: right;
/*	font-weight:bold;		*/
/*		font-size: 80%;	*/
}

form.amis input.floatright {
float:right; 
color: #036; 
font-weight: bold; 
font-size: 90%; 
background-color:#ffe;
}	

form.amis input.bouton {
margin-left: 255px; 
margin-top: 5px; 
color: #006; 
font-weight: bold; 	 
font-style: italic;
background-color:#ffe;
}
			   
/* ====================================== */ 
#tblclassemusee {
width: 95%;
margin-left: auto;
margin-right: auto;
}

#tbllivredor {
width: 95%;
margin-left: auto;
margin-right: auto;
}

#tbllivredor td {
margin-left: auto;
margin-right: auto;
}

#tbltrombinoscope {
margin-left: auto;
margin-right: auto;
}

/* ====================================== */ 
/* Boutons de navigation   */
.navbut { width: 31px; height: 14px; border: 0; margin: 0 8px 0 8px } 

/* ====================================== */ 
/* Séparation de fin de div en cas de flottants.                  */
/* S'utilise avec <hr class="separation" /> juste avant le </div> */	 
/* on ne peut ni both ni left à cause du menu général !           */
.separation {
clear: right;
visibility: hidden;
}

/* necessaire pour assurer le centrage du pied de page sous les photos (avec  <hr /> devant l'appel baspagephot) */
hr,.sepboth {
clear: both;
visibility: hidden;
margin: 0; 
padding: 0;
}
 
.sepboth {
clear: both;
visibility: hidden;
}
 
/* ====================================== */ 
/* affichage des photos                                           */
/* s'utilise avec <div class="photo right">     				  */
/* et <img class="nobord" ... si on ne veut pas de bordure		  */
/* la légende optionnelle est placée entre <label> et </label>    */																						   

div.photo {
text-align: center; 
width: 302px;
 }

a:hover {
color: maroon; 
cursor: hand;  
}

div.left {
float: left; 
margin: 0 1em 0 0;
} 
div.right {
float: right; 
margin: 0 0 0 1em;
} 
div.photo img {
border: 1px solid #03C;	  
}
div.photo img.nobord {
border: 0;
}
div.photo label {
font-size: 70%; font-weight: bold;
} 

/* ====================================== */ 
/* equivalent d'une tabulation */
div#tabul1 {
float: left; 
margin: 0 1em 0 10em;
} 
div#tabul1 .tabul2{
float: left; 
margin: 0 1em 0 5em;
} 

/* ====================================== */ 
/* En-tête mails*/ 
#header_mail {
height: 50px;
background: #09f url(../images/fondtitre.gif) top left repeat; /* bleu 09f par défaut*/
} 

/* ====================================== */ 
/* lettrine occasionnelle */ 

p.lettrine:first-letter {
font-size: 130%; 
font-weight: bold; 
}

/* ====================================== */ 
/* Lettrine */
div#courriel p:first-letter {
font-size: 120%; 
font-weight: bold; 
}

div#hlalevee p:first-letter {
font-size: 110%; 
font-weight: bold; 
}

/* ====================================== */
/* emplacement de la vidéo page curiosités */
fieldset {
border: 0;
}
							  
/* ====================================== */ 
img.photo {
text-align: center; 
border: 1px solid #03C;	  /* #250 */
}
img.left {
float: left; 
margin: 0 1em 0.3em 0;
} 
img.right {
float: right; 
margin: 0 0 0.3em 1em;
} 
img.nobord {
border: 0;
}  
img.nomargeh {
margin: 0 0 0.3em 0;
}
	  
img.vitrail {
border: 6px solid black;
}

img.chemin_croix {
border: 6px solid #100;	  /* brun foncé*/
}

/* ====================================== */ 
ul.gras {			/* utilisé par Marc page index */
font-weight: bold;
}

/* ====================================== */ 
/* pour tabuler droite un paragraphe */ 
#tabul {
margin: 0 0 0 2em; 
}

/* ====================================== */ 
/* Encadrés livre cartes postales */ 
#encadre {
margin: 3em 0 0 23em; 
padding: 0.5em 1em 1em 1em;	
border: 6px ridge #9df;
background-color: #9df;
}

/* ====================================== */ 
/* Encadrement d'un texte pour mise en valeur. ex dans  camp_chapelle.php */
#encadrement {
margin: 2em 2em 0 2em; 
padding: 0.5em 1em 1em 1em;	
border: 6px ridge #9df;

font-style: italic;
}

/* ====================================== */ 
/* Tableau cartes postales , photos et dénombrement*/ 
#rcTable {
text-align: center;	
margin: 1em 0 0 0;
	font-size: 80%;
font-weight: bold;

}

#rcTable table {
border: 1px solid #c00;
width: 100%;
border-collapse: collapse;
}
/* les lignes */
#rcTable td {
border: 0px solid #36f;
background-color: #9df;	 
}
/* entêtes colonnes */
#rcTable th {
border: 0px solid #06c;	
background-color: #9cf; 
line-height: 2em;
font-style: italic;
}	

/* ====================================== */ 
/* Tableau photos classes */ 
#tblphotos {
text-align: center;	
margin: 1em 0 0 0;
font-size: 12px;
font-weight: bold;
}

#tblphotos table {
border: 1px solid #c00;
width: 100%;
border-collapse: collapse;
}
/* les lignes du tableau */
#tblphotos td {
border: 0px solid #36f;
background-color: #9df;	 
}
/* entêtes colonnes */
#tblphotos th {
border: 0px solid #06c;	
background-color: #9cf; 
line-height: 2em;
font-style: italic;
}

/* ====================================== */ 
/* Tableaux caractères non gras, utilisé dans maj_du_site) */ 
#tblmaj {
text-align: center;	
margin: 1em 0 0 0;
font-size: 12px;

}

#tblmaj table {
border: 0px solid #c00;
width: 100%;
border-collapse: collapse;
}
/* les lignes */
#tblmaj td {
border: 0px solid #36f;
background-color: #9df;	 
}
/* entêtes colonnes */
#tblmaj th {
border: 0px solid #36f;	
background-color: #9cf;
line-height: 2em;
font-style: italic; 
}		 
		 
/* ====================================== */ 
/* Tableaux pages Canton */ 
#tblcanton {
text-align: left;	
font-size: 12px;
border: 1px solid #999;
border-collapse:collapse;
padding: 4em;
}

#tblcanton table {
border: 1px solid #999;

}
/* les lignes */
#tblcanton td {
border: 1px solid #999;
background-color: #faf9ec;
line-height: 1.8em;	 
}
/* entêtes colonnes */
#tblcanton th {
border: 1px solid #999;	
background-color: #ece5ca;
line-height: 2em;
font-weight: bold;
font-style: italic;
text-align: center; 
}		 

/* ====================================== */ 
/* Tableaux divers */ 
#tbldivers {
text-align: center;	
margin: 1em 0 0 0;
font-size: 12px;
font-weight: bold; 
}

#tbldivers table {
border: 0px solid #c00;
width: 100%;
border-collapse: collapse;
}
/* les lignes */
#tbldivers td {
border: 0px solid #36f;
background-color: #9df;	 
}
/* entêtes colonnes */
#tbldivers th {
border: 0px solid #36f;	
background-color: #9cf;
line-height: 2em;
font-style: italic; 
}		 
	 

.phpmaker {
      color: inherit; /* text color */
      font-family: Verdana; /* font name */
      font-size: xx-small; /* font size */      
}
.ewBasicSearch {
      font-family: Verdana; /* font name */
      font-size: xx-small; /* font size */
      border: 0px;
      border-collapse: collapse;
}

.ewBasicSearch td {
      border: 0px;
      padding: 1px;
}
/* ====================================== */ 	
/* Tooltip	  */
a.tooltip
{
    position: relative;
    z-index: 24;
   /* background-color: #ccc;	   #ccc gris */
    color: red;				/* couleur des caractères*/
    text-decoration: none;
}

a.tooltip:hover
{
    z-index: 25;
	color: #006;
    background-color: #ff0;

}

a.tooltip span
{
    display: none
}

a.tooltip:hover span
{
    display: block;
    position: absolute;
    top: 2em;
    left: 0em;
    width: 15em;
	border: 6px ridge #9df;
    background-color: #cff;
    color: #006;
    text-align: left;
	padding: 0 0 0 1em;

}

/* ====================================== */ 	
/* Lien non souligné (ex pour function index */
a.index{
text-decoration:none;
}

a.index:hover{
text-decoration:none;
}
	
/* ====================================== */ 	
/* Bouton appel diaporama */
.diaporama{
	float: right; 
} 

/* ====================================== */ 	
/* alphabet page photos_eleves.php */
div.alphabet{
	font-size: 115%;
	float: right; 
}
div.alphabet a:link { 
	color:#369 ;  
	text-decoration:none ; 
	font-weight:bold ; 
}
div.alphabet a:visited { 
	color:purple ; 
	text-decoration:none ; 
}
div.alphabet a:hover {
	color:maroon ; 
	font-size: 130%;
}	 

/* ====================================== */ 	
/* Listes noms page photos_eleves.php */
a.listnom:link { 
	color:#369 ;  
	text-decoration:none ; 
	font-weight:bold ; 
}
a.listnom:visited { 
	color:purple ; 
	text-decoration:none ; 
}
a.listnom:hover { 
	color:maroon ; 
	text-decoration:overline underline ; }
	
/* ====================================== */ 	
/* lien dans les tableaux de recherche */
a.lien_tableau:link, .lien_tableau:visited {
	text-decoration: none;
	color:#369;	 
} 
a.lien_tableau:hover {
	text-decoration: underline;	 
	color:#369;	 		
} 

/* ====================================== */ 	
/* lien dans les tableaux de recherche vers cartespopup ou vers cartebig_popup */
a.lien_popup:link {
	text-decoration: none;
	color:#369;
}
a.lien_popup:visited {
	text-decoration: none;
	color:maroon;		 
} 
a.lien_popup:hover {
	text-decoration: underline;	 
	color:#03c;	 		
}

/* ====================================== */ 	
/* lien dans les textes vers photopopup */
a.lien_textpopup:link {
	text-decoration: none;
	color:#09f;
}
a.lien_textpopup:visited {
	text-decoration: none;
	color:maroon;		 
} 
a.lien_textpopup:hover {
	text-decoration: underline;	 
	color:#03c;	 		
}

/* ====================================== */ 	
/* Affichage popup infos */
#pop_aide {
margin: 0 0 0 2px; 
padding: 0.5em 1em 1em 1em;	
font-size: 12px
}

#tblpop_photo {
margin: 0 0 0 4em;
font-size: 12px;
} 

/* ====================================== */ 
/* Popup cartes postales */ 
#popup {
margin: 0 0 0 0px; 
padding: 0.5em 1em 1em 1em;	
border: 6px ridge #9df;
background-color: #9df;
}

/* ====================================== */ 
/* Note de bas de page photos de groupe */ 
p.notegroupe {
font-size: 10px;
font-style: italic;
}

.noborder {
border : 0;
}

/*
#incrust {
text-align: center;
font-size: 90%;	 
color: #006;	/* lettres marine 
margin: 100 0 0 50; 
line-height: 1.4em;		/* Barre bleue haute de 4em 
background-color: #09f; 	   /* bleue 
border: #03c solid thin;	  /* encadrée bleu foncé 
}
*/

/*--------------------------------------------------------------------------------------------*/
/* Présentation des onglets de navigation                                                     */
/*--------------------------------------------------------------------------------------------*/
/* debut de mise en forme des onglets de navigation principaux. Voir les commentaires pour adapter */  
ul.onglet {
    font-size: 10px;                /* taillefont ; mettre ici la taille voulue */
    padding-bottom: 16px;           /* mettre ici : taillefont + padvaltop + padvalbot + (2 * borderep) + margeval + 1     C'est la hauteur du fond */
    border-bottom: 1px solid #432;  /* borderep */
    font-weight: bold; list-style-type: none; margin: 0px 0px 1px 0px;	background: #875 } 

ul.onglet li {
	height: 43px;                   /* mettre : taillefont + padvaltop + padvalbot + (2 * borderep)      C'est la hauteur de l'onglet */
	margin: 2px 2px 0 2px;          /* margeval */
    float: left; background-color: #ece5ca; border: 1px solid #006; }

ul.onglet li.invisible        { background-color: #ece5ca; text-decoration: line-through; } 							  

.onglet li.invisible a:hover  { background-color: #ece5ca; color: #666; } 

.onglet a { 
	padding-top: 0px;               /* padvaltop */										
	padding-bottom: 1px;			/* padvalbot */
	width: 130px;	                /* largeur de l'onglet */
    float: left; display: block; color: #666; text-decoration: none; text-align: center; }

.onglet a:hover               {	background: #432; color: #ffd; text-decoration: none; }

ul.onglet li.actif            {	border-bottom: 1px solid #ffd; background-color: #ffd; }   /* mettre border-bottom: 1px solid #ffd;   si on ne veut pas de trait en bas de l'onglet pour le lier à la page */

ul.onglet li.actif a          {	color: #006; } 

.onglet li.actif a:hover      {	background: #432; color: #ffd; font-weight: bolder; border-bottom: 1px solid #432; } 
/* fin de mise en forme des onglets de navigation principaux */