* {margin:0;padding:0;border:0;}

body {font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;font-weight:normal;font-size:0.9em;color:black;text-align:center;background:url('design-portfolio/fond.jpg') repeat;}
#header {margin:15px auto 0 auto;width:90%;height:200px;background:url('design-portfolio/header0.png') top left repeat-x;}
#headergauche {height:200px;background:url('design-portfolio/headergauche3.png') no-repeat top left;}
#headergauchex {height:200px;background:url('design-portfolio/headergauchex.png') no-repeat top left;}
#headergaucheguildwars2 {height:200px;background:url('design-portfolio/headergaucheguildwars2.png') no-repeat top left;}
#headergauchehearthstone {height:200px;background:url('design-portfolio/headergauchehearthstone.png') no-repeat top left;}
#headergauchedevweb {height:200px;background:url('design-portfolio/headergauchedevweb.png') no-repeat top left;}
#headergauchemagic {height:200px;background:url('design-portfolio/headergauchemagic.png') no-repeat top left;}
#headerdroit {height:200px;background:url('design-portfolio/headerdroit0.png') no-repeat top right;}
#titre {position:absolute;top:55px;left:440px;}
#global {margin:0 auto;}
#hautglobal {margin:0 auto;width:90%;height:26px;background:url('design-portfolio/bordhaut.png') top left repeat-x;}
#hautglobalgauche {height:26px;background:url('design-portfolio/bordgauchehaut.png') no-repeat top left;}
#hautglobaldroit {height:26px;background:url('design-portfolio/bordroithaut.png') no-repeat top right;}
#milieuglobal {margin:0 auto;width:90%;}
#milieuglobalgauche {background:url('design-portfolio/bordgauche.png') repeat-y left;}
#milieuglobaldroit {background:url('design-portfolio/bordroit.png') repeat-y right;}
#basglobal {clear:both;margin:0 auto;width:90%;height:120px;background:url('design-portfolio/bordbas.png') bottom left repeat-x;}
#basglobalgauche {height:120px;background:url('design-portfolio/bordgauchebas.png') no-repeat bottom left;}
#basglobalgauchemagic {height:120px;background:url('design-portfolio/bordbasgauchemagic.png') no-repeat bottom left;}
#basglobalgauchedevweb {height:120px;background:url('design-portfolio/bordbasgauchedevweb.png') no-repeat bottom left;}
#basglobalgaucheguildwars2 {height:120px;background:url('design-portfolio/bordbasgaucheguildwars2.png') no-repeat bottom left;}
#basglobalgauchehearthstone {height:120px;background:url('design-portfolio/bordbasgauchehearthstone.png') no-repeat bottom left;}
#basglobalgaucheprive {height:120px;background:url('design-portfolio/bordgauchebasprive.png') no-repeat bottom left;}
#basglobalgauchetatouages {height:120px;background:url('design-portfolio/bordgauchebastatouages.png') no-repeat bottom left;}
#basglobalgauchedogueallemand {height:120px;background:url('design-portfolio/bordgauchebasdogueallemand.png') no-repeat bottom left;}
#basglobaldroit {height:120px;background:url('design-portfolio/bordroitbas.png') no-repeat bottom right;}
#basglobalgaucheprive p , #basglobalgauche p , #basglobalgauchedevweb p , #basglobalgauchehearthstone p , #basglobalgauchemagic p, #basglobalgaucheguildwars2 p, #basglobalgauchedogueallemand p, #basglobalgauchetatouages p    {float:left;padding:40px 0 0 145px;font-size:1.4em;}
.deco {position:relative;border:1px solid black;left:20px;margin-right:50px;padding:6px 0 0 0;background:url('design-portfolio/fond-conteneur.jpg')  repeat-y;}
#menu {position:relative;width:180px;float:left;text-align:left;font-size:0.9em;font-weight:lighter;}
#menu ul {margin:0 0 0 16px;background-image:url(design-portfolio/parchemin-milieu.gif);}
#menu li {list-style-type:none;color:#444;list-style-position:outside;}
#menu li a {width:91%;display:block;color:#444;border-bottom:1px solid #444;margin-left:5px;padding-left:5px;padding-top:0.1em;line-height:3.0em;text-decoration:none;}
#menu li a:hover {display:block;text-decoration:none;padding-top:0.1em;line-height:3.0em;color:#fff;background-color:#4e758d;}
#menu #bordtop {border-top:1px solid #444;}
#corps {margin-left:210px;padding:20px 20px 0 0;line-height:25px;text-align:left;}
#corps ul {padding:0 0 0 30px}
#corps li {padding:5px 0 0 0;text-align:left;}
#corps dl {margin:0 0 20px 10px;}
#corps dt {margin:0 0 0 30px;}
#corps dd {margin:0 0 0 50px;list-style-type:disc;}
#corps hr {clear:both;border:1px solid green;width:80%;margin:30px auto;display:block;}
#corps .gallerie div {display:inline;margin:0 10px 0 0;}
#corps .gallerie {text-align:center;}

