@import "/app/helpers/css/style2.css";


body { background-color:#8cc83c; color:#808080; font-size:12px; }
ol, ul { list-style-position:outside; list-style-type:none; margin:0; }
body * a { text-decoration:none!important; color:#808080; /*color:#FF8C00;*/ padding:2px; }
.menu { background:none; padding:0; position:static; width:inherit; z-index:inherit; }
.corner-left { float:left; background:url(/app/helpers/pix/title-corners-white.png) no-repeat top left; width:9px; height:36px; display:inline; }
.corner-right { float:right; background:url(/app/helpers/pix/title-corners-white.png) no-repeat top right; width:9px; height:36px;display:inline; }
.button { border:#CCCCCC solid 1px; text-decoration:none; color:#666666; margin:5px; padding:3px 5px 3px 5px; background-color:#FFFFFF; cursor:pointer; float:right; display:inline; }
.button:hover{ color:#000000}

.colorOrange { color:#ff8c00!important; }

input.text, select, textarea, .ical {  color:#808080; width:99%; border:0 solid; outline: 1px solid #B2B2B2; border-top:2px solid #EAEAEA; padding-left:2px; padding-top:1px; margin-top:5px; }
select { border:0 solid; }
input.text, .ical { height:16px; }
* html input.text, * html select, * html textarea { border: 1px solid #B2B2B2; background-image:url(/app/helpers/pix/background-input.png); background-repeat:repeat-x; background-position:left top; }
*+html input.text, *+html select, *+html textarea { border: 1px solid #B2B2B2; background-image:url(/app/helpers/pix/background-input.png); background-repeat:repeat-x; background-position:left top; }

select.kwo-date { border:0 none; width:56px; }
fieldset { border: 1px solid #e6e6e6; padding: 0 15px 15px; margin-top:10px /* margin:15px 10px 0;*/ }
legend { font-size:14px; height:36px; letter-spacing:0.5pt; line-height:16px; padding:0 3px; font-weight:bold; color:#808080; }
h1, h2 { font-weight:normal; }

table.table { table-layout:fixed; width:100%; }
table.table TBODY TD { padding:2px;  padding-top:10px; vertical-align:middle;}
table.table TBODY TDOLD:first-child { text-align:right; font-weight:bolder; }
table.table TBODY TD.label LABEL { margin:0 4px 0 0; display:block; text-align:right; font-weight:bolder; }
table.table TBODY TD.label A:link,
table.table TBODY TD.label A:visited { text-decoration:none; margin:0 3px; }
table.table TBODY TD.label A IMG { vertical-align:middle; border-style:none; }
table.table TBODY TR.heading TD { padding:4px 0; font-size:14px; text-align:left; border:0px; }
table.table TBODY TR.heading TD:first-letter { text-transform:uppercase; }
table.table TBODY TR.separator TD { border-bottom:1px solid #E6E6E6 !important;  }
table.table TBODY TR.odd TD { background:#f2f2f2;  }
table.table THEAD TH { border:0px; padding:6px 6px 6px 0; text-align:left; font-size:110%; }
table.table THEAD TH:first-letter { text-transform:uppercase; }
table.table TFOOT TD { vertical-align:middle; border:0px solid black; padding:6px 0 0 0; }
table.table TFOOT TD .legend { font-style:italic; float:left; text-align:left; }

/* blog */
#blog h1, 
#blog h2, 
#blog h3 {font-weight:normal !important;}
#blog #content {  width:640px; float:left; margin-bottom:150px;padding-right:20px;}
#blog #sidebar { width:320px !important; float:left; margin-bottom:15px}
#blog #sidebar .masscot {float:left; padding:0 3px 3px 3px;}
#blog #sidebar .boutton { padding-bottom:10px}
#blog #sidebar .boutton a {padding:1px; padding-bottom:5px}
#blog #kwo-comment .kwo-toolbar {border:none; margin-top:5px}
#blog #kwo-comment .comment { padding:10px; text-align:justify; width:590px}
#blog #kwo-comment table {width:640px; margin-top:15px; margin-bottom:10px}
#blog #kwo-comment .comment_pagination {text-align:center;}
#blog #kwo-comment #advertissement { display:none }
#blog #kwo-comment #kwo-signup {width:639px !important}
#blog #kwo-comment #kwo-signup .half {width:300px !important}
#blog #advertissement { width: 320px; }
#blog #advertissement div.content { background:url(/app/helpers/pix/box-home-publicite-320-bg.jpg) no-repeat top left; border-left:0 solid; border-right:0 solid; }
#blog #advertissement #publicite {width:300px; height:250px}
#blog .post .round-box {margin-bottom:10px}
#blog .post #post-navig {float:left ; width:240px; text-align:left;}
#blog .post #count-comment {float:left ; width:371px;}
#blog .post .embed {float:left}
#blog .post .text-left {float:left; width:300px; padding-right:10px}
#blog .post h2 a { color:#ff8c00 !important; font-size:18px}
#blog .post .toolbar { padding-right:10px; text-align:right; }
#blog .post p { margin-bottom:10px; text-align:justify;}
#blog .post .postcontent { padding-left:3px;}
#blog .post .postcontent p { margin-bottom:10px; text-align:justify;}
#blog .post .postcontent img { margin-right:10px; margin-bottom:6px;}

#blog .post p.date { color:#8cc83c; font-style:italic; text-align:left;}
#blog .post p.date a{ color:#8cc83c; }
#comment_items .round-box {margin-top:10px; margin-bottom:10px}

/* begin --------------------- boite avec titre colorée --------------------- */

#blog .box.blue {color:#7B8DFF !important; margin-bottom:15px}
#blog .box.blue h2 {font-size:13px; height:29px; line-height:28px; background:url(/app/helpers/pix/title-bg-blue-box.png) repeat-x top left; }
#blog .box.blue h2 span.corner-left { background:url(/app/helpers/pix/title-corners-blue-box.png) no-repeat top left; height:29px;}
#blog .box.blue h2 span.corner-right { background:url(/app/helpers/pix/title-corners-blue-box.png) no-repeat top right; height:29px;}
#blog .box.blue p { padding:8px !important; }

#blog .box.orange {color:#ff8c00 !important; margin-bottom:15px}
#blog .box.orange h2 { font-size:13px; height:29px; line-height:28px; background:url(/app/helpers/pix/title-bg-orange-box.png) repeat-x top left;  }
#blog .box.orange h2 span.corner-left { background:url(/app/helpers/pix/title-corners-orange-box.png) no-repeat top left; height:29px;}
#blog .box.orange h2 span.corner-right { background:url(/app/helpers/pix/title-corners-orange-box.png) no-repeat top right; height:29px;}
#blog .box.orange p { padding:8px !important; }

#blog .box.green {color:#89c63a !important; margin-bottom:15px}
#blog .box.green h2 { font-size:13px;height:29px;line-height:28px; background:url(/app/helpers/pix/title-bg-green-box.png) repeat-x top left;  }
#blog .box.green h2 span.corner-left { background:url(/app/helpers/pix/title-corners-green-box.png) no-repeat top left; height:29px;}
#blog .box.green h2 span.corner-right { background:url(/app/helpers/pix/title-corners-green-box.png) no-repeat top right; height:29px;}
#blog .box.green p { padding:8px !important;}

#blog .box.gray {color:#808080 !important; margin-bottom:15px}
#blog .box.gray h2 {font-size:13px; height:29px;line-height:28px; background:url(/app/helpers/pix/title-bg-gray-box.png) repeat-x top left;  }
#blog .box.gray h2 span.corner-left { background:url(/app/helpers/pix/title-corners-gray-box.png) no-repeat top left; height:29px;}
#blog .box.gray h2 span.corner-right { background:url(/app/helpers/pix/title-corners-gray-box.png) no-repeat top right; height:29px;}
#blog .box.gray p { padding:8px !important; }
#blog .box.gray p a { color:#808080; text-decoration:underline !important}
#blog .box.gray div.border-left  { background-image:url(/app/helpers/pix/box-border-left-gray.png); }
#blog .box.gray div.border-right  { background-image:url(/app/helpers/pix/box-border-right-gray.png); }
#blog .box.gray div.border-bottom div.corner-left,
#blog .box.gray div.border-bottom div.corner-right { background-image:url(/app/helpers/pix/box-corner-gray.png); }
#blog .box.gray div.border-bottom { background-image:url(/app/helpers/pix/box-border-gray.png); }

/* end --------------------- boite avec titre colorée --------------------- */



/* begin --------------------- boite arrondi --------------------- */
.round-box {}
.round-box div.border-top,
.round-box div.border-bottom { font-size:0; height:9px; width:100%; }

.round-box div.border-top { background:repeat-x top left; }
.round-box div.border-bottom { background:repeat-x bottom left; }

.round-box div.border-top    div.corner-left,
.round-box div.border-top    div.corner-right,
.round-box div.border-bottom div.corner-left,
.round-box div.border-bottom div.corner-right { font-size:0; width:9px; height:9px !important; background-repeat:no-repeat; }

.round-box div.border-top    div.corner-left  { float:left;  background-position:top left; }
.round-box div.border-top    div.corner-right { float:right; background-position:top right; }
.round-box div.border-bottom div.corner-left  { float:left;  background-position:bottom left; }
.round-box div.border-bottom div.corner-right { float:right; background-position:bottom right; }

.round-box div.border-left  { background:repeat-y top left;  padding-left:9px; }
.round-box div.border-right { background:repeat-y top right; padding-right:9px; }
.round-box p a { color:#FF8C00; }
/* end --------------------- boite arrondi --------------------- */

/* begin --------------------- boite arrondi couleur spécifique --------------------- */
.round-box.orange { background-color:#fff6eb; }
.round-box.orange div.border-top { background-image:url(/app/helpers/pix/box-border-orange.png); }
.round-box.orange div.border-bottom { background-image:url(/app/helpers/pix/box-border-orange.png); }

.round-box.orange div.border-top    div.corner-left,
.round-box.orange div.border-top    div.corner-right,
.round-box.orange div.border-bottom div.corner-left,
.round-box.orange div.border-bottom div.corner-right { background-image:url(/app/helpers/pix/box-corner-orange.png); }

.round-box.orange div.border-left  { background-image:url(/app/helpers/pix/box-border-left-orange.png); }
.round-box.orange div.border-right { background-image:url(/app/helpers/pix/box-border-right-orange.png); }


.round-box.white { background-color:#fcfcfc; }
.round-box.white div.border-top { background-image:url(/app/helpers/pix/box-border-white.png); }
.round-box.white div.border-bottom { background-image:url(/app/helpers/pix/box-border-white.png); }

.round-box.white div.border-top    div.corner-left,
.round-box.white div.border-top    div.corner-right,
.round-box.white div.border-bottom div.corner-left,
.round-box.white div.border-bottom div.corner-right { background-image:url(/app/helpers/pix/box-corner-white.png); }

.round-box.white div.border-left  { background-image:url(/app/helpers/pix/box-border-left-white.png); }
.round-box.white div.border-right { background-image:url(/app/helpers/pix/box-border-right-white.png); }


.round-box.blue { background-color:#f6f7ff; }
.round-box.blue div.border-top { background-image:url(/app/helpers/pix/box-border-blue.png); }
.round-box.blue div.border-bottom { background-image:url(/app/helpers/pix/box-border-blue.png); }

.round-box.blue div.border-top    div.corner-left,
.round-box.blue div.border-top    div.corner-right,
.round-box.blue div.border-bottom div.corner-left,
.round-box.blue div.border-bottom div.corner-right { background-image:url(/app/helpers/pix/box-corner-blue.png); }

.round-box.blue div.border-left  { background-image:url(/app/helpers/pix/box-border-left-blue.png); }
.round-box.blue div.border-right { background-image:url(/app/helpers/pix/box-border-right-blue.png); }


.round-box.green { background-color:#f6fbef; }
.round-box.green div.border-top { background-image:url(/app/helpers/pix/box-border-green.png); }
.round-box.green div.border-bottom { background-image:url(/app/helpers/pix/box-border-green.png); }

.round-box.green div.border-top    div.corner-left,
.round-box.green div.border-top    div.corner-right,
.round-box.green div.border-bottom div.corner-left,
.round-box.green div.border-bottom div.corner-right { background-image:url(/app/helpers/pix/box-corner-green.png); }

.round-box.green div.border-left  { background-image:url(/app/helpers/pix/box-border-left-green.png); }
.round-box.green div.border-right { background-image:url(/app/helpers/pix/box-border-right-green.png); }

/* end --------------------- boite arrondi couleur spécifique --------------------- */


/* skeleton */
#site { background:#ffffff url(/app/helpers/pix/body-bg.jpg) repeat-x; }
#skeleton { width:980px; margin:0 auto; background:url(/app/helpers/pix/header-bg.jpg) no-repeat top left; padding:0 5px; }
#header { height:125px; padding:0 10px 0 0; margin-bottom:6px; }
#header h1 { margin-top:12px; }
#header .navigation { float:right; margin-top:5px; }
#header .navigation li { display:inline; }
#header .navigation li a { font-size:12px; }
#header .navigation li a.rss { padding-left:0; border-right:none; }

#middle {}

#footer {  background:#8cc83c; padding:2px 0 20px; text-align:center; position:relative; }
#footer * { color:#FFFFFF; }

#plan { padding-bottom:20px; min-height:100px; }
* html #plan { height:100px; }
#plan * { text-align:left; font-size:11px; }
#plan div.mascotte { margin:0 auto; width:990px; position:relative; font-size:0; height:0; }
#plan img.mascotte { position:absolute; top:-102px; left:0; }
#plan ul { margin:0 auto; width:990px; }
#plan ul li { font-weight:bold; text-transform:uppercase; border-left:#afd977 1px solid; padding-left:20px; width:120px; padding:5px 20px; float:left; }
#plan ul li.mascotte { height:100px; width:166px; position:relative; padding:0; border:0; margin:0; }
/*#plan ul li.mascotte img.mascotte { position:absolute; top:-102px; left:0; }*/

#plan ul li.first { border:none; padding:5px 0; margin:0; }
#plan ul ul { height:auto; width:auto; margin:10px 0 0; }
#plan ul li li { width:inherit; font-weight:normal; text-transform:none; border:none; padding:0; margin:0; float:none; }
#plan ul li li a { text-decoration:none; }

#kwo-account h1 { font-size:15px; color:#808080; background:url(/app/helpers/pix/title-bg-white.png) repeat-x top left; line-height:36px; height:36px; margin:0 -20px 20px; }
#kwo-account #kwo-account-logoff,
#kwo-account #kwo-account-status,
#kwo-account #kwo-account-status-layer { position:absolute; top:9px; }
#kwo-account #kwo-account-logoff { right:15px; padding-right:20px; background:url(/app/helpers/pix/btn-account-logout.gif) no-repeat right 4px; }
#kwo-account #kwo-account-status a { font-size:20px; }
#kwo-account #kwo-account-status,
#kwo-account #kwo-account-status-layer { font-size:20px; height:390px; line-height:390px; right:0; text-align:center; top:36px; width:800px; z-index:10; }
* html #kwo-account #kwo-account-status-layer { right:5px; }
/* 
#kwo-account #kwo-account-status-layer { background-color:#FFE1BC; }
 */
#kwo-account #kwo-account-status-layer { background-color:#E2E2E2; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; }
#kwo-account #kwo-account-status .msg-box { line-height:33px; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:20%; width:570px; min-height:138px; *height:138px; zoom:1; }
#kwo-account #kwo-account-status .msg { text-align:left; padding-top:40px; padding-left:160px; background-repeat:no-repeat;  }
#kwo-account #kwo-account-status .bottom { height:12px !important; margin:0 auto; width:570px; background-repeat:no-repeat; }
#kwo-account #kwo-account-status .confirm .msg-box { background-image:url(/app/helpers/pix/confirm-alert.png); }
#kwo-account #kwo-account-status .confirm .bottom { background-image:url(/app/helpers/pix/confirm-alert-bottom.png); }
#kwo-account #kwo-account-status .alert .msg-box { background-image:url(/app/helpers/pix/alert-alert.png); }
#kwo-account #kwo-account-status .alert .bottom { background-image:url(/app/helpers/pix/alert-alert-bottom.png); }
#kwo-account #kwo-account-status .info .msg-box { background-image:url(/app/helpers/pix/infos-alert.png); }
#kwo-account #kwo-account-status .info .bottom { background-image:url(/app/helpers/pix/infos-alert-bottom.png); }
#kwo-account #kwo-account-status .msg-box img { float:left; display:inline; margin:8px 0 0 30px; }
#kwo-account #kwo-account-status .msg-box a { font-size:10px; float:right; display:inline; line-height:0; margin-right:2px; margin-top:35px; }
#kwo-account #kwo-account-status .msg-box .toolbar { width:75%;background-image:none; }
#kwo-account #kwo-account-status .msg-box .toolbar a { line-height:26px; font-size:12px; }
#kwo-account #kwo-account-status .msg-box .toolbar a.alert { display:block; margin-left:auto; margin-right:auto; float:none; }
#kwo-account #kwo-account-status .msg-box a img { margin:0; }

#kwo-account .blank { float:right; display:inline; width:800px; }
#kwo-account .blank .bottom {
  width:800px;
  float:right;
  background:url(/app/helpers/pix/box-account-bottom.jpg) repeat-y top left;
  font-size:0;
  height:9px;
  line-height:9px;
  margin-bottom:20px;
  display:inline;
}

#kwo-account #kwo-account-content { padding:0 20px; width:760px; float:right; background:url(/app/helpers/pix/box-account-bg.jpg) repeat-y top left; margin:0; display:inline; }
#kwo-account #kwo-account-content p a { text-decoration:underline !important; }
#kwo-account #kwo-account-content .options { float:right; display:inline; text-align:right; position:relative; margin-top:4px; } 
#kwo-account #kwo-account-content .options a { background-image: url(/app/sys/pix/select.gif); background-position:48px center; background-repeat:no-repeat; padding-right:20px; padding-top:1px; }
#kwo-account #kwo-account-content .options a:hover,
#kwo-account #kwo-account-content .options a.selected { border:1px solid #dddddd; background-color:white; padding-right:19px; }
#kwo-account #kwo-account-content .blue .options a:hover,
#kwo-account #kwo-account-content .blue .options a.selected { border:1px solid #C7CFFF; }
#kwo-account #kwo-account-content .orange .options a:hover,
#kwo-account #kwo-account-content .orange .options a.selected { border:1px solid #FFC57F; }
#kwo-account #kwo-account-content .green .options a:hover,
#kwo-account #kwo-account-content .green .options a.selected { border:1px solid #C5E39D; }
#kwo-account #kwo-account-content .options ul { border:1px solid #DDDDDD; position:absolute; right:0; top:17px; width:170px; background-color:white; }
#kwo-account #kwo-account-content .blue .options ul { border:1px solid #C7CFFF }
#kwo-account #kwo-account-content .orange .options ul { border:1px solid #FFC57F }
#kwo-account #kwo-account-content .green .options ul { border:1px solid #C5E39D }
#kwo-account #kwo-account-content .options li a { background-image:none; padding: 2px 4px; display:block; }
#kwo-account #kwo-account-content .options li a:hover { background-color:#eeeeee; border:0 solid !important; padding:2px 4px; }
#kwo-account #kwo-account-content .blue .options li a:hover { background-color:#F6F7FF; }
#kwo-account #kwo-account-content .orange .options li a:hover { background-color:#FFF6EB; }
#kwo-account #kwo-account-content .green .options li a:hover { background-color:#F6FBEF; }
a:focus { outline:none; }
/* account menus */
.account .navigation { display:none; }
#kwo-account-menus { float:left; display:inline; }
#kwo-account-menus div.kwo-account-submenu { background:none; border:none; }
#kwo-account-menus div.kwo-account-submenu a { float:none; padding:0; }

#kwo-account-menu { margin:0 0 140px; border:none; }
* html #kwo-account-menu a { padding-bottom:0; }
#kwo-account-menu .top { background:url(/app/helpers/pix/menu-top.png) no-repeat top left; font-size:0; line-height:9px; height:9px; width:170px; }
#kwo-account-menu .bottom { border-top:#e6e6e6 1px solid; background:url(/app/helpers/pix/menu-bottom.png) no-repeat top left; font-size:0; line-height:9px; height:9px; width:170px; clear:both; }

#kwo-account-menu .page_link, #kwo-account-menu .selected {
  background:url(/app/helpers/pix/btn-account-menu.png) no-repeat top left!important;
  float:none;
  display:block;
  padding-left:20px;
  text-align:left;
  width:inherit;
  width:146px;
  height:25px;
  line-height:28px;
  border-right:#e6e6e6 1px solid;
  border-bottom:#e6e6e6 1px solid;
  border-left:#e6e6e6 1px solid;
  margin:0;
  font-weight:900;
  clear:both;
}
#kwo-account-menu .page_link:hover, #kwo-account-menu .selected:hover { color:#888888; }
#kwo-account-menu .kwo-account-submenu a.page_link { font-weight:normal!important; background:#fafafa url(/app/helpers/pix/puce-li-fleche-grise.png) no-repeat 20px 7px!important; float:left; text-align:left; padding-left:38px; width:130px; height:23px; line-height:20px; display:inline; }
#kwo-account-menu .kwo-account-submenu .imgToolTip, .imgToolTip { float:right; margin:5px 7px 0 3px; display:inline; } 
#kwo-account-menu .kwo-account-submenu .kwo-tooltip,
#kwo-account .kwo-tooltip { text-align:left; padding:7px 15px; width:200px; background-color:#FF8C00; color:#ffffff; border:none; top:0; left:0; }
#kwo-account-menu .kwo-account-submenu .selected { background:#ffffff url(/app/helpers/pix/puce-li-fleche-grise.png) no-repeat 20px 7px!important; }

/* contenair */
/*#kwo-account-content  td, th { padding:5px; }*/
#kwo-account-content select { width:240px; }
#kwo-account-content .small-text { width:100px}
#kwo-account-content .long-text { width:180px}
#kwo-account-content .birthdate-year { width:60px; } 
#kwo-account-content .birthdate-day { width:40px; margin-top:5px; }
#kwo-account-content .birthdate-month { width:100px; }
#kwo-account-content .date-date { border:0;}
#kwo-account-content .date-time { width:60px;}

/* affichage du profil */


/* edition d'une demande */
#ma-demande #fixed-date { float:left;margin-right:8px; display:inline; }
#ma-demande #type-date { width:207px; float:left; margin-right:8px; display:inline; }


/* affichage options newslettres */
#newslettres-informations { width:300px; }

/* affichage d'une prestation */
#prestation-detail #prestation-informations {  margin-right:2px;  float:left; width:335px; display:inline; }
#demande-detail #prestation-informations select { width:132px; padding:0; margin-left:5px; }
#demande-detail #prestation-informations #refuse p { padding:0; }
#demande-detail #prestation-informations #refuse p.toolbar,
#demande-detail #prestation-informations #accept { clear:both; float:right; display:inline; }
#demande-detail #prestation-informations .toolbar { padding:0; }
#prestation-detail #demande-informations {  margin-right:10px; float:left; width:230px; display:inline; }
#prestation-detail p { padding:5px ; }
#prestation-detail p label{ font-weight:bold ; }

#demande-informations li {background-image:url(/app/helpers/pix/dot.png) !important; margin-left:10px;background-position:0px 6px !important;padding-left:7px; background-repeat:no-repeat;}
/* affichage d'une demande */
#demande-detail p { padding:5px ; }
#demande-detail #prestations-informations { margin-right:10px; float:left; width:350px; display:inline; }
#demande-detail #demande-informations { margin-right:2px; float:left; width:230px; display:inline; }
#demande-detail #demande-informations p,
#demande-detail #prestation-informations h3,
#demande-detail #prestation-informations li,
#demande-detail #prestations-informations p { zoom:1; }
#demande-detail p label{ font-weight:bold ; }

/* recherche de demandes */
#demandes-recherche {}

/* affichage solde */
#solde p label{ font-weight:bold ; }

/* rechager compte */
#charger-portefeuille {}

/* payer acompte */
#acompte-prestation .description { font-style:italic; color:#aaaaaa; }

/* nouvelle prestation */ 
#nouvelle-prestation #ma-prestation { margin:2px; padding:5px; float:left; width:500px; display:inline; }
#nouvelle-prestation #demande-detail{ margin:2px; float:left; width:200px; display:inline; }

/* statuts des demandes et des prestations */
.demande-statut-1, .prestation-statut-11 { background-color:#E1FFFF; }
.demande-statut-2, .prestation-statut-12 { background-color:#FFFFCC; }
.demande-statut-3, .prestation-statut-13 { background-color:#FFD5BF; }
.demande-statut-4, .prestation-statut-14 { background-color:#D2E9FF; }
.demande-statut-9, .prestation-statut-19 { background-color:#B8DCDC; }
.prestation-statut-16 { background-color:#FFC1C1; }

/* affichage de la localisation et la map*/
#ma-localisation #localisation-informations { margin:2px; padding-right:5px; float:left; width:390px; display:inline; }
#ma-localisation #map-container { float:left; display:inline; }
#ma-localisation #map-container #map { border:#999999 solid 1px; margin:2px; padding:5px;  width:330px; height:287px; }
#ma-localisation #map-container #map-aide { border:#999999 solid 1px; margin:2px; padding:5px;  width:330px; height:30px}

/* liste d'action */
#actions-select li span { font-weight:bold; background-image:url(/app/helpers/pix/puce-li-fleche-grise.png); background-position:2px 4px; background-repeat:no-repeat; padding-left:10px; }
#actions-select li ul li span { padding-left:15px; font-weight:normal; font-style:italic; background-position:7px 3px; }
#actions-select li ul li ul li span { padding-left:20px; font-style:normal; }
#actions-select li { cursor:pointer; }
#actions-select .selected { background-color:#0A246A; color:white; }
#actions-select li.expand span { background-position:0 4px; }
#actions-select li.expand li.expand span { background-position:6px 3px; }
#actions-select li.expand span,
#actions-select li.expand li.expand span { background-image:url(/app/helpers/pix/puce-li-fleche-grise-down.png); }
#actions-select li.expand li span { background-image:url(/app/helpers/pix/puce-li-fleche-grise.png);  background-position:7px 3px; }
#actions-select .node { cursor:pointer; width:199px; display:block; background-image:none !important; background-image:url(/app/helpers/pix/dot.png) !important; background-position:12px 6px !important; }

#loading-progress,
#actions-select { float:left; width:235px; display:inline; height:237px; overflow-x:hidden; overflow-y:scroll; border:1px solid #B2B2B2; margin-right:5px; }
#actions-keyword-search { float:left; display:inline; clear:left; width:235px; }
#actions-keyword-search input.text { width:210px; float:left; display:inline; clear:left; margin-top:0; margin-bottom:6px; }
#actions-keyword-search input.default { font-style:italic; color:#CCCCCC; }
#actions-keyword-search img { display:inline; float:left; margin-left:6px; margin-top:7px; cursor:pointer; }
#loading-progress { background-color:#eeeeee; }
#loading-progress p { display:block; margin-top:50%; text-align:center; }
*html #loading-progress p { margin-top:20%; }
#actions-composant .bouttons { float:right; display:inline; margin-right:5px; vertical-align:middle; height:162px; width:28px; margin-left:5px; padding-top:100px }
#actions-composant .bouttons input { display:block; border-color:#CCCCCC; background:#DDDDDD url(/app/helpers/pix/button_bg.gif) repeat-x scroll left center; border:1px solid #919191; color:#000000; font-size:11px; font-weight:bold; margin:5px 5px 0px 0px; padding:2px 4px; text-align:center;font-family:Verdana,Arial,sans-serif; font-size:0.9em;}
/*
#actions-composant { height:100px;}
#actions-composant #actions-select { float:left; width:200px; height:80px ; overflow-x:hidden; border:1px #7f9db9 solid; overflow-y:auto; padding:2px  }
#actions-composant #actions-select .parent { font-weight:bold ; }
#actions-composant #actions-select .return { display:none }
#actions-composant #actions-select .child { cursor:pointer }
#actions-composant #actions-select .selected { background-color:#AED7FF }
#actions-composant div {  float:left; padding-left:5px }
*/
#actions-composant #selected_actions { width:317px; height:262px; margin-top:1px; float:right; display:inline; }

/* vérification d'un utilisateur */
/*#utilisateur-verifie  {}*/

/* gestion de pages */
/*#composnant-pages .page { display:none }*/

/* formulaire */
/*
form p{ padding:5px }
form .input-prix{ width:60px}
*/

/* classes génériques */
/*
.title, h2 { font-weight:bold; font-size:14px}
.clear { clear:both; font-size:0 !important; line-height:0 !important; padding:0 !important; margin:0 !important; }
.hidden { display:none}
.toolbar { text-align:right; width:100%; padding-top:10px }
.textBloc { padding:5px}
.description { width:240px; height:120px}*/

.grid tbody td {  border:0 solid #999999; }

.clear { clear:both; font-size:0 !important; line-height:0 !important; height:0!important; padding:0!important; margin:0!important; border:none!important; }

/* calendar container */
.calContainer { margin:0 0 0 95px; position:absolute; font-size:10px}
.calContainer  td, th { padding:2px}
.ical { background-color:white; padding:0 2px; width:125px; float:left; display:inline; }
.ical input { width:90px; padding:0; border:0; color:#808080}
.ical img { float:right; display:inline; padding-top:1px; }
.icalDisabled { width:125px; padding:2px 2px 2px 2px; background-color:#E0DFE3; border:1px solid #8092C4;}
.icalDisabled input { width:90px; padding:0; border:0; background-color:#E0DFE3;}
.icalDisabled img { float:right; display:none; }

/* style commun */

.box { margin-bottom:10px; }
.box h2 { font-size:15px; height:36px; line-height:36px; background:url(/app/helpers/pix/title-bg-white.png) repeat-x top left; }
.box h2 span { display:inline; width:9px; height:36px; }
.box div.content { padding:5px 9px 0; }

ul.inline li { float: left; display:inline; }
ul.list { list-style-type: none; }
ul.list li { float:none; display:list-item; }

.right { float:right!important; display:inline; }
.left { float:left!important; display:inline; }
.half { width: 50%; }
a.link { text-decoration:underline !important;}

.center { margin-left:auto; margin-right:auto; }

/* page d'accueil */


#formSearch { float:right; width:640px; height:40px; position:relative; margin-top:19px; }
#formSearch input.text { border:#e67900 1px solid; width:238px; height:20px; padding-top:3px; margin-right:8px; position:absolute; top:8px; left:362px; outline:0 solid; margin-top:0; color:#808080; }
#formSearch input.submit { cursor:pointer; position:absolute!important; top:8px; left:606px; }
#home .services {}
#home .services { width:254px; float:left; margin-right:10px; }
#home .services div.content { background:url(/app/helpers/pix/box-home-service-bg.jpg) no-repeat top left; border-left:0 solid; border-right:0 solid; }
#home .services div.content ul li { padding-left:12px; background:url(/app/helpers/pix/puce-li-fleche-grise.png) no-repeat 0 3px;  }
#home .services div.content ul li a.node-link { color:#808080;}

#home .last-request { width:386px; float:left; }
#home .last-request div.content { min-height:220px; background:url(/app/helpers/pix/box-home-last-request-bg.jpg) no-repeat top left; border-left:0 solid; border-right:0 solid; }
#home .last-request div.content ul li { padding-left:12px; background:url(/app/helpers/pix/puce-li-fleche-grise.png) no-repeat 0 3px;  }

#home #edito { color:#FFFFFF; width:440px; float:left; height:199px; background:url(/app/helpers/pix/home-bigout.png) no-repeat top left; }
#home #edito .left, #home #edito .right { height:100%; width:200px !important; position:relative; font-size:13px; line-height:18px; }
#home #edito .left p.text { margin:22px 20px 0 19px; }
#home #edito .right p.text { margin:22px 19px 0 25px; }
#home #edito a.btn { display:block; position:absolute; bottom:10px;  font-size:0; height:38px; }
#home #edito .left a.btn { left:10px; }
#home #edito .right a.btn { right:10px; }

#advertissement, #publicite { min-height:200px; }
* html #advertissement, * html #advertissement #publicite { height:200px; }

#advertissement { width: 220px; }
#home #advertissement { width: 320px; }

#advertissement div.content { background:url(/app/helpers/pix/box-home-publicite-220-bg.jpg) no-repeat top left; border-left:0 solid; border-right:0 solid; }
#home #advertissement div.content { background:url(/app/helpers/pix/box-home-publicite-320-bg.jpg) no-repeat top left; border-left:0 solid; border-right:0 solid; }

#quick-access h2 { height:37px; background:url(/app/helpers/pix/title-bg-blue.png) repeat-x top left; }
#quick-access h2 span.corner-left { background:url(/app/helpers/pix/title-corners-blue.png) no-repeat top left; }
#quick-access h2 span.corner-right { background:url(/app/helpers/pix/title-corners-blue.png) no-repeat top right; }
#quick-access .toolbar .button span.corner-left { background:url(/app/helpers/pix/boutton-left-blue.png) no-repeat top left; }
#quick-access .toolbar .button span.corner-right { background:url(/app/helpers/pix/boutton-right-blue.png) no-repeat top right; }
#quick-access .toolbar .button  { background:url(/app/helpers/pix/boutton-background-blue.png) repeat-x; }
#quick-access .box { margin-bottom:0; }
#quick-access * { color:#7b8dff }
#quick-access div.footer { height:9px; font-size:0; line-height:9px; }

#quick-access h2 a { float:right; display:inline; font-size:11px; font-weight:normal; text-decoration:underline !important; line-height:30px; }

#quick-access { width: 220px; }
#home #quick-access { width: 320px; }

#quick-access form .checkbox { margin-top:10px; height:16px; }
#quick-access form label { width:112px; clear:left;  text-align:right; font-size:12px; margin-top:10px; display:inline; margin-top:9px; float:left; clear:both; }

#quick-access form input.text { border:1px solid #7b8dff; outline:0 solid; height:20px; margin-top:4px; padding-top:4px; }
#quick-access form input.text,
#quick-access form .checkbox { width:80px; clear:right; float:right; display:inline; }
#home #quick-access form input.text,
#home #quick-access form .checkbox { width:177px; }
#quick-access form .checkbox { clear:none; }
#quick-access form .remember { clear:both; padding:5px 0; text-align:right; }
#quick-access form .remember input { float:right; margin-left:10px; }
#quick-access .links { font-size:11px; float:right; display:inline; margin:4px 0; text-align:right; }

#quick-access div.content { background:url(/app/helpers/pix/box-quick-access-220-middle.jpg) repeat-y top left; border-left:0 solid; border-right:0 solid; }
#home #quick-access div.content { background:url(/app/helpers/pix/box-quick-access-320-middle.jpg) repeat-y top left; border-left:0 solid; border-right:0 solid; }

#quick-access div.footer { background:url(/app/helpers/pix/box-quick-access-220-bottom.jpg) no-repeat top left; }
#home #quick-access div.footer { background:url(/app/helpers/pix/box-quick-access-320-bottom.jpg) no-repeat top left; }

#quick-access .button { clear:right; margin:0!important; padding:0!important; border:0 solid; background-color:transparent; color:#7b8dff; line-height:24px; text-align:center; width:100px; background-image:url(/app/helpers/pix/boutton-background-blue.png); background-repeat:repeat-x;}
#quick-access #forgotten-password .button { margin-top:5px; }
#quick-access .button .border-left,
#quick-access .button .border-right { background-position:left top; background-repeat:no-repeat; width:11px; height:26px; display:inline; }
#quick-access .button .border-left { background-image:url(/app/helpers/pix/boutton-left-blue.png); float:left; }
#quick-access .button .border-right { background-image:url(/app/helpers/pix/boutton-right-blue.png); float:right; }


#my-account {}
#my-account .button { border:#CCCCCC solid 1px; text-decoration:none; color:#7B8DFF; margin:5px; padding:3px 5px 3px 5px; background-color:#FFFFFF; cursor:pointer; float:right; display:inline; }
#my-account .button:hover{ background-color:#AED7FF; color:#7B8DFF}
#my-account .button.large {width:165px}
#my-account .button .content { background-image:none; width:142px; }

#home .demo { width:200px; float:left; height:199px }
#home .demo .mascotte { position:relative; }
#home .demo .mascotte img { position:absolute; top:14px; left:10px;}
#home .navigation { display:none; }

#home-content { width:650px; }


#services #tree { width:750px; }

.menu { width:170px; display:inline; float:left; }

#services #tree .services,
#services #tree .categories { width:170px; margin-right:10px; }

#services #tree .services .top,
#services #tree .categories .top,
#action .menu .top { background:url(/app/helpers/pix/menu-top.png) no-repeat top left; font-size:0; line-height:9px; height:9px; }

.menu .bottom,
#services #tree .services .bottom,
#services #tree .categories .bottom { background:url(/app/helpers/pix/menu-bottom.png) no-repeat top left; font-size:0; line-height:9px; height:9px; }

#services #tree .actions { width:390px; }
#services #tree .actions .top { background:url(/app/helpers/pix/box-services-actions-top.jpg) no-repeat top left; font-size:0; line-height:9px; height:9px; }

#services #tree .actions .bottom { background:url(/app/helpers/pix/box-services-actions-bottom.jpg) no-repeat top left; font-size:0; line-height:9px; height:9px; }
#services #tree .actions li { background:#fafafa; padding:10px 15px; }

.menu li,
#services #tree .services li,
#services #tree .categories li,
#services #tree .actions li { border-left:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid; border-top:#e6e6e6 1px solid; }

.menu li.first,
#services #tree .services li.first,
#services #tree .categories li.first,
#services #tree .actions li.first { border-top:none; }

.menu li a,
#services #tree .services li a,
#services #tree .categories li a { color:#808080!important; background:#fafafa url(/app/helpers/pix/puce-li-fleche-grise.png) no-repeat 12px 6px!important; display:block!important; padding:0 0 0 20px!important; line-height:20px!important; min-height:24px!important; text-transform:none!important; }
* html .menu li a,
* html #services #tree .services li a,
* html #services #tree .categories li a { height:24px; }

#services #tree .actions ul li a.node-link { color:#808080; width:330px; padding-left:6px}

.menu li a:hover,
.menu li a.selected,
#services #tree .services li a:hover,
#services #tree .services li a.selected,
#services #tree .categories li a:hover,
#services #tree .categories li a.selected { color:#FFFFFF!important; background:#ff8c00 url(/app/helpers/pix/puce-li-fleche-blanche-bg-orange.png) no-repeat 12px 6px!important; }

#service-info, #categorie-info { margin:0!important; background:url(/app/helpers/pix/box-choose-services-bg.png) repeat-x top left; height:82px; color:#ff8c00; }
#service-info { width:570px!important; }
/*#categorie-info { width:390px!important; }*/
#service-info .corner-left, #categorie-info .corner-left, #service-info .corner-right, #categorie-info .corner-right { width:9px!important; height:82px; display:inline; }
#service-info .corner-left, #categorie-info .corner-left { background:url(/app/helpers/pix/box-choose-services-corners.png) repeat-x top left; float:left; }
#service-info .corner-right, #categorie-info .corner-right { background:url(/app/helpers/pix/box-choose-services-corners.png) repeat-x top right; float:right; }

#service-info .text,
#categorie-info .text { background:url(/app/helpers/pix/puce-services.png) no-repeat top left; height:48px; font-size:14px; margin:18px 0 0 16px; padding:8px 0 0 59px; }

/* page descriptive d'une action */
#action .menu h2 { height:100%; line-height:18px; background-image:none; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; background-color:#fafafa; padding:0 7px 6px; }
	
#action .menu h2 span.title { border-top:1px solid #E6E6E6; display:inline; float:left; width:152px;  padding:8px 0 4px; height:100%;}
* html #action .menu h2 span.title { height:1px!important; }

#action .menu h2 span.clear { display:block; }

#action .middle { width:750px; margin:0; padding:0; border:0 solid; }
#action .fiche,
#action .demandes,
#action .neighbour { width:570px; }

#action .fiche .boutton { margin-top:15px; }
#action .fiche .boutton a { margin-right:10px; }

#action .fiche h2 { background: url(/app/helpers/pix/spacer-e6e6e6.gif) repeat-x top center; }

.box div.content { border-left:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid; }

#action .fiche .bottom,
#action .demandes .bottom,
#action .neighbour .bottom { background:url(/app/helpers/pix/box-570-bottom.jpg) no-repeat top left; height:9px; font-size:0; line-height:9px; }

#action .neighbour div.content a { color:#FF8C00; }

#action .demandes ul { list-style-type:none; }
#action .demandes ul li { display:block; background:url(/app/helpers/pix/puce-li-fleche-grise.png) no-repeat 0 4px; padding-left:10px; min-height:24px; }
* html #action .demandes ul li { height:24px; }

#action .demandes ul li a { color:#FF8C00; }
#action .step2 .half { width:auto; }
#action .step2 .left,
#action .step2 .right { display:block; float:none !important; }


#publicite-468 { height:60px; width:468px; margin:15px 95px 0 0; float:right; position:relative; }
#publicite { height:150px; width:180px; margin:5px auto; }
#home #publicite { height:250px; width:300px; }

#kwo-signup { background-color:transparent; padding-bottom:100px; }
#kwo-signup div { position:relative; min-height:1px; }
* html #kwo-signup div { height:1px; }

#kwo-signup #kwo-signup-step2 label { margin-top:0 !important; }
#kwo-signup #kwo-signup-step2 input.text { width:50%; float:left; clear:left; margin-bottom:8px; }
#kwo-signup .half { width:470px; } 
#kwo-signup .remember-me-box { margin-top:9px; } 
#kwo-signup #forgot-password-box .button { margin-top:10px; }
.kwo-signup-fields select { width:auto; }
#kwo-signup-step2 { width:70%; }
#kwo-signup-step1 .bottom { background:url(/app/helpers/pix/box-470-bottom.jpg) no-repeat top left; height:10px; font-size:0; line-height:10px; }
#kwo-signup-step2 .bottom { background:url(/app/helpers/pix/box-980-bottom.jpg) no-repeat top left; height:10px; font-size:0; line-height:10px; }
#kwo-signup-optin { display:block; border-left:3px solid #DEDEDE; clear:left; display:block; margin:0 5px 5px; padding:5px; }
#kwo-signup-optin input { float:left; display:inline; clear:left; margin-top:1px; margin-right:2px; }
.radio-group { float:left; margin-left:0; margin-top:10px; clear:left; display:inline;}
.radio-group input { padding-left:3px; margin-left:15px; margin-right:5px; }
.kwo-signup-precision {  font-size:0.9em; color:#bbbbbb; font-style:italic; padding-left:7px; }
.kwo-signup-required-fields { display:inline; float:right; margin-top:8px; font-size:0.9em; color:#aaaaaa; font-style:italic; clear:both; }
.select-group { padding-top:5px; float:left; display:inline; margin-left:0; clear:left; }
.kwo-field { clear:both; }
.kwo-captcha-box {  border:none; clear:both; }

#page { padding-bottom:110px; }

.kwo-search-results #services { margin-top:10px; float:left; display:inline; }
.kwo-search-results .pagination { color:#ff8c00; float:left; display:inline; width:100%; }
.kwo-search-results .pagination a { color:#ff8c00; }
.kwo-search-results { width:750px !important; }
.kwo-search-results .results-list { margin:10px 0; float:left; width:100%; display:inline; }
.kwo-search-results .results-list .result { margin-top:10px; }
.kwo-search-results .results-list .result a.title { font-size:14px; color:#ff8c00; }
.kwo-search-results .results-list .result em { font-size:9px; }
.kwo-search-results .results-list .result p { margin:5px 0 20px; }
.kwo-search-results .no-result { font-style:italic; }
#tree .service-not-found { padding-bottom:110px; width:100%; }

#contact .right-panel { float:right; width:220px; }

.widget-demandes .i-seek { float:right; display:inline; }

#kwo-account-content .results-list h1 { display:none; }
#kwo-account-content .results-list h2 { margin-bottom:10px; }

#kwo-account-content .pagination { border-top-color:#CCCCCC; border-top-style:solid; border-top-width:1px; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:13px; padding-top:6px; text-align:center; width:32%; }
.pagination .kwo-pagination-selected { color:inherit !important; font-weight:bold; }
#kwo-account .kwo-messages .sender .name { float:left; display:inline; font-weight:bold; }
#kwo-account .kwo-messages .sender .date { float:left; display:inline; font-style:italic; font-size:0.9em; clear:left; }
#kwo-account .kwo-messages .selection input,
#kwo-account .kwo-messages .suppression img,
#kwo-account .kwo-messages .replied img { margin-top:9px }
#kwo-account .kwo-messages .title a { font-weight:bold; display:block; width:100%; text-align:left; }

.kwo-error-box { width:732px; margin:0 10px 10px 0; float:left; display:inline; }

#kwo-file-dialog h1 { height:36px; line-height:36px; }
#kwo-file-dialog h1 .content { font-size:15px; color:#808080; background:url(/app/helpers/pix/title-bg-white.png) repeat-x top left; line-height:36px; height:36px; width:582px; display:inline; float:left;}
#kwo-file-dialog h1 .corner-right { background:url(/app/helpers/pix/corners-h1-file-dialog.png) no-repeat top right; }
#kwo-file-dialog h1 .corner-left { background:url(/app/helpers/pix/corners-h1-file-dialog.png) no-repeat top left; }
#kwo-file-dialog #toolbar { margin:15px; }
#kwo-file-dialog .message { width:47%; background:#F5F5F5 none repeat scroll 0 0; border:1px solid #dddddd; padding:5px; margin:0 5px 5px; float:left; display:inline; }

#kwo-file-dialog .tabs-container .tabs-content { padding:5px; }
#kwo-file-dialog label { margin-top:5px; margin-right:20px; }
#support,
#subsupport { -moz-border-radius: 6px; height:auto !important; }
#kwo-file-dialog #listing { float:left; width:47%; display:inline; margin-left:10px; }
#kwo-file-dialog #preview img { display:block; margin:0 auto; }
#kwo-file-dialog #preview { float:right; width:50%; display:inline; }
#kwo-file-dialog .toolbar { clear:both; margin-top:5px; }
#kwo-file-dialog .no-files { font-style:italic; }
#kwo-file-dialog #listing  li { background: transparent url(/app/helpers/pix/puce-li-fleche-grise.png) no-repeat scroll left center !important; padding-left:5px; }
#kwo-file-dialog #listing .preview { float:right; display:inline; }
#kwo-file-dialog .title { display:inline; float:left; font-size:1.1em; font-style:italic; margin:0 5px 5px; padding-bottom:2px; padding-left:2px; padding-right:2px; padding-top:2px; text-align:center; width:47%; border:1px solid #dddddd; }
#kwo-file-dialog #upload form { width:47%; display:inline; float:left; margin:0 5px 5px; }
#close-dialog { display:none; }
* html #subsupport { background:none; border:2px solid #cccccc; padding:0; }
* html #subsupport * { zoom:1; }
* html #subsupport h1 .corner-left,
* html #subsupport h1 .corner-right { display:none; }
* html #subsupport h1 .content { padding-left:10px; width:590px; }

.kwo-share .kwo-socbook .socbook { margin:8px; }
.kwo-share .kwo-socbook { width:25%; }
.kwo-share .kwo-notify { border-left:1px solid #DDDDDD; padding:10px; }
.kwo-share .kwo-notify label { margin-top:5px; display:block; }
#share-status { padding:10px 0; text-align:center; }

.deprecated {background:#FFF6BF url(/app/helpers/pix/deprecated.gif) no-repeat scroll 15px 50%; border-color:#FFD324; border-style:solid; border-width:2px 0pt; margin:1em 0pt; padding:0.6em 2em 0.6em 75px; text-align:left; height:50px}