@charset "utf-8";
/*
Theme Name: Kaporal - Jeu concours
Theme URI:
Description: Theme Jeu concours Kaporal.
Version: 1.0
Author: Olivier PASQUINI & Kévin LANTERI
*/

/*--RESET ALL--*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,img,ins,kbd,q,s,samp,small,strike,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,canvas,button { margin: 0; padding: 0; border: none; outline: none; font-size: 100%; vertical-align: baseline; background: transparent; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 100%; font-weight: normal; font-style: normal; }
body { line-height: 1; }
input,textarea { margin:0; padding:0; border:none; }
ol,ul { list-style: none; }
a,a:hover,a:active,a:link,a:visited { text-decoration: none; outline: none;}
blockquote, q { quotes: none; }
blockquote:before,blockquote:after,q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
sup { vertical-align: text-top; }

/*--GLOBAL--*/
.clear {
	clear: both;
	visibility: hidden;
	font-size: 0px;
	height: 0px;
	overflow: hidden;
}

body {
	background: #000;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	min-width: 980px;
	overflow-x:hidden;
}

img.alignleft {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

img.alignright {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}

.aligncenter {
	display: block;
	float: none;
	margin: 0 auto 10px auto;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.hidden {
	display: none;
}

.orange {
	color: #e7971c;
}

h1 {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 5px;
}

h2 {
	font-size: 28px;
	font-weight: bold;
	line-height: 25px;
	color: #e7971c;
	margin-bottom: 5px;
}

h3 {
	font-size: 21px;
	font-weight: bold;
	line-height: 25px;
	color: #fff;
	margin-bottom: 5px;
}

h4 {
	font-size: 22px;
	line-height: 23px;
	color: #fff;
}

h5 {
	font-size: 24px;
}

h6 {
	font-size: 18px;
	line-height: 20px;
	color: #000;
}

.red{
	color:#cc0000;
	text-transform:uppercase;	
}

/*--BG--*/
#bgi{
	position: absolute;
	width: 100%;
	height: 100%; 
	z-index: -1;
	overflow: hidden;
}

#bgi div {
	position: fixed;
	width: 200%;
	height: 200%; 
	z-index: -1;
}

#bgi img {
	min-height: 50%;
	min-width: 50%;
	margin: 0 auto;
}

/*--BOUTONS--*/
.btn {
	font-size: 16px;
	color: #fff;
	display: inline-block;
}

.btn span {
	float: left;
	display:block;
	height: 36px;
}

.btn span.btn-left {
	background: url(img/btn-left.png) left top no-repeat;
	width: 15px;
}

.btn span.btn-right {
	background: url(img/btn-right.png) right top no-repeat;
	width: 15px;
}

.btn span.btn-center {
	background: url(img/btn-center.png) center top repeat-x;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 8px;
	height: 28px;
	text-align: center;
}

/* bouton noir / petit */
.btn-black {
	font-size: 18px;
	color: #fff;
	display: inline-block;
}

.btn-black span {
	float: left;
	display:block;
	height: 30px;
}

.btn-black span.btn-left {
	background: url(img/btn-black-left.png) left top no-repeat;
	width: 12px;
}

.btn-black span.btn-right {
	background: url(img/btn-black-right.png) right top no-repeat;
	width: 12px;
}

.btn-black span.btn-center {
	background: url(img/btn-black-center.png) center top repeat-x;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 4px;
	height: 26px;
	text-align: center;
}

/* bouton orange / petit */
.btn-small {
	font-size: 18px;
	color: #fff;
	display: inline-block;
}

.btn-small span {
	float: left;
	display:block;
	height: 30px;
}

.btn-small span.btn-left {
	background: url(img/btn-small-left.png) left top no-repeat;
	width: 12px;
}

.btn-small span.btn-right {
	background: url(img/btn-small-right.png) right top no-repeat;
	width: 12px;
}

.btn-small span.btn-center {
	background: url(img/btn-small-center.png) center top repeat-x;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 4px;
	height: 26px;
	text-align: center;
}

button {
	cursor: pointer;
}

/*--NAVBAR--*/
#navbar {
	background: url(img/bg-navbar.jpg) left top repeat-x;
	height: 22px;
	width: 100%;
	text-transform: uppercase;
	padding-top: 8px;
	font-weight: bold;
}

#navbar .fleft {
	padding-left: 5px;
}

