/* ***** BEGIN LICENSE BLOCK *****
 * 
 * Feuille de style Valiza-Tools.
 * @version   2.0
 * @author    Stephane Bullier <www.sbullier.com>
 * @copyright copyright 2009, Stephane Bullier 
 */
 

/* Les elements HTML en general
-------------------------------------------------------- */
html, body {height: 100%;}

div#page {min-height: 100%;}

body{
  background-color:#000;
  color:#000;
  font-family:Verdana,Arial,sans-serif;
  font-size:small;
  line-height:1.3;
}

h2 {font-size:12px;}

#page {background:#fff url(../images/bg.png) no-repeat 100% 100%;}

.container-image {
  text-align:center;
  margin:0 auto;
}

#splash-screen {
  position:absolute;
  width:100%;
  height:2000px;
  top:0;
  z-index:2;
  background-color:#fff;
  text-align:center;
}

/* -- Styles pour les liens -- */
a {
  color:#003399;
  background-color:transparent;
}

a:visited {
  color:#6D809F;
  background-color:transparent;
}

a:hover {
  color: #636;
  background-color: transparent;
}

/* L'entete
-------------------------------------------------------- */
#top{
  height:120px;
}

#top h1{
  height:80px;
  line-height:80px;
  color: #fff;
  margin-top:10px;
  text-align:right;
}

#logo {
  width:500px
}

/* Les blocs
-------------------------------------------------------- */
#container-content {
  margin:1em 10px 1em 0;
  text-align: justify;
}

#container-content ul {
  list-style-type:none;
}

#sidebar {
  margin-top:.8em;
}

#liste-formulaire {
	margin:0;
}

#liste-formulaire li {
  margin:0 0 .5em 0;
  list-style-type:none;
}

#search h3 {
	font-size:12px;
	margin-bottom:0;
}

/* --- NAVIGATION HORIZONTALE --- */
#menu {
	border-top:solid 2px #000;
}

#menu ul {
  margin-left:.5em;
}

#menu li {
  float:left;
  list-style:none;
  font:800 17px Verdana,Arial,Helvetica,sans-serif;
  text-transform:uppercase;
  margin:0;
}

#menu li a {
  text-decoration:none;
  display:block;
  /*margin:0 .5em 0 .5em;*/
  padding:.2em .5em;
  color:#000; 
}

#menu a.current {
  background-color:#6d809f;
  color:#fff
}

/* ----- Styles pour les images ---- */
.left{
  float:left;
  margin-right:1em;
}

.right{
  float: right;
  margin-left: 1em;
}

.object-center, .text-center {
  text-align:center;
}

.object-left, .text-left {
  float:left;
  margin-right:.5em;
}

.object-right, .text-right {
  float: right;
  margin-left:.5em;
}

.compteur {
  float:right;
}


/* ----- Bloc langue ----- */ 
#langue {
  margin: 5px 0 0 10px;
  font-size:.8em
}
       

/* ----- Bloc ACTUALITE - View line ------ */ 

.post {
  margin: 0 0 .3em .5em;
  padding-bottom:.5em;
  border: thin dotted #666666;
  clear: both;
}

.post .span-16 {
  width:620px;
}

.post h2 {
  margin-left:.2em;
}

.post p {
  margin-bottom:.5em;
}

.post img {
  margin-left:.2em;
}

.actu-date {
	color:#666666;
	font:700 11px Arial,Helvetica,sans-serif;
}

.actu-title {
	font-weight:800;
}

.new {
  background-color:transparent;
  color:#CC0033;
  float:right;
  font-size:8px;
  font-weight:bold;
  padding:.2em .5em 0 0;
}

#post-article-full {
	border:thin dotted #666666;
	margin:1em 0 1em .5em;
	padding:1em .5em;
	/*text-align:center;*/
}

/* ---- COMMENTS --- */
#comments {
  margin-left:.5em;
}

#comments h2, #add_comments h2 {
  font-size:120%;
  font-weight:bold;
}

