/*
Theme Name: Thème Ordre des Avocats
Description: This is a custom child theme for Salient
Author: Lauranne PUISSANT BERGER
Author URI: https://www.lauranne-sites-web.fr/
Template: salient
Version: 0.1
*/

/*
Couleurs 
Bleu foncé : #10165a
Doré : #a68456
Gris clair : #f2f2f2
Gris foncé texte : #919191
Gris foncé : #c6c6c6

*/


/************************ Elements salient ************************/
/*Liens*/
body .wpb_row[data-midnight="light"] .wpb_column a{
	color:#fff !important;
}
body .wpb_row[data-midnight="light"] .wpb_column a:hover{
	color:#fff !important;
	text-decoration:underline;
}
/*Onglets*/
body .tabbed[data-style="minimal_alt"] > ul > li:not(.cta-button) > a,
body .tabbed[data-style="minimal_alt"] > ul > li:not(.cta-button) > a.active-tab{
	font-weight:bold;
	color:#10165a !important;
	font-size:18px;
}
body .tabbed .wpb_tab{
	padding:30px 0;
}

/************************ Elements design ************************/
/* Accès rapides */
.wpb_row.acces-rapide.un .row-bg{
	background:url('images/fleche-acces-rapide.png') no-repeat top center;
}
.acces-rapide a{
	font-size:16px;
	line-height:16px;
}

/* Titre */
.titres-centres{
	text-align: center;
	color: #4e0532;
	font-size: 25px;
}

/* Bouton */
input[type="submit"],
button[type="submit"],
input[type="button"],
body[data-form-submit="regular"] input[type="submit"],
body[data-form-submit="regular"] button[type="submit"],
body[data-form-submit="regular"] .container-wrap input[type="submit"],
body[data-form-submit="regular"] .container-wrap button[type="submit"],
.bouton{
	display:inline-block;
	color:#fff !important;
	background:#4e0532;
	padding:6px 25px !important;
	border-radius:4px !important;
	transition:all 0.2s;
	font-size: inherit;
}
.bouton.secondaire{
	background:#bbb;
	line-height:23px;
}
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="button"]:hover,
.bouton:hover,
input[type="submit"]:focus,
button[type="submit"]:focus,
input[type="button"]:focus,
.bouton:focus,
body[data-form-submit="regular"] input[type="submit"]:hover,
body[data-form-submit="regular"] button[type="submit"]:hover,
body[data-form-submit="regular"] input[type="submit"]:focus,
body[data-form-submit="regular"] button[type="submit"]:focus{
	color:#fff !important;
	background:#d5bc9d!important;
	transition:all 0.2s;
	opacity:1;
}
.bouton img{
	display:inline-block;
	margin:0 5px 0 0 !important;
	vertical-align:middle;
}
.bouton.tel img{
	margin:0 0 0 5px !important;
}


/* Blocs téléchargement */
.telecharger{
	color:#d5bc9d;
	font-size:15px;
}
.telecharger hr{
	border:none;
	height:2px;
	background:#fff;
	margin: 18px 0 15px 0;
}
.telecharger p{
	padding:0;
}
.telecharger a{
	color:#fff;
	width:100%;
	display:inline-block;
	background:url('/wp-content/uploads/2019/09/Icone-telecharger.png') no-repeat right center;
	line-height:34px;
}

/* Autre */
.hidden{
	display:none;
}
.message-erreur{
	color:red;
}
.message-confirm{
	text-align:center;
	width:80%;
	max-width:500px;
	margin:0 auto;
}
.wpb_column[data-bg-cover="true"].background-left{
	background-position: left center;
}

.main-content p img.alignnone{
	margin:0 !important;
	display:inline-block;
}

/**************************** Header *****************************/
#header-outer[data-full-width="true"] header > .container,
#header-secondary-outer[data-full-width="true"] > .container{
	padding:0;
}
#header-outer header > .container .oda_header_zone_1,
#header-outer header > .container .oda_menu > nav{
	padding:0 28px;
	max-width:1301px;
	margin:auto;
}
header#top #logo {
	margin-top: 20px;
}
header#top #logo img{
	display:inline-block;
	vertical-align:middle;
}
#logo #oda_titre{
	display:none;
	vertical-align:middle;
	font-weight:500;
	color:#10165a;
	letter-spacing: 0;
	font-family: 'Catamaran', sans-serif;
	font-size: 25px;
	line-height: 30px;
}

