@charset "utf-8";

@import url('./nouvelles.css');
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)

	font-family: 'Bitter', serif;
	font-family: 'Montserrat', sans-serif;
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

* {
	box-sizing: border-box;
}

body {
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
}

html {
	height: 100%;
}

a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration:none; }
a:active { text-decoration: none; }
a[href^=tel] {
    color: inherit;
    text-decoration: none;
}

input:not(input[type="checkbox"]) {
    -webkit-appearance: none !important;
    -webkit-border-radius:0 !important; 
    border-radius:0 !important;
}

header {
	background: #000;
}

header .logo {
	margin-bottom: 15px;
	margin-top: 15px;
}

header .logo img {
	display: inline-block !important;
}

header .logo a {
	color: #FFF;
	font-family: 'Bitter', serif;
	font-size: 30px;
	font-weight: 700;
}

header .phone {
	margin-top: 70px;
}

header .phone a {
	color: #FFF;
	font-size: 24px;
	font-weight: 500;
}

header .phone img {
	margin-right: 15px;
	margin-top: -10px;
}

.menu {
	position: fixed;
	right: 0;
	top: 0;
	/*min-width: 84px;*/
	z-index: 2;
}

.button_menu {
	background-color: #712436;
	border: 0;
    cursor: pointer;
	display: block;
	height: 80px;
    right: 100%;
	outline: 0;
	padding: 0;
	position: absolute;
	width: 84px;
}

.button_menu .bar1, 
.button_menu .bar2, 
.button_menu .bar3 {
    width: 35px;
    height: 5px;
    background-color: #FFF;
	margin-bottom: 6px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
    transition: 0.4s;
}

.button_menu.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.button_menu.change .bar2 {opacity: 0;}

.button_menu.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

.container_menu {
	position: fixed;
	max-width: 380px;
	white-space: nowrap;
	
	-webkit-transition: -webkit-box-shadow .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-box-shadow .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: box-shadow .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1);
    transition: box-shadow .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
	
}

.container_menu.menuopened {
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.container_menu .content {
	background-color: #FFF;
	padding: 20px 15px 25px 15px;
}

.container_menu .top {
	border-bottom:1px solid #712436;
	color: #000;
	font-family: 'Bitter', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	padding: 0 25px 15px 15px
}

.container_menu .top span {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.container_menu .lang {
	color: #000;
	font-size: 12px;
	font-weight: 500;
	padding-top: 8px;
	text-transform: uppercase;
}

.container_menu .lang a {
	color: #000;
}

.container_menu a.active {
	color: #a35160 !important;
}

.container_menu ul {
	list-style: none;
	padding: 5px 25px 15px 15px
}

.container_menu li {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	margin-top: 20px;
}

.container_menu li a {
	color: #000;
}

.container_menu li ul li a {
	font-size: 14px;
}

footer {
	background-color: #1a1819;
	color: #FFF;
}

footer .coord,
footer .regions {
	padding-bottom: 50px;
	padding-top: 60px;
}

footer .logo-fb {
    margin-top: 20px;
}

footer p {
	font-size: 14px;
	margin-bottom: 15px;
}

footer p.nom {
	font-family: 'Bitter', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
}

footer a {
	color: #a35160;
}

footer a[href^=tel] {
	color: #a35160;
	font-size: 18px;
}

footer .regions p {
	color: #a35160;
	font-family: 'Bitter', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 40px;
}

footer .regions span {
	font-size: 12px;
	text-transform: uppercase;
}

footer .regions ul {
	color: #a35160;
	list-style: none;
	/*
	margin-top: 10px;
	margin-left: 20px;
	*/
	margin: 0;
	padding: 0;
}

footer .regions li {
	color: #FFF;
	font-size: 12px;
	padding-left: 10px;
}

footer .regions li:before {
	content: "• ";
	color: #a35160;
	display: inline-block;
    font-size: 20px;
	margin-left: -0.5em;
    width: 0.5em;
}

.copyright {
	background-color: #FFF;
	color: #000;
	font-size: 12px;
	padding: 15px 0;
}

.copyright span {
	color: #a35160;
}

.contactus {
	color: #FFF;
	position: absolute;
	left: 0;
	right: 0;
  	top: 50%;
	text-align: center;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.contactus h1 {
	font-size: 50px;
	font-weight: 600;
}

.contactus p {
	font-size: 32px;
}

.contactus a {
	display: inline-block;
	border: 2px solid #FFF;
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 40px;
	padding: 10px 25px;
}

#homecarousel .item {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 750px;
}

#homecarousel .item:nth-child(1) {
	background-image: url(../images/gauthier-et-tousignant-avocats-criminalistes.jpg?v=2);
	background-position: center;
}
#homecarousel .item:nth-child(2) {
	background-image: url(../images/gauthier-et-tousignant-avocats-staff.jpg);
}
#homecarousel .item:nth-child(3) {
	background-image: url(../images/gauthier-et-tousignant-avocats-accueil.jpg);
	background-position: left center;
}

