/* ARGFP FEUILLE CSS RUBRIQUE HOME */

/*  :::::::::::::::::::: 1 DEBUT ELEMENTS GENERIQUES :::::::::::::::::::: */
/* Balise générale */

body
{
    /* url de l'image */
    background-image : url(../../images/FR/interface/fond_page_gen.jpg);
    /* définit si l'image est répétée. */
    background-repeat : repeat ;
    /* définit si l'image est fixe ou si elle bouge lors que l'on descend dans le document à l'aide des ascenseurs */
    background-attachment : fixed ;
    /* définit la position de l'image par rapport au côté gauche. */
	background-position:center;
	 /* définit la marge du haut de page */
	margin-top: 0 ;
	 /* définit la police utilisée par défaut pour le texte */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* définit la taille de police utilisée par défaut pour le texte */
	font-size: 12px;
	/* définit la couleur par défaut du texte*/
	color:#00003C;
}


*{
margin: 0;
padding: 0;
}

/* Balise tableau */
table {
	padding:0px;
	empty-cells: show;
	border: 0;
}

/* Styles des liens */
a {
 /* définit la décoration utilisée par défaut pour les liens */
	text-decoration: none;
}
a:link {
 	/* définit la couleur utilisée par défaut pour les liens */
	color: #001111;
}
/* Styles des liens visités */
a:visited {
	/* définit la couleur utilisée par défaut pour les liens déjà visités */
	color: #666666;
}
/* Styles des liens survolés */
a:hover {
	/* définit la couleur utilisée par défaut pour les liens survolés */
	color: #000000;
}
/* Styles des liens cliqués */
a:active {
	/* définit la couleur utilisée par défaut pour les liens cliqués */
	color: #FFFFFF;
}

/* Styles des objets de formulaire Bouton */
.mdc_Boutons_Form {
	font-size: x-small;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #339900;
	border-color: #CCCCCC;
}
/* Styles des objets de formulaire Champ de texte */
.mdc_Texte_Form {
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	border-color: #339900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Styles des objets de formulaire Listes déroulantes */
.mdc_Liste_Form {
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #339900;
	border-color: #CCCCCC;
}
/* Styles des objets de formulaire Cases à cocher */
.mdc_Case_Form {
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	border-color: #339900;
}
/* Styles du tableau général */
#table_container {
	/* définit la largeur du tableau */
	width:100%;
}

/*  :::::::::::::::::::: 1 FIN ELEMENTS GENERIQUES :::::::::::::::::::: */

/* :::::::::::::::::::: 2 DEBUT ENTETE DE PAGE :::::::::::::::::::: */
/* Styles du tableau d'entete */
#table_entete {
	/* définit la largeur du tableau */
	width:100%;
}
/* Styles de la cellule d'entete du tableau d'entete */
#entete_h {
	/* définit la hauteur de la cellule d'entete */
	height:6px;
}

