/* ---------------------------------------------------------
Site : ALOISIR.FR
Utilité >> Feuille de style du site
Nom du fichier >> style.css
Créé le  >> 03/11/2003
Copyright © >> http://www.akoter.com
------------------------------------------------------------ */
p {
	margin:0;
	padding:0;
	font-family: 'trebuchet ms', Verdana, Tahoma, Helvetica, Arial;
	font-size: 12px;
}

h2, h3, h4 {
	margin:0;
	padding:0;
	font-family: 'trebuchet ms', Verdana, Tahoma, Helvetica, Arial;
}

.CoinsArrondis {
	/*width: 300px;*/
	/*margin: 60px auto;*/
	/*color: white;*/
	margin: 10px 0 10px 0 ; 
	padding: 8px 8px;

	/* Coins arrondis non supporté par IE (21/08/2009) */
	background-color: #FCFCFC;
	border:1px solid #c8c8c8;
	-webkit-border-radius: 8px;	/* for Safari */
	-moz-border-radius: 8px;		/* for Firefox */
}

.ChampObligatoire {background: #fad2b1;font-weight:bold;}
.CadreVert { 
	border:1px dotted #99cc00;
	background:#ddedba;
	font-size:11px;
	color:black;
	margin:10px 0 ;
	line-height:18px;
	padding:15px;
}
.CadreBleu { 
	border:1px dotted #0066ff;
	background:#dee3ff;
	font-size:11px;
	color:black;
	margin:10px 0 ;
	line-height:18px;
	padding:15px;
}
.CadreRouge { 
	border:1px dotted #cc0000;
	background-color:#FFD9DA;
	font-size:11px;
	color:black;
	margin:10px 0 ;
	line-height:18px;
	padding:15px;
}

.CadreOrange { 
	border:1px dotted #FF9933;
	background:#FCEBB1;
	font-size:11px;
	color:black;
	margin:10px 0 ;
	line-height:18px;
	padding:15px;
}






.Couleur7 { 
	background-color:#C7D8F8 ;
	padding: 5px 10px;
	border-bottom:1px solid blue;
}

.Couleur8 { 
	background-color:#bad1fd ;
	padding: 5px 10px;
	border-bottom:1px solid blue;
}

.ComparateurPrix {
	font-size: 16px;
	/*background-color:#eef0de;*/
	color:#7c8b01;
	font-weight:bold;
	margin:2px 0px; 
	padding:8px 0px; 
	text-align:right;
} 

.ComparateurGain {
	font-size: 11px;
	margin:2px 5px; 
	padding:2px 5px; 
	text-align:right;
} 

.ComparateurDonnees {
	padding:15px 8px; 
	border-bottom:1px solid #d7d9c8;
	border-left:1px solid #d7d9c8;
} 
.ComparateurTitres {
	padding:15px 15px 15px 5px; 
	border-bottom:1px solid #d7d9c8;
	font-weight:bold;
	text-align:right;
} 

/* ---------------------------------------- Les Liens ---------------------------------------- */
/*
a { color: #EF3B3B; text-decoration: underline }
a:hover { color: #999999; text-decoration: none;}
*/
.OmbreBlanc11 {font-family: verdana, Tahoma, Helvetica, Arial; color:#000000; font-size: 11px ; filter:dropshadow(color=#FFFFFF, offx=1, offy=1, positive=1)}
.OmbreNoir11 {font-family: verdana, Tahoma, Helvetica, Arial; color:#FFFFFF; font-size: 11px ; filter:dropshadow(color=#000000, offx=1, offy=1, positive=1)}
a.blanc {color:#FFFFFF; text-decoration:underline;}
a:hover.blanc {color:#FFCC00; text-decoration:none;}

a.NonSouligne {text-decoration:none;}
a:hover.NonSouligne {text-decoration:underline;}

a.noir {color:#000; text-decoration:underline;}
a:hover.noir {color:#CC0000; text-decoration:none;}

a.rouge {color:#CC0000; text-decoration:underline;}
a:hover.rouge {color:#666666; text-decoration:none;}

a.Gras {font:bold;} /* permet de sélectionner le lien au pointage */

a.Image {width: "100%"; height: "14"; text-decoration: underline;}
a.Image:hover {text-decoration: none; background-color:#E1E1E1;}

a.AllumeOn {width: "100%"; height: "14"; text-decoration: underline;}
a.AllumeOn:hover {text-decoration: none; background-color:#FAFAFA;}

a.AllumeOff {width: "100%"; height: "14"; text-decoration: none; font:bold italic; font-weight:bold; color: #666666;}
a.AllumeOff:hover {text-decoration: none; background-color:#FAFAFA;}

a.AllumeOffFond {width: "100%"; height: "14"; text-decoration: none; font:bold italic; font-weight:bold; color: #666666; background-color:#FAFAFA} /*background-color:#FFEEDB;*/

.CadreAutour {border:1px; border-thickness: 1px; border-color: #3366CC; border-style: dashed;}
A:hover .CadreAutour, A:active .CadreAutour {border:1px; border-thickness: 1px; border-color: #FFCC33; border-style: solid} /* solid <= trait,  dashed <= pointillés, */

/* ---------------------------------------- Les encards ---------------------------------------- */
fieldset{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	position: relative;
    border: 1px dashed #0000CC;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #B8BFF5;
	-moz-border-radius: 10px;
}

legend{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	position:relative;
	_top:-0.6em;
	margin-left: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background: #FFCC33;
	-moz-border-radius: 10px;
	font-weight : bold;
	height: "16";
    border: 1px solid #000000;
}

fieldset.Num2{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	position: relative;
    border: 1px dashed #999999;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #D4D4D4;
	-moz-border-radius: 10px;
}
/* ---------------------------------------- Les encards ---------------------------------------- */

/* ---------------------------------------- Les colonnes ---------------------------------------- */
td {font-family: 'Trebuchet MS', Verdana, Tahoma,  Helvetica, Arial; font-size : 0.8em; color:#333333;} /* caractères de 12 de manière générale*/
td.text11 { font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial; font-size: 11px; color:#333333 } /* caractères de 11*/
td.text10 { font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial; font-size: 0.7em; color:#333333 } /* caractères de 10*/
td.text14 { font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial; font-size: 1em; } /* caractères de 10*/
td.text18 { font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial; font-size: 1em; } /* caractères de 18, article.php*/

td.DefautFondHautGche { background-image: url('./img/Defaut_fond_haut_gche.jpg'); background-position: top right; background-repeat: no-repeat; }
td.VeloFondHautGche { background-image: url('./img/Velo_fond_haut_gche.jpg'); background-position: top right; background-repeat: no-repeat; }
td.SkiFondHautGche { background-image: url('./img/Ski_fond_haut_gche.jpg'); background-position: top right; background-repeat: no-repeat; }
td.CanoeFondHautGche { background-image: url('./img/Canoe_fond_haut_gche.jpg'); background-position: top right; background-repeat: no-repeat; }

td.DefautFondHautDrte { background-image: url('./img/Defaut_fond_haut_drte.jpg'); background-repeat: no-repeat; }
td.VeloFondHautDrte { background-image: url('./img/Velo_fond_haut_drte.jpg'); background-repeat: no-repeat; }
td.SkiFondHautDrte { background-image: url('./img/Defaut_fond_haut_drte.jpg'); background-repeat: no-repeat; }
td.CanoeFondHautDrte { background-image: url('./img/Canoe_fond_haut_drte.jpg'); background-repeat: no-repeat; }

td.PlaqueMetalBout { background-image: url('./img/Plaque_metal_bout.jpg'); background-repeat: no-repeat; }

td.MenuFondGris {
	background-image: url('./img/Menu_fond_gris.jpg');
	background-repeat: no-repeat;
}
td.MenuFondGrisCaddie { background-image: url('./img/Menu_fond_gris_caddie.jpg'); background-repeat: no-repeat; }

td.FdProduit { background-image: url('./img/FdProduit.jpg'); background-position: top left; background-repeat: no-repeat; }

tr.FdBarreTitreBleu { background: #658FD9; height:25px; /* background-image: url('./img/FdBarreTitreBleu.gif');*/ }
tr.FdBarreTitreJne { background: #F3C120;height:25px; /* background-image: url('./img/FdBarreTitreJne.gif');*/ }
tr.FdBarreTitreGris { background: #B2B0AA; height:25px; /*background-image: url('./img/FdBarreTitreGris.gif');*/  }
tr.FdBarreTitre { background: #4D7BB9; height:25px; /*background-image: url('./img/FdBarreTitreGris.gif');*/  }

tr.FdJne1 {background: #FFF25A;}
tr.FdBleu1 { background: #CACAFF;}
tr.FdRge2 {background: #FFC4C4;}

tr.FdBleu {background: #B6CAF4;}
tr.FdGris {background: #E1E1E1;}
tr.FdJne {background: #F4F3DD;}
tr.FdBarreTitre { background: #CBDFA2; height:25px; }

tr.FdVelo {background: #CCFFCC;}
tr.FdSki {background: #D7EBFF;}
tr.FdCanoe {background: #EFD7FF;}

tr.ClientOn {background: #CCFFCC;}
tr.ClientOff {background: #D7EBFF;}


/* Couleur en fonction de l'état des commandes */
tr.Com1 {color:#000000; background: #A8EFA2;}
tr.Com1Fonce {color:#000000; background: #53EF47;}
tr.Com2 {color:#000000; background: #8ECBDF;}
tr.Com2Fonce {color:#000000; background: #40B6DE;}
tr.Com3 {color:#FFFFFF; background: #BC8EDF;}
tr.Com3Fonce {color:#FFFFFF; background: #A55BDE;}
tr.Com4 {color:#000000; background: #FFE684;}
tr.Com4Fonce {color:#000000; background: #FFDB4A;}
tr.Com5 {color:#FFFFFF; background: #FF757C;}
tr.Com5Fonce {color:#FFFFFF; background: #FF3B44;}
tr.Com6 {color:#000000; background: #A8EFA2;}


td.Cadre1 {
	border: 1px dashed #666666 ;
	background: #E9D8A3 ;
	font-size: 11px ;
}

td.Cadre2 {
	border: 1px dashed #666666 ;
	background: #ECF7C4 ;
	font-size: 11px ;
}

td.Cadre3 {
	border: 1px dashed #666666 ;
	background: #C9E1EF ;
	font-size: 11px ;
}

td.Cadre4 {
	border: 1px dashed #666666 ;
	background: #EEEEEE ;
	font-size: 11px ;
}

td.Cadre5 {
	border: 1px dashed #666666 ;
	background: #FFCECF ;
	font-size: 11px ;
}
tr.FdColor1 {color:#000000; background: #EEFFEE;}
tr.FdColor2 {color:#000000; background: #CEFCCD;}
tr.FdColor3 {color:#000000; background: #FFDEDE;}
tr.FdColor4 {color:#000000; background: #FFEBEB;}

/*
.out {
	background:#CCFFFF;
}
*/
 .over {
	 background:#F0F4FD;
}


td.text10_ { font-family: 'Trebuchet MS', Verdana, Tahoma,  Helvetica, Arial; font-size : 0.7em;}

td.caracteristiques {
	color:#FFFFFF ;
	background-image: url('./img/AnimFondRouge.gif');
}

.Prix {
	background-color: #CC0000 ;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial;
	font-size: 0.9em ;
	color:#FFFFFF ;
	margin: 1px 5px 1px -5px ;
	padding: 1px 5px 1px 10px ;
}

.DifferencePrix {
	/*background-color: #CC0000 ;*/
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-image: url('./img/AnimFondRouge.gif');
	font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial;
	font-size: 0.9em ;
	color:#FFFFFF ;
	margin: 1px 5px 1px 5px ;
	padding: 1px 5px 1px 5px ;
	width: 180px;
}

.EnStock {
	background-color: #BED0FC ;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	color:#333333 ;
	font-size: 0.9em ;
	margin: 0px 32px 0px 0px ;
	padding: 1px -16px 1px 5px ;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial;
}

.RuptureStock {
	background-color: #FFCC99 ;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	color:#999999 ;
	font-size: 0.9em ;
	margin: 0px 55px 0px 0px ;
	padding: 1px 5px 1px 5px ;
	position : disabled ;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial;
}


.NavigationRapide2 {
	background-color: #FCEBB1 ;
	border-bottom: 1px dotted #666666;
	padding: 3px 20px 0px 20px ;
	width:200px;
	margin-left:auto;
	text-align:center;
}

.NavigationRapide {
	background-color: #d1d2f1 ;
	border-bottom: 1px dotted #666666;
	padding: 2px 0px 0px 5px ;
	margin-bottom: 4px ;
	position : disabled ;
	width:230px;
	text-align:left;
}


.economie {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #E1E1E1 ;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial;
	color:#333333 ;
	font-size: 0.9em ;
	text-shadow: #CCFF00 ;
	margin: 1px 16px 1px 5px ;
	padding: 1px -8px 1px 1px ;
}

.faq {
	margin: 1px 1px 1px 1px ;
	padding: 5px ;
}

.livraison {
	background-color: #E1E1E1 ;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial;
	font-size: 0.7em ;
	margin: 3px 3px 3px -8px ;
	padding: 3px 3px 5px 8px ;
}

.LivraisonGratuite {
	background-color: #BED0FC ;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial;
	font-size: 0.8em ;
	margin: 3px 3px 3px -8px ;
	padding: 3px 3px 5px 8px ;
}

.AjouterCaddie {
	background-image: url('./img/AnimFondRouge.gif');
	font-family: 'Trebuchet MS', Verdana, Tahoma, Helvetica, Arial;
	font-size: 0.9em ;
	color:#FFFFFF ;
	margin: 1px 5px 1px 5px ;
	padding: 1px 5px 1px 5px ;
}

.Surligne {
	background-image: url('./img/AnimFondRouge.gif');
	color:#FFFFFF ;
}

.IntroPage{
	margin: 5px 0;
	padding:15px;
	background: #efefef;
	line-height:16px;
	text-align: justify ;
}

.ArticleMasquer {margin-top:1px;padding:5px;background-color: #FFDDAD;}
.ArticleActiver {margin-top:1px;padding:5px;background-color: #B6CAF4;}

.erreur {	/*** Mise en forme des aides contextuelles ***/
	/*font-style: italic;*/
	/*color: #FF0000;*/
	/*padding-left:80px;*/
	background: #CC0000;
	color:white;
/*	text-align:center;*/
	padding:1px 3px 1px 10px;
	margin:3px 0 1px 0;
}
/* ------------------------------ MENU RAYON (début) ---------------------------------- */

ul#menu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menu li {
	margin: 0 ; /* espace entre le lignes */
	padding: 0 ;
	letter-spacing:0.1px;
}
ul#menu li a.LienMenuGauche {
	margin-top:10px;
	display: block ;
	/*width: 210px ;*/
	line-height: 23px ;
	text-indent: 5px ; /*décale le texte du bord gauche */
	text-decoration:underline;
	font-weight:bold;
	margin-bottom:1px;
	/*border-left:5px solid #FFCC00 ;*/
	border-top:1px dotted #FFCC00 ;
	background-color:#ffedaa ;
}
ul#menu li a:hover.LienMenuGauche {
	color:#000;
	text-decoration:none;
	background-color:#FFCC00 ;
	margin-bottom:1px;
}


ul#menu li a.RayonSelectionne {
	margin-top:10px;
	display: block ;
	/*width: 210px ;*/
	line-height: 23px ;
	text-indent: 5px ; /*décale le texte du bord gauche */
	color:#000;
	text-decoration:underline;
	font-weight:bold;
	margin-bottom:1px;
	/*
	border-left:5px solid #cc0000 ;
	background-color:#E4E4E4 ;
	*/
}


ul#menu li.RayonSelectionne {
	margin-top:10px;
	display: block ;
	/*width: 210px ;*/
	line-height: 23px ;
	text-indent: 5px ; /*décale le texte du bord gauche */
	color:#000;
	font-weight:bold;
	margin-bottom:1px;
	border-left:5px solid #cc0000 ;
	background-color:#E4E4E4 ;
}
ul#menu li.LienMenuGauche {
	margin-top:10px;
	display: block ;
	/*width: 210px ;*/
	line-height: 23px ;
	text-indent: 5px ; /*décale le texte du bord gauche */
	font-weight:bold;
	margin-bottom:1px;
	border-top:1px dotted #999 ;
	background-color:#E4E4E4 ;
}



ul#menu li a.LienMenuCat {
	display: block ;
	/*width: 210px ;*/
	line-height: 18px ;
	text-indent: 10px ; /*décale le texte du bord gauche */
	text-decoration:underline;
	margin-bottom:1px;
	/*
	background: url('http://www.directcheminee.fr/img/PointVertical.gif') repeat-y 3px 7px ;
	border-left:3px solid #ffedaa ;
	*/
}
ul#menu li a:hover.LienMenuCat {
	color:#CC0000;
	text-decoration:none;
	background-color:#F4F4F4 ;
	margin-bottom:1px;
	border-left:1px solid #CC0000 ;
}


ul#menu li a.CatSelectionne {
	display: block ;
	/*width: 210px ;*/
	line-height: 18px ;
	color:#CC0000;
	text-indent: 10px ; /*décale le texte du bord gauche */
	text-decoration:none;
	margin-bottom:1px;
	/*background: url('http://www.directcheminee.fr/img/PointVertical.gif') repeat-y 3px 7px ;*/
	border-left:1px solid #cc0000 ;
	background-color:#F4F4F4 ;
	/*font-weight:bold;*/
}
/* ------------------------------ MENU RAYON (fin) ---------------------------------- */