@charset "utf-8";


/*	==========================
	Général
	========================== */
html {
	font-size: 100%;}
	
body  {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* n2 */
	color: #000000;
	background: url(../actualites-royaume/images/fond_royaume.gif) repeat;}
ul,ol, li, blockquote {
	margin: 0px;
	padding: 0px;}
	
h2 {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #993300;
	font-weight: bold;
	margin: 30px 0 15px;
	padding: 0;
	font-style: italic;}

a {
	color: #993300;}
	
h3,h4 {
	color: #993300;
	margin: 1em 0 0;
	text-align: left;}
	
h3 {
	text-transform: uppercase;}
	
p {
	margin: 0px 0px .5em;
	line-height: 1.4em;
	text-indent: 1.5em;}

a img {
	border-style: none;}
	
.clear {
	clear: both;}
	
.centrer {
	text-align: center;}

/*	==========================
	Typographie
	========================== */

abbr
 {	border-bottom: 1px dotted #999999;
	cursor: help;}

.auteur-debut {
	font-style: italic;
	color: #993300;
	text-align: center;
	text-indent: 0px;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1.5em;}
	
.no-indent {
	text-indent: 0px;}

.auteur-fin {
	color: #993300;
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;}
	
.auteur-sommaire {
	font-style: italic;
	color: #999999;}
	
blockquote {
	font-style: italic;
	padding-left: 1.5em;}
	
blockquote p {
	text-indent: 0px;}
	
.citation, em { /* citation courte à l'intérieur d'un paragraphe*/
	font-style: italic;}
	
cite { /*titre de livre, article, document*/
	font-style: italic;}
	 
.reference {
	font-size: 0.9em;
	color: #737373;
	font-style:normal;}
	
.paroles {
	font-style: italic;}
	
.non-gras {
	font-weight: normal;}
	
.non-italique {
	font-style: normal;}
	
.couleur-journal {
	color: #993300;}

.couleur-journal .reference {
	color:#993300;}
	
.titre-petit { /* si besoin de partie plus petite dans titre h2 d'un article */
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 30px;}
	
#mainContent ul.bibliographie {
	list-style: none;
	font-size: .9em;}

#mainContent ol.notes {
	list-style: decimal url(none);
	font-size: .9em;
	margin-left: 20px;}
	
#mainContent ul.liste-article {
	list-style: square;
	margin-left: 15px;}
	
#mainContent ul.liste-article li {
	margin-bottom: .5em;}
	


/* Illustrations */
/* Utilisation de table pour adapter la légende à la largeur des images */

table.photogauche, table.photogauchejust {
	float: left;
	margin-right: 1.5em;
	width: 50px; /* important, ne pas enlever, n1 */}
	
table.photodroite, table.photodroitejust {
	float: right;
	margin-left: 1.5em;
	width: 50px; /* important, ne pas enlever, n1 */}
table.photogauche    p, table.photodroite   p, table.photos-meme-legende-droite  p {
	color: #993300;
	text-align: center;
	margin: 3px 0;
	font-size: 0.8em;
	font-weight: bold;
	text-indent: 0px;}
	
table.photogauchejust p, table.photodroitejust p {
	color: #993300;
	text-align: justify;
	margin: 3px 0;
	font-size: 0.8em;
	font-weight: bold;
	text-indent: 0px;}
	
table.plusieurs-photos-droite {
	color: #993300;
	font-size: 0.8em;
	text-align: justify;
	float: right;
	font-weight: bold;}
	
table.plusieurs-photos-droite td {
	vertical-align: top;
	padding: 0 0 0 20px;}
	
table.plusieurs-photos-droite td.legende  {
	padding-top: 3px;
	padding-bottom: 13px;}
	
td p.align-just {
	text-align: justify;}
	
table.photos-centre { /* photos centrées - une seule légende */
	margin: 1em auto;
	width: 50px; /* important,ne pas enlever, n1 */}
	
table.photos-centre img {
	padding: 0 5px;}
	
table.photos-centre p {
	text-align: justify;
	margin: 0;
	padding: 0 5px;
	font-size: 0.8em;
	font-weight: bold;
	text-indent: 0px;}	
table.photos-meme-legende-droite {
	width: 50px;
	float: right;
	margin-left: 1.5em;
}
	
ul.photos {  /*  n4  pour plusieurs photos horizontales */
	list-style: none;
	margin: 20px auto;
	padding: 4px 0 0;
	clear: both;}

	
ul.photos li {
	float: left;
	text-align: center;}

ul.photos li p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #993300;	
	text-indent: 0px;
	margin-bottom: 1em;
	padding: 0 15px;}




	

/*  Fin Illustrations  */

#container {
	width: 780px;  
	background: #FFFFFF;
	margin: 0 auto 20px; 
	border: 1px solid #F3E6B6;
	text-align: left; /* n3 */}

#header {
	background: url(../actualites-royaume/images/royaume-titre-frame.jpg) no-repeat center;
	text-indent: -2000px;
	padding-top: 10px;
	width: 770px;
	margin: 30px auto;}
	 
#header h1 {
    	margin: 0;
    	padding: 10px 0;}
		
/* Menu principal */	

ul#menu {
	list-style: none;
	background: #E7D3B0 url(../actualites-royaume/images/bkg-menu.jpg) repeat-x top;
	width: 451px;
	height: 25px;
	margin-bottom: 10px;
	padding: 0 165px;}

