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 new; 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 }

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


/** titre **/
#titre-rub span {font-family:'Courier new' !important;}

#titre-rub { font-family: Courier new; color: #369; font-weight: bold; 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; }

#titre-doc { font-family: Courier new;  color: #000; font-weight: normal; word-spacing: -0.8em; margin-top: 1.9em; margin-bottom: 0; line-height: 2.4em; }
 

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 }

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

a { color: #000 }

#outils #accroche-menu { ; border-bottom: 3px solid #099; margin-bottom: 2em; padding-bottom: 0; height: 5.3em; }

.evntTitre { font-weight: bold }
.evntSoustitre { font-weight: normal; }
.evntDate { font-weight: normal }
.evntLoc2 { font-weight: normal }
.evntDesc { margin: 0; color: #333; margin-bottom: 0.4em }

#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 new; 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 }


.critSelect { border: 1px none red; padding: 3px 5px; padding-left: 8px; padding-right: 12px; font-size: 14px; position: relative; font-family: Courier new; height: 3px }

.critSelect.plein { border: 1px solid #ddd; border-style: none; background: #fff; height: auto; padding-top: 7px; padding-bottom: 7px  }

.critSelect.plein div { line-height: normal;   }

.critSelect .retrait { position: absolute; right: 3px; top: 6px; display: none; font-family: Verdana; font-size: 9px; border: 1px none #999; width: 14px; height: 14px; text-align: center; color: #000; background: url(/img/retrait.png) no-repeat 0 0 }

.critSelect .retrait:hover { color: #000; background: url(/img/retrait2.png) no-repeat 0 0 }


.critSelect.plein .retrait { display: block; }


.out { display: none !important }

#requete { background: #eee; padding: 20px 0; width: 100%; display: none }
#critRequete {  }

#no-criteres { font-style: italic }

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



/*  */



.valider { width: auto !important; border-width: 1px; text-transform: lowercase; }


/** menu outils **/
#menu-outils { position: absolute; top: 0.3em; z-index: 2; width: 97.5%; right: 0 height: 14px; margin: 0 0 0 0;padding: 0 0 0 0; min-width: 600px}

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

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

#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; display: block; float: left ;}

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

#menu-outils ul li a:hover { color: #000;  }

/** pied de page **/

#footer { clear:both; width: 98%; margin-top: 100; margin-right:0; margin-left: 0; padding-top: 10px; padding-right: 0; padding-left: 0; }

#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: relative; width: 25%;  }
#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 new,mono;
	font-size: 15px; 
	font-weight: bold;
	word-spacing: -0.2em; 
	border-top: 1px dotted #888;
	padding-top: 0.7em;
	margin-top: 1em
}






/*   admin main.css  */


/* ---------------------- GENERAL ---------------------- */
ul 
{
	margin-top : 5px;
	margin-bottom : 5px;
}

.small 
{
	font-family: "Times New Roman", Times, serif;
	font-size: xx-small;
	color: #00FF33;
	background-color: #3300FF
}

.txtFooter
{
	font-family: "Times New Roman", Times, serif;
	font-size: xx-small;
	color:red;
	font-weight: bold
}

.txtFooter a
{
	text-decoration : none;
	color : #ffffff;
}

.label 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	font-weight: bold
}

.result 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FF0000;
	font-weight: bold
}


#sousmenucontainer {
margin-left:110% !important;
left: 0 !important; 
margin-bottom:1em;
margin-top:15px !important;
overflow:visible !important;
position: absolute !important;
top: 0 !important;
;
}
#sousmenulist {
list-style-type:none;
margin:0pt;
padding:0pt;
 position: relative; left: 0
}
#sousmenulist li {
border-left:1px solid #000000;
color:#DB0019;
float:left;
line-height:1.1em;
margin:0pt 0.5em 0pt -0.5em;
padding:0pt 0.5em;
}

#sousmenulist li:first-child {
border-left:1px none #000000;
}

