/*
Theme Name: VDD2010
Theme URI: http://www.lesvoisinsdudessus.com
Description: Thème 2010 pour les VDD. Codé à partir du thème VDD2009.
Version: 0.1
Author: Laurent Angeli
Author URI: http://cptlolo.free.fr
Tags: soft, clean, simple, 3 columns, fixed width, voisins du dessus

This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

bleu   : 00657e
orange : ee6100
rose   : fc1d6c
rouge  : ff0000
*/

/*/////////////////////////////////////////////////*/
/* Ajout de la fonte pour les titres de pages (h1) */
/*/////////////////////////////////////////////////*/
@font-face {
	font-family: 'DoggyRegular';
	src: url('fonts/doggy-webfont.eot');
	src: local('☺'), url('fonts/doggy-webfont.woff') format('woff'),
                         url('fonts/doggy-webfont.ttf') format('truetype'), 
                         url('fonts/doggy-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.TitrePage{
font-family: DoggyRegular;
font-size:25px;
color: #12b5d5;
margin: 0;
background-color: black;
}

#titre_page p {
position: relative;
top: -12px; left: 24px;
padding: 0 0 0 6px;
width: 70%;
}


/*///////////////////////////////*/
/* Présentation des pages filles */
/*///////////////////////////////*/
#dlo_post_list {
margin-left : 20px;
font-size: 1.5em;
font-weight: bold;
}
#dlo_post_list ul {
list-style-image : url(images/note_musique_fd_noir.gif);
}

#hall #static_post-text img {
padding: 20px;
}

/* basic */
* {margin:0; padding:0;}
html {font-size: 100%;}
body { width:100%; 
       background:#be0000;
       margin:0; padding:0; 
	     font:0.7em Verdana, Arial, sans-serif; line-height:118%; 
       color:#ee6100; 
       letter-spacing: 1px; }

a { color:#FF0000; text-decoration:none; outline:none; }
a:hover { color:#FF0000; text-decoration:underline; }
a img { border:0; outline:none; }
img{ border:0; }

ul { list-style-type:square; }

dt { color:#ee6100; font-weight:bold; padding:1em 0 0 19px;  text-transform:none; 
     background: url(images/note_musique_fd_noir.gif) no-repeat left; margin-bottom: .4em;}
dd {padding:0; margin:0 0 1.28em 19px;}

dd li {
list-style-type: none;
}
dd ul {
padding: 1em 0;
}

form { margin:0; padding:0; }

p { margin:11px 0px 11px 0px; }

h1, h2, h3, h4, h5, h6  { font-weight:bold; }
h1 { font-size:1.5em; line-height:120%; font-family: DoggyRegular, Verdana, sans-serif; }
h2, h3, dl {
font-size: 1.1em; line-height: 120%;
}
h1, h2, h3, .texte_important {
color: #fd206e;
}

.sep { display:block; height:30px; background:transparent; overflow:hidden; }

/* wordpress defaults */
.aligncenter,
div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { text-align:center; padding-top:4px; margin:10px;
			  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { padding:5px 4px 5px; margin:0; font:normal 8pt Georgia, "Times New Roman", Times, serif; color:#999999;}

/* Bloc de la page */
.wrap { width:958px; margin:auto; padding:0px; overflow:hidden;  }

/* blog header */
#head { position: relative; overflow:hidden; text-align:center; background:transparent url('images/banniere_top_creuse.png') bottom center no-repeat;}
#head { height:180px; }
/* hauteur barre accroche : 27px */
/* tout les éléments sont placés par rapport au bas de la div #head */
/* ainsi, quand on change la hauteur de #head, l'affichage suit    */
#head #titre { position:absolute; bottom:192px; left:280px; }
#head #logo { position:absolute; bottom:39px; left:73px;   }
#head #logo2 { position:absolute; bottom:39px; left:815px;   }
#head #logo img { width:90px; height:112px; }
#head #logo2 img { width:90px; height:112px; }
#head #banniere_plein {height:161px; width:846px; position:absolute; bottom:0px; left:66px; background:transparent url('images/banniere_top_plein.png') top left no-repeat;}
#head #monter { position:absolute; bottom:5px; right:10px;}
#head #descendre { position:absolute; bottom:5px; right:10px; visibility:hidden; display:none;}

#head #stylejour { visibility:hidden; display:none; position: absolute; bottom: 5px; left: 75px; }
#head #stylenuit { visibility:visible; display:block; position: absolute; bottom: 5px; right: 70px; }

/* Interieur de la page */  
#innerwrap { padding:24px 0 0 0; margin:0; overflow:hidden; background:transparent url('images/inner_bg_transparent.gif') top right repeat-y; }

/* columns */
.c1 { width:150px; float:left; padding:0px; margin:0px; text-align:right; background:transparent;}
.c2 { width:666px; float:left; padding:0px; margin:0px; overflow:hidden; background:transparent; }
.c3 { width:140px; float:left; padding:0px; margin:0px; overflow:hidden; background:transparent;}


/* Affichage des encarts "Code" d'un article */
code {
display:block;
margin-left:1em;
font-size:1.3em;
color : #999999;
}



/*//////////////////////////////////////////////////////////////////*/
/* contenu des widgets */
/*//////////////////////////////////////////////////////////////////*/
#widgets{ float:right; width:150px; }
#widgets .widget {
float:right;
width:150px;
border: solid 2px #00657e;
margin: 1.2em 0;
-moz-border-radius: 15px;
}

/* search box */
#search {
float:right;
width:150px;
margin: 0 0 1em 0;
border: none;
}
#search table {
width:150px;
border-collapse: collapse;
border: solid 1px #00657e;
}
#search table td {
border: solid 1px #00657e;
}
#searchform #s { color:#ee6100; width:119px; background-color:black; border:none;}
#searchform #searchsubmit {
background: transparent;
color: #00b8e0;
width: 25px;
border: none;
font-weight: bold;
}
/* widget actus voisins */
#actus{
padding: 1.2em 0 1.2em 0;
}
#actus h1{
font-size: 1.4em;
text-align:center;
padding:0 0 .4em 0;
}
.wpost{
padding: 0.2em 1em 1.2em 1em;
}
.wpost-title{
font-weight: bold;
color:#fc1d6c;
}
.ensavoirplus{
font-size: 0.9em;
font-style: italic;
}
.touteslesnews{
float:right;
text-align: right;
margin: -2.9em 5px 20px 0;
}

