@charset "UTF-8";
body {
	background-image: url(../images/bkg_Main.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #1A2D4D;
	font-family: Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:normal;
	line-height:19px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 19px;
}
a:link, a:visited, a:active {
	color:#f28d1e;
	text-decoration: none;
}
a:hover {
	color:#f28d1e;
	text-decoration: underline;
}

.mainContent{
	margin:auto;
	width:998px;
}

.contentArea{
	margin:auto;
	width:898px;
}

.bkgAccueil{
	background-image: url(../images/bkg_Accueil.jpg);
	background-repeat: no-repeat;
	margin:auto;
	width:998px;
	height: 621px;
	position: relative;
}

.bkgPortes-de-garage{
	background-image: url(../images/bkg_Portes-de-garage.jpg);
	background-repeat: no-repeat;
	margin:auto;
	width:998px;
	height: 540px;
	position: relative;
}

.bkgPortes-exterieures{
	background-image: url(../images/bkg_Portes-exterieures.jpg);
	background-repeat: no-repeat;
	margin:auto;
	width:998px;
	height: 559px;
	position: relative;
}

.bkgPortes-patio{
	background-image: url(../images/bkg_Portes-patio.jpg);
	background-repeat: no-repeat;
	margin:auto;
	width:998px;
	height: 577px;
	position: relative;
}

.bkgFenetres{
	background-image: url(../images/bkg_Fenetres.jpg);
	background-repeat: no-repeat;
	margin:auto;
	width:998px;
	height: 570px;
	position: relative;
}

.bkgConseils{
	background-image: url(../images/bkg_Conseils-dachat.jpg);
	background-repeat: no-repeat;
	margin:auto;
	width:998px;
	height: 580px;
	position: relative;
}

.bkgPlanifier-votre-projet{
	background-image: url(../images/bkg_Planifier-votre-projet.jpg);
	background-repeat: no-repeat;
	margin:auto;
	width:998px;
	height: 580px;
	position: relative;
}

.bkgContacts{
	background-image: url(../images/bkg_Contacts.jpg);
	background-repeat: no-repeat;
	margin:auto;
	width:998px;
	height: 580px;
	position: relative;
}

.bkgGalerie-photos{
	background-image: url(../images/bkg_Galerie-photos.jpg);
	background-repeat: no-repeat;
	margin:auto;
	width:998px;
	height: 641px;
	position: relative;
}

.contentLeft{
	margin:auto;
	width:600px;
	float: left;
	margin-top: 210px;
}
.contentRight{
	margin:auto;
	width:258px;
	float: right;
	margin-top: 210px;
}

.menu{
	position: absolute;
	margin: auto;
	width:998px;
	height:100px;
	top: 20px;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	z-index: 200;
}

.logoPortesetFenetres {
	position:absolute;
	/*background-image: url(../images/logo_Portes-et-fenetres-Laval.png);*/
	top:12px;
	left: 50px;
	height:80px;
	z-index:200;
	width:187px;
	/*text-indent: -9999px;*/
}

.h-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.slide-out-div {
height:108px;	
width: 170px;
}

.tab{
top:80px;
}

.tab .handle{
background:url("../images/onglet_tirette_accord-d.png") no-repeat;
width: 35px;
height:108px;
}

.tab2{
top:190px;
}

.tab2 .handle{
background:url("../images/onglet_tirette_estimation.png") no-repeat;
width: 35px;
height:108px;
}

.tab3{
top:300px
}

.tab3 .handle{
background:url("../images/onglet_tirette_realisations.png") no-repeat;
width: 35px;
height:108px;
}

.tab4{
top:410px
}

.tab4 .handle{
background:url("../images/onglet_tirette_energy.png") no-repeat;
width: 35px;
height:108px;
}

.tab5{
top:530px
}

.tab5 .handle{
background:url("../images/onglet_tirette_garantie.png") no-repeat;
width: 35px;
height:108px;
}

.tab6{
top:650px
}

.tab6 .handle{
background:url("../images/onglet_tirette_reno-vert.png") no-repeat;
width: 35px;
height:108px;
}

.handle{
z-index:500;
text-indent: -9999px;
}

h1 { 
	font-family:'Cantarell', sans-serif;
	font-size: 28px;
	color:#f28d1e;
	line-height:30px;
	margin: 0 0 0 0;
	font-weight: bold;
}

.titrePrincipal {
		font-family:'Cantarell', sans-serif;
		font-size:28px;
		color:#2C2B2E; 
		font-weight:200;
		line-height:36px;
		text-transform:uppercase;	
		letter-spacing:2px;
}

.titreBrun { 
	font-family:'Cantarell', sans-serif;
	font-size: 28px;
	color:#675d54;
	line-height:30px;
	margin: 0 0 0 0;
	font-weight: normal;
}
.dots { 
	background-image: url(../images/dot.png);
	background-repeat:repeat-x;
	height: 1px;
	margin-top: 7px;
	margin-bottom: 10px;
}

h2 { 
	font-family:'Cantarell', sans-serif;
	font-size: 17px;
	color:#675d54;
	line-height:26px;
	margin: 0 0 0 0;
	font-weight: bold;
}

h3 { 
	font-family:'Cantarell', sans-serif;
	font-size: 17px;
	color:#f28d1e;
	line-height:26px;
	margin: 0 0 0 0;
	font-weight: bold;
}

h4 { 
	font-family:'Cantarell', sans-serif;
	font-size: 14px;
	color:#675d54;
	line-height:19px;
	margin: 0 0 0 0;
	font-weight: bold;
}

h5 { 
	font-family:'Cantarell', sans-serif;
	font-size: 14px;
	color:#f28d1e;
	line-height:19px;
	margin: 0 0 0 0;
	font-weight: bold;
}

strong {
	font-weight:500;	
}

.number { 
	font-family:'Cantarell', sans-serif;
	font-size: 30px;
	color:#f28d1e;
	line-height:30px;
	margin: 0 0 0 0;
	font-weight: normal;
}

.champContact { 
	width: 218px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
}

.champVotre-projet { 
	border: 1px #d1d1d1 solid;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
}

.required:before {
    content: '* ';
    color: #fc2603;
    font-weight: 700;
}

.require { 
	border: 1px #fc2603 solid;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
}

.champVotre-projet-long { 
	border: 1px #d1d1d1 solid;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
}

.champVotre-projet-long_Text-area_require { 
	border: 1px #fc2603 solid;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	resize:none;
}

.champVotre-projet-long_Text-area { 
	border: 1px #d1d1d1 solid;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	resize:none;
}

.notes{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	line-height: normal;
}

.web-address{
	background-image:url(../images/bkg_web-address.gif);
	background-repeat: repeat-x;
	height: 35px;
	padding-top: 9px;
	padding-left: 9px;
}

.price { 
	background-image: url(../images/orange-burst.png);
	background-repeat: no-repeat;
	position:absolute;
	height: 69px;
	width:69px;
	font-family:'Cantarell', sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	padding-top:26px;
	margin-top:170px;
	margin-left:130px;
}

.footer { 
	width: 100%;
	margin: auto;
	background-color: #828282;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	padding-top: 6px;
	margin-top: 40px;
}
.footerMenu, .footerMenu a:link, .footerMenu a:visited, .footerMenu a:active { 
	width: 100%;
	margin: auto;
	height: 275px;
	background-color: #162f4c;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	padding-top: 15px;
	text-decoration: none;
	padding-right: 5px;
	bottom: 0px;
}
.footerMenu a:hover {
	color: #f28d1e;
	text-decoration: none;
}