* {
  margin:0;
  padding:0;
}
body {
	width:100%;
  background:#5B2D91;
  padding-top:10px;
}
ul{
  list-style:none;
}
.clear{
  clear:both;
}
.fll{float:left;}
.flr{float:right;}
.rght{
  margin:0px 5px 10px 10px;
  float:right;
  padding:5px;
}
.lft{
  float:left;
  margin:5px 10px 10px 5px;
  padding:5px;
}
.center{text-align:center;}
.btn{
  border:none;
}
img{
  border:none;
}
a{
  outline:none;
  text-decoration:none;
}
.noborder{border:none;}
#container{
  margin:0 auto;
  width:960px;
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
  position:relative;
}
#footer{
  margin:5px auto;
  width:960px;
}
#footer p{
  text-align:center;
  color:#fff;
  font-size:11px;
}
#footer p a{
  color:#fff;
  font-size:11px;
}
/******************
    NAVIGUATION
*******************/
#nav_supp{
  float:right;
  margin-top:30px;
}
#nav_supp li{
  float:left;
  display:block;
  width:110px;
  height:35px;
  margin-left:6px;
  text-align:center;
  line-height:25px;
  position:relative;
  z-index:10 !important;
}

#nav_supp li ul {
  display:none;
  position:absolute;
  background-color:#92569A;
  top:35px;
  left: 0;
  width:150px;
  padding:5px 0 0 0;
}
#nav_supp li:hover ul , #nav_supp li.sfhover ul {
  display:block;
}

#nav_supp li li.top{
  margin-left:0;
  text-align:left;
  padding: 0 5px 5px 5px;
  width:140px;
  height:15px;
  float:none;
}

#nav_supp li li.top a{
  padding: 0 5px 0 5px;
  height:15px;
  line-height:15px;
  font-weight:normal;
}
#nav_supp li li.top a.active,#nav_supp li li.top a:hover{
  background:#A472AA;
}
#nav_supp li.saint-germain{
  line-height:12px;
}
#nav_supp li a{
  color:#fff;
  height:26px;
  padding:2px 0;
  background:#92569A;
  font-size:12px;
  font-weight:bold;
  display:block;
}
#nav_supp .menu_tools{
  position:absolute;
  top:-21px;
  left:0;
  display:none;
  background:none;
}
#nav_supp li:hover .menu_tools, #nav_supp li.sfhover .menu_tools{
  display:block;
}
#nav_supp li:hover li .menu_tools, #nav_supp li.sfhover li .menu_tools{
  display:none;
}
#nav_supp li li:hover .menu_tools, #nav_supp li li.sfhover .menu_tools{
  display:block;
}
#nav_supp .menu_tools li{
  margin:0;
  padding:0;
  float:left;
  width:20px;
  height:18px;
}
#nav_supp .menu_tools li a{
  width:20px;
  height:18px;
  text-indent:-9999px;
  opacity:0.4;
  filter:alpha(opacity=40);
}
#nav_supp .menu_tools li a:hover{
  opacity:1;
  filter:alpha(opacity=100);
}

#nav_supp .add{
  background:url(../images/admin/add.gif) no-repeat center 0;
}
#nav_supp li li.top a.add:hover{
  background:url(../images/admin/add.gif) no-repeat center 0;
}
#nav_supp .edit{
  background:url(../images/admin/edit.gif) no-repeat center 0;
}
#nav_supp li li.top a.edit:hover{
  background:url(../images/admin/edit.gif) no-repeat center 0;
}
#nav_supp .delete{
  background:url(../images/admin/delete.gif) no-repeat center 0;
}
#nav_supp li li.top a.delete:hover{
  background:url(../images/admin/delete.gif) no-repeat center 0;
}
#nav_supp ul .menu_tools{
  padding:0;
  position:absolute;
  width:auto;
  left:-65px;
  top:0;
}
#nav_supp #root_menu_tool{
  position:absolute;
  right:-80px;
}
#nav_supp #root_menu_tool a{
  padding-top: 10px;
}
.index #nav_main{
  margin-top:150px;
  width:220px;
}
.pages #nav_main{
  margin-bottom:300px;
  width:221px;
  float:left;
  margin-top:30px;
}
#nav_main li{
  text-align:right;
  display:block;
  border-bottom:1px solid #fff;
  padding:6px 0;
  width:184px;
  margin-left:30px;
}
#nav_main li a{
  color:#fff;
  font-weight:bold;
  display:block;
  padding-right:20px;
  background:url(../images/list-style_nav-main.gif) right no-repeat;
}
#nav_main li a.active{
  background:url(../images/list-style_nav-main-active.gif) right no-repeat;
}
#nav_main li li a.active,#nav_main li li a:hover{
  background:#A472AA url(../images/list-style_sub_nav_main_ove.gif) right no-repeat;
}
.index #nav_main li a{
  font-size:12px;
}
.pages #nav_main li a{
  font-size:11px;
}
#nav_main li ul{
  display:none;
}

