/* header special */


header.special {
		margin-bottom: 3em;
		padding-top: 4em;
		position: relative;
		text-align: center;
		background: transparent;
		margin-top: 4em;
	}

		header.special:before, header.special:after {
			border-bottom: solid 1.5px;
			border-top: solid 1.5px;
			content: '';
			height: 15px;
			opacity: 0.5;
			position: absolute;
			top: 1.5em;
			width: 34%;
			border-color: #b1a69e;
		}

		header.special:before {
			left: 0;
		}

		header.special:after {
			right: 0;
		}

		header.special h1 {
			margin-bottom: 0;
			max-width: 85%;
			margin: auto;
			background: transparent;
			z-index: 1000;
			position: relative;
			padding-top: 1em;
			color: #B03838;
			
		}

		
		h1::first-letter {
    font-size: larger;
    font-weight: bold;
    color: brown;
}

		
		
		header.special h1 + p {
			margin-bottom: 0;
			padding-top: 1.5em;
		}

		header.special .icon {
			cursor: default;
			height: 7em;
			left: 0;
			position: absolute;
			text-align: center;
			top: 0em;
			width: 100%;
			font-size: 3.5em;
			color: #b1a69e;
			
		}

			header.special .icon:before {
				font-size: 3.5em;
				opacity: 0.35;
			}

header.special h3 { margin-top: 0px;}
header.special h2 { margin-top: 10px; margin-bottom: 0; }

.gradient-text {
    
    background: linear-gradient(to right, #e3bc05 0%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}



*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


.mouse_scroll {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
	margin-top: 80px;
	z-index: 1000;
	position: relative;
}


.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px;
  
  width: 16px;
  height: 16px;
}


.unu
{
  margin-top: 1px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .3s;
  animation-direction: alternate;
  
  
  margin-top: -6px;
}

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}





@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}


.mouse_scroll a { 
	
	display: block;
	position: absolute;
	left: 0;
	height: 0;
	width: 100%;
	height: 100%;
	
	
	 }




#Droits .interne {  visibility: hidden; }

/* Services */




#TaServices {
	
	/*background: #B03838;*/
	
	 background: rgb(203,59,59);
background: -moz-linear-gradient(270deg, rgba(203,59,59,1) 0%, rgba(126,9,9,1) 100%);
background: -webkit-linear-gradient(270deg, rgba(203,59,59,1) 0%, rgba(126,9,9,1) 100%);
background: linear-gradient(270deg, rgba(203,59,59,1) 0%, rgba(126,9,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb3b3b",endColorstr="#7e0909",GradientType=1); 
	
	color: white;
	overflow: hidden;
	min-height: 380px;
	
	
}




#TaServices img { max-width: 60%; max-width: 220px; margin: auto; display: block;  
	
}

.parallaxie{
    min-height: 960px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    
  
    
}

#TaServices h3 {
	
	
	color: #eddeb2;
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	
	
}

#TaServices h4 { font-size: 1em; color: white; margin-top: 5px; }

#TaServices .service { position: relative; overflow: hidden; min-height: 310px;}


#TaServices a { display: block; position: absolute; width: 100%; height: 100%; left:0; top:0; transition: all ease-in-out 0.5s; cursor: pointer;  border: 1px solid transparent; background: rgba(0, 0, 0, 0);}
#TaServices a:hover { background: rgba(0, 0, 0, 0.1); color: white; border: 1px solid white; padding: 1em; }

.bb, .bb::before, .bb::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.bb {
  width: 200px;
  height: 200px;
  margin: auto;
  background: transparent;
  color: #fff;
  /*box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);*/
  z-index: -1;
  margin-top: 20px;
}
.bb::before, .bb::after {
  content: '';
  z-index: -1;
  margin: -5%;
  box-shadow: inset 0 0 0 2px;
  animation: clipMe 8s linear infinite;
}
.bb::before {
  animation-delay: -4s;
}
.bb:hover::after, .bb:hover::before {
  background-color: rgba(255, 0, 0, 0.3);
}

@keyframes clipMe {
  0%, 100% {
    clip: rect(0px, 220px, 2px, 0px);
  }
  25% {
    clip: rect(0px, 2px, 220px, 0px);
  }
  50% {
    clip: rect(218px, 220px, 220px, 0px);
  }
  75% {
    clip: rect(0px, 220px, 220px, 218px);
  }
}


*,
*::before,
*::after {
  box-sizing: border-box;
}










#avocats .activite { 
	
		text-align: left; font-size: 14px; font-variant: small-caps; margin-top: 0px; width: 100%; margin: auto; margin-bottom: 50px; clear: both;
		
		}
		
#googlemaps { height: 100%; }		

