﻿/*STRUC *********************************************/

html 
{
	height:101%;
	margin: 0;
	padding: 0;
}

body 
{
	font-family:arial;
	font-size: 62%;
	margin:0;
	padding:0;
	background:#D3EEFB;
}

#align
{
	background: transparent;
	position: absolute;
	top:0;
	left: 50%;
	margin: 0;
	padding: 0;
}

#page
{
	width: 900px;
	position: absolute;
	left: -445px;
	top:20px;
	margin: 0;
	padding: 0;
}

#copy_container 
{
    float:left;
    width:690px;
    height:100px;
    padding:0 105px;
    background-color:#95979B;
}

#copy_container2
{
    float:left;
    width:880px;
    padding:0 0 0 20px;
}

#copy 
{
    float:left;
    width:260px;
    padding:13px 0 0 0;
}

#copy2 
{
    float:left;
    width:209px;
    padding:0;
    margin-right:10px;
    padding:13px 0 0 0;
}

#full_copy 
{
    float:left;
    width:790px;
    min-height: 295px; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 295px; /* For IE */
    padding:13px 0 0 0;
}

#photos_container 
{
    float:left;
    width:521px;
}

#image-selector 
{
    float:left;
    width:14px;
}
#sub_menu 
{
    float:left;
    width:85px;
    padding:13px 0 0 0;
}

/**************************************** TEXT *********************************************/
p 
{
    padding:0 0 8px 0;
    margin:0;
}

#copy_container p 
{
    font-size:1.1em;
    padding:0 0 6px 0;
    margin:0;
    color:#FFF;
    text-align:center;
}

.price 
{
    padding:0 0 0 15px;
}

p.shortHeight 
{
    font-size:1.1em;
    line-height:1.1em;
}

a.dotted 
{
    border-bottom:1px dotted #FFF;
    text-decoration:none;
    color:#FFF;
}

a.dotted:hover
{
    border-bottom:1px solid #FFF;
}

td 
{
    font-size:1.1em;
    color:#95979B;
}
/**************************************** LISTS *********************************************/
#image-selector ul, #sub_menu ul
{
    margin:0;
    padding:0;
    list-style-type:none;
}

#image-selector ul li
{
    text-align: center;
    padding:0 3px 0 0;
    width: 12px;
    height: 12px;
    line-height: 14px;
    font-size: 11px;
}

#image-selector ul li a
{    
    text-decoration:none;
}

#sub_menu ul li 
{
    padding:0;
    font-size:1.1em;
}



#sub_menu ul li a
{
    color:#808589;
    text-decoration:none;
    
}



#sub_menu ul li a:hover
{
    color:white;
}

#sub_menu ul li a.selected 
{
    color:white;
}

