/* CSS Document */

*{
	margin: 0;
	padding:0;
	}

body {
	background-color:#b3b3b3;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}

#contener{
	margin:0;
	padding:0;
	height:auto;
	width:1024px;
	position:absolute;
	left: 50%;
	margin-left: -512px;
	}
	
	
/****************** PARTIE HAUT ***************/


#haut{
	margin:0;
	padding:0;
	height:175px;
	width:1024px;
	float:left;
	}
	
#vide_haut_gauche, #vide_haut_droit{
	margin:0;
	padding:0;
	height:175px;
	width:182px;
	float:left;
	}
	
#logo{
	margin:0;
	padding:0;
	height:175px;
	width:660px;
	float:left;
	}
	
	
/****************** PARTIE MILIEU ***************/


#milieu{
	margin:0;
	padding:0;
	height:auto;
	width:1024px;
	float:left;
	}
	
/******  DANS LE MENU  ********/	
	
#menu{
	height:auto;
	width:182px;
	float:left;
	text-align:center;
	}
	
#liste_menu li {
	list-style-type:none; 
	}
	
#bouton1{
	height:51px;
	width:182px;
	float:left;
	display:block;
	background: transparent url(images/restaurant_loie_dor_accueil.png) no-repeat 0 0 !important;
	
	background-image:url(no-image);
	}
	
#bouton1:hover{
	background:transparent url(images/restaurant_loie_dor_accueil_s.png) no-repeat 0 0!important;
	background-image:url(no-image);
	z-index:3;
	height:51px;
	width:182px;
	float:left;
	display:block;
	}


#bouton2{
	height:51px;
	width:182px;
	float:left;
	display:block;
	background-image:url(images/menus_gastronomiques_01.png)!important;
	background-repeat:no-repeat;
	}
	
#bouton2:hover{
	background-image:url(images/menus_gastronomiques_01_s.png)!important;
	background-repeat:no-repeat;
	background-image:url(no-image);
	z-index:3;
	}
	
	

#bouton3{
	height:51px;
	width:182px;
	float:left;
	display:block;
	background-image:url(images/restaurant_Dombes_ain.png)!important;
	background-repeat:no-repeat;
	}
	
#bouton3:hover{
	background-image:url(images/restaurant_Dombes_ain_s.png)!important;
	background-repeat:no-repeat;
	background-image:url(no-image);
	z-index:3;
	}
	
	
#bouton4{
	height:51px;
	width:182px;
	float:left;
	display:block;
	background-image:url(images/receptions_restaurant.png)!important;
	background-repeat:no-repeat;
	}
	
#bouton4:hover{
	background-image:url(images/receptions_restaurant_s.png)!important;
	background-repeat:no-repeat;
	background-image:url(no-image);
	z-index:3;
	}
	
#bouton5{
	height:51px;
	width:182px;
	float:left;
	display:block;
	background-image:url(images/actu_restaurant_miserieux.png)!important;
	background-repeat:no-repeat;
	}
	
#bouton5:hover{
	background-image:url(images/actu_restaurant_miserieux_s.png)!important;
	background-repeat:no-repeat;
	background-image:url(no-image);
	z-index:3;
	}
	
#bouton6{
	height:51px;
	width:182px;
	float:left;
	display:block;
	background-image:url(images/plan_restaurant_l_oie_d_Or.png)!important;
	background-repeat:no-repeat;
	}
	
#bouton6:hover{
	background-image:url(images/plan_restaurant_l_oie_d_Or_s.png)!important;
	background-repeat:no-repeat;
	background-image:url(no-image);
	z-index:3;
	}
	
	
#bouton7{
	height:51px;
	width:182px;
	float:left;
	display:block;
	background-image:url(images/liens_restaurant_dombes.png)!important;
	background-repeat:no-repeat;
	}
	
#bouton7:hover{
	background-image:url(images/liens_restaurant_dombes_s.png)!important;
	background-repeat:no-repeat;
	background-image:url(no-image);
	z-index:3;
	}
	
	
/******  DANS LE CONTENU  ********/	
#contenu{
	height:auto;
	width:660px;
	float:left;
	background-image:url(images/fond_bloc_contenu.png);
	background-repeat:repeat-y;
	text-align:left;
	}

	
#le_contenu{
	height:auto;
	width:467px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:23px;
	}
	