/* widget lecteur mp3 */
#lecteurmp3{
/* height:180px; */
text-align: center;
}
#lecteurmp3 h2 {
padding-top: 5px;
}
#lecteurmp3 ol {
padding: 0 0 1em 3em;
text-align: left;
}
#lecteurmp3 ol li {
padding-top: 1em;
}

/* widget photos des voisins */
#voirphotos h2{
padding-top: 5px;
text-align : center;
}
#wphotos {
padding: 1em 3px;
float: left;
}
#voirphotos .ngg-gallery-thumbnail img {
border: 1px solid #ee6100;

}

#voirphotos .ngg-gallery-thumbnail img:hover,
.ngg-gallery-thumbnail img:hover {
/*	background-color: #A9A9A9; */
	border:1px solid #00657e;
} 

/*************************************************************/
/*                     Special pour thickbox                 */
/*************************************************************/
#TB_window {
	border:1px solid #00657e;
}




.post {
padding: 0 0 0 10px;
}
/* Titre d'une news */
  .post-title {
  background: url(images/note_musique_fd_noir.gif) no-repeat left; 
  padding: 1em 0 1em 19px;
  }
	.post-title h1 a { color:#e30051; }
	.post-title h1 a:hover { color:#ff0179; text-decoration:dotted; }
/* Blog post date*/
	.post-date { color:#e30051; overflow:hidden; text-align:left; font-style: italic; padding: 0 0 1em 19px;}

/* blog text */
	.post-text { overflow:hidden; margin:0 0 0 19px;}
		img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
		img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }

	/* blog footer with tags, edit and comments */
	.post-foot { overflow:hidden; margin:10px 0px 0px 20px; color:#ff0000;}
		.post-edit { float:right; color:#ff0000;}
		.post-comments { float:right; color:#ff0000;}
		
#comments {
padding: 3em 0 0 0;
}

#comments fieldset {
padding: 0;
margin: 0;
}

/*//////////////////////////////////////////////////////////////////*/
/* page statique du site */
/* caractéristiques communes */
/*//////////////////////////////////////////////////////////////////*/
#contenu_central {
padding: 3px 28px 0 47px;
}
#presentation {
float:left;
width: 90%;
margin: 0;
padding: 0;
min-height: 300px;
}

#presentation h4{
margin:0;
padding:0;
}
#presentation p{
margin:0 0 1em 0;
padding:0;
}
#presentation img {
/* padding: 1em; */
}
#titre_page {
width: 350px;
margin: 12px 0 0 0;
padding: 0 0 1em 0;
border-top: solid 1px #00657e;
border-left: solid 1px #00657e;
background-color: transparent;
height: 10px;
}

