/*--------------------------------------------------*/
/*---  Feuille de style site Nicole Voihles ----*/
/*--------------------------------------------------*/

body {
background-image: url(img/welcome/fond.jpg);
background-color: #ffebce;
scrollbar-face-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-arrow-color: #000 ;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #ffebce;
scrollbar-highlight-color: #000;
scrollbar-shadow-color: #fff;
scrollbar-track-color: #ffebce;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center; /* pour corriger le bug de centrage IE */

}
.copyright {
font-style: normal;
/*color: #339;*/
letter-spacing: 0.2em;
font-size: 9px;
border: none;
/*background-color: #fff;*/
margin: 0px;
z-index: 1000;
}
.textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: 600;
color: #333399;
background-color: #ccc;
border: 1px double #339;
text-indent: 2pt;
margin: 4px;
padding: 0px;
}
a img {
border:0;
}
a {
text-decoration: none;
color: #545254;
font-weight: bold;
}
a:hover {
text-decoration: none;
color: #429D35;
}
a:active {
text-decoration: none;
color: #429D35;
}
ul {
margin : 5px 0;
padding: 50px 0;
list-style-type:disc;
}
li {
list-style-type:disc;
line-height: 15px;
/*padding-left: 3px*/
}
/**/
li a {
text-decoration: none;
color: #545254;
font-weight: bold;
}
li a:hover {
text-decoration: none;
color: #C67A6A;
}
li a:active {
text-decoration: none;
color: #C67A6A;
}
/**/
.imgBordure{
border: 1px solid #000;
}
.centrer{
text-align: center;
}
.retraitTexte{
margin-left: 20px;
}
.retraitTexte2{
margin-left: 100px;
}
.supRetraitTexte{
text-indent: 0px;
font-size: 14px;
}
h5{
text-align: center;
font-size: 14px;
}
h6{
text-align: center;
font-size: 14px;
color: #545254;
}
/*---DIV  ----*/
#contenant {
position: relative;
width: 950px;
height: 600px;
margin-left: auto;
margin-right: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
}
#livres {
position: absolute;
top: 30px;
left: 11px;
width: 356px;
height: 562px;
}
#titre{
position: absolute;
top: 14px;
left: 4px;
width: 343px;
height: 61px;
z-index: 3;
}
#fondTexte{
position: absolute;
background-image: url(img/interieur/fond_texte.jpg);
top: 98px;
left: 60px;
width: 618px;
height: 454px;
z-index: 2;
}
#navfond{
position: absolute;
background-image: url(img/interieur/fond_navigation.jpg);
top: 124px;
left: 0px;
width: 317px;
height: 374px;
z-index: 4;
}
#texteTitre{
position: absolute;
text-align: center;
top: 36px;
left: 339px;
width: 573px;
height: 59px;
z-index: 11;
}
#texteTitre2{
position: absolute;
text-align: center;
top: 36px;
left: 339px;
width: 453px;
height: 59px;
/*background: #ff0;*/
z-index: 11;
}
#texte{
position: absolute;
padding: 0px 10px 0px 10px;
text-align: justify;
top: 103px;
left: 198px;
width: 439px;
height: 256px;
z-index: 10;
}
#texte2{
position: absolute;
padding: 0px 10px 0px 5px;
text-align: justify;
text-indent: 15px;
top: 116px;
left: 338px;
width: 559px;
height: 432px;
z-index: 10;
}
#livreRose{
position: absolute;
top: 90px;
left: 661px;
width: 223px;
height: 286px;
z-index: 9;
}
#livreCommande{
position: absolute;
top: 40px;
left: 670px;
width: 174px;
height: 550px;
/*border:1px solid;*/
z-index: 90;
}
#livreBrouage{
position: absolute;
top: 100px;
left: 661px;
width: 222px;
height: 300px;
z-index: 9;
}
#livreNav{
position: absolute;
top: 142px;
left: 119px;
width: 199px;
height: 270px;
z-index: 9;
}
#navLivre{
position: absolute;
top: 174px;
left: 359px;
width: 125px;
height: 72px;
z-index: 5;
}
#navRencontre{
position: absolute;
top: 402px;
left: 680px;
width: 178px;
/*height: 70px;*/
/*border:1px solid #f00;*/
padding-bottom: 5px;
z-index: 5;
}
.frame {
width: auto;
overflow:auto; /* cette propriété va permettre le scroll de ce bloc */
}
.texteGras{
font-weight: bold;
}
.texteGras a{
font-weight: bold;
border-bottom: 2px #000 dashed;
}
.texteGras a:hover{
font-weight: bold;
border-bottom: 2px #000 solid;
}
.texteGrasRouge a{
color:#d3371d;
font-weight: bold;
border-bottom: 2px #d3371d dashed;
}
.texteGrasRouge a:hover{
color:#d3371d;
font-weight: bold;
border-bottom: 2px #d3371d solid;
}
.texteGrasRouge2 a{
color:#f00;
font-weight: bold;
border-bottom: 2px #f00 dashed;
}
.texteGrasRouge2 a:hover{
color:#f00;
font-weight: bold;
border-bottom: 2px #f00 solid;
}
.texteGrasBleu a{
color:#184384;
font-weight: bold;
border-bottom: 2px #184384 dashed;
}
.texteGrasBleu a:hover{
color:#184384;
font-weight: bold;
border-bottom: 2px #184384 solid;
}
.texteGrasBleu2 a{
color:#36f;
font-weight: bold;
border-bottom: 2px #36f dashed;
}
.texteGrasBleu2 a:hover{
color:#36f;
font-weight: bold;
border-bottom: 2px #36f solid;
}
.texteGrasVert a{
color:#360;
font-weight: bold;
border-bottom: 2px #336600 dashed;
}
.texteGrasVert a:hover{
color:#360;
font-weight: bold;
border-bottom: 2px #360 solid;
}
.texteGrasVert2 a{
color:#0c0;
font-weight: bold;
border-bottom: 2px #336600 dashed;
}
.texteGrasVert2 a:hover{
color:#0c0;
font-weight: bold;
border-bottom: 2px #360 solid;
}
.texteGrasMarron a{
color:#6b4a10;
font-weight: bold;
border-bottom: 2px #6b4a10 dashed;
}
.texteGrasMarron a:hover{
color:#6b4a10;
font-weight: bold;
border-bottom: 2px #6b4a10 solid;
}
.texteGrasDore a{
color:#b08714;
font-weight: bold;
border-bottom: 2px #b08714 dashed;
}
.texteGrasDore a:hover{
color:#b08714;
font-weight: bold;
border-bottom: 2px #b08714 solid;
}
.texteItalique{
font-style: italic;
padding-left: 30px;
}
.texteItaliqueVers{
text-indent: 0px;
font-style: italic;
padding-left: 30px;
}
.liNoir {
margin: 0px 0px 0px 20px;
padding: 2px;
list-style-type: disc;
}
.liBleu {
color: #184384;
margin: 0px 0px 0px 20px;
padding: 2px;
list-style-type: disc;
}
.liDore {
color: #b08714;
margin: 0px 0px 0px 20px;
padding: 2px;
list-style-type: disc;
}
.TexteBleuCentrerGras{
text-align: center;
color: #184384;
font-weight: bold;
}
.TexteDoreCentrerGras{
text-align: center;
color: #b08714;
font-weight: bold;
}
.texteBleu {
color: #184384;
}
.texteGrasBleu{
color: #184384;
font-weight: bold;
}
.texteItaliqueBleu{
color: #184384;
font-style: italic;
padding-left: 30px;
}
.TexteBleuCentrerGras2{
text-align: center;
color: #36f;
font-weight: bold;
}
.texteBleu2 {
color: #36f;
}
.texteGrasBleu2{
color: #36f;
font-weight: bold;
}
.texteItaliqueBleu2{
color: #36f;
font-style: italic;
padding-left: 30px;
}
.texteVert {
color: #360;
}
.texteGrasVert {
color: #360;
font-weight: bold;
}
.texteVert2 {
color: #0c0;
}
.texteGrasVert2 {
color: #0c0;
font-weight: bold;
}
.texteRouge {
color: #d3371d;
}
.texteGrasRouge{
color: #d3371d;
font-weight: bold;
}
.texteRouge2 {
color: #f00;
}
.texteGrasRouge2{
color: #f00;
font-weight: bold;
}
.texteMarron {
color: #6b4a10;
}
.texteGrasMarron{
color: #6b4a10;
font-weight: bold;
}
.texteDore {
color: #b08714;
}
.texteGrasDore{
color: #b08714;
font-weight: bold;
}
.textegrasmarron2 a{
color:#432d18;
font-weight: bold;
border-bottom: 2px #432d18 dashed;
}
.textegrasmarron2 a:hover{
color:#432d18;
font-weight: bold;
border-bottom: 2px #432d18 solid;
}
.textemarron2{
color: #432d18;
}
.textegrasmarron2{
color: #432d18;
font-weight: bold;
}
.texteviol a{
color:#9139b9;
font-weight: bold;
border-bottom: 2px #b08714 dashed;
}
.texteviol a:hover{
color:#9139b9;
font-weight: bold;
border-bottom: 2px #b08714 solid;
}
.texteviol {
color: #9139b9;
}
.textegrasviol{
color: #9139b9;
font-weight: bold;
}
/*---  Menu  ----*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 178px;
left: 48px;
width: 245px;
/*height: 331px;*/
z-index: 12;
}