.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.flex div[class^='col'] {
	float: none;
}

.bg_grey {
	background-color: #f2eced;
}

.homeabout h2 {
	color: #712436;
	font-size: 26px;
	font-weight: 900;
	text-transform: uppercase;
	padding: 35px 0 30px 0;
}

.homeabout h2 span {
	font-size: 21px;
	font-weight: 600;
}

.homeabout p {
	color: #000;
	font-size: 16px;
	margin-top: 10px;
}

.homeabout a {
	color: #a35160;
	font-weight: 600;
}

a.btncontact {
	display: inline-block;
	border: 1px solid #712436;
	color: #712436;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 40px;
	padding: 20px;
}

.homeabout .content {
	padding-bottom: 75px;
	padding-top: 75px;
}

.association {
	background-color: #712436;
}

.association .barreauqc {
	background:url(../images/icone-barreau.png) center left no-repeat;
	min-height: 65px;
	color: #FFF;
	font-size: 23px;
	font-weight: 900;
	line-height: 1em;
	margin: 25px 0;
	text-align: left;
	text-transform: uppercase;
	padding-left: 70px;
	display: inline-block;
}

.association .barreauqc span {
	font-size: 15px;
	font-weight: 300;
}

.call24 {
	padding-bottom: 80px;
	padding-top: 80px;
}

.call24 h3 {
	color: #a35160;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 40px;
}

.call24 p {
	color: #000;
	font-size: 16px;
	margin-top: 15px;
}

.call24 p strong {
	font-weight: 700;
}

.call24 a {
	color: #a35160;
	font-weight: 600;
}

.call24 a[href^=tel] {
	color: #a35160;
	font-size: 40px;
	font-weight: 400;
}

.expertise {
	padding-bottom: 120px;
	padding-top: 130px;
}

.expertise h3 {
	color: #000;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.expertise ul {
	display: inline-block;
	list-style: none;
}

.expertise li {
	color: #712436;
	font-size: 16px;
	font-weight: 600;
    display: inline;
	white-space: nowrap;
}

.expertise li:not(:first-child):before {
    content: " | ";
}

.expertise a {
	color: #a35160;
	font-size: 16px;
	font-weight: 600;
}

.expertise .boite {
	margin-top: 65px;
}

.expertise .boite > div {
	border: 1px solid #b4b4b4;
	border-top: 20px solid #712436;
}

.expertise .boite > div > div {
	padding: 40px 20px 30px 20px;
}

.expertise .boite:nth-child(3) > div > div {
	padding-bottom: 50px;
}
.expertise .boite.es:nth-child(1) > div > div {
	padding-bottom: 50px;
}

.expertise .boite img {
	border-bottom: 1px solid #b4b4b4;
}

.expertise h4 {
	color: #a35160;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.expertise p {
	color: #000;
	font-size: 14px;
	margin-top: 10px;
}

.expertise .boites a {
	font-size: 14px;
	font-weight: 400;
}

.temoignages {
	padding-bottom: 60px;
	padding-top: 75px;
}

.temoignages h5 {
	color: #000;
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 30px;
}

.temoignages p {
	color: #000;
	font-size: 16px;
	margin-top: 10px;
}

.temoignages p.titre {
	color: #a35160;
	font-size: 20px;
	font-weight: 600;
}

.temoignages p.source {
	color: #8d8d8d;
}

#temoignagescarousel {
	padding-bottom: 60px;
}

#temoignagescarousel .carousel-indicators li {
	border: 1px solid #a35160;
}
#temoignagescarousel .carousel-indicators .active {
	background-color: #a35160;
}

.apropos,.nouvelles {
	padding-bottom: 90px;
	padding-top: 90px;
}

