html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

      /**
       * T Y P O
       */
       @font-face {
         font-family: "HelvNeueCondBold";
         src: url('HELVNBC.eot');
       }
      @font-face {/*HELVNBC*/
             font-family: HelvNeueCondBold;
             src: local("Helvetica Neue Condensed Black"), url("HELVNBC.TTF") format("truetype");
             font-weight: bold;
             font-style: normal;
      }
 
      body{
         font: 100% "Helvetica Neue", "Helvetica", Arial, sans-serif;
      }
      h1, h2, h3, h4, #nav, #subForm label{
         font-family: "HelvNeueCondBold", "Arial Narrow" , sans-serif;   
         font-weight: normal;
         text-transform: uppercase; 
      }
      span.e_categorie_title{
         color:#f00;
         font-size:18px;
      }
      a.small_links{
         font-size: 12px;
      }
      #nav{
         font-size:20px;
         text-shadow:#fff 1px 1px 0;
      }
      #nav ul li ul li a{
         font-size:13px;
         text-shadow:none;
         text-transform: none;
         font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
      }
      #weather h2{
         font-size:16px;
      }
      #weather_content{
         font-size:11px;
      }
      #restaurant h3{
         font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;           
      }
      #restaurant h4{
         font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;           
      }
      #sponsors div h3{
         font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;           
         font-size:14px;
         text-transform: none;
      }        
      #intro h2{
         font-size:22px;
         line-height:1.4em;
      }
      #page_intro h2{
         font-size:36px;
         line-height:1.4em;
      }     
  
      #highlight #focus_title h1{
         font-size:20px;
      }
      #highlight #focus_title p{
         font-size:12px;
      }
      #highlight #focus_post p{
         font-size: 14px;
      }
      
      #agenda_slider_list ul li a{
         font-size:14px;
      }  
      
      #restaurant ul li{
         font-size:14px;
      }              
      #agenda_slider_list h4 a{
         font-size:14px;
      }         
      .social_links li a{
         font-size:14px;
      }
      .event_title{
         font-size:16px;
         font-weight: bold;
      }
      .event_date .month{
       text-transform: uppercase;
       font-size:16px;
         font-weight: bold;
      }
      .event_date .day{
       text-transform: uppercase;
       font-size:16px;     
         font-weight: bold;             
      }     
      #pagination .newer, #pagination .older{
       text-transform: uppercase;
       font-size:14px;
      }           
      #newsletter form input[type=text]{
         font-family: 'garamont', times, serif;
         font-style: italic;
         font-size:16px;
      }
      #subForm input[type=text]{
         font-family: 'garamont', times, serif;
         font-style: italic;
         font-size:16px;
      }
      #footnav{
         font-size:14px;
      }
      #copyright, #contact, #address{
         font-size:12px;
      }  

         /** 
          * B A S I C S
          */
         a{
            color:#003399;
            text-decoration:none;
         }
         a:hover{
            color:#003399;
            text-decoration:underline;
         }
         a.small_links{
            color:#f00;
         }
         .arrow{
            padding-left:12px;
            background:url('../images/puce_cat.png') 0 -46px no-repeat;
         }
         .arrow:hover{
            text-decoration: underline;
         }        
         p{
            padding:5px 0 15px 0;
            line-height:1.5em;
         }
         strong{
            font-weight: bold;
         }
         i{
            font-style: italic;
         }
         
         .page_content_text h3{
            margin:25px 0 6px 0;
         }
         .page_content_text ul li{
            list-style: square outside;
            margin-left:20px;
            margin-bottom:5px;
            line-height:1.4em;
         }
         .page_content_text ul{
            margin:15px 0;
         }         
         .page_content_text table{
            width:100%;
            margin:15px 0;            
         }  
         .page_content_text table th{
            font-weight:bold;
         }
         .page_content_text table th, .page_content_text table td{
            padding:4px 4px 4px 0;
         }                         
         .page_content_text ul.photo_presentation {
            display:block;
         	margin-top: 25px;
         	margin-left: 5px;
         	margin-right:0;
         	list-style: none;
         }
         
        .page_content_text  ul.photo_presentation li {
         	list-style: none;            
            width:250px;
            height:220px;
         	float: left;
         	margin-left: 0px;
         	margin-right: 0px;
         	margin-bottom: 20px;
         	line-height: 1.5em;
         	text-align: left;
         }
         
         /** 
          * G L O B A L  C E N T E R I N G
          */
         #header, #sponsors, #footer, #page_content, #footer_content{
            margin:0 auto;
            width:960px;
         }

