/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
.navbar, 
.navbar-inner, 
.nav,
.navbar-inverse {
	background: none;
	filter:none;
	border:none;
	padding:0;
	margin:0 !important;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.nav i.icon-sort-up { 
	position:absolute; 
	font-size:13px;
	bottom:-6px;
}
.navbar-inner {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.navbar .nav > li { 
	display: inline-block; 
}
.navbar .nav > li > a {
    float: left;
}
.collapse.in ul { 
	margin-top:10px !important;
}
.collapse.in li a { 
	padding:0 10px;
	border-bottom:solid 1px #eee;
	background:none;
}
.collapse.in li a:hover,
.collapse.in li a.dropdown-toggle { 	
	background:none;
}
.collapse.in ul.dropdown-menu {
	margin-bottom:5px;
}
.collapse.in ul.dropdown-menu a {
	padding:5px;
	border-bottom:solid 1px #bbb; 
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {	
	border-radius:0 !important;
}
.navbar .nav > li.current_menu> a {
color: #fff;
background: #2f6567;
}
.navbar .nav > li > a:focus,.navbar .nav > li > a:hover {
color: #A3A3A3;
border: none;
}
.main-navigation ul {}
.home .main-navigation ul {background: transparent;z-index: 1000;}
.main-navigation li a {
	border-bottom: 0;
	color: #e1e1e1;
	white-space: nowrap;
	line-height: 1em;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	height: auto;
	top: 0;
	position: relative;
	vertical-align: middle;
}
.main-navigation li a:hover {
color: #ddd;
}
/* Buttons */
input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
.main-navigation ul.nav-menu.toggled-on {
	display: inline-block;
}
/*Arrow for menu*/
.navbar .nav > li > a .caret {
  margin:9px 0 0 3px !important;	
  border-top-color: #72c02c!important;	
  border-bottom-color: #72c02c !important;
}

/*Dropdown Menu*/
.dropdown-menu { 
	padding:0;
	border:none;
	margin-top:-2px; 
	min-width:200px;
	border-radius:0; 
	border-top:solid 2px #72c02c; 
	border-bottom:solid 2px #687074; 
	z-index: 9999 !important;
}
.dropdown-menu li a { 
	color:#687074; 
	font-size:13px; 
	font-weight:400; 
	padding:6px 15px; 
	border-bottom:solid 1px #eee;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color:#ffffff;
  background:#687074 !important;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
	filter:none !important;
}

.dropdown-menu .active > a {
	color:#ffffff !important;
  	background:#687074 !important;
	filter:none !important;
}

.navbar .btn-navbar {
	padding:10px 15px;
	margin-top:1px;
	margin-right:0;
	background:#72c02c;
	border:none !important;	
}
.navbar .btn-navbar:hover {
	background:#5fb611;
}
.navbar .btn-navbar span, 
.navbar .btn-navbar:hover span { 
	background:#fff !important;
	box-shadow:none !important;
}

.navbar .nav > li > .dropdown-menu:after {
	left:19px;
}
.navbar .nav > li > .dropdown-menu:before {
	left:18px;
	border-bottom:none;
}
.navbar .nav > li > .dropdown-menu:after {
	left:19px;
	border-top-color: #72c02c !important;
	border-bottom-color: #72c02c !important;
}

/*Search*/
.navbar .search-open {
	right:0; 
	top:44px; 
	display:none;
	padding:15px; 
	position:absolute; 
	background:#fcfcfc; 
	border-top:solid 2px #eee; 
}

.navbar .search-open form,
.navbar .search-open .input-append {
	margin:0 !important;	
}

.navbar a.search i.icon-remove {
	top:2px;
	font-size:18px;
	position:relative;
}

.navbar .nav > li > a.search {
	color:#aaa;
	cursor:pointer;
	background:#f7f7f7;
	padding:8px 12px 10px;
	border-bottom-color:#aaa;
}
.navbar .nav > li > a.search:hover {
	color:#72c02c;
	border-bottom-color:#72c02c;
}

/*Fancybox for gallery page*/
.fancybox-overlay.fancybox-overlay-fixed {
	z-index:9999;
}
/*Arrows*/
.arrows .arrow-right{
float: right;
}
.arrows .arrow-left{
float: left;
}
.arrow-left {
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #095f60;
display: block;
}
.arrow-right {
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #095f60;
display: block;
}

.arrow-down {
width: 0px;
height: 0px;
border-right: 10px solid transparent;
border-top: 10px solid #095f60;
border-left: 10px solid transparent;
display: block;
clear: both;
margin: 0 auto;
}
.meta-nav{
display:none;
} 

/*General*/
.backHeader-home{height: 542px;background: #F5f5f5 url("images/headers/main-background-2.jpg") center top no-repeat;background-size: cover;}
.backHeaderdefault{
height: 390px;
background:#F5f5f5 url("images/honoraires-5.jpg") center top no-repeat;
background-size: cover!important;
}
.backHeader-le-cabinet { 
background:#F5f5f5 url("images/cabinet.jpg") center top no-repeat;
}
.backHeader-honoraires{ 
background:#F5f5f5 url("images/honoraires-5.jpg") center top no-repeat;
}
.backHeader-contact {
background:#F5f5f5 url("images/contact.jpg") center top no-repeat;
}
.backHeader-droit-des-affaires {
background:#F5f5f5 url("images/droit-des-affaires.jpg") center top no-repeat;
}
.backHeader-category {
height: 451px;
background:#F5f5f5 url("images/actualites.jpg") center top no-repeat;
background-size: cover!important;
}
.backHeader-droit-du-travail{
background:#F5f5f5 url("images/droit-du-travail.jpg") center top no-repeat;
color: #fff;
background-size: cover;
}
.backHeader-mentions-legales{ 
height: 451px;
background:#F5f5f5 url("images/droit-du-travail.jpg") center top no-repeat;
color: #fff;
}

.logo {background: transparent url("images/logo-Ellia-avocats.png") center center no-repeat;width: 243px;height: 243px;position: relative;top: 98px;z-index: 10;}
.contact_header{ 
color:#f5f5f5;
background:#002a4f;
}
.plan{height: 20px;background:url("images/plan.png") left center no-repeat;}
section {
padding: 150px 0 0;
min-height: 0;
height: auto;
margin-top: 0;
}
ul{
padding:0;
}
.title_image {
bottom: 0;
position: absolute;
color: white;
background: rgba(0, 0, 0, 0.8);
padding: 0.6em;
width: 100%;
}
/*menu sidebar photos*/
#galeries .current_item, #galeries .current_item a, #galeries .current-menu-item, #galeries .current-menu-item a, #galeries_videos .current_item, #galeries_videos .current-menu-item{
color: black;
background: white;
font-style: italic;
}
.minilogo{
background: url("./images/minilogo.png") center center no-repeat;
height: 70px;
}
.logged-in-as{
display:none;
}
/* formulaires*/
form label{
color: #151515;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
border:1px solid #b7b7b7!important;
height: 200px;
}
form input[type="submit"]{
color: #fff;
float: right;
}
#searchsubmit{
background:url("./images/search.png") center top no-repeat; 
height: 34px;
width:42px;
border: none;
border: 1px solid white;
}
#searchsubmit:hover{
opacity:0.6;
}
#s {
padding: 8px 8px 9px;
border: none;
font-style:italic;
}
.searchform{
display:none;
}
/*Livre d'or*/
.livre h2, .livre h3 {
text-align: left;
letter-spacing: 0em;
}
.livre  h3 {
text-transform:none;
}
.author {
font-weight: 700;
}
/*Sidebar*/
.sidebar-left,.sidebar-left h5 {
    color: white;
    background: black;
}
.sidebar-left h5 {
   padding: 0 15px;
margin: 25px 0 8px;
}
ul, li {
text-align: justify;
color: #000;
}
.sidebar-left li{
cursor: pointer;
padding: 4px 15px;
}
.sidebar-left li:hover{
   cursor:pointer;
   background:white;color:black;
}
a.livre {
background: black;
padding: 8px 12px;
float: right;
font-family: 'Open Sans', sans-serif;
letter-spacing: .1em;
color: #fff;
font-size: 0.875em;
text-transform: uppercase;
font-weight: 900;
clear: both;
}
.comment-form-comment {
width: 100%;
}
.encart_blanc_home {
background: white;
color: #000;
}
.page .encart_blanc_home, .category .encart_blanc_home, .single .encart_blanc_home {
margin-top: -70px;
}

