/* CSS Document */

body{background:#f5fafd url(../images/design/bl_bg_global.png) repeat-x 0 0;padding:0;margin:0;text-align:center;}

	a{outline: none;}
	a:active{ outline: none;}
	.bl_global{width:1000px;height:550px;margin:0 auto;padding:0;
	font-family:arial,helvetica,clean,sans-serif;font-size:13px;text-align:center;color:#001d35;}

		.bl_global h1{margin:-37px 0 0 -2000px;}

		.bl_global img{border:0;}

		/* contener */
		.bl_global .bl_contener{width:1000px;min-height:550px;background:transparent url(../images/design/bl_bg_contener.png) fixed no-repeat 50% 90px;margin:0 auto;padding:0px;}

			/* top */
			.bl_global .bl_contener .bl_top{width:948px;/*1004px*/;height:188px;/*248px*/padding:26px 32px 0 20px;}
				.bl_global .bl_contener .bl_top .bl_wv_logo {float:right;cursor:hand;width:44px;height:45px;}


				.bl_global .bl_contener .bl_top .bl_logo{float:left;cursor:hand;width:231px;height:133px;}


			/* welcome_box */
			.bl_global .bl_contener .bl_welcome_box{width:414px;height:206px;/*246px*/background:transparent url(../images/design/bl_bg_welcome_box.png) no-repeat 0 0;margin:0 auto;padding:20px 0;}
				.bl_global .bl_contener .bl_welcome_box h2{margin:0;font-size:17px;padding:25px 0 0;}
				.bl_global .bl_contener .bl_welcome_box p{margin:0;font-size:11px;padding:5px 0;}
				.bl_global .bl_contener .bl_welcome_box p strong{display:block;font-size:11px;padding:5px 0 0;}
				.bl_global .bl_contener .bl_welcome_box .bl_bt_entrer{display:block;width:300px;height:27px;background:transparent url(../images/design/bl_bg_entrer.gif) repeat-x 0 50%;margin:0 auto;}
					.bl_global .bl_contener .bl_welcome_box .bl_bt_entrer a{position:relative;font-size:15px;cursor:hand;display:block;width:96px;/*96px*/height:27px;/*27px*/background:transparent url(../images/design/bl_bg_bt_entrer.png) no-repeat 20px 0;padding:2px 10px 0;margin:0 auto;color:#001d35;text-decoration:none;}

		/* bottom */
		.bl_global .bl_bottom{width:956px;height:17px;background:#cfd4d6;margin:30px auto;padding:0 6px;}
			.bl_global .bl_bottom .bl_link_right{float:right}
			.bl_global .bl_bottom .bl_link_left{float:left}
				.bl_global .bl_bottom .bl_link_left a,
				.bl_global .bl_bottom .bl_link_right a{float:left;display:block;height:17px;padding:0 6px 0 7px;color:#878787;font-size:71%;text-decoration:none;}
				.bl_global .bl_bottom .bl_link_right a{border-left:1px solid #FFF;}
				.bl_global .bl_bottom .bl_link_left a{border-right:1px solid #FFF;padding:0 7px 0 6px;}
				.bl_global .bl_bottom .bl_link_left a:hover,
				.bl_global .bl_bottom .bl_link_right a:hover{text-decoration:underline;}

		.bl_html_page{
			padding:20px 20px;
			width:800px;
			margin:0 auto;
		 	text-align:left;
		 	background: url("../images/design/trsp.gif");
		}

		.spacer {clear: both;}

body.home
{
	background-image:		url(../images/css/bl_bg_global.png);
	background-repeat:		repeat-x;
	background-color:		#f6fbfd;
}


#position_wrapper
{
	position:				relative;
	width:					995px;
/*
	width:					76.538em;
	*width:					74.625em;
*/
	height:					50%;
	margin:					0px auto;
}


#custom-doc
{ 
	margin:auto; text-align:left; /* leave unchanged */ 
	width:					995px;
	height:					600px;
	bottom:					-300px;
/*
	width:					76.538em;
	*width:					74.625em;
	height:					46.1538em;
	*height:				45em;
	bottom:					-23.077em;
	*bottom:				-22.5em;
*/
	position:				absolute;
	left:					0px;
	background-image:		url(../images/css/bl_home_bg.jpg);
	background-repeat:		no-repeat;
} 







/*******************************************************
**********************  BLOCS  *************************
********************************************************/


/********************  GENERIC  ************************/


div.bloc,
div.bloc_masque
{
	position:				absolute;
	/*  concession et voisins: height different  */
	width:					280px;
	height:					195px;
	overflow:				hidden;
}




div.bloc_titre_text1_wrapper
{
	position:				relative;
	float:					left;
	margin-right:			-2px;	
}

div.bloc_titre_text1_min_height
{
	position:				relative;
	float:					right;
	width:					2px;
	margin-left:			-1px;	
	/* height: à préciser plus bas */
}


h3.bloc_titre
{
	position:				relative;
	display:				block;
	background-repeat:		no-repeat;
}

h3.bloc_titre  img
{
	position:				relative;
	display:				block;
}

h3.bloc_titre  span
{
	font-size:				1px;
	line-height:			1px;
	visibility:				hidden;
	display:				none;
}

div.bloc_text1,
div.bloc_text2
{
	font-size:				93%;
	color:					rgb(0, 89, 131);
	position:				relative;
	padding-left:			20px;
	padding-right:			10px;
	line-height:			1.15;
	padding-bottom:			9px;
	width:					250px;
}

div.bloc_text2
{
	font-size:				85%;
}

div.bloc_slide_wrapper
{
/*  il faut pas spécifier une position, pour que bloc_masque à l'intérieur prenne bloc comme référent  */
/*	position:				relative;  */
	overflow:				visible;
	clear:					both;
}


div.bloc_img_wrapper
{
	position:				relative;
}

img.bloc_img
{
	position:				relative;
}

div.bloc_savoir_plus,
a.bloc_savoir_plus
{
	width:					80px;
	height:					20px;
	position:				absolute;
	top:					-10px;
	right:					7px;
	border-width:			0px;
	background-image:		url(../images/contenu/savoir_plus.png);	
	background-repeat:		no-repeat;
}


a.bloc_savoir_plus  span
{
	display:				none;
}


div.bloc_masque  img
{
	border-width:			0px;
	height:					100%;
	width:					100%;
}



/*******************  PARTICULIERS  ********************/


div#mon_garage,
div#mon_garage_masque
{
	top:					48px;
	left:					54px;
}

p#mon_garage_text1
{
	padding-top:			3px;
}




div#concession,
div#concession_masque
{
	top:					274px;
	left:					55px;
	height:					191px;
}


p#concession_text1
{
	padding-top:			4px;
}




div#evadez_vous,
div#evadez_vous_masque
{
	top:					47px;
	left:					659px;
}


p#evadez_vous_text1
{
	padding-top:			4px;
}






div#voisins,
div#voisins_masque
{
	top:					273px;
	left:					660px;
	height:					192px;
}


p#voisins_text1
{
	padding-top:			3px;
}




/*******************************************************
**********************  LOGIN  *************************
********************************************************/


/********************  DECORATION  *********************/



div#login_wrapper
{
	position:				absolute;
	top:					265px;
	left:					354px;
	width:					288px;
}

div#login_top
{
	position:				relative;
	width:					288px;
	height:					15px;
	background-image:		url(../images/css/login_top.png);
	background-repeat:		no-repeat;
	line-height:			1px;
	font-size:				1px;
}


div#login_main
{
	position:				relative;
	background-image:		url(../images/css/login_bg.png);
	background-position:	center left;
	background-repeat:		no-repeat;
}


div#login_bottom
{
	position:				relative;
	width:					288px;
	height:					15px;
	background-image:		url(../images/css/login_bottom.png);
	background-repeat:		no-repeat;
	line-height:			1px;
	font-size:				1px;
}









/********************  MISE EN PAGE  *********************/





div#login_main
{
	width:					256px;
	padding:				4px 16px;
}


div#login_main  h4
{
	font-size:				93%;
	color:					rgb(0, 118, 255);
	font-weight:			bold;
	text-transform:			uppercase;
	text-align:				center;
	padding-bottom:			0.7em;
}

#form_acces_direct
{
	padding:				0px 16px 0px;
	font-size:				83%;
}

#form_acces_direct,
#form_acces_direct  a
{
	color:					rgb( 134,134,134 );
}


#form_acces_direct  label
{
	display:				block;
	position:				relative;
	float:					left;
	width:					75px;
	top:					2px;
}

#form_acces_direct  input
{
	position:				relative;
	float:					right;
}

div.login_form_spacer
{
	position:				relative;
	clear:					both;
	height:					5px;
	line-height:			1px;
	font-size:				1px;
}

a.login_form_link_left
{
	display:				block;
	position:				relative;
	float:					left;
	top:					2px;
}

a#login_form_valider,
a#login_form_valider  img
{
	display:				block;
	position:				relative;
	border-width:			0px;
	width:					81px;
	height:					20px;
}

a#login_form_valider
{
	float:					right;
}

a#login_form_commencer,
a#login_form_commencer  	img,
a#login_push_commencer,
a#login_push_commencer  	img
{
	display:				block;
	position:				relative;
	border-width:			0px;
	width:					100px;
	height:					20px;
}


a#login_form_commencer
{
	margin:					0px auto 4px;
}


a#login_push_commencer
{
	margin:					1em auto 0px;
}


div.login_separator
{
	position:				relative;
	clear:					both;
	margin:					3px 0px 10px;
	height:					1px;
	width:					100%;
	line-height:			1px;
	font-size:				1px;
	background-color:		#fff;
	border-top:				1px solid rgb(174,174,174);
}






div.motdepasse_instructions,
div.activate_information
{
	color:					rgb( 134,134,134 );
	line-height:			170%;
	text-align:				center;
	font-size:				83%;
	padding:				0px 0.5em 0.5em;
}

#form_motdepasse
{
	width:					180px;
	font-size:				83%;
	color:					rgb( 134,134,134 );
	margin:					9px auto 0px;
}


#form_motdepasse  label
{
	display:				block;
	position:				relative;
	float:					left;
	width:					35px;
	top:					2px;
}

#form_motdepasse  input
{
	position:				relative;
	float:					right;
}


a#form_motdepasse_retour,
a#form_motdepasse_retour  img
{
	display:				block;
	position:				relative;
	border-width:			0px;
	width:					78px;
	height:					20px;
}

a#form_motdepasse_retour
{
	float:					left;
	margin:					4px 0px 0px -7px;
}

a#form_motdepasse_continuer,
a#form_motdepasse_continuer  img
{
	display:				block;
	position:				relative;
	border-width:			0px;
	width:					94px;
	height:					20px;
}

a#form_motdepasse_continuer
{
	float:					right;
	margin:					4px -7px 0px 0px;
}

/*
a#form_motdepasse_continuer_centre
{
	margin:					4px auto 0px;
}
*/

a#form_motdepasse_login,
a#form_motdepasse_login  img,
a#login_activate_retour,
a#login_activate_retour  img
{
	display:				block;
	position:				relative;
	border-width:			0px;
	width:					64px;
	height:					20px;
}

a#form_motdepasse_login,
a#login_activate_retour
{
	margin:					10px auto 0px;
}


div.form_error
{
	font-size:				83%;
	background-color:		#ffebe8;
	color:					#333;
	border:					1px solid #dd3c10;
	padding:				10px;
	margin:					0px 16px 7px;
}

div#login_form_error
{
	margin-bottom:			10px;
}


div#login_push
{
	height:					6.4615em;
	*height:				6.3em;
}

div#login_main  div#login_push  h4
{
	padding-top:			1em;
}






/*******************************************************
**********************  FOOTER  ************************
********************************************************/

#ft
{
	width:					100%;
	padding:				1px 0px;
	background-color:		rgb(204, 204, 204);
	position:				absolute;
	left:					0px;
	bottom:					0px;
}


.ft_ul
{
	position:				relative;
	font-size:				93%;
	width:					100%;
}

.ft_ul  li
{
	padding:				0.225em  0.45em;	
}

li.ft_ul_left
{
	float:					left;
	border-right:			1px solid #fff;
}


li.ft_ul_right
{
	float:					right;
	border-left:			1px solid #fff;
}

.ft_ul  a
{
	color:					rgb(165, 165, 165);
	text-decoration:		none;		
}


.ft_ul  a:hover
{
/*	text-decoration:		underline;  */
	color:					#fff;	
}


#avant_scene1
{
	position:				absolute;
	width:					82px;
	height:					165px;
	top:					-165px;
	left:					64px;
	background-image:		url( ../images/css/fille.png );
	background-repeat:		no-repeat;
}


#avant_scene2
{
	position:				absolute;
	width:					125px;
	height:					186px;
	top:					-186px;
	left:					636px;
	background-image:		url( ../images/css/garcon.png );
	background-repeat:		no-repeat;
}
















/*******************************************************
*******************  LIGHTWINDOW  **********************
********************************************************/


#lightwindow_close
{
	position:				absolute;
	top:					7px;
	right:					7px;
	width:					20px;
	height:					20px;
	z-index:				10;
	cursor:					pointer;
}


a#lightwindow_close_link
{
	display:				block;
	height:					20px;
	width:					20px;
	position:				relative;
	background-image:		url( ../images/css/close.gif );
	background-repeat:		no-repeat;
}

a#lightwindow_close_link  span
{
	font-size:				1px;
	line-height:			1px;
	display:				none;
	visibility:				hidden;
}


#lightwindow_title_bar
{
	position:				absolute;
	top:					0px;
	left:					0px;
	height:					1px;
	width:					1px;
	line-height:			1px;
	font-size:				1px;
}


div#lightwindow_contents
{
	background-color:		transparent;
	border-color:			transparent;
}



/*******************************************************
*****************  PAGES DE DETAIL  ********************
********************************************************/


div.lightwindow_popup,
div.lightwindow_popup2
{
	position:				relative;
	line-height:			1.25em;
	text-align:				left;
	width:					64.923em;		/*  844px  */
	*width:					63.3em;
	background-color:		#fff;
	background-image:		url( ../images/css/lightwindow_grad_bg.png );
	background-position:	bottom left;
	background-repeat:		repeat-x;
	padding:				2.3077em;		/*  30px  */
	*padding:				2.25em;
	margin:					0px auto;
	color:					rgb(0,89,131);
}
/*
div.lightwindow_popup2
{
	height:					34.846em;	*/	/*  453px  */
/*	*height:				33.975em;
}
*/


div#lightwindow_contents  #lightwindow_popup2_inner
{
	height:					410px;
	overflow:				hidden;
}


div.lightwindow_popup2  h1
{
	font-weight:			bold;
	font-size:				123.1%;
	padding-bottom:			0.75em;
}


div.lightwindow_popup2  h2
{
	font-weight:			bold;
	font-size:				116%;
	padding-bottom:			0.85em;
}

div.lightwindow_popup2  p
{
	padding-bottom:			1em;
}




#lightwindow  p
{
	color:					rgb(0,89,131);
}


/*  padding between columns (already has 0,018 of 904, bcs of yui-css)  */

.lw_left_wrapper
{
	padding-right:			0.6em;
}

.lw_right_wrapper
{
	padding-left:			0.6em;
	padding-top:			1.4em;
}

div#lightwindow_concession  .lw_right_wrapper
{
	padding-left:			1.2em;
}






h1.lw_title,
h1.lw_title  img
{
	display:				block;
	position:				relative;
}


h1.lw_title  span
{
	font-size:				1px;
	line-height:			1px;
	visibility:				hidden;
	display:				none;
}

p.lw_texte
{
	font-size:				123.1%;
	padding-top:			1em;
	padding-left:			1.3846em;
	*padding-left:			1.3500em;
}


div#lightwindow_voisins  p.lw_texte
{
	padding-top:			2.0em;
	*padding-top:			1.9500em;
	padding-bottom:			2.0em;
	*padding-bottom:		1.9500em;
	padding-left:			0.6154em;
	*padding-left:			0.6em;
}

div#lightwindow_concession  p.lw_texte
{
	padding-left:			0.6923em;
	*padding-left:			0.6750em;
}


p.je_minscris
{
	margin:					1.231em 0.6em;
	*margin:				1.200em 0.6em;
	text-align:				right;
}

.lw_right_wrapper  p.je_minscris
{
	margin-bottom:			0.8em;
}


p.je_minscris  img
{
	border-width:			0px;
}


div.lw_left_img_wrapper
{
	position:				relative;
	padding:				2px 5px 5px 3px;
}


div.lw_left_img_wrapper  img
{
	position:				relative;
	display:				block;
	z-index:				2;
	padding:				10px 10px;
	background-color:		#fff;
}


a.regarder_video
{
	position:				absolute;
	display:				block;
	z-index:				3;
	width:					150px;
	height:					20px;
	right:					21px;
	bottom:					23px;
	background-image:		url( ../images/contenu/regarder_video.png );
	background-repeat:		no-repeat;
}


a.regarder_video span
{
	font-size:				1px;
	line-height:			1px;
	visibility:				hidden;
	display:				none;
}










.lw_right_spacer
{
	position:				relative;
	clear:					both;
}


/*
div#lightwindow_mon_garage  .lw_right2_content_wrapper,
div#lightwindow_mon_garage  .lw_right3_content_wrapper
{
	padding-top:			2.5385em;
	*padding-top:			0px;
	*margin-top:			2.475em;
}
*/


.lw_right1_img_wrapper,
.lw_right2_img_wrapper,
.lw_right3_img_wrapper
{
	position:				relative;
	float:					left;
	margin-right:			1.2em;
	padding:				3px 4px 5px 2px;
}


div#lightwindow_concession  .lw_right1_img_wrapper
{
	position:				relative;
	float:					right;
	margin-right:			0px;
	padding:				0px;
}


.lw_right_wrapper  img
{
	position:				relative;
	display:				block;
	z-index:				2;
	padding:				6px 6px;
	background-color:		#fff;
}

/*  pour surcharger les styles pour les images habituels dans la colonne droite  */
.lw_right_wrapper  p.je_minscris  img
{
	display:				inline;
	padding:				0px;
}


.lw_right_wrapper  .lw_right_article_wrapper  img
{
	padding:				5px 5px;
}

.lw_right1_text_wrapper,
.lw_right2_text_wrapper,
.lw_right3_text_wrapper
{
	position:				relative;
	float:					left;
	width:					18.4615em;
	*width:					18.000em;
	padding-top:			6px;
}


.lw_right1_content_wrapper div.texte_riche b,
.lw_right1_text_wrapper div.texte_riche b,
.lw_right2_text_wrapper div.texte_riche b,
.lw_right3_text_wrapper div.texte_riche b,
.lw_right1_text_wrapper p b,
.lw_right2_text_wrapper p b,
.lw_right3_text_wrapper p b
{
	font-size:15px;
	font-weight:bold;
}

/*
div#lightwindow_concession  .lw_right1_text_wrapper,
div#lightwindow_concession  .lw_right2_text_wrapper,
div#lightwindow_concession  .lw_right3_text_wrapper
{
	width:					16.923em;
	*width:					16.5em;
}
*/

/*
div#lightwindow_mon_garage  .lw_right1_text_wrapper,
div#lightwindow_mon_garage  .lw_right2_text_wrapper,
div#lightwindow_mon_garage  .lw_right3_text_wrapper
{
	width:					16.923em;
	*width:					16.5em;
}
*/


.lw_right_wrapper  h3
{
	font-size:				116%;
	color:					rgb(49,187,253);
	font-weight:			bold;
	padding-bottom:			0.15em;
	text-transform:			uppercase;
}

.lw_right_wrapper  h3  span
{
	text-decoration:		underline;
}


.lw_right_wrapper  h3.en_ce_moment
{
	padding-top:			0.85em;
	padding-bottom:			0.5em;
}


.lw_right_wrapper  h3.en_ce_moment_article
{
	padding-top:			0.85em;
	padding-bottom:			0.25em;
}


.lw_right_article_wrapper
{
	padding-top:			0.77em;
}

.lw_right_article_wrapper  .lw_right1_img_wrapper,
.lw_right_article_wrapper  .lw_right2_img_wrapper,
.lw_right_article_wrapper  .lw_right3_img_wrapper
{
	margin-right:			0.5em;
}


div.lw_right_article_texte
{
	position:				relative;
	float:					left;
	font-size:				85%;
	width:					10.8597em;
	*width:					10.5883em;
	padding-top:			5px;
}

















.img_bg_top_left
{
	position:				absolute;
	top:					0px;
	left:					0px;
	height:					66%;
	width:					66%;
	background-position:	top left;
	background-repeat:		no-repeat;
}

.img_bg_bottom_left
{
	position:				absolute;
	bottom:					0px;
	left:					0px;
	height:					66%;
	width:					66%;
	background-position:	bottom left;
	background-repeat:		no-repeat;
}


.img_bg_top_right
{
	position:				absolute;
	top:					0px;
	right:					0px;
	height:					66%;
	width:					66%;
	background-position:	top right;
	background-repeat:		no-repeat;
}

.img_bg_bottom_right
{
	position:				absolute;
	bottom:					0px;
	right:					0px;
	height:					66%;
	width:					66%;
	background-position:	bottom right;
	background-repeat:		no-repeat;
}



.lw_left_img_wrapper  .img_bg_top_left
{
	background-image:		url(../images/css/lw_img_big_top_left_shadow.png );
}
.lw_left_img_wrapper  .img_bg_bottom_left
{
	background-image:		url(../images/css/lw_img_big_bottom_left_shadow.png );
}
.lw_left_img_wrapper  .img_bg_top_right
{
	background-image:		url(../images/css/lw_img_big_top_right_shadow.png );
}
.lw_left_img_wrapper  .img_bg_bottom_right
{
	background-image:		url(../images/css/lw_img_big_bottom_right_shadow.png );
}



.lw_right1_content_wrapper  .img_bg_top_left
{
	background-image:		url(../images/css/lw_img_right_1_top_left_shadow.png );
}
.lw_right1_content_wrapper  .img_bg_bottom_left
{
	background-image:		url(../images/css/lw_img_right_1_bottom_left_shadow.png );
}
.lw_right1_content_wrapper  .img_bg_top_right
{
	background-image:		url(../images/css/lw_img_right_1_top_right_shadow.png );
}
.lw_right1_content_wrapper  .img_bg_bottom_right
{
	background-image:		url(../images/css/lw_img_right_1_bottom_right_shadow.png );
}


.lw_right2_content_wrapper  .img_bg_top_left
{
	background-image:		url(../images/css/lw_img_right_2_top_left_shadow.png );
}
.lw_right2_content_wrapper  .img_bg_bottom_left
{
	background-image:		url(../images/css/lw_img_right_2_bottom_left_shadow.png );
}
.lw_right2_content_wrapper  .img_bg_top_right
{
	background-image:		url(../images/css/lw_img_right_2_top_right_shadow.png );
}
.lw_right2_content_wrapper  .img_bg_bottom_right
{
	background-image:		url(../images/css/lw_img_right_2_bottom_right_shadow.png );
}




.lw_right3_content_wrapper  .img_bg_top_left
{
	background-image:		url(../images/css/lw_img_right_3_top_left_shadow.png );
}
.lw_right3_content_wrapper  .img_bg_bottom_left
{
	background-image:		url(../images/css/lw_img_right_3_bottom_left_shadow.png );
}
.lw_right3_content_wrapper  .img_bg_top_right
{
	background-image:		url(../images/css/lw_img_right_3_top_right_shadow.png );
}
.lw_right3_content_wrapper  .img_bg_bottom_right
{
	background-image:		url(../images/css/lw_img_right_3_bottom_right_shadow.png );
}