body {
	margin: 0px;
	background-color: #000000;
  font-family: arial, sans-serif; 
}

div
{
  padding: 0px;
  margin: 0px;
}

img {
  border: 0px;
}

#centreur {
	width: 800px;
	height: auto;
	margin: auto;
}

#contener {
	width: 800px;
	height: auto;
	margin: auto;
	margin-bottom: 5px;
	float: left;
	background-image: url(http://blog.ziopeppino.com/commun/img/fond-contener.gif);
}
#bandeau_print {
	display: none;
}

#bandeau {
	width: 800px;
	height: 125px;
	background-color: #000000;
}

#bandeau h1 {
	display: none;
}

#logo-blog {
	width: 250px;
	height: 125px;
	background-image: url(http://blog.ziopeppino.com/commun/img/logo-blog.gif);	
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
}

#logo-blog a {
	display: block;
	width: 50%;
	height: 100%;
	float: left;
}

#visuel-bandeau {
	width: 400px;
	height: 125px;
	background-color: #000000;
	float: left;
}

#logo-diesel {
	width: 150px;
	height: 125px;
	background-image: url(http://blog.ziopeppino.com/commun/img/logo-diesel.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
}

#logo-diesel a {
	display: block;
	width: 100%;
	height: 100%;
}


#menu {
	width: 800px;
	height: 25px;
	background-color: #000000;
}

#menu h2 {
	display: none;
}

#menu h2 a {
	display: none;
}

#cale-menu {
	width: 110px;
	height: 25px;
	background-image: url(http://blog.ziopeppino.com/commun/img/cale-menu.gif);
	background-repeat: repeat y;
	float: left;
}

#feuilleton {
	width: 99px;
	height: 25px;
	float: left;
}

#feuilleton a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(http://blog.ziopeppino.com/commun/img/feuilleton.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#feuilleton a:hover {
	background-position: 0 -25px;
}

#boxeador {
	width: 170px;
	height: 25px;
	float: left;
}

#boxeador a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(http://blog.ziopeppino.com/commun/img/boxeador.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#boxeador a:hover {
	background-position: 0 -25px;
}

#ziopeppino {
	width: 130px;
	height: 25px;
	float: left;
}

#ziopeppino a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(http://blog.ziopeppino.com/commun/img/ziopeppino.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#ziopeppino a:hover {
	background-position: 0 -25px;
}

#noble-art {
	width: 141px;
	height: 25px;
	float: left;
}

#noble-art a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(http://blog.ziopeppino.com/commun/img/noble-art.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#noble-art a:hover {
	background-position: 0 -25px;
}

#enregistrement {
	width: 150px;
	height: 25px;
	background-image: url(http://blog.ziopeppino.com/commun/img/enregistrement.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
}

#enregistrement a {
	display: block;
	width: 100%;
	height: 100%;
}


#gauche {
	width: 170px;
	height: auto;
	background-color: #000000;
	float: left;
}

#visuel-gauche {
	margin: 5px;
	width: 160px;
	height: 150px;
	background-color: #000000;
}

#archive-titre {
	width: 170px;
	height: 20px;
	background-image: url(http://blog.ziopeppino.com/commun/img/archives.gif);
}

#archive-titre h3 {
	display: none;
}

#archive {
	width: 170px;
	height: auto;
	background-color: #000000;
}

#archive ul {
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px;
	padding-left: 10px;
	list-style: none;
	line-height: 14px;
}

#archive ul a {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#archive ul a:hover {
	color: #CF303F;
}

#zapping-titre {
	width: 170px;
	height: 20px;
	background-image: url(http://blog.ziopeppino.com/commun/img/zapping.gif);
}

#zapping-titre h3 {
	display: none;
}

#zapping {
	width: 170px;
	height: auto;
	background-color: #000000;
}

#zapping ul {
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px;
	padding-left: 10px;
	list-style: none;
	line-height: 14px;
}

#zapping ul a {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

#zapping ul a:hover {
	color: #CF303F;
}



#contenu {
	width: 480px;
	height: auto;
	background-color: #FFFFFF;
	float: left;
	font-family: arial, sans-serif;
	font-size: 12px;
}

