body {
	padding:15px;
	margin:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#222426;
	background:url('../images/bg.jpg');
}

h1 {
	color:#304067;
	font-size:24px;
	font-weight:normal;
	padding:0; margin:0;
	margin-bottom:20px;
}
h2 {
	color: #666;
	font-size:16px;
}

a:link, a:visited {
	color:#222426;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}
a:hover {
	color:#003781;
}

div#wrapper {
	width:969px;;
	margin:0 auto 0 auto;
}
div#centre {
position:relative;
display:block;
	padding-top:5px;
}

hr {
	border:none;
	border-top:1px solid #b8b8b8;
	height:1px;
}

div#erreur { 
	width:701px;
	height:160px;
	background-image:url('../images/erreur.jpg');
	margin:10px auto 0 auto;
}
div#erreur p { 
	padding:50px;
	margin:0;
	text-align:center;
}
div#erreur a { 
	color:#c20404;
}
div#erreur a:hover { 
	color:#ff0000;
}

.input {
	width:236px;
	height:20px;
	background:url('../images/participer/bg_champs.jpg');
	border:none;
	padding:5px 8px 0 8px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#003781;
}

/******************************
*          HEADER
******************************/

div#header { 
	width:969px;
	height:360px;
	background-image:url('../images/header.jpg');
	position:relative;
}

div#header #menu { 
	position:absolute;
	bottom:0;
	right:10px;
}

div#header #menu a { 
	display:-moz-inline-stack;
	display:inline-block;
	width:169px;
	height:30px;
}
a#accueil { background-image:url('../images/head_menu/accueil.png'); }
a#accueil:hover { background-image:url('../images/head_menu/accueil_over.png'); }

a#participez { background-image:url('../images/head_menu/participez.png'); }
a#participez:hover { background-image:url('../images/head_menu/participez_over.png'); }

a#votez { background-image:url('../images/head_menu/votez.png'); }
a#votez:hover { background-image:url('../images/head_menu/votez_over.png'); }

a#prevenez { background-image:url('../images/head_menu/prevenez.png'); }
a#prevenez:hover { background-image:url('../images/head_menu/prevenez_over.png'); }


/******************************
*          FOOTER
******************************/

div#footer { 
	margin: 0 auto 0 auto;
	width:969px;
	border-top:1px solid #93887f;
	margin-top:20px;
	clear:both;
	color:#93887f;
	font-size:11px;
	text-align:center;
	padding:10px;
}
div#footer a { 
	color:#93887f;
	font-weight:normal;
}
div#footer a:hover { 
	color:#fff;
}

/******************************
*          ACCUEIl
******************************/

div#vignettes {
	float:right;
	margin-top:5px;
}
div.vignette {
	display:inline-block;
	width:255px;
	height:149px;
	margin-top:3px;
}

#cecil { background-image:url('../images/vignettes/cecil.png'); }
#amtan { background-image:url('../images/vignettes/amtan.png'); }
#thea { background-image:url('../images/vignettes/thea.png'); }
#mininos { background-image:url('../images/vignettes/mininos.png'); }
#peos { background-image:url('../images/vignettes/peos.png'); }


div#extrait_reglement {
	color:#fff;
	text-align:justify;
	margin:5px;
	width:435px;
}
div#extrait_reglement p {
	padding-top:10px;
	margin:0;
}
div#extrait_reglement a {
	float:right;
}

div#accueil_txt {
	background:url('../images/accueil_txt.jpg');
	width:450px;
	height:453px;
	margin-top:6px;
	position:relative;
}
div#accueil_txt_v {
	background:url('../images/accueil_txt_v.jpg');
	width:450px;
	height:453px;
	margin-top:6px;
	position:relative;
}
div#accueil_txt a {
	background:url('../images/accueil_participer.jpg');
	width:168px;
	height:46px;
	position:absolute;
	bottom:28px;
	left:27px;
}
div#accueil_txt a:hover {
	background:url('../images/accueil_participer_over.jpg');
}

/******************************
*        PARTICIPER
******************************/

/* 
etape 1 
*/