/******  DANS LE CONTENU sans le SS MENU ********/	

	
#logo_oie_index{
	height:112px;
	width:112px;
	float:left;
	background-image:url(images/logo_restaurant_oie_dor.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:222px;
	top:760px; /* VARIE*/
	}
	
	
#logo_oie_actu{
	height:112px;
	width:112px;
	float:left;
	background-image:url(images/logo_restaurant_oie_dor.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:222px;
	top:510px; /* VARIE*/
	}


#logo_oie_liens{
	height:112px;
	width:112px;
	float:left;
	background-image:url(images/logo_restaurant_oie_dor.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:222px;
	top:552px; /* VARIE*/
	}
	
#logo_oie_ceremonie{
	height:112px;
	width:112px;
	float:left;
	background-image:url(images/logo_restaurant_oie_dor.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:222px;
	top:550px; /* VARIE*/
	}
	
	
#information_ceremonie{
	position:relative;
	margin-left:18px;
	margin-right:10px;
	margin-top:480px;
	text-align:center;
	}
	
	
	
#logo_oie_mentions{
	height:112px;
	width:112px;
	float:left;
	background-image:url(images/logo_restaurant_oie_dor.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:222px;
	top:717px; /* VARIE*/
	}
	

/******  DANS LE CONTENU SS MENU********/	
#contenu_menu{
	height:auto;
	width:660px;
	float:left;
	background-image:url(images/fond_repeat_restaurant.jpg);
	background-repeat:repeat-y;
	text-align:left;
	}
	

#blanc_haut{
	height:11px;
	width:660px;
	float:left;
	text-align:left;
	background-color:#FFFFFF;
	}
	
#menu_menu{
	height:auto;
	width:171px;
	float:left;
	text-align:left;
	}
	
#menu_texte{
	height:auto;
	width:489px;
	float:left;
	text-align:left;
	}
	
#photo{
	height:auto;
	width:478px;
	float:left;
	text-align:left;
	}

#description{
	height:auto;
	width:447px;
	float:left;
	text-align:left;
	margin-left:20px;
	margin-right:11px;
	margin-top:15px;
	margin-bottom:15px;
	}


	
#blanc_bas{
	height:11px;
	width:660px;
	float:left;
	text-align:left;
	background-color:#FFFFFF;
	}
	
	
/******  DANS LE CONTENU SS MENU - PARTIE GALERIE********/	

#contenu_menu_galerie{
	height:auto;
	width:740px;
	float:left;
	background-image:url(images/fond_repeat_galerie.png);
	background-repeat:repeat-y;
	text-align:left;
	}
	
#menu_galerie{
	height:auto;
	width:171px;
	float:left;
	text-align:left;
	}
	

#actu_galerie{
	height:auto;
	width:102px;
	float:left;
	text-align:center;
	}

#blanc_haut_galerie{
	height:14px;
	width:740px;
	float:left;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(images/fond_repeat_galerie_bord.png);
	background-repeat:no-repeat;
	}
	

#blanc_bas_galerie{
	margin-left:182px; /* BOF*/
	height:9px;
	width:740px;
	float:left;
	text-align:left;
	background-image:url(images/fond_repeat_galerie_bord.png);
	background-repeat:no-repeat;
	}

 
/********* GALERIE *****************/
	
#galerie{
	height:auto;
	width:558px;
	float:left;
	text-align:center;
    font: 0.9em Georgia, serif ; 
	}
	
	
	ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
	margin-top:10px;	
	} 
 
ul#galerie_mini li 
{ 
    float: left ; 
	
} 
 
 ul#galerie_mini li:hover
{  float: left ; 
	} 
  
ul#galerie_mini li a img 
{ 
    margin: 2px 1px ; 
} 



/* pour que l'on voit ou on a deja cliquer*/
.visited
{
  border-style:none;
  filter : alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.alpha( opacity=50); 
  -moz-opacity : 0.5;
  opacity : 0.5; 
  -ms-filter: alpha(opacity=50);
  -ms-opacity:0.5;
}

ul#galerie_mini li a:visited img
{
	border:solid 2px #990000;
	margin: 0px 0px ; 
}


ul#galerie_mini li a:hover img
{
	border:solid 2px #990000;
	margin: 0px 0px ; 
}

/**/


dl#photo 
{ 
    /*clear: both ; */
    margin: 0 auto ; 
	width:518px;
	
} 
 
dl#photo dt 
{ 
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:100;
	display:inline;
	line-height:15px;
	margin-left:20px;
	width:489px;
	
} 
 
