@charset "utf-8";
/* CSS Document */
body {     font-family: roboto, sans-serif; margin:0; padding: 0;}
p { color:#545454;}
.arriereb {background-clip: text;
  color: rgba(0,0,0,.2); text-align: center;
    background: rgba(29, 29, 29, 0.4);
width: 35%; margin-right:auto;margin-left:auto;
    animation: 2s fadein ease-in;}

.arrierec {background-clip: text;
  color: rgba(0,0,0,.2); text-align: center;
    background: rgba(29, 29, 29, 0.4);
width: 25%; margin-right:auto;margin-left:auto;    animation: 2s fadein ease-in;}

  .titreb { text-align:center;}
  .lienbastrois { list-style-type:none;}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

@-webkit-keyframes fadein{from{opacity:0}
to{opacity:1}
}
#simage { float:left; width:100%;}
.headertxt {
    margin: 0;
    padding: 0;
    display: block;
}

.headtxt1 {
 font-family: 'Roboto', sans-serif;
	font-size: 26px;
	color: #fff;
  animation: 3s fadein ease-in-out ;
 text-align:center;
 margin:5px 0 0 0;
	padding: 0;
 font-style:italic;
 display: none;
}
.headtxt2 {
 font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #fff;
	animation: 2s fadein ease-in ;
 text-align:center;
 margin:20px 0 0 0; display: none;
 }

.fiche {
    width: 80%;
    background: #fbfbfb;
    padding: 4%;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
        margin-bottom: 80px;
    margin-top: 40px;
}

.lien{overflow:hidden;float:none;display: inline-block; }
.lien a{float:left;display:block;font-size:14px;text-align:center;color:#9d9d9d;    margin: 0px 0px 0px 0px;     padding: 10px 15px 10px 15px;
    border-radius: 10px; text-decoration:none; font-weight: bold; text-transform:uppercase; }
.lien a:hover{	color: #696969;
	transition: all 0.2s ease-in;
	-webkit-transition-duration: 0.4s;
 background: #f3f3f3;
}
.lien .icon{display:none;}

img {max-width:100%; }
#bloc { width:100%; float: left;}
#un { width: 100%; float: left;    padding-top: 20px;
    padding-bottom: 20px;}
.centrage { width: 98%; margin-right: auto; margin-left: auto; text-align: center; }
.centragemenu { width: 100%; margin-right: auto; margin-left: auto; text-align: center; }
.centragebas { width: 98%; margin-right: auto; margin-left: auto; text-align: center; }

.centrageb {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#logo {width: 100%; float: left; text-align: center; }
#logo img {

}
#menu { width:100%; float: left; display: inline-block;     text-align: center; margin-bottom: 10px;}
#slide  { width:100%; float: left;}
#liens  { width:100%; float: left; border-top: 1px solid #dddddd;}
#deux { width: 100%; float: left; padding-top:40px;text-align: center; }
#cotegauche {
	width: 100%;
	float: left;
	color: #333;
	padding-top:25px;
}
#cotedroit { width:100%; margin-left:0%; float: left;  color:#333;}
#cotedroit p { font-size:18px; line-height:32px; color:#545454;    line-height: 25px;}
#cotedroit li { font-size:18px; line-height:32px; color:#545454;}

#trois { width: 100%; float: left; padding-top: 120px; padding-bottom: 120px;}
.droit { float: left; width:98%; margin-left: 1%; margin-right:1%;}



#bas { width: 100%; float: left; background:#f4f4f4; padding-top: 70px; padding-bottom:70px;}
#bas p { color:#7b7b7b; }
#bas a { color:#7b7b7b; }

#basun { width: 100%; float: left; display:block; text-align:center; }
#basdeux { width: 100%; margin-left:0%; margin-right:0%; float: left;  font-size: 17px; display: block; text-align:center;}
#bastrois { width: 100%; margin-left:0%; float: left; display:block; text-align:center; }
#bastrois a { text-decoration: none; text-decoration: none;
    color: #949494;
    font-size: 18px;
    line-height: 25px; }

