/* ----------------------------------------------
	Template Name : VectorLover
	Template Code : S-0026
	Version : 1.1
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/
	Last Date Modified :  January 17, 2010
 ------------------------------------------------ */

/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
    background: #CCC url(bg.gif) repeat-x;
    font: 9pt/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #6B6B6B;
    text-align: center;
}

/* links */
a, a:visited {
    color: #79A325;
    text-decoration: none;
}
a:hover {
    color: #73471B;
    text-decoration: underline;
}

/* headers */
h1, h2, h3 {
    font-family: 'Century Gothic', 'Helvetica Neue', Arial, Sans-serif;
    font-weight: normal;
    padding: 10px;
    color: #444;
}
h1 {
    font-size: 1.8em;
}
h2 {
    font-size: 1.4em;
    color: #88AC0B;
}
h3, legend {
    font-size: 1.2em;
    font-weight: bold;
    color: #69a303;
    padding: 16px 10px 4px 10px;
}

/* Paragraph */
p { padding: 12px 10px;	}

/* Lists */
ul, ol {
    margin: 10px 20px;
    padding: 0 20px;
}
ul { list-style: none; }

dl { padding: 10px; margin: 0; }

dt {
    font-weight: bold;
    color: #79A62E;
}
dd {
    padding-left: 25px;
}

/* images */
.img {
    background: #FAFAFA;
    border: 1px solid #E4E4E4;
    padding: 8px;
}
.img.float-right {
    margin: 5px 0px 10px 10px;
}
.img.float-left {
    margin: 5px 10px 10px 0px;
}

code {
    margin: 5px 0;
    padding: 15px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace;
    /* white-space: pre; */
    border: 1px solid #EEE8E1;
    background: #FAF7F5;
}
acronym {
    cursor: help;
    border-bottom: 1px dotted #895F30;
}
blockquote {
    margin: 0;
    padding: 10px 7px 5px 50px;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.6em;
    font-style: italic;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #80614D;
    border: 1px solid #EEE8E1;
    background: #FAF7F5 url(quote.gif) no-repeat 15px 15px;
    text-align: justify;
}

/* start - table */
table {
    border-collapse: collapse;
    margin: 10px 0 5px 0;
}
th {
    height: 38px;
    padding-left: 12px;
    padding-right: 12px;
    color: #fff;
    text-align: left;
    background: #ADD163;
    border-width: 1px;
    border-style: solid;
    border-color: #C4DE8F #93C138 #93C138 #C4DE8F;
}
tr {
    /* height: 34px;*/
    background: #fff;
}
td {
    padding-left: 11px;
    padding-right: 11px;
    border: 1px solid #E7F0CC;
    font-size: 1.0em;
}
/* end - table */

/* form elements */
*.nostyle {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
form {
    margin: 10px 0 10px 5px;
    padding: 10px 5px 10px 5px;
    border: 1px solid #EEE8E1;
    background: #FAF7F5;
}
form p {
    border-bottom: 1px solid #ECE5DD;
    padding: 10px 0 5px 0;
    margin: 5px;
    color: #9D6D37;
}
fieldset {
    margin: 0px 0 15px 5px;
    padding: 5px;
    border: 1px solid #0c0;
}
legend {
    font-size: 1.0em;
    padding: 4px;
}

label {
    font-weight: bold;
    color: #A7743B;
}
input, select, textarea {
    font: normal 13pt Arial, Sans-serif;
    margin: 5px 0;
    padding: 5px;
    color: #6A6969;
    border-width: 1px;
    border-style: solid;
    border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
}
option {
    padding-right: 0.5em;
}

select.icon-menu option {
    background-repeat:no-repeat;
    background-position:bottom left;
    padding-left:30px;
    color: #ff0000;
    background-image: url(pictos/picto_user.png)
}

#name, #email, #message, #website{
    width: 455px;
}
input.button {
    font: bold 13pt Arial, Sans-serif;
    height: 30px;
    margin: 0;
    padding: 2px 3px;
    color: #fff;
    background: #A6CD56;

    border-width: 1px;
    border-style: solid;
    border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F;
}


