a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {line-height: 1}

ol,ul {list-style: none}

blockquote,q {quotes: none}

blockquote:after,
blockquote:before,
q:after,
q:before {content: "";content: none}

table {border-collapse: collapse;border-spacing: 0}

.sr-only{display:none}


.square {
    position: relative;
    width: 100%
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.square-content {
    position: absolute;
    width: 100%;
    height: 100%
}

.wrap {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:820px) {
    .wrap {
        width: 90%
    }
}

@media (min-width:820px) {
    .wrap {
        width: 95%
    }
}

@media (min-width:1080px) {
    .wrap {
        width: 1080px
    }
}

@media (min-width:1600px) {
    .wrap {
        width: 1200px
    }
}

.row {
    clear: both
}

/*
.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden
}
*/
.row {
    *zoom: 1
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    margin: 0
}



.strong,
strong {
    font-weight: 900
}

.em,
em {
    font-style: italic
}

.cf {
    clear: both
}

.cf:after,
.cf:before {
    content: " ";
    display: table
}

.cf:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden
}

.cf {
    *zoom: 1
}

.nobullets {
    list-style: none;
    margin: 0;
    padding: 0
}

.is-flex {
    display: flex;
    justify-content: space-between
}

.is-flex .flx-1 {
    flex: 1
}

.is-flex .flx-2 {
    flex: 2
}

.is-flex .flx-3 {
    flex: 3
}

.is-flex .flx-4 {
    flex: 4
}

.text-on-left {
    text-align: left
}

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

.text-on-center {
    text-align: center
}

.text_center{text-align: center}
.text_right{text-align: right}
.text_right{text-align: right}

.float_left{float:left}
.float_right{float:right}

.mb-05 {
    margin-bottom: 10.5px
}

.mb-1 {
    margin-bottom: 21px
}

.mb-2 {
    margin-bottom: 42px
}

.mb-3 {
    margin-bottom: 63px
}

.mb-4 {
    margin-bottom: 84px
}

.mb-5 {
    margin-bottom: 105px
}

.mb-8 {
    margin-bottom: 168px
}

.no-pad-bot {
    padding-bottom: 0!important
}

.no-pad-top {
    padding-top: 0!important
}

.hidden {
    max-height: 0!important;
    overflow: hidden
}

img {
    max-width: 100%
}

.btn_primary,
.btn_primary--white,
a,
a:hover {
    color: inherit;
    text-decoration: none
}




