html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  background-color: #010105;
}
div {
  margin: 0;
  padding: 0;
}

.impact {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  color: #1D3980;
  text-transform: uppercase;
}
span.bold {
  font-weight: bold;
}
.hit {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-image: url(images/headerhit-688x64.png);
  background-repeat: no-repeat;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #000000;
  font-style:italic;
}
.titreA {
  border-style: none none double;
  border-bottom: 6px double #101010;
  margin: 0 0 8px;
  padding: 0 0 0 8px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-image: url(images/header-208x32.png);
  background-repeat: no-repeat;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #ffffff;
}
.titreB {
  border-bottom: 2px solid #101010;
  font-size: 14px;
  margin: 0 0 8px;
  padding-left: 8px;
  background-image: url(images/subheader-688x32.png);
  background-repeat:no-repeat;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
}

.titreC {
  font-size: 14px;
  font-style: italic;
  padding-left: 26px;
  margin: 0 0 8px;
  background-image: url(images/header-h4.png);
  color: #101010;
  height: 24px;
  line-height: 24px;
  background-repeat:no-repeat;
  border-bottom: 1px dotted #101010;
}

.titreD {
  border-style: none none double;
  border-bottom: 6px double #101010;
  margin: 0 0 8px;
  padding: 0 0 0 8px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-image: url(images/subheader-480x32.png);
  background-repeat: no-repeat;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #ffffff;
}

.index {
  margin:0;
  padding:0;
  padding-left:8px;
  font-size:12px;
  font-style: italic;
  color:#fff;
  background-image: url(images/bg-index.jpg);
  background-repeat: no-repeat;
  height:24px;
  line-height:24px;
}

