/*@charset UTF-8;*/
/***GENERAL***/
* { margin:	0; padding: 0; }
html {
	/*background-color:	#212121;*/
	background-color:	#fff;
}
body {
	font-family:	Roboto;
	font-size:	14px;
	color:		#212121;
	font-weight:	300;
}
a {
	color:	#EB5341;
	text-decoration:	underline;
}
blockquote {
	font-style: italic;
}
.doc {
	color:	#55959C;
}
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.erreur {
	color:	#F44336;
}
.ok {
	color:	#4CAF50;
}
#message {
	position:	fixed;
	top:		0;
	left:		0;
	right:		0;
	bottom:		0;
	background:	rgba(0,0,0,0.7);
	z-index:	999999;
}
#message > p {
	position:	absolute;
	top:		50%;
	left:		50%;
	width:		95%;
	padding:	0 2.5%;
	max-width:	680px;
	transform:	translateX(-50%) translateY(-50%);
	text-align:	center;
	background:	white;
	padding:	20px;
}
.icon {
	background-image: url('../imgs/icones-social.png');
}
.facebook {}
.twitter {}
.icon.facebook {
	background-position: 0 0;
}
.icon.facebook:hover {
	background-position: -25px 0;
}
.icon.twitter {
	background-position: -50px 0;
}
.icon.twitter:hover {
	background-position: -75px 0;
}
.btn {
	display:			inline-block;
	border-radius:		2px;
	text-transform:		uppercase;
	font-weight:		bold;
	font-size:			16px;
	text-decoration:	none;
	color:				#9F9F9F;
	background-color:	#FFFFFF;
	line-height:		40px;
	height:				40px;
	padding:			0 6px;
	text-align:			center;
}
.pink {}
.btn.pink,
.btn.orange {
	color:				#FFFFFF;
	background-color:	#EB5341;
}
.btn.orange {
	background-color:	#EB5341;
}
.btn.pink:hover {
	background-color:	#FF80AB;
}
.clear {
	clear:	both;
}
.invisible {
	height:		0;
	overflow:	hidden;
}
br.phone {
	display:	none;
}
body > header {
	width:			400px;
	min-height:		100vh;
	position:		relative;
	float:			left;
	background-color:	#FFFFFF;
	z-index:		99999;
	box-shadow:		-4px 0 20px 0 #000000;
}
body > header > h1 {
	background:	url('../imgs/logo-Barreau-Chartres.png?v=20230927') no-repeat center 73px #FFFFFF;
	background-size:	auto auto;
	height:				340px;
	line-height:		340px;
	text-indent:		400px;
	overflow:			hidden;
    
    background-size: auto 260px;
    background-position: center 40px;
}
body > header > h1 a {
	display:	block;
}
#page_contact #main > .container > article > header > h2,
body > header > h2 {
	font-weight:	normal;
	color:			#9f9f9f;
	font-size:		14px;
	text-align:		center;
	height:			80px;
	line-height:	30px;
}
body > header > nav {
	background-color:	#212121;
	color:				#FFFFFF;
}
body > header > nav a {
	text-decoration:	none;
	color:				inherit;
    display: block;
}
body > header > nav > div {
	font-size:			16px;
	font-weight:		bold;
	padding-left:		60px;
	line-height:		60px;
	position:			relative;
    color: #fff;
}
/*body > header > nav > div > div {
    color: #fff;
}*/
body > header > nav > div::before {
	content: 	' ';
	background: url('../imgs/icones-menus.png') no-repeat 0 0;
	position:	absolute;
	left:		20px;
	top:		17px;
	width:		26px;
	height:		26px;
	display:	block;
}
#menu-accueil {
	display:		block;
	width:			59px;
	height:			59px;
	line-height:	59px;
	text-indent:	59px;
	overflow:		hidden;
	background: url('../imgs/icone-accueil.png') no-repeat 0 0;
	position:		absolute;
	right:			-28px;
	top:			40px;
}
#menu-accueil:hover {
	background-position:	-59px 0;
}
#menu-guide {
	background-position:	-26px 0;
}
#menu-guide:hover {
	width:	863px;
}
#menu-unavocat::before {
	background-position:	-26px 0;
}
#menu-unavocat:hover {
	width:	869px;
}
#menu-barreau::before {
	background-position:	-53px 0;
}
#menu-barreau:hover {
	width:	886px;
}
#menu-sosvictimes::before {
	background-position:	-78px 0;
}
#menu-ventesauxencheres::before {
	background-position:	-104px;
}
#menu-espaceavocats::before {
	background-position:	-130px;
}
#menu-actualite::before {
	background-position:	-156px 0;
}
#menu-guide > div {
	max-width:	533px;
}
body > header > nav > div > a {}
body > header > nav > div > div {
	display:		none;
	background-color:	#55959C;
	/*max-width:		578px;*/
}
body > header > nav > div > div > a {
	display:	inline-block;
	padding:	0 12px;
	line-height:	60px;
	height:		60px;
	font-weight:	normal;
}
body > header > nav > div.more {}
body > header > nav > div:hover {
	border-left:	10px solid #EB5341;
	background-color:	#55959C;
    color: #fff;
}
body > header > nav > div.more:hover {}
body > header > nav > div.more:hover > div {
	display:	block;
	float:		right;
}
body > header > nav > div > div > a:hover {
	background-color:	#EB5341;
}
body > header > div {
	margin-top:		12px;
	margin-bottom:	130px;
	margin-right:	20px;
}
body > header > div > a.icon {
	display:		inline-block;
	width:			25px;
	height:			25px;
	line-height:	25px;
	text-indent:	25px;
	overflow:		hidden;
	margin:			6px 12px 0 12px;
}
body > header > div > a.btn{
	float:	right;
	width:	160px;
}
#main {
	padding-left:			400px;
	padding-right:			0px;
	/*background:	url('../imgs/fond.jpg') no-repeat #212121;*/
	background:	url('../imgs/je-trouve-mon-avocat.jpg') no-repeat #fff;
	/*background-size:		100% auto;*/
	background-size:		cover;
	background-position:		center;
	background-attachment:	fixed;
}
#main > .container {
	width:	720px;
	margin: 0 auto;
	padding: 60px 0;
}
#main > .container.container-bloc-home,
#page_accueil .container {
    max-width: 1100px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
}
#page_avocat #main > .container {
	padding-top:	80px;
    max-width: 720px;
}

body > footer {
	padding-left:		400px;
	padding-right:		00px;
	padding-top:		70px;
    padding-bottom: 20px;
	background-color:	#FFFFFF;
	color:			#000;
	position:		relative;
	/*height:			190px;*/
	/*padding-top:		31px;*/
	/*text-align:		center;*/
	/*font-size:		15px;*/
}
.footer-container {
    display: flex;
}
.footer-container > div {
    width: 25%;
    box-sizing: border-box;
    border-right: solid 1px #000;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.footer-container > div:nth-child(4n) {
    border-right: none;
}
.footer-phone-container,
.footer-adresse-container {
    padding-left: 20px;
}
.footer-logo-container img {
    max-height: 150px;
    display: block;
    margin: 0 auto 0;
}
.footer-phone-titre {
    color: #55959c;
    font-weight: 700;
    font-size: 1.1rem;
}
.footer-phone-numero {
    font-size: 1.7rem;
    margin-bottom: 15px;
}
.footer-adresse-container svg {
    width: 40px;
    fill: #55959c;
}
.footer-adresse-adresse {
    font-size: 1.7rem;
}
.footer-liens-container {
    padding-left: 25px;
    padding-top: 10px;
    font-size: 1.1rem;
    letter-spacing: 0.7px;
}
.footer-liens-container a {
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
}
.footer-mentions-creation {
    margin-top: 20px;
    letter-spacing: 0;
    font-size: 1rem;
    margin-bottom: 6px;
}
.footer-tm-hemis {
    width: 150px;
}
.hemis-svg-lettre {
    fill: #495566 !important;
}
.hemis-svg-et {
    fill: #fff !important;
}
/***GENERAL***/



/** DOCUMENTS **/
.documents {
	list-style-type:	none;
}
.documents > li {}
.documents > li > a {
	display:		block;
	position:		relative;
	width:			auto;
	line-height:		60px;
	padding-right:		100px;
	text-decoration:	none;
	color:			#55959C;
}
.documents > li > a > span {
	display:	inline-block;
	background:	#FFFFFF;
	position:	relative;
	padding-right:	10px;
	line-height:	21px;
}
.documents > li > a::before {
	content:	' ';
	display:	block;
	position:	absolute;
	bottom:		24px;
	left:		0;
	right:		0;
	border-bottom:	1px dotted #9F9F9F;
}
.documents > li > a::after {
	content:	'Télécharger';
	display:	block;
	position:	absolute;
	right:		0;
	top:		50%;
	transform:	translateY(-50%);
	line-height:	60px;
	background:	#FFFFFF;
	padding-left:	10px;
}
/** DOCUMENTS **/
/** GALERIES **/
.gallery {}
.gallery > figure {
	width:		145px;
	float:		left;
	margin-right:	20px;
	margin-bottom:	20px;
}
.gallery > figure > a {}
.gallery > figure > a > img {
	display:	block;
	width:		100%;
	height:		auto;
}
.gallery > figure:nth-child(4n) {
	margin-right:	0;
}
.gallery > figure > figcaption {
	display:	none;
}
/** GALERIES **/



/** RECHERCHE RAPIDE **/
#form_search {}
#champ_recherche {
        background-color:       rgba(0,0,0,0.5);
        border-radius:          18px;
	width:			auto;
	height:			26px;
	line-height:		26px;
        border:                 2px solid rgba(255,255,255,0.25);
	padding:		0 42px 0 12px;
	color:			white;
	margin:			0 auto;
	font-size:		15px;
	position:		absolute;
	top:			0;
	right:			0;
}
#btn_recherche {
	display:		block;
	--webkit-appearance:	none;
	border:			none;
	width:			22px;
	height:			26px;
	line-height:		26px;
	text-indent:		22px;
	overflow:		hidden;
	position:		absolute;
	top:			2px;
	right:			14px;
	background: url(../imgs/icone-recherche.png) no-repeat 0 center;
	cursor:			pointer;
}
#btn_recherche:hover {
	background-position-x:	-22px;
}
/** RECHERCHE RAPIDE **/



/***ACCUEIL***/
#page_accueil #main {
    background: #fff;
}
.section-je-trouve-mon-avocat {
    min-height: 825px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../imgs/je-trouve-mon-avocat.jpg) no-repeat center center / cover;
}
.section-trouver-avocat-scrollto {
    position: absolute;
    left: 50%;
    bottom: 0;
}
.section-trouver-avocat-scrollto {
    position: absolute;
    left: calc( 50% - 35px );
    bottom: -35px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.3);
    transition: background-color .3s ease-in-out;
}
.section-trouver-avocat-scrollto svg {
    height: 52px;
    width: 37px;
}
.section-trouver-avocat-scrollto .to-stroke {
    stroke: #55959C;
    transition: stroke .3s ease-in-out;
}
.section-trouver-avocat-scrollto:hover {
    background-color: #EB5341;
}
.section-trouver-avocat-scrollto:hover .to-stroke {
    stroke: #fff;
}



