

/**************************généralité
**************************/
html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	margin-left:20px;
	padding: 0px;
	color: black;
	background:#D9D9D9/* url(/img/fond00.jpg) top left no-repeat*/ ;
}
div, p {
	margin: 0px;
	padding: 0px;
}
p, blockquote, li, h1, h2, h3, h4, dd, dt {
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
	font-size: 0.8em;
	font-weight: normal;
}
p {
	margin-bottom:8px;
	margin-top:4px;
	padding:0 5px;
	text-indent:30px;
	text-align:justify;
}
h1 {
	padding:3px;
	font-weight:bold;
}
h2, h3, h4 {
	padding:3px;
	font-weight:bold;
	text-indent:30px;
}
h1 {font-size:0.8em;}
h2 {font-size:0.8em;}
h3 {font-size:0.75em;}
h4 {font-size:0.7em;}
li, ul, ol {
	margin:0;
	padding:0;
}
a {
	display:block;
	text-decoration: none;
	color: gray;
}

h1 {
}
h1#top {
	text-align:left;
	margin:0;
	padding:0;
	font-weight:normal;
}

hr {
	border:1px dashed #D9D9D9;
}
pre {
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #eee;
	padding: 5px;
	margin: 10px;
	overflow: auto;
}

input, textarea {
	border-width: 1px;
	border-color: #ccc;
}
/**************************détails
**************************/
#easy-access, #easy-access a {
	color:#D9D9D9;
	text-align:left;
	font-size:0.3em;
}
#easy-access a:hover, #easy-access a:focus {
	color: #000;
}
body.category #content h2, h2.restitle {
    padding-bottom: 4px;
    padding-left: 17px;
    background-position:  0% 40%;
    background-repeat: no-repeat;
    font-family: Georgia, Times, "Times New Roman", Serif;
    background-image: url("icon_pg.gif");
    font-size: 1.2em;
    font-style: italic;
}
h2.category {
	text-transform: uppercase;
}
#content h2 a {
	color: #000;
}
#page {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
#spacer {		/*pour IE qui comprend pas les marin négatives pour que le contenu soit sous le menu en redimensionnant la fenêtre*/
	clear:both;
	margin-top:120px;
}
#banner {
}
#banner h1 {
	width:98px;
	margin-left:30px;
	margin-top:30px;
	padding:2px;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
	font-style: normal;
	font-weight:bold;
	text-align:center;
	border:1px inset #2d2d2d;
	background-color:#eee;
}
#banner h2 {
	border: none;
	text-align: right;
	
}
#recherche {
	position:absolute;
	top:0;
	right:30px;
	text-align:right;
}
#recherche input#q {
	width:70px;
}
#search-s {			/*recherche input */
	font-size:0.7em;
	padding:2px;
}
h3.item {
	display:inline;
	position:relative;
	padding:3px 15px;
	background:#E8DCD1;
	color:#7A7A7A;
}

#footer a, #banner h1 a {
	text-decoration: none;
	border: none;
	color: #000;
}
ol.tree {
	margin: 0;
	padding: 0;
}
ol.tree li {
	display: inline;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0;
}
ol.tree li:before {
	content: '\00bb  ';
}

p.modified {
	font-size: 0.6em;
	margin:;
	text-align: right;
}
#footer img, div.col-content img, img {
	border: none;
}
#footer {
	text-align: right;
}

#footer {
	padding: 0.5em;
	clear: both;
	border: none
}
div.col-content {
	margin:0;
	padding:0;
}
div.col-content h2 {
	margin:0;
	padding:0;
}
div.col-content ul {
}
div.col-content li {
	list-style:none;
	padding:0;
}

