@charset "UTF-8";
/* CSS Document */

/* ///////////////////////////////////////////////// */
/* ///////////////////////GENERAL/////////////////// */
/* ///////////////////////////////////////////////// */

@font-face {
  font-family: "Din";
  src: url("font/DinEurTReg.eot");
  src: url("font/DinEurTReg.ttf") format("truetype");
}

@font-face {
  font-family: "DinMed";
  src: url("font/DinEurTMed.eot");
  src: url("font/DinEurTMed.ttf") format("truetype");
}

@font-face {
  font-family: "DinBold";
  src: url("font/DinEurTBol.eot");
  src: url("font/DinEurTBol.ttf") format("truetype");
}

@font-face {
  font-family: "DinBlack";
  src: url("font/DinEurTBla.eot");
  src: url("font/DinEurTBla.ttf") format("truetype");
}

@font-face {
  font-family: "DinLight";
  src: url("font/DinEurTLig.eot");
  src: url("font/DinEurTLig.ttf") format("truetype");
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
}


a {
	text-decoration: none;
}


h6 {
	margin:0px;
	font-weight: normal;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:0.78em;
	text-decoration: none;
	color: #684611;
}

:focus{
	outline-style: none;
}

fieldset{
	border-style: none;
	padding:0px;
}

label{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	margin-left:3px;
}

legend{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	margin-left:4px;
	margin-top: 3px;
	float:left;
	display:block;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	background-color: #ffd33a;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	border-style: none;
	background-color: #ffd33a;
	overflow:hidden;
}

html {
	height:100%;
}

