/*
Theme Name: WordPress IDCI Consulting
Theme URI: http://wordpress.org/
Description: The IDCI Consulting WordPress theme.
Version: 2.0
Author: IDCI-Consulting Team
Author URI: http://www.idci-consulting.fr
Text Domain: IDCI Consulting
  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php
*/

/* Body */
html, body
{
  height: 100%;
}

body
{
  background: url('images/background.png') repeat;
  font-family: Arial, Helvetica, Sans serif;
}

/* Header */
#header
{
  background: #345; /* Old browsers */
  background: -moz-linear-gradient(top, #345 0%, #368 67%, #DEDEDE 67%, #DEDEDE 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#345), color-stop(67%,#368), color-stop(67%,#DEDEDE), color-stop(100%,#DEDEDE)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #345 0%,#368 67%,#DEDEDE 67%,#DEDEDE 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #345 0%,#368 67%,#DEDEDE 67%,#DEDEDE 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #345 0%,#368 67%,#DEDEDE 67%,#DEDEDE 100%); /* IE10+ */
  background: linear-gradient(top, #345 0%,#368 67%,#DEDEDE 67%,#DEDEDE 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#345', endColorstr='#DEDEDE',GradientType=0 ); /* IE6-9 */
  height: 100px;
  width: 100%;
  border-bottom: 1px solid #FFF;
}

#header .header_top
{
  height: 67px;
}

#header .header_top h1
{
  float: left;
}

#header .header_top h1 a
{
  background: url('images/header_logo.png') no-repeat;
  width: 139px;
  height: 56px;
  text-indent: -9999px;
  display: block;
}

#header .header_bottom
{
  height: 33px;
}

/* Header Menu */
#header .header_bottom .menu ul
{
  float: left;  
}

#header .header_bottom .menu ul > li
{
  float: left;
  display: block;
  margin: 0 20px 0 0;
  line-height: 33px;
}

#header .header_bottom ul.menu,
#header .header_bottom ul.menu > li
{
  float: left;
  margin-top: 4px;
}

#header .header_bottom ul.menu > li > a
{
  font-size: small;
  color: #333;
  text-decoration: none;
  display: block;
  line-height: 24px;
  padding: 0 20px;
  text-shadow: 1px 1px 1px #CCC;
  border: 1px solid #DEDEDE;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
}

#header .header_bottom ul.menu > li > a[title="Home"],
#header .header_bottom ul.menu > li.current_page_item > a[title="Home"]
{
  float: left;
  text-indent: -9999px;
  background: transparent url(images/icons/home.png) no-repeat scroll center 4px;
  width: 16px;
  display: block;
}

#header .header_bottom ul.menu > li.current_page_item > a[title="Home"]
{
  background: #EDEDED url(images/icons/home.png) no-repeat scroll center 4px;
}

#header .header_bottom ul.menu > li.current_page_item > a,
#header .header_bottom ul.menu > li.current_page_ancestor > a
{
  border-color: #FFF;
  background: url('images/background.png') repeat;
  line-height: 25px;
  font-weight: bold;
}

#header .header_bottom ul.menu > li:hover > a
{
  color: #1c95c0;
}

/* Header Search */
#header .header_bottom div.search
{
  float: right;
  position: relative;
  line-height: 31px;
  margin-right: 12px;
}

#header .header_bottom div.search input { font-size: 11px; }

/* Header Culture */
#header .header_bottom div.culture
{
  float: right;
  position: relative;
}

#header .header_bottom div.culture label
{
  background: url('images/icons/world.png') no-repeat;
  width: 52px;
  height: 25px;
  margin: 4px 0;
  text-indent: -9999px;
  display: block;
  float: left;
}

#header .header_bottom div.culture div.current_language
{
  width: 33px;
  height: 30px;
  margin: 0px 0 4px 14px;
  text-indent: -9999px;
  float: left;
}

#header .header_bottom div.culture div.current_language.fr
{
  background: url('images/FR.png') no-repeat;
}
#header .header_bottom div.culture div.current_language.en
{
  background: url('images/GB.png') no-repeat;
}
#header .header_bottom div.culture div.current_language.pt
{
  background: url('images/PT.png') no-repeat;
}
#header .header_bottom div.culture div.current_language.es
{
  background: url('images/ES.png') no-repeat;
}
#header .header_bottom div.culture .choices
{
  position: absolute;
  top: 34px;
  left: 5px;
  z-index: 10;
  visibility: hidden;
}

/* Large title style banner */

#content > .documentation h2,
.post h2
{
  font-weight: bold;
  font-size: 16px;
  margin: 16px 0 10px;
  background: url('images/title_bg.png') repeat-x #E7E6E6;
  color: #000;
  position: relative;
  width: 100%;
  height: 41px;
  line-height: 32px;
  clear: both;
}

#content > .documentation h2 > span,
.post h2 > span,
.news_summary h2 > span
{
  display: block;
  height: 41px;
  width: 6px;
  position: absolute;
}

#content > .documentation h2 > a,
.post h2 > a,
.news_summary > h2 > p,
.post_categories p,
.comment_box p,
.twitter_box p
{
  float: left;
  text-decoration: none;
  font-weight: bold;
}

#content > .documentation h2 > a,
.post h2 > a,
.news_summary > h2 > p
{
  color: #fff;
  padding-left: 10px;
}

#content > .documentation h2 > span.left,
.post h2 > span.left,
.news_summary > h2 > span.left
{
  background: url('images/title_left_fold.png') no-repeat;
  left: -6px;
}

#content > .documentation h2 > span.right,
.post h2 > span.right,
.news_summary > h2 > span.right
{
  background: url('images/title_right_fold.png') no-repeat;
  right: -6px;
}

/* Little title style banner */
.post_categories .category h2,
.comment_box h2,
.twitter_box h2
{
  font-weight: bold;
  font-size: 16px;
  background: url('images/title_bg_little.png') repeat-x #E7E6E6;
  color: #000;
  position: relative;
  width: 100%;
  height: 24px;
  clear: both;
}

.post_categories .category h2
{
  margin: 40px 0 10px;
}

.post_categories .category h2 > span,
.comment_box h2 > span,
.twitter_box h2 > span
{
  display: block;
  height: 24px;
  width: 4px;
  position: absolute;
}

.post_categories .category h2 > span.right,
.comment_box h2 > span.right,
.twitter_box h2> span.right
{
  background: url('images/title_right_fold_little.png') no-repeat;
  right: -4px;;
}

.post_categories .category h2 > span.left,
.comment_box h2 > span.left,
.twitter_box h2> span.left
{
  background: url('images/title_left_fold_little.png') no-repeat;
  left: -4px;
}

.post_categories .category h2 > p,
.comment_box h2 > p,
.twitter_box h2> p
{
  float: left;
  text-decoration: none;
}

#header .header_bottom div.culture .choices .arrow
{
  position: absolute;
  background: url('images/arrow.png') no-repeat;
  height: 7px;
  width: 20px;
  left: 64px;
  top: -5px;
}

#header .header_bottom div.culture .choices ul
{
  background: #063E5D;
  padding: 5px 0;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-top: none;
  box-shadow: 4px 4px 17px #222;
  -moz-box-shadow: 4px 4px 17px #222;
  -webkit-box-shadow: 4px 4px 17px #222;
}

#header .header_bottom div.culture .choices ul > li
{
  line-height: 18px;
  min-width: 60px; 
  padding: 2px 20px 2px 42px;
  margin: 0;
}

#header .header_bottom div.culture .choices ul > li:hover
{
  background: #FFF;
}

#header .header_bottom div.culture .choices ul > li a
{
  text-decoration: none;
  color: #EEE;
  font-size: 10px;
}

#header .header_bottom div.culture .choices ul > li:hover a
{
  color: #063E5D;
}

#header .header_bottom div.culture .choices ul > li.es
{
  background: url('images/es.jpg') no-repeat scroll 10px 6px;
}
#header .header_bottom div.culture .choices ul > li.es:hover
{
  background: #FFF url('images/es.jpg') no-repeat scroll 10px 6px;
}

#header .header_bottom div.culture .choices ul > li.fr
{
  background: url('images/fr.jpg') no-repeat scroll 10px 6px;
}
#header .header_bottom div.culture .choices ul > li.fr:hover
{
  background: #FFF url('images/fr.jpg') no-repeat scroll 10px 6px;
}

#header .header_bottom div.culture .choices ul > li.en
{
  background: url('images/en.jpg') no-repeat scroll 10px 6px;
}
#header .header_bottom div.culture .choices ul > li.en:hover
{
  background: #FFF url('images/en.jpg') no-repeat scroll 10px 6px;
}

#header .header_bottom div.culture .choices ul > li.pt
{
  background: url('images/pt.jpg') no-repeat scroll 10px 6px;
}
#header .header_bottom div.culture .choices ul > li.pt:hover
{
  background:#FFF url('images/pt.jpg') no-repeat scroll 10px 6px;
}

/* Content */
#content
{
  padding: 20px 0;
  overflow: hidden;
}

#content .rounded_border
{
  font-size: small;
  background: #FFFFFF none repeat scroll 0 0;
  border: 2px solid #999999;
  margin: 10px 0;
  overflow: auto;
  padding: 10px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

#content .entry p
{
  text-align: justify;
  margin-bottom: 8px;
  line-height: 16px;
}

/* Large title style banner */
#content > .documentation h2,
.post h2
{
  font-weight: bold;
  font-size: 16px;
  margin: 16px 0 10px;
  background: url('images/title_bg.png') repeat-x #E7E6E6;
  color: #000;
  position: relative;
  width: 100%;
  height: 41px;
  line-height: 32px;
  clear: both;
}

#content > .documentation h2 > span,
.post h2 > span,
.box h2 > span
{
  display: block;
  height: 41px;
  width: 6px;
  position: absolute;
}

#content > .documentation h2,
.post h2,
.news_summary > h2,
.post_categories p,
.box h2 p
{
  float: left;
  text-decoration: none;
}

#content > .documentation h2 > span.left,
.post h2 > span.left,
.box > h2 > span.left
{
  background: url('images/title_left_fold.png') no-repeat;
  left: -6px;
}

#content > .documentation h2 > span.right,
.post h2 > span.right,
.box > h2 > span.right
{
  background: url('images/title_right_fold.png') no-repeat;
  right: -6px;
}

.news > h2 > p > a
{
  color: #fff;
  text-decoration: none;
}

.news > h2 > p > a:hover
{
  text-decoration: underline;
}

/* General */
h1 a
{
  text-decoration: none;
  font-size: 18px;
  color: #000;
}

h1 a:hover
{
  text-decoration: none;
}

a { color: #368; text-decoration: none; font-weight: bold;}
a:hover { text-decoration: underline; }


.button,
form.wpcf7-form input[type="submit"],
#respond .form-submit input
{
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: #054163 url('images/bg_button.png') repeat-x;
  font-size: 16px;
  color: #E0E0E0;
  text-shadow: 1px 1px 1px #070707;
  padding: 5px 10px;
  display: block;
  text-decoration: none;
}

#respond .form-submit input:focus
{
  outline: none;
}

.button:hover,
form.wpcf7-form input[type="submit"]:hover,
#respond .form-submit input:hover
{
  box-shadow: 3px 2px 27px #FFF;
  -moz-box-shadow: 3px 2px 27px #FFF;
  -webkit-box-shadow: 3px 2px 27px #FFF;
  cursor:  pointer;
  color: #FFF;
}

/* Category link */
a.post_category
{
  padding: 4px 5px;
  background: #6AB3D5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 0 2px #000;
  -moz-box-shadow: 0 0 2px #000;
  -webkit-box-shadow: 0 0 2px #000;
  color: #FFF;
  display: block;
  min-width: 100px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  float: left;
}

a.post_category:hover
{
  background: #368;
}

/* Search */

/* Header Search */
div.search > form
{
  position: relative;
  line-height: 31px;
  margin-right: 12px;
}

div.search > form input
{
  font-size: 11px;
}


/* Wrap */
.push
{
  clear: both;
  height: 142px;
}

.wrap
{
  height: auto !important;
  margin-bottom: -142px;
  min-height:100%;
}

/* Footer */
#footer
{
  clear: both;
  height: 140px;
  border-top: 2px solid #FFF;
  background: #345; /* Old browsers */
  background: -moz-linear-gradient(top, #368 10%, #368 40%, #345 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#368), color-stop(40%,#368), color-stop(100%,#345)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #368 30%, #345 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #368 10%, #368 40%, #345 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #368 10%, #368 40%, #345 100%); /* IE10+ */
  background: linear-gradient(top, #368 10%, #368 40%,#345 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#368', endColorstr='#345',GradientType=0 ); /* IE6-9 */
  bottom: 0;
  font-size: 12px;
  width: 100%;
  z-index: 9999;
}

#footer > div
{
  padding-top: 4px;
}

#footer h2
{
  margin: 5px 0 15px;
  padding-top: 8px;
  font-size: 14px;
  color: #FFF;
}

#footer h2 a
{
  color: #FFF;
  text-decoration: none;
}
#footer h2 a:hover
{
  text-decoration: underline;
}

#footer .contact li
{
  margin: 8px 4px;
  overflow: auto;
}

#footer .contact li label
{
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  text-indent: -9999px;
  margin-right: 6px;
}

#footer .contact li p
{
  line-height: 16px;
  color: #E0E0E0;
  width: 250px;
  float: left;
}

#footer .contact li a
{
  color: #E0E0E0;
  text-decoration: none;
}
#footer .contact li a:hover
{
  color: #FFF;
}

#footer .contact .phone label { background: url('images/phone.png') no-repeat; }
#footer .contact .email label { background: url('images/email.png') no-repeat; }
#footer .contact .address label { background: url('images/map.png') no-repeat; }

#footer .search
{
  margin-top: 36px;
}

/* Social Networks */
.social_networks > ul
{
  overflow: auto;
  margin: 10px 0;
}

.social_networks > ul > li
{
  display: block;
  float: left;
  margin: 0 8px 0 0;
}

.social_networks a
{
  display: block;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
}

.social_networks .facebook { background: url('images/sn_facebook.png') no-repeat; }
.social_networks .twitter { background: url('images/sn_twitter.png') no-repeat; }
.social_networks .feed { background: url('images/sn_rss.png') no-repeat; }

