/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { 
        height: 100%; 
        font-size: 0.80em;  
        font-family: Arial; 
        color: #333;
        margin: 0; 
        padding: 0; 
        text-align: center; 
        /*background-color:#568ba2;*/
        background-image: url(img/fon2.jpg) ;
        background-repeat:repeat-x;
        background-repeat: no-repeat-y ;

     }

a { color: #005D9D; text-decoration: underline; }

.mail, .mail:focus,.mail:hover, .mail:active {color:#FFF; text-decoration:none; }


a:focus,a:hover,a:active { color: green; text-decoration: underline; }
span.titre-for {font-size:1em; color:#0F7C91;}
span.nouv {color:#ff0000;}
/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em;  }
h1 { font-size: 1.5em; color: #0f7c91; font-weight:bold; text-align:center; padding-right:40px; padding-top:20px; }
h2 { font-size: 1.2em; font-weight: bold; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; margin-top:10px; margin-bottom:10px; color:#0F7C91;}
.chapo h3 { margin-left:-10px;}
h3.spip {} /* Cf.: spip_style.css */
h3.edito-titre {font-size:25px; }
hr.spip {padding-left:30px;
align:center;
width:50% ;
color:"midnightblue";
size=3px;
} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */


#page { position: relative; width: 900px; margin: 0 auto; text-align: left;  background-color:#2d344d;/*#24294F;*/ background-repeat: no-repeat;}
#lien {  
           
			height:28px; 
			width: 100%; 
			margin-left: 500px; 
			padding-top: 0.40em;  
			
                        text-align: right; 
			/*background-image: url(img/h1.jpg);  
			background-repeat: no-repeat;*/
        }

#entete {  
           
			height:106px; 
			width: 100%; 
			padding-left: -10px; 
			/*padding-top: 1.60em;  */
			/*background-image: url(img/h1.jpg);  
			background-repeat: no-repeat;*/
        }

#entete a {}     
#entete  a {margin-left:0px;color:#ffc500;font-size:20px;font-family:Times New Roman; text-decoration:none;}

#conteneur { clear: both; float: right;  overflow: hidden;  background-color:#000;}
#contenu { 
            background-color:#fff; 
            padding-top: 0.5em;  
            float: right; 
            width: 75%; 
            min-height:500px; 
            padding-left:10px;
         }

#navigation { float: left; width: 23.8%;   /*overflow: hidden;*/ padding-top:30px; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

#pied { clear: both; width: 100%; margin: 0; padding: 0.7em 0;  text-align: center; font-size: 0.9em;  color:#bef3fe;
background-image: url(img/pied.jpg); background-repeat: no-repeat;}
#pied img { vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 1em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #0F7C91; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: normal; font-size:1.05em; text-align:justify; /*color: #669;*/ padding-right:45px;  padding-left:15px; }
.chapo ul {padding-left:40px; text-align:justify;}
.texte { line-height: 1.50em; padding-bottom:30px;  padding-left:20px; text-align:justify; padding-right:45px;}

.texte span {color:#0F7C91;}


.chapo ul {padding-left:45px; text-align:justify; padding-right:45px;}
.chapo ol {padding-left:45px; text-align:justify; padding-right:45px;}

.texte ul {padding-left:45px; text-align:justify; padding-right:45px; padding-top:10px; padding-bottom:10px;}
.texte ol {padding-left:45px; text-align:justify; padding-right:45px; padding-top:10px; padding-bottom:10px;}





.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 11px 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/

/**********************************************  menu deroulant **************************************************/
body {behavior: url(csshover.htc);}

.annuaire {padding-left:15px;
width:60%;
color:midnightblue;
size:3px;
}
                     
div#menu-principal {
                      background-position:center;
                      text-align:right;
                      font-size: 12px;
                      background-image:url(img/menu-hor.jpg);
                      font-weight: bold;
                      height:30px;
                  }


div#menu-principal a {
                       color:#fff; visibility: visible
				   }
				   
div#menu-principal a:hover {color:#000000;}

