@charset "utf-8";
/*** Nouveau Design de Laposte.net
maquette : Nicolas Simon pour is&a bloom
CSS  : Richard Bodin pour Laposte.Net 
Décembre 2009 ***/

/*******************************************/
/******* RESET DES STYLES EXISTANTS ********/
/*******************************************/
h1, h2, h3, h4, h5, h6, div, a, ul, li, p {margin:0; padding:0; float:none; background:none; border:none; color:#353535;}
img {border:0; margin:0}

/*reset class existantes - header mailbox */
#ctn_hd .F6_defaultUnderNav #login, #ctn_hd .F6_defaultUnderNav #login a, #ctn_hd .F6_defaultUnderNav #login strong, #ctn_hd .F6_defaultUnderNav #login p, #ctn_hd .F6_defaultUnderNav #formLogin, #ctn_hd .F6_defaultUnderNav #formLogin .formLoginChamps, #ctn_hd .F6_defaultUnderNav #formLogin .formLoginChamps input, #ctn_hd .F6_defaultUnderNav #formLogin .formLoginSubmit, #ctn_hd .F6_defaultUnderNav #formLogin .F6_btn, #ctn_hd .F6_defaultUnderNav #formLogin span, .F6_btn span input, #ctn_hd .F6_defaultUnderNav #login #loginLink, #ctn_hd .F6_defaultUnderNav #login #loginLink a.pictoMail, #ctn_hd .F6_defaultUnderNav #logged #logMail a.pictoMail strong, #ctn_hd .F6_defaultUnderNav #logged #logMail a.pictoMail, #ctn_hd .F6_defaultUnderNav #logged #logMail, #ctn_hd .F6_defaultUnderNav #logged, #ctn_hd .F6_defaultUnderNav #logged #logInfos h4, #ctn_hd .F6_defaultUnderNav #logged #logInfos, #ctn_mdl #nav_left .F6_blockMeteo #formMeteo .F6_txtC, #ctn_mdl #nav_left .F6_blockMeteo #formMeteo .F6_TmarginSm { margin:0; padding:0; float:none; background:none; border:none; color:#353535;}
.F6_blockInside {
position:inherit;
}
/* fin reset */
/* reset les styles des boutons de la barre - NAVIGATION */
#ctn_hd #nav_top ul, #ctn_hd #nav_top ul li, #ctn_hd #nav_top .F6_tabs_left a,  #ctn_hd #nav_top .F6_tabs_right a, #ctn_hd #nav_top ul li a span, #ctn_hd #nav_top .F6_current a span, #ctn_hd #nav_top .F6_navOnglet01 a, #ctn_hd #nav_top .F6_navOnglet01 a span, #ctn_hd #nav_top .F6_navOnglet02 a, #ctn_hd #nav_top .F6_navOnglet02 a span, #ctn_hd #nav_top .F6_hover a span {margin:0; padding:0; background:none; list-style:none; }
/* fin reset */
/* reset des styles existant - CONTENT */
#nav_left, .col_left #nav_left, .F6_blockMeteo, .F6_block, .F6_block .body, .F6_block .head,.F6_blockInside, #nav_left .F6_blockInside .body .F6_nav_pictos, #nav_left .F6_nav_pictos li, #nav_left .F6_blockGradientType1, .F6_section_servPratiques .head, .F6_tabs li.F6_section_servPratiques, .F6_section_servPratiques .head, .F6_tabs li.F6_section_servPratiques, .F6_block .head img.pictoTitle, h2.title, .title, strong, h1, h2, h3, h4, h5, h6, #nav_left .F6_blockGradientType2, .F6_section_posteLigne .head, .F6_tabs li.F6_section_posteLigne, .F6_unit, .F6_blockFilled, .F6_block .head img.pictoTitle,  .F6_blockTabsType2 .F6_tabs, .F6_blockTabsType2 .F6_tabs li, .F6_blockTabsType2 .F6_tabs li.F6_current, .F6_blockTabsType2 .F6_tabs li.F6_current a, .F6_blockTabs .F6_blockInside, .F6_blockSimple  .F6_blockInside, ul.F6_tabs li a  {margin:0; padding:0; float:none; background:none; border:none; color:#353535;}
.F6_topCorners, .F6_bottomCorners, .F6_blockSimple .F6_tl, .F6_blockSimple .F6_tr, .F6_blockSimple .F6_bl, .F6_blockSimple .F6_br { display:none;}
/* fin reset */

/***** FIN RESET DES STYLES EXISTANTS ******/
/**** general ****/
body {margin:0;	padding:0;	background:url(img/bg_tile.gif) left top repeat-x #e7e7e7;}
#ctn_page {	background-color: transparent;	margin:0 auto;	text-align:left;	width:970px;}
a.F6_pictoType2, a.more {
background:url(img/pucelien.gif) left 2px no-repeat;
display:inline-block;
font-size:12px;
font-weight:bold;
padding:0 0 0 8px;
text-decoration:none;
text-align:left;color:#073d8a;
margin:5px 0px 3px px}
a.F6_pictoType2:hover { text-decoration:underline}

/****************/
/**** HEADER ****/
/****************/
#ctn_hd { background:none; margin:0; padding:0;	height:194px;	width:970px;	position:relative;}
/*** over nav : logo + pub 728-90 ***/
#ctn_hd #overNav { height:98px; width:970px; margin:0; padding:0; position:relative;}
#ctn_hd #overNav a { 	display:block;	width: 225px;	float:left; margin:0; padding:0 }
#ctn_hd #overNav a img.F6_logo{ margin:5px 0 0 0}
#ctn_hd #overNav .F6_flash {
	float:right;
	width:738px; 
	height:90px;
	padding:0;
	margin:0;
	background:url(img/pub728-90.gif) right top no-repeat;
	text-align:left;}


/**** ESPACE MAILBOX + GOOGLE ****/
#ctn_hd .F6_defaultUnderNav  {background: url(img/header_sprite.gif) left top no-repeat; height:68px;}

/** mailbox **/
#ctn_hd .F6_defaultUnderNav #login,
#ctn_hd .F6_defaultUnderNav #logged  {
	margin:0;
	padding:5px 0 0 10px;
	width: 416px; 
	height:60px;
	overflow:hidden; 
	float:left; 
	position:relative}

