/* -------------------------------------------------------------
Specific styles template.
------------------------------------------------------------- */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html, body {
	font-size: 18px;
	line-height: 1.2em;
}

html, body, button, input, select, textarea {
	/* font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; 
	font-family: Verdana, sans-serif;
	*/
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	line-height: 1.2em;
}

body {
	margin: 1.5em 2.5em;
}

:hover, :focus, :active {
	outline: none;
}

h1, h2, h3, h4, h5, h6, .w3-slim, .w3-wide {
	font-family: "Segoe UI", Arial, sans-serif;
	line-height: 1em;
}

h1 {
	font-size: 30px;
	margin-top: 1.2em;
	margin-left: 0em;
	margin-bottom: 1em;
	border-radius: 15px;
}

h2 {
	font-size: 24px;
	margin-top: 1.8em;
	margin-left: 1em;
	margin-bottom: 1em;
	border-radius: 10px;
}

h3 {
	font-size: 20px;
	margin-top: 1.5em;
	margin-left: 2.5em;
	margin-bottom: 1em;
	border-radius: 8px;
}

h4 {
	font-size: 18px;
	margin-top: 0.8em;
	margin-left: 4.5em;
	margin-bottom: 0.5em;
	border-radius: 4px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

a {
	color: #0078CF; 
	/* font-weight: normal;  # A_VIRER plus tard */
	cursor: pointer;
	text-decoration: underline;
	transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-webkit-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
}

a:hover {
	color: #000;
	text-decoration: underline;
	/* background: rgba(0, 0, 0, .025); */
}

::-moz-selection {
	background: #0078CF;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #0078CF;
	color: #fff;
	text-shadow: none;
}

p {
	margin: 0 0 1em;
}

p:last-child {
	margin-bottom: 0;
}
p.paragNoMarginBottom {
	margin-bottom: 0;
}
p.paragDemiMarginBottom {
	margin-bottom: 0.3em;
}

a:visited {
	opacity: 0.9;
}

a:active, a:focus {
	position: relative;
	top: 1px;
}

ul {
	margin-top: 0em;
	margin-bottom: 1em;
}
ul li {
	padding-bottom: 0.2em;
}
ul li.padding-bottom-1em {
	padding-bottom: 1em;
}
ul li ul {
	margin-bottom: 0em;
	padding-bottom: 0em;
}
ul li ul li {
	margin-bottom: 0em;
	padding-bottom: 0em;
}

/* -------------------------------------------------------------
======	Variables for Colors
------------------------------------------------------------- */
:root {
  /* Specific for our websites */
  --color-cri-bleu-pastel-navigation:#5584f4;
  
  --color-rose:#E32D6A;
  --color-bleu:#209bca;
  --color-violet:#666ECC;
  --color-orange:#F46C02;
  --color-pink:#F06289;
  --color-blue:#1B8AF0;
  --color-vert:#73B473;
  --color-chaton:#FF9900;
  --black:#222222;
  --black-dark:#2C2E36;
  --black-grey:#626473;
  --black-light:#B1ACB2;
  --white:#ffffff;
  --white-dark:#D9C7C3;
  --white-grey:#F5E4DC;
  --white-light:#F9F2EF;
  --main-gris:#bbb;
  --color-blue-link:#197fa6
}

/* -------------------------------------------------------------
======	End of Variables for Colors
------------------------------------------------------------- */

/* -------------------------------------------------------------
======	Navbar template
------------------------------------------------------------- */
.w3-topnav {
	padding: 0px 0px;
}

#top_gen_banner_container {
	vertical-align: bottom;
	border-radius: 20px;
}

#top_banner_showplace {
	height: 3.7em;
	vertical-align: bottom;
	float: left;
	overflow: visible;
	border-radius: 20px;
}