/*div#menu-principal ul {padding:0; margin:0;  text-align:right; color:#000000;margin-left:200px}*/
div#menu-principal ul {text-align:left; color:#000000; }
div#menu-principal li { color:#000000;  }
div#menu-principal li:hover {background: #a1bde2; color:#000000; padding-right:4px }/*couleur du link*ffc105*/
div#menu-principal li.sousmenu:hover {background: #a1bde2; color:#000000;  }
/* rajout couleure de fond */
div#menu-principal li.sousmenu { color:#000000;/* background-color:#00A0C6;*/ visibility:visible;}
/* rajout pr pour fl\E8che direction bas et couleur de fond*/
div#menu-principal li.plop { visibility:visible; }

/* une petite bordure en top*/
/*div#menu-principal ul li { position: relative; padding:5px 0px 5px 0px; list-style: none; float: left; visibility:visible }*/
div#menu-principal ul li {padding:5px 0px 5px 0px; list-style: none; float:left;  }


/*div#menu-principal ul ul {position: absolute;display:none; width:150px; visibility:visible}*/
div#menu-principal ul ul {position: absolute;display:none; width:140px;}
div#menu-principal li a {text-decoration: none;  display:block; width:140px; visibility:visible}
/*div#menu-principal li a {text-decoration: none; padding: 0 0 0 10px; display:block;width:120px;}*/
/*div#menu-principal ul.niveau2 li {background-color:#a1bde2; color:#000000 ; border-bottom:1px  solid #; margin-bottom:auto }*/
div#menu-principal ul.niveau2 li {background-color:#a1bde2; color:#000000 ; border-bottom:1px  solid #313853; text-align:left;  margin-left:2px;  width:140px; }/*sous menu*/
/*div#menu-principal ul.niveau2 li a {color:#000; font-weight: bold ; font-size: 10px;  text-align:left   }*/
/*div#menu-principal ul.niveau2 li a {color:#000; font-weight: bold ; font-size: 10px; right:10px}
div#menu-principal ul.niveau1 li.sousmenu:hover ul.niveau2 ,
div#menu-principal ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; margin-top:1px; background-color:#a1bde2;   visibility:visible}*/
div#menu-principal ul.niveau1 li.sousmenu:hover ul.niveau2 ,
div#menu-principal ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; background-color:#a1bde2; margin-left:auto;   }
div#menu-principalul.niveau3 {top:-1px; }

/* rajout de couleures de fond et de survol */
div#menu-principal ul.niveau3 li { background-color:#a1bde2; color:#000000;width:140px;}
div#menu-principal ul.niveau3 li:hover { background: #a1bde2; color:#000000;} 

div#menu-principal ul.niveau2 li { width:140px}
div#menu-principal ul.niveau2 li:hover{/*background: #005D9D;*/ }

/*****************************************************/
#head{ 	background-image: url(img/h3.jpg);  
		background-repeat: no-repeat;
	 }
#banner {  width:100%;  
        height:124px; 
text-align:left;
		/*background-color:#000; 
		background-image: url(img/head_2.jpg);  
		background-repeat: no-repeat;*/
	 }

#banner table tr td {padding-left:10px;}

#bannerar {  width:100%;  
             height:0px; 
	      
	  }

.hr {padding-left:20px;text-align:center;}

.titre
{
background-image: url(img/bg2.png);
background-repeat:no-repeat; 
color:#FFFFFF;
font-size: 12px;
text-align:left;

}
.anr
{text-align:right}

.St
{
color:red;
}

.Style1 
{
color:#FFFFFF;
}

table.faculte {width:100%;}
table.faculte td {/*background-image: url(img/bule.gif);*/
                background-position:left center;
                background-repeat:no-repeat;
                padding-left:10px;
               /* padding-top:7px;*/
               /* padding-bottom:8px;*/
			   }

