body {

margin: 0px;
padding: 0px;
background-color: #787D85;
background-image: url('/images/bg.gif');
background-position: top center;
background-repeat: repeat-x;

}

body, table, tr, td {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}


h1 {

font-size: 12px;
color: black;
margin: 0px 0px 30px 0px;
letter-spacing : 1px;
text-align: left;
}

h1 strong {

font-size: 14px;
color: #5674B9;

}

h1 em {

font-size: 11px;
color: gray;

}

h1.accueil {
font-size: 14px;
}



h2 {
font-size: 12px;
background-image: url('/images/titre-bg.gif');
background-repeat: no-repeat;
background-color: #204C8E;
background-position: bottom right;
padding: 4px 4px 4px 10px;
color: white;
text-align: left;
}

h3 {
font-weight: bold;
font-size: 12px;
background-color: #efefef;
padding: 4px;
}


input.search {

background-color: #B9D2F3;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid white;
border-bottom: 1px solid white;
}

a {
color: #040B92;
}

a:visited {
color: #000000;
}

a:hover {
color : white;
background-color : #CC9518;
text-decoration : none;
}

#menuAlphabetique {
background-image: url('/images/recette-alphabetique.jpg');
background-repeat: no-repeat;
background-color: #3F75C1;
font-size: 11px;
color: white;
}

#menuAlphabetique a {
font-size: 11px;
font-weight: bold;
color: white;
text-decoration: none;
}

#menuAlphabetique a:visited {

font-size: 11px;
font-weight: bold;
color: white;
text-decoration: none;
}

a.menutop1, a.menutop2, a.menutop3 {

border: 1px solid black;
padding: 1px 4px 1px 4px;
font-size: 10px;
text-decoration: none;
margin: 0px 0px 0px 1px;
color: black;

}

a.menutop1 {
background-color: #CEE1FC;
}

a.menutop2 {
background-color: #EAAD22;
}

a.menutop3 {
background-color: #ECECEC;
}


a.menutop1:visited, a.menutop2:visited, a.menutop3:visited  {

text-decoration: none;
color: black;
}

a.menutop1:hover, a.menutop2:hover, a.menutop3:hover {

background-color: white;
text-decoration: none;
color: black;
}

.menuleft a, .menuleft a:visited {

background-color: transparent;
border-bottom: 1px solid #C1C1C1;
padding: 2px 0px 2px 10px;
font-size: 11px;
text-decoration: none;
color: black;
display: block;
margin-left: 2px;
}

.menuleft a:hover {

background-color: #204C8E;
text-decoration: none;
color: white;
}

.menulefttitle {
padding: 2px 0px 2px 10px;
margin-top: 5px;
margin-left: 2px;
font-size: 11px;
color: black;
}

a.ingredients {
text-decoration: none;
}

a.ingredients:visited {
text-decoration: none;
}

a.imagelink {
background-color: transparent;
text-decoration: none;
}

a.imagelink:hover {
background-color: transparent;
text-decoration: none;
}

.ingredientQuantitePale, .ingredientMesurePale, .ingredientNomPale, .ingredientQuantiteFonce, .ingredientMesureFonce, .ingredientNomFonce, .ingredientNumero {
margin: 0px;
padding: 3px;
font-size: 11px;
}

.ingredientQuantitePale {
background-color: white;
}

.ingredientMesurePale {
background-color: white;
font-size: 10px;
}

.ingredientNomPale {
background-color: white;
}

.ingredientQuantiteFonce {
background-color: #F0F0F0;
}

.ingredientMesureFonce {
background-color: #F0F0F0;
font-size: 10px;
}

.ingredientNomFonce {
background-color: #F0F0F0;
}


.tableRecette {
padding: 1px 1px 1px 6px;
font-size: 11px;
border-bottom: 1px solid white;
}


.tableNumeration  {
padding: 1px;
font-size: 7px;
color: silver;
border-bottom: 1px solid white;
border-left: 1px solid white;
}

.tableRecette a, .tableRecette a:visited {
text-decoration: none;
}



.description {
font-size: 10px;
color: gray;
}



.comment {
background-color: #f8f8f8;
border: 1px solid silver;
font-size: 11px;
padding: 1px;
margin-bottom: 16px;
}
.commentTop {
padding: 4px;
background: #efefef;

}

.commentTopDate {
width: auto;
text-align: right;
color: #979797;
}

.commentTopName {
font-weight: bold;
width: auto;
float: left;
}

.commentText {
padding: 4px;
background: #F9F9F9;
overflow: hidden;
}