#header-outer header > .container .oda_menu{
	padding: 0 0 15px;
}
header#top nav > ul{
	float:none;
	text-align:center;
}
header#top nav > ul > li{
	float: none;
	display: inline-block;
}
#header-outer:not([data-lhe="animated_underline"]) header#top nav > ul > li > a{
	padding:10px 0 !important;
	color:#888 !important;
    margin-left: 5px!important;
    margin-right: 5px!important;
}

#header-outer .oda_menu_right{
	display:flex;
	justify-content: flex-end;
	margin-top:15px;
}
#header-outer .oda_menu_right #search-btn .icon-salient-search{
	background:transparent;
	color:inherit;
	height:auto;
	top:0;
}
#header-outer .oda_menu_right #search-btn a{
	padding:10px 0 !important;
	border:none !important;
}
body #header-outer:not([data-lhe="animated_underline"]) header#top nav > ul.oda_menu_right > li#social-in-menu > a{
	margin:10px 0 !important;
	padding:0 !important;
}
#header-outer #login-logout{
	margin-top:10px;
	text-align:right;
}
#header-outer #login-logout .bouton{
	margin-bottom:7px;
	padding: 6px 15px !important;
}
@media only screen and (min-width: 1000px) and (max-width: 1080px) {
	body.ascend[data-slide-out-widget-area="true"] #header-outer[data-full-width="true"] header > .container{
		padding: 0 !important;
	}
}
@media screen and (max-width:1000px){
	#header-outer header > .container .oda_menu{
		padding:0;
	}
	header#top .span_9 > .slide-out-widget-area-toggle{
		right:15px;
	}
	#header-outer #login-logout{
		margin:15px 25px 15px 10px;
		width: 220px;
		float: right;
		line-height:1;
	}
	#header-outer #logo img{
		margin:0 15px;
	}
	#header-outer .oda_menu_right{
		display:none;
	}
	
	body[data-slide-out-widget-area="true"] header#top .oda_header_zone_1 .col.span_3{
		width: 510px !important;
	}
}

@media screen and (max-width:800px){
	#header-outer #oda_titre{
		display:none;
	}
	body[data-slide-out-widget-area="true"] header#top .oda_header_zone_1 .col.span_3{
		width: 120px !important;
	}
}
@media screen and (max-width:500px){
	#header-outer #logo img{
		margin:0;
	}
	header#top .span_9 > .slide-out-widget-area-toggle{
		right:5px;
	}
	#header-outer #login-logout {
		width: 140px;
	}
}
@media screen and (max-width:330px){
	body header#top .oda_header_zone_1 #logo img, 
	#header-outer[data-permanent-transparent="false"] .oda_header_zone_1 #logo .dark-version{
		height: 60px !important;
	}
	body[data-slide-out-widget-area="true"] header#top .oda_header_zone_1 .col.span_3{
		width: 90px !important;
	}
}

/* Form login */
#inline-form{
	width:450px;
	max-width:95%;
}
#inline-form h2{
	font-weight:500;
	border-bottom:1px solid #f2f2f2;
	padding-bottom:18px;
	margin-bottom:20px;
}
#inline-form .login-submit{
	text-align: center;
}
#inline-form .lostpw{
	text-align: right;
	padding-bottom:0;
}

/* Message première connexion */
#inline-form.premiere_connexion{
	width:700px;
}
#inline-form.premiere_connexion h2{
	text-transform:none;
}
#inline-form.premiere_connexion p,
#inline-form.premiere_connexion ul{
	padding-bottom:20px;
}
#inline-form.premiere_connexion ul li:before{
	content:'-';
	display:inline-block;
	margin-right:5px;
}
#inline-form.premiere_connexion label{
	cursor:pointer;
}


/* Sous-menu */
body[data-dropdown-style="minimal"][data-header-color="light"] #header-outer:not(.transparent) .sf-menu > li ul.sub-menu{
	border:none;
	padding:15px 0 0 0;
	background:#f2f2f2;
	text-align:left;
}
body[data-dropdown-style="minimal"][data-header-color="light"] #header-outer:not(.transparent) .sf-menu > li ul.sub-menu > li > a{
	padding:12px 15px;
	color:#10165a !important;
}

/*Menu mobile*/
#slide-out-widget-area .menuwrapper li{
	margin: 10px 0;
}

