body {
padding:0px;
margin:0 0px;
text-align:center;
background-color: #000000;
}

#page {
position:absolute;
width:950px;
height:650px;
left:50%;
margin-left:-475px;
} 

#page_vente {
top:0px;
position:absolute;
width:950px;
height:650px;
left:50%;
margin-left:-475px;
background-image:url(huitres-moules-brehat/fd_vente.jpg);
background-repeat:no-repeat;
background-position:90% 0%x;

}


#cote_g {
width:579px;
height:650px;
float:left;
}

#txt_accueil {
padding-left:65px;
height:53px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e3b215;
text-align:left;
}

#txt_vente_privee {
margin-top:120px;
padding-left:65px;
height:53px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
float:left;
height:455px;

}


#titre {
width:579px;
height:54px;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
letter-spacing:1px;
font-weight:bold;
color:#ffffff;
float:left;
text-align:left;
}

#footer {
position:absolute;
z-index:30;
top:581px;
left:0px;
width:950px;
height:75px;
/*float:left;*/
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
text-align:left;
}

#footer img{
margin-top:-7px;
}

#cote_d {
width:371px;
height:650px;
float:left;
}

#paimpol {
padding-left:70px;
width:301px;
height:192px;
float:right;
}

#menu {
width:371px;
height:258px;
margin:0 0px;
padding:0 0px;
}

#menu ul {
margin:0 0px;
padding:0 0px;
float:left;
list-style-type:none;
width:256px;
}

#menu li{
padding:0 0px;
margin:0 0px;
float:left;
}

#histo a {
display:block;
height:49px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_histo.gif);
background-repeat:no-repeat;
background-position:0 -49px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#histo a:hover {
display:block;
height:49px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_histo.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#huitres a {
display:block;
height:36px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_huitre.gif);
background-repeat:no-repeat;
background-position:0 -36px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#huitres a:hover {
display:block;
height:36px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_huitre.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#moules a {
display:block;
height:26px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_moule.gif);
background-repeat:no-repeat;
background-position:0 -26px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#moules a:hover {
display:block;
height:26px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_moule.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#coquilles a {
display:block;
height:47px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_coquille.gif);
background-repeat:no-repeat;
background-position:0 -47px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#coquilles a:hover {
display:block;
height:47px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_coquille.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#mariage a {
display:block;
height:37px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_mariage.gif);
background-repeat:no-repeat;
background-position:0 -37px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#mariage a:hover {
display:block;
height:37px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_mariage.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#conseils a {
display:block;
height:26px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_conseil.gif);
background-repeat:no-repeat;
background-position:0 -26px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#conseils a:hover {
display:block;
height:26px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_conseil.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#contact a {
display:block;
height:37px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_contact.gif);
background-repeat:no-repeat;
background-position:0 -37px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#contact a:hover {
display:block;
height:37px;
width:256px;
background-image:url(huitres-moules-brehat/menu/menu_contact.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#compo_bas_d {
position:absolute;
left:561px;
top:450px;
width:385px;
height:200px;
}

#ht_compo {
position:absolute;
z-index:10;
width:86px;
height:192px;
left:579px;
top:0px;
}

#carte {
position:absolute;
z-index:50;
left:421px;
top:50px;
height:149px;
width:182px;
}

#english {
position:absolute;
z-index:20;
left:820px;
top:15px;
height:15px;
width:100px;
text-align:right;
}

a.english:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:left;
text-decoration:none;
}

a.english:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:left;
text-decoration:none;
}

a.english:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:left;
text-decoration:underline;
}

a.english:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-align:left;
text-decoration:none;
}

#ceremonie {
margin-top:2px;
margin-left:9px;
height:519px;
width:200px;
float:left;
}



#diapo {
height:521px;
width:218px;
float:left;
list-style-type:none;
}

#diapo li{
margin-top:2px;
padding:0 0px;
display:block;
height:125px;
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-align:justify;
}

#txt_inter{
padding-left:20px;
padding-right:20px;
width:321px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:justify;
float:right;
}

#txt_crustaces{
overflow:auto;
padding-left:20px;
padding-right:20px;
width:321px;
height:395px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-align:justify;
float:right;
SCROLLBAR-FACE-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}

.titre_txt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
font-weight:bold;
color:#e3b215;
}

.marron_soulign{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#956219;
text-decoration:underline;
}

a.lien_form:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-decoration:none;
}

a.lien_form:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-decoration:none;
}

a.lien_form:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-decoration:underline;
}

a.lien_form:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-decoration:none;
}

.vert11px {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-align:justify;
}

.jaune11px {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e3b215;
text-align:justify;
}


#form_contact {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
margin-top:2px;
margin-left:9px;
height:519px;
width:400px;
text-align:left;
float:left;
}

#form_contact div{
margin-bottom:2px;
line-height:10px;
height:20px;
}

#btn_form {
width:400px;
float:left;
text-align:center;
}

#btn_form input {
cursor:pointer;
margin-left:2px;
margin-top:5px;
padding:0px;
}

.bouton {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
background-color:#000000;
border: 1px solid #e3b215;
font-weight:bold;
}

input {
margin-top:-10px;
float:right;
background-color: #ffffff;
border: 1px solid #e3b215;
color:#956219;
}

#frm_bon_commande input {
margin:0px;
padding:0px;
background-color: #ffffff;
border: 1px solid #e3b215;
color:#956219;
text-align:center;
}
	
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#956219;
background-color:;
border: 1px solid #e3b215;
}

a.menu_bas:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:left;
letter-spacing:1px;
text-decoration:none;
}