#quatre {
	width: 100%;
	float: left;
	padding-top: 70px;
	padding-bottom: 70px;
	background:url(images/arriere.jpg);
	text-align: center;
}
#quatre p {
	font-size: 22px;
	line-height: 32px;
	text-align:center;
	color:#F2F2F2;
}
#quatre  h1 {
	color: #FFF;
	font-size: 55px;
}
#quatreun  { width: 30%; float: left;}
#quatredeux { width: 60%; margin-left:10%; float: left;  text-align:left;}

#cinq {
	width: 100%;
	float: left;
	padding-top: 70px;
	padding-bottom: 70px;
}


#image { width:100%; background-image: url(images/avocat-quebec-p.jpg);  float:left;     background-size: cover;}
#image img { width:100%;}

.bloca {width: 100%; float: left; margin-top:50px; text-align:left; color:#333; background:#eff9ff;    }
.bloca p { margin-left: 20px; margin-right:20px; font-size:18px; line-height:32px;}
.bloca h2 { font-size: 23px; color: #3a9dee; margin-left: 20px;  margin-right: 20px;}

.aimage {width: 100%; float: left;}
.atexte {width: 100%; margin-left: 0%; float: left;}
.atexte a {color:#333;}
.espace { width:100%; float: left; height: 160px;}
.titrebas {font-size: 25px; color:#333;}
.spe { width:100%; float: left; text-align: left; }

.speb { width:100%; float: left; margin-bottom:120px; }
.speb a { color:#333; }

.bouton {}
.bouton a  { padding: 10px 30px 10px 30px; background: #333; color:#FFF; text-decoration:none;}
.bouton a:hover {background: #5D5D5D;}

.avocatok a { width: 90%; margin-right:5%; margin-left:5%; margin-top:20px; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatok a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}

.avocatville a { width: 100%; margin:20px 0 0 0%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2; list-style:none;}
.avocatville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}
ul.avocatville {
    list-style-type: none;width: 100%;
    float: left;
    margin-bottom: 50px;    padding: 0;
}

.avocatsville a { width: 100%; margin:20px 0 0 0%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2; list-style:none;}
.avocatsville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}
ul.avocatsville {
    list-style-type: none;width: 100%;
    float: left;
    margin-bottom: 50px;    padding: 0;
}


.avocats a { width: 100%; margin:20px 0 0 0%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocats a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.cent { float: left; width:100%;}
.cent p { font-size: 18px;   line-height: 25px;}

.bleu { float: left; width:100%; padding-top: 60px; padding-bottom: 60px; background:#f2f9ff;}
.bleu p    {  font-size: 18px;   line-height: 25px; text-align:center; margin-right: 10px;
    margin-left: 10px;}
.bleu h2 { font-size: 23px; text-align:center; }

.fond { float: left; width:100%; padding-top: 80px; padding-bottom: 100px; background: #3a9dee; background:url(images/avocat-fond.jpg)}


.imbloc { float: left; width:100%; padding-top:22px;  text-align:center; }
.imbloc img { text-align:center; width:90%;}

.txbloc { float: left; width:100%; margin-left:0%;}
.txbloc p { margin-right: 30px; margin-left: 30px; }
.txbloc h2 { margin-right: 30px; margin-left: 30px; color: #3586c7; }

.blocti { float: left; width:100%; margin-top: 50px; background:#fbfdff; }
.blocti a { color:#3a9dee;}

.centresep { padding-top: 20px; padding-bottom:20px; float: left; width:100%;}


#bloc #cinq .centrageb .centre h2 {
	color: #797979; font-size: 33px;     margin: 0 0 10px 0;
}
#bloc #cinq .centrageb .centre p {
	font-size:18px; line-height: 32px; 
}

.blocpr { float: left; width:100%; margin-bottom: 50px;}
.imageac { width:100%; float: left; }
.texteac { margin-left: 0%; width:100%; float: left;}

.numero a { text-decoration:none; color: #3a9dee; font-weight: bold;}
.courriel a { color:#333;}


.titrebb { float: left; width:100%; }
.titrebb p { font-size: 18px; line-height: 32px;}


    

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {
	
 
 #image { height:200px;}

.droit { float: left; width:98%; margin-left: 1%; margin-right:1%;}
.centrage { width: 98%; margin-right: auto; margin-left: auto; text-align:center;}
.centragemenu { width: 100%; margin-right: auto; margin-left: auto; text-align:center;}
.centragebas { width: 98%; margin-right: auto; margin-left: auto; text-align: center; }
#image {    
    background-repeat: no-repeat; }

.centrageb {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.bloca p { margin-left: 20px; margin-right: 20px;}
.bloca h2 { font-size: 23px; color: #3a9dee; margin-left: 20px;  margin-right: 20px;}

.aimage {width: 100%; float: left;}
.atexte {width: 100%; margin-left: 0%; float: left;}
#cotegauche {
	width: 100%;
	float: left;
	color: #333;
}
#cotedroit { width:100%; margin-left:0%; float: left;  color:#333;    text-align: left;}
#basun { width: 100%; float: left; display:block; text-align:center; }
#basdeux { width: 100%; margin-left:0%; margin-right:0%; float: left;  font-size: 17px; display: block; text-align:center;}
#bastrois { width: 100%; margin-left:0%; float: left; display:block; text-align:center; }

.avocatville a { width: 100%; margin:20px 0 0 0%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}

.avocatsville a { width: 100%; margin:10px 0 0 0%; text-align:center; text-decoration:none; float: left; height:30px; line-height: 30px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatsville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}



.avocats a { width: 100%; margin:20px 0 0 0%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocats a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}

.avocatok a { width: 90%; margin-right:5%; margin-left:5%; margin-top:20px; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatok a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.imbloc { float: left; width:100%; padding-top:22px;  text-align:center; }
.txbloc { float: left; width:100%; margin-left:0%;}
.blocti { float: left; width:100%; margin-top: 50px; background:#fbfdff; }

.bleu h2 { font-size: 23px; }

.avocatok a { width: 90%; margin-right:5%; margin-left:5%; margin-top:20px; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatok a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}

.blocpr { float: left; width:100%; margin-bottom: 50px;}
.imageac { width:100%; float: left; }
.texteac { margin-left: 0%; width:100%; float: left;}
}

@media only screen and (min-width: 769px) {	

.droit { float: left; width:48%; margin-left: 1%; margin-right:1%;margin-bottom: 40px;}
.centrage { width: 80%; margin-right: auto; margin-left: auto;  text-align:center;}
.centragemenu { width: 100%; margin-right: auto; margin-left: auto;  text-align:center;}
.centragebas { width: 80%; margin-right: auto; margin-left: auto; text-align: center; }

.centrageb {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.bloca p { margin-left: 20px; margin-right: 20px;}
.bloca h2 { font-size: 23px; color: #3a9dee; margin-left: 20px;  margin-right: 20px;}

.aimage {width: 30%; float: left;}
.atexte {width: 70%; margin-left: 0%; float: left;}
#cotegauche {
	width: 100%;
	float: left;
	color: #333;
}
#cotedroit { width:100%; margin-left:0%; float: left;  color:#333;text-align: left;}
#basun { width: 30%; float: left; display:block; text-align:left; }
#basdeux { width: 30%; margin-left:5%; margin-right:5%; float: left;  font-size: 17px; display: block; text-align:left;}
#bastrois { width: 20%; margin-left:10%; float: left; display:block; text-align:left; }

.avocatville a { width: 40%; margin:20px 0 0 5%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.avocatsville a { width: 20%; margin:20px 2% 0 3%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatsville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}



.avocats a { width: 100%;     margin: 0% 5% 2% 5%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocats a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.avocatok a { width: 40%; margin-right:5%; margin-left:5%; margin-top:20px; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatok a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.imbloc { float: left; width:100%; padding-top:22px;  text-align:center; }
.txbloc { float: left; width:100%; margin-left:0%;}
.blocti { float: left; width:100%; margin-top: 50px; background:#fbfdff; }
.bleu h2 { font-size: 23px; }

.blocpr { float: left; width:100%; margin-bottom: 50px;}
.imageac { width:100%; float: left; }
.texteac { margin-left: 0%; width:100%; float: left;}

.lien a {
}
 #image { height:200px;}

}

@media only screen and (min-width: 1024px) {	
.droit { float: left; width:18%; margin-left: 1%; margin-right:1%;}
.centrage { width: 80%; margin-right: auto; margin-left: auto; text-align:left;}
.centragemenu { width: 80%; margin-right: auto; margin-left: auto; text-align:left;}
.centragebas { width: 80%; margin-right: auto; margin-left: auto; text-align: center; }

.centrageb {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.bloca p { margin-left: 40px; margin-right: 40px;}
.bloca h2 { font-size: 33px; color: #3a9dee; margin-left: 40px;  margin-right: 40px;}

.aimage {width: 30%; float: left;}
.atexte {width: 70%; margin-left: 0%; float: left;}
#cotegauche {
	width: 30%;
	float: left;
	color: #333;
}
#cotedroit { width:60%; margin-left:10%; float: left;  color:#333;}
#basun { width: 30%; float: left; display:block; text-align:left; }
#basdeux { width: 30%; margin-left:5%; margin-right:5%; float: left;  font-size: 17px; display: block; text-align:left;}
#bastrois { width: 20%; margin-left:10%; float: left; display:block; text-align:left; }

.avocatville a { width: 40%; margin:20px 0 0 5%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}



.avocatsville a { width: 20%; margin:20px 2% 0 3%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatsville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.avocatok a { width: 40%; margin-right:5%; margin-left:5%; margin-top:20px; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatok a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.avocats a { width: 100%; margin:20px 0 0 0%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocats a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.imbloc { float: left; width:40%; padding-top:22px;  text-align:center; }
.txbloc { float: left; width:58%; margin-left:2%;    text-align: left;}
.blocti { float: left; width:100%; margin-top: 50px; background:#fbfdff; }
.bleu h2 { font-size: 33px; }

.blocpr { float: left; width:100%; margin-bottom: 50px;}
.imageac { width:30%; float: left; }
.texteac { margin-left: 5%; width:65%; float: left;}
.headtxt2 { margin-top:40px;}
 #image { height:400px;}
.arriereb {width: 50%; }
.arrierec {width: 40%; }

.headertxt {display: block;width:100%; margin-top:20px; height:592px;}
.headtxt1 {
	font-size:32px;
   margin:30px 0 0 0;
   text-align: center; display:block;
   font-weight:bold;
}

.headtxt2 {
 font-size: 40px;
 font-style: italic; display:block;margin-top:120px;
 text-align:center;
     color: #fff;
    font-weight: bold;    line-height: 150%;
}
}
@media screen and (max-width:1024px){
 .lien a:not(:first-child){display:none;}
.lien a.icon{display:block;width:100%;    text-align: center;
    margin: 0;
    padding: 10px 10px 10px 10px;     background: #f7f7f7;}
.lien a{display:none;padding:0px 0px;}
.lien.responsive{position:relative;}
.lien.responsive a.icon{right:0;top:0;display:none;}
.lien.responsive a{float:left;display:block;width:100%;text-align:center;    line-height: 30px; }
.lien {
    overflow: visible;
}
}
@media only screen and (width:1024px){
  .lien{overflow:hidden;float:none; display:none; text-align:center; }
.lien a{float:left;display:none;font-size:16px;text-align:center;color:#9d9d9d;margin:0px 16px 0 16px;text-decoration:none; line-height: 50px;}

}

@media only screen and (min-width: 1232px) {
.droit { float: left; width:18%; margin-left: 1%; margin-right:1%;}
.centrage { width: 80%; margin-right: auto; margin-left: auto; text-align:left;}
.centragemenu { width: 80%; margin-right: auto; margin-left: auto; text-align:left;}
.centragebas { width: 80%; margin-right: auto; margin-left: auto; text-align:left;}
 .lien{overflow:hidden;float:right; display:inline-block; text-align:center; }
 .lien a{
  text-decoration:none; line-height: 40px;
  float:left;display:block;font-size:13px;
  text-align:center;color:#9d9d9d;
  margin: 5px 5px 0 5px;
    border: 1px solid #f3f3f3;
    border-radius: 10px;
    padding: 0px 10px 0px 10px;}
    
#deux { padding-top:70px; }


#image { width:100%; background-image: url(images/avocat-quebec-p.jpg); height:400px; float:left;     background-size: cover;
    }
#image img { width:100%;}

.centrageb {
width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.bloca p { margin-left: 40px; margin-right: 40px;}
.bloca h2 { font-size: 33px; color: #3a9dee; margin-left: 40px;  margin-right: 40px;}

.aimage {width: 30%; float: left;}
.atexte {width: 70%; margin-left: 0%; float: left;}
#cotegauche {
	width: 30%;
	float: left;
	color: #545454;
}
#cotedroit { width:60%; margin-left:10%; float: left;  color:#545454;}
#basun { width: 30%; float: left; display:block; text-align:left; }
#basdeux { width: 30%; margin-left:5%; margin-right:5%; float: left;  font-size: 17px; display: block; text-align:left;}
#bastrois { width: 20%; margin-left:10%; float: left; display:block; text-align:left; }

.avocatville a { width: 40%; margin:10px 2% 0 3%; text-align:center; text-decoration:none; float: left; height:40px; line-height: 40px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.avocatsville a { width: 20%; margin:10px 2% 0 3%; text-align:center; text-decoration:none; float: left; height:40px; line-height: 40px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatsville a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}

#logo {width: 30%; float: left; }
#logo img {
}
#menu { width:70%; margin-left:0%; float: left;
	margin-top: 10px;margin-bottom: 0px;
	}
	
.avocats a { width: 23%; margin:20px 1% 0px 1%; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocats a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}

.avocatok a { width: 40%; margin-right:5%; margin-left:5%; margin-top:20px; text-align:center; text-decoration:none; float: left; height:50px; line-height: 50px; background:#3a9dee; transition: background 1s;  border-radius: 5px 5px 5px 5px; font-size:18px; color:#F2F2F2;}
.avocatok a:hover {background:#65b7fb; transition: background 0s; color:#E8E8E8;}


.imbloc { float: left; width:40%; padding-top:22px;  text-align:center; }
.txbloc { float: left; width:58%; margin-left:2%;text-align: left;}
.blocti { float: left; width:100%; margin-top: 50px; background:#fbfdff; }
.bleu h2 { font-size: 33px; }


.blocpr { float: left; width:100%; margin-bottom: 50px;}
.imageac { width:30%; float: left; }
.texteac { margin-left: 5%; width:65%; float: left;}
.arriereb {width: 50%; }
.arrierec {width: 40%; }

.headertxt {display: block;width:100%; margin-top:20px; height:592px;}
.headtxt1 {
	font-size:32px;
   margin:30px 0 0 0;
   text-align: center; display:block;
   font-weight:bold;
}

.headtxt2 {
 font-size: 40px;
 font-style: italic; display:block;margin-top:120px;
 text-align:center;
     color: #fff;
    font-weight: bold;    line-height: 150%;
}


.bleu p    {  margin-right: 150px;
    margin-left: 150px;}
}
@media only screen and (min-width:1500px){
.headertxt {
     display: block;
     margin-top:0;
     margin-top:80px;
}
.headtxt1 {
	font-size:42px;
   margin:30px 0 0 0;
   text-align: center; display:block;
   font-weight:bold;
}

.headtxt2 {
 font-size: 50px;
 font-style: italic; display:block;margin-top:140px;
 text-align:center;
     color: #fff;
    font-weight: bold;    line-height: 150%;
}


#trois { padding-top: 60px; padding-bottom: 60px;}

#image { width:100%; background-image: url(images/avocat-quebec.jpg); max-height:592px; height:592px; float:left;  
    background-size: 100%;}
    
.arriereb {width: 45%; }
.arrierec {width: 35%; }

}
@media only screen and (min-width:1600px){
 .arriereb {width: 40%; }
.arrierec {width: 30%; }
 #trois { padding-top: 80px; padding-bottom: 80px;}

 }
 
 @media only screen and (min-width:1700px){
 .arriereb {width: 35%; }
.arrierec {width: 25%; }
#trois { padding-top: 120px; padding-bottom: 120px;}

 
 }