/*         #home{background: url('/public/images/photos/home_balle.jpg') 50% 0 no-repeat;}*/
         #home{background: url('/public/images/photos/home_tcsl.jpg') 50% 0 no-repeat;}         
/*       .home{background: url('/public/images/photos/home_balle.jpg') 50% 0 no-repeat}*/

         #page{background: url('/public/images/photos/club.jpg') 50% 0 no-repeat;}
         

         .club #page{              background: url('/public/images/photos/restaurant2.jpg') 50% 0 no-repeat;}
         .bienvenue #page{              background: url('/public/images/photos/club_tcsl.jpg') 50% 0 no-repeat;}
         .les-installations #page{ background: url('/public/images/photos/map_lausanne.jpg') 50% 0 no-repeat;}
         .competition #page      {background:  url('/public/images/photos/competition_coretja.jpg') 50% 0 no-repeat;}
         .cotisations-et-tarifs #page{ background: url('/public/images/photos/devenir-membre.jpg') 50% 0 no-repeat;}
         .historique #page{        background: url('/public/images/photos/historique.jpg') 50% 0 no-repeat;}
         .aujourdhui #page{        background: url('/public/images/photos/aujourdhui.jpg') 50% 0 no-repeat;}
         .restaurant #page{        background: url('/public/images/photos/restaurant1.jpg') 50% 0 no-repeat;}
         .partenaires #page{       background: url('/public/images/photos/photo_graph.jpg') 50% 0 no-repeat;}
         .staff #page{             background: url('/public/images/photos/staff.jpg') 50% 0 no-repeat;}
         .le-comite-et-son-staff #page{ background: url('/public/images/photos/comite.jpg') 50% 0 no-repeat;}
         .les-professeurs #page{       background: url('/public/images/photos/cristian_villagran.jpg') 50% 0 no-repeat;}
         .administration #page{    background: url('/public/images/photos/aujourdhui.jpg') 50% 0 no-repeat;}
         .enseignement #page{  background: url('/public/images/photos/enseignement.jpg') 50% 0 no-repeat;}
         .juniors #page{           background: url('/public/images/photos/mini_tennis.jpg') 50% 0 no-repeat;}
         .competition---id8 #page, .classement-ete-2010 #page{ background: url('/public/images/photos/junior_competition.jpg') 50% 0 no-repeat;}
         .juniors-tennis-plaisir #page{ background: url('/public/images/photos/enseignement.jpg') 50% 0 no-repeat;}
         .juniors-mini-tennis #page{       background: url('/public/images/photos/mini_tennis.jpg') 50% 0 no-repeat;}
         .stages-de-vacances-pour-enfants #page{       background: url('/public/images/photos/mini_tennis.jpg') 50% 0 no-repeat;}
         .contact #page{           background: url('/public/images/photos/contact.jpg') 50% 0 no-repeat;}

         
         
         
         
         div.blog{background: url('/public/images/photos/blog.jpg') 50% 0 no-repeat;}         
         


         /**
          * H E A D E R 
          */
         #header{
            height:35px;
            padding-top:180px;
            position:relative;
         }
         #logo{
            position:absolute;
            top:20px;
            left:10px;
         }
         #nav{
            background-color:#c9cacb;
             background-image: -moz-linear-gradient(100% 100% 90deg, #d1d1d2, #b6b6b7);
             background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d1d2), to(#b6b6b7));
            border-bottom:1px solid #5c5c5c;
            position:relative;
            -moz-border-radius-topleft:5px;
            -webkit-border-top-left-radius:5px;
            -moz-border-radius-topright:5px;
            -webkit-border-top-right-radius:5px;
         }

         #nav ul{
            height:34px;
            margin-left:40px;
         }
         #nav ul li{
            float:left;
            display:block;
            margin:0 10px;
            position:relative;         
            white-space: nowrap;
         }
         #nav a{
            display:block;
            text-decoration: none;
            padding:6px 10px 4px 10px;
            color:#333;
         }
         #nav a:hover, #nav ul li:hover>a, #nav li.active>a{
            background-color:#e5e5e5;
             background-image: -moz-linear-gradient(100% 100% 90deg, #c8c9cb, #e5e5e5);
             background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c9cb), to(#e5e5e5));        
            -webkit-box-shadow:#333 0 0 4px;
            -moz-box-shadow:#333 0 0 4px;
            color:red;
         }
         #nav ul li:hover ul{
            display:block;
            z-index:10;
         }
         #nav ul li ul{
            display:none;
            position:absolute;
            top:32px;
            left:0;
            margin:0;
            background-color:#e5e5e5;
            -webkit-box-shadow:#333 0 2px 2px;
            -moz-box-shadow:#333 0 2px 2px;  
            height:auto;
            width:auto;
            padding:4px 0px ;
         }
         #nav ul li ul li{
            float:none;
            margin:0;
         }
         #nav ul li ul li a{
            padding:5px 20px 5px 6px;
            margin:2px 5px ;
         }
         #nav ul li ul li a:hover, #nav ul li ul li:hover a, #nav ul li ul li.active a {
            background-color:#7b7b7b;
             background-image: -moz-linear-gradient(100% 100% 90deg, #7b7b7b, #585858);
             background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b7b7b), to(#585858));           
            background-image:none;
            -webkit-box-shadow:none;
            -moz-box-shadow:none;
            color:#fff;       
         }     
         #nav ul li.active ul{
            display:block;
            z-index:4;
         }
         #nav #menu_contact{
            position:absolute;
            right:40px;
            top:0px;
         }

         #weather{
            position:absolute;
            top:0;
            right:0;
            color:#333;
            width:300px;
         }
         #weather_content{
            position:relative;
            height: 130px;
         }
         #weather_content a{
            color:#000;
            text-decoration:none;
         }
         
         #weather h2{
            cursor: pointer;
            height:10px;
            padding:10px 10px;
            border-bottom:1px solid #999;
            background: url('../images/e_arrow_dd.gif') no-repeat 285px 2px;
         }
         #weather.weather_opened h2 { background-position:285px 6px; }
         #weather.weather_closed h2 { background-position:285px -26px; }
         #weather.weather_opened #weather_content { display: block; }
         #weather.weather_closed #weather_content { display: none; }
         #morning, #afternoon{
            position:absolute;
            width:130px;
            height:60px;
            top:0;
            left:0;
            padding:0 10px;
            border-bottom:1px solid #999;
         }
         #afternoon{
            left:150px;
         }
         .weather_info{
            display:block;
            margin:10px 0;
         }        
         .info_today{
            position:absolute;
            width:280px;
            top:80px;            
            display:block;
            border-top:1px solid #999;
            padding:6px 10px;          
         }
         .weather_ico{
            background:url('../images/icons_weather.gif') 0 0 no-repeat;
            width:50px;
            height:50px;
            display:block;
            margin:5px 0;
         }
         .weather_ico b{
            display:none;
         }
         /*1 Soleil*/ 
         #weather_31, #weather_32, #weather_33, #weather_34, #weather_36{background-position:0 0;}
         /*2 Pluie*/ 
         #weather_5, #weather_6, #weather_7, #weather_8, #weather_9, #weather_10, #weather_11, #weather_12, #weather_39, #weather_40, #weather_45{background-position:-50px 0;}
         /*3 Vent*/ 
         #weather_23, #weather_24, #weather_25{background-position:-100px 0;}
         /*4 Nuage*/ 
         #weather_26, #weather_27{background-position:-150px 0;}
         /*5 Orage*/ 
         #weather_35, #weather_37, #weather_38, #weather_47{background-position:-200px 0;}
         /*6 brouillard*/ 
         #weather_19, #weather_20, #weather_21, #weather_22{background-position:-250px 0;}
         /*7 Neige*/ 
         #weather_13, #weather_14, #weather_15, #weather_16, #weather_18, #weather_41, #weather_42, #weather_43, #weather_46{background-position:-300px 0;}
         /*8 soleil nuage*/ 
         #weather_28, #weather_29, #weather_30, #weather_44{background-position:-350px 0;}
         /*9 tempête*/ 
         #weather_0, #weather_1, #weather_2, #weather_3, #weather_4, #weather_17{background-position:-400px 0;}
         /*10*/ 
         #weather_3200{background-position:-450px 0;}
         
         
         
         
         
                                                   
         /**
          * P A G E
          */
         #page{
            padding-top:150px;
