/* -------------------------------------
/* html, body et remise à zéro
/* -------------------------------------*/
html {
font: 76% Arial, Helvetica, sans-serif;
}
html, body {
margin: 0;
padding: 0;
}
body {
text-align: left;
width: 950px;
margin: 0 auto;
background: url(kit/fond.jpg);
}
}
.home{ background: url(kit/fond01.jpg);}
.cerap { background: url(kit/fonds/fond-cerap.jpg);}
.lignederecherche { background: url(kit/fonds/fond-recherche.jpg);}
.etudedoctorale { background: url(kit/fonds/fond-etude.jpg);}
.exposition { background: url(kit/fonds/fond-exposition.jpg);}
.publications { background: url(kit/fonds/fond-publication.jpg);}
.artistechercheur { background: url(kit/fonds/fond-artiste.jpg);}
.liens { background: url(kit/fonds/fond-liens.jpg);}
p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
margin: 0;
padding: 0;
}
img {
margin: 0;
padding: 0;
border: 0;
}
ul {
list-style: none;
}
a {
outline: 0;
}
/* -------------------------------------
/* header et footer
/* -------------------------------------*/
.logo{
margin : 31px;
}
.logo-print{
visibility : hidden;
height : 0px;
width : 0px;
}
.titre{
margin : 42px;
}
#footer {
width: 958px;
height: 29px;
background: url(kit/onglet/bas-page.png) left top no-repeat;
text-align: center;
padding-top: 10px;
color: #69777f;
font-size: 11px;
font-family: helvetica, arial, sans-serif;
}
#footer2 {
width: 958px;
height: 29px;
text-align: center;
padding-top: 10px;
color: #FFFFFF;
font-size: 11px;
font-family: helvetica, arial, sans-serif;}
A.lienfooter:link {color : #FFFFFF; text-decoration :none;}
A.lienfooter:hover {color : #83aec6; text-decoration :none;}
A.lienfooter:visited {color : #FFFFFF; text-decoration :none;}
/* -------------------------------------
/* Menu
/* -------------------------------------*/
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type: none;
padding: 0;
margin: 0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float: left;
position: relative;
z-index: 100;
}
#barre{
background: url(kit/onglet/barre.png);
height: 38px;
width : 946px;
padding-left: 12px;
}
/* use the table to position the dropdown list */
.menu table{
position: absolute;
border-collapse: collapse;
z-index: 80;
left: -1px;
top: 30px;
}
/* style des liens généraux */
.menu a, .menu :visited {
display: block;
height: 31px;
text-decoration: none;
text-align: left;
color : #FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 13px;
line-height: 30px;
}
.menu {padding-top: 7px;
padding-left: 8px;}
.menu #cerap{width:59px; text-align:center;background:transparent;}
.menu #lignes{width:146px; text-align:center;background:transparent;}
.menu #lignes2{width:146px; text-align:center;background:transparent;}
.menu #expos{width:96px; text-align:center;background:transparent;}
.menu #publications{width:101px; text-align:center;background:transparent;}
.menu #artistes{width:146px; text-align:center;background:transparent;}
.menu #artistes2{width:346px; height : 0px; text-align:center;background:transparent; margin-top : -40px; }
.menu #liens{width:51px; text-align:center;background:transparent;}
#cerap:hover {background:#7eb3c7 url(kit/onglet/cerap.jpg); color : #FFFFFF;}
#lignes:hover {background:#7eb3c7 url(kit/onglet/lignes.jpg); color : #FFFFFF;}
#lignes2:hover {background:#7eb3c7 url(kit/onglet/lignes.jpg); color : #FFFFFF;}
#etudes:hover {background:#7eb3c7 url(kit/onglet/etudes.jpg); color : #FFFFFF;}
#expos:hover {background:#7eb3c7 url(kit/onglet/expos.jpg); color : #FFFFFF;}
#publications:hover {background:#7eb3c7 url(kit/onglet/publications.jpg); color : #FFFFFF;}
#artistes:hover {background:#7eb3c7 url(kit/onglet/artistes.jpg); color : #FFFFFF;}
#liens:hover {background:#7eb3c7 url(kit/onglet/liens.jpg); color : #FFFFFF;}
/* style the links hover */
.menu :hover{
color : #1785b0;
}
/* hide the sub level links */
.menu ul ul {
visibility: hidden;
position: absolute;
height: 0;
}
.menu ul ul .subcerap {width:129px; background: transparent url(kit/onglet/fond-sub.png) top ;color:#334550;padding-left:10px;}
.menu ul ul .sublignes {width:136px;background: transparent url(kit/onglet/fond-sub.png) top ;color:#334550;padding-left:10px;}
.menu ul ul .subetudes {width:135px;background: transparent url(kit/onglet/fond-sub.png) top ;color:#334550;padding-left:10px;}
.menu ul ul .subexpos {width:86px;background: transparent url(kit/onglet/fond-sub.png) top ;color:#334550;padding-left:10px;}
.menu ul ul .subpublications{width:91px;background: transparent url(kit/onglet/fond-sub.png) top ;color:#334550;padding-left:10px;}
.menu ul ul .subartistes2 {width:136px; margin-left : 145px;background: transparent url(kit/onglet/fond-sub.png) top ; color:#334550;padding-left:10px;}
.menu ul ul .subartistes {width:136px;background: transparent url(kit/onglet/fond-sub.png) top ; color:#334550;padding-left:10px;}
.menu ul ul .subliens {width:137px;background: transparent url(kit/onglet/fond-sub.png) top ;color:#334550;padding-left:10px;}
/* make the sub level visible on hover list or link */
.menu ul :hover ul{
visibility: visible;
}
.menu ul ul :hover{
color : #0490c6;
}
.menu ul ul {
color : #000000;
}
/* -------------------------------------
/* Zone de recherche
/* -------------------------------------*/
#searchBox {
text-align: right;
float: right;
font-size: 10px;
padding-top: 6px;
width: 170px;
margin-bottom: -10px;
height: 32px;
margin-right: -13px;
}
.textfield {
background: transparent ;
border: 0px solid;
border-color: transparent;
height: 15px;
width: 113px;
color: #9a9a9a;
padding-right: 2px;
padding-top: 3px;
margin: 0;
font: 11px/11px verdana, arial,sans-serif;
line-height: 16px;
float: left;
}
/* -------------------------------------
/* Page blanche et contenu
/* -------------------------------------*/
#ariane{
padding-top: 33px;
color: #5d95aa;
font-size: 13px;
font-family: helvetica, arial, sans-serif}
#ariane a:hover {
text-decoration : none;
color : #F96A15;
}
/* -------------------------------------
/* Fond gris
/* -------------------------------------*/
.fond-gris{
background: url(kit/fondu-gris.jpg) top left no-repeat;
margin-left: 34px;
padding-left: 15px;
padding-top: 47px;
color: #3e4549;
font-size: 16px;
padding-right: 30px;
width : 580px;
font-family: georgia, helvetica, arial, sans-serif;
}
.fond-gris{
background: url(kit/fondu-gris.jpg) top left no-repeat;
margin-left: 34px;
padding-left: 15px;
padding-top: 47px;
color: #3e4549;
font-size: 16px;
padding-right: 30px;
width : 580px;
font-family: georgia, helvetica, arial, sans-serif;
}
.taille-une {
min-height : 280px;
}
.fond-gris a, .fond-gris :visited {
text-decoration : none;
color : #4a728c;
}
.fond-gris a:hover {
text-decoration : none;
color : #F96A15;
}
.fond-gris h1{
font-size: 36px;
font-family: georgia, helvetica, arial, sans-serif;
}
.fond-gris img{
float : right;
margin-right : 11px;
font-size : 12px;
margin-left : 13px;
}
#artisteune{
float : right;
margin-right : 11px;
font-size : 12px;
margin-left : 13px;
}
.publiimage img{height : 150px;}
.une{
font-size: 12px;
font-family: helvetica, arial, sans-serif;
}
.fond-gris h2{
font-size: 24px;
font-family: helvetica, arial, sans-serif;
height : 38px;
}
/* -------------------------------------
/* Liens en savoir plus
/* -------------------------------------*/
.savoirplus {
margin-top : 10px;
display : block;
font-size: 12px;
font-family: georgia, helvetica, arial, sans-serif;
font-weight : 600;
width : 100px;}
A.savoirplus:link {color : #F96A15;}
A.savoirplus:hover :visited{color : #83aec6;}
A.savoirplus:visited {color : #83aec6;}
.savoirplus2 {
margin-top : 10px;
display : block;
font-size: 12px;
font-family: helvetica, arial, sans-serif;
font-weight : 600;
margin-left: 7px;
}
A.savoirplus2:link {
color : #F96A15;
text-decoration : none;
}
A.savoirplus2:visited {
color : #83aec6;
text-decoration : none;
}
A.savoirplus2:hover :visited{
color : #83aec6;
text-decoration : none;
}
.savoirplus3 {
font-size: 12px;
font-family: helvetica, arial, sans-serif;
font-weight : 600;
margin-left: 7px;
}
A.savoirplus3:link {
color : #F96A15;
text-decoration : none;
}
A.savoirplus3:visited {
color : #83aec6;
text-decoration : none;
}
A.savoirplus3:hover :visited{
color : #83aec6;
text-decoration : none;
}
/* -------------------------------------
/* Mise en forme de la thickbox
/* -------------------------------------*/
#TB_next a:hover, #TB_prev a:hover, #TB_Diapo a:hover{
text-decoration : none;
color : #83aec6;
}
#TB_next :link, #TB_next:visited, #TB_prev :link, #TB_prev:visited, #TB_Diapo :link, #TB_Diapo:visited {
color : #F96A15;
text-decoration : none;
}
/* -------------------------------------
/* Barre de droite et gauche
/* -------------------------------------*/
/*Gauche et droite de la page d'accueil*/
#gauche01 { float : left ;}
#droite01 {
float : right;
margin-right : 70px;
width : 226px;
background: url(kit/ombre-milieu.jpg) repeat-y;}
/*Gauche et droite de la page de présentation*/
#gauche02{
float : left ;
width : 254px;
font-size: 12px;
padding-right: 30px;
margin-left : 26px;
}
#gauche02 h1{
margin-left : -26px;
}
#droite02 {
float : right;
margin-right : 10px;
margin-left : 10px;
margin-top : 14px;
width : 560px;
background: url(kit/ombre-milieu.jpg) repeat-y;
}
.contenudroite02{
margin-left: 40px;
margin-top : -75px;
}
/*je créé un content2 qui contient les info de générales de police et de liens, quelque soit la taille des #droite et #gauche, pour l'utiliser sur toutes les pages.*/
#content{
background: transparent url(kit/onglet/fond-page.png);
width : 958px;
overflow: auto;
}
#content2{
background: transparent url(kit/onglet/fond-page.png) repeat-y;
width : 890px;
overflow: auto;
font-family: georgia, helvetica, arial, sans-serif;
color: #3e4549;
padding-left: 32px;
padding-right: 52px;
}
#content2 a, #content2 :visited {
text-decoration : none;
color : #4a728c;
}
#content2 a:hover {
text-decoration : none;
color : #F96A15;
}
#content2 h1{
margin-top : 20px;
margin-bottom : 40px;
font-size: 26px;
font-family: georgia, helvetica, arial, sans-serif;
}
#content2 h3{
margin-bottom : 30px;
font-size: 14px;
font-family: georgia, helvetica, arial, sans-serif;
margin-top : 40px;
}
#content2 h2{
margin-bottom : 40px;
font-size: 22px;
font-family: georgia, helvetica, arial, sans-serif;
margin-top : 40px;
}
#ombre-haut2 {
background: #FFFFFF url(kit/ombre-haut.jpg) bottom left no-repeat;
height : 30px;
width : 100px;}
/* -------------------------------------
/* Ombre haut et bas des volet de droite.
/* -------------------------------------*/
#ombre-haut {
background: #FFFFFF url(kit/ombre-haut.jpg) bottom left no-repeat;
height : 91px;}
#ombre-bas {
background: url(kit/ombre-bas.jpg) no-repeat;
height : 38px;}
/* -------------------------------------
/* Equipe
/* -------------------------------------*/
#equipe {
width: 147px;
float : left;
padding-left: 30px;
}
#fond-cerap {
width : 890px;
min-height : 489px;
background: url(kit/lettres/c.jpg) top left no-repeat;
}
#fond-artiste {
min-width : 600px;
min-height : 489px;
background: url(kit/lettres/a.jpg) top left no-repeat;
}
#fond-artiste-fiche {
min-width : 600px;
min-height : 489px;
background: url(kit/lettres/r.jpg) top left no-repeat;
}
#fond-recherche {
width : 890px;
min-height : 489px;
background: url(kit/lettres/r.jpg) top left no-repeat;
}
#fond-etude {
width : 890px;
min-height : 489px;
background: url(kit/lettres/e.jpg) top left no-repeat;
}
#fond-revue {
width : 890px;
min-height : 489px;
background: url(kit/lettres/p.jpg) top left no-repeat;
}
#fond-revue2 {
width : 890px;
min-height : 489px;
background: url(kit/lettres/p2.jpg) top left no-repeat;
}
#fond-etude2 {
width : 890px;
min-height : 489px;
background: url(kit/lettres/e2.jpg) top left no-repeat;
}
#fond-etude3 {
width : 890px;
min-height : 489px;
background: url(kit/lettres/e3.jpg) top left no-repeat;
}
#fond-cerap1 {
width : 890px;
min-height : 489px;
background: url(kit/lettres/c1.jpg) top left no-repeat;
}
/* -------------------------------------
/* Box droites
/* -------------------------------------*/
.news {
margin-left: 40px;
background: url(kit/fond-news.jpg) top left no-repeat;
color: #000;
width : 225px;
border: 1px solid #d5d5d5;
margin-bottom : 41px;
}
.news h2 {
margin-top : -18px;
padding-left : 10px;
font-size : 13px;
color : #3e4549;
font-family: Helvetica, Arial, sans-serif;
}
.news h3 {
padding-left : 10px;
font-size : 11px;
color : #3e4549;
font-family: Helvetica, Arial, sans-serif;
}
.news h1 {
position : relative;
top : -16px;
font-size : 17px;
width : 226px;
text-align : right;
color : #334550;
}
.newstexte{
margin-top : 17px;
font-size : 12px;
margin-left : 13px;
}
.newsimages{
float : left;
margin-right : 11px;
margin-top : 17px;
font-size : 12px;
margin-left : 13px;
width : 70px;
}
.newstexteimage{
margin-top : 17px;
font-size : 11px;
margin-left: 8em;
margin-bottom : 17px;
}
.news ul{
list-style: disc url(kit/puce.jpg) inside;
padding-left: 1em;
text-indent: -1.2em;
}
.news li{
margin-bottom : 15px;
}
/*je créé un content3 pour la page artiste.*/
#content3{
background: transparent url(kit/onglet/fond-page.png);
width : 958px;
overflow: auto;
}
#content3 a, #content2 :visited {
text-decoration : none;
color : #4a728c;
}
#content3 a:hover {
text-decoration : none;
color : #F96A15;
}
#contenugauche{
float : left;
width : 580px;
margin-left: 40px;
font-family: georgia, helvetica, arial, sans-serif;
color: #3e4549;
}
#contenugauche h1{
margin-top : 20px;
margin-bottom : 10px;
font-size: 26px;
font-family: georgia, helvetica, arial, sans-serif;
}
#contenugauche h3{
margin-bottom : 10px;
font-size: 14px;
font-family: georgia, helvetica, arial, sans-serif;
margin-top : 40px;
}
#contenugauche h2{
margin-bottom : 10px;
font-size: 22px;
font-family: georgia, helvetica, arial, sans-serif;
margin-top : 40px;
}
.photoartiste {
float : right;
margin-right : 20px;
margin-bottom : 40px;
padding-top : 28px;}
.logoartiste {
float : left;
margin-right : 20px;
margin-bottom : 40px;
}
#texteartiste {
clear : both;
margin-left : 26px;
margin-right : 26px;}
.docartiste1 {
margin-left : 122px;}
.docartiste2 {
margin-left : 52px;
min-height : 50px;}
#gauche01 ul{
list-style: disc url(kit/puce.jpg) inside;
padding-left: 1em;
text-indent: -1.2em;
}
#listedossier ul{
list-style: disc url(kit/puce.jpg) inside;
padding-left: 1em;
text-indent: -1.2em;
}
.listedossier{
float : left;
margin-bottom : 50px;
}
#listedebat li{
list-style: disc url(kit/puce.jpg) inside;
padding-left: 1em;
margin-bottom : 8px;
text-indent: -1.2em;
}
.imgalerie{
margin-right : 3px;
margin-bottom : 7px;
opacity: 1.0;
filter: alpha(opacity=100);
border: 0;
}
.imgalerie2{
margin-right : 2px;
margin-bottom : 7px;
opacity: 1.0;
filter: alpha(opacity=100);
border: 1px solid #000000;
}
.headphone{
float : left;
margin-right : 10px;
margin-top : -4px;
}
.imgalerie:hover {
opacity: 0.5;
filter: alpha(opacity=50);
border: 0;
}
.extraitmp3 {
margin-top : 4px;
height : 22px;
}
/* roulé déroulé*/
div.lastPanel div.h {
overflow: hidden;
}
a.tog,
a.tog:link,
a.tog:visited {
float: right;
height: 17px;
width: 151px;
margin-top: 1px;
padding: 0;
display: inline;
}
#depli {
cursor: pointer;
width : 151px;
float : right
}
#deroule {
margin-bottom : 50px;
}
.ligne img{
float : left;
font-size : 12px;
margin-right : 20px;
margin-bottom : 20px;
}
.ligne {
margin-bottom : 100px;
border-right : 3px solid #f8f8fa;
clear : both;
margin-left : 60px;
border-top : 3px solid #f8f8fa;
margin-right : 50px;
min-height : 200px;
}
/* liste */
.titre-liste {
margin-bottom : 20px;
font-size: 14px;
font-family: georgia, helvetica, arial, sans-serif;
margin-top : 10px;
font-weight : 900;
}
.milieu-liste {
float: left;
}
.milieu-recherche {
width : 160px;
float : left ;
padding-bottom : 20px;
}
.text-liste{
margin-left : 405px;
margin-top : -14px;
padding-right : 15px;
}
.text-liste-droit{
margin-left : 405px;
min-height : 100px;
padding-right : 15px;
}
.chapo {
margin-bottom : 15px;
font-size : 11px;
font-weight : 900;
}
.notes {
margin-top : 15px;
font-size : 10px;
}
.dir-recherche {
margin-bottom : 15px;
margin-top : -19px;
}
.text-recherche{
margin-left : 220px;
padding-right : 15px;
min-height : 170px;
}
.lien-artiste {
margin-bottom : 20px;
margin-top : -5px;
}
#player{
clear : both
}
.reference {
}
#article h3{
font-size : 20px;
}
.archives {
margin-left : 50px;
}
.archive-actu {
margin-left : 60px;
margin-top : -20px;
}
.annee {
margin-left : 50px;
margin-bottom : 10px;
font-size: 26px;
font-family: georgia, helvetica, arial, sans-serif;
}
.annee2 {
margin-bottom : 10px;
font-size: 26px;
font-family: georgia, helvetica, arial, sans-serif;
}
.range-annee {
margin-left:50px;
}
#titre-article h3{
font-size : 18px;}
.forum-message{
margin-bottom : 10px;
margin-left: 20px;
padding : 10px;
}
.forum-texte{
background: transparent url(kit/forum.jpg) no-repeat;
padding : 5px;}
.forum-date {
font-weight: 600;
margin-bottom : 5px}
.forum-repondre-message {
visibility : hidden;}
.publi {
width : 143px;
margin-left : 70px;
float : left;
margin-bottom : 45px;
min-height : 250px;
}
.titre-revue {
margin-left : 67px;
clear : both}
/* contenu 3 pour la page expo*/
#contenugauche3{
float : left;
width : 750px;
margin-left: 40px;
font-family: georgia, helvetica, arial, sans-serif;
color: #3e4549;
}
#texteartiste2 {
clear : both;
margin-left : 26px;
margin-right : 26px;
width : 750px;}
#contenugauche3 h1{
margin-top : 20px;
margin-bottom : 10px;
font-size: 26px;
font-family: georgia, helvetica, arial, sans-serif;
}
#contenugauche3 h3{
margin-bottom : 10px;
font-size: 14px;
font-family: georgia, helvetica, arial, sans-serif;
margin-top : 40px;
}
#contenugauche3 h2{
margin-bottom : 10px;
font-size: 22px;
font-family: georgia, helvetica, arial, sans-serif;
margin-top : 40px;
}
#texte-expo {
width : 5px;}
.plansub1 {
margin-left : 45px;
margin-bottom : 25px;
margin-top : -10px;
}
.plansub1 li{
list-style: disc url(kit/puce.jpg) inside;
padding-left: 1em;
text-indent: -1.2em;
}
.plansub2 li{
list-style: none;
}
.sous {
margin-left : 50px;
margin-bottom : 50px;}
.marge-emilie {
margin-left : 170px;
}