/*
  Name: Wild Pig Wines
  URL: www.wildpigwines.com
  Author: Com-Ocean | http://www.com-ocean.com
  Date: Avril 2012
*/


* {outline: none;}

html, body, #wrap {height: 100%;}

html {font-size: 100.01%;}

body {
  background-color: #000;
	margin: 0;
}

  body.home { background-image: url(../images/bkgd_home.jpg);}

/* ----------------------------------------------------------------------- */
/*                             	GENERAL STYLES                             */
/* ----------------------------------------------------------------------- */

.clear {clear: both;}
 
img {border: 0;}

/* ----------------------------------------------------------------------- */
/*                             	LAYOUT                                     */
/* ----------------------------------------------------------------------- */

#container {
  margin: 0 auto;
  width: 980px;
}
  
  #header {
    height: 110px;
    width: 980px;
  }
  
  #main {
    min-height:500px;
    height:auto !important;
    height:500px;
    margin: 60px 0 40px;
    width: 980px;
  } 
  
  #subnavigation {
    float: left;
    width: 300px;
  }
  

  #footer {
  	border-top: #2E2E2E 1px solid;
    height: 50px;
    padding-top: 5px;
    width: 980px;
  }

/* ----------------------------------------------------------------------- */
/*                             	NAVIGATION                                 */
/* ----------------------------------------------------------------------- */


#nav {
  border-top: #2E2E2E 1px solid;
  clear: both;
  list-style-type: none;
  margin: 0 auto;
  padding: 15px 0 0;
  width: 980px;
  text-align: center;
}

	#nav li {
    display: inline-block;
    font-family: 'Rosario', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
 }
 
 	#nav li a {
    color: #FFF; 
    display: block; 
    height: auto; 
    padding: 0 20px;
    text-decoration: none;
    width: auto;
  }
  
 	#nav li a:hover, #nav li.selected a { color: #F09100; text-decoration: none;}
  
#subnav {
  list-style-type: none;
  margin: 0 0 0;
  padding: 0;
  width: 225px;
}

	#subnav li {
    border-bottom: #2E2E2E 1px solid;
    font-family: 'Rosario', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 24px;
   	margin: 0;
    text-transform: uppercase;
 }
 
 	#subnav li a {
    color: #F09100; 
    display: block; 
    padding: 10px 0;
    text-decoration: none;
    width: 225px;
  }
  
 	#subnav li a:hover, #subnav li.selected a { color: #bababa; text-decoration: none;}

#subnavigation h6 {margin: 60px 0 20px;}

/* ----------------------------------------------------------------------- */
/*                           SPECIFIC STYLES                               */
/* ----------------------------------------------------------------------- */

/* _________________ HEADER _________________ */

  .logo {float: left; margin: 14px 0 0 240px;}

  .greta {
    float: left;
    margin: 39px 0 0 50px;
  }

/* _________________ FOOTER _________________ */

  #footer p, #footer a {
    color: #505050;
    font-size: 11px;
  }
  
  	#footer .left { float: left;}
  	#footer .right { float: right;}
    
    #footer img {padding-left: 10px;}
    
   #footer .btnlang img {
     margin: 0 5px;
     padding-left: 0;
     vertical-align: baseline;
   }
/* _________________ LEGAL AGE _________________ */

	#content-age {
    background-color: #000;
    height: auto;
    margin: 50px auto;
    padding: 50px;
    width: 500px;
  }
  
    #content-age a {
      background-color: #F09100;
      color: #FFF;
      cursor: pointer;
      float: right;
      font-family: 'Rosario', Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: 700;
      height: auto;
      padding: 5px 20px;
      text-transform: uppercase;
      width: auto;
    }
    
    #content-age a:hover {
      background-color: #212121;
      color: #F09100;
      text-decoration: none;
    }

