/* CSS Document */
/*

/* general styles */

body, p /*, li */ {
	font-family: "Comic Sans MS";
	font-size: 87%;
	vertical-align:top;
	margin: 0; /* pour éviter les marges */
	padding: 0;
}

body {
	color: #303030;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

global 
{
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 700px;
	height: 400px;
	margin-top: auto; /* moitié de la hauteur */
	margin-left: auto; /* moitié de la largeur */
	border: 1px solid #000;
}

.menufond {
	background-color: #FDB9B5;
}

table {
	border: 0px none;
	padding: 0;
	margin: 0
}

p {
	padding: 0 8px;
}


/* tables */

td {
text-align: left;
vertical-align:top;
}

/* 
these are blank b/c the colors are different for the public vs. staff, but we want the 
style to be here so users can apply it.  they just won't see it do anything 
*/
td.hr {
}

tr.oddRow {
}
	

tr.evenRow {
}

tr.headerRow {
}

tr.headerRow2{
}

table.showing, table.complexTable, table.screen, table.hiddenTable{
	margin: 8px;
	padding: 1px;
	border-collapse:collapse;
}

table.screen {
	border:1px solid #000000;
}

table.showing, table.complexTable {
	width: 90%;
}

table.showing td, table.complexTable td, table.hiddenTable td{
	padding: 3px 3px;
}

table.hiddenTable td {
	font-size: 87%;
}



/* links */

/* 
even though most link attributes are universal, the order their in in the stylesheet matters for 
the parser, for hover, so all the link info is in the separate public and staff stylesheets.
*/
a:link {
	color: #4E7292;
	text-decoration: underline;
}
a {
font-family: "Comic Sans MS";
font-size: 13px;
font-weight: bold;
color: #666666;
text-decoration: none;
}
a:link, a:visited {
font-family : "Comic Sans MS";
font-size: 13px ;
font-weight: bold;
text-decoration: none;
color:#666666;
}
a:hover {
font-family : "Comic Sans MS";
font-size: 13px;
font-weight: bold;
color: #FF9966;
text-decoration: none;
}

/* img */

img, a.imgLink {
     border: 0px none;
}

img.imgRight {
	float: right;
	margin: 10px 10px 0px 20px;
}

img.imgLeft {
	float: left;
	margin-right: 20px;
	margin-top: 10px; 
	margin-bottom: 10px;
}

img.imgCenter {
	float: center;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
}


/* font styles */

h1, h2, h3, h4, h5, h6 {
	padding: 0 8px;
}

h1, h2/*, .subtitle*/ {
	font-family: "Arial Narrow", Arial, "Trebuchet MS", Georgia, sans-serif;
	font-weight:bold;
}

h1 {
	font-size: 2em;
	color: #E89012;
}

.subHead {
	color: #F7CD2D;
}

h2 {
	font-size: 1.75em;
	line-height: 1.75em;	
	margin: .5em 0 .5em 0; 
}

h3 {
	font-family: "Comic Sans MS";
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	font-family: "Comic Sans MS";
	font-size: 1.1em;
	font-weight:bold;
}

h5 {
	font-family:"Comic Sans MS";
	font-weight:bold;
	font-style:italic;
}

h6, em {
	font-style: italic;
}

.field {
	font-weight: bold;
}

.small, .more {
	font-size: .75em;
}

.more {
	text-align:right;
}

.error {
	color:#CC0000;
}

.highlight {
	background-color:#F7CD2D;
}

.gray_out {
	color:#BCBCBC;
	font-weight: bold;

}

/*.subtitle {
	font-size:1.1em;
}*/

.monospace {
	font-family:"Courier New", Courier, mono;
	font-size: .8em;
}

.center {
text-align:center;
}


/* list style */

ul {
	list-style-type: disc;
}

li {
	margin: .5em 0;
}

/* 
this stylesheet is used by all pages to set fonts and general layout info.
that is not needed by the content owner.  so most of this info is the ids and box layout
on the pages.

this way i can:
(1) change positioning and font sizes in one place/avoid redundancy over two/three stylesheets
(2) keep color separate between the sections, in the supporting stylesheet
(3) have another smaller stylesheet for content owners that lets them apply styles without being
overwhelmed by a lot of styles they don't need.

*/

/****
 ids  and  boxes
 ****/



/*set font for all areas */
#Header, #GlobalNav td, #TopNav, #LeftNav, #RightNav, #Footer, #Search {
	font-family: "Comic Sans MS";
}


#GlobalNav, #TopNav{
	font-size: .8em;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
}

#TopNav {
	padding: 3px 0px 3px 0px;
}

/* content area */
#Content {
	vertical-align:top;
}

/*left navigation area */
#LeftNav {
	padding: 3px 0px 3px 0px; 
	width: 165px;
	vertical-align:top;
}

