body {}
h1, h2, h3, h4, h5, h6{	font-family: 'Roboto Slab', serif;}
h1, h2{font-weight: bold;}
h2{font-size: 18px; margin: 50px 0 20px 0;}
p{font-family: 'Open Sans', sans-serif;}
a{color: #333;}
a:hover{color: #000;}

.row{margin:0;}
.navbar-default{
	background: #FFF;
	margin-bottom: 0px;
	border:0;
}
.navbar-default .navbar-brand{
	width: 142px;
	height: 96px;
	padding:0;
}
.navbar-default .navbar-nav a{
	color: #666;
	background: #FFF;
	font-size: 12px;
	font-weight: bold;
}
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus{
	color: #900;
	background: #FFF;
	font-size: 12px;
	font-weight: bold;
}
.btn-primary{
	background: #333;
	color: #DDD;
	border:0;
	border-radius:0;
	font-size: 16px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{
	background: #000;
	color: #FFF;
}
/***************/
.jumbotron {
	background: url(../img/header-bg.jpg) top center no-repeat;
	margin:0 auto;
	padding:0;
	font-family: 'Roboto Slab', serif;
	color: #FFF;
}

.jumbotron .header{
	background: url(../img/header.jpg) bottom center no-repeat;
	padding: 0px auto;
	height: 240px;
	
}
.jumbotron .header h1{
	font-size: 24px;
	font-weight: normal;
	
	margin:0 0 0 20%;
	padding: 60px 10px 0 0;
}
.jumbotron .header p{
	font-size: 14px;
	
	margin-left: 20%;
	padding: 0px 10px 0 0;
}

.jumbotron .btn-primary{
	background: #DDD;
	color: #333;
}
.jumbotron .btn-primary:hover, .jumbotron .btn-primary:focus, .jumbotron .btn-primary:active, .jumbotron .btn-primary.active{
	color: #000;
	background: #FFF;
}
/***************/
.sub-menu{
	background-color: #7C7C7C;
	text-align:center;
}
.sub-menu .container{
	padding:0 auto;
}
.sub-menu .sub-menu-titles{
	background: #333;
	padding:0;
}
.sub-menu .sub-menu-titles div{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #FFF;
}
.sub-menu .sub-menu-titles a{
	color:#DDD;
	padding: 10px 0;
	display:block;
}
.sub-menu .sub-menu-titles a:hover, .sub-menu .sub-menu-titles a:focus, .sub-menu .sub-menu-titles a:active{
	color:#FFF;
	text-decoration: none;
}
.sub-menu .row div:nth-child(odd){
background-color: #666;
}
.sub-menu .row div:nth-child(even){
background-color: #999;
}
.sub-menu .photos div{
padding:0;
display:none;
overflow:hidden;
}
.sub-menu .photos div img{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
.sub-menu .photos div img:hover{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


.footer{
background-color: #FFF;
font-family: arial;
font-weight: bold;
font-size: 18px;
color: #999;
}
.footer .container{
padding:30px 0 0 0;
}
.footer .numero{
color: #666;
}

/***************/

.logo-partenaires div{
	border-bottom: 1px solid #333;
}

.realisations{margin-bottom: 40px;}
.realisations h2, .realisations ul{margin:0 0 10px 40px;}

.formulaire-nous-joindre{
	position: relative;
}
.formulaire-nous-joindre .erreur{
	position: absolute;
	color: #900;
	font-weight: bold;
	margin: -20px;
}
.formulaire-nous-joindre .form-group{
	position: relative;
}
.formulaire-nous-joindre .form-group label.error{
	position: absolute;
	color: #900;
	font-size: 10px;
	margin: -25px 0 0 100px;
}

/***************/
/* iPhone Portrait */
@media screen and (min-width: 350px) {
	.logo-toiture-abc img{
		float: left;
		margin: 0 10px 10px 0;
	}
}

/* iPad Portrait */
@media screen and (min-width: 768px) {
	.jumbotron .header h1{
		font-size: 36px;
		
		margin:0 0 0 40%;
		padding: 60px 10px 0 0;
	}
	.jumbotron .header p{
		font-size: 18px;

		margin-left: 40%;
		padding: 0px 10px 0 0;
	}

}
/* iPad Paysage, Ordinateur */
@media screen and (min-width: 993px) {
	.jumbotron .header{
		height: 360px;
	}
	.jumbotron .btn-primary{
		font-size: 18px;
	}
	.jumbotron .header h1{
		font-size: 36px;
		
		margin:0 0 0 40%;
		padding: 180px 10px 0 0;
	}
	.jumbotron .header p{
		font-size: 18px;

		margin-left: 40%;
		padding: 0px 10px 0 0;
	}
	.sub-menu .photos div{
		display:block;
	}
	.sub-menu .sub-menu-titles div{
		font-size: 14px;
	}
	
	.logo-partenaires div{
		border:0;
	}

}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }