/*

Projet : AIGLONS - Mont Blanc Tourisme
Auteur: Enyware

*/

/* général */

html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	}

body{
	height: 930px;
	overflow: hidden;
	overflow-y : hidden; 
	overflow-y : hidden; 
	overflow-x : hidden;
}

html { 
	 overflow-x : hidden;
	 overflow-y : auto; 
}

object, a { 
	outline:none; 
}

img, input, select, textarea{
	border: none;
}

ul, li, img, a, input, p, select, span, h1, h2, h3, table, td, tr{
	padding: 0;
	margin: 0;
}

/* fond de page */

body.noir{
	background-color:#000;
}

body.blanc{
	background-color:#fff;
}

/* conteneur global */

#page{
	/*width: 1920px;*/
	width: 85%;
	max-width: 1088px;
	min-width: 980px;
	height: 930px;
	min-height: 500px;
	position: absolute;
	left: 50%;
	z-index: 60;
	/*margin-left: -615px; *//* 1920 /2 */
}

/* Diaporama */
#diapo_embed {
	width: 1920px;
	/*height: 1285px;*/
	height: 1285px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px; /* 1920 /2 */
	z-index: 1;
}
.diapos {
	width: 1920px;
	height: 1285px;
	background: url(../images/photos/static.jpg) no-repeat 0 0; /*on laisse un background par défaut pour les pages ou c'est pas dynamique */
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px; /* 1920 /2 */
	z-index: 2;
}

/* masque utilisé pour les transition uniquement, invisible le reste du temps */
.diapo_mask {
	position: absolute;
	width: 100%;
	height: 1285px;
	opacity:0;
	filter: alpha(opacity=0); 
	-moz-opacity: 0;
}
body.noir .diapo_mask {
	background-color:#000000;
}
body.blanc .diapo_mask {
	background-color:#ffffff;
}

#diapoHotel{ /* uniquement pour monter une page type */
	width: 100%;
	height: 100%;
	background: url(../images/photos/big/02.jpg) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#diapoSpa{ /* uniquement pour monter une page type */
	width: 100%;
	height: 100%;
	background: url(../images/photos/big/03.jpg) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#conteneur1NavDiapos{
	max-width: 1920px;
	min-width: 980px;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 240px;
	left: 50%;
	/*z-index: 220;*/
}

#conteneur2NavDiapos{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -50%;
	float: right;
	/*z-index: 230;*/
}

#navDiapos{
	position: absolute;
	right: 0;
	top: 0;
	width: 650px;
	z-index: 210;
}

#navDiapos .nextDiapo{
	display: block;
	float: right;
	height: 48px;
}

body.violet #navDiapos .nextDiapo{
	background-color: #b10034;
}

body.rouge #navDiapos .nextDiapo{
	background-color: #ab123d;
}

body.bleu #navDiapos .nextDiapo{
	background-color: #00a5d1;
}

#navDiapos .miniDiapo{
	float: right;
	margin-right: 1px;
	position: relative;
	height: 48px;
	width: 72px;
}

#navDiapos .miniDiapo .bandeau{
	position: absolute;
	width: 72px;
	height: 6px;
	bottom: 0;
}



body.violet #navDiapos .miniDiapo .bandeau {
	background: url(../images/bgViolet_timer_diapo.gif);
}

body.rouge #navDiapos .miniDiapo .bandeau{
	background: url(../images/bgRouge_timer_diapo.gif);
}

body.bleu #navDiapos .miniDiapo .bandeau {
	background: url(../images/bgBleu_timer_diapo.gif);
}

#navDiapos .miniDiapo img{
	float: right;
}

#navDiapos .miniDiapo.select .bandeau {
	height: 12px;
}

/* entête */

#fondTop{
	width: 100%;
	height: 145px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}

body.noir #fondTop{
	background-color: #090909;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

body.blanc #fondTop{
	background-color: #fff;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#header{
	/*width: 980px;*/
	width: 100%;
	height: 145px;
	position: absolute;
	left: -50%;
	top: 0;
	/*margin-left: -490px;*/ /* 980 /2 */
	z-index: 40;
}

#quickLinks{
	padding-top: 5px;
	padding-right: 5px;
	width: 600px;
}

#quickLinks li{
	display: inline;
}

