body
{
background-color: #f1e5bd;
background-image: url("/images/background.jpg");
}

/* pour chaque bouton 3 balise CSS � copier :*/

/* 1- position d'origine */

#button_1
{
  display: block;
  width: 183px;
  height: 141px;
  /* background: url("NOM DE L'IMAGE") no-repeat PositionHorizontale PositionVerticale; */
  background: url("button_1.png") no-repeat 0px 0px;
}
ck
/* 2- position roll-over */

#button_1:hover
{
  /* background-position: PositionHorizontale PositionVerticale; */
  background-position: 0 -141px;
}

/* 3- Pour cacher le texte du lien. (c'est important de laisser le texte du lien pour non voyant et SEO */


#button_1 span
{
/* Ne rien modifier. la m�me chose pour chaque lien. */
  position: absolute;
  top: -999em;
}

#button_connexion
{
  display: block;
  width: 79px;
  height: 31px;
  background: url("/images/connexion.png") no-repeat 0px 0px;
}


#button_connexion:hover
{
  background-position: -80px 0px;
}

#button_connexion span
{
  position: absolute;
  top: -999em;
}



#btn_invite_members
{
  float:left;
  margin-left:274px;
  margin-top:15px;
  display: block;
  width: 150px;
  height: 109px;

  background: url("/images/boutons_inviterMembreFournisseur.png") no-repeat 0px 0px;
}

#btn_invite_members:hover
{


  background-position: 0px -111px;
}

#btn_invite_providers{
  float:left;
  margin-left:20px;
  margin-top:15px;
  display: block;
  width: 150px;
  height: 109px;

  background: url("/images/boutons_inviterMembreFournisseur.png") no-repeat -151px 0px;

}


#btn_invite_providers:hover{

background: url("/images/boutons_inviterMembreFournisseur.png") no-repeat -151px -111px;
}


 a.btn_take_part_this_ruche {

 	 float:left;

  text-indent:-10000px;
  display: block;
  width: 181px;
  height: 140px;

  background: url("/images/btn_cette_ruche.png") no-repeat 0px 0px;


 }


a.btn_provide_this_ruche{}

a.btn_provide_this_ruche:hover{}



a.btn_take_part_this_ruche:hover {background-position:-181px 0px;}

a.btn_take_part_this_ruche.btn_disabled:hover {
  background-position:0px 0px;
}

 a.btn_provide_this_ruche {

  float:left;
  text-indent:-10000px;
  margin-left:10px;
  display: block;
  width: 181px;
  height: 140px;

  background: url("/images/btn_cette_ruche.png") no-repeat 0px -142px;






 }






 a.btn_provide_this_ruche:hover {
 background-position:-181px -142px;
 }




a.btn_add_a_provider {


  text-indent:-10000px;
  margin-top:-7px;
  margin-bottom:30px;
  display: block;
  width: 195px;
  height: 60px;

  background: url("/images/bouton_ajouterFournisseur.png") no-repeat 0px 0px;
 }


 a.btn_add_a_provider:hover {
 background-position:-195px 0px;
 }


a.btn_small_add_provider{
  display: block;
  margin-top:10px;
  width: 126px;
  height: 101px;
  background: url("/images/small_btn_add_provider.png") no-repeat 0px 0px;}

a.btn_small_add_provider:hover{background-position:-126px 0px;}

a.btn_small_add_provider span{display: none}

a.btn_myspace{
  display: block;
  margin:0px auto;
  width: 195px;
  height: 61px;

  background: url("/images/bouton_monEspace-1.png") no-repeat 0px 0px;
  text-indent:-10000px;}

a.btn_myspace:hover{background-position:-196px 0px;}



a.btn_modif_profil{
	display: inline-block;

  width: 185px;
  height: 42px;

  background: url("/images/modifier-mon-profil.png") no-repeat 0px -1px;
  text-indent:-10000px;
}

a.btn_modif_profil:hover{background-position:-186px -1px;}







