/* main.css */

a { color:#1e7ec8; text-decoration:underline; }
a:hover { color:#1e7ec8; text-decoration:underline; }
a img { border:0;}
:focus { outline:0; }

/* Heading */
h1, h2, h3, h4, h5, h6, .head { 
  margin-bottom: 10px;
  color: #0A263C;
}
h1 {
  color: #1D6292;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}
h2 {
  font-size: 14px;
  color: #604221;
}
h3 {
  font-size: 12px;
}
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/* Table */
th { padding:0; text-align:left; vertical-align:top; }
td {padding:0;vertical-align:top;}
table.content {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}
table.content td {
  border: 1px solid black;
  padding: 5px;
}
table.content .even {
  background: #C5DE8D;
}
table.content .odd {
  background: white;
}
/* Paragraph */
p {
  margin-bottom: 10px;
}
p.justify {
  text-align: justify;
}
.important {
  color: red;
}
.strong {
  font-weight: bold;
}
.underline {
  text-decoration: underline;
}
address { margin-bottom:.4em; }
address { font-style:normal; line-height:1.4em;}
cite { font-style:normal; font-size:10px;}
q:before, q:after{content:'';}

/* Form */
form { display:inline;}
fieldset { border:none; }
legend {display:none;}
label { /*font-size:.95em;*/  font-weight:bold; }
input, select, button { vertical-align:middle; }

/* Lists */
dt { display:block; font-weight:bold; }
ul {
  list-style:none;
  margin-bottom: 10px;
}
ol {
  list-style: none; 
  margin: 0 0 10px 0;
}
ol li {
  margin: 0 0 5px 0;
  font-weight: bold;
}
ol li a {
  color: black;
  text-decoration: none;
}
ol li a:hover {
  color: black;
}

.col-main ol {
  list-style-type: decimal; 
  margin-left: 30px;
}
.col-main ol li {
  color: #1F7ED2;
}
.col-main ol li a {
  color: #1F7ED2;
}

img.logo {
  vertical-align: middle;
}

/* Size */
small { font-size:.92em; }
big { font-size:1.1em; }

hr { height:0; margin:8px 0; overflow:hidden; visibility:hidden; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }

/********************** Base Layout */

/* Structure */
.wrapper {
  width: 950px;
  margin: 0 auto;
}
.middle {
  min-height: 400px;
  padding: 15px 10px 0 10px;
  text-align:left;
  background: transparent url(../images/content/background.png) no-repeat;
}
.middle-container {}
.side-col {
  width: 155px;
}
.col-left {
  float: left;
}
.col-main {
  float: left;
}
.col-right {
  float: right;
}
.col-1-layout .col-main {
  float: none; 
  margin: 0;
}
.col-2-right-layout .col-main {
  float: left;
  width: 765px;
}
.col-2-left-layout .col-main {
  float: right;
  width: 765px;
}
.col-3-layout .col-main {
  width: 600px;
  margin: 0 10px;
}

/********************** Sidebars */
.side-col .box { margin-bottom: 10px; }
.side-col .content { padding:5px 10px; }
.side-col .head { text-align:left; }
.side-col h2, .side-col h3, .side-col h4, .side-col h5 { float:none; }
.side-col h3 { font-size:1.05em; text-transform:uppercase; }
.side-col h4 { color:#e65505; text-transform:uppercase; }
.side-col .actions {
    padding:4px 0;
    font-size:.95em;
    text-align:right;
    }
.side-col .actions a, .side-col .actions a:hover { text-decoration:underline; }
.widget-btn { float:right; font-size:11px; margin:0 3px 1px 5px; }
.widget-btn, .widget-btn:hover { color:#646464; font-weight:bold; }

/********************** Columns */

/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:48.5%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }

/* Col2-alt */
.col2-alt-set .col-1 { width:32%; }
.col2-alt-set .col-2 { width:65%; }
.col2-alt-set .col-1 { float:left; }
.col2-alt-set .col-2 { float:right; }

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }


/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }

/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }


.accent { color:#E76200; font-weight:bold; }

/********************** Headings */

.head, .inner-head { line-height:1.25em; text-align:right; }
.head h1,.head h2, .head h3, .head h4, .head h5,
.inner-head h1,.inner-head h2, .inner-head h3, .inner-head h4, .inner-head h5{ margin:0; float:left; }


/* Page heading */
.page-head {
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #1D6292;
  margin-bottom: 10px;
}
.page-head-alt { margin:0 0 12px 0; }
.page-head, .page-head-alt { text-align:right; }
.page-head h3,
.page-head-alt h3 {
    margin:0;
    font-size:1.7em !important;
    font-weight:normal !important;
    text-transform:none  !important;
    text-align:left;
    }
.button-level h1 { /* heading level with buttons */
    float:left;
    width:55%;
}
.page-head .link-feed {float:right; margin-top:9px; }
.button-level .link-feed {float:none!important; font-size:1em!important; }

/* espaceclientcontainer */

#espaceclientcontainer,
.btn-clientcontainer {
  position: absolute;
  padding-left: 2px;
  display: block; 
  z-index: 100; 
  overflow: hidden;
}

#espaceclientcontainer {
  width: 280px;
  top: 0;
  background: red;
}

.btn-clientcontainer {
  width: 115px;
  top: 113px;
  background: black;
  text-align: center;
}