/* _________________ HOME _________________ */

  
	#content-home {
    float: left;
    width: 300px;
  }
  
  #recipe-home {
    background: url(../images/bkgd_bloc_wine.png) no-repeat 0 0;
    clear: both;
    height: 315px;
    width: 980px;
  }
  
  	.wine-home {
      float: left;
      padding: 80px 10px 0 15px;
      width: 300px;
    }
    
    	.wine-home h2 {color: #000; font-size: 28px; font-weight: 700; margin-bottom: 0;}
    	.wine-home h3 {color: #000; font-size: 20px;}
    	.wine-home p {color: #000; display: block; margin-bottom: 5px;}
      
    .wine-home-pic {float: left;}
    
  .recipe-wine-home {
    float: left;
    margin: 90px 0 0 20px;
    width: 470px;
  }
  
  	.recipe-wine-home img {float: right; margin-left: 20px;}
    
    .recipe-wine-home h4 {
      color: #FFF; 
      font-size: 23px; 
      font-style: italic; 
      line-height: 28px;
      margin-bottom: 20px;
      text-transform: none;
    }
    
    .recipe-wine-home h5 { color: #333; }
    
  	#recipe-home a {
      background: url(../images/arrow_link.png) no-repeat top right;
			color: #000;
      display: inline-block;
      font-family: 'Rosario', Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: 700;
      height: 24px;
      padding: 5px 20px 0 0;
      text-transform: uppercase;
    }
    
    #recipe-home a:hover {
      background-position: right -40px;
      color: #FFF; 
      text-decoration: none;
    }

/* _________________ PAGE _________________ */

  #content {
    float: left;
    width: 680px;
  }

/* _________________ VINS _________________ */
	
  #content-wines {
    float: left;
    width: 680px;
  }
   
   .wine-range {
    float: left; 
    height: 430px;
    margin-left: 30px;
    width: 305px;
  }
  
  	.wine-range img {float: left;}
    
    .wine-range-content {
      float: right;
      width: 195px;
    }
    
    	.wine-range-content h3 {border-bottom: #464646 1px solid; padding-bottom: 8px;}
        .wine-range-content h3 a:hover {color: #FFF; text-decoration: none;}
     	.wine-range-content h6 {font-style: italic;}
      .wine-range-content p {display: block; margin:0; width: 175px;}    
      
      .link-wine {
        background: url(../images/arrows.png) no-repeat -40px -65px;
        display: block;
        float: right;
        height: 30px;
        overflow: hidden;
        text-indent: -999px;
        width: 15px;
      }

      a:hover.link-wine {background-position: -40px -130px;}
      
      .wine-range-content h5 {
        background: url(../images/icon_recipe.png) no-repeat 0 0;
        clear: both;
        color: #FFF;
        font-size: 14px;
        font-style: italic;
        font-weight: 700;
        line-height: 18px;
        padding-left: 40px;
      }
      
      .wine-range-content h5 a { font-weight: 400;}

/* _________________ VIN _________________ */

  .bottle-ft {
    float: left; 
    text-align: center;
    width: 315px;
  }
  
  .content-ft {
    float: left; 
    width: 365px;
  }

		.content-ft h5 {color: #F09100; font-size: 18px;}
    
    .link-ft {
      background: url(../images/icon_PDF.png) no-repeat 0 0;
      display: block;
      font-family: 'Rosario', Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-style: italic;
      font-weight: 400;
      height: 28px;
      padding: 10px 0 0 30px;
      margin: 20px 0 0;
    }

  .addthis_toolbox {
     margin-top: 10px;
     padding-bottom: 20px;
     float: right;
  }

  .complement-ft {clear: both; padding-top: 30px;}
  
   	.bloc-advice {
      float: left; 
     	margin: 0 40px 0 15px;
      width: 260px;
    }
    
    	.bloc-advice h4 {
        background: url(../images/bloc_advice_top.png) no-repeat 0 0;
        height: 50px;
        margin: 0;
        padding: 60px 50px 0 30px;
        width: 180px;
      }
      
      .bloc-advice-content {
        background-color: #F09100;
        margin: 0 14px 0 13px;
        padding: 10px 36px 0 17px;
        width: 180px;
      }
      
      	.bloc-advice-content p {color: #000; margin: 0;}
      
      .bloc-advice-footer {
        background: url(../images/bloc_advice_bott.png) no-repeat 0 0;
        height: 53px;
        width: 260px;
			}
 
 	  .recipe-ft {
      float: left; 
      width: 365px;
    }
    
    	.title-recipe {
        background: url(../images/icon_recipe_2.png) no-repeat 0 0;
        color: #FFF;
        display: block;
        font-family: 'Rosario', Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: 400;
        height: 20px;
        padding: 23px 0 0 50px;
     }
     
     	.recipe-ft h3 {padding-left: 50px;}
      .recipe-ft img {margin: 10px 0 20px;}

      .link-more {
        background: url(../images/arrow_orange_big.png) no-repeat top right;
        display: block;
        float: right;
        font-family: 'Rosario', Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 400;
        height: 40px;
        padding: 20px 30px 0 0;
        text-transform: uppercase;
      }
      
      a:hover.link-more {background-position: right -65px; color: #FFF; text-decoration: none;}


/* _________________ STORY & WINEMAKING _________________ */


.content-left {
  float: left; 
  margin: 0 80px 0 80px;
  width: 380px;
}

.content-right {
  float: left; 
  width: 440px;
}

/* diaporama winemaking */

  #carousel {position: relative; }

	.diaporama-slide {
    height: 480px;
    position: relative;
    width: 440px;
  }
  
    .diaporama-legend {
      background-color: #f19001; 
      height: 150px;
      padding: 30px 70px 0 25px;
      width: 340px;
    }
    
    	.diaporama-legend h4 {
        color: #000; 
        font-size: 35px;
        margin: 0 0 20px;
        text-transform: none;
      }
      
  		.diaporama-legend h4 a, .diaporama-legend p {color: #FFF; margin: 0;}
  		.diaporama-legend h4 a:hover {text-decoration: underline;}
      .diaporama-legend .num { font-size: 60px; }

  #carousel .ctrlbutton {
    background-position: 0 -40px;
    background-repeat: no-repeat;
    color: #ffffff;
    cursor: pointer;
    font-size: 60px;
    height: 35px;
    position: absolute;
    top: 310px;
    width: 14px;
    z-index: 100;
  }
  
  .ctrlbutton span { display: none; }

  #carousel .ctrlprev { background-image: url(/images/arrow_link2.png); left: 370px;}
  #carousel .ctrlnext { background-image: url(/images/arrow_link.png); left: 410px;}
  
  #carousel .ctrlbutton:hover { background-position: 0 0; }

  #carousel .page {
    position: absolute;
    font-size: 25px;
    z-index: 100;
    top: 340px;
    left: 380px;
    color: #000000;
    font-family: 'Rosario', Arial, Helvetica, sans-serif;
    text-align: center;
    width: 40px;
  }
  
/* _________________ RECIPES _________________ */
	
  #content-recipe {
    float: left;
    margin-top: 10px;
    width: 680px;
  }
   
   .recipe-block {
    float: left; 
    height: 250px;
    margin: 0 0 30px 25px;
    width: 305px;
  }
  
   .img-block {
     background-color: #2f2f2f; 
     display: block; 
     height: 203px; 
     margin-bottom: 10px; 
     width: 305px;
   }
   
   .recipe-block img { margin-bottom: 10px;}
   
   .recipe-block h5 { line-height: 23px;}
   .recipe-block h5 a:hover { color: #FFF; text-decoration: none;}

    .wine-pairing {
      background: url(../images/icon_wine.png) no-repeat 0 9px;
      clear: both;
      color: #FFF;
      font-size: 16px;
      font-style: italic;
      font-weight: 400;
      line-height: 20px;
      margin: 20px 0 0;
      padding: 0 0 0 30px;
    }
          
  .img-recipe { float: right; margin-left: 30px;}
   
  
  .back {	border-top: #2E2E2E 1px solid; clear: both; padding-top: 10px;}
 
  .but-back {
    background: #F09100 url(../images/arrow_link.png) no-repeat right 3px;
    color: #000;
    cursor: pointer;
    float: right;
    font-family: 'Rosario', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    padding: 8px 20px 8px 10px;
    text-transform: uppercase;
    width: auto !important;
  }
  
  a:hover.but-back { background-position: right -36px; color: #FFF; text-decoration: none;}


    /* tabs  */
    ul.tabs {
      border-bottom: 1px solid #2E2E2E;
      height:40px;
      list-style:none;
      margin:0 0 30px;
      padding:0;
      width: 678px;
    }
    
      ul.tabs li {
        float:left;
        list-style-image:none !important;
        margin:0 !important;
        padding:0;
        text-indent:0;
      }
    
        ul.tabs a {
          background-color: #000;
          color:#808080;
          display:block;
          font-family: 'Rosario',Arial,Helvetica,sans-serif;    
          font-size:21px;
          height: 40px;
          line-height:40px;
          margin:0px;
          padding:0px;
          position:relative;
          text-align:center;
          text-decoration:none;
          text-transform: uppercase;
          width: 226px;
        }
    
        ul.tabs a:active { outline:none;}
    
        ul.tabs a:hover { color:#F19001; }
    
        ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
          background-color: #2f2f2f;
          color:#FFF !important;
          cursor:default !important;
        }
      
      .panes .pane { display:none; }


/* ___________________ CONTACT ___________________ */
    
  #myContactFormContainer {
    float: left;
    margin: 70px 0 0 100px;
    width: 500px;
  }
  
   #myContactFormContainer fieldset {
        border: 0;
        padding: 0;
      }
  
        #myContactFormContainer .form-submit p {
          color: #404040;
          font-size: 11px;
          font-style: italic;
          margin: 0;
        }
    
        .form-row {
          clear: both;
          padding: 0 0 12px;
        }
    
          #myContactFormContainer label {
            color: #fff;
            display: block;
            float: left;
            font-size: 12px;
            height: 18px;
            width: 100px;
          }
          
         #myContactFormContainer input { height: 16px;}
    
          #myContactFormContainer input,  #myContactFormContainer textarea {
            background-color: #000;
            border: #2E2E2E 1px solid;
            color: #fff;
            padding: 1px 5px;
            width: 275px;
          }
    
          .radio_list { list-style: none; padding-bottom: 20px !important;}
          
            .radio_list li {
              background-color: transparent;
              color: #000000;
              float: left; 
              margin-right: 20px; 
              padding: 0;
            }
            
              .radio_list li input { 
                background-color: transparent !important;
                background-image: none ;
                border: 0 !important; 
                margin: 0 0 0 5px; 
                width: 15px !important;
              }
        
            body.en .radio_list label {text-align: right; width: 35px !important;}
            body.nl .radio_list label {text-align: right; width: 50px !important;}

          .required {font-size: 12px; font-style: normal !important;}
  
        #envoyer {
          background-color: #F09100 !important;
          border: 0 !important;
          color: #FFF !important;
          cursor: pointer;
          font-family: 'Rosario', Arial, Helvetica, sans-serif;
          font-size: 14px;
          font-weight: 700;
          height: auto !important;
          margin-left: 320px;
          padding: 5px 15px !important;
          text-transform: uppercase;
          width: auto !important;
        }
  
        .error_list { 
          list-style: none;
          margin: 10px 0 0; 
          padding: 0; 
        }
        
          .error_list li {
              color: #F09100;
              font-weight: bold;
              padding: 5px 0;
          }



