/* Le restaurant Le Kerreut
(mai 2009)
 */

body {
margin: 0px auto 0em auto;
padding: 0;
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #650000 url(images/bg3.jpg) repeat-x;
}

#wrap {
background: #e2d9bf url(images/bg_center.gif) no-repeat left 350px;
color: #743710;
margin: 0 auto;
width: 900px;
}

/* header  */
#header {
clear: both;
padding: 0;
width: 900px;height: 312px;
background-repeat: no-repeat;

background-image: url(images/head_logo3.jpg);}

#header h1 {
width: 890px;
margin: 20px 0px 0px 0px;
float: left;
color: #9c1a00;
padding-left: 10px;
background-color: inherit;
font-size: 0.9em;}

#header p {
width: 600px;
float: left;
text-align: right;
color: #800;
margin: -40px 0px 0px 290px;
line-height: 1;height: 20px;background-color: inherit;}

.titre-h1{
   padding-top: 68px;
   width: 376px;
   height: 0;
   overflow: hidden;
   height: 0;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
   float: left;
   display: block;
   font-size: xx-small;
}



#sous_header {

padding: 0;
height: 20px;
width: 900px;
background-image: url(images/bg_sous_head.jpg);font-size: 12px;
clear: both;}

/* horizontal navigation  */
.container {height: 20px;
        width: 900px;
font-size: 12px;
background-image: url(images/bg_sous_head.jpg);}
ul.navbar {
list-style-type:none; float:left; display:block; width: 900px;height: 20px; 
clear:both; margin:0;padding:0;
text-align: center;
background-image: url(images/bg_sous_head.jpg);}


ul.navbar li {
display:inline;height: 20px;
}

a.nav {
display:block; float:left; width: 150px; margin:0; 
text-decoration:none; color: #000;
font-weight: bold;
font-size: 0.9em;
height: 20px;
padding-top: 2px;border-right: 1px #cbbe9e solid;
}

a.nav:hover {
display:block; float:left; width: 150px; 
text-decoration:none;
color:#000;height: 20px;
font-weight: bold;
background-color: #e2d9bf;}

.current {
display:block; float:left; width: 150px; margin:0; font-size: 0.9em;font-weight: bold;text-decoration:none;
color: #a20000;
height: 20px;
background-color: #e2d9bf;
padding-top: 2px;
border-top: 3px #fff solid;}

/* placement des divs  */
#left {
float: left;
width: 280px;
margin: 0px 0px;
background-color: inherit;}

/* left_localisation  */
#left2 {
float: left;
width: 260px;
margin: 20px 0px 0px 15px;
background-color: inherit;}

#form {
float: left;
width: 500px;
margin: 20px 0px 0px 150px;
background-color: inherit;}


/* right information  */
#right {
margin: 20px 25px 0px 5px;
float: right;
width: 500px;}

.diap {
margin: 20px 25px 20px 180px;
width: 600px;
clear: both;
background-color: #d8ceb1;
height: 240px;
text-align: center;
padding-top: 18px;}


.menu {
margin: 0px 0px 20px 70px;
float: left;
width: 200px;
height: 180px;
background-color: #fff;
background-image: url(images/menu_bg.jpg);
font-family: sans-serif;
border-bottom: #a1a1a1;
border: 1px #fff solid;
border-bottom: 3px #cabfa7 solid;
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;}


.menu2 {
margin: 20px 0px 0px 135px;
width: 230px;
height: 200px;
float: left;
background-image: url(images/menu_bg.jpg);
padding-left: 3px;
padding-right: 3px;
font-family: sans-serif;
border: 1px #fff solid;
border-bottom: 3px #cabfa7 solid;
padding-top: 1px;}


