body {
    
    font-family: 'SansationRegular', sans-serif;
   	color: #3b3b3b;
    text-rendering: optimizelegibility;
    
    
}



a, a > * {
    text-decoration: none;
    transition: background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;
}

section {  padding: 40px 0px 40px 0px; position: relative;  }

.container-fluid { margin: auto; max-width: 1650px; width: 90%; }

#Slider .btn { background: rgba(255, 255, 255, 0.14); width: auto; height: 100%; display: block; border: 1px solid #59524D;  }

#titre-cabinets { position: absolute; top:10px; left:10px; width: 250px; z-index: 2000; }

#LesAvocats { position: absolute; width: 100%; height: 944px; z-index: 0; background: #fff url("/img/2023/Grand-TA.webp") no-repeat ; background-size: 100% auto; opacity: 0.2; margin-top: -40px; }

#avocats p a, #avocatsSuite p a { color: #C30000; }

#avocats p { min-height: 330px; }

#avocats .specialiste { 

	color: #847268; 
	position: absolute;
	background: transparent; 
	left: 5%;
	top: 5%;

}

#avocats .specialiste a { text-decoration: none; }

#avocats .specialiste p {
	

	 } 
#avocats .specialiste h5 {
	
	
	 } 
	 
	 

#avocats .specialiste img { 
	
	float: left;
	max-width: 20%;
	margin-right: 4%;
	float: left;
	
	 }


#avocats .rs {
	
	color: #847268; 
	position: absolute;
	background: transparent; 
	right: 4%;
	top: 240px;;
	
	
	  }


#avocats .rs img { 
	
	
	max-width: 70px;
	border-radius: 0px;
	
	
	 }

/* Qualite */

#avis .form-group  { 
	
	width: 100%;
	position: relative;
	float: left;
	margin: 0px;
	border-bottom: 1px solid white;
	padding: 10px;
	
	
	 }

#avis .form-group1 {
	
	width: 33.3%;
	padding-right: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #5C564E;
	margin-bottom: 10px;
	background: #e5e5e5;
	padding-top: 5px;
	padding-left: 7px;
	
	 }

#avis .form-group2 {
	

	
	 }
	 
	 
#avis .form-group3 {
	
	background: #F3F3F3;
	padding: 10px;
	border: 1px solid #5c564e;
	 }
	 
#avis .form-group3 .rating-container {
	
	background: white;
	border-radius: 5px;
	
	
}



#avis .control-label {
	
	
	font-size: 12px; 
	
}

#avis_name, #avis_mail {  max-width: 90%; }


#avis textarea.form-control {  min-height: 130px;   }

#Avis  { 
	
	background: white url("/img/2017/fd-degrade.png") repeat-x;
	border-bottom: 1px solid white;
	padding-top: 2em;
	padding-bottom: 1em;
	background-size: 100% 105%;


  } 

#Avis h2 {  }

#Avis .lavis {  
	
	background: transparent;
    margin: auto;
    overflow: hidden;
    text-align: center;
    width: 90%;
    opacity: 0.8;
	
	 }

#Avis .lavis a {  color: #847268;}

/*#Avis .icon { 
	
	font-family: 'SansationRegular', serif; font-size: 1.2em;
    clear: both;
    border-bottom: 1px solid #A21E21;
    
    height: 44px;
    line-height: 26px;
    margin: 20px auto 10px;
    padding: 0px 0px 20px 0px;
    width:66%;
	
	
}*/



#Avis .engagement { 
	
		display: block; width: 100%; color: #414141; padding: 5px;  text-align: left; margin: auto; margin-bottom: 20px; text-align: justify;
		background: transparent; font-size: 1 em; line-height: 1.5em;
		
		

		
		
		}
#Avis .avis { display: block; font-size: 19px; font-family:"Raleway",Arial,sans-serif;  padding: 10px;  background: transparent; border: 1px solid white; border-radius: 10px;  transition: border-color 0.2s linear 0.5s; }
#Avis .avis:hover { background: transparent; color: black; border-color: #eddeb2;  }
#Avis .avis:hover .Lavocat { color:  #000;  }
#Avis .avis:hover .manuscrit { color: black;  }
#Avis .avis:hover p.sourceAvis, #Avis .avis:hover .detailNote { color:  #000; }
#Avis .avis:hover p.sourceAvis a { color:  #eddeb2; }
#Avis .avis p.sourceAvis span { display: inline; }
#Avis .avis p.sourceAvis { width: 100%; text-align: center;}
#Avis .avis .sourceAvis img { width: 20px;  margin: 0px 5px 0 5px; }
#Avis .LireTouslesAvis {  color:  #eddeb2; width: 100%; text-align: center; display: block; margin-top: 20px; }