/* _________________ ANIMATION _________________ */


#sequence {
  background: url(../images/bkgd_banner.png) no-repeat 0 0;
	display: block;
	height: 530px;
	margin: 0;
  position: relative;
	width: 980px;
}

	#sequence ul { list-style-type:none; margin: 0; padding: 0;}
  	
    #sequence li {position: absolute; margin: 0; padding: 0;}
  
    #sequence li * {
      -webkit-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
    }	

/* animations bouteilles */

    #sequence li .bottles {
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      left: 600px;
      opacity: 0;
      position: absolute;
      top: 0;
    }
    
      #sequence .animate-in .bottles {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
      
        -webkit-transition-duration: 2.5s;
        -moz-transition-duration: 2.5s;
        -o-transition-duration: 2.5s;
        -ms-transition-duration: 2.5s;
        transition-duration: 2.5s;
        
        left: 450px;
        top: 0;
        z-index: 2;
      }

    #sequence .animate-out .bottles {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;

      -webkit-transition-duration: .5s;
      -moz-transition-duration: .5s;
      -o-transition-duration: .5s;
      -ms-transition-duration: .5s;
      transition-duration: .5s;
      
      left: 450px;
      top: 0;
     	z-index: 3;
    }

/* animation titre 1 */


  #sequence .title1 {
    color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    font-size: 27px;
    left: 600px;
    line-height: 36px;
    margin:0;
    opacity: 0;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 100px;
    width: 420px;
    z-index: 3;
  }
  
  	#sequence .title1 .medium {font-size: 34px; font-weight: 700;}
  
  
    #sequence .animate-in .title1 {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    
      -webkit-transition-duration: 2s;
      -moz-transition-duration: 2s;
      -o-transition-duration: 2s;
      -ms-transition-duration: 2s;
      transition-duration: 2s;
      
      left: 0;
      top: 100px;
      z-index: 3;
    }
    
    #sequence .animate-out .title1 {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    
      -webkit-transition-duration: .5s;
      -moz-transition-duration: .5s;
      -o-transition-duration: .5s;
      -ms-transition-duration: .5s;
      transition-duration: .5s;
      
      left: 0;
      top: 100px;
      z-index: 3;
    }