.chp_news{
	/*background-color: #454544;*/
	font: 11px Arial,sans-serif;
	color: #fffdfa;
	width: 185px;
	height: 18px;
	padding-left: 5px;
	padding-top: 2px;
}
select.chp_news{
	width: 189px;
}
textarea.chp_news {
	height: 40px;
}

checkbox.chp_news{

}
body.noir .chp_news{
	background-color: #454544;
}

body.blanc .chp_news{
	background-color: #96999a;
}

#valid_news{
	margin-top: 15px;
}

#langues{
	padding-top: 5px;
	/*padding-left: 30px;*/
	padding-left: 20px;
}


#langues li{
	display: inline;
}

td#descCell{
	/*min-width: 50px;*/
	width: 35%;
}

.desc{
	font: 10px Arial,sans-serif;
	color: #a4a4a5;
	width: 100%;
	/*min-width: 320px;*/
	text-align: justify;
	line-height: 16px;
	padding-left: 34px;
}

#title_partie{
	padding-right: 15px;
}

/* Contenu */

#content{
	/*width: 980px;*/
	width: 100%;
	position: absolute;
	left: -50%;
	top: 145px;
	/*margin-left: -490px;*/ /* 980 /2 */
	z-index: 250;
}

#fondLeft{
	width: 277px;
	height: 467px;
	background-color: #b10034;
}

#nav{
	position: absolute;
	top: 47px;
	left: 21px;
	list-style-type: none;
	z-index: 200;
}

#nav li{
	/*margin-bottom: 4px;*/
}

#resa{
  	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	top: 265px;
	left: 21px;
	width: 235px; /* 277 - padding - margin */
}

#title_resa{
	padding-bottom: 10px;
}

#resa table{
	margin-left: 3px;
}

.cell_right{
	padding-bottom: 5px;
}

.libelle_resa{
	font: 11px 'Trebuchet MS',Arial, sans-serif;
	text-transform: Uppercase;
	color: #d8809a;
	margin: 3px 0 0 3px;
	float: left;
	width: 100%;
	text-align: left;
}

select.resa_jours {
	width: 45px;
}

select.resa_mois {
	width: 106px;
}


.chp_resa{
	width: 88px; /* 93 - padding left */
	height: 18px;
	/*background-color: #333332;*/
	border: 1px solid #999999;
	margin: 3px 2px 3px 3px;
	/*color: #999999;*/
	color: #333332;
	padding-left: 5px;
	font: 11px 'Trebuchet ms',sans-serif;
	float: left;
	line-height: 18px;
	vertical-align: bottom;
}

.calendar_resa{
	float: left;
	position: relative;
	top: 4px;
	/*background-image: url(../images/calendar.gif) no-repeat top right;*/
}

#resa select{
	/*float: left;
	border: none;*/
	/*background-color: #333332;*/
	color: #333332;
	/*border: 1px solid #999999;*/
	/*width: 88px;/* 93 - padding left */
	height: 20px;
	margin: 3px 0 3px 3px;
	font: 11px 'Trebuchet ms',sans-serif;
	color: #858484;
	padding-top: 1px;
}

#resa select option{
}

#valider_resa{
	margin: 11px 0 3px 3px;
}

#all_offres.home{
	margin-top: 1px;
	width: 100%;
	height: 96px;
	float: left;
	position: absolute;
	left: 277px;
	top: 333px;
}

.type{
	margin-top: 1px;
	width: 277px;
}

.offre{
	text-decoration: none;
	cursor: pointer;
}
/*
#all_offres.type {
	margin-bottom: 48px;
}
*/
#all_offres h2{
	font: normal 11px Arial, sans-serif;
	color: #ada690;
	text-transform: uppercase;
}

#all_offres.home h2{
	padding: 15px 0 0 21px;
}

#all_offres.type h2{
	padding: 12px 0 0 18px;
}

#all_offres.home .offre_special h2{
	padding: 12px 0 0 18px;
}

#all_offres.type .offre{
	display: block;
	width: 100%;
	height: 84px;
	margin-top: 1px;
}

#all_offres.home .offre{
	display: block;
	width: 225px;
	height: 100%;
	margin-top: 1px;
	float: left;
	margin-left: 1px;
}

.contenu_offre{
	z-index: 700;
	position: absolute;
}

#all_offres.type .contenu_offre{
	width: 277px;
}

#all_offres.home .contenu_offre{
	width: 225px;
	height: 100%;
}

.type_offre{
	margin: 12px 0 0 22px;
}

