/* ---------------------------------------------------------
Site : ALOISIR.FR
Utilité >> Feuille de style du site VERSION 2
Nom du fichier >> v2style.css
Créé le  >> 17/05/2010
Copyright © >> http://www.akoter.com
------------------------------------------------------------ */


html {
	margin: 0;
	padding: 0;

        overflow-x: hidden; /* masque la barre de scroll du bas */
        -ms-overflow-x: hidden; /* masque la barre de scroll du bas POUR IE8*/
}


body {
	margin: 0;
	padding: 0;
	height: 100%;
/*	background: url('http://www.aloisir.fr/v2img/bgpageCenter.jpg') repeat top center #efedea;*/
        background-color:#E1E1E1;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#555;
}

li { list-style:none ;}

/*A:hover { color: yellow } /* lien survolé */
a:link, a:visited, a:active  { color: #06f; text-decoration: underline; }
a:hover { color: #999; text-decoration: none;}

a:link.blanc, a:visited.blanc, a:active.blanc  { color: #fff; text-decoration: none; }
a:hover.blanc { color: #ccc; text-decoration: none;}

a:link.avis, a:visited.avis, a:active.avis  { font-size:11px;color: #555; text-decoration: none; }
a:hover.avis { color: #000; text-decoration: none;}

a:link.noir, a:visited.noir, a:active.noir  { color: #666; text-decoration: underline; }
a:hover.noir { color: #555; text-decoration: none;}

a:link.gris, a:visited.gris, a:active.gris  { color: #666; text-decoration: underline; }
a:hover.gris { color: #ccc; text-decoration: none;}

a:link.orange, a:visited.orange, a:active.orange  { color: #f70; text-decoration: underline; }
a:hover.orange { color: #ccc; text-decoration: none;}

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

/*
a.Image {width:100%; height:14px; text-decoration: underline;}
a.Image:hover {text-decoration: none; background-color:#E1E1E1;}
*/
a:link.BarreNavLien, a:visited.BarreNavLien, a:active.BarreNavLien  {	
	font-size:11px;
	padding:6px 10px ;
	text-align:center;
	font-weight:bold;
	line-height:20px;
	color: #000; 
	display:inline;
	text-decoration: none; 
	border:1px solid #CCC ;
	background-color:#F4F4F4 ;
	-webkit-border-radius: 3px ; 
	-moz-border-radius: 3px ;
}
a:hover.BarreNavLien { 
	color: #fff;
	border:1px solid #ff4100;
	background-color:#ff9900 ;
}

a:link.BarreNavLienSelect, a:visited.BarreNavLienSelect, a:active.BarreNavLienSelect  { 
	font-size:11px;
	padding:6px 10px ;
	text-align:center;
	font-weight:bold;
	line-height:20px;
	color: #fff; 
	display:inline;
	text-decoration: none; 
	border:1px solid #ff4100;
	background-color:#ff9900 ;
	-webkit-border-radius: 3px ; 
	-moz-border-radius: 3px ;
}

a:hover.BarreNavLienSelect {
	color: #555;
	border:1px solid #CCC ;
	background-color:#F4F4F4 ;
}


#Conteneur {
/*	height: 100%;*/
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
        background-color:#FFFFFF ;
        border: 1px solid #bbbbbb;
        border-width: 0 1px;
}

#ContenuPage {
	width: 100%;
	margin: 0 0 10px 0;
	padding:0px 10px 10px 10px;
}


#HautPage{
	margin-top: 0;
	background: url('http://www.aloisir.fr/v2img/bgHautPage_velo01.jpg') no-repeat top left #589dda;
	height:200px;
}

#PhraseDynamic {font-size:11px; color:#666; line-height:30px; height:30px; margin-top: 0; padding-left:20px;}

#LogoSloggan{ 
	height:125px;
}

#Sloggan{ 
	padding:40px 0 0 0;
	font-size:13px;
	color:black;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

a.TitreMenu {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
a:hover.TitreMenu {color:#555; text-decoration:none;}

.JsMoins {
	padding:10px 0 10px 30px;
	background: url('./img/commun/IconeMoinsRouge.png') no-repeat 5px 10px  #CACAFF ;
	cursor:hand;
}

.JsPlus {
	padding:10px 0 10px 30px;
	background: url('./img/commun/IconePlusVerte.png') no-repeat 5px 10px #E5E5FF ;
	cursor:hand;
}


.DerniersArticles {
	margin:5px 0px 5px 0;
	padding:5px 0;
	border-bottom:1px solid #9EB6E2 ;
	-webkit-border-radius: 10px; /* for Safari */
	-moz-border-radius: 10px;		/* for Firefox */
}

.DerniersArticles img {
  float:left;
 /* background-color:#fafbfc;*/
  border:1px solid #EEE;
  margin:0 5px 10px 0px;
  padding:2px;
  /*height:50px;*/
}

.DerniersPrix {
	margin:5px 0;
	text-align:right;
}


.clear {clear:both;}

/***********************************************************************/
/***********************************************************************/
.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;
} 


/***********************************************************************/
/***********************************************************************/
.menu{
	height:45px;
	width:100%;
	margin:0 0 0 1px;
	border-bottom:5px solid #4d973f;
	padding-left:8px;
	width:990px;
/*
	filter: alpha(opacity=90);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
*/
}

.menu li { list-style:none ;}

.menu li a {
	float:left;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	margin-left:1px;
}

a.accueil { background:url('http://www.aloisir.fr/v2img/ButAccueil.png') no-repeat; width: 50px; height: 45px;	display:block;}
a.venteFlash {background:url('http://www.aloisir.fr/v2img/ButVenteFlash.png') no-repeat;width: 109px;height: 45px;display:block;}
/*a.venteFlash {background:url('http://www.aloisir.fr/v2img/ButVenteFlash.png') no-repeat bottom center;width: 109px;height: 45px;display:block;}*/
a.catalogue {background:url('http://www.aloisir.fr/v2img/ButCatalogue.png') no-repeat;width: 103px;height: 45px;display:block;}
a.panier {background:url('http://www.aloisir.fr/v2img/ButMonPanier.png') no-repeat;width: 106px;height: 45px;display:block;}
a.rechercher {background:url('http://www.aloisir.fr/v2img/ButRechercher.png') no-repeat;width: 108px;height: 45px;display:block;}
a.annonces {background:url('http://www.aloisir.fr/v2img/ButVosAnnonces.png') no-repeat;width: 125px;height: 45px;display:block;}
a.comparateur {background:url('http://www.aloisir.fr/v2img/ButComparateur.png') no-repeat;width: 122px;height: 45px;display:block;}
a.planSite {background:url('http://www.aloisir.fr/v2img/ButPlanSite.png') no-repeat;width: 125px;height: 45px;display:block;}
a.faq {background:url('http://www.aloisir.fr/v2img/ButFaq.png') no-repeat;width: 54px;height: 45px;display:block;}
a.contact {	background:url('http://www.aloisir.fr/v2img/ButContact.png') no-repeat;width: 88px;height: 45px;display:block;}

a.accueil:hover,
a.venteFlash:hover,
a.catalogue:hover,
a.panier:hover,
a.rechercher:hover,
a.annonces:hover,
a.comparateur:hover,
a.planSite:hover,
a.faq:hover,
a.contact:hover
        {
                background-position: bottom center;
        }
/***********************************************************************/
/***********************************************************************/


#CoteGauche {
	width:220px;
	margin:10px 0px 0 0;
	float:left;
	/*background-color:blue;*/
}

#Page {
	width:540px;
	margin:10px 10px 0 10px;
	float:left;
	/*background-color:red;*/
}


#CoteDroite {
	width:200px;
	margin:10px 0 0 0;
	float:left;
	/*background-color:green;*/
}

#zoneRecherche {
	width:750px;
	margin:0 0 0 10px ;
	float:left;
	height:40px;
	background:url(v2img/bgChampRecherche.png) no-repeat top right;
}

#GcheRecherche {
	float:left;
	width:540px;
	height:40px;
	padding: 10px 0 0 0;
	/**********************************************************
	background-color:#E1E1E1;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	/***********************************************************/
}

#champRecherche {
	width:200px;
	margin:0 10px 0 0 ;
	float:right;
	height:40px;
	text-align:right;
	padding-top:8px;
}


.clear { clear:both;}

#PiedPage {
	background: url('http://www.aloisir.fr/v2img/bgPiedPage.jpg') repeat top left #467fc0;
	padding:5px 10px 10px 10px;
	height:195px;
	margin-top:10px;
	color:#dbebfd  ;
}


p, div, ul, h1 {
	margin:0px;
	padding:0px;
}


img { display:block; } /* !! necessaire sinon il y a un espace autour des images */

/******************************************************************************************/
.TitreMenu {
	height:30px;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	line-height:30px;
	padding: 0 0 0 10px;
	cursor:pointer;
	display:block;
}

.menuGche li {
	list-style:none;
	margin-top:1px; 
}
.menuGche li:hover {
	list-style:none;
}

.menuGche li a {
	padding: 5px 0 5px 5px;
	line-height:18px;
	color:#000;
	font-size:11px;
	text-decoration: none;
	display:block;
}
.menuGche li a:hover {
	color:#999;
	background-color:#fff;
}


#EspPanier {
	border:1px solid #746343;
	border-width:0 1px;
	padding:10px 5px;
	line-height:15px;
	font-size:11px;
}
/*
#EspPanier li a {
	border-bottom:1px solid #E1E1E1;
	margin:2px 0 5 0;
	padding:5px 0;
}
*/
.articlePanier {
	border-bottom:1px solid #E1E1E1;
	margin:2px 0 5 0;
	padding:5px 0;
}

#EspDerniers {
	border:1px solid #58667f;
	border-width:0 1px;
	padding:10px 5px;
	font-size:11px;
	line-height:15px;
}

