/***************************************************

	REDEFINITION DE BALISES

***************************************************/



body {

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

	font-style: normal;

	color: #FFFFFF;

	text-align: center; /* pour corriger le bug de centrage IE */

	font-size: 11px;

	margin:0;

	background-color: #b7b7b7;

	background-image: url(images/fond.gif);

	background-repeat: repeat-x;

	background-position: left top;	

}



.clear {

    clear: both;

    display: block;

    height: 1px;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



/* centrer le site*/

#site {

	width:960px;

	margin-left: auto;

	margin-right: auto;

	text-align: left; /* on r�tablit l'alignement normal du texte */

}



.rouge {

	color: #E01614;

}



.blanc12 {

	font-size: 12px;

	color: #ffffff;

}

.gris11 {

	color: #bfbfbf;

	font-size: 11px;

	clear:left;

}



.gris11 a{

	color: #bfbfbf;

	text-decoration:none;

}



.gris11 a:hover{

	color: #E01614;

	text-decoration:underline;

}



#menu a {

	color: #FFFFFF;

	text-decoration:none;

}



#menu a:hover {

	color: #E01614;

	text-decoration:none;

}

a img { border:0; }

/***************************************************

	HOME PAGE

***************************************************/

/* ------------------- haut / menu ------------------- */



#haut {

	background-color:#000000;

	width:960px;

	height:117px;

}



#harraps {

	float:left;

}



#menu {

	float:left;

	position: relative;

	top:35px;

	left:335px;

	

}



#sousmenu {

	position:relative;

	left:335px;

	width:110px;

	display:block;

	cursor: pointer;

	height:20px;

	

}



#sousmenu ul, li{

	display:block;	

	list-style-type: none;	

}



#menu ul, li{

	list-style-type: none;

	display: inline 

	

}



#contenuhome{

	height:449px;

	width:960px;

	background: url(images/bgHome.jpg) no-repeat top;
	position:relative;

}

#contenuhome h2{ display:none; }


/***************************************************

	Page Int�rieur

***************************************************/

/* ------------------- page maison harraps------------------- */



#contenuint{

	width:926px;

	background-image: url(images/fd-page-int.gif);

	background-repeat: repeat-x;

	background-position: left top;

	background-color:#38465b;

	padding-left:34px;

}



#contenumenu{

	width:893px;

	height:21px;

	background-image: url(images/fd-sous-menu.gif);

	background-repeat: repeat-x;

	background-position: left top;

	

}



#contenumenubis{

	width:893px;

	height:21px;

	background-image: url(images/fd-sous-menubis.gif);

	background-repeat: repeat-x;

	background-position: left top;

	

}



#contenumenu ul{

	display:block;

	list-style-type: none;

	margin-left:8px;

	padding-left:8px;

	position:relative;

	top:4px;

	margin-top:0px;

	padding-top:0px;

	margin-bottom:0px;

	padding-bottom:0px;

}

	

#contenumenu li{

	background-image: url(images/fleche-sousmenu.gif);

	background-repeat: no-repeat;

	background-position: left top;	

	padding-left:10px;

	padding-bottom:5px;

	margin-right:10px;

	margin-bottom:0px;

}



#contenumenu a {

	color: #FFFFFF;

	text-decoration:none;

}



#contenumenu a:hover {

	color: #E01614;

	text-decoration:none;

}



#pageharraps img{



	border: 1px solid #64686e;

	float:left;

	margin-right:12px;

}



#pageharraps{

	width:700px;

	position:relative;

	left:21px;

	font-size:12px;

	line-height:18px;

	float:left;

}



#pageharraps p{

	margin:16px;

}



#pageharraps li{

	display:list-item;

	list-style-image: url(images/tiret.gif);

	font-weight: bold;

	font-size:11px;

	

}



#pageharraps ul{

	

	margin-top:5px;

}



#visuharrap{

	float:left;

	position:relative;

	left:20px;

	top:30px;

}



#basint{

	background-image: url(images/trait-bas.gif);

	background-repeat: no-repeat;

	background-position: center top;

	height:22px;

	padding-top:5px;

}







