body {
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
margin:0;
padding:0;
background:url(img/newBackground.jpg) top center repeat-x;
background-color:#fff;
}

h1 {
clear:both;
padding:0 0 0 15px;
font-size:14px;
font-weight:bold;
color:#000;
margin:0;
}

h2 {
padding:0 0 0 5px;
font-size:20px;
font-weight:bold;
color:#8dc604;
}

#conteneur {
left:50%;
margin-left:-495px;
position:absolute;
width:990px;
top:0;
}

/*
left:50%;
margin-left:-495px;
*/

#header{
display:block;
height:206px;
margin:0 0 10px 0;
}

#menu {
width: 200px;
margin: 0;
float: left;
}

#contenu{
width:790px !important;
float:left;
}

.texte{
font-size:13px;
font-family:Arial,Helvetica,sans-serif;
color:#000;
}

#texte a{
color:#537501;
}

#texte a:hover{
text-decoration:none;
color:#5b5b5b;
}

#footer{
clear:both;
text-align:center;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#537501;
}

#footer a{
color:#8dc604;
}

#footer a:hover{
text-decoration:none;
color:#000;
}

p{
margin:0 10px 0 10px;
}

ul.menu{
margin:0;
padding:0;
list-style-type:none; /*Suppression du margin,du padding et des puces du <ul>*/
}

ul.menu li{
margin:0;
padding:0; /*Suppression du padding du <li>*/
}

ul.menu li a{
font-size: 14px;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold; display:block; /*On passe les liens en elements de type block pour leur donner des proprietes detaillees*/
width:200px;
line-height:53px;
color:#fff;
text-indent:48px;
text-decoration:none;
background:url(img/menu.jpg) no-repeat 0 0; /*On met une image de background, que l'on positionne a 0px du bord gauche et 0px du bord haut*/
border:none;
}
 
ul.menu li a:hover{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
background:url(img/menu.jpg) no-repeat 0 -53px; /*Et ici on decale l'image du background de 30px vers le haut pour laisser apparaitre la 2eme partie de l'image*/
border:none;
color:#000;
}

/* ----- other declarations ----- */

#enumeration ul {

}

#enumeration li {
  list-style-position: outside;
  display : list-item;
  margin-left: 20px;
}

#enumeration li.blue {
  list-style-image: url(/img/tickBlue.png);
}

#enumeration li.green {
  list-style-image: url(/img/tickGreen.png);
}

#enumeration li.yellow {
  list-style-image: url(/img/tickYellow.png);
}

#enumeration li.red {
  list-style-image: url(/img/tickRed.png);
}

#iphone {  /* 75% reduced */
  background: url(/img/iphone.png) no-repeat;
  width: 347px !important;
  height: 605px !important;
  float: left;
}

#iphone img {
  width: 69%;
  height: 59%;
  margin-left: 55px;
  margin-top: 91px;
}

#iphoneExplanations {
  float:left;
  width: 430px;
  min-height: 100px;
  font-size: 14px;
}

#iphoneExplanations h2 {
  font-size:18px;
  font-weight: bold;
}

#spacer {
  clear: both;
}

fieldset {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -o-border-radius:6px;
  -icab-border-radius:6px;
  -khtml-border-radius:6px;
  border:1px solid #CCCCCC;
  font-size:14px;
  padding:8px;
}

legend {
  color:#555555;
  font-size:90%;
  font-weight:bold;
  padding:0.2em 0.5em;
  text-align:left;
}

a,contenu.a {
  text-decoration:none;
  color:#539713;
}

a:hover,contenu.a:hover {
  text-decoration: underline;
}