.clignote {
    animation: clignote 2s infinite;
}
@keyframes clignote {
    0%{opacity: 1;}
    50%{opacity: 0.4;}
    100%{opacity: 1;}
}

.back { position: absolute; width: 100%; height: 100%; border-right: 3px solid white; top:0px; left: 0px; }

/* #TaServices .gradient-text {
    
    background: linear-gradient(to right, #e3bc05 0%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.5em;
    line-height: 2.5em;
    
}*/



#TaServices .gradient-text {
  background: radial-gradient(
    circle at 100%,
    #fff,
    #e3bc05 50%,
    #fff 75%,
    #e3bc05 75%
  );
  font-weight: 600;
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: animatedTextGradient 3.5s linear infinite;
}

@keyframes animatedTextGradient {
  to {
    background-position: 200% center;
  }
}



/* chessy */
	
	#NouveauChessy img { max-width: 100%; }

/* Gestion */


#TaGestions {
	
	/*background: #B03838;*/
	
	 background: #b1a69e;
	color: white;
	min-height: 380px;
	
}

#TaGestions img { max-width: 60%; max-width: 220px; margin: auto; display: block;  
	
}



#TaGestions h3 {
	
	
	color: #eddeb2;
	font-size: 1.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	
	
}

#TaGestions h4 { font-size: 1em; color: white; margin-top: 5px; }

#TaGestions .service { position: relative; overflow: hidden; }


#TaGestions a { display: block; position: absolute; width: 100%; height: 100%; left:0; top:0; transition: all ease-in-out 0.5s; cursor: pointer;  border: 1px solid transparent;}
#TaGestions a:hover { background: rgba(255, 255, 255, 0.1); color: white; border: 1px solid white; padding: 1em; }

#TaGestions .gradient-text {
    text-align: center;
    /*background: linear-gradient(to right, #e3bc05 0%, #fff 100%);*/
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'SansationRegular';
    font-size: 3em;
    line-height: 1.4em;
    margin-top: 0.3em;
    
}


		
/* Page Avis */

#AvisVisuel {


	background: #FFF;
	


	}


#AvisVisuel img { 
	
	width: 100%;
	display: block;
	margin: 1em auto;
}

#AvisExplain {

background: #b1a69e;
	color: white;
	min-height: 320px;
	padding: 3em;
	line-height: 2em;
	margin-bottom: 1em;

}

#AvisExplainSite { background: #f5f2ee; color: #414141; } 
#AvisExplainSite h2 { color: #b1a69e;; }
#AvisExplain span.icon { display: block; width: 100%; font-size: 3em; text-align: center; margin-bottom: 1em; }

#AvisExplain legend { font-size: 0.7em; color: #b1a69e; text-align: center; width: 100%; }

#AvisExplain h2 {
	
	
	color: #eddeb2;
	font-size: 1.8em;
	margin-top: 0px;
	margin-bottom: 0px;
	
	
}



#AvisExplain img { margin: auto; display: block; max-width: 100px; }




.AvisExplain {

background: #B03838;
	color: white;
	min-height: 320px;
	padding: 3em;
	line-height: 2em;
	margin-bottom: 1em;

}


.AvisExplain span.icon { display: block; width: 100%; font-size: 3em; text-align: center; margin-bottom: 1em; }

.AvisExplain legend { font-size: 0.7em; color: #b1a69e; text-align: center; width: 100%; }

.AvisExplain h2 {
	
	
	color: #eddeb2;
	font-size: 1.8em;
	margin-top: 0px;
	margin-bottom: 0px;
	
	
}



.AvisExplain img { margin: auto; display: block; max-width: 100px; }


#AvisExplainGoogle h2 { color: #B03838; }
#AvisExplainGoogle button.btn-success { border: 1px solid white; margin-bottom: 20px; background: #B03838; font-size: 0.9em; padding: 14px;  }
#AvisExplainGoogle {
	
	border: 10px solid #f1efea;
	color: #414141;
	background: white;
	
	
	}

#AvisExplainGoogle img { max-height: 55px; width:auto; }


#Avis .detailNote { 
	font-size: 12px;
    text-align: left;
    display: block;
    width: 97%;
    margin: auto;
    color: #6d4b24;
    clear: both;
      }


.AvisExplain button { overflow: hidden ;}


#avis .boltforms-rating-row { width: 50%; }


#avis .form-group1 
	
	{ 
	
	background: #B03838;
	color: white;
	
	}