#LeftNav td {
	font-size: .8em;
	font-weight: bold;
	padding: 2px 2px 2px 6px;		
	width: 165px;
}

#LeftNav td.selected {
	text-decoration:none;
} 


/* right news area */
#RightNav {
 	vertical-align:top;

 }

#RightNav td.padder {
	width:17px;
}

/* areas with and without blue background */
#RightNav td.quicklinks, #RightNav td.textarea{
	width: 165px;
}

#RightNav td p {
	font-size:.85em;
}

.rightPadding {
	width:200px;
	height:100px;
}


/* box that is used for form background and login etc.*/
#LoginBox {
	padding: 3px; 
	width: 165px;
	vertical-align:top;
	margin: 8px;
}

#LoginBox td {
	font-size: .85em;
	padding: 3px 4px;
}

#LoginBox td.hr {
	padding:0;
} 

/* adds padding for homepage, so its not flush */
#Homepage { 
	padding: 0 1em 1em 1em;
}

#Homepage .right {
	padding: 4px 4px 10px 0;
	text-align: right;

}

/* adds padding for search results page */
#ResultsPage {
	padding: 1em 2em;
}

/* footer area */
#Footer {
	vertical-align:bottom;
	padding: 30px 0 10px 0;
}

#Footer td.textarea{
	text-align: center;
	font-size: .8em;
}

#Footer div {
	display: block;
	font-size: .9em;
	white-space: nowrap;
	padding: 1px 0;
}

#Footer td.bottom {
	height: 2px;
}
	


/****
 search area 
 ****/

td.searchStripe {
	height: 1px;
}

td.searchBox {
	padding: 4px;
	float: right;
	width: 200px;
	height: 15px;
}


/****
 breadcrumbs 
 ****/

td.breadcrumbs {
 	vertical-align:top;
	height:.5em;
	padding: 1px 6px 6px 6px;
	font-size: .7em;
}

td.breadcrumbs p {
	padding: 1px 6px 6px 6px;
	font-size: .7em;
}


/**** 
font styles 
****/

#RightNav h1 {
	font-family: "Comic Sans MS";
	font-size: 1.2em;
	line-height:normal;
	margin:.5em 0;
}

#LoginBox h2 {
	margin: 0 .5em;
}

#Homepage h1 {
	font-size: 2.1em;
	padding: 0;
	margin: 0;
}

#Homepage h2 {
	font-size: 1.4em;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

/* tables */
tr.headerRow {
	color: #FFFFFF;
	font-weight:bold;
}

.button { 
font-family: "Comic Sans MS"; 
font-size:  10px; color: #666666; 
background-color: #FFFFFF; 
border: #666666; 
border-style:  solid; border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px;  
border-left-width: 1px; width: 30px
}
.buttonover { 
font-family: "Comic Sans MS"; 
font-size:  10px; color: #FFFFFF; 
background-color: #FDB9B5; width: 30px; 
border: #666666;  
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width:  1px; 
border-left-width: 1px 
}

.textbox {
	font-family: "Comic Sans MS";
	font-size: 9px;
	font-weight: bold;
	color: #333333;
	height: 15px;
	width: 100px;
}
.contourorangeboldBas {
	color: #FDB9B5;
	border-top: 2px none #FDB9B5;
	border-right: 2px none #FDB9B5;
	border-bottom: 3px solid #FDB9B5;
	border-left: 2px none #FDB9B5;
}
.contourorangebold {
	color: #FF9966;
	border-top: 3px solid #FDB9B5;
	border-right: 3px solid #FDB9B5;
	border-bottom: 3px solid #FDB9B5;
	border-left: 3px solid #FDB9B5;
}
.contourorangeboldBas_droite {
	color: #FF9966;
	border-top: 1px solid #FDB9B5;
	border-right: 1px solid #FDB9B5;
	border-bottom: 1px solid #FDB9B5;
	border-left: 1px solid #FDB9B5;
	text-align: center;
}
.pxtabGDB {
	border-top: 3px solid #FDB9B5;
	border-right: 1px solid #FDB9B5;
	border-bottom: 1px solid #FDB9B5;
	border-left: 1px solid #FDB9B5;
}
.menutitle {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-color: #F2FAFF;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: 10px;
	display: table-cell;
	margin-right: 5px;
}
.menutitleHaut {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	background-color: #FDB9B5;
	border-bottom: 1px solid #CCCCCC;
}