.title_offre{
	color: #fff;
	float: left;
	font: 14px "Trebuchet Ms", sans-serif;
	line-height: 15px;
}
#all_offres.home .offre_special{
	border: 3px solid #B10034;
	/* margin-top: -15px;
	padding-top: 15px; */
	margin-left: -1px;
	width: 220px;
	height: 90px;
}

#all_offres.type .title_offre{
	padding:7px 0 0 19px;
	width: 185px;
}

#all_offres.home .title_offre{
	padding:10px 0 0 22px;
	width: 155px;
}

#all_offres.home .offre_special .title_offre{
	/*padding:10px 0 0 19px;*/
}

.date_offre{
	color: #8d8d8b;
	clear: left;
	float: left;
	font: 11px Arial, sans-serif;
	display: block;
	height: 30px;
}

#all_offres.type .date_offre{
	padding:6px 0 0 19px;
	width: 235px;
}

#all_offres.home .date_offre{
	padding:6px 0 0 22px;
	width: 195px;
}

#all_offres.home .offre_special .date_offre{
	/*padding:6px 0 0 19px;*/
}


.prix_offre{
	color: #fff;
	font: 18px "Trebuchet Ms", sans-serif;
	text-align: right;
	position: absolute;
	line-height: 16px;
}

.prix_offre span{
	font-size: 10px;
	color: #e6e6e6;
}

#all_offres.type .prix_offre{
	right: 15px;
	top: 18px;
}

#all_offres.home .prix_offre{
	right: 10px;
	top: 21px;
}

#all_offres.home .offre_special .prix_offre{
	/*right: 10px;*/
	top: 20px;
}

/*
.offre img{
	position: absolute;
}

#all_offres.type .offre img{
	right: 24px;
	top: 12px;
}

#all_offres.home .offre img{
	right: 13px;
	top: 13px;
}
*/
.fond_offre{
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index: 600;
}

#all_offres.type .fond_offre{
	width: 100%;
	height: 84px;
}

#all_offres.home .fond_offre{
	width: 225px;
	height: 100%;
}

.offre:link .fond_offre{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
}

.offre:visited .fond_offre{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
}

.offre:hover .fond_offre{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.offre:active .fond_offre{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#fond_droit{
	width: 548px;
	height: 96px;
	margin-top: 1px;
	/*float: left;*/
	margin-left: 1px;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	left: 678px;
}

#fond_gauche{
	width: 416px;
	height: 96px;
	margin-top: 1px;
	/*float: left;*/
	margin-left: 1px;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	left: -694px;
}

/* pages : OFFRES */
.reserver_btn{
	margin-top: 5px;
}

/* parties */

#navPartie{
	position: absolute;
	top: -6px;	
	left: 27px;
}

object#containerNav {
	z-index: 300;
}

#containerNav ul{	
	margin-right: 30px;
	margin-top: 40px;
	/*float: right;*/
	list-style-type: none;
	width: 100%;
}

#containerNav ul li{
	display: inline;
	text-align: left;
	margin-bottom: 8px;
	margin-right: 10px;
}

#containerNav ul a{
	color: #fff;
}


#contentPartie{
	/*width: 47%;*/
	position: absolute;
	/*left: 580px;*/
	min-height: 47%;
	min-height: 685px;
	height:auto !important;
	height:685px;/* ie 6 */
	width: 515px; /* 575 - padding */
	right: 0;
	top: 275px;
	padding: 130px 0 50px 60px;
}

body.noir #contentPartie{
	background-color: #1f1f1f;
}

body.blanc #contentPartie {
	background-color: #fff;
}

#scrollable {
	height: 310px;
	min-width: 365px;
	width: 93%;
	float: left;
	overflow: hidden;
}
#contentPartie .txtPartie{
	width: 410px;
	font: 11px Arial, sans-serif;
	text-align: justify;
	line-height: 14px;
	color: #b3b3b3;
}

#contentPartie .txtPartie p{
	padding-bottom: 12px;
}


body.noir #contentPartie .txtPartie{
	color: #b3b3b3;
}

body.blanc #contentPartie .txtPartie{
	color: #999999;
}

#contentPartie .txtPartie h2{
	font: 14px 'Trebuchet ms',Arial, sans-serif;
	text-transform: uppercase;
	/*padding: 8px 0 15px 0;*/
	line-height: 15px;
	color: #fff;
}