#entete_prelogocell {
	/* définit la largeur de la cellule logo/accueil */
	width:30px;
	/* définit l'image de fond pour la cellule */
	background-image: url(../../images/FR/interface/et_prelogo.gif);
	/* définit si l'image de fond pour la cellule est répétée à l'infini */
	background-repeat: no-repeat;
}
/* Styles de la cellule d'entete du tableau d'entete */
#entete_logocell {
	/* définit la largeur de la cellule logo/accueil */
	width:190px;
	/* définit l'alignement des éléments dans la cellule */
	text-align: right;
}
/* Styles de la cellule hébergeant la barre de navigation */
#entete_barcell {
	/* couleur utilisée par défaut pour le texte de la cellule hébergeant la barre de navigation*/
	color:#FFFFFF;
	/* définit la largeur de la cellule */
	/* width:530px; */
	/* définit l'alignement vertical pour la cellule */
	/*vertical-align: bottom;
	/* définit une marge en bas de la cellule */
	padding-bottom: 5px;
}
/* Styles du texte de la barre de navigation */
.entete_navigationtext {
	/* taille du texte */
	font-size:13px;
	/* marge gauche utilisée pour le texte de la barre de navigation */
	margin-left: 50px;
	/* marge droite utilisée pour le texte de la barre de navigation */
	margin-right: 30px;
}
/* Styles des liens de la barre de navigation */
.entete_navigationtext a{
	/* épaisseur utilisée pour les liens de la barre de navigation */
	font-weight: bold;
}
/* Styles des liens de la barre de navigation */
.entete_navigationtext a:link{
	/* couleur utilisée par défaut pour les liens de la barre de navigation */
	color: #EEFFFF;
}
/* Styles des liens survolés de la barre de navigation */
.entete_navigationtext a:hover {
	/* couleur utilisée pour les liens survolés de la barre de navigation */
	color: #FFFFFF;
	/* couleur de fond utilisée par défaut pour les liens survolés de la barre de navigation */
	background-color: #005555;
}
.entete_navigationtext a:visited {
	/* couleur utilisée pour les liens visités de la barre de navigation */
	color: #FCFCFC;
}
.entete_navselected {
	/* pour la rubrique en cours de consultation */
	text-decoration: underline;
}
/* Styles du texte infos utilisateur */
.entete_usertext{
	font-size: x-small;
	color:#FFFFFF;
	/* marge gauche utilisée pour les infos utilisateur */
	margin-left: 50px;
	/* marge droite utilisée pour les infos utilisateur */
	margin-right: 30px;
	}
/* Styles des liens des infos utilisateur */
.entete_usertext a:link {
	/* épaisseur utilisée pour les liens des infos utilisateur */
	font-weight: bold;
	/* couleur utilisée par défaut pour les liens des infos utilisateur */
	color: #99CCCC;
}
/* Styles des liens survolés des infos utilisateur */
.entete_usertext a:hover {
	/* couleur utilisée pour les liens survolés des infos utilisateur */
	color: #33FFFF;
	/* couleur de fond utilisée par défaut pour les liens survolés des infos utilisateur */
	background-color: #000000;
}
#entete_preespacecell {
	/* définit la largeur de la cellule logo/accueil */
	width:30px;
	/* définit l'image de fond pour la cellule */
	background-image: url(../../images/FR/interface/et_preespace.gif);
	/* définit si l'image de fond pour la cellule est répétée à l'infini */
	background-repeat: no-repeat;
}
/* Styles de la cellule de l'accueil de l'espace */
#entete_espacecell {
	width:190px;
	background-image: url(../../images/FR/interface/et_espace.gif);
	height: 38px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
}
#entete_espacecell a:link {
	color: #333333;
}
/* Styles de la cellule de marge inférieure de l'entete */
#entete_margecell {
	width:530px;
	background-image: url(../../images/FR/interface/et_marge.gif);
	background-repeat: no-repeat;
	height: 38px;
	vertical-align: middle;
}
.et_chemin {
	font-size: x-small;
	font-style: italic;
	font-weight: normal;
}
.et_chemin a:hover {
	text-decoration:underline;
}

/* :::::::::::::::::::: 2 FIN ENTETE DE PAGE :::::::::::::::::::: */

/* :::::::::::::::::::: 3 DEBUT PIED DE PAGE :::::::::::::::::::: */
/* Styles du tableau du pied de page (6 cellules) */
#pied_page {
	width:750px;
}
/* Styles de la cellule sup. gauche du tableau du pied de page (1/6) */
#pied_cellgauche {
	width:160px;
}
/* Styles de la cellule sup. centrale du tableau du pied de page (2/6) */
#pied_barcell {
	background-image:  url(../../images/FR/interface/pg_centre.gif);
	vertical-align: middle;
	text-align: center;
	padding-left: 30px;
	padding-right: 20px;
}
#pied_barcell a:link {
	color:#002222;
}
#pied_barcell a:hover {
	color:#002222;
}
/* Styles de la cellule sup. droite du tableau du pied de page (3/6) */
#pied_celldroite {
	width:150px;
	background-image: url(../../images/FR/interface/pg_droite.gif);
}
/* Styles de la cellule inf. gauche du tableau du pied de page (5/6) */
#pied_fd1 {
	width:160px;
	height: 15px;
	background-image: url(../../images/FR/interface/pd_fd1.gif);
}
/* Styles de la cellule inf. centale du tableau du pied de page (5/6) */
#pied_fd2 {
	width:440px;
	height: 15px;
	background-image: url(../../images/FR/interface/pd_fd2.gif);
}
/* Styles de la cellule inf. droite du tableau du pied de page (5/6) */
#pied_fd3 {
	width:150px;
	height: 15px;
	background-image: url(../../images/FR/interface/pd_fd3.gif);
}

