/*
Theme Name: mon-aide-juridique
Theme URI: 
Author: mon-aide-juridique
Author URI: mon-aide-juridique.com
Description:
Version: 1.0
*/

.suivre.clearfix {
    display: none;
}
.hidden-xs {
    margin-top: 80px;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700,900);
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
ul{margin:0;padding: 0}
li{list-style: none}
a{color:#185390;-webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;}
a:hover{cursor:pointer;text-decoration: none;opacity: 0.7}
/**=========================Main style=========================**/
body{font-family: 'Open Sans', sans-serif;text-align: justify}


/*===========================
$$$$$$$     HEADER   $$$$$$$$
============================*/

header{background-color:#cbc3b7;padding-bottom:10px;}
header.f-nav {
    position:fixed;
    top:0px;
    left:0;
    right: 0;
    background-color: #cbc3b7;
    z-index: 99;
    padding-bottom: 0;
}
header nav.social{margin-top:20px;text-align: right}
header nav.social figure{display: inline-block}
header nav.social figure span.share{
    background-image: url('img/social.png');
    background-repeat: no-repeat;
    height: 36px;
    vertical-align: middle;
    width: 36px;
    display: block
}
header nav.social figure span.facebook{background-position: 0 0}
header nav.social figure span.twitter{background-position:0 -36px}
header nav.social figure span.google{background-position: 0 -72px}
header nav.social figure span.linkedin{background-position: 0 -108px}
header nav.social figure span.viadeo{background-position: 0 -144px}
header nav.social figure figcaption{color:#CBC3B7;text-align: center;background-color:#F5F2F0;margin-top: 2px}

/*===========================
§§§§§§§    TOP BLOC   §§§§§§§
============================*/
.titrerappel{
    font-size: 30px;
    text-transform: uppercase;
}
#top_bloc{background-color:#CBC3B7;background-repeat: no-repeat;background-position: top center }
#menu-main_menu,#menu{float: left}
#main_nav > ul > li{
    float:left;
    position:relative
}
#main_nav li{background-color:#9d917e;}
#main_nav li > ul {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 9;
    text-align: left;
    min-width: 160px;
}
#main_nav li:hover > ul{
    display:block
}
#main_nav li.current_page_item a{background-color:#706B62;}
#main_nav li a{color:white;background-color:#9d917e;padding:19px 15px;line-height: 58px}
#main_nav > a{float:left;width:40px;height:58px;color: transparent;display:block;background-image: url('img/bg_home.png');background-repeat: no-repeat;background-position: top left;padding:0;}
div.phone{min-height: 58px;text-align: right;}
header address{margin-top:20px;min-height:58px;padding-right: 20px;display: inline-block;max-width: 300px;background-color:transparent;background-image: url('img/phone_icone.png');background-repeat: no-repeat;background-position: left center;padding-left:50px;}
 address b,#top_bloc address small{color:white;}
 address b{font-size:26px;font-family: 'Open Sans Pro', sans-serif;font-style: normal;font-weight: 400}

/*===========================
$$$$$   BLOC SERVICES  $$$$$$
============================*/
div.breadcrumbs{padding-top: 10px;}
#services{background-color: #ded9d2;padding-top:20px;padding-bottom: 20px}
div.services li{float: left;width:20%;padding-right:10px;}
div.services li:last-child{padding: 0}
div.services li:nth-child(2){line-height:16.7px;}
div.services li a{
    display: block;
    background-color:#E8E5E1;
    background-image: url('img/services.png');
    background-position: top center;
    color:#fff;
    text-transform: uppercase;
    text-align: center ;
    background-size: 100%
}
div.services li div.content{color:#666;background-color:#e8e5e1;padding:10px; height: 145px}

/*===========================
$$$$$$$$$$   MAIN  $$$$$$$$$$
============================*/

#main h1{font-weight:900;font-size:48px;text-align:left}
#main h2{font-weight:300;font-size:30px;color:#9d917e;text-align:left}
#main h3{font-weight:400;font-size:25px;text-align:left}
#main .form-horizontal {margin-left:0;margin-right:0}
#main .form-group {margin-left:0;margin-right:0}
#main ul{
    margin-left:15px;
}
#main ul li{
    list-style: disc;
}
/**==========TABS==========**/

