@charset "iso-8859-1";
 BODY { margin:0px; padding:0px; font-size: 85%; background-color: #f0f0f0; font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #000000; 
	background-image: url(/images/degrade-gris2.jpg); background-position: top center; background-repeat: repeat-x;
	}
.fond1 { padding:10px 20px;
	background-color: none;
	}
.fond2 { 
	background-color: none; 
	}
.fond3 { //background-color: #ffffff;
	border:1px solid #cccccc;
	background-image: url(/images/fond-transparent-75.png); background-repeat: repeat;
	-moz-border-radius:4px; -webkit-border-radius:4px; 
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	}
.haut { font-size: 1em; font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #CCCCCC; 
	//	background-image: url(images/_haut.jpg); background-repeat: x-repeat; 
	}
.bas { margin: 0 auto; width: 990px; 
	font-size: 1em; font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #CCCCCC; 
	text-align:center;
	border:1px solid #333333; 
	background: #333333 url(/images/bg_button2.png) repeat-x; 
	-moz-border-radius:4px; -webkit-border-radius:4px; 
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	}
.bloc { margin-bottom: 10px; }
.contour { margin:10px; }
.diaporama { // background-color: #ffffff;
	margin: 0 auto; width: 970px;
	padding:10px;
	border:1px solid #cccccc;
	background-image: url(/images/fond-transparent-75.png); background-repeat: repeat;
	-moz-border-radius:4px; -webkit-border-radius:4px; 
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	}

.box {
	position: relative;
	float: left;
	margin: 5px;
	background-color: none;
	padding: 5px; 
	//	border-bottom: 1px dotted #cccccc;
	font-size: 85%;
	overflow: auto;	
	/* permet de gerer les depassements de blocs dont on a précisé la taille
	- visible, rend visible tout ce qui dépasse.
	- hidden, cache tout ce qui dépasse.
	- scroll, met toujours une barre de défilement horizontale et verticale.
	- auto, met une barre de défilement horizontale ou verticale si besoin.
	- inherit, hérite de son parent (css2).
	*/
	}

