/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	background-color:#ffffff;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
}

a{
	color:#000000;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


dl, dt, dd, ul, li {
	list-style-type: none;
	list-style: none;
}

img, img a{
	border:none;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

.call {
	clear:both;
}

#site {
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	width : 782px;
	


}

p{
	line-height:12px;
}

.logoSite{
	width: 194px;
	height: 108px;
	background:url(../images/logo.jpg) 0 0 no-repeat;
	display:block;
}

.logoSite2{
	width: 194px;
	height: 108px;
	background:url(../images/logo_gammes.jpg) 0 0 no-repeat;
	display:block;
}

.logoSelection{
	width: 59px;
	height: 82px;
	background:url(../images/logo_selection2.gif) 0 0 no-repeat;
	display:block;
}
.logoSelectionHome{
	width: 59px;
	height: 85px;
	background:url(../images/logo_selection.gif) 0 0 no-repeat;
	display:block;
}

.retour{
	width: 40px;
	height: 17px;
	background:url(../images/bout_retour.gif) 0 0 no-repeat;
	color:#FF8300;
	padding:1px 0 0 10px;
}

.retour a{
	color:#ff9407;
	}
	
.retour a:hover{
	color:#ff9407;
}


/***********************************/
/********** GABARIT HOME ******/
/***********************************/

/*contenu à droite ***************************/
#home_content {
	float:left;
	width: 782px;
	height:500px;
}

#home_content #part1{
	float:left;
	width: 782px;
	height:270px;
	background:url(../images/home/titre.jpg) 0 0 no-repeat;
}


#home_content #part2{
	float:left;
	width: 270px;
	height:230px;
	background:url(../images/home/bas_gauche.jpg) 0 0 no-repeat;
}


#home_content #part3{
	float:left;
	width: 512px;
	height:230px;
	background:url(../images/home/bas_droite.jpg) 0 0 no-repeat;
}

#part2 a.bt_cassettes{
	clear:left;
	background:url(../images/home/cassettes_of.gif) 0 0 no-repeat;
	width: 270px;
	height :48px;
	
	
	display:block;
}

#part2 a.bt_cassettes:hover{
	background:url(../images/home/cassettes_on.gif) 0 0 no-repeat;

}

#part2 a.bt_cd{
	clear:left;
	background:url(../images/home/cd_of.gif) 0 0 no-repeat;
	width: 270px;
	height :48px;
	
	display:block;
}

#part2 a.bt_cd:hover{
	background:url(../images/home/cd_on.gif) 0 0 no-repeat;

}

#part2 a.bt_dvd{
	clear:left;
	background:url(../images/home/dvd_of.gif) 0 0 no-repeat;
	width: 270px;
	height :48px;
	
	display:block;
}

#part2 a.bt_dvd:hover{
	background:url(../images/home/dvd_on.gif) 0 0 no-repeat;

}
#part2 a.bt_photo{
	clear:left;
	background:url(../images/home/photo_of.gif) 0 0 no-repeat;
	width: 270px;
	height :58px;
	
	display:block;
}

#part2 a.bt_photo:hover{
	background:url(../images/home/photo_on.gif) 0 0 no-repeat;

}


#home_content div .photoG{
	float: left;
	margin : 18px 10px 5px 27px;
}

#home_content div .photoD{
	float: right;
	margin : 0px 10px 0px 7px;
}

#home_content div h1{
	color:#84487c;
	font-size: 12px;
	font-weight : bold;
	margin : 18px 25px 5px 30px;
}

#home_content div p{
	color:#000000;
	font-weight : bold;
	margin : 0px 25px 18px 30px;
}

/***********************************/
/********** PIEDS ******/
/***********************************/

#pied{
	clear: both;
	width:782px;
	height:20px;
	padding:5px 0 5px 0;
	text-align : justify;
	font-size:10px;
	
}
#pied h5{
color : #333333;
	text-align:center;
}
#pied h5 a{
	color : #333333;
	font-weight:strong;
	font-size:11px;
}
#pied p{
	font-size:10px;
	color:#333333;
}
#pied p a{
	font-weight:normal;
	color:#333333;
	text-decoration:underline;
}