#menu dt {
cursor: pointer;
height: 20px;
/*line-height: 20px;*/
margin: 21px 0;
font-weight: bold;
}

#menu dd {
position: absolute;
left: 83px;
width: 242px;
background: #D6CBB5;
border: 1px solid gray;
top: 70px;
}

#menu ul {
padding: 2px;
}
#menu li {
font-size: 95%;
font-weight: bold;
/*height: 18px;*/
/*line-height: 15px;*/
padding-left: 3px;
text-align:left;}
#menu li a {
/*text-decoration: none;
color: #545254;*/
display: block;
}
#menu dt a {
border: 0 none;
/*text-decoration: none;
color: #545254;*/
display: block;
}/*
#menu dt a:active {
color:#429D35;
}
#menu dt a:hover {
color: #429D35;
}
#menu li a:active {
color: #C67A6A;
}
#menu li a:hover {
color: #C67A6A;
}*/
.menu_bleu a{
color:#184384;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_bleu a:hover{
color:#184384;
font-weight: bold;
text-decoration:underline;
}
.menu_vert a{
color:#360;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_vert a:hover{
color:#360;
font-weight: bold;
text-decoration:underline;
}
.menu_rouge a{
color:#d3371d;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_rouge a:hover{
color:#d3371d;
font-weight: bold;
text-decoration:underline;
}
.menu_marron a{
color:#6b4a10;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_marron a:hover{
color:#6b4a10;
font-weight: bold;
text-decoration:underline;
}
.menu_dore a{
color:#b08714;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_dore a:hover{
color:#b08714;
font-weight: bold;
text-decoration:underline;
}
.menu_bleu2 a{
color:#36f;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_bleu2 a:hover{
color:#36f;
font-weight: bold;
text-decoration:underline;
}
.menu_marron2 a{
color:#432d18;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_marron2 a:hover{
color:#432d18;
font-weight: bold;
text-decoration:underline;
}