/* :::::::::::::::::::: 3 FIN PIED DE PAGE :::::::::::::::::::: */

/* :::::::::::::::::::: 4 DEBUT CORPS DE PAGE :::::::::::::::::::: */

#table_centre {
	width:750px;
	border:0;
	vertical-align:top;
}
/* Styles par défaut de la cellule centrale du corps de page */
#maincentre {
	background-image:  url(../../images/FR/interface/pg_centre.gif);
	background-repeat: repeat-y;
	vertical-align:top;
	padding-left: 30px;
	padding-right: 20px;
}

/*.mdc_TitrePartie*/
#maincentre h1 {
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #233882;
	text-align: left;
	letter-spacing:-1px;

	display: list-item;
	list-style-type: none;
	background-image: url(/metasite/web_site/1/kits_graphik/hippo_mag/images/FR/modules/mdc_eMag/puce_feuille.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left: 65px;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#maincentre a:link {
	color: #233882;
}

#maincentre a:visited {
	color: #233882;
}

#maincentre a:hover {
	color: #233882;
	background-color:#FFFFCC;
}

/*.mdc_TitreArticle*/
#maincentre h2 {
	font-size: 14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #233882;
	text-align: left;
	/*padding-top:6px;*/
	line-height: 1.2em;
}


/*.mdc_ChapeauArticle*/
#maincentre h3 {
	font-size: 12px;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5a6ec2;
/*	text-align: left;*/
}

/*.mdc_SignatureArticle*/
#maincentre h4 {
	font-size: 12px;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #38821A;
	text-align: left;
}
/*.mdc_TitreSource*/
#maincentre h5 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #38821A;

	padding-top:10px;
	/*padding-bottom:-10px;
	padding-left:15px;
	padding-right:5px;
	*/
}
/*.mdc_Source*/
#maincentre h6 {
	font-weight:lighter;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00003C;
}
#maincentre p {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00003C;
	text-align: justify;
}

/* ===========================================
Style de la Date, NÝMag et bouton Accueil.
============================================*/

.mdc_Accueil {
	font-size: 10px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: #38821A;
	padding-left: 10px ;
}
.mdc_Date {
	font-size: 10px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: #38821A;
	padding-top: 0px ;
	padding-right: 0px ;
	padding-bottom: 0px ;
	padding-left: 25px ;
}
.mdc_NumeroMag {
	font-size: 10px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: #38821A;
	padding-top: 0px ;
	padding-right: 0px ;
	padding-bottom: 0px ;
	padding-left: 45px ;
}

.mdc_LegendeImg {
	font-size: 10px;
	font-weight: lighter;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #233882;
	text-align:center;
	padding-top: 0px ;
	padding-right: 5px ;
	padding-bottom: 5px ;
	padding-left: 5px ;

}

/*si on est dans la rubrique activée*/
.mdc_AutresRubActive {
	font-size: 14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #233882;
	text-align: left;
	/*padding-top:6px;*/
	line-height: 1.2em;
	background-color:#FFFFCC;
}

.mdc_AutresRub {
	font-size: 14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #233882;
	text-align: left;
	/*padding-top:6px;*/
	line-height: 1.2em;

	/*font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #233882;
/*  padding-top: -5px ;
	padding-right: 0px ;
	padding-bottom: 10px ;
	padding-left: 40px ;*/
}

.mdc_AutresRub a:link{
	font-size: 14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #233882;
	text-align: left;
	line-height: 1.2em;
}

