@charset "utf-8";
/* Global settings needed for thickbox */
*{padding: 0; margin: 0;}

body {
	font:.8em Century Gothic,'Trebuchet MS', Arial, Helvetica, sans-serif;
	background: #fff;
	/*border-top:#41424B solid thin;*/
	margin:0; /* marge et remplissage de l'élément body à zéro, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 1px 0 0;
	text-align: center; /* centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #333;
}
.haut {
	position:absolute; 
	top:0; 
	left:0; 
	width:1px; 
	height:1px
}
a {
	text-decoration:none;
	color:#900 /*#666;*/
}
a:visited {
	text-decoration:none
}
a:hover {
	text-decoration:none;
	color:#C33
}
a:active {
	text-decoration:none;
}
a img {
	border:none
}
a.floatbox {
	text-decoration:none;
	color:#666
}
.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
}
.indent {
	text-indent:1.5em
}
h1, h2, h3 {
	font-weight:lighter;
	font: 1.7em Century Gothic,"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#800000;
	text-align:left;
}
h1 {
	font-size: 2.5em;
}
h3 {
	font-size: 1.4em;
}
img {
	border:0
}
ol li {
	list-style:none;
}
ul {
	margin-left:25px;
}
ul li {
	list-style-image: url(../images/puce.gif);
	margin-bottom:1em
}
#centre ol li {
	margin-left:3em
}
.lettrine {
	font-size:2.8em;
	color:#800000;
	margin-right:5px;
	margin-top:3px;
	float:left;
	line-height:1em;
	margin-right:.5em;
}
sup {
	font-size:.8em;
	vertical-align:25%
}
.trait-accueil {
	border-top: #900 1px dotted;
}
#futures {
	background-color:#EEE;
	margin-top:60px;
	padding:15px
}
.hrInvisible {
	clear:both;
	visibility:hidden
}		
#tondo {
	text-align:center;
	margin:30px 0;
	clear:both
}
#tondo-contact {
	position:absolute;
	top:830px;
	width:780px;
	text-align:center;
}
#rideau {
	position: absolute;
	top: 20px;
}
.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: left;
}
.align-center {
	text-align:center
}
	
/******************************************** Info bulles */
#note1, #note2, #note3, #note4, #note5, #note6, #note7, #note8 {
	display:none;
	color:#333
}
.note {
	color:#C38
}
/******************************************** Menu */
.entete-fr #accueil{
	width:5.2em;
}
.entete-fr #association {
	width:8.1em
}
.entete-fr #biographie {
	width:7.1em
}
.entete-fr #bibliographie {
	width:8em
}
.entete-fr #expositions {
	width:7.1em
}
.entete-fr #attribution {
	width:7.1em
}
.entete-fr #recherches {
	width:7em
}
.entete-fr #oeuvre {
	width:5em
}
.entete-fr #actualite {
	float:right;
	padding-right:.1em
}

#langue-en {
	position: relative;
	left:743px;
	top:3px;
	height:0;
	width:23px;
	}
#langue-ru {
	position: relative;
	left:743px;
	top:25px;
	height:0;
	width:23px;
	}

/************************************************** Navigation */

#menu {
	font-size:.897em;
	/*font-weight:bold; problème evec cyrillique */
	background:#41424B;
	position:relative;
	z-index:3;
}
#menu a {
	display:block;
	text-decoration:none;
}
#menu ol {
	list-style:none;
	position: relative;
	z-index:300;
	background:#41424B url(../icono/accueil/menu.bg.jpg) repeat-y;
	/*margin-right:0;*/
}
#menu ol li.premier {
	background:none;
}
#menu ol li {
	float:left;
	position:relative;
	background:url(../icono/accueil/menuitem.bg.jpg) no-repeat 0 50%;
	padding-right:.95em
}
#menu ol ol {
	position:absolute;
	top:auto;
	display:none;
	font-weight:normal;
	width:130px;
	background: none;
}
#menu ol ol li {
	width:100%;
	float:left;
	background:#5f5555;
	border-top:1px dotted #9f9aa0;
	margin-top:0;
}
#menu ol ol ol {
	position:absolute;
	top:-1px;
	left:100%;
	display:none;
	width:150px
}
#menu ol ol ol li {
	background:#c7c5ce;
	/*width:190px  Recouvrir le fond */
}
/* a */