#button_facebook
{
  display: block;
  width: 247px;
  height: 62px;
  background: url("/images/facebook.png") no-repeat 0px 0px;
}


#button_facebook:hover
{
  background-position: -247px 0px;
}

#button_facebook span
{
  position: absolute;
  top: -999em;
}

#button_voirlavideo
{
  display: block;
  width: 138px;
  height: 121px;
  background: url("/images/voirlavideo.png") no-repeat 0px 0px;
  margin-left: 750px;
}


#button_voirlavideo:hover
{
  background-position: -138px 0px;
}

#button_voirlavideo span
{
  position: absolute;
  top: -999em;
}

/* Button */
.m_button { position: relative; margin:0 auto; width:680px; }
.m_btn {
    display: block;
    float:left;
    margin-left:3px;
    margin-right: 3px;
    height: 163px;
    width: 197px;
}
#button_ouvrir_big {
    background: url("/images/ouvrirbig.png") no-repeat scroll 0 0 transparent;
    width: 264px;
}
#button_ouvrir_big:hover
{
  background-position: -264px 0px;
}
#button_ouvrir_big span
{
  position: absolute;
  top: -999em;
}
#button_participer_big {
    background: url("/images/participerbig.png") no-repeat scroll 0 0 transparent;
}
#button_participer_big:hover
{
  background-position: -197px 0px;
}
#button_participer_big span
{
  position: absolute;
  top: -999em;
}
#button_fournir_big {
    background: url("/images/fournirbig.png") no-repeat scroll 0 0 transparent;
}
#button_fournir_big:hover
{
  background-position: -197px 0px;
}
#button_fournir_big span
{
  position: absolute;
  top: -999em;
}

#button_ouvrir_small
{
  display: block;
  float: right;
  width: 218px;
  height: 42px;
  background: url("/images/ouvrirsmall.png") no-repeat 0px 0px;
}


#button_ouvrir_small:hover
{
  background-position: -218px 0px;
}

#button_ouvrir_small span
{
  position: absolute;
  top: -999em;
}

#button_participer_small
{
  display: block;
    float: right;
  width: 218px;
  height: 42px;
  background: url("/images/participersmall.png") no-repeat 0px -0px;
}


#button_participer_small:hover
{
  background-position: -218px 0px;
}

#button_participer_small span
{
  position: absolute;
  top: -999em;
}

#button_fournir_small
{
  display: block;
    float: right;
  width: 218px;
  height: 42px;
  background: url("/images/fournirsmall.png") no-repeat 0px 0px;
}


#button_fournir_small:hover
{
  background-position: -218px 0px;
}

#button_fournir_small span
{
  position: absolute;
  top: -999em;
}

#button_newsletter_inscrire
{
  display: block;
  width: 114px;
  height: 28px;
  background: url("/images/newsletter_inscrire.png") no-repeat 0px 0px;
  margin-left:300px; margin-top:15px;
}


#button_newsletter_inscrire:hover
{
  background-position: -114px 0px;
}

#button_newsletter_inscrire span
{
  position: absolute;
  top: -999em;
}
/* btn validation rouge */


#red-button_valider
{
  display: block;
  width: 188px;
  height: 60px;
  background: url("/images/bouton_valider.png") no-repeat 0px 0px;
  cursor:pointer;
  border:none;
  margin: 0 auto;
  text-indent:-10000px;
    }

input[type=image]#red-button_valider {border:none;}

#red-button_valider:hover
{

background-position: -188px 0px;
}
/* *********  */



#button_valider,
.btn-validate
{
  display: block;
  width: 196px;
  height: 63px;
  background: url("/images/valider.png") no-repeat 0px 0px;
  cursor:pointer;
  border:none;
  margin: 0px auto;

}

input[type=image]#button_valider {border:none;}
input[type=image].btn-validate {border:none;}

#button_valider:hover,
.btn-validate:hover
{
  background-position: -197px 0px;
  border:none;
}