div.col-content a {
	text-decoration: none;
	margin:0;
	padding:0;
}
input[type], textarea[name] {
	background: #D9D9D9 /*eee*/;
}
input[type=submit], input[type=reset] {
	background: #D9D9D9 /*bbb*/;
	color: #000;
}
input[type=submit]:hover {
	background: #999;
	color: #fff;
}
#titrerecherche {
	float:left;
	margin:0;
	margin-top:88px;
	margin-bottom:-100px;
	text-align:left;
	border:1px inset #2d2d2d;
	background-color:#D3BDA9;
	color:black;
}
p.titrerubrique {
	margin:0;
	padding:0 5px 5px;
	color:black;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
	font-style:normal;
	font-weight:normal;
	text-indent:0;
}
/**************************contenu
**************************/
/*************************menus
*/
#menu1 {
	float:left;
	width:135px;
	margin:0;
	margin-left:50px;
	margin-bottom:-100px;
	text-align:left;
	border:1px inset #2d2d2d;
	background-color:#D4D47D;
}
#menu2 {
	float:left;
	width:135px;
	margin:0;
	margin-top:42px;
	margin-bottom:-100px;
	text-align:left;
	border:1px inset #2d2d2d;
	background-color:#B8C9A0 /*777A7F /*eee*/;
}
.tiret {
	margin:0;
	padding:2px 0;
	font-weight:bold;
	font-size:1.2em;
	line-height:0em;
	margin-left:5px;
}
/*
#titrearticle{
	float:left;
	width:135px;
	margin:0;
	margin-top:78px;
	margin-bottom:-100px;
	text-align:left;
	border:1px inset #2d2d2d;
	border-bottom:none;
	background-color:#D3BDA9;
	color:black;
}
*/
h2.titrerubrique {
	margin:0;
	padding:0 5px;
	color:#7A7A7A;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
	font-style:italic;
	font-weight:normal;
	text-indent:0;
}

#menu3, #art-pages-list {
	float:left;
	width:135px;
	margin:0;
	margin-top:88px;
	margin-bottom:-100px;
	text-align:left;
	border:1px inset #2d2d2d;
	background-color:#D3BDA9;
	color:black;
}

#menu3 ul li.current a {
	background:#BFB2A7;
	color:black;
}

#menu1 a, #menu2 a, #menu3 a {color:black;padding:0 5px;}
#menu1 a:hover {background:#E9E9B7;color:#7A7A7A;}
#menu2 a:hover {background:#DAE3CA;color:#7A7A7A;}
#menu3 a:hover {background:#E8DCD1;color:#7A7A7A;}

ul#top-categories {margin-bottom:12px}

.current, li.current a {
	display:block;
	text-decoration: none;
	margin:0;
	padding:0;
}

#menu2 div.col-content ul, #menu3 div.col-content ul {
	
}
/*
#menu2 div.col-content li {
	border-top:1px solid #DAE3CA;
}
#menu3 div.col-content li {
	border-top:1px solid #E8DCD1;
}
/*************************contenu
*/

#content {
	float: left;
	width: 500px;
	height:390px;
	margin-top:100px;
	background-color:#fff /*#eee*/;
	border:1px inset #2d2d2d;
	overflow:auto;
}

#content img {
	margin:6px 8px 0 0;
}

/*************************texte
*/
#content h3, #content h4, #content h2 {
	margin:0;
	padding:0
}
#content h2 {
	margin-left:4px;
	margin-top:8px;
}
#content h3 {
	margin-left:4px;
}
#content h4 {
	font-weight:400;
	margin-left:6px;
}
#content h3 {
	
}
#content a {
	display:inline;
	color:#AF7541;
	font-weight:bold;
}
#content ul {
	margin:4px 4px 4px 20px;
	list-style-type:square;
}
#content ol {
	margin:4px 4px 4px 30px;
	list-style-type:decimal;
}
/*encore special IE*/
*html #content ul li ul {margin-top:0}

#content ol li ol {margin-top:4px}
#content ul li ul li ul li, 
#content ol li ol li ol li {font-size:100%}
/******************/
#content a:hover {color:black}
dt {padding:0 5px;font-weight:bold;}
dd {font-style:italic}
dd:before, dd:after {content:'"';}
hr {
	border:1px dashed #D9D9D9;
}
table {
	margin:10px;
	border-collapse:collapse;
	border:1px solid #2d2d2d;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
	font-size: 0.8em;
}
th, td {padding:3px;text-align:center}
th {background:#D9D9D9;}


/*encore à cause d'IE*/
*html a {display:inline;}
*html li.current a {display:inline;}
/*ce hack est ridicule*/

/******************************************les films */

.film #page { 
	position:relative;
	width:98%;
	margin:0 auto;
	text-align:center;
}

/* voir aussi feuille de style de la galerie plogger */



/*******************************FIN*/