#navbar .fleft a {
	color: #000;
}

#navbar .fright {
	padding-right: 5px;
}

#navbar .fright a {
	color: #fff;
}

#navbar a {
	margin: 0 5px;
}

#navbar a.bgblack{
	background:url(img/bgblackmenu.jpg) top center no-repeat;
	color:#FFF;
	padding:8px;
	margin-left:-5px;
	
}

/*--MAIN CONTENT--*/
#main-content {
	width: 512px;
	z-index: 9;
	padding: 40px 0 30px 0;
	float: right;
	position: relative;
}

#main-content a {
	color: #fff;
}

/*--HOME--*/
#home-content {
	margin-top: 25px;
}

#home-content a.btn {
	display: table;
	margin: 0 auto;
	font-size: 22px;
}

#home-content a.btn span.btn-center {
	padding-top: 5px;
	height: 31px;
}

/*--INSCRIPTION--*/
#compteur {
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	right: 16px;
	top: 20px;
}

#compteur span.compt-orange {
	background: url(img/compteur-orange.png) right center no-repeat;
	padding: 5px 8px 5px 16px;
}

#compteur span.compt {
	background: url(img/compteur-bg.png) right center no-repeat;
	letter-spacing: 0.45em;
	padding: 5px 0 5px 5px;
}

#inscription-content {
	margin-top: 10px;
	padding-left: 30px;
}

#inscription-content a {
	text-decoration: underline;
}

/*--FORM--*/
.mention {
	font-size: 11px;
}

form .text-input {
	margin-bottom: 10px;
}

form .text-input input {
	background: url(img/bg-input.jpg) repeat-x;
	border: #c3c3c3 1px solid;
	font: normal 16px Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 5px;
	height: 21px;
	color: #333;
}

form .text-input input[disabled] {
	background: url(img/bg-input-disabled.jpg) repeat-x;
}

form .text-input label {
	font-size: 18px;
	padding-top: 1px;
	float: left;
}

#inscription-content form {
	margin-top: 20px;
	width: 400px;
}

#inscription-content form .text-input label {
	display: block;
	width: 105px;
}

#inscription-content form label em {
	vertical-align: text-top;
}

#inscription-content form label small {
	font-size: 11px;
	color: #a2a2a2;
}

#inscription-content form .text-input input {
	float: left;
	width: 245px;
}

#inscription-content form .check-input {
	margin: 5px 0;
}

#inscription-content form .check-input label {
	display: block;
	width: 370px;
	float: left;
}

#inscription-content form .check-input input {
	background: transparent;
	float: left;
	margin-right: 5px;
	color: #fff;
	border: none;
}

#inscription-content form .btn, #inscription-content form .btn-small {
	float: right;
	margin-right: 35px;
}

#inscription-content a#lost-password {
	color: #a2a2a2;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	margin-right: 10px;
	float: right;
	top: 7px;
	border-bottom: #a2a2a2 1px solid;
	font-weight: bold;
}

#inscription-content p.log {
	font-size: 20px;
	margin-bottom: 5px;
}

.sep {
	background: url(img/sep.jpg) left top no-repeat;
	width: 100%;
	height: 2px;
	font-size: 0px;
	margin: 10px 0;
}

/*--PARRAINAGE--*/
#share-content {
	margin-top: 40px;
	padding-left: 30px;
}

#form-message {
	font-size: 16px;
	color: #696969;
	font-weight: bold;
	padding-bottom: 20px;
	text-transform:uppercase;
}

#share-links {
	margin: 20px 0 40px 0;
}

#share-links .btn {
	margin: 0 5px 5px 0;
}

#share-links .btn .btn-center {
	width: 200px;
	white-space: nowrap;
	overflow: visible;
	letter-spacing: -0.5px;
}

/*--POPUPS--*/
#popup {
	background: url(img/bg-popup.jpg) center no-repeat;
	position: absolute;
	z-index: 50;
	overflow: hidden;
	color: #3b3b3b;
	border: #767676 1px solid;
	display: none;
}

#popup #pop-close {
	background: url(img/popup-close.png) center no-repeat;
	position: absolute;
	z-index: 60;
	display: block;
	width: 19px;
	height: 19px;
	top: 10px;
	right: 10px;
}

#popup #pop-inner {
	padding: 20px 17px 20px 30px;
}

#popup #pop-inner.popup {
	padding: 20px 30px;
}

