/* ------------------------------RAZ */
body, html{
	height:100%;
}
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
	font-size: 1em;
	margin: 0; padding: 0;
	font-weight: normal;
}
ul {
	margin: 0; padding: 0;
	list-style: none;
}
a {
	text-decoration:none;
	color:#5a5555;
}
a img {
	border:none;
}
.clear { 
    clear:both;
    display:block;
    line-height:1px;
	font-size:1px;
	height:1px;
}
a{outline: none;}
:focus{-moz-outline-style: none;}
.hidden {
		visibility:hidden;
}
fieldset{border:none;}
p{line-height:14px;}
input{
	color:#5a5555;
}

/* -------------------------fin RAZ--- */

body {
  	font-family:arial, verdana;
  	font-size:11px;
  	color:#5a5555;
  	margin:0px;
  	padding:0px;
	background:url(../images/back-principale.gif) repeat-y #f9f7f5;
}

#principale{
  	width:954px;
	min-height:100%;
	position:relative;
	line-height:14px;
	padding-right:20px;
}
* html #principale{
	height:100%;
}


#col-gauche{
	width:203px;
	float:left;
	position:relative;
	color:#fff;
}
#col-gauche h1{
	background:url(../images/logo-riu.gif) no-repeat;
	width:203px;
	height:169px;
}
#col-gauche h1 a{
	display:block;
	width:203px;
	height:169px;
	text-indent:-5000px;
}

/************************NAVIGATION PRINCIPALE**********/
#col-gauche ul#navig-principale{
	margin:15px 0 25px 17px !important;
	margin:15px 0 15px 17px;
	width:178px;
	font-size:12px;
	line-height:14px;
}
#col-gauche ul#navig-principale li{
	line-height:10px;
	margin-bottom:8px;
	line-height:10px;
}
#col-gauche ul#navig-principale li span{
	visibility:hidden;
}
#col-gauche ul#navig-principale li a{
	color:#fff;
}
#col-gauche ul#navig-principale li ul li{
	margin-bottom:3px;
	line-height:14px;
}


#col-gauche ul#navig-principale li#menu-home{
	background:url(../images/back-menu-home.gif) no-repeat;
	width:52px;
	height:10px;
}
#col-gauche ul#navig-principale li#menu-home a{
	width:52px;
	display:block;
	height:10px;
}
#col-gauche ul#navig-principale li#menu-home a:hover{
	background:url(../images/back-menu-home.gif) 0 -10px no-repeat;
}
#col-gauche ul#navig-principale li#menu-home.select{
	background:url(../images/back-menu-home-select.gif) no-repeat;
	height:14px;
}
#col-gauche ul#navig-principale li#menu-home.select a{
	background:url(../images/back-menu-home-select.gif) no-repeat;
	display:block;
	height:14px;
}
#col-gauche ul#navig-principale li#menu-home.select a:hover{
	background:none;
}


#col-gauche ul#navig-principale li#menu-collec{
	background:url(../images/back-menu-collec-off.gif) no-repeat;
	width:178px;
}
#col-gauche ul#navig-principale li#menu-collec a.two-level{
	width:178px;
	display:block;
}
#col-gauche ul#navig-principale li#menu-collec a.two-level:hover{
	background:url(../images/back-menu-collec-on.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-collec.select{
	background:url(../images/back-menu-collec-select.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-home.select a.two-level{
	background:url(../images/back-menu-collec-select.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-collec.select a.two-level:hover{
	background:none;
}
#col-gauche ul#navig-principale li#menu-collec ul{
	display:none;
}
#col-gauche ul#navig-principale li#menu-collec.select ul{
	display:block;
}


#col-gauche ul#navig-principale li#menu-essayage{
	background:url(../images/back-menu-essayage-off.gif) no-repeat;
	width:178px;
}
#col-gauche ul#navig-principale li#menu-essayage a.two-level{
	width:178px;
	display:block;
}
#col-gauche ul#navig-principale li#menu-essayage a.two-level:hover{
	background:url(../images/back-menu-essayage-on.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-essayage.select{
	background:url(../images/back-menu-essayage-select.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-essayage.select a.two-level{
	background:url(../images/back-menu-essayage-select.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-essayage.select a.two-level:hover{
	background:none;
}
#col-gauche ul#navig-principale li#menu-essayage ul{
	display:none;
}
#col-gauche ul#navig-principale li#menu-essayage.select ul{
	display:block;
}

#col-gauche ul#navig-principale li#menu-boutique{
	background:url(../images/back-menu-boutique.gif) no-repeat;
	width:137px;
	height:10px;
}
#col-gauche ul#navig-principale li#menu-boutique a{
	width:137px;
	display:block;
	height:10px;
}
#col-gauche ul#navig-principale li#menu-boutique a:hover{
	background:url(../images/back-menu-boutique.gif) 0 -10px no-repeat;
}
#col-gauche ul#navig-principale li#menu-boutique.select{
	background:url(../images/back-menu-boutique-select.gif) no-repeat;
	height:14px;
}
#col-gauche ul#navig-principale li#menu-boutique.select a{
	background:url(../images/back-menu-boutique-select.gif) no-repeat;
	display:block;
	height:14px;
}
#col-gauche ul#navig-principale li#menu-boutique.select a:hover{
	background:none;
}


