/*******************************************************/
/***    CSS de la barre d'info qui se trouve en dessous du titre.
/*******************************************************/
.barre_haut_texte 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*font-style: none;*/
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #203248;
	/*text-decoration: none;*/
	/*background: url(../images/barrehaut_degrade.gif);*/
	/*background-color:#203248;*/
	background-color:#ABA9A5;
	/*background-repeat: repeat-x;*/
	border-style:solid;
	border-width:1px;
	border-color:#ABA9A5;

}

.body
{
/*background-color:#000066;*/
background-color:#203248;
margin:0px;
}
.page_centrale
{
background-color:#203248;

vertical-align: top;
}

.images_pub
{
/*border:none;*/
border-style:solid;
border-width:1px;
border-color:#ABA9A5;
margin:0px;
display:block;/*A LAISSER : transforme des balises inline en block pour qu'elles s'affichenrt les unes en dessous des autres*/
}

#tab_menu
{
	width:150px;
	/*border-style:solid;*/
	border-width:0px;
	padding:0px;
}

/*******************************************************/
/***    CSS du menu
/*******************************************************/


#menu{
list-style-type:none; /* on enlève la puce */ 
margin: 0; /* on retire les marges intérieures et extérieures */
padding:0; 
width:  152px;  /* J'ai mis une largeur  pour ne pas prendre toute la largeur de l'écran */
border : solid 1px #ABA9A5;  /* on applique des bordures à la balise ul */


}
#menu a{
text-decoration:none;  /* on enlève le soulignement */
color:#ABA9A5; 
display:block;   /* C'est ici qu'il faut bien comprendre (j'explique plus bas) */
padding-left:0.5em;  /* une marge intérieure gauche juste pour l'esthétique */
height:20px;
font-family:   Arial,sans-serif, Helvetica,Verdana;
text-indent:2mm;
/*font-weight: bold;*/
}
#menu a:hover
{
/*background-color:#ABA9A5; */
/*background: url(../images/bouton_degrade.gif);
background-repeat: repeat-x;*/
background-color:#ABA9A5;
/*color:#000066; */
color:#2a3d53;

font-style:italic;
/*font-weight: bold;*/
}
#menu ul
{
font-size:0;
width=150px;
}
#menu li
{
display:block;
}
.bandeau_gauche
{
vertical-align:top;
width:152px;
/*background-color: #000066;*/
background-color:#203248;
border-width:1px;
border-color:#ABA9A5;
}

.bandeau_droite
{
vertical-align:top;
width:152px;
/*background-color: #000066;*/
	background-color:#203248;
border-width:1px;
border-color:#ABA9A5;
}
.page_construction
{
color:red;
font-size:18pt;
font-weight:bold;
text-align:center;
}

.texte_webmaster
{
color:#ABA9A5;
font-size:8pt;
font-family: Arial,Verdana,  Helvetica, sans-serif;
text-align:right;
vertical-align: middle;  
/*font-weight:bold;*/
/*border-style:solid;
border-width:1px;
border-color:#ABA9A5;*/

}
.logo_gescoweb_creations
{
border-width:0px;
/*border-style:solid;
border-width:1px;*/
border-color:#ABA9A5;
margin:0px;
/*display:block;/*A LAISSER : transforme des balises inline en block pour qu'elles s'affichenrt les unes en dessous des autres*/
}

.barre_bas_texte 
{
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	/*font-style: none;*/
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ABA9A5;
	text-decoration: none;
	/*background: url(../images/barrehaut_degrade.gif);*/
	background-color:#203248;
	
	background-repeat: repeat-x;
	text-align:center;

}


#gesco_precedent
{
	text-align:left;
}

a img
{
border: none;
}

.repere
{
border-style:solid;
border-width:1px;
border-color:#ABA9A5;
}

#tab_fleches_article
{

width:80%;


}


#tab_article
{
border-style:solid;
border-width:1px;
border-color:#000000;
width:80%;
/*background-color:#D5D1C5;*/
/*background-color:#E5DCC2;*/
background-color:#DBD2B8;

}

#ligne_date_article
{

}


#date_article
{
text-align:left;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
font-weight: bold;

}

#nom_journal
{
text-align:right;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
font-weight: bold;
TEXT-DECORATION:underline;
}

#ligne_sautée_avant_trait_noir
{
height: 5px; 
font-size: 5px;
}

#ligne_titre_article
{
vertical-align:middle;


}

#titre_article_et_trait
{
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 20px;
vertical-align:top;
font-weight: bold;
background: url(../images/trait_noir_article.gif);
background-repeat: repeat-x;
}

.zone_image_article
{
text-align:center;
}

.image_article
{
border-style:solid;
border-width:1px;
border-color:#000000;
}

.légende_image_article
{
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 10px;
}

.sous_titre_article
{
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
TEXT-DECORATION:underline;

}


.paragraphe_article
{
text-indent:1cm;
font-family: Verdana,Aria, Helvetica, sans-serif;
font-size: 14px;
text-align:justify;

}

.signature_article
{
text-align:right;
font-weight: bold;
font-size: 12px;
TEXT-DECORATION:underline;
}

/*Numéro de l'article dans l'article*/
.numero_article
{
text-align:center;
font-weight: bold;
font-size: 12px;

}
#tab_dessous_article
{
width:80%;
}
#lien_articles_précédents
{
text-align:right;
font-weight: bold;
font-family: Verdana,Aria, Helvetica, sans-serif;
font-size: 12px;
TEXT-DECORATION:underline;
color: #FFFF00;
}


#lien_liste_articles
{
text-align:right;
font-weight: bold;
font-family: Verdana,Aria, Helvetica, sans-serif;
font-size: 12px;
TEXT-DECORATION:underline;
color: #FFFF00;
}
/*Numéro de l'article en cours dans la visionneus d'articles*/
.article_en_cours
{
text-align:center;
font-weight: bold;
font-family: Verdana,Aria, Helvetica, sans-serif;
font-size: 12px;
color: #ABA9A5;
}