body,table,select,input,textarea,td,th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

select,input,textarea {
	font-size: 10px;
}
a {
	text-decoration: none;
}

.button {
	height: 17px;
	padding: 0px;
	line-height: 11px;
	background-color: #666666;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin-left: 1px;
}

.buttonrecherche {
	height: 17px;
	padding: 0px;
	line-height: 11px;
	background-color: #CCCCCC;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #323232;
	margin-left: 1px;
}

.pad {
	padding: 4px;
}

.padtop2 {
	padding-top: 2px;
}
.padright2 {
	padding-right: 2px;
}
.padbottom2 {
	padding-bottom: 2px;
}
.padleft2 {
	padding-left: 2px;
}
.margtop2 {
	margin-top: 2px;
}
.margright2 {
	margin-right: 2px;
}
.margbottom2 {
	margin-bottom: 2px;
}
.margleft2 {
	margin-left: 2px;
}
.bordertopgrey {
	border-top: 1px solid #808080;
	font-size: 1px;
}
.borderrightgrey {
	border-right: 1px solid #808080;
}
.borderbottomgrey {
	border-bottom: 1px solid #808080;
	font-size: 1px;
}
.borderleftgrey {
	border-left: 1px solid #808080;
}
.separator {
	font-size: 1px;
	height: 1px;
}


#page-header {
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	border-left: 1px solid #404040;
}
#newsletter {
	font-size: 9px;
	color: #FFFFFF;
	table-layout: fixed;
}
.newslettercell {
	font-size: 9px;
	color: #FFFFFF;
}
#newsletter a {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}
.inputnews {
	width: 100%;
	height: 15px;
	margin-bottom: 1px;
	border: 0px none;
}


#page-toolbar {
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #404040;
	border-left: 1px solid #404040;
	font-size: 10px;
	color: #CCCCCC;
}
#page-toolbar td {
	font-size: 10px;
	color: #CCCCCC;
	padding: 1px 0px 2px 0px;

}
#page-toolbar a {
	font-size: 10px;
	color: #CCCCCC;
}
#page-toolbar a:hover {
	color: #FFFFFF;
}
.inputsearch {
	width: 100px;
	height: 15px;
	border: 0px none;
	margin-right: 1px;
}

/* COLONNE 1 */
#col1 {
	border-right: 1px solid #C0C0C0;
}
#menu td {
	padding-right: 4px;
	padding-left: 4px;
	font-size: 9px;
}
.menuniv1 {
	font-size: 9px;
	font-weight: bold;
	color: #990000;
	cursor: default;
}
.menuniv2 {
	font-size: 9px;
	font-weight: bold;
	color: #330000;
}
.menuniv3 {
	font-size: 9px;
	color: #330000;
}
.menuh {
	background-color: #FFFFFF;
}

/* COLONNE 2 */
#col2 {
	font-size: 11px;
	padding: 0px 4px 4px 4px;
}
#col2 table,td {
	font-size: 11px;
}
#col2 a:hover { color: #FF0000; }

#page-content {
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #404040;
	border-left: 1px solid #404040;
}

#page-content-impression {
	border-top: 1px solid #404040;
	border-right: 1px solid #404040;
	border-left: 1px solid #404040;
	border-bottom : 1px solid #404040;
}


