/* Stylesheet "Toopia" :: v1 (23-03-2009) */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2009 "Toopia" and may not be used by anyone but us. */ 

/*
  Style Index
  ---------------------

  - Site Structure Styles
    - General Styles
    - Main Layout Styles

  - Content Styles
    - General Content Styles
    - Heading Styles
    - Paragraph Styles
    - Link Styles

  - List Styles
    - General Lists
    - Main Navigation
    - Content Lists
		
*/ 







/*** Site Structure Styles ***/

    /* General Styles */

    	* {
        margin:           0;
        padding:          0;
    	}
				
    /************************/

    /* Main Layout Styles */
	
      body {
        background:       url(../images/bg_body.jpg) repeat top left #2d2d2d;
        color:            #fff;
        font-family:      "Helvetica Neue",Arial,Verdana,sans-serif;
        font-size:        14px;
        line-height:      20px;
        text-shadow:      0 1px #fff; 
    	}          
 			
      #container {
        margin:           0 auto;
        position:         relative;
   			overflow:         hidden;
        width:            960px;
      }

      #header {
				padding:          115px 50px 24px 50px;
				overflow:         hidden;
        text-shadow:      0 1px #000; 
      }
               
			#main {                     
				background:       url(../images/bg_main.png) no-repeat top center #eae9e6;
				height:           400px;
				overflow:         hidden;
 				padding:          67px 50px 50px 50px;
	 			position:         relative;
 			}

      #intro {
				color:            #8f8c82;  
				float:            left;       
				padding:          46px 0 0 0;
				width:            360px;
			}

			body.even #intro {
				float:            right;
			}                       

      #hollywood {
        float:            right;
        height:           283px;
        overflow:         hidden;
        width:            460px;
      }         
                 
			body.even #hollywood {
				float:            left;
			}                       
			
      #body_wsp #hollywood {
	      background:       url(../images/bg_hollywood_wsp.png) repeat center left;
			}

      #body_rww #hollywood {
	      background:       url(../images/bg_hollywood_rww.png) repeat center left;
			}
			
      #body_thermometer #hollywood {
	      background:       url(../images/bg_hollywood_thermometer.png) repeat center left;
			}
			
      #body_meteodesplages #hollywood {
	      background:       url(../images/bg_hollywood_meteodesplages.png) repeat center left;
			}
			
      #body_2udoku #hollywood {
	      background:       url(../images/bg_hollywood_2udoku.png) repeat center left;
			}
			
      #body_thepartytimer #hollywood {
	      background:       url(../images/bg_hollywood_thepartytimer.png) repeat center left;
			}
			
      #body_avvie #hollywood {
	      background:       url(../images/bg_hollywood_avvie.png) repeat center left;
			}
             
      #content {                   
	      bottom:           73px;
	    	clear:            both;
	      color:            #8f8c82;
        font-size:        12px;
        margin:           0 0 0px 0;    
				padding:          17px 0 0 0;
        overflow:         hidden;       
				position:         absolute;
      }

      #footer {
				padding:          10px 50px 50px 50px;
        overflow:         hidden;
      }
			
    /************************/