.EspHaut10 {
	margin-top:10px;
}

.EspCadre {
	margin:10px 0px;
	padding:10px 5px;
	font-size:12px;
	line-height:15px;
	/*background-color:#E1E1E1 ;*/
	border:1px solid #ccc;
	border-width:1px;
	-webkit-border-radius: 6px; /* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
}


.etiquetteJne {
	margin:5px 0 0 4px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	height:25px;
	background: url('http://www.aloisir.fr/v2img/bgEtiquetteJne.jpg') no-repeat top left ;
}

.etiquetteVert1 {
	margin:5px 0 0 4px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	line-height:25px;
	height:25px;
	background: url('http://www.aloisir.fr/v2img/bgEtiquetteVert1.jpg') no-repeat top left ;
}

.etiquetteVert2 {
	margin:5px 0 0 4px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	line-height:25px;
	height:25px;
	background: url('http://www.aloisir.fr/v2img/bgEtiquetteVert2.jpg') no-repeat top left ;
}

.etiquetteRouge {
	margin:5px 0 0 4px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	line-height:25px;
	height:25px;
	background: url('http://www.aloisir.fr/v2img/bgEtiquetteRouge.jpg') no-repeat top left ;
}

.etiquetteBleu1 {
	margin:5px 0 0 4px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	line-height:25px;
	height:25px;
	background: url('http://www.aloisir.fr/v2img/bgEtiquetteBleu1.jpg') no-repeat top left ;
}

.etiquetteGris {
	margin:5px 0 0 4px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	line-height:25px;
	height:25px;
	background: url('http://www.aloisir.fr/v2img/bgEtiquetteGris.jpg') no-repeat top left ;
}

.IntroPage {
	margin:0px 0 10px 0px;
	padding:10px;
	font-size:11px;
	line-height:15px;
	background-color: #F4F4F4;
	border:1px solid #ccc;
	border-width:1px;
	-webkit-border-radius: 6px; /* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
}


.CatRayon {
	width:265px;
	float:left;
	/*background-color:#E2E2E2 ;	*/
	margin-bottom:30px;
}

