/* css */
body{
background-color:#ff9000;
color:#000;
font-family:Arial,Helvetica,Verdana,Geneva,sans-serif;
font-size:100%;
margin:0;
padding:0;
font-variant: normal;
font-weight: normal;
font-style: normal;
line-height: normal;
}
h1, h2, h3, h4, h5, h6, a, p, div, img, ul, li {margin: 0;padding: 0;font-variant: normal;font-family:Arial,Helvetica,sans-serif,Verdana;
font-size:100%;font-weight: normal;font-style: normal;line-height: normal;
}
img {border: 0;}
h1, #acces, .cache {display: none;}
h2 {font-weight: bold; font-style: oblique;}
h3 {margin: 0 0 10px 0;padding:10px;font-weight: bold; font-size: 160%;text-decoration:underline; background-color: #ccffcc;}
h4 {padding: 1px 5px 1px 5px;font-weight: bold; font-size: 120%; background-color: #ffff99;display: inline;}
p {padding:10px;margin: 10px 10px 10px 40px; background-color: #ffffcc;}
a {text-decoration:none;color:#ff0000;font-weight: bold;}
a:visited {color:#ff0000;}
a:hover {color:#0000ff;}
.zoomh img {width: 300px; height: 200px;}
.zoomh img:hover {width: 600px; height: 400px;}
.zoomv img {width: 200px; height: 300px;}
.zoomv img:hover {width: 400px; height: 600px;}
.sousligne {text-decoration:underline;}
.gras  {font-weight: bold;}
.italic {font-style: oblique;}
.centre {text-align: center;}
.droite {text-align: right;}
.liste {display:list-item;list-style-type:square;list-style-position:inside;padding: 1px 0 0 70px;}
#texte p {text-indent: 30px;}
#texte p:first-letter {font-size:130%;font-style: oblique;}
#menu {position: absolute; width: 100%; top: 2px; background-color: #ffffdd;}
#menu li {display: inline;}
#menu, #copyright, h3 {text-align: center;}
.menupage {background-color: #99ffff;}
#menuligne {position: absolute; width: 100%; height: 24px; top: 8px; left: 0; background-color: #ffff00;}
#gauche {position: absolute; left: 10px; top: 420px; width: 170px; border: 0px; background-color: #bbbbbb;}
#sousmenu, #liensfoires {border: 0px;}
#gauche h3 { font-size: 90%;text-decoration:none; background-color: #dddddd;}
#sousmenuint, #liensfoiresint {margin: 15px; padding: 5px; background-color: #ffffff;}
#gauche ul {list-style-type: none; padding: 0px; margin: 0px;}
#gauche li {margin: 0px 0px 0px 10px; padding: 0px; font-size: 90%;}
.sousmenuintchoix {background-color: #99ffff;}
.sousmenuintchoix0 {margin: 0 0 0 20px;}
.sousmenuintchoix1 {background-color: #99ffff; margin: 0 0 0 30px;}
.smigauche a, .smigauche a:visited {color: #660000;}
.smigauche a:hover {color: #cc6666;}
#mcoinhg {position: absolute; width: 16px; height: 16px; left: 0; top: 0; background-image: url("http://www.johanes.fr/images/mhg.gif"); background-repeat: no-repeat;}
#mcoinhd {position: absolute; width: 16px; height: 16px; right: 0; top: 0; background-image: url("http://www.johanes.fr/images/mhd.gif"); background-repeat: no-repeat;}
#mcoinbg {position: absolute; width: 16px; height: 16px; left: 0; bottom: 0; background-image: url("http://www.johanes.fr/images/mbg.gif"); background-repeat: no-repeat;}
#mcoinbd {position: absolute; width: 16px; height: 16px; right: 0; bottom: 0; background-image: url("http://www.johanes.fr/images/mbd.gif"); background-repeat: no-repeat;}

#bandeau {position: absolute; width: 100%; height: 245px; left: 0; top: 40px; background-image: url("http://www.johanes.fr/images/bandeaufond.gif");}
#logophotos {position: absolute; width: 549px; height: 221px; right: 0; top: 0;}
#logofoirebio {position: absolute; width: 500px; height: 200px; right: 0; top: 10px;}
#logomagasin {position: absolute; width: 249px; height: 120px; right: 40px; top: 50px;}
#logotriskell {position: absolute; width: 341px; height: 120px; right: 40px; top: 50px;}
#logosoldatlouis {position: absolute; width: 179px; height: 120px; right: 40px; top: 50px;}
#logocristal {position: absolute; width: 388px; height: 122px; right: 40px; top: 50px;}
#logoliens {position: absolute; width: 500px; height: 200px; right: 0; top: 10px;}
#logocontact {position: absolute; width: 376px; height: 167px; right: 40px; top: 35px;}
#contenu {position: absolute; width: 95%; left: 51px; top: 285px;}

#baslogog {position: absolute; width: 219px; height: 128px; left: 0; top: 0; background-image: url("http://www.johanes.fr/images/bandeaubg.gif"); background-repeat: no-repeat;}
#baslogoc {position: absolute; height: 128px; left: 219px; top: 0; background-image: url("http://www.johanes.fr/images/bandeaubc.gif");}
.accueilbaslogoc {width: 141px;}
.foirebiobaslogoc {width: 277px;}
.magasinbaslogoc {width: 155px;}
.triskellbaslogoc {width: 141px;}
.soldatlouisbaslogoc {width: 236px;}
.cristalbaslogoc {width: 131px;}
.liensbaslogoc {width: 105px;}
.contactbaslogoc {width: 151px;}
.diaporeglagebaslogoc {width: 366px;}
#titre {font-size:242%; position: absolute; left: 219px; top: 40px;}
#baslogod {position: absolute; width: 31px; height: 128px; top: 0; background-image: url("http://www.johanes.fr/images/bandeaubd.gif"); background-repeat: no-repeat;}
.accueilbaslogo {left: 360px;}
.foirebiobaslogo {left: 496px;}
.magasinbaslogo {left: 374px;}
.triskellbaslogo {left: 360px;}
.soldatlouisbaslogo {left: 455px;}
.cristalbaslogo {left: 350px;}
.liensbaslogo {left: 324px;}
.contactbaslogo {left: 370px;}
.diaporeglagebaslogo {left: 585px;}
#par {position: absolute; top: 0;}
.accueilpar {left: 400px;}
.foirebiopar {left: 536px;}
.magasinpar {left: 414px;}
.triskellpar {left: 400px;}
.soldatlouispar {left: 495px;}
.cristalpar {left: 390px;}
.lienspar {left: 364px;}
.contactpar {left: 410px;}
#parrouge {position: absolute; top: 0; left: 0;}
#parvert {position: absolute; top: 0; left: 40px;}
#parbleu {position: absolute; top: 0; left: 80px;}
#parr, #parv, #parb {position: absolute; top: 0; left: 4px;}
#rayonsr, #rayonsv, #rayonsb {position: absolute; top: 31px; left: 3px;}
#rayonsr {background-color: #cc0000;}
#rayonsv {background-color: #00ff00;}
#rayonsb {background-color: #0000cc;}
#dmx0 {position: absolute; background-color: #ffffff; width: 274px; height: 124px; left: 140px; top: -25px;}
#dmx1 {position: absolute; background-color: #000000; width: 270px; height: 120px; left: 2px; top: 2px;}
#dmx {position: absolute; left: 0px; top: 35px;margin: 2px; padding: 2px; font-size:70%;}
#console {position: absolute; width: 80px; height: 10px; left: 0px; top: 0px;}
#console p {font-size:70%;margin: 5px 0 0 2px; padding: 1px; background-color: #000000; color: #ffffff;font-weight: bold; font-style: oblique;}
#console hr {margin: 0; padding: 0; border: 0; height: 1px; background-color: #ffffff; color: #ffffff;}
#dmxsv, #dmxraz {position: absolute; background-color: #000000; width: 70px; height: 10px; left: 197px;font-size:70%;text-align: center;}
#dmxsv {top: 5px;}
#dmxraz {top: 20px;}
#cable {position: absolute; width: 160px; height: 3px; left: 20px; top: 5px; background-color: #000000; color: #000000;}
#cabler {position: absolute; width: 3px; height: 10px; left: 20px; top: 5px; background-color: #000000; color: #000000;}
#cablev {position: absolute; width: 3px; height: 10px; left: 60px; top: 5px; background-color: #000000; color: #000000;}
#cableb {position: absolute; width: 3px; height: 10px; left: 100px; top: 5px; background-color: #000000; color: #000000;}

#afficheur0 {position: absolute; width: 112px; height: 32px; left: 80px; top: 5px; background-color: #ffffff;}
#afficheur {position: absolute; width: 110px; height: 30px; left: 1px; top: 1px; background-color: #00ff00;}
#afficheprojo, #affichecouleur {font-size:70%;text-align: center;}

#dmxtp, #dmxbd, #dmxtf, #dmxst, #dmxtxt {position: absolute; background-color: #000000; width: 90px; height: 10px; left: 5px;text-align: center;}
#dmxff, #dmxftf, #dmxfst, #dmxftxt {position: absolute; background-color: #000000; width: 90px; height: 10px; left: 100px;text-align: center;}
#dmxtp {top: 0px;}
#dmxbd, #dmxff {top: 15px;}
#dmxtf, #dmxftf {top: 30px;}
#dmxst, #dmxfst {top: 45px;}
#dmxtxt, #dmxftxt {top: 60px;}
#fader {position: absolute; background-color: #000000; width: 49px; height: 73px; left: 205px; top: 0px;}
#faderr {position: absolute; background-color: #ffffff; width: 13px; height: 73px; left: 0px; top: 0px;}
#faderv {position: absolute; background-color: #ffffff; width: 13px; height: 73px; left: 18px; top: 0px;}
#faderb {position: absolute; background-color: #ffffff; width: 13px; height: 73px; left: 36px; top: 0px;}
#r0, #r1, #r2, #r3, #r4, #r5, #v0, #v1, #v2, #v3, #v4, #v5, #b0, #b1, #b2, #b3, #b4, #b5 {position: absolute; left: 1px;}
#r0, #v0, #b0 {top: 61px;}
#r1, #v1, #b1 {top: 49px;}
#r2, #v2, #b2 {top: 37px;}
#r3, #v3, #b3 {top: 25px;}
#r4, #v4, #b4 {top: 13px;}
#r5, #v5, #b5 {top: 1px;}

#r0, #v0, #b0 {background-color: #000000;}
#r1 {background-color: #330000;}
#v1 {background-color: #003300;}
#b1 {background-color: #000033;}
#r2 {background-color: #660000;}
#v2 {background-color: #006600;}
#b2 {background-color: #000066;}
#r3 {background-color: #990000;}
#v3 {background-color: #009900;}
#b3 {background-color: #000099;}
#r4 {background-color: #cc0000;}
#v4 {background-color: #00cc00;}
#b4 {background-color: #0000cc;}
#r5 {background-color: #ff0000;}
#v5 {background-color: #00ff00;}
#b5 {background-color: #0000ff;}

#valid {position: absolute; width: 88px; height: 72px; right: 10px; top: 300px;}
#vcode {position: absolute; width: 88px; height: 31px; right: 0; top: 0;}
#vcss {position: absolute; width: 88px; height: 31px; right: 0; bottom: 0;}
.valide {margin: 0; padding: 0; background-color: transparent;}
#baslogog, #titre, #baslogod, #baslogoc, #corp {background-color: #ccffcc;}
#corp {position: absolute; left: 150px; top: 128px; width: 80%; border-bottom: 20px solid #ff9000;}
#corpko {position: absolute; left: 150px; top: 128px; width: 80%; border-bottom: 20px solid #ff9000;background-color: #ff0000;}
#titrefko {background-color: #ff0000;color: #ffffff;}
#coinhg {position: absolute; width: 65px; height: 65px; left: 0; top: 0; background-image: url("http://www.johanes.fr/images/coinhg.gif"); background-repeat: no-repeat;}
#coinhd {position: absolute; width: 65px; height: 65px; right: 0; top: 0; background-image: url("http://www.johanes.fr/images/coinhd.gif"); background-repeat: no-repeat;}
#coinbg {position: absolute; width: 65px; height: 65px; left: 0; bottom: 0; background-image: url("http://www.johanes.fr/images/coinbg.gif"); background-repeat: no-repeat;}
#coinbd {position: absolute; width: 65px; height: 65px; right: 0; bottom: 0; background-image: url("http://www.johanes.fr/images/coinbd.gif"); background-repeat: no-repeat;}
#texte, #copyright {margin: 30px; padding: 10px; background-color: #ffffff;}
#copyright {color: #ff0000;}
#diapos {text-align: center; padding: 0px; margin: 10px 20px 10px 50px; background-color: #cccccc;}
#diapos p {text-align: center; padding: 0px; margin: 0px; background-color: #ffffcc; text-indent: 0px;}
#diapos img {padding: 0px; margin: 10px;}
.decale_no {position: relative; bottom: 2px; right: 76px; background-color: #660000; color: #ffffff;}