a.menu_bas:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:left;
letter-spacing:1px;
text-decoration:none;
}

a.menu_bas:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e3b215;
text-align:left;
letter-spacing:1px;
text-decoration:underline;
}

a.menu_bas:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-align:left;
letter-spacing:1px;
text-decoration:none;
}

a.mail:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
text-align:left;
text-decoration:none;
}

a.mail:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
text-align:left;
text-decoration:none;
}

a.mail:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
text-align:left;
text-decoration:underline;
}

a.mail:active {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align:left;
text-decoration:none;
}

/*----conseils-------------------------------------------------------------------*/

a.menu_conseil:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-align:left;
text-decoration:none;
}

a.menu_conseil:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-align:left;
text-decoration:none;
}

a.menu_conseil:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
font-weight:bold;
text-align:left;
letter-spacing:1px;
text-decoration:underline;
}

a.menu_conseil:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-align:left;
text-decoration:none;
}

#diapo_conseil {
height:521px;
width:218px;
float:left;
list-style-type:none;
}

#diapo_conseil li{
margin-top:2px;
padding:0 0px;
display:block;
height:50px;
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#bccd1a;
text-align:justify;
line-height:50px;
}


#diapo_conseil img{
float:left;
border:1px dashed #e3b215;
}


#conseil_huitres{
height:521px;
width:321px;
top:54px;
z-index:40;
background-color:#000000;
position:absolute;
display:none;
}

#conseil_moules{
height:521px;
width:323px;
padding-left:1px;
top:54px;
left:237px;
z-index:40;
background-color:#000000;
position:absolute;
display:none;
}

#conseil_homards{
height:521px;
width:323px;
padding-left:1px;
top:54px;
left:237px;
z-index:40;
background-color:#000000;
position:absolute;
display:none;
}


#conseil_praires{
height:521px;
width:323px;
padding-left:1px;
top:54px;
left:237px;
z-index:40;
background-color:#000000;
position:absolute;
display:none;
}

#conseil_palourdes{
height:521px;
width:323px;
padding-left:1px;
top:54px;
left:237px;
z-index:40;
background-color:#000000;
position:absolute;
display:none;
}

#conseil_coquilles{
height:521px;
width:323px;
padding-left:1px;
top:54px;
left:237px;
z-index:40;
background-color:#000000;
position:absolute;
display:none;
}

#conseil_tourteaux{
height:521px;
width:323px;
padding-left:1px;
top:54px;
left:237px;
z-index:40;
background-color:#000000;
position:absolute;
display:none;
}

#conseil_ormeaux{
height:521px;
width:323px;
padding-left:1px;
top:54px;
left:237px;
z-index:40;
background-color:#000000;
position:absolute;
display:none;
}


a.contact_mail:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e3b215;
text-decoration:none;
}

a.contact_mail:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e3b215;
text-decoration:none;
}

a.contact_mail:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e3b215;
text-decoration:underline;
}

a.contact_mail:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e3b215;
text-decoration:none;
}

/*----conseils-------------------------------------------------------------------*/

/*________________________________________________________menu_gb____________*/

#histo_gb a {
display:block;
height:49px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_histo.gif);
background-repeat:no-repeat;
background-position:0 -49px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#histo_gb a:hover {
display:block;
height:49px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_histo.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#huitres_gb a {
display:block;
height:36px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_huitre.gif);
background-repeat:no-repeat;
background-position:0 -36px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#huitres_gb a:hover {
display:block;
height:36px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_huitre.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#moules_gb a {
display:block;
height:36px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_moule.gif);
background-repeat:no-repeat;
background-position:0 -36px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#moules_gb a:hover {
display:block;
height:36px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_moule.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#coquilles_gb a {
display:block;
height:37px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_coquille.gif);
background-repeat:no-repeat;
background-position:0 -37px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#coquilles_gb a:hover {
display:block;
height:37px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_coquille.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#mariage_gb a {
display:block;
height:37px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_mariage.gif);
background-repeat:no-repeat;
background-position:0 -37px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#mariage_gb a:hover {
display:block;
height:37px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_mariage.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#conseils_gb a {
display:block;
height:36px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_conseil.gif);
background-repeat:no-repeat;
background-position:0 -36px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#conseils_gb a:hover {
display:block;
height:36px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_conseil.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#contact_gb a {
display:block;
height:27px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_contact.gif);
background-repeat:no-repeat;
background-position:0 -27px;
margin:0 0px;
padding:0 0px;
_float:left;
}

#contact_gb a:hover {
display:block;
height:27px;
width:256px;
background-image:url(huitres-moules-brehat/menu_gb/menu_contact.gif);
background-repeat:no-repeat;
background-position:0 0px;
margin:0 0px;
padding:0 0px;
_float:left;
}
/*_________________________________________________________________________________________*/

#login{
margin:0px;
padding:0px;
float:none;
}
#pass{
margin:0px;
padding:0px;
float:none;
}
#connexion{
cursor:pointer;
margin-left:2px;
margin-top:5px;
padding:0px;
float:none;
}
#commander{
cursor:pointer;
margin-left:2px;
margin-top:5px;
padding:0px;
float:none;	
}
#expedier{
cursor:pointer;
margin-left:2px;
margin-top:5px;
padding:0px;
float:none;	
}

#zoom_photo{	
	width:300px;
	height:240px;
	top:100px;
	left:10px;
	position:absolute;
	z-index:100;
	display:none;
}

#.input2{
margin:0px;
padding:0px;
float:none;
}