body
{
	width:1000px;
	margin:auto;
	margin-top:5px;
	background-image: url("photo/FondBonbons.jpg");
}
a:hover
{
	color:red;
}
a img
{
	border:none;
}
#menu
{
	clear:both;
	width:1000px;
	height:50px;
	border:1px solid black;	
	background-color:rgb(140,210,240);	
	margin-top:10px;
}
#vacances
{
	width:1000px;
	height:50px;
	border:1px solid black;	
	background-color:rgb(140,210,240);	
	margin-top:10px;
	font-family: Verdana, Arial, serif;
	font-weight:bold;
}
#infoVacance
{
	height:45px;
	position:relative;
	bottom:15px;
}
#texteInfoVacance
{
	position:relative;
	bottom:25px;
}
.gris
{
	background-color:gray;
}
.line
{
	display:inline;
}
#entete
{
	width:1000px;
	height:140px;
}
#logoEntete
{
	float:left;
}
#texteEntete
{
	margin-left:404px;
	width:580px;
	position:relative;
	bottom:-5px;
	padding:5px;
	border:3px solid black;	
	background-color:rgb(255,245,0);
	font-family: Verdana, Arial, serif;
	font-weight:bold;
	text-align:center;
}
#slogan
{
	margin-top:5px;
	line-height:100%;
	font-style:italic;
	font-size:35px;
}
.ad1
{
	margin-top:5px;
	font-size:12px;
}
.ad2
{
	margin-top:5px;
	font-size:18px;
	color:red;
}
#acceuil,#testNavigateur,#visite,#produits,#information
{
	width:980px;
	padding:10px;
	border:1px solid black;	
	background-color:rgb(140,210,240);	
	margin-top:10px;
}
.elementMenu
{
	display:block;
	float:left;
	margin:auto;
}
.milieu
{
	text-align:center;
}
strong
{
	color:blue;
}
table
{
   border-collapse: collapse;
}
#cadreAide,#champIdentification,#creerCompte,.consulterBoutique,#champInfo,.afficheMessage
{
	width:800px;
	padding:10px;
	margin:auto;
	margin-top:30px;
	border:1px solid black;	
	font-weight:bold;
	background-color:rgb(140,210,240);
}
#champFormulaire
{
	width:900px;
	height:500px;
	padding:10px;
	margin:auto;
	margin-top:30px;
	border:1px solid black;	
	font-weight:bold;
	background-color:rgb(140,210,240);
}
#champIdentification fieldset
{
	line-height:150%;
}
#champFormulaire fieldset
{
	line-height:150%;
	width:490px;
	float:left;
}
legend
{
	font-size:1.5em;
	color:red;
}
.lab
{
   float: left;
   width: 180px;
   text-align:right;
   margin-right:10px;
}
.inp
{
	float:left;
	width:300px;
}
#identifier
{
	width:200px;
	height:33px;
	position:relative;
	top:7px;
}
#oublier
{
	width:500px;
	height:33px;
	position:relative;
	top:-5px;
}
#creer
{
	width:200px;
	height:33px;
	position:relative;
	top:-6px;
}
#consulter
{
	width:200px;
	height:33px;
	position:relative;
	top:-5px;
}
#vider,#conserver
{
	margin:auto;
	width:250px;
	height:36px;
}
#retour,#modifier,#valider,#voir,#creer2
{
	margin-left:20px;
	margin-top:40px;
	width:350px;
	height:36px;
}
.consult
{
	float:left;
	width:490px;
}
.supVisible,.rouge
{
	color: red;
}
.invisible,.supInvisible
{
	color:rgb(140,210,240);
}
/* pour les bouttons liens et les bouttons de formulaire */
/*bouttons formulaire*/
.celluleBoutton,.celluleBoutton2
{
	height:16px;
	font-size: 15px;
	width:500px; /*taille supérieure à taille boutton */
	border:3px solid rgb(200,200,0);
	background-color:rgb(255,245,0);
	text-align:center;
	color:blue;
}
#selection
{
	background-color:white;
}
.bouttonForm:hover .celluleBoutton,.bouttonForm:hover .celluleBoutton2
{
	border:3px solid black;	
	font-weight: bold;
	color:red;
}
.bouttonForm
{
	background:transparent;
	border:none;
	cursor:pointer;
	height:24px;
}
/* personalisation */
#boutton1,#boutton2,#boutton3,#boutton4,#boutton5
{
	margin-top:8px;
	margin-left:5px;
	height:33px;
	width:160px
}
#formulaireRetour
{
	text-align:center;
}
#bouttonRetour,#bouttonPaiement
{
	width:250px;
	height:25px;
}
#lienBoutique,#lienBoutique2
{
	width:300px;
	position:relative;
	bottom:-5px;
}
.celluleBoutton2
{
	font-size: 20px;
}
#cadreAide li
{
	margin-top:15px;
}
#bouttonAide,#bouttonAide2
{
	width:300px;
	height:40px;
}
#visuCommande,#detailCommande
{
	width:900px;
	padding:10px;
	margin:auto;
	margin-top:30px;
	border:1px solid black;	
	font-weight:bold;
	background-color:rgb(140,210,240);
}
table
{
	border-collapse: collapse;
}
#tableauSuivi
{
	font-weight:bold;
	text-align:center;
}
th
{
	background-color:rgb(255,255,100);
}
#tableauSuivi tr,#tableauSuivi td,#tableauSuivi th
{
	border: 1px solid black;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}
