/* CSS Document */
img { border:0; }
/*****************DIV*******************/
div#conteneur { 
				width:900px;
				background-image:url(images/fond_conteneur.jpg);
				position:relative;
				margin:0px auto;
				}
				
div#header { 
				width:900px;
				height:215px;
				background-image:url(images/defaut_01.jpg);
				background-repeat:no-repeat;
				}
				
div#gauche { 
				width:652px;
				background-image:url(images/titre-accueil_02.jpg);
				background-repeat:no-repeat;
				float:left;}

div#contact_page { 
				width:652px;
				background-image:url(images/titre-contact_02.jpg);
				background-repeat:no-repeat;
				float:left;}

div#vin { 
				width:652px;
				background-image:url(images/titre-bar_02.jpg);
				background-repeat:no-repeat;
				float:left;}

div#expo { 
				width:652px;
				background-image:url(images/titre-concert_02.jpg);
				background-repeat:no-repeat;
				float:left;}

div#luthier { 
				width:652px;
				background-image:url(images/titre-luthier_02.jpg);
				background-repeat:no-repeat;
				float:left;}

div#partenaires { 
				width:652px;
				background-image:url(images/titre-partenaires_02.jpg);
				background-repeat:no-repeat;
				float:left;}

div#dejeuner { 
				width:652px;
				background-image:url(images/titre-pttdej_02.jpg);
				background-repeat:no-repeat;
				float:left;}

div#presse { 
				width:652px;
				background-image:url(images/titre-presse_02.jpg);
				background-repeat:no-repeat;
				float:left;}


				
div#footer {
				width:900px;
				height:78px;
				background-image:url(images/defaut_04.jpg);
				background-repeat:no-repeat;
				background-color:#BABABA;
				clear:both;}

/*****************MENU*******************/
ul#menu {		width:248px;
        		background-image:url(images/defaut_03.jpg);
				background-repeat:no-repeat;
				margin:0px;
				padding:0px 0px 0px 0px;
				list-style-type:none;
       			float:right;}
        
ul#menu li {
			display : block;
      		font-size:1px;
      		line-height:1px;}

ul#menu img { border:0px;}

/***********LOGO + TXT FOOTER**********/
p#logo_cometik{
float:right;
padding:80px 10px 0 0;
margin:0;
}

p#logo_cometik a{
font:9px Verdana,Arial,Sans-serif;
color : black;
text-decoration:none;
}

p#coordonnées{
padding:80px 0 0 140px;
color : black;
text-decoration:none;
font-size:10px;
text-align:center;
margin-top:10px;
font : 10px Verdana,Arial,Sans-serif;
margin:0;}

a#mentions_legales{
color:black;
text-decoration:none;
}

.contenu_modifiable {
	margin:0px;
	padding:60px 30px 0 40px;
	font:11px Verdana,Arial,Sans-serif;
	text-align:justify;
}

/*************FORM NEWSLETTER************/
#newsletter_form{
padding: 0px 0 0 70px;
margin:0px;
}

p#newsletter_ok{
padding:70px 0 0 80px;
color:black;
font:10px Verdana,Arial,Sans-serif;
width:150px;
text-align:center
}

p#restez_informe{
	margin:0;
	padding: 60px 0 0 60px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:180px;
	text-align:center;
}

/**************PAGE CONTACT*************/
table#tab_contact{
   width:80%;
   border:1px solid #FF6600;
}

table#tab_contact td{
   height:20px;
   text-align:left;
}

table#tab_contact td#plan{
   text-align:center;
}


p#phrase_contactez_nous{
   width:80%;
   text-align:center;
}

div#msg_contact_ok {    border:1px solid #FF6600;
                       width:80%;
                       padding:15px;
                       text-align:center;
}

div#conteneur_contact {    width:100%;
                       text-align:center;
}

.input_contact {     background-color:#FFFFFF;
                   color:#000000;
                   border:1px #000000 solid;
                   width:140px;
}

#bouton_envoyer {     color:#000000;
                   border:1px solid #FFFFFF;
                   font-size:10px;
                   background-color:#FF6600;
}

#lien_plan {    color:black;
               text-decoration:none;
}

/***********CLASS********************/
.italique { font-style:italic; }

.souligne { text-decoration:underline}

.non_souligne { text-decoration:none; }

.gras { font-weight:bold; }


/* CSS AFFICHAGE DYNAMIQUE SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*OPACITE SUR IMAGES*/
.opacite img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.opacite:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}