#menu ol li a {
	color:#dfdfeb;
	padding:2px 3px;
}
#menu ol ol li a {
	color:#dfdfeb;
	padding:1px 3px;
}
#menu ol ol ol li a {
	color:#4b4646;
}
#menu ol ol .parent {
	background:#5f5554 url(../images/menu_chevron_off.png) no-repeat 95% 53%
}
#menu li.premier a.actif {
	background:#646464;
	color:#fff
}
#menu li a.actif {
	background:#646464 url(../icono/accueil/menuitem.bg.jpg) no-repeat 0 50%;
	color:#fff
}
/* Rollover */

#menu ol li:hover, #menu ol li.sfhover {
	background:#646464 url(../icono/accueil/puce_menu.png) no-repeat 0 50%;
	color:#fff;
}
#menu ol li.premier:hover {
	background:#646464;
	color:#fff;
}
#menu li li:hover, #menu li li.sfhover {
	background:#e7e7f0;
}
#menu li li.parent:hover, #menu li li.parentsfhover {
	background:#e7e7f0 url(../images/menu_chevron_off.png) no-repeat 95% 53%;
}
#menu li li:hover a, #menu li li.parentsfhover a, #menu li li.sfhover a, #menu li li.parentsfhover:hover a {
	color:#000
}
/* ROLLOVER CSS */

#menu li:hover ol ol, #menu li.sfhover ol ol, #menu li li:hover ol ol, #menu li li.sfhover ol ol, #menu li li li:hover ol ol, #menu li li li.sfhover ol ol {
	display:none;
}
#menu li:hover ol, #menu li.sfhover ol, #menu li li:hover ol, #menu li li.sfhover ol, #menu li li.parentsfhover ol, #menu li li li:hover ol, #menu li li li.sfhover ol {
	display:block;
}
/*************************** Fin navigation */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
	padding-left:6px
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.sous-menu {
	float:right;
	margin: 0 0 30px 45px;
	padding: 12px;
	background:url(../images/fond-col-droite.jpg) repeat-x;
}
/**************************Deux colonnes - Bloc central */
.deuxCol {
	width: 780px;
	margin: 0 auto;
}
.deuxCol #conteneur {
	width: 100%;
	overflow: hidden;
	text-align:left /* annule le paramètre text-align: center de l'élément body. */
}
	/* Contenu principal */
.deuxCol #principal{
	float: left;
	width: 540px;
	padding: 10px 20px 10px 0;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}
