@charset "utf-8";

body {
font:.78em Century Gothic, Geneva, Arial, Helvetica, sans-serif;
text-align:center;
color:#000;
margin:0 0;
padding:0
}

a {
text-decoration:none;
color:#666
}

a:visited,a:active {
text-decoration:none;
border:none;
}

a img {
border:none
}
h1,h2,h3 {
font-weight:lighter;
color:#666;
line-height:normal
}

.haut {
	position:absolute;
	text-decoration:underline
	top:0px; 
	left:0px; 
	width:1px; 
	height:1px
}

#pied {
position: relative;
float:right;
font:.85em Century Gothic, Geneva, Arial, Helvetica, sans-serif
}

.img-droite {
float:right
}

.img-gauche {
float:left;
margin:5px 25px 10px 0
}

.liensInternes a {
	position:relative;
	top:3px;
	left:3px;
	background:url(../images/flecheLiensD.gif) no-repeat 0 0
}
.liensInternes a:hover {
	background:url(../images/flecheLiensD.gif) no-repeat -6px 0
}

.pdf {
width:500px
}

.txt-pdf {
float:left;
width:488px;
height:35px;
margin:-28px 0 0 20px
}

#logo {
width:255px;
margin-top:0;
float:left
}
tr {
	 vertical-align:top
}
.collections td {
	padding:25px;
}

.hr-invisible {
clear:both; 
visibility:hidden
}

dl,dt,dd,#menu ul,#menu li {
list-style-type:none;
list-style-image:none;
margin:0;
padding:0
}

#menu li a,#menu dt a {
text-decoration:none;
padding:0 .5em 0 1em
}

#menu {
width:744px;
float:left;
padding:37px 0 1px;
}

#menu dt {
cursor:pointer
}

#menu dd {
position:absolute;
margin-top:7px;
display:none;
background-color:#EAAE00;
padding-bottom:.1em;
z-index:1
}

#accueil {
width:7.7em;
padding-left:63px
}

#en-librairie {
width:8.8em
}

#a-paraitre {
width:8.4em
}

#qui {
width:11.9em
}

#contact {
width:7.9em
}

.deuxCol #conteneur,.troisCol #conteneur,#conteneur {
width:999px;
background:#fff;
text-align:left;
padding-top:0;
margin:10px auto
}

.deuxCol #tete {
padding:0
}

.deuxCol .gauche {
float:left;
width:370px;
padding-top:55px;
text-align:right
}

.deuxCol #gauche {
float:left;
width:370px;
padding-top:55px;
text-align:right
}

.deuxCol #droite {
margin:0 0 0 400px;
padding:30px 30px 0
}

.troisCol #gauche {
float:left;
width:303px;
padding:30px 10px 15px 20px
}

.troisCol #centre {
margin:0 0 0 360px;
padding:30px 10px
}

.troisCol #droite {
float:right;
width:303px;
padding:30px 10px 15px 20px
}

.troisCol #droiteDeuxTiers {
margin:0 0 0 333px;
padding:30px 0 15px
}

.fltrt {
float:right;
margin-left:8px
}

.fltlft {
float:left;
margin-right:8px
}

.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0
}

.fiche {
text-align:center;
padding:20px 25px
}

.imprimer {
text-align:center;
font-size:.8em;
}

.imprimer img {
margin-bottom:-10px
}

.presse,.titre-presse {
background-color:#eee;
text-align:center;
border-bottom:#ccc solid 1px;
border-right:#ccc solid 1px;
margin:15px 0 0;
padding:10px
}

.titre-presse {
margin-bottom:30px
}

.presse-gauche {
float:left;
text-align:center;
width:500px
}

presse-1-3 {
text-align:center;
float:left;
width:333px
}

presse-2-3 {
text-align:center;
margin-left:333px;
padding:30px 0
}

.lire {
text-align:center;
float:left;
width:499px
}

.lire-1-3 {
text-align:center;
width:333px
}

.lire-2-3 {
text-align:center;
width:600px
}