input.commentaires, textarea.commentaires, input.contact, textarea.contact {

background-color: #FAF9F9;
border: 1px solid #DADADA;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

select {

background-color: #FAF9F9;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}


.annotation {

font-style: italic;
font-size: 10px;
color: gray;
}


.bottom {

font-size: 10px;
color: #D9D8D8;
width: 750px;
}

.bottom a {
color: #D9D8D8;
}

.bottom a:visited {
color: #D9D8D8;
}

.bottom a:hover {
color : white;
background-color : transparent;
}

.sousTexte {
font-size: 11px;
color: gray;
}

.sousTexte a {
color: gray;
}

.sousTexte a:visited {
color: gray;
}

.sousTexte a:hover {
color : black;
background-color : transparent;
}

.sousTexte2 {
font-size: 10px;
color: #A9A9A9;
}

.sousTexte2 a {
color: #A9A9A9;
}

.sousTexte2 a:visited {
color: #A9A9A9;
}

.sousTexte2 a:hover {
color : gray;
background-color : transparent;
}

.liensExterieurs {
font-size: 11px;
background-color: #f8f8f8;
padding: 10px;

}

.topMessage {
background-image: url('/images/recette-top2.jpg');
background-repeat: no-repeat;
padding-right: 20px;
padding-bottom: 2px;
font-size: 10px;
color: #D9D8D8;
}

.topMessage a {
color: #D9D8D8;
}

.topMessage a:visited {
color: #D9D8D8;
}

.topMessage a:hover {
color : black;
background-color : transparent;
}




ul.rssnews {
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
}

ul.rssnews li {
list-style-type: square;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 10px;
font-size: 11px;
}

#path, #path a {
font-size: 10px;
color: #333333;
}

#path {
margin-bottom: 20px;
}

/* align=middle is deprecated or is aligning to baseline, should fix the code later */

img[align="middle"] {
vertical-align: middle;
}


/* New classes to lighten the code */

#recherchebg {
background-image: url('/images/recette-recherche.jpg');
background-repeat: no-repeat;
background-color: #629BEA;
padding-right: 20px;
}

#menutop {
background-image: url('/images/recette-menutop.jpg');
background-repeat: no-repeat;
background-color: #3F75C1;
}

#toppub {
background-image: url('/images/top-pub.jpg');
background-repeat: no-repeat;
background-position: top;
}

#toppub-text {
text-align: center;
padding: 0px 22px 0px 25px;
}

#layout-bord1 {
background-image: url('/images/recette-bord1-bg.gif');
background-repeat: repeat-y;
background-position: top;
background-color: white;
}

#layout-bord2 {
background-image: url('/images/recette-menu-gauche2-bg.gif');
background-repeat: repeat-y;
background-position: top;
background-color: white;
}

#layout-bord3 {
background-image: url('/images/recette-bord2-bg.gif');
background-repeat: repeat-y;
background-position: top;
background-color: white;
}

#menu-gauche {
background-image: url('/images/recette-menu-gauche1.gif');
background-repeat: repeat-y;
background-position: top;
background-color: white;
}

#contenu {
background-image: url('/images/recette-contenu.gif');
background-repeat: no-repeat;
background-position: top;
background-color: white;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
}

#statistique-cocktail {
border: none;
border-bottom: 1px solid #e5e5e5;
}

.stats-score {
font-weight: bold;
color: black;
}

img.pourcentage1 {
border-top: 1px solid #56595f;
border-left: 1px solid #56595f;
border-bottom: 1px solid #56595f;
}

img.pourcentage2 {
border-top: 1px solid #56595f;
border-right: 1px solid #56595f;
border-bottom: 1px solid #56595f;
}

img.pourcentage3 {
border: 1px solid #56595f;
}

.ingredients-title {
font-size: 10px;
padding-bottom: 10px;
}

.cocktail-layout-lign {
border-left: 1px solid #cecece;
}

#proportions-graph {
background-image: url('/images/proportions-bg.jpg');
background-repeat: repeat-y;
background-position: top;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}

.proportions-cell {
border-bottom: 1px solid black;
font-size: 10px;
}

#cocktail-onglets-info {
background-image: url('/images/cocktail-ongletinfo-bg.gif');
background-repeat: repeat-x;
background-color: #FFFFFF;
background-position: top;
margin-top: 15px;
}

.cocktail-onglet {
background-image: url('/images/cocktail-ongletinfo-centre.gif');
background-repeat: repeat-x;
background-color: #FFFFFF;
background-position: top;
}

.cocktail-onglet td {
font-size: 10px;
}