/* CSS Document */
body {
  background-color: #C0C0C9;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: small;
  margin: 0;
  padding: 0;
  color: #676767;
}

/* H1, H2, H3... */
h1,h2,h3 {
  font-family: Helvetica,Arial,Verdana,sans-serif;
}

h1 {
  padding-top:0px;
  margin-top:0px;
  padding-bottom:3px;
  margin-bottom:0px;
  text-align:left;
  font-size:9pt;
  font-style:normal;
}

h2 {
  font-size:9pt;
  font-family: Helvetica,sans-serif; 
  color: #0E4674;
  padding-top:0px;
  padding-bottom: 0px;
  margin-top:0px;
  margin-bottom:5px;
}

h3 {
  font-size:9pt;
  font-family: Helvetica,sans-serif; 
  color: #0E4674;
  padding-top:0px;
  padding-bottom: 0px;
  margin-top:0px;
  margin-bottom:0px;
}

h2 a {
  text-decoration: none;
}

h2 a:hover {
  color: #000;
  text-decoration: underline;
}

h3 a {
  text-decoration: none;
}

h3 a:hover {
  color: #000;
  text-decoration: underline;
}


/* Paragraphes, span, DIV */
p {
  text-align: justify;
  margin: 0 0 0 0;
}

div.page {
  position : relative;
  height : 515px;
  width : 889px;
  z-index : 1;
  margin: 20px 10px 10px 10px;
  border: 0px solid #5D5D5D;
  padding: 0px 0px 0px 0px;
  background-color: white;
}
div.haut {
  position : relative;
  height : 78px;
  width : 889px;
  z-index : 2;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgh.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
  text-align:justify;
}
div.milieu {
  position : relative;
  height : 422px;
  width : 889px;
  z-index : 2;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgm.png);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  text-align:justify;
}
div.bas {
  position : relative;
  height : 15px;
  width : 889px;
  z-index : 2;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgb.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
  text-align:justify;
}

div.logo {
  position:absolute;
  display:block;
  height : 73px;
  width : 400px;
  z-index : 3;
  margin-top: 2px;
  margin-left: 10px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/logo.png);
  background-repeat:no-repeat;
}
div.slogan {
  position:absolute;
  display:block;
  height : 73px;
  width : 270px;
  z-index : 4;
  margin-top: 4px;
  margin-left: 410px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/slogan.png);
  background-repeat:no-repeat;
}
div.rss {
  position:absolute;
  display:block;
  height : 16px;
  width : 70px;
  z-index : 4;
  margin-top: 60px;
  margin-left: 850px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
}
div.video {
  position : absolute;
  height : 400px;
  width : 385px;
  z-index : 3;
  margin: 18px 20px 20px 20px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: #EEEEEE;
  text-align:justify;
}
div.vidh {
  position : relative;
  height : 9px;
  width : 343px;
  z-index : 4;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgvidh.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
}
div.vidm {
  position : relative;
  height : 261px;
  width : 343px;
  z-index : 4;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgvidm.png);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  text-align:center;
}
div.onglat {
  position : absolute;
  height : 128px;
  width : 20px;
  z-index : 4;
  margin: 30px 0px 0px 363px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgonglat.png);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  text-align:center;
}
div.onglat2 {
  position : absolute;
  height : 128px;
  width : 20px;
  z-index : 4;
  margin: 158px 0px 0px 363px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgonglat2.png);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  text-align:center;
}
div.vidb {
  position : relative;
  height : 9px;
  width : 343px;
  z-index : 4;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgvidb.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
}
div.desh {
  position : relative;
  height : 9px;
  width : 385px;
  z-index : 4;
  margin: 10px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgdesch.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
}
div.desm {
  position : relative;
  height : 95px;
  width : 385px;
  z-index : 4;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgdescm.png);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  text-align:center;
}
div.desb {
  position : relative;
  height : 9px;
  width : 385px;
  z-index : 4;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgdescb.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
}
div.desc {
  padding: 0px 5px 0px 5px;
  text-align:justify;
  font-size:8pt;
}
div.lstvid {
  position : absolute;
  height : 400px;
  width : 450px;
  z-index : 3;
  margin: 18px 20px 20px 428px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: #EEEEEE;
  text-align:justify;
}
div.lstvidong {
  position : relative;
  height : 15px;
  width : 450px;
  z-index : 4;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgong.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
}
div.lstvidh {
  position : relative;
  height : 9px;
  width : 450px;
  z-index : 4;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bglsth.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
}
div.lstvidm {
  position : relative;
  height : 382px;
  width : 450px;
  z-index : 4;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bglstm.png);
  background-position: 0px 0px;
  background-repeat:repeat-y;
  text-align:center;
}
div.lstvidb {
  position : relative;
  height : 9px;
  width : 450px;
  z-index : 4;
  margin: 0px 0px 0px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bglstb.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
}
div.lstvideos {
  position:absolute;
  width:445px;
  height : 379px;
  top:0px;
  left:2px;
  right:2px;
  bottom:0px;
  display:block;
  overflow:scroll;
}