#button_valider span,
.btn-validate span
{
  position: absolute;
  top: -999em;
}

#button_validerbigbox
{
  display: block;
  width: 196px;
  height: 63px;
  background: url("/images/valider.png") no-repeat 0px 0px;
  cursor:pointer;
  border:none;
  margin-left: 230px;
}

input[type=image]#button_validerbigbox {border:none;}

#button_validerbigbox:hover
{
  background-position: -197px 0px;
  border:none;
}

#button_validerbigbox span
{
  position: absolute;
  top: -999em;
}


#button_envoyer
{
  display: block;
  width: 197px;
  height: 63px;
  background: url("/images/envoyer.png") no-repeat 0px 0px;
  cursor:pointer;
  border:none;
  margin-left: 450px;
  padding-bottom: 80px;
}







input[type=image]#button_envoyer {border:none;}

#button_envoyer:hover
{
  background-position: -198px 0px;
  border:none;
}

#button_envoyer span
{
  position: absolute;
  top: -999em;
}

.btn_send_message{
  display: block;
  width: 197px;
  height: 63px;
  background: url("/images/envoyer.png") no-repeat 0px 0px;
  cursor:pointer;
  border:none;
  margin:0 auto;
}
.btn_send_message:hover{
	background-position: -198px 0px;
}

#btn_send_email{

  display: block;
  width: 194px;
  height: 63px;
  background: url("/images/envoyer.png") no-repeat 0px 0px;
  cursor:pointer;
  border:none;
  text-indent:-10000px;
  padding:0;

}
#btn_send_email:hover{

  background-position: -198px 0px;
  border:none;


}

button#btn_send_email {border:none;!important}



#button_inscrire_rouge
{
  display: block;
  width: 196px;
  height: 63px;
  background: url("/images/inscrire_rouge.png") no-repeat 0px 0px;
  margin:0 auto;
}


#button_inscrire_rouge:hover
{
  background-position: -197px 0px;
}

#button_inscrire_rouge span
{
  position: absolute;
  top: -999em;
}

#button_ouvrirruche
{
  display: block;
  width: 197px;
  height: 63px;
  background: url("/images/ouvrirruche.png") no-repeat 0px 0px;
  margin-left: 127px;
}


#button_ouvrirruche:hover
{
  background-position: -198px 0px;
}

#button_ouvrirruche span
{
  position: absolute;
  top: -999em;
}

#button_inviteramis
{
  display: block;
  width: 197px;
  height: 63px;
  background: url("/images/inviteramis.png") no-repeat 0px 0px;
  margin-top : -63px;
  margin-left: 348px;
}


#button_inviteramis:hover
{
  background-position: -198px 0px;
}

#button_inviteramis span
{
  position: absolute;
  top: -999em;
}


#button_remplir
{
  display: block;
  width: 197px;
  height: 63px;
  background: url("/images/remplir.png") no-repeat 0px 0px;
  margin-left: 450px;
}


#button_remplir:hover
{
  background-position: -198px 0px;
}

#button_remplir span
{
  position: absolute;
  top: -999em;
}


#button_rejoindre
{
  display: block;
  width: 197px;
  height: 63px;
  background: url("/images/rejoindre.png") no-repeat 0px 0px;
  cursor:pointer;
  border:none;
  margin-left: 230px;
}
button.btn-rejoindre {
  display: block;
  width: 190px;
  height: 56px;
  cursor: pointer;
  border: none;
  font-size: 2em;
}

input[type=image]#button_rejoindre {border:none;}

#button_rejoindre:hover
{
  background-position: -198px 0px;
  border:none;
}

#button_rejoindre span
{
  position: absolute;
  top: -999em;
}

a#button_rejoindre
{
  display: block;
  width: 197px;
  height: 63px;
  background: url("/images/rejoindre.png") no-repeat 0px 0px;
  cursor:pointer;
  border:none;
  margin-left: 230px;
}



a#button_rejoindre:hover
{
  background-position: -198px 0px;
  border:none;
}