.boltforms-button { border-top: 1px solid #b1a69e;  }
	
#avis_submit, #contact_submit, #visio_submit, #postulation_submit

	{
	
	clear: both;
	width: auto;
	float: left;
	margin-top: 1em;
	color: black;
	background: #b1a69e !important;
	color:white;
	border-color:#796f51;
	width: 100%;
	max-width: 300px;
	
	}

.honigtopf { display: none; }

#avis_submit::before, #contact_submit::before, #visio_submit::before, #postulation_submit::before {
	
	content :"VALIDER";
	line-height: 40px;
	z-index: 1000;
	background: white;
	color: #796f51;
	border-color:#b1a69e;
	overflow: hidden;
}

/* Competences */

.competences { text-align: justify; color: #b1a69e; }

.competences span {
	
		
	display: inline;
	width: 100%;
	text-align: justify;
	hyphens: none;
	border-right: 1px solid #fff;
	padding-right: 3px;
	font-size: 0.1em;
	color: white;
	
}


/*#AvisModal .g-recaptcha { 
	
	float: left;
	width: 100%;
	text-align: center;
	
}*/

#avis_commentaire { width: 100%; }


/* Pages Cabs */


#PresentationCab { text-align: center; font-size: 1em; line-height: 1em; }


/* Homepage Actus */


#Actus .social { background: transparent; padding: 5%; margin-bottom: 20px; text-align: center; position: relative; overflow: hidden; }
#Actus .social img { max-width: 66%; margin: auto; } 
#Actus .social a.full { position: absolute; display: block; width: 100%; height: 100%; } 
#Actus img.logoSocial { max-width: 30%;  }
#Actus h3.sous-titre { font-size: 0.8em;  }


.actu2020 { display: block;  padding: 10px;  background: transparent; border-radius: 10px; transition: all ease-in-out 0.3s; padding-bottom: 20px;  }
.actu2020 .lactu { width: 100%; margin: auto; margin-bottom: 4em; padding-bottom: 2em; border-bottom: #B1A69E 1px solid;  }
.actu2020 h3 {  font-size: 1.35em; line-height: normal; width: 100%; text-align: center; margin-bottom: 0.5em; margin-top: 0; padding-top: 0; font-weight: 700;  }
.actu2020 h3 a { color: #414141; margin-top: 2em; }

.actu2020 .dateCat { color:  #f9f1da; text-align: center; width: 100%;  margin-bottom: 3em; }
.actu2020 .dateCat .icon { float: left; width: 20%; font-size: 1.8em; color: #B1A69E;}
.actu2020 .DateActu2020 { float: left; width: 20%; border-left: 1px solid #B1A69E; padding: 0.3em; color: #414141; }
.actu2020 .CategoryActu2020 {  float: left; width: 100%; border: 1px solid #fff; padding: 0.3em; color: #B1A69E; background: white; text-align: center; }

.actu2020 p {  font-size: 1em; padding-top:0.5em; padding-bottom: 0.5em; line-height: 1.8em; font-weight: normal; color: #414141; text-align: justify; clear: both; display: block;}
.actu2020 a { color: #eddeb2; text-decoration: none; }

.actu2020 .sourceActu { float: none; width: 100%; }
.actu2020 .sourceActu p { float: left; clear: none; line-height: normal; margin-top: -0.4em;  padding: 0; font-size: 1em; }
.actu2020 .sourceActu a { float: right; display: block; font-size: 0.8em; color: #B1A69E; padding-right: 8px; }
.actu2020 .sourceActu span.icon { float: right; display: block;  }
.actu2020 .sourceActu .fas { color: #fff; }

.juri2020 { color: white; background: #B1A69E; padding: 2em 0em; margin-bottom: 2em; border: 1px solid #eddeb2; }

.CadreLinkedin p { width: 90%; margin: 2em auto; line-height: 1.6em;   }
.CadreLinkedin small { width: 100%; margin: auto; display: block; text-align: center;}



/* Page contact */


#visioExplain .cab { 
	
	text-align: left;
	color: white;
	width: 100%;
	clear: both;
	
	 
	 }
	 
#visioExplain .cab h3 { 
	
	text-align: left;
	color: white;
	margin-bottom: 1px;
	
	 }

#visioExplain span { 
	
	text-align: left;
	color: white;
	 }
	 
#visioExplain i.fas {
	
	color: white;
	display: block; float: left;
	font-size: 1em; 
	border-right: 1px solid #b1a69e;
	margin-right: 0.5em;
	padding-right: 0.5em;
	margin-top: 0.5em;
	
	
}


#visioExplain hr { width: 100%; float: left; }

#visioExplain .LeCab {
	
	float: left;
	
}

#visioExplain .LeCab a {
	
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	
}

#visioExplain .titre img {
	
	float: left; max-width: 23%;
	padding-top: 0.4em;
}

/* Visio Conférence */


#visioExplain {
	
	background: #B03838;
	color: white;
	min-height: 800px;
	padding: 3em;
	line-height: 2em;
	margin-bottom: 3em;	
	
}

#visioExplain img { max-width: 60%; margin: auto; display: block;  }

#visioExplain .gradient-text {
    text-align: center;
    background: linear-gradient(to right, #e3bc05 0%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    
}

#visioExplain legend { font-size: 0.7em; color: #b1a69e; text-align: center; width: 100%; }

#visioExplain h2 {
	
	
	color: #eddeb2;
	font-size: 1.8em;
	margin-top: 0px;
	margin-bottom: 0px;
	
	
}

#visioExplain p {
	
	font-size: 1.3em;
	
}

#visioForm div.boltforms-row {
	
	margin-bottom: 1.3em ;
	font-size: 14px;
	
}


#visioForm .boltforms-row label { 
	
	font-size: 12px;
	
	
}