/* animation titre 2 */

  #sequence .title2 {
    color: #F09100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    font-size: 23px;
    left: 600px;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: right;
    top: 250px;
    width: 420px;
    z-index: 31;
  }
  
    #sequence .animate-in .title2 {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
      
      -webkit-transition-duration: 2s;
      -moz-transition-duration: 2s;
      -o-transition-duration: 2s;
      -ms-transition-duration: 2s;
      transition-duration: 2s;

      left: 0;
      top: 250px;
      z-index: 3;  
    }
    
    #sequence .animate-out .title2 {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    
      -webkit-transition-duration: .5s;
      -moz-transition-duration: .5s;
      -o-transition-duration: .5s;
      -ms-transition-duration: .5s;
      transition-duration: .5s;

      left: 0;
      top: 250px;
      z-index: 3;
    }

/* animation titre 3 */

  #sequence .title3 {
    font-size: 21px;
    left: 600px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    line-height: 40px !important;
    opacity: 0;
    position: absolute;
    text-align: right;
    text-transform: none;
    top: 290px;
    width: 420px;
    z-index: 3; 
  }
  
    #sequence .animate-in .title3 {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    
      -webkit-transition-duration: 2s;
      -moz-transition-duration: 2s;
      -o-transition-duration: 2s;
      -ms-transition-duration: 2s;
      transition-duration: 2s;
      
      left: 0;
      top: 290px;
      z-index: 3;
    }
    
    #sequence .animate-out .title3{
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      
      -webkit-transition-duration: .5s;
      -moz-transition-duration: .5s;
      -o-transition-duration: .5s;
      -ms-transition-duration: .5s;
      transition-duration: .5s;
    
      left: 0;
      top: 290px;
      z-index: 3;
    }

