/* 
    Document   : style
    Created on : 24 janv. 2012, 07:59:31
    Author     : Mathieu
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


body
{
	font-family: Verdana, Geneva, Arial, sans-serif;
        font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", 
"Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", 
"Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", 
Helvetica, Arial, sans-serif;
        
        font-size: 12px;
        margin:0px;
        background-color:#FFF;
        color:#464339;
        
}


/*Style de l'accueil
*/
.module
{
position:relative;
float:left;                            
width:200px;
height:200px;
border:1px solid #DDD;
margin-top:60px;
margin-right:75px;
text-align:center;
background-color:#fff;
-moz-border-radius: 31px;
-webkit-border-radius: 31px;
border-radius: 31px;


}
.module a
{                            
position:relative;
top:25px;                           
padding:2px;
padding-left:10px;
padding-right:10px;
color:#222222;
text-decoration:none;
width:100%;
font-size:12px;
}
.module a:hover
{
 background-color:#ffffff;
 color:#333;

}
.module img
{
 position:absolute;
 left:50%;
 margin-left:-35px;
 top:60px;
}
#menu
{
 position:relative;
 width:100%; 
 background-color:#333;
 background:url("../images/toptoolbar_background.gif");
 top:0px;
 height:30px; 
}
#barre_horizontale
{
 position:relative;
 
 
}
#logo_apropos
{
    -moz-box-shadow: 4px 4px 5px #848284; /* FF3.5+ */
  -webkit-box-shadow: 4px 4px 5px #848284; /* Saf3.0+, Chrome */
  box-shadow: 4px 4px 5px #848284; /* Opera 10.5, IE 9.0 */
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284');
}
#menu ul {
 padding:0;
 margin:0;
 list-style-type:none;
 
 }
#menu li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
#menu ul li a {
 display:block;
 float:left;   
 width:auto;                            
 color:#cccccc;
 text-decoration:none;
 text-align:center;
 padding:3px;
 padding-left:20px;
 padding-bottom:3px;
 margin-right:20px;
 font-size:10pt;
 height:15px;
 }
#menu ul li a:hover {
 background-color:#4c4c4c;
 color:white;
 border-bottom:3px solid #f26202;
 } 
               
 
#logo_client
{
    margin-top:5px;
    margin-right:15px;
}

              
img
{
    border:0px;
}

#contenu
{
    position:absolute;
    top:0px;
    padding-left:5%;
    
    width:auto;
    background-color:#FFF;
    padding-bottom:50px;
    padding-right:10px;
    /*border:1px solid #DDD;*/
}
#contenu p
{
    text-align:justify;
}

ul.campagne li
{
    background-color:#333;
}

.bottom_dx
{
    border-top:1px solid #BBB;
    background-color:#333;    
    min-height:150px;
}
.bottom_login_dx
{    
    background-color:transparent;
    margin-top:10px;
    min-height:150px;
}

.bottom_dx a
{
    color:#CCC;
}

#chargement
{
    position:absolute;
    background-color:#FFF;
    width:250px;
    
    left:50%;
    margin-left:-125px;
    top:50%;
    margin-top:-125px;
    vertical-align:middle;
    text-align:center;    
    -moz-border-radius: 17px;
-webkit-border-radius: 17px;
border-radius: 17px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    display:none;
}



.demo-menu 
{
    position:relative;		    
    margin-left:5px;
    padding:5px;
    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin-bottom:5px;
    
    
}
.demo-menu h3
{
    text-align:center;
    
}
.demo-menu h4 
{

margin-top: 5pt;
margin-right: 0pt;
margin-bottom: 5pt;
color:#555;
font-weight:bold;
padding-top: 5px;
padding-right: 0pt;
padding-bottom:5px;
padding-left: 5px;
font-size:11px;
box-shadow: 1px 1px 5px #888;
-moz-box-shadow: 1px 1px 5px #888;
-webkit-box-shadow: 1px 1px 5px #888;
}

.demo-menu ul {
	margin: 0 0 0 0px;
	padding: 0;
}

.demo-menu li {
	
	border-bottom: none;
	list-style-type: none;
        background-color:#e1e1e1;
        border:1px solid #CCC;
        border-left:3px solid #DDD;
        border-radius:2px;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        
        
        
}
.demo-menu li.active a {
	font-weight: bold;
	text-align: right;
	background: white;
	color: #333;
	text-shadow: none;
}
.demo-menu ul img{
	
}
.demo-menu a {
	text-decoration: none;
        border-color:#333;
        border-left:5px;        
	display: block;
	padding: 5px 10px 5px 20px;
	color: #333;
        font-size:11px;
}
.demo-menu a:hover 
{
	background-color:#ec6f1f;
        color:#FEFEFE;
}


