a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

img{ border:0; }

form{ margin:0; padding:0; }

body{ margin:0; padding:0 0 20px 0; background:white url(/img/fond.jpg) 0 130px repeat-x; text-align:center; font-family:sans-serif; font-size:14px; }

 .conteneur{ width:800px; margin:0 auto 0 auto; }

  .header{ height:130px; background:url(/img/fond_header.jpg) left bottom repeat-x; text-align:right; }
   .header .logo{ float:left; margin:26px 0 0 12px; width:178px; height:77px; }
   .header .liens{ padding:64px 12px 0 0; }
    .header .liens a{ color:#aaa; text-decoration:none; }
    .header .liens a:hover{ color:#333; text-decoration:none; }
    .header .liens .outils{ line-height:14px; padding-left:20px; background:url(/img/outils.jpg) left center no-repeat; }
    .header .liens .contact{ margin-left:20px; line-height:14px; padding-left:26px; background:url(/img/contact.jpg) left center no-repeat; }

  .menu{ height:40px; margin-bottom:30px; background:url(/img/fond_menu.jpg) left bottom repeat-x; }
   .menu .bouton_hebergement img{ width:207px; height:35px; background:url(/img/menu_hebergement.jpg) 0 0; }
   .menu .bouton_hebergement:hover img{ width:207px; height:35px; background:url(/img/menu_hebergement.jpg) 0 35px; }
   .menu .bouton_hebergement_v img{ width:207px; height:35px; background:url(/img/menu_hebergement.jpg) 0 35px; }
   .menu .bouton_serveurs img{ width:229px; height:35px; background:url(/img/menu_serveurs.jpg) 0 0; }
   .menu .bouton_serveurs:hover img{ width:229px; height:35px; background:url(/img/menu_serveurs.jpg) 0 35px; }
   .menu .bouton_serveurs_v img{ width:229px; height:35px; background:url(/img/menu_serveurs.jpg) 0 35px; }
   .menu .bouton_infogerance img{ width:164px; height:35px; background:url(/img/menu_infogerance.jpg) 0 0; }
   .menu .bouton_infogerance:hover img{ width:164px; height:35px; background:url(/img/menu_infogerance.jpg) 0 35px; }
   .menu .bouton_infogerance_v img{ width:164px; height:35px; background:url(/img/menu_infogerance.jpg) 0 35px; }
   .menu .bouton_cloud img{ width:200px; height:35px; background:url(/img/menu_cloud.jpg) 0 0; }
   .menu .bouton_cloud:hover img{ width:200px; height:35px; background:url(/img/menu_cloud.jpg) 0 35px; }
   .menu .bouton_cloud_v img{ width:200px; height:35px; background:url(/img/menu_cloud.jpg) 0 35px; }

  .page{  }

   h1{ margin:0 0 20px 0; padding:0; font-size:16px; font-weight:normal; text-align:left; }

   .accueil{ padding-bottom:20px; text-align:right; }
    .accueil img{ width:390px; height:300px; }
    .accueil .hebergement{ float:left; }
   .accueil2{ text-align:right; }
    .accueil2 img{ width:390px; height:300px; }
    .accueil2 .infogerance{ float:left; }

   .hebergement_offres{ margin:0 0 20px 0; }
    .hebergement_offres img{ width:800px; height:200px; }
   .hebergement_details{ margin:0 0 20px 0; background:url(/img/hebergement_details.jpg) no-repeat; text-align:right; }
    .hebergement_details .domaine_offert{ width:240px; height:232px; }
    .hebergement_details .contact{ margin-top:20px; width:240px; height:98px; }
   .hebergement_mentions{ height:90px; background:url(/img/hebergement_mentions.jpg) no-repeat; }

   .plus_infos_infogerance{ float:right; padding-top:1px; }
    .plus_infos_infogerance a{ padding-left:25px; background:url(/img/fleche.jpg) left center no-repeat; color:#008c00; line-height:14px; }
   .serveur_config{ margin:0 0 20px 0; height:100px; text-align:left; }
   .core2quad{ background:url(/img/fond_serveur_core2quad.jpg) no-repeat; }
   .xeon{ background:url(/img/fond_serveur_xeon.jpg) no-repeat; }
   .bixeon{ background:url(/img/fond_serveur_bixeon.jpg) no-repeat; }
    .serveur_config div{ color:#2e58b7; font-size:13px; line-height:13px; }
    .serveur_config .processeur{ position:absolute; margin:14px 0 0 180px; }
    .serveur_config .disque_dur{ position:absolute; margin:46px 0 0 180px; }
    .serveur_config .memoire{ position:absolute; margin:78px 0 0 180px; }
    .serveur_config .connectivite{ position:absolute; margin:78px 0 0 380px; }
    .serveur_config .bp{ position:absolute; margin:78px 0 0 680px; }
    .serveur_config .prix_silver{ position:absolute; margin:40px 0 0 636px; font-size:18px; font-style:italic; font-family:serif; color:#008c00; }
    .serveur_config .prix_gold{ position:absolute; margin:40px 0 0 727px; font-size:18px; font-style:italic; font-family:serif; color:#008c00; }
   .serveur_details{ height:98px; background:url(/img/serveur_details.jpg) no-repeat; text-align:right; }
    .serveur_details .contact{width:240px; height:98px; }

   .infogerance_forfaits{ margin:0 0 20px 0; }
    .infogerance_forfaits img{ width:800px; height:275px; }
   .infogerance_offres{ margin:0 0 20px 0; background:url(/img/infogerance_alacarte.jpg) no-repeat; text-align:right; }
    .infogerance_offres img{ width:390px; height:346px; }
   .infogerance_details{ height:98px; background:url(/img/infogerance_details.jpg) no-repeat; text-align:right; }
    .infogerance_details .contact{width:240px; height:98px; }

   .cloud_principe{ margin:0 0 20px 0; }
    .cloud_principe img{ width:800px; height:227px; }
   .cloud_offres{ margin:0 0 20px 0; }
    .cloud_offres img{ width:800px; height:200px; }
   .cloud_avantages{ margin:0 0 20px 0; }
    .cloud_avantages img{ width:800px; height:173px; }
   .cloud_details{ height:98px; background:url(/img/cloud_details.jpg) no-repeat; text-align:right; }
    .cloud_details .contact{width:240px; height:98px; }

   h1.outils{ margin-bottom:0; }
   .outil{ height:90px; margin:20px 0 0 0; background:url(/img/fond_outil.jpg) no-repeat; }
    .outil h2{ margin:0; padding:20px 0 0 0; font-size:16px; font-weight:normal; }
     .outil h2 a{ color:black; }
    .outil p{ margin:0; padding:15px 0 0 0; color:#2e58b7; }
   .outil_suite{ display:none; width:700px; margin:0 auto 0 auto; padding:20px; border:#d9d9d9 1px solid; border-top:0; background:#fcfcfc; }
    .outil_suite .champ{ border:#cacaca 1px solid; color:#2e58b7; font-size:14px; }
    .whois_buf{ margin:0; padding:10px; background:white; border:#999 1px solid; text-align:left; font-size:12px; }

   .contact_form{ float:left; width:530px; }
    .contact_form td{ padding:2px 0 2px 0; text-align:left; }
    .contact_form .etiquette{ width:100px; }
    .contact_form .champ{ width:380px; border:#cacaca 1px solid; color:#2e58b7; font-size:14px; }
    .contact_form .champ_faux{ width:380px; border:red 1px solid; color:#2e58b7; font-size:14px; }
    .contact_form textarea.champ{ height:150px; }
    .contact_form textarea.champ_faux{ height:150px; }
    .contact_form .captcha .code{ width:100px; height:30px; border:#cacaca 1px solid; vertical-align:middle; }
    .contact_form .captcha .fleche{ margin:0 5px 0 5px; width:16px; height:14px; vertical-align:middle; }
    .contact_form .captcha .champ_code{ width:100px; font-size:20px; vertical-align:middle; }
    .contact_form .valider{ text-align:right; }
     .contact_form .valider input{ width:74px; height:25px; border:0; background:url(/img/envoyer.jpg) no-repeat; cursor:pointer; }
   .contact_panneau{ padding-left:570px; text-align:left; }
    .contact_panneau h1{ margin:0; padding:0; padding-top:15px; padding-bottom:10px; }
    .contact_panneau p{ margin:0; padding:0; padding-bottom:25px; font-size:14px; color:#7e7a7c; }

   .cgv{ height:100px; padding-left:68px; background:url(/img/pdf.png) no-repeat; text-align:left; }
    .cgv h1{ margin:0 0 10px 0; }
    .cgv p{ margin:0 0 10px 0; padding:0; }
    .cgv a{ color:#aaa; text-decoration:none; }
    .cgv a:hover{ color:#333; text-decoration:none; }
   .cgv_mentions{ color:#888; font-style:italic; text-align:left; }

  .footer{ clear:both; padding:45px 0 0 0; background:url(/img/fond_footer.jpg) 0 30px repeat-x; font-size:12px; color:#888; }
   .footer a{ color:#888; }