/* Add here all your css styles (customizations) */

#header.bg-tabac {
    background-image:url('../../images/interface/bg-tabac-lgl-bouhet.jpg') !important;
     background-size: cover;
     /*
     background-position:center center !important;*/
}
section.bg-fasila3D {
    background-image:url('../../images/interface/bg-fasila3d-fil.jpg') !important;
     background-size: cover;
     padding-top:40px;
     padding-bottom:40px;
     /*
     background-position:center center !important;*/
}
section.bg-fasila3D .container {
    background:#FFFFFF;
    padding-top:40px;
    padding-bottom:40px;
    border-radius:5px;

}

/*
body.header-over.user-scrolled-down #header {
  background: transparent !important;
  box-shadow: none !important; }
*/
body {
    font-family: "Nunito", sans-serif;
}
body.header-over.user-scrolled-down .navbar .navbar-toggler {
  background-color: #3f8058 !important;
 }
/*
body.header-over.user-scrolled-down #header #top_bar {
  background: transparent !important;
  color: #000; }

body.header-over.user-scrolled-down #top_bar a,
body.header-over.user-scrolled-down #top_bar a > span {
  color: #000; }

body.header-over.user-scrolled-down .navbar .navbar-toggler {
  fill: #000 !important;
  border: 0 !important; }

body.header-over.user-scrolled-down .navbar-collapse .navbar-toggler {
  fill: inherit !important; }

body.header-over.user-scrolled-down #header .btn.rounded-circle:not(.text-white) {
  color: #000 !important;
  background-color: transparent !important; }
*/

/*

@media only screen and (min-width: 992px) {
  body.header-over.user-scrolled-down .navbar .navbar-nav .nav-link {
    color: #fff !important; } 
}
*/

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
  color: #f7ae27;
}
.card p {
    color:#6c757d;
}
p {margin-top: 1rem;}
.placeholder {
    position:relative;
	background-color: #BFB;
	border: 1px dashed #666;
	height: 50px;
	margin-bottom: 5px;
}
sortable-paragraphe.placeholder {
    background-color: #FBF;
}
sortable-conteneur .placeholder {
    background-color: #BBB;
}
div.itemscope
{
  display: inline;
}
a.alt {
    color:#00aeef !important;
}
.baseline-header {
    font-size:1.25em;
   
}
.header-v4 ul#selector {
    margin:0;
    padding:0;    
}
.header-v4 ul#selector li {
    display:inline;
}
img.align_left {
    float:left;
    margin-right:10px; 
}
img.align_right {
    float:right;
    margin-left:10px;
}
img.pull-right {
    margin-left:10px !important;    
}
img.pull-left {
    margin-right:10px !important;    
}
img.img-center {
    margin:0 auto;
}
img.mdl_album,
img.mdl_billet,
img.mdl_recherche,
img.hg {     
    border:#FFFFFF solid 2px;
    border:#58ab27 solid 1px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    border-image-slice: 100%;
}

