body{

	background-color:#4d4d4d;

}

.norm {

	font-family:Arial,Helvetica,Verdana,sans-serif;

	font-size:16px;

	font-weight:bold;

	text-align:center;

}



#header {

	background-image:url(grafx/header_bg.jpg);

	background-repeat:repeat-x;

	margin-left:auto;

	margin-right:auto;

	height:142px;

	width:985px;

}



#middle {

	position:relative;

	background-image:url('http://www.sunwatt.ca/grafx/middle_deg.jpg');

	background-repeat: repeat-x;

	background-color:#ffffff;

	margin-left:auto;

	margin-right:auto;

	padding:30px;

	max-width:925px;

}
#basContainer {
	display:flex;
	flex-wrap:wrap;
}


#footer {

	margin-left:auto;

	margin-right:auto;

	max-width:100%;

}

#droit {max-width:600px; margin-left:50px;}
#catalogue {max-width:33%;}

#imgDesc {max-width:100%;}

.imgPdf {max-width:144px;}
#showroom {

	

top: 0;

width: 230px;

right: 0;

	text-align:left;

	background-color: #F0F0F0;

	border:1px solid #C0C0C0;

	font-family:Trebuchet MS,Arial,Verdana,Helvetica,sans-serif;

	font-size:14px;

	padding: 10px;

}
#texteContainer {
	display:flex;
	flex-wrap:wrap;
	max-width:100%;
}

 .texte {
 	max-width:100%;
 	
 }
#menu {

	float: left;

	left: 3px;

	position: relative;

	display: flex;
	flex-wrap:wrap;

}

@media screen and (min-width:618px){
	#pdf {float:right;margin-left:10px;}
	#showroom {position:absolute;}
	#video {float:right;}
}
@media screen and (min-width:755px){
	.texte{max-width: 47%;}

}
@media screen and (max-width:982px){
	#menu{max-width: 500px;}

}

@media screen and (max-width:655px){
	#menu{max-width: 300px;}

}





#menu a{

	color:#000000;

	font-family:Arial,Helvetica,sans-serif;

	font-size:12px;

	background-color:#EEEEEE;

	border:1px solid #000000;

	padding:3px 10px 3px 10px;

	margin: 0 10px 0 10px;

	text-decoration:none;

}



#menu a:hover{

	background-color:#FFFFFF;

}