dl#photo dd 
{ 
    margin: 0 ; 
	width:489px;
} 
 
dl#photo img 
{ 

} 


/**** SOUS MENU PHOTOS *****/

#liste_ss_menu_galerie li {
	list-style-type:none; 
	}
	
#bouton1_ss_galerie{
	height:91px;
	width:171px;
	float:left;
	display:block;
	background-image:url(images/galerie/g_plats_loie_dor.jpg);
	background-repeat:no-repeat;
	}
	
#bouton1_ss_galerie:hover{
	background-image:url(images/galerie/g_plats_loie_dor_s.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}

#bouton2_ss_galerie{
	height:91px;
	width:171px;
	float:left;
	display:block;
	background-image:url(images/galerie/g_restaurant_dombes.jpg);
	background-repeat:no-repeat;
	}
	
#bouton2_ss_galerie:hover{
	background-image:url(images/galerie/g_restaurant_dombes_s.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}


#bouton3_ss_galerie{
	height:91px;
	width:171px;
	float:left;
	display:block;
	background-image:url(images/galerie/g_reception_restaurant.jpg);
	background-repeat:no-repeat;
	}
	
#bouton3_ss_galerie:hover{
	background-image:url(images/galerie/g_reception_restaurant_s.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}



#bouton4_ss_galerie{
	height:91px;
	width:171px;
	float:left;
	display:block;
	background-image:url(images/galerie/g_equipe_loie_dor.jpg);
	background-repeat:no-repeat;
	}
	
#bouton4_ss_galerie:hover{
	background-image:url(images/galerie/g_equipe_loie_dor_s.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}


	
	
/**** SOUS MENU MENU *****/

#liste_ss_menu li {
	list-style-type:none; 
	}
	
#bouton1_ss{
	height:91px;
	width:171px;
	float:left;
	display:block;
	background-image:url(images/menu/la_carte_loie_dor.jpg);
	background-repeat:no-repeat;
	}
	
#bouton1_ss:hover{
	background-image:url(images/menu/la_carte_loie_dor_s.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}


#bouton2_ss{
	height:91px;
	width:171px;
	float:left;
	display:block;
	background-image:url(images/menu/menu_affaire_restaurant.jpg);
	background-repeat:no-repeat;
	}
	
#bouton2_ss:hover{
	background-image:url(images/menu/menu_affaire_restaurant_s.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}
	

#bouton3_ss{
	height:91px;
	width:171px;
	float:left;
	display:block;
	background-image:url(images/menu/menu_terroir_la_Dombes.jpg);
	background-repeat:no-repeat;
	}
	
#bouton3_ss:hover{
	background-image:url(images/menu/menu_terroir_la_Dombes_s.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}
	

#bouton4_ss{
	height:91px;
	width:171px;
	float:left;
	display:block;
	background-image:url(images/menu/menu_tradition_specialite.jpg);
	background-repeat:no-repeat;
	}
	
#bouton4_ss:hover{
	background-image:url(images/menu/menu_tradition_specialite_s.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}
	
	

#bouton5_ss{
	height:91px;
	width:171px;
	float:left;
	display:block;
	background-image:url(images/menu/menu_ceremonie_miserieux.jpg);
	background-repeat:no-repeat;
	}
	
#bouton5_ss:hover{
	background-image:url(images/menu/menu_ceremonie_miserieux_s.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}
	
	
/******  CONTACT ********/	

#contenu_menu_contact{
	height:auto;
	width:660px;
	float:left;
	background-image:
	url(images/fond_repeat_contact.jpg);
	background-repeat:repeat-y;
	text-align:left;
	}
	
#plan{
	height:auto;
	width:395px;
	float:left;
	margin-left:5px;
	}
	
	
#formulaire{
	height:auto;
	width:260px;
	float:left;
	text-align:left;
	}
	


/******  DANS LES ACTUS  ********/	
	
#actu{
	height:auto;
	width:182px;
	float:left;
	text-align:center;
	}


/****************** PARTIE BAS ******************/


#bas{
	margin:0;
	padding:0;
	height:50px;
	width:1024px;
	float:left;
	}
	
#vide_bas_gauche, #vide_bas_droit{
	margin:0;
	padding:0;
	height:50px;
	width:182px;
	float:left;
	}
	
#adresse{
	height:50px;
	width:660px;
	float:left;
	background-image:url(images/fond_degrade_adresse.png);
	background-repeat:no-repeat;
	text-align:center;
	}