/* CSS Document */
body{
padding:0;
margin:0;
top:0;
left:0;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:11px;
}

a:link, a:visited {
color:#000;
text-decoration:none;
}

a:hover {
color: #A91C6B;
}

img {
border:0;
}

h2{
padding-left:15px;
font-size:11px;
font-family:Calibri, Arial, Helvetica, sans-serif;
background:url(IMG/puce.jpg) no-repeat top left;
padding:0 0 0 15px;
margin:0;
font-weight:normal;
}

h3{
font-size:12px;
font-weight:bold;
padding:0 0 4px 0;
margin:0;
}

#page{
width:3050px;
height:auto;
background-color:#A91C6B;
}

#gauche{
float:left;
width:180px;
min-height:725px;
background:url(IMG/gauche.jpg) no-repeat top left;
background-color:#A91C6B;
padding:230px 20px 0 40px;
line-height:120%;
}

#gauche2{
float:left;
width:180px;
height:3800px;
background:url(IMG/gauche2.jpg) no-repeat top left;
background-color:#A91C6B;
padding:140px 20px 0 40px;
line-height:120%;
}

#droite{
width:2810px;
height:auto;
float:left;
}

#haut{
width:2790px;
height:105px;
background:url(IMG/haut.jpg) no-repeat top left;
background-color:#A91C6B;
padding:20px 0 0 20px;
}

#contenu{
width:2789px;
padding:8px 0 20px 21px;
cursor:crosshair;
min-height:800px;
background:url(IMG/fond-contenu.jpg) no-repeat top left;
background-color:#FFF;
}

#envoyer{
width:180px;
height:auto;
padding-top:200px;
text-align:center;
}

#envoyer2{
width:180px;
height:auto;
padding-top:10px;
text-align:center;
}

#resultat{
width:115px;
height:350px;
padding:20px 0 5px 5px;
margin-top:130px;
background:url(IMG/fond-resultat.jpg) no-repeat top left;
}

#resultat2{
width:115px;
height:420px;
margin-top:95px;
}

#voteok{
position:absolute;
font-size:18px;
text-align:center;
width:200px;
height:60px;
padding:40px 10px 10px 10px;
border:2px solid #731049; 
background:#FFF; 
}

#envoi-ok{
width:180px;
height:10px;
}

.formulaireenvoyer{
font-size:11px;
padding:0 0 2px 0;
height:11px;
font-family:Calibri, Arial, Helvetica, sans-serif;
margin-top:0px;
width:150px;
border:1px solid #EAE4E8;
}

.content-top{
width:100px;
overflow:hidden;
height:90px;
}

.content-bottom{
/*position:absolute;*/
width:90px;
text-align:right;
height:15px;
padding-right:10px;
/*left:70px;*/
color:#FFF;
}

.content-bottom a{
color:#FFF;
}

.vert, .vert2, .jaune, .jaune2, .bleu, .bleu2, .rose, .rose2{
float:left;
width:100px;
height:100px;
padding:5px;
margin:5px 5px 0 0;
color:#FFF;
line-height:95%;
}

.vert{background:url(IMG/vert.jpg) repeat top left;}
.vert2{background:url(IMG/vert2.jpg) repeat top left;margin-bottom:10px;}

.jaune{background:url(IMG/jaune.jpg) repeat top left;}
.jaune2{background:url(IMG/jaune2.jpg) repeat top left;margin-bottom:10px;}

.bleu{background:url(IMG/bleu.jpg) repeat top left;}
.bleu2{background:url(IMG/bleu2.jpg) repeat top left;margin-bottom:10px;}

.rose{background:url(IMG/rose.jpg) repeat top left;}
.rose2{background:url(IMG/rose2.jpg) repeat top left;margin-bottom:10px;}

.formulaire, .formulairelong{
font-size:10px;
padding:0 0 2px 0;
height:11px;
margin-top:0;
border:none;
border-bottom:1px solid #333;
}

.formulairelong{width:250px;}

.formulaire-bouton{
font-size:11px;
height:17px;
width:80px;
padding-top:0;
background-color:#FFF;
border:none;
text-align:left;
cursor:pointer;
}

a.tooltip em {
display:none;
}

a.tooltip:hover {
border: 0; 
position: relative; 
z-index: 500; 
text-decoration:none;
}

a.tooltip:hover em {
font-style: normal; 
display: block; 
position: absolute; 
top: 20px; 
left: 40px; 
padding: 5px; 
color: #000; 
border: 2px solid #731049; 
background: #FFF; 
width:300px;
}

a.tooltip:hover em span {
position: absolute; 
top: -7px; 
left: 25px;
height: 7px; 
width: 11px; 
background: transparent url(IMG/image-infobulle.gif);
margin:0; 
padding: 0; 
border: 0;
}

.spacer{
clear:both;
height:0.1px;
font-size:0.1px;
width:100%;
}

.ok{
font-size:14px;
}