#accueil { background: #dadada;  }
#accueil #logo a { cursor: default; }

#accueil #titre-rub { color: #fff; border: 1px none red; position: absolute; top: 5.6em; left: 0; width: 100%; text-align: left; padding-left: 9.5em;  } 

#accueil #titre-rub span {  } 

#accueil #document { border-top: 3px none #fff; margin-left: 26%;  }

#accueil .section-accueil { background: #fff; padding: 1em 0.8em; margin: 1em 0; margin-bottom: 1.4em; font-size: 10px }

#accueil #zone-centre .menu-rub { padding-top: 0;  }

#accueil #zone-centre { position: relative; display: block; margin-top: -2em ; width: 100%; height: 100% ;  text-align:center;}
#accueil #zone-centreForce { position: relative; _width: 800px; text-align:left;}

#accueil #document {  }

/***/

#zone-centre .menu-rub { padding-bottom: 3em }

#zone-centre .menu-rub { padding-top: 1.1em; font-family: Courier new; }

#zone-centre .menu-rub h3 { margin: 0;  font-family: Courier new; padding-top: 0.5em ; padding-bottom: 0.5em; }
#zone-centre .menu-rub h3.noBorder { margin: 0; padding-top: 0.5em; border-top: none;  }
#zone-centre .menu-rub h3.Border { margin: 0; border-top: 1px solid #ccc; }

#zone-centre .menu-rub .niv2 h3, #zone-centre .menu-rub#col3 .section-accueil h3 { border-top: none }

#zone-centre .menu-rub h3 a, #zone-centre .menu-rub h3 span { font-size: 14px; color: #000; display: block; letter-spacing: 0.1em; word-spacing: -0.4em; line-height: 1.2em }

#accueil #zone-centre .menu-rub .niv2 h3 a, #accueil #zone-centre .menu-rub .niv2 h3 span { color: #fff;  }

#accueil #zone-centre .menu-rub .niv2 h3 a:hover, #accueil #zone-centre .menu-rub .niv2 h3 a:hover .st { color: #888 !important; text-decoration: none  }

#zone-centre .menu-rub #sel h3 a { color: #888 !important; }

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

#zone-centre .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 }

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

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

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

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

#accueil #zone-centre .menu-rub li li a{ color: #888; }

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

#zone-centre .menu-rub a:hover { color: #000 !important;  }
#zone-centre .menu-rub li ul a:hover { color: #888; text-decoration: underline }

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


#accueil #zone-centre .menu-rub h3 a:hover { color: #888 !important; }



/*****/

#accueil .section-accueil.niv2 { background: #bbb;   }

#accueil .menu-rub h3 a .st { font-weight: normal }
#accueil .menu-rub .niv2 h3 a .st { color: #fff }
#accueil .menu-rub h3 a:hover .st { color: #888 !important }

#accueil .menu-rub h4 { line-height:1.1em; font-weight: bold;  }

#accueil .menu-rub h4 a, #accueil .menu-rub h4 span { font-size: 12px ; color: #888; letter-spacing:0.1em; line-height:1.2em; word-spacing:-0.4em; font-weight: normal; }
#accueil .menu-rub .niv2 h4 span { color: #000; font-weight: bold  }
#accueil .menu-rub .niv2 h4 a:hover { color: #000 !important;  }

#accueil .menu-rub .niv2.liens h3 { padding-bottom: 0 }

#accueil .menu-rub .niv2.liens h4 { margin-bottom: 0.8em }

#accueil .menu-rub .niv2.liens h4 a { font-size: 13px; line-height: 1.2em; font-weight: normal; color: #000; }
#accueil .menu-rub .niv2.liens h4 a:hover { color: #000 !important; text-decoration: underline  }

#accueil .menu-rub p { font-family:Verdana; font-size:11px; letter-spacing:normal; line-height:1.5em; word-spacing:normal !important; color: #000; margin-top: 0.6em }

#accueil .menu-rub .elmInfo { margin-top: 1em }

