.mainmenu.navbar-default{
/* 	background-color: #59b; */
	background-color: #279;
	border : none;
}

.mainmenu.navbar-default .navbar-nav>li>a{
	color: white;
}

.mainmenu.navbar button.navbar-toggle{    /*burger*/
	background: none;
	border:none;
}



img.logo.mobile{
	display: none; 
}


@media (min-width: 1200px){
	a.logo{
/* 		margin-bottom: 33px; a0c46 */
	}
	
	img.logo{
 		width: 42px; /*a0c46 */
	}
	
	.navbar.of.mainmenu .container{
		padding-top: 7px;  /*a0c46*/
		padding-bottom: 7px;  /*a0c46*/
	}
	
	.navbar.of.mainmenu .nav{
/* 		margin-top: 22px; a0c46 */ 
	}
	
	.navbar.of.mainmenu .nav > li{
		margin-right: 55px;   /* bigger values may break the design, change carefully */
	}
	.navbar.of.mainmenu .nav > li:last-child{
		margin-right: 0px;
	}
	
	.navbar.of.mainmenu .nav > li a{
		padding-left: 29px;
		padding-right: 29px;
	}
}




@media (max-width: 1199px){
	.navbar.of.mainmenu .container{
		padding-top: 7px;
	}
	img.logo{
 		width: 42px; /*a0c46*/
	}
}



@media (min-width: 980px) and (max-width: 1199px) {
	
	.navbar.of.mainmenu .container{
/* 		padding-top: 22px; */
/* 		padding-bottom: 22px; a0c46 */
	}
	.navbar.of.mainmenu .nav{
/* 		margin-top: 14px; */
	}
}

@media (max-width: 979px){
	.navbar.of.mainmenu .container{
		padding-top: 7px;
/* 		padding-bottom: 12px; a0c46 */
		padding-bottom: 7px;
	}
	.navbar.of.mainmenu button.btn-navbar {
		margin-top: 11px;
	}
}


@media (max-width: 980px) and (min-width: 480px) {
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	    margin-right: 0;
	    margin-left: 0;
	}
}


@media (max-width: 480px) {
    
    /*
    Apparently many mobile devices (mobile safari included) style heading tags (h1-h6) with 
    something like font-weight: bold. If the font you are using doesn't include a bold weight, 
    then the browser will create a faux bold and offset that
    http://css-tricks.com/forums/discussion/comment/44182/#Comment_44182
    */
    h1, h2, h3, h4, h5, h6 { /*reset for mobile browsers. Otherwise I noticed letter spacing is huge on mobile especially iPhone.*/
	    font-weight: normal;
	}
	
	a.logo{
		padding-top: 9px;
		padding-left: 9px;
	}

	img.logo{
/* 		display: none;  */
		/*width: 32px; a0c46*/ 
	}
	/*TODO replace the current home icone with an 70x70 one. */
	img.logo.mobile{
	    margin-left: 7px;
		width: 35px;
		height: 35px;
		display: inline; 
	}
	
	.navbar.of.mainmenu .container{
		padding-top: 3px;
		padding-bottom: 0px;
	}
	.navbar.of.mainmenu button.btn-navbar {
		margin-top: 0px;
	}
	
	footer .container{
		text-align: center;
	}
	
	.footer-links{
		float: none;
		margin-left: 0;
		margin-top: 10px;
	}
}


/* Main marketing message and sign up button */
.jumbotron {
  margin: 60px 0;
  margin-top: 0px;
  text-align: center;
  padding-bottom: 0px;    /*@0dbce*/
  background-color: white;  
}
.jumbotron h1 {
  font-size: 72px;
  line-height: 1;
  margin-top: 0px;
  padding-top: 0px;    /*hash 0dbce*/
  
  color: #279; /* 279 et descendre par 10, bonnes couleurs */
}

.jumbotron p {
  color: #59B;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 60px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}



/* The text is invisible few seconds while webkit is waiting a custom font via @font-face: */
/* So no custom font on mobile */
/* http://www.html5rocks.com/en/tutorials/webfonts/quick/#toc-mobile */
/* hash 70441 */
@media (min-width: 768px){
    body, input, button, select, textarea {
      font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}






.footer-links{
  float:right;
}

.footer-links li:first-child {
  padding-left: 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}

.footer-links li.active {
	text-decoration: underline;
}



/*reset BS*/
.bk-danger{
	background-color: #FB5555;
	color: white;
}




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

@media (max-width: 767px) {
  .social{
      text-align: center;
  }
}



/*
Fix me we need to build bootstrap from sources and remove this.

since bs3 reset for all

Apparently many mobile devices (mobile safari included) style heading tags (h1-h6) with 
something like font-weight: bold. If the font you are using doesn't include a bold weight, 
then the browser will create a faux bold and offset that
http://css-tricks.com/forums/discussion/comment/44182/#Comment_44182
*/
h1, h2, h3, h4, h5, h6 { /*reset for mobile browsers. Otherwise I noticed letter spacing is huge on mobile especially iPhone.*/
    font-weight: normal;
}





label.required {
    font-weight: bold;
}
label.required:after {
    color: #e32;
    content: '*';
    display:inline;
}






/* Twitter like notification bar  http://pandiyachendur.blogspot.com/2010/07/twitter-like-notification-bar-in-jquery.html?showComment=1295990142614#c2636507136515194344 */
#glasspane {
    /*
    font-family:Arial,Helvetica,sans-serif;
    font-size:135%;
    font-weight:bold;
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #333F31;
    height: 20;
    color: #F3FDED;
    font: 20px/40px arial, sans-serif;
    opacity: .9;
    display:none;
    */
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:32768;
    background-color:#efefef;
    font-size:18px;
    color:#000;
    text-align:center;
    font-family: inherit;
    padding:20px 0px;
    border-bottom:1px solid #bbb;
    cursor: pointer;
    overflow: hidden;
    opacity: .9;
    display:none;
}


/* smooth scroll like in the home page when clicking on the 'discover' anchor */
html{
	scroll-behavior: smooth;
}