@charset "iso-8859-1";

/*  Faire ensuite une version spéciale Mozilla - Il suffit de changer la feuille de style, 
en évitant de changer les templates si possible pour faire juste un test navigateur */  

body{
margin-left:0; 
margin-top:0; 
margin-right:0;
background-image: url("jarida.gif");
}


/* STYLES POUR LE HEADER*/


div.bandeau{
width:100%;
height:81px;
background-image: url("chiar2.gif");
}

div.logo{
background-color: #000000;
background-image: url("chiar.gif");
background-repeat:no;
background-position: center;
 
}

/*  
A corriger : pour l'interprétation de padding  longueur totale = width + padding + border sauf pour ie  ou
longueur total = width incluant padding et border (pour height, c'est encore plus flou)*/ 

div.bground{
/*width:200px;*/
/*height:81px;*/
float:left;
background-image: url("chiar2.gif");
margin-left:0px;
text-align:center;
padding:13px 10px;
}



div.barre-menu{
display:block;
background-color: #9999FF;
font-family: arial; 
font-size: 10pt; 
text-align:center;
color: black;
width:100%; 
border: 1px outset #c0c0c0;
z-index:2;
}


div.barre-menu a{
font-family: arial; 
font-size: 10pt; 
color: black;
text-decoration:none;
}

div.barre-menu a:hover{
font-family: arial; 
font-size: 10pt; 
font-weight : bold;
color: black;
}


.citation{
font-family: times; 
font-size: 11pt; 
font-weight:bold;
color: white;
text-align:center;
}


.citation a{
font-family: times; 
font-size: 11pt; 
font-weight:bold;
font-style:italic;
color: white;
text-align:center;
}
.citation a:hover{
font-family: times; 
font-size: 13pt; 
font-weight:bold;
color:blue;
}


.header a{
font-family: arial; 
font-size: 11pt; 
color: white ;
text-decoration:none;
}

/* STYLE POUR LE DROP DOWN  */
.form
{ 
font-size:10pt;
font-family:Arial;
}

/* STYLES POUR LE MENU PRINCIPAL - RUBRIQUES */

/* Positionnement des menus à gauche */ 

#navigation {
	
	float:left;
	left: 0px;
	top: 90px;
	width: 18%;
	/*width: 14em;*/
	padding: 5px;
	margin: 0px;
	/*margin-left: 1.8em;*/
	margin-left: 2px;
	/*margin-top: 1em;*/
	text-align:center;
}

/* positionnement du contenu à droite */

#content {
width: 78%;
top: 90px;
float:right;
padding: 5px;
margin-right:5px;

}

.breve {
border: 1px dotted;
text-align: justify;
margin: 10px;
}
/* rubriques */

.menu-sommaire{
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #9999FF;
font-size: 10pt; 
border: 1px outset #c0c0c0;*/
padding:2px;
cursor:hand;
}

.menu-sous-rubriques-sommaire{
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
background-color: white ;
border: 1px outset #c0c0c0;
padding:2px;
margin-left:10px; 
cursor:hand;
text-align:left;
}



.menu-rubriques{
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
/*background-color: #6699FF;
border: 1px outset #c0c0c0;*/
padding:2px;
cursor:hand;
}


.menu-sous-rubriques{
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
/*background-color: #CCCCFF ;
border: 1px outset #c0c0c0;*/
padding:2px;
margin-left:10px; 
cursor:hand;
text-align:left;
}


.menu-sur-rubriques{
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt; 
/*background-color: #99CCFF;
border: 1px outset #c0c0c0;*/
padding:2px;
cursor:hand;
}

.menu-sous-rubriques a{
color:black;
text-decoration:none;
}

.menu-sur-rubriques a{
color:black;
text-decoration:none;
}

.menu-rubriques a{
color:black;
text-decoration:none;
}

a.boutoncourant{
display:block;
font-weight:bold;
color: #CC0000 ;
text-align:center;
}


a.boutoncourant:hover{
background-color:white ;
color: blue;
text-decoration: none;
}



a.bouton{
display:block;
color:black;
text-align:center;
}


a.bouton:hover{
background-color:white ;
color: blue;
text-decoration: none;
}

/* Simuler une liste à puces pour les menus */


a.menu1{
text-decoration: none;
color:black;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10pt;
margin-left:0;

}

a.menu1:hover{
text-decoration: none;
color:blue;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10pt;
margin-left:0;

}



a.menu2{
text-decoration: none;
color:black;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10pt;
margin-left:0;
display:block;
}

a.menu2:hover{
text-decoration: none;
color:blue;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10pt;
margin-left:0;

}

/* Présentation des titres/auteurs/ et début des articles récents dans la rubrique courante */

.titre {
font-family: Verdana; 
font-size: 10pt; 
color: black;
}

.auteurs {
font-family: Verdana; 
font-size: 10pt;
font-style: italic; 
color:#000066;
}

.date {
font-family: Verdana; 
font-size: 10pt;
}


.text {
font-family: Verdana;
color: black;
font-size: 10pt; 
text-align:justify;
}



/* Présentation des titres/auteurs/ et début des derniers articles dans chaque sous-rubrique  */


/* Lecture d'un article dans une rubrique quelconque  */



/* Lecture d'un article dans un emag  */


/* Présentation de l'emag -- voir avec emag.php/emag.html | sous-rubriques - titres etc  */


/* Présentation de hors-série -- voir avec horserie.php/horserie.html | sous-rubriques - titres etc  */