.CatRayon li {
	list-style:none ;
	margin-bottom:1px;
	line-height:30px;
	height:30px;
	font-size:11px;
	text-indent: 10px ; /*décale le texte de 40px du bord gauche */
	/*padding:5px 0 5px 10px;*/
}

.CatRayon li a {
	display:block;
	font-weight:bold;
	text-decoration: none;
	color:#333;
}
.CatRayon li a:hover {
	color:#06f;
	background-color:#F4F4F4;
	/*border-left:4px solid #C00;*/
}

 /* coté GAUCHE */
.EspacePub4 { margin:10px 0 10px 0; padding:10px 0; border-bottom:1px solid #E1E1E1;}

 /* coté DROIT */
.EspacePub5 { 
	margin:10px 0 10px 0; 
	padding:10px 10px; 
	border-bottom:1px solid #E1E1E1;
	font-size:11px;
	line-height:15px;
	background-color: #F4F4F4;
	text-align:justify;
	border:1px solid #ccc;
	border-width:1px;
	-webkit-border-radius: 6px; /* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
}

.EspacePub2 {
	padding:10px 0 10px 0;
}

.BarreNav {
	padding:10px 0 10px 0;
	text-align:center;
	line-height:16px;
	font-size:11px;
}
.TitreNomArticle {
	height:36px;
}
.TitreNomArticle a {
	padding:10px 0 10px 10px;
	display:block;
	font-weight:bold;
	/*background-color:#E1E1E2 ;*/
}
.PresentationArticle {
	display:block;
	min-height:89px;
	margin-bottom:15px;
	padding:10px 0 20px 10px;
}

.CadreImg {border:1px solid #CCC}
a:hover .CadreImg, A:active .CadreImg {border:1px solid #06f;} 

.EspGche {
	font-size:11px;
	float:left;
	/*background-color:#E1E1E2 ;*/
	width:100px;
	padding:3px 0;
}
.EspDrte {
	font-size:11px;
	float:left;
	width:165px;
	padding:3px 5px 3px 0 ;
	/*background-color:red ;*/
}

.EspCommentaire {
	font-size:11px;
	padding:3px 5px 3px 0 ;
}


.PrixPublic {
	font-size:11px;
	width:110px;
	height:50px;
	padding-top:15px;
	text-align:center;
	background: url('http://www.aloisir.fr/v2img/bgPrix.png') repeat left top ;
	margin-bottom:3px;
	color:#777 ;
}

.PrixSociete {
	font-size:12px;
	width:110px;
	height:53px;
	padding-top:12px;
	line-height:18px;
	text-align:center;
	background: url('http://www.aloisir.fr/v2img/bgPrix.png') repeat left bottom ;
	color:#000 ;
}

.PrixFlash {
	font-size:12px;
	width:110px;
	height:50px;
	padding-top:15px;
	text-align:center;
	background: url('http://www.aloisir.fr/v2img/bgPrixFlash.png') repeat left top ;
	margin-bottom:3px;
	color:#fff ;
}

.PrixFlashTemps {
	font-size:11px;
	font-weight:bold;
	height:18px;
	padding: 32px 0 0 58px;
	color:#fff ;
	/*
	width:280px;
	*/
	background: url('http://www.aloisir.fr/v2img/bgPrixFlashTemps.png') no-repeat left top ;
}


.EspEconomie {
	font-size:11px;
	padding:5px 0;
	line-height:15px;
	color:#C00;
}

.Comparateur {
	font-size:11px;
	padding:5px 0;
	margin-right:10px;
	line-height:15px;
	width:120px;
	float:left;
	/*background-color:red ;*/
}

.Caddy {
	font-size:11px;
	line-height:18px;
	padding:5px 0;
	width:230px;
	float:left;
	/*background-color:blue ;*/
}

.dispoStock {
	margin-top:5px;
	font-size:11px;
	line-height:25px;
	height:25px;
	text-align:center;
	width:130px;
	color:#fff;
	background:url('http://www.aloisir.fr/v2img/130_bg.png') no-repeat left top ;
}

.dispoMoins10 {
	margin-top:5px;
	font-size:11px;
	line-height:25px;
	height:25px;
	text-align:center;
	width:130px;
	color:#fff;
	background:url('http://www.aloisir.fr/v2img/130_bg.png') no-repeat left -25px ;
}

.dispoMoins5 {
	margin-top:5px;
	font-size:11px;
	line-height:25px;
	height:25px;
	text-align:center;
	width:130px;
	color:#fff;
	background:url('http://www.aloisir.fr/v2img/130_bg.png') no-repeat left -50px ;
}

.dispoRupture {
	margin-top:5px;
	font-size:11px;
	line-height:25px;
	height:25px;
	text-align:center;
	width:130px;
	color:#777;
	background:url('http://www.aloisir.fr/v2img/130_bg.png') no-repeat left bottom ;
}


.footerLiens {
	width:200px;
	float:left;
	margin-left:20px;
	line-height:16px;
	/*background-color:blue ;*/
}

.footerLiens li a {
	text-decoration:none;
	display:block;
	font-size:11px;
	color:#d9ebff;
}

.footerLiens li a:hover {
	/*background-color:#F1F1F1;*/
	color:#fff;
}

.footerInfos {
	font-size:11px;
	margin-top:20px;
	line-height:16px;
	text-align:center;
	/*background-color:blue ;*/
}


table.tailleVelo {
	margin-top:20px;
	border-collapse:collapse;
	width:100%;
 }
th.tailleVelo, td.tailleVelo {
	border:1px solid #E1E1E1;
	text-align:center;
 }

td.tailleVelo {
	text-align:center;
 }

table.ligneBas {
	/*margin-top:20px;*/
	border-collapse:collapse;
	width:100%;
 }
th.ligneBas, td.ligneBas {
	padding:10px 0;
	border-bottom:1px solid #E1E1E1;
 }

/*****************************************************************************************************************************************************/
/*****************************************************************************************************************************************************/
/*****************************************************************************************************************************************************/
.FdBarreTitreGris { background: #B2B0AA; height:25px; /*background-image: url('./img/FdBarreTitreGris.gif');*/  }
.FdBarreTitreJne { background: #F3C120;height:25px; /* background-image: url('./img/FdBarreTitreJne.gif');*/ }
.FdBarreTitreBleu { background: #658FD9; height:25px; /* background-image: url('./img/FdBarreTitreBleu.gif');*/ }
.FdColor1 {color:#000000; background: #EEFFEE;}
.FdColor2 {color:#000000; background: #CEFCCD;}
.FdColor3 {color:#000000; background: #FFDEDE;}
.FdColor4 {color:#000000; background: #FFEBEB;}

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


/*****************************************************************************************************************************************************/
/*****************************************************************************************************************************************************/
/*****************************************************************************************************************************************************/

 /* Titre des pages */
 .titrePage {
	height:40px;
	line-height:40px;
	font-size:15px;
	font-weight:bold;
	color:#fff ;
	padding: 0 0 0 15px;
	margin-bottom:10px;
}

 .titreContenu {
	line-height:16px;
	font-size:12px;
	padding: 10px 5px 10px 5px;
}

 .titrePage_gris {
	min-height:148px;
	width:530px;
	background:url('http://www.aloisir.fr/v2img/TitrePage_gris.jpg') no-repeat left top ;
	padding:0 5px;
 }

 .titrePage_marron {
	min-height:148px;
	width:530px;
	background:url('http://www.aloisir.fr/v2img/TitrePage_marron.jpg') no-repeat left top ;
	padding:0 5px;
 }

 .bgGris {
	 background-color:#F1F1F1;
 }


#BarreTri {
	padding:3px 0 3px 5px;
	width:123px;
	margin-right:5px;
	float:left;
	height:23px;
	line-height:20px;
	text-align:left;
	background-color:#F9F9F9;
	border:1px solid #CCC ;
}


.Fa_Caddy{
	font-size:11px;
	padding:5px 0;
	line-height:15px;
	margin:10px 0;
}

.Fa_Comparateur{
	font-size:11px;
	padding:5px 0;
	line-height:29px;
}

.Fa_Ligne{
	font-size:11px;
	padding:5px 0;
}

.VenteArticleFalse{
	margin:10px 0 10px 0;
	text-align:center;
	font-size:11px;
	padding:5px 0;
	background-color:#F9F9F9;
	border:1px solid #CCC ;
	color:#666 ;
}

.Fa_BoutonAcheter {
	margin:0px 0 10px 0;
	font-size:11px;
	padding:5px 0;
}

.ErreurQteMaxi {
	margin:5px 0 0px 0;
	font-size:11px;
	color:#fff;
	padding:10px 5px 25px 10px; 
	background:url('http://www.aloisir.fr/v2img/Erreur_bg.png') no-repeat left bottom; 
}

.ZoneRouge {
	color:#c00;
	border:1px solid #c00; 
	margin:8px 0 ; 
	padding:10px; 
	background-color: #ffe5e5; 
	font-size:11px;
}

.MsgConfirmation {
	border: 1px solid #339933 ;
	border-bottom: 2px double #339933 ;
	margin: none;
	margin: 5px 0;
	padding: 10px ;
	color:#718700;
	font-size:11px;
	background-color: #edf0b2; 
}


.ErreurCarac {
	margin:5px 0 0px 0;
	font-size:11px;
	color:#fff;
	padding:10px 20px 25px 50px; 
	background:url('http://www.aloisir.fr/v2img/Erreur_bg.png') no-repeat left bottom; 
}

.Fa_ArticleAjoute {
	margin:5px 5px 20px 0;
	font-size:11px;
	color:#fff;
	padding:10px 0px 10px 0px; 
	text-align:center;
	background-color:#090; 
}

.livraison {
	margin: 10px 0px 5px 0px ;
	font-size: 10px ;
	padding: 5px ;
	padding:10px 10px; 
	border:1px solid #ccc;
	border-width:1px;
	-webkit-border-radius: 6px; /* for Safari */
	-moz-border-radius: 6px;		/* for Firefox */
}

.Fa_LivraisonGratuite{
	margin: 10px 0px 0px 0px ;
	font-size:11px;
	padding:5px 0;
	text-align:center;
	font-weight:bold;
}

.Fa_Titre{
	font-size:13px;
	margin-top:5px;
	padding:5px 20px;
	font-weight:bold;
}


.textJustify{
	font-size:11px;
	padding:5px 20px;
	margin:0 0 20px 0;
	text-align:justify;
}

.ProdAff_photo{
	float:left;
	margin:0 10px 0 0;
	width:130px;
	background-color:#E2E2E2 ; 
}


.avisTitre{
	font-size:13px;
	margin:20px 0 5px 0;
	padding:5px 20px 5px 50px;
	line-height:20px;
	font-weight:bold;
	/*background-color:#5aa54a ;*/
	color:#fff ;
	-webkit-border-radius: 8px;	/* for Safari */
	-moz-border-radius: 8px;		/* for Firefox */
	background: url('http://www.aloisir.fr/v2img/ico_avisBleu.png') no-repeat 11px 8px #5aa54a;
	
	
}

.avisCatalogue{
	width:210px;
	margin:5px 0 10px 0;
	padding: 5px 5px 5px 45px;
	/*line-height:16px;*/
	background-color:#bddbb7 ; 
	border-bottom:1px solid #5aa54a ;
	-webkit-border-radius: 8px;	/* for Safari */
	-moz-border-radius: 8px;		/* for Firefox */
	background: url('http://www.aloisir.fr/v2img/ico_avisBleu.png') no-repeat 5px 5px #bddbb7;
	min-height:35px;
/*	text-indent: 40px ; /*décale le texte de 40px du bord gauche */
}


.avisBloc1{
	margin:5px 0 0px 0;
	padding: 10px 10px;
	line-height:16px;
	background-color:#bddbb7 ; 
	border-bottom:1px solid #5aa54a ;
	-webkit-border-radius: 8px;	/* for Safari */
	-moz-border-radius: 8px;		/* for Firefox */
}

.avisBloc2{
	margin:5px 0 0px 0;
	padding: 10px 10px;
	line-height:16px;
	background-color:#d6e8d2 ; 
	border-bottom:1px solid #5aa54a ;
	-webkit-border-radius: 8px;	/* for Safari */
	-moz-border-radius: 8px;		/* for Firefox */
}

.avisPseudo{
	margin: 0 0 5px 0;
}
.avisDate{
	font-size:10px;
}

#FormulaireAvis {
	padding: 10px 10px;
	margin:10px 0 0 0 ;
	background-color:#eef6ed ; 
	border-bottom:1px solid #5aa54a ;
	-webkit-border-radius: 8px;	/* for Safari */
	-moz-border-radius: 8px;		/* for Firefox */
}



/* --------------------------------------------------- FORMULAIRE AVIS (début) --------------------------------------------------------------------*/

#corpAvis {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 1em;
	color: #777;
}

#corpAvis p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 1px 0px 1px 0px;
	margin: 1px 0px 1px 0px;
	/*border: 1px solid #FF0000 ;*/
}

#corpAvis div#AvisForm label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 5px 0 0  ;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	/*border: 1px solid #FF0000 ;*/
}

#corpAvis label:hover, #piedAvis input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpAvis label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}


#corpAvis .legende {	/*** Mise en évidence des champs obligatoires ***/
	font-weight: bold;	
	color: #777;
	width: 150px;
	text-align:right;
}

#corpAvis .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: #bddbb7;
	color: black;
}

#corpAvis .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}


#piedAvis {
	margin-left: 152px;	
}

#piedAvis input {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	padding:10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	/* for Safari */
	color: #33491D;
	border:1px solid #628C37;
	background: #E9F2DF; /* old browsers */
	background: -moz-linear-gradient(top, #E9F2DF 0%, #BCD99F 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9F2DF), color-stop(100%,#BCD99F)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9F2DF', endColorstr='#BCD99F',GradientType=0 ); /* ie */
}
#piedAvis input:hover {
	border:1px solid #628C37;
	background: #BCD99F; /* old browsers */
	background: -moz-linear-gradient(top, #BCD99F 0%, #E9F2DF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCD99F), color-stop(100%,#E9F2DF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BCD99F', endColorstr='#E9F2DF',GradientType=0 ); /* ie */
}

/* --------------------------------------------------- FORMULAIRE AVIS (fin) --------------------------------------------------------------------*/


/* plan-site */
ul.rayon {
        margin:0 0 20px 0;
        padding:0 0 10px 0;
        border-bottom:1px solid #777777 ;
}

ul#rayon2 {
        background: #dce4da;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #dce4da 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#dce4da));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#dce4da',GradientType=0 );
        border-bottom: 3px double #bbbbbb ;
}

ul#rayon3 {
        background: #dfe0dc;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #dfe0dc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#dfe0dc));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#dfe0dc',GradientType=0 );
        border-bottom: 3px double #bbbbbb ;
}