/*-------------------------------------------
   LAYOUT
--------------------------------------------*/
#wrap {
    position: relative;
    width: 1142px;
    background: #FFF url(wrap.gif) repeat-y center top;
    margin: 40px auto 30px auto;
    text-align: left;
    z-index: 10;
}
#content {
    clear: both;
    float: left;
    width: 1142px;
    padding: 25px 0 60px 0;
}
#header {
    position: relative;
    width: 1142px;
    height: 235px;
    background: #b6b6b6 url(header.png) no-repeat;
    color: #fff;
    padding: 0;
    margin: 0;
}
#header h1#logo-text a {
    position: absolute;
    margin: 0; padding: 0;
    /*font: bold 66px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;*/
    letter-spacing: -5px;
    text-decoration: none;
    color: #332616;

    /* change the values of top and left to adjust the position of the logo*/
    top: 75px; left: 55px;
}
#header h1#logo-text a .prefix {
    color: #ffffff;
    font:  normal 40pt 'Century gothic', 'Helvetica Neue', Arial, Sans-serif;
}
#header h1#logo-text a .suffix {
    font-weight: lighter;
    color: #ffffff;
    font: 40pt 'Century Gothic', 'Helvetica Neue', Arial, Sans-serif;
    padding: 0 0 0 15px;
}

#header p#slogan {
    position: absolute;
    margin: 0; padding: 0;
    font: bold 15px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    color: #322815;
    letter-spacing: 0.21em;

    /* change the values of top and left to adjust the position of the slogan*/
    top: 160px; left: 134px;
}

/* top-menu */
#top-menu {
    position: absolute;
    margin: 0px 0 0 0;
    padding: 30px 15px 2px 15px;
    background: #74A838 url(top-menu.gif) repeat-x;
    font-family: 'Trebuchet MS', Arial, Sans-serif;
    color: #FFF;
    width: 50%;
    top: 0;	right: 70px;
}
#top-menu p {
    margin: 0; padding: 0;
}
#top-menu a {
    font-weight: bold;
    color: #fff;
}

/* Navigation */
#nav {
    clear: both;
    padding: 0;	margin: 0;
    width: 1142px;
    height: 50px;
    background: #988060 url(nav.gif) no-repeat;
    border: 0;
}
#nav ul {
    float: left;
    list-style: none;
    margin: 5px 0 0 0;
    height: 45px;
    padding: 0 0 0 40px;
}
#nav ul li {
    float: left;
    margin: 0; padding: 0 0 0 10px;
}
#nav ul li a {
    float: left;
    margin: 0;
    padding: 0 15px 0 5px;
    color: #FFF;
    font: bold 15px/45px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
    text-decoration: none;
}
#nav ul li a:hover,
#nav ul li a:active {
    color: #E7FAA9;
}
#nav ul li#current {
    background: transparent url(left-tab.gif) no-repeat;
}
#nav ul li#current a {
    color: #4B3D2C;
    background: transparent url(right-tab.gif) no-repeat right top;
}

#nav .picto {
    clear: both;
    background-color:transparent;
    border: 0;
    height: 20px;
    padding: 5px 10px 0px 0px;
}

#nav.cpanel ul li#current {
    background: transparent url(left-tab-cafe.gif) no-repeat;
}
#nav.cpanel ul li#current a {
    color: #4B3D2C;
    background: transparent url(right-tab-cafe.gif) no-repeat right top;
}
#nav.cpanel ul li a {
    text-decoration: none;
}
#nav.cpanel ul li a:hover {
    text-decoration: underline;
}

#subnav li {
    float: left;
    background: #ffffff;
    padding: 0;
    margin: 0 0 0 0px;
    background: #c7aa82;
    color: #ffffff;
}

#subnav li a {
    color: #ffffff;
}

#subnav {
    width: 1090px;
    height: 35px;
    /* background: #988060; */
    background: #c7aa82;
    padding: 0 0 0 0;
    margin: 0 0 0 25px;
    border: 1px solid #c7aa82;
}