#visio_message { min-height: 120px; }

#visioForm .boltforms-small-row label { font-size: 12px; line-height: 20px; }

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


/* Slider */

.slideshow .slide .text { font-family: 'SansationRegular'; }
.logo { display: block; clear: both; float: none; height: 200px; margin: auto; padding-bottom: 1em; margin-top: -5em;}
.slideshow .slide .title {
	
	font:300 2em/1.5 "SansationRegular", sans-serif;
	padding-top: 10px;
	border-top: 1px solid #59524D ;
	border-bottom: 1px solid #59524D;
	letter-spacing: 0.15em;
	
	
}

.slideshow .slide .image-container::before { background: rgba(0, 0, 0, 0.2); }

.slideshow .slide .title p, .slideshow .slide .text p { text-align: center; min-width: 230px; }
.slideshow .btn:hover { color: #C30000; }
/*#contactFormContainer button#contact_submit { width: 50%; margin: auto; }*/
#contactFormContainer .boltform { margin: auto; }
#contactFormContainer h2 { text-align: left; margin-top: 0; }
#contactFormContainer textarea { min-height: 120px; }
/*button#contact_submit::before { color: white; background:rgba(132, 157, 255, 0.15); }
button#contact_submit:hover { color: white; border-color: white; }*/


.btn-success:hover { color: black; text-align: center; }		


input:required:valid, textarea:required:valid { border-color: green; }

iframe { width: 100%; height: 100%; min-height: 400px; border-top: 1px solid white;  }





/* Avocats */

#avocats .social-container {
    width: 100%;
    margin: auto;
    text-align: left;
    
}

#avocats .social-icons {
    padding: 0;
    list-style: none;
    margin: 0em;
    float: none;
  
    div {
        
       
        position: relative;
        font-size: 1.2em;

    }

    i {
        color: #fff;
        position: absolute;
        top: 21px;
        left: 21px;
        transition: all $timing ease-out;
    }

    a {
        display: block;
      
        &:before {
            @include transformScale();
            content: " ";
            width: 60px;
            height: 60px;
            border-radius: 100%;
            display: block;
            background: linear-gradient(45deg, $iconColor, $accent);
            transition: all $timing ease-out;
        }
        
        &:hover:before {
            transform: scale(0);
            transition: all $timing ease-in;
        }
        
        &:hover i {
            @include transformScale(2.2);
            color: $iconColor;
            background: -webkit-linear-gradient(45deg, $iconColor, $accent);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            transition: all $timing ease-in;
        }
    }
  
}

#avocats .fa, #avocats .fab { color: #b1a69e;  }

#avocats .full {  text-align: center; font-size: 1.8em; padding: 5px 0px; border-top: 1px solid white; color: #b1a69e; }



/*-------------------------------*/
    /* Autres avocats */
/*-------------------------------*/


#avocatsSuite ul.social-icons { padding-top: 10px; }


/* ----- Social Icons ----- */
ul.social-icons-simple li,
ul.social-icons li {
   display: inline-block;
}
ul.social-icons li a {
   height: 36px;
   line-height: 36px;
   width: 36px;
   font-size: 17px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   margin: 0rem;
   text-align: center;
   display: block;
   color: #b1a69e;
   /*background: #f1efea;*/
   background: transparent;
}
ul.social-icons.whitebg li a {
   background: white;
}
ul.social-icons-simple li a {
   height: 24px;
   line-height: 24px;
   width: 24px;
   margin: 0 8px;
   font-size: 18px;
   text-align: center;
   display: inline-block;
}
ul.social-icons.white li a,
ul.social-icons-simple.white li a{
    color: #fff;
}
ul.social-icons-simple li:last-child a,
ul.social-icons li:last-child a{
    margin-right: 0;
}
ul.social-icons-simple li:first-child a,
ul.social-icons li:first-child a{
    margin-left: 0;
}
ul.social-icons-simple li a:hover, 
ul.social-icons-simple li a:focus{
    color: #f1efea;
}
ul.social-icons li a:hover, 
ul.social-icons li a:focus,
ul.social-icons.white li a:hover, 
ul.social-icons.white li a:focus{
    color: #fff;
   -webkit-box-shadow: 0 0 15px 30px #f1efea inset;
   box-shadow: 0 0 15px 30px #f1efea inset;
}