#photos #titre_page,
#videos #titre_page,
#cd_dvd #titre_page {
width: 133px;
}

#titre_page img {
position: relative;
top: -12px; left: 24px;
padding: 0 0 0 6px;
background-color: black;
}

#photos #titre_page img,
#videos #titre_page img,
#cd_dvd #titre_page img {
left: 30px;
padding: 0 0 0 6px;
}

#accroche {
text-align:right;
padding-bottom: 3em;
}
/* Contenu de la page static : blog posts */
.static_post { padding: 0 0 1em 1em; overflow:hidden; background-color:transparent;}




.page-lastmod {
font-size: 0.8em;
text-align: right;
padding: 3em 0 0 0;
}

/*//////////////////////////////////////////////////////////////////*/
/* Hall d'accueil */
/*//////////////////////////////////////////////////////////////////*/
#hall #titre_hall {
padding: 4em 0 1em 0;
border: none;
}
#hall .static_post { padding: 0;}
#hall	.post-text { margin:0;}

#hall p {
padding: 0 0 1em 0;
margin:0;
text-align: justify;
}
#hall .soustitre {
padding-bottom: 1em;
}

#hall #last_video {
width:360px;
margin: 0 auto;
padding-bottom: 30px;
}
#hall #last_video p{
text-align:center;
padding:1em 0 0 0;
}


/*//////////////////////////////////////////////////////////////////*/
/* Page devenir_voisins et Voisins d'enfance */
/*//////////////////////////////////////////////////////////////////*/
#devenir_voisins #presentation dt,
#voisins_d_enfance #presentation dt {
text-transform: uppercase;
}
/*//////////////////////////////////////////////////////////////////*/
/* Page concierge */
/*//////////////////////////////////////////////////////////////////*/
#concierge #presentation ul {
padding: 0 0 0 19px;
list-style-type: none;
}
#concierge #presentation ul li {
padding: 0 0 2em 0;
}

#concierge #presentation .titre_paragraphe {
color: #fd206e;
font-weight:bold;
}

/*//////////////////////////////////////////////////////////////////*/
/* Tableau de présentation :                                        */
/* Photo sur fond bleu à gauche, description à droite               */
/* utilisé dans les pages Presse, CD-DVD, Voisins de Palier         */
/* spectacles                                                       */
/*//////////////////////////////////////////////////////////////////*/
#presentation table {
padding: 0;
margin: 2.4em 0 2.4em 0;
border-collapse: collapse;
}
#presentation table tr {
padding: 0;
margin: 0;
}
#presentation table tr td {
font-size: default;
line-height: default;
vertical-align:top;
}

#presentation table tr td img {
padding: 0;
margin: 0;
}

/* Colonne description pour les photos, videos, cd et Voisins de palier */
.description {
padding: 1em 1.25em ;
}

.description ul {
list-style-type: none;
}


/*****************/
/* pour les spectacles  */
/*****************/
.prochainement {
 height:18px;
 width: 163px;
 background: url(images/prochainement.gif) top left no-repeat;}
}
/*****************/
/* pour les articles  */
/*****************/
.titre_article a {
color: #fd206e;
font-weight: bold;
font-size: 1.1em;
}

/*****************/
/* pour les CDs  */
/*****************/
.titreCD {
color: #fd206e;
font-weight: bold;
font-size: 1.1em;
}
.lieuCD {
font-size: 1.1em;}
.dateCD {
padding: 1em 0 0 0;
}
.editeurCD {
font-style: italic;}
.detailCD {
}
.dispoCD {}

