@charset "iso-8859-1";

 * {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }

body {background-color: #C7B18B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:normal; }

 a:link, a:visited, a:hover, a:active {color: #C8B18B; color:#DFD2BD; color:#FFCC66;}
/* .link:hover {text-decoration: overline;}*/
/* .link {text-decoration: underline; cursor:help;}*/
 
img {display: block;}
input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
em {font-style: normal; font-weight: bold;}
strong {color:#9B6900;}

.note{color:#18140c; font-style:italic;}
.clearer {height: 0.1em; clear: both;}
 
#conteneur {width: 830px; height: 555px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px;  }
#loader {width: 54px; height: 55px; margin: 300px auto;  background:#C7B18B;background-image:url(../images/ajax-loader.gif); background-repeat:no-repeat;  }
#wrapper { background:url(../images/bg_middle.gif); }
#page { background-image:url(../images/bg_top.gif);   }
#page_top {background-image:url(../images/bg_bottom.gif); background-position: left bottom; padding: 5px 5px 4px;  }
#page_bottom {border: 1px solid #DED1B8; }
#real_page {background: #f8f3ea; height: 494px; position: relative; overflow: hidden; border: 9px solid #CFBD9C; }
.description ul{margin:5px 0 5px 25px;}
.description li{list-style-type:disc; padding:1px;}
.page1 p{line-height:18px;}
.page2 p{line-height:20px;}


h1 {width: 174px; height: 174px;  position: absolute; top: 218px; left:416px; z-index: 10000; }
h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/logo.gif); display: block; height: 100%; width: 100%;}
h2 {width: 246px; height: 148px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
h3 {height: 18px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
h4 {font-size: 12px;}
h5 {text-transform:uppercase;color:#FFCC66; font-weight:normal;font-size:12px;}


#main_menu {width: 142px; position: absolute; top: 223px; left: 603px; padding: 1px 0 0; background:url(../images/dot_hor.gif); background-repeat: repeat-x;}
#main_menu li {padding: 0 0 1px; background:url(../images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
#main_menu a:link, #main_menu a:visited, #main_menu a:active {display: block; height: 23px; background-position: -137px 6px; text-indent: -3000px; background-repeat: no-repeat;  }
#main_menu a:hover, #main_menu a#hovered:link, #main_menu a#hovered:visited, #main_menu a#hovered:active {background-position: 5px 6px;}

.accueil {background:url(../images/accueil.gif);}
.erp     {background:url(../images/erp.gif);}
.ged     {background:url(../images/ged.gif);}
.paie 	 {background:url(../images/paie.gif);}
.conseil {background:url(../images/conseil.gif);}
.wooxo {background:url(../images/wooxo.gif);}
.contact {background:url(../images/contact.gif);}
 
#erp .description, 
#ged .description, 
#paie .description, 
#conseil .description, 
#infosleg .description,
#erpp2 .description,
#gedp2 .description,
#paiep2 .description,
#contact .description {background-color: #4f4138;color: #E7DCCB; padding: 4px 80px 9px 10px;height: 333px;}

#wooxo .description  {background-color: #4f4138;color: #E7DCCB; padding: 4px 8px 9px 10px;height: 333px;}
#wooxo .p1,#wooxo .p2,#wooxo .p3,#wooxo .p4{ padding-right:80px;}
#wooxo .p2{}
#wooxo .p3{}
#wooxo .p4{}


#erpp2 .description,#gedp2 .description,#paiep2 .description, #infosleg .description{height: 451px; line-height:16px;}


#erp, #ged, #paie, #conseil, #infosleg, #contact, #erpp2, #gedp2, #paiep2, #wooxo {left: 0; top: 0; background-color: #2c1e16;}
#erp, #ged, #paie, #conseil, #contact, #wooxo {padding: 148px 0 0;}
#infosleg, #erpp2, #gedp2, #paiep2 {padding: 30px 0 0;}

#erp h2, #ged h2, #paie h2, #conseil h2, #contact h2, #wooxo h2 {background-position: center center;}
#conseilp2 h2, #infosleg h2, #erpp2 h2, #gedp2 h2, #paiep2 h2 {background-position: top center;}

#erpp2 .backp1,
#gedp2 .backp1,
#paiep2 .backp1, 
#infosleg .backp1 {display: block; height: 9px; width:18px; background:url(../images/arrow-back.gif); background-position: 0px 0px; text-indent: -3000px; background-repeat: no-repeat;}

#erp    {background-image:url(../images/erp_t.jpg);}
#erpp2 {background-image:url(../images/erp_tp2.jpg);}
#erp h2, #erpp2 h2 {background-image:url(../images/erp-h2.gif);}
#erp h3, #erpp2 h3 {background-image:url(../images/erp-h3.gif);}

#ged    {background-image:url(../images/ged_t.jpg);}
#gedp2 {background-image:url(../images/ged_tp2.jpg);}
#ged h2, #gedp2 h2 {background-image:url(../images/ged-h2.gif);}
#ged h3, #gedp2 h3 { background-image:url(../images/ged-h3.gif);}

#paie   {background-image:url(../images/paie_t.jpg);}
#paiep2 {background-image:url(../images/paie_tp2.jpg);}
#paie h2, #paiep2 h2 {background-image:url(../images/paie-h2.gif);}
#paie h3, #paiep2 h3 { background-image:url(../images/paie-h3.gif);}

#conseil    {background-image:url(../images/conseil_t.jpg);}
#conseil h2 {background-image:url(../images/conseil-h2.gif);}
#conseil h3 { background-image:url(../images/conseil-h3.gif);}

#infosleg    {background-image:url(../images/infosleg_t.jpg);}
#infosleg h2 {background-image:url(../images/infosleg-h2.gif); width: 330px;}
#infosleg h3 {background-image:url(../images/infosleg-h3.gif);}

#contact    {background-image:url(../images/contact_t.jpg);}
#contact h2 {background-image:url(../images/contact-h2.gif);}
#contact h3 {background-image:url(../images/contact-h3.gif);}

#wooxo    {background-image:url(../images/wooxo_t.jpg);}
#wooxo h2 {background-image:url(../images/wooxo-h2.gif);}
#wooxo h3 {background-image:url(../images/wooxo-h3.gif);}



#contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
#contents {width: 3952px; height: 100%; position: relative;}
.content {width: 494px;  position: absolute; overflow: hidden; }
 
#logo {left: 0; top: 0;}
 
#contact_div {width: 370px;}
#contact_info {padding-left: 15px; float: left; width: 150px; white-space:normal;  line-height: 18px;}

.formulaire {width: 333px;}
.formulaire label {display: block; float: left; clear: both; white-space: nowrap; line-height:23px;}
.formulaire span {display: block; float: right;  background-color: #694f47; padding: 3px; margin: 0 0 4px; }
.formulaire input.text, .formular textarea {width: 243px; background-color: #694f47; display: block; color: #fff;}

.formulaire2 {width: 193px; float: left;}
.formulaire2 input.text,  .formulaire2 textarea {width: 128px;}
input.button {float: right; cursor:pointer; background:#694f47;border: 1px solid #443831;color:#C8B18B}
.formulaire textarea {height: 50px; overflow: auto;}
#log{position:relative; top:-100px; left:0px; width:193px; height:40px; border: 1px solid #443831; background:#694F47;padding:3px; text-align:center;}
#spinner {float:right;}
#spinner.ajax-loading {width:16px; height:16px;background: url(../images/ajax-loader-form.gif) no-repeat;}
.oksaisie{color:#99CC00;}
.errsaisie{color:#FF7C51;}
 
#footer {position: absolute; top: 530px; left: 497px; width: 328px; border: solid #E3D0AF; border-width: 0 0 0 1px; text-indent: 7px; line-height: 16px; color: #978158; font-size: 9px;}
#footer #evasion {text-indent: -3000px; overflow: hidden; width: 70px; height: 10px; background-image:url(../images/evasion.jpg); background-position: top left; position: absolute; right: 0; top: 0; display: block; }