#contenu-texte {
	width: 430px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 25px;
}


#contenu-texte .titre-article {
	width: 430px;
	height: 40px;
	margin-bottom: 10px;
}

#contenu-texte .titre-article .picto {
	width: 45px;
	height: 40px;
	float: left;
}

#contenu-texte .titre-article h3 {
  display: block;
	width: 280px;
	height: 30px;
	line-height: 15px;
	float: left;
	margin: 0px;
	padding-top: 10px;
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #CF303F;
}

#contenu-texte .titre-article h3 a {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #CF303F;
	text-decoration: none;
}

#contenu-texte .titre-article h3 a:hover {
	text-decoration: underline;
}

#contenu-texte .titre-article .nb-commentaire {
	width: 105px;
	height: 40px;
	line-height: 35px;
	float: left;
	text-align: right;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

#contenu-texte .titre-article .date {
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #8B8B8B;
}

#contenu-texte .titre-article .titre-teaser {
	width: 300px;
	height: 40px;
	float: left;
}

#contenu-texte .titre-article .teaser {
	width: 130px;
	height: 25px;
	padding-top: 15px;
	float: left;
	font-weight: bold;
	text-align: right;
	font-size: 11px;
}

#contenu-texte .article {
	width: 430px;
	height: auto;
	font-family: arial, sans-serif;
}

#contenu-texte .article span.text-gris {
	font-family: arial, sans-serif;
	color: #8B8B8B;
  font-weight: bold;
	font-size: 11px;
	text-align: justify;
}

#contenu-texte .article a {
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}

#contenu-texte .article a:hover {
  text-decoration: underline;
}

#contenu-texte .article .picto-teaser {
	width: 279px;
	height: auto;
	margin-left: 75px;
	float: left;
}

#contenu-texte .article .picto-teaser .picto {
	text-align: center;
	background-image: url(http://blog.ziopeppino.com/commun/img/picto-teaser.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
  background-color: #CF303F;
	width: 73px;
	height: 45px;
	padding-top: 60px;
	color: #FFFFFF;	
	float: left;
	margin: 10px;
	font-size: 11px;
}

#contenu-texte .article .picto-teaser .picto a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
#contenu-texte .article .picto-teaser .picto a:hover {
	text-decoration: underline;
}

#contenu-texte .commentaire {
	width: 430px;
	height: auto;
}

#contenu-texte .commentaire .post {
	width: 430px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}

#contenu-texte .commentaire .post textarea {
	width: 430px;
	height: 150px;
	border: 1px solid #000000;
	font-family: arial, sans-serif;
	font-size: 12px;
}

#contenu-texte .commentaire .post input {
	width: 200px;
	height: 20px;
	border: 1px solid #000000;
	margin-bottom: 10px;
	margin-top: 5px;
}

#contenu-texte .commentaire .post .case {
	width: 430px;
	height: 20px;
	line-height: 30px;
	margin-bottom: 10px;
	float: left;
	font-size: 10px;
}

#contenu-texte .commentaire .post .case a {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#contenu-texte .commentaire .post .case input.radio {
	width: 20px;
	height: 20px;
	border: 1px solid #000000;
	margin-bottom: 10px;
	float: left;
}

#contenu-texte .commentaire .post .btn_post {
	width: 430px;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#contenu-texte .commentaire .post a.crypt { 
  text-decoration: none;
}

#contenu-texte .commentaire .post a:hover.crypt { 
  text-decoration: underline;
}

#contenu-texte .commentaire .voir {
	width: 430px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	background-color: #FFFFFF;
}

#contenu-texte .commentaire .voir a {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #8B8B8B;
}

#contenu-texte .commentaire .voir a:hover {
	text-decoration: underline;
}

#contenu-texte .comment {
	width: 410px;
	height: auto;
	padding: 10px;
	text-align: left;
}

#contenu-texte .comment div.separateur_commentaire{
	width: 410px;
	height: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #8B8B8B;
}

#contenu-texte .comment p.qui {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	color: #8B8B8B;
}