.retour {
background-color:#ddd;
margin-top:5px;
text-align:center;
border-bottom:#ccc solid 1px;
border-right:#ccc solid 1px;
padding:5px
}

.sodis {
display:block;
width:70px;
margin:-18px 0 0 150px
}

.sodis-img {
display:block;
margin-left:130px;
cursor:help
}

sup {
font-size:.8em;
vertical-align:35%
}

abbr,acronym {
border:none;
cursor:help
}

.sous-titre {
font-size:.9em
}

.collections #conteneur {
position:relative;
width:999px;
text-align:left;
background-color:#fff;
margin:10px auto 25px
}

.collections #logo {
float:left;
width:255px;
margin-top:0
}

.tete-collections,.couvertures,#col-objet,#col-contemporain,#col-ateliers,#col-patrimoine,#col-musees,#col-galerie,#col-cotes {
	position:absolute;
	top:130px;
	font-size:.8em
}

.collections .titre-collection {
padding-top:105px;
margin-left:430px;
font-size:1.4em;
color:#666;
line-height:1.9em;
letter-spacing:.1em;
font-weight:400
}

.collections .titre-collection h1 {
font-weight:lighter;
font-size:1.5em
}

.collections .titre-collection span {
color:#666;
line-height:1.1em
}

.collections .texte-collections {
color:#333;
line-height:1.5em;
margin:25px 0 25px 430px;
padding-right:100px

}

.collections #collections {
padding-top:30px;
margin-top:30px
}

.collections .collections-txt {
padding-left:264px;
padding-right:320px
}

.collections .collections-img {
padding:100px 0 0 500px
}

.pied-collection {
float:right;
margin-top:30px;
padding-left: 800px;
border-top: 1px #666 solid;
text-align:right;
font-size:.85em
}

.civilisations {
background-color:#b6372d
}

#titre-civilisations {
color:#b6372d;
}

div.biais-civilisations-1 {
height:0;
float:right;
clear:right;
border-color:#b6372d #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
padding:0;
margin:0 0 0 6em;
}

div.biais-civilisations-2 {
height:0;
float:left;
clear:left;
border-color:#b6372d #fff;
border-style:solid solid none;
border-width: 2.5em 1em 0 0;
padding:0
}

#titre-initiation {
color:#3c4d95;
}

div.biais-initiation-1 {
height:0;
float:right;
clear:right;
border-color:#3C4B95 #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
padding:0;
margin:0 0 0 6em;
}

div.biais-initiation-2 {
height:0;
float:left;
clear:left;
border-color:#3C4B95 #fff;
border-style:solid solid none;
border-width: 2.5em 1em 0 0;
padding:0
}

.initiation {
background-color:#3C4B95
}
#col-initiation {
/*	width:370px;
	height:480px;
	background-color:#3C4B95*/
}
#titre-objet {
color:#dcbf46;
}

div.biais-objet-1 {
height:0;
float:right;
clear:right;
border-color:#dcbf46 #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
padding:0;
margin:0 0 0 6em;
}

div.biais-objet-2 {
height:0;
float:left;
clear:left;
border-color:#dcbf46 #fff;
border-style:solid solid none;
border-width: 2.5em 1em 0 0;
padding:0
}

.objet {
background-color:#dcbf46
}

#titre-contemporain {
color:#933;
}

div.biais-contemporain-1 {
height:0;
float:right;
clear:right;
border-color:#933 #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
margin:0 0 0 6em;
padding:0
}

div.biais-contemporain-2 {
height:0;
float:left;
clear:left;
border-color:#933 #fff;
border-style:solid solid none;
border-width: 2.5em 1em 0 0;
padding:0
}

.contemporain {
background-color:#933
}

#catalaa {
color:#333;
line-height:1.7em;
margin:25px 0 80px 410px
}

#methodes {
color:#333;
line-height:1.7em;
margin:25px 0 70px 410px
}

#titre-ateliers {
color:#ccc;
}

