/*--------------------BODY-------------------*/

body{
   background-color: #374650;
   font-family: 'Trebuchet MS', Verdana, Tahoma, sans-serif;
   font-size: 0.8em;
}

body a{
   text-decoration: none;
   color: black;
}

body a:hover{
   text-decoration: underline;
}

body a:visited{
   color: black;
}

body h1, h2, h3{
   display: block;
   text-align: center;
}

body h3{
   font-weight: lighter;
}


body table{
   border-collapse:collapse;
   border:2px solid black;
   margin:auto;
}

body th, td{
   text-align:center;
   border:1px solid black;
   padding: 3px;
}

body table caption{
   font-size: 20px;
   font-weight: bold;
}

body form{
   text-align: center;
}

body acronym{
   border-bottom: none;
   cursor: help;
}

/*-----------------CONTAINER-----------------*/

#container{
   width: 880px;
   background-color: #edd796;
   min-height: 600px;
   margin-top: 20px;
   margin: auto;   
   padding-bottom: 20px;
   /*border : 1px solid yellow;*/
}

/*--------------MENU--------------*/

#menu{
   width: 100%;
   height: 145px;
   background-image: url("../images/menu/background_menu.png");
   background-repeat: no-repeat;
   /*border : 1px solid green;*/
}

#menu_index{
   display: block;
   width: 130px;
   height:70%;
   /*float:left;*/
   position: relative;
   left: 30px;
   top: 20px;
   /*border : 1px solid white;*/
}

/*---TEXT FOR THE MENU---*/

#menu_breads{ 
   display: block;
   width: 109px;
   height: 25px;
   position: relative;
   top: -75px;
   left: 190px;
   background-image: url("../images/menu/breads.png");
   /*border : 1px solid yellow;*/
}

#menu_breads:hover{
   background-image: url("../images/menu/breads_hover.png");
}

#menu_breads:active, #menu_breads:focus{
   background-image: url("../images/menu/breads.png");
}

#menu_pastries{
   display: block;
   width: 115px;
   height: 25px;
   position: relative;
   top: -100px;
   left: 320px; /*25 pixels after the end of "breads  ~"*/
   background-image: url("../images/menu/pastries.png");
   /*border : 1px solid yellow;*/
}

#menu_pastries:hover{
   background-image: url("../images/menu/pastries_hover.png");
}

#menu_pastries:active, #menu_pastries:focus{
   background-image: url("../images/menu/pastries.png");
}

#menu_about_us{ 
   display: block;
   width: 124px;
   height: 25px;
   position: relative;
   top: -125px;
   left: 454px; /*23 pixels after the end of "pastries  ~"*/
   background-image: url("../images/menu/about_us.png");
   /*border : 1px solid yellow;*/
}

#menu_about_us:hover{
   background-image: url("../images/menu/about_us_hover.png");
}

#menu_about_us:active, #menu_about_us:focus{
   background-image: url("../images/menu/about_us.png");
}

#menu_contact_us{
   display: block;
   width: 138px;
   height: 25px;
   position: relative;
   top: -150px;
   left: 598px; /*15 pixels after the end of "about us  ~"*/
   background-image: url("../images/menu/contact_us.png");
   /*border : 1px solid yellow;*/
}

#menu_contact_us:hover{
   background-image: url("../images/menu/contact_us_hover.png");
}


#menu_contact_us:active, #menu_contact_us:focus{
   background-image: url("../images/menu/contact_us.png");
}


#menu_faq{
   display: block;
   width: 79px;
   height: 25px;
   position: relative;
   top: -175px;
   left: 755px;
   background-image: url("../images/menu/FAQ.png");
   background-repeat: no-repeat;
   /*border : 1px solid yellow;*/
}

#menu_faq:hover{
   background-image: url("../images/menu/FAQ_hover.png");
}

#menu_faq:active, #menu_directions:focus{
   background-image: url("../images/menu/FAQ.png");
}

.preload{
   display: none;
}

/*---END TEXT MENU---*/

/*------------END MENU------------*/

/*--------------CONTENT-----------*/


/*----INDEX----*/

#welcoming_message{
   text-align: right;
   float: left;
   margin-left: 85px;
   margin-top: 40px;
   /*border : 1px solid black;*/
}

#welcoming_informations{
   text-align: left;
   float: right;
   margin-right: 85px;
   margin-top: 20px;
   /*border : 1px solid black;*/
}

#welcoming_picture{
   display: block;
   width: 400px;
   height: 300px;
   margin: auto;
   border: 3px solid #8c7e60;
   position: relative;
   top: -30px;
}

#title{
   display: block;
   width: 404px;
   margin: auto;
   margin-top: 0px;
   clear: both;
   position: relative;
   top: -15px;
   /*border : 1px solid black;*/
}