#Avis .avisSignature { display: block; font-size: 13px; text-align: center;   max-width: 100%; color: #663333; margin-bottom: 10px; padding: 15px; margin-top: -30px; }

#Avis .avis img { float: none; margin: 5px auto 0px auto; max-width: 50%;  }

#Avis .avis p { clear: both; float: left; color: #847268; font-size: 11px;   text-align: left; line-height: 15px;}

#Avis p.Lavocat { width: 100%; text-align: center; display: block; }
#Avis .avis p.manuscrit { font-family: 'SansationRegular', serif; font-size: 0.7em; padding: 0.5em; line-height: 1.5em; font-weight: normal; color: #3b3b3b; text-align: justify; min-height: 170px; border-top: 1px solid #eddeb2; border-bottom: 1px solid #eddeb2;  }


#Avis button { width: 100%; margin-bottom: 20px; background: #c9c0c0; border: 1px solid #e5e5e5; box-shadow: 1px 1px 1px #847268;  font-size: 0.7em;}
#Avis button:hover {  background: #A21E21; }

/* Page de log */

#toggleForm { display: none; }
#toggleForm:hover { display: block; }

#bande { position: absolute; width: 100%; height: 40px; background: #b03838 ; }

button.trigger::before { 
	
	width: 180px;
	right: 0px;
	display: block;
	font-size: 16px;
	overflow: visible;
	background: rgba(95, 95, 95, 0.5);
	border: 1px solid white;
	padding: 0.6em;
	
	 }


/* Page de Log */



.md-content { height: 400px; }

/* Homepage */



#AnimHeader {  
	
	position: absolute; 
	
	font-variant: small-caps;
	font-size: 25px;
	width: 200px; 
	height: 200px; 
	z-index: 1000; 
	text-rendering: optimizeLegibility;
	margin-left: 0px;
	left: 51%;
	background-color: rgba(95, 95, 95, 0.8);
	color:white;
	top:8%;
	line-height: 40px;
	padding-top: 40px;
	opacity: 0;
	visibility: hidden;
	
}


#cabs { color: black; }
#cabs  a {   }

#Cabinets {
	
	
	text-align: center;
	background:white;
	font-weight: 300;
	color: black;
	
	

	
}

#Cabinets h3 { 
	
	font-family: 'SansationBold';
	margin: 0px;
	text-transform: uppercase;
	font-size: 20px;
	height: auto; 
	display: block;
	line-height: normal;
	min-height: auto;
	margin-top: 5px;
	 }


#Cabinets a, #Cabinets .titre { 
	
	background: #f4f2ee;
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 95%;
    z-index: 1;
    text-decoration: none;
    color: #414141;
    padding-top: 15px;
    border: 1px solid white;
    
     }

#Cabinets a.fonce { background: #b1a69e; color: #f4f2ee; }

#Cabinets a.BTMeaux { /*background: url('/img/2017/strie.png') repeat ; background-size: 150% 150%; */ background: #b03838; color: white; }
#Cabinets a.BTMelun {  }

#Cabinets a:hover { background: #f8f8f8; border-color: #E5E5E5;  }
#Cabinets a.BTMelun:hover {  color: #414141;; }


#Cabinets span { 
	
	display: block;
	z-index: 10;
	clear: both;
	font-size: 11px;  
	position: relative;
	line-height: 17px;
	letter-spacing: 0.4px;
	
	}

#Cabinets .border {
	
	
	background: transparent;
	height: 70px;
	
	
	} 



/* Droits */





#Droits { 
	
	text-align: center;
	border-bottom: 1px solid white;
	margin-top: 15px;
	background: white;
	
	
	
	
	 }

