@charset "UTF-8";

img, div, a, input, ul { behavior: url(iePngFix/iepngfix.htc); }

/* CSS Document */
html, body{
	width:100%;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#444444;
	color:#DDDDDD;
}
h1{
	margin:10px 0;
}
h2{
display:inline;
color:#AAAAAA;
font-size:25px;
}
h2.mail{
display:block;
border-bottom:1px solid #666666;
}
h3{
margin-bottom:0;
}
h4{
font-size:18px;
margin:0; 
color:#333333;
font-weight:bold;
}
h5{
 font-size:18px;
}
blockquote{
margin-top:0;
}
a{color:#ff9933;}
p{
	text-align:justify;
	margin-top:5px;
	padding: 0 0 0 10px;
}
p.menu{
	padding:5px 10px 5px 10px;
}

#entete{
	position:relative;
	width:800px;
	margin: 0 auto;
	height:177px;
	background:#000000 url(images/cafepop-entete.jpg) top right no-repeat;
}

#entete a.petitLien{
	/*border:#00CC00 1px solid;*/
		float:right;
		color:#FFF;
		padding:10px 40px 0 0;
		font-size:10px;
	}
/*
POUR LA CARTE 
*/
table span {
	font-size:12px;
	font-style:italic;
	color:#AAAAAA;
}
/*----------*/
#logo{
	width:450px;
	height:158px;
	margin-left:8px;
	margin-bottom:-20px;
}
#table{
	position:absolute;
	top:30px;
	right:15px;
	/*	margin-top:30px;	margin-right:15px;*/
	z-index:2;
	width:171px;
	height:176px;
}
#facebook{
	position:absolute;
	right:3px;
	top:3px;
}
#bandeau{
	position:relative;
	height:226px;
	width:800px;
	padding:0;
	margin:auto;
	overflow:hidden;
	/*background:#000000 url(images/cafepop-bandeau.jpg) center top no-repeat;*/
}
#bandeau #cache{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}
#bandeau #photoBandeau{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	letter-spacing:0px;
	width:10000px;
}
#bandeau #photoBandeau img{
	display:inline;
	margin:0;
	padding:0;
	border-width:0;
}
#global{
	width:800px;
	margin: 0 auto;
	/*min-height:798px;*/
	/*background-color:#5b4f49;*/
	background-color:#6b5d56;
}
/*MENU*/
#menu{
	padding:0;
	margin:0;
	font-size:14px;
	list-style:none;
	z-index:20;
}
#menu li{
	display:block;
	height:25px;
	line-height:25px;
	float:left;
	margin:10px 0 -2px 20px;
	/margin-left:10px;
	padding:auto 2px;
}

.orange{
	border-bottom:#ff9933 4px solid;
}

li.orange{font-size:19px;}/*texte plus gros pour cafépop*/
h1.orange{color:#ff9933;	border-bottom:#ff9933 2px solid;}
h3.orange{color:#ff9933; margin-bottom:0; border:none;}

.vert{
	border-bottom:#99CC00 4px solid;
}
h1.vert{color:#99CC33; border-bottom:#99CC33 2px solid;}

.rouge{
	border-bottom:#CC0066 4px solid;
}
h1.rouge{color:#CC6699; border-bottom:#CC6699 2px solid;}

.bleu{
	border-bottom:#0099CC 4px solid;
}
h1.bleu{color:#3399CC; border-bottom:#3399CC 2px solid;}


#menu a, #menu a.noactif,#sous-menu a.noactif {
	color:#FFFFFF;
	text-decoration:none;
	
}

#sous-menu{
	/*height:216px;*/
	width:175px;
	margin:0 0 0 20px;
	padding:5px;
	font-size:12px;
	color:#000000;
	background:transparent url(images/fond-s_menu-orange.png);
	text-align:right;
	position:absolute;
	/margin-left:10px;
	-margin-left:20px;	
	
	z-index:10;
}

#sous-menu li{
	list-style:none;
}

#sous-menu a{
	display:block;
	margin-bottom:7px;
	color:#FFFFFF;
	text-decoration:none;
}
#sous-menu a:hover{
	text-decoration:underline;
}
#sous-menu a.actif{
	color:#FFFFFF;
	font-weight:bold;
}
#contenu{
	padding :15px 40px;
}
/*menu a onglet pour la carte du restaurant*/

