@import url(https://fonts.googleapis.com/css?family=Oswald:300,700|Open+Sans:400,700|Raleway:200,400);

p {
	font-family:"Open Sans", arial;
	font-size:17px;
	color:#6d6e70;
}

h1 {
	font-family:"Raleway", arial;
	font-weight:200;
	font-size:50px;
	color:white;
}

h2 {
	font-family:"Oswald", arial;
	font-weight:300;
	font-size:40px;
	color:#a41b20;
	padding:45px 0;
	text-transform:uppercase;
}

h2::before {
	content:'••• ';
	color:#a6a8aa;
}

.bg_rouge h2::before {
	content:'••• ';
	color:#FFFFFF;
}

h3 {
	font-family:"Open Sans", arial;
	font-weight:800;
	font-size:23px;
	color:#6d6e70;
}

.bannertext {
	font-family:"Oswald", arial;
	font-weight:300;
	font-size:40px;
	color:white;
	padding:40px 0;
	text-transform:uppercase;
	text-align:center;
}

footer {
	font-family:"Open Sans", arial;
	font-weight:400;
	color:white;
	font-size:14px;
}
footer a {color:white; margin:10px;}
footer a:hover {color:white;}

.txt_rouge {color:#a41b20;}
.txt_gris {color:#6d6e70;}
.txt_blanc {color:white;}
.bg_rouge {background-color:#a41b20;}
.bg_gris {background-color:#6d6e70;}
.bg_grisfonce {background-color:#393939;}

.navbar-toggle {border-color:#a41b20; margin-top:60px;}
.icon-bar {background-color:#a41b20;}

td {
	vertical-align: top;
	padding:0 10px 24px;
}

td p {padding-top:4px;}

.navbar-nav li a {
	font-family:"Oswald";
	font-size:18px;
	color:#6d6e70;
	border:3px solid white;
	padding:8px 13px;
	text-transform:uppercase;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
	color:#a41b20;
	border:3px solid #a41b20;
	background-color:transparent;
}

.nav a:hover {
	background-color:transparent!important;
	
}


#shape {
	z-index:5;
	position:relative;
	width:100px;
	height:100px;
	margin:192px auto;
	background-color:#a41b20;
	border-radius:50%;
	opacity:.0
}

.slideshow {
	overflow:hidden;
	height:485px; 
}

.slideshow table {
	position:absolute;
	width:100%; 
	height:485px;
	margin-left:-15px;
	z-index:10;
}

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

}

@media only screen and (max-width : 992px) {
	#header .container {width:100%;}
	.navbar-right {
	    margin-top: 10px!important;
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	
}

@media only screen and (max-width : 768px) {
	.navbar-nav li a {
		background-color:white;
		padding:20px;
	}
	.navbar-nav li a:hover {
		background-color:white!important;
	}
	#footer {height:auto!important; padding-bottom:30px;}
	#footer div {text-align:center;}
	h1 {font-size:40px;}
	
	.navbar-nav {position:relative; z-index:40!important; margin:60px 0!important;}
	.navbar-brand { padding:15px 0;}
	.navbar-brand img {max-width:75%!important; margin-top:10px;}
}

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

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