#top_banner_showplace_citation {
	margin-top: 8px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 1px;
	font-style: italic;
	font-size: 1.1em;
	color: #FFFFFF;
	float: left;
}
#top_banner_showplace_citation:hover {
	color: #FFFFFF;
	border-bottom: none;
}

#top_menu_horiz {
	height: 2.1em;
	vertical-align: bottom;
	font-size: 24px;
	border-radius: 0px 0px 20px 0px;
}

#top_menu_horiz ul li {
	display: inline-block;
	}
	
#top_menu_horiz .w3-button {
	padding: 1px 8px;
	padding-top: 5px;
	/* margin: 24px 2px; */
	margin: 48px 2px 0px 2px;
	margin: 0px;
	vertical-align: bottom;
}

.logo_cell {
	padding: 0px 0px;
	margin: 0px 0px;
	border-radius: 20px;
}
.logo_cell .w3-hover-theme-d3:hover {
	text-decoration: none;
	border: none;
}

#top_gen_banner_container #top_menu_home_anchor {
	padding: 18px 4px 1px 9px;
	margin: 0px 0px;
	text-align: left;
	border-radius: 0px 0px 0px 20px;
}

.logo_cell_mini_text {
	padding: 0px 0px 0px 4px;
	margin: 0px;
}

.logo_cell_main_text {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


/* For the banner menu tooltips infos, dropdown on hover (bmtltpdropdwn) : les bmtltpdropdwn */
.bmtltpdropdwn_textblock_gen {
	/* display: inline-block; */
	padding: 21px 10px 15px 10px;
	border: 2px solid #4c1762; /* #47155c; !important */
	background-color: #ffedd6;
	text-align: left;
	vertical-align: middle;
	font-size: 0.9em;
	border-radius: 15px;
	line-height: 1.1em;
}

.bmtltpdropdwn_textblock_1 {
	/* display: inline-block; */
	padding: 6px 6px 6px 6px !important;
	margin-top: 28px;
	font-size: 0.6em;
}
/* End of For the menu tooltips infos, dropdown on hover : bmtltpdropdwn */


/* For the navblocks */
.navblocks_textblock_1 {
	display: inline-block;
	width: 400px;
	height: 105px;
	padding: 21px 10px 15px 10px;
	margin: 20px;
	border: 4px solid #4c1762; /* #47155c; */
	background-color: #ffedd6;
	text-align: center;
	vertical-align: middle;
	font-size: 1.5em;
	border-radius: 15px;
		
}

.navblocks_textblock_1 .w3-dropdown-content {
	background-color: #ffedd6;
	font-size: 1em;
}


.navblocks_textblock_2 {
	display: inline-block;
	width: 420px;
	height: 115px;
	padding: 21px 10px 15px 10px;
	margin: 20px;
	border: 4px solid #4c1762; /* #47155c; !important */
	background-color: #ffedd6;
	text-align: center;
	vertical-align: middle;
	font-size: 1.5em;
	border-radius: 15px;
	line-height: 1.1em;
}
.navblocks_textblock_2 .w3-dropdown-content {
	background-color: #ffedd6;
	font-size: 1em;
}

.navblocks_anchor_1 {
	color: #47155c;
}
.navblocks_anchor_1:hover {
	color: #4c1762;
	color: #75082a;
	font-weight: bold;
}

.navblocks_anchor_1 .w3-dropdown-hover {
	color: #4c1762;
	color: #75082a;
	background-color: #ffedd6;
	font-weight: normal;
}

.navblocks_anchor_1 .w3-dropdown-hover:first-child {
  color: #4c1762;
  color: #75082a;
  font-weight: normal;
}

/* End of For the navblocks */



/* -------------------------------------------------------------
======	Footer bar template
------------------------------------------------------------- */
/*
#bottom_gen_footer_container {
}  */

#bottom_gen_footer_container a {
	color: #ffffff;
	text-decoration: underline;
}

/* -------------------------------------------------------------
======	MISC
------------------------------------------------------------- */
.w3-tiny-ultra {
	font-size: 0.3em !important
}