div#etape_1 {
	margin-top:10px;
	width:967px;
	height:183px;
	background-image:url('../images/participer/etape_1.jpg');
	position:relative;
}
div#etape_1 #choix {
	position:absolute;
	bottom:12px;
	left:80px;
}

div#etape_1 #choix a {
	position:relative;
	outline:none;
}

div#etape_1 #choix a .selected {
	position:absolute;
	bottom:5px;
	right:5px;
	background-image:url('../images/participer/selected.png'); 
	width:44px;
	height:44px;
	z-index:2;
}

div#choix a#cecil { 
	background-image:url('../images/participer/cecil.jpg'); 
	display:block; 
	width:157px;
	height:128px;
}
div#choix a#cecil:hover { 
	background-image:url('../images/participer/cecil_over.jpg'); 
}

div#choix a#amtan { 
	background-image:url('../images/participer/amtan.jpg'); 
	display:block; 
	width:154px;
	height:128px;
}
div#choix a#amtan:hover { 
	background-image:url('../images/participer/amtan_over.jpg'); 
}

div#choix a#thea { 
	background-image:url('../images/participer/thea.jpg'); 
	display:block; 
	width:153px;
	height:128px;
}
div#choix a#thea:hover { 
	background-image:url('../images/participer/thea_over.jpg'); 
}

div#choix a#mininos { 
	background-image:url('../images/participer/mininos.jpg'); 
	display:block; 
	width:154px;
	height:128px;
}
div#choix a#mininos:hover { 
	background-image:url('../images/participer/mininos_over.jpg'); 
}

div#choix a#peos { 
	background-image:url('../images/participer/peos.jpg'); 
	display:block; 
	width:153px;
	height:128px;
}
div#choix a#peos:hover { 
	background-image:url('../images/participer/peos_over.jpg'); 
}


/* 
etape 2 
*/

div#etape_2 {
	margin-top:10px;
	width:967px;
	height:273px;
	background-image:url('../images/participer/etape_2.jpg');
}

div#etape_2 #area {
	padding-top:40px;
	text-align:center;
}
div#etape_2 #area .textarea_bg {
	width:754px;
	height:121px;
	background:url('../images/participer/bg_textarea.jpg');
	padding:10px;
	margin: 0 auto 0 auto;
	display:inline-block;
}
div#etape_2 #area textarea {
	width:750px;
	height:115px;
	border:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#003781;
	line-height:18px;
	background:none;
}
div#etape_2 #area p {
	width:774px;
	text-align:left;
	margin:15px auto 15px auto;
}
/* 
etape 3 
*/

div#etape_3 {
	margin-top:10px;
	width:967px;
	height:274px;
	background-image:url('../images/participer/etape_3.jpg');
}

div#etape_3 #area {
	padding:30px;
	padding-top:55px;
}

div#etape_3 #area label {
}
div#etape_3 #area input {
	float:left;
}
div#etape_3 #area p {
	font-weight:bold;
	color:#009ddf;
	width:120px;
	margin:0;
	padding:0;
	display:inline-block;
	text-align:right;
	padding-right:20px;
	float:left;
	padding-top:5px;
}

div#etape_3 #area #droite {
	float:right;
	margin-right:50px;
	width:400px;
}
div#etape_3 #area #gauche {
	float:left;
	width:400px;
}

div#etape_3 #area #password {
	clear:both;
	padding-top:5px;
	display:block;
}

.separator {
	display:block;
	height:10px;
	clear:both;
}

/* 
etape 4 
*/

div#etape_4 {
	margin-top:10px;
	width:967px;
	height:197px;
	background-image:url('../images/participer/etape_4.jpg');
	background-repeat:no-repeat;
	text-align:center;
}

div#etape_4 #area {
	padding:30px;
	padding-top:45px;
}

.textarea_bg_mini {
	width:754px;
	height:67px;
	background:url('../images/participer/bg_textarea_mini.jpg');
	padding:10px;
	margin: 0 auto 0 auto;
	display:inline-block;
}
.textarea_bg_mini textarea {
	width:750px;
	height:60px;
	border:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#003781;
	line-height:18px;
	background:none;
}
div#etape_4 #area p {
	width:774px;
	text-align:left;
	margin:0 auto 10px auto;
}