/**************************** Accueil ****************************/
/* Slider Actus */
.actualites-slider{
	padding:0 0 30px 20px;
}
.actualites-slider ul.actus-slider{
	list-style:none;
	padding:0;
	margin:0;
	min-height: 240px;
}
.actualites-slider ul.actus-slider li.actu,
.main-content ul.actus-slider li.actu{
	padding:0;
	margin:0;
	list-style:none;
}
.actualites-slider ul.actus-slider li.actu .slide-header{
	display:block;
	font-size:24px;
	line-height:30px;
	padding-bottom:20px;
	border-bottom:1px solid #fff;
}
.actualites-slider ul.actus-slider li.actu .slide-main{
	display:block;
	padding-top:20px;
	text-align:justify;
}
.actualites-slider ul.actus-slider li.actu .slide-header:hover,
.actualites-slider ul.actus-slider li.actu .slide-main:hover{
	text-decoration:none;
}

.actualites-slider .lSSlideOuter .lSPager.lSpg{
	text-align:right;
}
.actualites-slider .lSSlideOuter .lSPager.lSpg > li a{
	background:#fff;
	color: transparent !important;
}
.actualites-slider .lSSlideOuter .lSPager.lSpg > li.active a,
.actualites-slider .lSSlideOuter .lSPager.lSpg > li:hover a{
	background:#222;
}


/* Slider Agenda */
.agenda-slider ul.evenements-slider{
	list-style:none;
	padding:0;
	margin:0;
}
.agenda-slider ul.evenements-slider li.evenement,
.main-content ul.evenements-slider li.evenement{
	padding:0;
	margin:0;
	display:flex;
	color:#fff;
	background:#c6c6c6;
	min-height:180px;
	list-style:none;
	height:100%;
}
.agenda-slider ul.evenements-slider li.evenement:nth-child(2n){
	background:#10165a;
}
.agenda-slider ul.evenements-slider li.evenement .slide-header{
	border-right:1px solid #fff;
	font-size:30px;
	line-height:1.1;
	text-transform:uppercase;
	color:#fff!important;
	padding:40px;
	max-width:280px;
}
.agenda-slider ul.evenements-slider li.evenement .slide-main{
	color:#fff!important;
	padding:40px;
	text-align:justify;
}
.agenda-slider ul.evenements-slider li.evenement .slide-main .slide-title{
	display:block;
	font-size:15px;
	margin-bottom:10px;
}
.agenda-slider .lSAction > a{
	top: 85%;
}

@media screen and (max-width:600px){
	.agenda-slider ul.evenements-slider li.evenement .slide-header{
		font-size:20px;
		padding:40px 30px;
	}
}
@media screen and (max-width:480px){
	.agenda-slider ul.evenements-slider li.evenement,
	.main-content ul.evenements-slider li.evenement{
		flex-direction:column;
	}
	.agenda-slider ul.evenements-slider li.evenement .slide-header{
		border-right:none;
		border-bottom:1px solid #fff;
		max-width:100%;
		padding:40px;
	}
	.agenda-slider .lSAction > a{
		top: 80px;
	}
}

/*Partenaires*/
.home .partenaires .carousel-outer{
	overflow:visible;
}

/*************************** Annonces ****************************/
.annonces .annonce{
	padding:20px;
	border:1px solid #10165a;
	border-top:0;
}
.annonces .annonce:first-child{
	border-top:1px solid #4e0532;
}
.annonces .annonce > img{
	margin:0 40px 0 0;
	width:150px;
	float:left;
}
.annonces .annonce main{
	width:100%;
	padding-left:190px;
}
.annonces .annonce h2{
	font-weight:bold;
	color:#4e0532 !important;
	font-size:18px;
	margin:0;
	line-height:1;
}
.annonces .annonce hr{
	border:none;
	width:30%;
	height:2px;
	background:#4e0532;
	margin: 08px 0 10px 0;
}
.annonces .annonce main a.telecharger{
	float:right;
	font-weight:bold;
	font-size:15px;
	color:#4e0532 !important;
}
.annonces .annonce main a.telecharger:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:34px;
	height:34px;
	background:url('/wp-content/uploads/2019/09/Icone-telecharger.png') no-repeat;
	margin-left:10px;
}
.annonces .annonce main a.telecharger:hover,
.annonces .annonce main a.telecharger:focus{
	color:#d5bc9d!important;
}

