/* martine.bardiaux.free.fr
 * CSS par Philippe SIRUGUE
 * 
 */

* { margin: 0; padding: 0; }
html { background: white url(fond.png) repeat-x top left; }
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.6em;
	color: #3B62BF;
	cursor: url(curseur.cur), default }

h1, h2, h3, h4, h5, h6 { 
	color: #BF3B7B; 
	font-family: "Trebuchet MS", sans-serif; 
	clear: both; 
	margin: 2em 0 1em 0; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

p { margin: 10px 0; }
a { color: #3B62BF; }
a[hreflang]:after { content: " [" attr(hreflang) "]" }
acronym { cursor: help; border-bottom: 1px dotted #3B62BF}
pre, code{ font-size: 1.2em; }
pre{ width: 100%; overflow: auto; }
dl { width: 20em; }
dt { font-size: 1.2em; font-weight: bold; }
li { margin: 0 0 10px 20px; }
.error li { margin: 0 0 0 20px;
	background: yellow; color: red;}
	
table { width:50%;
	border-collapse: collapse; border: solid 1px #3B62BF; }
caption { font-family:sans-serif; color: #BF3B7B; }
th { font-family: monospace;
	padding:5px;
	color: white; background: #3B62BF; border:1px dotted #3B62BF; }
td { padding:5px;
	border-bottom: solid 1px #F98F1B; }
hr { clear: both; visibility: hidden; }

img.droit { float: right; margin: 0 0 0 5px;}
img.gauche{ float: left; margin: 0 5px 0 0;}
#englobe { background: transparent url(fond-gauche.png) repeat-y 15px 0px;}

#page { padding: 210px 50px 0 250px;  }

.l_permut { margin: 10px 0; }
.l_permut li { display: inline; }
.l_permut li a { color: #FF6600; }
#permut  { font-weight: bold; }
table.expo { float: left; width: 250px; margin: 0 10px; max-width: 50%; }

/* contenu
-------------------------------------------------------- */
dl.cours { float: left; margin: 0 20px; }


#pa ul { position: relative; 
	width:300px; height:400px; 
	background:#fff url(../../atelier1.jpg) no-repeat; }
#pa ul li { list-style: none;
	position: absolute; left:0px; top: 0px;
	z-index:100;
	padding: 0px; margin: 0px; }

#pa ul:hover li#atelier2 { visibility: hidden; }


#rss { background: url(rss.png) no-repeat 0% 50%;
	padding: 0 0 0 16px;
	font-size: 0.8em}
#rss a {color:#002DFF }


/*
div#photos
div#navigation
ul#miniatures
dl#oeuvre
*/

div#photos { border-top: solid 1px #3B62BF;}

#miniatures { clear: both; }
#miniatures li { list-style: none; 
	float: left; margin: 10px; }
#miniatures li img { border: solid 2px; }

#miniatures.rouge li b img { border-color: #de0e18; }
#miniatures.bleu li b img { border-color: #0b1ade; }
#miniatures.vert li b img { border-color: #5fde02; }
#miniatures.ocre li b img { border-color: #de8f06; }
#miniatures.calligraphie li b img { border-color: black; }

#miniatures li a img { border-color: #A2A3A7; }

#miniatures.rouge li a img { border-color: #DF7C80; }
#miniatures.bleu li a img { border-color: #7C84DF; }
#miniatures.vert li a img { border-color: #A7DF7C; }
#miniatures.ocre li a img { border-color: #DFBB7C; }
#miniatures.calligraphie li a img { border-color: silver; }

#miniatures.rouge li a:hover img, #miniatures.rouge li a:focus img { border-color: #de0e18; }
#miniatures.bleu li a:hover img, #miniatures.bleu li a:focus img { border-color: #0b1ade; }
#miniatures.vert li a:hover img, #miniatures.vert li a:focus img { border-color: #5fde02; }
#miniatures.ocre li a:hover img, #miniatures.ocre li a:focus img { border-color: #de8f06; }
#miniatures.calligraphie li a:hover img, #miniatures.calligraphie li a:focus img { border-color: black; }

#miniatures li a:active img { border-color: white; }

#navigation { clear: both; }
#navigation a { color: black; }
#navigation strong, #navigation a:hover, #navigation a:focus { color: #A7DF7C; }

#voir { border: none; width: auto; margin: 80px 0 0 -100px;}
#voir dd { float: left; }
#voir dd.menu { display: block; clear: left; }
dd.titre { font-weight: bold; }
dd.dimensions { font-style: italic; }
#voir dd.infos:before { content: ", "; }
#voir dd.infos.titre:before { content: ""; }
#voir dt img { background: white url(loading.gif) no-repeat 50% 50%;
	padding: 10px;
	border : 20px solid #A2A3A7; }


#voir.rouge dt img { border-color: #DF7C80; }
#voir.bleu dt img { border-color: #7C84DF; }
#voir.vert dt img { border-color: #A7DF7C; }
#voir.ocre dt img { border-color: #DFBB7C; }
#voir.calligraphie dt img { border-color: black; }



#martine_bardiaux { float: left; margin: 0 5px 0 0; width: 300px;
	color: #BF3B7B; }
#martine_bardiaux a { color: #BF3B7B; }

#liens h3 a { color: #BF3B7B; }
#liens .lien { float: left; margin: 0 10px 10px 10px; width: 20em; }

/* menu
-------------------------------------------------------- */
#menu { z-index: 3000; position: absolute; top: 10px; left: 0; 
	width: 900px; height: 211px;
	color: black;
	font-size: 0.8em; }
h1 { position: absolute; left: 250px; top: 0px;
	margin: 0; }
h1 img { border: none; }
#menu ul { z-index: 3001; position: absolute; left: 100px; top: 120px; 
	padding: 0 0 0 82px; }
#menu li { float: left; width: 135px; height: 75px;
	margin: 0;
	text-align: center; list-style: none;  }
#menu li a, #menu li b { display: block; height: 100%; width: 100%; 
	position: relative; top: -20px; 
	text-decoration: none; color: #FF7F00; background: transparent url(menu.png) no-repeat 0 20px; }
#menu li a:focus,#menu li a:hover,#menu li a:active, #menu li b { font-weight: bold; 
	background-image: url(menu-hover.png); }

#menu_themes hr { margin : 50px 0; }
#menu_themes p,
#menu_themes li { float: left; margin: 0 5px; list-style: none;}

/* Contact
-------------------------------------------------------- */
#contact { position: absolute; z-index: 1000;
	top: 410px; left: 20px;
	width: 190px;
	padding: 10px;
	background: #FFFFFF;
	 font-size: 0.8em;}