.dropdown-menu ul li a
{
    background-color:#FFF;
}

.headline
{
    font-family:Georgia,serif;
    color:#4E443C;
    font-variant: small-caps; text-transform: none; font-weight: 100; margin-bottom: 0;
}
p,ul.intro
{
    
    font-size: 12px;
    margin-top: .5em; color: #666;
    padding-left:10px;
}







.modelisation_finale,.modelisation_finale td
{
    text-align:left;
    padding:2px;
}



.graph_sexe
{
    position:relative;
    width:400px;
    height:128px;
}

.graph_sexe img
{
    height:128px;
    position:absolute;
    right:0px;    
    -moz-opacity: 0.75; 
    -khtml-opacity: 0.75; 
    opacity: 0.75;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}


.message_important
{
    background-color:#feedbf;
    padding:5px;    
    border-top:0px;
    border-right:0px;
    font-weight:bold;
    background-image:url("../images/info.png");
    background-repeat: no-repeat;	
    padding-left:30px;
}
.info_tableau_1
{
    color:#BF6A31;
    font-weight:bold;
}
.info_tableau_2
{
    color:#A64301;
    font-weight:bold;
}
.clearAll
{
    clear:both;
}

.information
{
    background-color:#f9edbe;
    border:1px solid #f0c36d;
    color:#222222;
    padding:10px;
}

th.tri ,th.tri a
{
    color:#ff5200;
    font-size:8pt;    
}
th.tri img
{
    
}

