/* CSS Document */

body {
background-color:#cccacb;
font:small Georgia, "Times New Roman", Times, serif;
color:#e1e1e1;
}

#global{
margin-left: auto;
margin-right: auto;
width:1029px;
margin-bottom: 0px;
background: url(image/fondmenu.gif) repeat-y #000; 
}

#header{
margin-left: auto;
margin-right: auto;
text-align: center;
background-image:url(image/bandeau.jpg);
height: 111px;
text-align: right;
bottom: 0px;
}

#menu{
float: left;
width:290px;
}

p {
font:small Georgia, "Times New Roman", Times, serif;
color:#e1e1e1;
}

/* liste */
ul {
margin-top: 10px;
margin-bottom: 10px;
}

/* élément de liste */
li {
list-style-position:inside;
}

/* gabarit deux colonnes : rubrique accueil,index */
#colonneg{
float:left;
width:330px;
padding-left: 20px;
padding-right: 10px;
}

#colonned{
float:left;
width:330px;
padding-right: 20px;
padding-left: 20px;
}

.edito {
font-size:small;
font-style:italic;
text-align:justify;
}

.edito_right {
font-size:small;
font-weight: bold;
text-align:right;
}

.up {
font-size:large;
text-align:justify;
}

/* gabarit : rubrique entreprise, cocktails, event touch */
#contenu {
float: left;
padding-left: 20px;
padding-right: 20px;
width: 699px;
text-align:justify;
}

/* gabarit : rubrique particuliers cocktails*/
#ligneh{
float: left;
width:699px;
}

#ligneb{
float: left;
width:699px;
}

p.titre{
font-weight: bold;
font-size: large;
}

/* gabarit : rubrique entreprises */
#interligne_med {
font-size:small;
line-height:2em;
}

/* gabarit : rubrique event touch */
p.centre {
text-align: center;
font-weight: bold;
width: 300px;
margin: auto;
}

p.img_centre {
text-align: center;
margin: auto;

}

.img_gauche {
float: left;
margin: 5px 15px 5px 0px;
}

.img_droite {
float: right;
margin: 5px 0px 5px 15px;
}

/*Contact*/
label.contact {
clear: both;
float: left;
width: 200px;
height: 20px;
padding-right: 20px;
margin-bottom: 12px;
text-align: right;
}

input.contact {
width: 400px;
margin-bottom: 12px;
color: #cccacb;
background-color:#000000;
border: 1px solid;
border-color: #cccacb;}

input.contact_small {
width: 375px;
margin-bottom: 12px;
color: #cccacb;
background-color:#000000;
border: 1px solid;
border-color: #cccacb;}

select.contact {
width: 400px;
margin-bottom: 12px;
color: #cccacb;
background-color:#000000;
border: 1px solid;
border-color: #cccacb;}

input.bouton {
width: 300px;
margin-bottom: 12px;
color: #cccacb;
background-color:#333333;
border: 2px solid;
border-color: #cccacb;}


textarea.contact {
width: 400px;
color: #cccacb;
background-color:#000000;
border: 1px solid;
border-color: #cccacb;}


.erreur {
width: 400px;
margin-bottom: 12px;
background-color:#FF9900;
color:#FFFFFF;
border: 1px solid;
border-color: #cccacb;}

/* pied de page */
#pied {
font-size:small;
background-color:#cccacb;
width: 891px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding-left: 138px;
text-align: center;
}

#vide {
clear:both;
background-color: #cccacb;}

#menu_bas li {
list-style-type: none; 
display: inline;
padding: 0px 10px 0px 10px;
}

#menu_bas a {
text-decoration: none;
color:#000000;
}

#menu_bas li.selected {
font-weight: bold;
color:#666666;
}

ul#mention{
margin:0;
padding:0;
font-size:smaller;
list-style-type:none;
}

#mention li{
display:inline;
margin: 0 10px;
}

#mention a{
color:#666666;
}

#mention a:hover{
color:#FFFFFF;
}