body{
  margin: 0;
}

a{
  text-decoration:none
}

#button-container{
  position: relative; /*Important, Keeps the CSS3 Shapes in place*/
  margin: 10px;
  width: 220px;
  height: 50px;
}

#button{
  float: left;
  width: 200px;
  height: 50px;
  line-height: 50px;
  background-color: #ddd;
  padding-left: 20px;

  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;

  -moz-box-shadow:0 2px 0 #4c9434;
  -webkit-box-shadow:0 2px 0 #4c9434;
  box-shadow:0 2px 0 #4c9434;

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #60B842),
    color-stop(0.85, #7FD13D)
    );
  background-image: -moz-linear-gradient(
    center bottom,
    #60B842 0%,
    #7FD13D 85%
    );

  color:#fff;
  font-family:arial,helvetica,sans-serif;
  font-size:17px;
  font-weight:bold;
  text-shadow:1px 1px 1px #4c9434;
}

#button:hover{
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #6DD14B),
    color-stop(0.85, #85DB40)
    );
  background-image: -moz-linear-gradient(
    center bottom,
    #6DD14B 0%,
    #85DB40 85%
    );
  box-shadow:0 2px 0 #5EA839;
}

#button:active{
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #6DD14B),
    color-stop(0.85, #85DB40)
    );
  background-image: -moz-linear-gradient(
    center bottom,
    #6DD14B 0%,
    #85DB40 85%
    );
  box-shadow:0 1px 0 #5EA839;
  margin-top: 1px;
}

/*Shapes and Components*/

#arrow-container{
  position: absolute;
  top:0px;
  right: 0px;
  margin: 15px;
  width: 35px;
  height: 20px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
#arrow-rectangle{
  float: left;
  margin-top: 5px;
  width: 15px;
  height: 10px;
  background-color: #44801c;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
#arrow-rectangle-handle{
  float: left;
  margin-top: 5px;
  border-color: #44801c;
  border-style: solid;
  border-width: 5px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
#arrow-rectangle-staff{
  float: left;
  margin-top: 5px;
  width: 5px;
  height: 10px;
  background-color: #44801c;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
#arrow-triangle{
  float: left;
  border-color: transparent transparent transparent #44801c;
  border-style: solid;
  border-width: 10px;
  height: 0px;
  width: 0px;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}

/*Animations*/

.rotateDown{
  -webkit-transform: rotateZ(90deg) translateX(5px);
  -moz-transform: rotateZ(90deg) translateX(5px);
  transform: rotateZ(90deg) translateX(5px);
}
.rotateDownMore{
  -webkit-transform: rotateZ(90deg) translateX(15px);
  -moz-transform: rotateZ(90deg) translateX(15px);
  transform: rotateZ(90deg) translateX(15px);
}
.rotate{
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.change{
  -webkit-transform: scale(0.4) rotateZ(-180deg);
  -moz-transform: scale(0.4) rotateZ(180deg);
  transform: scale(0.4) rotateZ(180deg);
}
.widen{
  -webkit-transform: scaleY(2) translateX(10px);
  -moz-transform: scaleY(2) translateX(10px);
  transform: scaleY(2) translateX(10px);
}

/*Digg Animations*/

.skinny{
  -webkit-transform: scaleY(.5) scaleX(4);
  -moz-transform: scaleY(.5) scaleX(4);
  transform: scaleY(.5) scaleX(4);	
}
#arrow-rectangle-handle.donut{
  -webkit-transform: scale(1.5) translateX(-14px);
  -moz-transform: scale(1.5) translateX(-14px);
  transform: scale(1.5) translateX(-14px);
  height: 5px;
  width: 5px;
  border-width: 2.5px;
}
#arrow-triangle.shovel{
  -webkit-transform: rotateZ(-135deg) translateX(8px) translateY(-8px);
  -moz-transform: rotateZ(-135deg) translateX(8px) translateY(-8px);
  transform: rotateZ(-135deg) translateX(8px) translateY(-8px);
  border-color: transparent transparent #44801c #44801c;
  border-radius: 7px;
}

/*Email Animations*/

