@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	margin-top:auto;
	padding:0;
	position:relative;
	
	background-color: #F0F0F0;
	width:20%;
	/*border-top:4px solid  #FF3300;*/
	font-family:Arial, Helvetica, sans-serif;
}
a{
	text-decoration:none;
	color:#FF3300;
}
image{
	
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

p{
	padding:0px;
	margin:0px;
	font-family:Arial;
	color: #333333;
	font-size:12px;
	font-weight:normal;
}

h1{
padding:0px;
margin:0px;
}

#externe{

width:100%;
height:100px;
position:absolute;
left:0px;
top:0px;}

#photo1{
	background-image:url(images/restaurant_oullins_fond1.png);
	background-repeat:no-repeat;
	height:1000px;
	width:365px;
	position:fixed;
	top:0px;
	left:0px;

}
#accueil_photo{
	width:650px;
	height:260px;
	position:absolute;
	top: 2px;
	left: 2px;
}
#accueil_texte{
	width:650px;
	height:119px;
	position:absolute;
	top: 265px;
	left: 2px;
}


#header_fond{
	position:relative;
	margin:0 auto;
	width:855px;
	height:57px;
}


#header
{
	height: 53px;
	width: 261px;
	float: left;
	top:0px;
	left:-44px;
	background-repeat:no-repeat;
	padding-left:5px;
	padding-top:0px;
	position:absolute;
	
}

#header h1
{
	font-size: 20px;
	position: absolute;
	top:-2px;
	left:0px;
	font-family:Arial;
	font-weight: bold;
	color: #FFFFFF;
	height: 61px;
}

#header h1 a
{
	color: #FFFFFF;
	text-decoration: none;
}

#animation1{
	position: absolute;
	top:33px;
	left:57px;
}

#menu_top
{
	width:589px;
	margin-left: 0px;
	float:left;
	position:absolute;
	left:258px;
	margin-top:0px;
	top: 10px;
	height: 1px;
	
}

#menu_top ul
{
	list-style: none;
	position: absolute;
	top:0px;
	left: -12px;
	width: 388px;
	top:0px;
	background-color: #5f5252;
	height: 39px;
}



#contenu_top{
	background-repeat:no-repeat;
	float: left;
	position: absolute;
	top:53px;
	left:8px;
	width:892px;
	height:381px;
	padding-left:15px;
	padding-left:0px;
	padding-bottom:15px;
	padding-top:15px;
	margin:0px;
}
#texteavo{
	position:absolute;
	top:140px;
	left:257px;
	font-size:14px;
	color:#333333;
	width: 298px;
	height: 140px;
	background-image: url(images/fond_texte_avo.png);
	background-repeat: no-repeat;
	padding: 10px;
}
#texte1{
	position:absolute;
	width:150px;
	top:120px;
}

#texte2{
	position:absolute;
	width:150px;
	top:230px;
}

#abonnes{
	background-repeat:no-repeat;
	position:absolute;
	top:3px;
	left:6px;
	width: 218px;
	height:352px;
}

#referents{
	background-repeat:no-repeat;
	padding-left:65px;
	padding-top:5px;
	color: #333333;
	position:relative;
	left:0px;
	top:0px;
	height:57px;
	width: 303px;
	font-weight: bold;
}

#accueil_3{
	width:225px;
	height:350px;
	position:absolute;
	left: 3px;
	top: 3px;
	padding: 15px;
}
#carte{
	float: left;
	position: absolute;
	top:61px;
	left:250px;
	width:623px;
	height:372px;
	background-repeat:no-repeat;
	padding:15px 15px 15px 15px;
	background-position: center center;
}
#selection_carte{
	position: absolute;
	top:2px;
	left:240px;
	width:360px;
	height:340px;
	padding: 15px;
}