/************************** Evenements ****************************/
.evenements .evenement{
	display:flex;
	padding:20px 0;
	border-bottom:1px solid #f2f2f2;
}
.evenements .evenement header{
	width:30%;
}
.evenements .evenement main{
	width:50%;
}
.evenements .evenement footer{
	width:20%;
	text-align:right;
}
.evenements .evenement header h2{
	font-weight:bold;
	color:#10165a !important;
	font-size:22px;
	margin:0 0 5px 0;
	line-height:1;
}
.evenements .evenement header p{
	padding:0 0 5px 0;
	font-weight:600;
	font-size:16px;
}
.evenements .evenement header h3{
	font-weight:normal;
	color:#a68456 !important;
	font-size:18px;
	margin:0;
	line-height:1;
}
.evenements .evenement footer.deux-liens .bouton{
	margin-bottom:3px;
	min-width:185px;
	text-align:center;
}

@media screen and (max-width:1000px){
	.evenements .evenement{
		flex-direction:column;
	}
	.evenements .evenement header,
	.evenements .evenement main,
	.evenements .evenement footer{
		width:100%;
		text-align:left;
		margin: 7px 0;
	}
}


#liens-nav-evenement{
	text-align:right;
	font-weight:500;
}
#liens-nav-evenement a{
	color:#4e0532 !important;
}
#liens-nav-evenement span{
	display:inline-block;
	width:20px;
}

/********************** Liste d'actualités ***********************/
#post-area.masonry article.post.masonry-blog-item{
	height:320px !important;
}
.posts-container article.animated-in .inner-wrap {
	box-shadow:none !important;
	background:#d5bc9d;
	color:#fff;
}
.posts-container article.animated-in:nth-child(2n) .inner-wrap{
	background:#4e0532;
}
.masonry.classic_enhanced .masonry-blog-item .article-content-wrap,
.masonry.classic_enhanced article.post .excerpt,
.masonry.classic_enhanced .post-header,
.masonry.classic_enhanced .masonry-blog-item h3.title {
	background:transparent;
	color:#fff;
}
.masonry article.post .post-meta,
.masonry article.post .meta-category,
.masonry article.post .post-featured-img{
	display:none !important;
}

/******************* Page Conseil de l'Ordre *********************/
#conseil img.alignnone{
	float:right;
	margin-right:30px !important;
}
/************************* Newsletters ***************************/
#page_newsletter h1{
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid #eee;
	text-align:center;
}

#page_newsletter #news_actus{
	padding:40px;
}
#page_newsletter .n_actu,
#page_newsletter .n_event,
#page_newsletter .n_form{
	display:flex;
	justify-content:space-between;
	margin-top:20px;
}
#page_newsletter .n_actu main,
#page_newsletter .n_event main,
#page_newsletter .n_form main{
	padding: 0 35px 0 0;
}
#page_newsletter .n_actu footer,
#page_newsletter .n_event footer,
#page_newsletter .n_form footer{
	min-width:150px;
}

#page_newsletter #news_forms{
	padding:40px;
	background:#a68456;
	color:#fff;
}
#page_newsletter #news_forms h2,
#page_newsletter #news_forms h3,
#page_newsletter #news_forms a{
	color:#fff !important;
}
#page_newsletter #news_forms .bouton{
	color:#a68456 !important;
	background:#fff;
}
#page_newsletter #news_forms .bouton:hover,
#page_newsletter #news_forms .bouton:focus{
	color:#fff !important;
	background:#10165a !important;
}

#page_newsletter #news_events{
	padding:40px;
	background:#10165a;
	color:#fff;
}
#page_newsletter #news_events h2,
#page_newsletter #news_events h3,
#page_newsletter #news_events a{
	color:#fff !important;
}
#page_newsletter #news_events .bouton{
	color:#10165a !important;
	background:#fff;
}
#page_newsletter #news_events .bouton:hover,
#page_newsletter #news_events .bouton:focus{
	color:#fff !important;
	background:#a68456 !important;
}

#page_newsletter #news_annonces{
	padding:40px;
	background:#f3f3f3;
}
#page_newsletter #news_annonces .liste-annonces{
	display:flex;
	justify-content:space-between;
}
#page_newsletter #news_annonces .n_annonce{
	width:30%;
	margin-top:20px;
}
#page_newsletter #news_annonces .n_annonce h3{
	color:#10165a !important;
	font-size:17px;
	line-height:1.2;
}
#page_newsletter #news_libre{
	padding:40px;
}

#page_newsletter #news_partenaires{
	text-align: center;
}