div.bihanvid {
  font-size:9pt;
  position : relative;
  width:410px;
  z-index : 6;
  margin: 10px 7px 0px 7px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  text-align:justify;
}

div.cat {
  position : relative;
  height : 120px;
  width : 889px;
  z-index : 2;
  margin: 10px 0px 10px 0px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: white;
  background-image: url(images/bgcat.png);
  background-position: 0px 0px;
  background-repeat:no-repeat;
  text-align:justify;
}
div.bihancat1 {
  position : absolute;
  height : 120px;
  width : 133px;
  z-index : 3;
  margin: 0px 0px 0px 10px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  text-align:center;
}
div.bihancat2 {
  position : absolute;
  height : 120px;
  width : 133px;
  z-index : 3;
  margin: 0px 0px 0px 153px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  text-align:center;
}
div.bihancat3 {
  position : absolute;
  height : 120px;
  width : 133px;
  z-index : 3;
  margin: 0px 0px 0px 296px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  text-align:center;
}
div.bihancat4 {
  position : absolute;
  height : 120px;
  width : 133px;
  z-index : 3;
  margin: 0px 0px 0px 439px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  text-align:center;
}
div.bihancat5 {
  position : absolute;
  height : 120px;
  width : 133px;
  z-index : 3;
  margin: 0px 0px 0px 582px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  text-align:center;
}
div.bihancat6 {
  position : absolute;
  height : 120px;
  width : 133px;
  z-index : 3;
  margin: 0px 0px 0px 725px;
  border: 0px;
  padding: 0px 0px 0px 0px;
  background-color: transparent;
  text-align:center;
}

/* Images */
img {
  padding: 1px 5px 0px 5px;
  border:0px;
}
img.bihan {
  padding: 1px 5px 0px 5px;
  border:0px;
  margin-left:2px;
}

/* links */
a {
  color:#135084;
  text-decoration: underline;
}

a:visited {
  color:#135084;
  text-decoration: underline;
}

a:hover {
  color: #000;
  text-decoration: none;
}

a.h2_link {
  color:#135084;
  text-decoration: none;
}

a.h2_link:visited {
  color:#135084;
  text-decoration: none;
}

a.h2_link:hover {
  color: #135084;
  text-decoration: underline;
}

a.h3_link {
  color:#135084;
  text-decoration: none;
}

a.h3_link:visited {
  color:#135084;
  text-decoration: none;
}

a.h3_link:hover {
  color: #135084;
  text-decoration: underline;
}


/* Formulaires - Non used */
form {
  margin: 0;
}

input, textarea, select, file {
  font-family: Arial,Verdana,Helvetica,sans-serif;
  border: 1px solid black;
  background-color: #F4F4F4;
  padding: 2px 4px;
}

select {
  padding: 0;
}

input:focus, textarea:focus {
  border: 1px solid #0062AF;
  background-color: #FFF;
}

input.submit {
  cursor: pointer;
  padding:1px;
  height: 22px;
}

input.submit:hover {
  background-color: #FDFDFD;
  border: 1px solid #0062AF;
}

input.file {
  cursor: pointer;
  padding:1px;
  height: 22px;
}

input.file:hover {
  background-color: #FDFDFD;
  border: 1px solid #0062AF;
}