/* Colonne de news */
#col-droite {
	margin-left: 580px;
	padding: 12px;
	background:url(../images/fond-col-droite.jpg) repeat-x
}
/************************** Une colonnes - Contenu */
.uneCol #conteneur {
	width: 780px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #fff;
	color:#333;
	line-height:1.5em;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: justify; /* annule le paramètre text-align: center de l'élément body. */
}
.uneCol #entete {
	background: #eee; 
	/*padding: 0 10px 0 20px;   ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
}
.uneCol #entete h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}
.uneCol #centre-accueil {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	background: #fff;
}
.uneCol #centre-legal {
	padding: 50px 0 20px; 
	background: #fff;
}
.uneCol #centre {
	padding: 25px 0 0;
	background: #fff;
}
#pied {
	background-color: #EEE;
	font:.85em Century Gothic,'Trebuchet MS', Arial, Helvetica, sans-serif;
	/*padding: 30px 10px 0 10px;  ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	text-align:center;
}
#pied-contact {
	position:absolute;
	top:950px;
	width:780px;
	background-color:#EEE;
	font:.85em Century Gothic,'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align:center;
}
#pied p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.img-gauche {
	float:left;
	margin:5px 17px 10px 0;
	font-size: 11px;
	font-style: italic;
	text-align:center;
}
.img-droite {
	float:right;
	margin:0 0 10px 17px;
	font-size: 11px;
	text-align:center;
	font-style: italic;
}
.border-top {
	border-top:#999 1px dotted;
	padding-top:10px;
	margin-top:10px
}
#exter-bourliouk {
	width:242px;
	margin:4px 0 10px 25px;
	color:#333;
	font-style: italic;
}
#lissim {
	width:350px;
	margin:8px 25px 20px 0;
	color:#333;
}
#exter-tombe {
	width:250px;
	margin:3px 0 10px 25px;
	color:#333;
}
.region {
	background-color:#ccc;
	padding:10px
}
#palette {
	margin-left:35px
}
/******************************************* Collections publiques */
.ligne {
	border-bottom:#CCC 1px solid;
	margin:50px 0 -10px
}
#Astrakhan {
	width:225px;
	margin-bottom:30px;
	background-color:#fff
}
#Iaroslavl {
	width:200px;
	margin-bottom:30px;
	background-color:#fff
}
#Krasnodar {
	width:230px;
	margin-bottom:30px;
	background-color:#fff
}
#Nijni {
	width:250px;
	margin-bottom:30px;
	background-color:#fff
}
#Makhatchkala {
	width:320px;
	margin-bottom:30px;
	background-color:#fff;
}
#Rostov {
	width:480px;
	margin-bottom:30px;
	background-color:#fff
}
#Saratov {
	width:220px;
	margin-bottom:30px;
	background-color:#fff
}
#Serpoukhov {
	width:230px;
	margin-bottom:30px;
	background-color:#fff
}
#Slobodskoi {
	width:240px;
	margin-bottom:30px;
	background-color:#fff
}
#Vologda {
	width:185px;
	margin-bottom:30px;
	background-color:#fff
}
#ville-la-nuit {
	width:276px;
	margin:4px 16px 10px 25px;
	color:#333;
	font-style:italic;
}
#florence-1914 {
	width:350px;
	margin:0 -10px 20px 25px;
	color:#333;
	font-style: italic;
}
#construction-1923 {
	width:350px;
	margin:0 -10px 20px 25px;
	color:#333;
	font-style: italic;
}
#composition-1917 {
	margin:-30px 0 0 40px;
	color:#333;
	font-style: italic;
}
#nature-morte-1913 {
	width:272px;
	margin:2px 40px 15px -5px;
	color:#333;
	font-style: italic;
}
#nature-morte-1915 {
	width:326px;
	margin:2px 40px 15px -5px;
	color:#333;
	font-style: italic;
}
#pont-sevres {
	width:273px;
	margin:2px -5px 15px 0;
	color:#333;
	font-style: italic;
}
#construction-surfaces {
	width:248px;
	margin:3px 40px 25px -3px;
	color:#333;
	font-style: italic;
}
#construction-couleurs {
	width:347px;
	margin:0 40px 25px -3px;
	color:#333;
	font-style: italic;
}
#venise-1915 {
	width:276px;
	margin:0 40px 25px -3px;
	color:#333;
	font-style: italic;
}
#Compo-non-object-1922 {
	width:318px;
	margin:0 40px 25px -5px;
	color:#333;
	font-style: italic;
}
#Compo-1917 {
	width:267px;
	margin:0 40px 25px -5px;
	color:#333;
	font-style: italic;
}
#Construction-dyn {
	width:336px;
	margin:0 40px 25px -5px;
	color:#333;
	font-style: italic;
}
#nuit-1913 {
	margin:0 40px 0 -5px
}
#genes {
	margin-right:30px
}
#dieppe {
	margin-left:30px
}
#pays {
	width:250px;
	border-left:#930 9px solid;
	/*background-color:#930;
	color: #FFF;
	text-align:right;*/
	padding:5px 10px
}
/********************************************** Expositions de références */
#tugendhold {
	width:259px;
	margin:0 35px 25px 0;
	color:#333; 
	font-style: italic;
}
#tugendhold-txt {
	margin-left:240px;
	width:490px
}
#kovalenko {
	width:200px;
	margin:50px 150px 70px 150px;
	color:#333; 
	font-style: italic;
}
#aksenov {
	width:270px;
	margin:0 -5px 35px 35px;
	color:#333; 
	font-style: italic;
}
#aksenov-txt {
	width:470px
}
#artist-theatre-txt {
	width:420px
}
#artist-theatre {
	margin-top:10px
}
#trois-figures {
	margin:5px 40px 30px
}
#bakhrouchine {
	width:780px
}
/******************************************** Contact */
#titre {
	padding-top:50px
}
#submit {
	border:1px #000 solid;
	font-family:Century Gothic,'Trebuchet MS', Arial, Helvetica, sans-serif;
	cursor:pointer; 
	padding:1px; 
	width:150px
}
#submit:hover {
	border:1px red solid
}
.alerte {
	font-size:14px;
	color:#c33
}
.focus {
	background:#ff9
}
/**************************** Tableaux */
/*table {
	background-color:#EEE;
	padding:25px
}
td {
	font-size: 11px;
	font-style: italic;
	text-align:center;
	vertical-align:bottom
}
*/
.legende {
	font-size: 11px;
	font-style: italic;
}