#accueil .menu-rub .elmInfo a { color:#fff; font-size:11px; font-family: Verdana }
#accueil .menu-rub .elmInfo a:hover { color:#000 !important;   }

#accueil #menu-rub { position:relative; float:left;  left:1%; padding-top: 0; width: 24%; margin-right: 0; border-top: 0; padding-right: 0; padding-left: 0; }
#accueil #col2 { position:relative; float:left;  left:2%; padding-top: 0; width: 48%; margin-right:0; margin-left: 0; border-top: 0; padding-right: 0; padding-left: 0; }
#accueil #col3 { position:relative; float:left;  left:3%; padding-top: 0; width: 24%; margin-right:0; margin-left: 0; border-top: 0; padding-right: 0; padding-left: 0; }

//#accueil .autres { display:block; padding-bottom: 2em; margin-bottom: 2em;}

#accueil #focus { margin: 5 5 5 5 }

#accueil #autres { border: 1px none red; margin-right:0; margin-left: 0; border-top: 0; padding-right: 0; padding-left: 0;  }
#accueil #autresUne {display: block; width: 100%; }

#accueil #col2a { position: relative; float: left; padding-top: 0; width: 49%;  margin-right:0; margin-left: 0; border-top: 0; padding-right: 0; padding-left: 0;  }
#accueil #col2b { position: relative; float: right; padding-top: 0; width: 49%;  margin-right:0; margin-left: 0; border-top: 0; padding-right: 0; padding-left: 0; }



#accueil .num-result { display:block; font-size:28px; font-weight:bold; margin-top:0; color: #888; display: block; margin-bottom: 0.2em; margin-top: 0; word-spacing:0; letter-spacing:0; font-weight: normal; }

#accueil a:hover .num-result { color: #888; }

#accueil .une { background: #fff; margin-top: 10px; float: left; margin-right: 0; width: 100%}

#accueil .autres .une { margin-top: 0; }



#accueil #focus .une { width: 100%; margin-right: 0; margin-bottom: 0 }

#accueil #autres .une { width: 100%; overflow: hidden }

#accueil .une .une-infos { padding: 1.8em; }

#accueil #autres .une .une-infos { padding: 1.4em; }

#accueil .une .une-infos h5 { font-size:14px; letter-spacing:0.1em; line-height:1.2em; word-spacing:-0.4em; font-family: Courier new, monospace; text-transform: uppercase; font-weight: normal; color: #dadada; }

#accueil .une .une-infos h2 { font-size:14px; letter-spacing:0.1em; line-height:1.2em; word-spacing:-0.4em; font-family: Courier new, monospace; font-weight: normal; color: #000; }

#accueil .une .une-infos h3 { color:#888; font-family:Verdana; font-size:12px; letter-spacing:normal; line-height:1.5em; word-spacing:normal !important; font-weight: normal; }

#accueil .une .une-infos h4 { color:#000; font-family:Verdana; font-size:12px; letter-spacing:normal; line-height:1.6em; word-spacing:normal !important; font-weight: normal; }

#accueil .une .une-img { width: 100%; }

#accueil .une .une-desc { padding: 1.8em }

#accueil #autres .une .une-desc { padding: 1.4em; padding-top: 0 }

#accueil .une .une-desc span { font-family:Verdana; font-size:11px; letter-spacing:normal; line-height:1.5em; word-spacing:normal !important;  }

#accueil .une .elmInfo { padding: 1.8em; padding-top: 0;  }
#accueil .une .elmInfo a { color: #aaa; font-size: 11px }
#accueil .une .elmInfo a:hover { color: #333; }
#accueil #focus .une .elmInfo a { font-size: 12px }

#accueil #autres .une .une-infos { padding-bottom: 0 }

#accueil #autres .une .une-infos h5 { font-size:12px;  }

#accueil #autres .une .une-infos h2 { font-size:13px; }

#accueil #autres .une .une-infos h3 { font-size:11px; }

