@charset "utf-8";
body {
	margin: 0; padding: 0;
	background: #909090;
}
a { color: #009; }
body, input, textarea, td {
	font: normal normal normal 11px Arial, sans-serif;
}
h1 { display: block; height: 60px; background: url(img/logo.png); text-indent: -5000px; margin: 0; padding: 0; }
h3 { clear: both; }
h1.info, h2.info, h3.info, p.info { display: none; }

.clear-block:after {
  clear:both;
  content:".";
  display:block;
  height:0pt;
  visibility:hidden;
}

.clear-block { display:inline-block; }
* html .clear-block { height:1%; }
.clear-block { display:block; }

/******************************************************************************
                                Page d'accueil
******************************************************************************/
div#enter {
	display: block;
	position: absolute;
	height: 425px; width: 760px;
	top: 50%; left: 50%;
	margin-top: -212px; margin-left: -380px;
	text-indent: -5000px; text-decoration: none;
	background: url('img/accueil.jpg');
}
div#enter a {
	display: block;
	height: 425px; width: 760px;
}
div#enter a:hover { background: url('img/accueil_hover.png'); }
* html div#enter a:hover { background: url('img/accueil_hover.jpg') 151px 108px no-repeat; }
/******************************************************************************
                        Affichage de l'image à gauche
******************************************************************************/
div#img {
	border: 0px solid;
	position: fixed;
	display: block;
	height: 600px;
	width: 35%;
	/*background: #909090 url('<?php echo $img; ?>') right center no-repeat;*/
}
* html div#img { position: absolute; }
/******************************************************************************
                         Le texte et autre contenu
******************************************************************************/
div#content {
	background: #c1c1c1;
	position: absolute;
	padding: 0px 0 0 0;
	margin: 5% 5px 0 37%;
	width: 60%;
}
* html div#content { padding-right: 2px; background: #c1c1c1 url(img/content_bg.jpg) right repeat-y; }
div#content p {
	padding: 5px 50px 10px 50px;
	margin: 0;
}
div#content h3 {
	padding: 5px 50px 5px 50px;
	margin: 0;
	font-size: 12px;
}
div#content ul {
	padding: 5px 50px 5px 50px;
	margin: 0px 0px 0px 50px;
}
div#content div#news { margin: 0 50px; padding: 10px 10px; background-color: #ddd; }
/******************************************************************************
                                Page contact
******************************************************************************/
div#content p.adresse, div#content form fieldset label {
	text-align: center;
	font-weight: bold;
}
div#content form fieldset {
padding: 5px;
text-align: center;
border: 1px solid #ccc;
margin-bottom: 20px;
}
div#content form fieldset legend {
color: #ccc;
}
div#content form fieldset textarea {
	width: 95%;
}
div#content form fieldset input, div#content form fieldset textarea {
	border: 1px solid #999;
padding: 0 5px;
color: #009;
background: #eee;
}
div#content form fieldset input.submit {
	padding: 0 20px;
	cursor: pointer;
}
/******************************************************************************
                              Liste page peinture
******************************************************************************/
div#content ul.tab {
	clear: both;
	margin: -0px 0 1px 0; padding: 0 0 0 3%;
	font-weight: bold;
background: #909090;
height: 4.5ex; border-bottom: 0px solid #666;
	font-size: 1.1em;
}
div#content ul.tab li {
	margin: 0; padding: 0;
	display: block;
	list-style: none;
	float: left;
	width: 16%;
	border: 0px solid black;
}
div#content ul.tab li a {
height: 4.5ex;
	display: block;
	overflow: hidden;
	padding: 0px 0;
	text-decoration: none;
	background: transparent;
	text-align: center;
	color: white;
}
div#content ul.tab li a:hover { background: #343434; }
div#content ul.tab li a.cur, div#content ul.tab li a.cur:hover   { background: #c1c1c1; color: #333333; font-size: 1.1em; }
/******************************************************************************
                       Page liens affichage de la "table"
******************************************************************************/
div#content ul.table {
	width: 470px;
	margin-top: 25px;
}
div#content ul.table li {
	margin-top: -1.5ex;
}
div#content ul.table li a {
	position: relative;
	width: 335px;
	left: 11em;
	top: -2.5ex;
	display: block;
}
/******************************************************************************
                affichage de la liste des oeuvres (thumbnails)
******************************************************************************/
div#content ul#list {
	margin: 0 0 0 50px; padding: 0;
}
div#content ul#list li {
	margin: 0px; padding: 0;
	list-style: none;
	margin: 10px;
	display: block;
	float: left;
	background: #666666;
	width: 100px;
	height: 100px;

}
div#content ul#list li a {
	margin: 0px;
	padding: 5px;
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	background: #ccc center no-repeat;
	text-decoration: none;
	text-indent: -5000px;
	border: 1px solid white;
}
* html div#content ul#list li a { background-color: #eee; }
div#content ul#list li a span { display: none; }

