/* Stylisation générale du document */
* {
	margin:0;
	padding:0;
} 

body {
	font-size:1em;
	text-align:center;
	background:url('images/fond.bas.png') no-repeat bottom;
	padding-bottom:5px;
}

div#page {
	width:630px;
	margin:auto;
	text-align:left;
	background:url('images/fond.haut.png') no-repeat;
}

/* Partie header de la page */
div#logo span, div#header div.rubrique h2, div#header div.rubrique p, div#nav, div#location span { display:none; }
div#logo a:hover {	background:url('images/logo.hover.png') no-repeat 15px 15px; }
div#location a { color:#cdcdcd;	text-decoration:none; }
div#location a:hover { color:#666666; text-decoration:underline; }
div#header div.accueil { background:url('images/header/accueil.png') no-repeat; }

div#logo a { 
	background:url('images/logo.png') no-repeat 15px 15px;
	display:block;
	width:184px;
	height:89px;
}

div#header div.rubrique {
	height:68px;
	width:600px;
	margin-left:15px;
}

div#location {
	font-size:0.7em;
	color:#ddd;
	font-family:verdana, sans-serif;
	margin-top:5px;
	margin-left:20px;
}

/* Contenu de la page */
div#article a { color:#0066CC; }
div#article a:hover { color:#FF0000; }

div#article {
	margin-top:10px;
	font-family:"Trebuchet MS", arial, sans-serif;
}

div#article h2, div#article legend {
	margin:10px 40px;
	padding-left:25px;
	background:url('images/puce.png') no-repeat left center;
	min-height:34px;
	color:#4488cc;
	font-size:1em;
	font-weight:bold;
}

div#article h3 {
	background:url('images/titres/h3.png') no-repeat left center;
	min-height:25px;
	font-size:1em;
	margin:10px 60px;
	padding:0px 30px;
	color:#ec9000;
}

div#article h4 {
	border-top:1px solid #eee;
	margin:15px 92px 10px 92px;
	color:#999999;
	font-size:1.1em;
	font-style:normal;
	font-weight:normal;
}

div#article p {
	text-align:justify;
	font-size:0.75em;
	line-height:1.7em;
	color:#828282;
	width:415px;
	margin-left:92px;
	margin-top:10px;
	margin-bottom:10px;
}

div#article ul {
	width:367px;
	font-size:0.75em;
	color:#828282;
	margin-left:140px;	
	list-style-image:url('images/liste.png');
	margin-top:10px;
	margin-bottom:10px;
}

div#article ul ul {
	width:auto;
	font-size:1em;
	margin-left:40px;
}

div#article code {
	font-size:1.2em;
	color:#696;
}

div#article pre {
	overflow:hidden;
	width:415px;
	width:411px !important;
	margin-left:90px;
	font-size:0.9em;
	background:#fcfcfc;
	color:#666666;
	padding:2px;
	border:1px solid #efefef;
	border-top-width:3px;
	background:url('images/code.png') no-repeat right bottom;
}

div#article blockquote {
	margin:10px 0px 0px 92px;
	padding:3px 3px 15px 3px;
	width:415px;
	background:#FAFAFA url('images/citation.png') no-repeat bottom;
}

div#article blockquote p {
	margin:10px 15px;
	width:auto;
}

div#article p {
	/*text-align:left;*/
}

div#article form {
	margin:10px 0px 0px 70px;
	padding:30px 50px 15px 30px;
	background:url('images/formulaire/form.png') no-repeat;
	width:500px;
}

div#article form fieldset {
	border:0px;
}

div#article legend {
	display:block;
	margin-bottom:-8px;
}

div#article form p {
	margin:0px;
	padding:5px 0px;
}

div#article form label input, div#article form label textarea {
	display:block;
	width:400px;
	padding:2px;
	font-size:1em;
	border:1px solid #eee;
	color:#666666;
	font-family:"Trebuchet MS",arial,sans-serif;
}

div#article form label input:hover, div#article form label textarea:hover,
div#article form label input:focus, div#article form label textarea:focus {
	color:#333333;
	background:#fcfcfc;
	border:1px solid #eaeaeaea;
}

div#article form p .submit {
	border:0px;
	display:block;
	font-size:0px;
	padding-top:20px;
	color:#fff;
	background:url('images/formulaire/send.png') no-repeat;
	height:15px;
	width:90px;
	cursor:pointer;
}