/* HOME & PAGES INTERIEURES */
/* En-tête */
.header-title { font-size: 18px; color: #999999; }
.header-title-don { font-size: 18px; color: #CC0000; }
.header-subtitle { font-size: 15px; color: #CC0000; font-weight: bold; }
.header-subtitle-don { font-size: 13px; color: #666666; font-weight: bold; }
.header-subtitle a { color: #CC0000; }

/* HOME */
/* Le corps de texte */
.article-title { font-size: 11px; color: #666666; font-weight: bold; }
.article-subtitle { font-size: 10px; color: #330000; font-weight: bold; }
.article-subtitle a { color: #330000; }
.article-text { font-size: 10px; color: #000000; }
.article-text a { color: #000000; }
/* Encarts */
.boxed-article-title1 { font-size: 10px; color: #CC0000; font-weight: bold; }
.boxed-article-title2 { font-size: 10px; color: #666666; font-weight: bold; }
.boxed-article-subtitle { padding-top: 2px; padding-bottom: 2px; color: #FFFFFF; font-weight: bold; }
.boxed-article-text { font-size: 10px; color: #000000; text-align: left /* justify */; }
.boxed-article-text a { color: #000000; }

/* PAGES INTERIEURES */
/* Chemin */
/*.path { font-size: 10px; color: #000000; }
.path a { font-size: 10px; color: #CC0000; }*/
/* Chemin Highlight */
/*.pathh { font-size: 10px; color: #CC0000; }*/

/* Navigation entre les pages */
.page-navig { font-size: 10px; font-weight: bold; }
.page-navig a { color: #666666; }
.page-navig-invert { background-color: #666666; color: #FFFFFF; }

/* Le chapeau */
.opening { font-size: 11px; font-weight: bold; text-align: left /* justify */; padding: 4px 0px 18px 0px; }

/* Le corps de texte */
.paragraph { font-size: 11px; padding-bottom: 10px; }
.paragraph a { font-size: inherit; color: #CC0000; }
.paragraph-title { font-size: 11px; color: #000000; font-weight: bold; }
.paragraph-subtitle { font-size: 11px; color: #330000; font-weight: bold; padding-bottom: 2px; }
.paragraph-bullet { font-size: 11px; color: #CC0000; font-weight: bold; }
.paragraph-text { font-size: inherit; color: #000000; text-align: left /* justify */; padding-top: 2px; }
.paragraph-text a { font-size: inherit; color: #CC0000; }

.paragraph-text-lien { font-size: inherit; color: #000000; text-align: left /* justify */; padding-top: 2px; }
.paragraph-text-lien a:link { font-size: inherit; color: #000000; }
.paragraph-text-lien a:visited { font-size: inherit; color: #000000; }
.paragraph-text-lien a:hover { font-size: inherit; color: #CC0000; }
.paragraph-text-lien a:active { font-size: inherit; color: #CC0000; }

.paragraph-text-box { font-size: inherit; color: #333333; text-align: left; padding-top: 2px; }
.paragraph-text-box a:link { font-size: inherit; color: #333333; }
.paragraph-text-box a:visited { font-size: inherit; color: #333333; }
.paragraph-text-box a:hover { font-size: inherit; color: #CC0000; }
.paragraph-text-box a:active { font-size: inherit; color: #CC0000; }

.epigraph-title { font-size: 12px; color: #CC0000; font-weight: bold; line-height: 1.2em; font-style: italic; padding-bottom: 5px; }
.epigraph-subtitle { font-size: 10px;  line-height: 1.3em; color: #666666; }

.annotation { font-size: 11px; color: #666666; }



/* Une liste */
.list {
	font-size: 10px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-indent: -1em;
	padding-left: 1em;
}

/* correction pour liste soutien régulier */
.listboxsrautremontant {
	text-indent: 0em;
}

.list-title { font-size: inherit; color: #CC0000; font-weight: bold; }
.list-bullet { font-size: inherit; color: #000000; font-weight: bold; }
.list-text { font-size: inherit; color: #000000; padding-top: 2px; }
.list-text a { font-size: inherit; color: #000000; }



/* Liste pour les recherches */
.listrecherche {
	font-size: 11px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-indent: -1em;
	padding-left: 1em;
}

.listrecherche-title { font-size: inherit; color: #000000; }
.listrecherche-bullet { font-size: inherit; color: #000000; font-weight: bold; }
.listrecherche-text { font-size: 10px; color: #666666; padding-top: 2px; }
.listrecherche-text a { font-size: 10px; color: #666666; }



/* Un formulaire */
.form-row-header { font-size: 11px; font-weight: bold; }
.form-col-left { font-size: 11px; font-weight: bold; text-align: right; }
.form-col-left-notbold { font-size: 11px; text-align: right; }
.form-col-right { font-size: 11px; }
.form-input-hidden { font-size: 11px; border: 0px none; overflow: visible; }
.form-input-hidden-right { font-size: 11px; border: 0px none; text-align: right; overflow: visible; }
.form-input-radio { width: 11px; height: 11px; vertical-align: text-bottom; }
.form-input-box { position:relative; width: 11px; height: 11px; }
.form-input-fake { width: 100%; font-size: 11px; border: 0px none; color: #CC0000; overflow: visible; }
.form-textarea-comment { width: 100%; height: 100%; font-size: 11px; border: 0px none; overflow: hidden; }

/* Des résultats */
.result-subtotal { font-size: 11px; font-weight: bold; color: #666666; }
.result-subtotal input { font-size: 11px; font-weight: bold; text-align: right; border: 0px none; color: #666666; }
.result-annotation { font-size: 11px; color: #CC0000; }
.result-annotation input { font-size: 11px; text-align: right; color: #CC0000; }
.result-total { font-size: 13px; font-weight: bold; color: #666666; }
.result-total input { font-size: 13px; font-weight: bold; text-align: right; border: 0px none; color: #666666; }

/* La liste des ressources */
.resources { font-size: 11px; }
.resources-title { color: #666666; font-weight: bold; }
.resources-li {
	font-size: 10px;
	text-indent: -1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1em;
	color: #666666;
}
.resources-li a { color: #666666; }

/* Diaporama */
.image-slide {
	filter:blendTrans(duration:1);
}
.image-border {
	border: 1px solid #808080;
}

/* La date */
.date {
	font-size: 9px;
	color: #404040;
	margin-bottom: 4px;
}

/* COLONNE 3 */
#col3 {
	padding-top: 4px;
}

#col3-blocdon {
	padding-top: 0px;
}

#promo {
	margin-bottom: 4px;
}



/* Les blocks encart pour le corps de texte */

.body-block {
	margin-bottom: 4px;
	border: 1px solid #808080;
	background-color: #F6F6F6;
	font-size: 10px;
	color: #444444;
}

.body-block td {
	font-size: 10px;
}

.body-block a {
	font-size: 11px;
	color: #CC0000;
}

.body-block a:hover {
	color: #CC0000;
}


/* Les blocks rouge et blanc */

.darkgrayblock {
	margin-bottom: 4px;
	border: 1px solid #666666;
	background-color: #F6F6F6;
	font-size: 10px;
	color: #444444;
}


.darkgrayblock-title-home {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}



/* Les blocks gris */

.grayblock {
	margin-bottom: 4px;
	border: 1px solid #808080;
	background-color: #F6F6F6;
	font-size: 10px;
	color: #444444;
	/*width: 200px;
	margin-right: 13px;*/
}

#contentPadderFroide .grayblock {
	width: 200px;
	border: none;
	background-color: #FFFFFF;
	font-size: 1em;
	margin: 5px 0 30px 0;
/*	border-bottom: 2px solid #EAEAEA;*/
	/*border-bottom: 2px solid #DADADA;*/
	padding: 0;
}


.grayblock td {
	font-size: 10px;
}

.grayblock a {
	font-size: 9px;
	color: #444444;
}

.grayblock a:hover {
	color: #CC0000;
}




.grayblock-title-home {
	font-size: 10px;
	color: #CC0000;
	font-weight: bold;
}

.grayblock-title {
	font-size: 10px;
	color: #CC0000;
	font-weight: bold;	
}

#contentPadderFroide .grayblock-title {
	font-size: 1.2em;
	color: #3F3F3F;
	font-weight: bold;
/*	background-color: #EAEAEA;*/
	background-color: #DADADA;
	padding: 0;
	margin: 0;
}



.grayblock-li {
	font-size: 10px;
	text-indent: -1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1em;
}

.grayblock-li-image {
	font-size: 10px;
	text-indent: -2em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 2em;
}

.grayblock-lih {
	font-size: 10px;
	color: #CC0000;
	text-indent: -1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 1em;
}
.grayblock-text-indent {
	font-size: 10px;
	padding-left: 1em;
}
.grayblock-li a {
	font-size: 10px;
	color: #444444;
}
.grayblock-li-image a {
	font-size: 10px;
	color: #444444;
}

.headlineon {
	font-size: 10px;
	height: 92px;
	overflow: hidden;
	display: block;
}

.headlineoff {
	font-size: 10px;
	height: 92px;
	overflow: hidden;
	display: none;
}

.headlineagendaon {
	font-size: 10px;
	display: block;
}

.boutonon {
	display: block;
}
.boutonoff {
	display: none;
}

#tools {
	margin: 4px;
}
#tools a {
	font-size: 9px;
	color: #666666;
}
#tools a:hover {
	color: #FF0000;
}

/* Le bas de page */
#page-footer {
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	font-size: 10px;
	color: #CCCCCC;
}
#page-footer td {
	padding: 1px 4px 1px 4px;
	font-size: 10px;
}
#page-footer table {
	font-size: 10px;
	color: #CCCCCC;
}


#page-footer a {
	font-size: 10px;
	color: #CCCCCC;
}
#page-footer a:hover {
	color: #FFFFFF;
}

/* Le masque de focus sur la news */
#filterlayer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: expression(document.body.clientWidth);
	height: expression(document.body.scrollHeight);
	background-color: transparent;
	filter:mask(color='#C0C0C0');
	z-Index: 10;
}

#mask {
	position: relative;
	width: 150px;
	height: 80px;
	background-color: Black;
}


/* surlignage des termes recherchés */

.highlight1 {
	background-color: #FFFF00;
}

.highlight2 {
	background-color: #00FF66;
}

.highlight3 {
	background-color: #00FFFF;
}

.highlight4 {
	background-color: #FFCCCC;
}

.highlight5 {
	background-color: #CCCCCC;
}

/* Les breves */

.headlines {
	TABLE-LAYOUT: fixed;
	MARGIN: 4px;
}

.hblock A {
	FONT-SIZE: 10px;
	COLOR: #666666
}

.hblock A:hover {
	COLOR: #CC0000
}
