html, body {
height: 100%;
margin: 0;
}
html {
background: #A3A3A3;
}
div#global {
/*height: 100%;*/
min-height: 100%;
width: 808px;
/*padding: 0 10px;*/
margin: 0 auto;
position: relative;
/*background: #FFFFFF;*/
background: #FFFFFF url(../img/fondPage.jpg) repeat-y;
}
div#header {
/*border: 1px solid blue;*/
background: #FFFFFF url(../img/header.jpg) no-repeat;
background-position: center;
color: #fff;
height: 170px;
left: 6px;
}
div#center {
/* Pour éviter la superposition du pied de page et du contenu : */
/*border: 1px solid red;*/
padding-top: 30px;
padding-bottom: 50px;
overflow: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
/*overflow: visible;*/
height: 1%;
}
/* _________________________________ Div Footer ____________________________________________*/
div#footer {
text-align: center;
/*border-top: 1px dashed gray;*/
position: absolute;/*absolute pour le fixer en bas car si relative, il se place après le menu gauche en x ??*/
width: 100%;
bottom: 0;
color:#927463;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-decoration: none;
line-height: 15px;
}
/* _________________________________ Formulaire de contact ____________________________________________*/
#formulaireContact
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: small;
font-style: normal;
padding-left:74px;
}
.tabContact
{
border-top: 3px solid #DBDBDB;
border-collapse: separate;
width: 550px;
height: 200px;
background-color: #F1F1F1;
}
#formulaireContact td input, #formulaireContact td textarea, #formulaireContact td div option, #formulaireContact td div select
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: small;
font-style: normal;
text-align: left;
border: 1px solid #DBDBDB;
}
#formulaireContact td input
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: small;
font-style: normal;
text-align: left;
border: 1px solid #DBDBDB;
}
.infoForm
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: small;
width: 200px;
color: #474747;
text-align: right;
padding-right: 5px;
}
.contentForm
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: small;
font-style: normal;
text-align: left;
width:360px;
}
.titreForm
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
width: 550px;
color: #ffffff;
text-align: center;
padding-right: 5px;
background-color: #A89183;
}
/* _________________________________ Fin Formulaire de contact ____________________________________________*/
/* _________________________________ Choix Langues____________________________________________*/
div#choixLangue {
position: absolute; /* placement à modifier selon vos besoins */
height: 23px;
width: 72px;
top: 170px;
left: 718px;
z-index:200;
}
div#choixLangue #french
{
position: absolute;
width: 36px;
height: 23px;
background:#FFFFFF url(../img/drapeauFrancais.jpg) no-repeat;
}
div#choixLangue #english
{
position: absolute;
left: 36px;
width: 36px;
height: 23px;
background:#FFFFFF url(../img/drapeauAnglais.jpg) no-repeat;
}
#linkFrench
{
float: left;
width : 42px;
height: 33px;
}
#linkEnglish
{
float: left;
width : 42px;
height: 33px;
}
div#choixLangue #english a span { /* contenu masqué mais accessible sans CSS*/
position: absolute;
left: -500em;
top: -500em;
text-indent: -500em;
}
div#choixLangue #french a span { /* contenu masqué mais accessible sans CSS*/
position: absolute;
left: -500em;
top: -500em;
text-indent: -500em;
}
/* _________________________________ Contenu ____________________________________________*/
div#contentLarge{
float: left;
width: 700px;
padding-left: 54px;
padding-right: 0px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
.contentFlash{
float: left;
width: 700px;
padding-left: 54px;
padding-right: 0px;
text-align: center;
}
div#contentLarge a:link, div#contentLarge a:hover, div#contentLarge a:visited
{
color: #CC0000;
text-decoration: none;
}
/* _________________________________ Div Expositions ____________________________________________*/
.publications
{
display:block;
border-bottom : 1px dashed gray;
position:relative;
width:700px;
height:10px
}
/* _________________________________ Fin Div Expositions ____________________________________________*/
/* _________________________________ liens ____________________________________________*/
.separateurLiens
{
display:block;
border-bottom : 1px dashed gray;
position:relative;
width:650px;
margin-left: 20px;
height:10px
}
/* _________________________________ Fin liens ____________________________________________*/
/* _________________________________ Footer ____________________________________________*/
.imgfooter
{
position: relative;
top: 2px;
}
#footer a:link, #footer a:hover, #footer a:visited
{
color:#927463;
text-decoration: none;
}
/*_______________________________Menu Horizontal_________________________________________*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
background: transparent url(../img/fondMenuHorizHaut.jpg) repeat-x;
height: 33px;
top: 170px;
left: 4px;
z-index:100;
width: 800px; /* correction pour Opera */
}
.menuText {
cursor: pointer;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align: center;
font-weight: bold;
margin-left: 25px;
margin-right: 25px;
margin-top: 8px;
}
.menuTextSelected{
cursor: pointer;
color:#301B10;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align: center;
font-weight: bold;
margin-left: 25px;
margin-right: 25px;
margin-top: 8px;
}
#menu dl {
float: left;
display:block;
/*width: 12em;*/
width: auto;
height:33px;
background: transparent url(../img/separateurMenuHaut.jpg) no-repeat;
background-position:right;
}
#menu dt a {
color:#301B10;
text-decoration: none;
height: 100%;
border: 0 none;
width: auto;
}
#menu dt a:hover, #menu dt a:focus {
color:#DAC1A3;
/*font-weight: bold;*/
}
/*_______________________________________Fin Menu Horozontal_______________________________*/
.titre3
{
display: block;
text-align: left;
color:#69342E;
font-size: 16px;
font-weight: bold;
padding-left: 25px;
padding-top: 10px;
}
.titre2
{
display: block;
text-align: left;
color:#7C453E;
font-size: 14px;
font-weight: bold;
padding-left: 35px;
padding-top: 8px;
}
.titre1
{
display: block;
text-align: left;
color:#915B54;
font-size: 12px;
font-weight: bold;
padding-left: 45px;
padding-top: 6px;
}
.titre0
{
display: block;
text-align: left;
color:#915B54;
font-size: 11px;
font-weight: bold;
padding-left: 55px;
padding-top: 6px;
}
.titreCentre
{
display: block;
text-align: center;
color:#7C453E;
font-size: 14px;
font-weight: bold;
padding-top: 8px;
}
.imgContent
{
margin-left: 10px;
margin-right: 10px;
}
.imgContentLarge
{
/*float: left;*/
margin-left: 10px;
margin-right: 10px;
}
.imgContentTitle
{
margin-left: 15px;
color:#B9B9B9;
font-size: 9px;
}
.imgContentTechnique
{
display: block;
width: 600px;
text-align: left;
padding-left: 50px;
padding-bottom: 60px;
margin-left: 15px;
color:#B9B9B9;
font-size: 9px;
}
.imgContentTechniqueCenter
{
display: block;
color:#B9B9B9;
font-size: 9px;
padding-bottom: 60px;
}
.imgContentDescription
{
display: block;
width: 650px;
text-align: left;
padding-left: 25px;
}
.notesBasDePage
{
display: block;
background: transparent url(../img/fondNotesBasDePage.jpg) no-repeat;
width: 600px;
text-align: left;
margin-left: 60px;
padding-top: 20px;
margin-top: 20px;
color:#B9B9B9;
font-size: 9px;
}
sup
{
font-size: 9px;
}
/*____________________publications_______________*/
.divPublications
{
border-bottom : 1px dashed gray;
position: relative;
height : 150px;
width: 500px;
padding-bottom: 10px;
}
.textCouv
{
color: #454545;
text-align: right;
height : 150px;
width: 500px;
}
.imgCouv
{
float: left;
}
/*____________________FIN publications_______________*/
.listText
{
margin-left: 30px;
}
.listText li
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
list-style-image: url(../img/puceListeElement.jpg) ;
}
.listBanale li
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
}
.listNomPropre
{
font-weight: bold;
color: #4D4D4D;
margin-top: 5px;
margin-bottom: 5px;
}
li em
{
font-weight: bold;
color: #4D4D4D;
}
/*______________vidéos_______________________*/
.divVideo
{
border-bottom : 1px dashed gray;
text-align: left;
padding-top: 10px;
margin-right:20px;
width: 500px;
margin-left: 115px;
padding-left: 10px;
padding-right: 10px;
float: left;
}
.lienVideo .imgVideo{
border: 1px solid #FFFFFF;
}
.titreVideo
{
display: block;
color: #454545;
text-align: center;
font-style: italic;
font-weight: bold;
}
/*______________Fin vidéos_______________________*/
/*______NomOeuvre______________*/
.nomOeuvre
{
font-style: italic;
font-weight: bold;
}
/*______FIN NomOeuvre______________*/
/*______NomBoutique______________*/
.nomBoutique
{
font-family: Times new Roman;
font-size: 14px;
font-style: normal;
font-variant: small-caps;
font-weight: bold;
color: #CC0000;
}
/*______FIN NomBoutique______________*/
/*______ Citations ______________*/
.citation
{
font-style: italic;
}
.signatureCitation
{
font-style: normal;
display: block;
color: #454545;
text-align: right;
font-style: italic;
font-weight: bold;
}
/*______FIN Citations______________*/
/*___________ poeme ______________*/
.poeme
{
font-style: normal;
display: block;
margin-left:200px;
color: #454545;
text-align: left;
}
/*___________ FIN poeme ______________*/
/*___________Affichage de la date_________________*/
#affichageDate
{
position: absolute;
top: 5px;
left: 15px;
width: 750px;
color:#B29590;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
}
/*___________Fin Affichage de la date_________________*/
/* */