/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient tous les CSS
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Structure
// Les menus
// - Menu haut
// - Entrées collection accueil
// - Menu bas
// - Menu droite et colonne droite
// - Menu collection intérieur
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body{
	height:100%;
	background:url(../images/background/back-site.gif) repeat-x #FFFFFF;
	line-height:20px;
}
img{
	border:0;
}
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0; padding:0;
}
ul, li{
	list-style:none;
}
div.divSeparateurInvisible{ /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée */
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr{
  display: none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurSite{
	width:1000px;
	position:absolute; top:0px; left:50%; z-index:2;
	margin-left:-500px;
}
div#divRetourAccueil{
	float:left;
	width:323px; height:159px;
}
div#divMenuHaut{
	float:left;
	width:484px; height:20px;
}
div#divEncartTitreSiteAccueil, div#divEncartTitreSiteInterieur{
	float:left; position:relative;
	width:484px; height:139px;
}
div#divEncartTitreSiteAccueil{
	background:url(../images/background/back-encart-titre-site-accueil.png) no-repeat;
}
div#divEncartTitreSiteInterieur{
	background:url(../images/background/back-encart-titre-site-interieur.jpg) no-repeat;
}
div#divEncartTitreSiteAccueil p, div#divEncartTitreSiteInterieur p{
	display:none;
}
div#divConteneurMenuDroite{
	position:absolute; top:0px; right:44px;
	width:149px;
	background:url(../images/background/back-menu-droite-ombre.gif) no-repeat;
}
div#divConteneurAccueil{
	float:left;
	width:807px; height:482px;
	/*background:url(../images/background/back-accueil.jpg) no-repeat;*/
}
div#divConteneurContenu{
	float:left;
	width:807px;
	background:url(../images/background/back-interieur.jpg) no-repeat;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Les menus