#accueil_recherche {
	width:	400px;
	margin:	0 auto;
}
#accueil_recherche > fieldset {
	border:	none;
	text-align:	center;
}
#accueil_recherche > fieldset > legend {
	display:	block;
	width:		363px;
	height:		130px;
	line-height:	215px;
	overflow:	hidden;
	background: url('../imgs/jetrouve-mon-avocat.png') no-repeat;
	margin:		0 auto;
	font-size:	63px;
	text-transform:	uppercase;
	font-weight:	bold;
	color:		#FFFFFF;
}
#accueil_recherche > fieldset > legend span:first-child {
	display:	none;
}
#accueil_recherche > fieldset > label {
	display:	inline-block;
	margin:		30px 20px;
	text-transform:	uppercase;
	font-size:	14px;
	color:		rgba(255,255,255,0.75);
	cursor:		pointer;
}
#accueil_recherche > fieldset > label:hover,
#accueil_recherche > fieldset > label.active {
	display:	inline-block;
	/*margin:		24px 12px;*/
	text-transform:	uppercase;
	color:		rgba(255,255,255,1);
}
#accueil_recherche select,
#accueil_recherche #champ_activite,
#accueil_recherche #champ_specialite,
#accueil_recherche #champ_cabinet,
#accueil_recherche #champ_nom {
    background-color:       rgba(0,0,0,0.5);
    border-radius:          18px;
	width:			100%;
	height:			36px;
	line-height:	36px;
    border:         2px solid #fff;
	padding:		0 12px;
	color:			#fff;
	margin:			0 auto;
	font-size:		15px;
}
.select-output.select-placeholder::placeholder {
    color: #fff;
    font-style: italic;
}
#accueil_recherche #champ_cabinet,
#accueil_recherche #champ_nom {
	width:	376px;
}
#accueil_recherche select:focus,
#accueil_recherche input[type="text"]:focus {
        border-color:   #EB5341;
	outline:	none;
}
#accueil_recherche > p {
	text-align:	center;
	margin-top:	14px;
    text-transform: uppercase;
}
#accueil_recherche .submit {
	color:			#FFFFFF;
	font-size:		14px;
	text-decoration:	none;
	-webkit-appearance:	none;
	display:		inline;
	border:			none;
	background:		none;
	cursor:			pointer;
    text-transform: uppercase;
    font-style:     italic;
}



#accueil_actualites {
    color: #fff;
    position: relative;
}
.accueil_actualites_titre {
    z-index: 100;
    position: absolute;
    left: 30px;
    font-weight: 100;
    top: 40px;
    text-transform: uppercase;
    font-size: 3.1rem;
    max-width: 0;
}
#accueil_actualites_slider {
    height: 540px;
}
#accueil_actualites_slider article {
    background-color: #55959c;
    height: 100%;
}
#accueil_actualites_slider header {
    position: absolute;
    width: 400px;
    top: 0;
    bottom: 0;
    padding-top: 250px;
    padding-left: 25px;
    box-sizing: border-box;
}
.actualite-slider-date {
    fill: #fff;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    margin-bottom: 15px;
}
.actualite-slider-date svg {
    width: 25px;
    margin-right: 10px;
}
.actualite-slider-titre {
    font-size: 1.6rem;
    font-weight: 100;
    margin-bottom: 30px;
}
.actualite-slider-titre a {
    text-decoration: none;
    color: inherit;
}
.actualite-slider-lien {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    position: relative;
}
.actualite-slider-lien::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 45px;
    background-color: #fff;
    left: 0;
    bottom: -8px;
}
#accueil_actualites_slider figure {
    position: relative;
    margin-left: 400px;
    width: calc(100% - 400px);
    height: 100%;
    overflow: hidden;
}
#accueil_actualites_slider figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
}
#accueil_actualites_slider figure iframe {
    width: 100%;
    height: 100%;
}
.bx-controls {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 100;
}
.bx-pager {
    display: flex;
}
.bx-pager-item {
    font-size: 0;
    height: 20px;
    width: 20px;
    margin-right: 6px;
}
.bx-pager-item a {
    display: block;
    border: solid 1px #fff;
    border-radius: 50%;
    background-color: #fff;
    height: 100%;
    transition: background-color .5s ease-in-out;
}
.bx-pager-item a.active,
.bx-pager-item a:hover {
    background-color: #55959c;
}



.accueil-section {
    text-align: center;
    color: #55959C;
    padding-top: 75px;
    padding-bottom: 10px;
}
#accueil_guide {
    padding-top: 200px;
    padding-bottom: 60px;
    background-color: #f4f4f4;
}
.accueil-section h1 {
    font-size: 50px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 70px;
    letter-spacing: 1px;
}
#accueil_guide h1 {
    margin-bottom: 120px;
}
.accueil-liens {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.accueil-liens a {
    color: #55959c;
    text-decoration: none;
    text-align: left;
    width: 31.5%;
    margin-right: 2.75%;
    margin-bottom: 75px;
    padding-top: 7px;
    
    padding-bottom: 20px;
    border-bottom: solid 2px #515151;
    
    transition-property: padding, border;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}
.accueil-liens a:hover {
    padding-bottom: 12px;
    border-bottom-width: 10px;
    border-color: #EB5341;
}
.accueil-liens a:nth-child(3n) {
    margin-right: 0;
}
.accueil-liens-titre {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 10px;
    
    transition: color .3s ease-in-out;
}
a:hover .accueil-liens-titre {
    color: #EB5341;
}
.accueil-liens-ensavoirplus {
    display: flex;
    color: #515151;
    font-size: 1.5rem;
}
.accueil-liens-ensavoirplus span {
    margin-right: 20px;
}
.accueil-liens-ensavoirplus svg {
    width: 50px;
    height: 28px;
    stroke: #515151;
}

#accueil_lebarreau {
    color: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #55959c;
}
#accueil_lebarreau h1 {
    margin-bottom: 90px;
}
.accueil-liens-icones {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
}
.accueil-liens-icones a {
    color: #fff;
    text-decoration: none;
    font-size: 1.8rem;
    padding: 10px;
    transition: background-color .5s ease-in-out;
}
.accueil-liens-icones-svgcontainer {
    height: 75px;
    margin-bottom: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accueil-liens-icones-svgcontainer svg {
    width: 100%;
    height: auto;
    max-width: 75px;
    max-height: 100%;
}

.container-bloc-home,
#main > .container-bloc-home {
    display: flex;
    justify-content: space-between;
    padding-top: 90px;
    padding-bottom: 90px;
}
.container-bloc-home > section {
    width: 49%;
    position: relative;
    box-sizing: border-box;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    flex-flow: column;
}
#accueil_sosvictimes a,
#accueil_ventesauxencheres a {
    background-color: #EB5341;
    padding-left: 120px;
    min-height: 0;
    min-height: 235px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
    text-decoration: none;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 6px;
    box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.3);
}
#accueil_ventesauxencheres a {
    background-color: #55959C;
    padding-left: 150px;
}
.container-bloc-home > section a::after {
    content: "";
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 26px;
    top: calc(50% - 13px);
    transform: rotate(45deg);
}
.container-bloc-home svg {
    fill: #fff;
    opacity: 0.6;
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
}
#accueil_sosvictimes svg {
    height: 80px;
    width: 80px;
}
#accueil_ventesauxencheres svg {
    height: 80px;
    width: 110px;
}
.container-bloc-home section h1 {
    font-size: 1.8rem;
}
.container-bloc-home p a {
    font-size: 1.5rem;
}
.container-bloc-home article p {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
}
.container-bloc-home article p::before {
    content: "";
    width: 16px;
    height: 1px;
    background-color: #fff;
    margin-right: 7px;
}
/***ACCUEIL***/



/** SELECTEUR **/
.hemi-select {
	position: relative !important;
}
.select-output, .select-option, .select-disabled {
	padding: 0 8px;
}
.select-output {
	width:		100%;
	text-align:	left;
	background:	none;
	color:		#FFFFFF;
}
p.select-output {}
.select-output, .input, #prix, .saisie_oubli input, .saisie_oubli_confirm input {
	height: 13px;
	line-height: 13px;
	border: none;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap !important;
	padding: 13px 8px;
}
.select-output.select-placeholder {
	color: #A9A9A9;
}
.select-empty, .select-empty .select-output {}
.select-btn {
	background: url('../imgs/icone-arrow-select.png') no-repeat 2px 12px;
	border: none;
	width: 19px;
	height: 28px;
	margin: 3px 3px 0 3px;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
}
.select-btn:hover {}
.select-btn.opened {
	background-position-y:	-18px;
}
.select-hidden {
	position: absolute;
	z-index: 1;
	width: 1px;
	height: 1px;
	top: 100%;
	border: none;
	background: none;
}
.select-hidden:focus {
	outline: normal;
	box-shadow: none;
}
.select-options {
	position: absolute !important;
	top: 40px;
	left: 0;
	right: 0;
	background: rgba(0,0,0,1);
	max-height: 500%;
	z-index: 2;
	overflow-y: scroll;
	box-shadow: 0 0px 3px black;
	cursor:	pointer;
}
.select-option {
	text-align:	left;
	padding:	5px 10px;
	line-height:	20px;
}
.select-group {
	border: 1px dashed #AAAAAA;
}
.select-hgroup {
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	background: #AAAAAA;
	padding: 0 4px;
}
.select-disabled {
	background: #888888;
}
.select-active {
	font-weight: bold;
}
.select-option:hover {
	color:	#55959C;
}
.select-disabled:hover, .select-disabled:hover label {
	background: #333333;
	cursor: not-allowed;
}
.select-focus {
	box-shadow: 0 0 10px #3333ff;
}
.select-error {
	box-shadow: 0 0 10px #ee3024;
}
/** SELECTEUR **/
/** ANNUAIRE/ ACTUALITES **/
#page_annuaire {}
#page_annuaire #main > .container {
    max-width: 720px;
}
#page_annuaire #main > .container > section {}
#page_contact #main > .container > header,
#page_ventesauxencheres #main > .container > header,
.page_guide #main > .container > header,
#page_actualite #main > .container > header,
#page_actualites #main > .container > header,
#page_annuaire #main > .container > section > header {
	position:	relative;
	margin-bottom:	34px;
}
#page_contact #main > .container > header > h1,
#page_ventesauxencheres #main > .container > header > h1,
.page_guide #main > .container > header > h1,
#page_actualite #main > .container > aside > h1,
#page_actualite #main > .container > header > h1,
#page_actualites #main > .container > header > h1,
#page_annuaire #main > .container > section > header > h1 {
	font-size:	36px;
	font-weight:	300;
	color:		#FFFFFF;
	text-transform:	uppercase;
	margin-left:	20px;
	width:		60%;
}
#page_annuaire #main > .container > section > header#annuaire-alea > h1,
#page_annuaire #main > .container > section > header#annuaire-alea > h2 {
	width:		auto;
}
#page_annuaire #main > .container > section > header#annuaire-alea > h2 > a {
	display:		inline-block;
	border-radius:		14px;
	border:			2px solid #EB5341;
	background-color:	rgba(0,0,0,0.5);
	/*background-color:	#fff;*/
	font-size:		18px;
	text-decoration:	none;
	line-height:		26px;
	padding:		0 14px 0 8px;
}
#page_annuaire #main > .container > section > header#annuaire-alea > h2 > a:before {
	content:	'> ';
	color:		#EB5341;
}
#page_actualites #main > .container > header > h2,
#page_annuaire #main > .container > section > header > h2 {
	font-size:	21px;
	font-weight:	normal;
	color:		#FFFFFF;
	/*color:		#55959c;*/
	padding-top:	10px;
	margin-left:	20px;
	width:		450px;
}
#page_annuaire #main > .container > section > header > h2 strong {
	text-transform:	lowercase;
}
#page_actualite #main > .container > header > form,
#page_actualites #main > .container > header > form,
#page_annuaire #main > .container > section > header > form {
	width:		250px;
	position:	absolute;
	right:		0;
	bottom:		0;
}
#page_actualite #main > .container > header > form > fieldset,
#page_actualites #main > .container > header > form > fieldset,
#page_annuaire #main > .container > section > header > form > fieldset {
	position:	relative;
	padding-top:	40px;
	border:		none;
	margin-left:	20px;
	color:		#FFFFFF;
}
#page_actualite #main > .container > header > form > fieldset > legend,
#page_actualites #main > .container > header > form > fieldset > legend,
#page_annuaire #main > .container > section > header > form > fieldset > legend {
	display:	none;
}
/** ANNUAIRE / ACTUALITES**/