.bg-violet {
    background-color:#692d80;
}
/* 
#header nav.navbar:not(.h-auto), header.main-nav nav.navbar:not(.h-auto) {
    min-height:50px;
    height:60px;    
}
*/
/*
nav.navbar-light a.nav-link:not(.active):not(:hover) {
  color: #f7ae27 !important; 
}
*/
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #3f8058;
} 
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    /*color: #de9d24 !important;*/
    font-weight:bold;
}  
h2 {color:#3f8058;}
h2 >span.lettrine {color:#ea5328;}
.bg-dark h2 {color:#FFFFFF;}
.bg-dark h2 >span.lettrine {color:#FFFFFF;}
h3 {margin-bottom:30px;}
h3, h3 a:link, h3 a:visited {color:#3f8058;}
h4, h4 a:link, h4 a:visited {color:#ea5328;}
a:link {color:#3f8058;}
a:visited {color:#336633;}

.breadcrumbs h2 {
    font-size:40px;
}    
.breadcrumb li a:link, .breadcrumb li a:visited {
    color: #EFEFEF !important;
} 
.breadcrumb li a:hover {
    color: #FFFFFF !important;
}  
.min-h-50 {
  min-height: 50px !important; }
.btn-primary {  
    color:#FFFFFF !important;
  background-color: #f7ae27;
  border-color: #f7ae27;
}   
.btn-primary:hover {
    background-color: #de9d24;
    border-color: #de9d24; 
} 
.btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #de9d24;
    border-color: #692d80;
    box-shadow: 0 0 0 0.2rem rgba(233, 222, 224, 0.5) !important; }
    
/* Sytles particuliers */
.bloc0, .bloc1 {
    clear: both;   
    margin:0 -10px 30px -10px;
    padding:5px 15px 35px 15px;                                                                       
    min-height:80px !important; 
}
div.bloc0, div.bloc1 {
    box-shadow: 0 10px 6px -6px #bbb; 
    border:1px solid #ecebe8;   
}
div.bloc0 {
    border-left: solid 2px #58ab27;   //vert
}
div.bloc1 {
    /*background-color:#f8f7f3;*/
    border-left: solid 2px #6c2f86;   //violet     
    /* opacity:0.7;  */
}
.bloc0:hover, .bloc1:hover {
    background-image: none;
    background-color:#E9F3FC !important;            
}
.banniere, .mega-banniere {  
    text-align:center;  
    border: solid 1px #eee;    
}
.banniere .marquee, .mega-banniere .marquee {
    font-size:1.15em;
    color: #003366;
    font-weight:bold;
    padding:5px 10px 0 10px;   
         
    border: solid 1px #eee;
    box-shadow: 0 10px 6px -10px #bbb;  
     
    /*color:#57768a;  */
    /*margin-bottom:5px;
    margin-top:5px;*/ 
    overflow:hidden;       
}
.banniere .marquee a:link, .banniere .marquee a:visited {
    color:#a40007;    
}
label.error { 
    display:none;    
    width: 100% !important;
    color: red;
    padding-left:20px;
    margin-top:5px;
    background-image:url(../../images/non-valide.gif);
    background-repeat:no-repeat;
    background-position:top left;
}
label.req:after, label.obligatoire:after {
    content: ' *';
	color:#FC0000;
}
.NOK {
    color:#C00000;
}
.OK {
    color:#336600;
}
#zone_contenu {
    /*padding-top:20px;*/
}
.news-v1 .news-v1-in {
  padding:2px 5px;
}
br.clr {            
    font-size:1px; 
    line-height:1px;
    clear:both;     
}
@media (min-width: 992px) {
	body.header-fixed-space-v2 {
	 padding-top: 190px;     /* 135 + 66*/
    }
    div.min-h60 {
        min-height:60px;
    }
    div.min-h80 {
        min-height:80px;
    }
    div.min-h120 {
        min-height:120px;
    }
    div.min-h250 {
        min-height:250px;
    }
    div.min-h300 {
        min-height:300px;
    }
}
.breadcrumbs h2
{
  /*font-size: 22px;
  margin-top: 16px; */
}
.breadcrumbs ul {
    margin-top:0;
    padding-top:0;
}
#zone_contenu .container-fluid {
    padding-top:20px;
    padding-bottom:20px;
    padding:10px 10px;
}
@media (max-width: 640px) {
    img.align_left {
         max-width:50%;
         height:auto !important;  
    }
    img.align_right {
        max-width:50%;
        height:auto !important;       
    }
    textarea, input {
        max-width:100%;
    }
    body {        
        /*background-image:url(../../images/interface/bg-fasila3d-fil-opacity.jpg) !important;*/
        
    }
}
.form-inline .form-control {

    display: inline-block;
    max-width:100%;
    vertical-align: middle;

}
/*Row Striped*/
.row-striped:nth-child(2n+1) { 
	background: #f9f9f9;
}
/*
 textarea, input {
        max-width:100% !important;
    }  */
.contraste {
  background: #f2f2f2;
}
.bg-green {
  background: #3f8058 !important; 
}
.bg-orange {
  background: #ea5328 !important; 
}
#backoffice_menu_haut {    /*SPUNIFY*/	
     position:fixed;
    top:0;
    left:0;
    z-index:50000; 
}


fieldset {
    border:1px solid #f7ae27;
    padding:5px 10px;
    margin-top:10px;
}
legend {
    border:1px solid #f7ae27;
    padding:5px 10px;
    font-size:1em;
    font-weight:bold;
    width:auto;
    color:#f7ae27;
}
.carousel-v1 {
    background:#FFF;
}
.carousel-v1 .carousel-caption a {
    color:#FFF;
}

#droite { /*Bordure Haute .tag-box-v2 shadow-effect-1*/
	padding: 10px 20px;
    margin-bottom:20px; 
    background:#fdedc0;
	border: solid 1px #eee;
	border-top: solid 2px #de9d24;
    box-shadow: 0 10px 6px -6px #bbb;
}
#droite .paragraphe {
    padding: 10px 20px;    
}
span.obl {color:#C00000;}
.h3-centered h3 {
    margin:0 auto;    
    margin-bottom:30px;
    text-align:center; 
}
.h3-vert h3 {
   color:#FFCA28;
   margin-bottom:30px; 
}
.h3-white h3 {
   color:#efefef;
   margin-bottom:30px; 
}

label {
    display: inline;
    font-weight:bold;
    color:#476064;
}
/* Footer */
.footer-default {
	background: #3e4753;
    padding: 20px 0 30px;  
    color: #444;        
}
.footer-default img#logo-footer {    
   /* background:#FFF !important;
    padding:5px 20px;
      border-radius: 4px;
      */
}
.card {
    border-top-color: #3f8058;
}

.paragraphe.par_style_1 { /*Bordure Orange .tag-box-v2 shadow-effect-1*/
	padding: 30px 30px;
    margin-bottom:40px; 
    background:#FFFFFF;
	border: solid 1px #f7ae27;	
    box-shadow: 0 10px 6px -6px #bbb;
    -webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.paragraphe.par_style_1 > h3, .paragraphe.par_style_1 > h3 a:link,.paragraphe.par_style_1 > h3 a:visited {
    color: #f7ae27;    
}
.paragraphe.par_style_2 { /* Fond Blanc*/	    
    background:#FFFFFF;   
    padding-top:40px;
    padding-bottom:40px; 		
}


/* Impression */
@media print {
    a[href]:after {
    /*content: " (" attr(href) ")";*/
    content : "";
    }
    .wrapper {
        width:auto !important;
    }
    #backoffice_menu_haut {
        display:none;
    }
  }