.fondref {
  background-image: url(images/bg-ul.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}
ul.refmenu {
  margin:0;
  padding-bottom:8px;
}
ul.refmenu li {
  margin-top:0;
  padding-top:0;
  line-height: 16px;
  color: #101010;
  list-style-image: url(images/puce.gif);
  font-weight: normal;
}
ul.refmenu li.retour {
  margin-top:0;
  padding-top:0;
  line-height: 16px;
  color: #101010;
  list-style-image: url(images/puce2.gif);
  font-weight: normal;
}
ul.refmenu li a, ul.refmenu li a span {
  color: #1D3980;
  font-weight: bold;
  text-decoration:none;
}
ul.refmenu li a:hover span, ul.refmenu li a:hover {
  color: #fff;
  background-color:#1D3980;
}
ul.refmenu li.retour a, ul.refmenu li.retour a span {
  color: #a40000;
  text-decoration:none;
  font-weight:bold;
}
ul.refmenu li.retour a:hover, ul.refmenu li.retour a:hover span {
  color:#fff;
  background-color: #a40000;
  text-decoration:none;
}
div#wrapper {
  margin: 0 auto;
  padding: 0;
  width: 960px;
  background-color: #1b367a;
  background-image: url(images/wrapper-960x1.png);
}
div.refwrapper {
  margin:0;
  padding: 0;
  padding-left:8px;
  padding-right:8px;
  width: 944px;
  background-color: #fff;
  height:1492px;
  overflow:hidden;
}
div.refwrappersmaller {
  margin:0;
  padding: 0;
  padding-left:8px;
  padding-right:8px;
  width: 944px;
  background-color: #fff;
  height:400px;
  overflow:hidden;
}
div.refwrappergkoot {
  margin:0;
  padding: 0;
  padding-left:8px;
  padding-right:8px;
  width: 944px;
  background-color: #fff;
  height:356px;
  overflow:hidden;
}
div.refwrapper img {
  margin-bottom:16px;
  background-color: #fff;
}
div#topspacer {
  width: 944px;
  margin:0;
  padding: 0;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:8px;
  padding-right:8px;
  background-color: #fff;
}
div#top {
  overflow: hidden;
  height: 128px;
  width: 960px;
  background-image: url(images/top-960x128.png);
  clear: both;
}
div#navbar {
  overflow: hidden;
  height: 96px;
  width: 960px;
  clear: both;
}
div#wrapper div#main {
  padding: 0;
  padding-bottom:4px;
  overflow: auto;
  width: 960px;
  clear: both;

}
ul.menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 960px;
  height: 96px;
  text-align: center;
  text-decoration: none;
}
ul.menu {
  overflow: hidden;
}
ul.menu li {
  margin: 0;
  padding: 0;
  width: 240px;
  float: left;
  display: block;
  height: 96px;
}
ul.menu li a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  height: 96px;
  width: 240px;
  display: block;
}
ul.menu li.item1 a:hover {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
  height: 96px;
  width: 240px;
  background-image: url(images/navlink-240x192-1.png);
  background-repeat: no-repeat;
  background-position: right top;
}
ul.menu li.item2 a:hover {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
  height: 96px;
  width: 240px;
  background-image: url(images/navlink-240x192-2.png);
  background-repeat: no-repeat;
  background-position: right top;
}
ul.menu li.item3 a:hover {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
  height: 96px;
  width: 240px;
  background-image: url(images/navlink-240x192-3.png);
  background-repeat: no-repeat;
  background-position: right top;
}
ul.menu li.item4 a:hover {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
  height: 96px;
  width: 240px;
  background-image: url(images/navlink-240x192-4.png);
  background-repeat: no-repeat;
  background-position: right top;
}
ul.menu li.item1 {
  background-image: url(images/navlink-240x192-1.png);
  background-repeat: no-repeat;
  background-position: left top;
}
ul.menu li.item2 {
  background-image: url(images/navlink-240x192-2.png);
  background-repeat: no-repeat;
  background-position: left top;
}
ul.menu li.item3 {
  background-image: url(images/navlink-240x192-3.png);
  background-repeat: no-repeat;
  background-position: left top;
}
ul.menu li.item4 {
  background-image: url(images/navlink-240x192-4.png);
  background-repeat: no-repeat;
  background-position: left top;
}
ul.menu li a span {
  width: 240px;
  color: #ffffff;
  line-height: 150px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

ul.rubriques {
  margin: 0;
  margin-bottom:8px;
  padding: 0;
  list-style-type: none;
  width: 688px;
  height: 24px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
}

ul.rubriques li {
  width:112px;
  height:24px;
  list-style-type: none;
  list-style-image: none;
  float: left;
  background-image: url(images/link-normal-112x24.png);
  background-repeat: no-repeat;
}
ul.rubriques li a {
color:#fff;
line-height:24px;
text-decoration:none;
}
div#left {
  margin: 0;
  padding: 0;
  float: left;
  width: 720px;
}
div#topleft {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  width: 720px;
  background-image: url(images/topleft-720x16.png);
  height: 16px;
}
div.leftcontent {
  margin: 0;
  padding: 0 16px;
  min-height: 372px;
  background-image: url(images/left-720x1.png);
  background-repeat: repeat-y;
  width: 688px;
}
div#bottomleft {
  margin: 0;
  padding: 0;
  width: 720px;
  height: 16px;
  background-image: url(images/bottomleft-720x16.png);
  background-repeat: no-repeat;
}
div#right {
  margin: 0;
  padding: 0;
  float: right;
  width: 240px;
}
div#topright {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  width: 240px;
  background-image: url(images/topright-240x16.png);
  height: 16px;
}
div.rightcontent {
  margin: 0;
  padding: 0 16px;
  min-height: 372px;
  width: 208px;
  background-image: url(images/right-240x1.png);
  background-repeat: repeat-y;
}
div#bottomright {
  margin: 0;
  padding: 0;
  width: 240px;
  height: 16px;
  background-image: url(images/bottomright-240x16.png);
  background-repeat: no-repeat;
}
div.prefooter {
  margin: 0 0 36px;
  padding: 0;
  height: 96px;
  width: 960px;
  background-image: url(images/collage.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
div#footer {
  margin: 0 auto;

  padding: 0;
  text-align: center;
  line-height: 32px;
  width: 960px;
  height: 32px;
  background-color: #002255;
  background-image: url(images/bottom-960x32.png);
  background-repeat: no-repeat;
  clear: both;
  color: #ffffff;
}
ul.panneau {
  margin: 0;
  padding: 0 0 8px;
  list-style-type: none;
}

ul.panneau li#contactme {
  height: 64px;
  line-height: 64px;
  margin-top: 8px;
  text-decoration: none;
}

ul.banners {
  width: 208px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.banners li {
  margin: 0;
  padding: 0;
  padding-bottom: 8px;
}

ul.banners li a {
  display: block;
  height: 48px;
  line-height: 48px;
  text-decoration: none;
}

ul.panneau li#contactme a {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  display: block;
  height: 64px;
  line-height: 64px;
  background-image: url(images/contactme.png);
    background-position: left top;
  text-decoration: none;
  color: #101010;
}

