/*---------------------------------------------------------------------------------------*/
/*---------------------------------------CSS Menu gauche---------------------------------*/
/*---------------------------------------------------------------------------------------*/

div#menu_gauche	{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#5e5e5e;
	margin:0px;
	padding:0px;
	text-align:left;
	letter-spacing:0.7px;

}
	.clear	{
		clear:both;
	}

	div#menu_gauche a, div#menu_gauche a:hover, div#menu_gauche a:focus	{
		text-decoration:none;
		font-weight:13px;
	}

	div#menu_gauche a	{
		color:#0066ff;
	}

	div#menu_gauche a:visited	{
		color:#3f8cff;
	}

	div#menu_gauche a:hover	{
		color:#044fbf;
	}

	div#menu_gauche a:focus	{
		color:#3f8cff;
	}

	div.titre_mg	{
		background-color:#253c8a;
		border:1px solid #0E2575;
	}

	div.titre_mg p.titreMG	{
		font-family:Helvetica,Arial,sans-serif;
		font-size:14px;
		font-weight:normal;
		line-height:30px;
		letter-spacing:1px;
		text-align:left;
		color:#fff;
		text-indent:32px;
		background:top left no-repeat;
		margin:0;
		padding:0;
	}

	div#menu_gauche div.titre_mg a.lien_h3_mg {
		font-family:Helvetica,Arial,sans-serif;
		font-size:14px;
		letter-spacing:1px;
		color:#fff;
	}

	div#menu_gauche form	{
		text-align:left;
		margin:0px;
		padding:0px;
	}

	div#menu_gauche ul	{
		position:relative;
		height:100%;
		list-style:none;
	}

	div#identification, div#newsletter, div#serv_client, div#serv_gratuit, div#boite_outils, div#rech_emploi, div#adres, div#nos_doc	{
		margin:0px 10px 15px 0px;
		width:194px;
		text-align:left;
	}


		div#identification p.titreMG	{
			background-image:url('/image/home/menu_gauche/picto_ident.gif');
		}
		div#newsletter p.titreMG	{
			background-image:url('/image/home/menu_gauche/picto_newsletter.gif');
		}
		div#nos_doc p.titreMG	{
			background-image:url('/image/home/menu_gauche/picto_doc.gif');
		}
		div#serv_client p.titreMG	{
			background-image:url('/image/home/menu_gauche/picto_serv_client.gif');
		}
		div#serv_gratuit p.titreMG	{
			background-image:url('/image/home/menu_gauche/picto_serv_gratuit.gif');
		}
		div#boite_outils p.titreMG	{
			background-image:url('/image/home/menu_gauche/picto_boite_outils.gif');
		}
		div#rech_emploi p.titreMG	{
			background-image:url('/image/home/menu_gauche/picto_rech_emploi.gif');
		}
		div#adres p.titreMG	{
			background-image:url('/image/home/menu_gauche/picto_adres.gif');
		}