#contentPartie .txtPartie h3{
	font: 16px Arial, sans-serif;
	padding: 25px 0 10px 0;
	line-height: 15px;
	font-weight: bold;
}

#contentPartie .txtPartie h4{
	margin-bottom:6px;
	margin-top:18px;
	background-repeat:no-repeat;
	background-position:left top;
	/*padding-left:24px;*/
	padding-top:1px;
	/*height:16px;*/
}

#contentPartie .txtPartie h4.partenaire{
	padding:1px 0 2px 24px;
}

#contentPartie .txtPartie h4.firstElt{
	margin-top:6px;
}
#contentPartie .txtPartie h3.firstElt{
	padding-top: 0;
}

body.noir #contentPartie .txtPartie h3{
	color: #5c5c5b;
}

body.blanc #contentPartie .txtPartie h3{
	color: #747474;
}

#contentPartie .txtPartie li{
	list-style-type: none;
	/*text-indent: 10px;*/
	padding: 0 0 10px 10px;
	margin-left: 10px;
}

body.noir #contentPartie .txtPartie li,
body.noir #contentPartie .txtPartie .nav1 li ul li{
	background: url(../images/tiret_noir.gif) no-repeat left 8px;
}

body.noir #contentPartie .txtPartie .nav1 li{
	background: url(../images/puce_fleche_noir.gif) no-repeat left 5px;
	padding-left: 12px;
}

body.noir #contentPartie .txtPartie .nav1 p{
	padding-bottom:6px;
}

body.noir #contentPartie .txtPartie .nav1 li h4{
	margin:0 0 4px 0;
}

body.noir #contentPartie .txtPartie .nav1 li ul li{
		padding-bottom:4px;
		text-align:left;
}

body.noir #contentPartie .txtPartie .nav1 .colDroite,
body.noir #contentPartie .txtPartie .nav1 .colGauche{
	width:200px;
}

body.noir #contentPartie .txtPartie .nav1 .colDroite {
	margin-left:10px;
}

body.blanc #contentPartie .txtPartie li{
	background: url(../images/tiret_blanc.gif) no-repeat left 8px;
}

#contentPartie .txtPartie a{
	text-decoration: underline;
}

#contentPartie .txtPartie a.lienOut{
	padding: 1px 7px 1px 13px;
}

body.noir #contentPartie .txtPartie a.lienOut:link, body.noir #contentPartie .txtPartie a.lienOut:visited{
	color: #1f1f1f;
	text-decoration: none;
	background: #b3b3b3 url(../images/lien_noir.gif) no-repeat 2px 7px;
}

body.noir #contentPartie .txtPartie a.lienOut:hover, body.noir #contentPartie .txtPartie a.lienOut:active{
	color: #1f1f1f;
	text-decoration: none;
	background: #eeeeee url(../images/lien_noir.gif) no-repeat 2px 7px;
}

body.blanc #contentPartie .txtPartie a.lienOut:link, body.blanc #contentPartie .txtPartie a.lienOut:visited{
	color: #fff;
	text-decoration: none;
	background: #808080 url(../images/lien_blanc.gif) no-repeat 2px 7px;
}

body.blanc #contentPartie .txtPartie a.lienOut:hover, body.blanc #contentPartie .txtPartie a.lienOut:active{
	color: #fff;
	text-decoration: none;
	background: #808080 url(../images/lien_blanc.gif) no-repeat 2px 7px;
}

#contentPartie .txtPartie a:link, #contentPartie .txtPartie a:visited{
	text-decoration: underline;
}

#contentPartie .txtPartie a:hover, #contentPartie .txtPartie a:active{
	text-decoration: none;
}

body.noir #contentPartie .txtPartie a{
	color: #b3b3b3;
}

body.blanc #contentPartie .txtPartie a{
	color: #999999;
}

#contentPartie .txtPartie p span.nom{
	font-style: italic;
}

#contentPartie .txtPartie p span.citation,
#contentPartie .txtPartie ul li span.citation {
	font-style: italic;
}

#contentPartie .txtPartie p span.gras, #contentPartie .txtPartie ul li span.gras{
	font-weight: bold;
}

#contentPartie .txtPartie p.lienDownload{
	margin-top: 5px;
}

#contentPartie .txtPartie p.lienDownload a{
	color: #1f1f1f;
	text-decoration: none;
	background: #b3b3b3 url(../images/lien_noir.gif) no-repeat 4px 9px;
	font: italic 12px Arial, sans-serif;
	padding: 3px 10px 3px 14px;
}

