HTML {
HEIGHT: 100%
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff;
font-family: Arial, Helvetica,Geneva, Verdana, sans-serif;
font-size: 16px;
color:#690706;
}
h1
{
margin:0;padding:0;font-size:16px;
}
h2
{
margin:0;padding:0;font-size:16px;
}
h3
{
margin:0;padding:0;font-size:12px;font-weight:normal;
}
h3 strong
{
font-weight:normal;font-size:12px;
}
h3 a
{
font-weight:normal;font-size:12px;
}
strong
{
font-weight:normal;
}
strong a
{
color:#690706;text-decoration:none;font-weight:normal;
}
.rouge{
font-family: Arial, Helvetica,Geneva, Verdana, sans-serif;
font-size: 16px;
color:#BB0000;
}
A { color:#311C50;font-weight: bold; text-decoration:none;font-family: Arial, Helvetica,Geneva, Verdana, sans-serif; font-size: 16px; color:#364600}
A.:hover { color:#516617;font-weight: bold; text-decoration:underline;font-family: Arial, Helvetica,Geneva, Verdana, sans-serif; font-size: 16px; }
#blockStage {
WIDTH: 100%; HEIGHT: 100%
}
#blocage_contener {
VERTICAL-ALIGN: middle; WIDTH: 920px; HEIGHT: 100%; TEXT-ALIGN: left
}
#table_contener {
WIDTH: 920px; HEIGHT: 600px
}
#contener {
WIDTH: 920px; HEIGHT: 600px;
background-image: url(medias/fond_30.jpg); layer-background-image: url(medias/fond_30.jpg)
}
#logo {
position:absolute;margin-top:25px; margin-left:30px;WIDTH: 190px; HEIGHT: 46px;z-index:45
}
#menu_accueil {
position:absolute;margin-top:170px; margin-left:00px;WIDTH: 920px; HEIGHT: 38px;z-index:1
}
#contenu_accueil{
position:absolute;margin-top:0px; margin-left:00px;WIDTH: 920px; HEIGHT: 600px;
}
#menu_pages {
position:absolute;margin-top:104px; margin-left:00px;WIDTH: 920px; HEIGHT: 38px;z-index:2
}
#contenu_pages {
position:absolute;margin-top:0px; margin-left:00px;WIDTH: 920px; HEIGHT: 600px;z-index:1;
}
#feuille1 {position:absolute;margin-top:105px; margin-left:855px;z-index:3;width:35px;height:21px;
background-image: url(medias/feuille1.jpg); layer-background-image: url(medias/feuille1.jpg)}
#feuille2 {position:absolute;margin-top:145px; margin-left:868px;z-index:3;width:37px;height:29px;
background-image: url(medias/feuille2.jpg); layer-background-image: url(medias/feuille2.jpg)}
#papillon1 {position:absolute;margin-top:71px; margin-left:95px;z-index:20;width:35px;height:38px;
background-image: url(medias/barre_menu/pap1.jpg); layer-background-image: url(medias/barre_menu/pap1.jpg) }
#papillon2 {position:absolute;margin-top:71px; margin-left:250px;z-index:20;width:35px;height:38px;
background-image: url(medias/barre_menu/pap2.jpg); layer-background-image: url(medias/barre_menu/pap2.jpg) }
#papillon3 {position:absolute;margin-top:71px; margin-left:405px;z-index:20;width:35px;height:38px;
background-image: url(medias/barre_menu/pap3.jpg); layer-background-image: url(medias/barre_menu/pap3.jpg) }
#papillon4 {position:absolute;margin-top:71px; margin-left:545px;z-index:20;width:35px;height:38px;
background-image: url(medias/barre_menu/pap4.jpg); layer-background-image: url(medias/barre_menu/pap4.jpg) }
#papillon5 {position:absolute;margin-top:71px; margin-left:610px;z-index:20;width:35px;height:38px;
background-image: url(medias/barre_menu/pap5.jpg); layer-background-image: url(medias/barre_menu/pap5.jpg) }
#papillon6 {position:absolute;margin-top:71px; margin-left:665px;z-index:20;width:35px;height:38px;
background-image: url(medias/barre_menu/pap6.jpg); layer-background-image: url(medias/barre_menu/pap6.jpg) }
#papillon7 {position:absolute;margin-top:71px; margin-left:740px;z-index:20;width:35px;height:38px;
background-image: url(medias/barre_menu/pap7.jpg); layer-background-image: url(medias/barre_menu/pap7.jpg) }
#papillon8 {position:absolute;margin-top:71px; margin-left:825px;z-index:20;width:35px;height:38px;
background-image: url(medias/barre_menu/pap8.jpg); layer-background-image: url(medias/barre_menu/pap8.jpg) }
#papillon9 {position:absolute;margin-top:71px; margin-left:875px;z-index:20;width:35px;height:38px;
background-image: url(medias/barre_menu/pap9.jpg); layer-background-image: url(medias/barre_menu/pap9.jpg) }
#titreindex {position:absolute;margin-top:60px; margin-left:50px;z-index:1;width:685px;height:100px;
background-image: url(medias/titre_index.jpg); layer-background-image: url(medias/titre_index.jpg)}
#titre1 {position:absolute;margin-top:35px; margin-left:253px;z-index:1;width:494px;height:57px;
background-image: url(medias/titre1.jpg); layer-background-image: url(medias/titre1.jpg)}
#titre2 {position:absolute;margin-top:45px; margin-left:330px;z-index:1;width:261px;height:33px;
background-image: url(medias/titre2.jpg); layer-background-image: url(medias/titre2.jpg)}
#titre3 {position:absolute;margin-top:40px; margin-left:259px;z-index:1;width:551px;height:33px;
background-image: url(medias/titre3.jpg); layer-background-image: url(medias/titre3.jpg)}
#titre4 {position:absolute;margin-top:45px; margin-left:390px;z-index:1;width:139px;height:29px;
background-image: url(medias/titre4.jpg); layer-background-image: url(medias/titre4.jpg)}
#titre5 {position:absolute;margin-top:45px; margin-left:410px;z-index:1;width:101px;height:28px;
background-image: url(medias/titre5.jpg); layer-background-image: url(medias/titre5.jpg)}
#titre6 {position:absolute;margin-top:45px; margin-left:420px;z-index:1;width:76px;height:27px;
background-image: url(medias/titre6.jpg); layer-background-image: url(medias/titre6.jpg)}
#titre7 {position:absolute;margin-top:45px; margin-left:350px;z-index:1;width:217px;height:35px;
background-image: url(medias/titre7.jpg); layer-background-image: url(medias/titre7.jpg)}
#titre8 {position:absolute;margin-top:45px; margin-left:410px;z-index:1;width:100px;height:27px;
background-image: url(medias/titre8.jpg); layer-background-image: url(medias/titre8.jpg)}
#titre9 {position:absolute;margin-top:45px; margin-left:425px;z-index:1;width:69px;height:25px;
background-image: url(medias/titre9.jpg); layer-background-image: url(medias/titre9.jpg)}
#bt1 {position:absolute;margin-top:0px; margin-left:00px;}
#bt2 {position:absolute;margin-top:0px; margin-left:205px;}
#bt3 {position:absolute;margin-top:0px; margin-left:335px;}
#bt4 {position:absolute;margin-top:0px; margin-left:525px;}
#bt5 {position:absolute;margin-top:0px; margin-left:600px;}
#bt6 {position:absolute;margin-top:0px; margin-left:665px;}
#bt7 {position:absolute;margin-top:0px; margin-left:707px;}
#bt8 {position:absolute;margin-top:0px; margin-left:815px;}
#bt9 {position:absolute;margin-top:0px; margin-left:875px;}
#ombre_1 {position:absolute;margin-top:30px; margin-left:0px;width:920px;height:7px;
background-image: url(medias/barre_menu/ombre_menu_1.jpg); layer-background-image: url(medias/barre_menu/ombre_menu_1.jpg)}
#ombre_2 {position:absolute;margin-top:30px; margin-left:0px;width:920px;height:8px;
background-image: url(medias/barre_menu/ombre_menu_2.jpg); layer-background-image: url(medias/barre_menu/ombre_menu_2.jpg)}
#fourmie_1 {position:absolute;margin-top:540px; margin-left:427px;width:35px;height:35px;z-index:10;
background-image: url(medias/fourmie_1.jpg); layer-background-image: url(medias/fourmie_1.jpg)}
/*page index*****************************************************/
#texte_index {position:absolute;margin-top:240px; margin-left:55px;z-index:5;
}
#texte2_index {position:absolute;margin-top:470px; margin-left:315px;z-index:5;
}
#image_index {position:absolute;margin-top:380px; margin-left:150px;z-index:4;width:288px;height:116px;
background-image: url(medias/img_index.jpg); layer-background-image: url(medias/img_index.jpg) ;
}
#image2_index {position:absolute;margin-top:475px; margin-left:800px;z-index:4;width:34px;height:34px;
background-image: url(medias/img2_index.jpg); layer-background-image: url(medias/img2_index.jpg) ;
}
/*quelques raisons*****************************************************/
#texte_p1 {position:absolute;margin-top:175px; margin-left:55px;z-index:5; width:545px;text-align: justify;
}
#image_p1 {position:absolute;margin-top:174px; margin-left:591px;z-index:4;width:329px;height:345px;
background-image: url(medias/img_p1.jpg); layer-background-image: url(medias/img_p1.jpg) ;
}
/*ma proffession de foi*****************************************************/
#texte_p2 {position:absolute;margin-top:175px; margin-left:180px;z-index:5; width:580px;text-align: justify;
}
#image_p2 {position:absolute;margin-top:450px; margin-left:600px;z-index:4;width:185px;height:31px;
}
/*comment travaillons nous*****************************************************/
#texte_p3 {position:absolute;margin-top:175px; margin-left:75px;z-index:5; width:780px;text-align: justify;
}
#texte2_p3 {position:absolute;margin-top:463px; margin-left:695px;z-index:5;
}
#image_p3 {position:absolute;margin-top:459px; margin-left:670px;z-index:4;width:26px;height:26px;
background-image: url(medias/comment.jpg); layer-background-image: url(medias/combien.jpg) ;
}
/*votre livre*****************************************************/
#texte_p4 {position:absolute;margin-top:175px; margin-left:75px;z-index:5; width:780px;text-align: justify;
}
#texte2_p4 {position:absolute;margin-top:400px; margin-left:703px;z-index:5;
}
#image_p4 {position:absolute;margin-top:393px; margin-left:0px;z-index:4;width:920px;height:207px;
background-image: url(medias/img_p4.jpg); layer-background-image: url(medias/img_p4.jpg) ;
}
/*extraits*****************************************************/
#texte_p5 {position:absolute;margin-top:210px; margin-left:55px;z-index:5; width:385px;text-align: justify;
}
#texte2_p5 {position:absolute;margin-top:210px; margin-left:480px;z-index:5; width:385px;text-align: justify;
}
#texte3_p5 {position:absolute;margin-top:155px; margin-left:0px;z-index:5; width:920px;text-align: center;
}
#image_p5 {position:absolute;margin-top:408px; margin-left:214px;z-index:4;width:179px;height:150px;
}
#image2_p5 {position:absolute;margin-top:408px; margin-left:634px;z-index:4;width:186px;height:146px;
}
/*tarifs*****************************************************/
#texte_p6 {position:absolute;margin-top:155px; margin-left:55px;z-index:6; width:385px;text-align: justify;
}
#texte2_p6 {position:absolute;margin-top:155px; margin-left:480px;z-index:6; width:405px;text-align: justify;
}
#texte3_p6 {position:absolute;margin-top:484px; margin-left:218px;z-index:60; width:500px;text-align: justify;
}
#image_p6 {position:absolute;margin-top:401px; margin-left:857px;z-index:4;width:29px;height:29px;
background-image: url(medias/img_p6.jpg); layer-background-image: url(medias/img_p6.jpg) ;
}
/*biographe*****************************************************/
#texte_p7 {position:absolute;margin-top:230px; margin-left:400px;z-index:6; width:470px;text-align: justify;
}
#texte2_p7 {position:absolute;margin-top:180px; margin-left:295px;z-index:6;
}
#image_p7 {position:absolute;margin-top:214px; margin-left:21px;z-index:4;width:364px;height:248px;
background-image: url(medias/img_p7.jpg); layer-background-image: url(medias/img_p7.jpg) ;
}
#image2_p7 {position:absolute;margin-top:483px; margin-left:799px;z-index:4;width:25px;height:25px;
background-image: url(medias/c7.jpg); layer-background-image: url(medias/c7.jpg) ;
}
/*contact*****************************************************/
#texte_p8 {position:absolute;margin-top:160px; margin-left:55px;z-index:6; width:443px;text-align: justify;
}
#image_p8 {position:absolute;margin-top:223px; margin-left:240px;z-index:4;width:443px;height:318px;
background-image: url(medias/img_p8.jpg); layer-background-image: url(medias/img_p8.jpg) ;
}
#contact {position:absolute;margin-top:455px; margin-left:450px;z-index:41;width:90px;height:25px;
}
/*liens*****************************************************/
#texte_p9 {position:absolute;margin-top:36px; margin-left:55px;z-index:11; width:765px;text-align: justify;
}
#deroulant {position:absolute;margin-top:134px; margin-left:0px;z-index:11; width:920px;overflow:auto; height:466px
}
/*extraits*****************************************************/
BODY.extrait {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%;
background-image: url(medias/fond_30_clair.jpg); layer-background-image: url(medias/fond_30_clair.jpg);
background-attachment: fixed;
font-family: Arial, Helvetica,Geneva, Verdana, sans-serif;
font-size: 16px;
color:#690706;
background-repeat: no-repeat;
}
#texte_extrait{position:absolute;margin-top:20px; margin-left:20px;z-index:11; width:440px;text-align: justify;
}