#contact dl { width: 210px; }
#contact h1, #contact a, #contact dt, #contact dd { color: #FF7F00; }
#contact h1 { font-weight: normal; position: static;}
#contact dt { font-size: 1em; font-weight: normal; }

/* Formulaire
-------------------------------------------------------- */
label span { display: block; }


/* Livre d'or
-------------------------------------------------------- */
dl#livredor { width: auto; }

dl#livredor dd { border-bottom: dotted 1px silver;
	margin: 0px;
	padding: 0 0 5px 0; }
dl#livredor dd * { color: #3B62BF; margin: 0; }

dl#livredor dt { font-size: 80%;
	margin: 5px 0px 0px 0px; color: black;
	border-top: dotted 1px silver;}
#dcwikibar img { float: left; margin: 0px 2px}

/* Le pied de page
-------------------------------------------------------- */
a#remonter { display: block; clear: both; margin : 50px 0px 0px 0px;
	color: green; }
#pied { text-align: left; padding: 130px 0 0 0; margin: 0 10px 0 0; clear: both;
	color: #609F31; background: transparent url(fond-bas-droit.png) no-repeat top right; }
#pied h1 { position : absolute; top: 0px; right: 5px; text-align : right;}
#pied ul { position: absolute; top: 1.5em; right: 0;
	z-index: 3005;
	list-style: none }
#pied ul#avis { top : 3em; }
#pied li { display: inline; margin: 0 5px; }
#pied a{ color: #609F31 }
#pied a:hover { color: #304F18 }


/* entete */
.off, #access ul { position: absolute; left: -1000px; top: -1000px; }
.hidden { display: none; }

#access  { position: absolute; left: 0px; top: 0px;
	width: 250px; height: 406px;
	z-index: 20;
	background: transparent url(fond-haut-gauche.png) no-repeat 0px 0px; }

.hide {	background: url("closed.gif")  no-repeat 0 55%;
	padding-left: 13px;
	cursor: pointer; }
.hide.closed { background: url("open.gif")  no-repeat 0 55%; }
p.hide { clear: both;}