#Droits span { 
	
	display: inline;
	width: 100%;
	text-align: justify;
	hyphens: none;
	border-right: 1px solid #b2b2c0;
	padding-right: 3px;
	font-size: 0.8em;
	
}


	
.DescriptionDroit {  font-size: 1em; border-bottom: 1px solid #EAEAEA; padding-bottom: 20px; clear: both; margin-bottom: 20px; line-height: 1.5em;  }


ul.InterneDroit { list-style: none; padding: 0px; margin: 0px; clear: both;  width: 100%; float: none;  }

ul.InterneDroit li { width: 48%; margin-right: 0; background: #c9c0c0; float: left; padding: 14px; color:#FFFFFF; text-align: center; margin-bottom: 4px; margin-left: 1%; font-size: 16px; font-variant: small-caps; min-height: 60px; }

ul.InterneDroit li:nth-child(2n+2) { background: #e5e5e5; color: #533F34; }

div.InterneDroit  { background: #faf9f8; text-align: center; color: black; vertical-align: middle; font-size: 1.4em; min-height: 60px; padding-top: 1em; margin-bottom: 1em; }


.DescriptionDroit img {  margin-right: 10px; }

#Droits img { 
	
	max-width: 45%;
}

#Droits .col-md-2 { 
	
	
	text-align: center;
	
	margin: auto;
	
	
	
	 }
	 
#Droits .Interne { 

	width:90%; 
	margin: auto;	
	background-color: transparent;
	padding: 20px 0px 20px 0px;
	opacity: 1;
	
	
	
}

.Interne h4 {  padding: 40px;  }


#Droits h3 {
	
	
	height: 20px;
	line-height: 50px;	
	color: #B03838;
	font-size: 1.3em;
	font-family: 'sansationRegular';
	width: 100%;
	text-align: center;

	
}

#Droits h3.prejudice {  }

#Droits h4 {  
	
	background: #EBECEC;  
	padding: 8px; color: #4C4C4C; float: left; text-align: center; width: 100%;
	margin: 0px;
	font-size: 16px;
	border-bottom: 3px solid white;
	
	  }



/* Compétences */
	  
	  
	  #competences h3 { color: #c8988e; font-size: 2.5em; font-family: 'sansationRegular'; font-variant: small-caps; margin: 1.2em 0 0,7em 0; line-height: normal; text-shadow: 0 -1px 0 #fff; height: auto; border:none; }
	  #competences .poles { font-size: 6em; }
	  #competences .case {  background:#f5f2ee; min-height: 190px; width: 100%; }
	  #competences .case2 {  background:#b1a69e; }
	  #competences .case2 h3 {  color: #eeedeb; text-shadow: 0 -1px 0 #afa69f; }
	  #competences .title { text-align: right; width: 90%; font-size: 5em; }
	  #competences .title span { text-align: right; font-size: 0.6em; margin-right: 0; padding-right: 0;}
	  #competences a.modalBootstrap { position:absolute; width: 80%; height: 88%; left: 10%; top:6%; z-index: 10; cursor: pointer; } 
	  #competences a:hover {  border: 3px solid #fff;  transition: border 0.5s linear 0.5s;}
	  #competences span { display: block;  text-align: center; border:none; width: 80%; margin: auto;}






#avocats {
	
	
	
	margin: auto;
	
	color: #414141;
	
}


#avocats h3 { 
	
	color: #000;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    text-align: center;
    margin-bottom: 5px;
    text-rendering: optimizelegibility;
	
	 }

#avocats h5 { text-align: center; /*background: url("/img/2017/strie.png") repeat scroll 0 0 / 190% 190%;*/  padding: 10px 10px 10px 10px; border-top: 1px solid black; width: 50%; margin: auto; color: #B03838; margin-bottom: 2em; } 
#avocats h6 { text-align: center; background-color: white; color: #533F34; padding: 5px; border: 5px solid white; border-top: 1px solid #EAE6E3; }  
#avocats p, #avocatsSuite p { font-size: 1em; line-height: 1.5em; color:#414141;  }

#avocats a.btn { color: black; width: 100%; height: auto; display: block; margin-bottom: 2em; margin-top: 5px; border: 2px solid #CBCBCB; background: rgba(255, 255, 255, 0.49); }
#avocats a:hover { color:#B03838; border-color: white;  } 

