/*----------------------------
Mirovinben/Portail.css : defaut
------------------------------
maintenance : Mirovinben
mise a jour : 08/01/2012 07:15
----------------------------*/

@import "../../dc2themes/mrvb4/common.css";

body {
  background: #D9D9D9 url(css0/bg_body.png);
  color: #666666;
  font: 14px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;  /* spécifique IE6 */
}

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

a:hover {
  text-decoration: underline;
}

h1 { font-size: 200%; }
h2 { font-size: 140%; }
h3 { font-size: 115%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin: 0.5em 0;
  padding: 0;
}

img {
  border: none;
}

p {
  margin: 0;
  padding: 0.5em 0;
}

p, li{
  text-align: justify;
}

em, i {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

blockquote{
  margin: 0.5em 0 0.5em 2em;
  padding: 0 10px;
  background: transparent url(css0/bg_blockquote05.png);
}

/*------------------------------------- page ----*/

#page {
  color: #203010;
  margin: 10px auto;
  width: 780px;
  text-align: left;    /* spécifique IE6 */
}

#entete {
  background: transparent url(css0/top.png) no-repeat;
  height: 170px;
  margin: 0;
}

#entete h1 {
  font-size: 6em;
  margin: 0;
  padding: 30px 0 0 0;
  text-align: center;
}

#entete h1 a {
  color: #007744;
}

#entete h1 a:hover {
  color: #666666;
  text-decoration: none;
}

#entete h4 {
  color: #999999;
  font-size: 1.5em;
  font-weight: normal;
  margin: -20px 0 0 0;
  text-align: center;
}

.IE6{
  padding: 1em;
  background-color: #CCCCCC;
  border: 1px solid #999999;
}

#ariane {
  margin-bottom: 30px;
  text-align: center;
}

#ariane ul {
  list-style-type: none;
  padding: 0.2em 0;
}

#ariane li {
  background: transparent url(css0/slash.gif) no-repeat left;
  display: inline;
  margin-right: 5px;
  padding-left: 15px;
}

#ariane li.first {
  background: none;
  padding-left: 5px;
}

#ariane li.last {
  font-weight: bold;
}

.principal{
  background: #F0F0F0 url(css0/bg_post.png);
  padding-top: 20px;
}

#corps {
  margin: 0 45px;
}

#pied {
  clear: both;
  height: 60px;
  margin-top: 10px;
  position: relative;
  width: 100%;
}

#pied .mail {
  background: transparent url(css0/mailto.gif) no-repeat;
  float: left;
  height: 40px;
  width: 40px;
  margin-left: 20px;
}

#pied .date {
  border-top: 1px solid #CCCCCC;
  font-size: 0.85em;
  left: 10%;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 80%;
}

#pied .haut {
  background: transparent url(css0/gotop.gif) no-repeat;
  float: right;
  height: 40px;
  width: 40px;
  margin-right: 20px;
}

#pied a {
  display: block;
  height: 40px;
  width: 100%;
}

#pied span {
  position: absolute;
  visibility: hidden;
}

/*------------------------------------- blocs universels ----*/

.intbloc {
  padding: 0.5em 0;
}

.intmyst {
  padding: 0.5em 0;
  height: 250px;
}

.intbloc h3,
.intmyst h3 {
  background: transparent url(css0/bg_blockquote05.png);
  margin: 1em 0;
  padding: 0.2em 0.4em;
}

.intmyst img {
  float: left; 
  margin: 0.5em 1em 0.5em 0;
}

.sepa {
  clear: both;
}

/*------------------------------------- #accueil ----*/

#accueil #corps .blocGch{
  float: left;
  width: 49.5%;
}

#accueil #corps .blocDrt{
  float: right;
  width: 49.5%;
}

/*------------------------------------- surcharges blocs ----*/

#apropos #bloc04 .intbloc {
  text-align: center;
}

#apropos blockquote{
  margin: 1em 0;
  padding: 1em;
}

#apropos blockquote p{
  text-align: center;
}