/* 
etape 5 
*/

div#etape_5 {
	text-align:center;
	color:#fff;
}
div#etape_5 a {
	color:#fff;
	text-decoration:underline;
}
div#etape_5 a:hover {
	text-decoration:none;
}

#btn_valider {
	width:215px;
	height:40px;
	background:url('../images/participer/btn_valider.jpg');
	border:none;
	cursor:pointer;
}
#btn_valider:hover {
	background:url('../images/participer/btn_valider_over.jpg');
}

/* 
fin
*/
div#inscription_ok {
	margin-top:20px;
	width:967px;
	height:187px;
	background-image:url('../images/participer/inscription_fin.jpg');
	text-align:center;
}

div#inscription_ok #area {
	padding:30px;
}

div#inscription_ok #area h1 {
	padding:5px;
	margin:5px;
	color:#003781;
	font-size:24px;
}


/******************************
*        CLASSEMENT
******************************/

div.participant {
	width:965px;
	background:url('../images/classement/cadre_milieu.jpg');
	position:relative;
	margin-top:10px;
}
div.participant .position {
	position:absolute;
	top:8px;
	left:4px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	width:25px;
	text-align:center;
}
div.participant .haut {
	width:965px;
	height:36px;
	background:url('../images/classement/cadre_haut.jpg');
	padding-top:6px;
}
div.participant .haut p {
	padding-left:50px;
	color:#003781;
	font-size:14px;
	font-weight:bold;
	display:inline;
}
div.participant .haut .votes {
	float:right;
	margin-right:20px;
	font-size:11px;
	color:#003781;
}
div.participant .milieu {
	padding:0 30px 0 30px;
}
div.participant .milieu h1 {
	margin:0; padding:0;
	font-size:13px;
	font-weight:bold;
	color:#04afc2;
}

div.participant #dauphin_nom {
	color:#003781;
	font-size:14px;
	font-weight:bold;
	display:inline;
}

a.btn_voter {
	width:200px;
	height:27px;
	background:url('../images/classement/btn_voter.jpg');
	display:block;
	float:right;
}
a.btn_voter:hover {
	background:url('../images/classement/btn_voter_over.jpg');
}
div.participant .bas {
	width:965px;
	height:34px;
	background:url('../images/classement/cadre_bas.jpg');
}

div.participant a {
	color:#000;
	text-decoration:none;
}
div.participant a:hover {
	color:#04afc2;
	text-decoration:none;
}

div.pagination {
	text-align:right;
	margin:5px;
	padding-right:10px;
	color:#FFF;
}
div.pagination a {
	color:#FFF;
	text-decoration:none;
}
div.pagination a:hover {
	color:#fcea10;
	text-decoration:underline;
}
div.pagination strong {
	border:1px solid #837367;
	padding:3px;
}

.classement_aucun { 
	color:#fff;
	text-align:center;
	font-size:14px; 
	font-weight:bold;
	padding-top:15px; 
}
.classement_aucun a { 
	color:#fff;
}
.classement_aucun a:hover { 
	color:#fcea10;
}

/******************************
*        VOTER
******************************/

div#voter_cadre {
	width:965px;
	background:url('../images/voter/cadre_milieu.jpg');
	position:relative;
	margin-top:10px;
}
div#voter_cadre .haut {
	width:965px;
	height:23px;
	background:url('../images/voter/cadre_haut.jpg');
	padding-top:6px;
}
div#voter_cadre .haut p {
	color:#003781;
	font-size:14px;
	font-weight:bold;
	display:block;
	text-align:center;
	margin:0; padding:0;
}
div#voter_cadre .milieu {
	padding:0 30px 0 30px;
	text-align:center;
}
div#voter_cadre .milieu h1 {
	margin:0; padding:0;
	font-size:13px;
	font-weight:bold;
	color:#04afc2;
}
div#voter_cadre .bas {
	width:965px;
	height:32px;
	background:url('../images/voter/cadre_bas.jpg');
}