/** ANNUAIRE **/
#page_annuaire #main > .container > section > header > form > fieldset > ul {
	list-style-type:	none;
	position:		absolute;
	top:			0;
	right:			0;
}
#page_annuaire #main > .container > section > header > form > fieldset > ul > li {
	display:	inline-block;
}
#page_annuaire #main > .container > section > header > form > fieldset > ul > li > a {
	display:	inline-block;
	width:		24px;
	height:		24px;
	line-height:	24px;
	text-indent:	24px;
	margin-right:	20px;
	overflow:	hidden;
	background:	url(/imgs/icones-display.png) no-repeat;
}
#page_annuaire #main > .container > section > header > form > fieldset > ul > li > a#display_grid {
	background-position-y:	-24px;
}
#page_annuaire #main > .container > section > header > form > fieldset > ul > li > a#display_list {
	background-position-x:	-24px;
	background-position-y:	-24px;
}
#page_annuaire #main > .container > section > header > form > fieldset > ul > li > a#display_grid.active,
#page_annuaire #main > .container > section > header > form > fieldset > ul > li > a#display_grid:hover {
	background-position-y:	0;
}
#page_annuaire #main > .container > section > header > form > fieldset > ul > li > a#display_list.active,
#page_annuaire #main > .container > section > header > form > fieldset > ul > li > a#display_list:hover {
	background-position-y:	0;
}
#page_annuaire #main > .container > section > header > form > fieldset > label {
	display:	block;
	text-align:	right;
	margin-right:	20px;
}
#page_annuaire #main > .container > section > header > form > fieldset > label > select {
	border:			none;
	-webkit-appearance:	none;
	-moz-appearance:	none;
	border-radius:		3px;
	background:		url(/imgs/icone-arrow-select.png) no-repeat 95% 6px #55959C;
	padding:		0 6px;
	height:			20px;
	line-height:		20px;
	padding-right:		20px;
}
#page_annuaire #main > .container > section > header > form > fieldset > label > select:focus {
	background-position-y:	-23px;
}
#alpha {
	margin:		30px 20px 20px 20px;
	color:		#FFFFFF;
	text-align:	left;
	color:		#d1d1ce;
}
#alpha a,
#alpha span {
	display:		inline-block;
	width:			22px;
	text-decoration:	none;
	font-size:		21px;
	text-align:		center;
	color:			#d1d1ce;
	text-transform:		uppercase;
}
#alpha a:active,
#alpha a:hover {
	color:	#EB5341;
}
#page_annuaire #main {
    background-color: #f4f4f4;
}
#page_annuaire #main > .container > section > .display-list > article,
#page_annuaire #main > .container > section > .display-grid > article {
/*	float:			left;
	width:			280px;*/
	display:		-moz-inline-block;
	display:		-moz-inline-box;
	display:		inline-block;
	vertical-align:		top;
	width:			278px;
	margin:			0 20px;
	background-color:	#FFFFFF;
	position:		relative;
	padding:		200px 20px 20px 20px;
	margin-bottom:		40px;
	box-shadow:	0 10px 10px -3px rgba(0,0,0,0.25);
	border-radius:	2px;
}
#page_annuaire #main > .container > section > .display-grid > article {
	height:	226px;
}
#page_annuaire #main > .container > section > .display-list > article > header,
#page_annuaire #main > .container > section > .display-grid > article > header {}
#page_annuaire #main > .container > section > .display-grid > article.nologo > header,
#page_annuaire #main > .container > section > .display-list > article.nologo > header {
	cursor:	pointer;
}
#page_annuaire #main > .container > section > .display-list > article.nologo > header::before,
#page_annuaire #main > .container > section > .display-grid > article.nologo > header::before {
	content:	' ';
	position:	absolute;
	top:		0;
	left:		0;
	right:		0;
	padding-top:	200px;
	background: url(/imgs/placeholder-avocat-male.jpg) no-repeat;
	background-size:	100% auto;
}
#page_annuaire #main > .container > section > .display-list > article.nologo.female > header::before,
#page_annuaire #main > .container > section > .display-grid > article.nologo.female > header::before {
	background: url(/imgs/placeholder-avocat-femelle.jpg) no-repeat;
	background-size:	100% auto;
}
#page_annuaire #main > .container > section > .display-list > article.nologo > header::before {
	padding-top:	0;
	bottom:		0;
	right:		auto;
	width:		107px;
	background-size:	auto 100%;
	background-position-x:	center;
}
#page_annuaire #main > .container > section > .display-list > article.nologo.female > header::before {
	background-size:	auto 100%;
	background-position-x:	center;
}
#page_annuaire #main > .container > section > .display-list > article > header > figure,
#page_annuaire #main > .container > section > .display-grid > article > header > figure {
	position:	absolute;
	top:		0;
	left:		0;
	right:		0;
	overflow:	hidden;
}
#page_annuaire #main > .container > section > .display-list > article > header > figure > a,
#page_annuaire #main > .container > section > .display-grid > article > header > figure > a {}
#page_annuaire #main > .container > section > .display-list > article > header > figure > a > img,
#page_annuaire #main > .container > section > .display-grid > article > header > figure > a > img {
	width:	100%;
	height:	auto;
}
#page_annuaire #main > .container > section > .display-list > article > header > figure > figcaption,
#page_annuaire #main > .container > section > .display-grid > article > header > figure > figcaption {
	display:	none;
}
#page_annuaire #main > .container > section > .display-list > article > header > h1,
#page_annuaire #main > .container > section > .display-grid > article > header > h1 {
	font-size:	21px;
	font-weight:	700;
	color:		#222222;
}
#page_annuaire #main > .container > section > .display-list > article > header > h1 > a,
#page_annuaire #main > .container > section > .display-grid > article > header > h1 > a {
	text-decoration:	none;
	color:			inherit;
}
#page_annuaire #main > .container > section > .display-list > article > header > h2,
#page_annuaire #main > .container > section > .display-grid > article > header > h2 {
	font-size:	14px;
	font-weight:	normal;
	color:		#8d8d8d;
	margin-bottom:	18px;
}
#page_annuaire #main > .container > section > .display-list > article > header > a,
#page_annuaire #main > .container > section > .display-grid > article > header > a {
	display:		block;
	text-decoration:	none;
	width:			58px;
	height:			58px;
	line-height:		58px;
	text-indent:		58px;
	overflow:		hidden;
	background: url(/imgs/icone-voirplus.png) no-repeat 0 0;
	position:		absolute;
	top:			150px;
	right:			10px;
}
#page_annuaire #main > .container > section > .display-list > article > header > a:hover,
#page_annuaire #main > .container > section > .display-grid > article > header > a:hover {
	background-position-x:	-58px;
}
#page_annuaire #main > .container > section > .display-list > article > ul,
#page_annuaire #main > .container > section > .display-grid > article > ul {
	list-style-type:	none;
	max-height:		10em;
	overflow:		hidden;
	position:		relative;
}
#page_annuaire #main > .container > section > .display-list > article > ul::after,
#page_annuaire #main > .container > section > .display-grid > article > ul::after {
	content:	' ';
	display:	block;
	height:		10px;
	position:	absolute;
	left:		0;
	right:		0;
	bottom:		0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#page_annuaire #main > .container > section > .display-list > article > ul > li,