.text-center {
    text-align: center !important;
}

/*----*/


$timing        : 265ms;
$iconColor     : #00B5F5;
$accent        : #002A8F;
$bluefade      : #0043E0;
$gradient      : #00B5F5;

@mixin transformScale($size: 1) {
    transform: scale($size);
    -ms-transform: scale($size);
    -webkit-transform: scale($size);
}








/*-------------------------------*/
    /* Footer*/
/*-------------------------------*/
footer .copyrights{
    font-size: 13px;
    text-align: center;
}
.footer-logo {
   display: inline-block;
   max-width: 230px;
}
footer ul.social-icons:not(.small) li a {
   height: 60px;
   width: 60px;
   line-height: 60px;
   font-size: 26px;
   border: none;
   background: transparent;
}
footer ul.social-icons li a {
   background: #f5f5f5;
   color: #B03838;
}
footer .copyrights > a:hover,
footer .copyrights > a:focus {
   color: #B03838;
}

footer ul.social-icons { text-align: center; }

.bottom25 {
    margin-bottom: 25px;
}

.padding_half {
    padding: 4.375rem 0;
}






/* Covid */

#covid .modal-dialog h5 { font-size: 18px; color: #2f9c2f; }

#covid .modal-dialog { font-size: 15px; color:#414141; line-height: 25px;  } 

#covid .modal-body { text-align: center; }
#covid .modal-header .close { margin-top: -35px; font-size: 40px; }
#covid .modal-footer { text-align: center; }
#covid .btn { background-color: #7dd174; }
/* Tarte au citron */

body #tarteaucitronRoot #tarteaucitronAlertBig { background: rgba(0, 0, 0, 0.6); height: 200px; border-top: 1px solid white; line-height: 25px; }
#tarteaucitronRoot hr { width: 50%; margin: none; }
body #tarteaucitronRoot h2 { width: 100%; color: white; text-align: center; margin-bottom: 25px; font-size: 1.3em; padding-top: 0.8em; font-weight: normal; }
body #tarteaucitronAlertSmall #tarteaucitronManager { color: black; }
body #tarteaucitronPrivacyUrl { color: white; width: 200px; text-align: center;}


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

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

#ContactModal { margin-top: 2em; }

#referencement ul.flat2 { padding: 0px; margin: 0px; }
#referencement ul.flat2 li { float: left; width: auto; clear: none; margin-right: 1%; }
#referencement ul.flat2 li a { padding: 0.4em; cursor: pointer; color: #fff; }
#referencement ul.flat2 li a:hover { color:#9A1C1F;}

#referencement ul.flat3 { padding: 0px; margin: 0px; list-style: none;}
#referencement ul.flat3 li { float: left; width: 100%; clear: none; margin-right: 1%; margin-bottom: 1em; }
#referencement ul.flat3 li a { padding: 0.4em; cursor: pointer;  }
/* Landing pages */

body.LandingPages #Actualites { background:#C9C0C0; }
body.LandingPages .LeBouton { width: 100%; float:left;  display: block;  text-align: center; border-radius: 10px; border: 1px solid white;  height: 135px;  padding-top: 3em; font-size: 1.5em; }
body.LandingPages #Droits { padding-top: 5em; }
body.LandingPages #Droits img.pole {  display: block; float: none; max-width: 94%; margin: auto; }
body.LandingPages #googlemaps {    }
body.LandingPages #Droits ul.InterneDroit li { min-height: 68px; padding-top: 28px; font-size: 1em; line-height: normal; }
body.LandingPages #Droits p { font-size: 1.3em; line-height: 1.8em; }
body.LandingPages .Laville { margin: auto; height: 40px; text-align: center; } 
body.LandingPages .Lecusson { float: left; }
body.LandingPages .Lecusson img { float: left; width: 40px; display: block; margin-right: 10px;}
body.LandingPages .adresse { line-height: 10px; font-size: 1em; line-height: 3em; }




/*-------------------------------*/
    /* Testimonials*/