div.biais-ateliers-1 {
height:0;
float:right;
clear:right;
border-color:#ccc #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
padding:0;
margin:0 0 0 6em;
}

div.biais-ateliers-2 {
height:0;
float:left;
clear:left;
border-color:#ccc #fff;
border-style:solid solid none;
border-width: 2.5em 1em 0 0;
margin-right:10em;
padding:0;
}

.ateliers {
background-color:#ccc
}

#titre-monographies {
color:#e3aa37;
}

div.biais-monographies-1 {
height:0;
float:right;
clear:right;
border-color:#e3aa37 #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
padding:0;
margin:0 0 0 6em;
}

div.biais-monographies-2 {
height:0;
float:left;
clear:left;
border-color:#e3aa37 #fff;
border-style:solid solid none;
border-width: 2.5em 1em 0 0;
padding:0
}

.monographies {
background-color:#e3aa37
}

#titre-patrimoine {
color:#c67b3e;
}

div.biais-patrimoine-1 {
height:0;
float:right;
clear:right;
border-color:#c67b3e #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
margin:0 0 0 6em;
padding:0
}

div.biais-patrimoine-2 {
height:0;
float:left;
clear:left;
border-color:#c67b3e #fff;
border-style:solid solid none;
border-width: 2.5em 1em 0 0;
padding:0
}

.patrimoine {
background-color:#c67b3e
}

.autres-titres {
float:right;
clear:right	
}

#slovenie, #pelloux, #sommeil, #an-mil, #methodes-theories, #lapicque, #marquet {
margin-right: 320px
}

#_01 {
margin-right: 290px
}


#_02 {
margin-right: 350px
}

#_03 {
margin-right: 425px
}

#_04 {
	margin:0 515px 40px 0
}
#versailles, #cathelin, #kosovo, #explor-art, #aivazovski  {
margin-right: 420px
}
#gruau {
	margin-right:430px
}
#buren-atelier {
margin:50px 650px 0 0
}

#villegle-atelier {
margin:50px 750px 0 0
}

#jaipur, #salzmann, #byzance {
margin-right: 500px
}

#poirier-atelier, #histoire-moi  {
margin-right: 550px
}

#imperatrices, #velickovic, #icones, #malewicz, #sarian {
margin-right: 600px
}

#sarian {
margin-right: 570px
}

#marval {
margin:50px 720px 0 0
}

#luang, #macedoine {
margin:50px 700px 0 0
}

#titre-musee {
color:#98adc1;
}

div.biais-musee-1 {
height:0;
float:right;
clear:right;
border-color:#98adc1 #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
padding:0;
margin:0 0 0 6em;

}

div.biais-musee-2 {
height:0;
float:left;
clear:left;
border-color:#98adc1 #fff;
border-style:solid solid none;
border-width: 2.5em 1em 0 0;
padding:0
}

.musee {
background-color:#98adc1
}

#aivazovski {
/*width:385px;
font-size:85%*/
}

#vagues {
float:right;
font-size:85%;
text-align:center;
margin:7px 0 20px 25px
}

#titre-galerie {
color:#aa827f;
}

div.biais-galerie-1 {
height:0;
float:right;
clear:right;
border-color:#aa827f #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
margin:0 0 0 6em;
padding:0
}

div.biais-galerie-2 {
height:0;
float:left;
clear:left;
border-color:#aa827f #fff;
border-style:solid solid none none;
border-width:.2em 1em;
padding:0
}

.galerie {
background-color:#aa827f
}

div.biais-Castiglione-1 {
height:0;
float:right;
clear:right;
border-color:#b6372d #fff;
border-style:solid;
border-width:0 0 3em 1em;
margin:0 0 0 6em;
padding:0
}

div.biais-Castiglione-2 {
height:0;
float:right;
clear:right;
border-color:#b6372d #b6372d #b6372d #fff;
border-style:solid none none solid;
border-width:1.2em 1em 1em;
margin:0 0 0 6em;
padding:0
}

#Pirrazoli {
float:right;
color:#b6372d;
background-color:#E6E6E6;
width:555px;
margin:65px 0 25px 410px;
padding:5px 20px
}

