Bonjour,
j'aimerais pouvoir régler mon retrait à gauche suivant le contenu du texte.
Voici mon html :
voici mon css
j'aimerais pouvoir régler mon retrait à gauche suivant le contenu du texte.
Voici mon html :
<div class="book-image">
<div><img src="images/book-11.jpg" alt="book" height="171" width="126"></div>
</div>
<h5><a href="#">Surtitre qui sert de surtitre Surtitre qui sert de surtitreSurtitre qui sert de surtitre </a></h5>
<h2><a href="#">Paroles de femmes, Paroles de femmes</a></h2>
<h4>Sous titre d'exemple sui sert de Sous titre d'exemple. Sous titre d'exemple sui sert de Sous titre d'exemple</h4>
<h3><a href="#">par Jean-Pierre Guéno, avec Jean-Pierre Guéno et pour Jean-Pierre Guéno</a></h3>
<div class="book-info">
<p>Femmes de l’ombre, femmes en guerre, femmes libres, femmes assumées… De 1900 à aujourd’hui, quatre générations de Françaises se parlent et se répondent. Expériences intimes, déchirures, passions, combats… Des textes bouleversants, des visages qui ne s’oublient pas, leurs histoires nous emportent.</p>
<p><em>« En découvrant ces « Paroles de femmes », j’ai été frappée par leur modernité : les femmes d’hier nous sont proches. Quelle que soit la date à laquelle elles écrivent, elles parlent aux femmes d’aujourd’hui.[…] […] Ce recueil est un livre plus féminin que féministe. Il parle de luttes, mais ne revendique pas. Il déroule une belle page de l’histoire de l’Humanité aux valeurs universelles […] »</em></p>
<h6>Sortie le 18 octobre</h6>
</div>voici mon css
img {
border:none;
}
a:focus {
outline:none;
}
#main {
margin:0 auto;
overflow:hidden;
width:950px;
}
blockquote {
border-left:1px solid #ccc;
color:#ccc;
font-family:Times, serif;
font-style:italic;
margin:0 30px 1.5em;
padding:0 0 0 10px;
}
/* header page */
#header {
background:url(../images/header.jpg) no-repeat 100% 0;
float:left;
height:167px;
position:relative;
width:950px;
}
/* logo */
.logo {
background:url(../images/logo.gif) no-repeat;
height:56px;
left:16px;
overflow:hidden;
position:absolute;
text-indent:-9999px;
top:71px;
width:232px;
}
/* main nav start */
.black-line {
background:#000;
left:17px;
position:absolute;
top:143px;
width:910px;
}
#header ul {
display:inline;
float:left;
margin:0;
padding:0;
}
#header ul li {
border-right:1px solid #fff;
display:inline;
float:left;
font:bold 13px "Times New Roman", Times, serif;
margin:0;
}
#header ul li a {
background:url(../images/menu-bg.gif) no-repeat 0 -24px;
color:#fff;
display:block;
float:left;
text-decoration:none;
text-transform:uppercase;
}
#header ul li a span {
background:url(../images/menu-bg-right.gif) no-repeat 100% -24px;
cursor:pointer;
display:block;
float:left;
height:19px;
padding:5px 5px 0;
}
#header ul li.accueil a span {
padding:5px 11px 0;
}
#header ul li a:hover,#header ul li a.active {
background-position:0 0;
}
#header ul li a:hover span,#header ul li a.active span {
background-position:100% 0;
}
/* main nav end
form start */
.form {
float:left;
padding:5px 0 0 3px;
}
.form label {
color:#fff;
float:left;
font:bold 13px "Times New Roman", Times, serif;
margin:0 9px 0 0;
text-transform:uppercase;
}
.form input {
float:left;
}
.form input#search {
background:#f1f1f1;
border:1px solid #7a7a7a;
border-left:2px solid #7e7e7e;
border-right:2px solid #7e7e7e;
font:10px Arial, sans-serif;
height:12px;
margin:1px 5px 0 0;
padding:0;
width:166px;
}
/* form end
header end
page left column */
.col-1 {
float:left;
padding:3px 0 0 16px;
width:167px;
}
/* border box bg */
.box {
background:url(../images/block-bg-small.gif) repeat-y;
float:left;
width:167px;
overflow: hidden;
}
.box-top-bg {
background:url(../images/block-top-small.gif) no-repeat;
float:left;
width:167px;
}
.box-bottom-bg {
background:url(../images/block-bottom-small.gif) no-repeat 0 100%;
float:left;
width:167px;
}
/* no livres box */
.no-livres {
float:left;
padding:0 0 12px;
width:167px;
}
.no-livres h2 {
color:#000;
font:bold 29px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:4px 0 0 5px;
text-transform:uppercase;
}
/* no livres list */
.no-livres ul,.prolongez ul {
float:left;
margin:0;
padding:1px 0 0;
}
.no-livres ul li,.prolongez ul li {
font:bold 14px/18px "Times New Roman", Times, serif;
list-style:none;
padding:0 0 4px 7px;
}
.no-livres ul li a,.prolongez ul li a {
background:url(../images/arrow.gif) no-repeat 0 -1px;
color:#000;
display:block;
padding:0 0 0 16px;
text-decoration:none;
}
.no-livres ul li a:hover,.prolongez ul li a:hover {
background-position:0 -80px;
}
/* prolongez box */
.prolongez {
background-color:#ccc;
display:inline;
float:left;
margin:7px 0 0 1px;
padding:0 0 4px;
width:166px;
}
.prolongez h2 {
font:bold 27px/21px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:12px 0 10px 5px;
position:relative;
}
.prolongez h2 span {
color:#840909;
font-size:20px;
line-height:11px;
}
/* espace box */
.espace {
background-color:#840909;
float:left;
margin:5px 0 0;
padding:7px 0 15px;
width:167px;
}
.espace h2 {
font:bold 42px/36px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:0 0 0 6px;
}
.espace h2 span {
color:#fff;
font-size:20px;
letter-spacing:-1px;
line-height:9px;
}
#espace div:hover,#espace div.hover {
position:relative;
}
/* drop down */
#espace ul {
background:#840909;
display:none;
left:0;
margin:0;
padding:10px 0 0;
position:absolute;
top:56px;
width:167px;
z-index:999;
}
#espace ul li {
float:left;
font:bold 14px/18px "Times New Roman", Times, serif;
list-style:none;
padding:0 0 4px 7px;
width:160px;
}
#espace ul li a {
background:url(../images/arrow-2.gif) no-repeat 0 -3px;
color:#fff;
padding:2px 0 4px 16px;
text-decoration:none;
}
#espace ul li a:hover {
background-position:0 -73px;
}
/* espace box end
words cloud start */
.cloud {
background:url(../images/block-bg-small-2.gif) repeat-y 1px 0;
float:left;
margin:9px 0 0;
width:167px;
}
.cloud .box-bottom-bg {
padding:0 0 10px;
}
.cloud h2 {
font:bold 32px/25px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:5px 0 12px 5px;
text-transform:uppercase;
}
.cloud h2 span {
color:#840909;
font-size:20px;
line-height:10px;
}
.cloud ul {
font:11px Arial, sans-serif;
line-height:14px;
margin:0;
padding:0 4px 0 8px;
}
.cloud ul li {
display:inline;
}
.cloud ul li.font-size-11 {
font-size:11px;
}
.cloud ul li.font-size-13 {
font-size:13px;
}
.cloud ul li.font-size-15 {
font-size:15px;
}
.cloud ul li.font-size-17 {
font-size:17px;
}
/* words cloud end
banners */
.banner {
margin:6px 0 0;
}
.banner img {
display:block;
padding:2px 0 2px 2px;
}
/* decoration image */
.decoration {
float:left;
margin:4px 0 0;
width:167px;
}
/* page content */
.content {
float:left;
padding:3px 0 0 4px;
width:567px;
}
/* book list start */
.book-list {
float:left;
margin:0;
padding:0;
width:565px;
}
.book-list li {
border:1px solid #202020;
float:left;
list-style:none;
margin:0 0 6px;
padding:3px 0 13px 5px;
position:relative;
width:560px;
}
.book-list li h2 {
color:#840909;
font:26px/24px Arial, sans-serif;
margin:0;
padding:7px 0 3px;
}
.book-list li h3 {
color:#010101;
font:bold 18px Arial, sans-serif;
margin:0;
padding:0 0 20px;
}
.book-list li h4 {
color:#999;
font:italic 13px Arial, sans-serif;
margin:0;
padding:0 0 5px;
}
.book-list li h4 a {
color:#999;
font-style:italic;
}
.book-list li h4 a:hover {
font-style:italic;
text-decoration:underline;
}
.book-list li h5 {
color:#999;
font:bold 14px Arial, sans-serif;
margin:0;
padding:5px 0 0;
}
/* book image */
.book-image {
display:inline;
float:left;
margin:2px 0 10px 1px;
width:142px;
}
.book-image span {
color:#840909;
float:left;
font:bold 11px Arial, sans-serif;
padding:7px 0 10px;
}
.img_projet {
float:right;
margin-bottom:12px;
margin-left:16px;
padding:5px;
}
/* book info text */
.book-info {
float:left;
width:412px;
}
.book-info p {
color:#000;
font:12px/14px Arial, sans-serif;
margin:0;
padding:0px 0 17px;
}
/* bottom link more */
.book-list li .more {
background:#ccc url(../images/ico-more.gif) no-repeat 2px 2px;
bottom:9px;
color:#000;
font:bold 10px/13px "Times New Roman", Times, serif;
padding:0 0 1px 15px;
position:absolute;
right:10px;
text-decoration:none;
text-transform:uppercase;
width:90px;
}
/* book list end
pages navigation start */
.page-nav {
border:1px solid #202020;
float:left;
margin:8px 0 0;
width:565px;
}
.page-nav ul {
float:right;
margin:0;
padding:1px 0 0;
}
.page-nav ul li {
background:url(../images/sep.gif) no-repeat 0 1px;
display:inline;
float:left;
font:12px/12px Arial, sans-serif;
padding:0 2px 1px 3px;
}
.page-nav li.first {
background:none;
}
.page-nav ul li.last {
margin:0 0 0 15px;
}
.page-nav ul li.last a {
font-weight:700;
}
.page-nav li a {
color:#000;
display:block;
padding:0 2px;
text-decoration:none;
}
.page-nav li a:hover,.page-nav li a.active {
background-color:#840909;
color:#fff;
}
.page-nav ul li.last a:hover {
background:none;
color:#840909;
}
/* pages navigation end
page footer start */
.footer {
float:left;
margin:8px 0 0;
width:910px;
}
.logo-2 {
background:url(../images/logo-2.gif) no-repeat;
float:left;
height:24px;
overflow:hidden;
text-indent:-9999px;
width:98px;
}
/* footer nav start */
.footer ul {
background:url(../images/footer-bg.gif) repeat-x;
float:right;
height:18px;
margin:0;
padding:6px 0 0 5px;
}
.footer ul li {
display:inline;
float:left;
font:bold 13px "Times New Roman", Times, serif;
padding:0 6px 0 7px;
text-transform:uppercase;
}
.footer ul li a {
color:#030303;
text-decoration:none;
}
.footer ul li.design {
padding:0 54px 0 42px;
}
/*
.safari .footer ul li.design {
padding: 0 57px 0 51px;
}*/
.footer ul li.design a {
color:#881f19;
font-size:10px;
font-style:italic;
}
.footer ul li.design a:hover {
color:#030303;
}
/* footer nav end
page footer end
right column */
.col-2 {
float:left;
padding:3px 0 0 3px;
width:169px;
}
.col-2 .box {
background:url(../images/block-top-small-2.gif) no-repeat -1px 0;
border:1px solid #000;
border-top:none;
margin:6px 0 0;
width:167px;
}
/* player box */
.player {
float:left;
padding:0 3px 10px 0;
width:164px;
}
.player h2 {
color:#840909;
font:bold 32px/32px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:4px 0 3px 2px;
text-transform:uppercase;
}
.player img {
display:block;
margin:0 0 0 5px;
}
.player .link {
background:url(../images/arrow-small.gif) no-repeat 0 4px;
color:#000;
display:block;
font:bold 12px/14px "Times New Roman", Times, serif;
margin:4px 0 0 4px;
padding:0 0 0 14px;
text-decoration:none;
}
.player .link:hover {
background:url(../images/arrow-small-2.gif) no-repeat 0 4px;
text-decoration:underline;
}
/* livres box */
.news {
background-color:#840909;
float:left;
margin:7px 0 0;
padding:0 0 9px;
width:169px;
}
.news h2 {
color:#fff;
font:bold 30px/35px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:0 0 0 3px;
text-transform:uppercase;
}
.news ul li {
float:left;
font:bold 12px/14px "Times New Roman", Times, serif;
list-style:none;
width:100%;
}
/* decouvez box start */
.col-2 .decouvez {
background:url(../images/block-bg-small-2.gif) repeat-y 1px 0;
border:none;
float:left;
margin:6px 0 0;
width:169px;
}
.col-2 .decouvez .box-bottom-bg {
background:url(../images/block-bottom-small.gif) no-repeat 0 100%;
float:left;
width:169px;
}
.decouvez h2 {
color:#000;
font:bold 27px/20px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:10px 0 0 4px;
text-transform:uppercase;
}
.decouvez h2 .small {
color:#840909;
font-size:17px;
line-height:11px;
}
.decouvez h2 .big {
font-size:24px;
line-height:18px;
}
.decouvez img {
display:block;
margin:0 0 2px 2px;
}
/* decouvez box end
livres box start */
.events {
background-color:#ccc;
float:left;
margin:6px 0 0;
width:169px;
}
.events h2 {
color:#000;
font:bold 27px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:4px 0 0 4px;
text-transform:uppercase;
}
/* list */
.events ul {
float:left;
margin:0;
padding:0 0 0 4px;
}
.events ul li {
background:url(../images/arrow-small.gif) no-repeat 0 6px;
float:left;
list-style:none;
padding:0 0 6px 14px;
}
.events ul li h3 {
color:#000;
font:bold 13px "Times New Roman", Times, serif;
margin:0;
padding:0;
text-decoration:underline;
text-transform:uppercase;
}
.events ul li p {
color:#000;
font:bold 13px/16px "Times New Roman", Times, serif;
margin:0;
padding:0;
}
.events ul li p a {
color:#840909;
font-style:italic;
text-decoration:none;
}
.events ul li img {
display:block;
margin:2px 0 0;
}
/* livres list end
content on inside page */
.content-box {
background:url(../images/block-bottom.gif) no-repeat -1px 100%;
border-left:1px solid #000;
border-right:1px solid #000;
display:inline;
float:left;
margin:-4px 0 0 -1px;
padding:0 10px 113px 6px;
position:relative;
width:549px;
}
/* top right ico navigation start
iconav*/
.ico-nav {
border-bottom:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
display:inline;
float:left;
margin:20px 0 30px;
padding:5px;
text-align:left;
width:532px;
}
.ico-nav span {
display:inline;
float:left;
padding:0 0 0 12px;
}
.ico-nav span a {
display:block;
height:23px;
overflow:hidden;
text-indent:-9999px;
width:24px;
}
.ico-nav span a.ico-print {
background:url(../images/ico-print.gif) no-repeat;
}
.ico-nav span a.ico-mail {
background:url(../images/ico-mail.gif) no-repeat;
}
.ico-nav span a.ico-book {
background:url(../images/ico-book.gif) no-repeat;
}
.ico-nav span a.ico-bulle {
background:url(../images/ico-bulle.gif) no-repeat;
}
.ico-nav span a.ico-flux {
background:url(../images/ico-flux.gif) no-repeat;
}
.ico-nav span a.ico-heart {
background:url(../images/ico-heart.gif) no-repeat;
}
/* top right ico navigation end
Breadcrumbs */
ol.breadcrumb {
border-bottom:1px solid #CCC;
margin:10px 10px 0 0;
padding:5px;
position:relative;
}
ol.breadcrumb li {
color:#000;
display:inline;
font:bold 11px Arial, sans-serif;
list-style-type:none;
}
ol.breadcrumb li:before {
content:'\00bb ';
}
/* Liste 1 */
ul.list1 li {
color:#000;
font:bold 11px Arial, sans-serif;
}
/* book info */
.content-box h1 {
color:#840909;
font:27px Arial, sans-serif;
margin:0;
padding:7px 0 0;
}
.content-box h2 {
color:#010101;
font:bold 18px Arial, sans-serif;
margin:0;
padding:0 0 23px;
}
.content-box h3 {
color:#999;
font:bold 12px Arial, sans-serif;
font-style:italic;
margin:0;
padding:0 0 3px;
}
.content-box h3 a {
color:#999;
font-style:italic;
text-decoration:none;
}
.content-box h4 {
color:#999;
font:bold 14px Arial, sans-serif;
letter-spacing:-1px;
margin:0;
padding:7px 0 0;
}
.content-box p {
color:#000;
font:12px/14px Arial, sans-serif;
margin:0;
padding:0 0 13px 5px;
}
.content-box .book-image {
margin:7px 0 0 1px;
}
/* fragment*/
.fragment p {
color:#000;
font:12px/14px Arial, sans-serif;
margin:0;
padding:0 0 13px 5px;
}
.fragment ul {
color:#000;
list-style:none;
font:12px/14px Arial, sans-serif;
margin:0;
padding:0 0 13px 5px;
}
.fragment ul li {
color:#000;
}
.fragment ul li a {
color:#840909;
font-weight:bold;
text-decoration:none;
}
.fragment ul li a:hover {
text-decoration: underline;
}
.fragment li h4{
color:#999;
font:bold 14px Arial, sans-serif;
letter-spacing:-1px;
margin:0;
padding:7px 0 0;
}
.fragment li h4 a{
color:#999;
font:bold 14px Arial, sans-serif;
letter-spacing:-1px;
margin:0;
padding:7px 0 0;
}
.fragment li h4 a:hover {
color:#999;
text-decoration: underline;
}
/* bookmark*/
.bookmark {
border-bottom:2px solid #e0e0e0;
border-top:2px solid #e0e0e0;
display:inline;
float:left;
margin:10px 0 0 2px;
padding:10px 0 3px 16px;
text-align:left;
width:532px;
}
.info-livres ul {
float:left;
font:10px Arial, sans-serif;
margin:0;
padding:0 0 0 10px;
width:173px;
}
.info-livres ul li {
color:#fff;
list-style:none;
width:100%;
}
/* info grey */
.info {
background:#ccc;
display:inline;
float:left;
margin:19px 0 0 2px;
padding:0 0 20px;
width:548px;
}
.info ul {
float:left;
font:10px Arial, sans-serif;
margin:0;
padding:0 0 0 10px;
width:173px;
}
.info ul li {
color:#000;
list-style:none;
width:100%;
}
.info p {
color:#000;
float:left;
font:10px Arial, sans-serif;
margin:0;
padding:0 10px;
}
.infoRouge p {
color:#fff;
float:left;
font:10px Arial, sans-serif;
margin:0;
padding:0 10px;
}
.infoRouge p a {
color:#fff;
text-decoration:none;
}
/* note box */
.note {
display:inline;
float:left;
margin:0;
padding:10px 0 3px 16px;
text-align:justify;
width:480px;
}
.note p {
color:#840909;
font:9px/11px Arial, sans-serif;
margin:0;
padding:0 0 17px;
}
.note h4 {
border-bottom:1px dotted #840909;
color:#840909;
font:bold 12px Arial, sans-serif;
letter-spacing:2px;
margin:3px 0 5px;
padding:0;
text-align:left;
text-transform:uppercase;
}
/* gallery start */
.gallery {
border-bottom:2px solid #e0e0e0;
display:inline;
float:left;
margin:44px 0 0 2px;
min-height:454px;
padding:0 0 22px;
position:relative;
width:549px;
}
* html .gallery {
height:454px;
}
/* next and prev buttons */
.button-next,.button-prev {
background:url(../images/ico-next.gif) no-repeat;
bottom:52px;
height:26px;
left:78px;
overflow:hidden;
position:absolute;
text-indent:-9999px;
width:21px;
}
.button-prev {
background:url(../images/ico-prev.gif) no-repeat;
left:456px;
}
.scroll {
display:inline;
float:left;
margin:0 0 0 119px;
padding:0;
text-align:center;
width:313px;
}
.scroll li {
list-style:none;
}
.scroll img {
display:block;
padding:0 0 10px;
}
.scroll p {
font:13px Arial, sans-serif;
}
/* two gray boxes start */
.fils-boxes {
float:left;
margin:22px 0 0;
width:549px;
}
.fils-boxes div {
float:left;
padding:5px;
width:175px;
}
.fils-boxes div.boxe {
border:1px dotted #840909;
float:left;
padding:5px;
width:170px;
}
.fils-boxes h3 {
color:#840909;
font:bold 18px "Times New Roman", Times, serif;
letter-spacing:-1px;
margin:0;
padding:0 0 10px;
text-transform:uppercase;
}
.fils-boxes p {
color:#000;
font:11px Arial, sans-serif;
margin:0;
padding:0 0 10px 4px;
}
.fils-boxes ul {
font:11px Arial, sans-serif;
margin:0 0 10px;
padding:0 0 0 12px;
}
/* two gray boxes end
encadre gris*/
.encadreGris {
background:#CCC;
float:left;
margin:22px 0 0;
padding:6px 0 20px 6px;
width:549px;
}
.encadreGris ul {
font:12px Arial, sans-serif;
margin:0;
padding:0 0 0 12px;
}
.encadreGris ul li {
color:#000;
float:left;
list-style:none;
width:100%;
}
.PetitencadreBlanc ul li ul li {
color:#840909;
float:left;
list-style:square;
width:100%;
}
.PetitencadreBlanc ul li ul li a {
color:#840909;
float:left;
list-style:none;
text-decoration:none;
width:100%;
}
.PetitencadreBlanc2 h3 {
color:#840909;
font:bold 18px "Times New Roman", Times, serif;
margin:0;
padding:0 0 5px;
}
/* petitencadre gris*/
.PetitencadreGris {
background:#CCC;
float:left;
margin:22px 0 0;
padding:6px 0 20px 6px;
width:249px;
}
/* petitencadre rouge*/
.PetitencadreRouge {
background:#840909;
float:left;
margin:22px 0 0;
padding:6px 0 20px 6px;
width:249px;
}
.PetitencadreRouge h3 {
color:#000;
font:bold 18px "Times New Roman", Times, serif;
margin:0;
padding:0 0 10px;
}
.PetitencadreRouge p {
color:#fff;
font:12px Arial, sans-serif;
margin:0;
padding:0 4px 10px;
}
/* */
.dossier h2 {
color:#840909;
font:bold 28px/22px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:10px 0 0 4px;
text-transform:uppercase;
}
.dossier h2 .black {
color:#000;
font-size:27px;
line-height:16px;
}
.dossier h2 .big {
font-size:32px;
line-height:26px;
}
.dossier ul {
float:left;
margin:0;
padding:10px 5px 20px 6px;
}
.dossier ul li {
float:left;
font:bold 14px/16px "Times New Roman", Times, serif;
list-style:none;
margin:0;
padding:0;
}
.dossier ul li a {
background:url(../images/arrow-small.gif) no-repeat 0 3px;
color:#000;
display:block;
padding:0 0 0 16px;
text-decoration:none;
}
.dossier ul li a:hover {
background:url(../images/arrow-small-2.gif) no-repeat 0 3px;
text-decoration:underline;
}
.dossier ul li ul {
margin:0;
padding:5px;
}
.dossier ul li ul li {
float:left;
font:bold 12px/13px "Times New Roman", Times, serif;
margin:0;
padding:0;
}
.dossier ul li ul li a {
color:#000;
text-decoration:none;
}
/* Univers */
.univers {
background-color:#840909;
float:left;
margin:7px 0 0;
padding:0 0 30px;
width:169px;
}
.univers h2 {
color:#000;
font:bold 44px/30px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:8px 0 6px 8px;
text-transform:uppercase;
}
.univers h2 .white {
color:#fff;
font-size:22px;
line-height:22px;
}
.univers h2 .middle {
font-size:36px;
line-height:20px;
}
.univers ul li {
float:left;
font:bold 11px/13px Arial, sans-serif;
list-style:none;
width:100%;
}
/* Ombre */
.shadow {
background-color:#999;
display:inline;
float:left;
margin:10px 0 10px 11px;
padding:0 5px 9px 0;
}
.shadow-padd-8 {
padding-right:8px;
}
.shadow-padd-11 {
padding-right:11px;
}
.shadow img {
float:left;
margin:-10px 0 0 -10px;
position:relative;
}
/*cartouche styles */
#cartouche {
clear:both;
float:left;
width:500px;
}
.cartouche h1 {
color:#840909;
font:bold 21px "Times New Roman", Times, serif;
margin:0;
padding:10px 0 10px;
text-transform:uppercase;
}
.cartouche h2 {
color:#ccc;
font:bold 16px "Times New Roman", Times, serif;
margin:0;
padding: 0px 0px 10px 0px;
text-transform:uppercase;
border-bottom:1px dotted #ccc;
}
.cartouche h3 {
color:#000;
font: bold 18px "Times New Roman", Times, serif;
padding: 10px 0px 10px 0px;
}
.cartouche span {
color:#840909;
font:bold 15px "Times New Roman", Times, serif;
margin:0;
padding: 0px 0px 10px 0px;
}
/*comment styles */
#comments {
clear:both;
float:left;
width:500px;
}
h3.comments_headers {
color:#840909;
font:bold 18px "Times New Roman", Times, serif;
margin:0;
padding:0 0 10px;
text-transform:uppercase;
}
.add_comment {
display:block;
float:right;
font-weight:700;
padding:0 0 0 20px;
}
ul#comment_list {
border-top:1px solid #ccc;
float:left;
list-style:none;
margin:0 0 4em;
}
ul#comment_list li.comment {
border-bottom:1px dotted #ccc;
float:left;
padding:1.2em 0 0;
width:500px;
}
ul#comment_list li.trackback {
background-color:#ccc;
padding:1.2em 15px 0;
width:470px;
}
.comment_meta {
margin:0 0 1.2em;
}
.comment_num {
float:right;
font-size:14px;
font-weight:700;
padding:0 15px 0 20px;
}
.trackback .comment_num {
padding:0 0 0 20px;
}
.comment_num a:hover {
color:#840909;
text-decoration:underline;
}
.comment_time {
color:#999;
font:normal 10px Arial, sans-serif;
}
.comment .entry {
font-size:11px;
padding:0 15px 10px 0;
}
.comment .entry p {
margin:0 0 1em;
}
/*comment form styles */
#comment_form {
float:left;
padding:1em 0 0;
width:500px;
}
#comment_form p {
padding:0.6em 0;
}
#comment_form label {
font-size:12px;
padding:0 0 0 10px;
}
#comment_form .text_input {
border-bottom:1px solid #fff;
border-left:2px solid #999;
border-right:1px solid #fff;
border-top:2px solid #999;
color:#444;
font:normal 12px Arial, "Times New Roman", Times, serif;
padding:3px;
width:191px;
}
#comment_form .text_area {
width:321px !important;
}
#comment_form .text_input:focus {
border-bottom:1px solid #ddd;
border-left:2px solid #666;
border-right:1px solid #ddd;
border-top:2px solid #666;
}
#comment_form .form_submit {
background-color:#CCC;
border:3px double #999;
border-left-color:#ccc;
border-top-color:#ccc;
cursor:pointer;
font:bold 12px Arial, "Times New Roman", Times, serif;
padding:0.4em 4px;
text-transform:capitalize;
}
/*search form styles ]:*/
#search_form .search_input {
border-bottom:1px solid #f5f5f5;
border-left:1px solid #999;
border-right:1px solid #f5f5f5;
border-top:1px solid #999;
color:#000;
font: normal 10px Arial, "Times New Roman", Times, serif;
padding:3px;
width:201px;
}
li.widget .search_input {
font-size:1.1em !important;
}
#search_form .search_input:focus {
border-bottom:1px solid #ddd;
border-left:1px solid #666;
border-right:1px solid #ddd;
border-top:1px solid #666;
}
/* Liste*/
.liste {
float:left;
margin:6px 0 0;
width:500px;
}
.liste h2 {
color:#000;
font:bold 25px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:4px 0 0 4px;
text-transform:uppercase;
}
.liste ul li {
color:#000;
font:14px "Times New Roman", Times, serif;
list-style:none;
padding:2px;
text-transform:uppercase;
}
.liste ul li ul li {
color:#840909;
font:13px "Times New Roman", Times, serif;
list-style:square;
text-transform:none;
}
body,form,.dossier ul li ol {
margin:0;
padding:0;
}
.col-1rub,.col-1pub {
padding:0;
width:167px;
}
.no-livres h2 span,.cloud ul li a:hover,.events h2 span,.info h3 span,.liste h2 span,.liste ul li ul li a,.liste ul li ul li ul li ul li a,.liste ul li ul li ul li ul li ul li ul li a {
color:#840909;
}
.espace h2 a,.cloud ul li a {
color:#000;
text-decoration:none;
}
#espace div.hover ul,#espace div:hover ul,.decoration img,.book-image img {
display:block;
}
.cloud ul li.font-size-10,#comment_form p.subscribe-to-comments label {
font-size:10px;
}
.book-list li h2 a,.book-info p a,.content-box h1 a,.content-box p a,.info p a {
color:#840909;
text-decoration:none;
}
.book-list li h2 a:hover,.book-list li h3 a:hover,.book-list li h5 a:hover,.book-info p a:hover,.events ul li p a:hover,ol.breadcrumb li a:hover,ul.list1 li a:hover,.content-box h1 a:hover,.content-box h2 a:hover,.content-box h3 a:hover,.content-box h4 a:hover,.content-box p a:hover,.info p a:hover,.infoRouge p a:hover,.fils-boxes ul li a:hover,.PetitencadreBlanc ul li a:hover,.PetitencadreBlanc ul li ul li a:hover,.PetitencadreBlanc2 ul li a:hover,.PetitencadreGris ul li a:hover,.PetitencadreRouge ul li a:hover,.dossier ul li ol li a:hover,.liste ul li a:hover,.liste ul li ul li a:hover,.liste ul li ul li ul li a:hover,.liste ul li ul li ul li ul li a:hover,.liste ul li ul li ul li ul li ul li a:hover,.liste ul li ul li ul li ul li ul li ul li a:hover {
text-decoration:underline;
}
.book-list li h3 a,.content-box h2 a {
color:#010101;
text-decoration:none;
}
.book-list li h5 a,.content-box h4 a {
color:#999;
text-decoration:none;
}
.book-list li h6,.content-box h5,.content-box h6 {
color:#840909;
font:bold 11px Arial, sans-serif;
margin:0;
padding:0;
}
.footer ul li a:hover,.fils-boxes ul.red li,.encadreGris ul.red li {
color:#881f19;
}
.news ul,.univers ul {
float:left;
margin:0;
padding:10px 0 0 4px;
width:165px;
}
.news ul li a,.univers ul li a {
background:url(../images/arrow-small-white.gif) no-repeat 0 -4px;
color:#fcfbfb;
display:block;
padding:0 0 0 16px;
text-decoration:none;
}
.news ul li a:hover,.univers ul li a:hover {
background-position:0 -81px;
text-decoration:underline;
}
.ico-nav h4,.bookmark h4 {
color:#840909;
font:bold 14px Arial, sans-serif;
margin:0;
padding:0;
}
ol.breadcrumb li a,.comment_num a,.comment_num a:visited {
color:#840909;
text-decoration:none;
}
ul.list1 li a,.liste ul li ul li ul li a,.liste ul li ul li ul li ul li ul li a {
color:#000;
}
.tags,.doc {
border-left:1px dotted #840909;
clear:both;
color:#999;
font-size:11px;
line-height:1.6em;
margin:10px 0 5px;
padding:5px;
}
.tags a,.tags a:visited,.doc a,.doc a:visited {
color:#333;
font-size:11px;
padding:0.25em;
text-decoration:none;
}
.tags a:hover,.doc a:hover {
background:#000;
color:#fff;
font-size:11px;
text-decoration:none;
}
.tags h4,.doc h4 {
color:#840909;
font:bold 12px Arial, sans-serif;
letter-spacing:1px;
margin:3px 0 5px;
padding:0;
text-align:left;
text-transform:uppercase;
}
.info-livres,.infoRouge {
background:#840909;
display:inline;
float:left;
margin:19px 0 0 2px;
padding:0 0 20px;
width:548px;
}
.info-livres h3,.info h3,.infoRouge h3 {
color:#000;
font:bold 32px "Times New Roman", Times, serif;
letter-spacing:-2px;
margin:0;
padding:0 0 0 10px;
text-transform:uppercase;
}
.info-livres h3 span,.infoRouge h3 span,.PetitencadreRouge h3 span {
color:#fff;
}
.info-livres ul.list-2,.info ul.list-2 {
width:183px;
}
.info-livres ul.last,.info ul.last {
width:150px;
}
.fils-boxes div.box-1,.fils-boxes div.box-2,.fils-boxes div.box-3 {
width:170px;
}
.fils-boxes ul li,.PetitencadreBlanc ul li,.PetitencadreBlanc2 ul li,.PetitencadreGris ul li,.PetitencadreRouge ul li {
color:#000;
float:left;
list-style:square;
width:100%;
}
.fils-boxes ul li a,.liste ul li a {
color:#000;
text-decoration:none;
}
.encadreGris h3,.PetitencadreBlanc h3,.PetitencadreGris h3 {
color:#840909;
font:bold 18px "Times New Roman", Times, serif;
margin:0;
padding:0 0 10px;
}
.encadreGris p,.PetitencadreBlanc p,.PetitencadreBlanc2 p,.PetitencadreGris p {
color:#000;
font:12px Arial, sans-serif;
margin:0;
padding:0 4px 10px;
}
.PetitencadreBlanc,.PetitencadreBlanc2 {
border:1px dotted #CCC;
float:left;
margin:0;
padding:6px 0 20px 6px;
width:249px;
}
.PetitencadreBlanc ul,.PetitencadreBlanc2 ul,.PetitencadreGris ul,.PetitencadreRouge ul {
font:12px Arial, sans-serif;
margin:0;
padding:0 10px 10px 25px;
}
.PetitencadreBlanc ul li a,.PetitencadreBlanc2 ul li a,.PetitencadreGris ul li a,.PetitencadreRouge ul li a {
color:#000;
float:left;
list-style:none;
text-decoration:none;
width:100%;
}
.comment_meta strong,#comment_form p.subscribe-to-comments {
font-size:12px;
}
.liste ul li ul li ul li,.liste ul li ul li ul li ul li ul li {
color:#000;
font:13px "Times New Roman", Times, serif;
text-transform:none;
}
.liste ul li ul li ul li ul li,.liste ul li ul li ul li ul li ul li ul li {
color:#840909;
font:13px "Times New Roman", Times, serif;
text-transform:none;
}