body {
	height:100px;
	background-color: #ffab0d;
	margin: 0px;
	padding: 0px;
	background-image: url(images/degFond.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#conteneur {
	background-image:url(images/base.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurAccueil {
	background-image: url(/images/accueil/baseAccueil.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurCommande1 {
	background-image: url(images/commande1/baseCommande1.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurRetraitRucher {
	background-image: url(images/retraitRucher/baseRetraitRucher.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurValidationRetraitRucher {
	background-image: url(images/validationRetraitRucher/baseValidationRetraitRucher.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurChoixPaiement {
	background-image: url(images/choixPaiement/baseChoixPaiement.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurEssaims {
	background-image: url(images/essaims/baseEssaims.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurContact {
	background-image: url(images/contact/baseContact.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurConnexion {
	background-image: url(/images/connexion/baseConnexion.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurDeconnexion {
	background-image: url(/images/connexion/baseConnexion.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurMonCompte {
	background-image: url(/images/monCompte/baseMonCompte.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurMentionsLegales{
	background-image: url(/images/base.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}

#conteneurCGV{
	background-image: url(/images/base.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 1280px;
	margin-right:auto;
	margin-left: auto;
	background-position: top;
	margin-top: 0px;
	top: 0px;
}



/* ///////////////////////////////////////////////// */
/* /////////////////////// HEADER /////////////////// */
/* ///////////////////////////////////////////////// */

#header {
	height:70px;
	width: 1280px;
	float: left;
	z-index:200;
	position: relative;
}

#boutonCompte {
	float:left;
	height:15px;
	width: 80px;
	margin-left:956px;
	margin-top:42px;
}

#boutonCompte a{
	display:block;
	height:15px;
	width: 80px;
	background-image: url(images/boutonCompte.png);
	background-repeat: no-repeat;
}

#boutonCompte a:hover{
	background-image: url(images/boutonCompteAllume.png);
}

#boutonIdentifier {
	float:left;
	height:15px;
	width: 80px;
	margin-left:978px;
	margin-top:42px;
}

#boutonIdentifier a{
	display:block;
	height:15px;
	width: 80px;
	background-image: url(/images/boutonIdentifier.png);
	background-repeat: no-repeat;
}

#boutonIdentifier a:hover{
	background-image: url(/images/boutonIdentifierAllume.png);
}

#boutonON {
	float:left;
	height:28px;
	width: 22px;
	margin-left:0px;
	margin-top:40px;
}

#boutonON a{
	display:block;
	height:28px;
	width: 22px;
	background-image: url(images/boutonON.png);
	background-repeat: no-repeat;
}

#boutonON a:hover{
	background-image: url(images/boutonOFF.png);
}

#boutonOFF {
	float:left;
	height:28px;
	width: 22px;
	margin-left:0px;
	margin-top:40px;
}

#boutonOFF a{
	display:block;
	height:28px;
	width: 22px;
	background-image: url(images/boutonOFF.png);
	background-repeat: no-repeat;
}

#boutonOFF a:hover{
	background-image: url(images/boutonON.png);
}

/* ///////////////////////////////////////////////// */
/* /////////////////////// CORPS /////////////////// */
/* ///////////////////////////////////////////////// */

#corps {
	height: 490px;
	width: 1280px;
	float: left;
}

#corpsFormulaire {
	height: 532px;
	width: 1280px;
	float: left;
}


/* ///////////////////////////////////////////////// */
/* ////////////////////// ACCUEIL ////////////////// */
/* ///////////////////////////////////////////////// */

#bienvenue {
	height: 35px;
	width: 100px;
	float: left;
	margin-left:540px;
	margin-top:180px;
	background-image: url(/images/accueil/bienvenue.png);
	background-repeat: no-repeat;
}

#txtBienvenue{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	padding-left:5px;
	height: 80px;
	width: 497px;
	float: left;
	display:block;
	margin-top:10px;
	margin-left:540px;

}

#signature {
	height: 35px;
	width: 140px;
	float: left;
	margin-left:650px;
	margin-top:55px;
	background-image: url(/images/accueil/signature.png);
	background-repeat: no-repeat;
}

#blocBoutonPortofolio {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:83px;
}

.boutonPortofolio {
	display:block;
	height: 42px;
	width: 107px;
	float: right;
	margin-right:250px;
}

.boutonPortofolio a {
	display:block;
	height: 17px;
	width: 95px;
	position: absolute;
	float: left;
	background-image: url(/images/accueil/boutonPortofolio.png);
	padding-top: 25px;
	padding-left: 12px;
}

.boutonPortofolio a:hover {
	background-image: url(/images/accueil/boutonPortofolioAllume.png);
}



/* ///////////////////////////////////////////////// */
/* /////////////////// INSCRIPTION ///////////////// */
/* ///////////////////////////////////////////////// */

#ouvrirUnCompteInscription {
	height: 35px;
	width: 200px;
	float: left;
	margin-left:655px;
	margin-top:130px;
	background-image:url(/images/inscription/ouvrirUnCompteInscription.png);
	background-repeat: no-repeat;
}

.formulaireInscription {
	height:400px;
	width:750px;
	display:block;
	float:left;
	margin-left:310px;
	margin-top:-95px;
}

.fieldsetGauche {
	height:400px;
	width:350px;
	display:block;
	float:left;
	margin-top:15px;
}


.legendInscription{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
	color: #FFF;
	margin-left:127px;
	margin-bottom:3px;
	float:left;
	display:block;
}

.asterix {
	height: 15px;
	width: 220px;
	float: left;
	display:block;
	margin-left:127px;
	font-size:9px;
}

.labelInscription {
	height:14px;
	width:118px;
	display:block;
	float:left;
	text-align: right;
	padding-top:5px;
	margin-right:4px;
}

.blocFormulaireMoyenInscription {
	margin-bottom:2px;
}

.blocFormulaireMoyenInscriptionVert {
	margin-bottom:2px;
}

.blocFormulaireMoyenInscriptionVert input {
	background-image: url(/images/inscription/blocFormulaireVert.png);
	background-repeat: no-repeat;
	border-style: none;
	height:18px;
	width:174px;
	padding-left:6px;
	padding-top:2px;
}

.blocFormulaireMoyenInscription input {
	background-image: url(images/contact/blocFormulaireFinMoyen.png);
	background-repeat: no-repeat;
	border-style: none;
	height:18px;
	width:174px;
	padding-left:6px;
	padding-top:2px;

}

.blocFormulaireEpaisInscription textarea {
	background-image: url(/images/inscription/blocFormulaireFinEpais.png);
	background-repeat: no-repeat;
	border-style: none;
	height:38px;
	width:174px;
	padding-left:6px;
	padding-top:6px;
	margin-top:-0px;
}

.legendInscriptionDroite{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
	color: #FFF;
	margin-top:118px;
	margin-left:48px;
	margin-bottom:3px;
	float:left;
	display:block;
}

.asterixDroite {
	height: 15px;
	width: 220px;
	float: left;
	display:block;
	margin-left:48px;
	font-size:9px;
}

.fieldsetDroite {
	height:400px;
	width:350px;
	display:block;
	float:left;
	margin-top:15px;
	margin-left:-50px;
}

.labelInscriptionDroite {
	height:14px;
	width:118px;
	display:block;
	float:right;
	text-align: left;
	padding-top:5px;
	margin-right:4px;
}

.blocFormulaireMoyenInscriptionDroite {
	height:18px;
	display:block;
	margin-bottom:5px;
	float:right;
}

.blocFormulaireMoyenInscriptionDroite input {
	background-image: url(images/contact/blocFormulaireFinMoyen.png);
	background-repeat: no-repeat;
	border-style: none;
	height:18px;
	width:174px;
	padding-left:6px;
	padding-top:2px;
	float:right;
}

.blocFormulaireEpaisInscriptionDroite textarea {
	background-image: url(/images/inscription/blocFormulaireFinEpais.png);
	background-repeat: no-repeat;
	border-style: none;
	height:38px;
	width:174px;
	padding-left:6px;
	padding-top:6px;
	margin-top:-0px;
	float:right;
}

.blocFormulaireMoyenInscriptionDroite select {
	float:right;
}

#blocBoutonInscrire {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:35px;
}

.boutonInscrire {
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(/images/inscription/boutonInscrire.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	margin-left:613px;
	margin-top:-30px;
}

.boutonInscrire:hover {
	background-image: url(/images/inscription/boutonInscrireAllume.png);
}

.boutonValiderInscrire {
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(/images/choixPaiement/boutonValiderCommande.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	margin-left:613px;
	margin-top:-30px;
}

.boutonValiderInscrire:hover {
	background-image: url(/images/choixPaiement/boutonValiderCommandeAllume.png);
}

/* ////////////////////////////////////////////////////////////// */
/* /////////////////// INSCRIPTION MODIFICATION ///////////////// */
/* ////////////////////////////////////////////////////////////// */

#modifierMonCompte {
	height: 35px;
	width: 215px;
	float: left;
	margin-left:655px;
	margin-top:130px;
	background-image:url(/images/modificationCompte/modifierMonCompte.png);
	background-repeat: no-repeat;
}

#ModificationCompteValidee {
	height: 80px;
	width: 1280px;
	float: left;
	margin-left:00px;
	margin-top:230px;
	background-image: url(/images/modificationCompte/modificationCompteValidee.png);
	background-repeat: no-repeat;
	background-position: 538px;
}

#ModificationCompteNonValidee {
	height: 80px;
	width: 1000px;
	float: left;
	margin-left:280px;
	margin-top:150px;
	background-image: url(/images/modificationCompte/modificationCompteNonValidee.png);
	background-repeat: no-repeat;
}

.formulaireInscriptionModification {
	height:400px;
	width:750px;
	display:block;
	float:left;
	margin-left:310px;
	margin-top:-120px;
}

.fieldsetGaucheModification {
	height:400px;
	width:350px;
	display:block;
	float:left;
	margin-top:83px;
}


.legendInscription{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
	color: #FFF;
	margin-left:127px;
	margin-bottom:3px;
	float:left;
	display:block;
}

.asterix {
	height: 15px;
	width: 220px;
	float: left;
	display:block;
	margin-left:127px;
	font-size:9px;
}

.labelInscription {
	height:14px;
	width:118px;
	display:block;
	float:left;
	text-align: right;
	padding-top:5px;
	margin-right:4px;
}

.blocFormulaireMoyenInscription {
	margin-bottom:2px;
}

.blocFormulaireMoyenInscriptionVert {
	margin-bottom:2px;
}

.blocFormulaireMoyenInscriptionVert input {
	background-image: url(/images/inscription/blocFormulaireVert.png);
	background-repeat: no-repeat;
	border-style: none;
	height:18px;
	width:174px;
	padding-left:6px;
	padding-top:2px;
}

.blocFormulaireMoyenInscription input {
	background-image: url(images/contact/blocFormulaireFinMoyen.png);
	background-repeat: no-repeat;
	border-style: none;
	height:18px;
	width:174px;
	padding-left:6px;
	padding-top:2px;

}

.blocFormulaireEpaisInscription textarea {
	background-image: url(/images/inscription/blocFormulaireFinEpais.png);
	background-repeat: no-repeat;
	border-style: none;
	height:38px;
	width:174px;
	padding-left:6px;
	padding-top:6px;
	margin-top:-0px;
}

.legendInscriptionDroite{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
	color: #FFF;
	margin-top:118px;
	margin-left:48px;
	margin-bottom:3px;
	float:left;
	display:block;
}

.asterixDroite {
	height: 15px;
	width: 220px;
	float: left;
	display:block;
	margin-left:48px;
	font-size:9px;
}

.fieldsetDroite {
	height:400px;
	width:350px;
	display:block;
	float:left;
	margin-top:15px;
	margin-left:-50px;
}

.labelInscriptionDroite {
	height:14px;
	width:118px;
	display:block;
	float:right;
	text-align: left;
	padding-top:5px;
	margin-right:4px;
}

.blocFormulaireMoyenInscriptionDroite {
	height:18px;
	display:block;
	margin-bottom:5px;
	float:right;
}

.blocFormulaireMoyenInscriptionDroite input {
	background-image: url(images/contact/blocFormulaireFinMoyen.png);
	background-repeat: no-repeat;
	border-style: none;
	height:18px;
	width:174px;
	padding-left:6px;
	padding-top:2px;
	float:right;
}

.blocFormulaireEpaisInscriptionDroite textarea {
	background-image: url(/images/inscription/blocFormulaireFinEpais.png);
	background-repeat: no-repeat;
	border-style: none;
	height:38px;
	width:174px;
	padding-left:6px;
	padding-top:6px;
	margin-top:-0px;
	float:right;
}

.blocFormulaireMoyenInscriptionDroite select {
	float:right;
}

.boutonAnnuler {
	height: 42px;
	width: 107px;
	float: left;
	margin-top:-42px;
	margin-left:259px;
}

.boutonAnnuler a {
	height: 42px;
	width: 107px;
	float: left;
	margin-top:0px;
	background-image: url(/images/modificationCompte/boutonAnnuler.png);
}

.boutonAnnuler a:hover {
	background-image: url(/images/modificationCompte/boutonAnnulerAllume.png);
}

#blocBoutonInscrireModification {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:-8px;
}

.boutonInscrire {
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(/images/inscription/boutonInscrire.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	margin-left:613px;
	margin-top:-30px;
}

.boutonInscrire:hover {
	background-image: url(/images/inscription/boutonInscrireAllume.png);
}

.boutonValiderInscrire {
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(/images/choixPaiement/boutonValiderCommande.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	margin-left:611px;
	margin-top:-30px;
}

.boutonValiderInscrire:hover {
	background-image: url(/images/choixPaiement/boutonValiderCommandeAllume.png);
}

/* ///////////////////////////////////////////////// */
/* ////////////// TRAITEMENT INSCRIPTION /////////// */
/* ///////////////////////////////////////////////// */

#corpsTraitementInscription {
	height: 602px;
	width: 1280px;
	float: left;
}

#ouvertureCompteValidee {
	height: 80px;
	width: 1280px;
	float: left;
	margin-left:00px;
	margin-top:230px;
	background-image: url(/images/traitementInscription/ouvertureCompteValidee.png);
	background-repeat: no-repeat;
	background-position: 555px;
}

#OuvertureCompteNonValidee {
	height: 80px;
	width: 1000px;
	float: left;
	margin-left:280px;
	margin-top:150px;
	background-image: url(/images/traitementInscription/ouvertureCompteNonValidee.png);
	background-repeat: no-repeat;
}