/* arrow next/previous */

	#sequence-nav {
    left: 330px;
    position: absolute;
    top: 360px;
  }

    #sequence-nav a {
      background-image: url(../images/arrow_banner.png);
      background-repeat: no-repeat;
      display: block;
      float: left;
      height: 60px;
      overflow: hidden;
      margin-right: 25px;
      text-indent: -999px;
      width: 30px;
    }
  
    .sequence-prev {background-position: 0 0;}
    a:hover.sequence-prev {background-position: 0 -60px;}
    .sequence-next {background-position: -72px 0;}
    a:hover.sequence-next {background-position: -72px -60px;}

/* _________________ QUIZZ & CONTEST _________________ */

  #content-quizz {
    float: right;
    margin-top: 10px;
    width: 680px;
  }

    #quizzform {
      clear: both;
      margin-top: 40px;
    }

      #quizzform fieldset {margin-bottom: 10px; }

        #quizzform h4 {
          background-color: #262626;
          color: #FFF;
          font-family: 'Rosario',Arial,Helvetica,sans-serif;
          font-size: 20px;
          margin: 0;
          padding: 10px;
          text-transform: none;
        }
              
        #quizzform .radio_list li {
          color: #FFF;
          float: none;
          padding: 10px 0 0 10px;
        }
        
          #quizzform .radio_list li label {float: none;}
    
        #quizzsubmit {
          background: #F09100 url(../images/arrow_link.png) no-repeat right 3px;
          color: #000;
          cursor: pointer;
          float: right;
          font-family: 'Rosario', Arial, Helvetica, sans-serif;
          font-size: 14px;
          font-weight: 700;
          height: auto;
      		margin: 0 0 15px;
          padding: 8px 25px 8px 10px;
          text-transform: uppercase;
          width: auto !important;
        }
        
        a:hover#quizzsubmit { background-position: right -36px; color: #FFF; text-decoration: none;}
      
    #quizzerror {
      background-color: #F09100;
      clear: both;
      color: #000000;
      display: none;
      padding: 10px;
      text-align: center;
      width: 660px;
    }
    
    #quizzresponse {clear: both; padding-top: 10px;}

      #quizzresponse h2 {
        border-top: #2E2E2E 1px solid;
        padding-top: 10px;
        margin: 0;
      }
    
      #quiz-wine {
        background: url(../images/bkgd_quiz_wine.png) no-repeat 0 0;
        height: 320px;
        width: 540px;
      }
      
        .quiz-wine-content {
          float: left;
          padding: 80px 30px 0 15px;
          width: 300px;
        }
        
          .quiz-wine-content h2 {border: 0 !important; color: #000; font-size: 28px; font-weight: 700; padding: 0 !important;}
          .quiz-wine-content h3 {color: #000; font-size: 21px;}
          .quiz-wine-content p {color: #000; margin-bottom: 5px;}
          
        .wine-quiz-pic {float: left;}
       
       #quiz-wine a {
          background: url(../images/arrow_link.png) no-repeat top right;
          color: #000;
          display: inline-block;
          font-family: 'Rosario', Arial, Helvetica, sans-serif;
          font-size: 14px;
          font-weight: 700;
          height: 24px;
          padding: 5px 20px 0 0;
          text-transform: uppercase;
        }

  
/* _________________ CONTEST _________________ */

#contest-en #container, #contest-nl #container { background: url(/images/bkgd_contest-2013.jpg) no-repeat 0 0;}

#contest-rules-en #main, #contest-rules-nl #main {padding-left: 200px; width: 780px; }

#contest-en #main, #contest-nl #main { min-height: 720px; /* pour faire apparaître le fond en entier */ }

	#contest-home {
    float: left;
    margin: -10px 40px 0 0;
    width: 615px;
  }

  #contest-en #subnavigation h1, #contest-nl #subnavigation h1 { 
  	background: url(../images/h1_contest-2013.png) no-repeat 0 0;
    display: block !important;
    color: #000 !important;
    font-size: 0;
    height: 161px;
    margin: 0 0 30px;
    overflow: hidden;
    text-indent: -9999px;
  	width: 277px;
  }
  
  #participantContainer {
    background-color: #ffffff;
    padding: 20px;
    width: 210px;
  }

  #participantContainer h2 {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
  }

  #participantContainer p {
    color: #000;
    font-family: 'Rosario',Arial,Helvetica,sans-serif;
    font-size: 16px;
  }
  
  #participantContainer a {
    font-family: 'Rosario',Arial,Helvetica,sans-serif;
    font-size: 18px;  
  }
  
  #participantContainer form .form-row { padding: 0 0 5px; }
	#participantContainer form label { display: none; }
  
  #participantContainer form #form-row-participant_age input { float: left }
  #participantContainer form #form-row-participant_age label { display: block; float: right; padding-right: 70px; line-height: 18px; padding-bottom: 10px;}
  
	#participantContainer input.labelHighlight { color: #808080; }
	#participantContainer form input.labelify { width: 200px;}
  
  #participantContainer form .error_list { margin: 0;}
		#participantContainer form .error_list li {line-height: 1;}
    
  #participantContainer  .form-submit input {
    background: url(../images/but_contest_continue.png) no-repeat 0 0 !important;
    border: 0;
    cursor: pointer;
    display: block !important;
    font-size: 0px;
    height: 65px !important;
    margin: 10px 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 200px !important;
  }