.w3-tiny {
	font-size: 0.75em !important
}

.w3-small {
	font-size: 0.85em !important
}

.w3-medium {
	font-size: 1em !important
}

.w3-large {
	font-size: 1.2em !important
}

.w3-xlarge {
	font-size: 1.5em !important
}

.w3-xxlarge {
	font-size: 2.1em !important
}

.w3-xxxlarge {
	font-size: 3.1em !important
}

.w3-jumbo {
	font-size: 4.3em !important
}

.w3-margin-right-small {
	margin-right: 6px;
}

.hidden {
	display: none !important;
	visibility: hidden
}

/* -------------------------------------------------------------
/* -- Specifique, a moi moi moi... 
------------------------------------------------------------- */
.sty_p_padding_bottom_0em {
	padding-bottom: 0em;
}
.sty_p_padding_bottom_0_5em {
	padding-bottom: 0.5em;
}
.sty_p_padding_bottom_1em {
	padding-bottom: 1em;
}
.sty_p_margin_bottom_0em {
	margin-bottom: 0em;
}
.sty_p_margin_bottom_0_25em {
	margin-bottom: 0.25em;
}
.sty_p_margin_bottom_0_5em {
	margin-bottom: 0.5em;
}
.sty_p_margin_bottom_1em {
	margin-bottom: 1em;
}

/* --------------------------- 
# Group of styles Encarts : .sty_p_encart_ 
# --------------------------- */

/* une autre manière de faire cela :
class="w3-border w3-border-amber w3-round-large w3-padding-medium"
*/
.sty_p_encart_citation_nondef_externe_ou_sitelcri_usual { 
	font-style: italic;
	padding: 8px 16px;
	margin-bottom: 16px;
	border: 2px solid #FCE78D; /*  !important  */
	border-radius: 8px;
}

.sty_p_encart_citation_int_sitelcri_usual { 
	font-style: italic;
	padding: 8px 16px;
	margin-bottom: 16px;
	border: 2px solid #e5a50a; /*  !important  */
	border-radius: 8px;
}

.sty_p_encart_citation_externe_usual { 
	font-style: italic;
	padding: 8px 16px;
	margin-bottom: 16px;
	border: 2px solid #cdab8f; /*  !important  */
	border-radius: 8px;
}

.sty_p_encart_code_usual { 
	font-style: normal;
	padding: 8px 16px;
	margin-bottom: 16px;
	border: 2px solid #ff7800; /*  !important  */
	border-radius: 8px;
}

.sty_p_encart_elements_mis_en_avant { 
	font-style: normal;
	padding: 16px 24px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3em;
	margin-right: 3em; 
	background-color: #f7f8fd;
	border: 3px solid #eef1fd; /*  !important  */
	border-radius: 8px;
}

.sty_p_encart_important {
	font-style: normal;
	padding: 8px 16px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3em;
	margin-right: 3em;
	border: 3px solid #AA3A03; /*  !important  */
	border-radius: 8px;
}

.sty_p_encart_indication_de_lecture_usual { 
	font-style: normal;
	padding: 16px 24px;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 3em;
	margin-right: 3em;
	border: 5px solid #418648;
	background-color: #fafdf9;
	border-radius: 16px;
}

.sty_p_encart_mode_emploi_global_usual { 
	font-style: normal;
	padding: 16px 24px;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 3em;
	margin-right: 3em;
	border: 4px solid #4751ee;
	background-color: #ffffff;
	border-radius: 18px;
}

.sty_p_encart_statut_prodpublication_article_usual { 
	font-style: normal;
	padding: 8px 12px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3em;
	margin-right: 3em;
	border: 4px solid #8d310e;
	background-color: #ffceb4;
	border-radius: 8px;
}

.sty_p_encart_statut_prodpub_final_art {
	display: inline-block;
	margin-left: 0px;
	border: 4px solid #1b6422;
	background-color: #e8ffe0;
}