#corpsTraitementInscription p {
	margin-left:280px;
}

.messageNombreErreurs {
	height: 13px;
	width: 1000px;
	float: left;
	display:block;
	margin:0px;
	font-family:Dinbold,Arial,Helvetica,sans-serif; 
	font-size:13px;	
	text-decoration:none;	
	color:#FFF;	
	line-height:14px;	
}

.messageErreur {
	height: 13px;
	width: 1000px;
	float: left;
	display:block;
	margin:0px;
}

#blocBoutonsTraitementInscription {
	height: 42px;
	width: 1000px;
	float: left;
}

.boutonRetourInscription a {
	display:block;
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(/images/traitementInscription/boutonRetour.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left:255px;
}

.boutonRetourInscription a:hover {
	background-image: url(/images/traitementInscription/boutonRetourAllume.png);
}

.txtOuvertureCompteValidee {
	height: auto;
	width: 1280px;
	float: left;
	display:block;
	font-size: 16px;
	text-align: center;
}

.txtOuvertureCompteValideeMAil {
	height: auto;
	width: 1280px;
	float: left;
	display:block;
	font-size: 13px;
	text-align: center;
}

/* ///////////////////////////////////////////////// */
/* //////////////////// CONNEXION ///////////////// */
/* ///////////////////////////////////////////////// */

#blocMessageConnexion{
	height: 35px;
	width: 1000px;
	margin-left:280px;
}

#conteneurConnexion legend {
	margin: 0px;
	font-size:13px;
}

#formulaireConnexionGauche {
	display:block;
	height: 200px;
	width: 250px;
	float: left;
	margin-left: 370px;
	margin-top: 150px;
}

#ouvrirUnCompte {
	height: 20px;
	width: 250px;
	float: left;
	margin-bottom:15px;
	background-image:url(/images/connexion/ouvrirUnCompte.png);
	background-repeat: no-repeat;
	background-position: right;
}

.boutonOuvrir {
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(/images/connexion/boutonOuvrir.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	margin-top: -3px;
	margin-left: 141px;
}

.boutonOuvrir:hover {
	background-image: url(/images/connexion/boutonOuvrirAllume.png);

}


#formulaireConnexionDroite {
	display:block;
	height: 200px;
	width: 250px;
	float: left;
	margin-left: 40px;
	margin-top: 150px;
}

#formulaireConnexionDroite form {
	display:block;
	height: 200px;
	width: 250px;
	float: left;
	margin-left:0px;
}

.connexionAvotreCompte {
	height: 20px;
	width: 250px;
	float: left;
	margin-bottom:15px;
	background-image:url(/images/connexion/connexionAvotreCompte.png);
	background-repeat: no-repeat;
}

.formulaireConnexionDroite label {
	display:block;
	width:250px;
	height:10px;
}

.blocFormulaireFinConnexion input {
	background-image: url(images/commande1/blocFormulaireFin.png);
	background-repeat: no-repeat;
	border-style: none;
	height:22px;
	width:144px;
	padding-left:6px;
}

.boutonConnexion {
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(/images/connexion/boutonConnexion.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	margin-top: 7px;
	margin-left: 2px;
}

.boutonConnexion:hover {
	background-image: url(/images/connexion/boutonConnexionAllume.png);

}

.checkboxConnexion {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:0px;
	padding-left:0px;
}

.txtmotDePasseOublie {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	float:left;
	width:250px;
	display:block;
	margin-top:5px;
	margin-left:4px;
	padding-left:0px;

}

.motDePasseOublie {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	float:left;
	width:250px;
	display:block;
	margin-top:0px;
	margin-left:4px;
}

.motDePasseOublie:hover {
	text-decoration: underline;
}

.abeilleVole {
	background-image: url(/images/connexion/abeilleVoleDroite.png);
	height: 79px;
	width: 108px;
	background-repeat: no-repeat;
	margin-left:-498px;
	margin-top:135px;
	float:left;
	z-index:2
}

.messageConnection {
	height: 13px;
	width: 1280px;
	float: left;
	display:block;
	margin:0px;
	font-size: 16px;
	text-align: center;
	margin-top:330px;
}

/* ///////////////////////////////////////////////// */
/* /////////////////// DECONNEXION //////////////// */
/* ///////////////////////////////////////////////// */

#corpsDeconnexion {
	height: 532px;
	width: 1280px;
	float: left;
}

#blocMessageDeconnexion{
	height: 35px;
	width: 1000px;
	margin-left:280px;
}

.messageDeconnection {
	height: 13px;
	width: 1280px;
	float: left;
	display:block;
	margin:0px;
	font-size: 16px;
	text-align: center;
	margin-top:-13px;
}

/* ////////////////////////////////////////////////////////////// */
/* ///////////////////// IDENTIFIANTS PERDUS //////////////////// */
/* ////////////////////////////////////////////////////////////// */

#formulairePseudoPerdu {
	display:block;
	height: 200px;
	width: 250px;
	float: left;
	margin-left: 370px;
	margin-top: 180px;
}

#formulairePseudoPerdu form {
	display:block;
	height: 200px;
	width: 250px;
	float: left;
	margin-left:0px;
}

