@import url(form.css);

body{
	background-color:#4F4F4F;
	/*6F6F6F*/
}

#contenu {
	margin: 0 auto;
	padding: 0;
	/* 
		use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it 
		sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere.
		it was hard to figure out what was causing it, so i want this note here to remind me.
	*/
	width:90%;
	min-width:750px !important;
	max-width:90% !important;
	background-color:#FFFFFF;
	
}

#logo{
	margin-right:10px;
	vertical-align:middle !important;
}

abbr {
	border-bottom:1px dotted #cccccc;
	cursor:pointer;
}

a{font-weight:normal;}
a:link{font-weight:normal;}

.hide_screen{
	visibility:hidden;
	width:0;
	display:none;
}

strong{
	font-weight:bold;
	color:#A52A2A;
}

em{
	font-style:italic;
}

code{
	display:block;
	margin:1em;
	padding:1em;
	font-size:1.2em;
	border:1px dashed #A0BF53;
	background-color:#ffffff;
}


hr{

	color:#A0BF53;
	background-color: #A0BF53;
	border:0 solid #A0BF53;
	width:20em;
}

/*
	-------------------------------
	--	entete
	-------------------------------
*/
#entete{
	height:60px;
	background-color : #BFDFFF;
	vertical-align:middle;
}

#entete h1{
	text-align:left;
	vertical-align:middle;
}

/*
	-------------------------------
	--	pied
	-------------------------------
*/
#pied{
	clear:both;
	background-color:#FFFFFF;
	text-align:center;
	padding:15px;
}


/*
	-------------------------------
	--	Contenu-principal
	-------------------------------
*/
#contenu-principal{
	margin: 0px 25px;
	margin-top:10px;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/all.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

hr.spacer,div.spacer{
	clear:both;
	visibility:hidden;
	width:100%;
}

/*
	-------------------------------
	--		Menu
	-------------------------------
*/
#bloc_navigation{
	background-color: #036;
	border:0 solid #036;
}

#bloc_navigation .spacer{
	line-height:1px;
	height:1px;
	margin:0;
	padding:0;
	font-size:1px;
	display:block;
}

#bloc_navigation ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	border:0 solid #036;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#bloc_navigation ul li { display: inline;background-color:#036; }

#bloc_navigation ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#bloc_navigation ul li a#current{
	background-color: #369;
	color:#fff;
}

#bloc_navigation ul li a:hover
{
	background-color:#F7F295;
	color: #036;
}

/*
	-------------------------------
	--		Divers
	-------------------------------
*/

p.note{
	color:#A52A2A; /* brown */
	border : 1px dashed #A52A2A;
	padding:5px;
}

/*
	-------------------------------
	--		Téléchargement
	-------------------------------
*/
#telechargement{
	border: 1px solid #003366;
	background-color:#B8FBB8;
	float:right;
	width:20em;
	padding:5px;
}

#telechargement ul{
	margin-left:0;
	padding-left:0;
	list-style-type:none;
}

#telechargement #lien-telechargement{
	display:block;
	text-align:center;
}

/*
	-- Author
*/
#author{ float:left;}
#contact-us{
	margin-left:11em;
	padding-left:65px;
	background-image: url(../images/keyb1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	/*width:20em;*/
}

#contact-us #contact{}
#contact-us #contact-mac-os{}
#contact-us #contact-forums{}
#contact-us h3{width:10em;}

/*
	-- Liens 
*/

dl.liens dd{
	display:block;
	margin-bottom:2em;
}