.sty_p_encart_maintenance_indication_usual { 
	font-style: normal;
	padding: 16px 24px;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 3em;
	margin-right: 3em;
	border: 5px solid #613583;
	background-color: #ffa4a4;
	border-radius: 16px;
}

.sty_p_encart_box_simple_usual {
	padding: 8px 16px;
	margin-bottom: 16px;
	border: 3px solid #e5a50a; /*  !important  */
	background-color: #fff;
	border-radius: 8px;
}
.sty_p_encart_box_simple_italique {
	font-style: italic;
	padding: 8px 16px;
	margin-bottom: 16px;
	border: 3px solid #e5a50a; /*  !important  */
	background-color: #fff;
	border-radius: 8px;
}

.sty_p_encart_box_backgrd_ultlight_usual { 
	font-style: italic;
	padding: 8px 16px;
	margin-bottom: 16px;
	border: 5px solid #e5a50a; /*  !important  */
	background-color: #fdfcf9;  /* #fef2d6;*/
	border-radius: 8px;
}

.sty_p_encart_box_backgrd_light_usual { 
	font-style: italic;
	padding: 8px 16px;
	margin-bottom: 16px;
	border: 5px solid #e5a50a; /*  !important  */
	background-color: #fffaee;  /* #fef2d6;*/
	border-radius: 8px;
}

/* For borders around citation (usually put in a div) */
.cite_frame_with_border_usual {
	background-color: #f6f5f4;
	border: #3F597A 2px solid;
	border-radius: 8px;
	padding: 8px 20px;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1em;
}

/* --------------------------- 
# End of Group of styles Encarts : .sty_p_encart_ 
# --------------------------- */

/* --------------------------- 
# Group of styles Cards : .sty_p_card_ 
# --------------------------- */

/* Style paragraphe as card (sty_p_card) */
.sty_p_card_simple_marg_and_border_usual {
	border:  4px solid #726bc4;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	margin-right: 6px;
}

.sty_p_card_simple_header_usual {
	padding: 8px 16px;
	background-color: #f3f1ff;
}

.sty_p_card_simple_cbody_usual {
	padding: 8px 16px;
}

/* Style for Cards (sty_c_)(sty_c) */

/* Style Cards gen CSS styles */
/* Not used for the time being.
.sty_c_cards_list_gen { }
.sty_c_cards_columns_gen { } 
 */
 .sty_c_card_usual_column_gen {
  display:-ms-flexbox;
  display:flex;
  flex-direction: column;
  max-width: 100%;
  padding-right: .4rem;
  padding-left: .4rem;
  padding-top: .4rem;
  padding-bottom: .4rem;
  -ms-flex: 1;
  flex: 1;
  /* flex: 1; is similar to :
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
	*/
}

.sty_c_card_panel_gen_xxs {
  min-width:160px;
  min-width:160px
}
.sty_c_card_panel_gen_xs {
  min-width:210px;
  width:210px
}
.sty_c_card_panel_gen_sm {
  min-width:295px;
  width:295px
}
.sty_c_card_panel_gen_md {
  min-width:350px;
  width:350px
}
.sty_c_card_panel_gen_lg {
  width:100%;
  max-width:450px
}

.sty_c_card_box_usual_gen {
  border: 2px solid black;
  border-radius: 10px;
  box-shadow: 0 0 0 black;
  transition: box-shadow 250ms ease;
  flex-grow: 1;
  background-color: var(--white);
  overflow: hidden;
  padding: 0.5rem;
}
 
.sty_c_card_box_bleu_usual_gen {
  border-color: var(--color-cri-bleu-pastel-navigation);
  box-shadow: 0 0 0 var(--color-cri-bleu-pastel-navigation);
}
.sty_c_card_box_bleu_usual_gen:hover {
  border-color: var(--color-cri-bleu-pastel-navigation);
  box-shadow: 4px 4px 0 var(--color-cri-bleu-pastel-navigation);
}