/*** Content Styles ***/

    /* General Content Styles */

      a:link, a:visited, a:active {
        color:            #000;
        outline:          none;
      }

      a:hover {
        color:            #a7d9fa;
        outline:          none;
      }
			
    /************************/

    /* Heading Styles */

      h1 a {
        background:       url(../images/logo.png) no-repeat top left;  
  			display:          block;
				float:            left;
        height:           58px;
        text-indent:      -4000px; 
				width:            152px;
      }

      h2 {                         
				color:            #000;
        font-size:        26px;
        font-weight:      bold; 
				line-height:      40px;
				margin:           0 0 10px 0;           
				padding:          0 0 0 50px;
      }

			#body_wsp h2 {
				background:       url(../images/icon_wsp.png) no-repeat center left;    
			}

			#body_rww h2 {
				background:       url(../images/icon_rww.png) no-repeat center left;    
			}

			#body_thermometer h2 {
				background:       url(../images/icon_thermometer.png) no-repeat center left;    
			} 

			#body_meteodesplages h2 {
				background:       url(../images/icon_meteodesplages.png) no-repeat center left;    
			} 
                                
			#body_2udoku h2 {
				background:       url(../images/icon_2udoku.png) no-repeat center left;    
			} 

			#body_thepartytimer h2 {
				background:       url(../images/icon_thepartytimer.png) no-repeat center left;    
			} 

			#body_avvie h2 {
				background:       url(../images/icon_avvie.png) no-repeat center left;    
			} 
			
    /************************/

    /* Paragraph Styles */		

      p {
        margin:           0 0 20px 0;
      }               
                  
			#intro p { 
				padding:          0 20px 0 0;
			}                      
			
			#intro p span {
				color:            #afaca2;  
				display:          block;
	      font-size:        12px; 
				padding:          15px 0 0 0;
  		}     
			
			#intro p strong {
				color:            #000;
			}
			
			#content p {
				margin:           0;
			}

			#footer p {
				color:            #99968e;
        font-size:        12px;
        text-shadow:      0 1px #1a1a1a;
			}

    /************************/

    /* Link Styles */        
                                 
			#header a:link, #header a:visited {
				color:            #99968e;    
         font-weight:      bold;   
				font-size:        13px;
 				text-decoration:  none;
			}                       
			
			#header li.active a:link, #header li.active a:visited {
				color:            #fff;
			}          
			
			img a, img {
				border:           none;
			}    
			  
			#hollywood a {
				display:block;
				text-indent:-10000px;
				width:350px;    
				margin:0 auto;  
				height:270px;
			}
			
      #content li a.download:link, #content li a.download:visited {
        background:       url(../images/button_download.png) no-repeat top left;
				bottom:           0;
        display:          block;                                                  
				height:           77px;   
	 			right:            30px;
	 			position:         absolute;
        text-indent:      -10000px;
				top :             6px;
	      width:            220px;
      }      

      #content li a.download:hover, #content li a.download:active {
        background:       url(../images/button_download.png) no-repeat 0 -77px;
      }      


      h3 a {
        display:          block;
        line-height:      20px;
        padding:          278px 0 0 0;
        text-align:       center;
        width:            420px;
      }      

			#content p a:link, #content p a:visited {
				color:            #000;
			}
			
			#content p a:hover, #content p a:active {
        color:            #737373;
	      text-decoration:  underline;
   		}                                  

			#footer a:link, #footer a:visited {
				color:            #99968e;
			}
			
			#footer a:hover, #footer a:active {
        color:            #fff;
	      text-decoration:  underline;
   		}                                  

    /************************/