#contenu-texte .comment p.qui a {
  font-weight: bold;
  text-decoration: none;
}

#contenu-texte .comment p.qui a:hover {
  text-decoration: underline;
}



#droite {
	width: 150px;
	height: auto;
	background-color: #D8D8D8;
	float: left;
}

#authentification {
	width: 150px;
	height: auto;
	margin-top: 10px;
	background-color: #D8D8D8;
	border-bottom: 4px solid #FFFFFF;
}

#authentification .erreur {
  color: #CF303F;
  font-weight: bold;
  text-align: center;
  border: 0px;
}

#authentification p {
  margin: 0 5px 20px 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

#authentification a {
	color: #CF303F;
	text-decoration: none;
}

#authentification a:hover {
	text-decoration: underline;
}

#authentification p.note {
  margin: 0 5px 20px 5px;
  text-align: center;
	font-family: arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #8B8B8B;
}

#authentification p.note a {
	color: #8B8B8B;
	text-decoration: none;
}


#authentification p.note a:hover {
	text-decoration: underline;
}

#identifiant {
	width: 115px;
	height: 18px;
	margin-left: 10px !important;
	margin-left: 5px;
	padding-left: 25px;
	background-color: #D8D8D8;
	background-image: url(http://blog.ziopeppino.com/commun/img/picto-id.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#identifiant input {
	width: 101px;
	height: 14px;
	line-height: 14px;
	padding: 2px;
	padding-left: 5px;
	border: 0px;
	background-image: url(http://blog.ziopeppino.com/commun/img/fond-input.gif);
	background-repeat: no-repeat;
	font-family: arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #8B8B8B;
}

#mot-de-passe {
	width: 140px;
	height: 18px;
	margin-left: 10px !important;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #D8D8D8;
}

#mot-de-passe input {
	float: left;
	width: 101px;
	height: 14px;
	line-height: 14px;
	padding: 2px;
	padding-left: 5px;
	border: 0px;
	background-image: url(http://blog.ziopeppino.com/commun/img/fond-input.gif);
	background-repeat: no-repeat;
	font-family: arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #8B8B8B;
}

#mot-de-passe a {
	display: block;
	float: left;
	width: 25px;
	height: 18px;
	background-image: url(http://blog.ziopeppino.com/commun/img/picto-ok.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #D8D8D8;
}

#mot-de-passe h3 {
	display: none;
}

#picto-galerie {
	width: 120px;
	height: 25px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #D8D8D8;
}

#picto-store {
	width: 120px;
	height: 136px;
	margin: auto;
	margin-top: 10px;
	background-color: #D8D8D8;
}

#picto-galerie a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(http://blog.ziopeppino.com/commun/img/galerie-btn.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#picto-galerie h3 {
	display: none;
}

#visuel-galerie {
	width: 120px;
	height: auto;
	margin-left: 15px;
	margin-bottom: 20px;
	background-color: #CF303F;
	font-size: 0px;
}

#titre-galerie {
	width: 120px;
	height: 20px;
	margin-left: 15px;
	background-color: #000000;
	background-image: url(http://blog.ziopeppino.com/commun/img/image.gif);
}

#precedent {
	width: 125px;
	height: 40px;
	margin-left: 20px;
}

#precedent .picto {
	width: 35px;
	height: 32px;
	padding-top: 10px;
	float: left;
}

#precedent .texte {
	width: 80px;
	height: 30px;
	line-height: 10px;
	float: left;
	padding-top: 12px;
}

#precedent .texte a {
	font-family: arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#precedent .texte a:hover {
	text-decoration: underline;
}



#contenu-texte #recherche {
	width: 430px;
	height: 70px;
	margin-bottom: 20px;
	background-color: #D8D8D8;
}

#contenu-texte #recherche .critere {
	width: 145px;
	height: 70px;
	margin-left: 5px;
	float: left;
}