.titlelinkHaut {
	font-family: "Comic Sans MS";
	font-size: 12px;

	color: #666666;
	text-decoration: none;
	margin-left: 2px;
}
a.titlelinkHaut:link, a.titlelinkHaut:visited {
	font-family : "Comic Sans MS";
	margin-left: 2px; 
	font-size: 12px ; 
	text-indent: 2px;
	font-weight: bold;
	color:#666666;
	text-decoration: none; 
}
a.titlelinkHaut:hover {
	font-family : "Comic Sans MS"; 
	font-size: 12px;
	margin-left: 2px;
	text-indent: 2px;
	font-weight: bold;
	color: #FF0000; 
	text-decoration: none;
}
.titlelink {
	font-family: "Comic Sans MS";
	font-size: 5px;
	margin-left: 5px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.titlelink2 {
        font-family: "Comic Sans MS";
        font-size: 10px;
        margin-left: 5px;
        font-weight: bold;
        color: #666666;
        text-decoration: none;
}
						
a.titlelink:link, a.titlelink:visited {
	font-family : "Comic Sans MS";
	margin-left: 5px; 
	font-size: 10px ;
	font-weight: bold;
	text-decoration: none; 
	color:#666666;
}
a.titlelink:hover {
	font-family : "Comic Sans MS"; 
	margin-left: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #FF9966; 
	text-decoration: none;
}
.retraittabprinc {
	border-top: 3px solid #FDB9B5;
	border-right: 1px solid #FDB9B5;
	border-bottom: 1px solid #FDB9B5;
	border-left: 1px solid #FDB9B5;
	display: table-cell;
}
.article{
	font-family: "Comic Sans MS";
	font-size: 14px; 
	/*font-weight: bold;*/
	color: #000000;
	text-decoration: none;
	text-align: left;
}
.surtitreart{
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
	color: #FF9966;
	text-decoration: none;
	text-align: left;
}
.titreart{
	font-family: "Comic Sans MS";
	font-size: 18px;
	font-weight: bold;
	color: #F95457;
	text-decoration: none;
	text-align: left;
}
.soustitreart{
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.chapoart{
	font-family: "Comic Sans MS";
	width: 700px;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #E5E6E3;
	font-style: italic;
	text-align: left;
}
.psart{
	font-family: "Comic Sans MS";
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FDB9B5;
	font-style: italic;
}
.notesart{
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
	color: #FF9966;
	text-decoration: none;
}

.titlerubtabpric {
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
	color: #FF9966;
	text-decoration: none;
}
.dateajout {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.articlelink {
	font-family: "Comic Sans MS";
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a.articlelink:link, a.articlelink:visited {
	font-family : "Comic Sans MS";
	font-size: 13px ; 
	font-weight: bold;
	text-decoration: none; 
	color:#666666;
}
a.articlelink:hover {
	font-family : "Comic Sans MS"; 
	font-size: 13px; 
	font-weight: bold;
	color: #FF9966; 
	text-decoration: none;
}

.sous_articlelink {
        font-family: "Comic Sans MS";
        font-size: 11px;
        font-weight: bold;
        color: #666666;
        text-decoration: none;
	margin-left: 50px;
}
a.sous_articlelink:link, a.sous_articlelink:visited {
        font-family : "Comic Sans MS";
        font-size: 11px ;
        font-weight: bold;
        text-decoration: none;
        color:#666666;
	margin-left: 50px;
}
a.sous_articlelink:hover {
        font-family : "Comic Sans MS";
        font-size: 11px;
        font-weight: bold;
        color: #FF9966;
        text-decoration: none;
	margin-left: 50px;
}

.tab {
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #000000;
	background-color: #FDB9B5;
	text-align: center;
	vertical-align: middle;
	display: inline;
}
.menuprinclink {
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	text-decoration: none;
}
a.menuprinclink:link, a.menuprinclink:visited {
	font-family : "Comic Sans MS";
	font-size: 16px; 
	font-weight: lighter;
	text-decoration: none; 
	color:#000000;
}
a.menuprinclink:hover {
	font-family : "Comic Sans MS"; 
	font-size: 16px; 
	font-weight: lighter;
	color: #666666; 
	text-decoration: none;
}
.titlerubprinc2 {
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
	color: #F95457;
	text-decoration: none;
}
.enteterub {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: lighter;
	color: #333366;
	text-decoration: none;
	background-color: #FFF3F3;
}
.enteterubline {
	font-family: "Comic Sans MS";
	font-size: 12px;
	font-weight: normal;
	color: #330066;
	text-decoration: underline;
}
.spip_surligne { background-color: #FFFF66; }
.netop {
        font-family: "Comic Sans MS";
        font-size: 10px;
        font-weight: 400;
        color: #000000;
        text-decoration: none;
}
a.netop:link, a.netop:visited {
        font-family : "Comic Sans MS";
        font-size: 10px;
        font-weight: lighter;
        text-decoration: none;
        color:#000000;
}
a.netop:hover {
        font-family : "Comic Sans MS";
        font-size: 10px;
        font-weight: lighter;
        color: #666666;
        text-decoration: none;
}