#div_news{
   width: 638px;
   height: 430px;
   margin: auto;
   margin-top: 30px;
   background-image: url("../images/paper_sheet.png");
   background-repeat: no-repeat;
   position: relative;
   top: -30px;
   /*border : 1px solid black;*/
}

#div_list_news{
   width: 610px;
   height: 330px;
   margin: auto;
   padding-left: 10px;
   position: relative;
   top: 30px;
   overflow: auto;
   /*border : 1px solid green;*/
}

#news_and_special{
   display: block;
   width: 260px;
   height: 37px;
   margin: auto;
   position: relative;
   top: 20px;
   /*border : 1px solid yellow;*/
}

.title_news{
   font-size: 1.1em;
   position: relative;
   left: 20px;
}


/*--END INDEX--*/

/*----BREADS------*/

#breads_title{
   display: block;
   width: 284px;
   height: 64px;
   margin: auto;
   margin-bottom: 40px;
   position: relative;
   top: -30px;
}

#breads_anim{
   display: block;
   float: left;
   margin-left: 50px;
   border: 2px solid #8c7e60;
}

.bread_category, .separation_menu{
   position: relative;
   top: 40px;
}

.separation{
   display: block;
   width: 48px;
   height: 21px;
   margin: auto;
}

.separation_menu{
   display: block;
   width: 48px;
   height: 21px;
   position: relative;
   left: 190px;
}

.bread{
   display: block;
   width: 400px;
   margin: auto;
   margin-top: 15px;
   border: 3px solid #8c7e60;
}

.day{
   display: block;
   width:231px;
   height: 74px;
   margin: auto;
}

/*----END BREADS----*/

/*----PASTRIES----*/

#pastries_title{
   width: 299px;
   height: 63px;
   background-image: url("../images/pastries_title.png");
   position: relative;
   top: -30px;
   margin: auto;
}

#pastries h1{
   font-size: 1.4em;
}

#pastries ul{
   margin-left: 450px;
}

#pastries h4{
   margin-left: 450px;
   /*position: relative;
   top: -10px;*/
}

.pastries_category{
   display: block;
   width: 204px;
   margin-top: 30px;
   margin-bottom: 10px;
   /*margin-left: 450px;*/
   position: relative;
   left: 80px;
}

.pastries_pics{
   width: 300px;
   height: 225px;
   float: left;
   clear: left;
   position: relative;
   top: 70px;
   margin-bottom: 32px;
   margin-left: 60px;
   border: 3px solid #8c7e60;
}

/*--END PASTRIES--*/

/*----ABOUT US------*/

#about_us_title{
   width: 283px;
   height: 67px;
   margin: auto;
   background-image: url("../images/about_us_title.png");
   position: relative;
   top: -30px;
}

.about_us_anim{
   width: 300px;
   height: 225px;
   margin-left: 90px;
   margin-right: 30px;
   float: left;
   border: 2px solid #8c7e60;
   position: relative;
   top: 70px;
}

.about_us_text{
   margin-left: 424px;
   position: relative;
   top: 0px;
}

/*--END ABOUT US--*/

/*----CONTACT US----*/

#contact_us_title{
   width: 273px;
   height: 61px;
   margin: auto;
   position: relative;
   top: -30px;
   background-image: url("../images/contact_us_title.png");
}

#google_map{
   float: left;
   width: 370px;
   height: 320px;
   margin-left: 30px;
   /*border : 1px solid yellow;*/
}

#store_directions{
   float: right;
   width: 425px;
   height: 300px;
   margin-left: 15px;
   margin-right: 30px;
   background-image: url("../images/store_paper_sheet.png");

   border: 2px solid #8c7e60;
}

#directions iframe{
   
   border: 2px solid #8c7e60;
}

#directions p{
   width: 187px;
   height: 266px;
   text-align: center;
   font-size: 1.1em;
   position: relative;
   left: 20px;
   top: -10px;
}

#directions em{
   font-weight: bolder;
}

#directions h2{
   clear: both;
}

/*--END CONTACT US--*/

/*----FAQ------*/

#faq_title{
   width: 408px;
   height: 137px;
   margin: auto;
   position: relative;
   top: -50px;
   background-image: url("../images/faq_title.png");
}

.faq{
   margin-left: 80px;
   margin-bottom: 30px;
}

.Q_and_A{
   /*float: left;
   clear: both;*/
   position: relative;
   left: -30px;
   /*border: 2px solid #8c7e60;*/
}

.question{
   font-weight: bold;
   margin-top: 5px;
}

.answer{
   margin-top: 5px;
}

/*--END FAQ--*/

/*------------END CONTENT---------*/

/*-------------BOTTOM------------*/

.link_admin_section{
   color: white;
   font-size: 1.4em;
}

/*------------END BOTTOM---------*/