#comments dt {
  font-size:100%;
  margin:1em 0 5px;
}

#add_comments {
  margin:1em;
}

#add_comments label {
  display:block;
}

.box {
  padding:0;
}


/* ---- Rubrique TOOLS  --- */
.tool-full {
  margin: 0 0 .3em .5em;
  padding-bottom:.5em;
  border: thin dotted #666666;
  clear: both;
}

.tool-full .span-6 {
  width:210px;
  margin-left:.2em
}

.tool-full .span-13 {
  width:520px;
}

.tool-full .span-18 {
  width:730px;
  margin-left:.4em
}

.tools-title {
	font:700 17px Helvetica,Verdana,Arial,sans-serif;
	margin:1em 0 .2em 0;
}

.tools-title a {
  background-color:transparent;
  color:#000000;
}

.tools-type-date {
  color:#6D809F;
	font:700 .8em Verdana,Arial,sans-serif;
	padding:0 0 3em .2em;	
}

#creative-common-principe {
  border:thin dotted #666666;
  padding:.5em;
  margin-left:.5em;
}

#creative-common-principe p {
  margin-bottom:1em;
}

.logo-creative-common {
  padding-bottom:1em;
  text-align:center;
}

#creative-common-principe ul {
  margin-bottom:0;
}

#creative-common-principe li {
	padding:25px 0 25px 70px;
}

#creative-common-principe p span {
  font-weight:700;
}

#creative-common-principe li.paternite {
background:transparent url(../images/paternite.png) no-repeat scroll 0 10px;
}

#creative-common-principe li.commerciale {
background:transparent url(../images/com.png) no-repeat scroll 0 10px;
}

#creative-common-principe li.modification {
background:transparent url(../images/mod.png) no-repeat scroll 0 10px;
}

.image-lien-telecharger {
	text-align:center;
}

/* ---- Rubrique ARTISTES  --- */
.post-artiste .span-16 {
  width:620px;
}

.post-artiste {
  margin: 0 0 .8em .5em;
  padding-bottom:1em;
  border: thin dotted #666666;
  clear: both;
}

.post-artiste h2 {
  font:700 120% Helvetica,Verdana,Arial,sans-serif;
  margin-left:.2em;
}

.post-artiste img {
  margin-left:.2em;
}

.post-artiste p {
  margin-bottom:0;
}

#post-content-decouverte {
	margin-left:.5em;
}

#post-content-decouverte h2 {
	font-size:280%;
	font-weight:700;
	margin-top:2.5em;
}

#post-content-decouverte p {
  margin:.5em 0;
}

.other-related-content {
  margin:0 0 1em .5em;
}

/* ---- Rubrique INFO  --- */
#post-info {
  border:thin dotted #666666;
  margin:0 0 0 .5em;
}

#post-info p {
  padding:.5em;
  margin-bottom:0;
}

/* ---- Liste de liens --- */
#liste-lien {
	border:thin dotted #666666;
	margin:0 0 0 .5em;
}
#liste-lien li {
  padding:.5em;
}

/* --- Le navigator Google --- */
#pagenavigator {
  text-align:center;
  padding-bottom:1em;
  margin:1em 0 0 .5em;
}
#pagenavigator span.previous {
  display:block;
  float:left;
}

#pagenavigator span.next {
  display:block;
  float:right;
}

#pagenavigator span.disabled {
  color:#d0d0d0;
}

/* --- Formulaire newsletter et contact --- */
#form {
  margin-left:.5em;
}

#form h2 {
  font:700 24px Verdana,Arial,sans-serif;
}

.field label {
  display:block;
}

/* --- Page revue de presse --- */
#post-libre {
	margin-left:.5em;
	border:thin dotted #666666;
}

#post-libre h2 {
  font-size:24px;
  font-weight:700;
  padding:1em 0 1.5em .2em;
}

#titre-result-search {
  font-size:16px;
  font-weight:700;
  margin-left:.5em;  
}