@charset "utf-8";
/* =============================================================================
					RESET DU STYLE PAR DEFAULT DES NAVIGATEURS
/* =============================================================================*/
*{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
a {color: #000; text-decoration: none;}
.iePng {behavior: url(/images/iepngfix.htc);}
input {text-align: left;}
.clear {clear: both;}
/* =============================================================================
/* =============================================================================*/


body 
{
	background: url(../background/back.png) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
 
div#main
{
	margin: 0 auto 0 auto;
	width: 914px;
}


/* =============================================================================
									GENERAL
/* =============================================================================*/
/* le conteneur doit avoir une position de définie */
div.bgTransparent
{
	position: absolute;
	top:0; left:0; right:0; bottom: 0;
	height: auto;
	z-index: -1;
	background: #fff;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
/* =============================================================================
/* =============================================================================*/



/* =============================================================================
									TOP
/* =============================================================================*/
div#top {height: 21px; width: 914px; margin-bottom: 10px;}
div#top a.btn_share {display: block; float: left; padding: 1px 7px 1px 7px; background: #ccc; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic; position: relative;}
div#top a.btn_share:hover {background: #000; color: #fff;}
div#top div.right {height: 21px; width: 247px; text-align: left; float: right; font-size: 10px;}
div#top a.lang, div#top a.langActiv {display: block; float: right; height: 17px; width: 21px; background: #000; color: #fff; text-align: center; padding-top: 4px;}
div#top a.langActiv {background: #a4a4a4;}
/* =============================================================================
/* =============================================================================*/




/* =============================================================================
									MIDDLECOLUMN
/* =============================================================================*/
div#middleColumn {float: left; width: 400px; position: relative;}
div#middleColumn h1 {width: 100%; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-style: italic; font-weight: bold; margin-bottom: 15px;}
div#middleColumn .underline {margin-bottom: 23px;}
div#middleColumn a {font-weight: bold; color: #000000;}
div#middleColumn a:hover {text-decoration: underline;}
div#middleColumn p {margin-bottom: 15px;}
div#middleColumn .separation {margin: 40px 0 40px 0;}


/* STYLE SIMILAIRE A TOUS LES TPL */
div.tplDefine {width: 368px; padding: 56px 16px 16px 16px; min-height: 482px;}

/*-------------TPL_BLOG------------*/
div#tpl_blog {background: url(../images/blog.png) no-repeat center 15px;}
div#tpl_blog h1 a {width: 100%; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-style: italic; font-weight: bold; margin-bottom: 15px;}
div#tpl_blog div#respond .input {border: 1px solid #999; width: 366px; height: 20px;}
div#tpl_blog div#respond .input:focus {border: 1px solid #000; background: #eee;}
div#tpl_blog div#respond #submit {display: block; margin-left: 10px; padding: 2px 8px 2px 8px; background: #ccc; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic; position: relative; cursor: pointer;}
div#tpl_blog div#respond #submit:hover {background: #000000; color: #fff;}
div#tpl_blog div#respond label {padding-top: 8px; margin-left: 8px;}
div#tpl_blog p img {display:block; margin-left:auto; margin-right:auto; margin-top: 10px; margin-bottom: 10px;}

/*-------------TPL_RDV------------*/
div#tpl_rdv {background: url(../images/tpl_rdv/rdv_titre.png) no-repeat center 15px;}
div#tpl_rdv div#gmap {height: 390px; width: 368px;}
div#tpl_rdv div#gmapTop {height: 23px; width: 338px; background: url(../images/tpl_rdv/map_top.png) no-repeat; position: absolute; padding-right: 30px;}
div#tpl_rdv div#gmapTop a.btnNav {display: block; padding: 2px 8px 2px 8px; background: #ccc; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic; float: right; margin-right: 10px; color: #000; font-weight: normal;}
div#tpl_rdv div#gmapTop a.btnNav_over {display: block; padding: 2px 8px 2px 8px; background: #000000; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic; float: right; margin-right: 10px; color: #fff; font-weight: normal;}
div#tpl_rdv div#gmapTop a.btnNav_over:hover, div#tpl_rdv div#gmapTop a.btnNav:hover {text-decoration: none;}
div#tpl_rdv div#gmapBottom {height: 33px; width: 368px; position: absolute; margin-top: 357px;}
div#tpl_rdv div#gmapBottom .zoomBar {float: left; height: 33px; width: 302px; background: url(../images/tpl_rdv/map_zoom_bar.png) no-repeat;}
div#tpl_rdv div#gmapBottom .zoomPointer {position: absolute; height: 11px; width: 11px; background: url(../images/tpl_rdv/map_zoom_pointer.png) no-repeat; cursor: pointer; margin: 11px 0 0 0px;}
div#tpl_rdv div#gmapBottom .btnMoins {float: left; height: 33px; width: 33px; background: url(../images/tpl_rdv/map_zoom_moins.png) no-repeat top; cursor: pointer;}
div#tpl_rdv div#gmapBottom .btnPlus {float: left; height: 33px; width: 33px; background: url(../images/tpl_rdv/map_zoom_plus.png) no-repeat top; cursor: pointer;}
div#tpl_rdv div#gmapBottom .btnMoins:hover, div#tpl_rdv div#gmapBottom .btnPlus:hover {background-position: bottom;}
div#tpl_rdv div#gmapInfos {/*position: absolute; */height: 119px; width: 258px; background: url(../images/tpl_rdv/map_bulle.png) no-repeat; /*margin: 70px 0 0 45px;*/}
div#tpl_rdv div.gmapInfosTitle {height: 23px; width: 251px; padding-top: 7px; margin-bottom: 6px;}
div#tpl_rdv div.gmapInfosTitle p {color: #fff; margin: -2px 0 0 8px;}
div#tpl_rdv div.gmapInfosClose {height: 9px; width: 9px; background: url(../images/tpl_rdv/map_croix.png) no-repeat; position: absolute; margin-left: 237px; cursor: pointer;}
div#tpl_rdv div.gmapInfosImg {float: left; width: 58px; height: 83px; text-align: center;}
div#tpl_rdv div.gmapInfosDesc {float: left; width: 195px; height: 83px; margin-top: -4px;}
div#tpl_rdv a.listGmap {display: block; height: 18px; width: 334px; background: #ccc; padding: 5px 0 0 34px; font-weight: normal; color: #000; margin-bottom: 1px;}
div#tpl_rdv a.listGmap:hover {text-decoration: none; background-image: url(../images/tpl_rdv/list_map_bg.png); background-repeat: no-repeat;}
div#tpl_rdv a.last {margin-bottom: 22px;}

/*-------------TPL_TEXTS------------*/
div#tpl_texts {background: url(../images/texts_titre.png) no-repeat center 15px;}
div#tpl_texts a.musique {display: block; height: 18px; width: 334px; background: #ccc; padding: 5px 0 0 34px; font-weight: normal; color: #000; margin-bottom: 1px;}
div#tpl_texts a.musique:hover {text-decoration: none; background-image: url(../images/tpl_media/musique_list_bg.png); background-repeat: no-repeat;}
div#tpl_texts a.musiqueActiv {display: block; height: 18px; width: 334px; background-image:url(../images/tpl_media/musique_list_close.png); background-repeat: no-repeat; background-color: #000000; padding: 5px 0 0 34px; font-weight: normal; color: #fff; margin-bottom: 1px;}
div#tpl_texts a.musiqueActiv:hover {text-decoration: none;}
div#tpl_texts div.musiqueDesc {width: 340px; padding: 14px; font-size: 11px;}
div#tpl_texts div.musiqueDesc img {margin-bottom: 14px;}

/*-------------TPL_LINKS------------*/
div#tpl_links {background: url(../images/links_titre.png) no-repeat center 15px;}

/*-------------TPL_VIDEO------------*/
div#tpl_video {background: url(../images/videos_titre.png) no-repeat center 15px;}
div#tpl_video div.video {position: relative;background-color: #ededed;height:90px; padding:10px; margin-bottom:10px}
div#tpl_video div.video:hover{background-color: #e8e8e8;}
div#tpl_video div.video div.video_lien{position:absolute;width:150px; height:15px; margin:74px 0px 0px 128px;}
div#tpl_video div.video div.video_lien a{font-weight:bold; color:#FF0000;}
div#tpl_video div.video div.video_image{float:left;width:124px; height:88px;}
div#tpl_video div.video div.video_image img{width:118px; height:88px;}
div#tpl_video div.video div.video_descr{float:left;height:73px; overflow:hidden;}
div#tpl_video div.video div.video_descr span{font-weight:bold;}

/*-------------TPL_PHOTOS------------*/
div#tpl_photos {background: url(../images/photos_titre.png) no-repeat center 15px;}
div#tpl_photos div#photoApercu {height: 499px; width: 368px; /*background: url(../images/tpl_media/motif.png); text-align: center; display: table-cell; vertical-align: middle;*/ overflow: hidden;}
div#tpl_photos div.prev {height: 49px; width: 0px; background: url(../images/tpl_media/photo_prev.png) no-repeat; z-index: 101; position: absolute; margin: 226px 0 0 0px; cursor: pointer;}
div#tpl_photos div.next {height: 49px; width: 0px; background: url(../images/tpl_media/photo_next.png) no-repeat; z-index: 101; position: absolute; margin: 226px 0 0 368px; cursor: pointer;}
div#tpl_photos div.mediaSelectDesc {width: 340px; padding: 14px;}
div#tpl_photos div.listItems {width: 369px; background: url(../images/tpl_media/motif.png); /*overflow: hidden;*/ float: left;}
div#tpl_photos a.item {display: block; height: 68px; width: 123px; float: left; /*overflow: hidden;*/ position: relative; z-index: 10; font-weight: normal; font-size: 11px;}
div#tpl_photos a.item:hover {text-decoration: none;}
div#tpl_photos div.infosTooltip {height: 0px; width: 117px; overflow: hidden; position: absolute; top:0; left:0px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff;z-index: 101; background: url(../images/tpl_media/tooltip.png) no-repeat; padding-left:6px; }


/*-------------TPL_CONTACT------------*/
div#tpl_contact {background: url(../images/contact_titre.png) no-repeat center 15px;}

/*-------------TPL_HISTORY------------*/
div#tpl_history {background: url(../images/history_titre.png) no-repeat center 15px;}
div#tpl_history h2 {width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-style: italic; font-weight: normal; margin-bottom: 15px; border-bottom: 1px solid #000;}
div#tpl_history h2 span {font-size: 14px; font-weight: bold; margin-top: 6px;}

/*-------------TPL_SITEMAP------------*/
div#tpl_siteMap {background: url(../images/siteMap_titre.png) no-repeat center 15px;}

/*-------------TPL_LEGALS------------*/
div#tpl_legals {background: url(../images/mentionLegal_titre.png) no-repeat center 15px;}
/* =============================================================================
/* =============================================================================*/




/* =============================================================================
									LEFTCOLUMN
/* =============================================================================*/
div#leftColumn {width: 247px; margin-right: 10px; float: left;}

/*-------------MENU------------*/
div#menu {height: 139px; width: 247px; margin-bottom: 10px;}
div#menu a.rss {display: block; position: absolute; height: 23px; width: 22px; background: url(../images/rss.png) no-repeat; margin: 10px 0 0 213px; text-indent: -999em;}
div#menu a.logo {display: block;position: absolute; height: 105px; width: 106px; background: url(../images/logo_yelle.png) no-repeat; margin: 13px 0 0 108px; text-indent: -999em;}
div#menu a.menu {padding-left: 10px; font-size: 13px;}
div#menu a.menu:hover {background: url(../images/puce.png) 10px 6px no-repeat;}

/*-------------PLAYEUR------------*/
div#playeur {position: relative; z-index: 1; width: 247px; height: 157px; margin-bottom: 10px;}
div#playeur a {display: block; left: 10px; bottom:0px; padding: 0 8px 0 8px; background: #ccc; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic; position: absolute;}
div#playeur a:hover {background: #000000; color: #fff;}
span.infosClic {display: none; position: absolute; bottom: 3px; right: 25px; font-size: 9px; font-style: italic;}

/*-------------RDV------------*/
div#rdv {position: relative; height: 132px; width: 247px; margin-bottom: 10px;}
div#rdv ul {margin: 6px 0 0 10px;}
div#rdv a.seeAll {display: block; left: 10px; bottom:0px; padding: 2px 8px 2px 8px; background: #ccc; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic; position: absolute;}
div#rdv a.seeAll:hover {background: #000000; color: #fff;}

/*-------------KIT------------*/
div#kit {position: relative; height: 96px; width: 247px; margin-bottom: 10px;}
div#kit img {margin-bottom: 10px;}
div#kit input {height: 18px; width: 185px; background: #ccc; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; font-style: italic; text-align: right; padding-right: 10px; margin: 0 0 5px 10px; float: left; padding-top: 4px;}
div#kit a.submit {display: block; height: 21px; width: 38px; background: url(../images/valid_form_no_activ.png) no-repeat; text-indent: -999em; float: left; margin-left: 3px;}
/* =============================================================================
/* =============================================================================*/



/* =============================================================================
									RIGHTCOLUMN
/* =============================================================================*/
div#rightColumn {width: 247px; margin-left: 10px; float: right;}

/*-------------hothothot------------*/
div#hot {height: 166px; width: 247px; position: relative; z-index: 1; overflow: hidden; margin-bottom: 10px;}

/*-------------facebook------------*/
div#facebook {height: 151px; width: 247px; position: relative; z-index: 1; margin-bottom: 10px; /*overflow: hidden;*/}

/*-------------twitter------------*/
div#twitter {height: 157px; width: 247px; position: relative; z-index: 1; margin-bottom: 10px; overflow: hidden;}

/*-------------share------------*/
div#share {height: 50px; width: 247px; position: relative; z-index: 1;}
div#share a.share {display: block; float: left; height: 30px; width: 30px; background: no-repeat top; text-indent: -999em; margin: 10px 9px 0 10px;}
div#share a.facebook {background: url(../images/share/facebook.png);}
div#share a.twitter {background: url(../images/share/twitter.png);}
div#share a.myspace {background: url(../images/share/myspace.png);}
div#share a.youtube {background: url(../images/share/youtube.png);}
div#share a.itunes {background: url(../images/share/apple.png);}
div#share a.share:hover {background-position: bottom;}

/*-------------sidebar------------*/
div#side_bar {height: 50px; width: 247px; position: relative; z-index: 1;}
div#side_bar a.share {display: block; float: left; height: 30px; width: 30px; background: no-repeat top; text-indent: -999em; margin: 10px 9px 0 10px;}
div#side_bar a.facebook {background: url(../images/share/facebook.png);}
div#side_bar a.twitter {background: url(../images/share/twitter.png);}
div#side_bar a.myspace {background: url(../images/share/myspace.png);}
div#side_bar a.youtube {background: url(../images/share/youtube.png);}
div#side_bar a.itunes {background: url(../images/share/apple.png);}
div#side_bar a.share:hover {background-position: bottom;}

/* =============================================================================
/* =============================================================================*/




/* =============================================================================
										FOOTER
/* =============================================================================*/
div#footer {clear: both;margin: 0 auto 0 auto; width: 368px; height: 20px; padding: 10px 16px 10px 16px; color: #717171; font-size: 10px;}
div#footer a {color: #717171;}
div#footer .left a:hover {text-decoration: underline;}
div#footer .left {float: left;}
div#footer .right {float: right;}
/* =============================================================================
/* =============================================================================*/


/* =============================================================================
										CONTACT
/* =============================================================================*/
	.input_contact
	{
		border:1px solid black;
		width:270px;
		padding:1px;
	}
	
	.textarea_contact
	{
		border:1px solid black;
		width:270px;
		height:130px;	
		margin-top:7px;
		padding:1px;
	}
	
div#div_cont_rdv_scroll
{
	width:10px; 
	height:79px; 
	float:left;
	margin-top:3px;
}

div#div_arrow_up
{
	margin-left:5px;
	width:5px; 
	height:7px; 
	background-image:url(/images/arrow-up.png);
	cursor:pointer;
}

div#div_arrow_down
{
	margin-left:5px;
	width:5px; 
	height:7px; 
	background-image:url(/images/arrow-down.png);
	cursor:pointer;
}

div#div_cont_rdv_scroll_btn
{
	margin:0px;
	padding:0px;
	width:3px; 
	height:20px;
	background-image:url(/images/arrow-middle.png);
	cursor:pointer;
	position:absolute;
}

div#div_cont_rdv_scroll_cont
{
	width:3px; 
	height:69px;
	margin:1px 0px 1px 6px;
	padding:0px;	
	position:relative;
}

div#div_cont_rdv
{
	margin-top:3px;
	width:227px; 
	height:79px; 
	overflow:hidden;
	float:left
}

div#div_cont_rdv a
{
	font-size:9px;
}

div.div_cont_comment
{
	width:368px;
	color:#000;
	font-weight:bold;
	
}

div.div_left_comment
{
	float:left;
	text-align:left;
	width:130px;
	color:#000000;
	font-weight:normal;
	font-style:italic;
	font-size:9px;
}

.b_footer
{

	color:#000000;
	font-weight:normal;
	font-style:italic;
	font-size:9px;
	text-decoration:underline;
}
a.b_footer:hover
{
	text-decoration:none;
}







div.div_center_comment
{
	float:left;
	text-align:center;
	width:108px;
}	

div.div_right_comment
{
	float:left;
	text-align:right;
	width:130px;
}	
div.div_right_comment a {color:#000; font-weight:normal; font-style:italic; font-size:9px; text-decoration:underline;}
div.div_right_comment a:hover {text-decoration: none;}

#simple_example_window {
	height: 119px;
	width: 258px;
	background: url(../images/tpl_rdv/map_bulle.png) no-repeat;
}
#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,  #simple_example_window_t, #simple_example_window_l, #simple_example_window_r, #simple_example_window_b {
	height: 0px;
	width: 0px;
}
#simple_example_window_contents {
}
#custom_info_window_red_beak {
	width: 0px;
	height: 0px;
}
* html #simple_example_window_beak {
	/* Alpha transparencies hack for IE */
    background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../examples/images/corners/red_beak.png', sizingMethod='crop');
}