@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family:'BebasNeueRegular';
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BebasNeue-webfont.woff') format('woff'),
         url('font/BebasNeue-webfont.ttf') format('truetype'),
         url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: Verdana, Geneva, sans-serif;
	color:#333;
	background-color:#E8E8E8;
	background-image:url(image/bg-content.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	}
.intro{
	height:200px;
	width:700px;
	margin-left:auto;
	margin-right:auto;}
.titre{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:32px;
	color:#C00;
	margin-top:30px;
	margin-left:50px;
	}
.titre2{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:26px;
	color:#C00;
	font-weight:normal;
	margin-bottom:30px;
	}
	.titre3{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:20px;
	color:#333;
	font-weight:normal;
	margin-bottom:30px;
	}
	.titre4{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:32px;
	color:#333;
	font-weight:normal;
	margin-bottom:30px;
	}
.rouge{
	color:#C00;}

.contenu{
	font-size:14px;
	color:#333;
	width:700px;
	background-color:#FFF;
	margin:auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #CCC;
	padding:20px;

	}
.texteaccueil{
	margin-left:auto;
	margin-right:auto;
	width:600px;
	padding-right:20px;
	padding-left:20px;
	text-align:justify;
	}
	
#videogallery {
	width:700px;
	padding-left:10px;
	margin-left:auto;
	margin-right:auto;
	
}
.spa{ 
	display:block; 
	text-align:center; 
	display: inline-table;
	margin-bottom:13px; 
	padding:20px;
	

}
#videogallery a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;	
	padding:6px;	
	width:160px;
	border:solid 1px #b8b8b8;
	background-color:#f4f5f5;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
#videogallery a img{
	display:block;
	border:none;
	margin:0px;
}
#videogallery a:hover{
	opacity:1;
}
.nombrevotes{
	color:#000;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:18px;
}
.titrevidz{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:20px;
	color:#C00;	
	}

input.bout{
	background-color:#C00;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	color:#FFF;
	font-size:26px;
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	border:none;
	cursor:pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}
	input.bout:hover{
	background-color: #F00;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	color:#FFF;
	font-size:26px;
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	border:none;
	cursor:pointer;
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}
.foot{
	font-size:10px;
	text-align:center;
	margin-top:20px;
	color:#333;}
	.foot a{
		text-decoration:none;
		color:#333;}
.valeur{
	font-weight:bold;
	
	color:#C00;
	}
ol li{
	color:#C00;
	font-weight:bold;
	margin-bottom:5px;
}
.champs-form{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:20px;
	display:block;
	width:50px;
	color:#000;
	}
.champ{
	height:20px;
	color:#C00;
	font-size:14px;
	font-weight:bold;
	}
.formu {
	margin-top:30px;}
	
	
	
	
	input.vote{
	background-color:#C00;
	background-image: url(image/vote-01.png);
	background-repeat:no-repeat;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	color:#FFF;
	font-size:26px;
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	border:none;
	cursor:pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}
	input.vote:hover{
	background-color: #F00;
	background-image: url(image/vote-01.png);
	background-repeat:no-repeat;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	color:#FFF;
	font-size:26px;
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	border:none;
	cursor:pointer;
		-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;}

.temps{
		color:#C00;
		font-size:14px;
		font-weight: bold;}

/*GESTION - debut*/	

.nbrvalide{
	background-color:#C00;
	height:30px;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	color:#FFF;
	font-size:26px;
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	margin-right:50px;
	float:left;
}
.nbrpasvalide{
	background-color:#333;
	height:30px;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	color:#FFF;
	font-size:26px;
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	float:right;
	}
.menu{
	margin-top:50px;
	margin-bottom:50px;
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:24px;
	}
.menu a{
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	margin-bottom:5px;
	background-color: #EEE;
	border:#CCC solid thin;
	text-decoration:none;
	color:#333;
	display:block;}
	
.menu a:hover{
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	margin-bottom:5px;
	background-color: #EEE;
	border:#CCC solid thin;
	text-decoration:none;
	color:#C00;
	display:block;}
.menu.aactif{
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	margin-bottom:5px;
	background-color: #EEE;
	border:#CCC solid thin;
	text-decoration:none;
	color:#C00;
	display:block;}
.inputrech{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:24px;
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	margin-bottom:5px;
	margin-left:0px;
	margin-top:0px;
	margin-right:10px;
	background-color: #EEE;
	border:#CCC solid thin;
	color:#C00;
	width:565px;
	}
.boutrech{
	font-family:'BebasNeueRegular', Arial, sans-serif;
	font-size:24px;
	padding-left:12px;
	padding-top:10px;
	padding-right:12px;
	padding-bottom:6px;
	margin-bottom:5px;
	margin-left:0px;
	background-color: #EEE;
	border:#CCC solid thin;
	color:#C00;
	cursor:pointer;	
	}
	
/* TABLEAU affichage DEBUT*/
.Tableau span {
   display:inline;
   float:left;
   border-top:1px solid #C00;
   margin:0px;
   padding:3px;
  }
.Tableau p {
   clear:left;
   margin:0px;
   padding:0px;
   height:100% !important; height:1em;
  }
 .Tableau p.legendetitre a {
	font-family:'BebasNeueRegular', Arial, sans-serif;
	color:#C00;
	font-size:17px;
	text-decoration:none;}
.Tableau p.legende {
	font-family:verdana;
	color:#000;
	font-size:10px;}
	.Tableau p.legenderouge {
	font-family:verdana;
	color:#C00;
	font-size:10px;}
	.Tableau p.legendevert {
	font-family:verdana;
	color: #9F0;
	font-size:10px;}
.Tableau span.col1 {
	width:120px;}
.Tableau span.col2 {
	width:180px;}
.Tableau span.col3 {
	width:90px}
.Tableau span.col4 {
	width:115px}
.Tableau span.col5 {
	width:120px}
.Tableau span.col6 {
	width:35px}
/* TABLEAU affichage FIN*/


/*GESTION - fin*/