#page_annuaire #main > .container > section > .display-grid > article > ul > li {
	display:	inline-block;
	/*white-space:	pre;
	word-break:	none;*/
	background:	#EAEAEA;
	/*height:		30px;*/
	line-height:	22px;
	padding:	0 10px;
	margin-right:	10px;
	margin-bottom:	10px;
}
#page_annuaire #main > .container > section > .display-list > article > footer,
#page_annuaire #main > .container > section > .display-grid > article > footer {
	display:	table;
	width:		100%;
}
#page_annuaire #main > .container > section > .display-list > article > footer > address,
#page_annuaire #main > .container > section > .display-grid > article > footer > address {
	display:	table-row;
	font-style:	normal;
}
#page_annuaire #main > .container > section > .display-list > article > footer > address > div,
#page_annuaire #main > .container > section > .display-grid > article > footer > address > div {
	display:	table-cell;
	color:		#9F9F9F;
}
#page_annuaire #main > .container > section > .display-list > article > footer > address > div.distance,
#page_annuaire #main > .container > section > .display-grid > article > footer > address > div.distance {
	vertical-align:	bottom;
	text-align:	right;
	font-weight:	700;
	color:		#55959C;
}
#page_annuaire #main > .container > section > .display-list {
	display:	table;
	width:		100%;
}
#page_annuaire #main > .container > section > .display-list > header {
	width:	100%;
}
#page_annuaire #main > .container > section > .display-list > article {
	display:	table-row;
	min-height:	80px;
	float:		none;
}
#page_annuaire #main > .container > section > .display-list > article > header {
	display:	table-cell;
	padding:	8px 4px 8px 120px;
	position:	relative;
	width:		auto;
	height:		74px;
	vertical-align:	middle;
}
#page_annuaire #main > .container > section > .display-list > article > header > figure {
	right:		auto;
	width:		107px;
	position:	absolute;
	top:		0;
	bottom:		0;
	overflow:	hidden;
}
#page_annuaire #main > .container > section > .display-list > article > header > figure > a {}
#page_annuaire #main > .container > section > .display-list > article > header > figure > a > img {
	width:		auto;
	height:		100%;
	position:	absolute;
	top:		0;
	left:		50%;
	transform:	translateX(-50%);
}
#page_annuaire #main > .container > section > .display-list > article > header > figure > figcaption {}
#page_annuaire #main > .container > section > .display-list > article > header > h1 {}
#page_annuaire #main > .container > section > .display-list > article > header > h1 > a {}
#page_annuaire #main > .container > section > .display-list > article > header > h2 {}
#page_annuaire #main > .container > section > .display-list > article > header > a {
	position:	absolute;
	top:		50%;
	transform:	translateY(-50%);
}
#page_annuaire #main > .container > section > .display-list > article > header > a:hover {}
#page_annuaire #main > .container > section > .display-list > article > ul {
	display:	none;
}
#page_annuaire #main > .container > section > .display-list > article > ul > li {}
#page_annuaire #main > .container > section > .display-list > article > footer {
	display:	table-cell;
	padding:	8px 78px 8px 0;
	width:		auto;
	height:		74px;
	vertical-align:	middle;
}
#page_annuaire #main > .container > section > .display-list > article > footer > address {}
#page_annuaire #main > .container > section > .display-list > article > footer > address > div {}
#page_annuaire #main > .container > section > .display-list > article > footer > address > div.distance {
	display:	none;
}
#page_annuaire #main > .container > section > .display-list + .clear.invisible {
	display:	none;
}
/** ANNUAIRE **/
/** ACTUALITES **/
.page_guide #main > .container > header > h1,
#page_actualite #main > .container > header > h1,
#page_actualites #main > .container > header > h1 {
	margin-left:	0;
}
#actus_video {
	margin-bottom:	40px;
	box-shadow:	0 10px 10px -3px rgba(0,0,0,0.25);
}
#actus_video > iframe {
	display:	block;
	width:	100%;
}
#autres_actus {
	margin-bottom:	20px;
	text-align:	center;
}
#nos_actus > article {
	margin-bottom:	40px;
}
/** ACTUALITES **/
/** ACTUALITE **/
#page_unavocat #main > .container > article,
/*#page_ventesauxencheres #main > .container > section,*/
.page_guide #main > .container > article,
#page_actualite #main > .container > article {
	background:	#FFFFFF;
	padding:	40px;
	color:		#9F9F9F;
	box-shadow: 0 10px 10px -3px rgba(0,0,0,0.25);
}
#page_actualite #main > .container > article > header {
	position:	relative;
	margin-bottom:	30px;
	color:		#424242;
}
.page_type #main > .container > * >  #nav-back,
#page_actualite #main > .container > article > header #nav-back {
	position:	absolute;
	top:		0;
	right:		0;
}
.page_type #main > .container > * >  #nav-back {
	top:		150px;
	right:		20px;
}
.page_type #main > .container > * >  #nav-back a,
#page_actualite #main > .container > article > header #nav-back a {
	display:	block;
	width:		58px;
	height:		57px;
	text-indent:	58px;
	line-height:	57px;
	overflow:	hidden;
	background:	url(/imgs/icone-back.png) 0 0;
}
.page_type #main > .container > * >  #nav-back a:hover,
#page_actualite #main > .container > article > header #nav-back a:hover {
	background-position:	-58px 0;
}
#page_actualite #main > .container > article > header > h1 {
	padding-right:	60px;
}
#page_actualite #main > .container > article > header > h2 {
	margin-bottom:	25px;
}
#page_actualite #main > .container > article > header > p {
	font-weight:	bold;
	margin-bottom:	25px;
	line-height:	21px;
}
#page_actualite #main > .container > article > header > figure {}
#page_actualite #main > .container > article > header > figure img {
	width:	100%;
	height:	auto;
}
#page_actualite #main > .container > article > header > figure > figcaption {
	display:	none;
}
#page_actualite #main > .container > article > h3 {
	margin-bottom:	20px;
}
#page_actualite #main > .container > article > p {
	margin-bottom:	20px;
	line-height:	21px;
}
#page_actualite #main > .container > article > footer {
	margin-top:	30px;
}
#page_actualite #main > .container > article > footer > ul {
	list-style-type:	none;
	padding:		0;
}
#page_actualite #main > .container > article > footer > ul > li {}
#page_actualite #main > .container > aside > h1 {
	text-align:	left;
	font-size:	30px;
	margin:		0;
	width:		auto;
	margin:		40px 0 30px 0;
}
#page_actualite #main > .container > aside > article {
	margin-bottom:	20px;
}
/** ACTUALITE **/
/** GUIDE **/
.page_guide #main > .container > header > h2,
.page_guide #main > .container > header > h2 {
	color:		#FFFFFF;
	font-size:	18px;
	font-weight:	bold;
	width:		auto;
	text-align:	center;
	text-transform:	uppercase;
}
.page_guide #main > .container > header > h1,
.page_guide #main > .container > header > h1 {
	width:		auto;
	text-align:	center;
	margin-bottom:	35px;
}
/*#page_ventesauxencheres #main > .container > section > h1,*/
.page_guide #main > .container > article > h1,
.page_guide #main > .container > article > h1,
.page_guide #main > .container > article > dl h1 {
	color:		#222222;
	text-transform:	uppercase;
	font-size:	14px;
	font-weight:	bold;
	margin-bottom:	25px;
}
#page_unavocat #main > .container > article > dl > dt,
#page_unavocat #main > .container > article > h2,
.page_guide #main > .container > article > dl > dt,
.page_guide #main > .container > article > h2,
.page_guide #main > .container > article > dl h2 {
	color:		#EB5341;
	text-transform:	uppercase;
	font-size:	14px;
	font-weight:	normal;
	margin-bottom:	15px;
}
#page_unavocat #main > .container > article p,
.page_guide #main > .container > article p,
.page_guide #main > .container > article li {
	margin-bottom:	20px;
	line-height:	21px;
}
#page_unavocat #main > .container > article strong,
.page_guide #main > .container > article strong {
	color:	#222222;
}
#page_unavocat #main > .container > article ol,
#page_unavocat #main > .container > article ul,
.page_guide #main > .container > article ol,
.page_guide #main > .container > article ul {
	padding-left:	30px;
	margin-bottom:	15px;
}
#page_unavocat #main > .container > article > *,
.page_guide #main > .container > article > * {
	margin-bottom:	15px;
}
.page_guide #main > .container > article > dl {}
#page_unavocat #main > .container > article > dl > dt,
.page_guide #main > .container > article > dl > dt {
	display:	block;
	cursor:		pointer;
	line-height:	16px;
	position:	relative;
	padding-right:	16px;
}
#page_unavocat #main > .container > article > dl > dt::after,
.page_guide #main > .container > article > dl > dt::after {
	content:	' ';
	display:	block;
	position:	absolute;
	top:		50%;
	right:		0;
	width:		9px;
	height:		16px;
	background: url(/imgs/icone-arrow-spoiler.png) no-repeat 0 0;
}
#page_unavocat #main > .container > article > dl > dt.open::after,
.page_guide #main > .container > article > dl > dt.open::after {
	background-position-y:	-27px;
}
#page_unavocat #main > .container > article > dl > dd,
.page_guide #main > .container > article > dl > dd {
	padding-bottom:	15px;
	overflow:	hidden;
}
#page_unavocat #main > .container > article > ol,
#page_unavocat #main > .container > article > ul,
.page_guide #main > .container > article > ol,
.page_guide #main > .container > article > ul {}
.page_guide #main > .container > header > nav {
	text-align:	center;
}
/** GUIDE **/
/** UN AVOCAT **/
#page_unavocat #main > .container > header {
	padding-top:	48%;
	background:	url(/imgs/photo-unavocat.jpg) no-repeat center top;
	background-size:100% auto;
	margin-bottom:	40px;
	border-bottom-left-radius:	3px;
	border-bottom-right-radius:	3px;
	box-shadow: 0 10px 10px -3px rgba(0,0,0,0.25);
}
#page_unavocat #main > .container > header > h2 {
	text-transform:	uppercase;
	font-size:	18px;
	color:		#FFFFFF;
	margin:		0 38px;
}
#page_unavocat #main > .container > header > h1 {
	font-size:	36px;
	font-weight:	300;
	color:		#FFFFFF;
	text-transform:	uppercase;
	margin:		0 38px 35px 38px;
}
#page_unavocat #main > .container > header > nav {
	background:	white;
	text-align:	right;
	border-bottom-left-radius:	3px;
	border-bottom-right-radius:	3px;
	top:		0;
}
#page_unavocat #main > .container > header > nav > a {
	display:		inline-block;
	color:			#EB5341;
	line-height:		60px;
	margin:			0 25px;
	text-decoration:	none;
	text-transform:		uppercase;
	font-weight:		bold;
	font-size:		16px;
}
#page_unavocat #main > .container > article {
	border-radius:	3px;
	padding:	40px;
	margin-bottom:	40px;
	box-shadow: 0 10px 10px -3px rgba(0,0,0,0.25);
}
#page_unavocat #main > .container > article > h1 {
	font-size:	21px;
	color:		#3D3D3D;
	text-transform:	uppercase;
}
#page_unavocat #main > .container > article > h2 {
	color:		#EB5341;
	text-transform:	uppercase;
	font-size:	14px;
	font-weight:	normal;
	margin-bottom:	15px;
}
#page_unavocat #main > .container > article > * {}
#page_unavocat #main > .container > article p {}
#page_unavocat #main > .container > article ol,
#page_unavocat #main > .container > article ul {}
#page_unavocat #main > .container > article dl {}
#page_unavocat #main > .container > article dl > dt {}
#page_unavocat #main > .container > article dl > dd {}
/** UN AVOCAT **/
/** SOS VICTIMES **/
#sos_victimes_box {
	border-radius:	3px;
	padding:	20px;
	margin:		30px 0 !important;
	line-height:	43px;
	background-color:	#EB5341;
	color:		#FFFFFF;
	text-align:	center;
	font-weight:	bold;
}
#sos_victimes_box > strong {
	text-transform:	uppercase;
	color:		#FFFFFF !important;
}
#sos_victimes_tel {
	font-size:	36px;
	font-weight:	300;
}
/** SOS VICTIMES **/
/** LE BARREAU **/
#col_conseildelordre {
	width:	240px;
}
/** LE BARREAU **/
/** VENTES AUX ENCHERES **/
#page_ventesauxencheres #main > .container > header > h1 {
	margin:		0;
	text-align:	center;
	width:		auto;
}
#page_ventesauxencheres #main > .container > section {
	text-align:	left;
}
#page_ventesauxencheres #gotop {
	text-align:	center;
	margin-top:	25px;
}
#page_ventesauxencheres #main > .container > section > p {
	line-height:	21px;
	margin-bottom:	20px;
}
#page_ventesauxencheres #main > .container > section > h1 {
	margin-top:	20px;
	text-align:	center;
}
#page_ventesauxencheres #main > .container > section h2 {
	margin-bottom:	25px;
}
#page_ventesauxencheres #main > .container > section article {
	line-height:	20px;
	padding:	5px 0;
}
#page_ventesauxencheres #main > .container > section article > header {
	display:	inline-block;
	margin-right:	30px;
}
#page_ventesauxencheres #main > .container > section article > h3 {
	display:	inline-block;
	font-weight:	normal;
	font-size:	17px;
	margin-right:	10px;
}
#page_ventesauxencheres #main > .container > section article > h3 a {}
#page_ventesauxencheres #main > .container > section article > h3 span {
	text-transform:	uppercase;
}
#page_ventesauxencheres #main > .container > section article > p {
	display:	block;
	padding-left:	144px;
	width:		auto;
	margin-top:	0;
}
/** VENTES AUX ENCHERES **/
/** PAGE TYPE ***/
body.page_type > header > h1 {
	height:			146px;
	background-size:	contain;
	background-position-y:	14px;
}
body.page_type > header > h2 {
	display:	none;
}
body.page_type #main {
	padding-left:	400px;
	padding-right:	0;
}
body.page_type #main > .container {
	width:		auto;
	padding:	140px 0 0 0;
    
    max-width: 100%;
    background-image: url(../imgs/bkg-interieure.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
}
body.page_type #main > .container > * {
	padding:	0;
	background:	#FFFFFF;
	/*margin-top:	86px;*/
	text-align:	center;
	padding-bottom:	30px;
	margin-bottom:	0;
	font-size:	17px;
	line-height:	25px;
}
body.page_type #main > .container > * > div {
	/*padding:	0 40px;*/
	width:	720px;
	margin:	0 auto;
}
body.page_type #main > .container > * h1,
.titre-filet-rose {
	background:	#EB5341;
	line-height:	60px;
	text-transform:	uppercase;
	font-size:	35px;
	font-weight:	normal;
	color:		#FFFFFF;
	/*margin:		80px 0 25px 0;*/
	margin:		0 0 25px 0;
	padding:	0 98px;
}
body.page_type #main > .container > * h2 {
	text-transform:	uppercase;
	font-size:	25px;
	color:		#55959C;
	margin-top:	60px;
}
body.page_type #main > .container > * p,
body.page_type #main > .container > * address,
body.page_type #main > .container > * blockquote,
body.page_type #main > .container > * ul {
	margin:	25px 0;
}
body.page_type #main > .container > * ul {
	padding-left:	40px;
}
body.page_type #main > .container > * hr {
	border:		none;
	border-top:	3px solid #EB5341;
	width:		47px;
	margin:		60px auto;
	padding:	0;
}
body.page_type #main > .container > * figure img,
body.page_type #main > .container > article p > img {
	width:	100%;
	height:	auto;
}
#specialisations > * {
	display:	inline-block;
	width:		44%;
	margin-right:	5%;
	position:	relative;
}
#specialisations > *::before {
	content: 	'•';
	position:	absolute;
	left:		-5%;
}
#sexe-chart {
	display: table;
}
#sexe-chart > * {
	display: table-row;
}
#sexe-chart > * > * {
	display: table-cell;
	padding: 0 4px;
}
#sexe-chart meter {
	width: 45vw;
	max-width: 300px;
}
/** PAGE TYPE ***/
/** CONTACT **/
#page_contact #main > .container > header > h1 {
	margin:		0;
	width:		auto;
	text-align:	center;
}
#page_contact #main > .container > article {
	background:	#FFFFFF;
	padding:	40px;
	box-shadow: 0 10px 10px -3px rgba(0,0,0,0.25);
}
#page_contact #main > .container > article > header {
	margin-bottom:	70px;
}
#page_contact #main > .container > article > header > h1 {
	text-align:	center;
}
#page_contact #main > .container > article > header > h1 > img {
	width:	100%;
	max-width:	310px;
	height:	auto;
}
#formulaire_contact > fieldset {
	border:	none;
}
#formulaire_contact > fieldset > legend {
	display:	none;
}
#formulaire_contact > fieldset > div {
	margin-bottom:	16px;
}
#formulaire_contact > fieldset > div.half {
	float:	left;
	width:	300px;
}
#formulaire_contact > fieldset > div.half:nth-of-type(3) {
	margin-left:	40px;
}
#formulaire_contact > fieldset > div > label {
	display:	block;
	font-size:	14px;
	color:		#4392FF;
	margin-bottom:	10px;
}
#formulaire_contact > fieldset > div > textarea,
#formulaire_contact > fieldset > div > .texte {
	display:	block;
	width:		614px;
	border:		none;
	padding:	0 13px;
	background:	#eeeeee;
	line-height:	40px;
	font-size:	18px;
}
#formulaire_contact > fieldset > div > textarea {
	min-height:	150px;
	line-height:	30px;
	padding:	13px;
}
#formulaire_contact > fieldset > div.half > .texte {
	width:	274px;
}
#formulaire_contact > fieldset > div > textarea {}
#formulaire_contact > fieldset > div > .submit {
	border:		none;
	border-radius:	3px;
	color:		#FFFFFF;
	font-weight:	bold;
	text-transform:	uppercase;
	padding:	0 40px;
	background:	#4CAF50;
	margin-top:	40px;
}
#page_contact #main > .container > article > header > h2 {}
#page_contact #main > .container > article > header > address {
	font-size:	18px;
	font-style:	normal;
	text-align:	center;
	margin-bottom:	20px;
}
#contact_tel {
	display:	inline-block;
	height:		25px;
	line-height:	25px;
	font-size:	18px;
	position:	relative;
	padding-left:	35px;
}
#contact_tel::before {
	content:	' ';
	display:	block;
	position:	absolute;
	top:		0;
	left:		-15px;
	width:		25px;
	height:		25px;
	background:	url(/imgs/icones-tel-fax.png) no-repeat 0 0;
}
#contact_fax {
	display:	inline-block;
	height:		25px;
	line-height:	25px;
	font-size:	18px;
	position:	relative;
	padding-left:	35px;
	margin-left:	60px;
}
#contact_fax::before {
	content:	' ';
	display:	block;
	position:	absolute;
	top:		0;
	left:		-15px;
	width:		25px;
	height:		25px;
	background:	url(/imgs/icones-tel-fax.png) no-repeat -25px 0;
}
/** CONTACT **/



