/*

Theme Name: Marche Mondiale

Description: Le th&egrave;me cr&eacute;&eacute; pour la Marche Mondiale pour la Paix et la Non-violence, par St&eacute;phane, bas&eacute; sur le fameux th&egrave;me <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.

Version: 1.0

Author: St&eacute;phane Rennesson

Author URI: 

Tags: orange, ent&ecirc;te , largeur fixe, bords escamotables, une colonne 



Kubrick v1.5

http://binarybonsai.com/kubrick/



This theme was designed and built by Michael Heilemann,

whose blog you will find at http://binarybonsai.com/


The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php



*/

html, body, th, td, li, a, p {
  Font-family: Verdana, Arial, "Trebuchet Ms", helvetica, sans-serif;
  color: #bf5e80;
  font-size: 12px;
}
/*/*/a{}
body,
body td,
body th,
body li,
body a,
body p {
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: 10pt;
}
html>body,
html>body td,
html>body th,
html>body li,
html>body a,
html>body p {
  font-size: small;
}  
/* */

/*end*/
/*\*/
html*>body,
html*>body td,
html*>body th,
html*>body li,
html*>body a,
html*>body p {
[font-size: small;
font-size: small;
]font-size: x-small;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html >body,
* html >body td,
* html >body th,
* html >body li,
* html >body a,
* html >body p {
font-size: small;
}
/*end*/
h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1em;}





body{
  background-color: #FFFAC3;
  padding: 0px;
  margin: 0px;
  text-align: center;/*centrage de la colonne principale IE7*/
}
* {padding:0; margin:0;}

h1,h2,h3,h4 { margin-top: .6em; margin-bottom: .2em; }

/*la partie centrale non escamotable*/
div#centre{
 position: relative;
	top: 0px;
  	left:0px;
  margin-left: auto;
  margin-right: auto;
  width: 992px;
  text-align: left;/*recadrage à gauche pour le texte*/
}
div#haut{
 position: absolute;
 	top: 0px;
  	left:0px;
  width: 992px;
  margin:0 auto;
  z-index:4;
}

/*bandeau*/
div#bandeau {
  position: relative;	
  background-image: url("img/bandeau3.jpg");
  margin-left: -254px;
  margin-right: -254px;
  height: 330px;
  width: 1500px;
}
div#txtchp {
  position: absolute;
  top: 37px;
  left: 540px;
  right: 30px;
  height: 20px;
  text-align: justify;
  color: #c4b64e;
  /*color: #bda730;*/
}

/*le menu*/
a.lien1, a.lien1:link, a.lien1:visited {
  text-decoration: none;
  color: #000000;
  font-size: 100%;
}
div#menufond {
  background-image: url("img/menuetssm2.jpg");
  position: relative;
  margin-left: -254px;
  margin-right: -254px;
  height: 39px;
  width: 1500px;
  z-index:5;
}
div#menu0 {
  position:relative;
  height: 39px;
  width: 680px;
  margin-left: 540px;
}


/*la colonne de menu*/
a.lien2, a.lien2:link, a.lien2:visited {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 120%;
}
div#colmenu {
  position: absolute;
  top: 270px;
  left: 26px;
  height: 1700px;
  width: 225px;
  z-index: 6;
}
div#amoureux {
  text-align: center;
  margin-top: 6px;
}
div#prior {
  position: relative;
  text-align: right;
  color: #bf5e80;
  margin-right: 2px;
  width: 220px;
  margin-bottom: 6px;
  z-index:7;
}


div#compteur {
  background-image: url("img/fd_compteur_jours_anim.gif");
  background-repeat: no-repeat;
  background-position: top center;
  height: 166px;
  text-align: center;
  padding-top: 26px;
  margin-top: 55px;
  _margin-top: 0px;
  []margin-top: 0px;
}
div#compteur1 {
  position: relative;
  /*background-image: url("img/nbjrestant.png");*/
  background-repeat: no-repeat;
  text-align: center;
  height: 166px;
  width: 128px;
  margin-left: 50px;
  _margin-left: 10px;
  []margin-left: 10px;
  z-index:6;
}
div#blogbase a {
    text-align: center;
    display:block;
    font-family:tahoma,arial,sans-serif;
    font-size:160%;
    letter-spacing:-1px;
    line-height:1em;
    text-decoration: none;
    margin:0;
    padding:0;
}
div#supportbase{
    text-align: center;
}
div#msg{
  position: absolute;
  text-align: center;
  bottom: -100px;

}

/*le corps de texte variable*/
div#corpssuite {
  background: url("img/corpss-g-d.jpg") repeat-y;
  position: relative;
  z-index:1;
  margin-top: 0px;
  margin-left: -254px;
  margin-right: -254px;
  width: 1500px;
  /*clear: both;*/
}
/*le background haut du corps de texte*/
div#corps {
  position:absolute;
  z-index:2;
  background: url("img/corpse.jpg") no-repeat;
  top: 0px;
  left: 0px;
  right: 10px;
  width: 1500px;
  height: 1700px;
}
div#contenu{
  position:relative; z-index:4;
  margin-top: 0px;
  margin-left: 560px;
  margin-right: 305px;
  min-height: 1700px;
}
div#contenu h3{
 /* Font-size: 18; */
  }
div#contenu h5{
  /* Font-size: 14; */
}
div#contenu p, li, td{
/*  Font-size: 12; */
  color: #000000;
}
div#contenu li{
  margin-left: 20px;
}
div#contenu p{
  margin-top: 10px;
}
div#contenu p.ref{
/*  Font-size: 10; */
  color: #999999;

}


/*le pied de page */
div#piedfond {
  background-image: url("img/piedf.jpg");
  position: relative;
  margin-left: -254px;
  margin-right: -254px;
  height: 55px;
  width: 1500px;
}
div#pied {
  bottom: 0px;
  margin-left: 540px;
  height: 55px;
  width: 680px;
  font-size: 120%;
  font-style: bold;
  /*color: #f2eac5;*/
  color: #fffbd8;
  z-index:4;
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */

/* Begin Structure */
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}
.post {
margin: 0 0 0px;
text-align: justify;
}
.post hr {
display: block;
margin-top: 10px;
margin-bottom: 5px;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}
.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}
.postmetadata {
clear: left;
}
.clear { 
clear: both; 
}

/* End Structure */