html, body { margin:0; padding:0;}
body { background:#000 url(img/tentacules.jpg) repeat-y; color:#ffffff; font-family:verdana, tahoma, arial; font-size:x-small;}
#inside { width:1000px;}

h1 { font-size:160%; color:#990000; text-align:center; margin-bottom:50px; margin-top:30px;}
h2 { }
h3 { font-size:120%; color:#111; margin-bottom:35px; text-align:center;}
h4 { font-size:160%; color:#990000; padding-top:80px;}
h5 { font-size:110%; color:#990000;}
a { text-decoration:none; color:#05b; font-weight:bold;}
a:hover { color:#077;}
img {border:none;}
li { font-size:110%; font-weight:bold; color:#444; padding:2px;}

/* ------- Entete ------- */

#entete {position:relative; background:#000; margin-top:0px;}
#topmenu { padding-left:47px; height:43px; margin-bottom:0px; font-weight:bold; font-size:120%;}
#topmenu a { color:#78f;}
#topmenu a:hover { color:#e25;}


/* ------- Bas de page ------- */

#bdp { position:relative; text-align:center; font-weight:bold; color:#a981c8; width:100%; padding-top:40px; padding-bottom:7px;}
#validators { width:800px; margin-left:200px; text-align:center; height:60px; padding-top:10px;}


/* ------- Colonne gauche ------- */

#leftcol { width:190px; float:left; padding-top:143px; padding-left:10px; clear:both;}
#leftmenu { width:190px; z-index:100; margin-left:12px; padding-top:17px;}
#leftmenutop { width:190px; height:29px; background:transparent url(img/leftmenuxpbk.gif) no-repeat; color:#fff; font-weight:bold; font-size:120%; text-align:center; margin-bottom:0px; margin-top:0px;}
#leftmenutop h2 { padding-top:7px; font-size:100%; margin-top:0px; }
#leftmenuround { position:relative; background:#515153; width:188px; border-left:1px solid #1f1f21; border-right:1px solid #1f1f21; border-bottom:1px solid #1f1f21; margin:0px auto;}
#leftmenucontent { position:relative; width:164px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:1px; background:#dedede; color:#000; padding:10px; border:1px solid #1f1f21;}
#leftmenucontent a { color:#e00;}
#leftmenucontent a:hover { color:#666;}
#leftmenucontentxp { position:relative; width:164px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:1px; background:#dedede; color:#000; padding-top:20px; padding-left:10px; padding-right:10px; padding-bottom:20px; border:1px solid #1f1f21;}
#leftmenucontentxp a { color:#05b;}
#leftmenucontentxp a:hover { color:#077;}
.source { background:#fff url(img/wikipedia.jpg) no-repeat; padding:4px; text-align:right; border:1px solid #777; font-weight:bold;}
.sitevmw { background:#fff url(img/sitevmw.jpg) no-repeat; padding:4px; text-align:right; border:1px solid #777; font-weight:bold;}


/* ------- Colonne centrale ------- */

#global {position:relative; background:transparent url(img/oeuf-bottom.jpg) no-repeat bottom; width:800px; margin-left:200px; margin-top:0px;}
#accueil { height:600px;}


/* ------- Fenetre articles ------- */

#windowtop {width:800px; height:29px; background:transparent url(img/xpbk.gif) no-repeat; color:#fff; font-weight:bold; font-size:120%; text-align:center; margin-bottom:0px; margin-top:0px;}
#windowtop h2 { padding-top:7px; font-size:100%; margin-top:0px; padding-left:30px;}

#window {position:relative; background:#515153; width:798px; border-left:1px solid #1f1f21; border-right:1px solid #1f1f21; border-bottom:1px solid #1f1f21; margin:0px auto;}

#windowcontent {position:relative; width:754px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:1px; background:#dedede url(img/oeuf-top.jpg) no-repeat bottom; color:#000; padding:20px; border:1px solid #1f1f21;}

#configuration { text-align:center; margin-bottom:40px; color:#666; font-weight:bold; background:#fff url(img/configuration.jpg) no-repeat; border:1px solid #111; padding:7px;}


/* ------- Last ------- */

#lastcol { float:left; width:300px;}
#last { width:276px; z-index:80; margin:15px auto;}
#lasttop { width:276px; height:22px; background:transparent url(img/lastxpbk.gif) no-repeat; color:#fff; font-weight:bold; font-size:100%; text-align:center; margin-bottom:0px; margin-top:0px;}
#lasttop h2 { padding-top:3px; font-size:100%; margin-top:0px; padding-left:0px;}
.lastround { position:relative; background:#515153; width:274px; border-left:1px solid #1f1f21; border-right:1px solid #1f1f21; border-bottom:1px solid #1f1f21; margin:0px auto;}
.lastcontent { position:relative; width:250px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:1px; background:#dedede; color:#000; padding:10px; border:1px solid #1f1f21;}
.textlast { padding-top:10px; padding-bottom:10px;}

#lastxp { width:276px; z-index:80; margin:15px auto;}
#lasttopxp { width:276px; height:22px; background:transparent url(img/lastxpbk.gif) no-repeat; color:#fff; font-weight:bold; font-size:100%; text-align:right; margin-bottom:0px; margin-top:0px;}
#lasttopxp h2 { padding-top:3px; font-size:100%; margin-top:0px; padding-right:7px;}

#lastoffice { width:276px; z-index:80; margin:15px auto;}
#lasttopoffice { width:276px; height:22px; background:transparent url(img/lastxpbk.gif) no-repeat; color:#fff; font-weight:bold; font-size:100%; text-align:right; margin-bottom:0px; margin-top:0px;}
#lasttopoffice h2 { padding-top:3px; font-size:100%; margin-top:0px; padding-right:7px;}

#lastdossier { width:276px; z-index:80; margin:15px auto;}
#lasttopdossier { width:276px; height:22px; background:transparent url(img/lastxpbk.gif) no-repeat; color:#fff; font-weight:bold; font-size:100%; text-align:right; margin-bottom:0px; margin-top:0px;}
#lasttopdossier h2 { padding-top:3px; font-size:100%; margin-top:0px; padding-right:7px;}

#lastwebdesign { width:276px; z-index:80; margin:15px auto;}
#lasttopwebdesign { width:276px; height:22px; background:transparent url(img/lastxpbk.gif) no-repeat; color:#fff; font-weight:bold; font-size:100%; text-align:right
; margin-bottom:0px; margin-top:0px;}
#lasttopwebdesign h2 { padding-top:3px; font-size:100%; margin-top:0px; padding-right:7px;}


/* ------- A propos de ------- */

#about { width:430px; position:absolute; top:312px; left:160px; z-index:100;}
#abouttop { width:430px; height:29px; background:transparent url(img/aboutxpbk.gif) no-repeat; color:#fff; font-weight:bold; font-size:120%; text-align:center; margin-bottom:0px; margin-top:0px;}
#abouttop h2 { padding-top:7px; font-size:100%; margin-top:0px; padding-left:27px;}
#aboutround { position:relative; background:#515153; width:428px; border-left:1px solid #1f1f21; border-right:1px solid #1f1f21; border-bottom:1px solid #1f1f21; margin:0px auto;}
#aboutcontent { position:relative; width:384px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:1px; background:#dedede; color:#000; padding:20px; border:1px solid #1f1f21;}
.textabout { padding-top:20px; text-align:right; padding-bottom:20px;}


/* ------- Microsoft Office ------- */

#officebar { height:120px; text-align:center; background:url(img/offbar.gif) no-repeat center;}
#offin { margin-top:30px; padding:20px;}
#wordh2 { text-align:center; margin-bottom:40px; color:#3851a0; font-weight:bold; font-size:160%;}
#excelh2 { text-align:center; margin-bottom:40px; color:#037746; font-weight:bold; font-size:160%;}
#outlookh2 { text-align:center; margin-bottom:40px; color:#f0b139; font-weight:bold; font-size:160%;}


/* ------- Dossiers de Pro-Technics ------- */

#folderscontent { height:180px;}
.vistafolder { padding:10px; text-align:center; float:left; width:102px; height:110px; font-weight:bold;}
a.folder { background:transparent; display:block; padding:6px; color:#000;}
a.folder:hover{ background:url(img/folderin.jpg) repeat-y; padding:5px; border:1px solid #9696ba; color:#000;}


/* ------- VMware Workstation ------- */

#vmw { padding-top:30px; padding-bottom:30px;}
#vmw h2 { font-size:120%; color:#111; margin-bottom:30px; text-align:center;}
#prec { font-size:120%; float:left; margin:20px;}
#suiv { font-size:120%; float:right; margin:20px;}
#precsuiv { text-align:center; font-size:120%;}
#retour { text-align:center; font-size:120%; clear:both;}


/* ------- Web Design ------- */


#webdesign { width:750px; height:596px; background:transparent url(img/webdesign/ecranvide.gif) no-repeat; padding-top:31px; padding-left:29px;}
#inecran { width:692px; height:432px; background:#111; }


/* ------- Blogs ------- */

#blogscontenant { width:750px; margin:0px auto;}
#blogsentete { width:710px; position:relative; background:#202020 url(blogs/imgbase/entete-bk.gif) repeat-x; border:1px solid #796a7d; margin-top:5px; margin-right:auto; margin-left:auto; margin-bottom:30px; padding:15px; color:#fff;}
#blogscolgauche { width:150px; float:left; background:transparent; margin:5px;}
#blogscolcentrale { width:420px; float:left; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:50px;}
#blogscoldroite{ width:150px; float:left; background:transparent; margin:5px;}
#blogsbasdepage { width:730px; position:relative; clear:both; background:#202020; border:1px solid #796a7d; margin-bottom:0px; margin-right:auto; margin-left:auto; padding:5px; color:#aaa; font-size:90%; text-align:right;}

#msginscript { text-align:center; background:#222; border:1px solid #000; padding:5px; color:#fff; font-weight:bold; font-style:italic;}

/* ---------- Modules ---------- */

#blogsmodule { width:150px; background:transparent; margin-bottom:10px;}
#blogsmodule h2 { font-size:100%; color:#fff; text-align:center; padding-top:4px; margin-top:0px;}
#blogsmodulegauche { height:20px; width:5px; background:transparent url(blogs/imgbase/topgauche-bk.gif) no-repeat; float:left;}
#blogsmodulecentre { background:transparent url(blogs/imgbase/topcentre-bk.gif) repeat-x; height:20px; width:140px; float:left;}
#blogsmoduledroite { height:20px; width:5px; background:transparent url(blogs/imgbase/topdroite-bk.gif) no-repeat; float:left;}
#blogsmodulecontenu { width:138px; border:1px solid #202020; background:#dedede; clear:both; padding:5px;}