/************************* Formulaires ***************************/
body .container-wrap input[type="text"],
body .container-wrap input[type="password"],
body .container-wrap input[type="number"],
body .container-wrap input[type="email"],
body .container-wrap select,
body .container-wrap textarea{
	background:#f2f2f2 !important;
	border:1px solid #fff !important;
	box-shadow:none !important;
	font-family:'Catamaran', sans-serif;
	padding: 11px 15px !important;
	transition:all 0.2s;
	font-size: 14px;
	width:100%;
}
body .container-wrap input[type="number"]{
	line-height: 24px;
}
body .container-wrap input[type="text"]:focus,
body .container-wrap input[type="password"]:focus,
body .container-wrap input[type="number"]:focus,
body .container-wrap input[type="email"]:focus,
body .container-wrap select:focus,
body .container-wrap textarea:focus{
	border:1px solid #444 !important;
	transition:all 0.2s;
}

/* Formulaire de connexion */
#inline-form input[type="text"],
#inline-form input[type="password"],
#inline-form input[type="email"],
#inline-form select{
	background:#fff !important;
	border:1px solid #444 !important;
}
#inline-form input[type="text"]:focus,
#inline-form input[type="password"]:focus,
#inline-form input[type="email"]:focus,
#inline-form select:focus{
	background:#f7f7f7 !important;
}

/* Formulaire annonce */
.form-annonce{
	display:flex;
}
.form-annonce p{
	padding:0;
	margin:10px 0;
}
.form-annonce label img{
	display:inline-block;
	vertical-align:middle;
	margin-bottom:0 !important;
}
.form-annonce .label-file{
	cursor: pointer;
	text-decoration:underline;
}
.form-annonce .label-file:hover,
.form-annonce .label-file:focus{
   text-decoration:none;
}
.form-annonce .input-file{
    display: none;
}
.form-annonce .form-image .zone-photo{
	background:#f2f2f2;
	margin:0 10px 7px 0;
	display: block;
}
.form-annonce .form-image .zone-photo img{
	padding:60px 60px 50px 60px;
}
.form-annonce .form-main{
	width:100%;
	padding-left:60px;
}
.form-annonce .form-main p.form-row{
	display:flex;
	margin:0 0 7px 0;
}
.form-annonce .form-main .form-row select{
	margin-right:10px;
}
.form-annonce .form-main .form-row select option:first-child{
	color:#aaa;
}
.form-annonce .form-main textarea{
	height:102px;
}
.form-annonce .bouton{
	float:right;
}
.form-annonce .legende{
	font-size:12px;
}

ul.tml-action-links{
	list-style:none !important;
	padding:0 !important;
	margin:20px 0 !important;
}
ul.tml-action-links li{
	list-style:none !important;
	padding:0;
	margin:0;
}
/************************ Page mon compte *************************/

/*Zone mon compte*/
#mon-compte .zone-mon-compte{
	padding:20px 0 0 0;
}
#mon-compte .zone-mon-compte::after{
	content:'';
	display:block;
	width:60%;
	height:1px;
	border-bottom:2px solid #f2f2f2;
	margin-top:20px;
	clear: both;
}
#mon-compte .zone-mon-compte:last-child::after{
	display:none;
}

#mon-compte .zone-mon-compte p{
	padding: 9px 0;
}
#mon-compte .zone-mon-compte p.spe{
	padding: 1px 0;
}
#mon-compte .zone-mon-compte p.tel{
	padding: 9px 0 1px 0;
}
#mon-compte .zone-mon-compte p.fax{
	padding: 1px 0 9px 0;
}
#mon-compte .zone-mon-compte .titre{
	font-weight:bold;
	color:#4e0532;
}
#mon-compte .zone-mon-compte .titre.spe_titre{
	padding: 10px 0 5px 0;
}
#mon-compte p.legende{
	font-style:italic;
}

#mon-compte .zone-mon-compte #photo{
	float: left;
    margin: 0 15px 10px 0;
}
#mon-compte .zone-mon-compte p.nom{
	font-size:25px;
	font-weight:bold;
	color:#4e0532;
}
#mon-compte .zone-mon-compte p.cabinet{
	font-size:23px;
	color:#4e0532;
}

#mon-compte .zone-mon-compte p.tel{
	font-size:16px;
}

