@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Amatic+SC:400,700);
/*
font-family: 'Amatic SC', cursive;
font-family: 'Oswald', sans-serif;
*/
input {
    -webkit-appearance: none;
    border-radius: 0;
}
body{
	background:url(../images/bg-body.jpg) no-repeat center top #0c7686;
	font-family: 'Oswald', sans-serif;
}
.page{
	background:url(../images/bg-body_01.jpg) no-repeat center top;
	min-height:680px;
}
.home .page{
	background:none;
	min-height:680px;
}
.menu-top{
	float:right;
	margin:15px 15px 0 0;
}
.menu-top li{
	float:left;
	padding:0 2px;
	line-height:20px;
}
.menu-top li a{
	text-decoration:none;
	color:#FFF;
	font-size:13.44px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}
.left-menu{
	position:absolute;
	left:0;
	top:0;
	margin:20px 0 0 23px;
}
.left-menu li{
	text-align:center;
	margin-bottom:8px;
}
.left-menu li.logo{
	margin-bottom:20px;
}
.content{
	margin:auto;
	max-width:822px;
	width:100%;
}
.content h1{
	color:#FFF;
	text-align:center;
	font-size:28.8px;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	padding:50px 0 15px 0;
}
.content .intro{
	text-align:center;
	color:#FFF;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	margin:20px 0 15px;
	font-size:19.2px;
	line-height:normal;
}
.moustaches-prehome .columns p{
	line-height:215px;
	font-size:65px;
	color:#FFF;
	text-align:center;
	font-family: 'Amatic SC', cursive;
	text-shadow:3px 3px 0 #0e6a78;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.moustaches-prehome .columns p{
		font-size:64px;
	}
}
.moustache_che{
	margin:50px 0 0 50px;
}
.moustache_dali{
	margin:35px 0 0 30px;
}
.moustache_mario{
	margin:54px 0 0 45px;
}
.je-vote{
	display:block;
	color:#FFF;
	background:#191717;
	text-align:center;
	height:50px;
	line-height:50px;
	font-family: 'Amatic SC', cursive;
	font-size:33.6px;
	width:100%;
	max-width:300px;
	margin:auto;
}
.je-vote:hover{
	color:#FFF;
}
.issue-vote{
	width:200px;
	background:url(../images/ipad.png) no-repeat left center;
	padding:44px 0 0 115px;
	margin:14px auto;
	min-height:100px;
	font-family: 'Oswald', sans-serif;
	font-size:13.44px;
	text-align:center;
	font-weight:300;
	color:#FFF;
}
.page-vote .content{
	max-width:1110px;
}
.page-vote .page{
	background:url(../images/bg-vote.jpg) center top no-repeat;
}
.content h1.titre-vote{
	font-size:67px;
	font-family: 'Amatic SC', cursive;
	text-shadow:3px 3px 0 #0e6a78;
	padding:0;
	margin-bottom:-50px;
}
.mentions-legales .content h1.titre-vote{
	margin-bottom:0px;
}
.blocs-moustaches img{
	display:block;
	margin:5px auto 0;
}
.blocs-moustaches img.mt12{
	margin-top:12px;
}
.ovelay h2,
.ovelay h3,
.ovelay h4,
.blocs-moustaches h2{
	font-size:28.8px;
	font-family: 'Amatic SC', cursive;
	color:#FFF;
	font-weight:300;
	text-align:center;
	line-height:40px;
	margin:0;
}
.ovelay h3{
	font-size:35px;
}
.ovelay h4{
	font-size:25px;
}
.ovelay p.intro,
.blocs-moustaches p{
	font-size:15px;
	font-family: 'Oswald', sans-serif;
	color:#FFF;
	font-weight:300;
	text-align:center;
	margin:0 auto;
	width:290px;
}
.ovelay p.intro{
	font-size:16px;
	margin-bottom:15px;
	width:100%;
}
.ovelay .merci p.intro{
	margin-bottom:10px;
}
.ovelay .merci img{
	margin-bottom:10px;
}
.blocs-moustaches .je-vote{
	background:#21b7cd;
	width:290px;
	margin:15px auto;

}
.ovelay form p{
	margin-bottom:7px;
}
#ovelay{
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.9);
	padding-top:135px;
	text-align:center;
}
.ovelay input{
	height:46px;
	line-height:46px;
	text-align:center;
	width:98%;
	max-width:296px;
	border:solid 1px #ffffff;
	background:none;
	color:#FFF;
	font-size:18px;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}
.ovelay button{
	background:#21b7cd;
	border:none;
	cursor:pointer;
	border:solid 1px #21b7cd;
	height:auto;
}
.close{
	background:url(../images/close.png) no-repeat right center;
	position:absolute;
	right:20px;
	top:20px;
	font-size:11.5px;
	font-family: 'Oswald', sans-serif;
	padding-right:24px;
	font-weight:300;
	text-transform:uppercase;
	color:#FFF;
	line-height:20px;
}