#nav_main li li{
  border:none;
  background:url(../images/list-style_sub_nav_main.gif) right no-repeat;
  padding:2px 0 2px 0;
  margin:0;
}
#nav_main li li a{
  font-size:12px;
  border:none;
  font-weight:normal;
  padding-right:10px;
  background:none;
}
#nav_main .menu_tools{
  position:absolute;
  top:10%;
  right:-60px;
  display:none;
  z-index:10;
}
#nav_main li:hover .menu_tools{
  display:block;
}
#nav_main li:hover li .menu_tools{
  display:none;
}
#nav_main li li:hover .menu_tools{
  display:block;
}
#nav_main .menu_tools li{
  margin:0;
  padding:0;
  float:left;
  background:none;
  width:20px;
  height:18px;
}
#nav_main .menu_tools li a{
  padding:0;
  text-align:left;
  width:20px;
  height:18px;
  text-indent:-9999px;
  opacity:0.4;
  filter:alpha(opacity=40);
}
#nav_main li .menu_tools li a:hover{
  opacity:1;
  filter:alpha(opacity=100);
}
#nav_main .add{
  background:url(../images/admin/add.gif) no-repeat center 0;
}
#nav_main .add:hover{
  background:url(../images/admin/add.gif) no-repeat center 0;
}
#nav_main .edit{
  background:url(../images/admin/edit.gif) no-repeat center 0;
}
#nav_main .edit:hover{
  background:url(../images/admin/edit.gif) no-repeat center 0;
}
#nav_main .delete:hover{
  background:url(../images/admin/delete.gif) no-repeat center 0;
}
#nav_main .delete{
  background:url(../images/admin/delete.gif) no-repeat center 0;
}
#nav_main #root_menu_tool a.add{
  background-position: 120px 0;
}
/******************
        INDEX
*******************/
.index #content_supp{
  color:#fff;
  width:790px;
  height:600px;
  float:left;
  background:#92569A url(../images/illustration-index.jpg) right top no-repeat;
}
.index #content_supp p strong{
  display:block;
  text-indent:-9999px;
}
.index #content_supp img{
  margin:16px 0 0 12px;
}
.index #content_supp em{
  display:block;
  text-indent:-9999px;
}
.index #content_main{
  width:160px;
  float:left;  
  background:#Fff;
  padding-right:10px;
  height:600px;
}
.index #content_main h1{
  font-size:14px;
  color:#5B2D91;
  padding:20px 0;
}
.index #content_main p{
  font-size:14px;
  color:#5B2D91;
  margin-bottom:20px;
}
.index #content_main a{
  color:#5B2D91;
  font-size:13px;
  text-decoration:underline;
}
/*********************
        PAGES
**********************/
#accroche{
  position:absolute;
  width:148px;
  height:148px;
  background: url(../images/bulle.gif) 0 0 no-repeat;
  bottom:100px;
  left:0;
  text-indent:-9999px;
}
#header{
  height:65px;
}
#header #logo{
  width:235px;
  float:left;
}
#page_content{
  width:960px;
  background:url(../images/bg_page_content.gif) repeat-y;
}
#content_supp{
  width:169px;
  float:left;
  height:600px;
  min-height:600px;
  background:url(../images/content_supp_bg.gif) no-repeat;
}
html>body .pages #content_supp{height:auto}
#content_supp h1{
  font-size:18px;
  margin:40px 0pt 0pt 18px;
  text-align:right;
  color:#fff;
  width:137px;
}
.pages #content_main{
  position:relative;
  z-index:1;
  background:#fff;
  width:557px;
  float:left;
  height:500px;
  min-height:500px;
  padding:36px 0 20px 11px;

}
html>body .pages #content_main{height:auto}
#content_main h1{
  color:#5B2D91;
  font-size:16px;
  line-height:20px;
  font-weight:bold;
}
#content_main h2{
   background:#92569A url(../images/fleche-h2.gif) 5px 4px no-repeat;
  color:#fff;
  margin:20px 10px 0 0;
  padding:2px 15px 2px 20px;
  font-size:13px;
  font-weight:normal;
}
.pages #content_main p{
  font-size:13px;
  margin: 20px 10px 0 0;
}
.pages #content_main a{
  color:#C6158D;
  font-size:12px;
  text-decoration:underline;
}
.pages #content_main a:hover{
  text-decoration:none;
}
#content_main ul{
  margin-top:10px;
  margin-left:5px;
}
#content_main li{
  font-size:13px;
  margin-top:7px;
  padding-left:15px;
  background: url(../images/bg-puce.gif) 6px 4px no-repeat;
}
#content_main table.table{
  margin:20px 20px 20px 0; 
}
#content_main table.table td, #content_main table.table th{
  border:1Px solid #5B2D91;
  padding:5px;
}
#content_main table.table th{
  color:#5B2D91;
}
form .pages #content_main{
  padding-top:0;
}
.pages #content_main #depot_offre p{
  margin-top:10px;
}
#depot_offre{
  margin-top:20px;
}