#arrow-triangle.emailRotate{
  -webkit-transform: scale(1.34) scaleY(.7) rotateZ(90deg) translateX(2px) translateY(13.9px);
  -moz-transform: scale(1.34) scaleY(.7) rotateZ(90deg) translateX(2px) translateY(13.9px);
  transform: scale(1.34) scaleY(.7) rotateZ(90deg) translateX(2px) translateY(13.9px);
  border-color: transparent transparent transparent #2A4F11;
}
.emailTranslate{
  -webkit-transform: scale(1.5) scaleX(1.2);
  -moz-transform: scale(1.5) scaleX(1.2);
  transform: scale(1.5) scaleX(1.2);
}

/*RSS Animations*/

#arrow-triangle.rss{
  -webkit-transform: rotateZ(180deg) translateY(20px);
  -moz-transform: rotateZ(180deg) translateY(20px);
  transform: rotateZ(180deg) translateY(20px);
  border-radius: 30px;
  border-width: 10px;
  border-style: double;
  width: 10px;
  height: 10px;
}
.rssDot{
  -webkit-transform: scaleX(.7) scale(.5) translateX(20px);
  -moz-transform: rotateZ(180deg) translateY(20px);
  transform: rotateZ(180deg) translateY(20px);
  border-radius: 30px;
}


<!--ced-->
input[type="radio"] {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(0deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%),
    -webkit-linear-gradient(90deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%);
  border-radius: 10px;
  box-shadow: inset 0 1px 1px hsla(0,0%,100%,.8),
    0 0 0 1px hsla(0,0%,0%,.6),
    0 2px 3px hsla(0,0%,0%,.6),
    0 4px 3px hsla(0,0%,0%,.4),
    0 6px 6px hsla(0,0%,0%,.2),
    0 10px 6px hsla(0,0%,0%,.2);
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin-right: 15px;
  position: relative;
  width: 15px;
  -webkit-appearance: none;
}
input[type="radio"]:after {
  background-color: #444;
  border-radius: 25px;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
    0 1px 1px hsla(0,0%,100%,.8);
  content: '';
  display: block;
  height: 7px;
  left: 4px;
  position: relative;
  top: 4px;
  width: 7px;
}
input[type="radio"]:checked:after {
  background-color: #0F0;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
    inset 0 2px 2px hsla(0,0%,100%,.4),
    0 1px 1px hsla(0,0%,100%,.8),
    0 0 2px 2px hsla(0,70%,70%,.4);
}​
li { color: black; 

} 
#answers li { 
  list-style-type: none;
  margin: 0px;
} 
#answersmain { list-style-image : url(../images/puce.png); padding-left:15px;}
#answers { list-style-image : url();
           margin: 0px;}

.wrapper{ font-size:14px;}
<!--ced-->