#avocatsSuite p { min-height: 170px; }

#avocats img {  
	
	border-radius: 10px;
	max-width: 250px;
	width: 70%;
	margin: auto;
	
	 }
	 
#avocats a.contacter img { border: 5px solid white; }
#avocats a.contacter img:hover { border: 5px solid #533F34; }


img, img > * {
    text-decoration: none;
    transition: background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;
}

#avocatsSuite {
	
	
	
	margin: auto;
	
}


#avocatsSuite h4 { 
	
	font-size: 1em;
	
    text-rendering: optimizelegibility;
    text-align: left;
    color:white;
    margin-top: 10px; margin-bottom: 5px;
    padding: 8px;
    text-align: center;
    background-color: #b1a69e;
    
	
	 }
#avocatsSuite col-md-3 { position: relative; } 

#avocatsSuite img { 
	
	
	position: relative;
	max-width: 100px;
	float: left;
	overflow: hidden;
	border-radius: 5px;
	margin: 0px 5px 5px 0px;
	
	 }


.border { border: 1px solid white; }



#Actus {
	
	font-size: 12px;
	background: #f4f2ee;
	border-bottom: 1px solid #C9C0C0;
	
}

.record {   }

#Actus .desc { color: white; font-size: 2em; line-height: 1.7em; margin-top: 1em; margin-bottom: 1em; }
#Actus .bContent { color: #414141; font-size: 1.1em; line-height: 1.7em;}
#Actus .fas {  }



.TexteActu {
	
	font-size: 13px;
	padding-right: 10px;
	line-height: 22px;
	
	 }

 
#Actus h4.juri { font-size: 15px; text-align: left;  color:white; background:transparent; padding: 10px; margin-top: 0px; }  
#Actus h6 { font-size:1.1em; text-align: center; display: block;  float: left; margin: 0px; border-bottom: 1px solid #eddeb2; text-align: center; color:#eddeb2; width: 100%; line-height: 21px; margin-bottom: 2px;}  

#Actus h6 a { color:#414141; 
    display: block;
    min-height: 10px;
    min-width: 150px;
    padding: 5px;
    text-decoration: none;
    letter-spacing: 0px;
    font-family: "Raleway",Arial,sans-serif;
    }

#Actus h6 a:hover { background:#e5e5e5; color: #b1a69e; }


#Actus .Actu { 
	
	position: relative; 
	width: 100%;
	background-color:#F5F5F5;
	
	padding: 15px;
	color: #533F34;
	
	margin-bottom: 30px;
	
	transition: background-color 0.5s ease 0.3s;
	overflow: hidden;
	
	}
	
#Actus .Actu:hover {  background-color: #fff; }	
	
#Actus .Actu a {  position: absolute; width: 100%; height: 100%; top:0px; left: 0px;  }
#Actus .Actu h4 {  text-align: left; font-size: 20px;  overflow: hidden;  color: #C30000; letter-spacing: 0px;  }  

#Actus .DateActu { 
	
	
	float: left;
	font-size: 2.2em;
	margin-bottom: 10px;
	
}

#Actus .CategoryActu {
	
background-color:#e5e5e5;
float: left;
font-size: 1.2em;
padding: 6px;
width: 128px;
text-align: center;
color:#B03838;
padding-top: 1em;
height: 130%;
hyphens: none;
line-height: 23px;
	
}

#Actus .TexteActu { 
	
	float: none;
	font-variant: normal;
	overflow: hidden;
	
	
	}


#Actus .Titre h4 {  
	
	
	
	float: none;
	font-size: 16px;
	
	 }

#Actus .col-md-4 {
	
	
	min-height: 320px;
	text-align: left;
	
	
}


#captions {   text-shadow: 1px 1px 1px #014587; }



#Home { 
	
	color: white;
	max-width: 1650px;
	margin: auto;

	
}


ul.flat  { 
	
	list-style: none;
	width: 100%;
	
		
	 }
	 

ul.flat li { 
	
	background: #c9c0c0 none repeat scroll 0 0;
	font-size: 25px;
	float: left;
	clear: both;
	margin-bottom: 10px;
	color: white;
	width: 100%;
	text-shadow: 1px 1px 1px #847268  ;
	position: relative;
	
	 }



	
	