/*** List Styles ***/

    /* General Lists */        

			#header ul {
				float:            right; 
				margin:           28px 0 0 0;
			}               
			
			#header li {
 				margin:           0 0 0 20px;
			}

      ul {                        
        list-style:       none; 
        overflow:         hidden;
      }    

			li {
        float:            left;
 				margin:           0 10px 0 0;
 		}

			#content li {                 
				display:          block;
				float:            left;    
				margin:           2px 20px 0 0;
				padding:          5px 0 0 0;
				position:         relative;
				width:            260px;
			}  
			
			#content li.main {
				width:            330px;
			}
			
   









			/*** Fancybox Styles ***/

			    /* General */

						div#fancy_overlay {
							position: fixed;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							display: none;
							z-index: 30;
						}

						div#fancy_loading {
							position: absolute;
							height: 40px;
							width: 40px;
							cursor: pointer;
							display: none;
							overflow: hidden;
							background: transparent;
							z-index: 100;
						}

						div#fancy_loading div {
							position: absolute;
							top: 0;
							left: 0;
							width: 40px;
							height: 480px;
							background: transparent url('../images/fancybox/fancy_progress.png') no-repeat;
						}

						div#fancy_outer {
							position: absolute;
						    top: 0;
						    left: 0;
						    z-index: 90;
						    padding: 20px 20px 40px 20px;
						    margin: 0;
						    background: transparent;
						    display: none;
						}

						div#fancy_inner {
							position: relative;
							width:100%;
							height:100%;
							background: #FFF;
						}

						div#fancy_content {
							margin: 0;
							z-index: 100;      
							text-shadow:      none; 
			        
							position: absolute;
						}

						div#fancy_div {
							background: #000;
							color: #FFF;
							height: 100%;
							width: 100%;
							z-index: 100;
						}

						img#fancy_img {
							position: absolute;
							top: 0;
							left: 0;
							border:0; 
							padding: 0; 
							margin: 0;
							z-index: 100;
							width: 100%;
							height: 100%;
						}

						div#fancy_close {
							position: absolute;
							top: -12px;
							left: -15px;
							height: 30px;
							width: 30px;
							background: url('../images/fancybox/fancy_closebox.png') top left no-repeat;
							cursor: pointer;
							z-index: 181;
							display: none;
						}

						#fancy_frame {
							position: relative;
							width: 100%;
							height: 100%;
							display: none;
						}

						#fancy_ajax {
							width: 100%;
							height: 100%;
							overflow: auto;
						}

						a#fancy_left, a#fancy_right {
							position: absolute; 
							bottom: 0px; 
							height: 100%; 
							width: 35%; 
							cursor: pointer;
							z-index: 111; 
							display: none;
							background-image: url("data:image/gif;base64,AAAA");
							outline: none;
							overflow: hidden;
						}

						a#fancy_left {
							left: 0px; 
						}

						a#fancy_right {
							right: 0px; 
						}

						span.fancy_ico {
							position: absolute; 
							top: 50%;
							margin-top: -15px;
							width: 30px;
							height: 30px;
							z-index: 112; 
							cursor: pointer;
							display: block;
						}

						span#fancy_left_ico {
							left: -9999px;
							background: transparent url('../images/fancybox/fancy_left.png') no-repeat;
						}

						span#fancy_right_ico {
							right: -9999px;
							background: transparent url('../images/fancybox/fancy_right.png') no-repeat;
						}

						a#fancy_left:hover, a#fancy_right:hover {
							visibility: visible;
							background-color: transparent;
						}

						a#fancy_left:hover span {
							left: 20px; 
						}

						a#fancy_right:hover span {
							right: 20px; 
						}

						#fancy_bigIframe {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background: transparent;
						}

						div#fancy_bg {
							position: absolute;
							top: 0; left: 0;
							width: 100%;
							height: 100%;
							z-index: 70;
							border: 0;
							padding: 0;
							margin: 0;
						}

						div.fancy_bg {
							position: absolute;
							display: block;
							z-index: 70;
							border: 0;
							padding: 0;
							margin: 0;
						}

						div#fancy_bg_n {
							top: -20px;
							left: 0;
							width: 100%;
							height: 20px;
							background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
						}

						div#fancy_bg_ne {
							top: -20px;
							right: -20px;
							width: 20px;
							height: 20px;
							background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
						}

						div#fancy_bg_e {
							right: -20px;
							height: 100%;
							width: 20px;
							background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
						}

						div#fancy_bg_se {
							bottom: -20px;
							right: -20px;
							width: 20px;
							height: 20px;
							background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
						}

						div#fancy_bg_s {
							bottom: -20px;
							left: 0;
							width: 100%;
							height: 20px;
							background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
						}

						div#fancy_bg_sw {
							bottom: -20px;
							left: -20px;
							width: 20px;
							height: 20px;
							background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
						}

						div#fancy_bg_w {
							left: -20px;
							height: 100%;
							width: 20px;
							background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
						}

						div#fancy_bg_nw {
							top: -20px;
							left: -20px;
							width: 20px;
							height: 20px;
							background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
						}

						div#fancy_title {
							position: absolute;
							z-index: 100;
							display: none;
						}

						div#fancy_title div {
							color: #FFF;
							font: bold 12px Arial;
							padding-bottom: 3px;
							text-shadow:      none; 
							white-space: nowrap;
						}

						div#fancy_title table {
							margin: 0 auto;
						}

						div#fancy_title table td {
							padding: 0;
							vertical-align: middle;
						}

						td#fancy_title_left {
							height: 32px;
							width: 15px;
							background: transparent url('../images/fancybox/fancy_title_left.png') repeat-x;
						}

						td#fancy_title_main {
							height: 32px;
							background: transparent url('../images/fancybox/fancy_title_main.png') repeat-x;
						}

						td#fancy_title_right {
							height: 32px;
							width: 15px;
							background: transparent url('../images/fancybox/fancy_title_right.png') repeat-x;
						}