@import url("reset.css");

/* Gold : #cc9d20 (Lighter : #F3C900) */

/************/
/*  GLOBAL  */
/************/

body {
    font-family: Georgia, Arial, sans-serif;
    background-color: #39393E; /**/
    /*background-color: #2b2b2f; /**/
    /*background-color: #2a2b32; /**/
    margin: 0;
    padding: 0 0 50px 0;
    color: #999;
    font-size: 14px;
}

p {
    margin: 10px 0 10px 0;
}

a {
    color: #d6d6d6;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h1, h2 {
    color: #cc9d20;
    margin: 0;
}

h3 {
    font-size: 1.5em;
    color: #d6d6d6;
    margin: 10px 0;
}

h4 {
    color: #cc9d20;
    font-size: 1.25em;
}

img {
    border: 0;
}

.gold {
    color: #cc9d20;
}

.left {
    float: left;
    margin: 0 10px 10px 0;
}

.right {
    float: right;
    margin: 0 0 10px 10px;
}

.center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
    font-weight: bold;
}

div.error {
    background-color: #FFCCCC;
    padding: 10px;
    width: 910px;
    color: red;
    margin-bottom: 10px;
    border: 3px solid #FD6565;
}

div.success {
    background-color: #B4FDBB;
    padding: 10px;
    width: 910px;
    color: green;
    margin-bottom: 10px;
    border: 3px solid green;
}

div.block-white {
    font-family: Arial, Georgia, sans-serif;
    font-size: 11px;
    width: 275px;
    background: url('../images/block-white.jpg') no-repeat;
    margin-bottom: 10px;
    padding: 10px;
    text-align: justify;
    line-height: 20px;
}

div.block-white img {
    float: right;
    margin-left: 10px;
}

div.block-white h2,
div.block-white em {
    /* color: #e6a910; /**/
    color: #cc9d20;
}

div.block-white label {
    float: left;
    font-weight: bold;
    width: 6em;
}

div.block-white a {
    color: #cc9d20;
    font-weight: bold;
}

div.block-white ul {
    list-style-type: disc;
    padding-left: 20px;
}

div.block-white ul li a {
    color: #999;
}

div.block-archive {
    clear: both;
    margin: 10px;
}

div.block-archive ul {
    color: #fff;
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 10px;
}

div.block-archive ul li {
    height: 20px;
}

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

div.formrow {
    clear: both;
    height: 40px;
}

div.formrow label {
    float: left;
    width: 30%;
}

div.formfield {
    float: left;
    width: 300px;
}

div.formfield input[type="text"],
div.formfield textarea {
    width: 280px;
}

div.formfield textarea {
    height: 180px;
}

div.formfield ul {
    list-style: none;
    display: inline;
}

div.formfield ul li {
    list-style: none;
    display: inline;
}

div.formfield ul li label {
    width: 25%;
}

/************/
/*  TOP     */
/************/

#top-wrapper {
    height: 87px;
    width: 100%;
    background: url('../images/top-bg.png');
}

#top {
    width: 970px;
    margin: auto;
}

#top img#logo {
    float: left;
}

#top a.active, #top a:hover,
#top li a.active, #top li a:hover {
    text-decoration: underline;
}

ul#menu {
    font-family: Arial, Georgia, sans-serif;
    font-size: 11pt;
    height: 87px;
    padding-left: 0;
    margin: 0;
    color: #fff;
    float: right;
    text-transform: lowercase;
}

ul#menu li { 
    display: inline;
}

ul#menu li a {
    text-align: center;
    width: 101px;
    line-height: 87px;
    float: left;
    /*background: url('../images/menu-bg.png');/**/
}

ul#menu li a.active,
ul#menu li a:hover {
    text-decoration: none;
    color: #cc9d20;    
    /*background: url('../images/menu-bg-on.png');/**/
}

ul#menu li a.first {
    width: 105px;
    padding-left: 10px;
    /*background: url('../images/menu-first-bg.png');/**/
}