.home .encart_blanc_home {top: 0px;position: relative;margin-top:  0;padding: 0 4%;}
.encart_blanc_home li{
padding-left: 0px;
list-style-position: inside;
}


/* special*/
.float {
float: left!important;
}
.floatright {
float: right!important;
}
.nopadleft {
padding-left: 0!important;
}
.nopadright{
padding-right: 0!important;
}
.nomarg {
margin: 0!important;
}
.nofloat {
float: none!important;
}
.centermarg{
margin-right: auto!important;
margin-left: auto!important;
}
.border-menu {
    border-top: solid 1px #DFDFDF;
    border-bottom: solid 1px #DFDFDF;
    z-index: 0;
}
.border-left{
border-left: solid 1px #DFDFDF;
}

.text-right{
text-align:right;
}

.col-lg-padleft-1 {
padding-left: 8.333333333333332%;
}
.col-lg-padleft-2 {
padding-left: 16.666666666666664%;
}
.col-lg-padleft-3 {
padding-left: 25%;
}
.col-lg-padleft-4 {
padding-left: 33.33333333333333%;
}
.col-lg-padleft-5 {
padding-left: 41.66666666666667%;
}
.col-lg-padleft-6 {
padding-left: 50%;
}
.col-lg-padleft-7 {
padding-left: 58.333333333333336%;
}
.col-lg-padleft-8 {
padding-left: 66.66666666666666%;
}
.col-lg-padleft-9 {
padding-left: 75%;
}
.col-lg-padleft-10 {
padding-left: 83.33333333333334%;
}
.col-lg-padleft-11 {
padding-left: 91.66666666666666%;
}