/*-------------------------------*/
.testimonial-wrapp, 
.testimonial-wrapp .testimonial-text,
.testimonial-wrapp .testimonial-photo,
.testimonial-wrapp .quoted, .testimonial-quote{
   position: relative;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
}
.testimonial-wrapp,
.testimonial-wrapp .testimonial-text {
	text-align: center;
}
.testimonial-wrapp .quoted,
.testimonial-wrapp .testimonial-photo {
   display: inline-block;
}
.testimonial-wrapp .quoted {
	background: #b1a69e;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
   -webkit-transform: translateY(50%);
   -ms-transform: translateY(50%);
   -o-transform: translateY(50%);
   transform: translateY(50%);
	z-index: 1;
}
.testimonial-wrapp .testimonial-text {
	background: #e6e1dd;
	padding: 4.25rem 2.5rem;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
	text-align: center;
	min-height: 190px;
}

.testimonial-text p { text-align: center; line-height: 1.5em; font-size: 1.3em;  }
.testimonial-text p { color: #414141;  }
.testimonial-text:hover p { color: white;  }


.testimonial-wrapp .testimonial-photo {
	height: 100px;
	width: 100px;
	margin-top: -50px;
	background: white;
}
.testimonial-wrapp .testimonial-photo,
.testimonial-wrapp .testimonial-photo > img{
    -webkit-border-radius: 20%;
    border-radius: 20%;  
    
     
}





#testimonial-slider .owl-item:nth-child(2n) .testimonial-wrapp .quoted,
#testimonial-slider .owl-item:nth-child(2n) .testimonial-wrapp:hover .testimonial-text{
   background: #B03838;
   
}
.testimonial-wrapp:hover .testimonial-text{
   background: #3C3C3C;
   color: #fff;
}

/*Testimonial Quotes*/
.testimonial-bg{
	background: url(../images/bg-testimonial.jpg) no-repeat;
}
.testimonial-bg-light {
	background: url(../images/bg-testimonial-light.jpg) no-repeat;
}
.testimonial-bg, .testimonial-bg-light{
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	width: 100%;
}


.testimonial-quote {
	text-align: left;
	padding-top: 10px;
}
.no-quote .testimonial-quote { 
   text-align: center;
}
.testimonial-quote h3{
   position: relative;
}
.no-quote .testimonial-quote h3::before, 
.no-quote .testimonial-quote h3::after {
   display: none;
}
.testimonial-quote h3::before, .testimonial-quote h3::after {
	display: inline-block;
	font-size: 17px;
}
.testimonial-quote h3::before {
	content: "\f10d";
	margin-right: 3px;
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.testimonial-quote h3::after{
   content: "\f10e";
   margin-left: 3px;
   -webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
}
.testimonial-quote h6{
   font-weight: 300;
}

#owl-thumbs.owl-dots{
   text-align: left;
}
#owl-thumbs.owl-dots .owl-dot {
	background: transparent;
	height: 60px;
	margin: 0;
	position: relative;
	width: 60px;
	border: 5px solid rgba(255,255,255,.3);
	margin-left: -30px;
    opacity: .65;
   -webkit-transform: scale(.95);
   -ms-transform: scale(.95);
   -o-transform: scale(.95);
   transform: scale(.95);
}
.testimonial-bg-light #owl-thumbs.owl-dots .owl-dot {
   border: 5px solid rgba(0,0,0,.3);
}
#owl-thumbs.owl-dots .owl-dot > img {
	width: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
}
#owl-thumbs.owl-dots .owl-dot:first-child{
   margin-left: 0;
}
#owl-thumbs.owl-dots .owl-dot::after{
   display: none;
}
#owl-thumbs.owl-dots .owl-dot:hover,
#owl-thumbs.owl-dots .owl-dot.active{
   z-index: 5;
   opacity: 1;
   border: 5px solid rgba(255,255,255,.53);
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}
.testimonial-bg-light #owl-thumbs.owl-dots .owl-dot.active {
   border: 5px solid rgba(0,0,0,.53);
}

#testimonial-slider .owl-item img { 
	
	width: 70%;
	margin: auto;
	display: block;
	padding-top: 9%;
	
		
}


#testimonial-slider h4 { color: #3C3C3C;  }



/*-------------------------------*/
    /*OWl Slider*/
/*-------------------------------*/
/*Dots*/
.owl-dots {
   margin-top: 2rem;
   text-align: center;
}
.vertical-dot .owl-dots {
   display: inline-table;
   width: 24px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 40px;
}
.owl-dots .owl-dot {
   height: 12px;
   width: 12px;
   background: transparent;
   margin: 2px 3px;
   position: relative;
   border: 1px solid #b1a69e;
   display: inline-block;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   background: rgba(255, 255, 255, .35);
   cursor: pointer;
}
#text-fading .owl-dots .owl-dot {
	background: #fff;
	border: none;
}s
.vertical-dot .owl-dots .owl-dot {
   border: none;
   background: rgba(255, 255, 255, .5);
}

