/************************************************************************/
/*		Feuille de style les menus haut et gauche de EOLE2			 	*/
/*				Toutes versions d'interface								*/
/************************************************************************/



/*******************************************************************************
** Definition global de la fenetre du navigateur
*******************************************************************************/
html {
width : 100%; 
height : 100%; 
margin : 0; 
} 
body {
width : 100%; 
height : 100%; 
margin : 0; 
background-color : #ffffff; 
font-family : verdana, arial, sans-serif; 
font-size : 12px; 
text-align : left; 
} 

/*******************************************************************************
** En tete de la page
*******************************************************************************/

.entete { 
height : 110px; 
width : 100%; 
min-width : 500px;
margin : 0;
padding :0; 
} 
.entete_rouge {
height : 48px; 
min-width : 500px;
margin : 0; 
text-align : right; 
vertical-align : middle; 
padding-bottom : 15px;
background : #ffffff url(../images/motif.gif) repeat 0% 0%; 

} 
.entete_noir {
height : 30px; 
min-width : 500px;
margin : 0; 
background-color : #ffefb9; 
text-align : right; 
vertical-align : middle; 
} 

.entete_blanc {
height : 31px; 
min-width : 500px;
margin : 0; 
background-color : #ffffff; 
padding-top : 10px; 
text-align : left; 
vertical-align : middle; 
border-top : 4px solid #CC0000 ; 
} 

/*** Chemin global en rouge sur l'entete blanche */
.chemin {
font-size : 10px; 
color : #d0023c; 
} 
.chemin a, .chemin a:link, .chemin a:active, .chemin a:visited  {
font-size : 10px; 
color : #d0023c; 
vertical-align : middle; 
text-decoration : none; 
} 
.chemin a:hover {
font-size : 10px; 
color : #d0023c; 
vertical-align : middle; 
text-decoration : underline; 
} 

/*** Menu supplémentaire sur l'entete rouge*/
.lien_entete { 
padding: 5px 10px 0px 10px;
text-align : right; 
vertical-align : middle; 
font-size : 10px; 
color : #ffffff; 
} 
.lien_entete a, .lien_entete a:link, .lien_entete a:active, .lien_entete a:visited  {
font-size : 10px; 
color : #ffffff; 
text-decoration : none; 
} 
.lien_entete a:hover {
font-size : 10px; 
color : #ffffff; 
text-decoration : underline; 
} 


/************************************************/
/*		Menu Principal dans l'en-tête NOIR		*/
/************************************************/

/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}

/*Style for the background-bar NON UTILISE*/
.clBar{
position:absolute; 
width:10; 
height:10;
visibility:hidden;
} 

