/*
styles utilisés pour les différentes barre de navigation du site CRCI
n\'éditez pas cette page sans en avoir fait une copie préalable 
*/

/* NE PAS CHANGER CELA */
.clBar  {position:absolute;visibility:hidden;left:0;top:0}
.clCMAbs{position:absolute;visibility:hidden;left:0;top:0}
.leftBar{position:absolute;visibility:hidden;left:0;top:0}

/* MENU DU HAUT ------------------------------------------------------------------------------------ */
.clLevel0,.clLevel0over, .clLevel0self, .clLevel0path{position:absolute; padding:1px; font-family: arial,helvetica; font-size:11px; vertical-align: middle;}
.clLevel0{background-color:#E4E4E4; layer-background-color:#E4E4E4; color:black;
	background-image: url(img/degrade_bouton.gif);}

/* si je suis sur la rubrique */
.clLevel0self{background-color:#7BBAFF; layer-background-color:#7BBAFF; color:black;
	background-image: url(img/degrade_bouton_on.gif);}

/* si je suis SOUS la rubrique */
.clLevel0path{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:003399;
	background-image: url(img/degrade_bouton_in.gif);}

.clLevel0over{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#003399; cursor:pointer;  
	background-image: url(img/degrade_bouton_over.gif);}
.clLevel0border{position:absolute; visibility:hidden; background-color:#9B9F9F; layer-background-color:#9B9F9F}

/* SOUS-MENU DU HAUT 1*/
.clLevel1, .clLevel1over{position:absolute; padding:1px; font-family:  arial,helvetica; font-size:11px;}
.clLevel1{background-color:#E4E4E4; layer-background-color:#E4E4E4; color:black;
	background-image: url(img/degrade_bouton.gif);}
.clLevel1over{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#003399; cursor:pointer;  
	background-image: url(img/degrade_bouton_over.gif);}
.clLevel1border{position:absolute; visibility:hidden; background-color:#003399; layer-background-color:#003399}


/* MENU DE LA HOME PAGE --------------------------------------------------------------------------------------- */
.clhome,.clhomeOver{position:absolute; padding:1px; font-family: arial,helvetica; font-size:11px; vertical-align: middle;}
.clhome{color:black;}
.clhomeOver{color:#003399; cursor:pointer;}

.clhomeTitle,.clhomeTitleOver{position:absolute; padding:3px; font-family: Verdana, arial,helvetica; font-size:11px;font-weight: bold; vertical-align: middle;}
.clhomeTitle{color:black;}
.clhomeTitleOver{color:#003399; cursor:pointer;  }

.hmmenu,.hmmenuOver{position:absolute; padding:2px; font-family: arial,helvetica; font-size:11px; vertical-align: middle;}
.hmmenu{background-color:#E4E4E4;layer-background-color:#E4E4E4;color:black;
	background-image: url(img/degrade_bouton.gif);}
.hmmenuOver{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#003399; cursor:pointer;  
	background-image: url(img/degrade_bouton_over.gif);}
.hmmenuBorder{position:absolute; visibility:hidden; background-color:#1D5A9B; layer-background-color:#1D5A9B}


/* MENU DE GAUCHE ------------------------------------------------------------------------------------ */

/* NORMAL */
.leftmenu,.leftmenuOver{position:absolute; padding-right:15px; padding-top:3px; font-family: arial,helvetica; font-size:11px; text-align: right;vertical-align: middle;}
.leftmenu{ background-color:#FFFFFF; layer-background-color:#FFFFFF; color:black;
	background-image: url(img/degrade_bouton_pale20.gif);}
.leftmenuOver{background-color:#E4E4E4; layer-background-color:#E4E4E4; color:#003399; cursor:pointer;
	background-image: url(img/degrade_bouton_pale20_over.gif);}
.leftmenuBorder{position:absolute; visibility:hidden; }


/* SOUS MENU*/
.elsemenu,.elsemenuOver{position:absolute; padding:2px; font-family: arial,helvetica; font-size:11px; vertical-align: middle;}
.elsemenu{background-color:#E4E4E4;layer-background-color:#E4E4E4;color:black;
	background-image: url(img/degrade_bouton_pale.gif);}
.elsemenuOver{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#003399; cursor:pointer;  
	background-image: url(img/degrade_bouton_pale_over.gif);}
.elsemenuBorder{position:absolute; visibility:hidden; background-color:#E4E4E4; layer-background-color:#E4E4E4}

/* ENFANTS 
.childmenu,.childmenuOver{position:absolute; padding-right:15px; padding-top:1px; font-family: arial,helvetica; font-size:10px; vertical-align: middle; text-align: right;}
.childmenu{ background-color:#DEEEFF; layer-background-color:#DEEEFF; color:black;}
.childmenuOver{background-color:#7BBAFF; layer-background-color:#7BBAFF; color:#003399; cursor:pointer; 
	background-image: url(img/degrade_bouton_pale_over2.gif);}
*/
.childmenu,.childmenuOver{position:absolute; padding-right:15px; padding-top:1px; font-family: arial,helvetica; font-size:10px; vertical-align: middle; text-align: right;}
.childmenu{ background-color:#DEEEFF; layer-background-color:#DEEEFF; color:black;}
.childmenuOver{background-color:#FFFFFF; layer-background-color:#FFFFFF; color:#003399; cursor:pointer; }



/* SOI si enfants*/
.selfmenu{background-color:#7BBAFF;padding-right:0px; padding-top:3px;layer-background-color:#7BBAFF;position:absolute; font-family: arial,helvetica; font-size:11px; text-align: right; vertical-align: middle;color:black; 
	background-image: url(img/degrade_bouton_pale20_on.gif);}
	
/* SOI sans enfants*/
.selfmenualone{background-color:#7BBAFF;padding-right:15px; padding-top:3px;layer-background-color:#7BBAFF;position:absolute; font-family: arial,helvetica; font-size:11px; text-align: right; vertical-align: middle;color:black; 
	background-image: url(img/degrade_bouton_pale20_on.gif);}

/* PARENT */
.parentmenu,.parentmenuOver{position:absolute; padding-right:0px; padding-top:5px; font-family: arial,helvetica; font-size:11px; vertical-align: middle; text-align: right;font-weight: normal}
.parentmenu{ 	 background-color:#FFFFFF; layer-background-color:#FFFFFF; color:003399;}
.parentmenuOver{ background-color:#E4E4E4; layer-background-color:#E4E4E4; color:#003399; cursor:pointer;  }