#formulairePseudoPerdu label {
	float: right;
	display:block;
	height: auto;
	width: 247px;
	text-align: right;
	margin-left:0px;
	padding-right:3px;
}

.blocFormulaireFinMoyenGauche input {
	background-image: url(images/contact/blocFormulaireFinMoyen.png);
	background-repeat: no-repeat;
	border-style: none;
	height:22px;
	width:174px;
	padding-right:6px;
	float: right;
	background-position: right;
	text-align: right;
}

.recevoirMonPseudonyme {
	height: 25px;
	width: 250px;
	float: right;
	margin-bottom:15px;
	background-image:url(/images/identifiants/recevoirMonPseudo.png);
	background-repeat: no-repeat;
	background-position: right;
}

#formulaireMotDePassePerdu {
	display:block;
	height: 200px;
	width: 250px;
	float: left;
	margin-left: 40px;
	margin-top: 180px;
}

.recevoirUnNouveauMotDePasse {
	height: 25px;
	width: 250px;
	float: left;
	margin-bottom:15px;
	background-image:url(/images/identifiants/recevoirMotDePasse.png);
	background-repeat: no-repeat;
}

#formulaireMotDePassePerdu form {
	display:block;
	height: 200px;
	width: 250px;
	float: left;
	margin-left:0px;
}

.boutonRecevoirPseudo {
	height: 42px;
	width: 107px;
	position: relative;
	float: right;
	background-image: url(/images/identifiants/boutonRecevoirGauche.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	margin-top: 7px;
	margin-left: 2px;
}

.boutonRecevoirPseudo:hover {
	background-image: url(/images/identifiants/boutonRecevoirGaucheAllume.png);
}

.boutonRecevoirPasse {
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(/images/identifiants/boutonRecevoirDroite.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	margin-top: 7px;
	margin-left: 2px;
}

.boutonRecevoirPasse:hover {
	background-image: url(/images/identifiants/boutonRecevoirDroiteAllume.png);
}

.envoiPseudo {
	height: auto;
	width: 1280px;
	float: left;
	display:block;
	font-size: 16px;
	text-align: center;
	margin-top:320px;
}

.boutonRetourIdentifiants a {
	display:block;
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(/images/traitementInscription/boutonRetour.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left:259px;
	margin-top:136px;
}

.boutonRetourIdentifiants a:hover {
	background-image: url(/images/traitementInscription/boutonRetourAllume.png);
}
/* ///////////////////////////////////////////////// */
/* ////////////////// MON COMPTE /////////////////// */
/* ///////////////////////////////////////////////// */

#corpsMonCompte {
	height: 532px;
	width: 1280px;
	float: left;
}

#monCompte {
	height: 35px;
	width: 1000px;
	float: left;
	margin-left:280px;
	margin-top:30px;
	background-image: url(/images/monCompte/monCompte.png);
	background-repeat: no-repeat;
}

#mes2dernieresCommandes {
	height: 25px;
	width: 1000px;
	margin-left:280px;
	margin-top:13px;
	float: left;
	background-image: url(/images/monCompte/mesDernieresCommandes.png);
	background-repeat: no-repeat;
}

#vosCoordonnees {
	height: 25px;
	width: 1000px;
	margin-left:280px;
	margin-top:13px;
	float: left;
	background-image: url(images/commande1/vosCoordonnees.png);
	background-repeat: no-repeat;
}

#tableauRecapCompte {
	height: 274px;
	width: 625px;
	margin-left:280px;
	margin-top:18px;
	float: left;
}

.numeroCommande {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:0.68em;
	text-decoration: none;
	color: #684611;
	float:left;
	width:625px;
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:3px;
}

#tableauRecapCompte td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.68em;
	text-decoration: none;
	color: #684611;
}

.infoCommande {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.68em;
	text-decoration: none;
	color: #684611;
	float:left;
	width:625px;
	display:block;
	margin-top:5px;
	margin-bottom:20px;
	margin-left:3px;
}

.moduleCompte1 {
	height: 104px;
	width: 83px;
	float: left;
	margin-left:123px;
	margin-right:0px;
	background-image: url(/images/monCompte/mielCremeuxCompte.png);
	background-repeat: no-repeat;
	background-position: 9px 3px;
}

.moduleCompte2 {
	height: 104px;
	width: 83px;
	float: left;
	margin-right:0px;
	background-image: url(/images/monCompte/mielAcaciaCompte.png);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}