/* Main Column */
#main {
    float: left;
    width: 735px;
    padding: 0; margin: 0 0 0 40px;
    display: inline;
}
#main h2 {
    font: bold 1.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    color: #51432F;
    padding: 10px 0 5px 5px;
    margin-left: 5px;
    letter-spacing: -2px;
    border-bottom: 1px solid #E4F2C8;
}
#main h2 a {
    color: #51432f;
    text-decoration: none;
}
#main ul li {
    list-style-image: url(bullet.png);
}

#sidebar {
    float: right;
    width: 285px;
    padding: 0;
    margin: 0 45px 0 0;
    display: inline;
}
#sidebar h3 {
    color: #51432F;
    font: bold 1.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    text-transform: none;
    letter-spacing: -0.5px;
    padding: 5px 0 5px 7px;
    margin: 10px 0 5px 10px;
    border-bottom: 1px solid #E4F2C8;
}

/* sidebar menu */
#sidebar .sidemenu {
    margin: 10px 10px 5px 7px; padding: 0;
    text-decoration: none;
}
#sidebar .sidemenu li {
    list-style: none;
    margin: 0;
    padding: 8px 10px;
    border-bottom: 1px solid #E8E8E8;
}
* html body #sidebar .sidemenu li {
    height: 1%;
}
#sidebar .sidemenu li a {
    text-decoration: none;
    color: #739A23;
    background: none;
    font-weight: bold;
}
#sidebar .sidemenu li a span {
    color: #7F7F7F;
    font-size: .9em;

    font-family: Georgia, 'Times New Roman', Times, serif;
    /* font-style: italic; */
    font-weight: normal;
}
#sidebar .sidemenu li a:hover {
    color: #000;
    background: none;
}
#sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar .sidemenu ul li { border: none; }

/* header quick search */
#sidebar form#qsearch {
    padding: 0; margin: 20px 0 30px 10px;
    border: none;
    width: 270px; height: 33px;
    background: #F2F0F0 url(qsearch.gif) no-repeat;
}
#sidebar form#qsearch p {
    margin: 0; padding: 0;
}
#sidebar form#qsearch input {
    float: left;
    border: none;
    background: transparent;
    color: #B8B8B8;
    margin: 0;
}
#sidebar form#qsearch .tbox {
    margin: 5px 0 0 5px;
    width: 220px;
    display: inline;
    font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
}
#search form#qsearch .btn{
    width: 24px; height: 24px;
}
#sidebar form#qsearch label {
    display: none;
}

/* footer */
#footer {
    clear: both;
    width: 1142px;
    margin: 0;
    padding: 30px 0 25px 0;
    background: #CCC url(footer-bottom.gif) no-repeat left top;
    font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    font-size: 0.95em;
    color: #777;
    text-align: center;
    letter-spacing: .2px;
}
#footer p {
    padding:10px 0;
}
#footer a:hover {
    color: #555;
    text-decoration: none;
}

/* postmeta */
.post-footer {
    padding: 8px 10px;
    margin: 15px 10px 10px 10px;
    color: #977C57;
    border: 1px solid #EEE8E1;
    background: #FAF7F5;
}
.post-footer .date{
    margin: 0 10px 0 5px;
    padding: 7px;
    background: #FAF7F5 url(clock.gif) no-repeat 0 2px;
    padding-left: 30px;
}
.post-footer a.comments {
    margin: 0 10px 0 5px;
    padding: 7px 5px;
    background: #FAF7F5 url(comments.gif) no-repeat 0 2px;
    padding-left: 30px;
    color: #977C57;
}
.post-footer a.readmore {
    margin: 0 10px 0 5px;
    padding: 7px 5px;
    background: #FAF7F5 url(doc.gif) no-repeat 0 2px;
    padding-left: 30px;
    color: #977C57;
}
.post-footer a.edit {
    margin: 0 10px 0 5px;
    padding: 7px 5px;
    background: #FAF7F5 url(edit-doc.gif) no-repeat 0 2px;
    padding-left: 30px;
    color: #977C57;
}

