/*
Theme Name:     RATP Habitat
Description:    Thème sur mesure RATP Habitat ©
Author:         Walid Marouf
Template:       twentysixteen
Version:        1.0.0
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500');


.box2cl a img, .box2cr a img {
	margin:auto !important;
	    margin-bottom: 1rem !important;
}

html {
	font-family: 'Montserrat', Helvetica,Arial,sans-serif;
			    font-weight: 300;
			    color:#737373;
			    line-height: 1.5;
			    			font-size: 1.3em;
	
}

.wp1s-caption-title {
		 font-family: 'Montserrat', Helvetica,Arial,sans-serif !important;

	    text-transform: none !important;
	        font-weight: 500 !important;
	            letter-spacing: 0 !important;
padding:0 !important;
margin-top:0.2vw !important;



}




.home .wp1s-caption-wrapper.wp1s-caption-type-1 .wp1s-caption-title {
	font-size: 1.6vw !important;
	
}


.wp1s-caption-wrapper.wp1s-caption-type-4.wp1s-caption-topcenter, .wp1s-caption-wrapper.wp1s-caption-type-4.wp1s-caption-middlecenter, .wp1s-caption-wrapper.wp1s-caption-type-4.wp1s-caption-bottomcenter {	
	    width: 100%;
    margin-left: auto;
    margin-bottom: 0;
    left:0 !important;
    				   font-size: 1vw !important;

    
   
}


.wp1s-caption-wrapper.wp1s-caption-type-4 {
	padding:0 !important;
	    background-color: rgba(0,0,0,0.6) !important;

}
.wp1s-caption-wrapper .wp1s-caption-content {
	margin:0 !important;
}

.wp1s-caption-content {
		 font-family: 'Montserrat', Helvetica,Arial,sans-serif !important;
				   font-size: 1.1vw !important;
white-space: pre !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
}

.display-posts-listing .date, .display-posts-listing .excerpt,.display-posts-listing .more-link {
	display:block;
}

.display-posts-listing .excerpt-dash {
	display:none;
}

.page-header {
	border-top:0;
}
.bulletprog {
	list-style: none !important;
	text-align: left !important;
	 font-family: 'Montserrat', Helvetica,Arial,sans-serif;
			    font-weight: 300;
			    color:#737373;
			    line-height: 1.5;
			    			font-size: 1.3em;
}

.entry-footer {
	display: none;
}

.entry-content {
	float:none;
	width: 100% !important;
}

label {
	margin-top:0.2rem;
	margin-bottom:0.2rem;
}
   .listing-item .title{ border: 2px solid #0a0182 !important;
    padding: 0.25em 0.5em;
    background: #fff;
    text-decoration: none !important;
        font-family: 'Open Sans', sans-serif !important;
    color: #0a0182 !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-top: 1em;
    margin-bottom: 1em;
    display: inline-block;
    box-shadow: none !important;
    
    
    }
    
    .listing-item {
	    margin-top: 8em;
margin-bottom: 4em;
border-bottom: 1px solid #d5d5d5;
padding-bottom: 4em;
    }

	 .bx-wrapper img {
		 width: 100%;
	 }
@media (max-width: 62rem) {
	
	.h3blue {
		margin-top:1rem !important;
		
	}
	
.imgicono {
		background: url('images/imgiconop.png') !important;
		height:15rem !important;
		background-repeat: no-repeat !important;
		background-size:contain !important;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:120%;
			background-position:top center;	
	
}

/*.imgicono1 {
			height:5rem !important;

	
}*/ 
	
	h1, h2 {
		margin-top: 2rem !important;
		line-height: 1.3rem !important;
		margin-bottom: 1rem !important;
	}
	
	
	.cadreb {
		line-height: 1 !important;
	}
	.spacer {
		margin-top: 4em !important;
		margin-bottom: 4em !important;
	}
	
	.spacerl {
		margin-top: 2em !important;
		margin-bottom: 2em !important;
	}
	
	.wp1s-caption-content {
		font-size: 0.9rem !important;
    white-space: normal !important;
	}
	
.dropdown-content1 {
			display:none !important;

}
	
	.dropdown1:hover .dropdown-content1 {
		display:none !important;
}
	
	.linkedin  {
					background: url('images/linkedinb.png') !important;
					background-size: contain !important;
    background-repeat: no-repeat !important;

		
	}
	
	.youtube {
		
							background: url('images/youtubeb.png') !important;
							background-size: contain !important;
    background-repeat: no-repeat !important;

	}
	
	h1, h2, h3, h4, h5, h6 {
		letter-spacing: 0 !important;
	}
	.titleg  {
		padding:0 !important;
		line-height: 1.2 !important;
		margin-right: 10% !important;
		margin-left: 10% !important;
		text-align: left !important;
		padding-top: 3rem !important;
	}
	
	.titleg span {
		padding: 0 !important;
		margin:  0 !important;
	}
	.titleg+* {
				border:0 !important;
}


.wp1s-resposive .wp1s-main-wrapper .wp1s-caption-wrapper.wp1s-caption-type-4.wp1s-caption-bottomcenter {
    width: 100% !important;
    margin-left: 0% !important;
}
		
	.cadreb {
		border:0 !important;
		background:transparent !important;
				padding:0 !important;

	}
	
	.menu li {
		height:auto !important;
	}
	.bx-wrapper img {
		    height: 40em;
    width: auto;
    object-fit: cover;
	}
	
	.bx-viewport, .bx-wrapper {
		height: 40em;
	}
	.fullimg {
		height:40em !important;
	}
	.herotxt {
		margin-left: 0 !important;
		width:100% !important;
	}
	.espace {
		text-align: center !important;
		margin-bottom: 1em !important;
		margin-top: 1em !important;
	}
	.resph {
		line-height: 1.3 !important;
	}
	.hero .wrapper {
		width:100% !important;
	}
	.heroimg {
		height:40em !important;
		background-size:cover !important;
	}
	.fourcolumn, .box1 {
			width: 100% !important;
			margin-bottom: 1em;

	}
	.wrapper {
		width:90% !important;
	}
.logo, .espace, .search-form, .social, .flex, .right, .menu ul, .menu ul li  {
	display:block !important;
}

svg, .menu ul li {
	width: 100% !important;
}
#menu-principal ul.sub-menu {
	position: relative;
	top: initial;
	width: 100%;
	display: none !important;
}
.menu ul li:hover {
	background-color: initial !important;
	border-color: initial !important;
}
.box2c,.box2cr, .box2cl, .imgbox3c1, .imgbox3c2, .imgbox3c3, .menuF ul li, .imgbox1, .third, .thirdl, .box2c2, .imgbox34 , .imgbox14, .box64, .box46, .box14, .box34, .imgbox424, .imgbox244, .imgbox442, .imgbox3d1, .imgbox3d2, .imgbox3d3, .imgbox3c311 {
	width: 100% !important;
	display:block !important;
}
.imgbox424, .imgbox244, .imgbox442 {
	margin-bottom: 1em !important;
}
.centrerg {
	width:50% !important;
	margin-left: 25% !important;
	margin-right: 0 !important;
}
.modal-content {
	height:40em !important;
	width:100% !important;
	top:0 !important;
	right:0 !important;
}
.imgbox2c1 {
	margin-left:0 !important;
	width:100% !important;
}
.imgbox2c2 {
	margin-right:0 !important;
	width:100% !important;
}
.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
	margin-left:0 !important;
	margin-right:0 !important;
}

.social {
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}

}

.wp1s-caption-wrapper h1, .wp1s-caption-wrapper h2  {
	color:#fff !important;
}


.copy {
	color:#fff;
	text-align: center;
	width: 100%;
	
}

.colorg {
	    background: #00aa91;

}
.menuF {
	width: 100%;
	padding-top:2rem;
    
    }
.menuF ul li {
width:24%;
display:inline-block;
vertical-align: top;


}
.menuF ul li .sub {
	    margin-bottom: 1em;
}
.menuF ul li .sub span {
	font-size: 0.9em;
	font-weight: 300;
text-transform: none;
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    margin-left:2em;
    color:#fff;

}
.menuF ul li .sub a {
	padding-top:0.2em;
	margin-bottom: 0.2em !important;
	
}
.menuF ul li a {
color:#fff !important;	
display: block;
vertical-align: top;
text-transform: uppercase;
font-size: 1em;
line-height: 1.2 !important;
    margin-bottom: 1em !important;
}
/*search*/
.social {
	float:right;
		margin-top: auto;
		margin-bottom: auto;
}
.youtube {
		background: url('images/youtube.png');
		width:3em;
		height:2em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
		margin-left: 1em;

}
.twitter {
		background: url('images/twitter.png');
		width:2em;
		height:2em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
		margin-left: 1em;

}

.linkedin {
			background: url('images/linkedin.png');
		width:2em;
		height:2em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
				margin-left: 0.5em;

}
.search-form {
margin-top: auto;
		margin-bottom: auto;
		margin-left: -2vw;
	
}
.search-submit, input[type="search"] {
	background-color: #f5f5f5 !important;
	height: 50px;
    border-radius: 50px;
    color: #787878;
	
}

.search-submit:before {
	line-height: 25px;
}
button.search-submit {
	    margin-right: 5px;
height: 28px !important;
	    	margin-top: 1px !important;

	
}

