/* CSS Document */
/* ------------------------------------------------------------------------- Menu */
/* ----------------------------------------------------- Premier niveau */
	* html #header #menu {padding-top:14px}
	*+html #header #menu {padding-top:14px}
/* --------------------------------------------------------------------------------------------- Conteneurs */
	#left {
		float:left;
		width:193px
	}
	#content {
		float:left;
		width:464px;
		padding:0 13px 0 33px
	}
	#content a {text-decoration:underline}
	#content p {
		text-align:justify;
		line-height:1.5em;
		font-family:arial;
		font-size:1.1em;
		color:#484848;
		margin:0 0 10px 0;
		padding:0
	}
	#content a {color:#055094}
	#content a:hover {text-decoration:none}
	#right {
		float:left;
		width:292px
	}
	
	#content img.illustration {
		float:left;
		margin:0 8px 0 0
	}
	
/* --------------------------------------------------------------------------------------------- Blocs */
/* ------------------------------------------------------------------------- Bloc A */
	.bloc .blocA1 {
		width:100%;
		text-indent:10px;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		background:#052a4e;
		padding:1px 0;
		margin:0 0 4px 0
	}
	.bloc .blocA2 { 
		width:189px;
		padding:0 0 0 4px;
		margin:0 0 25px 0
	}
	.bloc .blocA2C { 
		width:189px;
		padding:0 0 0 6px;
		margin:0 0 25px 0
	}
	.bloc .blocA3 {display:none}