/*
couleur de base du fond du site: #6B5D56
couleur de fond de l'onglet affiché : #82726a
couleur de bordure : #5f534d
*/
       .onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
				padding-left:5px;
				padding-right:5px;
                border:1px solid #72635c;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#72635c;
                border-bottom:1px solid #72635c;
        }
        .onglet_1
        {
                background:#5f534d;
                border:2px solid #564c47;
                border-bottom:2px solid #5f534d;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#5f534d/*#6f6058*/;
                border:2px solid #564c47;
                margin-top:-2px;
                padding:5px;
                display:none;
        }
/*CARTE DES VINS*/
.enteteColonneVins {
	color: #333333;
	font-weight: bold;
	font-size:18px;
}
/*SOIREES NEWS*/
div.soiree{
	padding:0 0 10px 0;
}
div.soiree p{
	float:right;
	width:440px;
	text-align:left;
	margin:0 10px 0  0;
} 
div.soiree p.titre{
	padding:0;
	margin:10px 10px 20px 0;
	padding-left:15px;
	font-size:22px;
	font-weight:bold;
	line-height:18px;

}
div.soiree span.infosSoiree{
font-size:12px;
margin-bottom:10px;
padding-left:15px;
display:block;
}
div.soiree span.dateSoiree{
font-size:23px;
color:#FFF;

}

/*GALERIE PHOTOS*/
ul.albumList{
	margin:0;
	padding:0;
	list-style:none;
	width:150px;
}
ul.albumList li{
	border-bottom:#CC6699 2px solid;
}
#visuel{
	float:left;
	position:relative;
	display:inline;
	margin: 6px;
	margin-top:20px;
	padding:3px;
	border:#FFFFFF 1px solid;
	background-color:#FFFFFF;
	width:110px;
	height:110px;

}
#visuel:hover{
	background-color:#CC6699;
	border:#CC6699 1px solid;
}

#visuel a.petitLien{
	/*border:#00CC00 1px solid;*/
	
	position:absolute;
	
	display:block;
	bottom:-18px;
	
	text-align:center;
	text-decoration:none;
	font-size:10px;
	}
	
#visuel a.petitLien:hover{
	text-decoration:underline;
}

#photo{
	overflow:hidden;
	position:absolute;
	width:108px;
	height:108px;
}

#visuel a.photo {
	border:#FFFFFF 1px solid;
	display:block;
}
	
#visuel a.photo:hover{
	cursor:pointer;
	border:#555555 2px solid;
}
/*album*/

div.album{
	width:400px;
	height:120px;
	overflow:hidden;
	border:1px solid #FFF;
	padding:0;
	margin: 0 auto 10px auto;
	background-color:#6b5d56;
}
div.album:hover{
	background-color:#85746b;
}
/*SPECIAL IE */
div.album #photo{
	overflow:hidden;
	position:absolute;
	/left:-2px;
	/top:-2px;
	width:110px;
	height:110px;
}

a div.album {
	/text-decoration:none;
}

a div.album p{
	color:#CC6699;
}

/*actus*/
p span.actusDate{
	color:#99CC33;
	font-size:10px;
	vertical-align:middle;
	padding-left:15px;
}
p.actus{
	margin-top:20px;
	padding:0 0 0 250px;
	background-position:top left;
	background-repeat:no-repeat;
	min-height:150px;
}
/*FACEBOOKLIKE DIV*/
div.fb-like {
}
#fblikecontainer{text-align:right;}

#footer{
color:#CCCCCC;
font-size:12px;
width:800px;
margin:5px auto;
text-align:center;
}