.mdc_AutresRub a:visited{
	font-size: 14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #233882;
	text-align: left;
	/*padding-top:6px;*/
	line-height: 1.2em;
}


.mdc_mainblok_barre_h {
	width:100%;
}

.mdc_mainblok_item1{
	list-style-type:circle;
	font-size: small;
	line-height: 1.5em;
	font-weight: bolder;
}

.mdc_mainblok_item1 a:hover {
	color: #000099;
	background-color: #00FFFF;
}

.mdc_mainblok_item2{
	font-size: smaller;
	font-weight: lighter;
	margin-left: 1em;
}

.mdc_mainblok_item2 a:hover {
	color: #003366;
	background-color: #99FFFF;
}



/* Styles de la cellule gauche du corps de page */
#maingauche {
	width: 160px;
	vertical-align: top;
}
/* Styles de la cellule droite du corps de page */
#maindroite {
	width: 150px;
	vertical-align: top;
	background-image: url(../../images/FR/interface/pg_droite.gif);
	background-repeat: repeat-y;
}
/* :::::::::::::::::::: 4 FIN CORPS DE PAGE :::::::::::::::::::: */

/* :::::::::::::::::::: 5 DEBUT BLOC MENU :::::::::::::::::::: */
#bloc_menu {
	padding: 0;
	width:160px;
	border:0;
	text-align:left;
}

#bloc_menu_contenu {
	background-image:url(../../images/FR/interface/bloc_menu_fd.gif);
	padding-left: 5px;
	background-repeat: repeat-y;
	color: #233882;
}

#bloc_menu_contenu h1 {
	font-size:12px;
	/*font-weight: bold;*/
	color: #339900;
	display: list-item;
	list-style-type: none;
	background-image: url(/metasite/web_site/1/kits_graphik/hippo_mag/images/FR/modules/mdc_eMag/pte_feuille_small.gif);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	padding-left: 18px;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
}

#bloc_menu_contenu h2 {
	font-size:10px;
	/*font-weight: bold;*/
	color: #339900;
	display: list-item;
	list-style-type:circle;
	list-style-position:inside;
	/*list-style-type: none;
	background-image: url(/metasite/web_site/1/kits_graphik/hippo_mag/images/FR/modules/mdc_eMag/pte_feuille_small.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;*/
	padding-left: 20px;
	padding-right: 0px;
	/*padding-top: 5px;*/
	padding-bottom: 5px;
}

#bloc_menu_contenu h2 a:link {
	color: #339900;
}

#bloc_menu_contenu h2 a:visited {
	color: #339900;
}

#bloc_menu_contenu h2 a:hover {
	color: #339900;
	background-color:#FFFFCC;
}

.bloc_PuceMenu{
	font-size: 10px;
	font-weight: bold;
	color: #339900;
	padding-left: 5px;
/*	padding-right: 5px;*/
}


.bloc_menu_1{
	/*list-style-type:circle;*/
	font-size: 10px;
	/*line-height: 1.2em;
	font-weight: bold;*/
	padding-left: 5px;
	padding-right: 5px;
	text-align:justify;
}

.bloc_menu_1 a:link {
	color: #00003C;
}

.bloc_menu_1 a:hover {
	color: #00003C;
	background-color: #FFFFCC;
}

.bloc_menu_1 a:visited {
	color: #00003C;
}


.bloc_menu_2{
	font-size: smaller;
	font-weight: lighter;
	margin-left: 1em;
}

.bloc_menu_2 a:link {
	color: #233882;
}

.bloc_menu_2 a:hover {
	color: #233882;
	background-color: #FFFFFF;
}

#bloc_menu_h {
	height:13px;
	background-image:url(../../images/FR/interface/bloc_menu_h.gif);
	background-position:center

}
#bloc_menu_b {
	height:16px;
	background-image:url(../../images/FR/interface/bloc_menu_b.gif);
	background-position:center
}

/* :::::::::::::::::::: 6 BLOC USER :::::::::::::::::::: */
#bloc_user {
	padding: 0;
	width:156px;
	border:0;
}