.moduleCompte3 {
	height: 104px;
	width: 86px;
	float: left;
	margin-right:0px;
	background-image: url(/images/monCompte/mielEteCompte.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.moduleCompte4 {
	height: 104px;
	width: 81px;
	float: left;
	margin-right:0px;
	background-image: url(/images/monCompte/mielChataignierCompte.png);
	background-repeat: no-repeat;
	background-position: -2px 3px;
}

.moduleCompte5 {
	height: 104px;
	width: 82px;
	float: left;
	background-image: url(/images/monCompte/mielForetCompte.png);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}

.petitPotMiel1Compte {
	height: 75px;
	width: 83px;
	float: left;
	margin-top:29px;
	background-image: url(/images/monCompte/potCremeuxCompte.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.petitPotMiel2Compte {
	height: 75px;
	width: 83px;
	float: left;
	margin-top:29px;
	background-image: url(/images/monCompte/potAcaciaCompte.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.petitPotMiel3Compte {
	height: 75px;
	width: 83px;
	float: left;
	margin-top:29px;
	background-image: url(/images/monCompte/potEteCompte.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.petitPotMiel4Compte {
	height: 75px;
	width: 83px;
	float: left;
	margin-top:29px;
	background-image: url(/images/monCompte/potChataignerCompte.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.petitPotMiel5Compte {
	height: 75px;
	width: 83px;
	float: left;
	margin-top:29px;
	background-image: url(/images/monCompte/potForetCompte.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.ligneTableauCompte {
	background-color: #e8c438;
	float: left;
	height: 1px;
	width: 592px;
}

#vosCoordonneesCompte {
	background-image: url(/images/monCompte/mesCoordonnees.png);
	background-repeat: no-repeat;
	width: 155px;
	height: 25px;
}

#infoCoordonnees {
	height: 500px;
	width: 155px;
	float: left;
	margin-left: 30px;
	margin-top:20px;
	float: left;
}

#infoCoordonnees p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.68em;
	text-decoration: none;
	color: #684611;
	float:left;
	display:block;
	width:155px;
	margin-top:0px;
	margin-bottom:0px;

}

.titreAdresse {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:0.68em;
	text-decoration: none;
	color: #684611;
	float:left;
	width:155px;
	display:block;
	margin-top:15px;
	margin-bottom:10px;
}

#blocBoutonboutonModifierAdresses {
	height: 42px;
	width: 155px;
	float: left;
	margin-top:5px;
}

.boutonModifierAdresses {
	display:block;
	height: 42px;
	width: 107px;
	float: left;
}

.boutonModifierAdresses a {
	display:block;
	height: 17px;
	width: 95px;
	position: relative;
	float: left;
	background-image: url(/images/monCompte/boutonModifierDroite.png);
	padding-top: 25px;
	padding-left: 12px;
}

.boutonModifierAdresses a:hover {
	background-image: url(/images/monCompte/boutonModifierDroiteAllume.png);
}

/* ///////////////////////////////////////////////// */
/* /////////////////////// MIELS /////////////////// */
/* ///////////////////////////////////////////////// */

#flash {
	height: 430px;
	width: 800px;
	float: left;
	margin-top: 65px;
	margin-left: 243px;
	clear: left;
}

#boutons {
	height: 42px;
	width: 1280px;
	float: left;
}

.boutonCommander {
	display:block;
	height: 42px;
	width: 107px;
	float: right;
	margin-right:250px;
}

.boutonCommander a {
	display:block;
	height: 17px;
	width: 95px;
	position: relative;
	float: left;
	background-image: url(images/miels/boutonCommander.png);
	padding-top: 25px;
	padding-left: 12px;
}

.boutonCommander a:hover {
	background-image: url(images/miels/boutonCommanderAllume.png);
}

/* ///////////////////////////////////////////////// */
/* ////////////////// COMMANDE 1 /////////////////// */
/* ///////////////////////////////////////////////// */

#commande {
	height: 35px;
	width: 1000px;
	float: left;
	margin-left:280px;
	margin-top:25px;
	background-image: url(images/commande1/commande.png);
	background-repeat: no-repeat;
}

#vosCoordonnees {
	height: 25px;
	width: 1000px;
	margin-left:280px;
	margin-top:13px;
	float: left;
	background-image: url(images/commande1/vosCoordonnees.png);
	background-repeat: no-repeat;
}

#modeDeLivraison {
	height: 25px;
	width: 1000px;
	margin-left:280px;
	margin-top:13px;
	float: left;
	background-image: url(images/commande1/livraison.png);
	background-repeat: no-repeat;
}

form{
	height: 35px;
	width: 1000px;
	margin-left:280px;
}

form p {
	line-height: 11px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#formulaireGauche {
	height: 120px;
	width: 372px;
	float: left;
	margin-top:8px;
}

.formulaireCommande1 {
	height: 120px;
	width: 150px;
	float: left;
	margin-left:0px;
}

.formulaireCommande2 {
	height: auto;
	width: 150px;
	margin-left:5px;
	float: left;
}

.blocFormulaireFin input {
	background-image: url(images/commande1/blocFormulaireFin.png);
	background-repeat: no-repeat;
	border-style: none;
	height:22px;
	width:144px;
	padding-left:6px;
}

.blocFormulaireFinLong input {
	background-image: url(images/commande1/blocFormulaireFinLong.png);
	background-repeat: no-repeat;
	border-style: none;
	height:22px;
	width:206px;
	padding-left:6px;
}

.blocFormulaireEpais textarea {
	background-image: url(images/commande1/blocFormulaireEpais.png);
	background-repeat: no-repeat;
	height:62px;
	width:200px;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	margin-top:-1px;
}

.formulaireDroite {
	float: left;
	margin-top: 4px;
	height: 42px;
	width: 525px;
}

.formulaireDroite p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
}

.blocBoutonsRadio {
	float: left;
	height: 50px;
	width: 590px;
	display:block;
	margin-left: -5px;
}

.blocBoutonsRadio label {
	width:500px;
	height:8px;
	display:block;
	padding:0.5em;
	padding-left:20px;
	background-position:0px center;
	background-repeat:no-repeat;
	cursor:pointer;
	font-family: "Din", Helvetica, Arial, sans-serif;
	color: #684611;
	font-size: 11px;
	font-weight: normal;
	float:left;
}

.selected {
	background-image:url(images/commande1/boutonRadioAllume.png);
}

.unselected	{
	background-image:url(images/commande1/boutonRadio.png);
}

#formulaireQuantite {
	height: 264px;
	width: 1000px;
	float: left;
	margin-top: 62px;
}

.moduleQuantite1 {
	height: 242px;
	width: 130px;
	float: left;
	margin-top:25px;
	margin-right:22px;
	background-image: url(images/commande1/mielCremeux.png);
	background-repeat: no-repeat;
	background-position: 22px 0px;
}

.moduleQuantite2 {
	height: 242px;
	width: 130px;
	float: left;
	margin-top:25px;
	margin-right:22px;
	background-image: url(images/commande1/mielAcacia.png);
	background-repeat: no-repeat;
	background-position: 19px -1px;
}

.moduleQuantite3 {
	height: 242px;
	width: 130px;
	float: left;
	margin-top:25px;
	margin-right:22px;
	background-image: url(images/commande1/mielToutesFleurs.png);
	background-repeat: no-repeat;
	background-position: 6px 0px;
}

.moduleQuantite4 {
	height: 242px;
	width: 130px;
	float: left;
	margin-top:25px;
	margin-right:22px;
	background-image: url(images/commande1/mielChataignier.png);
	background-repeat: no-repeat;
	background-position: 0px -1px;
	
}

.moduleQuantite5 {
	height: 242px;
	width: 130px;
	float: left;
	margin-top:25px;
	margin-right:22px;
	background-image: url(images/commande1/mielForet.png);
	background-repeat: no-repeat;
	background-position: 22px 0px;

}

.formulairePetitPot {
	float:left;
	margin-top:-6px;
	margin-left:25px;
}

.formulairePetitPot h6 {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #684611;
	font-size: 11px;
	float:left;
	width:100px;
}

.potMiel1 {
	height: 106px;
	width: 130px;
	float: left;
	margin-top:42px;
	background-image: url(images/commande1/potCremeux.png);
	background-repeat: no-repeat;
	background-position: 35px 0px;
}

.potMiel2 {
	height: 106px;
	width: 130px;
	float: left;
	margin-top:42px;
	background-image: url(images/commande1/potAcacia.png);
	background-repeat: no-repeat;
	background-position: 35px 0px;
}

.potMiel3 {
	height: 106px;
	width: 130px;
	float: left;
	margin-top:42px;
	background-image: url(images/commande1/potToutesFleurs.png);
	background-repeat: no-repeat;
	background-position: 35px 0px;
}

.potMiel4 {
	height: 106px;
	width: 130px;
	float: left;
	margin-top:42px;
	background-image: url(images/commande1/potChataigner.png);
	background-repeat: no-repeat;
	background-position: 35px 0px;
}

.potMiel5 {
	height: 106px;
	width: 130px;
	float: left;
	margin-top:42px;
	background-image: url(images/commande1/potForet.png);
	background-repeat: no-repeat;
	background-position: 35px 0px;
}


.formulairePetitPot label{
	margin-left:0px;
	line-height: 20px;
	font-family: "Din", Helvetica, Arial, sans-serif;
	float:left;
	margin-right:2px;
}

.blocFormulaireQuantite input{
	background-image: url(images/commande1/blocFormulaireQuantite.png);
	background-repeat: no-repeat;
	border-style: none;
	height:15px;
	width:30px;
	text-align: center;
	padding-top:5px;
	float:left;
	margin-top:-2px;
}

#boutonFormulaire {
	height: 42px;
	width: 1000px;
	float: left;
}

#BlocBoutonEtape2 {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:20px;
}