div#article form .submit:hover,div#article form .submit:focus {
	background:url('images/formulaire/send.hover.png') no-repeat;
}

ul#sommaire {
	opacity:1;
}

ul#sommaire ul {
	opacity:0.7;
}

ul#sommaire ul:hover {
	opacity:1;
}


/* Menu de la page */
div#menu-content ul, div#menu-content li { display:inline;}
div#menu-content h2 { display:none; }
div#menu .onglets {	padding-left:25px; }
div#sidebar .box {	margin-left:15px;	overflow:hidden; }
div#menu .onglets a:hover {	background:url('images/menu/onglet.hover.png'); }
div#nouveautes a:hover { background:url('images/menu/read.hover.png') no-repeat; }
a#showSidebar span, div#menu .onglets span { display:none; }
a#showSidebar { margin-left:496px; top:157px; background:url('images/menu/voir.png') no-repeat; }
a#hideSidebar { margin-left:517px; top:0px; background:url('images/menu/cacher.png') no-repeat; }

div#sidebar {
	position:absolute;
	overflow:hidden;
	display:none;
	top:157px;
	width:630px;
	height:235px;
	z-index:100;
	background:url('images/menu/fond.png') no-repeat;
}

div#nouveautes {
	background:url('images/menu/nouveaute.png') no-repeat;
	width:173px;
	height:226px;
	float:left;
	margin-left:20px;
	margin-top:-5px;
}

div#nouveautes h2 {
	width:142px;
	margin-left:12px;
	padding-left:5px;
	margin-top:25px;
}

div#nouveautes p {
	width:132px;
	margin-left:17px;
	margin-top:5px;
	color:#666666;
	font-family:verdana,sans-serif;
	font-size:0.70em;
}

div#nouveautes a {
	display:block;
	background:url('images/menu/read.png') no-repeat;
	width:75px;
	height:16px;
	margin:5px auto;
	cursor:pointer;
}

div#menu {
	background:url('images/menu/menu.png') no-repeat;
	width:173px;
	height:226px;
	float:left;
	margin-left:100px;
	margin-top:-5px;
}

div#menu-content {
	height:145px;
	width:120px;
	margin:34px 0px 0px 17px;
	overflow:hidden;
}

div#menu-content a {
	font-family:verdana,sans-serif;
	font-size:0.7em;
	text-decoration:none;
	display:block;
	color:#BBB;
	padding:3px;
}

div#menu-content a:hover {
	color:#FFF;
	background:url('images/menu/liste.hover.png');
	border-bottom:1px solid #5a89cf;
	padding:3px 3px 2px 3px;
}

div#menu-content h3, div#nouveautes h2 {
	font-family:verdana,sans-serif;
	font-size:0.7em;
	padding:4px;
	color:#666666;
	background:url('images/menu/titres.png');
}

div#menu-titre  {
	height:19px;
	color:#7A7A7A;
	font-family:"Trebuchet MS",arial, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	padding-left:25px;
	font-style:italic;
	letter-spacing:1px;
}

div#menu .onglets a {
	display:block;
	background:url('images/menu/onglet.png');
	width:14px;
	height:14px;
	float:left;
	margin-right:5px;
	cursor:pointer;
}

div#menu .scrollup {
	display:block;
	width:10px;
	height:20px;
	position:relative;
	margin-top:-175px;
	margin-left:145px;
	cursor:pointer;
}

div#menu .scrolldown {
	display:block;
	width:10px;
	height:20px;
	position:relative;
	margin-top:130px;
	margin-left:145px;
	cursor:pointer;
}

a#showSidebar, a#hideSidebar {
	width:93px;
	height:11px;
	position:absolute;
	display:block;
	cursor:pointer;
}

/* Bas de la page */
div#footer:hover { color:#AAA !important; }

div#footer {
	font-size:0.7em;
	font-family:verdana,sans-serif;
	margin:15px 15px 20px 20px;
	color:#DDD !important;
	line-height:1.3em;
}

div#footer .info a {
	padding:1px;
	color:#DDD;
	text-decoration:none;
}

div#footer:hover .info a {
	color:#AAA;
}

div#footer .info a:hover {
	color:#fff;
	background-color:#1a5dc3;
}

/* Elements Javascript */
div#bulle div {
	width:200px;
	overflow:hidden;
	background:#eaf0fa;
	border:1px solid #c2d1ea;
	color:#8fb2ea;

}

div#bulle p  {
	margin:5px;
	overflow:hidden;
}