@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");

SCROLLBAR-FACE-COLOR: #0063ce;
SCROLLBAR-HIGHLIGHT-COLOR: #0063ce;
SCROLLBAR-SHADOW-COLOR: #194B80;
SCROLLBAR-3DLIGHT-COLOR: #B1D1FC;
SCROLLBAR-ARROW-COLOR:  #f7e7ce;
SCROLLBAR-TRACK-COLOR: #FFF8E4;
SCROLLBAR-DARKSHADOW-COLOR: #f7e7ce;
}


/* 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: #0063ce;
font-family: arial; 
font-size: 10pt; 
text-align:center;
width:100%; 
border: 1px outset #c0c0c0;
z-index:2;
color:white;
}


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

div.barre-menu a:hover{
font-family: arial; 
font-size: 10pt; 
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:9pt;
font-family:Arial;
background-color: #B1D1FC;
color: #3F7DD0;
font-weight:bold;
margin-left: 10px;
}

/* 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;

}




/* Format du bloc menu */

.menu-gauche {  
float: left; 
width: 190px;
}

.bloc-menu{
width: 170 px;
background-color: #0063ce;
border-color: #B1D1FC #194B80 #194B80 #B1D1FC; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 1px;
/*margin: 11px 11px 11px 11px;*/
padding : 2px;

/*padding-left: 8px;
padding-right: 2px;
padding-top: 4px;
padding-bottom: 4px;
*/
}

.bloc-menu a{
font-family: arial;
font-size: 10pt;
font-weight: bold;
color: white;
text-decoration: none;
}

.bloc-menu a:hover{
font-family: arial;
font-size: 10pt;
font-weight: bold;
color: white;
text-decoration: underline;
}

.bloc-menu h3{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
padding-bottom: 15px; 
color : yellow;
font-weight: bold;
text-align: center;
margin:0;
}

/* Format de la liste */

.bloc-menu ul{
margin:0 0 0 1em;
padding:0;
}

.bloc-menu li{
font-family: Arial; 
font-size: 14px;
font-weight: bold; 
list-style-image: url(../img/souris.gif);
margin: 0;
padding: 2px;
}


/* page d'accueil : position des colonnes */

.colonne{
margin:0 10 0 10 px;
width:35%;
float:left;
}


/* page d'accueil : entête de présentation de rubrique */

.chapeau {
background-color:#0063ce;
width:135;
height:15;
text-align: left;
font-weight:bold;
padding-left: 8px;
font-family: verdana;
font-size:7.5pt;
color:white;
float:left;
padding-top:2px;
}

.transparent {
background-color:transparent;
width:100%;
height:15;
margin: 11px 20px 0px 0px;
}

.triangle{
width:14;
height:15;
background-color:#0063ce;
float:left;
}

.rectangle{
width:100%;
height:300;
background-color:#FFF8E4;
border-width:3 1 1 1 px;
border-color:#0063ce;
border-style:solid;
padding:8 px;
}

/* page d'accueil : format rectangles des rubriques) */


#rubrique h3{
color:#369;
margin:0;
font-size:12pt;
}

#rubrique h4{
font-family:Verdana;
color:#009999;
margin:0.2em 0 1em 0;
font-size:8pt;
}

#rubrique .auteur{
color:#996633;
margin:0;
font-size:10pt;
font-weight:bold;
}

#rubrique h5{
text-align:right;
font-size:9pt;
}

#rubrique h5 a{
background-color:#ffecce;
border:1px solid #c60;
color:#369;
font-weight:bold;
padding:0.2em;
text-decoration:none;
}

#rubrique h5 a:hover{
background-color:#ffecce;
color:#c60;
}

#rubrique p{
margin:0 0 1em 0;
}

#rubrique a{
background-color:transparent;
color:#f60;
}

#rubrique a:hover{
color:#369;
background-color:transparent;
text-decoration:none;
}


/* format des pages intérieures : position des colonnes  */



#droite{
margin:1%;
width:20%;
float:right;
}

#article{
margin:1.5em;
}

#article{
padding:0 2%;
width:100%;
}

#article h2{
border-bottom:2px solid #990000;
color:#990000;
font-size:large;
padding:0 0 0.2em 0;
}

#article h3{
color:#369;
margin:0;
font-size:12pt;
}

#article h4{
font-family:Verdana;
color:#009999;
margin:0.2em 0 1em 0;
font-size:8pt;
}

#article .auteur{
color:#996633;
margin:0;
font-size:10pt;
font-weight:bold;
}

#article h5{
text-align:right;
font-size:9pt;
}

#article h5 a{
background-color:#ffecce;
border:1px solid #c60;
color:#369;
font-weight:bold;
padding:0.2em;
text-decoration:none;
}

#article h5 a:hover{
background-color:#ffecce;
color:#c60;
}

#article p{
margin:0 0 1em 0;
}

#article a{
background-color:transparent;
color:#f60;
}

#article a:hover{
color:#369;
background-color:transparent;
text-decoration:none;
}


/* 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  */