.boutonEtape2 {
	display:block;
	height: 42px;
	width: 107px;
	float: right;
	margin-right:250px;
}

.boutonEtape2 {
	display:block;
	height: 42px;
	width: 107px;
	position: relative;
	float: right;
	background-image: url(images/commande1/boutonEtape2.png);
	margin-right:250px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
}

.boutonEtape2:hover {
	background-image: url(images/commande1/boutonEtape2Allume.png);
}


/* ///////////////////////////////////////////////// */
/* //////////////// RETRAIT RUCHER ///////////////// */
/* ///////////////////////////////////////////////// */

#tableauRecapRetrait {
	height: 274px;
	width: 1000px;
	float: left;
}

#livraison {
	height: 25px;
	width: 1000px;
	margin-left:280px;
	margin-top:13px;
	float: left;
	background-image: url(/images/commande1/livraison.png);
	background-repeat: no-repeat;
}

#conteneurRetrait{
	height: 35px;
	width: 1000px;
	margin-left:280px;
}

#recapLivraison {
	height: 110px;
	width: 372px;
	float: left;
	margin-top:8px;
}

#recapLivraison p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	margin-top:0px;
	padding-left:3px;

}

.moduleValidation1 {
	height: 104px;
	width: 90px;
	float: left;
	margin-left:90px;
	margin-right:22px;
	background-image: url(images/retraitRucher/mielCremeuxPetit.png);
	background-repeat: no-repeat;
	background-position: 13px 1px;
}

.moduleValidation2 {
	height: 104px;
	width: 90px;
	float: left;
	margin-right:22px;
	background-image: url(images/retraitRucher/mielAcaciaPetit.png);
	background-repeat: no-repeat;
	background-position: 13px 0px;
}

.moduleValidation3 {
	height: 104px;
	width: 90px;
	float: left;
	margin-right:22px;
	background-image: url(images/retraitRucher/mielToutesFleursPetit.png);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}

.moduleValidation4 {
	height: 104px;
	width: 90px;
	float: left;
	margin-right:22px;
	background-image: url(images/retraitRucher/mielChataignierPetit.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

.moduleValidation5 {
	height: 104px;
	width: 90px;
	float: left;
	background-image: url(images/retraitRucher/mielForetPetit.png);
	background-repeat: no-repeat;
	background-position: 12px 0px;
}

.petitPotMiel1 {
	height: 75px;
	width: 90px;
	float: left;
	margin-top:29px;
	background-image: url(images/retraitRucher/potMielCremeuxPetit.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.petitPotMiel2 {
	height: 75px;
	width: 90px;
	float: left;
	margin-top:29px;
	background-image: url(images/retraitRucher/potMielAcaciaPetit.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.petitPotMiel3 {
	height: 75px;
	width: 90px;
	float: left;
	margin-top:29px;
	background-image: url(images/retraitRucher/potMielEtePetit.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.petitPotMiel4 {
	height: 75px;
	width: 90px;
	float: left;
	margin-top:29px;
	background-image: url(images/retraitRucher/potMielChataignerPetit.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.petitPotMiel5 {
	height: 75px;
	width: 90px;
	float: left;
	margin-top:29px;
	background-image: url(images/retraitRucher/potMielForetPetit.png);
	background-repeat: no-repeat;
	background-position: 24px 0px;
}

.abeillePosee {
	height: 58px;
	width: 53px;
	float: left;
	margin-top:64px;
	margin-left:-31px;
	background-image: url(images/retraitRucher/abeillePosee.png);
	background-repeat: no-repeat;
}

.ligneTableau {
	background-color: #f1cc3a;
	float: left;
	height: 1px;
	width: 725px;
}

#recapLivraison h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	margin-top:0px;
	padding-left:3px;

}

#recapLivraison p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	margin-top:0px;
	padding-left:3px;

}

.total {
	background-image: url(images/retraitRucher/blocTotalJaune.png);
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	padding-left:3px;
	float: left;
	height: 25px;
	width: 724px;
	background-repeat: no-repeat;
	background-position: right top;
}

.total h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	margin-top:7px;
	margin-left:579px;
	float: left;
}

.total p{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:0.78em;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	margin-top:7px;
	margin-right:15px;
	float: right;
}

.totalApayer {
	background-image: url(images/retraitRucher/blocTotalMarron.png);
	margin-top:3px;
	padding-left:3px;
	float: left;
	height: 25px;
	width: 724px;
	background-repeat: no-repeat;
	background-position: right top;
}

.totalApayer h6{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:10px;
	text-decoration: none;
	color: #fec810;
	line-height: 14px;
	margin-top:6px;
	margin-left:579px;
	float: left;
}

.totalApayer p{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:0.78em;
	text-decoration: none;
	color: #fec810;
	line-height: 14px;
	margin-top:6px;
	margin-right:15px;
	float: right;
}

#blocBoutonsRetrait {
	height: 42px;
	width: 1000px;
	float: left;
}

.boutonModifier a {
	display:block;
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(images/retraitRucher/boutonModifier.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left:-21px;
}

.boutonModifier a:hover {
	background-image: url(images/retraitRucher/boutonModifierAllume.png);

}

.boutonValider {
	display:block;
	height: 42px;
	width: 107px;
	float: right;
	margin-right:250px;
}

.boutonValider a {
	display:block;
	height: 17px;
	width: 95px;
	position: relative;
	float: left;
	background-image: url(images/retraitRucher/boutonValider.png);
	padding-top: 25px;
	padding-left: 12px;
}

.boutonValider a:hover {
	position: relative;
	float: left;
	background-image: url(images/retraitRucher/boutonValiderAllume.png);
}

/* ///////////////////////////////////////////////// */
/* //////////////// ENVOIE DOMICILE //////////////// */
/* ///////////////////////////////////////////////// */

.fraisDePort {
	background-image: url(images/retraitRucher/blocTotalJaune.png);
	margin-top:2px;
	padding-left:3px;
	float: left;
	height: 25px;
	width: 724px;
	background-repeat: no-repeat;
	background-position: right top;
}

.fraisDePort h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	margin-top:7px;
	margin-left:579px;
	float: left;
}

.fraisDePort p{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:0.78em;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	margin-top:7px;
	margin-right:15px;
	float: right;
}

.boutonEtape3 a {
	display:block;
	height: 42px;
	width: 107px;
	position: relative;
	float: right;
	margin-right:252px;
	background-image: url(images/envoieDomicile/boutonEtape3.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.boutonEtape3 a:hover {
	background-image: url(images/envoieDomicile/boutonEtape3Allume.png);

}

/* ///////////////////////////////////////////////// */
/* //////////////// ENVOIE DOMICILE //////////////// */
/* ///////////////////////////////////////////////// */

#choixPaiement {
	float: left;
	background-image: url(images/choixPaiement/choixMoyenPaiement.png);
	background-repeat: no-repeat;
	height: 65px;
	width: 160px;
	margin-top:250px;
	margin-left:190px;
}

.blocBoutonsRadioMoyenPaiement {
	float: left;
	height: 50px;
	width: 590px;
	display:block;
	margin-top:257px;
	margin-left:10px;
}

.blocBoutonsRadioMoyenPaiement label {
	width:500px;
	height:8px;
	display:block;
	padding:0.5em;
	padding-left:20px;
	background-position:0px center;
	background-repeat:no-repeat;
	cursor:pointer;
	font-family: "Din", Helvetica, Arial, sans-serif;
	color: #684611;
	font-size: 11px;
	font-weight: normal;
	float:left;
}

#blocBoutonsValider {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:172px;
}


/* ///////////////////////////////////////////////// */
/* ///////////////// CHOIX PAIEMENT //////////////// */
/* ///////////////////////////////////////////////// */

.formChoixCommande {
	height:35px;
	margin-left:0;
	width:1000px;
}

#blocBoutonsValiderCommande {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:175px;
}

.boutonValiderCommande {
	display:block;
	height: 42px;
	width: 107px;
	float: right;
	margin-right:250px;
	background-image: url(/images/choixPaiement/boutonValiderCommande.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.boutonValiderCommande:hover {
	background-image: url(/images/choixPaiement/boutonValiderCommandeAllume.png);
}

#logoPaypal {
	background-image: url(/images/choixPaiement/PayPal_logo_80x35.gif);
	float: left;
	height: 35px;
	width: 80px;
	margin-top:1px;
	margin-left:1px;
}

#rappelMontant {
	float: left;
	height: 35px;
	width: 160px;
	margin-top:-213px;
	margin-left:190px;
	text-align: right;
}


/* ///////////////////////////////////////////////// */
/* /////////////// VALIDATION COMMANDE ///////////// */
/* ///////////////////////////////////////////////// */

#ruche {
	background-image: url(images/validationRetraitRucher/ruche.png);
	float: left;
	height: 312px;
	width: 325px;
	margin-left:50px;
	margin-top:155px;
}

#remerciements {
	float: left;
	background-image: url(images/validationRetraitRucher/remerciementsCommande.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 500px;
	margin-top:250px;
}


#txtValidationRetraitRucher{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	margin-top:0px;
	padding-left:5px;
	height: 150px;
	width: 497px;
	float: left;
	display:block;
	margin-top:5px;
}

#blocBoutonsHome {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:23px;
}

#blocBoutonsHomeValidationCommande {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:14px;
}

.boutonHome {
	display:block;
	height: 42px;
	width: 107px;
	float: right;
	margin-right:250px;
}

.boutonHome a {
	display:block;
	height: 17px;
	width: 95px;
	position: relative;
	float: left;
	background-image: url(images/validationRetraitRucher/boutonHome.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #6dd816;
	padding-top: 25px;
	padding-left: 12px;
}

.boutonHome a:hover {
	position: relative;
	float: left;
	background-image: url(images/validationRetraitRucher/boutonHomeAllume.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #ffb601;
}

/* ///////////////////////////////////////////////// */
/* /////////////// paiement annulé ///////////////// */
/* ///////////////////////////////////////////////// */

#paiementAnnule {
	float: left;
	background-image: url(/images/paiementAnnule/paiementAnnule.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 700px;
	margin-top:190px;
	background-position: center;
}

.textePaimentAnnule {
	float: left;
	display:block;
	width: 700px;
	height:50px;
	margin-top:10px;
	text-align: center;	
}

#blocBoutonsHomeAnnule {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:199px;
}

/* ///////////////////////////////////////////////// */
/* /////////////// VENTE D'ESSAIMS ///////////////// */
/* ///////////////////////////////////////////////// */

#cadre {
	background-image: url(images/essaims/cadre.png);
	float: left;
	height: 290px;
	width: 295px;
	margin-left:50px;
	margin-top:165px;
}

#venteEssaims {
	float: left;
	background-image: url(images/essaims/venteEssaims.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 500px;
	margin-top:155px;
	margin-left:15px;
}


#txtVenteEssaims{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	padding-left:5px;
	height: 80px;
	width: 497px;
	float: left;
	display:block;
	margin-top:10px;
	margin-left:15px;

}

