body {
	background-color: #D3D3D3;
	margin-bottom: 0;
	margin-top: 4px;
	color:#000033;
}


#page {
	width: 950px;

	margin-left: auto;
	margin-right: auto;
	
	margin-top:0px;
	padding-top:0px;
	
}


#popupdistributeurs {
	background-color: #FEAE1F;
	text-align: center;
}


/*  ÉLÉMENTS HTML vvv-------------------------------------------------vvv  */

h1 {
	margin-top : 0px;
	padding-top: 0px;
}

/*  ÉLÉMENTS HTML^^^-------------------------------------------------^^^  */

/*  ENTÊTE vvv-------------------------------------------------vvv  */

#entete {

	height: 135px;
	text-align: center;
	position: relative;
	margin-top: 0px;
	padding-top: 0px;
	background-color:#62AA65;
	
	border-left: 3px solid Black;
	border-right: 3px solid Black;
	border-top: 3px solid Black;
	
	background-image: url(images/entete.png);
}

#entete #langueselect {
	text-align: right;
	padding-right: 15px;
	padding-top: 2px;
}

#entete #langueselect a{
	color: black;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}

#entete #langueselect a:hover{
	text-decoration: underline;
}

#logo {
	margin: 0;
	position: absolute;
	top: 17px;
	left: 374px;
}

#imageentete1{
	margin: 0;
	position: absolute;
	top: 55px;
	left: 58px;
}

#imageentete2{
	margin: 0;
	position: absolute;
	top: 40px;
	left: 250px;
}


#imageentete3{
	margin: 0;
	position: absolute;
	top: 40px;
	right: 230px;
}

#imageentete4{
	margin: 0;
	position: absolute;
	top: 55px;
	right: 58px;
}

/*  ENTÊTE ^^^-------------------------------------------------^^^  */

#contenu {
	width: 100%;
	min-height: 449px;
	
	overflow: auto;
}

/*  MENU vvv-------------------------------------------------vvv  */

#menu {
	min-height: 449px;
	float: left;
	width: 263px;
	padding: 15px 0 0 0;

	position:relative;
		
	background-color:#62AA65;
	
	background-image: url(images/borduremenu.gif);
}

#menu #imagemenubas {
	position: absolute;
	bottom: 0px;
}

#itemsmenu {
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;

}

ul#itemsmenu li a{
	display: block;
	height: 40px;
	line-height: 40px;
	
	padding-left: 46px;
	
	font-size: 1.1em;
	font-family: "Trebuchet MS";
	font-weight: bold;
	color:#000033;
	text-decoration: none;
	
   	background-image: url(images/policeMenu1.gif);
	
	background-repeat: no-repeat;
}

ul#itemsmenu .sousmenu a{
	padding: 0 0 0 63px;
	font-size: 1.1em;
	background-image: url(images/auto.gif);
	background-repeat: no-repeat;
}

ul#itemsmenu li a:hover{
	color: #3E7CEC;
	background-image: url(images/policeMenu2.gif);
}

ul#itemsmenu .sousmenu a:hover{
	color: #3E7CEC;
	background-image: url(images/auto2.gif);
}

/*  MENU ^^^-------------------------------------------------^^^  */

#corps {

	min-height: 449px;
	float: left;
	width: 651px;
	padding: 10px 15px 5px 15px;
	font-size: 1.05em;
	font-family: "Trebuchet MS";
	background-color: #FEAE1F;
	
	border: 3px solid Black;
}

#corps p {
	text-align: justify;
}

/* vvv------------------MENU POUR LES PRODUITS--------------------vvv */

#corps #menuproduits {

   height: 28px;
	padding: 0;
	list-style-type: none;
	margin-left: 9px;
	margin-top: 0px;
	
	border-bottom: 1px solid Black;

}

#corps #menuproduits li{
	float: left;
	text-align: center;
}

#corps #menuproduits li a {
	height: 28px;
	line-height: 28px;
	color:#000033;
	font-size: 1.1em;
	width: 160px ;
	line-height: 25px ;
	font-weight: bold ;
	display: block ;
	text-decoration: none ;	
	
	background-image: url(images/fondmenuproduit.png);
}

#corps #menuproduits li a:hover {
	color: #3E7CEC;
}

/* ^^^------------------MENU POUR LES PRODUITS--------------------^^^ */

#corps #cartecanada{
text-align: center;
	position: relative;
}

#corps #nomprovince{
	border: 0px none;
	background-color: transparent;
	width: 200px;
	font-weight: bold;
	position: absolute;
	top: 290px;
	left: 178px;
}

.remonter img{
   border: none;
	margin-left: 5px;
}


/* vvv-------------Pour personnaliser le texte du corps-------------vvv */

#corps .col{
width: 100%;
overflow: auto;
}

#corps .col1{
	width: 321px;
	float: left;
	margin-right: 8px;
}

#corps .col2{
	width: 321px;
	float: left;
}

#corps .col2Centrer{
	width: 321px;
	float: left;
	text-align: center;
}

#corps .flottantGauche {
	float: left;
}

#corps .flottantdroit {
	float: right;
}

#corps .centrer{
text-align: center;
}

#corps .gauche{
text-align: left;
}

#corps .droite {
text-align: right;
}

#corps .traitdroit{
	border-right: 1px solid Black;
}

#corps .traitgauche{
	border-left: 1px solid Black;
}

.blocimages {
	margin: 0px auto 0px auto;
}

.blocimages a img{
	border: none;
	display: block;
	float: left;
	margin: 2px 5px 0px 2px;
	width: 120px;
	height: 90px;
}

/* ^^^-------------Pour personnaliser le texte du corps-------------^^^ */