///////////////////////////////////////////////////////////////////////////////////*/
/* Menu haut */
div#divMenuHaut ul{
	text-align:center;
	line-height:17px;
}
div#divMenuHaut ul li{
	display:inline;
	margin:0 20px 0 10px;
}
div#divMenuHaut ul a:link, div#divMenuHaut ul a:visited{
	font:bold 11px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;
}
div#divMenuHaut ul a:hover, div#divMenuHaut ul a:active{
	text-decoration:underline;
}
/* Entrées collection accueil */
div#divEntreesCollection{
	width:760px; height:195px;
	margin:10px 0 0 47px;
}
div#lienDiversAliments a, div#lienQuestionsHabitudes a, div#lienJeu21Cases a, div#lienMenusCarte a{
	display:block; float:left; z-index:1;
	width:190px; height:195px;
}
div#lienDiversAliments a:hover, div#lienQuestionsHabitudes a:hover, div#lienJeu21Cases a:hover, div#lienMenusCarte a:hover{	
	background-position: -190px 0;
}
div#lienDiversAliments a{
	background:url(../images/menu/divers-aliments.png) no-repeat 0 0;
}
div#lienQuestionsHabitudes a{
	background:url(../images/menu/questions-habitudes.png) no-repeat 0 0;
}
div#lienJeu21Cases a{
	background:url(../images/menu/jeu-21-cases.png) no-repeat 0 0;
}
div#lienMenusCarte a{
	background:url(../images/menu/menus-carte.png) no-repeat 0 0;
}
div#divConteneurAccueil div#lienCommanderCollectionComplete a{
	display:block; position:absolute; top:327px; left:408px; z-index:2;
	width:260px; height:110px;
	background:url(../images/menu/commander-collection-complete.png) no-repeat 0 0;
}
div#divConteneurAccueil div#lienCommanderCollectionComplete a:hover{	
	background-position: -260px 0;
}
p.pInfoCollection{
	margin:10px 0 0 40px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#888; text-align:justify;
}
p.pInfoCollection strong{
	font:bold 12px Arial, Helvetica, sans-serif; color:#DD4400;
}
/* Menu bas */
div#divConteneurMenuBas{
	clear:both;
}
div#divConteneurMenuBas ul{
	text-align:center;
	padding-top:15px;
}
div#divConteneurMenuBas ul li{
	display:inline;
}
div#divConteneurMenuBas ul a:link, div#divConteneurMenuBas ul a:visited{
	font:normal 12px Arial, Helvetica, sans-serif; color:#888; text-decoration:none;
	padding:0 10px 0 10px;
	border-right:1px solid #b4b4b4;
}
div#divConteneurMenuBas ul a.spe:link, div#divConteneurMenuBas ul a.spe:visited{
	font-weight:bold; color:#006c07;
}
div#divConteneurMenuBas ul a.ago:link, div#divConteneurMenuBas ul a.ago:visited{
	border-right:0px;
}
div#divConteneurMenuBas ul a:hover, div#divConteneurMenuBas ul a:active, div#divConteneurMenuBas ul a.spe:hover, div#divConteneurMenuBas ul a.spe:active{
	text-decoration:underline;
}
/* Menu droite et colonne droite */
div#divConteneurCompteEtPanier, div#divConteneurCompteEtPanierConnecte{
	position:relative;
	width:133px; height:181px;
	background:url(../images/background/back-compte-et-panier.jpg) no-repeat;
}
div#divConteneurCompteEtPanierConnecte{
	background:url(../images/background/back-compte-et-panier-connecte.jpg) no-repeat;
}
div#divConteneurCompteEtPanier input{
	width:93px; height:14px !important; height:16px;
	font:normal 10px Arial, Helvetica, sans-serif; color:#000;
	background:none; border:0;
}
div#divConteneurCompteEtPanier input.input1{
	position:absolute; top:38px; left:10px;
}
div#divConteneurCompteEtPanier input.input2{
	position:absolute; top:58px; left:10px;
}
div#divConteneurCompteEtPanier div#lienOk a{
	display:block; position:absolute; top:47px; left:107px;
	width:22px; height:16px;
	background:url(../images/menu/ok-connexion.gif) no-repeat 0 0;
}
div#divConteneurCompteEtPanier div#lienOk a:hover{	
	background-position: -22px 0;
}
div#divConteneurCompteEtPanier p#pInfosCompteSupp{
	text-align:center;
	padding-top:78px;
}
div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp{
	padding-top:38px;
}
div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien1:link, div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien1:visited, div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien2:link, div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien2:visited, div#divConteneurCompteEtPanier p#pInfosVoir a.lien1:link, div#divConteneurCompteEtPanier p#pInfosVoir a.lien1:visited{
	font:normal 10px Arial, Helvetica, sans-serif;
}
div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien1:link, div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien1:visited, div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien2:link, div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien2:visited, div#divConteneurCompteEtPanierConnecte p#pInfosVoir a.lien1:link, div#divConteneurCompteEtPanierConnecte p#pInfosVoir a.lien1:visited{
	font:normal 10px Arial, Helvetica, sans-serif;
	padding-left:10px;
}
div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien1:hover, div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien1:active, div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien2:hover, div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien2:active, div#divConteneurCompteEtPanier p#pInfosVoir a.lien1:hover, div#divConteneurCompteEtPanier p#pInfosVoir a.lien1:active{
	text-decoration:none;
}
div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien1:hover, div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien1:active, div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien2:hover, div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien2:active, div#divConteneurCompteEtPanierConnecte p#pInfosVoir a.lien1:hover, div#divConteneurCompteEtPanierConnecte p#pInfosVoir a.lien1:active{
	text-decoration:none;
}
div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien1, div#divConteneurCompteEtPanier p#pInfosVoir a.lien1, div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien1, div#divConteneurCompteEtPanierConnecte p#pInfosVoir a.lien1{
	color:#fff;
}
div#divConteneurCompteEtPanier p#pInfosCompteSupp a.lien2, div#divConteneurCompteEtPanierConnecte p#pInfosCompteSupp a.lien2{
	color:#eba301;
}
div#divConteneurCompteEtPanier p#pInfosVoir, div#divConteneurCompteEtPanierConnecte p#pInfosVoir{
	position:absolute; top:122px; right:10px;
}
div#divConteneurCompteEtPanier p#pInfosArticle, div#divConteneurCompteEtPanierConnecte p#pInfosArticle{
	position:absolute; top:150px; left:10px;
	font:normal 10px Arial, Helvetica, sans-serif; color:#fff;
}
div#divConteneurCompteEtPanier p#pInfosSomme, div#divConteneurCompteEtPanierConnecte p#pInfosSomme{
	position:absolute; top:148px; right:10px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#eba301; text-align:right;
}
div#divIdeesPratiquesMenuDroite{
	width:133px;
	background:#eba301;
}
div#divIdeesPratiquesMenuDroite ul li{
	padding:0 10px 5px 10px;
	background:url(../images/picto/sep-idee-pratique.gif) no-repeat bottom;
}
div#divIdeesPratiquesMenuDroite ul li a:link, div#divIdeesPratiquesMenuDroite ul li a:visited{
	font:normal 12px Arial, Helvetica, sans-serif; color:#a50022; text-align:justify; text-decoration:none;
}
div#divIdeesPratiquesMenuDroite ul li a:hover, div#divIdeesPratiquesMenuDroite ul li a:active{
	text-decoration:underline;
}
div#divBasIdeesPratiquesMenuDroite{
	width:133px; height:30px;
	background:url(../images/background/back-bas-idees-pratiques.jpg) no-repeat;
}
div#divServicesMenuDroite{
	width:133px;
	background:#ffffce url(../images/background/back-bas-menu-droite.jpg) no-repeat bottom;
}
div#divServicesMenuDroite img{
	margin-bottom:100px;
}
/* Menu collection intérieur */
div#divEncartTitreSiteInterieur div#divMenuCollection{
	position:absolute; top:93px; width:479px;
}
div#divMenuCollection div#lienDiversAliments a{
	display:block; float:left;
	width:124px; height:48px;
	background:url(../images/menu/divers-aliments-int.png) no-repeat 0 0;
}
div#divMenuCollection div#lienDiversAliments a:hover{	
	background-position: -124px 0;
}
div#divMenuCollection div#lienQuestionsHabitudes a{
	display:block; float:left;
	width:132px; height:48px;
	background:url(../images/menu/questions-habitudes-int.png) no-repeat 0 0;
}
div#divMenuCollection div#lienQuestionsHabitudes a:hover{	
	background-position: -132px 0;
}
div#divMenuCollection div#lienJeu21Cases a{
	display:block; float:left;
	width:112px; height:48px;
	background:url(../images/menu/jeu-21-cases-int.png) no-repeat 0 0;
}
div#divMenuCollection div#lienJeu21Cases a:hover{	
	background-position: -112px 0;
}
div#divMenuCollection div#lienMenusCarte a{
	display:block; float:left;
	width:111px; height:48px;
	background:url(../images/menu/menus-carte-int.png) no-repeat 0 0;
}
div#divMenuCollection div#lienMenusCarte a:hover{	
	background-position: -111px 0;
}