.col-lg-padright-1 {
padding-left: 8.333333333333332%;
}
.col-lg-padright-2 {
padding-left: 16.666666666666664%;
}
.col-lg-padright-3 {
padding-left: 25%;
}
.col-lg-padright-4 {
padding-left: 33.33333333333333%;
}
.col-lg-padright-5 {
padding-left: 41.66666666666667%;
}
.col-lg-padright-6 {
padding-left: 50%;
}
.col-lg-padright-7 {
padding-left: 58.333333333333336%;
}
.col-lg-padright-8 {
padding-left: 66.66666666666666%;
}
.col-lg-padright-9 {
padding-left: 75%;
}
.col-lg-padright-10 {
padding-left: 83.33333333333334%;
}
.col-lg-padright-11 {
padding-left: 91.66666666666666%;
}


.w230{
width:31%;
}
.w150{
width:150px;
width:20%;
}
.w350{
width:350px;
width:47%;
}
.w110{
width:110px;
width:15%;
}

.h140{
height:140px;
}
.h220{
height:220px;
}
.h215{
height:215px;
}
.h450{
height:460px;
}
.h460{
height:460px;
}
.category .entry-thumbnail{
float:left;margin-right:20px;
}
.category .entry-title{
clear:none;
}
#openchat {
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    background: #002a4f;
    color: #fff;
    padding: 8px;
    margin-top: 15px;
    cursor: pointer;
}

/*CUSTOM*/
.container-home {
	padding: 0;
}
.adresse h5, .tel h5, .email h5, .fonde {
	line-height: 17pt;
	font-weight: 400;
	text-transform: none;
	font-size: 16px;
	margin-bottom: 0;
}
.photoval {
		float: right;

}
.fonde {
    float: right;
    padding: 0 20px 0 0;
}
.justifycenter {
	text-align: justify;
}
.border-page {
	border-top: 1px solid #002d50;
}
/* Navigation Menu */
.home .main-navigation {
	background:none;
}
.main-navigation {
	text-align: center;
	background: rgba(0, 0, 0, 0.66);
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on {
	display: inline-block;
	width: 100%;
	padding: 0 16%;
}
/*MENU 2*/
/* Minimum width of 600 pixels. */
@media screen and (min-width: 840px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	.site-content {
		float: left;
		width: 65.104166667%;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 26.041666667%;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #ffffff;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 0.2rem 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}


/*END MENU 2*/

/*MENU*/
.menu-toggle {
	    background-color: #fff;
	    color: #1A1A1A;
	    font-size: 13px;
	    font-size: 12pt;
	    margin: 20px auto;
	    padding: 0.7em 1em;
	    font-family: FontAwesome!important;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    border: 1px solid #fff;
	    z-index: 5000;
	    text-align: center;
	    display: table;
}
.menu-toggle:before {
    content: "\f0c9";
}
.menu-menu-container {
	width: 100%;
}
.menu-menu-container.toggled-on {
	background: #fff;
}
#site-navigation.toggled-on {
	background: #fff;
	text-align: center;
	z-index: 500;
	-webkit-box-shadow: 0 5px 5px 0 #BDBDBD;
	box-shadow: 0 5px 10px 0 #BDBDBD;
	padding-bottom: 35px;
}
.toggled-on li {
	list-style: none;
	text-align: center;
	width: 100%;
	margin: 0;
}
.toggled-on li ul li a {border-top: 1px solid #d4d3d3;font-weight: 400;}
.toggled-on li a{
	color: #002a4f;
	font-weight: 700;
	text-decoration: none;
	text-align:  center;
	border-top: 1px solid #9bb1c5;
	width: 100%;
	display: block;
	padding: 17px 0;
	font-size: 13px;
}
.toggled-on li a:hover {
	color: #000;
	opacity: 0.8;
}
.toggled-on li#menu-item-240 a {
	border: none;
	background: url(images/linkedin-navy.png) center center no-repeat;
	font-size: 1pt;
	width: 40px;
	height: 35px;
	display: inline-block;
}
.quotehome {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	font-size: 13pt;
	color: #002a4f;
	background: url(images/quote.png) no-repeat top center;
}
/*END MENU*/
#linkedin-menu {
}
#menu-item-240:hover {
opacity: 0.7;
}
#menu-item-240 a {
background: url("images/linkedin.png") center center no-repeat;
font-size: 1pt;
width: 40px;
height: 35px;
}


#adresse-home {
	width: 33%;
	float: left;
	padding: 0 20px 0 0;
}
#tel-home {
	width: 25%;
	float: left;
}
#maitre-home {
	float: right;
	width: 40%;
}
a.savoirplus {
	text-decoration: none;
	padding: 9px 25px;
	border: 1px solid #002d50;
}
a.savoirplus:hover {background-color: #002d50;color: #fff;}


/* END CUSTOM */