html,body,form,ul,ol,li,div,p,h1,h2,h3,h4,h5,input,textarea,select { margin:0; padding:0; }
html,body { background:#eeeeee url(/images/bg-degrade.jpg) repeat-x; height:100%; }
li,th,td,div,p,a,h1,h2,h3,h4,h5,input,select,textarea { font-family:arial; font-size:12px; color:#000000; font-weight:normal; }
li { list-style-type:none; }
img { display:block; border:none; }
a { color:#cc0000; text-decoration:none; }
a:hover { color:#999999; }
.txt, textarea, select { color:#333333; width:275px; background:#ffffff; padding:3px; border:1px solid #333333; }
textarea { height:120px; }
.btn { width:100px; margin-top:9px; padding:3px; cursor:pointer; }
table td { vertical-align:top; }
table td.label { padding:4px 10px 0 0; }
table td.field { padding-bottom:3px; }
.success { background:#009900; color:#ffffff; padding:6px 10px 6px 10px; margin:6px 0 6px 0; }
.success a { color:#ffffff; text-decoration:underline; }
.error { background:#ff0000; color:#ffffff; padding:6px 10px 6px 10px; margin:6px 0 6px 0; }
.error a { color:#ffffff; text-decoration:underline; }
.sep { font-size:12px; padding:0 4px 0 2px; }
.clear { clear:both; }
#background { background:url(/images/bg-bulles.jpg) center 0 no-repeat; width:100%; height:100%; }
#top { background:url(/images/bg-banniere.jpg) center 69px no-repeat; width:100%; }
#top #tframe { width:880px; margin:0 auto; }
#top #tframe #ilike { position:absolute; margin:13px 0 0 757px; }
#top #tframe #menu { height:75px; padding-right:10px; }
#top #tframe #menu ul { float:right; margin-top:40px; }
#top #tframe #menu ul li { float:left; }
#top #tframe #menu ul li a { display:block; position:relative; font-size:18px; color:#ffffff; text-decoration:none; padding:0 10px 0 10px; }
#top #tframe #menu ul li a:hover { color:#cccccc; }
#top #tframe #menu ul li a.active { color:#ff0000; }
#top #tframe #menu ul li a.active:hover { color:#ff0000; }
#top #tframe #banner { background:url(/images/bannieres/darts.jpg) 0 0 no-repeat; width:880x; height:180px; margin:10px 0 10px 0; }
#top #tframe #banner img { position:absolute; width:181px; height:75px; margin:44px 0 0 26px; }
#top #tframe #content { padding:40px 20px 30px 20px; }
#top #tframe #content div h1 { font-size:22px; padding:0 0 15px 0; }
#top #tframe #content div h2 { font-size:18px; padding:0 0 12px 0; }
#top #tframe #content div h2.h1 { font-size:22px; padding:0 0 15px 0; }
#top #tframe #content div h2.h3 { font-size:14px; font-weight:bold; padding:6px 0 6px 0; }
#top #tframe #content div h3 { font-size:14px; font-weight:bold; padding:6px 0 6px 0; }
#top #tframe #content div h3 a { font-size:14px; font-weight:bold; }
#top #tframe #content div p { line-height:15px; padding:0 0 12px 0; }
#top #tframe #content div ul { padding:0 0 12px 25px; margin-top:-3px; }
#top #tframe #content div ul li { padding:0 0 1px 0; list-style-type:square; }
#top #tframe #content div ol { padding:6px 0 12px 25px; margin-top:0; }
#top #tframe #content div ol li { padding:0 0 6px 0; list-style-type:decimal; }
#top #tframe #content div div.type { font-size:13px; font-weight:bold; padding:15px 0 10px 0; }
#top #tframe #content div div.type a { font-size:13px; font-weight:bold; text-decoration:none; color:#000; }
#top #tframe #content div #forfaits { margin:6px 0 18px 0; }
#top #tframe #content div #forfaits th { text-align:right; font-weight:bold; padding:0 20px 0 0; }
#top #tframe #content div #forfaits td { text-align:right; padding:0 20px 0 0; }
#top #tframe #content #accueil-left { float:left; width:240px; padding-right:30px; }
#top #tframe #content #accueil-center { float:left; width:300px; background:url(/images/content-points-v.gif) right 0 repeat-y; }
#top #tframe #content #accueil-center #accueil-center-2 { padding-left:30px; padding-right:30px; background:url(/images/content-points-v.gif) left 0 repeat-y; padding-bottom:5px; }
#top #tframe #content #accueil-center #accueil-center-2 ul { padding:0; }
#top #tframe #content #accueil-center #accueil-center-2 ul li { width:240px; padding:0 0 21px 0; list-style-type:none; }
#top #tframe #content #accueil-right { float:left; width:240px; padding-left:30px; }
#top #tframe #content #accueil-right #accueil-services { padding-bottom:18px; background:url(/images/content-points-h.gif) 0 bottom repeat-x; }
#top #tframe #content #accueil-right #accueil-services ul { padding-left:0; }
#top #tframe #content #accueil-right #accueil-services ul li { padding-bottom:3px; list-style-type:none; }
#top #tframe #content #accueil-right #accueil-login { padding-top:27px; }
#top #tframe #content #accueil-right #accueil-login .success { margin:0 0 12px 0; }
#top #tframe #content #accueil-right #accueil-login .error { margin:0 0 12px 0; }
#top #tframe #content #accueil-right #accueil-login form .txt { width:190px; margin:6px 0 9px 0; }
#top #tframe #content #accueil-right #accueil-login form .btn { margin:3px 0 12px 0; }
#top #tframe #content #services-left { float:left; width:390px; padding-right:30px; background:url(/images/content-points-v.gif) right 0 repeat-y; }
#top #tframe #content #services-left #services-sites { padding-bottom:18px; background:url(/images/content-points-h.gif) 0 bottom repeat-x; }
#top #tframe #content #services-left #services-infolettres { padding-top:27px; }
#top #tframe #content #services-right { float:left; width:390px; padding-left:30px; padding-bottom:5px; }
#top #tframe #content #services-right #services-hebergement { padding-bottom:18px; background:url(/images/content-points-h.gif) 0 bottom repeat-x; }
#top #tframe #content #services-right #services-domaines { padding-top:27px; }
#top #tframe #content #services-right #services-domaines div { padding:6px 10px 6px 10px; margin:6px 0 6px 0; }
#top #tframe #content #services-right #services-domaines form { padding-top:6px; }
#top #tframe #content #services-right #services-domaines form .btn { margin:12px 0 0 0; }
#top #tframe #content #hebergement-left { float:left; width:390px; padding-right:30px; background:url(/images/content-points-v.gif) right 0 repeat-y; }
#top #tframe #content #hebergement-left #hebergement-intro { padding-bottom:18px; background:url(/images/content-points-h.gif) 0 bottom repeat-x; }
#top #tframe #content #hebergement-left #hebergement-details { padding-top:27px; padding-bottom:18px; background:url(/images/content-points-h.gif) 0 bottom repeat-x; }
#top #tframe #content #hebergement-left #hebergement-cancel { padding-top:27px; }
#top #tframe #content #hebergement-right { float:left; width:390px; padding-left:30px; }
#top #tframe #content #hebergement-right #hebergement-config { padding-bottom:18px; background:url(/images/content-points-h.gif) 0 bottom repeat-x; }
#top #tframe #content #hebergement-right #hebergement-config div.steps { position:absolute; visibility:hidden; top:0; left:0; }
#top #tframe #content #hebergement-right #hebergement-webmail { padding-top:27px; }
#top #tframe #content #realisations-left { float:left; width:570px; background:url(/images/content-points-v.gif) right 0 repeat-y; }
#top #tframe #content #realisations-left ul { padding:0; }
#top #tframe #content #realisations-left ul li { float:left; width:255px; padding:6px 30px 18px 0; list-style-type:none; }
#top #tframe #content #realisations-right { float:left; width:240px; padding-left:30px; }
#top #tframe #content #realisations-right ul { padding:0; }
#top #tframe #content #realisations-right ul li { float:left; width:255px; padding:6px 30px 18px 0; list-style-type:none; }
#top #tframe #content #clients-left { float:left; width:405px; padding-right:15px; }
#top #tframe #content #clients-right { float:left; width:390px; padding-left:30px; }
#top #tframe #content #contact-coordonnees { float:left; width:390px; padding-right:30px; }
#top #tframe #content #contact-formulaire { float:left; width:390px; padding-left:30px; padding-bottom:15px; background:url(/images/content-points-v.gif) left 0 repeat-y; }
#top #tframe #content #contact-formulaire form { padding-top:12px; }
#top #tframe #content ul li.realisation div.thumbnail { background:#ffffff; width:228px; padding:5px; border:1px solid #dddddd; }
#top #tframe #content ul li.realisation div.thumbnail img { width:228px; height:128px; }
#top #tframe #content ul li.realisation div.infos { font-weight:bold; padding-top:6px; }
#top #tframe #content ul li.realisation div.note { font-size:11px; color:#999999; padding-top:6px; }
#top #tframe #content ul li.realisation div.note a { font-size:11px; color:#999999; }
#top #tframe #content #frm-whois td img { display:inline; width:18px; height:18px; margin:2px 0 0 3px; visibility:hidden; }
#bottom { vertical-align:bottom; }
#bottom #bg { height:90px; background:#000000; border-top:7px solid #333333; }
#bottom #bg #bframe { width:840px; padding-top:10px; margin:0 auto; }
#bottom #bg #bframe span { color:#666666; }
#bottom #bg #bframe a { font-size:11px; color:#cccccc; text-decoration:underline; }
#bottom #bg #bframe a:hover { text-decoration:underline; }
#bottom #bg #bframe div.title { font-size:15px; font-weight:bold; color:#cccccc; padding:5px 0 7px 0; }
#bottom #bg #bframe #footer-contact { float:left; width:196px; height:70px; background:url(/images/bottom-points.gif) right 0 repeat-y; }
#bottom #bg #bframe #footer-contact div.infos div { float:left; font-size:11px; line-height:15px; color:#cccccc; }
#bottom #bg #bframe #footer-contact div.infos div.phone { padding-right:20px; }
#bottom #bg #bframe #footer-promotion { float:left; width:278px; height:70px; padding:0 0 0 20px; background:url(/images/bottom-points.gif) right 0 repeat-y; }
#bottom #bg #bframe #footer-promotion div.title { color:#ffff66; }
#bottom #bg #bframe #footer-promotion div.infos { font-size:11px; line-height:15px; color:#ffff66; }
#bottom #bg #bframe #footer-newsletter { float:left; width:278px; height:70px; padding:0 0 0 20px; background:url(/images/bottom-points.gif) right 0 repeat-y; }
#bottom #bg #bframe #footer-newsletter form { padding-top:6px; }
#bottom #bg #bframe #footer-newsletter form input { font-size:11px; color:#cccccc; width:225px; background:#333333; border:1px solid #666666; padding:3px; margin-right:5px; }
#bottom #bg #bframe #footer-news { float:left; width:326px; height:70px; padding:0 0 0 20px; }
#bottom #bg #bframe #footer-news div.nav { float:right; font-size:1px; margin:5px 0 0 5px; }
#bottom #bg #bframe #footer-news div.nav img { width:16px; height:16px; }
#bottom #bg #bframe #footer-news div.nav a { display:block; position:relative; font-size:1px; text-indent:-10000px; overflow:hidden; width:16px; height:16px; background-repeat:no-repeat; }
#bottom #bg #bframe #footer-news div.nav a:hover { background-position:0 -16px; }
#bottom #bg #bframe #footer-news #news-previous a { background-image:url(/images/icon-previous.gif); }
#bottom #bg #bframe #footer-news #news-next a { background-image:url(/images/icon-next.gif); }
#bottom #bg #bframe #footer-news #news { font-size:11px; line-height:15px; color:#cccccc; }
#bottom #bg #bframe #footer-news #news a { }