@charset "iso-8859-1";
BODY { margin:0; padding:0; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 10pt; color: #666666; font: normal; background-color: #333333; BACKGROUND-IMAGE: url(/images/fond.gif); background-position: center; BACKGROUND-REPEAT: repeat-y; }
.fond1 {background-color: #FFFFFF;}
.fond2 { background-color:#FFFFFF; background-image: url(/images/fond1.gif); background-repeat: no-repeat; background-position: center;}
.haut {font-size:0.9em; background-color:#FFFFFF; font-weight: bold; color:#FFFFFF; background-image: url(/images/_haut1.jpg); background-repeat: repeat-x;}
.bas {font-size:0.9em; background-color:#EEEEEE; font-weight: normal; color:#666666; background-image: url(/images/metal1.gif); background-repeat: repeat;}

A:visited { color: #CC0000; text-decoration: underline }
A:link { color: #CC0000; text-decoration: underline }
A:hover { color: #183C7F; text-decoration: underline }
A:active { color: #183C7F; text-decoration: underline }

.A2:visited { font-size: small; color: #666666; text-decoration: none; font-weight: bold; }
.A2:link { font-size: small; color: #666666; text-decoration: none ; font-weight: bold;}
.A2:hover { font-size: small; color: #CC0000; text-decoration: underline; background-color: #CCFFFF; font-weight: bold; }
.A2:active { font-size: small; color: #CC0000; text-decoration: none; background-color: #CCFFFF; font-weight: bold; }

.A3:visited { color: #666666; text-decoration: none }
.A3:link { color: #666666; text-decoration: none }
.A3:hover { color: #CC0000; text-decoration: underline }
.A3:active { color: #CC0000; text-decoration: none }

.A32:visited { color: #CC0000; text-decoration: none; font-style: italic; background-color: #CCFFFF }
.A32:link { color: #CC0000; text-decoration: none; font-style: italic; background-color: #CCFFFF }
.A32:hover { color: #CC0000; text-decoration: underline; font-style: italic; background-color: #CCFFFF }
.A32:active { color: #CC0000; text-decoration: none; font-style: italic; background-color: #CCFFFF }

.A4:visited { color: #CC0000; text-decoration: none }
.A4:link { color: #CC0000; text-decoration: none }
.A4:hover { color: #666666; text-decoration: underline }
.A4:active { color: #666666; text-decoration: none }

.nav { font-size: 10pt; background-color: #EEEEEE; color: #666666 }
.nav2 { font-size: 10pt; }
.nav3 { font-size: 10pt; background-color: #EEEEEE }

LI { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 10pt; color: #666666; font: normal  }
P { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 10pt; color: #666666; font: normal }
TD { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 10pt; color: #666666; font: normal }
H1 { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #CC0000; font-weight: bold; font-size: 18pt }
H2 { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #CC0000; font-weight: bold; font-size: 16pt }
H3 { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #CC0000; font-weight: bold; font-size: 14pt }
H4 { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #183C7F; font-weight: bold; font-size: 12pt }
H5 { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #183C7F; font-weight: bold; font-size: 10pt }
H6 { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #183C7F; font-weight: bold; font-size: 9pt }
.titre1 {font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #666666; font-weight: bold; font-size: 18pt; border-bottom: 2px solid #CC0000; padding-bottom:2px;}
.titre2 {font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #CC0000; font-weight: bold; font-size: 16pt}
.titre3 { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #CC0000; font-weight: bold; font-size: 14pt }
.titre4 { font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #666666; font-weight: bold; font-size: 10pt }

.blanc { color: #FFFFFF; }
.gris { color: #bbbbbb; }
.rouge { color: #CC0000; }
.bleu { color: #0066CC; }
.vert { color: #339900; }
.rose { color: #FF00FF; }
.violet { color: #663399; }
.marron { color: #9e1b32; }

.narrow { font-family: Arial Narrow, Helvetica Narrow, Arial, Helvetica, Verdana, sans-serif; }
.pub { margin-bottom: 10px; font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, Verdana, sans-serif; }
.petit { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 0.85em; }
.petit2 { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 0.7em; }
.arborescence { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: xx-small; color: #666666; background-image: url(/pic/degrade402.gif); background-repeat: repeat-y }
.cadre1 { border: 1px solid #000000; }
.cadre2 { border: 1px dotted gray; }
.cadre3 { border: 1px solid gray; }
.cadre4 { border: 1px solid #666666; }
.cadre-photo { border:1px solid #999999; 
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='silver');
	/* slightly different syntax for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='silver')";
	}
.cadre-alerte { margin:1px; padding: 2px 8px; border: 1px solid #cc0000; background-color: #ffccff; 
	color: #000000; 
	-moz-border-radius: 0.5em; border-radius: 0.5em; }
.cadre-ombre { border:thin solid #666666; 
	background-color: #ffffff;
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray');
	/* slightly different syntax for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray')";
	} 
.cadre-degrade { padding:10px; border:thin solid #999999; background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
	}
.cadre-arrondis { padding:10px; border:thin solid #eeeeee; 
	-moz-border-radius: 6px; border-radius: 6px;
	background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
	}
.tab1 { background-color: #CCCCCC; color: #FFFFFF; font-weight: bold }
.tab2 { background-color: #EEEEEE; color: #666666; font: normal }
.droite { margin:0px 0px 0px 12px; float:right; display:block; position:relative; }
.gauche { margin:0px 12px 0px 0px;float:left; display:block; position:relative; }
.milieu  { vertical-align:middle; }
.une { padding: 10px; background-color: #efefef; border: 2px solid #CC0000;
	-moz-border-radius: 10px; border-radius: 10px;
	}
.promo { padding: 10px; background-color: #efefef; border: 1px solid #cccccc; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	}
HR { color: #efefef; 
	background-color: #efefef; 
	height: 1px; 
	border: #efefef; }
.discret { display: none; visibility: hidden; }
.separation { visibility: hidden; clear: both; }
.bouton1 { padding:2px 3px; background-color: #cccccc; border: 1px outset #999999; 
	color: #000000; font-size: 8pt; font-weight: bold; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
	}
.bouton1:visited { color: #333333; text-decoration: none; }
.bouton1:link { color: #333333; text-decoration: none; }
.bouton1:hover { color: #ff0000; text-decoration: none; }