#community_providers a#button_rejoindre{margin-left:0px;}


.button_area_low #button_rejoindre{float:right;}

#button_inscrire_rouge_low
{
  display: block-inline;
  width: 196px;
  height: 63px;
  background: url("/images/inscrire_rouge.png") no-repeat 0px 0px;
  margin-left: 425px;
  padding-bottom: 20px;
}


#button_inscrire_rouge_low:hover
{
  background-position: -197px 0px;
}

#button_inscrire_rouge_low span
{
  position: absolute;
  top: -999em;
}

a.btn_add_message{
  display: block;
  width: 162px;
  height: 30px;
  background: url("/images/bouton_ajouterMessage.png") no-repeat 0px 0px;
  text-indent: -100000px;
}

a.btn_add_message:hover{background-position: -162px 0px;}

a.btn_send_a_message{
  display: block;
  width: 159px;
  height: 31px;
  background: url("/images/bouton_EnvoyerMessage.png") no-repeat 0px 0px;
  text-indent: -100000px;
}
.profile a.btn_send_a_message{border:none;}
a.btn_send_a_message:hover{background-position: -160px 0px;}

a.btn_add_to_my_ruche{
  display: block;
  width: 158px;
  height: 29px;
  background: url("/images/bouton_ajouterRuche.png") no-repeat 0px 0px;
  text-indent: -100000px;
}

a.btn_add_to_my_ruche:hover{background-position: -158px 0px;}
.profile a.btn_add_to_my_ruche{border:none;}
a.btn_add_an_opinion{
  display: block;
  width: 135px;
  height: 31px;
  background: url("/images/bouton_AjouterAvis.png") no-repeat 0px 0px;
  text-indent: -100000px;
}

a.btn_add_an_opinion:hover{background-position: -135px 0px;}
.bbutton_post { border:none; background:url(../images/bouton_publier.png) no-repeat 0px 0px ; width:164px; height:34px; text-indent:-10000px; padding:0px;cursor: pointer;}
.bbutton_post:hover { background-position: -164px -0px;   }
button.bbutton_post, button.bbutton_post:active{border:none!important;  }


.bbutton_comment { border:none; background:url(../images/boutonCommenter.png) no-repeat 0px 0px ; width:164px; height:33px; text-indent:-10000px; padding:0px;cursor: pointer;}
.bbutton_comment:hover { background-position: -164px -0px;   }
button.bbutton_comment, button.bbutton_comment:active{border:none!important;  }
.reply .bbutton_comment{margin-top:5px; margin-left:15px;}


.bbutton_validate {float:right; border:none; background:url(../images/bouton_valider_vert.png) no-repeat 0px 0px ; width:107px; height:45px; text-indent:-10000px; padding:0px;cursor: pointer;}
.bbutton_validate:hover { background-position: -107px -0px;   }
.table1 a.bbutton_validate{ border:none;}
button.bbutton_validate, button.bbutton_validate:active{border:none!important;  }



.btn_ajouter{background:url(../images/Bouton_ajouter.png) no-repeat 0px 0px ;width:194px; height:60px;text-indent:-10000px; cursor: pointer; }
.btn_ajouter:hover{background-position: -194px -0px; }
button.btn_ajouter{border:none!important;}

.btn_edit{background:url(../images/bouton_modifier.png) no-repeat 0px 0px ;width:194px; height:60px;text-indent:-10000px; cursor: pointer;  margin:0px auto ; display:block; }
.btn_edit:hover{background-position: -194px -0px; }
button.btn_edit{border:none!important;}

#facebook_connect_button{background:url(../images/seConnecter.png) repeat-x 0 -1px ;border:none;width:196px; height:60px; margin-right:33px;}
#facebook_connect_button:hover{background-position: -197px -1px; }

/* btn close for facebox.js   */


#facebox .close{background:url(../images/bouton_fermer_facebox.png) no-repeat 0px 0px ;width:30px; height:30px;}
#facebox .close:hover{background-position: -30px 0;}