ul.flat li a {  color: white; text-decoration: none; text-align: center; display: block; width: 100%; height: 100%; background: transparent; float: left; padding: 5%; }
ul.flat li a:hover {  background: #533F34; }	


ul.flat2  { 
	
	list-style: none;
	width: 100%;
	
		
	 }
	 

ul.flat2 li { 
	
	
	font-size: 12px;
	float: left;
	clear: both;
	text-align: left;
	margin-bottom: 0px;
	color: white;
	width: auto;

	position: relative;
	
	 }



hr.sep-3 {
  border: none;
  height: 1px;
  background-image: linear-gradient(to right, #fff, #8f8f8f, #fff, #8f8f8f, #fff);
  margin-bottom: 2em;
  margin-top: 2em;
  z-index: -1;
}
hr.sep-3::after {
  content: url('/img/logo-hr.png');
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: 50% 50%;
  padding: 1rem;
  background-color: transparent;
}


	
	
ul.flat2 li a {  color: #F2EFEB; text-decoration: none; text-align: left; display: block; width: auto; height: 100%; padding: 5px; text-shadow: none; }
ul.flat2 li a:hover {  background: white; color: #533F34; text-shadow: none; }

h7 {  color: white; text-align: left; font-size: 16px;  }
	
#Footer1 .rougeFonce { background: #A21E21; }	
#Footer1 a.rougeFonce:hover {  background: #660000; }

footer, .descriptionDroit {
	
	
	background: #f4f2ee;



 }	
 
footer h5 {  margin: 0px;  } 
 
#landingPages ul { 
	
	clear: both;
	float: left;
	padding: 0;
	
	 }

#landingPages ul li  { float: left; width: auto; display: block; margin-right: 1%; margin-bottom: 0.9em; padding: 0px; }
#landingPages ul li a { color: #414141; background: #E5E5E5; padding: 0.5em;  display: block; text-decoration: none; border-radius: 4px; font-size: 0.8em; transition: all ease-in-out 0.5s; }
#landingPages ul li a:hover { color: #C9C0C0; background: #F4F4F4; }
 
#mairies ul { 
	
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	
	 }
 
#mairies  li  { float: left; width: auto; display: block; margin-right:20px; margin-bottom: 0.9em;  }
#mairies ul li a { color: #B03838; background: #fff; padding: 0.5em; display: block; text-decoration: none; border-radius: 4px; font-size: 0.8em; transition: all ease-in-out 0.5s; float: left; padding-top: 0.8em; }
#mairies ul li a:hover { color: #C9C0C0; background: #F4F4F4; } 
#mairies img { float: left; max-width: 25px; display: block; } 
	
/* category */	
	
#Category .LaListe a {  
	
		display: block;
		text-decoration: none;
		width: 100%;
		height: 100%;
		background: transparent;
		
		vertical-align: middle;
		color: #414141;
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
	
	
	 }	

#Category .LaListe a:hover {  border: 4px solid #b1a69e; }

#Category .LaListe p {
 margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  padding: 1em;
  
  
  	}

#Category .LaListe { 

		display: block;
		position: relative;
		overflow: hidden;
		padding: 1em;
		text-decoration: none;
		width: 100%;
		max-height: auto;
		background: #f4f2ee;
		padding: 0px;
		text-align: center;
		line-height: 2em;
		color: #414141;
		min-height: 160px;
		vertical-align: middle;
		margin-bottom: 15px;
		-o-transition:border .2s ease-out, background .2s ease-in;
		-ms-transition:border .2s ease-out, background .2s ease-in;
		-moz-transition:border .2s ease-out, background .2s ease-in;
		-webkit-transition:border .2s ease-out, background .2s ease-in;
		/* ...and now override with proper CSS property */
		transition:border .2s ease-out, background .2s ease-in;
		text-align: center;
		font-size: 1.2em;
		
	
}	

#Category .LaListe:hover { color: #414141;}


#Category ul li a { text-decoration: none; width: 100%; height: 100%; display: block; line-height:50px; }
#Category ul li:hover, #Category ul li:nth-child(2n+2):hover { background: white; }


