/* CSS Document */
#contenu{
	width:954px;
	padding:0 2px;
	position:relative;
	margin-left:10px;
	height:470px;
    top:0;
}
/************************************entete***************************************/
#entete{
	width:900px;
	height:165px;
	background:url(../media/img/detente/header.png) top left no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/detente/header.png');
}
#conteneur {
background:none;
}
#logoInfo {
	position:absolute;
	left:58px;
	top:10px;
	float:left;
	width:118px;
	height:141px;
}
#logoInfo h1{
	display:block;
	width:118px;
	height:141px;
}
#groupe{
	position:absolute;
	left:810px;
	top:15px;
	width:133px;
	height:134px;
}
#logoInfo h1 a{
	width:118px;
	height:141px;
	background:transparent url(../media/img/detente/logo.png) top left no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/detente/logo.png', sizingMethod='crop');
	cursor:pointer;
}
/****************************COLONNE DE GAUCHE***********************************************/
#cGauche {
	/*background-color:#B8A98D;*/
	clear:left;
	display:inline;
	float:left;
	margin-left:8px;
	width:184px;
}
/*********************************CATEGORIES******************/
#categorie{	
	top:3px;
	position:relative;
	float:left;
	display:inline;
	background:#f2eee6 url(../media/img/detente/bg_bas_gche.gif) bottom left no-repeat;
	/*background-color:#f2eee6;
	background:transparent url(../media/img/detente/bg_bas_gche.gif) bottom left no-repeat;*/
	width:184px;
	height:322px;
	margin-top:20px;
}
.illustration_categorie {
    height:90px;
	position:relative;
	float:left;
	display:inline;
	width:184px;
	text-align:center;
	background: #cff1ff;
}
.item_categorie{
	padding-top:8px;
	position:relative;
	float:left;
	display:inline;
	width:184px;
	height:42px;
	background:url(../media/img/detente/fond_categorie.png) no-repeat bottom left;
}
.item_categorie_on{
	padding-top:8px;
	position:relative;
	float:left;
	display:inline;
	width:184px;
	height:40px;
	background:url(../media/img/detente/fond_categorie_on.png) no-repeat bottom left;
}
.image_categorie{float:left; display:inline;margin-right:5px;margin-left:5px;}
.item_categorie h1{font-family: Verdana, Arial, Helvetica, sans-serif;color:#00a2e7; font-size:12px;}
.item_categorie_on h1{font-family: Verdana, Arial, Helvetica, sans-serif;color:#00a2e7; font-size:12px;}
/*************/
.puce_detente{
	position : relative;
	top:5px;
	float:left;
	display:inline;
	width:6px;
	height:100%;
}
.content_liste{
	position : relative;
	display:inline;
	left : 2px;
	width:113px;
}
a.loisirs { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color:#675e54; font-size:0.6em; display:block;}
a.loisirs:hover { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color:#675e54; font-size:0.6em;}
/*********************************MAIL AMI********************/
a.friend_mail {
	 position:relative;
	 float:left;
	 display:inline;
	 left:0px;
	 top:4px;
	 width:15px;
	 height:15px;
	 background:url(../media/img/communes/btfleche_bleu.gif) no-repeat 0 0;
}
a.friend_mail:hover {
	background:url(../media/img/communes/btfleche_bleu_over.gif) no-repeat 0 0;
}
#invitation {
	position:relative;
	float:left;
	display:inline;
	width:184px;
	height:110px;
	cursor:pointer;
}
/********************************COLONNE PRINCIPALE*******************************************/
#cCentre {
	margin:20px 0 0 212px;
	width:749px;
	height:344px;
	top:0;
	background: url(../media/img/detente/fond.png) top left no-repeat;
}

#main {
	position:relative;
	float: left;
	display:inline;
	top:12px;
	padding-left:14px;
	height:340px;
}
.imgTv {
 float: right;
 margin-right:25px;
 margin-top:25px;
}

#video_player {
	position:relative;
	float:left;
	margin: 10px 5px 0 10px;
	width:320px;
	text-align:center;
	z-index: 5;
	display:inline;
}

#access_HD {
	bottom:5px; left:97px;
	position:absolute;
	top:auto;
	z-index:1000;
	}
	
#access_HD, #access_HD a {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #fff
	}

#access_HD a:hover {
	text-decoration: underline
	}

#video_conteneur {
	background: #B9AB90 url(../media/img/detente/videos_fond.jpg) top left no-repeat;
	width:537px; height:319px;
	position: relative;
}