/** AVOCAT **/
#page_avocat #main > .container > article {
	background:	#FFFFFF;
	margin:		0 20px;
	box-shadow: 0 10px 10px -3px rgba(0,0,0,0.25);
}
#page_avocat #main > .container > article > header.nologo {
	margin-top:	60px;
}
#page_avocat #main > .container > article > header.nologo > div {
	position:	static;
	background:	#141414;
	padding:	10px;
}
#page_avocat #main > .container > article > header {
	position:	relative;
	margin-bottom:	20px;
}
#page_avocat #main > .container > article > header #nav-back {
	position:	absolute;
	top:		20px;
	right:		20px;
}
#page_avocat #main > .container > article > header #nav-back a {
	display:	block;
	width:		58px;
	height:		57px;
	text-indent:	58px;
	line-height:	57px;
	overflow:	hidden;
	background:	url(/imgs/icone-back.png) 0 0;
}
#page_avocat #main > .container > article > header #nav-back a:hover {
	background-position:	-58px 0;
}
#page_avocat #main > .container > article > header > figure {}
#page_avocat #main > .container > article > header > figure::after {
	content:	' ';
	position:	absolute;
	bottom:		0;
	left:		0;
	right:		0;
	height:		90px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.72) 73%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 73%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 73%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}
#page_avocat #main > .container > article > header > figure > img {
	width:		100%;
	height:		auto;
	display:	block;
}
#page_avocat #main > .container > article > header > figure > figcaption {
	display:	none;
}
#page_avocat #main > .container > article > header > div {
	position:	absolute;
	left:		40px;
	bottom:		10px;
	right:		40px;
}
#page_avocat #main > .container > article > header > div > h1 {
	font-size:	30px;
	color:		#FFFFFF;
	/*width:		460px;*/
}
#page_avocat #main > .container > article > header > div > h1 img {
	float:	right;
}
#page_avocat #main > .container > article > header.nologo > div > h1 img {
	margin-right:	70px;
	margin-top:	-7px;
}
#page_avocat #main > .container > article > header > div > h2 {
	font-size:	14px;
	font-weight:	normal;
	color:		#FFFFFF;
	width:		460px;
}
#page_avocat #main > .container > article > header > div > figure {
	position:	absolute;
	top:		0;
	right:		0;
	width:		120px;
	box-shadow: 0 10px 10px -3px rgba(0,0,0,0.25);
}
#page_avocat #main > .container > article > header > div > figure > img {
	width:		120px;
	height:		120px;
	display:	block;
}
#page_avocat #main > .container > article > figure {
	float:		right;
	width:		auto;
	max-width:	222px;
	margin-right:	30px;
}
#page_avocat #main > .container > article > figure > img {
	width:		auto;
	height:		auto;
	max-width:	100%;
	max-height:	80px;
	display:	block;
}
#page_avocat #main > .container > article > ul {
	list-style-type:	none;
	margin:			0 40px 0 40px;
}
#page_avocat #main > .container > article > ul > li {
	display:	inline-block;
	padding:	9px;
	font-size:	14px;
	color:		#FFFFFF;
	background:	#1378FF;
	margin:		0 10px 10px 0;
}
#page_avocat #main > .container > article > .liste {
	width:		300px;
	float:		right;
	clear:		right;
	margin-bottom:	10px;
}
#page_avocat #main > .container > article > .liste > p {
	text-transform:	uppercase;
	font-weight:	bold;
	color:		#55959C;
}
#page_avocat #main > .container > article > .liste > ul {
	list-style-type:	disc;
	padding-left:		20px;
}
#page_avocat #main > .container > article > .liste > ul li {}
#page_avocat #main > .container > article > p {
	line-height:	20px;
	font-size:	14px;
	margin:		0 40px;
	color:		#9F9F9F;
}
#page_avocat #main > .container > article > #avocat_infos {
	margin:	0 40px 27px 40px;
}
#page_avocat #main > .container > article > #avocat_infos > * {
	margin-bottom:	10px;
	font-size:	18px;
	color:		#55959C;
	width:		460px;
}
#page_avocat #main > .container > article > #avocat_infos a {
	text-decoration:	none;
	color:			#55959C;
}
#page_avocat #main > .container > article > #avocat_infos > p > span {
	display:	inline-block;
	color:		#000000;
	width:		100px;
}
#page_avocat #main > .container > article > footer {
	margin-top:	35px;
}
#page_avocat #main > .container > article > address {
	margin:	20px 40px 0 40px;
}
#page_avocat #main > .container > article > address > span {
	text-transform:	uppercase;
}
#page_avocat #main > .container > article > #avocat_adresses {
	margin:	20px 40px 0 40px;
	overflow:	hidden;
}
#page_avocat #main > .container > article > #avocat_adresses > h3 {
	text-transform:	uppercase;
	color:		#212121;
	font-size:	16px;
	height:		19px;
}
#page_avocat #main > .container > article > #avocat_adresses > address {
	margin:	16px 0 0 16px;
}
#page_avocat #main > .container > article > #avocat_adresses > p {
	margin:	20px 40px 0 40px;
}
.leaflet-popup-content > .title {
	display:	block;
	text-align:	center;
}
/** AVOCAT **/



/** PAGINATION **/
.pagination {
	margin-top: 30px;
	list-style-type: none;
	text-align: left;
	padding: 0;
	/*color:	#55959c;*/
}
#main > .container > section > .pagination {
	margin:	0 20px;
}
.pagination > * {
	float: left;
	margin: 10px;
}
.pagination > a {
	color:			#ee3024;
}
.pagination > .next,
.pagination > .prev {
	background: #EB5341;
	color: white;
	float: right;
	margin-bottom: 30px;
	margin-right:	0;
}
.pagination > .next a,
.pagination > .prev a {
	display: block;
	padding: 2px 8px;
	color: white;
	text-decoration:	none;
}
.pagination > .clear {
	float:	none !important;
}
/** PAGINATION **/
#btn-menu {
	display:	block;
/*	width:		80px;
	height:		80px;*/
	background: url(/imgs/icones-menu.png) no-repeat #FFFFFF;
	/*background-size: 160px auto;*/
	position:	fixed;
	top:		0;
	left:		0;
	z-index:	99;
    
    width: 45px;
    height: 45px;
    background-size: 90px auto;
}
#page_accueil #btn-menu {
	position:	absolute;
}
#btn-menu.active {
	background-position-x: -45px;
	position:	absolute;
}
#annuaire_noresult {
	padding:	20px;
	text-align:	center;
	background:	#FFFFFF;
}