/* bloc connexion */
#ctn_hd .F6_defaultUnderNav #formLogin {
	margin:0; 
	padding:0 0 0 0;
	width: 240px;
	float:left;}
	
#ctn_hd .F6_defaultUnderNav #formLogin .formLoginChamps {
	margin:0; 
	padding:0;
	width:155px;
	overflow:hidden;
	float:left;}
#ctn_hd .F6_defaultUnderNav #formLogin .formLoginChamps strong,
#ctn_hd .F6_defaultUnderNav #logged #logMail strong {
	padding:0 0 0 2px;
	font-size:14px; 
	color:#353535;}
#ctn_hd .F6_defaultUnderNav #formLogin .formLoginChamps input { 
	border:0; 
	background:url(img/header_sprite.gif) 0 -71px no-repeat; 
	width:149px; 
	height:14px; 
	margin:0;
	padding:2px;
	font-size:11px;}
#ctn_hd .F6_defaultUnderNav #formLogin .formLoginChamps input[name=login] {
	background:url(img/header_sprite.gif) 0 -71px no-repeat;}
#ctn_hd .F6_defaultUnderNav #formLogin .formLoginChamps input[name=password] {
	background:url(img/header_sprite.gif) 0 -89px no-repeat;}
	
#ctn_hd .F6_defaultUnderNav #formLogin .formLoginSubmit {
	margin: 0; 
	padding: 0;
	width: 75px;
	float: left; 
	overflow:hidden}