.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #A98D76; }
.post-info a, .post-info a:visited { color: #333; }

/* comments list */
ol.commentlist {
    margin: 12px 10px;
    padding: 0;
    border-style: solid;
    border-color: #EEE8E1;
    border-width: 1px 1px 0 1px;
}
.commentlist li {
    margin: 0;
    padding: 10px;
    list-style: none;
    border-bottom: 1px solid #EEE8E1;
}
.commentlist li cite {
    display: block;
    font-style: normal;
    font-weight: bold;
    padding: 7px;
}
.commentlist li cite img {
    float: left;
    margin-right: 10px;
}
.commentlist li cite .comment-data {
    font-size: .8em;
    font-weight: normal;
}
.commentlist li .comment-text {
    clear: both;
    margin: 0; padding: 0;
}
.commentlist li.alt {
    background: #FAF7F5;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
    content: ".";
}

.required {
    color: red; font-weight: bold;
}


/*
    Homepage styles
*/

.home-box-image {
    border: 1px solid #ccc;
    width: 70px;
    margin: 10px 0px 10px 10px;
}

/*
    General
*/

.gratuit {
    background-color: #ff0000;
    color: #ededed;
}

.fond-transparent {
    background: transparent;
    border: 0;
}

.puce {
    clear: both;
    background-color:transparent;
    border: 0;
    height: 6px;
    padding: 2px 10px 0px 15px;
}

/*
    Gestion des erreurs et des messages
*/

.erreur {
    width: 75%;
    color: #FF0033;
    font-weight: bold;
    background: #FFCCCC;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.succes {
    width: 75%;
    color: #333333;
    font-weight: bold;
    background: #ecfadd;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*
    CPanel''s styles
*/

/* Div Popup */
.popup {
    /*visibility: hidden;*/
    position: fixed;

    width: 60%;
    height: 95%;
    left: 20%;
    top: 4px;
    padding: 0;
    margin: 0 auto 0 auto;

    background-color:  #ffffff; /* blanc antique */
    border: 2px solid #69a303;
    display: none;
    cursor: auto;
    z-index: 10;
}
.popup .content {
    overflow: auto;
    height: 80%;
}
.closeWin {
    width: 100%;
    background: #988060;
    background: url(bg/bg_popup_header3.png) repeat-x;
}

.closeWin  .close {
    text-align: right;
    vertical-align: top;
    height: 30px;
    color: #ffffff;
    border-bottom: 2px dotted #69a303;
    font-size: 1.1em;
    padding: 20px 15px 0px 0;
}
.closeWin  .close a {
    color: #ffffff;
    padding-top: 100px;
    font-weight: bold;

}

/*#988060; #c7aa82;*/
/* Div Popup */

/* Context Menu */

.contextMenu {
    display: none;
    width: 265px;

    background: #fdfdfd;
    position: absolute;
    z-index: 10;
    margin: 0;
    padding: 0;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 3px solid #999999;
    border-bottom: 3px solid #999999;
}
.contextMenu ul {
    width: 15em;
    margin: 0px 0 0 20px;
    padding: 10px 0 0px 30px;
}
.contextMenu ul li {
    border: 0px;
    margin: 0px;
    padding: 0px 0 0px 8px;
    width: 100%;
}
.contextMenu hr {
    width: 90%;
    height: 1px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #dddddd;
    margin: 0 10px 0 10px;
}

/* cpanel */

.dashbord-box {
    float: left;
    width: 380px;

    margin: 10px 20px 10px 20px;
    padding: 0px;
}
.dashbord-box.fullwidth {
    clear: both;
    width: 640px;
}
.dashbord-box fieldset {
    width: 90%;
    height: 90%;
    margin: 10px;
    padding: 10px;
    border: 1px solid #0c0;
}
.red-bg {
    color: #ffffff;
    background: #fb3f55;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 1%;
    white-space:nowrap;
}
.green-bg {
    color: #000000;
    background: #69cf77;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 1%;
    white-space:nowrap;
}
.blue-bg {
    color: #ffffff;
    background: #42bdf0;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 1%;
    white-space:nowrap;
}
.yellow-bg {
    color: #333333;
    background: #ffffcc;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 1%;
    white-space:nowrap;
}
tr.focus:hover td {
    background: #fef2c2;
}
tr.focus{
    position: inherit;
}

/* Photos */
.photo {
    padding: 0px;
    margin: 0px;
    border: 1px solid #cccccc;
}

.photo.large {
    width: 525px;
}
.photo.medium {
    width: 200px;
}
.photo.small {
    width: 70px;
}
.table-tip {
    font-style: italic;
    font-size: 0.8em;
    color: #666666;
}
.table-tip img {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0;
}

.icon, boxNoborder .icon {
    border: 0;
    padding: 0 5px 0 5px;
    margin: 0;
    background: transparent;
    width: 16px;
    height: 16px;
}

.icon.tiny {
    width: 12px;
    height: 12px;
}
.icon.medium {
    width: 24px;
    height: 24px;
}
.icon.large {
    width: 32px;
    height: 32px;
}

.frameTable {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
}
.frameTable tr, .frameTable td {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
}

.groupby {
    background: #c7aa82; color: #ffffff; font-weight: bold;
}
.groupby a {
    color: #ffffff;
    font-weight: normal;
}

.groupby:hover, .groupby:hover a {
    color: #666666;
}
.nowrap {
    white-space: nowrap;
}
.txtleft {
    text-align: left;
}
.txtcenter {
    text-align: center;
}
.txtright {
    text-align: right;
}

.docIFrame {
    width: 98%;

    overflow: auto;
    border: 0;

}

.italic {
    font-style: italic;
}
.center {
    text-align: center;
}

.pub {
    text-align: center;
    margin: 30px 0px 20px 0px;
}
/*_______________________
    Onglets simples
_______________________*/
.onglets {
    width:  100%;
    padding: 0;
    margin: 15px 0 15px 0;
}

.onglets  ul li {
    display: inline;
    border: 1px solid #988060;
    margin: 0 0.1em 0 0.1em;
    background: #c7aa82;
    color: #ffffff;
    padding: 10px 10px 3px 0;
}
.onglets ul li a {
    color: #ffffff;
}
.onglets  .current {
    border-top: 1px solid #988060;
    border-left: 1px solid #988060;
    border-right: 1px solid #988060;
    border-bottom: 0px;
    background: #ffffff;
    color: #6b6b6b;
}
.onglets  .current a {
    color: #79A325;
}


/*_______________________*/


/* cpanel */

/* home */
.homeR0w1 {
    width: 40%;
    border: 1px solid #ccc;
    color: #ffffff;
    height: 50px;
    font: 1.6em "Century gothic";
    vertical-align: middle;
    text-align: center;
    margin: 10px;
}

.col1 {
    background-color: #b19f87;
}

.col2 {
    background-color: #a28c6a;
}

.col3 {
    background-color: #988060;
}

.homeRow2 {
    background: #f2f2f2;
    border: 1px solid #ccc;

    vertical-align: top;
    text-align: justify;
}

.homeRow3 {
    height: 90px;
    background: #fffadc;
    border: 1px solid #ccc;
    vertical-align: middle;
    text-align: center;
}

.prixLola {
    margin: 15px 0 0 0px;
}

.prixLola a {
    color: #f14806;
    font: 2.5em "Times New Roman", "Century gothic";
    font-weight: bold;
}
.prixLola a sup {
    font-size: 0.5em;
    color: #f14806;
}
.prixLola a span {
    font-size: 0.5em;
    color: #f14806;
    font-weight: normal;
}

.fee, .money {
    color: #f14806;
    font-family: "Times New Roman", "Century gothic";
    font-weight: bold;
}
.fee.big, .money.big {
    font-size: 1.3em;
}
.fee.normal, .money.normal {
    font-size: 1.0em;
}
.fee.small, .money.small {
    font-size: 0.8em;
}

.togglerow {
    background: #ecf7d9;
}
.togglerow.red {
    background: #FFecec;
}

.togglerow.gray {
    background: #f6f6f6;
}

.disabled {
    color: #999999;
    font-style: italic;
}

.help.view {
    width: 99%;
    height: 350px;
    border: 1px solid #efefef;
    display: none;

    color: #000000;
    background: url(bg/bg_trans_view.png) repeat;
    text-align: left;
    position:fixed;
    left: 5px; bottom: 202px;

    overflow:auto;
    z-index: 5;
}

.help.actions {
    width: 99%;
    height: 220px;
    border: 1px solid #aaaaaa;
    display: none;

    color: #111111;
    background: url(bg/bg_simple_trans_actions.png) repeat;
    /* background: #efefef; */
    text-align: left;
    position:fixed;
    left: 5px;
    top: 54px;

    overflow: hidden;
    z-index: 5;
}

.help.toolbar {
    position:fixed;
    background: url(bg/bg_toolbar_gray.png) repeat-x;
    width: 99%;
    height: 54px;
    left: 5px;
    top: 0px;
    font-family: 'Century Gothic', 'Helvetica Neue', Arial, Sans-serif;
    font-size: 1.5em;
    color: #ffffff;
    vertical-align: bottom;
    text-align: left;
    display: none;
    z-index: 5;
}

.help.toolbar .logo {
    float: right;
    border: 0px;
    padding: 10px 10px 0px 0px;
}

.help.toolbar .links {
    position: relative;
    float: left;
    font-size: 0.65em;
    float: left;
    border: 0px;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    background: transparent;
    height: 48px;
}
.help.toolbar .links td, .help.toolbar .links tr, .help.toolbar .links div {
    background: transparent;
    border: 0px;
    color: #ffffff;
    vertical-align: bottom;
    padding: 0px 10px 0px 10px;
    margin: 2px 0px 0px 0px;
}
.help.toolbar .links .item {
    float: left; width: 190px; height: 1.2em;
}
.help.toolbar .links a {
    font-size: 0.35em;
    color: #ffffff;
}
.videoPlayer {
    /*visibility: hidden;*/
    position: fixed;

    width: 425px;
    height: 260px;
    left: 30%;
    bottom: 240px;
    padding: 0;
    margin: 0 auto 0 auto;
    border: 0px;

    background: url(bg/bg_toolbar_gray.png) repeat-x;
    text-align: right;

    display: none;
    cursor: auto;
    z-index: 10;
}
.videoPlayer #videoPlayer { border: 1px solid #999999; }

div.tarif {
    float: left;
    width: 210px;
    height: 390px;
    border: 1px solid #aaaaaa;
    margin: 5px;
    padding: 4px 10px 4px 10px;
    text-align: center;
    background: url(bg/bg_tarif.png);
    overflow: auto;
}
div.tarif .button { font-size: 1.0em; }
div.tarif .nom {  width: 200px; height: 7em; font-size: 0.9em; }
div.tarif .prix { vertical-align: middle; font-size: 1.1em; color: #f14806; font-weight: bold; }

.text {
    margin: 10px 0 0 0;
    text-align: left;
    padding: 5px;
}

.trial {
    background: #fa5e12 url(trial_wrap.gif) repeat-y center top;
    color: #ffffff;
    font-weight: bold;
    height: 24px;
    widows: 75%;
    text-align: center;
}

.dashBox {
    width: 95%;
    height: 120px;
    overflow: auto;
    padding: 10px;
}

/* Wisard */

.wizard {
    width: 100%;
    padding: 10px;
    margin: 15px 10px 15px 10px;
}

.wizard .step {
    font: bold 1.2em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    color: #51432F;
    vertical-align: middle;
    text-align: center;
    width: 25%;
    height: 40px;
}
.wizard .step .index {
    font-size: 2em;
    padding: 0px 10px 0px 10px;
}
.wizard .step.current {
    background: #ffffcc;
    border: 2px dotted #cccc11;
}
.wizard .step.loyers.cpi { width: 50%; }
.wizard .step.loyers.regie { width: 25%; }

.formWizard, .formWizard input, .formWizard select  {
    font-size: 1.0em;
}

/* Wisard */

/* Actions */
.actions {
    cursor: pointer;
    width: 20px;
}