table.faculte a {color:#fff; font-weight:bold; text-decoration:none;}
table.faculte a:hover { color:#fff;
                        text-decoration:underline;
                      }

table.acces  {padding-left:20px; font-size:11px;}

table.acces tr td {background-image: url(img/bule.gif);
                background-position:left center;
                background-repeat:no-repeat;
                padding-left:10px;
               
			   }

table.pied a {color:#2d344d; font-weight:bold; text-decoration:none;}
table.pied a:hover { color:#2d344d;
                        text-decoration:#2d344d;
                      }

#contenu-article  {background-color:yellow;}

.fac3 {background-image: url(img/bule.gif);
                background-position:left center;
                background-repeat:no-repeat;
                padding-left:10px;}
/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */



/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }

.formulaire_recherche { margin-bottom: 1em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }


/* Couleurs des liens
---------------------------------------------- */




/*table {margin-top:15px; margin-bottom:15px; font-size:12px;}
table tr.first td{font-weight:bold;}
table tr td{border-bottom: 1px solid #fff; padding:2px 5px 2px 5px; border-right: 1px solid #fff; background-color:#f2f2f2; color:#604A7F;}*/



div#fac
{
width:900px;
/*background-image:url(img/fac.jpg);
background-repeat:no-repeat;*/
height:124px;

 }
#fac1 th
{color:#000;
background-image:url(img/bg4-b.jpg);
background-repeat:no-repeat;
font-size: 13px;
font-weight:bold;
text-align:left;
padding-left:15px;
margin-top:0px; 
height:20px;
margin-bottom:0px;


}

#flash h3, #fac th, #flash1 th
{color:#000;
background-image:url(img/bg4-b.jpg);
background-repeat:no-repeat;
font-size: 13px;
font-weight:bold;
text-align:left;
padding-left:15px;
margin-top:0px; 
height:20px;
margin-bottom:10px;
}



Div#fac tr
{color:#FFFFFF;
font-size:11px;
text-align:left;
}
div#lien
{ 
text-align:left;
font-size:12px;
font-weight:normal;
color:#000000;

}


div#flash {
         background-image:url(img/fon89.jpg);
         background-repeat:no-repeat;
         height:550px;
}


.evtl { width:240px; float:left; margin-left:5px; float:left;/*background-color:white;*/}

.evtr {width:320px; margin-right:10px; float:right; /*background-color:#cc11cc; */}
.evts {width:320px; /*padding-top:5px; *//*background-color:yellow;*/margin-left:240px;  }


td.image {   width:90px; font-weight:normal; margin-right:30px; }


td.text-evt {  font-size:11px; font-weight:normal; text-align:justify; margin-left:30px; }

#news-droit .evtl .img-evt{width:76px; height:70px;} 
#news-droit .evtr .img-evt {width:76px; height:70px;}



.evtl1
{height:150px;
width:650;

margin-left:10px;}






/****************************************************************/
/*   Design:   Multiflex-3.11 / Drop-Down Menu                  */
/*--------------------------------------------------------------*/
/*   Design:   www.1234.info, based on Stu Nichols ingenious    */
/*             designs over at www.cssplay.co.uk                */
/*   Date:     January 8, 2008                                  */
/*--------------------------------------------------------------*/
/*   License:  Public domain.                                   */
/****************************************************************/

/***************/
/*  1. PAGE  */
/***************/

*{padding:0; margin:0;}
 
.page-container {width:900px;margin:0px auto; margin-top:100px; border:none; font-size:1.0em; background-image:url(img/model1.jpg);}

/******************************  2. DROP-DOWN MENU  *******************************/

/**** Basic Setup *****/
div#dropnav {   background-image:url(img/h2.jpg);
                               
                                background-repeat:no-repeat;
       
                      text-align:left;
                      font-size: 12px;
                       padding-top:-15px;
                                         height:30px; padding-left:10px;
		   } /*Color navigation bar normal mode*/

.langs a {color:#ffc500;font-size:15px;font-family:Times New Roman; text-decoration:none;  }

div#dropnav ul {
               text-align:left; color:#000000; 
            }
div#dropnav ul li {
                                float:left; 
				z-index:auto !important /*Non-IE6*/; 
				z-index:1000 /*IE6*/; 
				list-style: none;
                                               
                		text-align:center;
                				
			 }
			 