ul.panneau li#contactme a:hover {
  background-image: url(images/contactme.png);
  text-decoration: none;
  background-position: right top;
  color: #005ecc;
}
ul.panneau li#illustrationA {
  height: 192px;
  width: 208px;
  background-image: url(images/arts-en-images.gif);
}
ul.panneau li#illustrationB {
  height: 192px;
  width: 208px;
  background-image: url(images/commerce-en-images.gif);
}
ul.panneau li#illustrationC {
  height: 192px;
  width: 208px;
  background-image: url(images/entreprise-en-images.gif);
}
ul.panneau li#illustrationZ {
  height: 66px;
  width: 208px;
  background-image: url(images/envers-en-images.gif);
}
ul.panneau li a span {
  padding-left: 8px;
}
div#fond {
  width:680px;
  overflow: auto;
  height: 300px;
  
}
.separator {
  margin: 0;
  padding: 0;
  height: 0px;
}
#customheight {
  display:block;
  margin: 0;
  padding: 0;
  height: 66px;
}
.bigseparator {
  margin: 0;
  padding: 0;
  height: 16px;
}
.contactseparator {
  margin: 0;
  padding: 0;
  height: 120px;
}
.verybigseparator {
  margin: 0;
  padding: 0;
  height: 96px;
}
.pageseparator {
  margin: 0;
  padding: 0;
  height: 1492px;
}
.articleseparator {
  margin: 0;
  padding: 0;
  height: 32px;
}
span.lettrine {
  margin: 0px 1px 0px 0px;
  padding: 0 0 0 3px;
  color: #ffffff;
  width: 28px;
  height: 28px;
  background-image: url(images/lettrine-28x28.png);
  background-repeat: no-repeat;
  float: left;
  font-size: 32px;
  line-height: 28px;
}
h2 {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.alignleft244x324 {
  float: left;
  display: block;
  margin-right: 8px;
  width: 244px;
  height: 324px;
}

p.signature {
  margin-right: 16px;
  font-size: 0;
  color: #ffffff;
  display: block;
  text-align: right;
  height: 48px;
  width: 92px;
  background-image: url(images/signature.png);
  background-repeat: no-repeat;
  float: right;
}
.titrearticle {
  border:  none;
  color: #002255;
  font-weight: bold;
  padding-left: 0;
  margin-bottom: 8px;
  line-height: 16px;
  background-image: none;
  font-size: 16px;
  height: 16px;
}
.soustitrearticle {
  border:  none;
  font-weight: bold;
  color: #224488;
  margin-bottom: 8px;
  line-height: 13px;
  background-image: none;
  font-size: 13px;
  padding-left: 0;
  height: 16px;
}
.imagearticle {
  margin: 0;
  padding: 0;
  float: left;
  width: 160px;
  height: 120px;
}
.center {
text-align: center;
}

#coordonnes {
text-align:center;
width:208px;
height:258px;
margin:0;
padding:0;
background-image: url(images/bg-coordonnees.png);
background-repeat: no-repeat;
font-weight:bold;
}
#raisonsociale {
width:208px;
height:48px;
margin:0;
padding:0;
line-height:52px;
font-family:"Satisfaction.ttf",Arial, sans-serif;
font-size:20px;
color:#fff;
}
#adresse {
color:#ccddff;
margin:0;
padding:0;
padding-top:4px;
border-top: 1px dotted #ccddff;
}
#codepostal {
color:#ccddff;
margin:0;
margin-bottom:12px;
padding:0;
padding-bottom:4px;
border-bottom: 1px dotted #ccddff;
}
#telephone {

margin:0;
padding:0;
color:#fff;
}
#fax {

margin:0;
padding:0;
color:#fff;
}
.gkoot {
color:#DA147E;
font-weight:bold;

}

ul.gkoot {
  color:#DA147E;
  list-style-image: url(images/pucegkoot.gif);
}

ul.gkoot li {
  list-style-image: url(images/pucegkoot.gif);
}

ul.gkoot li a, ul.gkoot li a span, ul.refmenu li a span.gkoot {
  color:#DA147E;
  font-weight: bold;
  text-decoration:none;
}
ul.gkoot li a:hover span, ul.gkoot li a:hover, ul.refmenu li a:hover span.gkoot {
  color: #fff;
  background-color:#DA147E;
}