div#content ul#list li a.marziani { background-image: url('img/oeuvres/th_marziani.png'); }
div#content ul#list li a.tableau_02 { background-image: url('img/oeuvres/th_tableau_02.png'); }
div#content ul#list li a.tableau_03 { background-image: url('img/oeuvres/th_tableau_03.png'); }
div#content ul#list li a.tableau_04 { background-image: url('img/oeuvres/th_tableau_04.png'); }
div#content ul#list li a.tableau_05 { background-image: url('img/oeuvres/th_tableau_05.png'); }
div#content ul#list li a.tableau_06 { background-image: url('img/oeuvres/th_tableau_06.png'); }
div#content ul#list li a.tableau_07 { background-image: url('img/oeuvres/th_tableau_07.png'); }
div#content ul#list li a.tableau_08 { background-image: url('img/oeuvres/th_tableau_08.png'); }
div#content ul#list li a.tableau_09 { background-image: url('img/oeuvres/th_tableau_09.png'); }
div#content ul#list li a.tableau_10 { background-image: url('img/oeuvres/th_tableau_10.png'); }
div#content ul#list li a.tableau_11 { background-image: url('img/oeuvres/th_tableau_11.png'); }
div#content ul#list li a.tableau_12 { background-image: url('img/oeuvres/th_tableau_12.png'); }
div#content ul#list li a.taillon { background-image: url('img/oeuvres/th_taillon.png'); }
div#content ul#list li a.sadika_01 { background-image: url('img/oeuvres/th_sadika_01.png'); }
div#content ul#list li a.sadika_02 { background-image: url('img/oeuvres/th_sadika_02.png'); }
div#content ul#list li a.sadika_03 { background-image: url('img/oeuvres/th_sadika_03.png'); }
div#content ul#list li a.sadika_04 { background-image: url('img/oeuvres/th_sadika_04.png'); }
div#content ul#list li a.sadika_05 { background-image: url('img/oeuvres/th_sadika_05.png'); }
div#content ul#list li a.sadika_06 { background-image: url('img/oeuvres/th_sadika_06.png'); }
div#content ul#list li a.sadika_07 { background-image: url('img/oeuvres/th_sadika_07.png'); }
div#content ul#list li a.sadika_08 { background-image: url('img/oeuvres/th_sadika_08.png'); }
div#content ul#list li a.sadika_09 { background-image: url('img/oeuvres/th_sadika_09.png'); }
div#content ul#list li a.sadika_10 { background-image: url('img/oeuvres/th_sadika_10.png'); }
div#content ul#list li a.sadika_11 { background-image: url('img/oeuvres/th_sadika_11.png'); }
div#content ul#list li a.sadika_12 { background-image: url('img/oeuvres/th_sadika_12.png'); }
div#content ul#list li a.sadika_13 { background-image: url('img/oeuvres/th_sadika_13.png'); }
div#content ul#list li a.sadika_14 { background-image: url('img/oeuvres/th_sadika_14.png'); }
div#content ul#list li a.sadika_15 { background-image: url('img/oeuvres/th_sadika_15.png'); }
div#content ul#list li a.tapis_01 { background-image: url('img/oeuvres/th_tapis_01.png'); }
div#content ul#list li a.tapis_02 { background-image: url('img/oeuvres/th_tapis_02.png'); }

div#content ul#list li a.lemarier_01 { background-image: url('img/oeuvres/th_lemarier_01.jpg'); }
div#content ul#list li a.tendler_04 { background-image: url('img/oeuvres/th_tendler_04.jpg'); }
div#content ul#list li a.tendler_05 { background-image: url('img/oeuvres/th_tendler_05.jpg'); }
div#content ul#list li a.tendler_06 { background-image: url('img/oeuvres/th_tendler_06.jpg'); }
div#content ul#list li a.deligne_01 { background-image: url('img/oeuvres/th_deligne_01.jpg'); }