/*Zone mon adresse*/
#mon-adresse{
	display: block;
	padding:15px 30px 10px 30px;
	background: #d5bc9d;
	color:#fff;
	margin:20px 0 30px 0;
}
#mon-adresse p{
	padding:3px 0;
}
#mon-adresse p.titre{
	font-weight:bold;
	font-size:18px;
}

/*Liens*/
#liens-mon-compte,
#liens-mon-compte li{
	list-style:none;
	padding:0;
	margin:0;
}

#liens-mon-compte li{
	margin-bottom:3px;
}
#liens-mon-compte li a{
	display:block;
	position:relative;
	width:100%;
	background:#f2f2f2;
	color:#4e0532;
	padding:15px 25px;
	font-weight:bold;
	font-size:18px;
}
#liens-mon-compte li a img{
	display:inline-block;
	vertical-align:middle;
	margin:0 30px 0 0;
}
#liens-mon-compte li a span{
	display:inline-block;
	vertical-align:middle;
}
#liens-mon-compte li a::after{
	content: '>';
	position: absolute;
	right: 25px;
	font-size: 35px;
	top: 25px;
}
@media screen and (max-width:500px){
	#liens-mon-compte li a{
		padding:13px 20px;
		font-size:15px;
	}
	#liens-mon-compte li a img{
		margin:0 15px 0 0;
	}
	#liens-mon-compte li a::after{
		right: 15px;
		font-size: 30px;
		top: 23px;
	}
}

/******************* Page modifier mes infos *********************/
#mon-compte.modifier p{
	padding: 2px 0;
}
#mon-compte.modifier p.legende{
	padding: 12px 0;
}

body .container-wrap #mon-compte.modifier input[type="text"],
body .container-wrap #mon-compte.modifier input[type="email"],
body .container-wrap #mon-compte.modifier select{
	border:1px solid #222 !important;
	border-radius:4px;
	padding: 3px 10px !important;
	margin:3px 0;
}
body .container-wrap #mon-compte.modifier input[type="text"]#telephone,
body .container-wrap #mon-compte.modifier input[type="text"]#fax,
body .container-wrap #mon-compte.modifier input[type="email"]#email,
body .container-wrap #mon-compte.modifier input[type="text"]#site_web{
	width:250px;
}
body .container-wrap #mon-compte.modifier input[type="text"]#prenom,
body .container-wrap #mon-compte.modifier input[type="text"]#nom{
	font-size:24px !important;
	color:#10165a;
}

/*Photo*/
#mon-compte.modifier .zone-mon-compte .avec-image{
	display:flex;
	justify-content:space-between;
}

#mon-compte.modifier .form-image{
	margin-bottom:0 !important;
	width:125px;
	margin:0 20px 7px 0;
}
#mon-compte.modifier label img{
	display:inline-block;
	vertical-align:top;
	margin-bottom:0 !important;
}
#mon-compte.modifier .label-file{
	cursor: pointer;
}
#mon-compte.modifier .label-file:hover,
#mon-compte.modifier .label-file:focus{
	text-decoration:underline;
}
#mon-compte.modifier .input-file{
    display: none;
}
#mon-compte.modifier .form-image .zone-photo{
	background:#f2f2f2;
	display: block;
	width:125px;
	margin-bottom:5px;
}

/*Langues*/
#mon-compte.modifier #add_langue{
	display: inline-block;
	margin-top:15px;
	cursor:pointer;
}
#mon-compte.modifier #add_langue::before{
	content:'+';
	display:inline-block;
	background:#10165a;
	color:#fff;
	padding:0 5px;
	border-radius:25px;
	margin-right:10px;
	vertical-align:middle;
}

/*********************** Moteur de recherche ************************/
#oda_moteur_recherche{
	display:flex;
	justify-content:space-between;
    align-items: center;
}
#oda_moteur_recherche #titre,
#oda_moteur_recherche #zone-bouton{
	width:325px;
}
#oda_moteur_recherche #champs{
	display:flex;
	flex-wrap: wrap;
}
#oda_moteur_recherche #champs span{
	width: 33%;
	padding:0 10px 20px 10px;
}
#oda_moteur_recherche #titre{
	font-size:24px;
	padding-right:25px;
	line-height:28px;
	text-transform: uppercase;
	text-align: left;
}
#oda_moteur_recherche #zone-bouton{
	padding-left:10px;
	text-align:right;
}
#oda_moteur_recherche #zone-bouton input[type="submit"]{
	background:#d5bc9d !important;
	border-radius:5px !important;
	font-size: 15px !important;
	font-weight:bold;
	padding: 8px 25px !important;
}
#oda_moteur_recherche #zone-bouton input[type="submit"]:hover{
	opacity:1;
}
#oda_moteur_recherche #champs input,
#oda_moteur_recherche #champs select{
	color:#555555;
	padding:9px 15px !important;
	font-weight:bold;
	font-size: 15px !important;
	border-radius:5px;
}
#oda_moteur_recherche #champs select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#f2f2f2 url('images/fleche-annuaire-2.png') no-repeat right 10px center !important;
	cursor:pointer;
	padding-right:35px !important;
}

