@font-face {
    font-family: 'myanmar';
    src: url('../fonts/MyanmarText.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myanmarBold';
    src: url('../fonts/MyanmarText-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* CUSTOMIZE BOOTSTRAP */

.navbar-default {
    font-family: 'Alef';
	/*background-color: #8e2324;*/
	color: #000;
}
.navbar-default .navbar-brand {
    font-family: 'Alef';
	color: #000033;
}
.navbar-default .navbar-nav > li > a {
    font-family: 'Alef';
	color: #000033;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > a:hover, .navbar-default .navbar-nav > a:focus {
    font-family: 'Alef';
	background-color: #ff6600;
	color: #000033;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'myanmar';
	color: #000033;
}
hr {
	border: 1px solid #bbb;
}
div[class=row] {
	font-size: 1.200em;
	color: #000;
	padding: 40px 0;
	border-bottom: 1px solid #bbb;
	min-height: 450px;
	/*background-color: #5484A4;
	font-family: 'Quicksand', sans-serif;*/
}
fieldset, legend {
	margin: 50px auto;
}

.panel .panel-heading {
	background: #ff6600;
}

a:focus, a:hover {
    /* color: #23527c;
    text-decoration: underline; */
}

/*CSS Accordion
.barreUp {
	color: #fff;
	width: 100%;
	height: 80px;
	border: none;
	text-align: left;
	transition: 0.4s;
	margin-bottom: 10px;
}

.barreUp.active, .barreUp:hover {
	color: #f06100
} */

footer {
	padding-top: 20px;
	background: #000;
	min-height: 40px;
	width: 100%;
	color: #fff;
	text-align: center;
}
footer a, footer a:hover {
	color: #fff;
	text-decoration: none;
}


/* CSS RULES */

#bgAccueil01 {
	background: url(../medias/maitre-pelletier-maitre-joly.jpg);
	min-height: 400px;
	position: relative;
	opacity: 1.0;
	background-attachment: fixed;
    background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
}
#bgMethode01 {
	background: url(../medias/palais-de-justice-dunkerque.jpg);
	min-height: 600px;
	position: relative;
	opacity: 1.0;
	background-attachment: fixed;
    background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

#FadeCompetences01 {
	min-height: 450px;
}
#bgCompetences01 {
	background: url(../medias/avocats-dynamiques-consciencieux.jpg);
	height: 600px;
	position: relative;
	opacity: 1.0;
	background-attachment: fixed;
    background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#bgAvocats01 {
	background: url(../medias/professionnels-volontaires-avocats.jpg);
	min-height: 600px;
	position: relative;
	opacity: 1.0;
	background-attachment: fixed;
    background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#bgContact01 {
	background: url(../medias/avocats-droit-social-droit-famille.jpg);
	min-height: 450px;
	position: relative;
	opacity: 1.0;
	background-attachment: fixed;
    background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    #bgAccueil01,#bgMethode01,#bgCompetences01,#bgAvocats01,#bgContact01,#bgPublications01 {
        background-attachment: scroll;
    }
}

.ColorBlue {
	color: #000033;
}
.bgBlue {
	background-color: #337ab7;
}
.ColorWhite {
	color: #fff;
}
.bgBlack {
	background-color: #222;
}
.ColorOrange {
	color: #ff6600;
}
.bgOrange {
	background-color: #ff6600;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 99;
	opacity: 0.8;
  border: none;
  outline: none;
  background-color: #FFF;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #bbb;
}

#publi {
	margin: 60px auto;
	width: 100%;
	border: 1px solid #888;
	background-color: white;
	text-align: center;
	color: #000;
	cursor: pointer;
	padding: 15px;
	border-radius: 3px;
}
#textpubli {
    padding: 15px;
    display: none;
	color: #fff;
	text-align: center;
	height: 700px;
}
#animations {
	height: 500px;
}

#PDF {
	width: 100%;
	height: 600px;
	padding: 20px;
	zoom: 	1;
}