#Category ul.pagination-list li { width: auto; float: left; padding: 5px 20px; }
#Category ul.pagination-list { margin: auto; }	
#Category .pagination { text-align: center; margin: auto; width: 100%; z-index: 1000; }
#Category .pagination-previous { float: left; padding-left: 3%; }
#Category .pagination-next { float: right; padding-right: 3%; }
/* Article */	
	
	.white {  color: #414141; }

	.PageArticle h1 { text-align: left; }

	.PageArticle p a { color: white; }
	.Larticle .desc p { background: #f4f2ee; padding: 2em; text-align: center; color: #B03838; line-height: 1.6em; font-size: 1.3em;  }
	.PageArticle img { max-width: 100%; }
	.PageArticleTexte { font-size: 1.3em; line-height: 1.5em; margin-top: 2em; }
	.PageArticleTexte br {  }
	
	.Larticle { min-height: 700px;  /*background: url("/img/avocat-paris.jpg") bottom left;*/ z-index: 200; }
	.panel-info h2 { font-size: 20px; }
	.panel-info { border: 0px; box-shadow: none; background: transparent; }
	p.PageArticleTexte, .PageArticleTexte {  }
	.suite { font-size: 1.3em; margin-bottom: 1em; color: white; margin-top: 2em; display: block; }

/* Article Linkedin */

#ArticleLinkedin { 
	
	background: #f4f2ee;
 }

#ArticleLinkedin p { 
	font-size: 15px;
	line-height: 24px;
}

.CadreLinkedin {
	
	background: white;
	border-radius: 8px;
	border: 1px solid #d0c8b8;
	padding: 1em;
	margin-bottom: 1em;
}

.CadreLinkedin .logoSocial { margin: auto; }

#ArticleLinkedin h1 
{
	
	color: black;
	
}

#ArticleLinkedin h2 { 
	
	
	font-size: 1.4em;
	color: #B03838;
	
}

#ArticleLinkedin h3 { 
	
	text-align: left;
	font-size: 1.3em;
	color: #B03838;
	
}

#ArticleLinkedin h4 { 
	
	text-align: left;
	font-size: 1.1em;
	
}

#ArticleLinkedin li {
	
	line-height: 1.5em;
}

	
/* Navbar */