div#dropnav ul li.niveau1 a{
                      
                               
                                
                                float:none !important /*Non-IE6*/; 
				float:left /*IE-6*/; 
				display:block; 
				height:30px; 
				line-height:2.2em; 
				padding:0 10px 0 10px; 
                                text-align:center;
				text-decoration:none; 
				font-weight:bold; 
				color: #fff;
				width:90px; 
                                
			
			  }
div#dropnav ul li.niveau2 a {
                                background-image:none;
                                float:none !important /*Non-IE6*/; 
				float:left /*IE-6*/; 
				display:block; 
				height:30px; 
				line-height:2.2em; 
				padding:0 10px 0 10px; 
                                text-align:center;

				text-decoration:none; 
				font-weight:bold; 
				color: #fff;
				width:114px; 
                                
			
			  }
div#dropnav ul li ul {
                 display:none; 
				 border:none;
			   }

/*Non-IE6 hovering*/
div#dropnav ul li:hover { 
                      position:relative;
					} /*Sylvain IE hack*/
div#dropnav ul li .on {background-color:#a1bde2;}

div#dropnav ul li:hover a {               background-color:#a1bde2; 
					  text-decoration:none;
                                         
					  } /*Color main cells hovering mode*/
					  
div#dropnav ul li:hover ul {
                        display:block; 
						
						position:absolute; 
						z-index:999; 
						 
						/*margin-top:0.1em; */
						left:0;
					 }
					 
div#dropnav ul li:hover ul li a {
                                                  white-space:normal; 
						  display:block; 
						  width:180px; 
                                                  max-width:500px;
						  height:auto; 
                                                   text-align:left;
						  line-height:1.3em; 
						  /*margin-left:-1px; */
						  padding:4px 27px 4px 5px; 
						  font-weight:bold; 
						  background-color:#a1bde2;
                                                  border-bottom: solid 1px #000;
                                                  
						} /*Color subcells normal mode*/
						
div#dropnav ul li:hover ul li a:hover {                   
                                                           background-color:#a1bde2;
								text-decoration:none;
							  } /*Color subcells hovering mode*/

/*IE6 hovering*/
div#dropnav table {
                                 position:absolute; 
				 top:0; 
				 left:0px;
				 border-collapse:collapse;
			  }
			  
div#dropnav ul li a:hover {
                                                position:relative /*Sylvain IE hack*/; 
						z-index:1000 /*Sylvain IE hack*/; 
						background-color:#a1bde2;                                                
						text-decoration:none;
						color:#000;
					} /*Color main cells hovering mode*/
					
div#dropnav ul li a:hover ul {
                                               display:block; 
						 
						 position:absolute; 
						 z-index:999; 
						 top:2.6em; /*t\op:3.0em; */
						 left:0; /*marg\in-top:0.1em;*/
                                                 
					  }
					  
div#dropnav ul li a:hover ul li a {
                            white-space:normal; 
							display:block; 
							height:auto; 
                                                        width:180px; 
							line-height:2.2em;  
							padding:0px 27px 0px 5px; 
							border-bottom: solid 1px #000; 
							background-color:#a1bde2;
							font-weight:normal; 
							color:#fff;
                                                        text-align:left;
						} /*Color subcells normal mode*/
						
div#dropnav ul li a:hover ul li a:hover { 
                                   color:#000;
								   text-decoration:none;
								} /*Color subcells hovering mode*/
								
								
/*********************************************************************/

#news-droit{float:left; width:28%;/* background-color:green;*/ }
#news-droite1{float:left; width:330px; /*background-color:green; */ }
#news-droite2{float:right; width:330px; /*background-color:green; */ }

#news-gauche {width:24%; /*background-color:#666;*/ float:right;  margin-top:-58% /*height:320px;*/}
#news-milieu {width:45%; /*background-color:red;*/ /*float:center; */ /*padding:12px;*/margin-left:30%;}
.date { font-size:11px;
        font-weight:bold;
        color:#0f7c91;
        text-align:left;
     }