.profile a.btn_remove_from_my_ruche{color:#720000; font-size:12px; text-transform: lowercase}


#btn_ouvrer_ruche {
    background: url('/images/bouton_OuvrirRuche.png') no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 109px;
    margin-left: 274px;
    margin-top: 15px;
    width: 150px;
}

#btn_ouvrer_ruche:hover {
    background: url('/images/bouton_OuvrirRuche.png') no-repeat scroll -150px 0 transparent;
}

#btn_rejoindre_ruche {
    background: url('/images/bouton_RejoindreRuche.png') no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 109px;
    margin-left: 20px;
    margin-top: 15px;
    width: 150px;
}

#btn_rejoindre_ruche:hover {
    background: url('/images/bouton_RejoindreRuche.png') no-repeat scroll -150px 0 transparent;
}

.top_monCompte_menu {
    background: url('/images/blocJaune2_monCompte.png') no-repeat scroll 0 0 transparent;
    clear: both;
    height: 131px;
    margin-bottom: 10px;
    width: 602px;
}

.top_monCompte_menu1 {
    background: url('/images/yellow_block_nude.png') no-repeat scroll 0 0 transparent;
    position: relative;
    clear: both;
    height: 131px;
    margin-bottom: 10px;
    width: 602px;
}

.top_monCompte_menu1 .monCompte_content {
    position: absolute; left: 15px;
}
.top_monCompte_menu1 .monCompte_text {
    margin-top: 20px; font-size: 18px;
}

#monCompte_title {
    color: #FFFFFF;
    margin: 12px 0  0 10px;
    font-size: 36px;
}

#monCompte_link {
    display: block;
    float: left;
    color: #c50606;
    margin-left: 484px;
    margin-top: 65px;
    width: 150px; font-size: 24px; text-decoration: underline;
}
#monCompte_link1 {
    color: #FFFFFF; margin:20px 0  0 10px; font-size: 36px;
}

.btn_create_an_offer{
    background: url('/images/Bouton_creerOffre.png') no-repeat scroll 0 0 transparent;
    float: right;
    width: 164px;
    height: 32px;
    cursor: pointer;
}

.btn_create_an_offer:hover{
    background: url('/images/Bouton_creerOffre.png') no-repeat scroll -164px 0 transparent;
}

.btn_add_a_sale{
    background: url('/images/Bouton_ajouterVente.png') no-repeat scroll 0 0 transparent;
    height: 40px;
    width: 196px;
    cursor: pointer;
    margin-left: 190px;
}

.btn_add_a_sale:hover{
    background: url('/images/Bouton_ajouterVente.png') no-repeat scroll -196px 0 transparent;
}

.btn_create_a_sale{
    background: url('/images/Bouton_creerVente.png') no-repeat scroll 0 0 transparent;
    height: 40px;
    width: 132px;
    cursor: pointer;
    margin-left: 40px;
    border: none;
}

.btn_create_a_sale:hover{
    background: url('/images/Bouton_creerVente.png') no-repeat scroll -132px 0 transparent;
}


.btn_voir_profil{
	margin-top:30px;
    background: url('/images/bouton_VoirSonProfil.png') no-repeat scroll 0 0 transparent;
    height: 37px;
    width: 107px;
    cursor: pointer;

    border: none;
}


.btn_voir_profil:hover{
    background: url('/images/bouton_VoirSonProfil.png') no-repeat scroll -107px 0 transparent;
}

.btn_generic a {
  display: block;
  line-height: 40px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  text-indent: -10000px;
}

.btn_add_to_cart{
    background: url('/images/Bouton_ajouterPanier.png') no-repeat scroll 0 0 transparent;
    width: 185px;
    height: 40px;
}

.btn_add_to_cart:hover{
    background: url('/images/Bouton_ajouterPanier.png') no-repeat scroll -185px 0 transparent;
}