/* Colonne image pour les photos, videos, cd et Voisins de palier */
.fdbleu {
background-color: #0a6172;
width:123px;
text-align:center;
padding: 1em 0 2.1em 0 ;
}

/*//////////////////////////////////////////////////////////////////*/
/* Page Repertoire */
/*//////////////////////////////////////////////////////////////////*/
.auteur {
font-size: 0.8em;
}
#repertoire dl ul li {
padding-bottom:.5em;
}
#repertoire .mp3 {
margin-left: -19px;
padding-left:19px;
background: url(images/note_musique_fd_noir.gif) no-repeat left top; 
line-height: 19px; /* pour eviter 2 images trop proches et placer le texte au centre */
}

/*//////////////////////////////////////////////////////////////////*/
/* Page Contact */
/*//////////////////////////////////////////////////////////////////*/
#presentation h3 {
padding: 2em 0;
}
/* description des formulaires  */
#presentation form {
text-align: left;
width:90%;
}

#presentation fieldset {
	margin:0;
	padding:0;
	border: none;
}
#presentation fieldset legend
{
	padding: 0 0 1.8em 0;
	margin: 0 0 0 0;
	font-weight: bold;
	color: #f81b69;
}

#presentation label {
	display: block;
	float: left;
	width: 5em;
	vertical-align: middle;
	font-weight: bold;
	padding-left:2px;
	padding-bottom: 5px;
}

#presentation input, 
#presentation textarea {
  background-color: black;
  border : 1px solid #fd206e;
  color: #ee6100;
}
#presentation input {
  width: 10em;
  margin-bottom: 2px;
}

#presentation #message_input {
padding-top: 1em;
}

#presentation #message_input label {
padding-bottom: 1em;
}
#presentation textarea {
height: 10em;
margin: 0 0 2px 0;
width:100%;
overflow:auto;
}

#presentation #envoyer
{
  margin:0;
  padding:0;
  background: url(images/boutons/envoyer.gif) no-repeat right;
  border:none;
  width:100%;
}
/* specifique à la page "contact" */
#form_contact {
padding: 2em 0;
}
#contact h3 {
color: #ee6100;
}

/*//////////////////////////////////////////////////////////////////*/
/* page des resultats d'une recherche */
/*//////////////////////////////////////////////////////////////////*/
.result {
padding:1em 1em 0 1em;
}
.result h2{
padding: 0;
margin: 0;
}


/*//////////////////////////////////////////////////////////////////*/
/*                Spécifications des liens sidebar                  */
/*//////////////////////////////////////////////////////////////////*/
#sidebar1, #sidebar2 { color:#000000; padding:0; margin:0;}
#sidebar1 ul, 
#sidebar2 ul {padding:0; margin:0;}
#sidebar1 ul li, 
#sidebar2 ul li {list-style:none; margin:0;}
#sidebar1 ul li a {width: 150px; } 
#sidebar1 ul li a, 
#sidebar2 ul li a {padding:0; margin:0; display:block;}

/* placements */
#sidebar1 #liens2 { padding:16px 0 0 0; }
#sidebar1 #liens2 li { padding:4px 0 0 0; }

#sidebar1 #liens3 { padding:15px 0 0 0; }
#sidebar1 #liens4 { padding:120px 0 0 0; }

#sidebar2 #liens1 li { padding:0; } 
#sidebar2 #liens2 { padding:25px 0 0 0; }
#sidebar2 #liens2 li { padding:6px 0 0 0; }

/* fonds des boutons sidebar 1 */
#hall_link a {       height:23px;
                     background: url(images/boutons/hall_accueil.png) top right no-repeat;}
#hall_link a:hover { background: url(images/boutons/hall_accueil.png) bottom right no-repeat;}

#quisommesnous_link a {       height:36px;  width:140px;
                          background: url(images/boutons/qui_sommes_nous.png) top right no-repeat; }
#quisommesnous_link a:hover { background: url(images/boutons/qui_sommes_nous.png) bottom right no-repeat;}

#localcom_link a {       height:21px;
                         background: url(images/boutons/local_commercial.png) top right no-repeat; }
#localcom_link a:hover { background: url(images/boutons/local_commercial.png) bottom right no-repeat;}

#ateliers_link a {       height:19px;
                         background: url(images/boutons/ateliers.png) top right no-repeat; }
#ateliers_link a:hover { background: url(images/boutons/ateliers.png) bottom right no-repeat;}

#devenirvdd_link a {       height:21px;
                           background: url(images/boutons/devenir_voisins.png) top right no-repeat; }
#devenirvdd_link a:hover { background: url(images/boutons/devenir_voisins.png) bottom right no-repeat;}

#vde_link a {       height:22px;
                    background: url(images/boutons/voisins_enfance.png) top right no-repeat; }
#vde_link a:hover { background: url(images/boutons/voisins_enfance.png) bottom right no-repeat;}

#concierge_link a {       height:25px;
                          background: url(images/boutons/concierge.png) top right no-repeat; }
#concierge_link a:hover { background: url(images/boutons/concierge.png) bottom right no-repeat;}

#contact_link a {       height:24px; 
                        background: url(images/boutons/contact.png) top right no-repeat; }
#contact_link a:hover { background: url(images/boutons/contact.png) bottom right no-repeat;}

/* fonds des boutons sidebar 2 */
#choralissime_link a {       height:31px;  width:140px;
                          background: url(images/boutons/choralissime.png) top right no-repeat; }
#choralissime_link a:hover { background: url(images/boutons/choralissime.png) bottom right no-repeat;}

#concerts_link a {       height:30px;  width:93px;
                          background: url(images/boutons/concerts.png) top right no-repeat; }
#concerts_link a:hover { background: url(images/boutons/concerts.png) bottom right no-repeat;}

#vdp_link a {       height:23px;
                    background: url(images/boutons/lesvoisinsdesvoisins.png) top right no-repeat; }
#vdp_link a:hover { background: url(images/boutons/lesvoisinsdesvoisins.png) bottom right no-repeat;}

#rep_link a {       height:27px;  width:116px;
                    background: url(images/boutons/repertoire.png) top; }
#rep_link a:hover { background: url(images/boutons/repertoire.png) bottom;}

#ecoutervoir_link a {       height:41px;  width:133px;
                    background: url(images/boutons/ecouterVoir.png) top; }
#ecoutervoir_link a:hover { background: url(images/boutons/ecouterVoir.png) bottom;}

#presse_link a {       height:21px;  width:63px;
                       background: url(images/boutons/presse.png) top; }
#presse_link a:hover { background: url(images/boutons/presse.png) bottom;}

#anim_entreprises_link a {       height:49px;  width:107px;
                       background: url(images/boutons/animation_entreprises.png) top; }
#anim_entreprises_link a:hover { background: url(images/boutons/animation_entreprises.png) bottom;}



/* boutons pour les pages courantes*/
/* #pagecourante #lien              */
/* La page courante est initialisée dans header.php
   grace au titre Wordpress de la page
   avec <body id="<?php the_title(); ?>"> */
/* boutons pour les pages courantes sidebar 1*/
#hall #hall_link a {
height:23px; width:150px; background: url(images/boutons/hall_accueil.png) bottom right no-repeat; }
#local_commercial #localcom_link a {
height:21px;  width:150px; background: url(images/boutons/local_commercial.png) bottom right no-repeat; }
#ateliers #ateliers_link a {       
height:19px;  width:150px; background: url(images/boutons/ateliers.png) bottom right no-repeat; }
#voisins_d_enfance #vde_link a {
height:22px;  width:150px; background: url(images/boutons/voisins_enfance.png) bottom right no-repeat; }
#concierge #concierge_link a {
height:25px;  width:150px; background: url(images/boutons/concierge.png) bottom right no-repeat; }
#contact #contact_link a {
height:25px;  width:150px; background: url(images/boutons/contact.png) bottom right no-repeat; }
#quisommesnous #quisommesnous_link a {
height:36px;  width:150px; background: url(images/boutons/qui_sommes_nous.png) bottom right no-repeat; }

/* Boutons pages courante sidebar 2 */
#choralissime #choralissime_link a {
height:31px;  width:140px; background: url(images/boutons/choralissime.png) bottom; }
#spectacles #concerts_link a {
height:30px;  width:93px; background: url(images/boutons/concerts.png) bottom; }
#voisins_de_palier #vdp_link a {
height:23px;  width:140px; background: url(images/boutons/lesvoisinsdesvoisins.png) bottom right no-repeat; }
#presse #presse_link a {
height:21px;  width:63px; background: url(images/boutons/presse.png) bottom; }
#repertoire #rep_link a {
height:27px;  width:116px; background: url(images/boutons/repertoire.png) bottom; }
#animation_entreprises #anim_entreprises_link a {
height:49px;  width:107px; background: url(images/boutons/animation_entreprises.png) bottom; }

#ecoutervoir #ecoutervoir_link a,
#photos #photos_link a ,
#videos #videos_link a,
#cd_dvd #cd_link a {
height:41px;  width:133px; background: url(images/boutons/ecouterVoir.png) bottom; }


/* lien pour la page crédit */
#credits {
position:absolute; 
bottom: 10px;
left: 100px;
}
#credits a {
display: block;
height:181px; width:11px; background:transparent url('images/credits.gif') bottom left no-repeat;
}
#credits a:hover {
display: block;
height:181px; width:11px; background:transparent url('images/credits_h.gif') bottom left no-repeat;
}



/* footer */
#footer { position:relative;
  width:958px;
  background:transparent url('images/inner_bg_transparent.gif') top right repeat-y;
  margin:0 auto; padding:40px 0 0 0; color:#07d2fb; text-align:center;}

#footer a { margin:0; padding:0; color:#07d2fb; text-decoration:none; }
#footer a:hover { font-weight:bold;}



#findepage { 
  width:958px; height:50px; line-height:50px;
  background-color: black;
  margin:0 auto; padding:10px 0 0 0; color:#07d2fb;}
#findepage table {
width: 100%;
margin:0; padding:0;
}
#findepage table tr,
#findepage table tr td {
margin:0; padding:0;
}
#findepage table tr td .agauche{
width:15%;
}
#findepage table tr td .centre{
width:69%;
}
#findepage table tr td .adroite{
width:15%;
}
#findepage a { margin:0; padding:0; color:red;}
#findepage a:hover { font-weight:bold;}

#findepage .remerciements {
line-height: 10px;
}
/* CSS3 sur les images en bas de page... */
/* zoom de facteur 1.2 */
#findepage table tr td img{
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

#findepage table tr td img:hover{
-moz-transform:scale(1.2); /*scale up image 1.2x in FF3.5+*/
-webkit-transform:scale(1.2); /*Safari and Chrome version*/
-o-transform:scale(1.2); /*Opera 9.5+ version*/
}




.agauche{text-align:left;}
.centre{text-align:center;}
.adroite{text-align:right;}


.aligncenter { display:block; margin:auto; text-align:center; }
.alignright { float: right; }
.alignleft { float: left; }
.youtube { text-align:center; margin:10px 0px 10px 0px; }

.clearboth { clear: both; }


/****************************************************************************/
/* Unuseful ? maybe someday... */
/* bar with date, author and category */
	.post-sub { padding:5px 0px 0px 20px; overflow:hidden; font:normal 8pt Georgia, "Times New Roman", Times, serif; color:#999999; }
	.post-cat { float:left; overflow:hidden; }
/****************************************************************************/


/* comments */
.commentlist { list-style:none; padding:0px; margin:1em 0 2em 0; border-top:solid 1px #00657e; overflow:hidden; }
.commentlist li { overflow:hidden; border-bottom:solid 1px #00657e; padding:8px; background-color:#000000; }
.commentlist li.alt { background-color:#222222; overflow:hidden; }
	.comment-avatar img { float:left; padding:0px; border:solid 1px #00657e; margin:8px 8px 8px 0px; }
	.comment-bar { overflow:hidden; padding:0px 8px 0px 0px; font-style:italic; letter-spacing: 0px; }

		.comment-author { font-style:italic; }
		.comment-date { float: right; }
	.comment-text { padding: 1em 0 0 1em;}

/* Bloc permettant de laisser des commentaires */
#presentation #comments form {
float: right;
text-align: right;
}

/* Zone de saisie des nom, email et site */
#comment_inputs {
margin: 0 0 1em 0;
padding: 0;
width: 100%;
}
#comment_inputs li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}
#comment_inputs li input {
width: 31%;
margin: 0;
padding: 0;
}

/* Page demo */