.owl-dots .owl-dot::after {
   background-color: #B03838;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   visibility: hidden;
   width: 100%;
}
.vertical-dot .owl-dots .owl-dot::after {
   display: none;
}
.vertical-dot .owl-dots .owl-dot.active {
   height: 15px;
   width: 15px;
   background: #fff;
}
.owl-dots .owl-dot.active::after,
.owl-dots .owl-dot:hover:after {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   visibility: visible;
}

.animate-out {
  -webkit-animation-delay : 0ms;
  -o-animation-delay : 0ms;
  animation-delay : 0ms;
}

/*Buttons*/
.owl-nav .owl-prev{
    left: 5px;
}
.owl-nav .owl-next{
    right: 5px;
}
.owl-nav .owl-prev, .owl-nav .owl-next{
    background: #B03838;
	font-size: 14px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
    position: absolute;
    top: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    opacity: 0;
    visibility: hidden;
}
.owl-carousel:hover .owl-nav .owl-prev, 
.owl-carousel:hover .owl-nav .owl-next {
   opacity: 1;
   visibility: visible;
}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover,
.owl-nav .owl-prev:focus, .owl-nav .owl-next:focus{
	background: #643094;
}

/*-------------------------------*/
    /* Présentation 2020 */
/*-------------------------------*/

#LeCabinet {


	background-image: linear-gradient(to bottom, #f1efea, #f9f5f3, #fbf8f8, #fdfbfc, #ffffff); color: #414141; 

}

#LeCabinet h2 {font-family: 'SansationRegular'; font-variant: all-small-caps; }

#LeCabinet .description { font-size: 1.3em; color: #414141; text-align: center; line-height: 1.5em; }


#LeCabinet #descriptionEcussons {
	

	text-align: center;
	max-width: 800px;
	margin: auto;
	
}

#LeCabinet .col-md-1 { text-align: center; }

#LeCabinet .logo, #Droits .logo {  width: 40px; display: block; margin: auto; height: auto; }

#LeCabinet .ecusson { font-size: 5px; color: white }
#LeCabinet .ecusson img { width: 50%; margin: auto; display: block; clear: both; max-width: 100px; max-width: 55px; }

#LeCabinet h4 { font-size: 1em; }

#LeCabinet p { max-width: 1150px; text-align: justify; margin: auto; }

/*-------------------------------*/
    /* Section avocats */
/*-------------------------------*/



#SectionAvocats .logo {  width: 40px; display: block; margin: auto; height: auto; }

/*-------------------------------*/
    /* Postulaition */
/*-------------------------------*/

#postulation  {
    
   color: #414141;
   padding-right: 3px;
   background: #f1efea;
   border-radius: 5px;
   text-align: center;
   padding: 10px;
   min-height: 180px;
    
}

#postulation a {
    
   text-decoration: none;
   color: white;
    
}



#postulation h3 {
    
    margin-top: 0;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
    
}

#postulation h4 {
    
    margin-top: 0;
    margin-bottom:10px;
    width: 100%;
    text-align:  center;
    
}

#postulation button {
    
    margin: auto;
    margin-top: 5px;
    border-radius: 5px;
    background: #B03838;
    color: white;
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: none;
    
    
}


/*-------------------------------*/
    /* adjudications */
/*-------------------------------*/

#adjudications  {
    
   color: #f1efea;
   padding-right: 3px;
   background: #b1a69e;
   border-radius: 5px;
   text-align: center;
   padding: 10px;
   min-height: 180px;
    
}

#adjudications a {
    
   text-decoration: none;
   color: #b1a69e;
    
}



#adjudications h3 {
    
    margin-top: 0;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
    
}

#adjudications h4 {
    
    margin-top: 0;
    margin-bottom:10px;
    width: 100%;
    text-align:  center;
    
}

#adjudications button {
    
    margin: auto;
    margin-top: 5px;
    border-radius: 5px;
    background: #e7e1d;
    color: #b1a69e;
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: none;
    
    
}


/*-------------------------------*/
    /* Testimonials ends*/
/*-------------------------------*/

.modal-lg {
    width: 1300px;
    margin-top: 3%;
}


/*-------------------------------*/
    /* immobilier */
/*-------------------------------*/


#TemplateImmobilier .slideshow { width: 100%; max-height: 650px; }
#TemplateImmobilier .slideshow .slideshow-inner { position: relative; }

#TemplateImmobilier .slideshow .slide .image-container::before { background: rgba(0, 0, 0, 0.0); }

.inner-pages .blog .homes-content.details-2 {
  background: #303441;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem 0;
}