#depot_offre label{
  position:absolute;
  width:215px;
  text-align:right;
}

#depot_offre input{
  margin-left:230px;
  width:200px;
  border:1px solid #5B2D91;
}

#depot_offre select{
  margin-left:230px;
  width:200px;
  border:1px solid #5B2D91;
}

.pages #content_main #depot_offre .espace{
  margin-top : 25px;
}

#depot_offre textarea{
  border:1px solid #5B2D91;
  margin-left:230px;
  height:100px;
  width:200px;
}
#recherche{
  border:1px solid #5B2D91;
}
#content_main h2 span.offre{
  position:absolute;
  right:15px;
  font-weight:bold;
}
#content_main .offre_coordonee{
  width:220px;
  margin:10px 10px 0 0;
  padding:5px;
  float:left;
  border:1px solid #5B2D91;
  background : #EBD1EF;
}
.pages #content_main .offre_coordonee p{
  margin-top:10px;
}
#content_main .offre_coordonee input{
  border:none;
  background:none;
}
#content_main h2 input,#content_main h2 select {
  border:none;
  background:none;
  color:#fff;
  font-weight:bold;
}
#content_main h2 span select{
  text-align:right;
}
#content_main .offre_desc textarea{
  border:none;
  background:none;
  height:180px;
  width:305px;
}
#content_main .offre_desc{
  float:left;
  width:305px;
  margin:10px 0 0 0;
}
.pages #content_main .offre_desc p{
  margin:10px 0 0 0;
}
.rouge{
  color:#CF0000;
}
#content_main .admin_offre{
  background:#ddd;
  padding:5px;
  margin:10px 10px 0 0;
}
.pages #content_main .admin_offre p{
  margin-top:5px;
}
#content_main .admin_offre input{
  position:absolute;
  right:15px;
}
#content_main .validation_offre{
  margin-top:10px;
}
/* ############################################## */
/* #################### EWOK #################### */
/* ############################################## */
#nav_main .not_visible a{
  opacity:.30;
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
}
#content_main ul.child_list, #content_main ul.linked_pages{
  list-style-type:none;
  margin:10px 0 0 26px;
}
#content_main ul.child_list li, #content_main ul.linked_pages li{
  width:100px;
  text-align:center;
  margin:5px 20px 0 0;
  font-size:1.1em;
}
#content_main ul.child_list li img, #content_main ul.linked_pages li img{
  border:1px solid #000;
  margin:0;
}
#content_main ul.child_list li a, #content_main ul.linked_pages li a{
  text-decoration:none;
  color:#000;
  background:none;
  padding-left:0;
}
#content_main ul.child_list li a:hover, #content_main ul.linked_pages li a:hover{
  text-decoration:underline;
}
#form_login{
  margin:30px 0 0 30px;
}
#form_login fieldset{
  border:0;
}
#form_login label{
  position:absolute;
  margin-top:10px;
  font-size:1.1em;
}
#form_login input{
  margin:10px 0 0 100px;
  border:1px solid #000;
}
/*== BACK OFFICE CONTENT ==*/
#toolbar{
  list-style-type:none;
  background-color:#000;
  position:absolute;
  top:0;
  left:0;
  top:expression(documentElement.scrollTop+body.scrollTop);
  z-index:100;
  width:100%;
  margin:0;
}
form > #toolbar, body > #toolbar{
  position:fixed;
  top:0;
}
#toolbar li{
  padding:0;
  margin-right:5px;
}
#toolbar li a{
  font-size:0.8em;
  font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif;
  background:none;
  border:none;
  text-decoration:none;
  margin-top:2px;
  padding:0 3px 5px 3px;
  line-height:14px;
  color:#fff;
  cursor:pointer;
}
.submit, .submit2,.cancel, .save{
  width:20px;
  text-indent:-9999px;
  border:none;
  display:block;
}
.submit{
  background:url(../images/admin/submit.gif) no-repeat;
}
.submit2{
  background:url(../images/admin/submit2.gif) no-repeat;
}
.cancel{
  background:url(../images/admin/cancel.gif) no-repeat;
}
.save{
  background:url(../images/admin/save_and_continue.gif) no-repeat;
}
.add{
  border:none;
  display:block;
  background:url(../images/admin/add.gif) no-repeat;
  padding:0 0 0 0;
}
.edit{
  border:none;
  display:block;
  background:url(../images/admin/edit.gif) no-repeat;
  padding:0 0 0 0;
}
.delete{
  border:none;
  display:block;
  background:url(../images/admin/delete.gif) no-repeat;
  padding:0 0 0 0;
}
#page_creation{
  padding:5px 0 0 0;
  font-size:0.9em;
}
#page_creation input{
  width:130px;
}
.modbar{
  text-align:left;
  margin:10px auto;
}
.modbar_new{
  background-color:#E3E4E7;
  padding:5px 0 5px 10px;
  margin:10px 0;
}
.modbar button, .modbar_new button{
  border:none;
  font-size:1em;
  line-height:2.3em;
  font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif;
  margin:0;
  padding:0 0 8px 20px;
  width:auto;
  overflow:visible;
  margin:0 10px 5px 0;
}
.modbar button span{
  background-color:#e3e4e7;
  padding:3px 2px;
}
/*== FORMS ==*/
#field_parameters{
  background:#fff;
  margin:3px 0 0 0;
  padding-top:20px;
  color:#000;
  border:2px solid #E3E4E7;
}
#field_parameters legend{
  margin-left:15px;
  font-weight:bold;
  font-size:2.1em;
  color:#E3E4E7;
  padding:0 5px;
  margin:0 0 0 10px;
}
#field_parameters fieldset{
  border:1px dashed #E3E4E7;
  margin:10px;
}
#field_parameters fieldset legend{
  font-size:1.4em;
  color:#7a7a7a;
}
#field_parameters p{
  margin:20px 5px 10px 20px;
}
#field_parameters p#options{
  margin:20px;
}
#field_parameters p#options a{
  font-size:0.9em;
  border:1px solid #E3E4E7;
  padding:4px;
  text-decoration:none;
  color:#7a7a7a;
  line-height:30px;
  outline:none;
}
#field_parameters p#options a.active{
  background-color:#E3E4E7;
}
#field_parameters label{
  position:absolute;
  width:145px;
  font-size:1em;
}
#field_parameters input, #field_parameters textarea{
  width:300px;
  margin-left:170px;
  border:1px solid #7A7A7A;
}
#field_parameters input.auto{
  border:none;
}
#field_parameters .calendar{
  border:0;
  background:url(../images/admin/calendar/date.gif) no-repeat 0 0;
  width:17px;
  padding:0;
  margin:0 0 0 5px;
  cursor:pointer;
}
#field_parameters .mini_input{
  width:280px;
}
#field_parameters .mini_input2{
  width:25px;
  margin:0;
}
#field_content{
  border:none;
  margin:3px 5px 3px 0;
}
#modules {
  list-style:none;
}
.template_content1, .template_content2{
  text-indent:-9999px;
  border:none;
  width:22px;
  height:21px;
  margin-right:20px;
}
.template_content1{
  background:url(../images/admin/template_1.gif) no-repeat;
  border:none;
}
.template_content2{
  background:url(../images/admin/template_2.gif) no-repeat;
}
.warning{
  color:#f00; 
}
.translate_fr{
  background:url(../images/fr.gif) top left no-repeat;
  padding-left:25px;
  margin:0 15px 0 0;
}
.translate_en{
  background:url(../images/en.gif) top left no-repeat;
  padding-left:25px;
  margin:0;
}

