@charset "iso-8859-1";
/* auteur: Bn */
/* Date de création: 22/12/2004 */
body {
width: 100%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 5px;
font-family: Verdana, Arial, Sans-serif;
font-size: 9pt;
text-align: center;
color: #000000;
}
input {
border-color: #005100;
background-color: #008500;
color: white;
}
input:focus { /* Quant l'input est séléctionné, seulement firefox */
background-color: #94DE4A;
}
textarea {
border-color: #005100;
background-color: #008500;
color: white;
}
textarea:focus { /* Quand le textarea est séléctionné, seullement firefox! */
background-color: #94DE4A;
}
fieldset {
width: 75%;
padding: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
form.connetion_block {
display:block;
}
a { /* Lien normal */
color: #603000;
text-decoration: none;
}
a:hover { /* Quand le visiteur pointe sur le lien */
text-decoration: underline;
color: #5D1202;
}
a:active /* Quand le visiteur sélectionne le lien */
{
background-color: #339900;
}
a:focus /* Quand le visiteur sélectionne le lien, variante pour firefox */
{
background-color: #339900;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
color: #8C2D00;
}
a img {
border: 0 none;
}
li {
list-style-image: url('images/style/li.gif');
margin-top: 0px;
text-align: left;
padding-left: 0px;
}
li span {
position: relative;
bottom: 3px;
left: -2px;
}
li.flamme { /* A utiliser pour les sous-menus, comme le sommaire du journal */
list-style-image: url('images/style/flecheflamme.gif');
}
h1 { /* Grand titre, utilisé pour la présentation du site */
color: #ffcc00;
margin: 0px;
font-size: 1.6em;
font-family: Verdana, Sans-serif;
text-align: left;
}
p.texte:first-letter {
font-size: 1.2em;
color: #004322;
margin-right: 0px;
font-weight: bold;
}
p.texte { /* Le texte clasique, particulierement des articles du journal */
color: #52523E;
text-align: justify;
margin-left: 15px;
margin-right: 15px;
text-indent: 15px;
}
div.texte:first-letter {
font-size: 1.1em;
color: #CCCC66;
margin-right: 0px;
font-weight: bold;
}
div.texte { /* Le texte clasique, particulierement des articles du journal */
text-align: justify;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
text-indent: 15px;
}
#pensepasbete div.texte:first-letter {
font-size: 1em;
font-weight: normal;
}
#pensepasbete div.texte {
text-indent: 0px;
}
#blocdroit div.milieu4 div.texte { /* Mise en page de paragraphe servant pour les news et la présentation du site */
margin: 10px 20px 0 20px;
}
span.formulaire { /* texte avant les formulaires pour qu'il ressorte! */
font-weight: bold;
color: #FFFFCC;
}
input.box { /* Pour le design des checkbox et des radiobox quand il y a un fond derrière */
background: none;
}
fieldset.left {
text-align: left;
}
span.erreur {
color: red;
font-weight: bold;
}
span.normal {
color: black;
font-weight: bold;
}
span.reussi {
font-weight: bold;
}
span.petit {
font-size: 0.85em;
}
a.image_bordure img {
border: 0 none;
}
img.centrer {
text-align: center;
margin-left: auto;
margin-right: auto;
}
img.photo {
width: 80%;
display:block;
padding:8px;
border:1px solid black;
margin-top: 1px;
margin-bottom: 1px;
margin-left: auto;
margin-right: auto;
}
div.float_centrer, div.float_centrer {
margin-top: 10px;
margin-bottom: 2px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
div.float_gauche {
float: left;
margin-top: 10px;
margin-bottom: 2px;
margin-left: 5px;
margin-right: 10px;
text-align: left;
}
div.float_droite {
float: right;
margin-top: 10px;
margin-bottom: 2px;
margin-left: 10px;
margin-right: 5px;
text-align: right;
}
div.centre {
text-align: center;
margin: 0px;
padding: 0px;
}
div.gauche {
text-align: left;
margin: 0px;
padding: 0px;
}
div.droite {
text-align: right;
margin: 0px;
padding: 0px;
}
img.left { /* aligner a gauche une image */
float: left;
margin: 5px;
}
p.centrer { /*centrer un texte */
text-align: center;
}
div.centrer {
text-align: center;
margin-left: auto;
margin-right: auto;
}
p.centrer_journal { /*centrer un texte mais spécial journal*/
text-align: center;
margin-left: 15px;
margin-right: 15px;
margin-top: -2px;
margin-bottom: -2px;
padding: 0px;
}
p.gauche { /*aligner à gauche un texte */
text-align: left;
margin-left: 15px;
margin-right: 15px;
margin-top: -2px;
margin-bottom: -2px;
padding: 0px;
}
p.droite { /*aligner à droite un texte */
text-align: right;
margin-left: 15px;
margin-right: 15px;
margin-top: -2px;
margin-bottom: -2px;
padding: 0px;
}
/* Tableaux à coin rond */
.tfond {
width: 100%;
background-color: #008500;
padding: 0px;
margin-top: 10px;
margin-bottom: 20px;
}
#presentation .tfond {
margin-bottom: 0;
}
.tfond_middle {
width: 90%;
background-color: #008500;
padding: 0px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
.tfond_fin {
width: 80%;
background-color: #008500;
padding: 0px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
.tbordg {
background-image: url(images/style/rondgc.gif);
background-repeat: repeat-y;
background-position: top left;
}
.tbordh {
background-image: url(images/style/rondhc.gif);
background-repeat: repeat-x;
background-position: top left;
}
.tbordd {
background-image: url(images/style/ronddc.gif);
background-repeat: repeat-y;
background-position: top right;
}
.tbordb {
background-image: url(images/style/rondbc.gif);
background-repeat: repeat-x;
background-position: bottom left;
}
.timggh {
background-image: url(images/style/rondgh.gif);
background-repeat: no-repeat;
background-position: top left;
}
.bgbible {
background-image: url(images/style/bgbible.gif);
background-repeat: no-repeat;
background-position: top left;
}
.bgflamme {
background-image: url(images/style/bgflamme.gif);
background-repeat: no-repeat;
background-position: top left;
}
.bginsigne {
background-image: url(images/style/bginsigne.gif);
background-repeat: no-repeat;
background-position: top right;
}
.bgstat {
background-image: url(images/style/bgstat.gif);
background-repeat: no-repeat;
background-position: top left;
}
.bgoutils {
background-image: url(images/style/bgoutils.gif);
background-repeat: no-repeat;
background-position: top left;
}
.timgdh {
background-image: url(images/style/ronddh.gif);
background-repeat: no-repeat;
background-position: top right;
}
.timgdb {
background-image: url(images/style/ronddb.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
.timggb {
background-image: url(images/style/rondgb.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
.milieu {
padding: 27px;
padding-top: 40px;
}
.milieuphoto {
padding: 30px;
padding-top: 35px;
}
.milieustat {
padding: 26px;
padding-top: 24px;
font-size: 7.5pt;
}
.milieupresentation {
padding: 20px;
padding-bottom: 2px;
}
.milieu2 {
padding: 27px;
text-align: center;
}
.milieu3 {
padding: 10px;
}
.milieu4 {
padding: 27px;
padding-top: 29px;
}
#verset .tfond, #verset .tfond_middlfe, #verset .tfond_fin, #verset .milieu, #verset .milieustat, #verset .milieu, #verset .milieu2, #verset .milieu3, #verset .milieu4, #verset .timggh, #verset .timggb, #verset .timgdb, #verset .timgdh, #verset .tbordb, #verset .tbordd, #verset .tbordg, #verset .tbordh,
#statistique .tfond, #statistique .tfond_middlfe, #statistique .tfond_fin, #statistique .milieu, #statistique .milieustat, #statistique .milieu, #statistique .milieu2, #statistique .milieu3, #statistique .milieu4, #statistique .timggh, #statistique .timggb, #statistique .timgdb, #statistique .timgdh, #statistique .tbordb, #statistique .tbordd, #statistique .tbordg, #statistique .tbordh,
#lien_utile .tfond, #lien_utile .tfond_middlfe, #lien_utile .tfond_fin, #lien_utile .milieu, #lien_utile .milieustat, #lien_utile .milieu, #lien_utile .milieu2, #lien_utile .milieu3,#lien_utile .milieu4, #lien_utile .timggh, #lien_utile .timggb, #lien_utile .timgdb, #lien_utile .timgdh, #lien_utile .tbordb, #lien_utile .tbordd, #lien_utile .tbordg, #lien_utile .tbordh {
margin: 0;
padding: 0;
background: none;
}
#newsExt .tfond, #newsExt .tfond_middlfe, #newsExt .tfond_fin, #newsExt .milieu, #newsExt .milieustat, #newsExt .milieu, #newsExt .milieu2, #newsExt .milieu3,#newsExt .milieu4, #newsExt .timggh, #newsExt .timggb, #newsExt .timgdb, #newsExt .timgdh, #newsExt .tbordb, #newsExt .tbordd, #newsExt .tbordg, #newsExt .tbordh {
margin: 0;
padding: 0;
background: none;
}
/* Fin des tableaux à coin rond */
/* ------- Début de l'entete ------- */
#entete { /* Entete de Flamb'clair: bannière plus bloc connection (comprenant le foulard et le formulaire de connection) */
width: 98%;
height: 280px;
margin-top: 7px;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
}
#fondbanniere { /* Paramète du div contenant la bannière */
width: 55%;
height: 280px;
position: absolute;
left: 8.5px;
}
#banniere { /* Paramètre de l'anim flash banniere */
width: 100%;
height: 100%;
}
#fondconnecte { /* Design du div contenant le foulard */
width: 45%;
height: 300px;
position: absolute;
right: 0px;
}
#foulard { /* Paramètre de l'anim flash du foulard */
float: right;
width: 105%;
height: 108%
}
#connecte { /* design du div contenant les champs de connection (ou toutes es infos si on est connecté) */
width: 25%;
padding-top: 68px;
text-align: center;
position: absolute;
right: 9%;
}
#connecte form {
margin-bottom: 0px;
}
#connecte p.bienvenue {
text-align: right;
width: 90%;
margin: 0px;
margin-top: 10px;
padding-top: 2px;
border-top: 2px dashed black;
color: #669900;
float: right;
}
#connecte p.connection {
text-align: right;
margin-right: 7px;
margin: 0px;
}
span.login {
color: #FF9900;
font-weight: bold;
margin-right: 14px;
background-color: #FFFFFF;
}
span.password {
color: #FF9900;
font-weight: bold;
margin-right: 12px;
background-color: #FFFFFF;
}
input.login {
margin: 0px;
margin-right: 3px;
}
input.password {
margin: 0px;
margin-right: 1px;
}
input.ok {
margin-right: 10px;
margin-top: 3px;
margin-bottom: 2px;
}
#connecte div.flambeaux {
background-image: url('images/style/flambeaux.gif');
background-repeat: no-repeat;
width: 150px;
height: 92px;
margin: auto;
margin-bottom: 4px;
}
p.log {
text-align: right;
margin: 0px;
color: #492C00;
font-size: 1.4em;
}
/* ------- Fin de l'entete ------- */
/* ------- Explication de ce qu'est Flamb'clair ------- */
#intermede { /* Permet d'aligner l'explication à gauche sous IE */
text-align : left;
}
#presentation { /* le bloc d'explication de ce qu'est Flamb'clair sous le menu... */
width: 38%;
text-align: center;
margin-bottom: -10px;
margin-top: -35px;
margin-left: 5%;
}
#presentation strong {
color : #FFCC00;
}
/* ------- Fin explication ------- */
/* ------- Début du menu ------- */
#menu { /* La barre de menu, paramètre du div */
width: 98%;
text-align: center;
margin-bottom: 5px;
margin-top: 0px;
margin: auto;
}
#menu ul li,#menu ul {
margin: 0px;
padding: 0px;
float: left;
list-style: none;
}
#menu .milieu3 {
width: 490px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#menu a {
display: block;
margin-left: 5px;
margin-right: 5px;
}
#menu a.menu_journal {
width: 107px;
height: 68px;
background-image : url('images/style/journal_1.gif');
margin-left: 0px;
}
#menu a.menu_photo {
width: 125px;
height: 69px;
background-image : url('images/style/photo_1.gif');
}
#menu a.menu_bibliotheque {
width: 125px;
height: 66px;
background-image : url('images/style/bibliotheque_1.gif');
}
#menu a.menu_forum {
width: 101.5px;
height: 58px;
background-image : url('images/style/forum_1.gif');
margin-right: 0px;
}
.menu_footer {
clear: both;
margin: 0px;
padding: 0px;
}
#menu_complet { /* Paramètre de l'anim flash de la barre de menu */
margin-top: 0px;
text-align: center;
width: 100%;
height: 75px;
}
/* ------- Fin du menu ------- */
/* ------- Début du bloc haut ou le bloc du centre quoi^^ ------- */
#blochaut { /* Bloc comprenant le bloc gauche et le bloc droit, c-a-d statistiques, verset, sponsor et news */
width: 96%;
margin-right: auto;
margin-left: auto;
}
/* -- Le bloc gauche -- */
#blocgauche {
width: 310px;
margin: 0 0 10px 0;
text-align: left;
float: left;
display: block;
}
#verset {
width: 100%;
margin-bottom: 10px;
}
#verset h4 {
color: #FFFFFF;
margin: 0;
text-align: center;
font-size: 1.4em;
font-family: Verdana, Sans-serif;
}
p.verset:first-letter {
font-style: italic;
color: #CC3300;
font-size: 1.4em;
}
p.verset {
font-style: italic;
color: #663300;
margin: 5px;
text-align: left;
text-indent: 10px;
}
p.reference {
color: #663300;
margin: 5px;
text-align: right;
}
p.explaination:first-letter {
color: #8E4700;
font-size: 1.2em;
margin-right: 0px;
}
p.explaination {
color: #472400;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
text-indent: 15px;
}
#statistique {
width: 100%;
margin-bottom: 10px;
}
#statistique h4 {
color: #FFFFFF;
margin: 0;
text-align: center;
font-size: 1.4em;
font-family: Verdana, Sans-serif;
}
#statistique li {
margin-left: -26px;
}
#statistique ul {
margin-top: 0px;
margin-bottom: 5px;
}
#lien_utile, #newsExt {
width: 100%;
margin-bottom: 10px;
}
#lien_utile h4, #newsExt h4 {
color: #FFFFFF;
margin: 0px;
text-align: center;
font-size: 1.4em;
font-family: Verdana, Sans-serif;
}
#lien_utile li, #newsExt li {
margin-left: -25px;
list-style-image: url('images/style/opinel.gif');
}
#lien_utile ul, #newsExt ul {
margin-bottom: 5px;
}
#accueil {
width: 100%;
margin-bottom: 10px;
font-size: 1.5em;
text-align: center;
}
#sponsor {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
/* -- Fin du bloc gauche -- */
/* -- Le bloc droit -- */
#blocdroit {
margin: 0 0 10px 320px;
text-align: left;
display:block;
vertical-align:top;
}
p.news:first-letter {
font-size: 1.2em;
color: #CCCC66;
margin-right: 0px;
}
p.news { /* Mise en page de paragraphe servant pour les news et la présentation du site */
text-align: justify;
margin-left: 20px;
margin-right: 20px;
text-indent: 15px;
}
p.ajouter_comment {
margin-left: 15px;
margin-top: 2px;
}
#blocdroit p.right { /* Alignement à droite pour les deux liens: proposer une news et archive de news */
text-align: right;
margin-right: 15px;
margin-bottom: 2px;
margin-top: 1px;
}
#blocdroit h2 { /* Titre dans le livre d'or */
color: #FFFFCC;
font-size: 0.95em;
font-family: Verdana, Sans-serif;
text-align: left;
margin-bottom: 0px;
margin-left: 10px;
}
#blocdroit p.livre_d_or { /* Titre dans le livre d'or */
color: #FFFFFF;
font-size: 0.85em;
font-family: Verdana, Sans-serif;
text-align: justify;
margin-top: 2px;
margin-left: 25px;
margin-right: 25px;
text-indent: 30px;
}
#blocdroit h3 { /* Date de la news */
color: #ffcc00;
margin: 2px;
font-size: 1em;
font-family: Verdana, Sans-serif;
text-align: right;
margin-right: 53px;
margin-bottom: 22px;
}
#blocdroit h4 { /* Titre de la news */
color: #FFFFFF;
margin: 2px;
font-size: 1.2em;
font-family: Verdana, Sans-serif;
text-align: right;
margin-right: 60px;
}
#blocdroit h5 { /* Titre centré assez petits */
font-size: 1.1em;
text-align: center;
color: #ffcc00;
margin: 10px;
}
#blocdroit h6 { /* Titre des archives de news */
font-size: 1.3em;
text-align: center;
color: #ffcc00;
margin-bottom: 0px;
}
#blocdroit span.petit { /* rapetissi le texte après un h6 */
font-size: 10px;
color: #669900;
margin-top: 0px;
}
#blocdroit legend {
color: #ffcc00;
font-size: 1.15em;
}
#blocdroit form {
margin-top: 0px;
}
#blocdroit label {
color: #D9AD00;
font-style: italic;
}
#blocdroit .image {
float: left;
}
#blocdroit .droit {
margin-left: 165px;
}
#blocdroit .footer {
margin-left: 10px;
clear: both;
}
/* -- Fin du bloc droit -- */
/* ------- Fin du bloc haut ------- */
#darticle {
width: 100%;
margin: auto;
margin-bottom: 10px;
padding: 0px;
/*clear: both;
margin-top: -10px;
margin-right: 10px;
margin-bottom: 40px;
margin-left: 350px;
border:#CC3366 2px solid;*/
}
#darticle h1 {
color: #FFFFFF;
margin: 2px;
font-size: 1.4em;
text-align: center;
}
#pieddepage {
width: 90%;
margin: auto;
text-align: center;
clear: both;
}
/* --------- Design du journal! ----------- */
.editoimg {
background-image: url('images/style/edito.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 1px;
float: left;
width: 38px;
height: 51px;
margin-bottom: 0px;
}
.sommaireimg {
background-image: url('images/style/sommaire.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 36px;
height: 43.5px;
margin-bottom: 0px;
}
.blocnoteimg {
background-image: url('images/style/blocnote.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 58px;
height: 38px;
margin-bottom: 0px;
}
.articleimg {
background-image: url('images/style/article.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 42.5px;
height: 47px;
margin-bottom: 0px;
}
.cdfimg {
background-image: url('images/style/cdf.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 62px;
height: 50px;
margin-bottom: 0px;
}
.enigmeimg {
background-image: url('images/style/enigme.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 56px;
height: 56px;
margin-bottom: 0px;
}
.chroniqueimg {
background-image: url('images/style/chronique.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 45px;
height:45px;
margin-bottom: 0px;
}
.tourmentimg {
background-image: url('images/style/chronique.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 45px;
height:45px;
margin-bottom: 0px;
}
.recetteimg {
background-image: url('images/style/chronique.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 45px;
height:45px;
margin-bottom: 0px;
}
.debatimg {
background-image: url('images/style/debat.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 49px;
height:48px;
margin-bottom: 0px;
}
.interviouimg {
background-image: url('images/style/interviou.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 37px;
height:37px;
margin-bottom: 0px;
}
.photoimg {
background-image: url('images/style/photo.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
float: left;
width: 37px;
height:35px;
margin-bottom: 0px;
}
.concoursimg {
background-image: url('images/style/concours.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
margin-right: 0px;
float: left;
width: 33px;
height:46px;
margin-bottom: 0px;
}
.actualiteimg {
background-image: url('images/style/actualite.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
margin-right: 0px;
float: left;
width: 50px;
height:50px;
margin-bottom: 0px;
}
.petit_manuelimg {
background-image: url('images/style/petit_manuel.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 2px;
margin-right: 0px;
float: left;
width: 27px;
height:70px;
margin-bottom: 0px;
}
a.voir_commentaire { /* Pour aligner les liens vers les coms en haut à droite */
display: block;
float: right;
padding: 5px;
border-left: 1px dashed black;
border-bottom: 1px dashed black;
}
#blochautjournal { /* Bloc comprenant les différents autres blocs pour les centrer */
width: 95%;
margin-left: auto;
margin-right: auto;
}
#blochautjournal h1 {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 4px;
}
#blocprincipale {
width: 70%;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
float: left;
border: 1px dashed black;
padding-bottom: 10px;
}
#blocprincipale h1 {
margin-bottom: 25px;
}
#blocsubsidiaire {
width: 27%;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
float: right;
}
#blocsubsidiaire li {
margin: 0px;
margin-left: -15px;
clear: both;
}
#accueiljournal {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 1.5em;
text-align: center;
border: 1px dashed black;
}
#infos {
width: 20%;
clear: both;
float: right;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
text-align: center;
border: 1px dashed black;
}
#sommaire {
width: 100%;
margin-bottom: 10px;
border: 1px dashed black;
}
#pensepasbete {
width: 100%;
margin-bottom: 10px;
border: 1px dashed black;
}
#blocmilieu {
width: 99%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
border: 1px dashed black;
clear: both;
padding-bottom: 3.5em;
}
#blocmilieu h1 {
margin-bottom: 20px;
}
#blocbas {
width: 98%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
#blocbasgauche {
width: 50%;
margin-bottom: 10px;
padding-bottom: 10px;
border: 1px dashed black;
float: left;
}
#blocbasdroite {
width: 47%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-bottom: 10px;
border: 1px dashed black;
float: right;
}
#blocgauche_double {
width: 51%;
margin-left: auto;
margin-right: auto;
float: left;
}
#blocdroite_double {
width: 47%;
float: right;
}
#blocbasg_double {
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
border: 1px dashed black;
padding-bottom: 3.5em;
}
#blocbasbasg_double {
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
border: 1px dashed black;
clear:both;
float: left;
}
#blocbasd_double {
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
border: 1px dashed black;
float: left;
}
#blocbasbasd_double {
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
border: 1px dashed black;
clear:both;
float: left;
}
#blocbasgrand {
width: 98%;
margin-left: auto;
margin-right: auto;
clear: both;
border: 1px dashed black;
padding-bottom: 10px;
margin-bottom: 10px;
padding: 0px;
}
#blocg {
width: 50%;
margin-left: auto;
margin-right: auto;
float: left;
}
#blocbas h1 {
margin-bottom: 20px;
}
#fin {
width: 85%;
clear: both;
padding: 15px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
text-align: center;
font-size: 0.85em;
border: 1px dashed black;
}
span.pre {
color: #006600;
}
span.int {
color: #00AE00;
}
p.citation:first-letter {
font-style: italic;
color: #CC3300;
font-size: 1.4em;
}
p.citation {
font-style: italic;
color: #743A00;
margin: 0px;
margin-right: 10px;
margin-left: 10px;
text-align: left;
}
/* ------- Fin du design spécial journal ------- */
/* ------- Galerie de photo ------- */
#galerie {
text-align: center;
width: 650px;
height: 650px;
}
div.centrage {
width: 98%;
margin: auto;
}
/* ------- Fin galerie de photo ------- */
/* ------- Design spécial Biblio-Médiathèque ------- */
div.bibliotheque {
border: 1px solid black;
background-image: url('images/style_biblio/bibliotheque.png');
background-repeat: repeat;
background-position: top left;
background-color:#663300;
width: 95%;
padding: 3%;
margin-top: 25px;
margin-left:auto;
margin-right:auto;
}
div.rangee_archive {
float: left;
width: 301px;
margin: 0;
z-index: 3;
}
div.rangee_archive h1 {
width: 262px;
height: 41px;
background-image: url('images/style_biblio/barre_archive.gif');
background-repeat: no-repeat;
background-position: top left;
margin: 0 0 4px 0;
text-indent: -1500px; /* On cache le texte afin qu'il ne soit visible que pour les navigateurs textes */
}
div.rangee_outils {
float: right;
width: 301px;
margin: 0;
z-index: 3;
}
div.rangee_outils h1 {
width: 102px;
height: 41px;
background-image: url('images/style_biblio/barre_outils.gif');
background-repeat: no-repeat;
background-position: top right;
margin: 0 0 4px 0;
text-indent: -1500px; /* On cache le texte afin qu'il ne soit visible que pour les navigateurs textes */
}
div.rangee_creation {
float: right;
width: 301px;
margin: 0;
z-index: 3;
}
div.rangee_creation h1 {
width: 130px;
height: 41px;
background-image: url('images/style_biblio/barre_creation.gif');
background-repeat: no-repeat;
background-position: top right;
margin: 0 0 4px 0;
text-indent: -1500px; /* On cache le texte afin qu'il ne soit visible que pour les navigateurs textes */
}
div.rangee {
background-image: url('images/style_biblio/etagere.png');
background-repeat: no-repeat;
background-position: top left;
width : 100%;
height: 175px;
border: 1px solid black;
background-color:#996633;
margin: 0px;
margin-bottom: 38px;
vertical-align: bottom;
z-index: 2;
}
div.rangee_creation div.rangee {
margin-bottom: 0px;
}
span.livre {
display: block;
font-size: 1.1em;
font-weight: bold;
text-align: center;
position: relative;
left: 1px;
}
/* Image de livre */
div.bibliotheque a { /* définition de la classe "image" de la balise *//* lien livre en général */
background-repeat: no-repeat;
background-position: top left;
display: block;
float: left;
margin-top: 5px;
text-decoration: none;
z-index: 2;
}
div.bibliotheque div.rangee_outils a {
margin-top: 13px;
}
div.bibliotheque a span.explication {
display: none;
}
div.bibliotheque a:hover { /* définition de la classe "image" de la balise au survol *//* lien livre en général */
background-position: bottom left;
text-decoration: none;
}
div.bibliotheque a:hover span.explication {
width: 90px;
display: block;
background-color: white;
border: 1px dashed black;
padding: 5px;
text-align: center;
line-height: 1em;
z-index: 1;
}
div.bibliotheque a:active , div.bibliotheque a:focus { /* lien livre en général */
background-color: none; /* Pour effacer la couleur d'arrière plan par défaut du lien */
background-repeat: no-repeat;
background-position: top left; /* on remet l'image pour pas faire moche */
}
div.bibliotheque a:active span.explication, div.bibliotheque a:focus span.explication {
display: none;
}
/* Lien archive */
div.rangee_archive a { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/archive.gif'); /* source de l'image de départ */
width: 60px; /* largeur de l'image réactive */
height: 170px; /* hauteur de l'image réactive */
text-decoration: none;
line-height: 61px;
}
div.rangee_archive a:hover { /* définition de la classe "image" de la balise au survol */
background-image: url('images/style_biblio/archive.gif'); /* source de l'image d'arrivée */
height: 190px; /* hauteur de l'image réactive */
line-height: 92px;
margin-bottom: -20px;
position: relative;
bottom: -2px;
}
div.rangee_archive a:hover span.explication {
position: absolute;
top: 197px; /* hauteur :hover + 3 (du position:relative) + 5) */
left: -20px; /* (100-largeur)/2 Pour centrer */
}
div.rangee_archive a:active , div.rangee_archive a:focus {
background-image: url('images/style_biblio/archive.gif'); /* source de l'image de départ */
height: 170px; /* hauteur de l'image réactive */
line-height: 61px;
}
/* lien petit manuel du flambeau */
a.pmf { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/pmf.gif'); /* source de l'image de départ */
width: 47px; /* largeur de l'image réactive */
height: 162px; /* hauteur de l'image réactive */
}
a.pmf:hover { /* définition de la classe "image" de la balise au survol */
height: 181px; /* hauteur de l'image réactive */
margin-bottom: -19px;
position: relative;
bottom: -3px;
}
a.pmf:hover span.explication {
position: absolute;
top: 189px; /* hauteur :hover + 3 (du position:relative) + 5) */
left: -26.5px; /* (100-largeur)/2 Pour centrer */
}
a.pmf:active , a.pmf:focus {
background-image: url('images/style_biblio/pmf.gif'); /* source de l'image de départ */
height: 162px; /* hauteur de l'image réactive */
}
/* lien recette de la mère abouard */
a.cdf { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/cdf.gif'); /* source de l'image de départ */
width: 44px; /* largeur de l'image réactive */
height: 139px; /* hauteur de l'image réactive */
position: relative;
bottom: -23px;
}
a.cdf:hover { /* définition de la classe "image" de la balise au survol */
height: 158px; /* hauteur de l'image réactive */
position: relative;
bottom: -26px;
}
a.cdf:hover span.explication {
position: absolute;
top: 166px; /* hauteur :hover + 3 (du position:relative) + 5) */
left: -28px; /* (100-largeur)/2 Pour centrer */
}
a.cdf:active , a.cdf:focus {
background-image: url('images/style_biblio/cdf.gif'); /* source de l'image de départ */
height: 139px; /* hauteur de l'image réactive */
position: relative;
bottom: -23px;
}
/* lien tourment flambotique */
a.tourment { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/tourment.gif'); /* source de l'image de départ */
width: 38px; /* largeur de l'image réactive */
height: 159px; /* hauteur de l'image réactive */
position: relative;
bottom: -3px;
}
a.tourment:hover { /* définition de la classe "image" de la balise au survol */
height: 181px; /* hauteur de l'image réactive */
margin-bottom: -20px;
position: relative;
bottom: -8px;
}
a.tourment:hover span.explication {
position: absolute;
top: 189px; /* hauteur :hover + 3 (du position:relative) + 5) */
left: -31px; /* (100-largeur)/2 Pour centrer */
}
a.tourment:active , a.tourment:focus {
background-image: url('images/style_biblio/tourment.gif'); /* source de l'image de départ */
height: 157px; /* hauteur de l'image réactive */
position: relative;
bottom: -5px;
}
/* lien recette de la mère abouard */
a.recette { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/recette.gif'); /* source de l'image de départ */
width: 55px; /* largeur de l'image réactive */
height: 124px; /* hauteur de l'image réactive */
position: relative;
bottom: -38px;
}
a.recette:hover { /* définition de la classe "image" de la balise au survol */
height: 146px; /* hauteur de l'image réactive */
position: relative;
bottom: -38px;
}
a.recette:hover span.explication {
position: absolute;
top: 154px; /* hauteur :hover + 3 (du position:relative) + 5) */
left: -22.5px; /* (100-largeur)/2 Pour centrer */
}
a.recette:active , a.recette:focus {
background-image: url('images/style_biblio/recette.gif'); /* source de l'image de départ */
height: 123px; /* hauteur de l'image réactive */
position: relative;
bottom: -38px;
}
/* lien petit_livre ( spécifique à tous les tit' livres) */
a.petit_livre { /* définition de la classe "image" de la balise */
width: 21px; /* largeur de l'image réactive */
height: 138px; /* hauteur de l'image réactive */
position: relative;
bottom: -24px;
}
a.petit_livre:hover { /* définition de la classe "image" de la balise au survol */
height: 156px; /* hauteur de l'image réactive */
margin-bottom: -20px;
position: relative;
bottom: -27px;
}
a.petit_livre:hover span.explication {
position: absolute;
top: 164px; /* hauteur :hover + 3 (du position:relative) + 5) */
left: -39.5px; /* (100-largeur)/2 Pour centrer */
}
a.petit_livre:active , a.petit_livre:focus {
height: 138px; /* hauteur de l'image réactive */
position: relative;
bottom: -24px;
}
/* lien verset */
a.verset { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/verset.gif'); /* source de l'image de départ */
}
a.verset:active , a.verset:focus {
background-image: url('images/style_biblio/verset.gif'); /* source de l'image de départ */
}
/* lien foulard */
a.foulard { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/foulard.gif'); /* source de l'image de départ */
}
a.foulard:active , a.foulard:focus {
background-image: url('images/style_biblio/foulard.gif'); /* source de l'image de départ */
}
/* lien site_web */
a.site_web { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/site_web.gif'); /* source de l'image de départ */
}
a.site_web:active , a.site_web:focus {
background-image: url('images/style_biblio/site_web.gif'); /* source de l'image de départ */
}
/* lien equipe_flbc */
a.equipe_flbc { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/equipe_flbc.gif'); /* source de l'image de départ */
}
a.equipe_flbc:active , a.equipe_flbc:focus {
background-image: url('images/style_biblio/equipe_flbc.gif'); /* source de l'image de départ */
}
/* lien livre_or */
a.livre_or { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/livre_or.gif'); /* source de l'image de départ */
}
a.livre_or:active , a.livre_or:focus {
background-image: url('images/style_biblio/livre_or.gif'); /* source de l'image de départ */
}
/* lien créer son doulard */
a.creer_foulard { /* définition de la classe "image" de la balise */
background-image: url('images/style_biblio/creer_foulard.gif'); /* source de l'image de départ */
width: 47px; /* largeur de l'image réactive */
height: 149px; /* hauteur de l'image réactive */
position: relative;
bottom: -21px;
}
a.creer_foulard:hover { /* définition de la classe "image" de la balise au survol */
height: 180px; /* hauteur de l'image réactive */
margin-bottom: -20px;
position: relative;
bottom: -8px;
}
a.creer_foulard:hover span.explication {
position: absolute;
top: 188px; /* hauteur :hover + 3 (du position:relative) + 5) */
left: -26.5px; /* (100-largeur)/2 Pour centrer */
}
a.creer_foulard:active , a.creer_foulard:focus {
background-image: url('images/style_biblio/creer_foulard.gif'); /* source de l'image de départ */
height: 145px; /* hauteur de l'image réactive */
position: relative;
bottom: -25px;
}
/* ------- Affiche de la page créer son foulard ------- */
#creer_foulard { /* Paramètre de l'anim flash du foulard */
width: 98%;
height: 550px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
/* ------- Fin création foulard ------- */
/* ---- Liste des sites web ---- */
div.site_bordure {
border-top: 1px solid black;
height: 90px;
margin-left: 50px;
margin-top: 15px;
padding-top: 3px;
}
/** --- Fin liste des sites web --- */
/* ----- liste des foular flbx ---- */
#foulard_affichage {
width:175px;
height:150px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
/* ---- cdf, pmf et tourment flambotique ---- */
#couverture {
width: 70%;
border: 1px solid black;
background-color:#663300;
padding: 2px;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
float: right;
}
#couverture div.cdfimg, #couverture div.petit_manuelimg , #couverture div.tourmentimg, #couverture div.recetteimg {
float: right;
}
#couverture h1 {
margin-top: 12px;
margin-left: 15px;
margin-bottom: 5px;
}
#couverture div.titre_article {
margin: 0px;
margin-bottom: 28px;
}
#couverture div.titre_article h1 {
text-align: right;
margin-top: 15px;
margin-left: 1px;
}
#couverture h1 span {
font-size: 0.7em;
line-height: 1em;
color: #B8860B;
}
#couverture h2 {
margin: 0 0 5px 20px;
font-size: 1.2em;
color: #735320;
}
#couverture ul li {
font-size: 1.1em;
margin-bottom: 0.5em;
}
#couverture ul li.menu {
margin-left: -7px;
margin-bottom: 0.2em;
list-style-image: url('images/style/opinel.gif');
}
#couverture fieldset {
width: 80%;
text-align: center;
}
#couverture legend {
color: #ffcc00;
font-size: 1.15em;
font-weight: bold;
}
div.page_gauche {
border: 1px solid black;
width: 44%;
height: 700px;
overflow: auto;
float: left;
margin: 0px;
background-color: #F2F2F2;
background-image: url('images/style_biblio/feuille_livre_gauche.png');
background-repeat: repeat-y;
background-position: top right;
}
div.page_droite {
border: 1px solid black;
width: 55%;
height: 700px;
overflow: auto;
float: left;
margin: 0px;
background-color: #F2F2F2;
background-image: url('images/style_biblio/feuille_livre_droite.png');
background-repeat: repeat-y;
background-position: top left;
}
/* ------- Fin du design spécial Biblio-Médiathèque ------- */
/* ------- Les pages d'administration ------- */
#administration {
width: 98%;
margin: auto;
}
#administration fieldset {
width: 70%;
padding: 15px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
#administration legend {
color: #ffcc00;
font-size: 1.2em;
font-weight: bold;
}
#administration label {
color: #D9AD00;
font-style: italic;
}
#administration table {
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
border: 2px solid black;
border-collapse: separate;
empty-cells: show;
}
#administration table caption{
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
text-align: center;
color: #FFD700;
font-size: 2em;
font-weight: bold;
}
#administration table tr, #administration table tr th, #administration table tr td {
border: 1px solid black;
empty-cells: show;
}
#administration table thead tr, #administration table tfoot tr{
background-color: #CCCC00;
text-align: center;
}
#administration table tr td.titre_sommaire_tableau {
padding-left: 20px;
text-align: left;
font-weight: bold;
font-size: 1.2em;
color: green;
}
#blocdroit div.milieu4 p.sousTitre {
margin: 0 50px 5px 0;
text-align: right;
color: #FFC200;
}
#verset, #statistique, #lien_utile, #newsExt {
width: 310px;
border: 0 none;
background: #008100 url(images/style/carre-bas.png) no-repeat center bottom;
margin: 10px 10px 10px 0;
padding: 0 0 30px 0;
}
#statistique h4.global {
width: 100%;
height: 55px;
line-height: 55px;
background: url(images/style/bgstat.gif) no-repeat top left;
}
#statistique div.bgstat {
width: 100%;
background: url(images/style/carre-haut.png) no-repeat center top;
margin: 0;
padding: 0;
}
#statistique ul, #lien_utile ul, #newsExt ul {
margin: 5px 20px 5px 20px;
}
#statistique ul li, #lien_utile ul li, #newsExt ul li {
margin-left: 0px !important;
margin-left: 25px;
}
#lien_utile h4, #newsExt h4{
width: 100%;
height: 55px;
line-height: 55px;
background: url(images/style/bgoutils.gif) no-repeat top left;
}
#lien_utile div.bgoutils, #newsExt div.bgnews {
width: 100%;
background: url(images/style/carre-haut.png) no-repeat center top;
margin: 0;
padding: 0;
}
#verset h4 {
width: 100%;
height: 55px;
line-height: 55px;
background: url(images/style/bgbible.gif) no-repeat top left;
}
#verset div.bgbible {
width: 100%;
background: url(images/style/carre-haut.png) no-repeat center top;
margin: 0;
padding: 0;
}
#verset p {
margin: 0 25px 5px 30px;
font-style: italic;
color: #663300;
text-align: left;
text-indent: 10px;
}
#verset p:first-letter {
font-style: italic;
color: #CC3300;
font-size: 1.4em;
}
#verset p span {
color: #663300;
text-align: right;
}
#lien_utile li.fluxRSS {
list-style-image: url(images/style/RSS.png);
}
#newsExt p {
width: 75%;
margin: 10px auto 20px auto;
text-align: center;
}