/* Style Cards mini_usual (mini_usual)(mni_us)(mnius) */
.sty_c_cards_list_mini_usual {
	margin-bottom:.5rem;
}
.sty_c_cards_columns_mini_usual {
  display:-ms-flexbox;
  display:flex;
  align-items:stretch;
  justify-content:center;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-.4rem;
  margin-left:-.4rem;
}

.sty_c_card_panel_mini_usual {
  margin:10px;
  padding:15px;
  text-align:center;
  background-color:#fff;
  box-shadow:0 0 15px 2px rgb(0 0 0 / .2)
}

.no-shadow .sty_c_card_panel_mini_usual {
  box-shadow:none
}

.sty_c_card_box_mini_usual_bxtitle {
  text-align:left;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0.1em;
  margin-bottom: 0.5em;
  line-height: 1em;
}
.sty_c_card_box_mini_usual_bxcontent {
  text-align:left;
  margin-bottom: 0.25em;
}
.sty_c_card_box_mini_usual_bxfooter {
  text-align:left;
  font-style: italic;
}

/* --------------------------- 
# End of Group of styles Cards : .sty_p_card_  
# --------------------------- */


.sty_p_citation_titre {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

.sty_p_citation_titre {
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	background-color: #6F8CAA;
	color: #000000;
	border: #3F597A 2px solid;
}

.sty_w_exergue_light {
	font-weight: bold;
	color: black;
}

.sty_w_exergue_bright {
	font-weight: bold;
	color: #B60039; /* rouge sur fond lilas */
}

.sty_w_exergue_suggestion_usual {
	font-weight: normal;
	font-style: italic;
	color: black;
}

.sty_w_exergue_suggestion_small_fsize {
	font-weight: normal;
	font-size: 0.9em;
	font-style: italic;
	color: black;
}

strong {
	font-weight: bold;
	color: #290c7f; 
}

.sty_w_exergue_title_mini {
	font-weight: bold;
	font-style: oblique;
	/* color: #a31e48;  */
}

.sty_p_photo_image_centered_usual { 
	display: block;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 0.5em;
	border: 1px solid #CCCCCC;
}

.sty_p_text_paragraph_centered_usual { 
	display: block;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 0.5em;
}


.w3-code, .w3-codespan {
	/* font-family: Consolas, "courier new"; */
	font-family: monospace, monospace;
}

/* -------------------------------------------------------------
/* -- Specifique, articles links items (lists, cards) 
------------------------------------------------------------- */

/* Listes : articles links items */
ul.sty_p_list_lktooart_items_card {
	background-color: #fffcf4;
}

/* Items in list : articles links items */
li.sty_p_lktooart_item_li_card {
	padding-bottom: 1em;
}
li.sty_p_lktooart_item_li_card:last-child {
	padding-bottom: 0em;
}

.sty_w_lktooart_newartcl_lbl_gen {
	font-weight: bold;
	color: #290c7f; 
	font-size: 0.8em;
}

.sty_w_lktooart_lbl_date_gen, .sty_w_lktooart_lbl_date_colon1, .sty_w_lktooart_title_prfx_lbl_gen {
	font-size: 0.85em;
	font-style: italic;
}

.sty_w_lktooart_title_main_lbl_gen {
	font-weight: normal;
} 

ul li .sty_w_lktooart_title_main_lbl_gen {
	font-weight: bold;
} 
/* 
.sty_w_lktooart_lbl_artlink_gen {
	display: inherit;
	display: block;
}
 */
/* 
.sty_w_lktooart_date_cat_mention1_gen {
	display: block;
}
 */

/* For truncate an URL or some long texte, but still allow to copy it, in the clipboard, if wanted by the User.
The remaining texte is there, but not visible in the screen. Same for image. 
This was taken from an example in Mastodon posts. */
 
.sty_w_truncate_string_invisible {
	font-size: 0;
	line-height: 0;
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute
}

.sty_w_truncate_block_invisible img, .sty_w_truncate_block_invisible svg {
	margin: 0 !important;
	border: 0 !important;
	padding: 0 !important;
	width: 0 !important;
	height: 0 !important
}

/* For the part that is visible, but has been truncated. Reduite. */
.sty_w_string_ellipsis:after {
	content: "…"
}

/* -------------------------------------------------------------
/* -- End of Specifique, articles links items (lists, cards) 
------------------------------------------------------------- */

/* -------------------------------------------------------------
/* -- Specifique, items in flexbox containers - General.
------------------------------------------------------------- */
/* A responsive "feature" section for displaying logos, thumbnails, or other content using Flexbox. 
See : https://get.foundation/building-blocks/blocks/responsive-featured-section.html
*/
/* Prefix : flxdcmq : flex classes for C-est-moi-qui-l-a-fait design (flxdcmqlaf)(flxdcmq). */
.flxdcmq-featured-items-grp {
  background: #e6e6e6;
  margin-bottom: 4rem;
  padding: 1rem 1rem;
}

.flxdcmq-featured-items .flxdcmq-featured-items-brands {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

.flxdcmqlaf-row-10-base-usual {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.flxdcmqlaf-columns-10-base-usual {
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  min-width: initial;
}

/* -------------------------------------------------------------
/* -- End of Specifique, items in flexbox containers - General.
------------------------------------------------------------- */

/* For the medium size specific designs */
@media ( max-width :992px) and (min-width:601px) {

	body {
		margin: 0.5em 1em;
	}
		
	#top_menu_horiz {
		font-size: 1em;  
		height: 2.4em;
	}
 
	#top_menu_horiz .w3-bar-item {
		/* padding: 8px 16px; */
		padding: 1px 6px;  
		line-height: 1em;
	}
	.w3-topnav #top_menu_horiz a {
		border-bottom: 1px solid transparent;
	}
	.w3-topnav #top_menu_horiz a:hover {
		border-bottom: 1px solid #fff;
	}
	
	/* --------------------------- 
	# Group of styles Encarts : .sty_p_encart_ 
	# For the medium size specific designs.
	# --------------------------- */
	
	/* une autre manière de faire cela :
	class="w3-border w3-border-amber w3-round-large w3-padding-medium"
	*/
	.sty_p_encart_citation_nondef_externe_ou_sitelcri_usual { 
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	.sty_p_encart_citation_int_sitelcri_usual { 
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	.sty_p_encart_citation_externe_usual { 
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	.sty_p_encart_code_usual { 
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	.sty_p_encart_elements_mis_en_avant { 
		padding: 8px 12px;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 1.5em;
		margin-right: 1.5em; 
	}
	
	.sty_p_encart_important {
		padding: 8px 12px;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 1.5em;
		margin-right: 1.5em; 
	}
	
	.sty_p_encart_indication_de_lecture_usual { 
		padding: 8px 12px;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 1em;
		margin-right: 1em; 
	}
	
	.sty_p_encart_mode_emploi_global_usual { 
		padding: 8px 12px;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 1em;
		margin-right: 1em; 
	}
	
	.sty_p_encart_statut_prodpublication_article_usual { 
		padding: 8px 12px;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 1em;
		margin-right: 1em; 
		border-radius: 8px;
	}

	.sty_p_encart_maintenance_indication_usual { 
		padding: 8px 12px;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 1em;
		margin-right: 1em; 
	}
	
	.sty_p_encart_box_simple_usual {
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	.sty_p_encart_box_simple_italique {
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	.sty_p_encart_box_backgrd_ultlight_usual { 
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	.sty_p_encart_box_backgrd_light_usual { 
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	/* For borders around citation (usually put in a div) */
	.cite_frame_with_border_usual {
		padding: 4px 10px;
		margin-left: 1em;
		margin-right: 1em;
		margin-bottom: 0.5em;
	}

	/* --------------------------- 
	# End of Group of styles Encarts : .sty_p_encart_ 
	# For the medium size specific designs.
	# --------------------------- */
	
}


/* For the small size specific designs */
@media ( max-width :600px) {
	body {
		margin: 0.5em 0.5em;
	}
	
	#navMenuSmallScreens {
		font-size: 1em;  
	}
	#navMenuSmallScreens .w3-bar-item {
		/* padding: 8px 16px; */
		padding: 3px 6px;  
		line-height: 1em;
	}
	.w3-topnav #navMenuSmallScreens a {
		border-bottom: 1px solid transparent;
	}
	.w3-topnav #navMenuSmallScreens a:hover {
		border-bottom: 1px solid #fff;
	}
	
	/* --------------------------- 
	# Group of styles Encarts : .sty_p_encart_ 
	# For the medium size specific designs.
	# --------------------------- */
	
	/* une autre manière de faire cela :
	class="w3-border w3-border-amber w3-round-large w3-padding-medium"
	*/
	.sty_p_encart_citation_nondef_externe_ou_sitelcri_usual { 
		padding: 3px 3px;
		margin-bottom: 4px;
	}
	
	.sty_p_encart_citation_int_sitelcri_usual { 
		padding: 3px 3px;
		margin-bottom: 4px;
		}
	
	.sty_p_encart_citation_externe_usual { 
		padding: 3px 3px;
		margin-bottom: 4px;
	}
	
	.sty_p_encart_code_usual { 
		padding: 3px 3px;
		margin-bottom: 4px;
	}
	
	.sty_p_encart_elements_mis_en_avant { 
		padding: 4px 2px;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		margin-left: 0.3em;
		margin-right: 0.3em; 
	}
	
	.sty_p_encart_important {
		padding: 4px 4px;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		margin-left: 0.5em;
		margin-right: 0.5em; 
	}
	
	.sty_p_encart_indication_de_lecture_usual { 
		padding: 4px 4px;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		margin-left: 0.5em;
		margin-right: 0.5em; 
	}

	.sty_p_encart_mode_emploi_global_usual { 
		padding: 4px 4px;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		margin-left: 0.5em;
		margin-right: 0.5em; 
	}
	.sty_p_encart_statut_prodpublication_article_usual { 
		padding: 4px 4px;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		margin-left: 0.5em;
		margin-right: 0.5em; 
		border-radius: 8px;
	}
	.sty_p_encart_maintenance_indication_usual { 
		padding: 4px 4px;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
		margin-left: 0.3em;
		margin-right: 0.3em; 
	}
	
	.sty_p_encart_box_simple_usual {
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	.sty_p_encart_box_simple_italique {
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	.sty_p_encart_box_backgrd_ultlight_usual { 
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	.sty_p_encart_box_backgrd_light_usual { 
		padding: 4px 8px;
		margin-bottom: 8px;
	}
	
	/* For borders around citation (usually put in a div) */
	.cite_frame_with_border_usual {
		padding: 4px 10px;
		margin-top: 0.6em;
		margin-bottom: 0.6em;
		margin-left: 0.5em;
		margin-right: 0.5em; 
	}
	
	/* --------------------------- 
	# End of Group of styles Encarts : .sty_p_encart_ 
	# For the medium size specific designs.
	# --------------------------- */

	
}



/* -------------------------------------------------------------
/* -- Specifique, Font Awesome icons (phone, email envelop,...) 
------------------------------------------------------------- */
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');font-weight:normal;font-style:normal}

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-envelope-o:before{content:"\f003"}
/* -------------------------------------------------------------
/* -- End of Specifique, Font icons (phone, email envelop,...) 
------------------------------------------------------------- */

/* -------------------------------------------------------------
======	END
------------------------------------------------------------- */