tr {height:20px;}
.evts tr {height:100%;}
.evts td {height:50%;}
td.espace {   width:10px;  }
.evtl tr {height:75px;}
.evtr tr {height:75px;}
.mail {height:95px;}
.maile {padding-right:60px; }




/* Habillage general des menus de navigation */

#navigation { 
                 margin-bottom: 2em; 
                 text-align: left; 
            }

#navigation p { 
                  margin: 0.20em 0; 
                  padding: 0.20em 0.10em; 
              }

#navigation ul { 
                  margin: 0; 
                  padding: 0 10px 0 10px;
                  list-style: none;   
                  display:block; 
               }

#navigation ul li { 
                      margin: 0.20em 0; 
                      padding: 0.20em; 
                      border-bottom: 1px dashed #fff; 
                  }


#navigation li.niv1 a{
                        background-image: url(img/bule1.gif); 
                        background-repeat:no-repeat; 
                        background-position:center left; 
                        color:#fff; 
                        font-weight:bold; 
                        text-decoration:none; 
                        padding-left:20px; 
                        font-size:0.98em;  
                        display:block;
                }

#navigation li.niv2 a{
                        background-image: url(img/bule.gif); 
                        background-repeat:no-repeat; 
                        background-position:center left; 
                        color:#fff; 
                        font-weight:bold; 
                        text-decoration:none; 
                        padding-left:20px; 
                        font-size:0.98em;  
                        display:block;
                }




#navigation ul li :hover {   text-decoration:underline;
                             /*background-color:#a1bde2; 
                             background-image: url(img/bule.gif); 
                             background-repeat:no-repeat; 
                             background-position:center left;*/
                          }


#navigation ul li a.on { 
                               color:white;
                          }

#navigation ul li ul li {border:0px;}

#navigation ul ul li a {font-size:0.9em;}

#navigation ul ul {display:none;}

#navigation ul li a.on {background-color:#a1bde2;  color:#2d344d; display:block;}

/*#navigation ul li a.on:hover {font-size:30px;}*/



#navigation ul li ul {display:block;}

#navigation ul ul li a.on { font-size:30px; background-color:white; display:none;}

/*#navigation ul li.selected ul { font-size:30px; background-color:white; display:none;}*/

/*#navigation ul li a.on:hover ul {background-color:red; display:none;}*/

#navigation ul li ul li.niv2 a.on {background-color:red;}
/**********************************************************************************************/


.accordion_child{
	padding:20px 30px;
	background:#fafafa;
	border:5px solid #f4f4f4;
}
.accordion_child1{
	padding:10px 35px;
	background:#e3ebef;
	border:5px solid #e3ebef; /*#f4f4f4;*/
}


/*****************************************************/
ul.violet,ul.orange,ul.vert ,ul.bleu ,ul.rouge, ul.gry {padding-left:30px;}

hr.bleu  {padding-left:30px;
align:center;
width:50% ;
color:"midnightblue";
size=3px;
}
ul.violet li {   
                                 list-style: none;
                                 background-image: url(img/pucerose.jpg); 
                                 background-repeat:no-repeat; 
                                 background-position:center left; 
                                 padding-left:15px;
                                 color:orchid;
                                 
                              }
ul.violet li a {color:orchid;}

ul.orange li {  
                list-style: none;
                background-image: url(img/puceorange.jpg); 
                background-repeat:no-repeat; 
                background-position:center left; 
                padding-left:15px;
                color:darkorange;
            }
ul.orange li a {color:darkorange;}

ul.vert li a { color:mediumseagreen; }

ul.vert li {   list-style: none;
                background-image: url(img/puceverte.jpg); 
                background-repeat:no-repeat; 
                background-position:center left; 
                padding-left:15px;                
                color:mediumseagreen;
            }

ul.bleu li a { color:dadgerbleue;}
ul.bleu li {  
                list-style: none;
                background-image: url(img/pucebleu.jpg); 
                background-repeat:no-repeat; 
                background-position:center left; 
                padding-left:15px;
                color:dadgerbleue;
            }


ul.rouge li {  
                list-style: none;
                background-image: url(img/puceorange.jpg); 
                background-repeat:no-repeat; 
                background-position:center left; 
                padding-left:15px;
                color:red;
            }

