/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: style.css
* Version: 0.0.1 (2013-06-26) YYYY-MM-DD
* Website:  Landing
* Author: Céline Aussaresses - Nexway
== STRUCTURE: ==============================
* Page width: 100%
* Number of columns: 1
============================================
BODY
-WRAPPER
-HEADER
-BLOC-VOTE
--GAUCHE
--DROITE
-BLOC-SOCIAUX
--COMMENTAIRES
--LIENS
-BLOC-RECAP
-FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* _RESET
==========================================*/
*{margin:0; padding:0;}
img{border:none; text-decoration:none !important;}
h1,h2,h3,h4{font-size:100%;}

/* _STUDIO DESIGN-FRAMEWORK
==========================================*/


.clear{clear:both;}
 h1{ font-family:Arial, Helvetica, sans-serif; font-size:36px; color:#008fcf; text-align:left; text-transform:uppercase;  }
 h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center; }
 h3{ font-family:Arial, Helvetica, sans-serif; font-size:17px; text-align:left;  text-transform:uppercase; }
 h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; text-transform:uppercase; font-weight:normal   }

.float-l{ float:left;}
.float-r{ float:right;}

.txt-c{text-align:center }
.txtBleu-c{ color:#008fcc;}
.txtBleu-f{ color:#1c4494;}
.txtBlanc{ color:#fff;}
.txtGris{ color:#4c5659; }

.txt23{ font-size:23px;}
.txt17{ font-size:17px;}
.txt28{ font-size:28px;}
.txt12{ font-size:12px;}
.txt20{ font-size:20px;}

.pd-t5{ padding-top:5px;}
.pd-t15{ padding-top:15px;}
.pd-t25{ padding-top:25px;}
.pd-t35{ padding-top:35px;}
.pd-t45{ padding-top:45px;}
.pd-l10{ padding-left:10px;}
.pd-l20{ padding-left:20px;}
.pd-r5{ padding-right:5px;}
.pd-r15{ padding-right:15px;}
.pd-b10{ padding-bottom:10px;}

.mg-r25{margin-right:45px;}


/* BODY - pas de body, inclus dans les style SL
==========================================*/


/* -WRAPPER
==========================================*/
#wrapper{
	width:1001px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4c5659;
	background-image:url(/img/battle/01-centreFond.jpg);
	background-repeat:no-repeat;
	background-position:0 8px ;

}

/* -HEADER
==========================================*/
#header-titre{ padding:24px 0 25px 25px; float:left;}
#chrono{ background-image:url(/img/battle/02-compteurFond.png); background-repeat:no-repeat; background-position:0 top; width:353px; float:right; padding-right:25px; font-size:10px; text-align:center; padding-top:5px; line-height:10px;}

/* -BLOC-VOTE
==========================================*/
#bloc-vote{ margin:auto;}
.bloc-vote{ border:1px solid #d3d9dc; margin-left:4px; margin-right:1px;width:49%; }
.titre-gauche{background-image:url(/img/battle/03-fondTitre.gif); background-repeat:repeat-x; padding-left:10px; }
.titre-droite{background-image:url(/img/battle/04-fondTitre.gif); background-repeat:repeat-x; padding-left:10px;}


/* --BLOC-VOTE
==========================================*/
#gauche{ margin:auto; height:500px; margin-left:4px; margin-right:5px }
#droite{ margin:auto; height:500px; background-image:url(/img/battle/04-vs.gif); background-position:10px 285px; background-repeat:no-repeat }
.patch {  height:75px; width:209px; text-align:center;z-index:1000px;position:relative;}
.produit{ width:42%; background-repeat:no-repeat; padding:0 15px }
.candidat{ width:40%; background-repeat:no-repeat; padding:0 10px }
.macaron{ height:140px; text-align:right; vertical-align:top;z-index:1000px;position:relative;  }
.prix{ background-image:url(/img/battle/03-fondPrix.gif); background-repeat:repeat-x; padding:10px;}
.bouton-achat{ margin:22px 0 0 20px; }
.btn-achat{ display:block; font-size:14px; color:#fff;  height:33px;text-align:left;  background-repeat:no-repeat; background-image:url(/img/battle/03-btnAchat.png); padding:8px 10px 0 18px; }
#gauche a {text-decoration:none;  }
#bouton-vote{ margin-left:35px; }
.btn-vote{ display:block; font-size:14px; color:#fff;  height:21px;text-align:left;  background-repeat:no-repeat; background-image:url(/img/battle/04-btnVote.png); padding:8px 10px 0 28px; }
#droite a {text-decoration:none;  }
#droite a:hover { background-position:0 -32px;text-decoration:none;}


/* -BLOC-SOCIAUX
==========================================*/
.sstitre{ background-color:#e3eaec; height:30px; }

/* -FOOTER
==========================================*/
#footer{ }

.jcarousel-wrapper {
  border: 10px solid #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 2px #999999;
  margin: 20px auto;
  position: relative;
}

.jcarousel {
  position: relative;
  overflow: hidden;
  width: 910px;
  height: 130px;
  padding: 20px 40px;
}

.jcarousel ul, .jcarousel li {
  list-style: none outside none;
}
.jcarousel ul {
  width: 20000em;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
}
.jcarousel li {
  float: left;
  margin: 0 12px;
}

.jcarousel-control-prev, .jcarousel-control-next {
    background: none repeat scroll 0 0 #4E443C;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 0 0 2px #999999;
    color: #000;
    font: 24px/27px Arial,sans-serif;
    height: 30px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px #000000;
    width: 30px;
}

.jcarousel-control-prev {

}
.jcarousel-control-next {
  right: 0px;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}