body.rouge #contentPartie .txtPartie p.lienResa{
	padding-top: 10px;
	color: #ab123d;
	font: italic 14px Arial, sans-serif;
}

body.rouge #contentPartie .txtPartie p.lienResa span{
	font-weight: bold;
}

body.rouge #contentPartie .txtPartie p.lienResa a{
	color: #ab123d;
}

body.bleu #contentPartie .txtPartie p.lienResa{
	padding-top: 10px;
	color: #00a5d1;
	font: italic 14px Arial, sans-serif;
}

body.bleu #contentPartie .txtPartie p.lienResa span{
	font-weight: bold;
}

body.bleu #contentPartie .txtPartie p.lienResa a{
	color: #00a5d1;
}

body.violet #contentPartie .txtPartie p.lienResa{
	padding-top: 10px;
	color: #9a4b8b;
	font: italic 14px Arial, sans-serif;
}

body.violet #contentPartie .txtPartie p.lienResa span{
	font-weight: bold;
}

body.violet #contentPartie .txtPartie p.lienResa a{
	color: #9a4b8b;
}

.prix_desc_offre{
	font-weight: bold; 
	font-size: 12px;
	/* color: #5c5c5b; */
	color: #fff;
}

.tabBusiness {
	text-align: center;
	margin: 20px 0 45px 0;
	border: 1px solid #b3b3b3;
	
}

.tabBusiness td {
	padding: 7px 0 7px 0;
	/*border: 1px solid #b3b3b3;*/
	border-bottom: 1px solid #b3b3b3;
}

.tabBusiness td.cellTitle {
	background-color: #b3b3b3;
	color: #000;
}

.date_presse{
	text-transform: none;
	font-style: italic;
	color: #999999;
	font-size: 11px;
}

/* texte en 2 colonnes */
.colGauche{
	width: 195px;
	float: left;
}

.colDroite{
	width: 195px;
	float: right;
	margin-left: 20px;
}

.colFat{
	float: left;
	width: 410px;
}

.colGauche_bistrot{
	width: 267px;
	float: left;
}

#menu_bistrot{
	width: 200px;
	min-height: 243px;
	height: auto !important;
	height: 243px;
	background: #3a3a3a;
	position: absolute;
	left: 350px;
	top: 135px;
}

#menu_bistrot p{
	text-align: center;
}

#menu_bistrot p.date_menu, #menu_bistrot p.titre_menu, #menu_bistrot p.title_desc, #menu_bistrot p.desc_menu{
	padding: 0;
	margin: 0;
}

#menu_bistrot p.titre_menu{
	margin-top: 21px;
}

#menu_bistrot p.date_menu{
	color: #5c5c5b;
}

#menu_bistrot p.title_desc{
	margin-top: 20px;
}

#menu_bistrot p.desc_menu{
	font-size: 12px;
	font-style: italic;
	color: #b6b6b6;
}

.scrollbar{
	float: left;
	/*left: 580px;*/
	top: 370px;
	width: 25px;
	height: 310px;
	padding-left: 6px;
}

.scrollbar_track{
	width: 7px;
	height: 48px;
	position: absolute;
	/*left: 385px;*/
	/*right: 20px;*/
	/*left: 96%;*/
	right: 0;
	top: 0;
	cursor: pointer;

	float: right;
}

body.noir .scrollbar_track{
	background-color: #fff;
	background: url(../images/scroll.gif) no-repeat left top;
}

body.blanc .scrollbar_track{
	background-color: #000;
	background: url(../images/scroll_blanc.gif) no-repeat left top;
}

/* CONTACTS */

#facebook_icon{
	position: relative;
	top: 4px;
	margin: 10px 10px 0 0;
}

.desc_contact{
	display: block;
	width: 325px;
	margin: 5px 0 0 23px;
}

/* bas */

#fondBottom{
	width: 100%;
	height: 930px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
}

#fondBottom #fond1{
	width: 100%;
	height: 709px;
	position: absolute;
	top: 480px;
	left: 0;
	z-index: 100;
}

#fondBottom.home #fond1{
	top: 576px;
	/*margin-top: 576px;
	height: 100%;*/
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#fondBottom #fond2{
	width: 100%;
	height: 450px;
	/*margin-left: 62px;*/
	z-index: 110;
}