/*border-bottom: 2px #36f solid;*/
#DivVideo{
position: absolute;
left: 253px;
width: 230px;
margin-left:-115px;
top: 0px;
}
#DivMedia{
position: absolute;
left: -40px;
width: 450px;
top: 40px;
}
#DivMediaTexte{
position: absolute;
left: 40px;
width: 500px;
top: 340px;
}
#DivLireVideoTexte{
position: absolute;
left: 110px;
width: 350px;
top: 15px;
vertical-align:middle;
}

#DivVideoImg{
position: absolute;
left: 174px;
top: 170px;
width: 116px;
height:50px;
}
#messagerie{
position: absolute;
border: 1px solid #000;
top: 220px;
left: 180px;
width: 145px;
height: 105px;
padding:3px 3px 2px 2px;
z-index: 9;
}
#messagerie p{
margin:0 0 5px 0;
}
#messagerie ul{
/*margin-top: -20px;*/
margin-left:10px;
}
.moins{
font-size:90%}
.fluxgauche {
float : left; margin: 0px 10px 10px 0 ; 
}
.fluxdroite {
float : right ; margin: 5px 0 10px 10px ; 
}
.spacer {
clear: both;
}
#pop{
position:absolute;
cursor:move;
left:3px;
top:3px;
display:none;
z-index:200;
background-color:#fff;
border:3px outset #0465F1;
}
#tet{
font:12px/18px "Comic Sans MS", "Times New Roman", Times, serif;
color:#fff;
background-color:#0465F1;
padding:0 20px 0 .5em;
white-space:nowrap;
text-align:left;
}
#croix{
position:absolute;
margin:0;
border:0;
right:1px;
top:1px;
padding:0;
height:16px;
width:15px;
background: #0465F1 url(/img/croix.gif) no-repeat;
cursor:pointer;
}
#msg{
position:absolute;
font-size:1.5em;
z-index:500;
color:#f00;
background:#fff;
padding:5px;
display:none
}
.fluxgauche {
float : left; margin: 0px 10px 10px 0 ; 
}
.fluxdroite {
float : right ; margin: 5px 0 10px 10px ; 
}
.marie-du-vert-pays {color: #4a8a00;}
.marie-du-vert-paysg{color: #4a8a00; font-weight: bold;}
.marie-du-vert-pays a{
color:#4a8a00;
font-weight: bold;
border-bottom: 2px #4a8a00 dashed;
}
.marie-du-vert-pays a:hover{
color:#4a8a00;
font-weight: bold;
border-bottom: 2px #4a8a00 solid;
}
.menu_marie-du-vert-pays a{
color:#4a8a00;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_marie-du-vert-pays a:hover{
color:#4a8a00;
font-weight: bold;
text-decoration:underline;
}
/**/
.la-mouche-et-le-masque-de-fer {color: #848081;}
.la-mouche-et-le-masque-de-ferg{color: #848081; font-weight: bold;}
.la-mouche-et-le-masque-de-fer a{
color:#848081;
font-weight: bold;
border-bottom: 2px #848081 dashed;
}
.la-mouche-et-le-masque-de-fer a:hover{
color:#848081;
font-weight: bold;
border-bottom: 2px #848081 solid;
}
.menu_la-mouche-et-le-masque-de-fer a{
color:#848081;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_la-mouche-et-le-masque-de-fer a:hover{
color:#848081;
font-weight: bold;
text-decoration:underline;
}
/**/
.La_double_vie_de_la_mouche {color: #3E8FAC;}
.La_double_vie_de_la_moucheg{color: #3E8FAC; font-weight: bold;}
.La_double_vie_de_la_mouche a{
color:#3E8FAC;
font-weight: bold;
border-bottom: 2px #3E8FAC dashed;
}
.La_double_vie_de_la_mouche a:hover{
color:#3E8FAC;
font-weight: bold;
border-bottom: 2px #3E8FAC solid;
}
.menu_La_double_vie_de_la_mouche a{
color:#3E8FAC;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_La_double_vie_de_la_mouche a:hover{
color:#3E8FAC;
font-weight: bold;
text-decoration:underline;
}
/**/
.Des_mouches_sur_Cartouche {color: #AF662F;}
.Des_mouches_sur_Cartoucheg{color: #AF662F; font-weight: bold;}
.Des_mouches_sur_Cartouche a{
color:#AF662F;
font-weight: bold;
border-bottom: 2px #AF662F dashed;
}
.Des_mouches_sur_Cartouche a:hover{
color:#AF662F;
font-weight: bold;
border-bottom: 2px #AF662F solid;
}
.menu_Des_mouches_sur_Cartouche a{
color:#AF662F;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_Des_mouches_sur_Cartouche a:hover{
color:#AF662F;
font-weight: bold;
text-decoration:underline;
}
/**/
/**/
.Aha-Men-Ptah {color: #005CBC;}
.Aha-Men-Ptahg{color: #005CBC; font-weight: bold;}
.Aha-Men-Ptah a{
color:#005CBC;
font-weight: bold;
border-bottom: 2px #005CBC dashed;
}
.Aha-Men-Ptah a:hover{
color:#005CBC;
font-weight: bold;
border-bottom: 2px #005CBC solid;
}
.menu_Aha-Men-Ptah a{
color:#005CBC;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_Aha-Men-Ptah a:hover{
color:#005CBC;
font-weight: bold;
text-decoration:underline;
}
/**/
.Moutnedjemet {color: #930;}
.Moutnedjemetg{color: #930; font-weight: bold;}
.Moutnedjemet a{
color:#930;
font-weight: bold;
border-bottom: 2px #930 dashed;
}
.Moutnedjemet a:hover{
color:#930;
font-weight: bold;
border-bottom: 2px #930 solid;
}
.menu_Moutnedjemet a{
color:#930;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_Moutnedjemet a:hover{
color:#930;
font-weight: bold;
text-decoration:underline;
}
/*Fatum*/
.Fatum {color: #283886;}
.Fatumg{color: #283886; font-weight: bold;}
.Fatum a{
color:#283886;
font-weight: bold;
border-bottom: 2px #283886 dashed;
}
.Fatum a:hover{
color:#283886;
font-weight: bold;
border-bottom: 2px #283886 solid;
}
.menu_Fatum a{
color:#283886;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_Fatum a:hover{
color:#283886;
font-weight: bold;
text-decoration:underline;
}
/**/
/*De_la_croix_au_croissant*/
.De_la_croix_au_croissant {color: #515941;}
.De_la_croix_au_croissantg{color: #515941; font-weight: bold;}
.De_la_croix_au_croissant a{
color:#515941;
font-weight: bold;
border-bottom: 2px #515941 dashed;
}
.De_la_croix_au_croissant a:hover{
color:#515941;
font-weight: bold;
border-bottom: 2px #515941 solid;
}
.menu_De_la_croix_au_croissant a{
color:#515941;
font-weight: bold;
/*border-bottom: 2px #36f dashed;*/
}
.menu_De_la_croix_au_croissant a:hover{
color:#515941;
font-weight: bold;
text-decoration:underline;
}
/**/