.navbar-default {
	
	background: #f4f2ee; /* Old browsers */
	background: rgba(89, 82, 77, 0.652);
	
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin: 0px;
	overflow: hidden;font-variant: normal;
	
	color: #434343;
	


}
.navbar-default .navbar-brand, .navbar-brand { color: #fff; }

.navbar-default h2  {  margin-top: 3px; line-height: normal; margin-left: 15px; font-family: 'SansationRegular'; font-size: 0.4em;}



.navbar-nav > li > a { padding-top: 0px; padding-bottom: 0px; }


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {  background-color: #ECECEA; }
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {  background-color: #A5A5A5;  }
.navbar-default .navbar-nav > li > a { color: white;  font-size: 12px; transition: background-color 0.3s ease 0s; }
.navbar-default .navbar-nav > li > a:hover { color: #fff; background-color: #929292;  }

.navbar-default .navbar-nav > li > a.contacter { background: #a6945f; color: white;  }
.navbar-default .navbar-nav > li > a.contacter:hover {  background: #C30000; color: white;  }

.navbar-default .tel { background: #B03838; color: white;   }

.navbar-nav li {   margin-top: 2px; margin-right: 15px;   transition: background-color 0.5s ease 0s; }
.navbar-nav li:hover { background-color:rgba(255, 255, 255, 0.052);  }

.navbar-nav li  { border: 1px solid #BF9D92; padding: 5px; background: transparent; color: white;}
.navbar-nav li .contacter { border: 1px solid #BF9D92; }

/* Slider */

#sliderContainer { background: #fff; z-index: 0; margin-top: 57px; border-bottom: 20px solid #e5e5e5; width: 100%;  }

#myslider {  background: transparent; width: 100%; z-index: 0; position: relative; max-height: 330px;  }
#myslider img { }
#myslider

/* Modal Actu */

.modal-lg { width: 1300px; }

.md-modal {  
	
		width: 95%;
		max-width: 980px;
		overflow-y: scroll;
		top:40%;
	
	
	
	 }


body.modal-open .trigger {
    display: none;
}

.modal-dialog { margin: auto; overflow: hidden; margin-top: 5%; font-size: 15px; max-width: 94%;  }

.modalContainer { font-size: 15px; }

.modal-body { overflow: hidden; overflow-y: hidden;  }
.modal-body p { padding:none; margin-top: 10px; }


	 
#contact {  font-size: 13px;  }



#contact .row { padding: 0px; margin: 0px; }

.floating-label-form-group { padding-bottom: 0px; }


#ContactModal h4 { 
	
	
	display: block;
	width: 100%;
	
	  }

#ContactModal p { height: auto; background: #EEEEEE; width: 100%; padding: 20px; font-size: 13px; }
#ContactModal ul { padding: 0px; margin: 0px; list-style: none; background: #EEEEEE; font-size: 13px;}
#ContactModal li {  font-size: 12px; border: 1px solid #EEEEEE; padding: 5px; }

#ContactModal textarea.form-control {
    height: 270px;
}

#ContactModal .form-control { font-size: 15px; height: 40px; }

#ContactModal .btn { width: 100%;  }

#ContactModal #contact { margin-top:5px; }


/*.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    background-color: #f89406;
    color: #ffffff;
}
.btn:hover, .btn:focus {
    background-position: 0 -15px;
    color: black;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}*/

.btn-warning { 
	
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    margin: 15px 25% 15px 20%;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 12px;
    vertical-align: middle;
    width: 50%;
    border: 1px solid white;
}



footer, .descriptionDroit { 
	
	
	width: 100%;
	min-height: 350px;
	border-top:1px solid #fff; 
	z-index: 100;
	

	
}

footer h7, .descriptionDroit h7 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid white; float: left; clear: both; width: 100%; color: #c30000;  }

#referencement { 
	
	
	background: #c9c0c0;
	color: white;
	font-size: 11px;
	border-top: 10px solid #e5e5e5;
	box-shadow: 0px 2px 2px -1px #533f34 inset;
	
	 }

footer p, .descriptionDroit p { 
	
		color: #533F34;
		font-size: 12px;
	
	
	 }

footer h3 { color: #A21E21; font-size: 1.2em; margin: 0px; padding: 0px; line-height: 1em; }
footer h4 { text-align: left; font-size: 1em; margin: 0px; margin-bottom: 1em; }

/*footer h3, .descriptionDroit h3 {  
	
	float: left;
	font-size: 33px;
	color: #C9C0C0;
	width: 140px;
	clear: none;
	margin: -6px 0 0 28px;
	text-align: left;
	line-height: 36px;

	
	
}*/

.descriptionDroit h3 {  
	
	float: left;
	font-size: 33px;
	color: #C9C0C0;
	width: 140px;
	clear: none;
	margin: -6px 0 0 28px;
	text-align: left;
	line-height: 36px;

	
	
}

footer ul, .descriptionDroit ul {  margin: 0px; padding: 0px;  }


footer li, .descriptionDroit li {  
	
	line-height: normal;
	font-size: 1em;
	height: auto;
	color: white;
	text-decoration: none;
	
	
	 }

footer li, .descriptionDroit li a { 
	
	color: white;
	
	
}  

.descriptionDroit h4 { color: #533F34; text-align: left; }

footer img, .descriptionDroit img {  float: left; }

.deco { font-family: 'chopinscriptmedium'; font-size: 380px; width: 200px; height: 200px; text-shadow: 1px 1px 1px #C9C0C0; position: absolute; color:#fff; top: -140px; left: 0px;  opacity: 0.3;  }
.TA {  }

.TATwitter { float: left; z-index: 1; }



/* Anim CSS */
	
#sliderContainer {
	position:relative;
}

#captions {
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:100%;
	height:100%;
	perspective: 400px;

}


/*.caption {
	font-size:30px;
	color:white;
	width:auto;
	position:absolute;
	top:50px;
	
	z-index: 3;
}
.caption div {
	/*background:linear-gradient(rgba(250,250,250,0.6), rgba(250,250,220,0.4));
	margin-bottom:2px;
	padding:5px;
	z-index: 3;
	position: relative;
}*/
@keyframes headerCaption1 {

  0% {  opacity:0;	right: 0%;   }	      
  5% {	opacity:0;	right: 0%;   }	  
  10% {	 opacity:1;	right: 15%;  }
  30% {  opacity:1; right: 15%;	 }	  
  35% {  opacity:0; right: 115%; }	  
  100% { opacity:0; right: 115%; } 
}
@-webkit-keyframes headerCaption1 {

  0% {  opacity:0;	right: 0%;   }	      
  5% {	opacity:0;	right: 0%;   }	  
  10% {	 opacity:1;	right: 15%;  }
  30% {  opacity:1; right: 15%;	 }	  
  35% {  opacity:0; right: 115%; }	  
  100% { opacity:0; right: 115%; } 
}

#caption1 {
-webkit-animation: headerCaption1 15s infinite ease-in-out;
   -moz-animation: headerCaption1 15s infinite ease-in-out;
    -ms-animation: headerCaption1 15s infinite ease-in-out;
     -o-animation: headerCaption1 15s infinite ease-in-out;
        animation: headerCaption1 15s infinite ease-in-out;
}

@keyframes headerCaption2 {
	
  0% { opacity:0;	right:-10%;  }
  30% {	opacity:0;	right:-10%;  }
  35% {	opacity:1;  right: 15%;	 }
  60% { opacity:1;  right: 15%;	 }
  65% { opacity:0;  right: 115%; }
  100% { opacity:0; right: 115%; }
}
@-webkit-keyframes headerCaption2 {
	
  0% { opacity:0;	right:-10%;  }
  30% {	opacity:0;	right:-10%;  }
  35% {	opacity:1;  right: 15%;	 }
  60% { opacity:1;  right: 15%;	 }
  65% { opacity:0;  right: 115%; }
  100% { opacity:0; right: 115%; }
}

#caption2 { 
-webkit-animation: headerCaption2 15s infinite ease-in-out;
   -moz-animation: headerCaption2 15s infinite ease-in-out;
    -ms-animation: headerCaption2 15s infinite ease-in-out;
     -o-animation: headerCaption2 15s infinite ease-in-out;
        animation: headerCaption2 15s infinite ease-in-out;
 }

@keyframes headerCaption3 {
  
  0% { opacity:0;	right:-10%;  }
  60% {	opacity:0;	right:-10%;  }
  65% {	opacity:1;  right: 15%;	 }
  90% { opacity:1;  right: 15%;	 }
  95% { opacity:0;  right: 115%; }
  100% { opacity:0; right: 115%; }  
}
@-webkit-keyframes headerCaption3 {
  
  0% { opacity:0;	right:-10%;  }
  60% {	opacity:0;	right:-10%;  }
  65% {	opacity:1;  right: 15%;	 }
  90% { opacity:1;  right: 15%;	 }
  95% { opacity:0;  right: 115%; }
  100% { opacity:0; right: 115%; }  
}

#caption3 { 
-webkit-animation: headerCaption3 15s infinite ease-in-out;
   -moz-animation: headerCaption3 15s infinite ease-in-out;
    -ms-animation: headerCaption3 15s infinite ease-in-out;
     -o-animation: headerCaption3 15s infinite ease-in-out;
        animation: headerCaption3 15s infinite ease-in-out;
 }



.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
 
.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */


@media (max-width: 767px) {
  
  #avocats p, #avocatsSuite p, #avocats .specialiste p { font-size: 2.5em; }
  .col-md-3 {  }
  #Actus h6 { width: 100%; }
  #Actus h6 a { min-height: 40px; }
  #Actus .TexteActu { font-size: 2em; }
  #Actus .DateActu { font-size: 4em; }
  .navbar-brand { font-size:14px; }
  .slideshow .slide .title { font-size: 1em; }
  
}
@media (min-width: 768px) and (max-width: 991px) {
	 
	 #avocats p, #avocatsSuite p, #avocats .specialiste p { font-size: 2.5em; }
	.col-md-3 { margin-bottom: 9em;  }
	#Actus h6 { width: 100%; }
	#Actus h6 a { min-height: 40px; }
	#Actus .TexteActu { font-size: 2em; }
	#Actus .DateActu { font-size: 4em; }
	
	.navbar-brand { font-size:14px; }
	
}
@media (min-width: 992px) and (max-width: 1199px) {
 
}
@media (min-width: 1200px) {
  
}