#ctn_hd .F6_defaultUnderNav #formLogin .F6_btn {margin:17px 0 0 0;}
#ctn_hd .F6_defaultUnderNav #formLogin .F6_btn span {margin:0;}
#ctn_hd .F6_defaultUnderNav #formLogin .F6_btn span input {
	background: url(img/header_sprite.gif) -153px -71px;
	width:75px;
	height:34px;
	text-indent: -999px;
	overflow:hidden;
	padding:0;
	margin:0;}

#ctn_hd .F6_defaultUnderNav #login #loginLink {
	width:170px;
	float:left;
	margin:0;
	padding:0; overflow:hidden;}
#ctn_hd .F6_defaultUnderNav #login #loginLink a.pictoMail {
	display:block;
	margin:5px 0 0 10px;
	padding:0;
	background:url(img/header_sprite.gif) -233px -71px no-repeat;
	overflow:hidden;
	color:#353535;
	width:160px;
	height:36px;}
#ctn_hd .F6_defaultUnderNav #login #loginLink a.pictoMail strong { display:block; margin: 8px 0 12px 45px; padding:0;}



#ctn_hd .F6_defaultUnderNav #formLogin .mdpForgotten {
	width:106px;
	position:absolute;
	top:45px;
	left:255px;}
#ctn_hd .F6_defaultUnderNav #formLogin .mdpForgotten a {color:#353535; text-decoration:underline;}
#ctn_hd .F6_defaultUnderNav #formLogin .mdpForgotten a:hover { text-decoration:none;}

/* bloc identifié */
#ctn_hd .F6_defaultUnderNav #logged #logMail {
	width:240px;
	margin:0;
	padding:0;
	float:left;}
#ctn_hd .F6_defaultUnderNav #logged #logMail a.deconnexion {
	display:block;
	margin:0;
	padding:0;
	width:75px;
	color:#353535;
	font-size:9px;
	text-decoration:underline;
	font-weight:normal;}
	
#ctn_hd .F6_defaultUnderNav #logged #logInfos {
	position:absolute; 
	right:0;
	top:0;}
#ctn_hd .F6_defaultUnderNav #logged #logInfos h4 {
	color:#353535;
	font-weight:normal;
	font-size:12px;
	margin:0; padding:0}

#ctn_hd .F6_defaultUnderNav #logged #logMail a.pictoMail {
	position:absolute;
	left:110px;
	top:34px;
	display:block;
	margin:0;
	padding: 3px 0 6px 45px;
	background:url(img/header_sprite.gif) -233px -119px no-repeat;
	overflow:hidden;
	color:#353535;
	font-size:12px;
	font-weight:normal;}
#ctn_hd .F6_defaultUnderNav #logged #logMail a.pictoMail strong {
	font-size:12px;
	font-weight:normal;}


/** google **/
#ctn_hd .F6_defaultUnderNav #F6_search  {margin:0; padding:0; width: 530px; height:68px; overflow:hidden; float:left;
position:relative;}
#ctn_hd .F6_defaultUnderNav #F6_search #cse-search-box {
	position:relative;
	width:440px;
	height:55px;
	margin: 7px 25px 10px 90px;
	padding:0;
	}
#ctn_hd .F6_defaultUnderNav #F6_search #cse-search-box label { 
	background: url(img/google_onglet_rechercher.gif) left top no-repeat;
	color:#000000;
	display:inherit;
	float:none;
	font-size:11px;
	font-weight:bold;
	height:16px;
	width:75px;
	margin:0 0 6px;
	padding:2px 5px;}
#ctn_hd .F6_defaultUnderNav #F6_search #cse-search-box #searchGoogle {
	border:none !important;
	background:none;
	padding:0;
	margin:0;
	height:16px;
	width: 316px;
	position: absolute;
	top:26px;
	left:0px;
	font-size:12px}


#ctn_hd .F6_defaultUnderNav #F6_search #cse-search-box input[type=hidden] {display:none;}
#ctn_hd .F6_defaultUnderNav #F6_search #cse-search-box input.searchSubmit {
	position: absolute;
	top:26px;
	left:316px;
	background: url(img/header_sprite.gif) -865px -71px;
	width:105px;
	height:22px;
	text-indent: -999px;
	overflow:hidden;
	padding:0;
	margin:-1px 0 0 0;
}

