﻿@media="screen"{
	body {
		font-family: "Arial";
	}
}

.marginR40{margin-right:31px;}
.marginB20{margin-bottom:20px;}
.marginB40{margin-bottom:40px;}
.marginT40{margin-top:40px;}
.marginT20{margin-top:20px;}
.marginT10{margin-top:10px;}

.container{
	width:100%;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:0px;
}

.container-fluid{
	padding-left:0px;
	padding-right:0px !important;
}

.centered-content{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

.background{
	background-image: url('/images/clotures-desjardins-chateauguay-background-1.jpg');
	background-attachment:fixed;
}

.white{ background-image: url('/images/bg-blanc.png');}

.headerContainerDiv{
	border-bottom: 5px solid #fff;
	background-image: url('/images/balcon-beauharnois-top.png');
}

.marginTop{ margin-top:20px; margin-bottom:20px;}

.bg-adresse {
	background-image:linear-gradient(#bdbdbd, #d8d7d7);
	border-top-left-radius: 2em; 
	border-top-right-radius: 2em;
	box-shadow: 5px 5px 5px #a2a3a2;
	padding:20px;
}

	.bg-adresse p {
		text-align:center;
		font-weight:bold;
	}

.langue{
	text-align:right;
	font-size:20px;
}
	.langue a{
		color: white;
		text-decoration:none;
	}
	.langue a:hover{
		color: white;
		text-decoration:underline;
	}

.headerMenuDiv{
	text-align:center;
	padding:20px;
}

.navbar-default{
	background-image:linear-gradient(#626264, #626264);
	border-radius: 2em; 
	box-shadow: 5px 5px 5px #a2a3a2;
	max-width:183px;
	min-height:75px;
	
}
.menuListUl{
	font-size:16px;
	padding-top:10px;
}

.menuListLi > a{
    color: #fff;
}
.menuListLi a:hover{
	background-color:transparent;
	color:#000;
	text-shadow: 2px 2px 4px #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: transparent;}
.navbar-default .navbar-nav>li>a{color:#fdfaf3;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color:#fdfaf3;}
.navbar-nav{margin: 0px;}

.navbar-collapse{
	padding-left:0px;
	padding-right:0px;
}

.logo img{ 
	max-width:99%;
	padding-top:20px;
}

.slogan{
	background-color:#000;
	padding:10px;
	margin-top:10px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-size:20px;
}

.contenus h1{
	color:#dd0000;
	font-size:22px;
	text-decoration:underline;
    text-transform: uppercase;
}

.contenus h2{
    background-color: #dd0000;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0px 10px 0px;
    padding: 3px 0px;
}

.contenus h3{
    background-color: #dd0000;
    color: #FFF !important;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0px 10px 0px;
    padding: 3px 0px;
	text-decoration:none !important;
}

.contenus p{
	color:#000;
	font-size:16px;
}

.contenus a{
	color:#000;
	text-decoration:underline;
}
.contenus a:hover{
	color:#dd0000;
}


.contenus img{
	padding:15px 0px 15px 0px;
	display: block;
    margin-left: auto;
    margin-right: auto
}

.rotateL img {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}
.rotateR img {
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}


.footer {
  border-top:5px solid #fff;
  position: relative;
  bottom: 0;
  width: 100%;
  background-color:#000;
  padding-bottom:10px;
	margin-right: 0px;
	margin-left: 0px;  
}

.footer h1{color:#fff; font-size:15px; text-align:right;}


