/* --------------------------------------------------------- */
/* Feuille de style du squelette fragments d'histoire  */
/* --------------------------------------------------------- */

body {
margin-top : 0px;
text-align : center;
color : #000;
font-family : arial, helvetica, sans-serif;
}

h1 {
text-align : left;
font-family : georgia, times, serif;
font-size : 26px;
color : #bb0202;
font-weight : normal;
margin : 0;
padding : 0;
letter-spacing : 0.05em;
}

h1 .noir {
color : #464646;
}

.paquet {
margin: 30px auto;
width : 800px;
text-align : left;
}

.baseline {
font-size : 12px;
margin : 6px 0px 10px 0px;
letter-spacing : 0.07em;
}

.accueil  {
text-align : right;
width : 800px;
height : 174px;
}

.paquetcol{
float: left;
width: 100%;
}

.colcentre{
margin: 0 280px 0 280px;
}

.colgauche{
float: left;
width: 240px;
margin-left: -800px;
}

.coldroite{
float: left;
width: 240px;
margin-left: -240px;
height : auto !important;
min-height : 174px;
height : 174px;text-align : right;
font-size : 11px;
position : relative;
}

.coldroite a {
color : #000;
text-decoration : none;
}
.coldroite .on {
text-decoration : line-through;
font-weight : mormal;
}
.coldroite a:hover {
color : #000;
text-decoration : none;
border-bottom: 1px dotted #000;
}

.artitre {
text-align : left;
color : #bb0202;
font-size : 15px;
position : absolute;
bottom : -3px;
/left : 0px;
width : 240px;
font-weight : bold;
letter-spacing : 0.03em;
}

.contenu{
clear: left;
width: 100%;
padding-top : 30px;
}

.menu{
text-align : right;
width : 240px;
float : left;
font-size : 12px;
line-height : 26px;
}

.menu a {
color : #000;
text-decoration : none;
}

.menu a:hover{
color : #bb0202;
text-decoration : none;
}

.menu .on{
color : #bb0202;
text-decoration : none;
font-weight : bold;
}

.texte {
float:right;
width : 520px;
font-size : 13px;
line-height : 20px;
margin-bottom : 15px;
text-align : justify;
font-family : georgia, times, serif;
}
.texte p {
margin-top : 0px;
}

.texte ul {
list-style-image : url(puce.gif);
}

.texte fieldset ul{
list-style-image : none;
}

.texte label {
font-weight : normal;
}

.texte fieldset textarea {
border : 1px solid #c1c1c1;
}

.texte fieldset input[type="text"] {
border : 1px solid #c1c1c1;
}

.pied {
clear : both;
border-top : 1px solid #000;
text-align : center;
font-size : 10px;
}

.pied a {
color : #000;
text-decoration : none;
border-bottom : 1px dotted #000;
}

.pied a:hover {
color : #bb0202;
text-decoration : none;
border-bottom : 1px dotted #bb0202;
}
.pied p {margin : 0;}
.texte a {
color : #000;
text-decoration : none;
border-bottom : 1px dotted #000;
}

.texte a:hover {
color : #bb0202;
text-decoration : none;
border-bottom : 1px dotted #bb0202;
}