@charset "iso-8859-1";
 BODY { margin:0px; padding:0px; font-size: 90%; background-color: #bababa; font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #000000; font-weight: normal; background-image: url(/images/fond_mosaique.jpg); background-repeat: repeat; }
///images/fond_ny1.jpg
.fond3 { background: none; }
.fond2 { background-image: url(/images/fond-transparent-n75.png); background-repeat:repeat; }
.fond1 { background-image: url(/images/fond-transparent-90.png); background-repeat:repeat; 
	padding: 0px 25px; }

.haut { margin:0 auto; padding:0px; width:990px; 
	font-size: 1em; font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #000000; 
	background-image: url(/images/fond-transparent-75.png); background-repeat:repeat; 
	-moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px;
	}
.haut1 { margin:0px; padding:0px; background-image: url(/images/motif_carreaux25.gif); background-repeat:repeat; }
.bas { margin: 0 auto; width: 990px; 
	font-size: 0.9em; font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ffffff; 
	text-align:center;
	background-color: #000000; 
	-moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px;
	}
.box {
	position: relative;
	float: left;
	margin: 5px;
	background-color: none;
	padding: 5px; 
	//	border-bottom: 1px dotted #cccccc;
	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).
	*/
	}
.bouton-nav { margin:8px 0px; padding:2px 8px;
	font-size: 1em; font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ffffff; 
	text-align: left;
	border:2px solid #efefef; 
	background-color: #861215;
	-moz-border-radius:3px; -webkit-border-radius:3px; 
	background-image: -moz-linear-gradient(top, #861215, #ed1f25);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#861215), to(#ed1f25));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=maroon,endColorstr=red);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='maroon',endColorstr='red')";
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='black');
	/* slightly different syntax for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='black')";
	}

.bouton-nav2 { margin:8px 0px; padding:2px 8px;
	font-size: 1em; font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ffffff; 
	text-align: left;
	border:2px solid #efefef; 
	-moz-border-radius:3px; -webkit-border-radius:3px; 
	background-color: #ed1f25;
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='grey');
	/* slightly different syntax for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='grey')";
	}

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

.A2:visited { color: #ffffff; text-decoration: none; }
.A2:link { color: #ffffff; text-decoration: none; }
.A2:hover { color: #fdff7d; text-decoration: underline; }
.A2:active { color: #fdff7d; text-decoration: underline; }

.A22:visited { color: #fdff7d; text-decoration: none; }
.A22:link { color: #fdff7d; text-decoration: none; }
.A22:hover { color: #ffffff; text-decoration: underline; }
.A22:active { color: #ffffff; text-decoration: underline; }


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

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

.nav { color: #333333; padding: 5px; line-height: 1.6em; }

.ULNAV { margin:0px 12px 0px 16px; padding:4px 0px; font-family: 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: 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: Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #666666; text-align: left; }

LI { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #000000; font-weight: normal; }
P { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #000000; font-weight: normal; }
TD { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 1em; color: #000000; font-weight: normal; }
H1 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 1.8em; }
H2 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 1.6em; }
H3 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 1.4em; }
H4 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 1.2em;}
H5 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 1em; }
H6 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 0.9em; }
.titre1 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 1.8em; border-bottom: 2px solid #ed1f25; 
	margin: 10px 0px; }
.titre2 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 1.6em; margin: 8px 0px; }
.titre3 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: normal; font-size: 1.4em; margin: 6px 0px; }
.titre4 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 1.2em; margin: 4px 0px;; }
.titre5 { font-family: Arial, Helvetica, Verdana, Sans-Serif; color: #ed1f25; font-weight: bold; font-size: 1em; margin: 2px 0px;; }
.resume { color: #000000; line-height:1.4em; }
.texte { color: #000000; line-height:1.4em; }
.gris { color: #555555; }
.blanc { color: #FFFFFF; }
.rouge { color: #cc0000; }
.bleu { color: #3399FF; }
.narrow { font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, Verdana, sans-serif; }
.pub { font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, Verdana, sans-serif; margin: 1px 0px 10px 0px; font-size: 1em; color: #ed1f25; font-weight: bold; }
.petit { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 0.9em; }
.petit2 { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 0.8em; }
.arborescence { padding:4px; font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: x-small; color: #666666;  }
.cadre1 { border: thin solid #000000; }
.cadre2 { border: thin dotted gray; background: #D8EBFF; }
.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; }

.une { padding: 1px 10px 10px 10px; background-color: #ffffff; border: 1px solid #ed1f25; 
	-moz-border-radius: 8px; border-radius: 8px;
	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')";
	}
.promo { padding: 1px 10px 10px 10px; background-color: none; border: thin solid #ed1f25; 
	-moz-border-radius: 8px; border-radius: 8px;
	}
.titregamme1 { border-bottom: 1px solid #333333; color: #333333; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 14pt; marginbottom: 10px; }
.titregamme2 { color: #666666; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 12pt; marginbottom: 10px; }
.titreproduit { font-size: 11pt; color: #333333; font-weight: bold; }
.titreproduit2 { font-size: 10pt; color: #666666; font-weight: bold; font-style: italic; }
.texteproduit { font-size: 10pt; color: #000000; font-weight: normal; font-style: italic; }
.ligne1 {background-color: #E7E1CD;}
.ligne2 {background-color: #D0C9B7;}
.ligne3 {background-color: #F3EFE3;}
.cadre-photo { padding: 0px; border:thin solid #999999; 
background-color: #ffffff;
/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='silver');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='silver')";
}

.cadre-alerte { margin:1px; padding: 2px 8px; border: thin solid #ed1f25; background-color: #ffccff; 
	color: #000000; 
	-moz-border-radius: 0.5em; border-radius: 0.5em; }

.cadre-ombre { border:thin solid #999999; 
background-color: #ffffff;
/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='gray');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, 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));
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; background-color: #ed1f25; color: #ffffff; font-size: 8pt; font-weight: bold; border: thin outset #333333; }
.bouton:visited { color: #ffffff; text-decoration: none; }
.bouton:link { color: #ffffff; text-decoration: none; }
.bouton:hover { color: #fdff7d; text-decoration: none; }

HR { color: #cccccc; 
	background-color: #cccccc; 
	height: 1px; 
	//border: #cccccc; 
	border: none; }
.hr2 { color: #666666; 
	background-color: #666666; 
	height: 1px; 
	border: #666666; }
hr.pointille { color: #ffffff; 
	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; }