/*            margin-bottom:30px;*/
         }
         #intro{
            background-color:rgba(0,0,0,0.4);
            color:#fff;
            padding:30px 30px 20px 30px;
         }  
         #page_intro{
            background-color:rgba(0,0,0,0.4);
            color:#fff;          
            padding:20px 20px 10px 420px;
         }  

         .content{
            width:960px;
            background-color:#fff;
            clear:both;
         }
         .sideleft{
            float:left;
            width:380px;
         }
         .sideright{
            width:580px;
            margin-left:380px;
         }
         
         
         #page_summary{
            background-color:#e5e5e5;
            padding:20px;
         }
         #page_summary #newsletter{
            margin-top:30px;
         }
         .page_content_text{
            padding:20px 30px 20px 40px;
         }
         .page #social_network{
            margin:40px 0;
         }
      




         /**
          * A G E N D A
          */
            #agenda_cate_nav{
               margin: 10px 0px 40px 0px;
            }        
            #agenda_cate_nav li{
               display: block;
               margin-top: 14px;
               background:url('../images/puce_cat.png') 0px 4px no-repeat;
               padding-left: 14px;
               width: 100%;
               height: 14px;
            }
            #agenda_cate_nav li a{
               color: #000;
               text-decoration: none;
            } 
            #agenda_cate_nav li a:hover{
               color: #ff0000;
            }
            #agenda_cate_nav li:hover, #agenda_cate_nav li.active{
              background-position: 0px -46px;
            }
            #agenda_cate_nav li.active a{
               color: #ff0000;
            }
            .page_content_event{
               margin:20px 0px 20px 40px;
            }
            .event_item{
               margin-top: 20px;
            }
            .event_item h4{
               text-align: right;
               margin-bottom:3px;
            }
            .event_item h4 a{
               color:#000;
            }
            .event_block{
               display: block;
            }
            
            .event_detail{
               display:none;
               border-bottom:1px solid #000;
               padding:5px 15px 15px 15px;
            }
            .event_detail .event_description{
               
            }
            .event_detail .event_description p{
               margin:0;
               padding:0;
            }
            .event_detail .event_option{
               margin-top:5px;
            }
            .event_detail .event_share{

            }
            
            a.event_intro{
               display:block;
               text-decoration: none;
               height:160px;
               background-repeat: no-repeat;
               position:relative;
            }
            .event_date{
               background: url('../images/icon-calendar.png') 0 0 no-repeat;
               position:absolute;
               bottom:10px;
               left:10px;
               width: 77px;
               height: 56px;
               z-index:10;
            }
            .event_date span{
               display: block;
               color:#000;
            }
            .event_date .month{
             text-align:center; 
             margin-top:16px; 
            }
            .event_date .day{
             text-align:center;              
            }
            .dual_date .day{
               display:inline;
               text-align:left;
               float:left;    
               margin-top:16px;  
               margin-left:5px;                                   
            }
            .dual_date .month{
               display:inline;               
               text-align:left;
               margin-left:10px;    
               float:left;                                     
            }
            .dual_date .end_date{
               border-top:1px solid #000;
               display:block;
               float:left;
               margin-left:10px;                
            }
            .dual_date .end_date .day{
               margin:0;
               margin-left:5px;              
            }
            .dual_date .end_date .month{        
               margin:0;
            }                       


            .event_title{
               background: #000 url('../images/grey_pixel.png') 0 0 repeat;
               position:absolute;
               z-index:4;
               bottom:0;
               left:0;
               padding:10px 20px 10px 96px;
               color:#fff;
            }
            a.event_intro:hover .event_title{
               text-decoration: underline;
            }           
            .event_title p{
               display: block;
               float: left;
               margin-left: 10px;
               padding: 5px 0px 0px 0px;
               color: #fff;
            }        
            #pagination .newer, #pagination .older{
               background:url('../images/puce_cat.png') 0px 4px no-repeat;
               color:#000;
               padding:8px 14px;
            }
            #pagination .newer:hover, #pagination .older:hover{
               color:#f00;          
            }            
            #pagination .newer{
               float:right;
               background-position: 100% 14px;
            }
            #pagination .newer:hover{
               background-position: 100% -36px;
            }            
             #pagination .older{
               float:left;                
               background-position: 0 -86px;
             }
             #pagination .older:hover{
               float:left;
               background-position: 0 -136px;               
             }             


         /**
          * M E M B E R  C A L L  B T
          */
         #membre_call_big, #membre_call_small, #membre_call_small_down{
            display:block;
            position:relative;
            background:#f00 url('../images/bt_member_call.jpg') 0 0 no-repeat;
            color:#fff;
            height:300px;
         }
         #membre_call_small{
            background-image: url('../images/bt_member_call_s.jpg');
            height:100px;
         }
         #membre_call_small_down{
            background-image: url('../images/bt_member_call_st.jpg');
            height:100px;            
         }
         #membre_call_big:hover, #membre_call_small:hover, #membre_call_small_down:hover{
            background-position:0 100%;
            text-decoration: none;
         }
         #membre_call_big h3, #membre_call_small h3, #membre_call_big span, #membre_call_small span, #membre_call_small_down h3, #membre_call_small_down span{
            position:absolute;
            left:80px;
         }
         #membre_call_big h3{
            top:210px;     
         }
         #membre_call_big span{
            top:235px;     
         }
         #membre_call_small h3, #membre_call_small_down h3{
            top:35px;      
         }
         #membre_call_small span, #membre_call_small_down span{
            top:60px;      
         }        
         



         /**
          * H O M E 
          */
         #home{
            padding-top:150px;
