#page{ text-align:left;padding:0px; width:1000px;position: relative;}
#load_text
  { 
    background-color:#ffd;
    position:absolute; left: 50%; top: 50%;
    width:        280px;  height:     80px;
    margin-left: -140px; margin-top: -40px; 
    text-align:center; font-size:120%;
    padding:20px;
    border:3px solid orange; 
  }
#load_text p {margin:5px}
#no_js_text a {color:royalblue; font-weight:bold; margin:5px}
#pyramid 
  { float:left;
    background:transparent url('noscript.gif') no-repeat center top;  
    padding: 0px; margin: 0px 15px 0px 0px;
  }
#controls { padding:0px; margin:0px; clear: both; font-size:12px;}
#controls p { padding:0px; margin:0px; clear:both;}
#page .controls_tab { margin: 10px 0; padding:0px; font-size:100%; clear:both;}
#page .controls_tab td { text-align:left; padding:0px;padding-left:2px; padding-right:2px; border:none; background-color:transparent; font-size:100%}
#languageControl { padding:0px}
#selectLanguage { float:left; padding:0px; margin:0px}
#anim_buttons { float:right; position:relative; right:0px}
#page form { color:black; margin:0px}
#page input, #page select, #page .button, #sex_surplus, #label_sex_surplus, #label_showagediv  
  { cursor:pointer }
#page .button
  { float:right; position:relative; right: 0px; top:0px; 
    padding:4px; padding-top:0px; padding-bottom:3px; 
    font-size:12px;}
#button_variantchange { float:right; padding:0px; font-size:11px; }
#yearControl { text-align:left; display:none }
#languageControl { float:left; margin-left:10px; display:block}
#sex_surplus 
  { float:left; position: relative; right:5px; top:0px; 
    margin-left:15px; font-size:12px;}
#label_sex_surplus,#label_showagediv { padding-top:4px;}
#meta 
  { float:left;
    padding-right:0px; padding-left:15px; padding-top:0px; padding-bottom:0px;
    margin-left:15px; 
    font-size: 14px; margin:0px; 
  }
#txt12 , #meta p { margin:0; padding:0;}
#page #logo { background-color: #fff; width: 350px}
#titre {}
#tot_pop_graph { height:260px; clear:both; padding:0px; margin:0px; width:100%;}
#tpg_bottom p {font-size:12px}  
#tpg_bottom_link a
{ color: #0257b2; font-weight:bold; font-size:13px;
padding-left:20px}
#autre_pyr_link
{ background-color: transparent;
  background-image: url('/static/img/puce_lien.gif');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0pt 0.3em;
}
#tpg_bottom_link a:hover 
{ text-decoration: underline; }
#xlslink 
  { float:left; display:block;
    padding:0px; padding-left:22px; margin :0px;
    background:url('http://www.insee.fr/fr/img/xlsicon.gif') no-repeat left center;}
#graph-evol-pop {position:absolute; top:50px; padding:10px; }
#page a:link, #page a:visited { color: #2c59b2; text-decoration:none; }
#page a:hover, #page a:active {color: #ff2e28;}
#ag_data { clear:both;float:left;  width:210px;}
#age_graph_sex, #age_groups 
  { position: relative; top: 10px; width: 100%; height: 150px; display:block;
    margin-bottom: 5px; padding: 0px; padding-left:0px;
  }
#dynamicTextGroup 
  { padding-left:15px; padding-bottom:6px; padding-right:5px; padding-top:4px; 
    margin-bottom:35px; 
    position: relative; top:20px; width: 300px; height:110px;  
    background-color:#fff; display:none;}
#displayCurrentYear { background-color:#ccf; text-align:center; font-size:18px;}
#displayAge {font-size:16px; font-weight:bold;}
#displayBirthYear {font-size:14px;}
#countData { margin-top:40px; margin-left:175px; font-size:12px; line-height:95%;}
#yearData {float:left; width:200px; }
#yearData p { margin:0px; margin-top:5px}
#variantControl { float:left; margin-right:10px; }

#page table 
  { width:100%; margin-left:0px; 
    text-align:left; border-width:1px; border-spacing:0px; border-collapse:collapse 
  }
#page caption,.caption
  { text-align:left; padding-left:10px; padding-bottom:5px; color:maroon; font-weight:bold;}
#page td, #page th { text-align:center;}
#page th { font-weight:bold;}
#page td { padding:3px; border:solid navy 1px; border-spacing:0px; background-color:#eee; }
#page td.variant0, #page td.variant1, #page td.variant2 
 { background-repeat:no-repeat; background-position:right center; padding-right:20px}
#page td.variant0 { background-image:url(img/varlevel0.png);}
#page td.variant1 { background-image:url(img/varlevel1.png);}
#page td.variant2 { background-image:url(img/varlevel2.png);}
#page tfoot td { background-color:transparent; padding:5px}
#page .head { background-color:#fffee1; font-weight:bold;}
#page .head td { font-weight:bold;}
#page .left { padding-left:8px; text-align:left;}
#page ul {margin-bottom:0; margin-top:0; clear:both;}
#page li { margin-bottom:6px; }
#page h3 {font-size:16px; font-weight:bold;}
#page h4 { margin-left: 10px; margin-bottom: 5px; margin-right: 0px; margin-top: 2px; font-size: 12px; font-weight: bold;}
.stop1{	stop-color:royalblue;}
.stop2{	stop-color:crimson;}

@media screen 
{
  #page, #load , .load
    {
      width:        1000px;  height:     597px;
      margin:0px;
    }
  #load 
    { background:#fff url('img/pyramide_big_nb.png') no-repeat left top } 
}
@media print 
{
  #page { margin:0px; margin-right:auto; margin-left:auto; }
	.slide { display:none;}
	#mainpyramid { opacity:1;}
}
#page li 
{ margin-top: 0pt;margin-right: 0pt;margin-bottom: 10px;margin-left: 0pt;
padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 15px;
}
#page ul
{
margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;
padding-top: 5px;padding-right: 10px;padding-bottom: 0pt;padding-left: 0pt;
}
#page ul li
{
background-color: transparent;
background-image: url("/fr/css/images/puce_liste.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 0.05em;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#page ul.liens li
{ background-color: transparent;
  background-image: url("/fr/css/images/puce_lien.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0pt 0.3em;
}
#page a
{ color: #0257b2; text-decoration: none;font-weight: bold;}

#page ul.liens li a:hover {color:  #0257b2;}

#page a:hover 
{text-decoration: underline;}
#p1_age_groups, #p2_age_groups {
	float: left;
	margin-right: 70px;
}
#p1_ag_data {
	float: left;
	width: 210px;
	margin-right: 50px;
}
#p1_agd_pop_total,#p2_agd_pop_total {font-weight:bold}
#variant_change , #variant_meta
{ clear:both; padding:0px; font-size:90%; display:none; margin-top: 20px;}
#variant_change {
	margin-left: -5px;
}
#tpg_info
{ position: absolute; 
  border:1px solid navy;
  background-color: #fff; 
  left: 540px; top: 195px; width:400px;
  padding:5px;display:none}
#tpg_info p
{  margin:10px;padding:0px }