#contenu-texte #recherche .critere #mois {
	width: 125px;
	height: 26px;
	margin-bottom: 5px;
	background-image: url(http://blog.ziopeppino.com/commun/img/r-mois.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#contenu-texte #recherche .critere #categorie {
	width: 125px;
	height: 26px;
	margin-bottom: 5px;
	background-image: url(http://blog.ziopeppino.com/commun/img/r-categorie.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#contenu-texte #recherche a {
  display: block;
	width: 115px;
	height: 19px;
	margin-top: 35px;
	float: left;
	background-image: url(http://blog.ziopeppino.com/commun/img/r-rechercher.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#contenu-texte h3 {
	font-family: arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #CF303F;
}

#contenu-texte .separateur-article {
	width: 430px;
	height: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 1px;
	border-top: 1px dashed #D8D8D8;
}


#baseline {
	clear: both;
	height: 30px;
	line-height: 30px;
	text-align: right;
	color: #FFFFFF;	
}

#baseline a {
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

#baseline a:hover {
	font-size: 10px;
	text-decoration: none;
	color: #CF303F;
}

.libelle, .libelle_bold {
  width: 175px;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-bottom: 20px;
}

.libelle_bold {
  font-weight: bold;
}

.champ {
  width: 250px;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-bottom: 20px;
}

.champ a {
  font-weight: bold;
  color: #000000;
  text-decoration: none;  
}

.champ a:hover {
  text-decoration: underline;  
}

.case {
  font-size: 11px;
  width: 430px;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-bottom: 20px;
}

.format {
  width: 250px;
  height: auto;
  line-height: 20px;
  float: left;
  font-size: 10px;
  color: #8B8B8B;
}

.format a {
  font-size: 10px;
  color: #8B8B8B;
  text-decoration: none;
}

.soumettre {
  width: 80px;
  height: 20px;
  border: 1px solid #CF303F;
}

.soumettre a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('http://blog.ziopeppino.com/commun/img/btn_valider.gif');
  background-repeat: no-repeat;
}

.erreur {
  width: auto;
  border: 1px solid #CF303F;
  color: #CF303F;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px; 
}

.vignette {
 width: 140px;
 height: auto;
 float: left;
 margin-bottom: 20px;
}

.vignette p.titre {
  color: #8B8B8B;
  font-weight: bold;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

.vignette p.titre a {
  color: #8B8B8B;
}

.vignette p.date{
  color: #8B8B8B;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  margin-top: 0px;
}


.vignette p.date a {
  color: #8B8B8B;
}
#blackout {
	width: 100%;
	height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: black;
  z-index: 5;
  opacity : 0.8;
  filter : alpha(opacity=80); 
}

.detail {
  width: auto;
  height: auto;
  padding: 10px;
  background: #D8D8D8;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -250px;
}

.detail p.titre {
  width: auto;
  height: auto;
  color: #CF303F;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  margin-bottom: 5px;
}

.detail p.description {
  width: auto;
  height: auto;
  color: #000000;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
#multi_up div
{
  float: left;
  margin: auto;
}
#multi_up
{
  float: none;
  margin: auto;
  clear: both;
  height: 20px;
  text-align: left;
  margin-top: 20px;
}

#multi_down div
{
  float: left;
  margin: auto;
}

#multi_down
{
  float: none;
  margin: auto;
  clear: both;
  height: 20px;
  margin-bottom: 20px;
}

.multi_resultat {  
  font-family: arial, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal; 
  color: #CF303F;
}

.multi_lien {  
  font-family: arial, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
  color: #8B8B8B;
  text-decoration: none;
}

.multi_lienover {  
  font-family: arial, sans-serif; 
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold; 
  color: #CF303F;
}

#attente {
  margin: auto;
  width: 400px;
  height: 200px;
  margin-top: 50px;
}

#attente p {
  text-align: center;
  font-family: arial, sans-serif; 
  font-size: 18px; 
  font-style: normal; 
  font-weight: bold; 
  color: #CF303F;
}




#bandeau {
	display: none;
}

#bandeau_print {
	display: block;
}

#menu {
	display: none;
}

#gauche {
	display: none;
}

#droite {
	display: none;
}

.post {
	display: none;
}

#baseline {
	display: none;
}