body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#fff;
background-image:url('fwd.jpg');
background-repeat:repeat-x;
margin:15px 0px 0 0px;
color:#000;
font-size:12px;
}
table {
font-size:12px;
}
a {color:#2184e9;text-decoration:none;}
a:hover {color:#f60;text-decoration:none;}


.barre {color:#fff; font-weight:bold; text-align:right; padding:0; margin:0; height:40px; background-image:url("/barre.gif");}
.logo {text-align:left; float:left; padding-left:20px;}
.logo a {color:#fff; text-decoration:none; font-size:30px;}
.logo a:hover {color:#fff; text-decoration:none; font-size:30px;}
.fond {border-color:#ccc; border-style:solid; border-width:1px 0 0 0; text-align:center; margin:0 0 10px 0; padding:20px; background-color:#fff; background-image:url("/fond.jpg"); background-repeat:repeat-x;}

.gauche {position:relative; width:760px; margin:0; padding:0 0 20px 220px; background-color:#fff;}
.menu {text-align:left; position:absolute; top:0; left:0; width:200px;}
.sep {color:#777; margin:10px 0 20px 0; padding-bottom:20px; border-bottom:1px solid #ccc;}
.sep2 {color:#777; margin:10px 0 20px 0; padding-bottom:20px;}
.droite {padding-left:20px; text-align:left; border-width:0 0 0 1px; border-color:#ccc; border-style:solid;}

.cat {color:#2184e9;text-decoration:none; font-weight:bold;}
.cat:hover {color:#f60;text-decoration:none; font-weight:bold;}
.souscat {color:#2184e9;text-decoration:none; font-size:80%;}
.souscat:hover {color:#f60;text-decoration:none; font-size:80%;}

.centrer {text-align:center;}
.conteneur {text-align:left; margin:auto; width:980px; background-color:#fff;}

.vide50 {height:50px;}
.vide100 {height:100px;}
.vide200 {height:200px;}
.vide300 {height:300px;}
.vide400 {height:400px;}

.bloc {margin-bottom:20px; padding:10px; border:1px solid #ccc; background-color:#f1f1f1;}

.discret1 {font-size:90%; font-weight:normal;}
.discret {color:#777;}
.discret2 {color:#777; font-size:80%;}
.discret3 {color:#777;font-size:90%;}

.categories
{
background-color:#fff;
text-align:center;
padding:5px;
font-weight:bold;
color:#2184e9;
vertical-align: middle;
display:block;
border:solid 1px #2184e9;
}
.categories:hover
{
background-color:#fff;
text-align:center;
padding:5px;
font-weight:bold;
color:#f60;
vertical-align: middle;
display:block;
border:dashed 1px #f60;
}

.voter
{
background-image:url("/v.jpg");
width:70px; height:53px;
text-align:center;
font-size:20px;
padding-top:5px;
font-weight:bold;
color:#2184e9;
vertical-align: middle;
display:block;

}
.voter:hover
{
background-image:url("/v.jpg");
width:70px; height:53px;
text-align:center;
font-size:20px;
padding-top:5px;
font-weight:bold;
color:#f60;
vertical-align: middle;
display:block;
}
.vote_ok
{
background-image:url("/v.jpg");
width:70px; height:53px;
text-align:center;
font-size:20px;
padding-top:5px;
font-weight:bold;
color:#2184e9;
vertical-align: middle;
}


.typologie {font-weight:bold; color:#f60;}
.m0 {margin:0;}

.titre {color:#f60; font-size:20px; margin-top:0px; width:100%;}
.titreb {color:#f60; font-size:20px; padding:0 0 10px 0; border-bottom:dashed 1px #ccc; width:100%;}
.illustration {vertical-align: middle;}
.fil_ariane {margin: 0 0 10px 0; border-bottom:1px dashed #ccc; padding-bottom:10px; width:100%;}

.sous_titre {color:#f60; font-size:20px; margin-top:0px; width:100%;}


.zone_tuto {width:650px; padding-left:85px; position:relative;}

.zone_vote {position:absolute; left:0; top:0; width:85px;}
.zone_vote1 {position:absolute; left:0; top:0; width:85px; padding-top:0;}
.zone_vote2 {position:absolute; left:0; top:0; width:85px; padding-top:20px; border-top:solid 1px #ccc;}

.zone_entete {width:650px;}
.zone_entete1 {width:650px; padding:0 0 5px 0;}
.zone_entete2 {width:650px; padding:20px 0 5px 0; border-top:solid 1px #ccc;}




.z_tuto {width:500px; padding-left:85px; position:relative;}

.z_vote1 {position:absolute; left:0; top:0; width:85px; padding-top:0;}
.z_vote2 {position:absolute; left:0; top:0; width:85px; padding-top:20px; border-top:solid 1px #ccc;}

.z_entete1 {width:500px; padding:0 0 5px 0;}
.z_entete2 {width:500px; padding:20px 0 5px 0; border-top:solid 1px #ccc;}




.clear {clear:both;}

.footer {text-align:center; padding-top:10px; border-color:#ccc; border-width:1px 0 0 0; border-style:solid; margin:0 0 20px 0;}

ul.inline {padding:0; margin:0;}
ul.inline li {display:inline;}



.nuage10 {font-size:10px;}
.nuage12 {font-size:12px;}
.nuage14 {font-size:14px;}
.nuage16 {font-size:16px;}
.nuage18 {font-size:18px;}
.nuage20 {font-size:20px;}
.nuage22 {font-size:22px;}
.nuage24 {font-size:24px;}
.nuage26 {font-size:26px;}
.nuage28 {font-size:28px;}
.nuage30 {font-size:30px;}
.nuage32 {font-size:32px;}

.bold {font-weight:bold;}

.encadre {text-align:center; background-image:url("/fond.jpg"); background-repeat:repeat-x; border:1px #ccc solid; padding:20px 0 10px 0; width:733px;}

.encadre2 {background-image:url("/fond.jpg"); background-repeat:repeat-x; border:1px #ccc solid; padding:10px; width:713px;}
.encadre3 {background-image:url("/fond.jpg"); background-repeat:repeat-x; border:1px #ccc solid; padding:20px; width:693px;}

.input_text1 {width:300px;}
.input_text2 {width:200px;}

.warning {color:#f00; font-weight:bold;}


#textarea {border:1px solid #ccc; width:80%;}
#comment {border:1px solid #ccc; width:80%;}

img {border:0;}