#video_conteneur ul {
	list-style: none;
	margin: 90px 0 0; padding:0;
	width: 196px;
	overflow: hidden
	}

#video_conteneur ul li {
	margin-bottom: 4px;
	}

#video_conteneur ul span {
	display:block;
	text-indent: -9000px
	}
	
#video_conteneur ul a {
	display:block;
	width: 196px;
	height:43px
	}


/* Identifiant pour chaque élement de la liste de video conteneur */
#partager-video {
	background: url(../media/img/detente/btn_share_video.gif) left top no-repeat;
	}

#blog-dominews {
	background: url(../media/img/detente/btn_dominews.gif) left top no-repeat;
	}

#download-HD {
	background: url(../media/img/detente/btn_download_video.gif) left top no-repeat;
	}

#fleche_haut, #fleche_bas {
	text-align:center;
	width:174px;
	cursor: pointer;
	}
	
#fleche_haut {
	background:white none repeat scroll 0%;
	border-top:1px solid #ededed;
	padding-bottom: 3px;
	}
	
#fleche_bas{
	margin-top:3px;
	}

#menu_miniature{
	padding-left:12px;
	position:relative;
	float:left;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:174px;
	height:319px;
	}

#galerieUL {
	list-style: none;
	float: none
	}
	
.miniature {
	float: none;
	overflow: hidden;
	margin: 0 0 6px 0;
	*margin: 0 0 2px 0;
	width: 174px;
	background: url(../media/img/detente/fond_sous_menu.jpg) left top no-repeat;
	}

.miniature img, .miniature span {
	float:left;
	width:70px;
	height:69px;
	display:inline;
	margin: 2px 3px 2px 2px;
	}
	
.miniature_titre {
	margin-top:3px;
	float:left;
	display:inline;
	width: 95px;
	}
	
.miniature a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
	font-size:10px;
}
.miniature a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#FFFFFF;
	font-size:10px;
}
.miniature_titre a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#000000;
	font-size:12px;
}
.miniature_titre a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration: underline;
}

#title_video {
	background: url(../media/img/detente/title_evenement.png) 10px 10px no-repeat;
	width: 428px; height: 66px;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/detente/title_evenement.png');
	position: relative;
	z-index: 100;
	_top: 10px;
	_left: 10px
	}
	
#title_video span {
	text-indent: -9000px;
	display:block
	}
	
#pastille_tv {
	position: absolute;
	left: auto;
	right: 0px !important;top: 36px;
	}


/***********Ajustement BTS PIZZAS**********************/
#bCarte_detente h3{
	width:185px;
	height:41px;
	background:url(../media/img/accueil/titre_bCarte.jpg) top left  no-repeat;
	overflow:hidden;
	text-indent:-500px;
}
#bCarte_detente{
	position:relative;
	float:left;
	display:inline;
	padding-left:12px;
	height:114px;
	width:185px;
	margin-top:16px;
}
/*****************************************************/
#smallPromotions{
	position:relative;
	width:550px;
	float:left;
	display:inline;
	height:109px;
	margin-top:17px;
}
/*#smallPromotions a.promoCentre{
	margin-right:17px;
	margin-left:17px;
}*/
/*****************************COLONNE DE DROITE********************************************/
#cDroite {
position:relative;
display:inline;
float:right;
/*top:-135px;*/
width:190px;
}
#bPromos{
margin-top:8px;
width:188px;
height:168px;
background:url(../media/img/communes/promoGeoLoc.png) top left  no-repeat;
}
a.promo {
	 position:relative;
	 display:block;
	 left:160px;
	 top:145px;
	 width:15px;
	 height:15px;
	 background:url(../media/img/communes/btfleche_bleu.gif) no-repeat 0 0;
 }
a.promo:hover {
	background:url(../media/img/communes/btfleche_bleu_over.gif) no-repeat 0 0;
}
/***************************************************************************/
a.recherche{
	float:right;
	displa:inline;
	padding-left:15px;
	padding-top:3px;
	font-size:10px;
	margin-top:305px;
	margin-right:4px;
	width:160px;
	height:25px;
	color:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:transparent url(../media/img/communes/bouton.gif) top left no-repeat;
}

a.recherche:hover{
	background:transparent url(../media/img/communes/bouton-hover.gif) top left no-repeat;
}

#msgContPos{
	width:397px;
	height:283px;
	position:absolute;
	z-index:5;
}
.popup{
	background:url(../media/img/detente/bg_parrain.png);
	width:395px;
	height:283px;
	z-index:6;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
}
#msgOverlay{filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35;
background-color:black;width:200%;height:200%;overflow:hidden;position:absolute;top:0px;left:-160px;}
#msgContPos{


}
#msgCont label{
	float:right;
	display:inline;
	margin-right:10px;
	padding-top:6px;
}
	