.btn_commander{
    background: url('/images/Bouton_commander.png') no-repeat scroll 0 0 transparent;
    width:168px;
    height: 41px;
}

.btn_commander:hover{
    background: url('/images/Bouton_commander.png') no-repeat scroll -168px 0 transparent;
}

.btn_download_doc{
    background: url('/images/Bouton_telechargerDocument.png') no-repeat scroll 0 0 transparent;
    width: 264px;
    height: 58px;
}

.btn_download_doc:hover{
    background: url('/images/Bouton_telechargerDocument.png') no-repeat scroll -264px 0 transparent;
}



.btn_download_order_form{
    background: url('/images/Bouton_telechargerBonDeCommande.png') no-repeat scroll 0 0 transparent;
    width: 276px;
    height: 60px;
}

.btn_download_order_form:hover{
    background: url('/images/Bouton_telechargerBonDeCommande.png') no-repeat scroll -278px 0 transparent;
}







#confirmOrderButton, #confirmOrderButtonRefund{
  background: url('/images/valider.png') no-repeat scroll 0 0 transparent;
  border: none;
  height: 63px;
  margin-top: 20px;
  width: 197px;
}

#confirmOrderButton:hover, #confirmOrderButtonRefund:hover{
    background: url('/images/valider.png') no-repeat scroll -197px 0 transparent;
}

#cardChoice{
  overflow:auto;
  clear:left;
  width:500px;
  margin:20px auto;
  text-align:center;
}

.confirmation #cardChoice{
    width: auto ;
}

#cardChoice:hover
  input[type=submit]{
    opacity: 0.5;

    transition-property: opacity;
    -o-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
}


#cardChoice:hover
  input[type=submit]:hover{
    opacity: 1;
}

#visaButton,
#mastercardButton,
#maestroButton,
#bcmcButton {
  border: none;
  width: 100px;
  height: 63px;
  margin-right: 20px;
  float: left;
  margin-right: 20px;
  display: inline-block;
  background: url('/images/sprites_cb.png') no-repeat scroll 0 0 transparent;
}

#visaButton:hover,
#mastercardButton:hover,
#maestroButton:hover,
#bcmcButton:hover {
  background: url('/images/sprites_cb.png') no-repeat scroll 0 0 transparent;
}

.confirmation #visaButton,
.confirmation #mastercardButton,
.confirmation #maestroButton,
.confirmation #bcmcButton {
  border : 5px solid #FFF;
  width : 110px;
  height : 73px;
}

#mastercardButton, #mastercardButton:hover {
   background-position: -100px 0px;
}

#maestroButton, #maestroButton:hover {
  background-position: -200px 0px;
}

#bcmcButton, #bcmcButton:hover {
  background-position: -300px 0px;
}

a.btn_deleteChoice
{
  display: block;
  width: 20px;
  height: 20px;
  background: url("/images/delete.png") no-repeat 0px 0px;

}

.btn_bigcross{
	margin-top:5px;
	margin-right:5px;
	display:block;
    background: url('/images/bigcross.png') no-repeat 0 0;
    width:20px;
    height: 20px;
    cursor: pointer;
}

a.btn_trash{
	border-width: 1px;
	border-color: #720000;
	border-style: solid;
	height: 28px;
	width:28px;
	display:block;
	margin-top:5px;
	background: url('/images/delete_file.png') no-repeat 0px -30px;
}
a.btn_trash:hover{
	background:#FEE647 url('/images/delete_file.png') no-repeat 0px -30px;
}

a.btn_maxqty{
	border-width: 1px;
	border-color: #720000;
	border-style: solid;
	margin-top:5px;
	margin-right:5px;
	display:block;
    width:66px;
    text-align:center; line-height:28px;
    height: 28px;
    cursor: pointer;
}
a.btn_maxqty:hover{
    color:#720000;
    background-color:#FEE647;
}

.btn_bigcross:hover{
    background: url('/images/bigcross.png') no-repeat -20px 0;
}

