body {background:url('fond_site3.jpg') no-repeat #ccddee 50% 0;color:#000000;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
#schtroumpf {position:absolute;left:0;}
#jungle {position:absolute;bottom:0;width:100%;height:50px;left:0;overflow:hidden;}
.corp {position:relative;margin:0 auto;padding:0;top:19px;width:992px;height:530px;}
li{list-style: none;}
hr {width:90%;clear:both;}
.head {position:absolute;right:295px;top:0;width:400px;height:100px;color:#007800;font-size:1.5em;font-weight:bold;font-family:"Indigo Joker","Viner Hand ITC","Comic Sans MS",fantaisy;text-align:center;background:url('bandeau.jpg') 50% no-repeat;}
.gauche .centre {position:absolute;top:0;right:695px;height:100px;width:100px;margin-top:0;font-size:0.8em;}
.gauche .centre img {margin-top:25px;}
.flag {position:absolute;top:0;right:195px;height:100px;width:100px;margin-top:0;}
.bloc-thumb img {border:none;}
.gauche .bloc-thumb hr {position:absolute;display:none;}
.bloc-simple .logo .centre {position:absolute;top:363px;left:40px;height:50px;width:50px;}
.gauche .bloc-thumb {position:absolute;top:40px;left:20px;height:150px;width:136px;margin-top:0;}
.yooo {position:absolute;top:193px;left:0;height:150px;width:136px;}
.legend {color:#007800;}
/*________________________________ droite __________________________________________*/
.bloc-droit { position:absolute;right:0;top:30px;width:150px;height:500px;margin:0;padding:0;}
.tit_expo p {margin-top:40px;margin-left:15px;text-align:left;}
.droite .bloc-droit .expo { position:absolute;left:15px;top:70px;width:115px;height:450px;margin:0;padding:0;overflow:auto;}
.droite .bloc-chat { position:absolute;right:8px;top:50px;width:150px;margin:0;padding:0;}
.droite .bloc-chat .form-chat, .droite .bloc-chat .form-smile  {font-size:0.8em;}
.droite .bloc-chat .bas-chat {font-size:0.7em;line-height:0.8em;}
.droite .bloc-chat hr {display:none;}
.meteo  { position:absolute;right:0;top:100px;width:150px;margin:0;padding:0;}
.droite .legend {text-align:left;margin-top:40px;height:450px;overflow:auto;}
.droite .legend h3 {color:green;text-align:center;}
.droite .legend img {width:20px;}
.help:link, .help:hover{
  background-image: url('new_window.gif');
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 18px;
}
.help:visited  {
  background-image: url('old_window.gif');
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 18px;
}
.help:hover {cursor:help;background-color:#fff}
/*________________________________ redac __________________________________________*/
.redac { position:absolute;top:140px;right:155px;width:640px;height:390px;overflow:auto;padding-right:15px;}
.redac h1 {color:red;font-size:1em;margin-top:0;}
.redac h3 {color:green;font-size:0.9em;}
.redac h2 {font-size:0.9em}
.left50 {float:left;width:48%;}
p:first-letter {font-family:"Indigo Joker","Viner Hand ITC","Comic Sans MS",fantaisy;font-size:1.3em;margin-top:-5px; /*line-height: 60% ;*/color:red;}
.redac p {text-align:left;}
.galery {left:15px}
.image {height:300px;border:inset #ccddee 2px;}
.auteur {position:relative;top:-30px;font-size:0.7em;color:white}
.area p {clear:left;text-align:center}
.left {float:left;width:75px;font-size:0.7em;}
.right {float:right;margin:20px;width:200px;}
/*________________________________ menu __________________________________________*/
.bloc-simple {width:150px;}
.menu_gauche li {width:165px;background:url('fond_menu.gif') 100% 50% no-repeat; }
.menu_gauche li a:hover {color:red;}
h3 a:link, h3 a:visited {color:green;}
.menu_gauche ul {position:absolute;top:120px;left:0;width:165px;}

.bloc-simple h3 {font-size:0.7em;text-align:left;}
.gab1 {position:absolute;top:100px;right:750px;}

.ass1 {position:absolute;top:100px;right:640px}
.act1 {position:absolute;top:100px;right:550px;}
.bal1 {position:absolute;top:100px;right:465px;}

.gal1 {position:absolute;top:100px;right:380px;}
.jeu1 {position:absolute;top:100px;right:320px;}
.lie1 {position:absolute;top:100px;right:260px;}
.pro1 {position:absolute;top:100px;right:175px;}
.menu {text-align:left;}
.m_gabian, .m_associations, .m_activites, .m_service, .m_commerce, .m_artisan, .m_caveau, .m_balade, .m_galerie, .m_jeux, .m_apropos {
text-align:left;display:none;}
#gabian, #associations, #service, #services, #commerces, #artisans, #caveaux, #balades, #galeries, #jeux, #apropos {
position:absolute;left:0;right:0;text-align:left;display:none;}
#f118 {text-align:center;margin-left:-25px}
#f118 input {-moz-border-radius:7px;}
/*_______________________________ deco ____________________________________________*/
.bord {position:absolute;top:0;right:0;width:200px;height:200px;}
.bordd {position:absolute;right:0;top:140px;width:150px;height:421px;margin:0;padding:0;}
.bordh {position:absolute;top:0;left:0;width:200px;height:200px;}
.bordb {position:absolute;top:330px;left:0;width:200px;height:200px;}
#plan {position:absolute;top:130px;text-align:left;font-size:0.8em;height:20px;z-index:10;}

.plus {font-family:monospace;border:outset #999999 1px;font-weight:bold;cursor:pointer;}
.niveau {position:relative;width:250px;display:none;left:35px;top:-2px;text-align:left;margin-top:0}
.niveau li {list-style-image:url('/picture/sui.gif')}
#gabian0, #associations0, #activites0, #balades0, #galerie0, #jeux0, #liens0, #propos0 {display:block}
/*______________________________ foot ______________________________________________*/
.foot {
position:absolute;top:532px;right:150px;width:620px;height:25px;text-align:center;}
.foot form input {font-size:0.5em;margin-top:5px;-moz-border-radius:7px;}
/*____________________________ agenda _____________________________________________*/
.agenda {border-style:solid;border-width:0px;border-color:black;width:420px;}
.agenda td, .agenda th {border:outset 2px #93b5db;-moz-border-radius:15px}
.date {color:red;font-weight:bold;text-align:center;background-color:white;}
.green {color:green;font-weight:bold;text-align:center;background-color:white;}
.red {color:red;}
.org {font-weight:bold;text-align:center;background-color:white;}
/*________________________________________________________________________________*/
.calend {display:none;}
.cal {width:115px;height:150px;text-align:center;}
#formulaire, select, input {font-size:0.8em;text-align:left;}
select, input, textarea {background-color:#ccddee;}
#libelle {width: 84px;margin: 0 auto;padding: 0;font-size:0.7em}
.ligne {width: 84px;margin: 0 auto;padding: 0;font-size:0.7em}
#libelle li {float : left;width : 12px;background-color:#ddeeff;font-weight:bold;}
#libelle .dim {color:red;}
.ligne li {color: #000;float : left;width : 12px;background-color:#deface;}
.ligne li a:hover{list-style: none;text-decoration: none;background-color:#fadace;}
.ligne li a:link, .ligne li a:visited {list-style: none;text-decoration: none;color:green;}
.ligne li a {color:green;}
.ligne .dim a:link, .ligne .dim a:visited {color:red;}
.ligne .dim a {color:red;}
li.itemCurrentItem {background-color:#ffaadd;}

#marius {position:absolute;top:30px;left:170px;width:50px;height:50px;display:none;background:url('chargement.gif') no-repeat;}
#preced {position:absolute;top:95px;left:195px;width:100px;height:20px;font-size:0.8em;}
.resclauze2 {position:absolute;top:245px;left:20px;width:590px;height:140px;}
#test {position:absolute;top:400px;left:400px;width:200px;display:none;background-color:white;font-weight:bold;font-size: 1.4em}
#flag {display:none;}
/*_________________________pub foire______________________________________*/
#foire {position:absolute;left:25%;top:30px;height:620px;display:block;}
.barre_pub {background-color:blue;height:20px;color:white;font-weight:900;padding:3px 5px;}
.ferme_barre {float:right;border:outset 1px;background-color:red;cursor:pointer}
/*_________________________educatif____________________________*/
.conjugue {height:370px;width:500px;border:3px inset #93b5db;padding:4px;background-color:white;}
.english {height:340px;width:570px;border:3px inset #93b5db;padding:4px;background-color:white;}