#col-gauche ul#navig-principale li#menu-service{
	background:url(../images/back-menu-service.gif) no-repeat;
	width:137px;
	height:10px;
}
#col-gauche ul#navig-principale li#menu-service a{
	width:137px;
	display:block;
	height:10px;
}
#col-gauche ul#navig-principale li#menu-service a:hover{
	background:url(../images/back-menu-service.gif) 0 -10px no-repeat;
}
#col-gauche ul#navig-principale li#menu-service.select{
	background:url(../images/back-menu-service-select.gif) no-repeat;
	height:14px;
}
#col-gauche ul#navig-principale li#menu-service.select a:hover{
	background:none;
}


#col-gauche ul#navig-principale li#menu-recrut{
	background:url(../images/btn-menu-recrut.gif) no-repeat;
	width:137px;
	height:10px;
	text-indent:-5000px;
	font-size:1px;
}
#col-gauche ul#navig-principale li#menu-recrut a{
	width:137px;
	display:block;
	height:10px;
}
#col-gauche ul#navig-principale li#menu-recrut a:hover{
	background:url(../images/btn-menu-recrut.gif) 0 -10px no-repeat;
}

#col-gauche ul#navig-principale li#menu-recrut.select{
	background:url(../images/back-menu-recrut-select.gif) no-repeat;
	height:14px;
}
#col-gauche ul#navig-principale li#menu-recrut.select a{
	background:url(../images/back-menu-recrut-select.gif) no-repeat;
	display:block;
	height:14px;
}
#col-gauche ul#navig-principale li#menu-recrut.select a:hover{
	background:none;
}


#col-gauche ul#navig-principale li ul{
	margin-top:10px;
}
#col-gauche ul#navig-principale li ul li a{
	color:#e0d8cc;
	background:url(../images/puce-menu-off.gif) 0 1px no-repeat;
	padding-left:13px;
	display:block;
	width:165px;
}
#col-gauche ul#navig-principale li ul li a:hover,
#col-gauche ul#navig-principale li ul li a.select
{  
	color:#fff;
	background:url(../images/puce-menu-on.gif) 0 1px no-repeat;
}

/*ajout : module fidélité*/

#col-gauche ul#navig-principale li#menu-prog{
	background:url(../images/back-menu-programme-off.gif) no-repeat;
	width:185px;
	height: 31px;
}
#col-gauche ul#navig-principale li#menu-prog a.two-level{
	width:185px;
	display:block;
	height: 31px;
}
#col-gauche ul#navig-principale li#menu-prog a.two-level:hover{
	background:url(../images/back-menu-programme-on.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-prog.select{
	background:url(../images/back-menu-programme-select.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-home.select a.two-level{
	background:url(../images/back-menu-collec-select.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-prog.select a.two-level:hover{
	background:none;
}
#col-gauche ul#navig-principale li#menu-prog ul{
	display:none;
}
#col-gauche ul#navig-principale li#menu-prog.select ul{
	display:block;
}


#col-gauche ul#navig-principale li#menu-profil{
	background:url(../images/back-menu-profil-off.gif) no-repeat;
	width:105px;
}
#col-gauche ul#navig-principale li#menu-profil a.two-level{
	width:105px;
	display:block;
}
#col-gauche ul#navig-principale li#menu-profil a.two-level:hover{
	background:url(../images/back-menu-profil-on.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-profil.select{
	background:url(../images/back-menu-profil-select.gif) no-repeat;
}


/************************FIN NAVIGATION PRINCIPALE**********/

#block-actu-gauche{
	height:107px;
	border-top:1px solid #9e8b76;
	border-bottom:1px solid #9e8b76;
	background:#c8baa5;
	color:#FFFFFF;
	margin-top:20px;
}
#block-actu-gauche img{
	display:block;
	float:left;
	margin-right:8px;
}
#block-actu-gauche h5{
	background:url(../images/titre-actu-gauche.gif) no-repeat;
	width:77px;
	height:14px;
	text-indent:-5000px;
	margin:10px 0 5px 60px;
}
#block-actu-gauche p#intro-actu-gauche{
	text-transform:uppercase;
	margin-bottom:3px;
}
#block-actu-gauche p{
	line-height:13px;
}