.btn_minicross{
	margin-top:5px;
	margin-right:0px;
	display:inline-block;
    background: url('/images/minicross.png') no-repeat 0 50%;
    width:10px;
    height: 10px;
    cursor: pointer;
}

.btn_minicross:hover{
    background: url('/images/minicross.png') no-repeat -10px 50%;
}
.btn_check2{
	margin-top:0px;
	margin-right:0px;
	display:block;
    background: url('/images/votes/Vote3.png') no-repeat 50% 50%;
    width:  80px;
    height: 80px;
    cursor: pointer;
    border:none;
     background-clip:none;
}
.btn_check1{
	margin-top:0px;
	margin-right:0px;
	display:block;
    background: url('/images/votes/Vote2.png') no-repeat 50% 50%;
    width:  80px;
    height: 80px;
    cursor: pointer;
    border:none;
    background-clip:none;
}
/* building buttons */



/* fonts */
.font-arial{    font-family: "Arial";   }
.font-georgia{  font-family: "Georgia"; }
.font-league{   font-family: "League Gothic"; }

.font-12{   font-size: 12px; }
.font-14{   font-size: 14px; }
.font-16{   font-size: 16px; }
.font-18{   font-size: 18px; }
.font-24{   font-size: 26px; }
.font-36{   font-size: 36px; }
.font-48{   font-size: 3em; }


.font-normal{   font-weight: normal;}
.font-bold{     font-weight: bold;  }
.font-italic{   font-style : italic;}
.font-uppercase{text-transform: uppercase;}








/*

    COLORS

*/

.color-white{
    color: white;
}

.bg-white{
    background-color: white;
}

.bg-white-50{
    background-color: rgba(255,255,255,.5);
}

.color-beige{
    color: rgb(233,216,154);
}

.bg-beige{
    background-color: rgb(233,216,154);
}

.color-brown{
    color: rgb(114, 0, 0);
}

.color-brown-50{
    color: rgba(114, 0, 0, .5);
}

.bg-brown{
    background-color: rgb(114, 0, 0);
}

.bg-brown-over{
    background-color: rgb(114, 0, 0);
}

.color-red{
    color: rgb(197, 7, 7)
}

.bg-red{
    background-color: rgb(197, 7, 7);
}

.bg-red-over{
    background-color: rgb(197, 7, 7);
}

.color-green{
    color: rgb(123, 205, 141);
}

.bg-green{
    background-color: rgb(123, 205, 141);
}

.bg-green-over{
    background-color: rgb(147, 196, 24) !important;
}

.bg-transparent{
    background-color: transparent;
}

.color-yellow{
    color: rgb(255, 233, 37);
}

.bg-yellow{
    background-color: rgb(255, 233, 37);
}



ul.labels{
	list-style: none;
	height: 18px;
}

ul.labels li{
	height: 15px;
	border: 0px solid #CCC;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	margin: 0px;
	float: left;
	padding: 3px;
	text-transform: uppercase;
	margin-right: 5px;
    cursor: help;
}

ul.labels li span:last-child{
	display: none;
}

.label-bio{background-color:rgb(105,220,104); color:white;}
.label-aoc{background-color:rgb(255,255,255); color:black;}
.label-labelrouge{background-color:rgb(197,7,7); color:white;}
.label-igp{background-color:rgb(73,58,212); color:rgb(255,233,38)}
.label-stg{background-color:rgb(255,233,38); color:rgb(73,58,212)}

/*

    SIZES

*/

.h-10{    height: 10px;     }
.h-20{    height: 20px;     }
.h-30{    height: 30px;     }
.h-40{    height: 40px;     }
.h-50{    height: 50px;     }
.h-60{    height: 60px;     }

.p-5{     padding: 5px;     }
.p-10{    padding: 10px;     }
.p-20{    padding: 20px;     }
.p-30{    padding: 30px;     }