#accueil #autres .une .une-infos h4 { font-size:11px; }

#accueil #autres .une .une-desc { padding-bottom: 0.2em }

#accueil #autres .une .une-desc span { font-size:11px; }


#accueil #autres .une .elmInfo { padding: 1.4em; padding-top: 0.3em; margin-top: 0.5em; }

#accueil #autres .une .elmInfo a { font-size: 11px }



#accueil #autres .sep-invisible { clear: both; float: left }

#accueil .autres .une  { width: 100%; margin-bottom: 1em; }

#accueil .autres .une .une-infos { padding: 1.4em; }
#accueil .autres .une .une-desc { padding: 1.4em; padding-top: 0 }
#accueil .autres .une .une-infos { padding-bottom: 0 }
#accueil .autres .une .une-infos h5 { font-size:12px;  }
#accueil .autres .une .une-infos h2 { font-size:13px; margin-bottom: 0.4em }
#accueil .autres .une .une-infos h3 { font-size:10px; padding: 0; border: none}
#accueil .autres .une .une-infos h3 span { font-size:10px;color:#888888; font-family:Verdana; font-weight:normal; letter-spacing:normal; line-height:1.5em; word-spacing:normal !important; }


#accueil .autres .une .une-infos h4 { font-size:10px; }
#accueil .autres .une .une-infos h4 span { font-size:10px;color:#000000;font-family:Verdana;font-weight:normal;letter-spacing:normal;line-height:1.6em;word-spacing:normal !important; }

#accueil .autres .une .une-infos h4.st span { font-size:13px;color:#000000;font-family:Courier new;font-weight:normal;letter-spacing:normal;line-height:normal;word-spacing:normal !important; }

#accueil .autres .une .une-infos p { margin-top: 0 }


#accueil .autres .une .une-desc { padding-bottom: 0.2em }
#accueil .autres .une .une-desc span { font-size:10px; }
#accueil .autres .une .elmInfo { padding: 1.4em; padding-top: 0;  }
#accueil .autres .une .elmInfo a { font-size: 11px; color: #888; font-family: Verdana !important; }
#accueil .autres .sep-invisible { clear: both; float: left }

#accueil .autres a { }


#accueil #footer #liens { padding-bottom: 0.1em }

#accueil #footer #liens ul {  padding: 1em 0; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }

#accueil #footer #liens li { display: inline; margin-right: 1.5em }
#accueil #footer #liens li a { color: #fff; font-weight: bold; font-size: 12px  }
#accueil #footer #liens li a:hover { color: #000; }

#accueil #menu-outils ul li#outils-accueil { display: none }

#menu-outils ul li#outils-avis-pub { display: none }
#accueil #menu-outils ul li#outils-avis-pub { display: block; }

/* modifs 2 */

#accueil #menu-outils ul li#outils-avis-pub a{ font-weight: bold; color: #000; }

/* modifs 2 */

#accueil #menu-outils ul li#outils-avis-pub a:hover { color: #888 }

#menu-outils ul li#outils-recherche form { position: absolute; top: 2.2em; right: 0; display: none }

#accueil #menu-outils ul li#outils-recherche form {  }
.recherche#outils #menu-outils ul li#outils-recherche form { display: block }


#menu-outils ul li#outils-recherche form .rechrap { border: 1px solid #888; font-size: 10px; width: 15em }

#menu-outils ul li#outils-recherche form .valider { border: 1px none #888; background: #000; color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; position: relative; top: 0.2em; border-top: 0.1em none #000; border-bottom: 0.1em none #000;   }


.divMenuCnapAccueil { display: block; padding: 0; }

.spacerReset { display: block;  clear: both; } 

.spacerReset hr { display: none;  height: 0;   margin: 0; _margin: -7px 0; padding: 0; border: 0; visibility: hidden;}
            
#menu-rub li {
color:#CCCCCC;
font-family:Courier new;
margin-top:0.5em;
margin-bottom:0.5em;
padding:0pt;
}