/* Styles du site personnel d'Elisabeth Gilbert Dragic */ /* Auteur : Emmanuelle Morlock */ /* Dernière mise à jour : 1009-01-11 */ /* Normalizes margin, padding */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0} /* Normalizes font-size for headers */ h1,h2,h3,h4,h5,h6 {font-size:100%} /* Removes list-style from lists */ ol,ul {list-style:none} /* Normalizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal} /* Removes list-style from lists */ table {border-collapse:collapse; border-spacing:0} /* Removes border from fieldset and img */ fieldset,img {border:0} /* Left-aligns text in caption and th */ caption,th { text-align : left} /* Removes quotation marks from q */ q:before, q:after {content :''} /* layout.css */ /* bandeau : #A08214 -> color:#CBA61A; rose bandeau new : E17C88 gris bandeau new : C6BC91 bordure recherche old: #a0914e; pied : #705D00; typo : #827B62 orange : #f63 bleu : #099 vert : #9c0 */ body {margin:0; padding:10px; text-align:center; background:#fff; font-family: arial,helvetica,sans-serif; font-size:100%; line-height:1.25em;/* 16×1.25=20 */} strong {font-weight:bold} small {font-weight:normal} a {text-decoration:none; color:#099} #footer, #footer a {color:#827B62} #footer a:hover {text-decoration:underline} #centre a:hover, #infos a:hover {color:#9c0} /* ----------------------- layout */ #page {width:820px; width:685px; margin:0 auto; overflow:auto} #header {text-align:left; position:relative; height:100px} #wrap {float:left; width:100%; margin-bottom:40px; min-height:450px} #contenu {text-align:left; overflow:hidden; position:relative; xmin-height:600px} #centre {float:right; width:407px} #centre .texteSeul, .liste, .liste2 {border-top:1px dotted #827B62} #infos {width:200px; position:absolute; top:310px; left:0; text-align:right} #infos .cadre {padding:1em 0} #menu {float:left; width:220px; margin-left:-820px;margin-left:-685px;margin-left:-669px; border-top:1px dotted #827B62} #footer {clear:both; width:100%; margin-top:40px; padding:.75em 0; border:1px dotted #827B62; border-width: 1px 0; letter-spacing:1px} #page_sommaire #centre a img, #centre .texteSeul, #menu, .liste, .liste2 {margin-top:32px /* comme diapo_icones*/} /* ----------------------- header */ #header a {float:left} #header h1 {text-transform: lowercase;letter-spacing: -2px; font-size:3.25em} #header h2 {text-transform: lowercase;letter-spacing:-1px; font-size:1.3em; margin-top:-.5em} #header form {display:none} .formulaire_recherche label, .invisible {display:none} .formulaire_recherche {position:absolute; top:70px; right:0} input {vertical-align:middle} .formulaire_recherche input#recherche {border:1px dotted #827B62; font-size:.5em; letter-spacing:1px; padding:3px 0 1px .5em; width:140px; height:14px; line-height:14px; color:#C6BC91} /* ----------------------- menu */ #menu {text-align:right;} #menu ul {} #menu ul ul {border:0 none; margin-bottom:1.25em} #menu li {border:1px dotted #827B62; border-width:0 0 1px 0; position:relative; text-transform:lowercase; letter-spacing:0.05em} #menu li {font-size:.875em; line-height:2.25em/* 16x2.25=36px */} #menu ul ul {line-height:2.25em} #menu li li {border:0 none; margin:0; font-size:.9375em; line-height:1.5em; letter-spacing:0; background:0 none} #menu a {font-weight:bold} #menu li li a {font-weight:normal} /* ----------------------- centre */ #centre h3 {font-weight:bold; margin:.5em 0 .3em; font-size:1em; letter-spacing:0.1em; color:#908969} #centre h3.spip {margin:0; padding:0; text-align:left; font-size:.85em; margin-top:1em; color:#908969} #centre .texteSeul p, #centre .chapo {margin: .5em 0} #centre .chapo {padding:1.5em ; border:1px dotted #C6BC91} #centre .date {font-style:italic; text-align:right} #centre .surtitre strong {background:#C6BC91; color:#fff; font-weight:bold; padding:.25em .5em} #centre .texteSeul #logo {float:right; margin:15px; margin-right:0} .liste ul {overflow:hidden; margin:0;padding:0; margin-left:-10px} .liste li {width:115px;float:left; margin:20px 10px 10px 10px; padding:0} .liste li a {display:block; text-align:center} .liste li img.logo {margin:0; padding:0} .liste span.imageTypo {width:115px; height:87px; display:block; border:1px dotted #C6BC91} /* 115 */ .liste .imageTypo * {border:0 none} .liste .spip_logos {float:left; margin-right:15px} .liste h3, .liste h4 {margin-left:65px} /* pour la vignette en float */ .liste h4 {font-weight:normal; font-size:.75em} .liste2 ul {margin:1em 0;padding:0; font-size:.9em} .liste2 li {font-weight:bold} .liste2 li a {display:block; line-height:1.8em; text-align:left} .pagination {padding:3px 0;margin-bottom:2px;height:1.2em;font-size:.75em;float:right} .pagination, .pagination span.on {color:#C6BC91} .retour a {display:block; margin-top:1em; clear:both} /* ----------------------- font-size */ p {font-size:0.6875em;/*verdana */} p {font-size:0.75em; /*arial */} #centre em {font-style:italic} #footer p {font-size:0.6875em} #infos .cadre h3 {font-size:.75em} div.texte {font-size:.75em} div.texte p.spip {font-size:1em} #centre h3.spip {font-size:2em} /* ----------------------- colors */ #centre p, .texte, .chapo {color:#827B62} /* ----------------------- divers */ #centre .diaporama a img {color:#fff} #centre .diapo h3 {font-size:.75em; margin:0; padding:0; letter-spacing:normal; color:#333} #centre .diapo p {font-size:.75em; margin:0; padding:0; color:#333} ul.spip {margin:0; padding:0} li.spip {font-size:.75em; margin-left:3em; list-style:square} .bigTexte {font-size: 1.3em; line-height:1.2em} .notes {margin-top:1em; border:1px dotted #827B62; border-width:1px 0} .spip_doc_titre a, .spip_doc_descriptif {display:block} /* ----------------------- test */ /* #wrap{background:orange} #contenu{background:yellow} #centre{background:red} */ div.video{text-align:center; margin:1.5em 0} .diapo_pagination {padding-right:1.5em;font-size:.9em}