.w-1column{     width: 58px;    }
.w-2columns{    width: 126px;   }
.w-3columns{    width: 194px;   }
.w-4columns{    width: 262px;   }
.w-5columns{    width: 330px;   }
.w-6columns{    width: 398px;   }
.w-7columns{    width: 466px;   }
.w-8columns{    width: 534px;   }
.w-9columns{    width: 602px;   }
.w-10columns{   width: 670px;   }
.w-11columns{   width: 738px;   }
.w-12columns{   width: 806px;   }
.w-13columns{   width: 874px;   }
.w-14columns{   width: 942px;   }

.radius-2{   border-radius:  2px;   }
.radius-3{   border-radius:  3px;   }
.radius-6{   border-radius:  6px;   }
.radius-12{  border-radius: 12px;   }

.scale-55{
    -moz-transform: scale(.55);
    -webkit-transform: scale(.55);
}
.scale-70{
    -moz-transform: scale(.70);
    -webkit-transform: scale(.70);
}
.scale-85{
    -moz-transform: scale(.85);
    -webkit-transform: scale(.85);
}
/* butttons */
.button-to-skin{
    color: white;
    font-family: "League Gothic";
    text-transform: uppercase;
    border:  none;
    padding-top: 1px;
    padding-bottom: 0px;
    position: relative;
    cursor: pointer;
}

.button-to-skin span{
    display: inline-block;
    margin-top: -10px;
}

.button-to-skin span:first-child{
    margin-top: 0px;
}

.button-container{
    cursor: pointer;
}

.overlay-yellow{
    position: absolute;
    background-color: rgb(255, 233, 37);
    opacity: 0;
}

.button-label{
    position: absolute;
    color: white;
    text-align: center;
}

.add-white-texture{
    background-image: url("../images/button-white-texture.png");
}

.add-beige-texture{
    background-image: url("../images/button-beige-texture.png");
}

.add-green-dropshadow{
    text-shadow: -1px 1px  0px rgb(65, 169, 84);
}

.add-red-dropshadow{
    text-shadow: -1px 1px  0px rgb(97, 23, 16);
}

.add-filling{
    box-shadow: 0px 0px 5px red inset;
}


a.brown_button{display:block; width:150px; height:35px; font-size:16px; font-family: League Gothic; color:#FFF; background-color:#6f1311; -moz-border-radius: 5px;border-radius: 5px; line-height:36px;text-align:center; text-transform:uppercase; font-weight:normal;margin-top:10px; }
a.brown_button:hover{background-color:#F8BC3C; color:#6f1311; text-decoration:none; }

.btn_disabled{
  opacity: 0.5;
}
a.btn_my_archives , a.btn_add_prop {
    float:right;
    text-decoration:none;
    background-color: #95D8AC;
    padding:4px 6px;
    color:#FFF;
    font-size:18px;
    font-family:"League Gothic", Helvetica, Arial, sans-serif;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius:5px;
    text-shadow: -1.5px 1px 0 #41A954;
    letter-spacing: 1px;

}
a.btn_my_archives{margin-left:10px;}
a.btn_my_archives:hover, a.btn_add_prop:hover {
    background-color: #8FBD17;
    color:#FFFFFF;
    box-shadow: 1px -1px 0px rgba(123, 205, 141, 0.5), -1px 1px 0px #FFE925;
}


a.btnStat{
  background-color: rgb(123, 205, 141);
  box-shadow: 1px -1px 0px rgba(123, 205, 141, 0.5), -1px 1px 0px white;
  color:#FFF;
  color: white;
  cursor: pointer;
  font-family: "League Gothic";
  text-transform: uppercase;
  font-size:16px;
  padding:4px 8px;
  border-radius: 6px 6px 6px 6px;
  text-align:center;
  display:inline-block;
}

a.btnStat:hover{

  background-color: rgb(147, 196, 24);
  box-shadow 		: -1px 1px 0px rgb(255, 233, 37), 1px -1px 0px rgba(123, 205, 141, 1);
  color:#FFF;
}