/**** NAVIGATION ****/

#ctn_hd #nav_top {
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	width:970px;
	height:28px;
	background: url(img/nav_tile.gif) left top repeat-x;
}

#ctn_hd #nav_top li {float:left;}

/* lien chaines - gauche **/

#ctn_hd #nav_top ul.F6_tabs_left {
	float:left;
	padding:0;
	margin:0
}
#ctn_hd #nav_top ul.F6_tabs_left li {
	height:28px;
	border-left:1px solid #5f6062;
	border-right:1px solid #969696;
	padding:0;
	margin:0;
}
#ctn_hd #nav_top ul.F6_tabs_left #F6_id_accueil{ border-left:none; padding-left:1px;}

#ctn_hd #nav_top ul.F6_tabs_left a {
	margin:6px 10px;
	padding:0;
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	line-height:16px;}

#ctn_hd #nav_top ul.F6_tabs_left .F6_current,
#ctn_hd #nav_top ul.F6_tabs_left .F6_hover {
	background: url(img/nav_tile_hover.gif) left top repeat-x;
	border-left: none;
	padding-left:1px;
	}
    
#nav_event ul { background: url(img/nav_tile_event.gif) left top repeat-x; }

#ctn_hd #nav_top ul.F6_tabs_left .F6_current a,
#ctn_hd #nav_top ul.F6_tabs_left .F6_hover a {color:#000;}


/* bouton rallye des gazelles */
#ctn_hd #nav_top #F6_id_rallye_des_gazelles { background: url(img/header_sprite.gif) -793px -113px no-repeat;}


/* liens services - droite */
#ctn_hd #nav_top ul.F6_tabs_right {
	float:right;
	padding:0;
	margin:0
}

#ctn_hd #nav_top .F6_navOnglet01 a {
display: block;
height: 24px; width:88px;
margin:2px;
padding:0;
background:url(img/header_sprite.gif) -615px -71px no-repeat;
text-indent:-9999px;
}

#ctn_hd #nav_top .F6_navOnglet02 a {
display: block;
height: 24px; width:153px;
margin:2px;
padding:0;
background:url(img/header_sprite.gif) -706px -71px no-repeat;
text-indent:-9999px;
}


/**********************/
/***** NAV GAUCHE *****/
/**********************/

#ctn_mdl {
	/*position:relative;*/
	background:url(img/content_bg_tile.gif) left top repeat-y;
	margin:0;
	padding:0;
	width:970px;
	overflow:hidden;}
	
/**** NAVIGATION GAUCHE ****/
#ctn_mdl #nav_left {
	background:url(img/slot_bg.gif) left bottom no-repeat;
	margin:0 0 10px 1px;
	padding:0 0 5px 0;
	width:214px;
	overflow:hidden;
	float:left;
	display:inline-block;
	height:auto;}

	
/** bloc meteo **/
#ctn_mdl #nav_left .F6_blockMeteo {
	background:url(img/slot_bg.gif) left top no-repeat;
	overflow:hidden;
	margin:0;
	padding:8px;
	border-bottom: 1px solid #d9d9d9;}
#ctn_mdl #nav_left .F6_blockMeteo .mea_meteo {position:relative; overflow:hidden;}
#ctn_mdl #nav_left .F6_blockMeteo h5 { 
	font-size:16px; 
	margin:0; 
	padding:0; 
	color:#353535;}
#ctn_mdl #nav_left .F6_blockMeteo .media {float:right; margin:0; padding:0}
#ctn_mdl #nav_left .F6_blockMeteo div.text {font-size:10px; padding:0; margin:0; color:#666; }
#ctn_mdl #nav_left .F6_blockMeteo p.temp {font-size:14px;
	margin:0 0 0 0; 
	padding:0 0 18px 0; 
	color:#353535}