/*            margin-bottom:30px;*/
         }

         /** BLOG HIGHLIGHTS **/
         #highlight{
            height:300px;
            position:relative;
            display:block;
            color:#000;
            background-position: 50% 20%;
         }
         #highlight:hover{
            text-decoration:none;
         }
         #highlight #focus_title{
            display:block;
            background-color:#fff;
            position:absolute;
            top:0;
            left:0;
         }
         #highlight #focus_title em{
            color:#f00;
         }        
         #highlight #focus_title h1{
            padding:4px 6px 0 6px;
         }
         #highlight #focus_title p{
            padding:0px 6px 4px 6px;
         }
         #highlight #focus_post{
            display:block;          
            background-color:rgba(255,255,255,0.7);
            position:absolute;
            bottom:0;
            left:0;
            width:580px;
         }
         #highlight #focus_post p{
            padding:10px 10px 20px 10px;
         }
         #highlight #focus_post .read_more{
            display:block;          
            position:absolute;
            right:20px;
            bottom:10px;
            text-transform: uppercase;
            color:#f00;          
         }     
         #highlight a{
            color:#f00;
         }        
         
         /** AGENDA **/
         #agenda{
            margin:20px 0;
         }
         #agenda_slider_list{
         }
         #agenda_slider_list ul li{
            display:block;
            border-bottom:1px solid #b2b2b2;
            width:360px;
         }
         #agenda_slider_list ul li.active a b{
            font-weight: bold;
         }
         #agenda_slider_list ul li a{
            padding:12px 5px 8px 0;
            display:block;
            height:16px;
         }
         #agenda_slider_list ul li a:hover {
            text-decoration: none;
         }        
         #agenda_slider_list ul li a:hover b{
            color:#f00;
            text-decoration: underline;
         }        
         #agenda_slider_list ul li a b{
            text-transform: uppercase;
            font-weight: normal;
            color:#000;
            float:left;
         }
         #agenda_slider_list ul li a em{
            float:right;
            margin:0 4px;
            color:#f00;
         }
         #agenda_slider_list ul li a span{
            float:right;
            margin:0 4px;           
            color:#000;
         }
         #agenda_slider_list h4 a{
            margin-top:6px;
            padding-top:2px;
            color:#f00;            
            display:block;
            text-transform: uppercase;
         } 

         #agenda_parent_slider{
            position: relative;
         }
         #agenda_slider {
            position:relative;
            overflow: hidden;
            width: 580px;
            height: 230px;
         }
         #agenda_slider ul{
            position: absolute;
            height:3000px;
            width: 580px;
         }
         #agenda_slider ul li{
            height:230px;
            display:block;
            background-position:0 25px;
            background-repeat:no-repeat;
         }  
         #agenda_slider ul li h3 a{
            color:#000;
            text-decoration:none;
         }  
         #agenda_slider ul li a b{
            display:none;
         }
         #agenda_slider ul li a.agenda_link{
            width:100%;
            display:block;
            height:230px;
            background:url('../images/e_arrow_h.png') 0 0 no-repeat;
         }
         #agenda_slider ul li#item1 a.agenda_link{background-position:0 6px;}
         #agenda_slider ul li#item2 a.agenda_link{background-position:0 44px;}
         #agenda_slider ul li#item3 a.agenda_link{background-position:0 82px;}
         #agenda_slider ul li#item4 a.agenda_link{background-position:0 120px;}
         #agenda_slider ul li#item5 a.agenda_link{background-position:0 158px;}                             
         
         #control_slider .next, #control_slider .prev{
            position:absolute;
            right:30px;
            background:url('../images/e_arrow_h_agenda.png') 0 0 no-repeat;
            width:25px;
            height:25px;
         }
         #control_slider #next_slider.disabled{ background-position: bottom right ;}
         #control_slider .prev.disabled{  background-position: top right ;}
         #control_slider #next_slider.disabled{ background:none;}
         #control_slider .prev.disabled{  background:none;}
         
         #control_slider b{
            display:none;
         }        
         #control_slider #next_slider{
            bottom:-10px;
            background-position:bottom left;
         }        
         #control_slider #back_slider{
            top:12px;
         }
         #control_slider #next_slider:hover{background-position:bottom -25px;}         
         #control_slider #back_slider:hover{background-position:top -25px;}         
         
         
         /** INSCRIPTION NEWSLETTER */
         #subForm{
            background-color:#dedede;
            padding:20px;
         }
         #subForm label{
             margin:16px 0 4px 0;
             display:block;
         }

         #subForm input, #subForm select{
             height:28px;
             width:300px;
             background-color:#fff;
             border: 1px solid #ccc;
             padding:0 4px;
         }   
         #subForm select{
          width:200px;  
         }
         #subForm input#submit_newsletter_campaign{
             color: #f00;
             width:140px;
             margin:20px 0;
             display:block;
         }         
         
         /** C **/
         .no_padding {
         	margin-left: -40px;
         	margin-top: -20px;
         }
         
         /** PROFESSEURS **/
         

         
         /** INSCRIPTION **/
         #bt_form {
         	background-image: url('../images/bt_form.gif');
         	background-repeat: no-repeat;
         	background-position: bottom;
         	display: block;
         	height: 31px;
         	width: 288px;
         	color: #000;
         	margin-top: 30px;
         	padding-top: 15px;
         	font-family: HelvNeueCondBold, 'Helvetica Neue Cond', 'Arial Narrow', sans-serif;
         	text-transform: uppercase;
         	padding-left: 15px;
         }
         
         #bt_form:hover {
         	background-position: top;
         	text-decoration: none;
         }
         
         /** RESTAURANT **/
         #restaurant{
            
         }
         #restaurant h3{
            color:#f00;
         }
         #restaurant h4{
            text-transform: uppercase;
            margin-top:4px;
         }
         #restaurant h4 #jour_suivant{
            float:right;
            color:#f00;
         }                 
         #restaurant ul, #menu{
            display:block;
            height:160px;
            background:#000 url('/public/images/photos/home_resto_2.jpg') 0 0 no-repeat;
            position:relative;
         }
         #restaurant ul li{
            position:absolute;
            top:80px;
            width:170px;
            color:#fff;
         }
         #restaurant ul li#entree{left:20px;}
         #restaurant ul li#plat{left:200px;}       
         #restaurant ul li#dessert{left:400px;}                
         
         /** SOCIAL **/
         #social_network{
            margin:20px 0;
         }
         .social_links li a{
            color:#222;
            display:block;
            padding:3px 3px 3px 23px;
            background:url('../images/bt_social.gif') 0 2px no-repeat;
            margin:4px 0;
         }
         .social_links li a:hover{
            text-decoration: underline;
         }        
         .social_links li a.twitter{   }
         .social_links li a.facebook{background-position: 0 -18px;}
         .social_links li a.rss{ background-position: 0 -38px;}    
         .social_links li a.mail{ background-position: 0 -58px;}
         
         #newsletter form{
            margin:12px 0 0 0;
            position:relative;
            height:38px;
         }
         #newsletter form input{
            position:absolute;
            top:0;
            left:0;
            height:28px;
            width:280px;
            background-color:#fff;
            border: 1px solid #ccc;
            padding:0 4px;
            margin:0;
         }
         #newsletter form input.placeholder { color: #999; }
         #newsletter form input.submit_newsletter{
            top:0;
            left:288px;          
            height:30px;
            width:40px;
            color:#f00;
            margin:0;            
         }        
         
         /** 
          * S P O N S O R S 
          */
         #sponsors{
            margin-top:40px;
            margin-bottom:40px;
            height:140px;
            position:relative;
         }
         #sponsors div{
            position:absolute;
            top:40px;   
         }
         #sponsors div h3{
            margin-bottom:10px;
            text-align:center;
         }        
         #sponsors div#club_masters{left:30px;}
         #sponsors div#club_challengers{left:210px;}
            #sponsors div#club_challengers a{margin:0 20px;}
         #sponsors div#club_fournisseurs{left:730px;text-align:center;}                         
         
         
         /**
          * F O O T E R 
          */
         #footer{
            margin-top:30px;
            width:100%;
            background-color:#dedede;
            height:250px;
         }
         #footer_content{
            position:relative;
         }
         #footnav{
            
         }
         #footnav li{
            float:left;
            background:url('../images/foot_pipe.gif') 100% 50% no-repeat;
         }
         #footnav li:last-child{
            background:none;
         }
         #footnav li a{
            display:block;
            padding:20px 10px;
            color:#000;

         }
         #footnav li a:hover{
            background: url('../images/e_arrow_v.png') no-repeat 50% 0;
            text-decoration:none;
         }
         #copyright{
            background: url('../images/foot_logo_tennis.gif') no-repeat 0 0;
            padding:15px 3px 15px 45px;
            color:#222;
            display:block;
            position:absolute;
            top:60px;
            left:0px;
            text-shadow:1px 1px 2px #aaa;
         }
         #address{
            position:absolute;
            top:20px;
            left:600px;
            width:180px;
         }
         #contact{
            position:absolute;
            top:20px;
            left:800px;
            width:160px;            
         }
         #contact a{
            color:#000;
            text-decoration:underline;
         }        
         #contact a:hover{
            color:#f00;
            text-decoration:underline;
         }        
         #logo_as{
           position:absolute;
              left:800px;
           top:80px;
           height:10px;
           background: url('../images/logo_antistatique_net.png') 0 0px no-repeat;
           cursor: pointer;
           padding:0;
           padding-left:24px;
           color:#000;
           text-transform: uppercase;
           font: 10px Helvetiva, Arial, Verdana, sans-serif;
           text-decoration:none;
         }
         #logo_as:hover{
            color:#e2007a;
           background-position:0 100%;
         }