#block-prehome {
	width:202px;
	height: 104px;	
}

#col-gauche #block-webzine-gauche{
	border-bottom:1px solid #9e8b76;
	height:58px;
	background:#d0c5b3 url(../images/fleur-gauche.gif) no-repeat left top;	
	padding:15px 0 0 70px;
}
#col-gauche #block-webzine-gauche h5{
	background:url(../images/titre-bonheur-gauche.gif) no-repeat;
	width:127px;
	height:30px;
	text-indent:-5000px;
	margin-bottom:7px;
}
#col-gauche #block-webzine-gauche a{
	color:#f11577;
	font-weight:bold;
	text-transform:uppercase;
	font-size:9px;
	background:url(../images/puce-gauche.gif) 0 1px no-repeat;
	line-height:9px;
	padding-left:15px;
}
#col-gauche #block-webzine-gauche a:hover{
	text-decoration:underline;
}









#col-droite{
	width:732px;
	margin-left:19px;
	float:left;
	position:relative;
}
p#fil-ariane{
	width:732px;
	height:26px;
	border-bottom:#dcd4c7 1px solid;
	line-height:25px;
	padding-top:10px;
}
p#fil-ariane a:hover{
	color:#f11577;
}
p#fil-ariane a.select{
	font-weight:bold;
}
p#fil-ariane a.select:hover{
	color:#5a5555;
}
#col-droite .content h2{
	font-family:georgia;
	text-transform:uppercase;
	width:680px;
	font-size:22px;
	background:url(../images/fleche-title.gif) 0 1px no-repeat;
	line-height:18px;
	padding-left:20px;
	margin:24px 0 23px 0px;
}
#col-droite .content h2 span{
	text-transform:none;
	font-style:italic;
	font-size:20px;
	color:#f11577;
	font-weight:bold;
}
h3{
	font-family:georgia;
	font-size:24px;
	line-height:24px;
	font-style:italic;
	padding-left:20px;
	background:url(../images/puce-title.gif) 0 8px no-repeat;
}
h4{
	font-family:georgia;
	font-size:15px;
	font-style:italic;
	padding-left:17px;
	background:url(../images/puce-mini-title.gif) 0 3px no-repeat;
	line-height:15px;
}
#col-droite .content{
	min-height:450px;
}
* html #col-droite .content{
	height:450px;
}
#col-droite .content h5{
	color:#f11577;
	font:italic 24px georgia;
	margin-top:19px;
	line-height:22px;
}

.clear-border-bas{
	clear:both;
	height:16px;
	width:732px;
	border-bottom:#dcd4c7 1px solid;
	line-height:1px;
	font-size:1px;
}

div#bk-footer{
	height:60px;
	width:100%;
	position:relative;
}
ul#footer{
	position:absolute;
	bottom:10px;
	left:0;
}
ul#footer li{
	float:left;
	padding:0 10px;
	border-right:#c5c19c 1px solid;
	font-size:10px;
}
ul#footer li.first-child{
	padding-left:0;
}
ul#footer li.last-child{
	border-right:none;
}
ul#footer li a:hover{
	color:#f11577;
}

.note
{
	font-size: .8em;
}



.radio_list li{
	display:inline;
}

#player-audio {
	width:100%;
	margin-top:27px;
	
}