.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #d4cfc8; border-bottom: none;  }
.tab a { text-align: center;font-weight: 300;font-size: 20px; line-height: 2em; display: block; padding: 0 10px; outline: none;color:#38342f; }
.tab a:hover {  }
.tab.active { background: #fff; position: relative; top: 1px; border-color: #666; }
.tab-container { background: #e8e5e1;  padding: 10px;  }
div.cont_tab.active{ background: #fff;padding:15px 10px;}
div.cont_tab article {border-bottom:#d6d0c8 2px solid;padding-bottom: 10px }
div.cont_tab article div.title{margin-bottom: 10px;padding-top:10px;}
div.cont_tab article div.title time {background-color:#e8e5e1;color:#9d917e;padding: 5px;margin-right: 10px;font-size: 13px}
div.cont_tab article div.content{color:#999;}
div.cont_tab a.tous {
    background-color: #185390;
    color: #FFFFFF;
    float: right;
    padding: 5px 10px;
}
/*===========================
$$$$$$$$$  SIDEBAR  $$$$$$$$$
============================*/
div.form form {padding:20px 15px 5px 15px;background-color:#ded9d2;}
div.form > img{width:100%;height: auto}
div.form form input,div.form form textarea{border-radius: 0px}
div.form form span.captcha input{float:left;max-width:80%}
div.form form span.captcha img{max-width:80%;}
div.form form button{border-radius: 0;background:#185390}
div.clients div.client{background-image:url('img/bg_client.png');
                       background-position:center;background-repeat: no-repeat;
                       background-size: 100%;
                       height: auto;
                       color:white;
                       padding:25px
}
#main div.clients h3{font-size:28px;}
div.clients div.client span{font-weight: 700;font-size: 20px}
div.clients blockquote {

    color: #999;
    border-left: 2px solid #ccc;
    padding-left: 1em;
    font-style: italic
}
ul.partage {
    text-align: right;
    margin-bottom: 5px
}
ul.partage li{
    display: inline-block
}
div.clients article{border-bottom: 2px solid #d6d0c8}
div.clients a.tous{float: right;background-color:#185390;color: #fff;padding: 5px 10px;}
figure.ccm{background-color: #e8e5e1}
#main figure.ccm h3{font-size: 26px;padding:10px;margin-bottom: 10px }
figure.ccm figcaption{padding:10px;font-weight: 300;font-size: 18px;text-align: left}

/**** element CSS3 transitions ****/

div.element {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

div.element {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

div.element {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}


/*==========================
$$$$$$  Bloc Droits  $$$$$$$
==========================*/
div.row.droits{margin-top:10px;}
.element {margin-bottom:5%;}
.element figcaption{color:#333;line-height:12px;min-height:45px;display:block;font-size:12px;text-align: center;padding: 10px 5px;display: block;text-transform:uppercase;font-weight:600;}
.element img.img-thumbnail{border-radius:0;}
label.alert{color:red}
/*==========================
$$$$$$$$$  Footer  $$$$$$$$$
==========================*/
footer{color:#fff;background-color:#185390;background-image: url('img/footer_bg.png');padding-top:30px;
       background-repeat: repeat-x;background-position: top left}
footer div.suivre{margin-bottom: 22px}
footer div.suivre img.rejoigner{float: left}
footer div.suivre ul li{display: inline-block}
div.navs_footer .col{width: 30%;float: left;margin-left:5%}
div.navs_footer .col h2{
text-transform: uppercase;
text-align: left;color:#fff;font-size: 16px;font-weight: 700;
border-bottom:2px solid #3071B3;}
div.navs_footer .col:first-child{margin:0;}
div.navs_footer li a{
    border-bottom: 1px dotted #1d61a7;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
    padding-bottom: 3px;
    text-align: left;
    white-space: normal;
}

footer address{height: 100%;background-color:#DED9D2;display: block }
footer address i{width: 100%;text-align: center;display: block;margin-bottom: 20px}
footer address b{
    color:#38342f;
    font-size: 38px;
    text-align: center;
    font-style: normal;
    text-align: center;
    display: block
}
footer address img.payment {display:block;margin:10px auto;}
footer small{color: #4a4a49;text-align: center;margin: 0 auto;display: block}
footer address a.conditions{margin: 20px;padding:15px;font-size: 20px;text-align: center;display: block;color:#fff;text-transform: uppercase;background-color: #a59d91;border-radius: 3px}
#gform_submit_button_1{border:0;background-color:#185390;padding:5px;color:#fff;text-transform:uppercase}
/*==========================
$$$$$$$$$  payment  $$$$$$$$$
==========================*/
#main div.blockpay h3{font-size:18px;font-weight:700;white-space:nowrap;margin:0;text-align:center;padding:10px 0;background-color:#9D917E;color:#fff;margin-bottom:10px;}
#main div.blockpay article{text-align:center;margin-bottom:10px;}
#main div.blockpay article.mod1{border:1px solid #69AE55}
#main div.blockpay article.mod2{border:1px solid #4DC0FF}
#main div.blockpay article.mod3{border:1px solid #ED554A}
#main div.blockpay article.mod4{border:1px solid #BDD448}
#main div.blockpay article.mod5{border:1px solid #3296E4}
#main div.blockpay article.mod6{border:1px solid #CA4033}
#main div.blockpay article.mod1 h3{background-color:#69AE55}
#main div.blockpay article.mod2 h3{background-color:#4DC0FF}
#main div.blockpay article.mod3 h3{background-color:#ED554A}
#main div.blockpay article.mod4 h3{background-color:#BDD448}
#main div.blockpay article.mod5 h3{background-color:#3296E4}
#main div.blockpay article.mod6 h3{background-color:#CA4033}
#main div.blockpay article a.click{background-color:#185390;padding:5px;color:#fff;text-transform:uppercase;display:block;width:79px;margin:10px auto;}
#main div.blockpay article span.prix{font-weight:600;font-size:20px;color:#999;}
/*==========================
$$$$$$$$$  comments  $$$$$$$$$
==========================*/
#comments {
	padding: 15px;
	background: #eee;
}
#comments label {
	display: block;
}
#comments .form-allowed-tags {
	display: none;
}
#comments input[type="submit"] {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}
/*==========================
$$$$$$$$$  accueil  $$$$$$$$$
==========================*/
.leftposez, .rightposez{
    border-bottom: 2px solid #185390;
}
.leftposez a, .rightposez a{
    background: #185390;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;    
}
.rightposez{
    text-align: right
}
.tabdroit{
    width: 100%;
    background: #e8e5e1;   
    text-align: center;
}
.tabdroit tr:nth-child(odd){
    background: #d0cdc9
}
.tabdroit tr td{
    padding:6px
}
#gform_4 input, #gform_4 textarea{
    background: #eaeaea;
    border: 1px solid #e6e6e6;
    color:#000;
    padding: 11px;
    width: 100%;

}
#gform_4 #gform_fields_4 > li > label{
    display: none
}
.formquestion #gform_4 #gform_fields_4 > li{
    width:33.33%;
    float:left;
    clear: initial;
}
#gform_4 #gform_fields_4 li#field_4_4{
    width: 100%;
}
#gform_submit_button_4{
    background: #185390!important;
    width: 200px!important;
    float: right;
    color: #fff!important;  
}
#gform_submit_button_4:hover{
    opacity:0.8
}

/* marwa */

.slicknav_menu {
	display:none;
}
.flexslider .slides li {
    position: relative;
}
.flexslider .slides article{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000094;
    color: #fff;
    padding: 15px;
}
.flexslider .slides article a{
    background: #185390;
    position: absolute;
    right: 0px;
    bottom: 0;
    top: 0;
    color: #fff;
    width: 20%;
    text-align: center;
}
.flexslider .slides{ 
    max-height: 425px;
    overflow: hidden;
}


/*==========================
$$$$$$$$$  Iphone  $$$$$$$$$
==========================*/

@media (max-width: 767px) {
    /* #menu is the original menu */
    header{
        padding-top: 33px;
        padding-bottom: 0;
    }
	 #menu-footer_nav-1 {
		display:none;
	}
    header address{
        padding-left:35px;
        margin-top: 0;
        padding-right: 0;
    }
    header address b {
        font-size: 18px;
    }
	
	.slicknav_menu {
		display:block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
	}
/* 	img.rejoigner.hidden-xs, .navs_footer.clearfix.hidden-xs {display: none!important;}
	.hidden-xs {display: block !important;}
	.hidden-xs .droits {display: none;} */
	footer {margin-bottom: 25px;}
	/* section#main .hidden-xs { */
    /* display: none!important; */
/* } */
    body{font-size: 12px;}
    #main h1{font-size: 25px}
    #main h2{font-size: 20px}
    #main h3{font-size: 18px} 
    header nav.social{text-align: center}
    #main_nav{z-index: 1000;}
    #main_nav li{float:none;background-color:#9d917e;}
    #main_nav li a{color:white;background-color:transparent;padding:19px 40px;line-height: 58px;font-size: 18px}
    #menu{padding:0 15px;font-weight: 700;font-size: 35px;background-color: #333333;color:#9D917E;line-height: 58px;cursor: pointer;-webkit-transition: all 0.3s ease-in;
          -moz-transition: all 0.4s ease-in;
          -ms-transition: all 0.4s ease-in;
          -o-transition: all 0.4s ease-in;
          transition: all 0.4s ease-in;}
    #menu:hover{opacity: 0.7}
    #top_bloc div.col-md-6 {min-height: 60px;position: relative}
    a.nav-toggle{position: absolute;right:0;top:0}
    div.services-xs li a{
        line-height: 48px;
        padding-left: 50px;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        background-color: #185390;
        background-image: url('img/services-xs.png');
        background-repeat: no-repeat;
        background-position: top left;
        display: block;
        margin-bottom: 5px
    }
    div.services-xs li.s2 a{background-position:left -48px }
    div.services-xs li.s3 a{background-position:left -96px }
    div.services-xs li.s4 a{background-position:left -144px }
    div.services-xs li.s5 a{background-position:left -192px }
    div.phone{text-align: center;}
    .tab a{font-size: 11px;padding:10px;}
    div.element{
        width: 100%;
        float: left
    }
    div.element figure img{display: block;margin: 0 auto}
    div.element figure {
        border-bottom: 2px solid #D6D0C8;
        margin: 0 5px;
    }
    
    footer div.suivre  {
        text-align: center
    }
    footer small {
        padding:10px 0;
    }
	a.big-link{color:#fff;background-color:#49443d;font-size:13px;padding:10px 5px;display:inline;width:100%;text-align:center;float:right;margin-bottom:10px;}
    div.rappel > div {text-align:center} 
    #gform_4 #gform_fields_4 > li{
        width: 100%!important;
    }
	}
@media (max-width:450px){
	div.services-xs li a {line-height: 48px;padding-left: 52px;font-size: 15px;font-weight: 700;color: #fff;text-transform: uppercase;background-color: #185390;background-image: url(img/services-xs.png);background-repeat: no-repeat;background-position: top left;display: block;margin-bottom: 5px;}
	.bott-link {
    color: white;
    padding: 10px 5px!important;
    display: inline;
    width: 100%;
    text-align: center;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
	font-size:9px;
	}
	a.phone_bot {
    font-size: 50%;
	}
}
@media (min-width: 768px) {
    .flexslider .slides article a {
        font-size: 15px;
        padding: 17px 6px;
    }
	#gform_wrapper_4 .gform_footer.top_label {text-align: center;}
	#gform_submit_button_4{float:none!important;}
    body{font-size: 12px;}
    #main h1{font-size: 35px}
    #main h2{font-size: 25px}
    #main h3{font-size: 20px} 
    div.clients div.client{padding:20px;}
    div.clients blockquote{margin:14px 20px;}
    figure.ccm a img{width: 100%;height: auto}
    #main figure.ccm h3 {
        font-size: 22px;
        margin-bottom: 7px;
        padding: 7px;
    }
    div.element{
        width: 20%;
        float: left
    }
    div.element figure{
        border-bottom: 2px solid #D6D0C8;
        margin: 0 5px
    }
    footer address a.conditions {
        font-size: 13px;
        margin: 15px;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
    }
    div.services li a{
        line-height: 30px;
        padding-bottom: 74px;
    }
    div.services li.s2 a{background-position: center -104px;line-height: 20px; padding-bottom: 65px;}
    div.services li.s3 a{background-position:center -208px }
    div.services li.s4 a{background-position:center -313px }
    div.services li.s5 a{background-position:center -455px }
    #menu{display: none}
    #top_bloc{background-image: url('img/top_bloc_bg_sm.png')}
    #main_nav li a{ font-size: 11px;padding: 19px 5px;}
	a.big-link{margin-right:10px;color:#fff;background-color:#afa493;padding:10px;display:block;width:200px;text-align:center;float:right;margin-top:10px;}
	div.rappel > div{background-color:#9D917E;min-height:58px;}
	.tab a { text-align: center;font-weight: 300;font-size: 18px; line-height: 2em; display: block; padding: 0 10px; outline: none;color:#38342f; }
}
section#main .hidden-xs {
    display: none!important;
}
@media (min-width: 992px) {
    .flexslider .slides article a {
        font-size: 17px;
        padding: 17px 6px;
    }
	section#main .hidden-xs {
		display: block!important;
	}
    body{font-size: 13px;}
    #main h1{font-size: 30px}
    #main h2{font-size: 25px}
    #main h3{font-size: 20px} 
    div.clients div.client{padding:20px;}
    div.clients blockquote{margin:14px 20px;}
    figure.ccm a img{width: 100%;height: auto}
    #main figure.ccm h3 {
        font-size: 22px;
        margin-bottom: 7px;
        padding: 7px;
    }
    div.element{
        width: 20%;
        float: left
    }
    div.element figure{
        border-bottom: 2px solid #D6D0C8;
        margin: 0 5px
    }
    footer address a.conditions {
        font-size: 15px;
        margin: 15px;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
    }
    div.services li a{
        line-height: 38px;
        padding-bottom: 100px;
    }
    div.services li.s2 a{background-position: center -139px;line-height: 38px; padding-bottom: 100px;}
    div.services li.s3 a{background-position:center -278px }
    div.services li.s4 a{background-position:center -416px }
    div.services li.s5 a{background-position:center -740px }
    #top_bloc{background-image: url('img/top_bloc_bg.png')}
    #main_nav li a{font-size: 12px; padding: 19px 7px;}
	a.big-link{margin-right:10px;color:#fff;background-color:#afa493;padding:10px;display:block;width:200px;text-align:center;float:right;margin-top:10px;}
    div.rappel > div{background-color:#9D917E;min-height:58px;}
	.tab a { text-align: center;font-weight: 300;font-size: 18px; line-height: 2em; display: block; padding: 0 10px; outline: none;color:#38342f; }
	}
@media (min-width: 1200px) {
    .flexslider .slides article a {
        font-size: 18px;
        padding: 26px 15px;
    }
    body{font-size: 14px;}
    #main h1{font-size: 38px}
    #main h2{font-size: 25px}
    #main h3{font-size: 20px}
    div.clients blockquote{margin:14px 40px;}
    #main figure.ccm h3 {
        font-size: 26px;
        margin-bottom: 10px;
        padding: 10px;
    }
    div.element{
        width: 20%;
        float: left
    }
    div.element figure{
        border-bottom: 2px solid #D6D0C8;
        margin: 0 5px
    }
    footer address a.conditions {
        font-size: 20px;
        margin: 20px;
        padding: 15px;
        text-align: center;
        text-transform: uppercase;
    }
    div.services li a{
        line-height: 60px;
        padding-bottom: 110px;
        font-size: 13px
    }
    div.services li.s2 a{background-position: center -170px;line-height: 60px; padding-bottom: 110px;}
    div.services li.s3 a{background-position:center -340px }
    div.services li.s4 a{background-position:center -510px }
    div.services li.s5 a{background-position:center -717px }

    #top_bloc{background-image: url('img/top_bloc_bg.png')}

    #main_nav li a{font-size: 14px;padding:19px 10px}
	a.big-link{margin-right:10px;color:#fff;background-color:#185390;padding:10px;display:block;width:200px;text-align:center;float:right;margin-top:10px;}
	#top_bloc div.phone > div{background-color:#9D917E;text-align:right;width:100%;min-height:58px;}
	div.gform_body input{border:1px solid #ccc;background-color:#eee;}
	div.rappel > div{background-color:#9D917E;}
	.tab a { text-align: center;font-weight: 300;font-size: 20px; line-height: 2em; display: block; padding: 0 10px; outline: none;color:#38342f; }
}