#recence thead th,#recence tfoot th{    background-color:#f5f5f5; color:#333;}
#recence tbody tr td small {color:#ff6600;}
.recence_2{   background-color:#444;}
.recence_2 h2{  color:#FFF;}
#recence2 thead th,#recence2 tfoot th{  background-color:#f5f5f5; color:#333;}

#frequence thead th,#frequence tfoot th{   background-color:#f5f5f5; color:#333;}
.frequence_2{   background-color:#434b3f;}
.frequence_2 h2{  color:#FFF;}

#montant_2 thead th,#montant_2 tfoot th{   background-color:#f5f5f5; color:#333;}
.montant_2{   background-color:#413436;}
.montant_2 h2{  color:#FFF;}




#sexe_enfants thead th,
#sexe_enfants tfoot th{    background-color:#333;}

table tbody td.data
{
    font-weight:bold;
    text-align:center;
}


#bouton_navbar_toggle
{
    height:28px;
    background: none;
    
}

#menu_collapse
{
    background-color:#000;  
 
}

#container_menu
{
 
    margin-right: auto;
    margin-left: auto;
    width: auto;
    background-color:#2b2b2b;
    
}

table caption{
    font-size:18pt;
    padding:5px;
    font-weight:bold;
    border-bottom:1px solid #DDD;
    margin:5px;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container
{
  width: 1200px;
}

.nav-list > .active > a, .nav-list > .active > a:hover
{
  color: #333;
 text-shadow: 0px;
  background-color: #f6f6f6;
  
}

.page-header 
{
    margin-bottom:0px;
    margin-top:0px;
    border:0px;    
    background-color:#2b2b2b;
    padding-bottom:0px;
}
.page-header #id_entete
{
    padding-top:10px;
}
.page-header #id_entete a
{    
   
    font-family: 'Aldrich', sans-serif;
    color:#F0873D;    
    margin-left:10px;
}
.page-header a#filtre
{ 
    font-size:12pt;
}
.page-header a:hover
{
    text-decoration:none;
}
.page-header  #id_entete a small
{
    font-size:10pt;
    color:#EEE;
}

.pied_de_tableau th
{
    font-weight:normal
}
.pied_de_tableau th a
{
    color:#555;
}

.hero-unit
{    
    padding:20px;
}

.hero-unit p
{
    line-height:25px;    
    color:#333;
}
h5
{
    margin-bottom:0px;
}

.image_population
{
    float:left;
    margin-top: 10px;
}

.titre_population
{
    font-size:15pt;
    font-weight:bold;
    color:#C3C1B5;
    margin-top:5px;
    margin-left:15px;
    text-align:center;
    float:left;
    width:201px;
    height:44px;
        line-height:18px;
}
.titre_population small
{
    font-size:10pt;
    color:white;
}
.titre_population_bulle
{
    font-size:20pt;
    font-weight:bold;
    color:#2F2F2F;
    margin-top:35px;
    text-align:center;
    float:left;
    width:105px;
    height:77px;
}
.navbar .nav > li > a
{
    color:#FFF;
   
    font-weight:normal;
    font-size:12px;
}
.navbar .nav > li > a:hover
{
    color:rgb(240, 135, 61);
}



#tranche_age tbody tr td, #tranche_age tbody tr th
{
  background-color:white;
}



table tfoot th
{
  font-style: italic;
  color: #555555;
  background-color: #ecf0f1;
}

table thead th
{
  font-style: italic;
  color: #777;
  background-color:#ecf0f1;
}

#addMonth_table thead th
{
  padding:8px;
  background-color:#D9EDF7;
  border-radius:5px;
  color:#3A87AD;
}

/**

**/

table tbody th
{        
        color:#6c9bc7;
        padding-right:10px;
        padding-left:10px;
        
        background-color:#FFF;
        height:33px;
        text-align:center;
}
table tbody tr .ligne2
{
        background-color:#ecf0f1;        
}
table tbody tr .case_vide
{
        background-color:#DDD;
}
table tbody tr .resultat
{
        background-color:#e4f2ff;
        color:#333;
        text-align:center;
}




.accordion
{
  margin-bottom: 2px;
  border:0px;
}


#span_menu_left
{
    text-align:center;
    background-color:#181818;
    color:white;
}
#span_menu_left ul li a
{
    color:white;
    padding-bottom:20px;
}

td .accordion-heading .accordion-toggle
{
 
  padding-top: 4px;
  padding-bottom: 4px;
}

.bouton_segment
{
    color:#333;
    width:50px;
    font-size:10pt;
}


#id_entete a
{
    font-size:9pt;
}
#id_entete a:hover
{
    color:white;
} 

#id_entete img
{
    width:40px;
    height:40px;
    margin-right:10px;
    margin-bottom:10px;
}

#id_entete span
{
    font-size: 6pt;
    margin-right:10px;
    color:white;
    font-family: 'Aldrich', sans-serif;
    text-align:right;
}


.live-tile a
{
    font-weight:bold;
}

.sexe_stats small
{
    font-size:12pt;
}

.sexe_stats h1{
    line-height:1;
    font-size:22pt;
}

.sexe_stats div
{
    margin-bottom:100px;
    border-bottom:1px solid #F5F5F5;
}

.global_stats
{
    
    text-align:center;
    line-height:20pt;
}
.global_stats small
{
    font-size:1em;
    color:#777;
}

.global_stats h1{
    line-height:1;
    font-size:1.5em;
}


.global_stats div
{
    margin-bottom:100px;
    padding-bottom:10px;
    border-bottom:1px solid #F5F5F5;
}

.accordion-heading .accordion-toggle
{
    padding-top:2px;
    background-color:#F7F7F7;
    text-decoration:none;
}
.accordion-heading .accordion-toggle:hover,
.accordion-heading .accordion-toggle:hover h5
{
    background-color:#555;
    color:white;
}

.accordion-inner
{
    background-color:#ecf0f1;
}

acronym
{
    border-bottom:dotted 1px black; 
    cursor:help;
}
/* Ligne 1900 */
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child
{
  border-top-left-radius: 0px;
  
}

/* Ligne 1907 */
.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child
{
  border-top-right-radius: 0px;
  
}


.table-bordered,
.table-bordered th,
.table-bordered tr td,
.table-bordered tfoot tr th
.table-bordered thead tr th
{    
    font-size:100%;
}


.login
{
    background-color:#3A4F58;
    border-radius:0px;
    border:0px;
    margin:0px;
    
}
.login div label
{
    color:#FFFFFF;
}


#menu_gauche
{    
    
    padding:0px;
    padding-left:5px;
    padding-top:30px;
}
#menu_gauche a.link-collapse
{ 
    margin-left:10px;  
}
.bs-docs-sidenav
{
    
    width:100%;
}
.container-fluid
{  
  padding: 0px;
}


#user-nav
{
    margin-bottom:0px;    
}

.contenu
{
    padding-top:30px;
    padding-left:10px;
}


.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th
{
  background-color: #3498db;
  color:white;
}


.page-header2
{
    text-align:center;
    font-size:14pt;
}

.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}




.custom-combobox {
position: relative;
display: inline-block;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
/* support: IE7 */
*height: 1.7em;
*top: 0.1em;
}
.custom-combobox-input {
margin: 0;
padding: 0.3em;
}

/*
.custom-combobox-input,.ui-widget,.ui-widget-content,.ui-state-default,.ui-corner-left
{
    z-index:9999999999999;
}*/




.sweet-alert
{
    z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}