div#content ul#list li a:hover {
	background-color: white;
}
/******************************************************************************
          affichage de la liste des photos page sommaire (thumbnails)
******************************************************************************/
div#content ul#bar {
	margin: 0 0 0 50px; padding: 0;
}
div#content ul#bar li {
	margin: 5px;
	padding: 5px;
	list-style: none;
	display: block;
	float: left;
	background: #666666;
	width: 100px;
	height: 100px;
	background: #ccc center no-repeat;
	text-decoration: none;
	text-indent: -5000px;
	border: 1px solid white;
}
div#content ul#bar li a span { display: none; }

div#content ul#bar li.IMG_1304 { background-image: url('img/bar/th_IMG_1304.jpg'); }
div#content ul#bar li.IMG_1312 { background-image: url('img/bar/th_IMG_1312.jpg'); }
div#content ul#bar li.IMG_1314 { background-image: url('img/bar/th_IMG_1314.jpg'); }
div#content ul#bar li.IMG_1315 { background-image: url('img/bar/th_IMG_1315.jpg'); }
div#content ul#bar li.IMG_1321 { background-image: url('img/bar/th_IMG_1321.jpg'); }
div#content ul#bar li.IMG_1323 { background-image: url('img/bar/th_IMG_1323.jpg'); }
div#content ul#bar li.IMG_1331 { background-image: url('img/bar/th_IMG_1331.jpg'); }
div#content ul#bar li.IMG_1332 { background-image: url('img/bar/th_IMG_1332.jpg'); }


div#content ul#bar li a:hover {
	background-color: white;
}
/******************************************************************************
                         La naviguation du site
******************************************************************************/
div#content ul#nav {
	clear: both;
	margin: 0; padding: 20px 0 0 0;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 1.1em;
}
* html div#content ul#nav { margin: 20px 0 0 0; padding: 0; }
div#content ul#nav li {
	margin: 0; padding: 0;
	display: block;
	list-style: none;
	float: left;
	width: 25%;
}
div#content ul#nav li a {
	height: 2.5ex;
	display: block;
	overflow: hidden;
	padding: 3px 0;
	text-decoration: none;
	background: #666666;
	text-align: center;
	color: white;
}
* html div#content ul#nav li a { height: 4ex; }
div#content ul#nav li a:hover, div#content ul#nav li.cur a {
	background: #343434;
}
div#content ul#nav li a.sub {
	background: #343434;
}
div#content ul#nav li a.sub:hover, div#content ul#nav li.cur a.sub {
	background: #666666;
}
/******************************************************************************
                         Footer
******************************************************************************/
div#footer { text-align: center; background-color: #909090; color: #aaa; }
div#footer.accueil { width: 760px; position: absolute; top: 50%; left: 50%; margin-left: -380px; margin-top: 212px; }
div#footer dl { margin: 0; padding: 5px; }
div#footer dl dt, #footer dl dd { display: inline; margin: 0; padding: 0; }
div#footer dl.update dd, #footer dl.update dt, #footer dl.update a:hover, #footer dl.update a:active { background-color: #909090; color: #aaa; }
div#footer dl.update dd:before { content: ' - '; }
* html div#footer dl.update dd { margin-left: 20px; }
div#footer dl.update a { background-color: #909090; color: #aaa; }
div#footer dl.view, #footer dl.validation { font-size: 0.8em; }
div#footer dl.view dt { background-color: #909090; color: #aaa; }
div#footer dl.validation dt { display: none; }
div#footer ul { background-color: #909090; color: #aaa; list-style: none; padding: 0; margin: 0; display: inline; }
div#footer ul li { display: inline; margin: 0 10px; }
div#footer ul a:before { content: "["; }
div#footer ul a:after { content: "]"; }
div#footer ul a:link, #footer ul a:visited { background-color: #909090; color: #999; }
div#footer ul a:hover, #footer ul a:active { background-color: #909090; color: #aaa; }
div#footer ul li a.cur { font-weight: bold; background-color: #333; color: #777; }