/* _________________  */

  #contest-en #content-quizz, #contest-nl #content-quizz {
    padding-top: 360px;
    width: 600px;
  }
  
  dt {
    clear: both;
    color: #797878;
    float: left; 
	}
  
  dd {
    color: #000;
    float: left; 
    margin: 0 0 0 5px;
	}
  
  #contest-answer-questions {
    background: url(../images/arrow_link.png) no-repeat 160px 40px;
    clear: both;
		font-family: 'Rosario',Arial,Helvetica,sans-serif;
    font-size: 21px; 
    line-height: 22px;
    padding: 20px 40px 20px 0; 
  }
  
  #contest-en #quizzform fieldset ul, #contest-nl #quizzform fieldset ul { 
    padding: 7px !important;
    background-color: #fff;
    border: 0.1% solid black;
    overflow: auto;
  }
  #contest-en #quizzform fieldset ul li, #contest-nl #quizzform fieldset ul li {
    color: #000;
    float: left;
    width: 30%;
    margin: 0;
    padding: 7px 15px 7px 0;
  }
  
  
  #contest-en #quizzform fieldset ul.error_list, #contest-nl #quizzform fieldset ul.error_list {
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    color: #ff0000 !important;
    font-weight: bold !important;
  }
  #contest-en #quizzform fieldset ul.error_list li, #contest-nl #quizzform fieldset ul.error_list li {
    color: #ff0000 !important;
    font-weight: bold;
    float: none !important;
    padding: 0 !important;
    width: auto !important;
    margin-bottom: 5px !important;
  }
  
  #quizzform .help {
    color: #ccc;
    font-size: 11px;
    font-style: italic;
  }
  
  /*#contest-en #quizzform fieldset p *, #contest-nl #quizzform fieldset p * { background-color: #F09100; border: none }*/
  
  #participant_recipe_title, #participant_recipe_ingredients, #participant_recipe_preparation {
    /*background-color: #EFE3D0;*/
    /*border: 1px solid #333;*/
    width: 99%;
    padding: 0.4%;
    border: 0.1% solid black;
  }
  
  #participant_recipe_ingredients, #participant_recipe_preparation {
    height: 150px;
  }  
  
  #participant_recipe_title {
    font-size: 18px;
  } 
  
  .select-contest { padding: 20px;}
  
  li.resultatmatch {
    border-bottom: #000 1px solid;
    overflow: auto;
	}
    
   li.resultatmatch span {
      display: block;
      float: left; 
      font-weight: bold;
   }

    .quizz-anwsers {
      float: left;
      list-style-type: none;
      margin: 0;
      padding: 0 0 10px;
    }
    
    .quizz-anwsers li {margin: 0; padding: 0 0 4px 10px !important;}
    
  #contest-en #quizzsubmit, #contest-nl #quizzsubmit   {
    background: url(../images/but_contest_validate.png) no-repeat 0 0 !important;
    border: 0;
    cursor: pointer;
    display: block !important;
    font-size: 0px;
    height: 57px !important;
    margin: 10px 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 264px !important;
  }
  
  #contest-en a:hover#quizzsubmit, #contest-nl a:hover#quizzsubmit  { background-position: 0 -60px !important;}
  
  #contest-en #quizzerror, #contest-nl #quizzerror  { width: 580px;}
    

  #ready-answer {
    color: #F09100;
    font-family: 'Rosario',Arial,Helvetica,sans-serif;
    font-size: 55px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  h3#contest-done {
    font-size: 36px;
    line-height: 1.4;
  }
  
/* _________________ chargement ajax _________________ */

  .prettyLoader {
    background: url(/images/prettyLoader/prettyLoader.png) top left no-repeat;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 30000;
  }
  
  .prettyLoader img {
    display: block;
    margin: 7px 0 0 7px;
  }
  
  .pl_ie6 { background-image: url(/images/prettyLoader/prettyLoader.gif); }

/* _________________ checkbox_list & radio_list _________________ */
  
/*  ul.checkbox_list, ul.radio_list {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
  }
  
    ul.checkbox_list li, ul.radio_list li {
      clear: none; 
      float: left;
      list-style-type: none;
      margin-right: 10px;
    }
    
      .checkbox_list label, .radio_list label {
        display: inline;
        float: right;
        width: auto !important;
      }
      
      .checkbox_list input, .radio_list input { 
        float: left;
        padding: 0;
        margin: 0 5px 0 0;
        width: auto !important;
      }