/* ----------------------------------------------------- Liste */
/* --------------------------------- Premier niveau */
	.bloc .blocA2 ul {
		list-style:none;
		font-size:1.2em;
		padding:0;
		margin:0
	}
	.bloc .blocA2 ul li {
		background:none;
		border-bottom:1px solid #DCDCDC;
		padding:3px 0 3px 20px
	}
	.bloc .blocA2 ul li a {
		color:#4B4B4B;
		background-image:url(../img/structure_front/fleches_noir.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		text-decoration:none;
		padding:0 0 0 11px
	}
	
	.bloc .blocA2 ul li a.decale {
		margin:0 0 0 20px
	}
	
	.bloc .blocA2 ul li a.sans_image {
		color:#333;
		text-decoration:none;
		padding:0 0 0 11px
	}
	.bloc .blocA2 ul li a:hover {
		color:#0181F5;
		background-image:url(../img/structure_front/fleches_bleu2.gif);
		text-decoration:underline
	}
/* --------------------------------- Second niveau */
	.bloc .blocA2 ul li ul {
		font-size:.9em;
		padding:3px 0 0 20px
	}
/* ------------------------------------------------------------------------- Bloc B */
	.bloc .blocB1 {
		width:100%;
		text-transform:uppercase;
		font-size:1.3em;
		color:#fff;
		background:#a21700 url(../img/structure_front/blocB1.gif) no-repeat;
		text-indent:5px;
		padding:6px 0 2px 0
	}
	.bloc .blocB2 {
		width:163px;
		border-left:1px solid #a21700;
		border-right:1px solid #a21700;
		padding:5px 10px
	}
	.bloc .blocB3 {
		width:100%;
		height:7px;
		font-size:0;
		background:url(../img/structure_front/blocB3.gif) no-repeat;
		margin:0 0 10px 0
	}
/* ----------------------------------------------------- Liste */
	.bloc .blocB2 ul {
		list-style:none;
		padding:0 0 0 10px;
		margin:0
	}
	.bloc .blocB2 ul li {
		background:url(../img/structure_front/puce_rouge.gif) no-repeat 0 6px;
		padding:0 0 0 8px;
		margin:0 0 3px 0
	}
	.bloc .blocB2 ul li a {
		color:#e60203;
		text-decoration:none
	}
	.bloc .blocB2 ul li a:hover {text-decoration:underline}
/* ----------------------------------------------------- Forum */
	.bloc .blocB2 ul.forum {margin:5px 0 10px 0}
	.bloc .blocB2 ul.forum li {background-image:url(/img/structure_front/puce.gif)}
	.bloc .blocB2 ul.forum li a {color:#59504d}
/* ------------------------------------------------------------------------- Bloc C */
	.bloc .blocC1, .blocC1_en {
		width:260px;
		height:38px;
		text-indent:-5000px;
		background:url(/img/structure_front/annuaire_interne.gif) no-repeat 5px top;
		margin:10px 0 0 32px
	}
	.blocC1_en {
		background:url(/img/structure_front/annuaire_interne_en.gif) no-repeat 5px top;
	}
	.bloc .blocC2 {
		width:255px;
		font-size:1.2em;
		background:url(/img/structure_front/dotted_gris.gif) repeat-x;
		padding:5px 0 5px 5px;
		margin:2px 0 10px 32px
	}
/* ----------------------------------------------------- Paragraphes */
	.bloc .blocC2 p {line-height:1.4em}
	.bloc .blocC2 p span {
		color:#0086ff;
		font-size:1.3em;
		font-weight:bold
	}
/* ----------------------------------------------------- Formulaire */
	.bloc .blocC2 label {
		display:block;
		display:inline;
		float:left;
		color:#0086ff;
		background:url(../img/structure_front/fleches_bleu2.gif) no-repeat right 5px;
		padding:0 10px 0 0;
		margin:4px 0 3px 11px
	}
	.bloc .blocC2 table {
		clear:both;
		margin:0 0 10px 11px
	}
	.bloc .blocC2 table input.champ_texte {
		width:160px;
		font-size:1em;
		border:1px solid #565A5F;
		padding:2px 0 2px 3px
	}
/* ----------------------------------------------------- Liste */
	.bloc .blocC2 ul li {
		background:url(../img/structure_front/fleches_bleu2.gif) no-repeat 0 4px;
		padding:0 0 0 12px;
		margin:0 0 2px 0
	}
	.bloc .blocC2 ul li a {color:#0181f5}
/* ------------------------------------------------------------------------- Bloc D */
	.bloc .blocD1, .blocD1_en  {
		width:260px;
		height:36px;
		text-indent:-5000px;
		background:url(/img/structure_front/offres_emplois_interne.gif) no-repeat 5px top;
		margin:10px 0 0 32px
	}
	.blocD1_en  {
		background:url(/img/structure_front/offres_emplois_interne_en.gif) no-repeat 5px top;
	}
	.bloc .blocD2 {
		width:250px;
		font-size:1.2em;
		background:url(/img/structure_front/dotted_gris.gif) repeat-x;
		padding:5px;
		margin:2px 0 15px 32px
	}
/* ----------------------------------------------------- Paragraphes */
	.bloc .blocD2 p {line-height:1.4em}
	.bloc .blocD2 p span {
		color:#0086ff;
		font-size:1.3em;
		font-weight:bold
	}
	
	.bloc .blocD2 p a {
		color:#0181f5;
	}
	
	.bloc .blocD2 p a:visited {
		color:#0181f5;
	}
	
/* ----------------------------------------------------- Liste */
	.bloc .blocD2 ul {margin:10px 0}
	.bloc .blocD2 ul li {
		background:url(../img/structure_front/fleches_bleu2.gif) no-repeat 38px 4px;
		padding:0 0 0 12px;
		margin:0 0 2px 0
	}
	.bloc .blocD2 ul li a {color:#0181f5}
	.bloc .blocD2 ul li a:hover {text-decoration:underline}

/* ------------------------------------------------------------------------- Bloc E */
	.bloc .blocE1 {
		width:260px;
		text-indent:10px;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		background:#052a4e;
		padding:1px 0;
		margin:10px 0 0 32px
	}
	.bloc .blocE2 { 
		width:189px;
		padding:5px 0 5px 5px;
		margin:2px 0 10px 32px
	}
	.bloc .blocE2C { 
		width:189px;
		padding:0 0 0 6px;
		margin:0 0 25px 0
	}
	.bloc .blocE3 {display:none}
/* ----------------------------------------------------- Liste */
/* --------------------------------- Premier niveau */
	.bloc .blocE2 ul {
		list-style:none;
		font-size:1.2em;
		padding:0;
		margin:0
	}
	.bloc .blocE2 ul li {
		background:none;
		border-bottom:1px solid #DCDCDC;
		padding:3px 0 3px 20px
	}
	.bloc .blocE2 ul li a {
		color:#4B4B4B;
		background-image:url(../img/structure_front/fleches_noir.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		text-decoration:none;
		padding:0 0 0 11px
	}
	
	.bloc .blocE2 ul li a.decale {
		margin:0 0 0 20px
	}
	
	.bloc .blocE2 ul li a.sans_image {
		color:#333;
		text-decoration:none;
		padding:0 0 0 11px
	}
	.bloc .blocE2 ul li a:hover {
		color:#0181F5;
		background-image:url(../img/structure_front/fleches_bleu2.gif);
		text-decoration:underline
	}
/* --------------------------------- Second niveau */
	.bloc .blocE2 ul li ul {
		font-size:.9em;
		padding:3px 0 0 20px
	}
	

/* ------------------------------------------------------------------------- Bloc F */
	.bloc .blocF1 {
		width:100%;
		text-indent:10px;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		background:#052a4e;
		padding:1px 0;
		margin:10px 0 0 32px
	}
	.bloc .blocF2 { 
		width:189px;
		padding:5px 0 5px 5px;
		margin:2px 0 10px 32px
	}
	.bloc .blocF2C { 
		width:189px;
		padding:0 0 0 6px;
		margin:0 0 25px 0
	}
	.bloc .blocF3 {display:none}
/* ----------------------------------------------------- Liste */
/* --------------------------------- Premier niveau */
	.bloc .blocF2 ul {
		list-style:none;
		font-size:1.2em;
		padding:0;
		margin:0
	}
	.bloc .blocF2 ul li {
		background:none;
		border-bottom:1px solid #DCDCDC;
		padding:3px 0 3px 20px
	}
	.bloc .blocF2 ul li a {
		color:#4B4B4B;
		background-image:url(../img/structure_front/fleches_noir.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		text-decoration:none;
		padding:0 0 0 11px
	}
	
	.bloc .blocF2 ul li a.decale {
		margin:0 0 0 20px
	}
	
	.bloc .blocF2 ul li a.sans_image {
		color:#333;
		text-decoration:none;
		padding:0 0 0 11px
	}
	.bloc .blocF2 ul li a:hover {
		color:#0181F5;
		background-image:url(../img/structure_front/fleches_bleu2.gif);
		text-decoration:underline
	}
/* --------------------------------- Second niveau */
	.bloc .blocF2 ul li ul {
		font-size:.9em;
		padding:3px 0 0 20px
	}


/* ----------------------------------------------------- Bordure */
	div.bordure {margin:0 0 30px 0}
	div.bordure div.degrade {width:170px}
	div.bordure #communautes #toutes_communautes {margin-top:0}
	div.bordure #communautes #nombre_espaces {
		position:relative;
		margin-top:10px;
		margin-bottom:-20px;
		margin-left:40px;
		float:left
	}
	div.bordure #cotisation_ligne {padding-bottom:15px}
	
	div.bordure #cotisation_ligne a{
		color:#05335d;
	}
	
/* ----------------------------------------------------- Offre d'emplois */
	#offre_emplois, #offre_stages {
		float:left;
		width:100%;
		padding-top: 10px;
		padding-bottom:5px;
		margin:0;
		display: block;
	}
	#offre_emplois li, #offre_stages li {
		float:left;
		width:100%;
		background:none;
		padding:0;
		margin:0
	}
	#offre_emplois li a, #offre_stages li a {
		display:block;
		color:#000000;
		background:#E5F3FF url(../img/structure_front/fleches_noir.gif) no-repeat 26px 6px;
		padding:2px 0 2px 40px
	}
	#offre_emplois li span, #offre_stages li span {
		display:block;
		float:left;
		color:#073563;
		font-style:italic;
		padding:2px 0 2px 40px
	}