ul#menu li a.first:hover {
    text-decoration: none;
    /*background: url('../images/menu-first-bg-on.png');/**/
}

ul#menu li a.last {
    width: 104px;
    padding-right: 12px;
    /*background: url('../images/menu-last-bg.png');/**/
}

ul#menu li a.last:hover {
    text-decoration: none;
    /*background: url('../images/menu-last-bg-on.png');/**/
}

ul#menu li a.last-active,
ul#menu li a.first-active {
    color: #cc9d20;
    /*background: url('../images/menu-last-bg-on.png');/**/
}

/************/
/*  HEADER  */
/************/

#header-wrapper {
    height: 270px;
    width: 100%;
    background: url('../images/header-bg.png');
}

.header-container {
    height: 252px;
    margin: auto;
}

.header-star {
    background: url('../images/header-star.jpg') center no-repeat;
}

.header-alwaysdata {
    background: url('../images/header-alwaysdata.jpg') center no-repeat;
}

.header-puremailing {
    background: url('../images/header-puremailing.jpg') center no-repeat;
}

.header-excellency {
    background: url('../images/header-excellency.jpg') center no-repeat;
}

#header {
    width: 940px;
    margin: auto;
    padding-top: 30px;
}

#header h1 {
    margin-bottom: 15px;
}

#header p {
    font-size: 16pt;
    padding-left: 30px;
    line-height: 20pt;
}

#header-left {
    float: left;
    width: 500px;
}

#header-right {
    float: right;
    margin: 170px 40px 0 0;
}

/************/
/*  MAIN    */
/************/

#main {
    width: 950px;
    margin: 0 auto 30px auto;
}

#main h2 {
    margin-bottom: 10px;
}

#ariane {
    /*margin-bottom: 10px;*/
    visibility: hidden;
}

#ariane a {
    color: #d9d9d9;
}

#ariane a.active {
    color: #cc9d20;
}

#main-left {
    float: left;
    width: 616px;
    padding: 0 15px 30px 0;
    line-height: 1.5;
    border-right: 1px solid #45464a;
    margin-bottom: 30px;
}

#main-left img {
    border: 3px solid #d6d6d6;
}

#main-left ul {
    padding-left: 20px;
    margin: 0;
    list-style-type: disc;
}

#main-right {
    float: left;
    width: 285px;
    padding: 0 2px 30px 10px;
}

#main-right div.block {
    width: 274px;
    padding: 0 12px 0 20px;
    font-size: 11px;
}

#main-right div.actu {
    height: 459px;
}

#main-right div.refs {
    height: 188px;
    text-align: justify;
}

#main-right div.refs p {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

#main-right div.block-title {
    margin: 0 0 10px 75px;
    height: 30px;
    width: 190px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
}

#main-right div.block-title a {
    color: #fff;
}

#main-right div.block div.block-actu {
    clear: both;
    margin-bottom: 10px;
}

#main-right div.block div.block-actu p {
    margin: 0 0 5px 0;
}

#main-right div.block div.block-actu p.actu-date {
    font-family: Arial, Georgia, sans-serif;
}

#main-right div.block div.block-actu p.actu-link a {
    color: #333;
    font-weight: bold;
}

#main-right div.push {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: center;
    width: 126px;
}

#main-right div.push a p {
    color: #fff;
}

/***********/
/*  HOME   */
/***********/

div#push-alwaysdata {
    background: url('/media/images/alwaysdata-push.png') no-repeat;
    height: 80px;
    padding-top: 132px;
}

div#push-puremailing {
    background: url('/media/images/puremailing-push.png') no-repeat;
    height: 67px;
    padding-top: 145px;
}

/********************/
/*  ARTICLES-LOOP   */
/********************/

div.article-loop {
    margin: 5px 0 20px 0;
    padding-bottom: 10px;
    clear: both;
    height: 135px;
}

div.article-loop p {
    margin: 20px 0 0 0;
}

div.article-loop img {
    border: 2px solid #67696c;
}

