/* Design du Site de Antiphonaire : www.reliure-restauration.com */
body
{ width:999px;
background-color: #000000; /* Le fond de la page sera noir */
color: white; /* Le texte de la page sera blanc */
margin: 0 auto;
}
table
{
border-collapse: collapse; /* Les bordures du tableau seront collées*/
}
td /* Toutes les cellules des tableaux... */
{
border: 0px;
}
.gauche
{
width : 100%; height:auto;/*largueur de la celulle de gauche*/
margin: 0;
background: url("imagedesign/designgauche.jpg") repeat-y left top;
}
.droit
{
width : auto; height:auto; /*largueur de la celulle de droite*/
margin:0;
background: url("imagedesign/designdroit.jpg") repeat-y right top;
}
.droit .corps
{
width:80%;
margin:auto;
}
/* Design Introduction */
.droit .corps .introimagegauche
{
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 30px;
float:left;
}
.droit .corps .introimagedroit
{
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 0px;
float:right;
}
.texteintro
{
font-family: Papyrus,"Viner Hand ITC","Trebuchet MS","comic Sans MS",serif;
font-size: 1.2em;
font-weight: bold;
text-align: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 140px;
}
/* Design Sommaire */
.droit .corps .sommaireimagegauche
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 100px;
float: left;
}
.droit .corps .sommaireimagedroit
{
margin-top: 0px;
margin-right: 100px;
margin-bottom: 0px;
margin-left: 0px;
float: right;
}
/* Design Différents types de composition */
.compositiongauche
{
margin-top: 0px;
margin-right: 100px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
.compositioncentre
{
margin-top: 0px;
margin-right: 100px;
margin-bottom: 0px;
margin-left: 0px;
float: center;
}
.compositiondroit
{
margin-top: 0px;
margin-right: 100px;
margin-bottom: 0px;
margin-left: 0px;
float: right;
}
/* Design corps */
.droit .corps p
{
width:85%;
margin:20px auto;
}
.droit .corps .intro
{
width:85%;
margin:20px auto;
}
.droit .corps .imagelivre
{
background: url("images/livre/Carte1.JPG") no-repeat top right;
}
.droit .corps hr
{
width:90%;
margin:20px auto;
}
.droit .corps li
{
padding-left:0px;
margin: auto 0;
}
.droit .corps li span
{
margin-left: -7px;
}
.droit .corps ul
{
padding:0px;
margin: auto auto 50px 80px;
width:120px;
list-style: inside;
}
.droit .corps .imageflottante
{
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 50px;
height: auto;
}
.droit .corps .imageflottante .description
{
height:134px;
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
font-weight: normal;
text-align: left;
width: 500px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 200px;
}
/* Design decore de la page de Antiphonaire : www.reliure-restauration.com */
.haut
{
width : 800px; /*largueur de la celulle de haut*/
height : 177px;
margin: auto;
}
.haut ul
{
width:800px;
height:74px;
margin:0 ;
padding:0;
list-style:none;
}
.haut li
{
margin:0;
padding:0;
float:left;
}
.bas
{
width : 800px; /*largueur de la celulle de bas*/
height : 33px;
background : url("imagedesign/designbas.jpg") no-repeat;
margin: 0 auto;
}
.baspage
{
width:800px;
height:36px;
margin:0 auto;
text-align : center;
list-style:none;
padding:0;
}
.baspage li
{
margin:0;
padding:0;
float:left;
}
.hautentete
{
width : 800px;
margin:0;
height : 101px;
background : url("imagedesign/hautentete.jpg") no-repeat;
}
.livre
{
width : 260px;
height : 74px;
margin: 0 auto;
background : url("imagedesign/DLivreG.jpg") no-repeat;
}
/* Design des BOUTONS de Antiphonaire : www.reliure-restauration.com */
a.lelivre
{ /* définition de la classe "image" de la balise */
display: block; /* la balise a doit être en bloc */
width: 135px; /* largeur de l'image réactive */
height: 74px; /* hauteur de l'image réactive */
background : url(imagedesign/DLivre.jpg) no-repeat; /* source de l'image de départ */
}
a.lelivre:hover
{ /* définition de la classe "image" de la balise au survol */
background-image: url(imagedesign/DLivre2.jpg); /* source de l'image d'arrivée */
}
a.reliure
{
display: block;
width: 135px;
height: 74px;
background-image: url(imagedesign/DReliure.jpg);
background-repeat: no-repeat;
}
a.reliure:hover
{
background-image: url(imagedesign/DReliure2.jpg);
}
a.restauration
{
display: block;
width: 135px;
height: 74px;
background-image: url(imagedesign/DRestauration.jpg);
background-repeat: no-repeat;
}
a.restauration:hover
{
background-image: url(imagedesign/DRestauration2.jpg);
}
a.contacts
{
display: block;
width: 135px;
height: 74px;
background-image: url(imagedesign/DContacts.jpg);
background-repeat: no-repeat;
}
a.contacts:hover
{
background-image: url(imagedesign/DContacts2.jpg);
}
/* Design des BOUTONS PIED DE PAGE de Antiphonaire : www.reliure-restauration.com */
a.lelivre2
{
display: block;
width: 200px;
height: 36px;
background-image: url(imagedesign/LeLivre1.jpg);
background-repeat: no-repeat;
}
a.lelivre2:hover
{
background-image: url(imagedesign/LeLivre2.jpg);
}
a.reliure2
{
display: block;
width: 200px;
height: 36px;
background-image: url(imagedesign/Reliures1.jpg);
background-repeat: no-repeat;
}
a.reliure2:hover
{
background-image: url(imagedesign/Reliures2.jpg);
}
a.restauration2
{
display: block;
width: 200px;
height: 36px;
background-image: url(imagedesign/Restauration1.jpg);
background-repeat: no-repeat;
}
a.restauration2:hover
{
background-image: url(imagedesign/Restauration2.jpg);
}
a.contacts2
{
display: block;
width: 200px;
height: 36px;
background-image: url(imagedesign/Contacts1.jpg);
background-repeat: no-repeat;
}
a.contacts2:hover
{
background-image: url(imagedesign/Contacts2.jpg);
}
a.devis
{
display: block;
width: 800px;
height: 65px;
background-image: url(imagedesign/Devis1.jpg);
background-repeat: no-repeat;
}
a.devis:hover
{
background-image: url(imagedesign/Devis2.jpg);
}
a.livre_web
{
display: block;
width: 800px;
height: 65px;
background-image: url(imagedesign/livre_web1.jpg);
background-repeat: no-repeat;
}
a.livre_web:hover
{
background-image: url(imagedesign/livre_web2.jpg);
}
a.plus_photo
{
display: block;
width: 800px;
height: 65px;
background-image: url(imagedesign/plus_de_photos.jpg);
background-repeat: no-repeat;
}
a.plus_photo:hover
{
background-image: url(imagedesign/plus_de_photos2.jpg);
}
a.table
{
text-decoration: none; /* Les liens ne seront plus soulignés */
}
/*
a.table:hover
{
border-color : #CC6600;
border-style : solid;
border-top : 3px;
}
*/
a.lien3
{
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
font-weight: normal;
text-align: center;
text-decoration: none; /* Les liens ne seront plus soulignés */
color: white;
border : 0px;
/*background-color: #000000; */
}
a.lien3:hover
{
color: #CC6600 ;
/* background-color: #000000; */
}
a.lien2
{
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
font-weight: normal;
text-decoration: none; /* Les liens ne seront plus soulignés */
color: white;
border : 0px;
/*background-color: #000000; */
}
a.lien2:hover
{
color: #CC6600 ;
/* background-color: #000000; */
}
.survol
{
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
font-weight: normal;
text-align: left;
text-decoration: none; /* Les liens ne seront plus soulignés */
color: white;
}
.survol:hover
{
background-color:#151515;
color: #CC6600 ;
}
/* Design des LIENS de Antiphonaire : www.reliure-restauration.com */
a.lien:active /* Quand le visiteur clique sur le lien */
{
text-decoration: underline;
}
a.lien:visited /* Quand le visiteur a déjà vu la page concernée */
{
text-decoration: none;
}
a.lien:focus /* Quand le visiteur sélectionne le lien */
{
text-decoration: underline;
color: #6699cc;
background-color: #000000;
}
a.lien:hover /* Quand le visiteur pointe sur le lien */
{
text-decoration: underline;
color: #FFFFFF;
background-color: #000000;
}
a.lien /* Lien normal */
{
text-decoration: none;
color: #CC6600;
background-color: #000000;
font-weight: bold;
font-family: Papyrus,"Viner Hand ITC","comic Sans MS","Trebuchet MS",serif;
}
/* Design des pages de Antiphonaire : www.reliure-restauration.com */
h1
{
font-family: Papyrus,"Viner Hand ITC","Trebuchet MS","comic Sans MS",serif;
font-weight: bolder;
text-align: center;
}
h2
{
font-family: Papyrus,"Viner Hand ITC","Trebuchet MS","comic Sans MS",serif;
font-weight: bolder;
text-align: center;
}
h3
{
font-family: Papyrus,"Viner Hand ITC","Trebuchet MS","comic Sans MS",serif;
font-weight: bolder;
text-align: center;
}
h4
{
font-family: Papyrus,"Viner Hand ITC","Trebuchet MS","comic Sans MS",serif;
font-weight: bolder;
text-align: center;
color: #CC6600;
font-size: 1.2em;
}
h5
{
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
color: #CC6600;
background-color: #000000;
font-weight: normal;
text-align: left;
margin: 20px 0px 20px 20px;
}
.Titre
{
font-family: Papyrus,"Viner Hand ITC","Trebuchet MS","comic Sans MS",serif;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
.TexteCentre
{
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
font-weight: normal;
text-align: center;
}
.TexteCentre2
{
font-family: "Viner Hand ITC",Papyrus,"comic Sans MS","Trebuchet MS",serif;
font-size: 1.2em;
font-weight: normal;
text-align: center;
}
.Texte {
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
font-weight: normal;
text-align: left;
}
.Texte2 {
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
font-weight: normal;
text-align: left;
}
.TexteCouleur {
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
color: #CC6600;
background-color: #000000;
font-weight: normal;
text-align: left;
}
.TexteCouleurCentre {
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
color: #CC6600;
background-color: #000000;
font-weight: normal;
text-align: center;
}
.TitreRubrique {
font-family: Papyrus,"Viner Hand ITC","comic Sans MS","Trebuchet MS",serif;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}
.TitreRubriqueCouleur {
font-family: Papyrus,"Viner Hand ITC","comic Sans MS","Trebuchet MS",serif;
font-size: 1.2em;
color: #CC6600;
background-color: #000000;
font-weight: bold;
text-align: center;
}
.Boutons {
font-family: Papyrus,"Viner Hand ITC", "comic Sans MS",serif;
font-size: 0.9em;
color: #000000;
font-weight: bold;
text-align: center;
}
.Texteformulaire {
font-family: "comic Sans MS", "Times New Roman", Arial,serif;
font-size: 0.8em;
font-weight: bold;
color: #000000;
}
.TitreFormulaireD {
font-family: Papyrus,"Viner Hand ITC", "comic Sans MS",serif;
font-size: 1.1em;
font-weight: bold;
color: #FFFFFF;
background-color: #000000;
text-align: right;
}
.TitreFormulaireG {
font-family: Papyrus,"Viner Hand ITC", "comic Sans MS",serif;
font-size: 1em;
font-weight: bold;
color: #FFFFFF;
background-color: #000000;
text-align: left;
}
.TitreFormulaireM{
font-family: Papyrus,"Viner Hand ITC", "comic Sans MS",serif;
font-size: 1em;
font-weight: bold;
color: #FFFFFF;
background-color: #000000;
text-align: center;
}
.Compte{
font-family: Papyrus,"Viner Hand ITC","Trebuchet MS","comic Sans MS",serif;
font-size: 1.5em;
font-weight: bold;
text-align: center;
color: white;
background-color : black;
border : 0px;
}
.Textepetit {
font-family: Papyrus,"Viner Hand ITC", "comic Sans MS",serif;
font-size: 0.7em;
font-weight: bold;
color: #FFFFFF;
background-color: #000000;
}
a.lien3
{
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
font-weight: normal;
text-decoration: none; /* Les liens ne seront plus soulignés */
/*color: white;
border : 0px;
/*background-color: #000000; */
}
a.lien3:hover
{
color: #CC6600 ;
/* background-color: #000000; */
}
.survol2
{
font-family: "comic Sans MS", Arial, serif;
font-size: 1em;
font-weight: normal;
text-align: left;
text-decoration: none; /* Les liens ne seront plus soulignés */
color: white;
height: 180px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.survol2:hover
{
background-color:#151515;
color: #CC6600 ;
}
.survol2 .photo
{
float: left; /* Le menu flottera à gauche */
margin-top: 0px;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 0px;
border : 0px;
text-decoration: none;
}
.survol2 .descritionreliure
{
height: auto;
margin-top: 0px;
margin-left: 220px;
margin-right: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
text-decoration: none;
}