.apropos h1,.nouvelles h1 {
	color: #712436;
	font-size: 50px;
	font-weight: 600;
}

.apropos h1 span, nouvellesh1 span {
	display: block;
	font-size: 32px;
	font-weight: 400;
}

.apropos p ,.nouvelles p {
	color: #000;
	font-size: 18px;
	margin-top: 40px;
}

.nouvelles p {
	margin-top: 20px;
}

.nouvelles ul,
.nouvelles ol {
	margin-left: 20px;
	margin-top: 20px;
}

.apropos a ,.nouvelles a {
	color: #712436;
}

.apropos.details, .nouvelles.details {
	padding-bottom: 0;
	padding-top: 0;
}

.apropos.details h2,
.nouvelles.details h2 {
	color: #712436;
	font-size: 36px;
	font-weight: 900;
	text-transform: uppercase;
}

.apropos.details h2 span,
.nouvelles.details h2 span {
	font-size: 30px;
	font-weight: 300;
}

.apropos.details .img , .nouvelles.details .img {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	height: 667px;
}

.apropos.details .img.pierregauthier {
	background-image: url(../images/pierre-gauthier-avocat-criminaliste.jpg);
}

.apropos.details .img.meghanntousignant {
	background-image: url(../images/meghann-tousignant-avocate-criminaliste.jpg);
	background-position: top right;
}
.apropos.details .img.danielavelandia {
	background-image: url(../images/daniela-velandia-abogada.jpg);
}

.apropos.details .txt div {
	padding: 50px;
  	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.bandeau-expertise {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 652px;
	position: relative;
}

.bandeau-expertise.agression-sexuelle,
.bandeau-expertise.sexual-assault,
.bandeau-expertise.delitos-sexuales {
	background-image: url(../images/bandeau-delits-sexuels.jpg?v=20200611);
}

.bandeau-expertise.infractions-routieres,
.bandeau-expertise.driving-offences,
.bandeau-expertise.infracciones-de-transito {
	background-image: url(../images/../images/bandeau-infraction-routiere.jpg);
}

.bandeau-expertise.drogues-et-stupefiants,
.bandeau-expertise.drugs-and-narcotics,
.bandeau-expertise.drogas-y-estupefacientes{
	background-image: url(../images/bandeau-stupefiants.jpg);
}

.bandeau-expertise.vol-et-fraude,
.bandeau-expertise.theft-and-fraud,
.bandeau-expertise.robo-y-fraude {
	background-image: url(../images/bandeau-vol.jpg);
}

.bandeau-expertise.voies-de-fait-et-menaces,
.bandeau-expertise.assaults-and-uttering-threats,
.bandeau-expertise.agresion-y-amenazas{
	background-image: url(../images/bandeau-voiesdefait.jpg);
}

.bandeau-expertise.chasseurs-et-pecheurs,
.bandeau-expertise.hunters-and-fishermen,
.bandeau-expertise.cazadores-y-pescadores{
	background-image: url("../images/bandeau-chasseurs-et-pecheurs.jpg");
}

.expertise-call-to-action {
	padding-bottom: 50px;
    padding-top: 50px;
}

.expertise-call-to-action p {
	color: #000;
	font-size: 16px;
	margin-top: 15px;
}

.expertise-call-to-action p.titre {
	color: #712436;
	font-size: 26px;
	font-weight: 900;
	line-height: 1em;
	margin-top: 40px;
}

.expertise-call-to-action p strong {
	font-weight: 700;
}

.expertise-call-to-action a {
	color: #a35160;
}

.expertise-contenu {
	padding-bottom: 50px;
	padding-top: 50px;
    display: flex;
    align-items: center;
}

.expertise-description {
    /*
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
    */
}

.ui-accordion.ui-widget {
	border-bottom: 1px solid #712436 !important;
	padding-bottom: 15px !important;
}

.expertise-description h2 {
	border-top: 1px solid #712436;
	color: #712436;
	font-size: 20px;
	font-weight: 900;
	outline: 0;
	text-transform: uppercase;
	margin: 15px 0 0 0 !important;
	padding: 15px 50px 0 0 !important;
}

.expertise-description a {
	color: #a35160;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 90px 1em 0;
}

.ui-icon {
	margin: 0;
	position: absolute;
    right: 15px;
	top: 18px;
	height: 12px;
	width: 25px;
}

.ui-icon.closed {
	background: url(../images/fleche-bas.png);
}

.ui-icon.opened {
	background: url(../images/fleche-haut.png);
}

/* Placeholder */
::-webkit-input-placeholder { /* WebKit browsers */
    color:#FFF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#FFF;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#FFF;
    opacity:  1;
}

/*
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
*/

@media screen and (max-width: 1199px) {
	#homecarousel .item,
	.bandeau-expertise {
		height: 400px;
	}
	#homecarousel .item:nth-child(1) {
		background-image: url(../images/gauthier-et-tousignant-avocats-criminel.jpg);
	}
	#homecarousel .item:nth-child(2) {
		background-image: url(../images/gauthier-et-tousignant-avocats-stjerome.jpg);
	}
	#homecarousel .item:nth-child(3) {
		background-image: url(../images/gauthier-et-tousignant-avocats-criminalistes.jpg);
	}

	.expertise .boite.es:nth-child(1) > div > div {
		padding-bottom: 30px;
	}
	
	.contactus h1,
	.apropos h1 {
		font-size: 40px;
	}
	.contactus p,
	.apropos h1 span {
		font-size: 24px;
	}
	.contactus a {
		font-size: 18px;
	}
	
	.apropos:not(.details) p br {
		display: none;
	}
	
	.apropos.details .img.meghanntousignant {
		background-position:-350px 0;
	}
}