/* ----------------------------------------------------- Agenda */
	#agenda {
		float:left;
		width:214px;
		height:252px;
		font-size:1.1em;
		background:url(../img/structure_front/agenda_interne.gif);
		padding:27px 50px 0 28px;
		margin:10px 0 0 0
	}
	
	#agenda ul{
		width:204px;
	}
	
/* ----------------------------------------------------- Partenaires */
	#partenaires {
		float:left;
		width:262px;
		background:url(../img/structure_front/partenaires.gif) repeat-y 16px 0;
		padding:5px 0 10px 30px
	}
	#partenaires img {margin:0 0 10px 0}
	
	#partenaires ul {margin:10px 0}
	#partenaires ul li {
		background:url(../img/structure_front/fleches_bleu2.gif) no-repeat 0 4px;
		padding:0 0 0 12px;
		margin:0 0 2px 0
	}
	#partenaires ul li a {
		color:#0181f5;
		font-size:1.2em;
	}
	#partenaires ul li a:hover {text-decoration:underline}

	#logo_grenoble {
		display: none;
		margin-bottom: 20px;
		border-bottom: 1px solid #065096;
	}
	
	#bienfaiteurs {
		float:left;
		padding:5px 0 10px 30px
	}
	#bienfaiteurs img {margin:0 0 10px 0}
	
	#bienfaiteurs ul {margin:10px 0}
	#bienfaiteurs ul li {
		background:url(../img/structure_front/fleches_bleu2.gif) no-repeat 0 4px;
		padding:0 0 0 12px;
		margin:0 0 2px 0
	}
	
	
	#bienfaiteurs ul li a {
		color:#0181f5;
		font-size:1.2em;
	}
	#bienfaiteurs ul li a:hover {text-decoration:underline}
	
	
	
	
	
	
	
	#fixFooter{ /*pied de page permet l'alignement de la partie gauche et de la partie droite*/
		height:1px;
		clear:both;
	}
	
	.liens_evidences {
		float:left;
		width:100%;
		margin:0;
		display: block;
		background:url(../img/structure_front/dotted_gris.gif) repeat-x left bottom;
		padding:0 0 10px 0
	}
	
	.liens_evidences a {
		color:#0000CC;
		text-decoration:none;
		font-size:100%;
		margin:0 0 0 40px;
	}
	.identLabel{ /*identification intitulés identifiant et mot de passe*/
		text-align:right;
		padding-right:5px;
	}
	
	.identSubmit{ /*identification marge gauche des champs de saisie*/
		padding-left:5px;
	}
	
	.textField{ /*identification aspect des champs de saisie*/
		border:1px solid #666;
		font-family:arial;
		font-size:10px;
		color:#FE6B38;
		padding:1px 2px 1px 2px;
	}
	
	.identForgot{ /*identification marge et alignement du lien "j'ai oublié ces informations"*/
		padding-top:9px;
		text-align:right;
	}
	
	.identForgot a{ /* identification aspect du lien "j'ai oublié ces informations"*/
		font-family:arial;
		color:#fff;
		text-decoration:underline;
	}
	
	.identForgot a:hover{ /* identification aspect du lien "j'ai oublié ces informations" en mode survolé*/
		text-decoration:none;
	}
	
	#horizontalBar{ /*barre horizontale*/
		clear:both;
		width:779px;
		height:20px;
		padding-top:2px;
		background-image:url(/img/structure_front/horizontal_bar2.gif);
	}
	
	.horizontalBarDate{ /*barre horizontale aspect et marge de la date*/
		font-size:110%;
		color:#fff;
		width:550px;
		padding-left:10px;
	}
	
	.horizontalBarVisitors{ /*barre horizontale aspect du nombre de visiteurs*/
		width:150px;
		color:#59504D;
		font-size:110%;
	}
	
	.white{ /*permet d'afficher du texte en blanc*/
		color:#fff;
	}
	
	.horizontalBarFlags{ /*barre horizontale marge des drapeaux*/
		padding-top:2px;
	}
	
	.horizontalBarPrint{ /*barre horizontale marge du picto d'impression*/
		padding:2px 0 0 8px;
	}
	
	#fixStructure{ /*permet l'alignement des 3 éléments barre de gauche partie centrale et barre de droite*/
		clear:both;
		height:1px;
		background-image:url(/img/structure_front/ombre_droite.gif);
		background-repeat:repeat-y;
		background-position:right;
		border-left:1px solid #8D8F8F;
		width:779px;
	}