#ctn_mdl #nav_left .F6_blockMeteo div.links { margin:0; padding:0; display:inline; float:left;}
#ctn_mdl #nav_left .F6_blockMeteo div.links a {
	font-size:10px; 
	color:#666; 
	text-ecoration:none;
	margin:0; 
	padding:0}
#ctn_mdl #nav_left .F6_blockMeteo div.links a:hover {
	text-decoration:underline;}
	
#ctn_mdl #nav_left .F6_blockMeteo #formMeteo { position:relative;}
#ctn_mdl #nav_left .F6_blockMeteo #formMeteo .F6_txtC {
	margin: 8px 0; text-align:left !important; width:100px;}

#ctn_mdl #nav_left .F6_blockMeteo #formMeteo .F6_txtC .F6_btn, #ctn_mdl #nav_left .F6_blockMeteo #formMeteo .F6_txtC .F6_btn span, #ctn_mdl #nav_left .F6_blockMeteo #formMeteo .F6_txtC .F6_btn input { background:none; margin:0; padding:0;}

#ctn_mdl #nav_left .F6_blockMeteo #formMeteo .F6_txtC input[type=submit] { background: url(img/meteo_btn.gif) left top no-repeat; width:90px; height:24px; overflow:hidden; text-indent:-9999px}


#ctn_mdl #nav_left .F6_blockMeteo #formMeteo a.returnLink { position:absolute; right:0; bottom:4px; display:block;}


/** liens **/

/** à supprimer une fois la nav de gauche retouchée **/
#ctn_mdl #nav_left .F6_section_banquePostale,
#ctn_mdl #nav_left .F6_section_posteLigne {display:none}
/** fin - à supprimer une fois la nav de gauche retouchée **/

#ctn_mdl #nav_left .F6_section_servPratiques .F6_blockInside .head {display:none}
#ctn_mdl #nav_left .F6_section_servPratiques .F6_blockInside ul {margin:0; padding:0; list-style:none; overflow:hidden; clear:both;}
#ctn_mdl #nav_left .F6_section_servPratiques .F6_blockInside li {margin:0; padding:3px 5px;}
#ctn_mdl #nav_left .F6_section_servPratiques .F6_blockInside li img {height:22px; width:22px; margin:0 5px 0 0}
#ctn_mdl #nav_left .F6_section_servPratiques .F6_blockInside li a {line-height:20px; color:#353535;}

/*******************/
/*******PUB*********/

.F6_pub_300_300, .F6_size1on3 .F6_pub_container, .F6_size1on5 .F6_pub_container {
	/*margin:0 0 10px 0;
	padding:0 0 10px 0;
	background: url(img/pub300-250.gif) 50% bottom no-repeat;
	overflow:hidden;*/}

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

#ctn_ft {
	background: url(img/footer_bg_tile.gif) left top repeat-y #fff;
	border-top:3px solid #d9d9d9;
	margin:0;
	padding:0 0 20px 0;
	width:970px;
	position:relative;
	overflow:hidden;
}
#ctn_ft div {
	width:156px;
	border-left : 1px solid #d9d9d9;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	height:175px;	}
#ctn_ft #footerseo_lpn  {width:178px}

#ctn_ft div h3 {
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0 10px;
	
}
#ctn_ft div ul {
	width:136px;
	border:none;
	background:none;
	margin:0;
	padding:10px;
	list-style:none;
	}
	
#ctn_ft #footerseo_lpn ul  {width:162px}

#ctn_ft div ul li {
	margin:0;
	padding:0;
	width:136px;
	}
#ctn_ft #footerseo_lpn ul li   {width:162px}

#ctn_ft div ul li a {
	font-weight:normal;
	font-size:11px;
	}
#ctn_ft .F6_logo {
	width:100%;
	height:35px;
	float:none;
	overflow:hidden;
	margin:0 0 0 0;
	padding:10px 0;
	border:none;}
	
	
/** fix yahoo ! rich media **/
.F6_pub_container, .F6_pub_300_300, #ctn_hd {overflow:visible !important;}
/*.F6_foot {clear:both}*/