h1 {font-weight:bold;font-size:1.3em;margin:20px 0 20px 0;border-bottom:2px solid #ffb500;line-height:40px;}
h2 {font-weight:bold;font-size:1.1em;margin:60px 0 20px 0;color:#4e758d;padding-left:15px;background:url(design-portfolio/puce.png) no-repeat 0 12px;background-color:#fff;}
h3 {font-weight:bold;font-size:1.0em;color:#777;margin:40px 0 20px 30px;padding-left:15px;background:url(design-portfolio/puce.png) no-repeat 0 5px;background-color:#fff;}
h1:first-letter {font-weight:lighter;font-size:2.2em;color:#ffb500;letter-spacing:3px;}
h2:first-letter {font-weight:lighter;font-size:1.8em;color:red;letter-spacing:3px;}

.dialaure:first-letter {font-weight:lighter;font-size:1.8em;color:green;letter-spacing:0;margin:0 0 0 30px;}
.dialseb:first-letter {font-weight:lighter;font-size:1.8em;color:blue;letter-spacing:0;margin:0 0 0 30px;}

p.alignimage4 img , p.alignimage3 img , p.alignimage2 img , p.alignimage img, span {vertical-align:middle;display:inline-block;}
p.alignimage4 span , p.alignimage span {padding-left:20px;}
p.alignimage2 span , p.alignimage2 img {padding-left:30px;}
p.alignimage3 img {padding:0 20px;}
p.alignimage {text-align:center;}
p.alignimage4 span , p.alignimage2 span {text-align:left;}
#global .langue {display:inline;vertical-align:baseline;}

#evitement {float:right;padding-top:9px;text-align:right;width:450px;}
#evitement ul {padding:10px 25px 2px 0;}
#evitement li {list-style-type:none;font-size:0.85em;display:inline;color:white;line-height:1.5em;}
#evitement li a  , #corps a:link  , #corps a:visited {color:green;text-decoration:underline; font-weight:bold;}
#evitement li #dejadessusev {color:black;text-decoration:none; font-weight:bold;}

#corps h2 a:link:first-letter , #corps h2 a:visited:first-letter {font-weight:lighter;font-size:1.8em;color:red;letter-spacing: 0px;}
#corps h2 a:link  , #corps  h2 a:visited {font-weight:bold;font-size:1.1em;color:green;text-decoration:underline; font-weight:bold;}
#corps h2 a:hover:first-letter  {font-weight:lighter;font-size:1.8em;letter-spacing: 0px;color:blue;text-decoration:none;}
#corps h2 a:hover {font-weight:bold;font-size:1.1em;color:blue;text-decoration:none;}
#evitement li a:hover , #corps a:hover {color:blue;text-decoration:none;}

#corps .sitemap {margin:0 0 20px 10px;}
#corps .sitemap dt {font-weight:bold;font-size:1.1em;margin:20px 0 20px 0;color:#4e758d;padding-left:15px;background:url(design-portfolio/puce.png) no-repeat 0 13px;background-color:#fff;}
#corps .sitemap dd {margin:0 0 0 50px;list-style-type:none;}
#corps dt a:link .pl , dt a:visited .pl {vertical-align:0%;font-weight:lighter;font-size:1.8em;color:red;letter-spacing: 0px;}
#corps .sitemap dt a:link  , #corps  .sitemap dt a:visited {font-weight:bold;font-size:1.1em;color:green;text-decoration:underline;}
#corps dt a:hover .pl {font-weight:lighter;font-size:1.8em;letter-spacing: 0px;color:blue;text-decoration:none;}
#corps .sitemap dt a:hover {font-weight:bold;font-size:1.1em;color:blue;text-decoration:none;}
.gras {font-weight:bold;font-size:1.0em;}

.bord {border:1px solid green;}
.l50 {width:50%;}

a img {border:0;}
#global acronym {border-bottom:1px dashed black;cursor:help;}
p {text-align:left;padding:15px 0 0 0;}
kbd {font-size:1.1em;padding:0 1px;border:1px solid #e2f576;border-right:1px solid #9bb50c;border-bottom:1px solid #9bb50c;background:#ffffc4;}

#logosw3c {float:left;padding-top:15px;padding-bottom:15px;padding-left:50px;}
#validew3c {float:right;padding-top:1px;padding-bottom:15px;padding-right:5px;}
#validew3c img {width:88px;height:31px;padding-right:10px;}
#dlcv-avant {float:left;padding-top:15px;padding-bottom:15px;padding-left:30px;text-align:center;background-image:url(design-portfolio/parchemin-milieu.gif);}
#dlcv {margin:0 0 0 16px;width:164px;text-align:center;background-image:url(design-portfolio/parchemin-milieu.gif);}
#dlcv a img {padding-top:15px;}
#dlcv hr {height:1px;width:94%;border:1px solid #b4b4b4;margin:10px auto;display:block;}
#dlcv #bott {margin-bottom:0;}
#dlcv #topp {margin-top:20px;}
#stop-float {clear:both;}
#retour-haut {display:block;margin:40px 0 0 15px;}
#avatar {display:block;margin:30px auto 0 auto;width:150px;height:150px;}
#gw {display:block;margin:30px auto 0 auto;width:450px;height:200px;}
#persogw {display:block;margin:30px auto 0 auto;width:584px;height:158px;}
#ban {display:block;margin:25px auto;width:468px;height:60px;}
#bouton {display:block;margin:25px auto 0 auto;width:125px;height:125px;}
.cv {width:80%;margin:0 auto;}
.cv td {text-align:left;width:50%;padding:5px;}
.ext {background:url('design-portfolio/ext.png') center right no-repeat;padding: 0 15px 0 0;}
.decal {margin-top:30px;}
.decal2 {margin-top:20px;}
.decal3 {margin:30px 0 0 16px;height:30px;display:block;}
.decal4 {margin:0 0 30px 16px;height:30px;display:block;}
.cent {text-align:center;}
.left {text-align:left;}
#dejadessus0 {width:91%;display:block;color:#444;border-bottom:1px solid #444;margin-left:5px;padding-left:5px;padding-top:0.1em;line-height:3.0em;text-decoration:none;background-color:#e2f576;}
#dejadessus {width:91%;display:block;color:#444;border-top:1px solid #444;border-bottom:1px solid #444;margin-left:5px;padding-left:5px;padding-top:0.1em;line-height:3.0em;text-decoration:none;background-color:#e2f576;}

p.alignimage span , p.alignimage img {vertical-align:middle;display:inline-block;padding-left:15px;text-align:left;}