/*Styles Niveau 0*/
.clLevel0,.clLevel0over{
position:absolute; 
padding:2px 10px 2px 0;
text-align : center; 
vertical-align : middle; 
font-size : 11px; 
font-weight : bold; 
color:#666666 ; 
border-left : 1px dotted #999999;
}
.clLevel0{background-color:#ffefb9 ;   layer-background-color:#ffefb9;}
.clLevel0over{background-color:#ffffff ; layer-background-color:#ffffff ; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute;}

/*Styles Niveau 1*/
.clLevel1, .clLevel1over, .clLevel1Titre, .clLevel1Titreover{
position:absolute; 
overflow:hidden;
padding:4px 5px 4px 5px; 
vertical-align : middle; 
font-size : 10px;  
color : #666666 ; 
}
.clLevel1{background-color : #ffefb9 ;   layer-background-color:#ffefb9;}
.clLevel1over{background-color : #ffffff;  layer-background-color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel1Titre{background-color : #ffefb9 ; font-weight : bold;}
.clLevel1Titreover{background-color : #ffffff;  layer-background-color:#ffffff; cursor:pointer; cursor:hand; font-weight : bold;}
.clLevel1border{position:absolute; background-color : #ffefb9 ;  layer-background-color:#ffefb9;}

/*Styles Niveau 2*/
.clLevel2, .clLevel2over{
position:absolute; 
overflow:hidden;
padding:4px 5px 4px 5px;  
vertical-align : middle; 
font-size : 10px; 
color : #666666; 
}
.clLevel2{background-color : #ffefb9 ;   layer-background-color:#ffefb9;}
.clLevel2over{background-color : #ffffff;  layer-background-color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; background-color : #ffefb9 ;  layer-background-color:#ffefb9 ;}

/****************************/
/*		Menu Mon ESPACE		*/
/****************************/

/*Styles Niveau 0*/
.MenuLevel0,.MenuLevel0over{
position:absolute; 
overflow:hidden;
padding:2px 5px 2px 5px;
text-align : center; 
vertical-align : middle; 

}
.MenuLevel0{
background : transparent url(../images/menuENFI-rouge.png) no-repeat 0% 0%; 
}
.MenuLevel0over{
background : transparent url(../images/menuENFI-blanc.png) no-repeat 0% 0%; 
cursor:pointer; cursor:hand; 
 }
.MenuLevel0border{position:absolute; border-right : 1px solid #666666; }

/*Styles Niveau 1*/
.MenuLevel1, .MenuLevel1over, .MenuLevel1Titre, .MenuLevel1Titreover{
position:absolute; 
overflow:hidden;
padding:4px 5px 4px 5px; 
vertical-align : middle; 
font-size : 10px; 
color : #666666; 
}
.MenuLevel1{background-color : #ffefb9; }
.MenuLevel1over{background-color : #ffffff;  layer-background-color:#ffffff; cursor:pointer; cursor:hand; }
.MenuLevel1Titre{background-color : #ffefb9; font-weight : bold;}
.MenuLevel1Titreover{font-weight : bold; background-color : #ffffff;  layer-background-color:#ffffff; cursor:pointer; cursor:hand; }
.MenuLevel1border{position:absolute; }

/*Styles Niveau 2*/
.MenuLevel2, .MenuLevel2over {
position:absolute; 
overflow:hidden;
padding:4px 5px 4px 5px;  
vertical-align : middle; 
font-size : 10px; 
color : #666666;
}
.MenuLevel2{ background-color : #ffefb9; }
.MenuLevel2over{background-color : #ffffff;  layer-background-color:#ffffff; cursor:pointer; cursor:hand; }
.MenuLevel2border{position:absolute; }



/*******************************************************************************
** Le menu de droite 
*******************************************************************************/
.menu {
width : 182px; 
max-width : 182px;
margin-top : 20px; 
border-right : 1px solid #cc0000;
border-bottom : 1px solid #cc0000;
border-top : 1px solid #cc0000;
background : #ffefb9 url(../images/barreUp.gif) no-repeat 0% 0%;
}
 
/* Menu de droite version MON ESPACE  */
.menu_perso {
width : 182px; 
max-width : 182px;
margin-top : 20px; 
border-right : 1px solid #cc0000;
border-bottom : 1px solid #cc0000;
border-top : 1px solid #cc0000;
background : #ffefb9 url(../images/barreUp.gif) no-repeat 0% 0%;
} 

/**********************************************************
** Elements du menu de droite (Titre + 3 niveaux)			
***********************************************************/

/* Element de titre */
.menu_titre  {
line-height:15px;
margin-left : 0px; 
padding : 8px 2px 2px 12px;
background : url(../images/trianglegris-1.gif) no-repeat 0% 13px; 
} 
.menu_titre a, .menu_titre a:link, .menu_titre a:active, .menu_titre a:visited  {
font-size : 10px; 
font-weight : bold; 
text-decoration : none; 
color : #666666; 
} 
.menu_titre a:hover {
font-size : 10px; 
font-weight : bold; 
text-decoration : underline; 
color : #d0023c; 
} 

/* Element de titre  sélectionné  */
.menu_titre_selected {
line-height:15px;
margin-left : 0px; 
padding : 8px 2px 2px 12px;
background : url(../images/trianglerouge-2.gif) no-repeat 0% 15px; 
} 
.menu_titre_selected a, .menu_titre_selected a:link, .menu_titre_selected a:active, .menu_titre_selected a:visited  {
font-size : 10px; 
font-weight : bold; 
text-decoration : none; 
color : #d0023c; 
} 
.menu_titre_selected a:hover {
font-size : 10px; 
font-weight : bold; 
text-decoration : underline; 
color : #d0023c; 
} 


/* Element de niveau 1  */
.menu_element1 {
line-height:15px;
margin-left : 10px; 
padding : 4px 2px 2px 12px;
background : url(../images/trianglegris-1.gif) no-repeat 0% 9px; 
}
.menu_element1 a, .menu_element1 a:link, .menu_element1 a:active, .menu_element1 a:visited  {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
color : #666666; 
} 
.menu_element1 a:hover {
font-size : 10px; 
font-weight : normal; 
text-decoration : underline; 
color : #d0023c; 
} 

/* Element de niveau 1 sélectionné  */
.menu_element1_selected  {
line-height:15px;
margin-left : 10px; 
padding : 4px 0px 2px 12px;
background : url(../images/trianglerouge-2.gif) no-repeat 0% 11px; 
} 
.menu_element1_selected a, .menu_element1_selected a:link, .menu_element1_selected a:active, .menu_element1_selected a:visited  {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
color : #d0023c; 
} 
.menu_element1_selected a:hover {
font-size : 10px; 
font-weight : normal; 
text-decoration : underline; 
color : #d0023c; 
} 


/* Element de niveau 2  */
.menu_element2  {
line-height:15px;
margin-left : 24px; 
padding : 2px 2px 2px 10px;
background : url(../images/point_gris.gif) no-repeat 0% 6px ; 
} 
.menu_element2 a, .menu_element2 a:link, .menu_element2 a:active, .menu_element2 a:visited  {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
color : #666666; 
} 
.menu_element2 a:hover {
font-size : 10px; 
font-weight : normal; 
text-decoration : underline; 
color : #d0023c; 
} 

/* Element de niveau 3 sélectionné  */
.menu_element2_selected   {
line-height:15px;
margin-left : 24px; 
padding : 2px 2px 2px 10px;
background : url(../images/point_rouge.gif) no-repeat 0% 6px; 
} 
.menu_element2_selected a, .menu_element2_selected a:link, .menu_element2_selected a:active, .menu_element2_selected a:visited  {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
color : #d0023c; 
} 
.menu_element2_selected a:hover {
font-size : 10px; 
font-weight : normal; 
text-decoration : underline; 
color : #d0023c; 
} 



/* Element de niveau 3  */
.menu_element3  {
padding : 2px 2px 2px 2px;
line-height:13px;
margin-left : 38px; 
font-size : 10px; 
color : #666666; 
font-weight : normal; 
} 
.menu_element3 a, .menu_element3 a:link, .menu_element3 a:active, .menu_element3 a:visited  {
font-size : 10px; 
text-decoration : none; 
color : #666666; 
font-weight : normal; 
} 
.menu_element3 a:hover {
font-size : 10px; 
text-decoration : underline; 
color : #d0023c; 
font-weight : normal; 
} 

/* Element de niveau 3 sélectionné  */
.menu_element3_selected   {
padding : 2px 2px 2px 2px;
line-height:13px;
margin-left : 38px;
font-size : 10px; 
color : #d0023c; 
font-weight : normal; 
} 
.menu_element3_selected a, .menu_element3_selected a:link, .menu_element3_selected a:active, .menu_element3_selected a:visited  {
font-size : 10px; 
text-decoration : none; 
color : #d0023c; 
font-weight : normal; 
} 
.menu_element3_selected a:hover {
font-size : 10px; 
text-decoration : underline; 
color : #d0023c; 
font-weight : normal; 
} 


/****************************************************************************/
/*	MENU interne aux pages pour catalogue des enseignements par exemple		*/
/***************************************************************************/

/*Styles titre rubrique */
.menu_interne_titre, .menu_interne_titre_selected {
padding:4px 10px 4px 18px;
text-align : left; 
vertical-align : middle; 
font : bold 12px arial, verdana, sans-serif;
color:#ffffff;  
cursor:pointer; 
cursor:hand; 
}
.menu_interne_titre{
background : #cc0000 url(../images/TriangleBlanc_off.jpg) no-repeat 0% 50% ; 
}
.menu_interne_titre_selected{
background : #cc0000 url(../images/TriangleBlanc_on.jpg) no-repeat 0% 50%; 
}

/*Styles éléments de menu */
.menu_interne_elt, .menu_interne_elt_selected {
padding:4px 5px 4px 5px; 
text-align : left;
vertical-align : middle; 
font : normal 12px arial, verdana, sans-serif;
color : #000080; 
cursor:pointer; 
cursor:hand;
}
.menu_interne_elt{background-color : #ffffff; }
.menu_interne_elt_selected{background-color : #efefef; }


/****************************************************************************/
/*	BLOCS SUR LA PAGE D'ACCUEIL															*/
/***************************************************************************/

.bloc_rouge {
margin : 0; 
padding: 0;
border-bottom : 5px solid #cc0000 ; 
} 

.bloc_rouge_entete {
margin : 0; 
padding: 0;
height: 11px;
background : transparent url(../images/barresup.jpg) repeat 0% 0%;; 
}

.bloc_rouge_corps{
padding: 6px;
border-left : 1px solid #cc0000 ; 
border-right : 1px solid #cc0000 ; 
} 

.bloc_news {
margin : 0; 
padding: 6px;
background-color : #F3F3F3; 
max-width: 100px;
} 

.bloc_orange {
margin : 0; 
padding: 0;
border-bottom : 5px solid #ff9900 ; 
background : transparent url(../images/annuaire_forme.jpg) no-repeat 100% 100%; 
} 

.bloc_orange_entete {
margin : 0; 
padding: 0;
height: 11px;
background : transparent url(../images/barresup2.jpg) repeat 0% 0%; 
}

.bloc_orange_corps{
padding: 6px;
border-left : 1px solid #ff9900 ; 
border-right : 1px solid #ff9900 ; 
}