ul#rayon4 {
        background: #e9e5de;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #e9e5de 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#e9e5de));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e9e5de',GradientType=0 );
        border-bottom: 1px solid #bbbbbb ;
}

ul#rayon5 {
        background: #e2e5e6;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #e2e5e6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#e2e5e6));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e2e5e6',GradientType=0 );
        border-bottom: 1px solid #bbbbbb ;
}

ul#rayon6 {
        background: #d7e9ec;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #d7e9ec 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#d7e9ec));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d7e9ec',GradientType=0 );
        border-bottom: 3px double #bbbbbb ;
}
ul#rayon7 {
        background: #d8e2ed;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #d8e2ed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#d8e2ed));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d8e2ed',GradientType=0 );
        border-bottom: 3px double #bbbbbb ;
}

ul#rayon8 {
        background: #e8e0d2;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #e8e0d2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#e8e0d2));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e8e0d2',GradientType=0 );
        border-bottom: 3px double #bbbbbb ;
}





ul.rayon li.rayon {
        padding: 10px 0 10px 20px; 
        font-size: 18px;
        border: 1px solid;

        -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
        -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);

        border-radius :10px 10px 0px 0px ;
        -moz-border-radius:10px 10px 0px 0px ;
        -webkit-border-radius:10px 10px 0px 0px ;
}

