@import url('https://fonts.googleapis.com/css?family=Oswald:400|Slabo 13px:regular|Biryani:600');

  
	   @media only screen and (min-width: 768px) {
	          .tg_logo {
      			font-size: 1.4em; 
   	          }
           }

	   a.tg_logo span, a.tg_logo span:hover { font-variant: 400 ! important ; color:  rgb(235,235,235) ! important; font-family: 'Oswald', sans-serif ! important ; } 

	   .header_icon_nav { color:  rgb(235,235,235);}

	   .card .card-body h1, h1, h2, h3, h4, h5, h6 { font-family: 'Biryani', sans-serif; font-variant: 600 ; }

	   a, a span, a h1, a h2, a h3, a h4, a h5, a h6 { color: rgb(0,51,102); }
	   a:hover, a:hover span, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 { color: rgb(0,62,123); }
	   p, span, h1, h2, h3, h4, h5, h6 { color: rgb(10,10,10); }
	   span.emphasis { font-style : italic } 
	   span.strong_emphasis { font-weight : bold }

	   a.visitor_vote, span.visitor_vote { color: rgb(10,10,10);  }

	   .card .card-body h6.desc_category, h6.desc_category, a h6.desc_category, a:hover h6.desc_category { color: rgb(10,10,10); font-variant: 600 ; } 

	   
	   footer.page-footer a, footer.page-footer  a span, footer.page-footer  a h1, footer.page-footer  a h2, footer.page-footer  a h3, footer.page-footer  a h4, footer.page-footer  a h5, footer.page-footer  a h6 { color: rgb(235,235,235); }
           footer.page-footer a:hover, footer.page-footer  a:hover span, footer.page-footer  a:hover h1, footer.page-footer  a:hover h2, footer.page-footer  a:hover h3, footer.page-footer  a:hover h4, footer.page-footer  a:hover h5, footer.page-footer  a:hover h6 { color: rgb(250,250,250); }
           footer.page-footer p, footer.page-footer  span, footer.page-footer  h1, footer.page-footer  h2, footer.page-footer  h3, footer.page-footer  h4, footer.page-footer  h5, footer.page-footer  h6 { color: rgb(235,235,235); }

	   nav.navbar a, nav.navbar  a span, nav.navbar  a h1, nav.navbar  a h2, nav.navbar  a h3, nav.navbar  a h4, nav.navbar  a h5, nav.navbar  a h6 { color: rgb(235,235,235) ! important ; }
           nav.navbar a:hover, nav.navbar  a:hover span, nav.navbar  a:hover h1, nav.navbar  a:hover h2, nav.navbar  a:hover h3, nav.navbar  a:hover h4, nav.navbar  a:hover h5, nav.navbar  a:hover h6 { color: rgb(250,250,250) ! important ; }
           nav.navbar p, nav.navbar  span, nav.navbar  h1, nav.navbar  h2, nav.navbar  h3, nav.navbar  h4, nav.navbar  h5, nav.navbar  h6 { color: rgb(235,235,235); }

	   button.navbar-toggler { color: rgb(235,235,235) ! important ; }

	   .dropdown .dropdown-menu { padding: 0.5 rem ! important  } 
	   .dropdown-menu show, .dropdown-menu { background-color: rgb(249,250,250) ! important ; }
	   .dropdown-item.active { background-color: rgb(121,148,166) ! important ; }
	   a.dropdown-item:hover { background-color: rgba(252, 252, 252, 1) ! important ; }
	   .navbar .dropdown-menu a, .navbar .dropdown-menu a, .navbar .dropdown-menu a.active, .navbar .dropdown-menu a:hover, .navbar .dropdown-menu .dropdown-item a, .navbar .dropdown-menu .dropdown-item a.active, .navbar .dropdown-menu a.dropdown-item:hover { color: rgb(10,10,10) ! important ; } 

	   .breadcrumb, .cat-header { background-color: rgb(249,250,250) ; }

  	   body { background: rgba(252, 252, 252, 1); font-family: 'Slabo 13px', sans-serif; font-variant: regular }

	   span.property {font-weight: bold;} 


	  
           .scroll_spacer::before {
	      display: block;
	      content: " ";
	      margin-top: -65px;
	      height: 65px;
	      visibility: hidden;
           }


    

nav { background: rgb(58,85,112); }
.page-footer { background: rgb(24,23,31) }
a.btn, a.btn:hover { background: rgb(121,148,166); color: rgb(235,235,235); }
span.badge { background: rgb(121,148,166); color: rgb(235,235,235) ! important } 