#gotop > a {
    text-transform: uppercase;
    font-size: 15px;
    width: 60px;
    position: fixed;
    /*right: 142px;*/
    bottom: 50px;
    color: #000;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    z-index: 1000;
    /*right: calc(100% - 1920px + 110px);*/
    right: 50px;
    
    opacity: 0;
    visibility: hidden;
    
    transition-property: opacity, visibility;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}
#gotop > a::before {
    content: "";
    position: absolute;
    top: -25px;
    left: calc(50% - 12px);
    width: 25px;
    height: 25px;
    border-left: solid 3px #000;
    border-top: solid 3px #000;
    transform: rotate(45deg);
}
body.scrolled #gotop > a {
  opacity: 1;
  visibility: visible;
}

.leaflet-popup-content-wrapper {
	box-shadow:	none !important;
	border-radius:	0 !important;
	background:	#EB5341 !important;
	color:	#FFFFFF;
	font-size:	14px;
}
.leaflet-popup-content > span {
	text-transform:	uppercase;
}
.leaflet-popup-tip {
	background:	#EB5341 !important;
}
.leaflet-popup-close-button {
	color:	#FFFFFF;
}
#maplayer {
	position:	absolute;
	top:		0;
	left:		0;
	right:		0;
	bottom:		0;
	cursor:		pointer;
	z-index:	9999;
}
/*@media screen and (max-width: 1199px) and (max-aspect-ratio: 1) {
	#main {
		background-size:	100% auto;
	}
}
@media screen and (max-width: 1199px) and (min-aspect-ratio: 1) {
	#main {
		background-size:	auto 100%;
	}
}*/



/* Lightbox */
.images-lightbox {
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-content: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition-property: opacity, visibility;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
}
.images-lightbox.show {
	opacity: 1;
	visibility: visible;
}
.images-lightbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.7;
}
.images-lightbox-container {
	padding: 75px;
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lightbox-image-portrait {
	display: none;
}
.images-lightbox-close-button {
	position: absolute;
	right: 5px;
	top: 5px;
	border: none;
	background: transparent;
	padding: 0;
	height: 50px;
	width: 50px;
	cursor: pointer;
}
.images-lightbox-close-button span::before,
.images-lightbox-close-button span::after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(45deg);
}
.images-lightbox-close-button span::after {
	transform: rotate(-45deg);
}
.lightbox-image-paysage,
.lightbox-image-portrait {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.lightbox-image-portrait{
	display: none;
}

@media screen and (max-aspect-ratio: 1/1) {
	.lightbox-image-portrait{
		display: block;
	}
	.lightbox-image-paysage{
		display: none;
	}
}
@media screen and (max-width: 680px) {
	.images-lightbox-close-button {
		width: 40px;
		height: 40px;
	}
	.images-lightbox-container {
		padding: 25px;
	}
}
/* Lightbox */



/* CONSULTATIONS GRATUITES D'AVOCATS */
body.page_type #main > .container-consultations-gratuites {
    background-image: url(../imgs/logo-point-justice-2.png);
    background-size: auto 140px;
    background-color: #0b9b75;
}
.container-consultations-gratuites li {
    margin-bottom: 2em;
}
.footer-consultations-gratuites .footer-logo-container img {
    max-height: 110px;
}
.footer-container > .footer-2col-container {
    width: 50%;
}
.footer-liens-container.footer-2col-container a {
    text-transform: none;
}
.footer-2col-container p {
    margin-bottom: 0.5em;
    text-align: center;
}
/* CONSULTATIONS GRATUITES D'AVOCATS */





@media screen and (max-width: 1680px) {
    
    /***GLOBAL***/
    .container,
    #main > .container.container-bloc-home {
        max-width: 850px;
    }
    /***GLOBAL***/
    
    
    
    /***ACCUEIL***/
    #accueil_guide {
        padding-top: 120px;
        padding-bottom: 60px;
    }
    .accueil-section h1 {
        font-size: 45px;
    }
    #accueil_guide h1 {
        margin-bottom: 100px;
    }
    .accueil-liens a {
        margin-bottom: 60px;
    }
    .accueil-liens-titre,
    .accueil-liens-icones a,
    .container-bloc-home section h1,
    .footer-phone-numero,
    .footer-adresse-adresse {
        font-size: 1.4rem;
    }
    .accueil-liens-ensavoirplus {
        font-size: 1.2rem;
    }
    .accueil-liens-ensavoirplus svg {
        width: 30px;
        height: 19px;
    }
    .accueil-section {
        padding-top: 60px;
        padding-bottom: 0;
    }
    .accueil-liens-icones-svgcontainer {
        height: 60px;
        margin-bottom: 20px;
    }
    .accueil-liens-icones-svgcontainer svg {
        max-width: 60px;
    }
    .container-bloc-home,
    #main > .container-bloc-home {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #accueil_sosvictimes svg {
        width: 50px;
        height: 50px;
        left: 15px;
    }
    #accueil_sosvictimes a {
        padding-left: 90px;
    }
    #accueil_ventesauxencheres svg {
        height: 50px;
        width: 70px;
        left: 15px;
    }
    #accueil_ventesauxencheres a {
        padding-left: 110px;
    }
    .accueil_actualites_titre {
        font-size: 2.5rem;
        top: 25px;
        left: 25px;
    }
    #accueil_actualites_slider header {
        width: 350px;
    }
    #accueil_actualites_slider figure {
        margin-left: 350px;
        width: calc(100% - 350px);
    }
    .footer-phone-titre {
        font-size: 1rem;
    }
    .footer-adresse-container svg {
        width: 30px;
    }
    .footer-liens-container {
        font-size: 0.8rem;
    }
    /***ACCUEIL***/
    
    #gotop > a {
        right: 25px;
        bottom: 25px;
    }
}



@media screen and (max-width: 1440px) {
    /***ACCUEIL***/
    #accueil_guide {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .accueil-section h1 {
        font-size: 40px;
    }
    #accueil_guide h1 {
        margin-bottom: 75px;
    }
    .accueil-liens a {
        margin-bottom: 50px;
    }
    .actualite-slider-titre {
        font-size: 1.4rem;
    }
    .accueil-liens-titre,
    .accueil-liens-icones a,
    .container-bloc-home section h1,
    .footer-phone-numero,
    .footer-adresse-adresse {
        font-size: 1.2rem;
    }
    .actualite-slider-lien,
    .accueil-liens-ensavoirplus {
        font-size: 1rem;
    }
    .accueil-liens-ensavoirplus svg {
        width: 20px;
        height: 19px;
    }
    .accueil-section {
        padding-top: 50px;
        padding-bottom: 0;
    }
    .accueil-liens-icones-svgcontainer {
        height: 50px;
        margin-bottom: 15px;
    }
    .accueil-liens-icones-svgcontainer svg {
        max-width: 50px;
    }
    .container-bloc-home,
    #main > .container-bloc-home {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #accueil_sosvictimes svg {
        width: 40px;
        height: 40px;
        left: 10px;
    }
    #accueil_sosvictimes a {
        padding-left: 80px;
    }
    #accueil_ventesauxencheres svg {
        height: 40px;
        width: 55px;
        left: 10px;
    }
    #accueil_ventesauxencheres a {
        padding-left: 100px;
    }
    #accueil_sosvictimes a,
    .container-bloc-home article p {
        font-size: 1rem;
    }
    #accueil_actualites_slider {
        height: 450px;
    }
    .accueil_actualites_titre {
        font-size: 2rem;
        top: 20px;
        left: 20px;
    }
    #accueil_actualites_slider header {
        width: 300px;
        padding-top: 200px;
        padding-left: 20px;
    }
    #accueil_actualites_slider figure {
        margin-left: 300px;
        width: calc(100% - 300px);
    }
    .footer-phone-titre {
        font-size: 0.8rem;
    }
    .footer-adresse-container svg {
        width: 25px;
    }
    .footer-liens-container {
        font-size: 0.75rem;
    }
    /***ACCUEIL***/
}



/**** < 1200 ****/
@media screen and (max-width: 1199px) {
    
	/***GENERAL***/
	body > header {
		position:	fixed;
		top:		0;
		left:		0;
		right:		0;
		width:		auto;
		height:		0;
		min-height:		0;
		background: url(/imgs/logo-Barreau-Chartres.png?v=20230927) no-repeat right 0px #FFF;
		padding-top:	80px;
		overflow:	hidden;
		background-size: auto 100%;
	}
	body > header > h1 {
		display:	none;
	}
	body > header > h2 {
		display:	none;
	}
	body > header > nav > div.more:hover > div {
		float:	none;
	}
	#menu-guide:hover, #menu-barreau:hover, #menu-unavocat:hover {
		width:	auto;
	}
	#menu-accueil {
		right:	-60px;
		top:	14px;
		transition-property: right;
		transition-duration: 0.25s;
	}
	#main {
		padding-left: 0;
		min-height: 0;
	}
	body > footer {
		padding-left: 0;
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
	}
    .footer-container > div {
        display: flex;
        flex-flow: column;
        justify-content: center;
    }
    .container,
    #main > .container.container-bloc-home {
        max-width: 720px;
    }
    body:not(#page_accueil) #main > .container {
        width: 100%;
        max-width: 100%;
        /*padding-top: 110px;*/
        padding-top: 230px;
        position: relative;
    }
    body:not(#page_accueil) #main > .container::before {
        content: "";
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        height: 150px;
        background: url(../imgs/bkg-interieure.jpg);
        background-size: cover;
        background-position: center top;
    }
    
	#accueil_recherche > fieldset > legend {
/*        opacity: 0;
        visibility: hidden;*/
	}
	/***GENERAL***/
    
    
    
    
    
	/** GALERIES **/
	.gallery > figure {
		width:		22%;
		margin-right:	4%;
		margin-bottom:	4%;
	}
	.gallery > figure:nth-child(3n) {
		margin-right:	4%;
	}
	.gallery > figure:nth-child(4n) {
		margin-right:	0;
	}
	/** GALERIES **/
    
    
    
	/***ACCUEIL***/
	#page_accueil {
		padding-top:	140px;
	}
	#page_accueil #main > .container {
        align-items: center;
		flex-direction:	column;
        padding-top: 100px;
        padding-bottom: 100px;
	}
	#page_accueil > header {
		position:	absolute;
		/*height:		220px;*/
		height:		140px;
		padding-top:	0;
		background:	#FFFFFF;
	}
	#page_accueil > header > h1 {
		display:		block;
		height:			125px;
		line-height:		125px;
		background-position-y:	20px;