#abeille2 {
	height: 58px;
	width: 53px;
	float: left;
	margin-top:-35px;
	margin-left:-810px;
	background-image: url(images/essaims/abeille2.png);
	background-repeat: no-repeat;
}

#blocBoutonsContact {
	height: 42px;
	width: 1000px;
	float: left;
	margin-top:35px;
}

.boutonContactEssaims {
	display:block;
	height: 42px;
	width: 107px;
	float: right;
	margin-right:250px;
}

.boutonContactEssaims a {
	display:block;
	height: 17px;
	width: 95px;
	position: relative;
	float: left;
	background-image: url(images/essaims/boutonContact.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #6dd816;
	padding-top: 25px;
	padding-left: 12px;
}

.boutonContactEssaims a:hover {
	position: relative;
	float: left;
	background-image: url(images/essaims/boutonContactAllume.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #ffb601;
}

/* ///////////////////////////////////////////////// */
/* //////////////////// CONTACT //////////////////// */
/* ///////////////////////////////////////////////// */

#formulaireGaucheContact {
	height: 120px;
	width: 500px;
	float: left;
	margin-top:8px;
}

#contact {
	height: 120px;
	width: 1000px;
	float: left;
	margin-left:280px;
	margin-top:28px;
	background-image: url(images/contact/contact.png);
	background-repeat: no-repeat;
}

#contact p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #684611;
	line-height: 14px;
	margin-top:40px;
	float: left;
	display:block;
	height: 65px;
	width: 1000px;
}

#vosCoordonneesContact {
	height: 25px;
	width: 1000px;
	margin-left:280px;
	margin-top:10px;
	float: left;
	background-image: url(images/commande1/vosCoordonnees.png);
	background-repeat: no-repeat;
}

.blocFormulaireFinMoyen input {
	background-image: url(images/contact/blocFormulaireFinMoyen.png);
	background-repeat: no-repeat;
	border-style: none;
	height:22px;
	width:180px;
	padding-left:6px;
}

.formulaireContact1 {
	height: 85px;
	width: 180px;
	float: left;
	margin-left: -1px;
}

.formulaireContact2 {
	height: auto;
	width: 180px;
	float: left;
}

.formulaireContact3 {
	height: auto;
	width: 200px;
	margin-left:5px;
	float: left;
}

.blocFormulaireMessage textarea {
	background-image: url(images/contact/blocMessage.png);
	background-repeat: no-repeat;
	height:112px;
	width:361px;
	padding-left:6px;
	padding-top:6px;
	margin-top:-1px;
	margin-left:-4px;
	margin-top:8px;
}

#votreMessage {
	height: 25px;
	width: 1000px;
	margin-left:0px;
	margin-top:26px;
	float: left;
	background-image: url(images/contact/votreMessage.png);
	background-repeat: no-repeat;
}

#enfumoir {
	height: 624px;
	width: 408px;
	margin-left:607px;
	margin-top:-420px;
	float: left;
	background-image: url(images/contact/enfumoir.png);
	background-repeat: no-repeat;
}

#blocBoutonsEnvoyer {
	height: 42px;
	width: 1000px;
	float: left;
}