.inner-pages .headings-2 .listing-title-bar h3,
  .inner-pages .headings-2 .listing-title-bar h4 {
    font-size: 22px !important;
  }

  .inner-pages .headings-2 .listing-title-bar a {
    font-size: 15px;
  }





@media (max-width: 991px) {
  
  h2 {   -webkit-hyphens: none;  -ms-hyphens: none;  hyphens: none; }
  #Actus .fb-like-box { display: none; }
  section { padding: 30px 0px 30px 0px }
  .slideshow .slide .title { font-size: 1.2em; }
  .slideshow .slide .text { font-size: 14px; }
  .container-fluid { width: 100%; }
  h1.PageArticle { font-size: 1.3em; text-align: center; }
  .Larticle .desc p {  }
  .navbar-left { display: none; }
  .bb { display: none; }
  #TaServices a:hover { border:none; }
  #Droits h3 { font-size: 2em; }
  #Droits h3.prejudice {  }
  #Droits span {  font-size: 1.2em; line-height: 1.6em;}
  #Droits .Interne { padding:1em 0 1em 0; }
  #Droits .em1 { } 
  #Droits .col-xs-12 { margin-bottom: 1em; } 
  #bs-example-navbar-collapse-1 { background: rgba(177, 166, 158, 0.849);}
  .navbar-toggle { margin-right: 35px; background: white; }
  .navbar-nav li { width: 100%; padding: 15px 0px;  }
  .navbar-nav li a { text-align: center; width: 100%; }
  .navbar-default .navbar-nav > li.tel > a  { color:white; text-align:center; font-size: 1.5em; }
  .navbar-default .navbar-nav > li > a  { text-align:center; font-size: 1.5em; }
  #cabs .col-xs-6 { margin-bottom: 6px;}
  #TaServices { display: none; }
  #TaServices h3, #avocats h3 { font-size: 3em; }
  #TaServices .gradient-text { font-size:2em; line-height: 1em; }
  #TaGestions .gradient-text { font-size: 3em; }
  #TaGestions h3 { font-size: 2em; }
  #TaGestions h4 { font-size: 1.5em; }
  #TaServices h4 { font-size: 1em; margin-top: 1em; }
  #TaServices .back { border-bottom:3px solid white; border-right: none; }
  #avocats h3 { font-size: 25px; }
  #avocats h5 { width: 100%; }
  #avocats .col-md-4 { margin-top: 5em; }
  #avocats .dauptain {  padding: 1em; padding-bottom: 2em; }
  #avocats .competences { display: none;}
  #avocats .rs { right: 0; top:220px; } 
  #avocats .activite { font-size: 13px; margin-bottom: 0;}
  #avocatsSuite h4 { font-size: 2em; margin-top: 30px; }
  #avocats p, #avocatsSuite p, #avocats .specialiste p { font-size: 16px; }
  #avocats p { min-height: 100px; }
  .dauptain { margin-bottom: 5em; border-bottom: 4px solid #b1a69e; } 
  #LeCabinet .ecusson img { width: 90%;  }
  #Category .LaListe { min-height: 80px; }
  #TousLesAvis { display: none;}
  .TexteActu { display: none; }
  #Actus .CategoryActu { font-size: 1.8em; }
  #Actus h3 { font-size: 2em; }
  #Actus p { font-size: 1.3em; line-height: 1.5em; }
  #Actus .desc { font-size: 1.6em; line-height: auto; }
  #Actus h6 { text-align: center; font-size: 1.5em; line-height: 35px; }
  #referencement ul.flat2 li { width: 100%; }
  #TaGestions, #twitter  { display: none; }
  #TaGestions .service { border-top: 5px white solid; padding: 5em 0; }
  #TaServices .service {  padding: 5em 0; }
  .testimonial-text p { text-align: center; line-height: 2em; font-size: 1.4em;  }
  .testimonial-wrapp:hover .testimonial-text{ color: #3C3C3C; background: #B03838;}
  footer h3 { font-size: 2em; }
  .PageArticleTexte p { font-size: 14px; }
  .Larticle .desc p { font-size: 2em; }

  .suite { font-size: 1.3em; }
  .Larticle h1 { font-size: 4em; }
  .modal-lg {
    width: 900px;
}
#VinceModalDoNotTouch .btn { width: 100%; }
#postulation { margin-bottom: 2em; }
.modal.in .modal-dialog { margin-left: 2%; margin-bottom: 4em; margin-top: 4em;}
  
  
#AvisExplain p { font-size: 1.3em; }
#AvisExplainSite p { font-size: 1.3em; }
#AvisExplainGoogle p { font-size: 1.3em; }
}

  
  
  
}
@media (min-width: 992px) and (max-width: 1199px) {
 
}
@media (min-width: 1200px) {
  
}