ul#menu li {
	float: left;
	width: 149px;
	background: #E7D3B0;
	border-left: solid 1px #fff;}
	
ul#menu li#archives {
	border-right: solid 1px #fff;}

ul#menu li a {
	display: block;
	background: url(../actualites-royaume/images/bkg-menu.jpg) no-repeat left top;
	color: #993300;
	text-align: center;
	height: 20px;
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 5px;}
	     
ul#menu .onglet-actif a {
	background: url(../actualites-royaume/images/bkg-menu.jpg) no-repeat left -50px;}

ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:active {
	background: url(../actualites-royaume/images/bkg-menu.jpg) no-repeat left -50px;}
	
/* Menu principal */		
	
		
ul#journal  {
	height: 25px;
	font-weight: bold;
	color: #993300;
	list-style: none;
	padding: 0 20px;}
	
ul#journal  li {
	float: left;
	padding-top: 5px;}
	
li#numero  {
	width: 369px;}
	
li#retour-sommaire  {
	width: 369px;
	text-align: right;}
	

	
#mainContent {
	padding: 0 40px;
	text-align: justify;}
	
	
div#page-sommaire  {
	padding-right: 20px;
	padding-left: 20px;
	text-align: justify;}
	
div#page-sommaire    li  {
	margin-left: 20px;
	list-style: disc url(../actualites-royaume/images/puce.jpg);
	line-height: 1.5em;}

div#page-sommaire  h2 {
	font-size: 1.3em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;}

div#page-sommaire  h3 {
	font-size: 1.4em;
	margin-top: 0px;
	text-align: center;
	text-transform: none;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0 0 15px;}
	
div#page-sommaire table {
	width: 743px;
	padding: 0 0 0px;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	margin-bottom: 30px;}
	
div#page-sommaire td#image-page1 {
	width: 250px;
	vertical-align: top;
	padding-top: 1.5em;}
	
div#page-sommaire  td#sommaire {
	width: 473px;
	padding-bottom: 30px;
	text-align: left;}

.pensee-lecteur {
	width: 318px;
	float: left;
	padding: 0 20px;
	margin: 10px 10px 0 0;}
	
.pensee-lecteur-col2 {
	width: 318px;
	float: left;
	padding: 0 20px;
	margin: 10px 0 0 10px;}
	
.pensee-lecteur-col2  p, .pensee-lecteur p {
	margin: 0px;}

.pensee-lecteur .auteur-fin, .pensee-lecteur-col2 .auteur-fin {
	font-size: 1em;}

div#archives2 {
	margin: 10px 40px;}
	
div#archives2 h2 {
	border-top: 1px solid #999999;
	font-size: 100%;
	padding-top: 1em;
	display: block;
	margin: 0 0 1em;
	text-align: left;}

div#archives2 div#partie2 h2 {
	border-top: none;
	padding-top: 1em;
	padding-bottom: 0em;}

div#archives2  ul {
	margin: 0px;
	padding: 0 0 0 20px;}
	
div#archives2  li {
	padding: 0 0 .8em;
	margin: 0;
	list-style: disc url(/actualites-royaume/images/puce-rouge.jpg);}
	
div#archives2   li  a {
	display: block;
	font-style: italic;}

div#archives2  ul  li  ul  li {
	list-style: disc url(/actualites-royaume/images/puce.jpg);
	background: none;
	padding: .5em 0 0;}
	
div#abonnement2 {
	margin-right: 80px;
	margin-left: 80px;}
	
div#abonnement2 h2 {
	font-size: 1.5em;}
	
div#abonnement2 p {
	text-align: justify;
	text-indent: 0px;}
	
#abonnement2 table {
	text-align: left;
	width: 612px;
	margin: 0 auto;
	border: 1px solid #993333;}
	
#abonnement2 caption {
	padding: 20px 0 10px;
	color: #993300;}

#abonnement2  table  th{
	padding: 10px 10px 0;
	width: 195px;}
	
#abonnement2      table .moins-large  {
	width: 155px;}

#abonnement2 table td{
	padding: 0 10px;}
	 
#abonnement2   table  tfoot td {
	padding: 10px 0 10px 10px;}
#abonnement2   .adresse {
	margin: 0 auto 30px;
	padding: 0px;
	width: 300px;}
#abonnement2  .adresse  p {
	text-align: center;
	margin: 0px;}
	
#abonnement2 #france {
	width: 257px;
	float: left;
	padding: 10px 20px;
	margin: 10px 10px 0 0;
	border: 1px solid #993300;}
	
#abonnement2 #belgique {
	width: 257px;
	float: left;
	padding: 10px 20px;
	margin: 10px 0 0 10px;
	border: 1px solid #993300;}
	 
ul#footer {
	padding: 0 10px 0 20px;
	background:#E7D3B0 url(../actualites-royaume/images/bkg-menu.jpg) repeat-x top;
	color: #993300;
	font-size: 0.8em;
	margin-top: 30px;
	list-style: none;
	overflow: hidden;
	height: 25px;
	clear: both;}

ul#footer li a {
	color: #993300;}
	
ul#footer li {
	float: left;
	padding-top: 5px;} 
	
li#droits {
	width: 500px;}
	
li#hautpage {
	width: 238px;
	text-align: right;}