#carte_bouton{
	background-image:url(images/fond_bouton_avocats_en_ligne.png);
	background-repeat:no-repeat;
	padding-left:60px;
	padding-top:8px;
	color: #000099;
	position:relative;
	left:280px;
	top:0px;
	height:63px;
	width: 120px;
}
#contenu_bottom{
	background-repeat: repeat-x;
	float: left;
	position: absolute;
	top:473px;
	left:0px;
	width: 904px;
	height: 236px;
}
#bottom1{
	height:200px;
	width:200px;
	position: absolute;
	float: left;
	left:0px;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
	padding-bottom:15px;
	color:#333333;
}
#bottom2{
	height:184px;
	width:201px;
	position: absolute;
	float: left;
	left:269px;
	background-image:url(images/fond_bottom_avocats_en_ligne.png);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:25px;
	padding-right:25px;
	padding-bottom:25px;
	color:#333333;
}
#bottom3{
	height:181px;
	width:314px;
	position: absolute;
	float: left;
	left:538px;
	background-image:url(images/fond_bottom_restaurant_lyon_oullins_repas_daffaires.png);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:25px;
	padding-right:25px;
	padding-bottom:25px;
	color:#333333;
	top: 0px;
}

#bouton_theme{
	background-repeat:no-repeat;
	padding-left:65px;
	padding-top:12px;
	color: #333333;
	position:relative;
	left:0px;
	top:0px;
	height:57px;
	font-weight: bold;
}

#contenu_themes{
	position:absolute;
	left:0px;
	top:714px;
	height:229px;
	width:902px;


}

#footer1{
	height:173px;
	width:202px;
	position: absolute;
	float: left;
	left:0px;
		background-image:url(images/fond_bottom_restaurant_lyon_oullins_plats.png);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:25px;
	padding-right:25px;
	padding-bottom:25px;
	top: 0px;
	background-position: left;


}
#footer2{
	height:179px;
	width:201px;
	position: absolute;
	float: left;
	left:270px;
	background-image:url(images/fond_bottom_avocats_en_ligne.png);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:25px;
	padding-right:25px;
	padding-bottom:25px;


}
#footer3{
	height:181px;
	width:315px;
	position: absolute;
	float: left;
	left:538px;
	background-image:url(images/fond_bottom_restaurant_lyon_oullins_repas_daffaires.png);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:25px;
	padding-right:25px;
	padding-bottom:25px;
	top: 0px;


}


#photo2{
	background-color:#FFFFFF;
	width:150px;
	height:800px;
	position:fixed;
	top:0px;
	right:0px;
	float:right;
}

#question{
	position: absolute;
	top:293px;
	left:41px;
	font-size:14px;
	font-weight: bold;
	width: 180px;
	letter-spacing: 1px;
	height: 14px;
	color: #333333;
}
#specialite{
	position: absolute;
	top:228px;
	left:40px;
	font-size:14px;
	font-weight: bold;
	width: 177px;
	letter-spacing: 1px;
	color: #333333;
}

#departement{
	position: absolute;
	top:162px;
	left:40px;
	font-size:14px;
	width: 173px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #333333;
}

#titre_particulier2{
	position: absolute;
	top:19px;
	left:71px;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	width: 149px;
	height: 46px;

}


#titre_particulier{
	position: absolute;
	top:81px;
	left:13px;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	width: 207px;
	height: 54px;
}



/*--- Menu 22 ---*/


#menu22 {
	width: 200px;
	margin: 0px;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
}

#menu22 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu22 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

/* N'oubliez pas de renseigner l'adresse des images */
#menu22 li a:link, #menu22 li a:visited {
color: #ffffff;
display: block;
background: url(menus/menu22.gif);
padding: 8px 0 0 25px;
}

#menu22 li a:hover {
color: #FFF;
background: url(menus/menu22.gif) 0 -32px;
padding: 8px 0 0 25px;
}

/*--- Menu 23 ---*/


#menu23 {
	width: auto;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
}

#menu23 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu23 li a {
height: 20px;
voice-family: "\"}\"";
voice-family: inherit;
text-decoration: none;
}

/* N'oubliez pas de renseigner l'adresse des images */
#menu23 li a:link, #menu23 li a:visited {
color: #ffffff;
display: block;
text-align:center;
padding: 15px 0 0 0px;
}

#menu23 li a:hover {
color: #FFF;
text-align:center;
padding: 15px 0 0 0px;
}