#bonsmots li {
  list-style-type: square;
  margin: 0 0 1em 0;
}

#bonsmots li.new {
  list-style-image: url(css0/new.gif);
}

#bonsmots em {
  font-size: 0.85em;
}

#download .intbloc img {
  float: left; 
  margin: 0.5em 1em 0 0;
}

#envrac #bloc01,
#envrac #bloc01 p,
#votreavis #bloc01,
#votreavis #bloc01 p {
  text-align: center;
}

#envrac #bloc01 h3 {
  text-align: left;
}

#rhetorique li {
  list-style-type: none;
}

#rhetorique li.origine {
  color: #35501A;
  font-size: 0.80em;
  margin-bottom : 0.5em;
}

#rhetorique li.exemple {
  font-style: italic;
}

#rhetorique li.lien {
  font-size: 0.80em;
  text-align: right;
}

#votreavis #bloc01 p {
  margin: 0;
  padding: 0;
}

#votreavis #bloc01 input.edit,
#votreavis #bloc01 textarea {
  background: #FFFFFF;
  border: 1px solid #666666;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin-bottom: 0.5em;
  padding-left: 0.2em;
  width: 400px;
}

#votreavis #bloc01 input.valid {
  margin-bottom: 2em;
}

#votreavis #bloc01 textarea {
  height: 160px;
}

#err403 .intbloc p,
#err404 .intbloc p,
#merci  .intbloc p{
  font-size: 2em;
  padding: 10em 0;
  text-align: center;
}

/*------------------------------------- divers ----*/

.hide {
  position: absolute;
  visibility: hidden;
}

.clear,
.spacer {
  clear: both;
}

/*------------------------------------- Popup pour photos mystere ----*/

#popup {
  background: #FFFFFF;
  padding: 0;
  margin: 0;
}

#popup img {
  margin: 20px auto 0 auto;
}

#popup p {
  margin: 0;
  text-align: center;
}

/*------------------------------------- OtherBlog ----*/

.otherblog ul {
  margin-bottom : 5px;
}

.otherblog p {
  margin: 0;
}

.orbg-etc{
  font-size: 0.7em;
  vertical-align: middle;
}

/*------------------------------------- widget otherblog dans bloc "blogPartage" ----
  formatage item : 
  <h3><a href="/blog/">Blog</a> - billet du %DATE% : %TITLE:POST%</h3>
  <p class="comments">Nombre de commentaires : %nbcomm%</p>
  <div class="post-content">%EC%</div>
*/

.blogPartage .orbg-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blogPartage .orbg-item{
  margin: 0 0 1em 0;
}

.blogPartage .orbg-item-footer{
  clear: both;
}

.blogPartage pre{
  overflow: auto;
  border: none;
  background: #EEEEEE;
  padding: 10px;
}

.blogPartage h3{
  margin: 10px 0 0 0;
  text-align: center;
}

.blogPartage .comments{
  text-align: center;
  padding: 0;
  font-size: 80%;
}

.blogPartage .post-content{
  margin: 20px 0 20px 0;
  padding: 0 40px;
}

.blogPartage .post-content p{
  margin: 0;
  padding: 0.5em 0;
}

.blogPartage .post-content img{
  padding: 5px;
  background: #FFFFFF;
}

.blogPartage .post-content div.grille.siz450{
  width: 510px; /* 490px + 4 fois le padding de ".post-content img" */
}

.blogPartage .post-content blockquote{
  margin: 0.5em 0 0.5em 2em;
  padding: 0 10px;
  background-color: #EEEEEE;
}

.blogPartage .post-content .citation,
.blogPartage .post-content .duotextG,
.blogPartage .post-content .duotextD{
  background-color: #EEEEEE;
}

.blogPartage .post-content .duotextG p,
.blogPartage .post-content .duotextD p{
  margin:0;
  padding: 1em;
}

.blogPartage .post-content .bonmot{
  padding: 20px 0;
}