/* Aide en ligne */>
	
	div.jqDrag {
		cursor: move;
	}

	/* jqmModal dialog CSS courtesy of;
	  Brice Burgess <bhb@iceburg.net> */

	div.jqmDialog {
		display: none;
	    position: fixed;
	    top: 17%;
	    left: 50%;
	    margin-left: -300px;
		width: 500px;
		overflow: hidden;
		font-family:verdana,tahoma,helvetica;
	}

	/* Fixed posistioning emulation for IE6
	     Star selector used to hide definition from browsers other than IE6
	     For valid CSS, use a conditional include instead */
	* html div.jqmDialog {
		position: absolute;
		top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	}


	/* [[[ Title / Top Classes ]]] */
	div.jqmdTC { 
		background: #d5ff84 url(/img/contenu/help/sprite.gif) repeat-x 0px -82px; 
		color: #528c00;
		padding: 7px 22px 5px 5px;
		font-family:"sans serif",verdana,tahoma,helvetica;
		font-weight: bold;
		* zoom: 1;
	}
	div.jqmdTL { background: url(/img/contenu/help/sprite.gif) no-repeat 0px -41px; padding-left: 3px;}
	div.jqmdTR { background: url(/img/contenu/help/sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;}

	/* [[[ Body / Message Classes ]]] */
	div.jqmdBC {
		background: url(/img/contenu/help/bc.gif) repeat-x center bottom;
		padding: 7px 7px 7px;
		height: 250px;
		overflow: auto;
	}
	
	div.jqmdBL { background: url(/img/contenu/help/bl.gif) no-repeat left bottom; padding-left: 7px; }
	div.jqmdBR { background: url(/img/contenu/help/br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

	div.jqmdMSG { color: #317895; }

	/* [[[ Button classes ]]] */
	input.jqmdX {
		position: absolute;
		right: 7px;
		top: 4px;
		padding: 0 0 0 19px;
		height: 19px;
		width: 0px;
		background: url(/img/contenu/help/close.gif) no-repeat top left;
		overflow: hidden;
	}
	input.jqmdXFocus {background-position: bottom left; outline: none;}

	div.jqmdBC button, div.jqmdBC input[type="submit"] {
		margin: 8px 10px 4px 10px;
		color: #777;
		background-color: #fff;
		cursor: pointer;
	}

	div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }