
body {
    padding-top: 70px;
    padding-bottom: 30px;
}
@media (max-width: 767px) {
	input[type=text], input[type=password], textarea, select, textarea.form-control, select.form-control {
		font-size:16px;
		border-radius: 0;
	}
	input[type=text], input[type=password], textarea {
		-webkit-appearance: none;				
	}
}
.navbar-default {
    background-color: #424141;
    border: none;
	border-bottom:1px solid #e1e8ed;
	border-bottom:1px solid rgba(0,0,0,0.05);
}
.navbar {
    border-radius: 0px;
	
}
.navbar-brand {
	background-image:url(../images/logoFaireconstruire-mini-2x.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:171px;
	margin-left:20px;
	margin-right:20px;	
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -12px;
}
@media (max-width: 767px){
	.navbar > .container .navbar-brand {
		float: none;
		display:block;
		margin-left:auto;
		margin-right: auto;
	}
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
	font-family: 'Open Sans',Arial;	
	font-size:13px;
	transition:background-color 0.5s;
}
@media (max-width: 767px){
	.navbar-default .navbar-nav > li > a {	
		font-size:15px;
	}
}
.navbar-default .navbar-nav > li .glyphicon, .navbar-default .navbar-nav > li .fa {
	font-size:12px;	
	color:#919191;
	width:16px;
	transition:color 0.5s;
}
.navbar-default .navbar-nav > li:hover > a > .glyphicon, .navbar-default .navbar-nav > li:hover > a > .fa {
	color:#FFFFFF;
}
@media (max-width: 767px){
	.navbar-default .navbar-nav > li .glyphicon, .navbar-default .navbar-nav > li .fa {
		font-size:14px;
	}
}
.navbar-default .navbar-nav > li:hover > a  {
	/*top:-1px;*/
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {
    background-color: #61605e;
	color: #FFFFFF;
}
.navbar-default .navbar-nav > #fblink:hover a{
	background-color: #3a5795;
}
.navbar-default .navbar-nav > #twlink:hover a{
	background-color: #55acee;
}


.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #FFFFFF;
    background-color: #61605e;
}
.navbar-default .navbar-nav > .active > a {
	color: #FFFFFF;
    background-color: #4B4948;	
}
.navbar-default .navbar-nav>li>a {
    color: #F3F3F3;
}
/*************** histo *************/
form {
	margin:0px;
}
td {
	font-size: 14px;
}
body,p,td,input {
	font-family: 'LatoLatinWeb',Arial;
	/*font-size: 12px;*/
	color:#484746;
}
body {
	background-color: #f5f5f3;
	/*background-color: #f5f5f5;*/
	/*background-color: #f8f8f8;*/
	 
	margin:0px;
}
a, a.PhorumNavLink, a:visited {
	color: #C4362C;
}	

a:hover, a:focus {
    color: #000000;
    text-decoration: none;
}

a:active
{
    color: #ce3436;
}


.lienMenu, .lienMenu:visited {
	font-family: 'Open Sans',Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
	letter-spacing: 0.2em;
}



H1 {
	font-size: 20px;
	font-weight: bold;
	color: #484746;
	margin-top:0px;
}
H2 {
	font-size: 14px;
	font-weight: bold;
	background-color: #C4362C;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 13px;
	color: #FFFFFF;
}
.petitLien {
	font-size: 11px;
	color: #C0362C;
	text-decoration:none;
}

.footer {
	font-size: 9px;
	border-top: 1px dashed #F2F2F2;
	width: 100%;
	padding-top:4px;
	color: #999999;
}
li {
	list-style-type: square;
	color:#F2F2F2;
}
.liste_zoneGauche {
	vertical-align: top;
	width: 260px;
	border-bottom:#F2F2F2 solid 1px;
}
.liste_zoneMilieu {
	vertical-align: top;
	width: 200px;
	border-bottom:#F2F2F2 solid 1px;	
}
.liste_zoneDroite {
	vertical-align: top;
	border-bottom:#F2F2F2 solid 1px;

}

.tagCloudDiv {
	BORDER-BOTTOM: #e6e6e6 1px solid; BORDER-LEFT: #e6e6e6 1px solid; MARGIN-BOTTOM: 10px; BORDER-TOP: #e6e6e6 1px solid; BORDER-RIGHT: #e6e6e6 1px solid;
	line-height:24px;
}
.tagCloudDiv A {
	FONT-SIZE: 12px; MARGIN-RIGHT: 6px; TEXT-DECORATION: none
}
.tagCloudDiv A:hover {
	TEXT-DECORATION: underline
}
.tagCloudDiv .tagcloudW4 {
	TEXT-TRANSFORM: uppercase; COLOR: #c2352b; FONT-SIZE: 18px; FONT-WEIGHT: bold
}
.tagCloudDiv .tagcloudW3 {
	COLOR: #f3943e; FONT-SIZE: 16px; FONT-WEIGHT: bold
}
.tagCloudDiv .tagcloudW2 {
	COLOR: #333333; FONT-SIZE: 14px
}
.tagCloudDiv .tagcloudW1 {
	COLOR: #999999; FONT-SIZE: 12px
}