#tg_sidebar {
width: 250px;
position: fixed;
top: 0;
left: -250px;
height: 100vh;
z-index: 1100;
background: rgb(249,250,250);
transition: all 0.3s;
overflow-y: scroll;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#tg_sidebar a.selected { background-color: rgb(121,148,166) ; }

#tg_sidebar div.sidebar_l2 { padding: 10px }
#tg_sidebar a.sidebar_l2_name { padding: 0px; line-height:30px; display: inline; }
#tg_sidebar a.sidebar_l2_more { display: inline }

#tg_sidebar.active {
left: 0;
}


#tg_dismiss {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background: rgb(235,235,235);
color: rgb(58,85,112);
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

#tg_dismiss:hover {
background: #fff;
color: rgb(235,235,235);
background-color: rgb(58,85,112);
}

.tg_overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 998;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.tg_overlay.active {
display: block;
opacity: 1;
}

#tg_sidebar .tg_sidebar-header {
padding: 20px;
background: rgb(58,85,112);
}
#tg_sidebar .tg_sidebar-header h3 {
color: rgb(235,235,235);
}

#tg_sidebar ul.components {
padding: 10px 0;
}


#tg_sidebar ul.components li {
border-bottom: 1px solid rgb(235, 235, 235);
}
#tg_sidebar ul.components li:first-child {
border-top: 1px solid rgb(235, 235, 235);
}


#tg_sidebar ul p, #tg_sidebar h1, #tg_sidebar h2, #tg_sidebar h3, #tg_sidebar h4, #tg_sidebar h5, #tg_sidebar h6 {
color: rgb(10,10,10);
font-family: 'Biryani', sans-serif;
padding: 10px;
}

#tg_sidebar ul li a {
color: rgb(10,10,10);
padding: 10px;
font-size: 1.0em;
display: block;
}

#tg_sidebar ul li a:hover, #tg_sidebar div.sidebar_l2:hover {
background: rgba(252, 252, 252, 1);
}





#tg_sidebar ul li.active > div {
background: rgba(252, 252, 252, 1);
}


#tg_sidebar ul li a span, #tg_sidebar ul li a b {
color: rgb(10,10,10);
font-size: 1.0em;
}

#tg_sidebar ul li a:hover span, #tg_sidebar ul li a:hover b {
color: rgb(0,62,123);
font-size: 1.0em;
}


#tg_sidebar ul li a:hover {
color: rgb(0,62,123);
background: rgba(252, 252, 252, 1);
}

#tg_sidebar ul li.active>a,
#tg_sidebar a[aria-expanded="true"] {
color: rgb(10,10,10);
background: rgb(249,250,250) ; 
}

#tg_sidebar a[data-toggle="collapse"] {
position: relative;
}

#tg_sidebar .dropdown-toggle::after {
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}

#tg_sidebar ul ul a {
font-size: 0.9em !important;
padding-left: 30px !important;
background: rgb(235, 235, 235);
}

#tg_sidebar ul.CTAs {
padding: 20px;
}

#tg_sidebar ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
display: block;
border-radius: 5px;
margin-bottom: 5px;
}





.progress-bar {     background: rgb(121,148,166); } 

.progress {width: 70px; height: 8px}

.m_title:first-letter {
text-transform: uppercase;
}


.nav-pills .nav-link.active {
background-color: rgb(121,148,166);
}

.list-group-flush .list-group-item {
padding-left: 0px ;
padding-right: 0px ;
}

.content_bloc_sep { border-top: 1px solid rgba(0,0,0,.125) }

/* styles pour  taggup */
/* domainNavigationCategoryTree.xsl */
a.nav-link-l1 { display:inline ! important ; padding-right: 2px ! important ;}
a.nav-link-l2 { display:inline ! important ; padding-left: 2px ! important ;}
div.nav-link-container {  padding: 8px 0px 8px 0px ! important }

/* mainContentEntityNode.xsl */
div.box {
border-radius: 0.375em;
border: solid 1px rgb(200,200,200);
margin-bottom: 2em;
padding: 1.5em;
}
pre {
border-radius: 0.375em;
border: solid 1px rgb(200,200,200);
margin-bottom: 2em;
padding: 1.5em;
}
div.box { background-color: rgb(230,230,230); }
div.box p { margin-bottom : 0 ! important  }


blockquote { border-left-color: rgb(200,200,200) ! important; }


table th { font-weight: 600 ; }


@media (max-width: 767px) {
div.box-container { width: 100% ! important  }
}