A:visited { color: #0d7ac1; text-decoration: underline; }
A:link { color: #0d7ac1; text-decoration: underline; }
A:hover { color: #999999; text-decoration: underline; }
A:active { color: #999999; text-decoration: underline; }

.A2:visited { color: #999999; text-decoration: none; font-weight: bold; padding:3px; }
.A2:link { color: #999999; text-decoration: none; font-weight: bold; padding:3px; }
.A2:hover { color: #ffffff; text-decoration: none; font-weight: bold; padding:3px; }
.A2:active { color: #eeeeee; text-decoration: none; font-weight: bold; padding:3px; }

.A22:visited { color: #eeeeee; text-decoration: none; font-weight: bold; padding:3px; }
.A22:link { color: #eeeeee; text-decoration: none; font-weight: bold; padding:3px; }
.A22:hover { color: #eeeeee; text-decoration: none; font-weight: bold; padding:3px; }
.A22:active { color: #eeeeee; text-decoration: none; font-weight: bold; padding:3px; }

.A3:visited { color: #0d7ac1; text-decoration: none; }
.A3:link { color: #0d7ac1; text-decoration: none; }
.A3:hover { color: #999999; text-decoration: none; }
.A3:active { color: #999999; text-decoration: none; }

.A32:visited { color: #666666; text-decoration: none; }
.A32:link { color: #666666; text-decoration: none; }
.A32:hover { color: #999999; text-decoration: none; }
.A32:active { color: #999999; text-decoration: none; }

.A5:visited { color: #ff0000; text-decoration: none; }
.A5:link { color: #ff0000; text-decoration: none; }
.A5:hover { color: #ffffff; text-decoration: none; }
.A5:active { color: #ff0000; text-decoration: none; }

.nav { color: #CCCCCC; margin: 1px; padding: 3px; line-height: 1.6em; font-weight: bold; }


.ul2 { padding-left: 25px; }

LI { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #000000;
	// list-style-type: none; background: url(/pic/puce.gif) no-repeat 0 0.32em;
	}
P { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #000000; font-weight: normal; }
TD { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #000000; font-weight: normal; }
H1 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #000000; font-weight: bold; font-size: 1.8em; }
H2 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #000000; font-weight: bold; font-size: 1.6em; }
H3 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #000000; font-weight: bold; font-size: 1.4em; }
H4 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #000000; font-weight: bold; font-size: 1.2em;}
H5 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #000000; font-weight: bold; font-size: 1em; }
H6 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #000000; font-weight: bold; font-size: 0.9em; }
.titre1 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #000000; font-weight: bold; font-size: 1.8em; 
	//border-bottom: 2px solid #000000; 
	padding-bottom:2px; margin-bottom: 10px;
	}
.titre2 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #0d7ac1; font-weight: bold; font-size: 1.6em; margin: 8px 0px; }
.titre3 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #0d7ac1; font-weight: normal; font-size: 1.4em; margin: 6px 0px; }
.titre4 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #0d7ac1; font-weight: bold; font-size: 1.2em; margin: 4px 0px;; }
.titre5 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #0d7ac1; font-weight: bold; font-size: 1em; margin: 2px 0px;; }
.souligne { font-weight: bold; border-bottom: 1px solid #0d7ac1; padding-bottom:2px; margin-bottom: 10px; }
.resume { color: #000000; text-align: justify; line-height:1.4em; font-weight: bold; color: #0d7ac1; }
.texte { color: #000000; text-align: justify; line-height:1.4em; }
.gris { color: #999999; }
.blanc { color: #FFFFFF; }
.rouge { color: #CC0000; }
.bleu { color: #0d7ac1; }
.violet { color: #64284b;}
.narrow { font-family: "Arial Narrow", "Helvetica Narrow", 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif; }
.pub { margin-bottom: 12px; padding-bottom: 10px;
	font-family: "Arial Narrow", "Helvetica Narrow", 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif; 
	border-bottom: 2px dotted #cecece;
	}
.petit { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 0.9em; }
.petit2 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 0.8em; }
.arborescence { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: x-small; color: #666666;
	border-bottom 1px dotted #cccccc; padding-bottom: 5px;}
.cadre1 { border: thin solid #000000; }
.cadre2 { border: thin dotted gray; }
.cadre5 { 
	border:1px solid #bdbdbd; 
	background: #efefef url(/images/bg_button.png) repeat-x; 
	-moz-border-radius:5px; -webkit-border-radius:5px; }
.droite { margin:0px 0px 0px 12px; float:right; display:block; position:relative; }
.gauche { margin:0px 12px 0px 0px;float:left; display:block; position:relative; }
.cadre-photo { padding: 5px; background-color: #ffffff; border: thin solid #cccccc; }
.ligne { border-bottom:1px solid #cccccc;}
.une { padding: 5px 10px; 
	border:thin solid #cccccc; 
	background-color:#efefef; background-image: url(/images/degrade-gris1.jpg); background-position: top center; background-repeat: repeat-x; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; 
	}
.promo { padding: 5px 10px;
	background-color:#ffffff; 
	border:thin solid #cccccc; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; 
	}

.cadre-alerte { margin:1px; padding: 2px 8px; 
	color: #000000; 
	border: thin solid #cc0000; background-color: #ffccff; 
	-moz-border-radius: 10px; border-radius: 10px; 
	}
.cadre-ombre { padding:5px; 
	border:thin solid #efefef; 
	background-color: #ffffff;
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
	/* 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-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));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=silver,endColorstr=white);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='silver',endColorstr='white')";
}
.cadre-arrondis { padding: 1xp 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));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=silver,endColorstr=white);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='silver',endColorstr='white')";
	-moz-border-radius: 5px; border-radius: 5px;
}
.bloc { margin-bottom: 10px; }
.contour { margin:10px; }

.bouton-img { 
	padding: 20px 5px; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
	color: #ffffff; font-weight: bold; font-size: 1em; text-align: center;
	background-image: url(/images/bouton_bleu.gif); background-position: center; background-repeat: no-repeat;
	}

HR { color: #cecece; 
	background-color: #cecece; 
	height: 1px; 
	border: #cecece; }
.hr2 { color: #666666; 
	background-color: #666666; 
	height: 1px; 
	border: #666666; }
hr.pointille { color: #cccccc; 
	border: none;                   /* Idem : on ne veut pas des bordures... */
	border-top: 1px dotted #cccccc; /* ... on en veut juste UNE en pointillés, de hauteur 6 pixels */
	height: 0px;                    /* Le filet est rendu grâce à la bordure haute : pas besoin du "contenu" (si on peut dire) */
	width: 100%;
	align: center;
	}
.discret { display: none; visibility: hidden; }
.separation { visibility: hidden; clear: both; }

.bouton { padding:2px 3px; background-color: #0d7ac1; color: #ffffff; font-size: 8pt; font-weight: bold; border: thin outset #999999; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	}
.bouton:visited { color: #ffffff; text-decoration: none; }
.bouton:link { color: #ffffff; text-decoration: none; }
.bouton:hover { color: #aedfff; text-decoration: none; }

.bouton1 { padding:2px 3px; background-color: #cccccc; color: #000000; font-size: 8pt; font-weight: bold; border: thin outset #999999; 
	-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));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=silver,endColorstr=white);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='silver',endColorstr='white')";
	}
.bouton1:visited { color: #333333; text-decoration: none; }
.bouton1:link { color: #333333; text-decoration: none; }
.bouton1:hover { color: #0d7ac1; text-decoration: none; }

.ombre-dessous50 { 
	background: url(/images/ombre-dessous50.png); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	padding-bottom: 10px;
	}
.ombre-dessous100 { 
	background: url(/images/ombre-dessous100.png); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	padding-bottom: 10px;
	}
.ombre-dessous200 { 
	background: url(/images/ombre-dessous200.png); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	padding-bottom: 12px;
	} 
.ombre-dessous400 { 
	background: url(/images/ombre-dessous400.png); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	padding-bottom: 14px;
	} 
.ombre-dessous600 { 
	background: url(/images/ombre-dessous600.png); 
	background-repeat: no-repeat; 
	background-position: center bottom; 
	padding-bottom: 16px;
	}