html { width: 100% }

body { margin: 0; background: #fff; font-family: Verdana; font-size: 12px; text-align: center;  }


h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, li, dl, dt, dd, fieldset { margin: 0; padding: 0; list-style-type: none; font-size: 1em; border: none }
a { color: #333; text-decoration: none; outline: 0 none }
a:hover { color: #000; text-decoration: none }
a img { border: none }

#page { position: relative; margin: 2em auto; margin-bottom: 40px;  padding-bottom: 2em; text-align: left; width: 82%;  border: 1px none silver }

br.none { display: none !important }

/*  logo   */ 

#logo { margin-left: -4.2em; height: 12.3em; width: 24%; border: 1px none red; position: relative }

#logo img { position: relative; }

#logo a { position: relative; display: block; width: 12.3em }

#logo span { border: 1px none blue; text-transform: uppercase; letter-spacing: 0.1em; word-spacing: -0.4em; position: absolute;  left: 14.3em; top: 4.9em; visibility: hidden; display: block; background: #369; padding: 0 0.5em  }

#logo span strong { font-size: 1.4em; color: #fff; font-family: Courier; font-weight: normal; }

#logo .menu-over span { visibility: visible  }

#infos #logo span { background: #c30; }
#infos #logo #logoCnap { margin-left: -0.1em; margin-top: -0.2em }


/*  zones  */

#zone-haut { border: 1px none red }
#zone-centre { border: 1px none blue; position: relative }

#zone-centre { min-height: 50em }


/** titre **/

#titre-rub { font-family: Courier; color: #369; font-weight: normal; word-spacing: -0.8em; letter-spacing: 2px; font-size: 10px;  margin-top: 1.7em; margin-bottom: 1.7em; }

#infos #titre-rub { color: #c30;  }

#fiche #titre-rub { color: #888;  } 

#titre-rub span { font-size: 2.4em;  }

.over#titre-rub { /*color: #eee;*/ }
/** document **/

#document { margin-left: 24%; border-top: 1px solid #000; }


p.para-temp { font-family: Arial; color: #333 ; padding-right: 11%; line-height: 1.8em;  }
p.para span { font-size: 1.2em }


/** menu rubriques **/

.noborder  { border: none }

#menu-rub { padding-bottom: 3em }

#menu-rub h3.noborder { border-top: 1px solid #ccc; }

#menu-rub { position: absolute; top: 0; width: 21%; border-top: 1px solid #000; padding-top: 1.1em; font-family: Courier }

#accueil #menu-rub { width: 25%;   }

#menu-rub h3 { margin: 0; border-top: 1px solid #ccc; padding: 0.5em 0; }

#menu-rub h3 a{ font-size: 14px; color: #888; display: block; letter-spacing: 0.1em; word-spacing: -0.4em; line-height: 1.2em }

#menu-rub #sel h3 a { color: #369 !important; }

#menu-rub #sel h3 a, #menu-rub .alwaysopen h3 a { cursor: text; }

#menu-rub ul { border-left: 1px none gray; border-bottom: 1px none gray; margin: 0; padding: 0; list-style-type: none; border: 1px none red }

#menu-rub ul ul { display: none; padding-bottom: 0.5em; margin-top: -0.5em;  }
#menu-rub ul ul.open, #menu-rub ul ul.open ul { display: block }

#menu-rub .alwaysopen ul, #menu-rub .alwaysopen ul ul, #menu-rub #sel ul { display: block !important }


#menu-rub li { margin: 0.35em 0; padding: 0; padding-right: 0; color: #ccc }

#menu-rub li li a{ font-size: 1.2em; color: #999; letter-spacing: 0.1em; word-spacing: -0.4em; display: block; line-height: 1.2em;   }

#menu-rub li li.defaut { display: none  }

a { color: #000 }

#menu-rub a:hover { color: #369 !important;  }
#menu-rub li a.sel { color: #369; text-decoration: none }
#menu-rub li ul a:hover { color: #369; text-decoration: underline }


#menu-rub li.separateur { height: 0.5em }
#menu-rub li.separateur .none { display: none }

#document .criteres {position: relative }

#document .criteres ul { border: 1px none red; height: 200px; overflow: auto; width: 100%; display: none; position: absolute; top: 20px; border: 1px solid #666; }

#document .criteres ul#critOpen { display: block;  z-index: 2; background: #fff  }



#document .criteres ul li a { display: block; padding: 2px; font-family: Courier; font-size: 14px; padding-left: 8px; padding-right: 19px  }

#document .criteres ul li a.pair { background: #eee;   }
#document .criteres ul li a.impair { background: #fff;   }


#document .criteres ul li a:hover { background: #888; color: #fff }
#document .criteres ul li.critSel a { background: #000 !important; color: #fff !important }


#boutons {  display: block; position: relative; bottom: 0;  border-top: 2px solid #000; margin-left: 2px; margin-right: 2px; }


/** pied de page **/

#footer { border: 1px none red; float: left; width: 100%; padding: 2.5em 0; padding-bottom: 5.5em; visibility: hidden }

#fiche #footer, #annuaire #footer, #calendrier #footer, #annuaire #footer, #accueil #footer, #journal #footer, #outils #footer, #cnap #footer, #infos #footer { visibility: visible; } 

#footer #texte-footer { margin-left: 24%;  border-top: 2px none #aaa; margin-top: 0; display: }

#footer #texte-footer p { font-family: Verdana; float: left;color: #aaa; padding-top: 0;  }

#footer #texte-footer p span { font-size: 1em;  }


#footer #signature-cnap { position: absolute; width: 21% }
#footer #signature-cnap p { border-top: 2px solid #aaa;  color: #aaa; padding-top: 0.6em; margin-top: 0.5em }
#footer #signature-cnap p { font-size: 10px }

/** article **/



div.normal a
{
	color: #6699CC;
	text-decoration: none;
}

div.normal a:hover { text-decoration: underline; }

div.intertitre
{
	color: #000000;
	font-family: Courier,mono;
	font-size: 15px; 
	font-weight: bold;
	word-spacing: -0.2em; 
	border-top: 1px dotted #888;
	padding-top: 0.7em;
	margin-top: 1em
}




/** menu outils **/

#menu-outils { position: absolute; top: 0.3em; z-index: 2; border: 1px none red; right: 0 }

#menu-outils ul { font-family: Verdana; font-size: 1em; float: right; }

#menu-outils ul li { float: left; font-size: 10px; }

#menu-outils ul li a { color: #aaa; border-right: 1px solid #aaa; padding: 0 0.5em 0 0.5em;  font-size: 1.1em; text-transform: lowercase; line-height: 7px; height: 9px; display: block; float: left }

#menu-outils ul li a#recherche { border-right: none; padding-right: 0 }

.liste.recherche#outils #menu-outils ul li a#recherche { color: #000; text-decoration: underline }

.liste.motscles#outils #menu-outils ul li#outils-motscles a { color: #000; text-decoration: underline }

#menu-outils ul li a:hover { color: #000;  }
#adminclient { margin: 40px !important; margin-top: 60px !important }



#adminclient #zone-haut {
background:#FFFFFF none repeat scroll 0%;
border-color:#FFFFFF;
border-style:solid none;
border-width:1px;
margin: 0 20px;
position: relative;text-align: left; 
}

#adminclient #zone-haut #logo {
margin-top: -47px; margin-left: -29px; height:11.3em;}

#adminclient #titre-rub { margin-top: 0; margin-left: 2em; margin-bottom: 0 }
#adminclient #titre-rub span { color: #000; }

#adminclient #soustitre-rub { margin-top: 0; margin-left: 2em ;color: #666; 
font-family:Courier;
margin-bottom: 0;
font-weight:normal;
letter-spacing:2px;
word-spacing:-0.8em;}
#adminclient #soustitre-rub span { font-size:24px;  }

#tableAdminClient {  }


#adminclient a.menuHaut:hover {
color:#f00;

}

#adminclient #menu-outils { right: 60px; top: 20px }
#adminclient #menu-outils a { text-decoration: none }

#adminClient #menu-outils #contact a{ border: none; padding-right: 0 }