/**************** STRUCTURE ************************/
body{background: white ;font-family: 'Open Sans', sans-serif;color:#32323f;position:relative;cursor:default;font-weight:300;line-height:1.5em}
body *{}
.toolbar .toolbar-bar .toolbar-icon-lob-sys-bo:before {
    background-image: url(/core/misc/icons/bebebe/cog.svg);
}


.vertical_align{ display: table-cell; /* comportement visuel de cellule */
  vertical-align: middle;height:100%}
.row {position: relative;width: 100%;z-index:13;height:100%}
.row [class^="col"] {float: left;min-height:0.125rem}
.page-node-type-page .main-container .row{}
.row::after {content: "";display: table;clear: both;}
.hidden {display: none;}
.container{width:1200px;margin:0 auto}

.mt-0 {margin-top: 0px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-40 {margin-top: 40px;}
.mt-60 {margin-top: 60px;}
.mt-80 {margin-top: 80px;}
.mt-120 {margin-top: 120px;}
.mt-140 {margin-top: 140px;}
.mt-150 {margin-top: 150px;}
.mt-160 {margin-top: 160px;}

.mb-0 {margin-top: 0px;}
.mb-10 {margin-top: 10px;}
.mb-20 {margin-top: 20px;}
.mb-40 {margin-top: 40px;}
.mb-60 {margin-top: 60px;}
.mb-80 {margin-top: 80px;}
.mb-120 {margin-top: 120px;}
.mb-140 {margin-top: 140px;}
.mb-150 {margin-top: 150px;}
.mb-160 {margin-top: 160px;}

.pt-0 {padding-top: 0px;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-40 {padding-top: 40px;}
.pt-60 {padding-top: 60px;}
.pt-80 {padding-top: 80px;}
.pt-120 {padding-top: 120px;}
.pt-140 {padding-top: 140px;}
.pt-150 {padding-top: 150px;}
.pt-160 {padding-top: 160px;}

.pb-0 {padding-bottom: 0px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-40 {padding-bottom: 40px;}
.pb-60 {padding-bottom: 60px;}
.pb-80 {padding-bottom: 80px;}
.pb-120 {padding-bottom: 120px;}
.pb-160 {padding-bottom: 160px;}



.col-md-1 {width: 8.33%;}
.col-md-2 {width: 16.66%;}
.col-md-3 {width: 25%;}
.col-md-4 {width: 33.33%;}
.col-md-5 {width: 41.66%;}
.col-md-6 {width: 50%;}
.col-md-7 {width: 58.33%;}
.col-md-8 {width: 66.66%;}
.col-md-9 {width: 75%;}
.col-md-10 {width: 83.33%;}
.col-md-11 {width: 91.67%;}
.col-md-12 {width: 100%;}

.toolbar .toolbar-bar .toolbar-icon-lob-sys-bo:before {
    background-image: url(/core/misc/icons/bebebe/cog.svg);
}

input, select, textarea { 
   /* -webkit-appearance: none; 
    -webkit-border-radius:5px; */
    border-radius: 5px; 
	width:100%;
	font-family: 'Open Sans', sans-serif
}



.form-control, .form-text, .form-email{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 1em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



#logo_mo{display:none}
.menu--account .mo_account,.menu--account .mo_help,.menu--account .mo_abonnement{display:none}
body.user-logged-in.middle_office #logo_mo{display:block}
body.user-logged-in.middle_office .menu--account .mo_account{display:block}
body.user-logged-in.middle_office .menu--account .mo_help{display:block}
body.user-logged-in.middle_office .menu--account .mo_abonnement{display:block}
body.user-logged-in.middle_office #logo_front{display:none}

.breadcrumb{display:none}

.btn{transition: 0.3s;background:#32323F;color:white;border-radius: 20px;padding:10px 20px;min-width:180px;display:inline-block;text-align: center;border:0;cursor:pointer;font-size: 1em}
.btn:hover{background:#f9d22B;color:#32323f}
.btn.active{color:white;background:#6f6f74}
.btn:focus{outline: none;}
.btn_pdf img{width:50px}
.btn.selected_service{background:#f9d22B;color:#32323f}
.btn.hidden{display:none}
.btn2{background:white;border:solid 1px #6f6f74;border-radius: 20px;padding:5px;min-width:150px;display:inline-block;text-align: center;cursor:pointer}
.btn2:hover{color:white;background:#6f6f74;border:solid 1px #6f6f74}

.block_header{height:450px;position:relative;
background: #FFF;color:white}
.block_header .bkg_header{position:absolute;left:0;top:0;height:450px;width:100%;opacity:1;z-index: 10}
.block_header .filter_header {
	position:absolute;left:0;top:0;		
    background-image: linear-gradient(to right,rgba(50,50,63,0.80),rgba(50,50,63,0));
    width: 100%;
    height: 100%;
    z-index: 11;
	display:none; 
}
.block_header .vertical_align{height:450px}
.block_header_content{position:absolute; z-index: 12;}
.block_header h2{font-size: 2.8em;line-height:1.2em;color:#3f3f3f;}
.block_header h1{font-size: 2.8em;line-height:1.2em;color:#3f3f3f;}
h3.intro{font-size: 1.5em;line-height:1.5em}
.block_lob{text-align: center;margin:60px 0;clear:both}
.block_lob h2{font-size: 1.8em;line-height:1.2em}
.block_lob ul li{list-style: none}

.page-node-type-page .block_header{height:200px;color:#3f3f3f;text-shadow:none}
.page-node-type-page .block_header h1{padding-top:50px}
.page-node-type-page .block_header p{font-weight: bold}

.block_home a.btn{}
.block_home img{border-radius:5px}

.clearfix{clear:both}

.wrap_blocks{margin:0 auto;width:80%}
.wrap_blocks:after{clear:both;display:block;content: "";}

ul.tabs--primary{display: block;background: white;z-index: 9;padding: 20px 20px 30px;}
ul.tabs--primary li{float:left;margin-right:20px}
ul.tabs--primary li a{text-decoration: underline;text-underline-position:under}
ul.tabs--primary li a:hover{text-decoration: none;}
body.user-logged ul.tabs--primary{display:block}

.block_contact{position:relative;padding-top:10px;background: #f3f3f3;clear:both;margin-top:150px}
.top_contact{height:124px;position:absolute;left:0;top:0;width:100%}

.alert{padding:20px 40px;color:white;line-height: 1.5em;text-align: center}
.alert button{position:absolute;right:20px;cursor:pointer;background: url(../img/icon_burger_blanc_close.png) no-repeat;width:15px;height:15px;border:0}
.alert button span{display:none}
.alert-success{background: green}
.alert-warning{background: orange;}
.alert-error{background: #be2626}
.alert-danger{background: #be2626}
.alert a{text-decoration: underline;text-underline-position:under}
.alert a:hover{text-decoration: none}

ul.tabss {
  height: 80px;
  margin: 0 auto;
  list-style: none;
  overflow: hidden;
  padding: 0;
}
ul.tabss li {
  float: left;
}
ul.tabss li a {
  position: relative;
  display: block;
  height: 30px;
  margin-top: 40px;
  padding: 10px 20px 0 20px;
  font-size: 1.2em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #6f6f74;
  -webkit-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
  -moz-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
  -box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
  border: 0px solid #000;
	/*
  -webkit-transition: padding 0.2s ease, margin 0.2s ease;
  -moz-transition: padding 0.2s ease, margin 0.2s ease;
  -ms-transition: padding 0.2s ease, margin 0.2s ease;
  -o-transition: padding 0.2s ease, margin 0.2s ease;
  transition: padding 0.2s ease, margin 0.2s ease;
  */
  transition: 0.3s;
}
ul.tabss li a:hover{
	margin-top:30px;
	padding: 10px 20px 10px 20px;
}

.tabss li:first-child a {
	z-index: 5;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px; 
}
.tabss li:nth-child(2) a { z-index: 4; }
.tabss li:nth-child(3) a { z-index: 3; }
.tabss li:nth-child(4) a { z-index: 2; }
.tabss li:last-child a {
  z-index: 1;
  -webkit-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
	box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
}

ul.tabss li a.activeTab {
  margin: 30px 0 0 0;
  padding: 10px 20px 10px 20px;
  color: #fff;
  background: #32323f;
  border-top: 2px solid #32323f;
  border-right: 2px solid #32323f;
  border-left: 2px solid #32323f;
  outline: none;
}

.pager-nav{width:100%;text-align: center}
.pagination{display:inline-block;margin:30px 0}
.pagination li{float:left;margin-right:15px;margin-bottom:10px}
.pagination li.active a{border-bottom:solid 1px black; padding-bottom:5px}

.mobile{display:none} 
.desktop{display:block} 
.main-container{margin-top:70px}

body .modal{z-index: 9999}
body .jquery-modal.blocker{z-index: 9999}

.modal-footer{text-align: center;}
.modal-footer button{margin-right:20px}
.modal-body{margin:30px 0}
body .modal a.close-modal{background-image: url(../img/close_modal.png)}

h3.titre{font-weight: 400;font-size: 2em;margin:20px 0;line-height:1.2em}
h4.titre{font-weight: 400;font-size: 1.5em;margin:10px 0;line-height:1.2em}
h5.titre{font-weight: 400;font-size: 1.2em;margin:5px 0;line-height:1.2em}



@media (max-width: 1200px){
	.container{width:90%;margin:0 5%}
}
@media (max-width: 801px){
	
	.col-md-1 {width: 90%; margin:0 5%}
	.col-md-2 {width: 90%; margin:0 5%}
	.col-md-3 {width: 90%; margin:0 5%}
	.col-md-4 {width: 90%; margin:0 5%}
	.col-md-5 {width: 90%; margin:0 5%}
	.col-md-6 {width: 90%; margin:0 5%}
	.col-md-7 {width: 90%; margin:0 5%}
	.col-md-8 {width: 90%; margin:0 5%}
	.col-md-9 {width: 90%; margin:0 5%}
	.col-md-10 {width: 90%; margin:0 5%}
	.col-md-11 {width: 90%; margin:0 5%}
	.col-md-12 {width: 90%; margin:0 5%}
	
	
	
	
	.container{width:100%;margin:0}
	.mobile{display:block}	
 	.desktop{display:none} 
	body{font-size: 1.2em;}
	
	body p{line-height: 1.5em}
	
    .block_header{height:400px;}
    .block_header .bkg_header{height:400px;}
	.block_header .vertical_align{height:400px}
	.block_header h1 {
	    font-size: 1.5em;
		width:200px;
	}
	.block_header h2 {
	    font-size: 1.5em;
		width:200px;
	}
	.block_header .col-md-4{width:80%;margin:0 10%}
	.block_lob h2{margin-top:30px;text-align: left;}
	.block_lob p{text-align: left}
	.block_contact .block_lob h2{text-align: center;}
	.btn{margin-bottom:30px;margin-top:30px;font-size: 0.8em}
	.btn2{font-size:0.8em;}
	.colside{margin-top:80px}
	.block_contact{padding-top:20px}
	.top_contact{display:none}
	
	.form-control, .form-text, .form-email{
	    display: block;
	    width: 90%;
	    height: 34px;
	    padding: 6px 5%;
	}
	.pagination li{margin-right:20px}
	.mobile_title{font-size: 2.2em;text-align: center;margin:0 50px}
	ul.tabss{height:auto}
	ul.tabss li {
	  float: none;
		width:100%;
	}
	ul.tabss li a {
	  position: relative;
	  display: block;
	  height: 50px;
	  margin-top: 0px;
	  padding: 10px 20px 0 20px;
	  font-size: 0.9em;
	  text-align: center;
	  text-decoration: none;
	  color: #fff;
	  background: #6f6f74;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  -box-shadow: none;
	  border: none;
		/*
	  -webkit-transition: padding 0.2s ease, margin 0.2s ease;
	  -moz-transition: padding 0.2s ease, margin 0.2s ease;
	  -ms-transition: padding 0.2s ease, margin 0.2s ease;
	  -o-transition: padding 0.2s ease, margin 0.2s ease;
	  transition: padding 0.2s ease, margin 0.2s ease;
	  */
	  transition: 0.3s;
	}
	ul.tabss li a:hover{
		margin-top:0px;
		padding: 10px 20px 0 20px;
	}
	
	.tabss li:first-child a {
		z-index: 5;
	  -webkit-border-top-left-radius: 0px;
	  -moz-border-radius-topleft: 0px;
	  border-top-left-radius: 0px; 
	}
	.tabss li:nth-child(2) a { z-index: 4; }
	.tabss li:nth-child(3) a { z-index: 3; }
	.tabss li:nth-child(4) a { z-index: 2; }
	.tabss li:last-child a {
	  z-index: 1;
	  -webkit-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
		-moz-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
		box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);
	  -webkit-border-top-right-radius: 0px;
	  -moz-border-radius-topright: 0px;
	  border-top-right-radius: 0px;
	}
	
	ul.tabss li a.activeTab {
	  margin-top:0px;
	  padding: 10px 20px 0 20px;
	  color: #fff;
	  background: #32323f;
	  border-top: 2px solid #32323f;
	  border-right: 2px solid #32323f;
	  border-left: 2px solid #32323f;
	  outline: none;
	}
	.modal-footer button{margin-right:0px}
	h3.intro{font-size: 1.2em;line-height:1.2em}
}

/**************** HEADER ************************/
body #navbar{background-color:#f9d22B;color:#32323F;border-radius:0;padding:5px 20px;height:62px}
.navbar-toggle{display:none}
.navbar-header{float:left;width:260px;padding:0 20px}

	body #navbar{padding:5px 0;width:100%;height:70px;position:fixed;left:0;top:0;z-index:99}
	body.adminimal-admin-toolbar #navbar{top:79px}
	
	


body.user-logged-in.middle_office #navbar{background:#32323f;color:white;padding:5px 0}
body.user-logged-in.middle_office .menu--main{display:none}


.field--name-field-media-oembed-video iframe{width:100%;height:500px}
.field--name-field-media-oembed-video iframe iframe{width:100%}
#lightcase-content .wrap_player_video{width:600px;height:300px}

a[class*='lightcase-icon-'].lightcase-icon-close:hover{text-decoration: none;}
a.lightcase-icon-next:hover{text-decoration: none;}
a.lightcase-icon-next:prev{text-decoration: none;}

body #navbar .navbar-nav{float:left;margin-top:20px;margin-right:50px}
body #navbar .navbar-nav.menu--account{float:right}
body.bo #navbar .navbar-nav.menu--account{display:none}
body #navbar .navbar-nav > li > a{color:#32323f;background: none;padding-left:5px;padding-right:5px}
body #navbar .navbar-nav > .active > a.is-active, 
body #navbar .navbar-nav > .active > a:hover, 
body #navbar .navbar-nav > .active > a:focus{background: none;border-bottom:solid 2px #32323f;padding-bottom:10px}

body #navbar .navbar-nav > li{margin-left:20px;float:left;font-weight: 400}
body #navbar .navbar-nav > li > a.is-active, 
body #navbar .navbar-nav > li:hover > a{background: none;border-bottom:solid 2px #32323f;padding-bottom:10px;}

body.user-logged-in.middle_office #navbar .navbar-nav > li {margin-left:20px}
body.user-logged-in.middle_office #navbar .navbar-nav > li > a{color:#fff;background: none;padding-left:5px;padding-right:5px}
body.user-logged-in.middle_office #navbar .navbar-nav > .active > a.is-active, 
body.user-logged-in.middle_office #navbar .navbar-nav > .active > a:hover, 
body.user-logged-in.middle_office #navbar .navbar-nav > .active > a:focus{background: none;border-bottom:solid 2px #fff;padding-bottom:10px}

body.user-logged-in.middle_office #navbar .navbar-nav > li > a.is-active, 
body.user-logged-in.middle_office #navbar .navbar-nav > li:hover > a{background: none;border-bottom:solid 1px #fff;padding-bottom:10px}

body #navbar .navbar-nav.menu--account a[href*="user"]{transition: 0.3s;border:none;background:white;color:#32323F;border-radius: 20px;padding:10px;min-width:150px;display:inline-block;text-align: center;margin-top:-20px}
body #navbar .navbar-nav.menu--account a[href*="user"]:hover{background: #f9d22B;}
body #navbar .navbar-nav.menu--account a.mo_account[href*="user"]{border:none;display:none;background:none;color:inherit;}

body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a[href*="user"]{transition: 0.3s;border:none;background:white;color:#32323F;border-radius: 20px;padding:10px;min-width:150px;display:inline-block;text-align: center;margin-top:-20px;margin-left:30px}
body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a[href*="user"]:hover{color: white;background: #32323F;}

body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a.mo_account[href*="user"]{background:none;color:white;border-radius:0;margin-left:0px}
body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a.mo_account[href*="user"]:hover,
body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a.mo_account.is-active[href*="user"]{border-bottom:solid 1px #fff}







body #navbar .navbar-nav.menu--account a[href$="tableau-de-bord/0"]{transition: 0.3s;border:none;background:#32323F;color:white;border-radius: 20px;padding:10px;min-width:150px;display:inline-block;text-align: center;margin-top:-20px}
body #navbar .navbar-nav.menu--account a[href$="tableau-de-bord/0"]:hover{background:#f9d22B;color:#32323f}

body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a[href$="tableau-de-bord/0"]{border:none;color:#fff;background: none;padding-left:5px;padding-right:5px;border:none;padding-bottom:10px;margin-left:0px;border-radius:0}
body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a[href$="tableau-de-bord/0"]:hover,
body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a.is-active[href$="tableau-de-bord/0"]{background: none;border-bottom:solid 1px #fff;padding-bottom:10px;border-radius:0}




@media (max-width: 1440px){
	.navbar-header{width:230px}
	body #navbar .navbar-nav{margin-right:0}
	body #navbar .navbar-nav > li{font-size: 0.9em}
	body #navbar .navbar-nav.menu--account a[href$="tableau-de-bord/0"]{min-width:100px}
	body #navbar .navbar-nav.menu--account a[href*="user"]{min-width:100px}
}

@media (max-width: 1130px){
	
	body #navbar .navbar-nav li{margin-left:5px}
}


@media (max-width: 801px){
	body #navbar{padding:5px 0;width:100%;height:70px;position:fixed;left:0;top:0;z-index:9999}
	body.adminimal-admin-toolbar #navbar{top:39px}
	body #navbar .navbar-nav{float:none;margin-top:120px}	
	body #navbar .navbar-nav > li{float:none;text-align: center}
	body #navbar .navbar-nav > li a{font-size: 1.2em}
	body #navbar .navbar-nav.menu--account{float:none;margin-top:100px}
	body #navbar .navbar-nav.menu--account > li a{font-size: 1em}	
	.navbar-header{height:60px}
	.logo.navbar-btn{position:absolute;left:20px;top:5px;width:216px;height:60px;z-index: 10000}
	.adminimal-admin-toolbar .logo.navbar-btn{top:10px}
	.menu_mobile{background:url(../img/icon_burger.png) no-repeat center center;width:30px;height:30px;position:absolute;right:20px;top:20px;z-index: 99999}
	.menu_mobile.close{background:url(../img/icon_burger_close.png) no-repeat center center;}
	body.user-logged-in.middle_office .menu_mobile{background:url(../img/icon_burger_blanc.png) no-repeat center center;}
	body.user-logged-in.middle_office .menu_mobile.close{background:url(../img/icon_burger_blanc_close.png) no-repeat center center;}
	
	.adminimal-admin-toolbar .menu_mobile{top:25px}
	.wrap_menu_mobile{z-index:9999;width: 100%;height: 100%;position: fixed;top: 0;right: -100%;padding-bottom:50px;background-color:#f9d22B}
	body.user-logged-in.middle_office .wrap_menu_mobile{background-color:#32323f}
	
	.adminimal-admin-toolbar .close_menu{top:25px}
	.wrap_menu_mobile ul.navbar-nav{right:25px;margin-top:40px}
	.wrap_menu_mobile ul.navbar-nav li{float:none;margin-left:25px;margin-top:40px;text-align: left}
    .wrap_menu_mobile a{color:white;}
	.wrap_menu_mobile .language-switcher-language-url{top: 400px;font-size: 1.7em;right:30px}
	.wrap_menu_mobile .language-switcher-language-url ul.links li{margin-right:20px}
    .wrap_menu_mobile .region-navigation{display:block}
	ul.navbar-nav li:first-child{display:block}
	body #navbar .navbar-nav.menu--account > li{text-align: center}
	body #navbar .navbar-nav.menu--account a[href$="tableau-de-bord/0"]{min-width:200px}
	body #navbar .navbar-nav.menu--account a[href*="user"]{min-width:200px}
	body #navbar .navbar-nav.menu--account a[href*="aide"]{min-width:200px}
	body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a[href*="user"]{margin-left:0;min-width:180px;text-align: center}
	body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a[href*="aide"]{margin-left:0;min-width:180px;text-align: center}
	/*body.user-logged-in.middle_office #navbar .navbar-nav.menu--account a.mo_account[href*="user"]{text-align: left}*/
	body.user-logged-in.middle_office .menu--account .mo_help{display:inline-block}
}

/**************** FOOTER ************************/
body .footer{background:#32323f;color:white;border-top:none;padding-bottom:50px;position:relative;padding-top:50px;border-top:#f9d22B solid 10px}
.footer_header{height:162px;position:absolute;left:0;top:0;height:162px;width:1920px}
body .footer .container{background:url(../img/logo_footer.jpg) no-repeat center top;padding-top:150px}

body .footer a{color:white;text-decoration: underline;display:block;padding:5px;text-underline-position:under}
body .footer a:hover,body .footer a:focus,
body .footer .nav > li a:hover,body .footer .nav > li a:focus{text-decoration: none;background:none;color:inherit;}
body .footer .nav > li a{padding:5px}
@media (max-width: 801px){
	.footer .col-md-2{width:80%;margin:0 10%;padding-bottom:50px}
}

/**************** HOME ************************/
#home_header ul{font-size: 1.2em}
#home_header ul li{margin-top:10px}
.block_home{margin-top:150px}
.block_home p{margin:15px 0;line-height:1.5em}
.bloc_home_left{text-align: left;}
.bloc_home_left .vertical_align{height:250px}
.bloc_home_right{text-align: right;}
.bloc_home_right .vertical_align{height:250px}
@media (max-width: 801px){
	.block_home{margin-top:80px}
	#home_header ul{display:none}
	.block_home img{border-radius:30px}
	.bloc_home_left{text-align: center;}
	.bloc_home_right{text-align: center;}
	.bloc_home_left .vertical_align{height:auto}
	.bloc_home_right .vertical_align{height:auto}
	.block_lob.block_home h2{text-align: center}
	.block_lob.block_home p{text-align: center}
}


/**************** TARIFS ************************/
.offre{float:left;margin-right:10%;width:25%;height:auto;text-align: center;border:solid 2px #f3f3f3;border-radius:60px}
.offre.last{margin-right:0}
.offre .btn-primary{display:block;width:100px;margin:10px auto 0}

.offre h3{color:#f9d22B;font-weight: bold;text-transform: uppercase;font-size:1.2em}
.offre h4{font-size: 3em}
.offre h5{font-size: 1.2em}
.offre p{font-size:0.9em}
.offre span{color:#f9d22B;font-size:1.2em;}
.offre .btn2{font-size:0.9em}

@media (max-width: 801px){
	.offre{float:none;width:80%;margin:0 10%;margin-bottom:50px}
	.offre h4{font-size: 2em}
}

/**************** BLOG ************************/
#wrap_articles:after {
  content: '';
  display: block;
  clear: both;
}
.article{float:left;height:auto;text-align: left;margin-bottom:40px;width:45%;margin-right:5%;display: inline-block;}
.article .date{font-size: 0.8em}
.article img{max-width:100%;border-top-left-radius:25px;border-top-right-radius:25px}
.article .link_article_img{margin-bottom:20px}
.categorie_article{background: #f9d22B;padding: 5px 15px;text-transform: uppercase;color: white;border-radius: 10px; display: inline-block;margin: 20px 20px 20px 0;font-size:0.9em;font-weight: bold}
.article .link_article{display:block;text-transform: uppercase;font-size: 1.2em;text-decoration: underline;text-underline-position:under}
.article .link_article:hover{text-decoration:none}
.detail_article .chapo{margin:20px 0;font-size: 1.2em;font-weight: bold}
.page-node-type-article h1.page-header{display:none}
.article_header{height:400px;text-align: center;color:white;margin-bottom:50px}
.article_header h1{padding-top:150px;width:400px;margin:0 auto}
#block-addtoanybuttons--2{display:none}
.page-node-type-article .article{width:30%;margin-right:5%}
.page-node-type-article .article:last-child{margin-right:0}
.categories li{list-style: none;margin-top:20px;padding-right:7px}
.categories li a.active{font-weight: bold;text-decoration: none}
.categories li a span{margin-top:5px;display:inline-block;border-radius:10px;width:10px;height:10px;border:solid 1px #32323F;position:absolute;left:0;top:2px}
.categories li:hover  a span{background: #f9d22B}
.categories li:hover{font-weight:bold}
.categories li a.active span{display:inline-block;border-radius:10px;width:10px;height:10px;border:solid 1px #32323F;background: #f9d22B}
.categories li a{text-decoration: none;position:relative;padding-left:20px;display:block}

#more_articles{clear:both;width:150px;margin:0 auto;display:none}
.back_article{font-size:0.9em}
.articles_similaires{font-size:1.3em;}
#block-lob-addtoanybuttons{display:none}
.detail_article #block-lob-addtoanybuttons{display:block}
.block_header .categorie_article{text-shadow: none;font-size: 1.2em}

@media (max-width: 801px){
	.articles_similaires{font-size:1.8em;text-align: center}
	.article{float:none;width:100%;margin-bottom:60px}
	.page-node-type-article .article{width:80%;margin:0 10%;float:none;margin-bottom:60px}
	.page-node-type-article .article:last-child{margin-right:10%}
	.detail_article .date{display:block}
	.article .date{display:block}
}


/**************** COMPETENCES ************************/
.wrap_team{}
.team{
    float: left;
    margin-right: 5%;
    width: 19%;
    height: auto;
    text-align: center;
    border: solid 2px #f3f3f3;
    border-radius: 60px;padding:5%}
.team h3{font-size: 2em;text-align: center;line-height:1.2em}
.team h4{font-size: 1.2em;text-align: center;font-style: italic}
.team.last{margin-right:0}
.team img{max-width:100%;border-radius:200px;width:200px;height:200px;margin:0 auto;display:block}

.competence{float:left;width:19%;margin-right:5%;background:#f3f3f3;border-radius:5px;;padding:5%;margin-bottom:40px;text-align: center;height:200px}
.competence.last{margin-right:0}
.competence .vertical_align{height:200px} 
.competence h3{font-size: 1.3em;margin-bottom:30px}

.field--name-field-bloc-competence .field--label{display:none}

.page-node-type-competence h1{font-size:3em}
.bloc_competence{margin-top:50px}
.bloc_competence h2{font-size:1.2em;line-height:1.5em;width:80%}
.bloc_competence .competence_detail{display:none}
.bloc_competence .btn_close{display:none}


.souscription{float:left;margin-right:10%;width:25%;height:auto;text-align: center}
.souscription.last{margin-right:0}
.souscription .btn{display:block;width:100px;margin:10px auto 20px}
.souscription .detail_souscription{float:left;width:100px;margin-right:10px;text-align: center}
.souscription .detail_souscription.last{margin-right:0px}
.souscription .detail_souscription .selected_service{background:#f9d22B;color:white;}
.souscription .detail_souscription button:hover{background:#f9d22B;color:white;}
.moyen_paiement{margin:20px auto 40px;width:400px}
.moyen_paiement button{width:150px;margin-right:40px}
.moyen_paiement button.last{margin-right:0}
.moyen_paiement .selected_service{background:#f9d22B;color:white;}
.moyen_paiement button:hover{background:#f9d22B;color:white;}

#ModalPayment .modal-body button{display:none}


.path-user .block_contact{display:none}
.path-paiement .block_contact{display:none}
.path-nous-contacter .block_contact{display:none}
body.user-logged-in.middle_office .block_contact{display:none}
.page-node-type-contrat .block_contact{display:none}

.mentions{margin-top:20px;font-size:0.9em;text-align: center}
.btn_competence{text-align: center;}
@media (max-width: 801px){
.page-node-type-competence h1{font-size:2em}
	.competence{width:70%;margin-left:10%;float:none;padding:5%}
	.bloc_competence h2{text-align: center;width:100%}
	.team{float:none;padding-left:5%;padding-right:5%;width:70%;height:auto;margin-top:50px;margin:50px 10% 0 10%}
}

/**************** CONTACT ************************/
#lob-sys-contact label{display:none}
#lob-sys-contact .float-labels-wrapper label{display:block}
#lob-sys-contact .form-item-nom{width:45%;float:left;margin-right:10%;margin-bottom:20px}
#lob-sys-contact .form-item-prenom{width:45%;float:left;margin-bottom:20px}
#lob-sys-contact .form-item-mail{width:45%;float:left;margin-right:10%;margin-bottom:20px}
#lob-sys-contact .form-item-tel{width:45%;float:left;margin-bottom:20px}
#lob-sys-contact .form-item-message{clear:both}
#lob-sys-contact .form-item-message textarea{height:200px; }
#lob-sys-contact #edit-submit{width:150px;margin:20px auto 0;display:block;font-size: 1em;border:0;cursor:pointer;}
#lob-sys-contact .g-recaptcha{clear:both;margin-top:40px}

@media (max-width: 801px){
	#lob-sys-contact .form-item-nom{width:100%;float:none;margin-right:0%;margin-bottom:20px}
	#lob-sys-contact .form-item-prenom{width:100%;float:none;margin-right:0%;margin-bottom:20px}
	#lob-sys-contact .form-item-mail{width:100%;float:none;margin-right:0%;margin-bottom:20px}
	#lob-sys-contact .form-item-tel{width:100%;float:none;margin-right:0%;margin-bottom:20px}
	#lob-sys-contact .form-item-message textarea{height:200px; }
	#lob-sys-contact .float-labels-wrapper label{font-size: 0.8em}
	#lob-sys-contact input{font-size: 0.8em}
	#lob-sys-contact textarea{font-size: 0.8em}	
	#lob-sys-contact #edit-submit{font-size: 0.8em}
}


/**************** LOGIN ************************/
.path-user h1.page-header{display:none}
.path-user .tabs{display:none}
#user-login-form label{display:block;margin-bottom:5px;font-weight: bolder;;display:none}
#user-login-form .float-labels-wrapper label{display:block}
#user-login-form .description{font-size: 0.8em;;margin-top:5px;display: none;}
#user-login-form .form-item{margin-bottom:40px}
#user-login-form{padding-top:100px;width:400px;margin:0 auto}
#user-login-form h2{margin-bottom:50px;text-align: center;font-size: 1.5em}
#user-login-form #edit-submit{transition: 0.3s;background:#32323F;color:white;border-radius: 20px;padding:10px;width:200px;display:block;text-align: center;margin:0 auto;border:0;font-size: 1em;cursor: pointer;}
#user-login-form #edit-submit:hover{color: #32323F;background: #f9d22B;}



.mentions{font-size:0.8em}
.mentions a{font-size: 1em;text-decoration: underline;text-underline-position:under}
.mentions a:hover{text-decoration: none}

#user-pass label{display:block;margin-bottom:5px;font-weight: bolder;;display:none}
#user-pass{padding-top:100px;width:400px;margin:0 auto}
#user-pass p{display:none}
#user-pass h2{margin-bottom:50px;text-align: center;font-size: 1.5em}
#user-pass #edit-submit{margin:0 auto;width:150px;display:block;margin-bottom:50px;cursor:pointer;}
#user-pass .form-item{margin-bottom:40px}
#user-pass #edit-submit{transition: 0.3s;background:#32323F;color:white;border-radius: 20px;padding:10px;width:200px;display:block;text-align: center;margin:0 auto;border:0;font-size: 1em;cursor: pointer;}
#user-pass #edit-submit:hover{color:#32323F;background:#f9d22B}

.path-user .mentions{margin-bottom:100px}

@media (max-width: 801px){
	#user-pass{width:80%;padding:50px 10%}		
	#user-pass #edit-submit{font-size: 0.8em}
	#user-login-form{width:80%;padding:50px 10%}		
	#user-login-form #edit-submit{font-size: 0.8em}
	#user-login-form .float-labels-wrapper label{font-size: 0.8em}
	#user-login-form input{font-size: 0.8em}
	#user-pass .float-labels-wrapper label{font-size: 0.8em}
	#user-pass input{font-size: 0.8em}
}


/**************** REGISTER ************************/
#user-register-form label{display:block;margin-bottom:5px;font-weight: bolder;;display:none}
#user-register-form .float-labels-wrapper label{display:block}
#user-register-form{padding-top:100px;width:800px;margin:0 auto}
#user-register-form .description{display:none}
#user-register-form h2{margin-bottom:50px;text-align: center;font-size: 1.5em;line-height:1.2em}
#user-register-form #edit-submit{margin:0 auto;width:200px;display:block;margin-bottom:20px;clear:both}
#user-register-form #edit-actions{clear:both;padding-top:30px}
#user-register-form #edit-user-picture-wrapper,
#user-register-form #edit-contact,
#user-register-form #edit-timezone{display:none}
#user-register-form .form-item{float:left;width:40%;margin-bottom:20px}
#user-register-form #edit-pass{width:100%;margin-bottom:0}
#user-register-form .form-item-field-prenom-0-value,
#user-register-form .form-item-field-tel-0-value,
#user-register-form .form-item-pass-pass1,
#user-register-form .form-item-field-raison-sociale-0-value,
#user-register-form .form-item-field-code-postal-0-value{margin-right:10%}
#user-register-form #edit-submit{transition: 0.3s;background:#32323F;color:white;border-radius: 20px;padding:10px;width:300px;display:block;text-align: center;margin:0 auto;border:0;font-size: 1em;cursor: pointer;}
#user-register-form #edit-submit:hover{color:#32323F;background:#f9d22B}
#user-register-form .g-recaptcha{clear:both;margin-top:40px}

#user-register-form .icon-eye{display:none}
#user-register-form .icon-eye-open{display:block}

#user-register-form .form-item-pass-pass1{position:relative}
#user-register-form .show_pass_1{display:none}
#user-register-form .form-item-pass-pass1 .show_pass_1{position:absolute;right:5px;top:5px;width:24px;height:24px;display:block}

#user-register-form .form-item-pass-pass2{position:relative}
#user-register-form .show_pass_2{display:none}
#user-register-form .form-item-pass-pass2 .show_pass_2{position:absolute;right:5px;top:5px;width:24px;height:24px;display:block}

@media (max-width: 801px){
	#user-register-form{width:80%;padding:50px 10%}	
	#user-register-form #edit-submit{font-size: 0.8em}
	#user-register-form .form-item{float:none;width:100%;margin-bottom:20px}
	#user-register-form .float-labels-wrapper label{font-size: 0.8em}
	#user-register-form input{font-size: 0.8em}
}

/**************** MIDDLE OFFICE ************************/ 
body.middle_office{background: #f3f3f3}
body.middle_office .block_lob h2{font-size: 2.5em}
@media (max-width: 801px){
	body.middle_office .block_lob h2{font-size: 2em;text-align: center}
}

/**************** USER ************************/ 
#user-form label{display:block;margin-bottom:5px;font-weight: bolder;display:none}
#user-form .float-labels-wrapper label{display:block}
#user-form .description{font-size: 0.8em;;margin-top:5px;margin-bottom:30px;clear:both}
#user-form{width:900px;margin:0 auto;padding:50px;background: white}
#user-form h2{margin-bottom:50px;text-align: center;line-height:1.2em}
#user-form #edit-submit{margin:0 auto;width:200px;display:block;margin-bottom:20px;clear:both}
#user-form #edit-user-picture-wrapper,
#user-form #edit-contact,
#user-form #edit-timezone{display:none}
#user-form .form-item{float:left;width:40%;margin-bottom:20px}
#user-form #edit-pass{width:100%;margin-bottom:0}
#user-form .form-item-field-prenom-0-value,
#user-form .form-item-field-tel-0-value,
#user-form .form-item-pass-pass1,
#user-form .form-item-field-raison-sociale-0-value,
#user-form .form-item-field-code-postal-0-value{margin-right:15%}
#user-form .form-item-mail .description{display:none}
#user-form .field--name-field-nom{margin-top:-15px}
#user-form #edit-actions{clear:both;padding-top:30px}
#user-form #edit-submit{transition: 0.3s;background:#32323F;color:white;border-radius: 20px;padding:10px;width:200px;display:block;text-align: center;margin:0 auto;border:0;font-size: 1em;cursor:pointer;}
#user-form #edit-submit:hover{color:#32323F;background:#f9d22B}
#user-form .form-item-field-stripe-id-customer-0-value{display:none}
#user-form .field--name-field-documents-lob{display:none}
@media (max-width: 801px){
	#user-form{width:80%;padding:50px 10%}
	#user-form .form-item{float:none;width:100%;margin-bottom:20px}
	#user-form #edit-submit{font-size: 0.8em}
	#user-form .float-labels-wrapper label{font-size: 0.8em}
	#user-form input{font-size: 0.8em}
}



	

/**************** MOYEN DE PAIEMENTS ************************/
#panel_moyen_paiments{background: white;border-radius:5px}
#panel_moyen_paiments .card{padding:20px}

.page-node-type-page .addtoany_list{display:none}
#user-form .field--name-field-avocat-referent{display:none}
#user-form .field--name-field-documents{display:none}




/**************** DASHBOARD ************************/
.panel_dashboard{padding:40px;margin-bottom:40px;border-radius:5px;position:relative;background:white;min-height:200px}
.panel_dashboard h2{font-size: 2.5em;margin-bottom:30px}
.panel_dashboard h2 span{ font-size: 50%;line-height: 0;position: relative;vertical-align: baseline; top: -0.5em;}
.panel_dashboard h3{font-size: 1.5em;margin-bottom:10px}
.panel_dashboard h4{font-size: 1.3em;font-style: italic}
.panel_description{margin:40px 0}
.panel_avocat img{width: 150px;border-radius: 150px;height: 150px;}

.panel_offre .temps_restant{position: absolute;right: 20px;top: 40px;font-size: 2.5em;color:#f9d22B;text-align: right}
.panel_offre .temps_restant .mentions_temps_restant{font-size: 0.3em;text-align: right;margin-top:20px;color:#32323f;width:350px;line-height: 1.2em}
.panel_offre .temps_utilise{margin-top:10px;font-weight: bold;margin-bottom:-18px}
.panel_offre .temps_total{font-weight: bold;;margin-bottom:10px;float:right}
.panel_offre .progress{clear:both;height:40px;border-radius:10px;border:#32323f solid 1px;overflow:hidden}
.panel_offre .progressbar_first{border-top-left-radius:10px;border-bottom-left-radius:10px}
.panel_offre .progressbar_last{border-top-right-radius:10px;border-bottom-right-radius:10px}
.panel_offre .legende_progress{padding:0}
.panel_offre .legende_progress li{list-style: none} 
.panel_offre .legende_progress span{display:inline-block;margin-right:20px;width:50px;height:10px}

.panel_offre  .dashboard_facturation{width: 100%;display:none}
.panel_offre  .dashboard_facture{width: 100%;display:none}

.panel_offre .detail_facturation{position:relative;padding-top:30px;clear:both}
.panel_offre .detail_facturation .date_facturation{font-weight: bold;margin-bottom:5px}
.panel_offre .detail_facturation span{display:inline-block;margin-right:20px;width:50px;height:10px}
.panel_offre .detail_facturation .temps_utilise_facturation{position:absolute;right:0;top:30px;font-weight: bold}

body.bo .btn-modifier-offre{display:none}
@media (max-width: 801px){
	.panel_dashboard h2{font-size: 2em;margin-bottom:30px;line-height: 1em}
	.panel_avocat .panel_description{text-align: center}	
	.panel_offre .temps_restant{position:static;font-size: 2em;text-align: left}
	.panel_offre .temps_restant .mentions_temps_restant{text-align: left; font-size: 0.5em;width:auto;margin-bottom:20px}
	.panel_offre .temps_utilise{margin-bottom:-28px}
}

/**************** DOCUMENTS ************************/

.path-documents h2,
.path-documents header,
.path-documents footer,
.path-documents .block_contact{display:none}
.path-documents .container{width:100%;}
.path-documents #toolbar-administration{display:none}
body.path-documents.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed{margin-left:0}

.path-documents-lob h2,
.path-documents-lob header,
.path-documents-lob footer,
.path-documents-lob .block_contact{display:none}
.path-documents-lob .container{width:100%;}
.path-documents-lob #toolbar-administration{display:none}
body.path-documents-lob.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed{margin-left:0}
.wrap_documents_lob #form-action-actions-wrapper{display:none}
.adminimal-admin-toolbar .wrap_documents_lob #form-action-actions-wrapper{display:block}


body.toolbar-tray-open.toolbar-vertical.toolbar-fixed.page-node-type-dir-listing{margin-left:0}
.page-node-type-dir-listing h1,
.page-node-type-dir-listing header,
.page-node-type-dir-listing footer,
.page-node-type-dir-listing .block_contact{display:none}
.page-node-type-dir-listing .container{width:100%}

.path-documents .main-container{margin-top:0}
.page-node-type-dir-listing .main-container{margin-top:0}
.dir-listing{padding-top:10px}

.page-node-type-dir-listing #toolbar-administration{display:none}
.path-documents #toolbar-administration{display:none}
.path-documents .tabs--primary{display:none}
.page-node-type-dir-listing .tabs--primary{display:none}

.lobfolder .btn{padding:5px 10px;width:auto;min-width:100px}
.lobfolder input[type=submit]{margin-top:10px;transition: 0.3s;background:#32323F;color:white;border-radius: 20px;padding:5px 20px;width:auto;min-width:100px;display:inline-block;text-align: center;border:0;cursor:pointer;font-size: 1em;font-weight:300}
.lobfolder input[type=submit]:hover{background:#f9d22B;color:#32323f}
.lobfolder #form-action-actions-wrapper input[type=submit]{display:none}
.lobfolder input[type=submit].js-hide{display:none}
.lobfolder input[type=checkbox]{display:block;width:50px}
.lobfolder .form-type-checkbox input[type=checkbox]{position: absolute;width:20px;height:20px}

.lobfolder .form-in-slide-down{padding:20px}
.lobfolder .form-in-slide-down input[type=text]{width:50%;height:20px}

.lobfolder .form-in-slide-down .filebrowser-close-window-link{background: url(../img/icon_burger_close.png) no-repeat;width:15px;height:15px;border:0;font-size: 0em}
.lobfolder .form-in-slide-down input[type=submit]{margin-top:10px;transition: 0.3s;background:#6F6F74;color:white;border-radius: 20px;padding:5px 10px;width:auto;min-width:100px;display:inline-block;text-align: center;border:0;cursor:pointer;font-size: 0.8em;font-weight:300}
.lobfolder .form-in-slide-down input[type=submit]:hover{background:#32323f;color:white}
.lobfolder .form-in-slide-down input[type=submit][data-drupal-selector="edit-u-file-upload-button"]{display:none}
.lobfolder .form-in-slide-down .description{font-size: 0.8em;}
.lobfolder .form-in-slide-down .form-item-folder-name .description{display:none}




.lobfolder .filebrowser-statistics{margin:20px 30px}
.lobfolder th{font-weight: bolder;text-align: left;display:none}
.lobfolder  #edit-table{width:100%;}
.lobfolder  #edit-table th:first-child{display:none}
.lobfolder  #edit-table thead{display:none}
.lobfolder  #edit-table tr{margin-bottom:10px;height:30px;width:100%}
.lobfolder  #edit-table tr td:first-child{display:none}
.lobfolder  #edit-table td{margin:0;padding:0}
.lobfolder  #edit-table tr td:nth-child(2){width:5%;vertical-align: middle;cursor: pointer;transition:0.5s;}
.lobfolder  #edit-table tr td:nth-child(3){width:75%;padding-top:5px}
.lobfolder  #edit-table tr td:nth-child(4){width:20%;padding-top:5px}
.lobfolder  #edit-table .filebrowser-item a:hover,
.lobfolder  #edit-table .filebrowser-folder a:hover{color:#666}
.lobfolder  #edit-table  a.focus-filebrowser-item{color:#666}


.lobfolder  #edit-table .filebrowser-date{width:10%;display:none;padding-top:5px}
.lobfolder  #edit-table .filebrowser-size{width:15%;padding-top:5px}
.lobfolder  #edit-table .filebrowser-description{width:48%;display:none;padding-top:5px}
.lobfolder .form-type-filebrowser-managed-file{position:relative;overflow-y: hidden}
.lobfolder .form-type-filebrowser-managed-file input[type=file]{width:100%;height:256px;opacity:1;position:absolute;left:0;top:-50px;}
.lobfolder .form-type-filebrowser-managed-file input[type=file].is-dragover{background-color: #666;opacity:0.5}

.lobfolder .form-type-filebrowser-managed-file input[type=file]:focus{}
.lobfolder .form-type-filebrowser-managed-file label[id^='edit-u-file']{display:block;font-size:0em;width:99%;height:200px;background:url(../img/drag.png) no-repeat center -25px;border:1px #666 dashed}
.lobfolder .form-type-filebrowser-managed-file label[id^='edit-u-file'].is-dragover{background-color: #F3F3F3}
.lobfolder .form-type-filebrowser-managed-file label.option{display:block}
.lobfolder .form-type-filebrowser-managed-file .form-managed-file{}
.lobfolder  div.filebrowser-svg svg:hover{fill:#f9d22B}
.lobfolder .focus-filebrowser-item div.filebrowser-svg svg{fill:#f9d22B}

.page-node-type-dir-listing #base-action-form #form-action-actions-wrapper{display:none;margin-bottom:20px}
.page-node-type-dir-listing #base-action-form[data-folder^='/Documents'] #form-action-actions-wrapper{display:block}
.role-administrator.page-node-type-dir-listing #base-action-form #form-action-actions-wrapper{display:block}

#filebrowser-rename-form .form-item{margin:20px 0}
#filebrowser-rename-form input[type=text]{width:80%}
#filebrowser-rename-form  #edit-actions-cancel{display:none}

#filebrowser-delete-form #edit-cancel{display:none}
#filebrowser-delete-form input[type=submit]{margin-top:20px}

#filebrowser-form-edit-file-description textarea{height:50px;margin:20px 0}
#filebrowser-form-edit-file-description #edit-cancel{display:none}


.form-type-filebrowser-managed-file .description{margin:20px 0}

.filebrowser-statistics{margin-top:20px;font-size: 0.8em;display:none}

.file {
    display: table;
    font-size: 75%;
    margin: 5px 0;
	width:90%;
	margin-left:5%;
	border: 1px solid #ccc;
}

.file-icon {
    font-size: 150%;
    padding: .25em .5em;
    text-align: center;
}
.file>span {
    background: #fff;
    color: #337ab7;
   
}

.file-icon, .file-link, .file-size, .file>.tabledrag-changed {
    display: table-cell;
    vertical-align: middle;
}
.file-link {
    width: 100%;
}
.file>span{color:#666}
.file-size {
    padding: 0 1em;
    text-align: right;
    white-space: pre;
}

/*
:before{
    background-image: url(/core/themes/stable/images/core/icons/73b355/check.svg);background-repeat:no-repeat;
	padding-left:30px;	
}

.warning_status{
	background-image: url(/core/themes/stable/images/core/icons/e29700/warning.svg);background-repeat:no-repeat;
	padding-left:30px;	
}
.bkg_warning{background:#fdf8ed}
*/

.filebrowser-item-description{padding-right:30px}
.filebrowser-item-description .edit-filebrowser-description{transition:0.5s;background-image: url(/core/themes/stable/images/core/icons/787878/pencil.svg);background-repeat:no-repeat;	margin-left:15px;	width:15px;height:15px;display:none}
.filebrowser-item-description:hover > .edit-filebrowser-description{display:inline-block}

.filebrowser-item{padding-right:30px}

.filebrowser-item .upload-filebrowser-item{background-color:#666;-webkit-mask-image: url(/themes/lob/assets/img/upload.svg);mask-image: url(/themes/lob/assets/img/upload.svg);background-repeat:no-repeat;	margin-left:15px;	width:18px;height:18px;display:none}
.filebrowser-item[aria-selected=true]:hover > .upload-filebrowser-item{display:none;}
.filebrowser-item .upload-filebrowser-item:hover{background-color:#f9d22B}
.adminimal-admin-toolbar .filebrowser-item[aria-selected=true] > .upload-filebrowser-item{display:inline-block} 
.filebrowser-item[data-filename='Mes Documents'][aria-selected=true] > .upload-filebrowser-item{display:inline-block;}
.filebrowser-item[data-filename='Mes Documents'] .filebrowser-item[aria-selected=true] > .upload-filebrowser-item{display:inline-block;}

.filebrowser-item .folder-filebrowser-item{background-color:#666;-webkit-mask-image: url(/themes/lob/assets/img/folder.svg);mask-image: url(/themes/lob/assets/img/folder.svg);background-repeat:no-repeat;	margin-left:15px;	width:18px;height:18px;display:none}
.filebrowser-item[aria-selected=true]:hover > .folder-filebrowser-item{display:none;}
.filebrowser-item .folder-filebrowser-item:hover{background-color:#f9d22B}
.adminimal-admin-toolbar .filebrowser-item[aria-selected=true] > .folder-filebrowser-item{display:inline-block} 
.filebrowser-item[data-filename='Mes Documents'][aria-selected=true] > .folder-filebrowser-item{display:inline-block}
.filebrowser-item[data-filename='Mes Documents'] .filebrowser-item[aria-selected=true] > .folder-filebrowser-item{display:inline-block;}

.filebrowser-item .edit-filebrowser-item{background-color:#666;;-webkit-mask-image: url(/core/themes/stable/images/core/icons/787878/pencil.svg);mask-image: url(/core/themes/stable/images/core/icons/787878/pencil.svg);background-repeat:no-repeat;	margin-left:15px;	width:15px;height:15px;display:none}
.filebrowser-item[aria-selected=true]:hover > .edit-filebrowser-item{display:none}
.filebrowser-item .edit-filebrowser-item:hover{background-color:#f9d22B}
.adminimal-admin-toolbar .filebrowser-item[aria-selected=true] > .edit-filebrowser-item{display:inline-block} 
.filebrowser-item[data-filename='Mes Documents'][aria-selected=true] > .edit-filebrowser-item{display:none;}
.filebrowser-item[data-filename='Mes Documents'] .filebrowser-item[aria-selected=true] > .edit-filebrowser-item{display:inline-block;}

.filebrowser-item .delete-filebrowser-item{background-color:#666;-webkit-mask-image: url(/themes/lob/assets/img/error.svg);mask-image: url(/themes/lob/assets/img/error.svg);background-repeat:no-repeat;	margin-left:15px;	width:15px;height:15px;display:none}
.filebrowser-item[aria-selected=true]:hover > .delete-filebrowser-item{display:none;}
.filebrowser-item .delete-filebrowser-item:hover{background-color:#f9d22B}
.adminimal-admin-toolbar .filebrowser-item[aria-selected=true] > .delete-filebrowser-item{display:inline-block} 
.filebrowser-item[data-filename='Mes Documents'][aria-selected=true] > .delete-filebrowser-item{display:none;}
.filebrowser-item[data-filename='Mes Documents'] .filebrowser-item[aria-selected=true] > .delete-filebrowser-item{display:inline-block;}

.filebrowser-item .download-filebrowser-item{background-color:#666;-webkit-mask-image: url(/themes/lob/assets/img/download.svg);mask-image: url(/themes/lob/assets/img/download.svg);background-repeat:no-repeat;	margin-left:15px;	width:18px;height:18px;display:none}
.filebrowser-item[aria-selected=true] > .download-filebrowser-item{display:inline-block;}
.filebrowser-item .download-filebrowser-item:hover{background-color:#f9d22B}

.filebrowser-item .preview-filebrowser-item{background-color:#666;-webkit-mask-image: url(/themes/lob/assets/img/preview.svg);mask-image: url(/themes/lob/assets/img/preview.svg);background-repeat:no-repeat;	margin-left:15px;	width:18px;height:18px;display:none}
.filebrowser-item[aria-selected=true] > .preview-filebrowser-item{display:inline-block;}
.filebrowser-item .preview-filebrowser-item:hover{background-color:#f9d22B}



.root_folder{padding-bottom:15px;display:none}
.adminimal-admin-toolbar .root_folder{display:block}
.root_folder span{background-color:#666;-webkit-mask-image: url(/themes/lob/assets/img/folder.svg);mask-image: url(/themes/lob/assets/img/folder.svg);background-repeat:no-repeat;	margin-right:15px;	width:18px;height:18px;display:inline-block;}
.root_folder:hover span{background-color:#f9d22B}

.filebrowser-folder .edit-filebrowser-item{background-color:#666;-webkit-mask-image: url(/core/themes/stable/images/core/icons/787878/pencil.svg);mask-image: url(/core/themes/stable/images/core/icons/787878/pencil.svg);background-repeat:no-repeat;	margin-left:15px;	width:15px;height:15px;display:none}
.filebrowser-folder[aria-selected=true]:hover > .edit-filebrowser-item{display:inline-block;}
.filebrowser-folder .edit-filebrowser-item:hover{background-color:#f9d22B}

.filebrowser-folder .delete-filebrowser-item{background-color:#666;-webkit-mask-image: url(/themes/lob/assets/img/error.svg);mask-image: url(/themes/lob/assets/img/error.svg);background-repeat:no-repeat;	margin-left:15px;	width:15px;height:15px;display:none}
.filebrowser-folder[aria-selected=true]:hover > .delete-filebrowser-item{display:inline-block;}
.filebrowser-folder .delete-filebrowser-item:hover{background-color:#f9d22B}

.jstree-anchor span{font-size: 0.8em;padding-left:20px}
.modal-title span{font-style: italic;}
.modal input[type=text]{padding:5px}
#ModalUpload{max-width:50%}
#dropzone{display:block;height:200px;background:url(../img/bkg_drag.png) no-repeat center center;border:1px #666 dashed}
.alert_modal{margin:10px 0;font-size:0.9em}
body .dropzone .dz-message{margin:0}
.filebrowser-item br{display:none}

body .fancybox-button--close{background:black;width:55px;height:55px}
body .fancybox-slide{padding:0}
body .fancybox-slide--iframe .fancybox-content {
    width  : 100%;
    height : 100%;
    max-width  : 100%;
    max-height : 100%;
    margin: 0;
}

.layer_document{position:fixed;z-index: 99;top:0;left:0;width:100%;height:100%}

@media (max-width: 801px){
		
	
	body .jstree-default .jstree-anchor{overflow-wrap: break-word;hyphens: auto;word-break: break-all;
		white-space: pre-wrap;       /* css-3 */
      white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
      white-space: -pre-wrap;      /* Opera 4-6 */
      white-space: -o-pre-wrap;    /* Opera 7 */
      word-wrap: break-word;   
	height:auto;
	}
	.filebrowser-item[aria-selected=true] br{display:block}
	.jstree-anchor span{display:block;padding-left:0}
	#ModalUpload{max-width:90%}
   .adminimal-admin-toolbar .filebrowser-item[aria-selected=true] > .upload-filebrowser-item{display:inline-block;margin:10px 0 0px 40px} 
   .filebrowser-item[data-filename='Mes Documents'][aria-selected=true] > .upload-filebrowser-item{display:inline-block;margin:10px 0 0px 40px}
   .filebrowser-item[data-filename='Mes Documents'] .filebrowser-item[aria-selected=true] > .upload-filebrowser-item{display:inline-block;margin:10px 0 0px 40px}

	.filebrowser-item[aria-selected=true] > .preview-filebrowser-item{display:inline-block;margin:10px 0 0px 40px}
	.filebrowser-item[aria-selected=true]{padding-bottom:20px}
	body .fancybox-slide--iframe .fancybox-content {
    width  : 100%;
    height : 400px;
    max-width  : 95%;
    max-height : 95%;
    margin: 0;
}
	
}


/**************** SOUSCRIPTION ************************/
.wrap_blocks_souscription{background:white;padding:50px;border-radius:5px;margin-bottom:100px}
.wrap_blocks_souscription:after{clear:both;display:block;content: "";}

@media (max-width: 801px){
	.wrap_blocks_souscription{padding:50px 0}
}


/**************** PAIEMENT ************************/
.block_checkout{padding:20px;background:#f9d22B;border-radius:5px}
.block_checkout h2{font-size: 2.5em;margin-bottom:30px}
.block_checkout h3{font-size: 1.5em;margin-bottom:10px}

#saved_payment{background:white;border-radius:5px}
#saved_payment .card{padding:20px}

#new_payment{background:white;border-radius:5px;padding:40px}
.mentions_cb a{text-decoration: underline;text-underline-position:under}
.mentions_cb a:hover{text-decoration: none}

@media (max-width: 801px){
	#saved_payment .card{padding:10px}
	#new_payment{padding:20px}
}









/**************** GPDR ************************/ 
body .sliding-popup-bottom{opacity:0.8}
body .eu-cookie-compliance-content{max-width:90%;font-family: 'Roboto', sans-serif}
body .eu-cookie-compliance-message{padding:20px 0}
body .eu-cookie-compliance-message p{font-size: 0.9em;font-weight: normal}  
body .eu-cookie-compliance-buttons{margin-top:10px}
body .eu-cookie-compliance-buttons button.eu-cookie-compliance-agree-button,
body .eu-cookie-compliance-buttons button.disagree-button.eu-cookie-compliance-more-button{border-radius:0;text-transform: uppercase;font-size: 0.9em;font-family: 'Roboto', sans-serif;border:0;text-shadow: none;padding:10px 20px;box-shadow:none;font-weight: normal}

/*
body .eu-cookie-compliance-buttons button.eu-cookie-compliance-agree-button:hover,
body .eu-cookie-compliance-buttons button.disagree-button.eu-cookie-compliance-more-button:hover{background:#7287C0}
*/



/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}



@media only screen and (max-width: 10000px) {


@media only screen and (max-width: 3000px) {

}

@media only screen and (max-width: 2000px) {

}


@media only screen and (max-width: 1700px) {

}

@media only screen and (max-width: 1300px) {

	
}

@media (max-width: 980px){

	
}