div.article-loop div.article-content {
    clear: both;
    padding-top: 15px;
}

div.article-loop div.article-img {
    float: left;
    width: 249px;
    margin-right: 10px;
}

div.article-loop div.article-content-text {
    float: left;
    width: 350px;
    margin-left: 5px;
}

div.article-loop div.article-text {
    height: 75px;
    color: #D6D6D6;
    font-size: 11px;
}

div.article-loop div.article-link a {
    color: #999;
}

div.article-loop div.heading div.title {
    float: left;
    font-size: 16px;
}

div.article-loop div.heading div.date {
    float: right;
}

/************/
/*  ARTICLE */
/************/

div.article-infos {
    padding: 3px 0 3px 0;
    border-bottom: 1px dashed #d6d6d6;
    height: 20px;
    font-size: 12px;
    font-style: italic;
}

div.article-infos span.article-author {
    float: left;
}

div.article-infos span.article-date {
    float: right;
}

div.article {
    border-bottom: 1px dashed #d6d6d6;
    margin: 10px 0 20px 0;
    padding-bottom: 30px;
}

#main-left div.article ul {
    margin: 10px;
}

div.article-actions {
    clear: both;
    margin-top: 20px;
}

/************/
/*  ACTUS   */
/************/

#main-right div.actu-alwaysdata {
    background: url('../images/actu-alwaysdata.jpg');
}

#main-right div.actu-alwaysdata p.actu-date,
#main-right div.actu-alwaysdata a.see-all {
    color: #963284;
}

#main-right div.refs-alwaysdata {
    background: url('../images/refs-alwaysdata.jpg');
}

#main-right div.actu-puremailing {
    background: url('../images/actu-puremailing.jpg');
}

#main-right div.actu-puremailing p.actu-date,
#main-right div.actu-puremailing a.see-all {
    color: #e75700;
}

#main-right div.refs-puremailing {
    background: url('../images/refs-puremailing.jpg');
}

/******************/
/*  PRESENTATION  */
/******************/

div.presentation p {
    margin-bottom: 15px;
}

div.profile {
    height: 285px;
}

/******************/
/*  CONSULTING    */
/******************/

#main-right div.refs-consulting-head {
    background: url('../images/refs-consulting-top.png') no-repeat;
    height: 41px;
}

#main-right div.refs-consulting {
    background: url('../images/refs-consulting-bg.png') repeat-y;
    padding-top: 10px;
    padding-left: 10px;
    color: #d6d6d6;
}

#main-right div.refs-consulting a {
    color: #999;
}

/***************/
/*  REFERENCE  */
/***************/

img.sample {
    border-bottom:1px solid #E8E8E8;
}

div#TB_ajaxContent div.reference h1 {
    color: #525252;
    margin-top: 10px;
}

/************/
/*  CONTACT */
/************/

#contact {
    background: url('../images/map.jpg') no-repeat;
    padding: 15px;
    width: 906px;
    height: 569px;
    color: #d6d6d6;
}

#contact div.block {
    float: left;
    height: 579px;
}

#contact-form {
    width: 445px;
}

#contact h2 {
    margin: 0 0 40px 0;
}

#contact-map #contact-address,
#contact-map #click-map {
    float: left;
    margin-top: 350px;
    width: 220px;
}

#contact-map #contact-address p,
#contact-map #click-map p {
    color: #999;
    font-size: 11pt;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
}

/************/
/*  FOOTER  */
/************/

div#footer-wrapper {
    color: #999;
    clear: both;
    height: 132px;
    width: 100%;
    background: url('../images/footer-bg.png') repeat-x;
    margin: 30px 0 0 0;
    padding-top: 10px;
}

div#footer {
    font-weight: bold;
    font-size: 11px;
    width: 936px;
    margin: 0 auto;
}

div#footer div.block {
    float: left;
    width: 234px;
    height: 130px;
}

div#footer div.last {
    text-align: right;
}

div#footer div.block p {
    margin: 0;
    line-height: 20px;
}