@charset "utf-8";
html{
	text-align: justify;
    color: #000;
    margin: 0;
    padding: 0;
    background: #ccccff url('img/essainfr.jpg') no-repeat fixed top left;
}
A.a1 {
	color: red;
	font-weight: bold;
	text-decoration: none
}
.a2 {
	color: gray;
	font-weight: bold;
	text-decoration: none
}
.a3 {
	color: red;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none
}
.a4 {
	color: #ccffcc;
	font-weight: bold;
	text-decoration: none
}
.important {
	color: red;
	font-weight: bold;
	text-decoration: blink;
	position: absolute;
	top: 15px;
	right : 15px;
}

div.menu1 {
	color: black;
	font-weight: bold;
	font-size: 10pt;
	text-align: center; 
	background-color: #BA9E86
}

#container{
    position: absolute;
	text-align: justify;
    top: 80px;
    left: 60px;
    right: 0;
    width: auto;
    padding: 0;
    z-index: 2;
    color: #000;
    background: #99ccff url('img/essai_fadenfr.jpg') no-repeat fixed top left;
    margin: 0 0 0 0;
}
#container div.titre {
	width: 100%;
	color: black;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	border-bottom: solid #BA9E86 1px;
	background: #99ccff url('img/essai_fadenfr.jpg') no-repeat fixed top left
}
div.rem{color: black; font-size: 10pt; padding: .25em .25em .25em .25em; border-bottom: solid #BA9E86 1px;}
div.rem2{color: black; font-size: 10pt; padding: .25em .25em .25em .25em;}
#container div.div2 { color: navy; font-weight: bold; font-size: 8pt;  border-bottom: solid #BA9E86 1px; text-align: left  }
#container div.small { font-size: 7pt; }
#container div.div3 { color: white; font-weight: bold; font-size: 10pt; text-align: center }
#container div.div4 { color: white;  background-color: navy;}
#container div.div5 { color: black; font-weight: bold; font-size: 10pt; text-align: center }
#container div.gen { color: black; font-size: 8pt; background: #ccccff; text-align: center; }
#container div.contenu { color: black; font-size: 10pt; text-align: justify; padding: .25em .25em .25em .25em; float: left; position: relative;   border-bottom: solid #BA9E86 1px;}
#container div.artinfos {float: left; position: relative;}
#container div.menu1 { color: black; font-weight: bold; font-size: 10pt; text-align: center; border-bottom: solid #BA9E86 1px; background: #99ccff}
#container div.menu2 { color: black; font-weight: bold; font-size: 10pt; text-align: center; border-bottom: solid #BA9E86 1px; border-top: solid #BA9E86 1px; background: #99ccff}
#container div.menuhh { color: navy; font-weight: bold; font-size: 8pt; text-align: left;  background: #99ccff url('img/essai_fadenfr.jpg') no-repeat fixed top left;  border: solid #BA9E86 1px;}
#container div.menuhb { color: navy; font-weight: bold; font-size: 8pt; text-align: left;  background: #99ccff url('img/essai_fadenfr.jpg') no-repeat fixed top left;  border: solid #BA9E86 1px;}
#container a.article{ color: red; font-weight: bold; text-decoration: none; border-top: solid #BA9E86 1px; border-left: solid #BA9E86 1px; padding: .25em .25em .25em 5em; float: left; position: relative;}
#container img.icon { float: left; z-index: 3;  position: absolute; border: 0;}

form.deco {position: absolute; left: 660px;}
div.tarifs {position: absolute; left: 620px; font-weight: bold;}
BODY { font-family:   arial, helvetica;
    margin: 0;
    padding: 0 0 0 25px;
	font-size: 12pt; 
	text-align: justify;
	}

IMG.img1 { position: absolute; right: 0; top: 47px; z-index: 3; border-width: 0; outline-width: 0; border-color: transparent; outline-color: white; }
.img2 { position: relative; left: 30%; border-width: 0; outline-width: 0; border-color: transparent; outline-color: white; }
.img3 { position: absolute; left: 40px; top: 0;}
.img4 { position: absolute; left: 0; top: 0; border-width: 0; outline-width: 0; border-color: transparent; outline-color: white; }
.img5 { border-width: 0; outline-width: 0; border-color: transparent; outline-color: white; }
.img6 { position: relative; border-width: 0; outline-width: 0; border-color: transparent; outline-color: white; }
.img7 { position: relative; top: -30px; left: +100px; border-width: 0; outline-width: 0; border-color: transparent; outline-color: white; }
.img8 { position: relative; top: -60px; left: +30px; border-width: 0; outline-width: 0; border-color: transparent; outline-color: white; }
.img9 { position: relative; top: -90px; left: +130px; border-width: 0; outline-width: 0; border-color: transparent; outline-color: white; }
#container TABLE.tabg {width: 100%; empty-cells: show; text-align: justify; vertical-align: top; background: #ccccff url('img/essainfr.jpg') no-repeat fixed top left;}
TD.rem { text-align: right; width: 140px; vertical-align: top; background-color: transparent; }
#container TABLE.ta2 {width: 500px; empty-cells: show; position: relative; background-color: transparent;}
#container TABLE.ta3 {width: 100%; margin: 0; empty-cells: show; vertical-align: top; background-color: transparent;}
#container TABLE TD.td1 { height: 60px; width: 50%; background-color: transparent; }
#container TABLE TD.td2 {  height: 60px; width: 50%; background-color: transparent; }
#container TABLE TD.td3 { text-align: right; width: 140px; vertical-align: top; background-color: transparent; }
#container TABLE TD.colcale { font-size: 10pt; width: 82%; text-align: justify; vertical-align: top; border-style: none;  background: #99ccff; border: solid #BA9E86 1px; padding: 5px 5px 5px 5px; background: #99ccff url('img/essai_fadenfr.jpg') no-repeat fixed top left;}
#container TABLE TD.colunique { font-size: 10pt; width: 82%; text-align: justify; vertical-align: top; border-style: none;  background: #99ccff; border: solid #BA9E86 1px; padding: 5px 5px 5px 5px; background: #99ccff url('img/essai_fadenfr.jpg') no-repeat fixed top left;}
#container TABLE TD.colg { font-size: 10pt; width: 41%; text-align: justify; vertical-align: top; border-style: none;  background: #99ccff; border: solid #BA9E86 1px; padding: 5px 5px 5px 5px; background: #99ccff url('img/essai_fadenfr.jpg') no-repeat fixed top left;}
#container TABLE TD.cold { font-size: 10pt; width: 41%; text-align: justify; vertical-align: top; border-style: none;  background: #99ccff; border: solid #BA9E86 1px; padding: 5px 5px 5px 5px; background: #99ccff url('img/essai_fadenfr.jpg') no-repeat fixed top left;}
#container TABLE TD.colm { font-size: 10pt; width: 18%; color: navy; font-weight: bold; text-align: left; vertical-align: top; border: solid #BA9E86 1px; background: #99ccff url('img/bv.jpg') no-repeat;}
#container TABLE TD.td7 { font-size: 10pt; text-align: center; width:16%; vertical-align: top; border-style: none;}
#container TABLE TD.td8 { font-size: 10pt; text-align: center; width:16%; vertical-align: top; border-style: none; font-weight: bold; }
#container TABLE TD.td9 { font-size: 10pt; text-align: center; width:16%; vertical-align: top; font-weight: bold; }
#container TABLE TD.td10 { font-size: 10pt; width: 40%; text-align: center; vertical-align: top; border-style: none; }
#container TABLE TD.td11{ font-size: 10pt; width: 40%; text-align: center; vertical-align: top; }
#container TABLE TD.td12 { font-size: 10pt; text-align: center; vertical-align: top; border-style: none;}
#container TABLE TD.td13 { vertical-align: top; border: solid #BA9E86 1px;}
#container TABLE TD.td15 { vertical-align: top; margin: 0; border: none;}
#container TABLE TD.td14 { font-size: 10pt; width: 80%; text-align: justify; vertical-align: top; border-style: none; }
TEXTAREA { font-family:   arial, helvetica; font-size: 11pt; }
input.majtari {width: 5em; text-align: center;}
ul#menu {
	list-style: none;
	font-size: 10pt;
	margin:0px;
	padding:0px;
}
ul#menu li ul{
  list-style: none;
  display: none;
  position: relative;
  left: +20px;
  margin:0px;
  padding:0px;
}

ul#menu li:hover>ul{
  display: list-item;
  	margin:0px;
	padding:0px;
}
#menu a {  font-family: arial, helvetica; color: red; font-weight: bold; text-decoration: none}