ul.rouge li a {color:red;}


ul.gry li {  
                list-style: none;
                background-image: url(img/pucegrise.jpg); 
                background-repeat:no-repeat; 
                background-position:top left; 
                padding-left:15px;
                color:gray;
                
            }

ul.gry li a {color:gray;}

.violet, .violet a  {  
                
                color:orchid;
            }

.orange, .orange a {  
                
                color:darkorange;
            }

.vert, .vert a {  
               
                color:mediumseagreen;
            }

.bleu, .bleu a {  
                
                color:dodgerblue;
            }

.rouge, .rouge a  {  
                
                color:red;
            }
.gry, .gry a {color:gray;}
/***********************************   les tableaux formation  ********************/
table.formation  {
                      border: #99a7b1 1px solid;
                      width:90%;
                      font-size:0.9em;
                      margin-top:15px;
                      

 
                 }

table.formation tr.first td   {    text-align:center;
                                   background-color : #CADDE8;
                               }

table.formation tr.unite td   {    
                                   background-color : #F0E3D0;
                               }
table.formation tr {
                      background-color:#f7f2eb;

                    }
table.formation tr td {padding-left:5px;}
/************************************************************************************/


ul.fleche1, ul.fleche2, ul.fleche1, ul.fleche1 {padding-left:15px;}

ul.fleche1 li, ul.fleche2 li, ul.fleche3 li, ul.fleche4 li, ul.fleche5 li, ul.fleche6 li, ul.fleche7 li{list-style:none; padding-left:13px; }

ul.fleche1 li { 
                background-image: url(img/arrow.png); 
                background-repeat:no-repeat; 
                background-position:center left; 


          }

span.fleche1 { 
                background-image: url(img/arrow.png); 
                background-repeat:no-repeat; 
                background-position:center left; 
                padding-left:10px;
                color:#333; }
span.nouv {color:red; 
          }
ul li.fleche1 {list-style:none; }
ul.fleche1 li a {color:#333; text-decoration:underline;}

ul.fleche2 li{  list-style:none;
                background-image: url(img/flechb1.png); 
                background-repeat:no-repeat; 
                background-position:top left; 


          }
ul.fleche2 li a { text-decoration:underline;}

ul.fleche3 li{ 
                background-image: url(img/flechj2.png); 
                background-repeat:no-repeat; 
                background-position:center left; 


          }

ul.fleche4 li { 
                background-image: url(img/menu.gif); 
                background-repeat:no-repeat; 
                background-position:center left; 


          }

ul.fleche5 li, li.fleche5 { 
                list-style:none;
                background-image: url(img/news.gif); 
                background-repeat:no-repeat; 
                background-position:top left; 


          }
li.fleche5 {padding-left:15px;}

ul.fleche6 li{ 
                background-image: url(img/puce_prive.gif); 
                background-repeat:no-repeat; 
                background-position:center left; 


          }

ul.fleche7 li { 
                background-image: url(img/search.png); 
                background-repeat:no-repeat; 
                background-position:center left; 


          }
/***********************************************************/


#connexion {float:right; width:120px; margin-left:20px; padding-left:10px; padding-bottom:50px; border-left: #99a7b1 1px dashed; }

h2.m-droit {border-bottom : #99a7b1 1px dashed;  margin-top:10px; margin-bottom:10px;}

.tfac td {background-color:#f2f2f2;
          padding-left:5px;
          text-align:left; 
         }
table.tfac {margin-bottom:20px;}
.plus {float:right; margin-top:20px;}

.prive {
          float:right;
          color:#fff;
          font-weight:bold;
          margin-right:10px;

       }

.prive a {
           color:#fff


         }
/********************************************************************/
table.etudiant
       {
          background-color:#e3ebef;
          border: #fff 1px solid;
          padding: 0px;

       }
table.etudiant tr.first
       {
          font-weight:bold;
        }

table.etudiant td
      {
        padding:1px 10px 1px 10px;
        border: #fff 1px solid;
        
        
      }