/*		height:			172px;
		line-height:		172px;
		background-position-y:	30px;*/
		background-size:	auto 80%;
		text-indent:		100%;
	}
	#page_accueil > header > h2 {
		display:	block;
		height:		47px;
        height: 15px;
        line-height: 1;
        font-size: 0.6rem;
	}
    
    .section-je-trouve-mon-avocat {
        padding-bottom: 35px;
        box-sizing: border-box;
        min-height: calc(100vh - 220px);
    }
	#accueil_recherche {
		width:		100%;
		max-width:	400px;
		margin:		0 auto;
        /*padding-top: 180px;*/
        padding-top: 50px;
        padding-bottom: 90px;
	}
	#accueil_recherche > fieldset > legend {
		display:	block;
		/*display:	none;*/
		width:		100%;
		max-width:	321px;
		background-size:	300% auto;
	}
	#accueil_recherche > fieldset > label {
		margin-bottom:	0;
	}
	#accueil_recherche > fieldset > label:hover,
	#accueil_recherche > fieldset > label.active {
		margin-bottom:	0;
	}
	#accueil_recherche select,
	#accueil_recherche #champ_activite,
	#accueil_recherche #champ_specialite,
	#accueil_recherche #champ_cabinet,
	#accueil_recherche #champ_nom {
		margin-top:	24px;
	}
	#accueil_recherche #champ_cabinet,
	#accueil_recherche #champ_nom {
		width:	100%;
	}
	#accueil_recherche .hemi-select {
		display:	none;
	}
    .accueil-liens a:nth-child(n) {
        width: 48%;
        margin-right: 0;
    }
    .accueil-liens a:nth-child(2n + 1) {
        margin-right: 4%;
    }
    .section-trouver-avocat-scrollto,
    .section-trouver-avocat-scrollto:hover{
        background: none;
        box-shadow: none;
        height: 40px;
        width: 80px;
        left: calc(50% - 40px);
        bottom: 10px;
    }
    .section-trouver-avocat-scrollto::before {
        content: "";
        position: absolute;
        border-right: solid 2px #fff;
        border-bottom: solid 2px #fff;
        height: 30px;
        width: 30px;
        transform: rotate(45deg);
        left: 23px;
        top: -5px;
    }
    .section-trouver-avocat-scrollto svg {
        display: none;
    }

    
    
	#accueil_actualites .bx-pager-link {
		width:		16px;
		height:		16px;
		line-height:	16px;
		text-indent:	16px;
	}
	#accueil_guide > nav > a,
	.page_guide #main > .container > header > nav > span,
	.page_guide #main > .container > header > nav > a,
	#autres_actus > a,
	#accueil_lebarreau > nav > a {
		width:			48%;
	}
	.page_guide #main > .container > header > nav > span:nth-child(2n),
	.page_guide #main > .container > header > nav > a:nth-child(2n),
	#accueil_guide > nav > a:nth-child(2n),
	#autres_actus > a:nth-child(2n),
	#accueil_lebarreau > nav > a:nth-child(2n) {
		margin-left:	2%;
	}
    
    #accueil_sosvictimes {
        margin-bottom: 50px;
        min-width: 320px;
    }
    #accueil_ventesauxencheres {
        min-width: 320px;
    }
    #accueil_sosvictimes a,
    #accueil_ventesauxencheres a {
        padding-left: 15px;
        min-height: 0;
        padding-top: 80px;
        padding-bottom: 0;
        min-height: 110px;
        line-height: 1.3;
        display: block;
    }
    #accueil_ventesauxencheres article b {
        margin-left: 4px;
    }
    .container-bloc-home > section a::after {
        border: none;
        height: 2px;
        width: 40px;
        background: #fff;
        transform: none;
        right: 15px;
        bottom: 34px;
        top: auto;
    }
    .container-bloc-home > section a::before {
        content: "";
        height: 40px;
        background: #fff;
        width: 2px;
        position: absolute;
        bottom: 15px;
        right: 34px;
    }
    #accueil_sosvictimes svg {
        transform: none;
        top: 15px;
        left: 15px;
        width: 50px;
        height: 50px;
    }
    #accueil_ventesauxencheres svg {
        height: 50px;
        width: 70px;
        top: 15px;
        left: 15px;
        transform: none;
    }
    .container-bloc-home h1 {
        margin-bottom: 5px;
    }
	/***ACCUEIL***/
    
    
    
	/** ANNUAIRE **/
	#alpha a,
	#alpha span {
		width:		3.5%;
		min-width:	25px;
		line-height:	35px;
	}
	#page_annuaire #main > .container > section > .display-grid > article {
		width:	25%;
		padding: 17% 1.5% 1.5% 1.5%;
		margin:	0 2.5% 2.5% 2.5%;
	}
	#page_annuaire #main > .container > section > .display-grid > article.nologo > header::before {
		padding-top:	56%;
	}
	#page_annuaire #main > .container > section > .display-grid > article > header > figure > a > img {
		width:	100%;
		height:	auto;
	}
	#page_annuaire #main > .container > section > .display-list > article > header > a,
	#page_annuaire #main > .container > section > .display-grid > article > header > a {
		top:			34%;
		width:			29px;
		height:			29px;
		background-size:	58px auto;
	}
	#page_annuaire #main > .container > section > .display-grid > article > header > a:hover,
	#page_annuaire #main > .container > section > .display-list > article > header > a:hover {
		background-position-x:	-29px;
	}
	/** ANNUAIRE **/
    
    
    
	/** PAGINATION **/
	#main > .container > section > .pagination {
		margin:	0 2.5%;
	}
	/** PAGINATION **/
    
    
    
	#formulaire_contact > fieldset > div > .texte {
		width:		94%;
		padding:	0 3%;
	}
	#formulaire_contact > fieldset > div > textarea {
		width:		94%;
		padding:	1% 3%;
	}
	#formulaire_contact > fieldset > div.half {
		width:		48%;
	}
	#formulaire_contact > fieldset > div.half > .texte {
		width:		88%;
		padding:	0 6%;
	}
	#formulaire_contact > fieldset > div.half:nth-of-type(3) {
		margin-left:	4%;
	}
	#page_avocat #main > .container > article > header > div > h1 {
		width:	72%;
	}
	#page_avocat #main > .container > article > header > div > h2 {
		width:	72%;
	}
	#page_avocat #main > .container > article > header > div > figure {
		width:	23%;
	}
	#page_avocat #main > .container > article > header > div > figure > img {
		width:	100%;
		height:	100%;
	}
	#page_avocat #main > .container > article > #avocat_infos > p {
	/*	width:	72%;*/
	}
	#page_avocat #main > .container > article > figure {
		max-width:	40%;
	}
	/** PAGE TYPE ***/
	body.page_type #main {
		padding-left:	0;
	}
	body.page_type #main > .container > * > div {
		width:		auto;
		max-width:	720px;
		margin:		0 auto;
		padding:	0 40px;
	}
	/** PAGE TYPE ***/
	#accueil_recherche > fieldset > label {
		font-size:	0.9rem;
	}
    
    
    
    /* CONSULTATIONS GRATUITES D'AVOCATS */
    body:not(#page_accueil) #main > .container-consultations-gratuites::before {
        background-image: url(../imgs/logo-point-justice-2.png);
        background-size: auto 100%;
        background-color: #0b9b75;
        background-repeat: no-repeat;
    }
    /* CONSULTATIONS GRATUITES D'AVOCATS */
}
/**** < 1200 ****/



/**** < 1000 ****/
@media screen and (max-width: 1000px) {
	/** ANNUAIRE **/
	#page_actualite #main > .container > aside > article,
	#nos_actus > article,
	#page_annuaire #main > .container > section > .display-grid > article {
		/*width:	42%;*/
		width:	41%;
		padding: 27% 1.5% 1.5% 1.5%;
		margin:	0 2.5% 5% 2.5%;
	}
	#page_actualite #main > .container > aside > article.nologo,
	#nos_actus > article.nologo,
	#accueil_actualites_slider article.nologo {
		padding-top:	1.5%;
	}
	#page_actualite #main > .container > aside > article > header > h2,
	#nos_actus > article > header > h2,
	#page_annuaire #main > .container > section > article > header > a {
		top:			45%;
	}
	/** ANNUAIRE **/
	#page_actualite #main > .container > aside > article,
	#nos_actus > article {
		width:		auto;
		padding-top:	1.5%;
		padding-right:	220px;
		margin:		0 0 5% 0;
	}
}
/**** < 1000 ****/