#bloc_user_contenu {
	background-image: url(../../images/FR/interface/bloc_user_fd.gif);
	padding-left: 5px;
	background-repeat: repeat-y;
	text-align:left;
}

#bloc_user_contenu h1 {
	font-size: x-small;
	font-weight: lighter;
	color: #233882;
}

.bloc_user_1{
	list-style-type:circle;
	font-size: small;
	line-height: 1.5em;
	font-weight: bolder;
	font-style: italic;
	color: #233882;
}
.bloc_user_1 a:hover {
	color: #233882;
	background-color: #FFFFFF;
}

.bloc_user_2 {
	font-size: smaller;
	font-weight: lighter;
	margin-left: 1em;
}
.bloc_user_2 a:hover {
	color: #233882;
	background-color: #FFFFFF;
}

#bloc_user_h {
	height:15px;
	background-image: url(../../images/FR/interface/bloc_user_h.gif);

}
#bloc_user_b {
	height:14px;
	background-image: url(../../images/FR/interface/bloc_user_b.gif);
}

/* :::::::::::::::::::: 7 BLOC CONTEXT :::::::::::::::::::: */
#bloc_context {
	padding: 0;
	width:150px;
	border:0;
	text-align:left
}

#bloc_context_contenu {
	background-image:url(../../images/FR/interface/bloc_context_fd.gif);
	padding-left: 5px;
	background-repeat: repeat-y;
	color: #233882;
}

#bloc_context_contenu h1 {
	font-size:12px;
	font-weight: bold;
	color: #339900;
}

.bloc_context_1{
	list-style-type:circle;
	font-size: small;
	line-height: 1.5em;
	font-weight: bolder;
	font-style: italic;
	color: #233882;
}

.bloc_context_1 a:link {
	color: #233882;
}

.bloc_context_1 a:hover {
	color: #233882;
	background-color: #FFFFFF;
}

.bloc_context_2 {
	font-size: smaller;
	font-weight: lighter;
	margin-left: 1em;
}

.bloc_context_2 a:link {
	color: #233882;
}

.bloc_context_2 a:hover {
	color: #233882;
	background-color: #FFFFFF;
}

#bloc_context_h {
	height:16px;
	background-image:url(../../images/FR/interface/bloc_context_h.gif);
}
#bloc_context_b {
	height:10px;
	background-image:url(../../images/FR/interface/bloc_context_b.gif);
}

/* :::::::::::::::::::: 8 BLOC OPTION :::::::::::::::::::: */
#bloc_option {
	padding: 0;
	width:150px;
	border:0;
}

#bloc_option_contenu {
	background-image:url(../../images/FR/interface/bloc_option_fd.gif);
	padding-left: 5px;
	background-repeat: repeat-y;
}

#bloc_option_contenu h1 {
	font-size: x-small;
	font-weight: lighter;
	color: #233882;
}

.bloc_option_1{
	list-style-type:circle;
	font-size: small;
	line-height: 1.5em;
	font-weight: bolder;
}
.bloc_option_1 a:hover {
	color: #233882;
	background-color: #FFFFFF;
}

.bloc_option_2 {
	font-size: smaller;
	font-weight: lighter;
	margin-left: 1em;
}
.bloc_option_2 a:hover {
	color: #233882;
	background-color: #FFFFFF;
}

#bloc_option_h {
	height:20px;
	background-image:url(../../images/FR/interface/bloc_option_h.gif);
}
#bloc_option_b {
	height:20px;
	background-image:url(../../images/FR/interface/bloc_option_b.gif);
}
/* :::::::::::::::::::: 9 TABLEAUX CONTENU :::::::::::::::::::: */
#table_contenu {
	width:100%;
	border:0;
	vertical-align:top;
}

.table_contenu_h{
	background-color: #339900;
	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
}

.table_contenu_fd{
	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
/* ARGFP FEUILLE CSS RUBRIQUE DEFAULT */
/* SIC - INNOVATIVE CONCEPT 2005 www.innov-concept.com*/