#legende-moteur-recherche{
	text-align:center;
	padding-top:10px;
}

@media screen and (max-width:1000px){
	#oda_moteur_recherche{
		flex-direction: column;
	}
	#oda_moteur_recherche #titre,
	#oda_moteur_recherche #zone-bouton{
		width:100%;
		text-align:center;
		padding:10px 0 20px 0;
	}
}
@media screen and (max-width:700px){
	#oda_moteur_recherche #champs span{
		width:50%;
	}
}
@media screen and (max-width:470px){
	#oda_moteur_recherche #champs span{
		width:100%;
	}
}

/********************* Résultats de recherche **********************/
#nombre_resultats{
	margin-left:1%;
	text-transform:uppercase;
	color:#4e0532;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
}



#resultats_annuaire{
	display:flex;
	flex-wrap: wrap;
}
#resultats_annuaire .avocat{
	width:31%;
	margin:30px 1%;
	background:#f3f3f3;
	padding:30px 20px;
}
#resultats_annuaire .avocat header{
	padding-bottom:30px;
	border-bottom:2px solid #ddd;
}
#resultats_annuaire .avocat header .photo{
	float:left;
	margin:0 15px 10px 0;
}
#resultats_annuaire .avocat header h1{
	font-size:22px;
	line-height:24px;
}
#resultats_annuaire .avocat header .sous-titre{
	font-size:15px;
	line-height:17px;
}
#resultats_annuaire .avocat header .cabinet{
	font-size:17px;
	line-height:19px;
	color:#4e0532;
}
#resultats_annuaire .avocat main{
	padding-bottom:30px;
	padding-top:30px;
}
#resultats_annuaire .avocat main .telephone{
	font-size:15px;
	padding-bottom:20px;
}
#resultats_annuaire .avocat main p{
	padding-bottom:2px;
}
#resultats_annuaire .avocat main hr{
	border:none;
	height:2px;
	background:#ddd;
	margin:20px 0;
}
#resultats_annuaire .avocat h2{
	text-transform:none;
	font-size:14px;
	line-height:16px;
	padding-bottom:5px;
}
#resultats_annuaire .avocat footer{
	text-align:right;
	font-weight:bold;
}
#resultats_annuaire .avocat footer a{
	color:#4e0532 !important;
}

@media screen and (max-width:1200px){
	#resultats_annuaire .avocat{
		width:48%;
	}
}
@media screen and (max-width:690px){
	#resultats_annuaire .avocat{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
}

#annuaire_pagination{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	word-spacing:7px;
}
#annuaire_pagination #current{
	font-weight:900;
	color:#a68456;
}
/**************************** Footer *****************************/
#footer-outer .col:first-child{
	border-right:2px solid #fff;
	padding-right:20px;
}
#footer-outer .col.span_6.col_last .widget{
	margin-top: 0;
}
#footer-outer .widget{
	margin-bottom:0;
}
#footer-outer .textwidget{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

#footer-outer .textwidget img,
#footer-outer .textwidget p{
	padding:0 10px !important;
	margin:0;
}
#footer-outer .textwidget img:first-child{
	padding-left:0 !important;
}

@media screen and (max-width:1000px){
	#footer-outer .textwidget{
		flex-direction: column;
		text-align:center;
		align-items: center;
	}
	
	#footer-outer .textwidget img,
	#footer-outer .textwidget p{
		padding:10px !important;
	}
	#footer-outer .textwidget img:first-child{
		padding-left:10px !important;
	}
}
@media screen and (max-width:680px){
	#footer-outer .col:first-child{
		border-right:none;
		padding-right:0px;
	}
}

#footer-outer #copyright{
	padding-top:0;
}
#footer-outer #copyright .col.span_5{
	border:none;
	padding-right:0;
	width:100%;
}