.txt-Castiglione {
text-align:justify;
margin:57px 0 25px
}

.auteurs {
color:#333;
background-color:#F5F5F5;
border-bottom:#ccc solid 1px;
border-right:#ccc solid 1px;
margin-bottom:25px;
padding:10px 30px
}

#sommaire li {
margin-left:35px
}

#sommaire p {
margin:-1em 0
}

#troy {
margin:12px 35px 10px 0
}

#puvis {
margin-bottom:20px
}

.sommaireKM {
margin-left:410px;
border-top:#999 solid thin
}

.chapeau {
margin-bottom:5px;
font-weight:700
}

.chapitre {
font-size:90%;
margin-bottom:5px
}

.titreChapitre-1 {
margin-bottom:5px;
margin-left:60px;
font-size:100%
}

.titreChapitre {
margin-bottom:10px;
margin-left:10px;
font-size:100%
}

.titreChapitre-3 {
margin-bottom:10px;
font-size:130%
}

#txt-pdf-versailles p {
float:left;
margin:-3px 0 20px 20px
}

#Marval-pdf {
margin:100px 0 0 700px
}

#LaoTzen {
float:left;
width:200px
}

#chapeau {
margin:0 25px 10px 0
}

#martin {
margin-top:0
}

#titre-cotes {
color:#e31c17;
}

.autres-titres {
float:right; 
clear:right
}

div.biais-cotes-1 {
height:0;
float:right;
clear:right;
border-color:#e31c17 #fff;
border-style:solid;
border-width:0 0 2.5em 1em;
margin:0 0 0 6em;
padding:0
}

div.biais-cotes-2 {
height:0;
float:left;
clear:left;
border-color:#e31c17 #fff;
border-style:solid solid none;
border-width: 2.5em 1em 0 0;
padding:0
}

.cotes {
background-color:#e31c17
}

.gauche {
float:left;
width:350px;
/*padding-top:60px;*/
font-size:.8em;
text-align:center
}

.droite {
float:right;
width:514px;
padding:0 60px 0 0
}

#txt-contact span {
color:#b6372d
}

.rechercher #gauche {
float:left;
width:499px;
padding-top:30px
}

.rechercher #droite {
margin:0 0 0 500px;
padding:30px 30px 0
}

#recherche {
text-align:center;
margin:30px 0 25px
}

.recherche-titre {
float:left;
width:499px
}

.rechercher li {
list-style-image:url(../images/puce.gif);
margin:0 0 .3em -25px
}

input[type="text"] {
border:1px inset #999
}

input[type="submit"] {
margin-bottom:-1px;
border:1px inset #999;
background-color:#F2F2F2
}

#envoyer {
position:absolute;
top:810px;
margin-left:695px;
left:30px
}

#recherche-titre a {
text-decoration:none;
color:#000
}

#plan {
padding-top:80px;
color:#666
}

#plan li {
list-style-image:url(../images/puce.gif);
margin-bottom:.8em
}

#plan ul {
margin-top:5px
}

.plan {
background: url(../images/plan.png) repeat-y;
margin-bottom:.8em;
padding:3px 0 3px 7px
}

#message {
display:none
}

a:hover,#recherche-titre a:hover {
text-decoration:none;
color:#C33
}

.icone-pdf, #menu dl, .float-left {
float:left
}

.float-right {
	float: right;
}

.deuxCol #tete h1,#pied p {
margin:0;
padding:10px 0
}

.presse-centre,.presse-droite,.cliquez {
text-align:center
}

.legende,#Aivazovski-1898 {
text-align:center;
font-size:85%
}

#explorArt {
color:#333;
line-height:1.7em;
margin:25px 0 50px 410px
}

#histoire {
color:#333;
line-height:1.7em;
margin:25px 0 0 410px
}

#sommaire-aivazovski,#sommaire,#sommaire-champagne {
margin-left:410px
}
#erreurs {
padding:200px 0 0 300px
}