#msgCont div{
	height:5px;
}
#msgCont a{float:right;display:inline;}
#msgCont img{width:20px;height:20px;}
.parrainField{float:right;display:inline;clear:both;height:15px;width:200px;border:1px solid #bdc2c5;margin-top:5px;}
#parrain_btn{background:url(../media/img/detente/envoyer.png); width:120px; height:25px;float:right;display:inline;margin-top:10px;cursor:pointer;}
#parrain_form{clear:both;padding-top:50px;padding-right:20px;}
#det_emotiquoi{ color:#FFFFFF; margin-top:60px; margin-right:15px; padding-left:15px; line-height:130%;}
	#det_emotiquoi a{ color:#FFFFFF; text-decoration:underline; float:none;}

#mail_sent{float:left;display:inline;margin-left:8px;margin-top:10px;font-size:11px;color:#FFCC33;width:210px;}

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

#galerie{
float: left;
padding-left: 10px;
	display:inline;
	/*width:190px;*/
	}
#galerieListe{
	height:300px;
	overflow: hidden;
	/*overflow-x:hidden;
	overflow-y:hidden;
	width:190px;
	clear:right;*/
}
/*#galerieUL{height:970px;}*/

.carte_cache {
	display:none;
}
a.entrees {
    text-decoration:none;
    position:relative;
    display:block;
    width:64px;
    float:left;
    height:73px;
    background:url(../media/img/accueil/entrees_bCarte.jpg) no-repeat 0 0;
}
a.entrees:hover {
	background:url(../media/img/accueil/entrees_bCarteOn.jpg) no-repeat 0 0;
}
 
a.pizzas {
    position:relative;
    text-decoration:none;
    display:block;
    float:left;
    width:59px;
    height:73px;
    background:url(../media/img/accueil/pizzas_bCarte.jpg) no-repeat 0 0;
 }
a.pizzas:hover {
	background:url(../media/img/accueil/pizzas_bCarteOn.jpg) no-repeat 0 0;
}
 
a.desserts {
    text-decoration:none;
    position:relative;
    display:block;
    float:left;
    width:62px;
    height:73px;
    background:url(../media/img/accueil/desserts_bCarte.jpg) no-repeat 0 0;
 }
a.desserts:hover {
	background:url(../media/img/accueil/desserts_bCarteOn.jpg) no-repeat 0 0;
}
#main ul { list-style: none;margin:0;padding:0 }
#main .aide { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #0873af; padding: 5px 0 5px 33px; margin:0; background:url(../media/img/goodies/help.png) 5px center no-repeat } 
#main .aide a { color: #0873af; font-weight:bold; text-decoration:underline }
.nav_tools li {float: left; display:inline; margin: 0 4px 3px 0;font-weight:bold; color: #540813 }
.nav_tools li a { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #540813; vertical-align:baseline }
.nav_tools li a.act { text-decoration:underline }
.list_sound { clear: both; width: 405px;font: 12px Verdana, Arial, Helvetica, sans-serif;margin-bottom:7px;padding-top:3px;background:url(../media/img/goodies/box_rounder_up.gif) left top no-repeat; position:relative;z-index: 0 }
.list_sound ul { background: #fff; height: 211px; width: 405px; overflow: scroll; overflow-x: hidden; position:relative }
.list_sound li { width: 343px;padding: 7px 0 7px 33px;margin: 0 6px 0;border-width: 0px 0px 2px 0px; border-style: solid; border-color: #000 #bbb #c3edff #ccc; background:#fff url(../media/img/goodies/speaker.png) 8px center no-repeat; position:relative; *margin-bottom: -2px }
.list_sound li img, .list_sound li object { position:absolute; top: 3px}
.list_sound li img.a { right:2px; }
.list_sound li img.b { right: 30px }
.list_sound li img.c { right: 60px }
.list_sound li img.d  { right:40px; top:0; } 
.list_sound li object.d{ right:105px }
.list_sound span { display:block;width:405px;height: 3px; line-height:0;background:url(../media/img/goodies/box_rounder_bottom.gif) left top no-repeat; font-size:0 }
#bonhomme { width: 116px; height:141px; background:url(../media/img/goodies/emoticons_bonhomme.png) left top repeat; position:absolute; left:auto; right:0; top:auto; bottom:0; overflow:hidden }
.popup { margin-left: 220px; }