/*-----------------------------------------------------------------------------------------------------------*/
/*---------------------------caractéristiques des blocs identification et newsletter-------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

		div#identification_content, div#newsletter_content	{
			background-color:#f6f6f6;
			border:1px solid #cbcbcb;
			border-top:none;
			padding:13px 10px;
		}

			div#identification_content p, div#newsletter_content p, div#nl_nb_inscrit	{
				margin-bottom:12px;
			}

			div#newsletter_content ul	{
				margin-left:5px;
				margin-top:5px;
			}

			div#newsletter_content li	{
				float:left;
				padding-right:10px;
				height:20px;
				font-size:10px;
				line-height:18px;
				text-indent:12px;
				background:url('/image/home/menu_gauche/puce_liste.gif') transparent no-repeat 0px 7px;
			}

      div#newsletter_content ul li.deuxLigne
      {
        background-position:0px 4px;
        line-height:12px;
        margin-bottom:5px;
      }

			div#newsletter_content strong	{
				display:block;
				font-size:10px;
				color:#4c4c4c;
				line-height:18px;
				margin-top:10px;
			}

		input#nl_mail, input#ident_id, input#ident_mdp	{
			display:block;
			padding:5px 0px 5px 10px;
			border:1px solid #b1b1b1;
			width:160px;
			margin:0px;
			font-size:11px;
			color:#7c7777;
		}

		p#mdp_oublie 	{
			padding-top:3px;
			font-size:10px;
		}

		div#nl_nb_inscrit	{
			background:#fffbe1 url('/image/home/menu_gauche/picto_nb_inscrit.gif') top left no-repeat;
			border:solid 1px #c6bb77;
			height:40px;
		}

			div#nl_nb_inscrit p	{
				margin:0px;
				padding:0px;
				font-size:12px;
				line-height:40px;
				text-indent:40px;
				color:#b03232;
			}

		div#box_content{
			margin-bottom:10px;
			margin-top:-5px;
		}

		div#btn_abo, div#box	{
			float:left;
			width:125px;
		}

		div#box input	{
			margin-left:0px;
		}

		div#box p	{
			margin:0px;
			padding:0px;
			line-height:14px;
		}
    div#box p.deuxLigne{
      line-height:8px;
      padding-bottom:5px;
    }

		div#ident_btn_container	{
			margin-top:-5px;
		}

		div#btn_abo	{
			padding-top:3px;
			width:100%;
		}

			div#btn_abo a, div#btn_abo a:hover, div#btn_abo a:focus, div#btn_abo a:visited	{
				display:block;
				margin:0 auto;
				width:150px;
				height:33px;
				font-family:Helvetica,Arial,sans-serif;
				font-size:14px;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
				line-height:33px;
				color:#fff;
				background:url('/image/home/menu_gauche/btn_abo.gif') transparent no-repeat;
			}

			div#btn_abo a	{
				background-position:0px 0px;
			}

			div#btn_abo a:hover	{
				background-position:0px -33px;
			}

			div#btn_abo a:focus	{
				background-position:0px -66px;
			}

		div#btn_ok_news	{
			height:33px;
			float:right;
			margin-top:5px;
			width:38px;
		}

		div#btn_ok_news input, div#btn_ok_news input:hover, div#btn_ok_news input:focus	{
			display:block;
			height:33px;
			width:38px;
			float:right;
			cursor:pointer;
			font-family:Helvetica,Arial,sans-serif;
			font-size:14px;
			font-weight:bold;
			line-height:33px;
			text-align:center;
			color:#fff;
			background:url('/image/home/menu_gauche/btn_ok.gif') transparent no-repeat;
			border:none;
			}

				div#btn_ok_news input	{
				background-position: 0px 0px;
				}


				div#btn_ok_news input:hover {
					background-position: 0px -33px;
				}

				div#btn_ok_news input:focus {
					background-position: 0px -66px;
				}

			div#btn_ok_ident input, div#btn_ok_ident input:hover, div#btn_ok_ident input:focus	{
			display:block;
			height:30px;
			width:118px;
			cursor:pointer;
			font-family:Helvetica,Arial,sans-serif;
			font-size:12px;
			font-weight:bold;
			line-height:30px;
			letter-spacing:1px;
			text-align:center;
			color:#767676;
			background:url('/image/home/menu_gauche/btn_ok_ident.gif') transparent no-repeat;
			border:none;
			}

				div#btn_ok_ident input	{
					background-position: 0px 0px;
				}


				div#btn_ok_ident input:hover {
					background-position: 0px -30px;
					color:#333;
				}

				div#btn_ok_ident input:focus {
					background-position: 0px -60px;
				}
/*---------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------caractéristiques des blocs menu-------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/
		div#menu_gauche .menu_content	{
			background-color:#fff;
			border:1px solid #cecece;
			border-top:none;
		}


			div#menu_gauche .menu_content li	{
				width:100%;
				border-bottom:1px solid #cecece;
				background-color:#fff;
			}

			div#menu_gauche .menu_content ul li a	{
				display:block;
				color:#0066ff;
				padding: 10px 5px 8px 25px;
				font-size:12px;
				line-height:15px;
				background:url('/image/home/menu_gauche/puce_liste.gif') no-repeat #fff 10px 15px;
			}

			div#menu_gauche .menu_content ul.toggle_list li a.first {
				background-image: url('/image/home/menu_gauche/fleche-droite.gif');
				background-position: 8px 13px;
			}

			div#menu_gauche .menu_content ul.toggle_list li a.hover {
				background-image: url('/image/home/menu_gauche/fleche-en-bas.gif');
			}

			div#menu_gauche .menu_content ul.toggle_list ul {
				border-left: 25px solid #cecece;
			}

			div#menu_gauche .menu_content ul li a:visited	{
				background-color:#f6f6f6;
				color:#0066ff;
			}

			div#menu_gauche .menu_content ul li a:hover	{
				background-color:#ebe9e9;
				color:#0066ff;
			}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*-----------------Facebook--------------------*/
div#facebook{
  background-color:#F6F6F6;
  border-left:2px solid #cacaca;
  margin:15px 10px 15px 0px;
  padding:5px;
  width:184px;
}
div#facebook a{
  color:#3b5998;
  display:block;
  font-size:12px;
  margin-bottom:5px;
}
div#facebook a:hover{color:#3f8Cff}
div#facebook a:visited{color:#3b5998}

/*---------------Fin Facebook------------------*/


