/*
Theme Name: Mardi website
Theme URI: http://www.mardi.be/
Description: Theme created by Mardi.
Version: 1
Author: Nicolas Micheau
Creation Theme by Nicolas Micheau || http://www.mardi.be
*/

/*-------------------- GENERAL --------------------*/


body, html{
font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
margin:0;
padding:0;
text-align: center;
}

#master{
width:950px;
margin-left:auto;
margin-right:auto;
position:relative;
text-align: left;
}

img{
border:0;
}

a{
text-decoration:none;
}

p{
margin:0;
font-size:12px;
line-height:16px;
color:#666;
}

/*-------------------- INDEX --------------------*/

.temp{
color:#666;
}

.logo_index{
float:left;
}

#header{
width:950px;
margin-bottom:20px;
background-color:#fff;
float:left;
}

#wait_index{
width:600px;
height:45px;
float:left;
background-color:#fff;
padding:75px 0 0 0;
margin: 0 0 20px 0px;
}

#content_index{
width:950px;
float:left;
}

#diap_index{
margin-bottom:30px;
/*-- start preload --*/
background-image:url(img_mardi/btn_report_over.gif);
background-repeat:no-repeat;
background-position: -1000px -1000px;
/*-- end preload --*/
}

#infos_index{
width:590px;
height:22px;
background-color:#666;
padding:8px 0 0 10px;
color:#fff;
float:left;
font-size:12px;
}


/*-------------------- MENU --------------------*/

#menu_infos{
width:600px;
height:85px;
float:left;
margin:0;
text-align: center;
/*-- start preload --*/
background-image:url(img_mardi/btn_identify_over.gif);
background-repeat:no-repeat;
background-position: -1000px -1000px;
/*-- end preload --*/
}

#menu_infos a{
display:block;
float:left;
font-size:11px;
width:112px;
background-color:#ccc;
color:#fff;
text-align:center;
padding:2px;
margin:0 3px 0 0;
}

#menu_infos a:hover{
background-color:#666;
}

#menu_works{
width:600px;
height:45px;
float:left;
background-color:#fff;
padding:0;
margin: 0 0 35px 0;
/*-- start preload --*/
background-image:url(img_mardi/btn_communicate_over.gif);
background-repeat:no-repeat;
background-position: -1000px -1000px;
/*-- end preload --*/
}

.btn_identify, .btn_communicate, .btn_report, .btn_promote, 
.btn_identify_h, .btn_communicate_h, .btn_report_h, .btn_promote_h,
.btn_identify_l, .btn_communicate_l, .btn_report_l, .btn_promote_l{
height:70px;
display:block;
float:left;
}

.btn_identify, .btn_identify:hover, .btn_identify_h, .btn_identify_l{
width:125px;
}

.btn_identify{
background-image:url(img_mardi/btn_identify.gif);
}

.btn_identify:hover, .btn_identify_l:hover{
background-image:url(img_mardi/btn_identify_over.gif);
}

.btn_identify_h{
background-image:url(img_mardi/btn_identify_over.gif);
}

.btn_identify_l{
background-image:url(img_mardi/btn_identify_lighter.gif);
}

.btn_communicate, .btn_communicate:hover, .btn_communicate_h, .btn_communicate_l{
width:222px;
}

.btn_communicate{
background-image:url(img_mardi/btn_communicate.gif);
}

.btn_communicate:hover, .btn_communicate_h, .btn_communicate_l:hover{
background-image:url(img_mardi/btn_communicate_over.gif);
}

.btn_communicate_l{
background-image:url(img_mardi/btn_communicate_lighter.gif);
}

.btn_report, .btn_report:hover, .btn_report_h, .btn_report_l{
width:115px;
}

.btn_report{
background-image:url(img_mardi/btn_report.gif);
}

.btn_report:hover, .btn_report_h, .btn_report_l:hover{
background-image:url(img_mardi/btn_report_over.gif);
}

.btn_report_l{
background-image:url(img_mardi/btn_report_lighter.gif);
}

.btn_promote, .btn_promote:hover, .btn_promote_h, .btn_promote_l, .btn_promote_l:hover{
width:138px;
}

.btn_promote{
background-image:url(img_mardi/btn_promote.gif);
}

.btn_promote:hover, .btn_promote_h, .btn_promote_l:hover{
background-image:url(img_mardi/btn_promote_over.gif);
}

.btn_promote_l{
background-image:url(img_mardi/btn_promote_lighter.gif);
}

/*-------------------- SOUS MENU --------------------*/

.ss_menu{
display:block;
width:200px;
height:20px;
color:#666;
font-size:11px;
text-transform:uppercase;
margin:0 0 0 60px;
position:relative;
}

.ss_menu:hover{
display:block;
width:200px;
height:20px;
color:#e32026;
font-size:11px;
text-transform:uppercase;
margin:0 0 0 60px;
}

/*-------------------- CONTENT --------------------*/

#left{
width:350px;
float:left;
color:#666;
position:fixed;
}

.logo{
margin:0 0 25px 0;
}


#right{
width:600px;
float:right;
}

#content, #content_pages{
width:600px;
clear:both;
}

#content_pages p{
margin:0 0 15px 0;
font-size:12px;
}
#content_pages ul{
margin:0 0 10px 0;
}

#content_left{
width:350px;
float:left;
color:#666;
position:fixed;
}

#content_right{
width:600px;
float:right;
}

.title_works{
background-color:#e32026;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
padding: 5px 12px 5px 10px;
margin:0;
float:left;
}

.title_green{
background-color:#64b639;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
padding: 5px 12px 5px 10px;
margin:0;
float:left;
}

p.excerpt{
margin:0 0 25px 0;
padding: 3px 0 3px 0;
font-size:11px;
color:#666;
}

li{
margin:0;
padding:0;
}

.post-meta-key{
color:#ddd;
}

.post-meta{
background-color:#ddd;
text-indent:0;
list-style-type:none;
margin:0;
padding:0;
font-size:11px;
text-transform:uppercase;
padding: 5px 10px 5px 0;
color:#333;
}

/*-------------------- FOOTER --------------------*/

#copyright_index{
width:480px;
padding:6px 5px;
background-color:#666;
color:#fff;
font-size:10px;
float:left;
margin:37px 0 0 0;
/*-- start preload --*/
background-image:url(img_mardi/btn_promote_over.gif);
background-repeat:no-repeat;
background-position: -1000px -1000px;
/*-- end preload --*/
}

#copyright img{
float:right;
}

#copyright{
width:600px;
height:32px;
color:#fff;
float:left;
margin:20px 0 10px 0;
}

#browse{
background-color:#666;
height:20px;
width:495px;
float:left;
margin:7px 0 0 0;
padding:5px 0 0 5px;
font-size:12px;
}

#browse a{
color:#fff;
padding:5px 2px;
}

#browse a:hover{
background-color:#e32026;
padding:5px 2px;
color:#fff;
}

.green{
width:250px;
padding:6px 5px;
background-color:#64b639;
color:#fff;
font-size:10px;
float:left;
margin:43px 0 0 60px;
}

.fb{
margin:37px 0 0 5px;
}

fieldset{
border:0;
padding:0;
margin:10px 0 10px 0;
font-size:12px;
color:#666;
}

.ulinks{
color:#666;
text-decoration:underline;
font-size:12px;
}