.menutraiteur {
margin: 20px 0px 0px 125px;
width: 230px;
height: 260px;
float: left;
background-image: url(images/menu_bg.jpg);
padding-left: 3px;
padding-right: 3px;
font-family: sans-serif;
border: 1px #fff solid;
border-bottom: 3px #cabfa7 solid;
padding-top: 1px;
background-repeat: repeat-x;
background-color: #eeeadf;}


.menu3 {
margin: 20px 0px 0px 135px;
width: 230px;
height: 150px;
float: left;
padding-left: 3px;
padding-right: 3px;
font-family: sans-serif;
border: 1px #fff solid;
border-bottom: 3px #d5d2c4 solid;
padding-top: 1px;
background-image: url(images/menu_bg_crepe.jpg);
background-repeat: repeat-x;}


.titre_menu {
color: #800000;
text-align: center;
font-size: 1em;
font-weight: bold;
font-family: sans-serif;
margin-top: 4px;}

.titre_menu2 {
color: #800;
text-align: center;
font-size: 1em;
font-weight: bold;
font-family: sans-serif;
margin-top: 4px;
}

.titre_menu_p {
color: #800000;
text-align: center;
font-weight: bold;
font-family: sans-serif;
font-size: 0.75em;}


/* affichette droite avec logo  */

#info {
float: right;
width: 180px;
margin: 20px 17px 0px 0px;
padding: 3px;
border: 1px #bfa171 solid;
background-image: url(images/bg_info3.jpg);
background-repeat: no-repeat;
border-bottom: 6px #d00000 solid;
background-color: #fdfaf3;}

#info p {
margin: 0em 0em 0em;
color: #800;
text-align: left;
padding: 3px;
font-size: 11px;}


#info h3 {
margin: 0em 0em 0em 5px;
text-align: center;}



/* content center  */

#content {
margin: 0px 160px 20px 15px;
padding: 5px 0em 5px;
line-height: 1.2em;
text-align: justify;
color: #000;
width: 660px;
}

#content2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0em 10px;
color: #000;
width: 900px;
}

#centre_resto {
margin: 0px 0px 0px 0px;
color: #000;
width: 870px;
}

.texte_centre_resto{
line-height: 1.2em;
text-align: justify;
color: #000;
margin-left: 70px;}


#content3  {
margin: 20px 30px 0px 5px;
float: right;
color: #000;
width: 850px;}

#content h2 {
margin: 8px 0em 0em 0em;
border: none;
text-align: right;
text-transform: uppercase;
font-size: 1em;}



#map {
width: 500px;
height: 550px;
margin-top: 0px;

}

.img1 {
border: 2px #fff solid;
margin: 3px 7px 0px 5px;
float: left;}
.img2 {
border: none;}

	.left_articles {
		margin: 15px 15px 0px 0em;
padding: 0px;text-align: justify;background-color: inherit;
line-height: 1.2em;}

		.comment { font-size: .8em; padding: 0 0 0 12px; }
		.bigimage {
			float: left;
			clear: left;
			margin: 20px;border: none;}


h4 {
font-size: 1.2em;
margin: 0em 0em 25px;
font-family:"trebuchet ms",arial,sans-serif;
text-align: center;}


h3 {
font-size: 1.1em;
margin: 0em 0em 25px;
font-family: "trebuchet ms",arial,sans-serif;}




a {
color: #b44f31;background-color: inherit;
text-decoration: underline;
font-weight: bold;}

a:hover {
color: #956137;background-color: inherit;
text-decoration: none;}

/* footer part  */

#footer {
clear: both;
width: 900px;
text-align: center;
color: #ffffff;
font-size: 0.85em;border: none;
background: url(images/foot3.jpg) no-repeat ;
height: 91px;
line-height: 1.4em;}



.footer_crea {
color: #9f8761;
text-decoration: none;background-color: inherit;
}


#footer a {
color: #9f8761;
text-decoration: none;background-color: inherit;
font-size: 0.9em;}

#footer a:hover {
text-decoration: underline;
}

/* others  */


.left {
margin: 0px 7px 0px 5px;
float: left;
}

.right {
margin: 0px 7px 0px 5px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.95em;text-align: justify;}

.bold {
font-weight: bold;
}

.img {border: none;}

.clear
{
clear: both;
margin-top: 25px;}

.color
{color: #5E5140;
font-style: italic;
font-weight: bold;}