input[type="search"].search-field {
	border-radius: 2rem !important;
    height: 1.5rem;
    font-size: 0.7rem;

}
/*search*/

.entry-content h2, .entry-summary h2, .comment-content h2 {
	/*font-size: initial !important;*/
}

p {
	-webkit-margin-before: 0em !important;
-webkit-margin-after: 1em;
}

.site {
	margin:0 !important;

}
.entry-header {
	display: none !important;
}
.content-area {
	
width:100% !important;
margin:0 !important;
}
.site-content {
	padding:0 !important;
}



.wrapper {
	width:80% !important;
	margin-left: auto;
	margin-right:auto;
}


	.logo {
		background: url('images/logo.jpg');
		width:11rem;
		height:3.9rem;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
		margin-top: 2em;
		margin-bottom: 2em;
		
		
	}
		.logob {
		background: url('images/logob.png');
		width:11rem;
		height:3.9rem;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
		margin-bottom: 2em;
		
		
	}

.flex {
	display: flex;
	width: 100%;
}

.colort {
		background: #00A0BE;

}
header > .wrapper {
	position: relative;
	z-index: 2;
}
.menu{
	background: #00A0BE;
	color:#fff;
	list-style:none;

	
}
.menu > .wrapper > ul > li, .menu-principal-container > ul > li {
		color:#fff;
			width:16.4%;
			padding:0.5%;
				margin: auto;
				min-height: 2em;
				}
.menu-principal-container .sub-menu {
	margin: 0;
}
.menu ul li a {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.menu-principal-container > ul > li > a {
	display: inline-flex;
	align-items: center;
}
.menu-principal-container > ul > li > a::after {
    content: "";
    vertical-align: middle;
    height: 100%;
}

.menu ul li:hover {
	background-color: #0a0082;
	border-color:#0a0082;
}
/*dropdown*/

.dropdown1, #menu-principal > li {
  position: relative;
  display: inline-block;
}

.dropdown-content1, #menu-principal ul {
	display: none;
  position: absolute;
  top:3.5vw;
  background-color: #0a0082;
  width: 15rem;
  left:0;
  z-index: 200;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.80em;
 /* white-space: nowrap;*/
  text-align: left;
  padding:0;
 
  
}


.list {
	list-style: circle;
	display:block;
	position: absolute;
}
.menu > .wrapper > ul > li, .menu-principal-container > ul > li {
	    height: 3.5vw;
}
.lineh a{
	line-height:  2.8vw !important;
}

.lineh .dropdown-content1 a{
	line-height:  1.5em !important;
}
.dropdown-content1 a:hover {
	}

.dropdown-content1 a, #menu-principal ul li {
	
  padding: 0.8em 1em;
  text-decoration: none;
  display: block;
}

.dropdown-content1 .sub span a {
	text-transform: none;
	padding: 0.2em 1em !important;
	font-size: 0.95em;
	font-weight: 300;
	display: list-item;                                                       
    list-style-type: disc;       
        list-style-position: inside; 
        margin-left:0.25em;
}
.dropdown-content1 .sub span a:before {
	content:'';
}
.dropdown1:hover .dropdown-content1, #menu-principal > li:hover ul {
	display: block ;
	}

.sub a{
	padding-top:0.8em;
	padding-bottom:0;
}

/*dropdown*/



.heroimg {
		background: url('images/slide.jpg');
		width:100%;
		height:29em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;

	
}


.herotxt:before {
			background: url('images/leftarrow.png');

}
.herotxt:after {
			background: url('images/rightarrow.png');

}

.arrow {
	float:left;
		display:inline-block;


}

.herotxt {
	width:55%;
	padding-left: 3em;
	padding-right: 3em;
		padding-top: 10%;
	padding-bottom: 5%;
	right:0;
	display:inline-block;
	margin-left: 45%;
	overflow: hidden;
	
		
}
.herotxt a {
	display: inline-block;
	width:10%;
}

.herotxt h2 {

	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 2em;
	width:80%;
	color:#fff !important;


	
}
.menu > .wrapper > ul, .menu-principal-container > ul  {
	margin: 0 !important;
	-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-padding-start: 0em;
display: flex;
height: 100%;
}
.menu > .wrapper > ul > li, .menu-principal-container > ul > li {
	list-style: none;
	display: inline-block;
	text-align: center !important;
	margin: auto;
	text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 1.2em;


	
}

.right {
	right:0;
	float:right;
	width: 100%;
	display: flex;
	
}
.espace a, .espace a:hover, .espace:hover {
	color:#fff !important;
}

.espace {
	background-color:#090082;
	font-weight: 700;
	color:#fff;
	padding:0.5em 1em;
	border-radius:2em;
	text-transform: uppercase;
		margin-top: auto;
		margin-bottom: auto;
		display: inline-block;
		right:0;
	position: relative;
	margin-left: auto;
}


body {
	margin:0;
	    font-family: 'Montserrat', Helvetica,Arial,sans-serif;
	   /* font-variant-ligatures: none !important;
	    font-feature-settings: "liga" 0 !important;
	    text-rendering: geometricPrecision !important;
	    font-smoothing: 1em !important;
	    font-smooth: 1em !important;
	    -webkit-font-smoothing: 1em !important;
	    -moz-osx-font-smoothing:1em !important;*/
	    }
	