/**** < 800 ****/
@media screen and (max-width: 799px) {
    
    /** ACCUEIL **/
    #accueil_guide {
        padding-top: 0;
    }
    #accueil_actualites {
        padding: 25px;
        background-color: #f4f4f4;
    }
    .accueil_actualites_titre {
        text-align: center;
        position: static;
        color: #55959c;
        max-width: 100%;
        padding: 15px 0;
        margin-bottom: 25px;
    }
    #accueil_actualites_slider figure {
        margin-left: 0;
        position: relative;
        width: 100%;
        height: 50vw;
        overflow: hidden;
    }
    #accueil_actualites_slider header {
        position: relative;
        padding: 15px 15px 80px;
        width: 100%;
    }
    #accueil_actualites_slider {
        height: 100%;
        background-color: #55959c;
    }
    #accueil_actualites_slider article {
        height: auto;
        /*height: 100%;*/
    }
    .bx-controls {
        bottom: 40px;
        left: 40px;
    }
    #accueil_recherche select,
    #accueil_recherche #champ_activite,
    #accueil_recherche #champ_specialite,
    #accueil_recherche #champ_cabinet,
    #accueil_recherche #champ_nom {
        border-width: 1px;
        margin-top: 16px;
        max-width: 220px;
        border-radius: 10px;
        padding: 1px 1px;
        box-sizing: border-box;
        font-size: 1rem;
        height: auto;
        line-height: 1;
    }
    .select-output/*,
    .input,
    #prix,
    .saisie_oubli input,
    .saisie_oubli_confirm input*/ {
        font-size: 0.7rem;
        height: auto;
        line-height: initial;
        padding: 4px 15px;
    }
	#accueil_recherche > fieldset > label {
		font-size:	0.6rem;
	}
    .select-btn {
        height: 21px;
        margin: 0;
        background-position: 2px 6px;
        width: 20px;
    }
    #accueil_recherche > p {
        margin-top: 0;
    }
    #accueil_recherche .submit {
        font-size: 0.5rem;
        padding: 7px 0;
    }
    .section-je-trouve-mon-avocat {
        min-height: calc(100vh - 140px);
    }
    #accueil_guide h1 {
        font-size: 1.6rem;
        font-weight: 100;
        padding-top: 56px;
        margin-bottom: 40px;
    }
    .accueil-liens,
    .accueil-liens a {
        display: block;
    }
    .accueil-liens a:nth-child(n) {
        width: 100%;
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 15px;
        margin-bottom: 3px;
    }
    .accueil-liens-titre {
        font-size: 1.3rem;
        margin-bottom: 6px;
    }
    .accueil-liens-ensavoirplus span {
        margin-right: 10px;
    }
    .accueil-liens-ensavoirplus svg {
        width: 40px;
    }
    .accueil-liens-icones {
        flex-wrap: wrap;
    }
    .accueil-liens-icones a {
        width: 50%;
        box-sizing: border-box;
        margin-bottom: 0px;
    }
    .accueil-liens-icones a:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
    .accueil-section {
        padding-top: 55px;
    }
    .accueil-section h1 {
        font-size: 1.6rem;
        margin-bottom: 40px;
    }
    #accueil_unavocat {
        padding-bottom: 50px;
    }
    #accueil_lebarreau {
        padding-top: 45px;
        padding-bottom: 40px;
    }
    #accueil_lebarreau h1 {
        font-size: 1.3rem;
        margin-bottom: 45px;
    }
    .accueil-liens-icones-svgcontainer {
        height: 40px;
        margin-bottom: 13px;
    }
    .accueil-liens-icones-titre {
        font-size: 1rem;
        font-weight: 100;
    }
    #page_accueil #main > .container {
        padding-top: 20px;
        max-width: 310px;
    }
    #accueil_sosvictimes {
        min-width: 0;
        width: 100%;
    }
    #accueil_sosvictimes,
    #accueil_ventesauxencheres,
    .container-bloc-home > section {
        min-width: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    #accueil_sosvictimes a,
    #accueil_ventesauxencheres a {
        padding-top: 45px;
        font-size: 0.75rem;
        min-height: 75px;
    }
    #accueil_sosvictimes svg {
        width: 30px;
        height: 30px;
        top: 8px;
    }
    .container-bloc-home section h1 {
        font-size: 0.9rem;
        margin-bottom: 0;
    }
    .container-bloc-home > section a::before {
        right: 21px;
        bottom: 10px;
        height: 25px;
    }
    .container-bloc-home > section a::after {
        width: 25px;
        right: 10px;
        bottom: 22px;
    }
    #accueil_ventesauxencheres svg {
        height: 27px;
        top: 9px;
        left: 0;
    }
    .container-bloc-home article p::before {
        width: 9px;
        margin-right: 1px;
    }
    .container-bloc-home article p {
        font-size: 0.75rem;
    }
    #page_accueil #main > .container {
        padding-bottom: 0px;
    }
    #accueil_actualites {
        padding: 25px 20px 20px;
    }
    .accueil_actualites_titre {
        font-size: 1.4rem;
        padding: 0;
        margin-bottom: 20px;
    }
    body > footer {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .footer-logo-container img {
        max-height: 115px;
    }
    .footer-container {
        flex-wrap: wrap;
    }
    .footer-container .footer-logo-container {
        width: 100%;
        padding-bottom: 20px;
    }
    .footer-container .footer-phone-container,
    .footer-container .footer-adresse-container {
        width: 50%;
        padding: 0;
        margin-bottom: 15px;
		font-size: 1rem;
    }
    .footer-container .footer-phone-container {
        position: relative;
        padding-left: 35px;
        justify-content: center;
    }
    .footer-container .footer-phone-container::before {
        content: "";
        width: 1px;
        background-color: #000;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 20px;
    }
    .footer-phone-titre,
    .footer-phone-numero {
        width: 100%;
        max-width: 100%;
    }
    .footer-phone-titre {
        font-size: 0.6em;
    }
    .footer-phone-numero {
        font-size: 0.9em;
        margin-bottom: 0.7em;
    }
    .footer-container .footer-liens-container {
        width: 100%;
        text-align: center;
        background-color: #f4f4f4;
        padding: 20px 0;
    }
    .footer-container > div:nth-child(4n+1),
    .footer-container > div:nth-child(4n+3) {
        border-right: 0;
    }
    .footer-container .footer-adresse-container {
        padding-left: 1em;
        justify-content: flex-start;
    }
    .footer-adresse-container svg {
        width: 1.4em;
        margin-bottom: 0.25em;
    }
    .footer-adresse-adresse {
        font-size: 0.9em;
    }
    .footer-mentions-creation {
        font-size: 0.7em;
        margin-top: 0.8125em;
        margin-bottom: 0.125em;
    }
    .footer-tm-hemis {
        width: auto;
        height: 1.25rem;
    }
    /** ACCUEIL **/
    
    
    
	/** GALERIES **/
	.gallery > figure {
		width:		30%;
		margin-right:	5%;
		margin-bottom:	5%;
	}
	.gallery > figure:nth-child(3n) {
		margin-right:	0;
	}
	.gallery > figure:nth-child(4n) {
		margin-right:	5%;
	}
	/** GALERIES **/
    
    
    
	#accueil_recherche > fieldset > legend {
		max-width:	274px;
		margin-left: auto !important;
		margin-right: auto;
	}
    
    
    
	/** ANNUAIRE **/
	#page_annuaire #main > .container > section > article > header > a {
		top:			35%;
	}
	/** ANNUAIRE **/
    
    
    
	#contact_tel, #contact_fax {
		display:	block;
		width:		134px;
		margin:		0 auto 20px auto;
	}
	#page_avocat #main > .container > article > header > figure {
		position:	relative;
	}
	#page_avocat #main > .container > article > header > figure::after {
		height:	30px;
	}
	#page_avocat #main > .container > article > header > div {
		position:	relative;
		left:		auto;
		right:		auto;
		bottom:		auto;
		padding:	10px;
		background:	#141414;
	}
	#page_avocat #main > .container > article > header > div > figure {
		top:	10px;
		right:	10px;
	}
	#page_avocat #main > .container > article > #avocat_infos > :first-child {
		width:	72%;
	}
	#page_avocat #main > .container > article > #avocat_infos > p {
		width:	auto;
	}
	#page_avocat #main > .container > article > #avocat_infos > p > span {
		display:	block;
	}
    body.page_type #main > .container > * h1,
    .titre-filet-rose {
        font-size: 1.6rem;
        line-height: 1.4;
        padding: 15px 0;
        margin: 0;
    }
    
    body:not(#page_accueil) #main > .container {
        padding-top: 180px;
    }
    body:not(#page_accueil) #main > .container::before {
        height: 100px;
    }
    body#page_contact #main > .container::before {
        height: 0;
    }
    #page_ventesauxencheres article {
        max-width: 380px;
        margin: 0 auto 20px;
    }
    #page_ventesauxencheres #main > .container > section article > p {
        padding-left: 0;
    }
}
/**** < 800 ****/



/**** < 720 ****/
@media screen and (max-width: 719px) {
	br.phone {
		display:	block;
	}
	#main {
		/*background-size:	100% auto;*/
	}
	#accueil_actualites_slider article > header > div {
		position:	static;
	}
	#nos_actus > article > header,
	#page_actualite #main > .container > aside > article > header {
		padding-top:	220px;
	}
	#nos_actus > article.nologo > header,
	#page_actualite #main > .container > aside > article.nologo > header,
	#accueil_actualites_slider article.nologo > header {
		padding-top:	20px;
	}
	#nos_actus > article > header > figure,
	#page_actualite #main > .container > aside > article > header > figure,
	#page_actualite #main > .container > aside > article.nologo > header > figure,
	#accueil_actualites_slider article > header > figure {
		bottom:		auto;
		left:		0;
		width:		auto;
		height:		220px;
		border-bottom-right-radius:	0;
		border-top-left-radius:		3px;
	}
	#accueil_actualites_slider article > header {
		width:	auto;
		right:	0;
	}
	body:not(.agent-safari) #nos_actus > article > header > figure img,
	#page_actualite:not(.agent-safari) #main > .container > aside > article > header > figure img,
	body:not(.agent-safari) #accueil_actualites_slider article > header > figure img {
		height:		auto;
		width:		110%;
		position:	absolute;
		top:		50%;
		left:		50%;
		transform: translate(-50%,-50%);
	}
	body.agent-safari #nos_actus > article > header > figure img,
	#page_actualite.agent-safari #main > .container > aside > article > header > figure img,
	body.agent-safari #accueil_actualites_slider article > header > figure img {
		height:		auto;
		width:		110%;
	}
	#accueil_actualites .bx-pager {
		right:		20px;
	}
	#nos_actus > article,
	#page_actualite #main > .container > aside > article,
	#accueil_actualites_slider article {
		padding-right:	20px;
	}
	.page_guide #main > .container > header > nav > span,
	.page_guide #main > .container > header > nav > a,
	#accueil_guide > nav > a,
	#autres_actus > a,
	#accueil_lebarreau > nav > a {
		width:		100%;
		max-width:	320px;
	}
	.page_guide #main > .container > header > nav > span:nth-child(2n),
	.page_guide #main > .container > header > nav > a:nth-child(2n),
	#accueil_guide > nav > a:nth-child(2n),
	#autres_actus > a:nth-child(2n),
	#accueil_lebarreau > nav > a:nth-child(2n) {
		margin-left:	0;
	}
	#formulaire_contact > fieldset > div.half {
		width:		100%;
	}
	#formulaire_contact > fieldset > div.half:nth-of-type(3) {
		margin-left:	0;
	}
	#formulaire_contact > fieldset > div.half > .texte {
		width:		94%;
		padding:	0 3%;
	}
	#accueil_actualites_slider article > header {
		top:		auto;
	}
	#accueil_actualites_slider #jamais-sans-mon-avocat article,
	#jamais-sans-mon-avocat iframe{
		max-width: 100% !important;
	}
	#accueil_actualites_slider #jamais-sans-mon-avocat article {
		position: absolute;
		height: auto !important;
		bottom: 0;
		padding: 0;
	}
	#accueil_actualites_slider #jamais-sans-mon-avocat article > header {
		position: static;
	}
    
    
    /** ACCUEIL **/
    /** ACCUEIL **/
    
}
/**** < 720 ****/



/**** < 620 ****/
@media screen and (max-width: 620px) {
    
	.nophone {
		display:	none;
	}
    
    
    
	/** GENERAL **/
	#page_ventesauxenchres #main > .container > section,
	.page_guide #main > .container > article,
	#page_actualite #main > .container > article {
		padding:	20px;
	}
    #accueil_recherche > fieldset > label {
        margin-left: 10px;
        margin-right: 10px;
    }
	/** GENERAL **/
    
    
    
	/** GALERIES **/
	.gallery > figure {
		width:		46%;
		margin-right:	8%;
		margin-bottom:	8%;
	}
	.gallery > figure:nth-child(3n) {
		margin-right:	8%;
	}
	.gallery > figure:nth-child(2n) {
		margin-right:	0;
	}
	/** GALERIES **/
    
    
    
	/** ANNUAIRE **/
	#page_actualite #main > .container > header > h1,
	#page_actualites #main > .container > header > h1,
	#page_annuaire #main > .container > section > header > h1 {
		width:	auto;
	}
	#page_actualites #main > .container > header > h2,
	#page_annuaire #main > .container > section > header > h2 {
		width:	auto;
		margin-bottom: 20px;
	}
	#page_actualite #main > .container > header > form,
	#page_actualites #main > .container > header > form,
	#page_annuaire #main > .container > section > header > form {
		position:	static;
		width:		auto;
	}
	#page_annuaire #main > .container > section > .display-grid > article {
		width:		92%;
		padding:	54% 1.5% 1.5% 1.5%;
		margin:		0 2.5% 10% 2.5%;
		height:		auto;
	}
	#page_annuaire #main > .container > section > .display-grid > article > header > a {
		top:			48%;
	}
	#page_annuaire #main > .container > section > .display-list {
		display:	block;
	}
	#page_annuaire #main > .container > section > .display-list > article {
		display:	block;
		min-height:	0;
		width:		auto;
		padding:	0 20px 20px 0;
		margin:		0 0 4px 0;
	}
	#page_annuaire #main > .container > section > .display-list > article > header {
		display:	block;
	}
	#page_annuaire #main > .container > section > .display-list > article > header > a {
		top:	auto;
		bottom:	-62px;
	}
	#page_annuaire #main > .container > section > .display-list > article > footer {
		display:	block;
		padding-top:	10px;
		padding-left:	20px;
		padding-right:	38px;
	}
	#page_annuaire #main > .container > section > .display-list > article > footer > address > div.distance {
		display:	none;
	}
	/** ANNUAIRE **/
	#page_actualite #main > .container > aside > article,
	#nos_actus > article {
		padding: 3%;
	}
	#page_avocat #main > .container > article > figure {
		float:		none;
		max-width:	none;
		text-align:	center;
		margin-left:	40px;
	}
	#page_avocat #main > .container > article > figure > img {
		display:	inline-block;
	}
	#specialisations > * {
		display:	block;
		width:		auto;
	}
}
/**** < 620 ****/