.photoPanier
{
	width:50px;
	border: 1px solid black;
	margin-right:20px;
}
.aligneDroite
{
	text-align:right;
	font-weight:bold;
}
#detailSuivi td
{
	padding-left:10px;
	padding-right:10px;
}
#testJavascript
{
	padding-top:0px;
	height:32px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
}
.photoAvertissement
{
	width:30px;
	position:relative;
	top:5px;
}
.cadre
{
	background-color:rgb(140,210,240);
	border: 1px solid black;
	padding: 5px;
}
#bouttonTestJavascript
{
	width:200px;
	position:relative;
	top:4px;
}
h2,h3,h4
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #496fb3;
}
h3
{
	font-size: 15px;
}
h4
{
	font-size: 12px;
	display:inline;
}
h3:before,h4:before
{
	content: url("photo/puce1.gif");
}
.legende
{
	font-family: "Courier New",Courier,mono;
	font-size: 13px;
	color: #666666;
}
.photoSite
{
	width:500px;
	border: 2px solid black;
}
.planAcces
{
	width:600px;
}
.photoFabrication
{
	width:250px;
	border: 2px solid black;
	margin-top:20px;
}
#tableauFabrication
{
	text-align:center;
}
#tableauFabrication td
{
	width:485px;
}
.texteSite
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-left:50px;
	margin-right:30px;
	text-align:justify;
	line-height:130%;
	text-indent:20px;
}
ul .texteSite
{
	text-indent:0px;
}
.listeExemple
{
	font-style:italic;
	font-weight:bold;
}
.fleche
{
	width:25px;
}
.photoChocolat
{
	display:block;
	float:left;
	width:200px;
}
.nomChocolat
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: italic;
	text-decoration: underline;
	color:red;
	font-size:20px;
	font-weight:bold;
	margin-left:250px;
}
.compositionChocolat
{
	margin-left:250px;
}
.descriptionChocolat
{
	margin-left:250px;
	font-size:15px;
	font-weight:bold;
}
.texteAcces
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	margin-left:50px;
}
.effet
{
	font-weight:bold;
}
.horaires,.produits
{
	margin-top:30px;
	margin-left:50px;
}
.aGauche
{
	display:block;
	float:left;
}
#texte1
{
	padding:40px;
	margin-left:200px;
	width:600px;
}
.finFlottant
{
	clear:both;
	text-align:center;
}
#p0,#p1,#p2,#p3
{
	width:580px;
	margin-left:300px;
}
#p0
{
	margin-top:80px;
}
#p1
{
	margin-top:30px;
}
#p2
{
	margin-top:90px;
}
#p3
{
	margin-top:80px;
}
.question
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style:italic;
	font-weight:bold;
	margin-left:20px;
}
.question:before
{
   content: url("photo/question.gif");
}
.reponse
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin-left:60px;
	margin-right:30px;
}
.fort
{
	font-weight:bold;
	color:red;
}
.gras
{
	font-weight:bold;
}