#fondBottom.type #fond2{
	position: absolute;
	top: 480px;
	left: 50%;
}

body.noir #fondBottom #fond2{
	background-color: #000;
}

body.blanc #fondBottom #fond2{
	background-color: #fff;
}

.form_error {
	font-style:italic;
	padding-bottom: 6px;
}

#form_newsletter {
	width:420px;
}

#form_newsletter .uri_check {
	clear:left;
	display:block;
	float:left;
	margin-right:6px;
}

#form_newsletter .checkbox {
	display:block;
	float:left;
	width:270px;
	margin-bottom:3px;
}

#form_newsletter tr td {
	text-align:left;
}

body.violet .form_error {} 

body.bleu  .form_error {}

body.rouge  .form_error {
	color: #b10034;
}

.tips {
	color: #ffffff;
	width: 21px;
	height: 21px;
	z-index: 13000;
	cursor: pointer;
	
	background-repeat: no-repeat;
	padding-left: 6px;
	padding-top: 2px;
}

 
body.violet .tips {
	background-image: url(../images/fixes/plus_violet.gif);
} 

body.violet .tips.moins {
	background-image: url(../images/fixes/moins_violet.gif);
}

body.bleu  .tips {
	background-image: url(../images/fixes/plus_bleu.gif);
}
body.bleu .tips.moins {
	background-image: url(../images/fixes/moins_bleu.gif);
}

body.rouge  .tips {
	background-image: url(../images/fixes/plus_rouge.gif);
}
body.rouge .tips.moins {
	background-image: url(../images/fixes/moins_rouge.gif);
}
 
.tips .tip-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	width: 21px;
	height: 21px;
}

.diapo_overlay {
	position: absolute;
	z-index: 10000; 
	cursor: pointer;
}

#diapo_overlay1 {
	top: 145px;
	left: 0px;
	bottom: 0px;
	width: 40px;
}
#diapo_overlay2 {
	bottom: 0px;
}

#diapo_overlay3 {
	top: 145px;
	bottom: 0px;
	width: 50px;
}

#diapo_overlay4 {
	top: 145px;
	bottom: 0px;
	width: 50px;
}

#diapo_overlay5 {
	top: 145px;
	bottom: 0px;
	width: 50px;
}

#diapo_overlay6 {
	top: 145px;
	bottom: 0px;
	width: 50px;
}

#diapo_overlay7 {
	top: 145px;
	bottom: 0px;
	width: 50px;
}

/**
 * LEs 2 dernier ne sont visibles que quand le contenu est masqué
 */
 
#diapo_overlay8 {
	top: 145px;
	bottom: 0px;
	width: 50px;	
}

 
#diapo_overlay9 {
	top: 145px;
	bottom: 0px;
	width: 50px;	
}


/**
 * Liens vidéos dans pages vidéos et pages types
 */
 
.videos{
	overflow:hidden;
	width:100%;
}

.videos .button {
	position: relative;
	cursor: pointer;
	padding-bottom: 30px;
}

.videos .button .play {
	position: absolute;
	left: 195px;
	top: 59px;
	z-index: 10;
}

.videos .button .label {
	position: absolute;
	font: 14px Arial, sans-serif;
	color: #fff;
	width: 418px;
	text-align: center;
	top: 100px ;
	z-index: 9;
}

.videos .button .masker {
	background-color: #000000;
	position: absolute;
	top: 0;
	left: 0;
	width: 418px;
	height: 178px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	z-index: 8;
}

.videos .button:hover .masker {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.videos .mini_button {
	position: relative;
	cursor: pointer;
	float:left;
	padding: 10px 0 16px 0;
	height: 56px;
	overflow:hidden;
}

.videos .mini_button .thumb {
	float:left;
}

.videos .mini_button .masker {
	background-color: #000000;
	position: absolute;
	top: 10px;
	left: 0;
	width: 96px;
	height: 56px;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	-khtml-opacity: 0.45;
	opacity: 0.45;
	z-index: 8;
}

.videos .mini_button:hover .masker {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.videos .mini_button .play {
	position: absolute;
	left: 36px;
	top: 27px;
	z-index: 10;
}

.videos .mini_button .label {
	font-size:11px;
	color:#ab123d;
	padding-left:16px;
	float: left;
	padding-top: 6px;
	line-height: 16px;
}

.videos .mini_button .label .title {
	font-size:12px;
	color:#8f8f8f;
}