#sfWebDebug { padding: 0; margin: 0; font-family: Arial, sans-serif; font-size: 12px; color: #333; text-align: left; line-height: 12px; } #sfWebDebug a, #sfWebDebug a:hover { text-decoration: none; border: none; background-color: transparent; color: #000; } #sfWebDebug img { float: none; margin: 0; border: 0; display: inline; } #sfWebDebugBar { position: absolute; margin: 0; padding: 1px 0; right: 0px; top: 0px; opacity: 0.80; filter: alpha(opacity:80); z-index: 10000; white-space: nowrap; background-color: #ddd; } #sfWebDebugBar[id] { position: fixed; } #sfWebDebugBar img { vertical-align: middle; } #sfWebDebugBar .sfWebDebugMenu { padding: 5px; padding-left: 0; display: inline; margin: 0; } #sfWebDebugBar .sfWebDebugMenu li { display: inline; list-style: none; margin: 0; padding: 0 6px; } #sfWebDebugBar .sfWebDebugMenu li.last { margin: 0; padding: 0; border: 0; } #sfWebDebugDatabaseDetails li { margin: 0; margin-left: 30px; padding: 5px 0; } #sfWebDebugShortMessages li { margin-bottom: 10px; padding: 5px; background-color: #ddd; } #sfWebDebugShortMessages li { list-style: none; } #sfWebDebugDetails { margin-right: 7px; } #sfWebDebug pre { line-height: 1.3; margin-bottom: 10px; } #sfWebDebug h1 { font-size: 16px; font-weight: bold; margin: 20px 0; padding: 0; border: 0px; background-color: #eee; } #sfWebDebug h2 { font-size: 14px; font-weight: bold; margin: 10px 0; padding: 0; border: 0px; background: none; } #sfWebDebug h3 { font-size: 12px; font-weight: bold; margin: 10px 0; padding: 0; border: 0px; background: none; } #sfWebDebug .sfWebDebugTop { position: absolute; left: 0px; top: 0px; width: 98%; padding: 0 1%; margin: 0; z-index: 9999; background-color: #efefef; border-bottom: 1px solid #aaa; } #sfWebDebugLog { margin: 0; padding: 3px; font-size: 11px; } #sfWebDebugLogMenu { margin-bottom: 5px; } #sfWebDebugLogMenu li { display: inline; list-style: none; margin: 0; padding: 0 5px; border-right: 1px solid #aaa; } #sfWebDebugConfigSummary { display: inline; padding: 5px; background-color: #ddd; border: 1px solid #aaa; margin: 20px 0; } #sfWebDebugConfigSummary li { list-style: none; display: inline; margin: 0; padding: 0 5px; } #sfWebDebugConfigSummary li.last { border: 0; } .sfWebDebugInfo, .sfWebDebugInfo td { background-color: #ddd; } .sfWebDebugWarning, .sfWebDebugWarning td { background-color: orange !important; } .sfWebDebugError, .sfWebDebugError td { background-color: #f99 !important; } .sfWebDebugLogNumber { width: 1%; } .sfWebDebugLogType { width: 1%; white-space: nowrap; } .sfWebDebugLogType, #sfWebDebug .sfWebDebugLogType a { color: darkgreen; } #sfWebDebug .sfWebDebugLogType a:hover { text-decoration: underline; } .sfWebDebugLogInfo { color: blue; } .ison { color: #3f3; margin-right: 5px; } .isoff { color: #f33; margin-right: 5px; text-decoration: line-through; } .sfWebDebugLogs { padding: 0; margin: 0; border: 1px solid #999; font-family: Arial; font-size: 11px; } .sfWebDebugLogs tr { padding: 0; margin: 0; border: 0; } .sfWebDebugLogs td { margin: 0; border: 0; padding: 1px 3px; vertical-align: top; } .sfWebDebugLogs th { margin: 0; border: 0; padding: 3px 5px; vertical-align: top; background-color: #999; color: #eee; white-space: nowrap; } .sfWebDebugDebugInfo { color: #999; font-size: 11px; margin: 5px 0 5px 10px; padding: 2px 0 2px 5px; border-left: 1px solid #aaa; line-height: 1.25em; } .sfWebDebugDebugInfo .sfWebDebugLogInfo, .sfWebDebugDebugInfo a.sfWebDebugFileLink { color: #333 !important; } .sfWebDebugCache { padding: 0; margin: 0; font-family: Arial; position: absolute; overflow: hidden; z-index: 995; font-size: 9px; padding: 2px; filter:alpha(opacity=85); -moz-opacity:0.85; opacity: 0.85; } #sfWebDebugSymfonyVersion { margin-left: 0; padding: 1px 4px; background-color: #666; color: #fff; } #sfWebDebugviewDetails ul { padding-left: 2em; margin: .5em 0; list-style: none; } #sfWebDebugviewDetails li { margin-bottom: .5em; } #sfWebDebug .sfWebDebugDataType, #sfWebDebug .sfWebDebugDataType a { color: #666; font-style: italic; } #sfWebDebug .sfWebDebugDataType a:hover { text-decoration: underline; } #sfWebDebugDatabaseLogs { margin-bottom: 10px; } #sfWebDebugDatabaseLogs ol { margin: 0; padding: 0; margin-left: 20px; list-style: decimal; } #sfWebDebugDatabaseLogs li { padding: 6px; } #sfWebDebugDatabaseLogs li:nth-child(odd) { background-color: #CCC; } .sfWebDebugDatabaseQuery { margin-bottom: .5em; margin-top: 0; } .sfWebDebugDatabaseLogInfo { color: #666; font-size: 11px; } .sfWebDebugDatabaseQuery .sfWebDebugLogInfo { color: #909; font-weight: bold; } .sfWebDebugHighlight { background: #FFC; }body {
  background-color: #000;
}

#infos{
  background-image:url(../images/apropos.png); width:747px; height:254px;
}