/* GENERAL */


@font-face 
	{
  	font-family: "oswald";
  	src: local(oswald), url("https://www.atelier-bijoux-createurs.com/abc/modeles/abc/css/fonts/oswald/Oswald-Regular.ttf");
	}
	
@font-face 
	{
  	font-family: "playfair display";  	
  	src : local(playfair-display), url("https://www.atelier-bijoux-createurs.com/abc/modeles/abc/css/fonts/playfair-display/playfair-display.ttf") ;
  	#PlayfairDisplay-Regular.otf
	}

@font-face 
	{
  	font-family: "playfair display sc";  	
  	src : local(playfair-display-sc), url("https://www.atelier-bijoux-createurs.com/abc/modeles/abc/css/fonts/playfair-display/playfair-display-sc.ttf") ;
  	#PlayfairDisplaySC-Regular.ttf
	}


html
	{
	font-family: "playfair display"; 
	font-size: 12px;
	
	color: #6f657f; /* Parme */  /* #28a745; test vert */  /* #000033;    */  
	}

body
	{	
	background-image: url("../../../images/abc/ardoise3-1000.jpg"); 
	font-family: "playfair display"; 
    -webkit-text-size-adjust: 100%;
	color:#6f657f; /* Parme */    /* test  #blue; */ 
	
	
	width: 100%;  
	}
	
.font-playfair
    {
	font-family: "playfair display sc"; 
	color: #6f657f; /* Parme */ /* #000033;  */  
    }
    
.font-s08 { font-size: 0.8rem; }
.font-s09 { font-size: 0.9rem; }
.font-s10 { font-size: 1.0rem; }
.font-s11 { font-size: 1.1rem; }
.font-s12 { font-size: 1.2rem; }
.font-s13 { font-size: 1.3rem; }
.font-s14 { font-size: 1.4rem; }

.font-s18 { font-size: 1.8rem; }
.font-s20 { font-size: 2.0rem; }

.font-underline { text-decoration: underline;}
	
	
.left 
	{
	text-align: left;
	}

.center 
	{
	text-align: center;
	}

.right 
	{
	text-align: right;
	}
	
.justify
	{
	text-align: justify;
    }
    
.w-8 {
  width: 8% !important;
}
    
.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-40 {
  width: 40% !important;
}

.w-60 {
  width: 60% !important;
}

.w-90 {
  width: 90% !important;
}

.h-90 {
  height: 90% !important;
}
  
    
.font-playfair-display
    {
    font-family: "playfair display";  
    }

.list-style-none     /* equivalent à bootstrap4 : list-unstyled */
    {
    padding-left: 0;
    list-style: none;
    }
    
.list-style-none li a 	/* Liste Billets / News */
    {
	font-size:1.0em;
	color: #6f657f; /* Parme */     /*red;*/
	
	text-decoration: none;
	cursor: pointer;	
	}
	
.list-style-none li a:hover 
    {
    color: #6f657f; /* Parme */     /* #28a745; test vert */  /* #000033;    */  
    
    text-decoration: underline;
    }


a {
  color: #6f657f;
}

    
h1, .h1, h2, .h2 
    {
    font-size: 1.0rem;
    margin-bottom: 0.4rem;
    margin-left: 0.5rem;
    line-height: 1.0;
    }

h1, .h1
    {
    #color: #6f657f; /* Parme */     /* black; */
    }
 
h2, .h2         /* Liste createurs */
    {
    #color: #6f657f; /* Parme */     /*   #red; #dc3545; */
    
    }
    
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 0;
}

.container, .container-sm, .container-md, .container-lg, .container-xl 
    {
    background-image: url("../../../images/abc/photos-avril-2017/essai-2.jpg"); 
    }
            
.navbar 
    {
    padding: 0rem 1rem;
    }

.navbar-brand 
    {
    font-size: 1.00rem;
    }
    
.navbar-toggler-icon 
    {
      width: 1.3em;
      height: 1.0em;
    }

.menu-abc 
    {
    background-color: #333300 !important;
    
    font-family:playfair display sc;	
    }
    
.menu-abc li:hover > a 
    {

    background: #777 !important;  
    color: #fff;	
    }
    
    
.element-parent 
    {
    position: relative;
    }
    
.en-haut-a-droite
    {
    position: absolute;
    z-index:100000;
    }
        
@media (min-width: 576px) 
    {
    .en-haut-a-droite
        {
        #top: 40px;
        #right: 65px;
        } 
    }
    
@media (min-width: 768px) 
    {
    .en-haut-a-droite
        {
        top: 42px;
        right: 3px;
        } 
    }
    
@media (min-width: 992px))      
    {
    
    .container, .container-sm, .container-md, .container-lg, .container-xl 
        {
        width: 960px;      
        }
    
    .en-haut-a-droite
        {
        position: absolute;
        top: 90px;
        right: 3px;
        } 
        
    .navbar-brand 
        {
  
        border-right: solid 1px #fff;
        padding-right: 0.5rem;
        }
    
    .menu-abc li 
        {
        border-left: solid 1px #fff;
        padding: 0 0rem 0rem;
        
        float: left;
        position: relative;
        list-style: none;
        }
    
    .menu-abc li:first-child  
        {
        border-left: none;
        padding-left: 0.5rem;
        }
    }

    
    
@media (min-width: 1200px) 
    {
    .container, .container-sm, .container-md, .container-lg, .container-xl 
        {
        max-width: 960px;       /* 960px; */
        }
    }
 
/**
input:hover 
    {
    border-color: yellow;

    }
    
input:active 
    {
    border-color: red;
    }
    
input:focus 
    {
    border-color: black;
   
    }

***/


.form-control-header:focus , .form-control-ligne:focus
    { 
    outline: none !important;
    #border-color: none;
    box-shadow: 0 0 10px white;
    }

.form-control-header , .form-control-ligne
    {
    font-family:playfair display sc;
   
    border: 0px;
    border-bottom: 1px solid white;
    
    height:22px; 
    width:220px; 
    
    color: #6f657f;   /* Parme */
    
    font-weight: normal; 
    font-size: 1.0rem;
    background-color:transparent;
    
    padding-left:4px; 
    }
    
.form-control-header::placeholder , .form-control-ligne::placeholder
    {
    color: white;  
    font-family:playfair display sc; 
    opacity: 0.7;
    }

.form-control-ligne::placeholder
    {
    color: #6f657f; 
    opacity: 1;
    }
    
.form-control-header-img , .form-control-ligne-img
    {
    width:25px;
    cursor: pointer;
    }

/** TEST copie de bootstrap
 .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #black;     ##ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
           
*****/	

    
    
td 	{
	font-size: 1em;
	}


footer a ,  footer p
    {
    color:white;
    }