/* Mise a zero des marges etc */

html
{
	margin: 0px;
	padding: 0px;
}

body
{
	margin: 0px;
	padding: 0px;
}

div
{
	margin: 0px;
	padding: 0px;
}

h1
{
	margin: 0px;
}

/* Fonts */

p, blockquote, li, h2, h3, h4, dd, dt, body
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
}

h1
{
/* 	font-size: 1em; */
}
h2
{
 	font-size: 1.3em; 
}
h3
{
 	font-size: 1.2em; 
}
h4
{
 	font-size: 1.1em; 
}
a
{
	text-decoration: none;
	color: #b36;
}

hr
{
	#display: none;
}

.break
{	page-break-after: always;
}

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

#content h2 a 
{
	color: #000;
}
#content h2 a:hover
{
	color: #dec2a4;
}

#content img
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	padding: 5px;
	margin: 10px;
}
#content a img { border: 1px solid #ccc;
    }

#content a:hover { border: 0px none ;
    }

#content a:hover img { border: 1px solid #ffcc99;
	}
.frame {
	width : 100%;
height :1500px;
	}

/*  En mode categorie */

body.category #content .resource
{	text-align: justify;
} 

body.category #content h2, h2.restitle
{
    padding-bottom: 4px;    
    font-family: Georgia, Times, "Times New Roman", Serif;
    font-size: 1.2em;
    font-style: italic;
    text-transform: capitalize;
    }

/*  En mode article  */

/* Fil d'ariane */

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  ';
}


/* auteur etc... */
p.modified
{
	font-size: 0.6em;
	margin: -1em 1em -0.5em 1em;
	text-align: right;
}

/* chapô */
#art-description, #art-description p
{	text-align: justify;
}

/*  En tête */

#banner
{
	margin: 0px;
	margin-bottom: 0px; /* vertical padding above columns */
	padding: 0px;
	padding-bottom:1px;
	border: none;
	text-align: left;
}
#banner h1
{
	font-family: Georgia, Times, "Times New Roman", Serif;
	font-style: italic;
	border: none;
	text-align: center;
}
#banner h1 a
{
	text-decoration: none;
	border: none;
	color: #000;
}
#tip
{	
	width: 95%; 
}
#banner h2, #banner h3, #banner h4
{
	border: none;
	text-align: right;
	margin-right: 0px;	
}
#banner h4 a
{
	color: #000;
}

/*  Pied de page */

#footer
{
	padding: 2em;
	clear: both;
	border: none;
	text-align: right;
}

#footer img
{
	border: none;
}
#footer a
{
	text-decoration: none;
	border: none;
	color: #000;
}

/*  Menus dte et gauche*/
#menuleft
{text-align: right;
}
div.col-content
{
	padding: 1em 10px;
}

div.col-content h2
{	font-size: 1.1em;
	padding-bottom: 0;
	margin-bottom: 0.2em;
}
div.col-content a
{
	text-decoration: underline;
}
div.col-content img
{
	border: none;
}
div.col-content li
{
	list-style: none;
}

div.col-content ol li
{
	list-style-type: decimal;
	margin-left: 1.2em;
}



div.col-content ul, div.col-content ol, div.col-content p
{
	margin-top: 0;
	margin-left: 7px;
	padding-left: 0;
	margin-right: 10px;
	padding-right: 0;
}



/*  Formulaires */

input, textarea 
{
	border-width: 1px;
	border-color: #ccc;
}

input[type], textarea[name]
{
	background: #eee;
}

input[type=submit], input[type=reset] 
{
	background: #bbb;
	color: #000;
}

input[type=submit]:hover 
{
	background: #999;
	color: #fff;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
#page
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#main
{
	
}
#mainfloat
{
	float: left;
	width: 75%;
}
#content
{
	float: right;
	width: 73%;
}

#menuleft
{
	margin-right: 73%;
}
#menuright
{
	margin-left: 72%;
}
/* */
#content, #menuleft, #menuright
{
	padding: 16px;
	border: none;

}

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
/*/*/
#page, #mainfloat, #content, #menuleft, #menuright, h2
{ 
	position: relative; 
}