p {
	margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
a:any-link {
	text-decoration: none;
}

.spacerl {
	margin-top:4em;
	margin-bottom: 4em;
}

.spacer {
	margin-top:9em;
	margin-bottom: 9em;
}
.lineg {
	height:2px;
	background:#d5d5d5;
}

.cadreb {
			    border: 2px solid #0a0182;
			    padding:0.25em 0.5em;
			    background:#fff;

}
.titleg {
	color:#00aa91 !important;
	text-align: center;
	text-align: center;
	margin-top: 5em;
	background:#fff;
		    font-family: 'Montserrat', Helvetica,Arial,sans-serif;

}

.titleg span {
  padding: 0 20px;
  Text-align : center; 
  	background:#fff;

}

.titleg+* {
  border-top: solid 2px #00aa91;
  padding-top: 28px;
  margin-top: -14px;
}

.grey .txtbox {
				    color:#4f4f4f;

}


.txtbox {
			    font-family: 'Montserrat', Helvetica,Arial,sans-serif;
			    font-weight: 300;
			    color:#737373;
			    line-height: 1.5;
			    			font-size: 1.3em;


}

.txtbox a {
	color:#0a0182;
			    font-weight: 600;
}
.box2cr {
	width:48%;
			display: inline-block;
			vertical-align: top;
			
			margin-left: 2%;
			float: right;

	
}
.box2cl {
	width:48%;
			display: inline-block;
			vertical-align: top;
			
			margin-right: 2%;

	
}
.box2c {
	width:45%;
			display: inline-block;
			vertical-align: top;
			margin-right: 4%;

	
}

.box2c2 {
	width:45%;
			display: inline-block;
			vertical-align: top;
			margin-left: 4%;

	
}

.lineg{
	
}

.box1 {
	width:40%;
			display: inline-block;
			vertical-align: top;
			

	
}

.box64 {
	width:60%;
			display: inline-block;
			vertical-align: top;
			
			margin-right: 9%;

	
}
.box46 {
	width:30%;
			display: inline-block;
			vertical-align: top;
			text-align: justify;
			float: right;

	
}


.box14 {
	width:24%;
			display: inline-block;
			vertical-align: top;
			text-align: justify;
			margin-right: 1%;

	
}
.box34 {
	width:73%;
				margin-left: 1%;

			display: inline-block;
			vertical-align: top;
			

	
}

.alinea {
	padding-left: 1em;
}

.imgbox461 {
	background: url('images/echeance.jpg');
		height:11em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top right;
			float: left;
			margin-bottom: 1em;
	
}

.imgbox462 {
	background: url('images/loyer.jpg');
		height:12.4em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top right;
			float: left;
			margin-bottom: 1em;
	
}





.imgbox463 {
	background: url('images/boitesl.jpg');
		height:25em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top right;
			float: left;
			margin-bottom: 1em;
	
}

.imgbox5 {
	background: url('images/locatairePreux.jpg');
		height:38em;
		background-size:cover;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top right;
			float: left;
			margin-bottom: 1em;
	
}

.imgbox5 {
	background: url('images/locatairePereux.jpg');
		height:38em;
		background-size:cover;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top right;
			float: left;
			margin-bottom: 1em;
	
}

.imgbox6 {
	background: url('images/discussion2.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top right;
	
}

.imgboxg1 {
	background: url('images/green1.jpg');
		height:10em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
		
			
			background-position:center center;
	
}

.imgboxg2 {
	background: url('images/green2.jpg');
		height:10em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
		
			
			background-position:center center;
	
}

.imgboxg3 {
	background: url('images/green3.jpg');
		height:10em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
		
			
			background-position:center center;
	
}

.centrerg {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width:20%;
		margin-left: 40%;
			margin-right: 40%;
}

.centrerg2 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width:50%;
		margin-left: 25%;
			margin-right: 25%;
}

.fullimg {
	background: url('images/surloyer.jpg');
		height:80em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top center;
	
}
.imgicono
{
	background: url('images/icono.jpg');
		height:30em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top center;
}

.imgicono1
{
	background: url('images/icono1.jpeg');
		height:30em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top center;
}
.imgbox1 {
					background: url('images/imgbox1.jpg');
		height:31em;
		background-size:cover;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:50%;
			margin-left: 10%;
			background-position:center top;
			float: right;
			position: relative;
				color: #fff;

}
.imgbox1 p  {
	position: absolute;
	bottom:0;
	right: 0;
	color: #fff;
line-height: 1.2;
font-weight: 300;
		 font-family: 'Montserrat', Helvetica,Arial,sans-serif !important;
		     bottom: 0.3rem;
    left: 0.5rem;

	
}


.imgboxf {
			background: url('images/bureau.jpg');
		height:30em;
		background-size:cover;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:center top;
			float: right;
}


.imgboxg {
			background: url('images/entree.jpg');
		height:30em;
		background-size:cover;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:center bottom;
			float: right;
}


.imgbox2 {
			background: url('images/imgbox2.jpg');
		height:30em;
		background-size:cover;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:center bottom;
			float: right;
}

.imgbox3c1 {
			background: url('images/1-Linkedin.png');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
			margin-right: 1.5%;
}
.imgbox3c2 {
			background: url('images/2-CP.png');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
						margin-right: 1.5%;

}
.imgbox3c3 {
			background: url('images/3-RA.png');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
}

.imgbox3c311 {
			background: url('images/activite1.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
}

.imgbox3d1 {
			background: url('images/attribution.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
			margin-right: 1.5%;
}
.imgbox3d2 {
			background: url('images/demande.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
						margin-right: 1.5%;

}
.imgbox3d3 {
			background: url('images/agent.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
}




.imgbox3e1 {
			background: url('images/accession.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
			margin-right: 1.5%;
}
.imgbox3e2 {
			background: url('images/contact.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
						margin-right: 1.5%;

}
.imgbox3e3 {
			background: url('images/batb.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:32%;
			background-position:center center;
			float: left;
}


.imgbox2c1 {
			background: url('images/dispo.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:29%;
			background-position:center center;
						margin-left: 20%;

}
.imgbox2c2 {
			background: url('images/contact.jpg');
		height:20em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:29%;
			background-position:center center;
			margin-right: 20%;
}



.imgbox14 {
	background: url('images/règlementinterieur.jpg');
		height:11em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:29%;
			background-position:center center;
			float: left;
			margin-right: 1%;
	
}

.imgbox34 {
	background: url('images/discussion.jpg');
		height:11em;
		background-size:cover;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:70%;
			background-position:top center;
			float: left;
	
}

.imgdiscussion {
	background: url('images/discussion.jpg');
		height:25em;
		background-size:cover;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:top center;
	
}

.imgbox424 { 
	background: url('images/batr.jpg');
		height:11em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:36.5%;
			background-position:top center;
			float: left;
	
}

.imgbox244 { 
	background: url('images/plaquette.jpg');
		height:11em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:24.5%;
			margin-left: 1.25%;
			margin-right: 1.25%;
			background-position:top center;
			float: left;
	
}


.imgbox442 { 
	background: url('images/bd.jpg');
		height:11em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:36.5%;
			background-position:top center;
			float: left;
	
}


.imgbox444 { 
	background: url('images/activite.jpg');
		height:11em;
		background-size:contain;
		background-repeat: no-repeat;
		display: inline-block;
			overflow: hidden;
			width:36.5%;
			background-position:top center;
			float: left;
	
}


.imgbox501 { 
	background: url('images/activite.jpg');
		height:9em;
		background-size:contain;
		background-repeat: no-repeat;
		display: block;
			overflow: hidden;
			width:50%;
			background-position:top center;
			margin-bottom: 1rem;
			margin-left: auto;
			margin-right: auto;
	
}

.imgbox502 { 
	background: url('images/bd.jpg');
		height:9em;
		background-size:contain;
		background-repeat: no-repeat;
		display: block;
			overflow: hidden;
			width:50%;
			background-position:top center;
				margin-left: auto;
			margin-right: auto;
						margin-bottom: 1rem;

	
}
.imgbox503 { 
	background: url('images/lettre1.jpg');
		height:9em;
		background-size:contain;
		background-repeat: no-repeat;
		display: block;
			overflow: hidden;
			width:50%;
			background-position:top center;
				margin-left: auto;
			margin-right: auto;
						margin-bottom: 1rem;

	
}
.imgbox504 { 
	background: url('images/lettre2.jpg');
		height:9em;
		background-size:contain;
		background-repeat: no-repeat;
		display: block;
			overflow: hidden;
			width:50%;
			background-position:top center;
				margin-left: auto;
			margin-right: auto;
				margin-bottom: 1rem;

}
.imgbox505 { 
	background: url('images/lettrehs.jpg');
		height:9em;
		background-size:contain;
		background-repeat: no-repeat;
		display: block;
			overflow: hidden;
			width:50%;
			background-position:top center;
				margin-left: auto;
			margin-right: auto;
						margin-bottom: 1rem;

	
}

.imgbox506{
	background: url('images/plaquette.jpg');
	width: 50%;
		height:9em;
		background-size:contain;
		background-position:center;
		background-repeat: no-repeat;
		display: block;
			overflow: hidden;
			vertical-align: top;
						margin-bottom: 1rem;
						margin-left: auto;
				margin-right:auto;

	
}
.imgbox507{
	background: url('images/services.jpg');
	width: 50%;
		height:9em;
		background-size:contain;
		background-position:center;
		background-repeat: no-repeat;
		display: block;
			overflow: hidden;
			vertical-align: top;
				margin-bottom: 1rem;
				margin-left: auto;
				margin-right:auto;

}

.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {

    box-shadow: 0 0px 0 0 currentColor !important;}
    
    
.clearb {
	clear:both;
	overflow: hidden;
}

.twocolumn {
	width:38%;
	display: inline-block;
	margin-right: 11%;
	text-align: justify;
	vertical-align: top;
	
}

.grey {
	background-color:#e8e8e8;
}

.fourcolumn {
	width:23%;
	display: inline-block;
	margin-left:0.5%;
		margin-right:0.5%;

	
	
	
	
}

.iconbox p {
	
		color:#000;
		padding: 1em 2em 2em 2em;
		

}


.iconbox {
	border: 2px solid #0a0082;
	background:#fff;
	  font-family: 'Montserrat', Helvetica,Arial,sans-serif;
			    font-weight: 700;
			    color:#737373;
			    line-height: 1.5;
			    			font-size: 1em;
			    			text-align: center;
			    			min-height: 27em;
			    			vertical-align: top;
			    			
	
}



.icon1 {
			background: url('images/icon1.jpg');
			background-size:contain;
		background-repeat: no-repeat !important;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:center center;
			margin-top:2em;
			margin-left: auto;
			margin-right:auto;
			height:8em;

}

.icon2 {
			background: url('images/icon2.jpg');
			background-size:contain;
		background-repeat: no-repeat !important;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:center center;
			margin-top:2em;
			margin-left: auto;
			margin-right:auto;
			height:8em;

}

.icon3 {
			background: url('images/icon3.jpg');
			background-size:contain;
		background-repeat: no-repeat !important;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:center center;
			margin-top:2em;
			margin-left: auto;
			margin-right:auto;
						height:8em;


}
.icon4 {
			background: url('images/icon4.jpg');
			background-size:contain;
		background-repeat: no-repeat !important;
		display: inline-block;
			overflow: hidden;
			width:100%;
			background-position:center center;
			margin-top:2em;
			margin-left: auto;
			margin-right:auto;
						height:8em;


}



.third {
	width:40%;
	display: inline-block;
	
}
.thirdl {
	width:40%;
		display: inline-block;
vertical-align: top;
float:right;
}
.figureb {
	margin-right: 1vw;
}
.figureb, .figurey {
font-family: 'Montserrat', Helvetica,Arial,sans-serif !important;
	width: 40%;
	display: inline-block;
	vertical-align: top;
	color:#000;
	font-weight: 700;
	font-size: 1em;

}

.figureb span {
font-family: 'Montserrat', Helvetica,Arial,sans-serif !important;
	color:#00a0be;
	font-size: 3em;
border-bottom: 3px solid #00a0be;
	font-weight: 700;
		display: inline-block;
		margin-bottom: 0.3em;
		height: 1.55em;


}

.figurey span {
	color:#f0aa00;
font-family: 'Montserrat', Helvetica,Arial,sans-serif !important;

	font-size: 3em;
border-bottom: 3px solid #f0aa00;
	font-weight: 700;
		display: inline-block;
		display: inline-block;
		margin-bottom: 0.3em;
				height: 1.55em;


	
}
/*/////////// NEW //////////////////*/


.bulletxt li{
	line-height: 1.5 !important;
	margin-left:2rem;
}

.wp1s-caption-title {
				   font-size: 1.1rem !important;
	
}
@media screen and (min-width: 44.375em){
body:not(.custom-background-image):before, body:not(.custom-background-image):after {
	height:0 !important;
	}
	
}
@media (min-width: 62rem) {
	.logo {
		height:3.9vw !important;
		width: 11vw !important;
	}
	
	.titleg+* {
		    margin-top: -1vw !important;
		    padding-top: 0 !important;
	}
	
.wp1s-caption-title {
				   font-size: 1.3vw !important;	
				display:inline;
}
	.titleg {
				font-size: 1.5vw !important;
				

	}
	body{
			font-size: 0.9vw !important;

	}
	.cadreb, h2 {
		font-size: 1.2vw !important;
	}
	
	h1 {
		font-size: 1.5vw !important;
	}
	

}
body{
	color:#000000;
	font-family:"Open sans", Helvetica,Arial,sans-serif;
	position: relative;
  	background-color:#fff !important;
  	font-size: 12px;
}


body.site {
	background-color: #fff;
}
body{
	color:#595959;
	font-family:"Open sans", Helvetica,Arial,sans-serif;
	position: relative;
}


h1{
	text-transform:uppercase;
	padding-bottom:5px;
}

h2{
	font-weight:normal;
	margin-top:0px;
	padding-top:5px;
	padding-bottom:5px;
}

h3{
	font-weight: normal;
	margin-top:20px;
}

table {
	width:100%;
}

table td{
	padding:5px 3px 5px 0px;
}

th {
	text-align:left;
}

input, textarea {
    width: auto;
font-size: 13px;
    font-family: 'Montserrat', Helvetica,Arial,sans-serif;
}

.header_struct{
	/*background-color:#3a3a3a;*/
	background-color:#89a9d8;
	color:#fff;
}

.header{
	margin:25px 0px 28px 0px;
}

.footer {
}
.page-header{
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.body .container{
	border:none;
	box-shadow: none;
}

.site-title{
	/*color:#ababab;*/
	color:#595959;
	font-size:35px;
	font-weight:normal;
}

.navigation{
	border-top:0px;
}

#menu_haut.nav > li > a{
	color:#595959;
	text-transform:uppercase;
	padding-right:15px;
} 

#menu_haut.nav > li.active > a{
	background:none;
	color:#0E8DC2;
	}

.nav > li > a {
	padding: 5px 0px;
}

.nav > li > a:hover{
	background:none;
	color:#595959;
}

/*texte gris clair et légèrement plus petit*/
.info1{
	color:#9e9e9e;
	font-size:12px;
}

/*correspond au boutton bleu*/
a.btn_action{
	background:#0E8DC2;
	color:#fff;
	font-size:11px;
	padding: 3px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:'Open Sans',sans-serif;
}

/*style du bouton déconnexion. Utilisé pour sur un lien*/
.deconnexion{
	border:2px solid #0e8dc2;
	color:#0e8dc2;
	font-size:13px;
	margin-top:20px;
	padding:9px 20px;
	text-transform:uppercase;
}

/*ajoute une barre en haut de l'élément. Utilisé sur les h2*/
.barre_haut{
	border-top:1px solid #cdcdcd;
	margin-top:15px;
	padding-top:25px;
}

/*pour mettre le bouton à droite. attention appliquer ur le paragraphe parent*/
.placement_btn{
	text-align:right;
}

/*entete pour les tableaux*/
.tab_entete{
	font-weight:bold;
	color:#3a3a3a;
}

/*couleur rouge*/
.couleur_attention{
	color:#ce2c2c;
}

.en_cours{
	background:url('../images/clock.png') 0px 0px no-repeat;
	padding-left:20px;
}


tr.pair td{
	background:#f5f5f5;
}

.encadre{
	background: #e6e4e4 url('../images/motif.png') repeat 0px 0px;
	border:1px solid #d2d2d2;
	margin-bottom:30px;
	margin-top:20px;
	padding:14px 31px;

}

.bordure_spe{
	border-left: 1px dashed #808080;
    padding-left: 5px;
}



/** Module de menu */
.moduletable > h3 {
	text-transform:uppercase;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #595959;
}

.moduletable > ul.nav, .moduletable > ul.menu {
	
}

.moduletable > ul.nav > li, .moduletable > ul.menu > li {
	padding: 0 15px;
	/*border-bottom: 1px dotted #595959;*/
	border-left:5px solid #F4F6F7;
}
.moduletable > ul.nav > li.current, .moduletable > ul.menu > li.current,
.moduletable > ul.nav > li.active, .moduletable > ul.menu > li.active {
    background-color: #F4F6F7;
	border-left:5px solid #595959;
}

/** Common styles */
.left {
	text-align:left;
}

.right {
	text-align:right;
}

.clear, .divider {
    clear: both;
}


tr.sectiontableheader {
    background: none repeat scroll 0 0 #595959;
    border: 1px solid #ABABAB;
    color: #FFFFFF;
    padding: 5px;
}
tr.sectiontableheader > th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	color:#fff;
}



/** Blocs */
.componentheading {
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #595959;
}

div.componentheading h1, div.componentheading h2 {
    float: left;
    margin:0;
}

span.icon {
    float: right;
    display: block;
    height: 20px;
    width: 20px;
}

div.componentheading span.icon {
    float: right;
    margin: 10px 5px 5px 0;
}

.block-content {
	
}
.block-content > table {
	width: 100%;
}

.block-content > table > tbody > tr > td {
	padding: 5px;
}
.block-content > table > tbody > tr > th {
	padding: 5px;
	text-align: left;
	font-weight: bold;
}

/** S lecteur de compte client et autres tables */
table.tablelist {
    table-layout: fixed;
}
table.tablelist {
    margin-bottom: 5px;
    margin-top: 5px;
}
table.tablelist {
    width: 100%;
}


.sectiontableentry, .sectiontableentry0, .sectiontableentry1, .sectiontableentry2 {
    border-bottom:1px dotted #595959;
    
}

.sectiontableentry:hover, .sectiontableentry0:hover, .sectiontableentry1:hover, .sectiontableentry2:hover {
    background-color: #F4F4F4;
}
.sectiontableentry0 {
    background-color: #FDFDFD;
}
.sectiontableentry1 {
    background-color: #F8F8F8;
}
.sectiontableentry2 {
    background-color: #FDFDFD;
}

.sectiontableentry > td {
	padding: 10px;
}



/** Boutons */

.button-primary {
    background-color: #006DCC;
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #00aa90;
    background-repeat: repeat-x;
    border-color: #00aa90 ;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.button:hover, .button:focus, .button:active, .button.active, .button.disabled, .button[disabled] {
    background-color: #00aa90;
    color: #fff;
}
.button:active, .button.active {
}
.button:first-child {
}
.button:hover, .button:focus {
    color: #000;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}


div.box-grey {
	margin: 0;
	padding: 0;
	border:none;
}

div.box-grey > p, div.box-grey > div {
	/*background-color: #F4F4F4;*/
	margin: 20px 0;
	padding: 20px;
	border-radius: 3px;
}
div.box-grey > p.message {
	background-color: #C5EAF8;
	border-left:5px solid #0099CC;
}

div.box-grey > p.success {
	background-color: #E2F0B6;
	border-left:5px solid #669900;
}

div.box-grey > p.warning {
	background-color: #FFECC0;
	border-left:5px solid #FF8800;
}

div.box-grey > p.error, div.box-grey > div.error {
	background-color: #FFCACA;
	border-left:5px solid #CC0000;
}




/** Formulaires */

div.form-group {
	vertical-align:top;
	margin:10px 0;
}
div.form-group > div.box-grey > p, div.form-group > div.box-grey > div {
	margin: 10px 0 10px 180px;
	padding: 10px;
}
div.form-group > label.control-label {
	vertical-align:top;
	text-align:left;
	padding: 5px;
}
div.form-group > input, div.form-group > select, div.form-group > textarea {
	padding: 5px;
	margin:0 10px;
}

/** Pour les datepickers, on ne d finit pas de largeur ... */
div.form-group > select {
    width: auto;
}

div.form-group > input[type="checkbox"] {
	margin:10px;
}

div.form-group > span {
	padding: 5px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #A94442;
}
.has-error .form-control {
    border-color: #A94442;
}



.ui-datepicker-trigger {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin:5px 5px 9px 5px;
  line-height: 14px;
  vertical-align: top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: -192px -120px;
  background-repeat: no-repeat;
  border:0px none;
  text-indent: -5000px;
}


ul.radio_list, ul.checkbox_list {
	list-style-type: none;
}

ul.radio_list > li, ul.checkbox_list > li {
	clear: both;
	vertical-align: middle;
}
ul.radio_list > li > input[type="radio"], ul.checkbox_list > li > input[type="checkbox"] {
	display: block;
	float: left;
	width: 30px;
}
ul.radio_list > li > label, ul.checkbox_list > li > label {
	display: block;
	float: left;
}


#cguButtonsForm {
	width:100%;
	text-align:center;
}


#form-selecteurca select {
	width:100%;
	margin-bottom: 0px;
}

#form-selecteurca .sectiontableheader > th > label {
	margin-bottom: 0px;
}


.form-control-static-without-label {
    padding: 5px;
    vertical-align: middle;
	font-size: 13px;
    line-height: 18px;
}
.form-control-static {
    margin: 0 10px;
    padding: 5px;
	display: inline-block;
    vertical-align: middle;
	font-size: 13px;
    line-height: 18px;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.checkbox, .radio {
	margin-left:180px;
}

.onglets > li {
	border-bottom:1px solid #595959;
	margin-top:5px;
}

.onglets > li > .btn {
    -webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
    -webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	
	height: 20px;
	position : relative
}

.onglets > li > .btn  > .icon-checkmark {
	color: #5bb75b;
}
.onglets > li > .btn  > .icon-warning {
	color: #da4f49;
}

.onglets > li > .btn > input {
	border:0;
	background:none;
}
.onglets > li > .btn > span {
	display: inline-block;
	vertical-align: middle;
	line-height: inherit;
}


.ui-autocomplete {
	padding:5px;
	list-style-type: none;
	width:auto;
}
.ui-autocomplete > li {
	padding:5px;
	width:auto;
}
.ui-autocomplete > li:hover {
	border:1px solid #595959;
}
.ui-autocomplete > li > a:hover {
	text-decoration:none;
	border:0;
	background:none;
	width:auto;
	cursor:pointer;
}

div.form-group > label.control-label-no-size {
	width: auto;
}

/** images pour le déplié du tableau de facturation */
.toggle-show {
	background-image: url("../images/icon-show.png");
	background-repeat: no-repeat;
	background-position:5px center;
	cursor:pointer;
}

.toggle-hide {
	background-image: url("../images/icon-hide.png");
	background-repeat: no-repeat;
	background-position:5px center;
	cursor:pointer;
}

.dataTables_paginate .ui-button {
	MARGIN-RIGHT: -0.1em !important
}
.paging_two_button .ui-button {
	FLOAT: left; CURSOR: pointer
}
.dataTables_paginate {
	TEXT-ALIGN: right; FLOAT: right
}
.dataTables_paginate {
	WIDTH: auto
}

.dataTables_length select {
	width : auto;
}
.listeEntepriseLine{
	padding-top:5px;
}

.listeEntepriseLabel{
	float:left;
	width:35%;
	padding-right:5%;
}

.listeEntepriseValue{
	float:left;
	width:60%;
}

.listEntrRaisonSociale{
	font-weight:bold;
	text-decoration: underline;
}

.listEntrDateCreation{
	font-weight:bold;
}

.syntheseEntrepriseLabel, .infoPlanApurementLabel{
	font-weight:bold;
	float:left;
	width:200px;
	padding: 0 5px;
}

.syntheseEntrepriseValue, .infoPlanApurementValue{
	padding: 0 5px;
	float:left;
}





























.body.site {
	border:0 !important;
}

.brand.pull-left
 {       height: 6rem !important;
	 	   width: 16rem !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
        background-image: url(../images/logomain.png) !important;
        margin-bottom:1rem !important;
}

.site-title {
	display: none !important;
}
.header {
    margin-bottom: 0.5rem !important;
    margin-top: 1rem !important;
    margin-left:0 !important; 
    margin-right:0 !important;
    }
.header_struct {
    background-color: #eeeeee !important;
        border-bottom: 2px solid #7fd4c7 !important;
    }
    
h1, h2, h3, h4, h5, h6 {
	
	    font-family: 'Open Sans', sans-serif !important;
    color: #0a0182 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

h1 {
    font-size: 1.5rem !important;
    line-height: 1 !important;
    margin:0 !important;
    }
    
    .page-header {
	    border-bottom: 2px solid #7fd4c7 !important;
    }

.moduletable > h3 {
	    border-bottom: 2px solid #7fd4c7 !important;
	    text-transform: uppercase !important;
	    font-size: 1rem !important;
    line-height: 2 !important;
	
}

.footer {
	    background-color: #eeeeee !important;

}


body{
	color:#000000;
	font-family:"Open sans", Helvetica,Arial,sans-serif;
	font-size: 12px;
	position: relative;
  	background-color:#fff !important;
}

body.site {
	background-color: #fff !important;
  border-top:0 !important;
}


#ja-footer a {
	color: #333333 !important;
	
}
#ja-footer a:hover {
	text-decoration: none !important;
		color: #333333 !important;

	
}

.btn-primary, .btn, .button {
	text-shadow:none !important;
	background-color: #00aa90 !important;
	padding: 0.5rem 2rem !important;
	border-radius: 0 !important;
	font-weight: 800;
	border-color: transparent !important;
	border:0 !important;
	color:#fff !important;
	background-image:none !important;
}


.body .container { 
	border:0 !important;
	border-shadow: 0 !important;
}

hr {
	border-bottom: 1px solid #e1e1e1 !important;
}

.custom a {
		color:#00aa90 !important;
	font-weight: 800;
}



.item-page a {
	color:#00aa90 !important;
	font-weight: 800;
}



.moduletable ul li a:hover {
	background-color: transparent !important;
	font-weight: 800;
		color: #333333 !important;
		text-decoration: none !important;
		white-space: nowrap !important;

}

.custom-informations {
		text-shadow:none !important;
	background-color: #00aa90 !important;
	padding: 0.5rem 2rem !important;
	border-radius: 0 !important;
	font-weight: 800;
	border-color: transparent !important;
	border:0 !important;
}
.custom-informations {
	display:none !important;
}

#back-top {
	display:none !important;
}

.well {
	background: #fff !important;
	border: 0 !important;
	box-shadow:none !important
}

.item-page h3 {
	font-size: 1rem !important;
	padding-bottom: 5px !important;
	        border-bottom: 2px solid #7fd4c7 !important;

}


 .componentheading h2 {
	font-weight: 400 !important;
	font-size: 1.2rem !important;
	width:100% !important;
	background:#eeeeee !important;
	text-transform: none !important;
		color:#000000 !important;
		letter-spacing: 0 !important;
		font-weight: 800 !important;
		padding-left: 5px !important;
}

.componentheading {
	border: 0 !important;
	
}



.item-195:before {
	
	        background-image: url(../images/home.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 100% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 6px 2px 0 4px !important;

	
}



.item-119:before {
	
	        background-image: url(../images/letter.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-120:before {
	
	        background-image: url(../images/guy.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-201:before {
	
	        background-image: url(../images/residence.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}


.item-121:before {
	
	        background-image: url(../images/cb.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 8px 2px 0 4px !important;

	
}



.item-122:before {
	
	        background-image: url(../images/calendar.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}


.item-123:before {
	
	        background-image: url(../images/bulle.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-124:before {
	
	        background-image: url(../images/graph.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 8px 2px 0 4px !important;

	
}

.item-125:before {
	
	        background-image: url(../images/guy.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}
.item-129:before {
	
	        background-image: url(../images/letter.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 8px 2px 0 4px !important;


	
}

.item-129 {

}

.item-199:before {
	
	        background-image: url(../images/folder.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 100% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-193:before {
	
	        background-image: url(../images/meca.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-104:before {
	
	        background-image: url(../images/lock.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-105:before, .item-107:before, .item-106:before {
	
	        background-image: url(../images/guy.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-108:before {
	  background-image: url(../images/lock.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;
	
}
.item-1110:before, .item-1111:before {
	content:"- ";
	margin-left:4px;
} 

.moduletable > ul.nav > li, .moduletable > ul.menu > li {
	padding:0 !important;
	border-left: 2px solid #F4F6F7;
	padding-left:2px;
}
.moduletable > ul.nav > li:hover, .moduletable > ul.menu > li:hover {
	padding:0 !important;
	border-left: 2px solid #999999;
		padding-left:2px;

}

.moduletable > ul.nav > li.current, .moduletable > ul.menu > li.current, .moduletable > ul.nav > li.active, .moduletable > ul.menu > li.active 
{
	
	border-left: 2px solid #999999 !important;
		padding-left:2px !important;
}
.moduletable > ul.nav > li.current a, .moduletable > ul.menu > li.current a, .moduletable > ul.nav > li.active a, .moduletable > ul.menu > li.active a 
{
			font-weight: 800 !important;

}

li {
    line-height: 1.3 !important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { 
	border-radius: 0 !important;
	box-shadow: 0 !important;
}


tr.sectiontableheader {
	border:0 !important;
	background:#8480c0 !important;
}

div.box-grey > p, div.box-grey > div {
	border: 0 !important;
	
}
#ja-footer a {
	font-weight: 500 !important;
}
div.box-grey > p.message
{
background-color: #e6f5fb !important}

div.box-grey > p, div.box-grey > div {
	border-radius: 0 !important;
}

.form-horizontal {
	background-color: #fcfcfc !important;
}

.header-inner:after {
	content: 'Mon espace locataire';
    font-family: 'Montserrat', sans-serif;
    color: #060080 !important;
    font-size: 1.5rem !important;
    margin-top: -3.2rem;
    text-transform: uppercase;
    float: right;
    padding-bottom: 0.5rem;
    font-weight: 500;
  display:block;

}
.header-inner:after:hover {
	text-decoration: none !important;
}

.alert-success {
	border-color:transparent !important;
}
.alert {
	border: 0 !important;
	border-radius: 0 !important;
}
.moduletable > h3 {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

.well .page-header {
	line-height: 1.5 !important;
}
 .btn[value="Effacer"] {
	display:none
}

.customcontactn h1 {
  font-size:0.6rem !important;
  
  
}

.customcontactn h1:before {
	
	     background-image: url(../images/phone.png) !important;
    width: 11px !important;
    height: 11px !important;
    background-size: 100% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 0px 2px 0 0px !important;

	
}
.customcontactn h6 {
    font-size:8px !important;


}

@media (min-width: 62rem) {
.customcontactn {
	 position: fixed;
    bottom: 8rem;
}}
@media (min-height: 660px) {
.customcontactn {
	 position: fixed;
    bottom: 8rem;
}}
.moduletable ul li a {
	color: #333333 !important;
	font-weight: 500;

	
}
.moduletable ul .item-1113, .moduletable ul .item-1113 a:hover {
  margin-top:2rem;
	text-shadow:none !important;
	background-color: #00aa90 !important;
	padding: 0.5rem 1rem !important;
	border-radius: 0 !important;
	font-weight: 800 !important;
	border-color: transparent !important;
	border:0 !important;
	color:#fff !important;
	background-image:none !important;
	    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}

.moduletable ul .item-1113 a {
		color:#fff !important;
text-align: center !important;
	font-weight: 800 !important;
	padding: 0.5rem 1rem !important;
		    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;


}

button.btn, input[type="submit"].btn {
	    text-shadow: none !important;
    background-color: #00aa90 !important;
    padding: 0.5rem 2rem !important;
    border-radius: 0 !important;
    font-weight: 800;
    border-color: transparent !important;
    border: 0 !important;
    color: #fff !important;
    background-image: none !important;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:700');

body.site {
	background-color: #fff;
}
body{
	color:#595959;
	font-family:"Open sans", Helvetica,Arial,sans-serif;
	font-size: 12px;
	position: relative;
}


h1{
	text-transform:uppercase;
	padding-bottom:5px;
}

h2{
	font-size:1.4rem !important;
	font-weight:normal;
	margin-top:0px;
	padding-top:5px;
	padding-bottom:5px;
}

h3{
	font-weight: normal;
	margin-top:20px;
    font-size: 1.17em !important;
    }


.h3blue {
	    font-size: 1em !important;
	    color:#0a0182 !important;

}
table {
	width:100%;
}

table td{
	padding:5px 3px 5px 0px;
}

th {
	text-align:left;
}

input, textarea {
    width: auto;
}

.header_struct{
	/*background-color:#3a3a3a;*/
	background-color:#89a9d8;
	color:#fff;
}

.header{
	margin:25px 0px 28px 0px;
}

.footer {
}
.page-header{
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.body .container{
	border:none;
	box-shadow: none;
}

.site-title{
	/*color:#ababab;*/
	color:#595959;
	font-size:35px;
	font-weight:normal;
}

.navigation{
	border-top:0px;
}





/*texte gris clair et légèrement plus petit*/
.info1{
	color:#9e9e9e;
	font-size:12px;
}

/*correspond au boutton bleu*/
a.btn_action{
	background:#0E8DC2;
	color:#fff;
	font-size:11px;
	padding: 3px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:'Open Sans',sans-serif;
}

/*style du bouton déconnexion. Utilisé pour sur un lien*/
.deconnexion{
	border:2px solid #0e8dc2;
	color:#0e8dc2;
	font-size:13px;
	margin-top:20px;
	padding:9px 20px;
	text-transform:uppercase;
}

/*ajoute une barre en haut de l'élément. Utilisé sur les h2*/
.barre_haut{
	border-top:1px solid #cdcdcd;
	margin-top:15px;
	padding-top:25px;
}

/*pour mettre le bouton à droite. attention appliquer ur le paragraphe parent*/
.placement_btn{
	text-align:right;
}

/*entete pour les tableaux*/
.tab_entete{
	font-weight:bold;
	color:#3a3a3a;
}

/*couleur rouge*/
.couleur_attention{
	color:#ce2c2c;
}

.en_cours{
	background:url('../images/clock.png') 0px 0px no-repeat;
	padding-left:20px;
}


tr.pair td{
	background:#f5f5f5;
}

.encadre{
	background: #e6e4e4 url('../images/motif.png') repeat 0px 0px;
	border:1px solid #d2d2d2;
	margin-bottom:30px;
	margin-top:20px;
	padding:14px 31px;

}

.bordure_spe{
	border-left: 1px dashed #808080;
    padding-left: 5px;
}



/** Module de menu */
.moduletable > h3 {
	text-transform:uppercase;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #595959;
}

.moduletable > ul.nav, .moduletable > ul.menu {
	
}

.moduletable > ul.nav > li, .moduletable > ul.menu > li {
	padding: 0 15px;
	/*border-bottom: 1px dotted #595959;*/
	border-left:5px solid #F4F6F7;
}
.moduletable > ul.nav > li.current, .moduletable > ul.menu > li.current,
.moduletable > ul.nav > li.active, .moduletable > ul.menu > li.active {
    background-color: #F4F6F7;
	border-left:5px solid #595959;
}

/** Common styles */
.left {
	text-align:left;
}

.right {
	text-align:right;
}

.clear, .divider {
    clear: both;
}


tr.sectiontableheader {
    background: none repeat scroll 0 0 #595959;
    border: 1px solid #ABABAB;
    color: #FFFFFF;
    padding: 5px;
}
tr.sectiontableheader > th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	color:#fff;
}



/** Blocs */
.componentheading {
	padding-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #595959;
}

div.componentheading h1, div.componentheading h2 {
    float: left;
    margin:0;
}

span.icon {
    float: right;
    display: block;
    height: 20px;
    width: 20px;
}

div.componentheading span.icon {
    float: right;
    margin: 10px 5px 5px 0;
}

.block-content {
	
}
.block-content > table {
	width: 100%;
}

.block-content > table > tbody > tr > td {
	padding: 5px;
}
.block-content > table > tbody > tr > th {
	padding: 5px;
	text-align: left;
	font-weight: bold;
}

/** S lecteur de compte client et autres tables */
table.tablelist {
    table-layout: fixed;
}
table.tablelist {
    margin-bottom: 5px;
    margin-top: 5px;
}
table.tablelist {
    width: 100%;
}


.sectiontableentry, .sectiontableentry0, .sectiontableentry1, .sectiontableentry2 {
    border-bottom:1px dotted #595959;
    
}

.sectiontableentry:hover, .sectiontableentry0:hover, .sectiontableentry1:hover, .sectiontableentry2:hover {
    background-color: #F4F4F4;
}
.sectiontableentry0 {
    background-color: #FDFDFD;
}
.sectiontableentry1 {
    background-color: #F8F8F8;
}
.sectiontableentry2 {
    background-color: #FDFDFD;
}

.sectiontableentry > td {
	padding: 10px;
}



/** Boutons */

.button-primary {
    background-color: #006DCC;
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #00aa90;
    background-repeat: repeat-x;
    border-color: #00aa90 ;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.button:hover, .button:focus, .button:active, .button.active, .button.disabled, .button[disabled] {
    background-color: #00aa90;
    color: #fff;
}
.button:active, .button.active {
}
.button:first-child {
}
.button:hover, .button:focus {
    color: #000;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}


div.box-grey {
	margin: 0;
	padding: 0;
	border:none;
}

div.box-grey > p, div.box-grey > div {
	/*background-color: #F4F4F4;*/
	margin: 20px 0;
	padding: 20px;
	border-radius: 3px;
}
div.box-grey > p.message {
	background-color: #C5EAF8;
	border-left:5px solid #0099CC;
}

div.box-grey > p.success {
	background-color: #E2F0B6;
	border-left:5px solid #669900;
}

div.box-grey > p.warning {
	background-color: #FFECC0;
	border-left:5px solid #FF8800;
}

div.box-grey > p.error, div.box-grey > div.error {
	background-color: #FFCACA;
	border-left:5px solid #CC0000;
}




/** Formulaires */

div.form-group {
	vertical-align:top;
	margin:10px 0;
}
div.form-group > div.box-grey > p, div.form-group > div.box-grey > div {
	margin: 10px 0 10px 180px;
	padding: 10px;
}
div.form-group > label.control-label {
	vertical-align:top;
	text-align:left;
	padding: 5px;
}
div.form-group > input, div.form-group > select, div.form-group > textarea {
	padding: 5px;
	margin:0 10px;
}

/** Pour les datepickers, on ne d finit pas de largeur ... */
div.form-group > select {
    width: auto;
}

div.form-group > input[type="checkbox"] {
	margin:10px;
}

div.form-group > span {
	padding: 5px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #A94442;
}
.has-error .form-control {
    border-color: #A94442;
}





.ui-datepicker-trigger {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin:5px 5px 9px 5px;
  line-height: 14px;
  vertical-align: top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: -192px -120px;
  background-repeat: no-repeat;
  border:0px none;
  text-indent: -5000px;
}


ul.radio_list, ul.checkbox_list {
	list-style-type: none;
}

ul.radio_list > li, ul.checkbox_list > li {
	clear: both;
	vertical-align: middle;
}
ul.radio_list > li > input[type="radio"], ul.checkbox_list > li > input[type="checkbox"] {
	display: block;
	float: left;
	width: 30px;
}
ul.radio_list > li > label, ul.checkbox_list > li > label {
	display: block;
	float: left;
}


#cguButtonsForm {
	width:100%;
	text-align:center;
}


#form-selecteurca select {
	width:100%;
	margin-bottom: 0px;
}

#form-selecteurca .sectiontableheader > th > label {
	margin-bottom: 0px;
}


.form-control-static-without-label {
    padding: 5px;
    vertical-align: middle;
	font-size: 13px;
    line-height: 18px;
}
.form-control-static {
    margin: 0 10px;
    padding: 5px;
	display: inline-block;
    vertical-align: middle;
	font-size: 13px;
    line-height: 18px;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.checkbox, .radio {
	margin-left:180px;
}

.onglets > li {
	border-bottom:1px solid #595959;
	margin-top:5px;
}

.onglets > li > .btn {
    -webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
    -webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	
	height: 20px;
	position : relative
}

.onglets > li > .btn  > .icon-checkmark {
	color: #5bb75b;
}
.onglets > li > .btn  > .icon-warning {
	color: #da4f49;
}

.onglets > li > .btn > input {
	border:0;
	background:none;
}
.onglets > li > .btn > span {
	display: inline-block;
	vertical-align: middle;
	line-height: inherit;
}


.ui-autocomplete {
	padding:5px;
	list-style-type: none;
	width:auto;
}
.ui-autocomplete > li {
	padding:5px;
	width:auto;
}
.ui-autocomplete > li:hover {
	border:1px solid #595959;
}
.ui-autocomplete > li > a:hover {
	text-decoration:none;
	border:0;
	background:none;
	width:auto;
	cursor:pointer;
}

div.form-group > label.control-label-no-size {
	width: auto;
}

/** images pour le déplié du tableau de facturation */
.toggle-show {
	background-image: url("../images/icon-show.png");
	background-repeat: no-repeat;
	background-position:5px center;
	cursor:pointer;
}

.toggle-hide {
	background-image: url("../images/icon-hide.png");
	background-repeat: no-repeat;
	background-position:5px center;
	cursor:pointer;
}

.dataTables_paginate .ui-button {
	MARGIN-RIGHT: -0.1em !important
}
.paging_two_button .ui-button {
	FLOAT: left; CURSOR: pointer
}
.dataTables_paginate {
	TEXT-ALIGN: right; FLOAT: right
}
.dataTables_paginate {
	WIDTH: auto
}

.dataTables_length select {
	width : auto;
}
.listeEntepriseLine{
	padding-top:5px;
}

.listeEntepriseLabel{
	float:left;
	width:35%;
	padding-right:5%;
}

.listeEntepriseValue{
	float:left;
	width:60%;
}

.listEntrRaisonSociale{
	font-weight:bold;
	text-decoration: underline;
}

.listEntrDateCreation{
	font-weight:bold;
}

.syntheseEntrepriseLabel, .infoPlanApurementLabel{
	font-weight:bold;
	float:left;
	width:200px;
	padding: 0 5px;
}

.syntheseEntrepriseValue, .infoPlanApurementValue{
	padding: 0 5px;
	float:left;
}





























.body.site {
	border:0 !important;
}

.brand.pull-left
 {       height: 6rem !important;
	 	   width: 16rem !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
        background-image: url(../images/logomain.png) !important;
        margin-bottom:1rem !important;
}

.site-title {
	display: none !important;
}
.header {
    margin-bottom: 0.5rem !important;
    margin-top: 1rem !important;
    margin-left:0 !important; 
    margin-right:0 !important;
    }
.header_struct {
    background-color: #eeeeee !important;
        border-bottom: 2px solid #7fd4c7 !important;
    }
    
h1, h2, h3, h4, h5, h6 {
	
	    font-family: 'Open Sans', sans-serif !important;
    color: #0a0182 !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

.centrerg2 h3 {
	font-size: 1.17em !important;
}

h1 {

    line-height: 1 !important;
    margin:0 !important;
    }
    
    .page-header {
	    border-bottom: 2px solid #7fd4c7 !important;
    }

.moduletable > h3 {
	    border-bottom: 2px solid #7fd4c7 !important;
	    text-transform: uppercase !important;
	    font-size: 1rem !important;
    line-height: 2 !important;
	
}

.footer {
	    background-color: #eeeeee !important;

}



body.site {
	background-color: #fff !important;
  border-top:0 !important;
}


#ja-footer a {
	color: #333333 !important;
	
}
#ja-footer a:hover {
	text-decoration: none !important;
		color: #333333 !important;

	
}

.btn-primary, .btn, .button {
	text-shadow:none !important;
	background-color: #00aa90 !important;
	padding: 0.5rem 2rem !important;
	border-radius: 0 !important;
	font-weight: 800;
	border-color: transparent !important;
	border:0 !important;
	color:#fff !important;
	background-image:none !important;
}


.body .container { 
	border:0 !important;
	border-shadow: 0 !important;
}

hr {
	border-bottom: 1px solid #e1e1e1 !important;
}

.custom a {
		color:#00aa90 !important;
	font-weight: 800;
}



.item-page a {
	color:#00aa90 !important;
	font-weight: 800;
}



.moduletable ul li a:hover {
	background-color: transparent !important;
	font-weight: 800;
		color: #333333 !important;
		text-decoration: none !important;
		white-space: nowrap !important;

}

.custom-informations {
		text-shadow:none !important;
	background-color: #00aa90 !important;
	padding: 0.5rem 2rem !important;
	border-radius: 0 !important;
	font-weight: 800;
	border-color: transparent !important;
	border:0 !important;
}
.custom-informations {
	display:none !important;
}

#back-top {
	display:none !important;
}

.well {
	background: #fff !important;
	border: 0 !important;
	box-shadow:none !important
}

.item-page h3 {
	font-size: 1rem !important;
	padding-bottom: 5px !important;
	        border-bottom: 2px solid #7fd4c7 !important;

}


 .componentheading h2 {
	font-weight: 400 !important;
	font-size: 1.2rem !important;
	width:100% !important;
	background:#eeeeee !important;
	text-transform: none !important;
		color:#000000 !important;
		letter-spacing: 0 !important;
		font-weight: 800 !important;
		padding-left: 5px !important;
}

.componentheading {
	border: 0 !important;
	
}



.item-195:before {
	
	        background-image: url(../images/home.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 100% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 6px 2px 0 4px !important;

	
}



.item-119:before {
	
	        background-image: url(../images/letter.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-120:before {
	
	        background-image: url(../images/guy.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-201:before {
	
	        background-image: url(../images/residence.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}


.item-121:before {
	
	        background-image: url(../images/cb.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 8px 2px 0 4px !important;

	
}



.item-122:before {
	
	        background-image: url(../images/calendar.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}


.item-123:before {
	
	        background-image: url(../images/bulle.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-124:before {
	
	        background-image: url(../images/graph.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 8px 2px 0 4px !important;

	
}

.item-125:before {
	
	        background-image: url(../images/guy.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}
.item-129:before {
	
	        background-image: url(../images/letter.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 8px 2px 0 4px !important;


	
}

.item-129 {

}

.item-199:before {
	
	        background-image: url(../images/folder.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 100% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-193:before {
	
	        background-image: url(../images/meca.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-104:before {
	
	        background-image: url(../images/lock.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-105:before, .item-107:before, .item-106:before {
	
	        background-image: url(../images/guy.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;

	
}

.item-108:before {
	  background-image: url(../images/lock.png) !important;
    width: 15px !important;
    height: 15px !important;
    background-size: 90% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 4px 2px 0 4px !important;
	
}
.item-1110:before, .item-1111:before {
	content:"- ";
	margin-left:4px;
} 

.moduletable > ul.nav > li, .moduletable > ul.menu > li {
	padding:0 !important;
	border-left: 2px solid #F4F6F7;
	padding-left:2px;
}
.moduletable > ul.nav > li:hover, .moduletable > ul.menu > li:hover {
	padding:0 !important;
	border-left: 2px solid #999999;
		padding-left:2px;

}

.moduletable > ul.nav > li.current, .moduletable > ul.menu > li.current, .moduletable > ul.nav > li.active, .moduletable > ul.menu > li.active 
{
	
	border-left: 2px solid #999999 !important;
		padding-left:2px !important;
}
.moduletable > ul.nav > li.current a, .moduletable > ul.menu > li.current a, .moduletable > ul.nav > li.active a, .moduletable > ul.menu > li.active a 
{
			font-weight: 800 !important;

}

li {
    line-height: 1.3 !important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { 
	border-radius: 0 !important;
	box-shadow: 0 !important;
}


tr.sectiontableheader {
	border:0 !important;
	background:#8480c0 !important;
}

div.box-grey > p, div.box-grey > div {
	border: 0 !important;
	
}
#ja-footer a {
	font-weight: 500 !important;
}
div.box-grey > p.message
{
background-color: #e6f5fb !important}

div.box-grey > p, div.box-grey > div {
	border-radius: 0 !important;
}

.form-horizontal {
	background-color: #fcfcfc !important;
}

.header-inner:after {
	content: 'Mon espace locataire';
    font-family: 'Montserrat', sans-serif;
    color: #060080 !important;
    font-size: 1.5rem !important;
    margin-top: -3.2rem;
    text-transform: uppercase;
    float: right;
    padding-bottom: 0.5rem;
    font-weight: 500;
  display:block;

}
.header-inner:after:hover {
	text-decoration: none !important;
}

.alert-success {
	border-color:transparent !important;
}
.alert {
	border: 0 !important;
	border-radius: 0 !important;
}
.moduletable > h3 {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

.well .page-header {
	line-height: 1.5 !important;
}
 .btn[value="Effacer"] {
	display:none
}

.customcontactn h1 {
  font-size:0.6rem !important;
  
  
}

.customcontactn h1:before {
	
	     background-image: url(../images/phone.png) !important;
    width: 11px !important;
    height: 11px !important;
    background-size: 100% auto !important;
    content: "" !important;
    float: left !important;
    background-repeat: no-repeat !important;
    margin: 0px 2px 0 0px !important;

	
}
.customcontactn h6 {
    font-size:8px !important;


}
@import url('https://fonts.googleapis.com/css?family=Montserrat:500');

@media (min-width: 62rem) {
.customcontactn {
	 position: fixed;
    bottom: 8rem;
}}
@media (min-height: 660px) {
.customcontactn {
	 position: fixed;
    bottom: 8rem;
}}
.moduletable ul li a {
	color: #333333 !important;
	font-weight: 500;
		white-space: nowrap !important;

	
}
.moduletable ul .item-1113, .moduletable ul .item-1113 a:hover {
  margin-top:2rem;
	text-shadow:none !important;
	background-color: #00aa90 !important;
	padding: 0.5rem 1rem !important;
	border-radius: 0 !important;
	font-weight: 800 !important;
	border-color: transparent !important;
	border:0 !important;
	color:#fff !important;
	background-image:none !important;
	    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}

.moduletable ul .item-1113 a {
		color:#fff !important;
text-align: center !important;
	font-weight: 800 !important;
	padding: 0.5rem 1rem !important;
		    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;


}

button.btn, input[type="submit"].btn {
	    text-shadow: none !important;
    background-color: #00aa90 !important;
    padding: 0.5rem 2rem !important;
    border-radius: 0 !important;
    font-weight: 800;
    border-color: transparent !important;
    border: 0 !important;
    color: #fff !important;
    background-image: none !important;
}



.ndemandes {
    text-shadow: none !important;
    background-color: #00aa90 !important;
    padding: 0.5rem 2rem !important;
    border-radius: 0 !important;
    font-weight: 800;
    border-color: transparent !important;
    border: 0 !important;
    color: #fff !important;
    background-image: none !important;
}


.ndemandes:hover, .ndemandes a:hover  {
  color:#fff !important;
}



.password {
    text-shadow: none !important;
    background-color: #00aa90 !important;
    padding: 0.5rem 2rem !important;
    border-radius: 0 !important;
    font-weight: 800;
    border-color: transparent !important;
    border: 0 !important;
    color: #fff !important;
    background-image: none !important;
  margin-top:10px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


.password:hover, .password a:hover, .password a {
  color:#fff !important;
}

div.form-group > input, div.form-group > select, div.form-group > textarea {
  margin:0 !important;
}


















/*MAP*/
/*MAP*/
/*MAP*/
/*MAP*/



/*MAP*/
/*MAP*/
/*MAP*/
/*MAP*/










/*MAP*/
/*MAP*/
/*MAP*/
/*MAP*/



/*


@font-face {
  font-family: 'Archer-Light';
  src: url('fonts/Archer-Light.eot');
  src: url('fonts/Archer-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Light.svg#Archer-Light') format('svg'),
       url('fonts/Archer-Light.ttf') format('truetype'),
       url('fonts/Archer-Light.woff') format('woff'),
       url('fonts/Archer-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Archer-Medium';
  src: url('fonts/Archer-Medium.eot');
  src: url('fonts/Archer-Medium.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Medium.svg#Archer-Medium') format('svg'),
       url('fonts/Archer-Medium.ttf') format('truetype'),
       url('fonts/Archer-Medium.woff') format('woff'),
       url('fonts/Archer-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Archer-Bold';
  src: url('fonts/Archer-Bold.eot');
  src: url('fonts/Archer-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Archer-Bold.svg#Archer-Bold') format('svg'),
       url('fonts/Archer-Bold.ttf') format('truetype'),
       url('fonts/Archer-Bold.woff') format('woff'),
       url('fonts/Archer-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}



*/


.maptitle {
		  font-family: 'Montserrat', Helvetica,Arial,sans-serif !important;
		  			    font-weight: 300 !important;
		  			    color:#737373 !important;
		  			    
		  			    


}

.svg-states {
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}




.modal-content {
	-webkit-box-shadow: 1px 4px 10px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 4px 10px -3px rgba(0,0,0,0.75);
box-shadow: 1px 4px 10px -3px rgba(0,0,0,0.75);
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 2px solid #732387;
  width: 30%;
  position: fixed;
  right:30%;
  height:30em;
  top:20em;
  overflow: scroll;
  scrollbar-color:#732387 ;
-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5; /* Opera < 12.1 */
            animation: fadein 0.5s;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.modal-content h2 {
font-family: 'Montserrat', Helvetica,Arial,sans-serif !important;
	margin-top: 0 !important;
	display: inline-block;
	letter-spacing: 0 !important;

}

.modal-content h3 {
		margin-top: 0 !important;
font-family: 'Montserrat', Helvetica,Arial,sans-serif !important;
				font-weight: bold;
					display: block;
						letter-spacing: 0 !important;





} 
table, th, td {
	border: 0 !important;
}

svg {
  display: block;
  width: 100%;
}

#states *.on {
  fill: #00aa91;
  	    	cursor: pointer !important;

  
}
#states a *.on {
  fill: #00aa91;
  	    	cursor: pointer !important;

  

}
.list-of-states {
  margin: 0;
  padding: 0;
  columns: 100px auto;
  column-gap: 8px;
  list-style: none;
  position: fixed;
  top:2em;
  
}
.list-of-states li {
  padding: 2px 4px;
  width: 100%;
  display: none;
}
.list-of-states li.on {
  background: #732387;
  color: white;
  font-weight: bold;
  display: block;
}

.fill {
	  fill: #732387 !important;
	    	cursor: pointer !important;


}



.tg {
	width:100%;
}
.tg-yw4l1, .tg-yw4l2 {
	width:50%;
	
}

.tg-yw4l1, .left {
	text-align: left;
}
.tg-yw4l2, .right {
	
	text-align: right;
}

.center {
	text-align: center;
}

.tg-yw4l3 {
	width:33%;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  right: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
}

/* Modal Content */

.modal-content h1, .modal-content h2, .modal-content h3 {
	color: #732387;
	text-transform: uppercase;
	
	
	
}






/* The Close Button */
.close {
  color: #732387;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #732387;
  text-decoration: none;
  cursor: pointer;
}

/* IMG RESIDENCE */
.tg-yw4lf {
	width: 100%;
	margin: 0;
}

.bagnolet {
		background: url('images/Bagnolet_Mitterrand93.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.saintdenis {
		background: url('images/stdenis93.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.diderot {
		background: url('images/diderot75.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.bagnolet {
		background: url('images/bagnolet75.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.py {
		background: url('images/py75.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.davout {
		background: url('images/davout75.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.jourdan {
		background: url('images/jourdan75.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.1acque {
		background: url('images/hovelacque.jpg');
		width:50%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.lecuirot {
		background: url('images/lecuirot75.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.desnouettes {
		background: url('images/desnouettes75.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.vaugirard {
		background: url('images/vaugirard75.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.livry {
		background: url('images/Livry-Gargan1_93.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.pantin {
		background: url('images/Pantin2_93.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.bezons {
		background: url('images/Bezons95.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.silly {
		background: url('images/Boulogne92_Residence_Silly.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.clichy {
		background: url('images/clichy92.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.rueil {
		background: url('images/Rueil-Malmaison_mars2022.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.boulogne {
		background: url('images/boulogne92.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.nanterre {
		background: url('images/Nanterre_juillet2021.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;
}

.courbevoie {
		background: url('images/courbevoie92.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.blancmesnil {
		background: url('images/blancmesnil93.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.livrygargan {
		background: url('images/livrygargan93.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.mitterand {
		background: url('images/mitterand93.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.pantin2 {
		background: url('images/pantin293.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.saintdenis {
		background: url('images/saintdenis93.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.paris14 {
		background: url('images/ClichylaGarenne92-ClichylaGarenne2.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.ivry {
		background: url('images/ivry.png');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.orly {
		background: url('images/orly94.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
jp {
		background: url('images/fontenay.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.fontenay2 {
		background: url('images/fsb.png');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}



.perreux {
		background: url('images/perreux94.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}
.vitry {
		background: url('images/vitry94.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.ivryjaures {
		background: url('images/Ivry_Jaures_94.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}


.villejuif {
		background: url('images/villejuif94.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}


.vaugirard2024 {
		background: url('images/Vaugirard.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.netter2024 {
		background: url('images/Netter.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}


.livry2024 {
		background: url('images/Livry.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.montrouge2024 {
		background: url('images/Montrouge.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}

.vitry2024 {
		background: url('images/Vitry.jpg');
		width:200%;
		height:20em;
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
		display: inline-block;

}







table.border td {
	border: 1px solid lightgrey !important;
	font-size: 0.7em;
}

.menuF ul li.other-menu {
	width: 100%;
}
	.menuF ul li.other-menu a {
		display: inline-block;
		width: 24%;
	}
		.menuF ul li.other-menu a+a {
			width: 16%;
		}
		.menuF ul li.other-menu a+a+a {
			width: 34%;
		}
@media (max-width: 62rem) {
	.menuF ul li.other-menu a {
		display: block;
	}
}
@media (max-width: 62rem) {
	.menuF ul li, .menuF ul li.other-menu a {
		display: inline-block !important;
		width: 49% !important;
	}
	.menuF ul li.other-menu {
		width: 100% !important;
	}
	
	#menu-principal ul.down {
		display: none !important;
	}
}
@media (max-width: 52rem) {
	.menuF ul li, .menuF ul li.other-menu a {
		display: block !important;
		width: 100% !important;
	}
}