/* Feuille de style de http://www.rubikscube.fr */

a{color: #374694; text-decoration: none; font-weight: bold;}
a:hover{color: #f44;}
html>body a:hover{border-top: 2px dotted #478664; border-bottom: 2px dotted #478664; text-decoration: none;}
img{border: none;}
strong{font-size: 1.05em; color: #c33;}
em{font-size: 0.95em; font-family: verdana, serif;}

body{font-weight: bold; background: #B0DCB0 url("images/fond.png") repeat-y center; padding: 0; margin: 0 auto; color: #224;}
div#globale{width: 667px; margin: 0 auto;}

div#contenu{width: 490px; float: right;}
div#contenu a{border-bottom: 1px dotted;}

form#livre{text-align: center;}
div.message {font-weight: normal; font-family: verdana, serif; font-size: 0.75em;}
div.message p.date{text-align: right; font-style: italic; font-weight: bold;}

table.formats_proprietes{margin: 0 auto; border-collapse: collapse; border: 2px solid #8a8;}
table.formats_proprietes th{background-color: #bdb; border: 1px solid black; text-align: center; padding: 0; color: #262; font-family: arial, serif; font-size: 0.8em;}
table.formats_proprietes td{border: 1px solid black; text-align: center; padding: 0;}
table.formats_proprietes caption{background-color: #363; color: #beb; font-family: arial, serif; margin: 0 auto; border: 2px solid #9c9; font-size: 1.15em;}
table th.topheader{border-bottom: 2px dotted #8a8;}
table th.leftheader{border-right: 2px dotted #8a8;}

dl#glossaire dt{background: #dfd; padding: 4px; font-size: 1.2em; font-family: verdana, arial, serif; color: #252; border-left: 2px solid #363; border-bottom: 2px solid #363; border-top: 2px solid #8b8; border-right: 2px solid #8b8;}
dl#glossaire dd{border: 1px solid black; padding: 5px; background: #efe; text-indent: 20px; font-weight: normal; font-family: verdana, serif; font-size: 0.75em;}
dl#glossaire dd:first-letter{font-size: 1.5em; color: #252;}

/* L'en-tête contenant l'image titre et le menu horizontal */

div#head{margin: 0 auto; background: url("images/header.jpg") no-repeat center; width: 764px; height: 215px; font-weight: normal;}
* html #head{position: relative; left: 1px;}

	/* Menu horizontal contenu dans l'en-tête */

	ul#menuh{font-family: Arial, Serif; position: absolute; top: 153px; left: 40%; padding: 0; margin: 0;}
	ul#menuh li{display: inline;}
	
/* ------------------------------------------------------------------- */
	
	
/* Menu vertical de gauche */

ul#menug{margin-right: 29px; width: 148px;}
ul#menug{list-style-type: none; margin: 0; padding: 0; line-height: 20px;}
ul#menug li a{display: block; text-decoration: none; color: #696;}
ul#menug li a:hover{border: none; color: #585;}

	/* Style du menu sous Mozilla Firefox  */

	html>body ul#menug li{margin-bottom: 2px; background: #bfb url("images/menu/fond.gif"); width: 94%; padding: 2px 0 2px 2px; border-top: 1px solid #ac7; border-bottom: 2px solid #8a5; border-left: 2px solid #9b6;}
	html>body ul#menug li:hover{background-color: #bd9; background-image: none; border-top: 1px solid #8a5; border-bottom: 2px solid #ac7; border-left: 2px solid #ac7;}
	html>body ul#menug li#courant{color: #585;background-color: #afcf8f; background-image: none; border-top: 1px solid #794; border-bottom: 2px solid #9b6; border-left: 2px solid #9b6;}
	html>body ul#menug li#courant a:hover{color: #696;}

	/* Style du menu sous Internet Explorer  */

	*html ul#menug li a{margin-bottom: 2px; background: #ce9 url("images/menu/fond.gif"); width: 94%; padding: 2px 0 2px 2px; border-top: 1px solid #ac7; border-bottom: 2px solid #8a5; border-left: 2px solid #9b6;}
	*html ul#menug li a:hover{background-color: #bd9; background-image: none; border-top: 1px solid #8a5; border-bottom: 2px solid #ac7; border-left: 2px solid #ac7;}

/* ---------------------------- */


/* Annonces Google */

div#tete-pubgoogle{text-align: center; padding: 0 5px 5px 5px;}
div#menu-pubgoogle{padding: 10px;}
div#pied-pubgoogle{text-align: center; padding: 5px;}

/* ---------------------------- */

	
/* Ensemble du pied de page */

p#pied{text-align: center; font-weight: normal; font-style: italic; font-size: 0.8em; text-indent: 0;}
p#suivant{width: 190px; height: 28; margin: 0 auto;}
p#suivant a{display: block; width: 70px; height: 28px; border: none;}
p#suivant a#floatl{float: left; background: url("images/precedent.png"); margin-right: 20px;}
p#suivant a#floatr{float: right; background: url("images/suivant.png"); margin-left: 20px;}
p#suivant a#floatl:hover{background: url("images/precedent2.png");}
p#suivant a#floatr:hover{background: url("images/suivant2.png");}

/* ------------------------------- */

h1{display: none;}
h2{text-align: center; color: #b44; padding-bottom: 5px; border-bottom: 3px ridge #f50; border-top: 3px ridge #f50; font-family: "Comic Sans MS", Verdana, Arial, Serif; margin: 0; font-size: 2.2em;}
h3{color: #828; font-size: 25px; border-bottom: 2px ridge #f4a; text-indent: 5px; font-family: "Comic Sans MS", Serif; width: 95%;}
h4{font-weight: normal; margin-left: 50px; color: #654; border-bottom: 1px dotted #654; font-family: Verdana, serif; font-size: 1.05em;}
h4:before{content: "> ";}
hr{border-top: 1px #595 solid; border-bottom: 1px #8b8 solid; border-right: 1px #696 solid; clear: both;}
p{text-indent: 20px;}
dt{margin: 5px;}
dt a{color: #a44; border-bottom: 1px dotted #500;}
address{margin: 18px 0;}

.sur{text-decoration: overline;}
.barre{text-decoration: line-through;}
.souligne{text-decoration: underline;}
.gras{font-weight: bold;}
.formules{text-align: center; color: red;}
.center{text-align: center; text-indent: 0;}
.red{color: red; font-weight: bold; font-style: normal;}
.danger{font-style: italic; color: red; font-weight: normal;}
.danger img{float: left; margin: 10px; margin-top: 0;}
.bor{border: 1px solid black;}

.floatl{float: left;}
.floatr{float: right;}
#avatar{float: right;}
#tuto{display: none;}