/*== AJAX SEARCH ==*/
#field_search{
  border:0;
  color:#0C6B99;
  margin:10px 0 0 0;
}
#field_search h2{
  margin:0 0 5px 0;
}
button.search{
  background:url(../images/admin/zoom.gif) top left no-repeat;
  border:0;
  text-indent:-9999px;
  width:16px;
}
#pages_results ul{
  position:absolute;
  width:195px;
  background-color:white;
  border:1px solid #7A7A7A;
  margin:0;
  padding:0;
  z-index:10;
}
#pages_results ul{
  list-style-type:none;
  margin:0;
  padding:0;
}
#pages_results ul li.selected{
  background-color:#74000C;
  color:#fff;
}
#pages_results ul li{
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:15px;
  width:190px;
  cursor:pointer;
  text-align:left;
}

/*== MULTI CRITERIA ==*/
.options{
  margin:10px 0 0 0;
  list-style:none;
}
.options li{
  background:url(../images/admin/bullet.gif) left no-repeat;
  padding:0 0 0 8px;
}
.hs_big{
  background:url(../images/admin/edit.gif) no-repeat;
  padding:0 0 0 15px;
  margin:0 10px 0 0;
}
#footer .baseline{
  margin-bottom:10px;
  color:#8B5FBF;
}
#footer .baseline a{
  color:#8B5FBF;
  text-decoration:underline;
}
#footer .baseline a:hover{
  text-decoration:none;
}