.ellipsis {
  overflow:hidden; 
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*search*/
#search-form.navbar-form{
	padding-left: 0px;	
}
@media (max-width: 767px){
#search-form.navbar-form {
	border: none;
	padding: 0px;
	margin-top: 0px;
}
}
#msearchform {
	/*border-top:1px solid #FFFFFF;*/
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	border-radius:0px;		
}

#msearchform .searchCtrl {
	height: 30px;
	border-radius:0px;	
	border:none;
	background-color:#61605e;
	color:#FFFFFF;
	padding-top:0px;
	margin-top:0px;
	width:100%;
	line-height:31px;
	font-size:18px;
}

#search-form .searchCtrl {
	height: 24px;
	border-radius:0px;	
	border:none;
	background-color:#61605e;
	color:#FFFFFF;
	padding-top:6px;
	margin-top:6px;
	width:220px;
}

#search-form .searchCtrl:focus, #msearchform .searchCtrl {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 1px #FFFFFF;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 1px #FFFFFF;
}
@media (min-width: 768px) and (max-width: 991px) {
	#search-form .searchCtrl {
			width: 110px;
	}
}
@media (max-width: 767px){
	#search-form .searchCtrl {
			width: 200px;
	}
	#search-form #search_submit {
		display:none;	
	}
}
@media (min-width: 1200px){
	#search-form .searchCtrl {
			width: 400px;
	}
}

#search-form #search_submit {
	border:none;
	background-color:transparent;
	color:#e8e8e8;	
	margin-left:-28px;
	margin-top:6px;
	height: 24px;
	vertical-align:middle;
	width: 28px;
}

#search-form #search_submit:hover {
	color:#FFFFFF;
}

.navbar-default .navbar-toggle {
    border:none;
	color:#e8e8e8;
	margin-left:5px;
}
.navbar-default .search-form-toggle {
    border:none;
	color:#e8e8e8;
	margin-left:5px;
	font-size: 18px;
	margin-right: 6px;
}
.navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus, .navbar-default .search-form-toggle:active, .navbar-default .search-form-toggle:focus {
	background-color: transparent;	
}
.navbar-default .navbar-toggle:hover {
    border:none;
	color:#FFFFFF;
	background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #e8e8e8;
}
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #FFFFFF;
	}
}

.PhorumNavLink .glyphicon {
	font-size:10px;	
}

a.PhorumNavLink {
	border:none;
	padding:2px;
	padding-left:4px;
	padding-right: 4px;
	margin:2px;	
	white-space: nowrap;
	line-height:20px;
}

a.PhorumNavLink:focus , a.PhorumNavLink:hover {
	border:none;
	color:#000;
}
.pubCol {
	position: fixed;	
}

.button-primary, a.button-primary {
	font-weight: bold;
	font-size: 14px;
}

.dropdown-menu {
	background-color: #4b4a49;
	color:#FFFFFF;	
}
.dropdown-menu>li>a {
	color:#FFFFFF;	
}
.fliph {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

@media (max-width: 374px) {
    .container {
      padding-left:0px;
	  padding-right:0px;
	  overflow-x: hidden;
    }
	.navbar .container {
		padding-left:15px;
  		padding-right:15px;
	}
}

.standardBlock {
	background-color: #ffffff;	
}

.form-control {
	height: 30px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.sn-sharer {
	/*float:right;	*/
	font-family: 'LatoLatinWeb',Arial;
	font-size:14px;
	margin:0;
	padding:0;
	display:block;
	float:right;
	width:28px;
	margin-right:-27px;
	margin-left:5px;
}
.sn-sharer a {
	padding:0px;
	padding-top:8px;
	margin:0px;
	color:#FFF;
	display:block;
	width:28px;
	height:28px;	
	text-align:center;
}
.sn-sharer a:hover {
	box-shadow:inset 0 0 4px #444444;

}
.sn-sharer a:visited {
	color:#FFF;
}
.fb-share {
	background:#3B5998;
}
.twitter-share {
    background: #55acee;
}
.gplus-share {
	background:#E34429;
}
.email-share {
	background:#868686;
}

.aab {
	background-color: #ce3436;
	color:#FFF;
	text-align: center;
	padding:10px;
}
/* Permis */
.permis .banner {
	margin-top:20px;
}
.permis .banner video {
	width:100%;
	height: auto;
}
.permis .banner .bannertext{
	position: absolute;
	top:25%;
	text-align: center;
	left:0;
	right: 0;
	color:#FFFFFF;
	
}
.permis .banner h1{
	color:#FFFFFF;
	font-size: 60px;
	text-transform: uppercase;
}

.permis .banner h2{
	color:#F0F0F0;
	background: none;
	font-size: 40px;
}
.permis .banner .rassurance{
	margin-top:20px;
	font-size: 20px;
}
.permis .banner .rassurance .glyphicon {
	display: block;
	font-size: 40px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}
@media (max-width: 576px) {
	.permis .banner h1{
		font-size: 30px;
	}
	
	.permis .banner h2{
		font-size: 20px;
	}	
}

/* Entity */
.entity {
	margin-top: 20px;
}
.entity h1 {
	font-size: 30px;
}
.entity .entityLogo img {
	width: 150px;
	height: 150px;
	margin-right: 10px;
}
.entity .entitycontent {
	margin-top:-80px
}