.boutonEnvoyer {
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	background-image: url(images/contact/boutonEnvoyer.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #6dd816;
	padding-top: 25px;
	padding-left: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display:block;
	margin-top:179px;
	margin-left:-21px;
}

.boutonEnvoyer:hover {
	position: relative;
	float: left;
	background-image: url(images/contact/boutonEnvoyerAllume.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #ffb601;
}

/* ///////////////////////////////////////////////// */
/* /////////////////////// MENU /////////////////// */
/* ///////////////////////////////////////////////// */

#blocMenu {
	height: 30px;
	margin-top:28px;
	width: 1280px;
	float: left;
}

.boutonAccueil {
	height: 30px;
	width: 60px;
	float: left;
	margin-left:520px;
	background-image: url(images/boutonAccueil.png);
	background-repeat: no-repeat;
}

.boutonAccueil a{
	display:block;
	height: 30px;
	width: 60px;
	background-image: url(images/boutonAccueil.png);
	background-repeat: no-repeat;

}

.boutonAccueil a:hover{
	background-image: url(images/boutonAccueilAllume.png);
	background-repeat: no-repeat;
}

.boutonMiels {
	height: 30px;
	width: 73px;
	float: left;
	margin-left:20px;
	background-image: url(images/boutonMiel.png);
	background-repeat: no-repeat;
}

.boutonMiels a {
	display:block;
	height: 30px;
	width: 73px;
	background-image: url(images/boutonMiel.png);
	background-repeat: no-repeat;
}

.boutonMiels a:hover {
	background-image: url(images/boutonMielAllume.png);
	background-repeat: no-repeat;
}

.boutonAutres {
	height: 30px;
	width: 58px;
	margin-left:20px;
	float: left;
	background-image: url(images/boutonAutres.png);
	background-repeat: no-repeat;
}

.boutonAutres a {
	display:block;
	height: 30px;
	width: 58px;
	background-image: url(images/boutonAutres.png);
	background-repeat: no-repeat;
}

.boutonAutres a:hover {
	background-image: url(images/boutonAutresAllume.png);
	background-repeat: no-repeat;
}

#blocSousMenu {
	height: 10px;
	margin-top:25px;
	width: 1280px;
	float: left;
}

.tiretSousMenu {
	height: 10px;
	width: 9px;
	float: left;
	background-image: url(images/tiretSousMenu.png);
	background-repeat: no-repeat;
}

.boutonContact {
	height: 10px;
	width: 38px;
	margin-left:498px;
	float: left;
	background-image: url(images/boutonContact.png);
	background-repeat: no-repeat;
}

.boutonContact a {
	display:block;
	height: 10px;
	width: 38px;
	background-image: url(images/boutonContact.png);
	background-repeat: no-repeat;
}

.boutonContact a:hover {
	background-image: url(images/boutonContactAllume.png);
	background-repeat: no-repeat;
}

.boutonMentionsLegales {
	height: 10px;
	width: 80px;
	float: left;
	background-image: url(images/boutonMentionsLegales.png);
	background-repeat: no-repeat;
}

.boutonMentionsLegales a {
	display:block;
	height: 10px;
	width: 80px;
	background-image: url(images/boutonMentionsLegales.png);
	background-repeat: no-repeat;
}

.boutonMentionsLegales a:hover {
	background-image: url(images/boutonMentionsLegalesAllume.png);
	background-repeat: no-repeat;
}

.boutonCGV {
	height: 10px;
	width: 142px;
	float: left;
	background-image: url(images/boutonCGV.png);
	background-repeat: no-repeat;
}

.boutonCGV a {
	display:block;
	height: 10px;
	width: 142px;
	background-image: url(images/boutonCGV.png);
	background-repeat: no-repeat;
}

.boutonCGV a:hover {
	background-image: url(images/boutonCGVAllume.png);
	background-repeat: no-repeat;
}

/* ///////////////////////////////////////////////// */
/* //////////////// MENTIONS LEGALES ///////////////// */
/* ///////////////////////////////////////////////// */

#corpsMentionLegales {
	height: 532px;
	width: 1280px;
	float: left;
}

#mentionsLegales {
	height: 35px;
	width: 1000px;
	float: left;
	margin-left:280px;
	margin-top:32px;
	background-image: url(/images/mentionLegales/mentionsLegales.png);
	background-repeat: no-repeat;
}

#mentionsLegales p{
	margin-top:7px;
	display:block;
	float: left;
	width:720px;
	margin-bottom:5px;
	margin-top:-3px;
}

#mentionsLegales h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #FFF;
	line-height: 14px;
	margin-top:7px;
	margin-bottom:5px;
	float: left;
	width:1000px;
	display:block;
}

#mentionsLegales a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
	color: #684611;
}

#mentionsLegales a:hover{
	color: #382508;
}

/* ///////////////////////////////////////////////// */
/* /////////////////////// CGV /////////////////// */
/* ///////////////////////////////////////////////// */

#CGV{
	height: 35px;
	width: 720px;
	margin-left:280px;
}

#conditionsGeneralesDeVente {
	height: 53px;
	width: 1000px;
	float: left;
	margin-left:0px;
	margin-top:40px;
	margin-bottom:20px;
	background-image: url(/images/cgv/conditionsGeneralesDeVente.png);
	background-repeat: no-repeat;
}

#conteneurCGV h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #FFF;
	line-height: 14px;
	margin-top:7px;
	margin-bottom:5px;
	float: left;
	width:1000px;
	display:block;
}

#conteneurCGV p{
	margin-top:7px;
	display:block;
	float: left;
	width:720px;
	margin-bottom:5px;
	margin-top:-3px;
}

#conteneurCGV a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
	color: #684611;
}

#conteneurCGV a:hover{
	color: #382508;
}

/* ///////////////////////SLIDER////////////////////// */

/*
* Required 
*/
.container { 
	width:720px; 
	min-height:360px; 
	overflow:hidden; 
	position:relative; 
	cursor:pointer; 
}

.slides { 
	position:absolute; 
	top:0; left:0; 
	list-style:none; 
	padding:0; 
	margin:0; 
}
		
.slides li { 
	position:absolute; 
	top:0; width:720px; 
	display:none; padding:0; 
	margin:0; 
}
		
/*
* Optional
*/
#loopedSlider,#newsSlider { 
	margin:0 auto;
	margin-left:0px;
	width:720px; 
	position:relative; 
	clear:both; 
}

.slides li { 
	padding-bottom:20px; 
}

ul.pagination { 
	list-style:none; 
	padding:0; 
	margin:0; 
}

ul.pagination li  { 
	float:left; 
}

ul.pagination li a { 
	padding:2px 4px; 
}

ul.pagination li.active a { 
	background:blue; color:white; 
}

.next {
	display:block;
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	margin-left:641px;
	margin-top:-42px;
	background-image: url(/images/cgv/boutonSuivant.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.next:hover {
	background-image: url(/images/cgv/boutonSuivantAllume.png);
}

.previous {
	display:block;
	height: 42px;
	width: 107px;
	position: relative;
	float: left;
	margin-left:-23px;
	margin-top:17px;
	background-image: url(/images/cgv/boutonPrecedent.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.previous:hover {
	background-image: url(/images/cgv/boutonPrecedentAllume.png);
}