/****************** STYLES TO BE INCLUDED IN APP PAGES ******************/
/* These styles can be different in dev and prod sites */

/** Section map specific settings **/
#_section_map_jobs_training #_section_map_rubrique_emploi { width: 17%; }
#_section_map_jobs_training #_section_map_toutes_formations { width: 55%; }
#_section_map_jobs_training #_section_map_ressources { width: 28%; }
#_section_map_jobs_training #_section_map_formations_fimarkets { width: 50%; }
#_section_map_jobs_training #_section_map_livre_pdf { width: 50%; }

#_section_map_services #_section_map_fonctions_front_middle { width: 28%; }
#_section_map_services #_section_map_fonctions_back_office_comptabilite { width: 28%; }
#_section_map_services #_section_map_fonctions_risque_performance { width: 24%; }
#_section_map_services #_section_map_fonctions_referentiels { width: 20%; }

/* #_section_map_products #_section_map_produits_generalites { width: 100%; } */

/** General-purpose styles **/
.fm_underline { border-bottom: 1px solid #3B342A; }
.fm_strong { font-size: 1.1em; font-weight: bold; color: #53777A; }
.fm_warning { font-weight: bold; font-style: italic; color: #C02942; }
.fm_big { font-size: 170%; line-height: 120%; }
.fm_dark_red { color: #542437; }
.fm_red { color: #C02942; }
.fm_gray { color: #888888; }
.fm_gray_bg { background-color: #AAAAAA !important; }
.fm_white { color: #FFFFFF; } 
/* Center any inline content of element: */
.centered_content { text-align: center; }
/* Centered separator. To be used with hr tag */
.centered_separator { width: 50%; margin-left: auto; margin-right: auto; }
/* Middle vertical alignment */
.vertical_middle { vertical-align: middle; }
/* Floating blocks */
.float_left { float: left; margin: 0em 1em 0.2em 0em; }
.float_right { float: right; margin: 0em 0em 0.2em 1em; }
.clear_float{ clear: both; }
/* Vertical text in tables */
.vertical { line-height: 120%; padding-top: 0.5em !important; padding-bottom: 0.5em  !important; }
/* Number in a table */
.number_in_table { text-align: right; white-space: nowrap; }
/* List beside a floating block. Style required for IE. */
.list_beside_float { list-style-position: inside; padding-left: 0px; }

/** Boxed block **/
.boxed{
	border: 2px solid #542437;
	padding: 0.2em 0.8em 0.2em 0.8em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
/* Header of boxed block and section */
.box_header, .box_section { 
	margin: -0.2em -0.75em -0.2em -0.75em;     /* Cancel the padding defined in 'boxed' class */
	background-color: #542437;
	padding-top: 0.2em;
  padding-bottom: 0.2em;
	color: white;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
.box_header {
  -moz-border-radius-topright: 0.4em; -webkit-top-right-radius: 0.4em; border-top-right-radius: 0.4em;
  -moz-border-radius-topleft: 0.4em; -webkit-top-left-radius: 0.4em; border-top-left-radius: 0.4em;
  padding-left: 0.5em; padding-right: 0.5em;
}

/* Add margin when the boxed block directly contains a table */
.boxed > ._table_block { margin-top: 0.8em; margin-bottom: 0.8em; }
/* Add margin when two container or contained blocks are in sequence */
.boxed + .boxed { margin-top: 0.8em; }

/** Container and contained blocks **/
.container {
	background-color: #53777A;
  color: white;
	-moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.8em;
}
.container_header {
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.contained { 
	background-color: white;
	color: #3B342A;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.5em;
}
.contained_header { font-weight: bold; }

/* Add margin when two container or contained blocks are in sequence */
.container + .container { margin-top: 0.8em; }
.contained + .contained { margin-top: 0.8em; }

/* Reduce list padding in contained blocks */
.contained ul, .contained ol { padding-left: 1.4em; }


/** Specific texts **/
/* Quotes */
.quote { text-align: justify; padding: 0.5em; font-style: italic; }

/** Footnotes **/
/* Footnote link */
.footnote_link { font-size: 85%; vertical-align: super; font-weight: bold; }
/* Footnotes block and individula footnotes */
.footnotes { 
	font-size: 90%; 
	margin-left:0;    /* Remove the default left margin */
  padding-left:1em;   /* Remove the default left padding */
  border-top: 1px solid #666;
  margin-right: 2em;
}
.footnotes li:first-child { padding-top: 0.3em; }
.footnotes > li { 
	list-style:none; /* Disable the normal item numbering */
}
.footnotes > li + li { margin-top: 0em !important; }   /* Disable top margin defined for list items in article */ 
.footnote_number { margin-left:-1em; vertical-align: super; margin-right: 0.3em;  font-size: 90%; font-weight: bold; }

/** Side by side block. Must contain two divs. **/
@media only screen and (min-width: 801px) {
  .side_by_side > div:first-child { float: left; width: 49%; }
  .side_by_side > div + div { float: right; width: 49%; }
  .side_by_side { clear: both; }
}

/** Author frame **/
/* Subtitle displayed just below the block with author name and logo */
.author_frame_subtitle { 
  margin: auto;  max-width: 90%; margin-top: -1.5em; margin-bottom: 2em;
  font-style: italic; text-align: right; 
}

/** Buttons **/
/* Contact button, displayed beside a page header */
.contact_side_button{ margin-left: 0.5em; font-size: 80%; }