#basintbis a{

	color: #bfbfbf;

	text-decoration:none;

}



#basintbis a:hover{

	color: #E01614;

	text-decoration:underline;

}



#basintbis{

	background-image: url(images/trait-bas.gif);

	background-repeat: no-repeat;

	background-position: center top;

	height: 22px;

	background-color: #38465b;

	padding-top: 5px;

	

}



/* ------------------- page coulisse------------------- */



#liste{

	line-height:16px;

	margin-bottom:15px;

	margin-top:5px;



}



#pagecoulisse{	

	width:865px;

	position:relative;

	left:16px;

	font-size:13px;

	line-height:24px;	

}



.ttrcoulisse{

	margin-bottom:15px;

	margin-top:26px;

}



.imggauche{

	float:left;

	margin-right:16px;

	border: 1px solid #64686e;

}



.imggauchepresse{

	float:left;

	margin-right:16px;

	

}



#pagecoulisse li{

	display:list-item;

	list-style-image: url(images/tiret.gif);

	font-weight: bold;

	font-size:11px;

	

}



#pagecoulisse ul{	

	margin-top:5px;

}



.imgdroite{

	float:right;

	margin-left:16px;

	margin-right:10px;

	border: 1px solid #64686e;

}



#hautpage{

	float:right;

	background-image: url(images/fleche-haut.gif);

	background-repeat: no-repeat;

	background-position: right center;	

	padding-right:15px;

	margin-bottom:15px;

}







#hautpage a{

	text-decoration:none;

}



#hautpage a:hover{

	text-decoration:underline;

}





.rouge11{

	color:#e01614;

	font-size:11px;

}



.txtin{

	margin-left:30px;

	margin-right:30px;

}



.txtincatalogue{

	margin-left:30px;

	margin-right:30px;

}



.txtincatalogue a{

	color: #E01614;

	text-decoration:none;

}



.txtincatalogue a:hover{

	color: #E01614;

	text-decoration:underline;

}



.txtinpresse{

	margin-left:30px;

	margin-right:30px;

	height:220px;

}

/* ------------------- page biographie------------------- */

#hautpagebis{

	float:right;

	background-image: url(images/fleche-haut.gif);

	background-repeat: no-repeat;

	background-position: right center;	

	padding-right:15px;

}







#hautpagebis a{

	text-decoration:none;

}



#hautpagebis a:hover{

	text-decoration:underline;

}



/* ------------------- page catalogue------------------- */

#pagecatalogue{	

	width:865px;

	position:relative;

	left:16px;

	font-size:1.1em;

	line-height:1.3em;	

}



.titre1 {

	font-weight:bold;

	font-size:1.4em;

	margin-top:10px;

	margin-bottom:10px;

	color:#E01614;



}



.titre2 {

	font-weight:bold;

	color:#E01614;

	font-size:1.2em;

}



.soustitre{

	font-weight:bold;

	font-size:1.1em;

	font-style:italic;

	color:#CCCCCC;

}







/* ------------------- page catalogue------------------- */



#pagepresse{	

	width:865px;

	position:relative;

	left:16px;

	font-size:1.1em;

	line-height:1.3em;	

}



.txtinpresse a {

	color: #ffffff;

	text-decoration:none;

}



.txtinpresse a:hover {

	color: #E01614;

	text-decoration:underline;

}



.ttrpresse{

	margin-bottom:15px;

	margin-top:0px;

}





#pageParler { width:800px; margin:0 auto; font-size:1.3em; }
#pageParler p { margin:25px 0; }
#pageParler hr { margin:30px 0 ; clear:both; }
#blocksParler { width:740px; margin:20px auto; }

