*{ font-family:'Ubuntu',sans-serif; font-weight:300; }

img{ border:0; }

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

body{ margin:0; padding:20px 0; background:#333642; font-size:14px; color:#fff; text-align:center; }

#conteneur{ width:1000px; margin:0 auto; }

 #header{ display:block; height:130px; background:url(/img/logo_r_slowgan.png) 60px 0 no-repeat; }
  #logo{ float:left; display:block; width:237px; height:117px; margin:0 0 0 60px; }
  #header-encart{ height:70px; padding:10px 40px 0 0; }
   #header-encart a{ display:block; float:right; height:24px; margin:0 0 0 20px; padding:0 0 0 30px; color:#8D909C; line-height:24px; }
   #header-encart a:hover{ color:#fff; text-decoration:none; }
   #header-encart-manager{ background:url(/img/sprite_header_encart.png) 0 0 no-repeat; }
   #header-encart-outils{ background:url(/img/sprite_header_encart.png) 0 -25px no-repeat; }
   #header-encart-webmail{ background:url(/img/sprite_header_encart.png) 0 -50px no-repeat; }
  #menu{ display:block; padding:0 20px 0 280px; text-align:right; }
   .menu{ padding:0 20px; font-size:18px; color:#8D909C; }
   .menu:hover{ color:#fff; text-decoration:none; }
   .menu_v{ display:inline; margin:0; padding:0 20px 60px 20px; background:url(/img/puce_menu.png) center 30px no-repeat; font-size:18px; color:#eee; }

 .cadre-haut{ height:20px; background:url(/img/cadre_coins.png) top left no-repeat; }
 .cadre{ display:block; padding:20px 0 15px 0; background:url(/img/cadre_centre.png) repeat-y; text-align:left; }
 .cadre-bas{ height:25px; background:url(/img/cadre_coins.png) bottom left no-repeat; }

 .bandeau{ width:996px; margin:0 auto; border-top:#000 1px solid; border-bottom:#000 1px solid; background:#2a7593;
           -moz-box-shadow:#000 0 0 10px -4px; -webkit-box-shadow:#000 0 0 10px -4px; box-shadow:#000 0 0 10px -4px; }

 .police_titre{ font-size:35px; color:#FFF; text-shadow:#000 0 1px 2px; letter-spacing:3px; line-height:40px; }
 .police_stitre{ font-size:24px; color:#FFF; text-shadow:#000 0 1px 2px; letter-spacing:3px; line-height:29px; }
 .police_texte{ font-size:17px; color:#F2F2F2; text-shadow:#000 0 1px 2px; letter-spacing:2px; line-height:22px; }
 .police_stexte{ font-size:13px; color:#E6E6E6; text-shadow:#000 0 1px 2px; letter-spacing:1px; line-height:18px; }

 .texte{ margin:0 0 40px 0; padding:0; color:#E6E6E6; text-shadow:#000 1px 1px 0; text-align:center; }
  .texte p{ margin:0; padding:5px 0 0 0; font-size:13px; color:#B3B3B3; }

 .clear{ clear:both; }

 .separateur_920{ clear:both; width:920px; margin:0 auto; height:42px; background:url(/img/separateur_920.png) no-repeat; }

 #bandeau-commander{ display:block; position:absolute; margin:263px 0 0 850px; font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; letter-spacing:1px; }
 #bandeau-commander:hover{ color:#fff; }

 .inclus{ float:left; margin:0 0 40px 38px; padding:0 0 0 60px; width:222px; background:url(/img/icone_48_checked.png) no-repeat; font-size:16px; color:#E6E6E6; text-shadow:#000 1px 1px 0; }
  .inclus p{ margin:0; padding:5px 0 0 0; font-size:13px; color:#B3B3B3; }

 .services{ float:left; margin:0 0 40px 38px; padding:5px 0 0 60px; width:222px; height:48px; font-size:16px; color:#E6E6E6; text-shadow:#000 1px 1px 0; }
  .services p{ margin:0; padding:5px 0 0 0; font-size:13px; color:#B3B3B3; }

 .indice{ float:left; margin:0 0 35px 38px; padding:0 0 0 60px; width:222px; height:53px; font-size:16px; color:#E6E6E6; text-shadow:#000 1px 1px 0; }
  .indice p{ margin:0; padding:5px 0 0 0; font-size:13px; color:#B3B3B3; }

 .mentions{ font-size:12px; color:#999; text-shadow:#000 1px 1px 0; line-height:18px; text-align:center; }

 /* - */

 #accueil-mascotte{ position:absolute; margin:-80px 0 0 -104px; width:391px; height:490px; background:url(/img/accueil_mascotte.png) no-repeat; }
 #accueil-presentation{ height:381px; padding:0 0 0 330px; }
  #accueil-presentation h1{ margin:0; }
  #accueil-presentation p{ margin:30px 0 0 0; padding:0 65px 0 2px; }
 #accueil-bandeau{ width:936px; padding:30px; }
  #accueil-bandeau-cadre1{ float:left; width:205px; }
  #accueil-bandeau-cadre2{ float:left; width:205px; margin:0 0 0 38px; }
   #accueil-bandeau h2{ margin:0; padding:0; }
   #accueil-bandeau p{ margin:15px 0 0 0; padding:0; }
   #accueil-bandeau a{ display:block; margin:15px 0 0 0; padding:0 15px 0 0; text-align:right; font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; letter-spacing:1px; }
   #accueil-bandeau a:hover{ color:#fff; }
 #accueil-sous_bandeau{ height:98px; margin:40px 0 0 0; padding:0 40px; background:url(/img/telephone.png) 780px 0 no-repeat; }
  #accueil-sous_bandeau h2{ margin:0; padding:8px 0 0 0; }
  #accueil-sous_bandeau p{ margin:10px 0 0 0; padding:0; }
  #accueil-sous_bandeau a{ color:#ffcd3b; }
  #accueil-sous_bandeau a:hover{ color:#fff; }

 /* - */

 #hebergement-prebandeau{ margin:20px auto 60px auto; height:280px; background:#2a7593 url(/img/hebergement_bandeau_icones.png) 380px 150px no-repeat; }
  #hebergement-prebandeau-mascotte{ position:absolute; width:310px; height:306px; margin:-26px 0 0 10px; background:url(/img/hebergement_mascotte.png) no-repeat; }
  #hebergement-prebandeau h1{ margin:22px 0 0 370px; padding:0; }
  #hebergement-prebandeau p{ margin:20px 0 0 371px; padding:0 20px 0 0; }
  #hebergement-prebandeau-blocs{ margin:100px 0 0 380px; }
   #hebergement-prebandeau-bloc1{ float:left; width:140px; text-align:center; }
   #hebergement-prebandeau-bloc2{ float:left; width:140px; text-align:center; }
   #hebergement-prebandeau-bloc3{ float:left; width:140px; text-align:center; }
   #hebergement-prebandeau-bloc4{ float:left; width:140px; text-align:right; }
    #hebergement-prebandeau-bloc4 a{ font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; letter-spacing:1px; }
    #hebergement-prebandeau-bloc4 a:hover{ color:#fff; }
 #hebergement-offres{ margin:0 0 50px 0; height:270px; background:url(/img/hebergement_offres.png) center no-repeat; }

 /* - */

 #cloudvps-prebandeau{ margin:20px auto 50px auto; height:280px; background:#2a7593 url(/img/cloudvps_bandeau_icones.png) 380px 150px no-repeat; }
  #cloudvps-prebandeau-mascotte{ position:absolute; width:309px; height:295px; margin:15px 0 0 25px; background:url(/img/cloudvps_mascotte.png) no-repeat; }
   .cloudvps-prebandeau-mascotte-flamme1{ position:absolute; width:106px; height:146px; margin:104px 0 0 26px; }
   .cloudvps-prebandeau-mascotte-flamme2{ position:absolute; width:131px; height:181px; margin:97px 0 0 8px; }
   .cloudvps-prebandeau-mascotte-flamme3{ position:absolute; width:156px; height:215px; margin:90px 0 0 -10px; }
   .cloudvps-prebandeau-mascotte-flamme4{ position:absolute; width:181px; height:250px; margin:83px 0 0 -28px; }
   .cloudvps-prebandeau-mascotte-flamme5{ position:absolute; width:206px; height:284px; margin:76px 0 0 -46px; }
   .cloudvps-prebandeau-mascotte-flamme6{ position:absolute; width:231px; height:319px; margin:69px 0 0 -64px; }
   .cloudvps-prebandeau-mascotte-flamme7{ position:absolute; width:256px; height:353px; margin:62px 0 0 -82px; }
   .cloudvps-prebandeau-mascotte-flamme8{ position:absolute; width:281px; height:388px; margin:55px 0 0 -100px; }
  #cloudvps-prebandeau h1{ margin:22px 0 0 370px; padding:0; }
  #cloudvps-prebandeau p{ margin:20px 0 0 371px; padding:0 20px 0 0; }
  #cloudvps-prebandeau-blocs{ margin:100px 0 0 380px; }
   #cloudvps-prebandeau-bloc1{ float:left; width:140px; text-align:center; }
   #cloudvps-prebandeau-bloc2{ float:left; width:140px; text-align:center; }
   #cloudvps-prebandeau-bloc3{ float:left; width:140px; text-align:center; }
   #cloudvps-prebandeau-bloc4{ float:left; width:140px; text-align:right; }
    #cloudvps-prebandeau-bloc4 a{ font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; letter-spacing:1px; }
    #cloudvps-prebandeau-bloc4 a:hover{ color:#fff; }
 #cloudvps-offres{ margin:0 auto 50px auto; width:920px; height:380px; background:url(/img/cloud_fond_offres.png) no-repeat; text-align:left; }
  #cloudvps-selecteur-cpu-marques{ position:absolute; margin:75px 0 0 6px; }
   .cloudvps-selecteur-cpu-marque{ display:block; float:left; width:82px; color:#888; text-align:center; height:15px; background:url(/img/cloud_puce.png) 14px 5px no-repeat; }
  #cloudvps-selecteur-cpu{ position:absolute; margin:0 0 0 6px; }
   .cloudvps-selecteur-cpu-curseur{ display:block; float:left; width:82px; height:130px; cursor:pointer; }
   .cloudvps-selecteur-cpu-curseur_v{ display:block; float:left; width:82px; height:130px;  background:url(/img/cloud_curseur.png) 0 40px no-repeat; cursor:pointer; }
  #cloudvps-selecteur-ram-marques{ position:absolute; margin:215px 0 0 7px; }
   .cloudvps-selecteur-ram-marque{ display:block; float:left; width:38px; height:15px; background:url(/img/cloud_puce.png) 14px 5px no-repeat; }
   .cloudvps-selecteur-ram-marque_off{ display:block; float:left; width:38px; height:15px; background:url(/img/cloud_puce_off.png) 14px 5px no-repeat; }
  #cloudvps-selecteur-ram{ position:absolute; margin:140px 0 0 7px; }
   .cloudvps-selecteur-ram-curseur{ display:block; float:left; width:38px; height:130px; cursor:pointer; }
   .cloudvps-selecteur-ram-curseur_v{ display:block; float:left; width:38px; height:130px; background:url(/img/cloud_curseur.png) 0 40px no-repeat; cursor:pointer; }
  #cloudvps-selecteur-disque{ position:absolute; margin:330px 0 0 0; text-align:left; }
   .cloudvps-selecteur-disque-curseur{ display:block; float:left; width:114px; padding:5px 0; text-align:center; background:#333642; cursor:pointer; color:#888; text-shadow:#000 1px 1px 0; }
   .cloudvps-selecteur-disque-curseur_v{ display:block; float:left; width:114px; padding:5px 0; text-align:center; background:#696E84; color:#EFEFEF; text-shadow:#000 1px 1px 0; }
  #cloudvps-selecteur-infogerance{ position:absolute; width:320px; margin:330px 0 0 305px; text-align:right; }
   .cloudvps-selecteur-infogerance-curseur{ display:block; float:right; width:98px; padding:5px 0; text-align:center; background:#333642; cursor:pointer; color:#888; text-shadow:#000 1px 1px 0; }
   .cloudvps-selecteur-infogerance-curseur_v{ display:block; float:right; width:98px; padding:5px 0; text-align:center; background:#696E84; color:#EFEFEF; text-shadow:#000 1px 1px 0; }
  #cloudvps-offre-cpu{ position:absolute; margin:70px 0 0 770px; text-align:left; font-size:26px; color:#E6E6E6; text-shadow:#000 0 1px 2px; }
   #cloudvps-offre-cpu span{ color:#E1D663; }
  #cloudvps-offre-cpu-mention{ position:absolute; margin:100px 0 0 772px; text-align:left; font-size:12px; color:#E6E6E6; text-shadow:#000 0 1px 2px; }
  #cloudvps-offre-ram{ position:absolute; margin:130px 0 0 770px; text-align:left; font-size:26px; color:#E6E6E6; text-shadow:#000 0 1px 2px; }
   #cloudvps-offre-ram span{ color:#E1D663; }
  #cloudvps-offre-disque{ position:absolute; margin:191px 0 0 770px; text-align:left; font-size:26px; color:#E6E6E6; text-shadow:#000 0 1px 2px; }
   #cloudvps-offre-disque span{ color:#E1D663; }
  #cloudvps-offre-infogerance-titre{ position:absolute; margin:237px 0 0 770px; text-align:left; font-size:17px; color:#E6E6E6; text-shadow:#000 0 1px 2px; }
  #cloudvps-offre-infogerance{ position:absolute; margin:258px 0 0 770px; text-align:left; font-size:26px; color:#E6E6E6; text-shadow:#000 0 1px 2px; }
   #cloudvps-offre-infogerance span{ color:#E1D663; }
  #cloudvps-offre-prix{ position:absolute; margin:308px 0 0 680px; width:116px; text-align:right; font-size:46px; color:#81dc2e; text-shadow:#000 0 1px 2px; }

 /* - */

 #cloudapp-prebandeau{ margin:20px auto 50px auto; height:280px; background:#2a7593 url(/img/cloudapp_bandeau_icones.png) 380px 150px no-repeat; }
  #cloudapp-prebandeau-mascotte{ position:absolute; width:343px; height:308px; margin:-27px 0 0 15px; background:url(/img/cloudapp_mascotte.png) no-repeat; }
  #cloudapp-prebandeau h1{ margin:22px 0 0 370px; padding:0; }
  #cloudapp-prebandeau p{ margin:20px 0 0 371px; padding:0 20px 0 0; }
  #cloudapp-prebandeau-blocs{ margin:100px 0 0 380px; }
   #cloudapp-prebandeau-bloc1{ float:left; width:140px; text-align:center; }
   #cloudapp-prebandeau-bloc2{ float:left; width:140px; text-align:center; }
   #cloudapp-prebandeau-bloc3{ float:left; width:140px; text-align:center; }
   #cloudapp-prebandeau-bloc4{ float:left; width:140px; text-align:right; }
    #cloudapp-prebandeau-bloc4 a{ font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; letter-spacing:1px; }
    #cloudapp-prebandeau-bloc4 a:hover{ color:#fff; }
 .cloudapp-titre{ width:920px; margin:0 auto 20px auto; padding:0; text-align:left; }
  .cloudapp-titre span{ font-size:12px; color:#81dc2e; text-shadow:#000 0 1px 2px; letter-spacing:1px; vertical-align:top; line-height:16px; }
 .cloudapp-texte{ width:916px; margin:0 auto 20px auto; padding:0; text-align:left; }
  .cloudapp-texte a{ font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; letter-spacing:1px; }
  .cloudapp-texte a:hover{ color:#fff; }
 .cloudapp-screenshot{ float:right; margin:0 42px 0 20px; border:#000 1px solid;
                       -moz-box-shadow:#fff 0 0 10px -4px; -webkit-box-shadow:#fff 0 0 10px -4px; box-shadow:#fff 0 0 10px -4px; }
 #cloudapp-piwik_lien_tarifs{ display:block; padding:0 42px; text-align:left; font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; letter-spacing:1px; }
 #cloudapp-piwik_lien_tarifs:hover{ color:#fff; }
 #cloudapp-piwik_tarifs{ display:none; padding:0 80px; }
  #cloudapp-piwik_tarifs p{ text-align:center; }
 #cloudapp-piwik_tarifs-tab{ margin:20px 0 0 0; }
  #cloudapp-piwik_tarifs-tab td{ width:120px; text-align:center; }
  .cloudapp-prix{ padding:10px 0 0 0; font-size:10px; color:#E6E6E6; text-shadow:#000 0 1px 2px; letter-spacing:1px; }
   .cloudapp-prix span{ font-size:16px; color:#81dc2e; }
 .cloudapp_separateur{ margin-top:40px; }

 /* - */

 #infogerance-prebandeau{ margin:20px auto 60px auto; height:280px; background:#2a7593 url(/img/infogerances_bandeau_icones.png) 380px 150px no-repeat; }
  #infogerance-prebandeau-mascotte{ position:absolute; width:256px; height:336px; margin:-30px 0 0 45px; background:url(/img/infogerance_mascotte.png) no-repeat; }
  #infogerance-prebandeau h1{ margin:22px 0 0 370px; padding:0; }
  #infogerance-prebandeau p{ margin:20px 0 0 371px; padding:0 20px 0 0; }
  #infogerance-prebandeau-blocs{ margin:100px 0 0 380px; }
   #infogerance-prebandeau-bloc1{ float:left; width:140px; text-align:center; }
   #infogerance-prebandeau-bloc2{ float:left; width:140px; text-align:center; }
   #infogerance-prebandeau-bloc3{ float:left; width:140px; text-align:center; }
   #infogerance-prebandeau-bloc4{ float:left; width:140px; text-align:right; }
    #infogerance-prebandeau-bloc4 a{ font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; letter-spacing:1px; }
    #infogerance-prebandeau-bloc4 a:hover{ color:#fff; }
 #infogerance-offres{ margin:0 0 50px 0; height:270px; background:url(/img/infogerance_offres.png) center no-repeat; }
 #infogerance-backup{ clear:both; margin:0 0 40px 0; padding:0 38px 0 738px; height:270px; background:url(/img/infogerance_alacarte.png?1317295385) 38px 0 no-repeat; text-align:center; }
  #infogerance-backup-icone{ margin:50px 0 10px 0; }
  #infogerance-backup span{ font-size:16px; text-shadow:#000 1px 1px 0; }
  #infogerance-backup p{ margin:20px 0 0 0; padding:0; font-size:13px; color:#B3B3B3; text-shadow:#000 1px 1px 0; }
  #infogerance-backup a{ display:block; margin:20px 0 0 0; padding:0; font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; }
  #infogerance-backup a:hover{ color:#fff; text-decoration:underline; }

 /* - */

 #backup-prebandeau{ margin:20px auto 50px auto; height:280px; background:#2a7593 url(/img/backup_bandeau_icones.png) 380px 150px no-repeat; }
  #backup-prebandeau-mascotte{ position:absolute; width:298px; height:292px; margin:-30px 0 0 25px; background:url(/img/backup_mascotte.png) no-repeat; }
  #backup-prebandeau h1{ margin:22px 0 0 370px; padding:0; }
  #backup-prebandeau p{ margin:20px 0 0 371px; padding:0 20px 0 0; }
  #backup-prebandeau-blocs{ margin:100px 0 0 380px; }
   #backup-prebandeau-bloc1{ float:left; width:140px; text-align:center; }
   #backup-prebandeau-bloc2{ float:left; width:140px; text-align:center; }
   #backup-prebandeau-bloc3{ float:left; width:140px; text-align:center; }
   #backup-prebandeau-bloc4{ float:left; width:140px; text-align:right; }
    #backup-prebandeau-bloc4 a{ font-size:14px; color:#ffcd3b; text-shadow:#000 1px 1px 0; letter-spacing:1px; }
    #backup-prebandeau-bloc4 a:hover{ color:#fff; }
 #backup-offres{ margin:0 0 50px 0; height:520px; background:url(/img/backup_offres.png) center no-repeat; }

 /* - */

 #outils-titre{ width:920px; margin:0 auto; padding:0; text-align:left; }
  #outils-titre img{ width:116px; height:27px; }
 .outil{ width:920px; margin:30px auto 0 auto; background:#4D4F5D; border:#383A44 1px solid; text-align:center; }
    .outil h2{ margin:0; padding:20px 0 0 0; font-size:22px; font-weight:normal; }
     .outil h2 a{ color:#EFEFEF; text-shadow:#000 0 1px 2px; }
    .outil p{ margin:0; padding:20px 0 20px 0; font-size:16px; color:#B3B3B3; text-shadow:#000 1px 1px 0; }
   .outil_suite{ display:none; width:700px; margin:0 auto 0 auto; padding:20px; border:#383A44 1px solid; border-top:0; background:#4D4F5D; color:#B3B3B3; text-shadow:#000 1px 1px 0; }
    .outil_suite b{ font-weight:normal; color:#EFEFEF; text-shadow:#000 0 1px 2px; }
    .outil_suite .champ{ border:#383A44 1px solid; background:#434654; color:#B3B3B3; font-size:14px; }
    .whois_buf{ margin:0; padding:10px; background:#333642; text-align:left; font-size:12px; text-shadow:none; }
    .outil_valide{ padding:5px 10px; border:0; background:#696E84; color:#EFEFEF; text-shadow:#000 1px 1px 0; font-size:14px; cursor:pointer; }

 /* - */

 #contact-titre{ width:920px; margin:0 auto 20px auto; padding:0; text-align:left; }
  #contact-titre img{ width:291px; height:27px; }
 #contact-texte{ margin:0 0 30px 0; padding:0 0 0 43px; color:#B3B3B3; text-shadow:#000 1px 1px 0; text-align:left; }
 #contact-form{ float:left; margin:0 0 50px 43px; }
  #contact-form td{ padding:5px 0; text-align:left; }
  #contact-form .etiquette{ width:140px; color:#EFEFEF; text-shadow:#000 0 1px 2px; }
  #contact-form .champ{ width:300px; padding:5px; border:#383A44 1px solid; background:#4D4F5D; color:#B3B3B3; font-size:14px; }
  #contact-form .champ_faux{ width:300px; padding:2px 5px; border:#500 1px solid; background:#4D4F5D; color:#B3B3B3; font-size:14px; }
  #contact-form textarea.champ{ width:740px; height:400px; overflow:auto; }
  #contact-form textarea.champ_faux{ width:400px; height:160px; overflow:auto; }
  #contact-form select{ width:250px; background:#4D4F5D; color:#B3B3B3; border:#383A44 1px solid; color:#B3B3B3; font-size:14px; }
  #contact-form .captcha .code{ vertical-align:middle; }
  #contact-form .captcha .fleche{ margin:0 10px 0 0; vertical-align:middle; }
  #contact-form .captcha .champ_code{ width:100px; font-size:14px; vertical-align:middle; }
  #contact-form .valider{ text-align:right; }
   #contact-form .valider input{ padding:5px 10px; border:0; border:#000 1px solid; background:#696E84; color:#EFEFEF; text-shadow:#000 1px 1px 0; font-size:14px; cursor:pointer; }
   #contact-form .valider input:hover{ border:#999 1px solid; }
   #contact-form .valider input:active{ border:#fff 1px solid; }

 /* - */

 #mentions_legales-titre{ width:920px; margin:0 auto; padding:0; text-align:left; }
 .mentions_legales-texte{ width:920px; margin:30px auto 0 auto; padding:0; text-align:left; }

 /* - */

 #monitoring_compris{ width:920px; height:345px; margin:0 auto; padding:0; text-align:left; }
  #monitoring_compris h3{ margin:0 0 20px 0; padding:0; }
  #monitoring_compris p{ margin:0 0 20px 0; padding:0; }
  #monitoring_compris img{ float:right; border:#666 1px solid;
                           -moz-box-shadow:#000 0 0 10px -4px; -webkit-box-shadow:#000 0 0 10px -4px; box-shadow:#000 0 0 10px -4px; }

 /* - */

 #footer{ display:block; padding:20px 0 0 0; font-size:12px; color:#666; text-shadow:#000 0 -1px 0; letter-spacing:1px; }
  #footer a{ color:#666; }