/**************************************** AREA SPECIFIC *********************************************/

    /*********** CONCEPT ************/
        .concept {
            background-color:#EE8EAF;
            height:395px;
        }
    
        #photos_container {float:left;}
        #photos_wrapper {width:521px;height:307px;position:relative;overflow:hidden;}
        #photos {width:521px;height:2763px;position:relative;}
        .photo {width:521px;height:307px;position:absolute;}
        #photo1 {left:0;top:0;}
        #photo2 {left:0;top:307px;}
        #photo3 {left:0;top:614px;}
        #photo4 {left:0;top:921px;}
        #photo5 {left:0;top:1228px;}
        #photo6 {left:0;top:1535px;}
        #photo7 {left:0;top:1842px;}
        #photo8 {left:0;top:2149px;}
        #photo9 {left:0;top:2456px;}
        #photo10 {left:0;top:2763px;}
        
        #copy_container2 .concept {
            padding-right:47px;
            padding-left:38px;
        }
        
        .concept #image-selector ul li a 
        {
            color:#DDD;
        }
        
        .concept #image-selector ul
        {
            padding:167px 0 0 0;
        }
        * html .concept #image-selector ul
        {
            padding:147px 0 0 0;
        }
        .concept #image-selector ul li
        {
			border: solid 1px #DDD;
        }
        .concept p
        {
            color:#FFF;
            font-size:1.1em;
        }
        .concept #copy 
        {
            width:287px;
            padding-right:20px;
        }
        * html .concept #copy 
        {
            width:280px;
            padding-right:20px;
        }
        .concept #copy a
        {
            color:#FFF;
            text-decoration:none;
            border-bottom:1px dotted #FFF;
        }
        
        .concept #copy a:hover
        {
            border-bottom-style:solid;
        }
    
    /****************** PLAT DU JOUR ********************/
        .platdujour {
            background-color:#95A2B3;
            height:425px;
        }
        
        #menu_container {float:left;}
        #menus_wrapper {width:860px;height:425px;position:relative;overflow:hidden;}
        #menus {width:1718px;height:425px;position:relative;}
        .menu_group {width:860px;height:425px;position:absolute;}
        *html .menu_group {width:880px;height:425px;position:absolute;}
        #menu1 {left:0;top:0;}
        #menu2 {left:0;left:860px;}
        #menu3 {left:0;left:1068px;}
        
        .menu_group .nav 
        {
            float:left;
            width:842px;
            padding:5px 12px 5px 6px;
        }
        
        .menu_group .nav a {
            text-decoration:none;
            border-bottom:1px dotted #FFF;
            color:#FFF;
        }
        
        .menu_group .nav a:hover 
        {
            border-bottom-style:solid;
        }
        
        .left {text-align:left;}
        .right {text-align:right;}
        
        .menu 
        {
            float:left;
            width:208px;
            padding:0 5px 10px 2px;
        }

        .menu_top 
        {
            float:left;
            width:208px;
            height:63px;
            background-color:transparent;
            background-image:url('/_images/platdujour/menu_top.gif');
            background-position: 0 0;
            background-repeat:no-repeat;
        }
        
        .special_menu_top 
        {
            float:left;
            width:208px;
            height:63px;
            background-color:transparent;
            background-image:url('/_images/platdujour/group_menu.gif');
            background-position: 0 0;
            background-repeat:no-repeat;
        }
        
          .special_menu_topfr
        {
            float:left;
            width:208px;
            height:63px;
            background-color:transparent;
            background-image:url('/_images/platdujour/menu_groupe.gif');
            background-position: 0 0;
            background-repeat:no-repeat;
        }

        .menu_mid 
        {
            float:left;
            width:138px;
            padding:0 35px;
            text-align:center;
            background-color:transparent;
            background-image:url('/_images/platdujour/menu_mid.gif');
            background-position: 0 0;
            background-repeat:repeat-y;
            color:#FFF;
            min-height: 300px; /* For Modern Browsers */
            height: auto !important; /* For Modern Browsers */
            height: 300px; /* For IE */
            font-size:1.1em;
        }

        .menu_bottom 
        {
            float:left;
            width:208px;
            height:42px;
            background-color:transparent;
            background-image:url('/_images/platdujour/menu_bottom.gif');
            background-position: 0 0;
            background-repeat:no-repeat;
        }
        
    /*************** EAT INTRO ****************/
        .eat {
            background-color:#CCD6D8;
            height:425px;
        }
        
        .eat #copy 
        {
            width:240px;
            padding-right:20px;
        }
        
        * html .eat #copy
        {
            width:237px;
        }
        
        .eat a.dotted, .eat a.dotted:hover 
        {
            color:#95979B;
            border-bottom-color:#95979B;
        }
        .eat #image-selector ul li
        {
			border: solid 1px gray;
        }
        
        .eat #image-selector ul li a 
        {
            color:#666;
        }
        
        .eat #image-selector ul
        {
            padding:125px 0 0 0;
            margin:0;
        }
        * html .eat #image-selector ul
        {
            padding:99px 0 0 0;
            margin:0;
        }        
        .eat p
        {
            color:#95979B;
            font-size:1.1em;
        }
        
        #eatphotos_container {float:left;}
        #eatphotos_wrapper {width:521px;height:307px;position:relative;overflow:hidden;}
        #eatphotos {width:521px;height:3377px;position:relative;}
        .eatphoto {width:521px;height:307px;position:absolute;}
        #eatphoto1 {left:0;top:0;}
        #eatphoto2 {left:0;top:307px;}
        #eatphoto3 {left:0;top:614px;}
        #eatphoto4 {left:0;top:921px;}
        #eatphoto5 {left:0;top:1228px;}
        #eatphoto6 {left:0;top:1535px;}
        #eatphoto7 {left:0;top:1842px;}
        #eatphoto8 {left:0;top:2149px;}
        #eatphoto9 {left:0;top:2456px;}
        #eatphoto10 {left:0;top:2763px;}
        #eatphoto11 {left:0;top:3070px;}
        #eatphoto12 {left:0;top:3377px;}
        #eatphoto13 {left:0;top:3684px;}
        
    /*************** EAT MENU ****************/
    
    /*************** DRINK ****************/
        .drink 
        {
            background-color:#C1E3CA;
            height:425px;
        }
        
        .drink #image-selector ul li a 
        {
            color:#666;
        }
        
        .drink #image-selector ul
        {
            padding:181px 0 0 0;
        }
        * html .drink #image-selector ul
        {
            padding:163px 0 0 0;
        }
        .drink #image-selector ul li
        {
			border: solid 1px #666;
        }
        .drink p
        {
            color:#95979B;
            font-size:1.1em;
        }
        
        .drink a.dotted, .drink a.dotted:hover 
        {
            color:#95979B;
            border-bottom-color:#95979B;
        }
        
        .drink #copy 
        {
            width:240px;
            padding-right:20px;
        }
        * html .drink #copy 
        {
            width:237px;
            padding-right:20px;
        }
        #drinkphotos_container {float:left;}
        #drinkphotos_wrapper {width:521px;height:307px;position:relative;overflow:hidden;}
        #drinkphotos {width:521px;height:614px;position:relative;}
        .drinkphoto {width:521px;height:307px;position:absolute;}
        #drinkphoto1 {left:0;top:0;}
        #drinkphoto2 {left:0;top:307px;}
        #drinkphoto3 {left:0;top:614px;}
        #drinkphoto4 {left:0;top:921px;}
        #drinkphoto5 {left:0;top:1228px;}
        #drinkphoto6 {left:0;top:1535px;}
        #drinkphoto7 {left:0;top:1842px;}
        #drinkphoto8 {left:0;top:2149px;}
        #drinkphoto9 {left:0;top:2456px;}
        
    /*************** CONTACT ****************/
        .contact {
            background-color:#95A2B3;
            height:425px;
        }
        
        #copy_container2 .contact {
            padding-right:47px;
            padding-left:38px;
        }
        
        .contact p
        {
            color:#FFF;
            font-size:1.1em;
        }
        
        #contact_map 
        {
            float:left;
        }
    /*************** GALLERIES ****************/    
        .localarea 
        {
            background-color:#AFC0B7;
            height:425px;
        }
        
        #copy_container2 .localarea {
            padding-right:23px;
            padding-left:10px;
        }
        
        #gallery_image
        {
            float:left;
        }
        
        .localarea p
        {
            color:white;
            font-size:1.1em;
        }
        
        .localarea #copy ul
        {
            padding:4px 0 4px 0;
            margin:0;
            list-style-type:none;
        }
        
        .localarea #copy ul li
        {
            color:white;
            font-size:1.1em;
        }
        
        .localarea #copy ul li a 
        {
            color:white;
            text-decoration:none;
        }
        
        .localarea #copy ul li a:hover
        {
            border-bottom:1px dotted white;
        }
        
        /****************** EVENT *****************/
        
        .event 
        {
            float:left;
            color:white;
            font-size:1.1em;
            text-transform:lowercase;
        }
        
        .event-name 
        {
            float:left;
            padding:0 3px 0 0;
            font-weight:bold;
        }
        
        .event-date 
        {
            font-weight:bold;
        }
        
        .event-desc {
            float:left;
            padding:2px 0 5px 10px;
        }
        

      
        




#creativeMadeLink a
{
	float: right;
	color: gray;
	text-decoration: none;
	font-size: 11px;
}
#creativeMadeLink a:hover
{
	text-decoration: underline;
}