.boxParler { width:370px;min-height:110px; margin:10px 0 20px 0; float:left; vertical-align:top; }
.boxParler img { float:left; margin:0 33px 0 0; }
.boxParler div { float:left; }
.boxParler div h3 { margin:0 0 10px 0; color:#e01614; font-size:13px; }
.boxParler div a { color:#fff; text-decoration:none; }
.boxParler div .linxParler { clear:both; width:100%; margin:10px 0 15px 0; }
.boxParler div a:hover { color:#e01614; }
.boxParler div .linkPDF { background:url(images/ico_pdf.gif) no-repeat left; padding:0 0 0 20px; }
.boxParler div .linkMP3 { background:url(images/ico_mp3.gif) no-repeat left; padding:0 0 0 18px; }
.boxParler div span { clear:both; width:100%;  }
.boxParler div span h4 { padding:0; margin:0; font-size:12px; font-weight:normal; clear:both; text-transform:uppercase; }
.boxParler object { clear:both; }

.plain .boxParler { width:370px;min-height:60px; margin:10px 0 0 0; float:left; vertical-align:top; }
.plain .boxParler div h3 { margin:0; color:#e01614; font-size:15px; }



/* Contenu 2008
#zonedico{	position:relative;	top:63px;	left:66px;		width:351px;	height:208px;  float:left;}
#dico2{	left:19px;	position:relative;	}
#dico3{	left:38px;	position:relative;	}
#dico4{	left:47px;	position:relative;	}

#zonemethode{	position:relative;	top:62px;	left:195px;		width:370px;	height:208px;float:left;}

#methode3{	left:20px;	position:relative;	}
#methode2{	left:10px;	position:relative;	}

#choix1{	left:88px;	top:10px;	position:relative;	}
#choix2{	left:76px;	top:12px;	position:relative;	}


#zoneshorter{	width:296px;	height:139px;	background-image: url(images/bas-gauche.jpg);	background-repeat: no-repeat;	background-position: left top;	float:left;vertical-align:top;}
#shorter1{	left:112px;	top:-46px;	position:relative;}

#shorter2{	left:111px;	position:relative;}

#basmethode{	width:286px;	height:139px;	background-image: url(images/bas-droite.jpg);	background-repeat: no-repeat;	background-position: right top;	float:left;}
#methode1{	left:10px;	top:-46px;	position:relative;}
#parler {background:#00FF00; position:absolute; left:45%; top:373px; z-index:1;}
#harrapsonline{	position:absolute;	top:17px;	left:136px;}
#incontournables{	width:378px;	height:139px;	float:left;	background-image: url(images/harraps-incontournables.jpg);	background-repeat: no-repeat;background-position: left top;	position:relative;}

*/

/*-----------------------Contenu 2009--------------------------*/
#zonedico{	position:relative;	top:67px;	left:65px;		width:351px;	height:208px;  float:left;}
#dico2{	left:22px;	position:relative;	}
#dico3{	left:44px;	position:relative;	}
#dico4{	left:47px;	position:relative;	}

#zonemethode{	position:relative;	top:55px;	left:189px;		width:370px;	height:208px;float:left;}

#methode3{	left:24px;	position:relative;	}
#methode2{	left:12px;	position:relative;	}

#choix1{	left:89px;	top:10px;	position:relative;	}
#choix2{	left:82px;	top:12px;	position:relative;	}
#harrapsonline{	position:absolute;	top:18px;	left:138px;}

#zoneshorter{	width:296px;	height:139px;	background-image: url(images/bas-gauche.jpg);	background-repeat: no-repeat;	background-position: left top;	float:left;vertical-align:top;}
#shorter1{	left:122px;	top:-5px;	position:relative;}

#shorter2{	left:131px;	top:20px;position:relative;}

#basmethode{	width:286px;	height:139px;	background-image: url(images/bas-droite.jpg);	background-repeat: no-repeat;	background-position: right top;	float:left;}
#methode1{	left:10px;	top:-39px;	position:relative;}

#parler {background:#00FF00; position:absolute; left:45%; top:371px; z-index:1;}

#incontournables{	width:960px;	height:139px; position:absolute; bottom:0; left:0; background:url(images/bgbas.jpg) no-repeat;}

#zone_harrapsonline{	width:308px;	height:34px;	position:absolute;	top:98px;	left:13px;}

#zone_harrapsonline img{	border:0;	position:absolute;}