ul.rayon li#nomRayon2 {
        border-color: #517844 ;
        background-color:#80BC6A ;
        background: -moz-linear-gradient(top,white,#80BC6A 4%,#517844);
        background: -webkit-gradient(linear,left top, left bottom,from(white),to(#517844),color-stop(0.03, #80BC6A));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80BC6A', endColorstr='#517844',GradientType=0 );
}

ul.rayon li#nomRayon3 {
        border-color: #5D624C ;
        background-color:#929B77 ;
        background: -moz-linear-gradient(top,white,#929B77 4%,#5D624C);
        background: -webkit-gradient(linear,left top, left bottom,from(white),to(#5D624C),color-stop(0.03, #929B77));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929B77', endColorstr='#5D624C',GradientType=0 );
}

ul.rayon li#nomRayon4 {
        border-color: #917F57 ;
        background-color:#CDC688 ;
        background: -moz-linear-gradient(top,white,#CDC688 4%,#917F57);
        background: -webkit-gradient(linear,left top, left bottom,from(white),to(#917F57),color-stop(0.03, #CDC688));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDC688', endColorstr='#917F57',GradientType=0 );
}


ul.rayon li#nomRayon5 {
        border-color: #717D83 ;
        background-color:#AFC4C8 ;
        background: -moz-linear-gradient(top,white,#AFC4C8 4%,#717D83);
        background: -webkit-gradient(linear,left top, left bottom,from(white),to(#717D83),color-stop(0.03, #AFC4C8));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFC4C8', endColorstr='#717D83',GradientType=0 );
}


ul.rayon li#nomRayon6 {
        border-color: #4292A2 ;
        background-color:#64CED6 ;
        background: -moz-linear-gradient(top,white,#64CED6 4%,#4292A2);
        background: -webkit-gradient(linear,left top, left bottom,from(white),to(#4292A2),color-stop(0.03, #64CED6));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64CED6', endColorstr='#4292A2',GradientType=0 );
}


ul.rayon li#nomRayon7 {
        border-color: #4369A9 ;
        background-color:#67A9DA ;
        background: -moz-linear-gradient(top,white,#67A9DA 4%,#4369A9);
        background: -webkit-gradient(linear,left top, left bottom,from(white),to(#4369A9),color-stop(0.03, #67A9DA));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67A9DA', endColorstr='#4369A9',GradientType=0 );
}


ul.rayon li#nomRayon8 {
        border-color: #8A6614 ;
        background-color:#C99F1E ;
        background: -moz-linear-gradient(top,white,#C99F1E 4%,#8A6614);
        background: -webkit-gradient(linear,left top, left bottom,from(white),to(#8A6614),color-stop(0.03, #C99F1E));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C99F1E', endColorstr='#8A6614',GradientType=0 );
}



ul.rayon li.rayon a {
        color: #FFFFFF ;
        text-decoration:none;
}
ul.rayon li.rayon a:hover {
        color: #E1E1E1 ;
}


ul.rayon li.categorie {
        padding: 20px 0 5px 30px;
}
        ul.rayon li.categorie a {
                color: #333333 ;
                text-decoration:none;
        }
        ul.rayon li.categorie a:hover {
                color: #999999 ;
        }


ul.rayon li.article {
        font-size: 11px;
        padding:2px 10px 0px 50px;
        clear: both; 
}
        ul.rayon li.article a {
                display:block; 
                color: #333333 ;
                border-bottom:1px solid #F4F4F4 ;
                padding: 0 0 2px 10px;
        }

        ul.rayon li.article a:hover {
                color: #999999 ;
                text-decoration:none;
                background-color:#F1F1F1 ;
        }

        ul.rayon li.article img {
                float: left;
        }


.ZoneRouge {
	color:#cc0000;
	border:1px solid #c00;
	margin:8px 0 ;
	padding:10px;
	background-color: #ffe5e5;
}