.blogPartage .post-content .citation{
  padding: 10px 15px;
  margin: 10px 0;
}

.blogPartage .post-content .bonmot p.quoi,
.blogPartage .post-content .citation p.quoi{
  font-size: 18px;
  text-align: left;
}

.blogPartage .post-content .bonmot p.qui,
.blogPartage .post-content .citation p.qui{
  font-style: italic;
  padding-bottom: 0;
  text-align: right;
}

.blogPartage .orbg-excerpt .orbg-readmore,
.blogPartage .orbg-excerpt .orbg-readmore{
  font-size: 80%;
  text-align: center;
}

.blogPartage .dc-center .orbg-excerpt p,
.blogPartage .dc-center .orbg-content p,
.blogPartage .orbg-excerpt.dc-center p,
.blogPartage .orbg-content.dc-center p,
.blogPartage .dc-classic .orbg-excerpt p{
  text-align: center;
}

.blogPartage .dc-center .orbg-excerpt .footnotes p,
.blogPartage .dc-center .orbg-content .footnotes p,
.blogPartage .orbg-excerpt.dc-center .footnotes p,
.blogPartage .orbg-content.dc-center .footnotes p{
  text-align: left;
}

.blogPartage .dc-lettrine .orbg-excerpt p > img,
.blogPartage .dc-lettrine .orbg-content p > img,
.blogPartage .orbg-excerpt.dc-lettrine p > img,
.blogPartage .orbg-content.dc-lettrine p > img{
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
}

.blogPartage .dc-bonmot .orbg-excerpt p,
.blogPartage .dc-bonmot .orbg-content p,
.blogPartage .orbg-excerpt.dc-bonmot p,
.blogPartage .orbg-content.dc-bonmot p{
  font-size: large;
  padding-top: 0;
}

.blogPartage .dc-bonmot .orbg-content p + p{
  font-size: small;
  font-style: italic;
  text-align: right;
  padding-bottom: 0;
}

/*------------------------------------- arrondis ----*/

#ariane,
.principal{
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
}

/*------------------------------------- ombres ----*/

body{
  text-shadow: #FFFFFF 1px 1px;
}

.principal{
  -moz-box-shadow: 1px 1px 6px 0 #000000;
  -webkit-box-shadow: 1px 1px 6px 0 #000000;
  -khtml-box-shadow: 1px 1px 6px 0 #000000;
  box-shadow: 1px 1px 6px 0 #000000;
}

#ariane{
  -moz-box-shadow: 1px 1px 6px 0 #999999;
  -webkit-box-shadow: 1px 1px 6px 0 #999999;
  -khtml-box-shadow: 1px 1px 6px 0 #999999;
  box-shadow: 1px 1px 6px 0 #999999;
}

.principal img{
  -moz-box-shadow: 3px 3px 10px 0 #000000;
  -webkit-box-shadow: 3px 3px 10px 0 #000000;
  -khtml-box-shadow: 3px 3px 10px 0 #000000;
   box-shadow: 3px 3px 10px 0 #000000;
}

.blogPartage .post-content img{
  -moz-box-shadow: 5px 5px 15px 0px #000000;
  -webkit-box-shadow: 5px 5px 15px 0px #000000;
  box-shadow: 5px 5px 15px 0px #000000;
}

/*------------------------------------- annule ombre ----*/

.blogPartage .post-trav img.smiley{
  -moz-box-shadow: 0 0 0 0;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}

/*------------------------------------- découpes ----*/

.intbloc h3,
.intmyst h3{
  -moz-box-shadow: inset 1px 1px 2px -1px #999999, 1px 1px 2px -1px #FFFFFF;
  -webkit-box-shadow: inset 1px 1px 2px -1px #999999, 1px 1px 2px -1px #FFFFFF;
  -khtml-box-shadow: inset 1px 1px 2px -1px #999999, 1px 1px 2px -1px #FFFFFF;
  box-shadow: inset 1px 1px 2px -1px #999999, 1px 1px 2px -1px #FFFFFF;
}