body { background:#424242; color:#4A4A4A; font:11px Verdana,Geneva,Arial,Helvetica,Sans-Serif;}

#maintenance{ position:absolute; right:20px; color:#FB0404; font-weight:bold; font-size:14px; bottom: 10px;}

/************** COMMON TAGS ***************/

a {color:#95094A; font:11px Arial,Helvetica,Sans-Serif; text-decoration:none; }
a:hover {text-decoration:underline; }

p a {color:#D30B69; background:url(../images/frontend/puce-ss-menu.gif) no-repeat; padding: 0 0 0 8px; text-decoration:underline; font-weight:bold;}
p a:hover {text-decoration:none;}

strong {color:#D30B69; }


/************** STRUCT **********************/

h1 {color:#95094A; font-family:Verdana,Geneva,Arial,Helvetica,Sans-Serif; margin-left:-15px;}

div#header { margin:0; background:url('../images/frontend/bg-header.png') repeat-x; height:125px; position:relative}
    div#header a.logo { background:url('../images/frontend/logo.png') no-repeat; width:250px; height:125px; display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

#header_signin{position:absolute;top:20px; right:20px;}
    #header_signin input.field{width:120px;}
    #header_signin a{font-weight:bold;color:#d70b6b}
    #header_signin a.inscription{margin-right:60px;}
    
    #connected{
     position:absolute;top:20px; right:20px;
     text-align:right;
    }
    #connected, #connected a{color:#d70b6b;font-weight:bold;}
ul#menu { clear:both; height:29px; margin:0; list-style:none;background:url('../images/frontend/bg-menu.png') repeat-x;}
    ul#menu li {display:inline; background:url('../images/frontend/bg-menu.png') repeat-x;}
    ul#menu li a {float:left; padding:5px 22px 2px 22px; display:block;height:22px;color:#ebebeb; text-decoration: none;background:url('../images/frontend/bg-menu.png') repeat-x; font:13px Arial;}
    ul#menu li a:hover, ul#menu li.selected a { background-position:0 -29px}

div#footer {-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; color:#000; text-align:center; clear:both;margin:0; height:46px; list-style:none;background:url('../images/frontend/bg-footer.png') repeat-x; padding:8px 0 0 0; font:10px Arial;}
    #footer ul {margin:0;}
    #footer ul li {display:inline; margin:0;}
    #footer ul li a {font:10px Arial; color:#303030;text-decoration:underline}
    #footer ul li a:hover { color: #95094A; text-decoration: none; }

#sub-container { background:#ABABAB;padding:7px 0 10px 0;}

.alternate {background:#E2E2E2}


/************* FORM *******************/

fieldset {}
fieldset legend {text-align:center;margin:0 0 0 0;}
fieldset legend span {font-weight: bold; color:#000000; display:block; width:680px; height:36px;padding:8px 0 0 0; margin-bottom: 20px; background:url('../images/frontend/bg-titre.png') repeat-x;}
fieldset input {border:1px solid #ABABAB; margin:3px 0; -moz-border-radius:4px;-webkit-border-radius: 4px;}
    fieldset input:focus {border:1px solid #D30B69}
fieldset.min legend {text-align:center;margin:0 0 20px 0;}
    fieldset.min legend span {margin:0 0 0 15px;font-weight: bold; color:#000000; display:block; width:200px; height:25px;padding:5px 0 0 0; background:url('../images/frontend/bg-titre-niveau3.png') repeat-x;}


.field {position:relative; margin:4px 0;}
.field label { text-align:right; width:210px;margin-right:5px; float:left;line-height:2; display: inline; padding:1px 0 0 0; }
.field .label-full label, label.label-full {  text-align:left; width:auto; margin:0; float:none;line-height:normal; padding:0; }
.field .label-center label, label.label-center {  text-align:center; width:auto; margin:0; float:none;line-height:normal; padding:0; }
.center-btn {text-align:center}

fieldset .indent {position:relative;margin:0 0 6px 0;clear:both;}
fieldset .indent label {text-align:right; width:210px;margin-right:5px; float:left;line-height:2; margin-top:-4px;display: inline; padding:0px 0 0 0; }

ul.checkbox_list {list-style:none;}
.checkbox_list label {float:none; text-align:left; margin:0; line-height:normal; padding:0;}


input[type=checkbox] {margin:6px 3px 3px 4px;}
input[type=submit], input[type=button] {font:13px Arial; background:url('../images/frontend/button.png') repeat-x 0px -3px transparent; border:none; -webkit-border-radius: 5px; -moz-border-radius:5px; height:29px; color:#FDDDEC}
input[type=submit]:hover, input[type=button]:hover {background-position:0 -38px;}
input[type=submit]:active, input[type=button]:active {background-position:0 -73px;}


#person_review_text { width:670px; height:280px;}
#person_presentation {width:430px; height:100px;}
textarea#messenger_message {width:670px; height:100px;}
textarea#content_content {width:670px; height:100px;}
textarea#modification_modification {width:670px; height:100px;}
textarea#export-content {width:100%; height:300px;}

.file-upload {text-align:center}
.file-upload-form {text-align:center}


#comment_comment { width:675px; height:165px;}


fieldset#finance_project{
  border:2px solid #C90B64;
  background-color:#DCDCDC;
}

.help_project_file{margin-left:210px; font-style:italic}
/*********** FORM ERROR ****************/

.field input.error { border:1px solid red  }
ul.error-form { margin:10px 0; list-style:none;}
ul.error-form ul { margin:0; list-style:none;}
ul.error-form {background:#FFF; border:2px solid #CF1284;padding:5px 0px; -moz-border-radius:4px;-webkit-border-radius: 4px; }
    ul.error-form > li {font:18px Arial;}
        ul.error-form > li > ul {font:18px Arial;}
        ul.error-form > li > ul > li {padding:2px 0 0 0; font:14px Arial; list-style: none url('../images/frontend/puce-ss-menu.gif') outside;}
.field ul.error_list {position:absolute; left:400px; top:2px;text-align:left;}
.field ul.error_list li {text-align:left; margin:0; border:1px solid #6E6E6E;color:#424242; padding:1px 5px; -moz-border-radius:4px;-webkit-border-radius: 4px;}


/*
fieldset .field {position:relative;}
fieldset ul.error_list {margin:0; padding:0; text-align:left;list-style:none; position:absolute;right:0px;top:0; background:#ABABAB;}
fieldset ul.error_list li {margin:0;padding:2px; -moz-border-radius:5px;}
*/

input.needed { border:1px solid red}
input#calculate {float:right;}
div#cost-preview { background:#E2E2E2; padding:5px; -moz-border-radius:5px; -webkit-border-radius: 5px; border:1px solid #ABABAB; }


/*************** MENU LEFT ****************/

#left-menu {}
* html #left-menu {float:left;}
    #left-menu h2 {margin:0; font-weight:bold; font:11px Verdana,Geneva,Arial,Helvetica,Sans-Serif; background:url('../images/frontend/bg-left-menu.png') no-repeat; width:140px; height:28px; text-align:left; padding:8px 0 0 30px;}
    #left-menu h2 a{ color:#000;}
    #left-menu ul { width:170px;  clear:both; background:#555555; margin:0; list-style:none; -moz-border-radius:5px;-webkit-border-radius: 5px;}
    #left-menu ul li { margin:0; padding:5px 0 0 15px}
    #left-menu ul li a {display:block;height:22px;color:#ebebeb; text-decoration: none; font:12px Arial; padding:0 0 0 10px}
    #left-menu ul li a:hover, #left-menu ul li.selected a { font-weight:bold; background:url('../images/frontend/puce-ss-menu.gif') no-repeat;}


/**************** CONTENT ****************/

#content {width: 680px; background:#EBEBEB; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 10px 40px; }
* html #content {float:right; padding: 10px 20px;}
#content h1 {color:#8C0846; font:20px Verdana,Geneva,Arial,Helvetica,Sans-Serif;text-align:left;}
#content h2 {text-align:center; color: #4A4A4A; font:13px Arial; font-weight:bold; margin: 0 0 10px 0;}
#content h3 {color: #4A4A4A; font:11px Arial; font-weight:bold; text-align:center; background:#DBDBDB; height:15px; padding:4px 0 3px 0;}
#content .subcontent h1 {color:#000; margin:0 0 7px 0; font-weight:bold; font:11px Verdana,Geneva,Arial,Helvetica,Sans-Serif; background:url('../images/frontend/bg-titre-niveau3.png') no-repeat; width:200px; height:24px; text-align:center; padding:6px 0 0 0;}

#content ul.arrows {list-style:none;list-style-image:url('../images/frontend/puce-ss-menu.gif');}
    #content ul.arrows li {list-style: none url('../images/frontend/puce-ss-menu.gif') outside;}

#content p { font:12px Arial; margin:0 0 10px 0;}
#content ul {font:11px Arial}

#content table {width:678px; font:11px Arial; text-align:center}
    #content table thead {background:#DBDBDB;}
        #content table thead th {background:#DBDBDB; padding:5px 20px;}
    #content table body {}
    #content table tbody tr {background:#EBEBEB}
    #content table tbody tr.alternate {background:#E2E2E2}
        #content table tbody tr td {padding:5px 0}
        #content table tbody tr.exclusif {background-color:#EFDC86}
            #content table tbody tr.exclusif td {background-color:#EFDC86}
        #content table tbody tr.apply {background-color:#DFB5D7}
            #content table tbody tr.apply td {background-color:#DFB5D7}
        #content table tbody tr.current {background-color:#BBDFB5}
            #content table tbody tr.current td {background-color:#BBDFB5}


p.presentation {background:#DBDBDB; padding:5px;}
p.review_text {background:#DBDBDB; padding:5px;}
.block_gray {background:#DBDBDB; padding:10px;}
p.warning {background:url('../images/frontend/warning.gif') no-repeat; padding:3px 0 5px 22px;}

.project-type {margin:5px 0;}
.project-type .grid_5 {padding:10px 5px;}

#content .zone_texte {font:11px Arial;}
#content .zone_texte h2 {background:url('../images/frontend/puce-ss-menu.gif') no-repeat 0 4px; padding:0 0 0 15px; color:#95094A;font:16px Verdana;font-weight:normal;text-align:left;}
#content .zone_texte h3 {padding:5px; text-align:left;}


/************ FAVORIS/BLACKLIST *************/

#favorite-form, #blacklist-form { border:1px solid #ABABAB; background:#DBDBDB; -moz-border-radius:5px;-webkit-border-radius: 5px; padding:5px; width:auto;}
#favorite-form label, #blacklist-form label { margin:0 5px; padding:0; width:auto; float:left; }
#favorite-form input, #blacklist-form input { float:right; }


/************** MESSAGERIE ******************/

#messenger .message {background:#EBEBEB; border:1px solid #BCBCBC; padding:3px; -moz-border-radius:5px;-webkit-border-radius: 5px; margin:3px 0;}
    #messenger .message.receiver {background:#BBDFB5;}
#messenger .header {padding:0 0 0 30px;color:#6F6F6F; }
#messenger .content {padding:5px;}
#messenger .unread {font-weight:bold;}

/*************** CONTENU *******************/

.version { border:1px solid #ABABAB; -moz-border-radius:5px;-webkit-border-radius: 5px; background:#fff; padding:5px; margin:10px 0;}
    .version .header {padding:5px 0 15px 10px;}

.modification { border:2px solid #D60B69; -moz-border-radius:5px;-webkit-border-radius: 5px; background:#FFF;; padding:5px; margin:10px 0;}
    .modification .header {padding:5px 0 0px 10px;}


/**************** PAIEMENT ******************/

table#payment {}
table#payment thead tr {}
table#payment thead th {border:1px solid #AAA; background:#ABABAB; color:#EBEBEB;font-size:14px;}
table#payment tbody tr {}
table#payment tbody tr.ttc {background:#DF619B;color:#fff}
table#payment tbody td {border:1px solid #AAA;font-size:13px;}


/*************** STYLING COMMON CLASS ****************/

.right {float:right; }
.bad_solde {border:1px solid #F00; padding:3px 7px; -moz-border-radius:5px;-webkit-border-radius: 5px;}
.good_solde {border:1px solid #0F0; padding:3px 7px; -moz-border-radius:5px;-webkit-border-radius: 5px;}
.gray {background:#E2E2E2}
.ajax-loading {background:url('../images/frontend/ajax-loader.gif') 5px 5px no-repeat; padding:5px 5px 5px 30px; font-weight:bold; margin:5px;}
a#client_register_link {padding:160px 0 0 0;display:block;background:url('../images/frontend/compte-client.gif') no-repeat; width:230px; height:150px;}
a#writer_register_link {padding:160px 0 0 0;display:block;background:url('../images/frontend/compte-redacteur.gif') no-repeat; width:230px; height:150px;}
a.rss-link {background:url('../images/frontend/rss.png') no-repeat; height:20px; display:block; padding:5px 0 0 30px; font-size:14px; color:#D00B68 }
a.button-link {text-decoration:none;font:13px Arial; background:url('../images/frontend/button.png') repeat-x 0px -3px transparent; border:none; -webkit-border-radius: 5px; -moz-border-radius:5px; height:29px; color:#FDDDEC; height:34px; padding:7px 5px 8px 5px}
    a.button-link:hover {text-decoration:none; background-position:0 -38px;}
    a.button-link:active {text-decoration:none; background-position:0 -73px;}

a.tooltip {background:url('../images/frontend/info5.gif') no-repeat 5px 5px #FFF; border:2px solid #CF1284;padding:10px 10px 10px 35px; -moz-border-radius:4px;-webkit-border-radius: 4px; height:20px;}

tr.checked td { background:#ABABAB; font-weight:bold }
tr.checked td a { font-weight:bold }

/**************** OVERRIDE 960.gs STYLE *************/

#content .prefix_1 { padding-left: 40px; }
#content .suffix_1 { padding-right: 40px; }

#content .grid_2 { width: 120px; margin: 0; }
#content .grid_3 { width: 200px; margin: 0; }
#content .grid_5 { width: 320px; margin: 0; }

.gain{
  color:#C90B64;
  font-weight:bold;
}