#popup #pop-inner h5 {
	text-transform: uppercase;
}

#popup #pop-inner h2 {
	font-size: 22px;
	text-align: center;
	line-height: normal;
	color: #3b3b3b;
}

#popup #pop-inner h2 strong {
	color: #000;
}

#popup #pop-content {
}

#popup #pop-content h1 {
	font: normal bold 14px Arial, Helvetica, sans-serif;
	margin: 20px 0 15px 0;
	color: #000;
	text-transform: uppercase;
}

#popup #pop-content p {
	font-size: 11px;
	margin-bottom: 10px;
}

/*--SCROLL--*/
.scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top: 0; right: 0; z-index:55;}
.vscrollerbase {width: 3px; background: transparent url(img/scroll-bg.png) right top repeat-y; cursor: pointer;}
.vscrollerbar {width: 3px; background: #e3800b;}

/*--FORM POPUP--*/
#popup #pop-content form {
	margin-top: 20px;
}

#popup #pop-content form .text-input {
}

#popup #pop-content form .text-input label {
	font-size: 16px;
	color: #3b3b3b;
	width: 155px;
	padding-top: 3px;
}

#popup #pop-content form .text-input input {
	width: 225px;
	font-size: 15px;
}

#popup #pop-content form button {
	margin-top: 10px;
}

#popup a.delete-account {
	color: #000;
	font-size: 16px;
	position: relative;
	top: 15px;
	margin-right: 10px;
	border-bottom: #000 1px solid;
}

/* podium */
#popup.pop-podium #pop-inner {
	background: url(img/podium.png) left 100px no-repeat;
}

#podium-content {
	background: url(img/podium-sep.png) 98% top no-repeat;
	padding: 50px 0 0 190px;
	float: left;
	width: 280px;
	height: 340px;
}

#podium-content h6 {
	font-size: 30px;
	color: #000;
	margin-bottom: 50px;
}

#podium-content .classement {
	font-size: 25px;
	width: 50px;
	float: left;
}

#podium-content .classement em {
	vertical-align: text-top;
	font-size: 16px;
}

#podium-content .candidat {
	font-size: 25px;
	color: #3b3b3b;
	width: 210px;
	float: left;
	margin-bottom: 15px;
}

#podium-day-class {
	background: url(img/t-shirt-podium.png) left top no-repeat;
	float: left;
	width: 350px;
}

#podium-day-class h6 {
	font-size: 30px;
	color: #000;
	margin: 30px 0 30px 120px;
}

#podium-day-class .fleft {
	width: 175px;
	float: left;
}

#podium-day-class .classement {
	font-size: 15px;
	width: 40px;
	float: left;
	font-weight: bold;
}

#podium-day-class .classement em {
	vertical-align: text-top;
	font-size: 12px;
}

#podium-day-class .candidat {
	font-size: 14px;
	color: #3b3b3b;
	width: 135px;
	float: left;
	margin-bottom: 5px;
	font-weight: bold;
	padding-top: 1px;
}



/* share code */
#popup.pop-share-blog #pop-inner {
	background: url(img/bg-share-code.png) right 15px no-repeat;
}

#popup textarea {
	background: #fff;
	border: #c3c3c3 1px solid;
	font: normal 10px Arial, Helvetica, sans-serif;
	padding: 5px;
	height: 50px;
	width: 375px;
	margin-bottom: 20px;
}

/*mdp*/
.mdp-button{
	width:235px;
	text-align:right;	
}

/* ajax */
#popup #form-valid {
 display: none;
}

#popup #form-valid a#paragain {
 color: #e7971c;
}

#popup .form-error {
 color: #CC0000;
}
#popup.pop-share-mail button {float:left; margin-left: 20px;}
/*-----------------------------------------*/
.page-content ul {
	margin: 10px 0 10px 20px;
	list-style: outside;
}

.page-content ol {
	margin: 10px 0 10px 25px;
	list-style: decimal;
}

.page-content li {
	padding: 2px 0;
}
/*-----------------------------------------*/

/*--FOOTER--*/
#footer {
	background: #191919;
	height: 14px;
	width: 100%;
	color: #fff;
	padding: 2px 0;
	text-align: right;
	font-size:10px;
	opacity: .6;
	padding: 0 10px 0 0;
}

#footer img {
	margin: 0;
}

#fbg {
	background-color: #000;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	height: 0px;
}