@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: #666666; 
	background-image: url(/images/fond-page3.jpg); background-repeat: no-repeat; background-position: left bottom; background-attachment: attached;
	}
.fond1 { padding:10px 20px;
	background-color: none;
	}
.fond2 { padding:1px 10px; 
	background-color: none; 
	}
.fond3 { width:860px;
	border:1px solid #dddddd;
	background-image: url(/images/fond-transparent-75.png); background-repeat: repeat;
	-moz-border-radius:6px; -webkit-border-radius:6px; 
	}
.haut { margin: 0 auto; width: 860px; 
	//border:1px solid #cccccc; 
	font-size: 1em; font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #CCCCCC; }
.bas { margin: 0 auto; width: 860px; 
	font-size: 1em; font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #CCCCCC; 
	text-align:center;
	border:1px solid #cccccc; 
	background: #efefef url(/images/bg_button.png) repeat-x; 
	-moz-border-radius:6px; -webkit-border-radius:6px; 
	}

.box {
	margin-left: 15px;
	//border:1px solid #cccccc; 
	position: relative;
	float: left;
	background-color: none;
	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: #666666; text-decoration: underline; }
A:link { color: #666666; text-decoration: underline; }
A:hover { color: #008bcf; text-decoration: underline; }
A:active { color: #008bcf; text-decoration: underline; }

.A2:visited { color: #666666; text-decoration: none; font-weight: bold; padding:3px; }
.A2:link { color: #666666; text-decoration: none; font-weight: bold; padding:3px; }
.A2:hover { color: #008bcf; text-decoration: none; font-weight: bold; padding:3px; }
.A2:active { color: #008bcf; text-decoration: none; font-weight: bold; padding:3px; }

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

.A32:hover { color: #666666; text-decoration: none; }

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

.ul2 { padding-left: 25px; }
.ULNAV { margin:0px 12px 0px 16px; padding:4px 0px; font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; text-align: center; }
.LINAV { margin:0px 0px 0px 8px; border-bottom: 1px solid #999999; padding:4px 0px; font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #666666; text-align: left; }
.LINAV2 { margin:0px 0px 0px 16px; border-bottom: 1px solid #999999; padding:2px 0px; list-style-image:url(/pic/puce7.gif); font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #666666; text-align: left; }

LI { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #666666; font-weight: normal; }
P { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #666666; font-weight: normal; }
TD { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #666666; font-weight: normal; }

H1 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 1.8em; }
H2 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 1.6em; }
H3 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 1.4em; }
H4 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 1.2em;}
H5 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 1em; }
H6 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 0.9em; }
.titre1 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 1.8em; 
	//border-bottom: 2px solid #666666; 
	padding-bottom:2px; margin-bottom: 10px;
	}

.titre2 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 1.6em; margin: 8px 0px; }
.titre3 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: normal; font-size: 1.4em; margin: 6px 0px; }
.titre4 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 1.2em; margin: 4px 0px;; }
.titre5 { font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans-Serif; color: #666666; font-weight: bold; font-size: 1em; margin: 2px 0px;; }
.souligne { font-weight: bold; border-bottom: 1px solid #008bcf; padding-bottom:2px; margin-bottom: 10px; }
.resume { color: #666666; line-height:1.4em; font-weight: bold; }
.texte { color: #666666; line-height:1.4em; }
.gris { color: #999999; }
.blanc { color: #FFFFFF; }
.rouge { color: #CC0000; }
.bleu { color: #008bcf; }
.violet { color: #64284b;}
.narrow { font-family: "Arial Narrow", "Helvetica Narrow", 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif; }
.pub { font-family: "Arial Narrow", "Helvetica Narrow", 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif; margin-bottom: 10px;}
.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;  }
.cadre1 { border: 1px solid #000000; }
.cadre2 { border: 1px 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; }
.une { padding: 5px 10px; 
	border:thin solid #cccccc; 
	background-color:#ffffff; background-image: url(/images/degrade-gris1.jpg); background-position: top center; background-repeat: repeat; 
	-moz-border-radius: 6px; -webkit-border-radius: 6px; 
	}
.promo { padding: 5px 10px;
	background-color:#ffffff; 
	border:thin solid #cccccc; 
	-moz-border-radius: 6px; -webkit-border-radius: 6px; 
	}
.cadre-gris { padding: 5px 10px; 
	border:thin solid #cccccc; 
	background-color:#efefef;  
	-moz-border-radius: 6px; -webkit-border-radius: 6px; 
	}
.cadre-alerte { margin:1px; padding: 2px 8px; 
	color: #000000; 
	border: thin solid #cc0000; background-color: #ffccff; 
	-moz-border-radius: 10px; border-radius: 10px; }

.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-arrondi { 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 { padding:2px 4px; background-color: #008bcf; 
	background-image: url(images/bouton-bleu.gif); background-repeat: repeat; 
	color: #ffffff; font-size: 8pt; font-weight: bold; 
	border: thin outset #004d72; 
	-moz-border-radius:4px; -webkit-border-radius:4px;}
.bouton:visited { color: #ffffff; text-decoration: none; }
.bouton:link { color: #ffffff; text-decoration: none; }
.bouton:hover { color: #98ddff; text-decoration: none; }

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