@media screen and (max-width: 991px) {
	.menu {
		top: 40px;
	}
	
	header {
		margin-top: 40px;
	}
	
	header .phone{
		margin: 0;
		padding-top: 8px;
	}
	
	header .phone {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		text-align: center;
	}
	
	header .phone a {
		color: #000;
		font-size: 18px;
	}
	
	header .phone img {
		margin-top: -5px;
		margin-right: 15px;
	}
	
	header .logo {
		text-align: left;
	}
	
	.apropos.details .img.meghanntousignant {
		background-position:top right;
	}
	
	.expertise .boite img {
		width: 100%;
	}

	.expertise .boite:nth-child(3) > div > div {
		padding-bottom: 30px;
	}
	
	.apropos.details .img {
		height: 500px;
		order: 1;
	}
	
	.apropos.details .txt {
		order: 2;
	}
	
	.expertise-contenu {
		order: 1;
	}
	
	.expertise-call-to-action {
		order: 2;
	}
}

@media screen and (max-width: 767px) {
	
	.row.footer {
		overflow: hidden;
	}
	
	footer .regions {
		padding-top: 0;
	}
	
	#homecarousel .item,
	.bandeau-expertise {
		height: 300px;
	}
	
	.bandeau-expertise.agression-sexuelle,
    .bandeau-expertise.sexual-assault {
		background-image: url(../images/bandeau-delits-sexuels_md.jpg?v=20200611);
	}
	.bandeau-expertise.infractions-routieres,
    .bandeau-expertise.driving-offences {
		background-image: url(../images/../images/bandeau-infraction-routiere_md.jpg);
	}
	.bandeau-expertise.drogues-et-stupefiants,
    .bandeau-expertise.drugs-and-narcotics {
		background-image: url(../images/bandeau-stupefiants_md.jpg);
	}
	.bandeau-expertise.vol-et-fraude,
    .bandeau-expertise.theft-and-fraud {
		background-image: url(../images/bandeau-vol_md.jpg);
	}
	.bandeau-expertise.voies-de-fait-et-menaces,
    .bandeau-expertise.assaults-and-uttering-threats {
		background-image: url(../images/bandeau-voiesdefait_md.jpg);
	}
    .bandeau-expertise.chasseurs-et-pecheurs,
    .bandeau-expertise.hunters-and-fishermen {
        background-image: url("../images/bandeau-chasseurs-et-pecheurs_md.jpg");
    }
    
	.contactus h1,
	.apropos h1 {
		font-size: 28px;
	}
	.contactus p,
	.apropos h1 span {
		font-size: 18px;
	}
	.contactus a {
		margin-top: 20px;
		padding: 5px 15px;
	}

	.association .barreauqc {
		font-size: 20px;
	}
	
	.apropos.details .txt div {
		padding: 50px 0;
	}
	
	.expertise li {
		display: block;
		white-space: normal;
	}

	.expertise li:not(:first-child):before {
		content: "";
	}
	
	.apropos.details .img {
		height: 350px;
	}
}