.close:hover{
	color:#FFF;
}
.pupUp{
	text-align:center;
}
.blocs-moustaches{
	width:1110px;
}
.bgs{
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	width:100%;
	margin:0;
}
.bgs li{
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	width:100%;
	margin:0;
}
.bgs li.bg0{
	background:url(../images/01.jpg) no-repeat center top;
}
.bgs li.bg1{
	background:url(../images/02.jpg) no-repeat center top;
}
.bgs li.bg2{
	background:url(../images/03.jpg) no-repeat center top;
}
#moustaches{
	background:url(../images/bg-moustaches.png) no-repeat 90px top;
	position:relative;
	min-height:232px;
	margin:0;
}
#moustaches li{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
.mentions p{
	text-align:center;
	color:#FFF;
	font-size:19.2px;
	font-weight:300;
	line-height:24px;
}
.mentions p a{
	color:#FFF;
}
.mentions p strong{
	text-transform:uppercase;
	font-weight:500;
	font-size:15px;
}
#blocs-moustaches .item{
      display: block;
      padding: 0px;
      margin: 0;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
	padding: 5px 9px;
}
.owl-theme .owl-buttons i{
	margin-top: 2px;
}
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
}
.mobile{
	display:none;
}
.bt-menu-top{
	background:url(../images/sandwich.png) no-repeat;
	width:22px;
	height:15px;
	position:absolute;
	right:20px;
	top:25px;
}
.ligne{
	background:url(../images/ligne.png) no-repeat center center;
	min-height:1px;
}
.reseux-socieux img{
	margin:10px 5px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFF;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFF;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #FFF;
}
@media screen and (min-width: 620px) and (max-width: 800px){
	.moustaches-prehome .columns p{
		font-size:60px;
	}
	.moustaches-prehome .columns p.quelle{
		text-align:right;
	}
	.blocs-moustaches .je-vote,
	.blocs-moustaches p{
		width:200px;
	}
	.content h1.titre-vote{
		padding:60px 100px 0;
	}
	
}
@media screen and (max-width: 619px) {
	.page{
		padding-top:1px;
	}
	.left-menu{
		float:none;
		position:inherit;
		width:100%;
		margin-left:0;
	}
	.pupUp .left-menu{
		margin-top:0;
	}
	.left-menu li{
		display:none;
	}
	.pupUp .left-menu li{
		display:block;
	}
	.left-menu li.logo{
		display:block;
		margin-bottom:10px;
	}
	.menu-top{
		float:inherit;
		width:230px;
		margin:0 auto;
	}
	.moustaches-prehome .columns p{
		line-height:80px;
	}
	.content h1.titre-vote{
		line-height:70px;
	}
	.jcarousel-skin-tango{
		background:url(../images/bg-moustaches.png) no-repeat center top;
	}
	.menu-top{
		display:none;
	}
	.mobile{
		display:block;
	}
	.left-menu img{
		margin:0 5px;
	}
	.left-menu img.w50{
		width:35px;
	}
	.left-menu li{
		margin:8px 0;
	}
	.left-menu li a{
		font-size:14px;
		color:#FFF;
		font-family: 'Oswald', sans-serif;
	}
	.content h1.lp-title{
		padding:0 0 20px;
		background:url(../images/moustache-00.png) no-repeat center bottom;
		font-size:50px;
	}
	#moustaches{
		background:none;
	}
	#moustaches img{
		display:block;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.moustache-bottom{
		padding-bottom:30px;
		background:url(../images/moustache-01.png) no-repeat center bottom;
	}
	.content h1.titre-vote{
		font-size:50px;
	}
	.pupUp{
		padding-top:20px;
	}
}
@media screen and (min-width: 479px) and (max-width: 600px) {
	
	.blocs-moustaches .je-vote,
	.blocs-moustaches p{
		width:140px;
	}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
	
	.moustaches-prehome .columns p{
		font-size:100px;
		line-height:140px;
	}
}
@media screen and (max-width: 480px) {
	.icon-white{
		background:url(../images/next-prev.png) no-repeat;
		width:29px;
		height:52px;
	}
	.owl-theme .owl-controls .owl-buttons .owl-prev{
    	left: 10px;
    	top: 180px; 
		background:url(../images/next-prev.png) no-repeat left;
    }

    .owl-theme .owl-controls .owl-buttons .owl-next{
    	right: 10px;
    	top: 180px;
		background:url(../images/next-prev.png) no-repeat right;
    }
	.ovelay button{
		max-width:310px;
	}
}