@charset "utf-8";
/* CSS Document */
body{
	background-color:#FFFFFF;
	color:#9289d1; /*mauve foncé*/	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	border:0;
	margin:0;
	}

form{
	margin:0;
}

label{
	cursor:pointer;
}

image{border:0}

.contenu{
	background-color:#EDEDF8; /*mauve clair ou */
	width:1024px;
	height:768px;
	overflow:hidden;
}
.cadre_haut{
	width:1024;
	height:374px; /*avant : 384*/
	overflow:hidden;
}
.fond_image{
	position: absolute;z-index:1;background-position:bottom;width:1024px;height:384px;
	background-image:url(../images/visuel_portes_metro.png);
	width:1024px;
	height:384px;
	overflow:hidden;
}

.fond_masque{
	/*position: absolute;*/
	/*z-index:2;*/
	background-image:url(../images/masque.png);
	background-position:bottom;
	width:1024px;
	height:384px;
	overflow:hidden;
}
.fond_masque_ie6{
	/*position: absolute;*/
	/*z-index:2;*/
	background-image:url(../images/masque.gif);
	background-position:bottom;
	width:1024px;
	height:384px;
	overflow:hidden;
}
.colonne_logo{
	float:left;
	/*background-color:yellow;*/
	width:161px; /*comme logo */
	height:384px;
	overflow:hidden;
}
.zone_avec_logo{
	/*background-color:yellow;*/
	width:161px;/* longeur logo */
	height:172px;/*hauteur logo */
}
.zone_sous_logo{
	/*background-color:orange;*/
	width:161px; /* longeur logo */
	height:212px; /*hauteur zone du haut - hauteur logo*/	
	overflow:hidden;

}
.zone_partners{
	/*background-color:yellow;*/
	float:left;
	width:65px; padding-left:20px; /* a vue d'oeil sur le trai blanc du cadre */
	height:212px;; /* comme zone_sous_logo */
	overflow:hidden;
	text-align:left;
}
#optile{
	background-image:url(../images/logo_optile1.png);background-repeat:no-repeat;
	width:60px;
	height:40px;
	}
#optile:hover{background-image:url(../images/logo_optile2.png);}

#ratp{
	background-image:url(../images/logo_ratp1.png);background-repeat:no-repeat;
	width:60px;
	height:55px;
	}
#ratp:hover{background-image:url(../images/logo_ratp2.png);}
#sncf{
	background-image:url(../images/logo_sncf1.png);background-repeat:no-repeat;
	width:60px;
	height:40px;
	}
#sncf:hover{background-image:url(../images/logo_sncf2.png);}
	
.zone_bouton_gauche{
	float:left;
	/*background-color:grey;*/
	width:56px; padding-right:20px;
	height:180px;
	overflow:hidden;
}
#bouton_gauche{
	background-image:url(../images/bouton_gauche1.png);
	background-repeat:no-repeat;
	width:35px;
	height:50px;
	overflow:hidden;
}
#bouton_gauche:hover{
	background-image:url(../images/bouton_gauche2.png);
}

.cadre_bouton_droite{
	float:left;
	width:59px; padding-right:47px;
	/*background-color:yellow;*/
	height:218px; padding-top:106px; /* (hauteur zone navigation-zone entete) ! */
	
}
#bouton_droite{
	background-image:url(../images/bouton_droite1.png);
	background-repeat:no-repeat;
	width:35px;
	height:50px;
	overflow:hidden;
}
#bouton_droite:hover{
	background-image:url(../images/bouton_droite2.png);
}


.colonne_menu{
	float:right;
	/*background-color:red;*/
	width:863px; /*total-colonne_logo, */
	height:384px;
	overflow:hidden;
}
.zone_entete{
	width:800px; padding-right:63px; /* comme colonne_menu  */
	height:50px; padding-top:10px;
	/*background-color:black;*/
	overflow:hidden;
}
#bouton_nous_rejoindre{	
	float:right;
	background-image:url(../images/bouton_nous_rejoindre1.png);
	background-repeat:no-repeat;
	width:132px;
	height:36px;
	overflow:hidden;	
}
#bouton_nous_rejoindre:hover{
	background-image:url(../images/bouton_nous_rejoindre2.png);
}

.item_menu{
	width:150px;
	height:40px;
	overflow:hidden;	
}

.cadre_menu{
	/*background-color:blue;*/
	width:180px;margin-left:10px;
	float:left;	
	height:314px; padding-top:10px; /* (hauteur zone navigation-zone entete) */
}
#menu_presentation{background-image:url(../images/menu_presentation1.png);background-repeat:no-repeat; width:172px; height:44px; padding-bottom:1px;}
#menu_presentation:hover{background-image:url(../images/menu_presentation2.png);}

#menu_activites{background-image:url(../images/menu_activites1.png);background-repeat:no-repeat; width:172px; height:44px; padding-bottom:1px;}
#menu_activites:hover{background-image:url(../images/menu_activites2.png);}

#menu_membres{background-image:url(../images/menu_membres1.png);background-repeat:no-repeat; width:172px; height:44px; padding-bottom:1px;}
#menu_membres:hover{background-image:url(../images/menu_membres2.png);}

#menu_forfaits{background-image:url(../images/menu_forfaits1.png);background-repeat:no-repeat; width:172px; height:44px; padding-bottom:1px;}
#menu_forfaits:hover{background-image:url(../images/menu_forfaits2.png);}

#menu_partenaires{background-image:url(../images/menu_partenaires1.png);background-repeat:no-repeat; width:172px; height:44px; padding-bottom:1px;}
#menu_partenaires:hover{background-image:url(../images/menu_partenaires2.png);}

#menu_marches{background-image:url(../images/menu_marches1.png);background-repeat:no-repeat; width:172px; height:44px; padding-bottom:1px;}
#menu_marches:hover{background-image:url(../images/menu_marches2.png);}

.cadre_sous_menu{
	float:left;
	width:190px;
	/*background-color:red;*/
	height:324px; /* (hauteur zone navigation-zone entete) */
}

.item_ssmenu{
	width:178px;
	height:32px;
	overflow:hidden;
	display:none;
}
#ssmenu_presentation_historique{background-image:url(../images/ssmenu_presentation_historique1.png);background-repeat:no-repeat;}
#ssmenu_presentation_historique:hover{background-image:url(../images/ssmenu_presentation_historique2.png);}
#ssmenu_presentation_missions{background-image:url(../images/ssmenu_presentation_missions1.png);background-repeat:no-repeat;}
#ssmenu_presentation_missions:hover{background-image:url(../images/ssmenu_presentation_missions2.png);}
#ssmenu_presentation_valeurs{background-image:url(../images/ssmenu_presentation_valeurs1.png);background-repeat:no-repeat;}
#ssmenu_presentation_valeurs:hover{background-image:url(../images/ssmenu_presentation_valeurs2.png);}

#ssmenu_activites_metiers{background-image:url(../images/ssmenu_activites_metiers1.png);background-repeat:no-repeat;}
#ssmenu_activites_metiers:hover{background-image:url(../images/ssmenu_activites_metiers2.png);}
#ssmenu_activites_organisation{background-image:url(../images/ssmenu_activites_organisation1.png);background-repeat:no-repeat;}
#ssmenu_activites_organisation:hover{background-image:url(../images/ssmenu_activites_organisation2.png);}
#ssmenu_activites_fonctionnement{background-image:url(../images/ssmenu_activites_fonctionnement1.png);background-repeat:no-repeat;}
#ssmenu_activites_fonctionnement:hover{background-image:url(../images/ssmenu_activites_fonctionnement2.png);}

#ssmenu_membres_optile{background-image:url(../images/ssmenu_membres_optile1.png);background-repeat:no-repeat;}
#ssmenu_membres_optile:hover{background-image:url(../images/ssmenu_membres_optile2.png);}
#ssmenu_membres_ratp{background-image:url(../images/ssmenu_membres_ratp1.png);background-repeat:no-repeat;}
#ssmenu_membres_ratp:hover{background-image:url(../images/ssmenu_membres_ratp2.png);}
#ssmenu_membres_sncf{background-image:url(../images/ssmenu_membres_sncf1.png);background-repeat:no-repeat;}
#ssmenu_membres_sncf:hover{background-image:url(../images/ssmenu_membres_sncf2.png);}

#ssmenu_forfaits_navigo{background-image:url(../images/ssmenu_forfaits_navigo1.png);background-repeat:no-repeat;}
#ssmenu_forfaits_navigo:hover{background-image:url(../images/ssmenu_forfaits_navigo2.png);}
#ssmenu_forfaits_semaine{background-image:url(../images/ssmenu_forfaits_semaine1.png);background-repeat:no-repeat;}
#ssmenu_forfaits_semaine:hover{background-image:url(../images/ssmenu_forfaits_semaine2.png);}
#ssmenu_forfaits_imagine{background-image:url(../images/ssmenu_forfaits_imagine1.png);background-repeat:no-repeat;}
#ssmenu_forfaits_imagine:hover{background-image:url(../images/ssmenu_forfaits_imagine2.png);}

#ssmenu_partenaires_relation{background-image:url(../images/ssmenu_partenaires_relation1.png);background-repeat:no-repeat;}
#ssmenu_partenaires_relation:hover{background-image:url(../images/ssmenu_partenaires_relation2.png);}
#ssmenu_partenaires_systeme{background-image:url(../images/ssmenu_partenaires_systeme1.png);background-repeat:no-repeat;}
#ssmenu_partenaires_systeme:hover{background-image:url(../images/ssmenu_partenaires_systeme2.png);}
#ssmenu_partenaires_autres{background-image:url(../images/ssmenu_partenaires_autres1.png);background-repeat:no-repeat;}
#ssmenu_partenaires_autres:hover{background-image:url(../images/ssmenu_partenaires_autres2.png);}

#ssmenu_marches_avis{background-image:url(../images/ssmenu_marches_avis1.png);background-repeat:no-repeat;}
#ssmenu_marches_avis:hover{background-image:url(../images/ssmenu_marches_avis2.png);}
#ssmenu_marches_attribution{background-image:url(../images/ssmenu_marches_attribution1.png);background-repeat:no-repeat;}
#ssmenu_marches_attribution:hover{background-image:url(../images/ssmenu_marches_attribution2.png);}
#ssmenu_marches_conditions{background-image:url(../images/ssmenu_marches_conditions1.png);background-repeat:no-repeat;}
#ssmenu_marches_conditions:hover{background-image:url(../images/ssmenu_marches_conditions2.png);}






.cadre_info{	
	float:left;
	width:362px; margin-left:15px;
	/*background-color:green;*/
	height:170px;padding-top:154px; /* (hauteur zone navigation-zone entete)*/
	color:#311a80; /*bleu marine foncé edito */
}
#cadre_info_presentation{
	display:none;	
	background-image:url(../images/info_presentation.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:328px; padding-left:15px; padding-right:19px;
	height:90px; padding-top:15px; padding-bottom:19px;
	font-size:11px;
	text-align:justify;
	overflow:hidden;
}

#cadre_info_activites{
	display:none;
	background-image:url(../images/info_activites.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:328px; padding-left:15px; padding-right:19px;
	height:90px; padding-top:15px; padding-bottom:19px;
	font-size:11px;
	text-align:justify;
	overflow:hidden;
}
#cadre_info_membres{
	display:none;
	background-image:url(../images/info_membres.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:328px; padding-left:15px; padding-right:19px;
	height:90px; padding-top:15px; padding-bottom:19px;
	font-size:11px;
	text-align:justify;
	overflow:hidden;
}
#cadre_info_forfaits{
	display:none;
	background-image:url(../images/info_forfaits.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:328px; padding-left:15px; padding-right:19px;
	height:90px; padding-top:15px; padding-bottom:19px;
	font-size:11px;
	text-align:justify;
	overflow:hidden;
}
#cadre_info_partenaires{
	display:none;
	background-image:url(../images/info_partenaires.png);
	background-repeat:no-repeat;
	background-position:left top;	
	width:328px; padding-left:15px; padding-right:19px;
	height:90px; padding-top:15px; padding-bottom:19px;
	font-size:11px;
	text-align:justify;
	overflow:hidden;	
}
#cadre_info_marches{
	display:none;
	background-image:url(../images/info_marches.png);
	background-repeat:no-repeat;
	background-position:left top;	
	width:328px; padding-left:15px; padding-right:19px;
	height:90px; padding-top:15px; padding-bottom:19px;
	font-size:11px;
	text-align:justify;
	overflow:hidden;
}
#cadre_info_rejoindre{
	display:none;
	background-image:url(../images/info_membres.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:328px; padding-left:15px; padding-right:19px;
	height:90px; padding-top:15px; padding-bottom:19px;
	font-size:11px;
	text-align:justify;	
	overflow:hidden;
}
















.cadre_bas{	
	width:1024px;
	height:384px;
	overflow:hidden;
	/*background-color:#0F9;*/
}







/* ----------------------------------------------------- zone edito homepage ------------------------------------------------------ */

.partie_intro_edito{
	/*background-color:green;*/
	background-image:url(../images/edito_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:1024px;
	height:170px;
	overflow:hidden;
}
#zone_edito_titre{
	/*background-color:yellow;*/
	/*border:green thin solid;*/
	float:left;
	width:369px;
	height:205px; padding-top:65px;
	color:white;
	text-transform:uppercase;
	font-size:16px;
	overflow:hidden;
}
#zone_edito_texte{
	/*background-color:red;*/
	/*border:red thin solid;*/
	float:left;	
	width:510px; padding-right:35px;
	height:110px;padding-top:30px; padding-bottom:30px;
	text-align:justify;
	color:#311a80; /*bleu marine foncé edito */
	overflow:hidden;
	
}
#zone_edito_bouton{
	/*background-color:orange;	*/
	float:left;
	width:80px; padding-right:30px;
	height:110px; padding-top:60px;
	overflow:hidden;
}
#bouton_lire_la_suite{
	background-image:url(../images/bouton_lire_suivant1.png); background-position:left top; background-repeat:no-repeat;
	width:65px;
	height:40px;
	overflow:hidden;
}
#bouton_lire_la_suite:hover{
	background-image:url(../images/bouton_lire_suivant2.png); background-position:left top; background-repeat:no-repeat;
}




/* ----------------------------------------------------- zone de module homepage ------------------------------------------------------ */

.partie_modules{	
	width:844px; padding-left:180px;
	height:165px;
}

#module_marches{
	float:left;
	background-image:url(../images/bloc_marches.png); background-repeat:no-repeat; background-position:left top;
	width:260px;
	height:160px;
	overflow:hidden;	
}
#module_marche_titre{
	
	text-transform:uppercase;
	font-size:16px;
	font-style:italic;
	text-align:left;
	color:white;
	height:35px;
	width:225px; padding-left:15px;
}
#module_marche_texte{
	/*background-color:orange;*/
	text-transform:uppercase;
	font-size:14px;
	text-align:left;
	line-height:1.5em;
	color:#311a80; /*bleu marine foncé edito */
	width:240px; padding-left:20px;
	height:105px; padding-top:20px;
	overflow:hidden;	
}
#module_marche_texte a{color:#311a80;text-decoration:none;text-indent: -1em;}
#module_marche_texte a:hover{color:#311a80;text-decoration:none;text-indent: -1em;font-weight:bold;}


#module_rejoindre{
	float:left;
	background-image:url(../images/bloc_rejoindre.png); background-repeat:no-repeat; background-position:left top;
	width:260px;
	height:160px;
	overflow:hidden;	
}
#module_rejoindre_titre{
	
	text-transform:uppercase;
	font-size:16px;	
	font-style:italic;
	text-align:center;
	font-weight:bold;
	color:#f3a41f;
	height:50px;
	width:240px;
}

#module_rejoindre_texte{
	/*background-color:orange;*/
	text-transform:uppercase;
	font-size:14px;
	line-height:1.5em;
	text-align:center;
	color:white;
	width:260px;
	height:90px; padding-top:20px;
	overflow:hidden;
}

#module_rejoindre_texte a{color:white;text-decoration:none;}
#module_rejoindre_texte a:hover{color:orange;text-decoration:none;}

#module_membres{
	float:left;
	background-image:url(../images/bloc_membres.png); background-repeat:no-repeat; background-position:left top;
	width:260px;
	height:160px;
	overflow:hidden;
}
#module_membres_titre{
	/*background-color:orange;*/
	text-transform:uppercase;
	font-size:16px;
	font-style:italic;
	text-align:center;
	font-weight:bold;
	color:#9a92d5; /*mauve*/
	height:35px;
	width:260px;	
}
.module_optile{
	background-image:url(../images/optile_plus1.png);background-position:right top;background-repeat:no-repeat;
	width:230px; margin-right:30px;
	height:28px; margin-top:7px; 
	text-align:right;
	overflow:hidden;
	color:#4271b5;
}
.module_optile:hover{
	background-image:url(../images/optile_plus2.png);background-position:right top;background-repeat:no-repeat;
}
.module_ratp{
	background-image:url(../images/ratp_plus1.png);background-position:right top;background-repeat:no-repeat;
	width:230px; margin-right:30px;
	height:29px; margin-top:11px;
	text-align:right;
	overflow:hidden;
	color:#43ac99;
	}
.module_ratp:hover{
	background-image:url(../images/ratp_plus2.png);background-position:right top;background-repeat:no-repeat;
}
.module_sncf{
	background-image:url(../images/sncf_plus1.png);background-position:right top;background-repeat:no-repeat;
	width:230px; margin-right:30px;
	height:31px; margin-top:10px;
	text-align:right;
	overflow:hidden;
	color:#aa0066;
}
.module_sncf:hover{
	background-image:url(../images/sncf_plus2.png);background-position:right top;background-repeat:no-repeat;
}





/* ----------------------------------------------------- zone du bas ------------------------------------------------------ */

.partie_menu_bas{
	background-image:url(../images/menu_bas_background.png); background-repeat:no-repeat; background-position: left top;
	width:1024px;
	height:21px; padding-top:5px;
	overflow:hidden;
	text-transform:uppercase;
	font-size:10px;
	}
.partie_menu_bas a{color:#9289d1; text-decoration:none; padding-left:20px; padding-right:20px;}
.partie_menu_bas a:hover{color:#9289d1; text-decoration:none;font-weight:bold;}


.partie_mini_texte{
	width:1024px;
	font-size:9px;
	text-align:center;	
	}



/* ----------------------------------------------------- zone de contenu page fille ------------------------------------------------------ */

.partie_contenu{
	background-image:url(../images/background_page.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:1024px;
	height:334px;
	overflow:hidden;
	}
#zone_contenu_menu{
	/*background-color:cyan;*/
	float:left;
	width:260px; padding-left:100px;
	height:324px; padding-top:10px;	
	overflow:hidden;
	text-align:left;
	}

.etiquette_menu{
	/*background-color:cyan;*/
	background-repeat:no-repeat;
	background-position:left top;
	width:128px;
	height:22px;
	overflow:hidden;	
	}
.etiquette_affichee{
	/*background-color:yellow;*/
	background-repeat:no-repeat;
	background-position:left top;
	width:240px;
	height:36px;
	overflow:hidden;
	}

.bulle{	
	/*background-color:red;*/
	background-repeat:no-repeat;
	background-position:left top;
	width:216px; margin-top:10px; /*max:360*/
	height:216px; padding-right:20px;
	overflow:hidden;
	}
	
/* edito */
#etiquette_edito_affichee{background-image:url(../images/etiquette_edito.png);}
#bulle_edito{background-image:url(../images/bulle_edito.png);}

/* mentions */
#etiquette_mentions_affichee{background-image:url(../images/etiquette_mentions.png);}
#bulle_mentions{background-image:url(../images/bulle_mentions.png);}

/* contact */
#etiquette_contact_affichee{background-image:url(../images/etiquette_contact.png);}
#bulle_contact{background-image:url(../images/bulle_contact.png);}

/* plan */
#etiquette_plan_affichee{background-image:url(../images/etiquette_plan.png);}
#bulle_plan{background-image:url(../images/bulle_mentions.png);}

/* presentation */
#etiquette_presentation_historique{background-image:url(../images/etiquette_presentation_historique1.png);}
#etiquette_presentation_historique:hover{background-image:url(../images/etiquette_presentation_historique2.png);}
#etiquette_presentation_missions{background-image:url(../images/etiquette_presentation_missions1.png);}
#etiquette_presentation_missions:hover{background-image:url(../images/etiquette_presentation_missions2.png);}
#etiquette_presentation_valeurs{background-image:url(../images/etiquette_presentation_valeurs1.png);}
#etiquette_presentation_valeurs:hover{background-image:url(../images/etiquette_presentation_valeurs2.png);}

#etiquette_presentation_historique_affichee{background-image:url(../images/etiquette_presentation_historique_affichee.png);}
#etiquette_presentation_missions_affichee{background-image:url(../images/etiquette_presentation_missions_affichee.png);}
#etiquette_presentation_valeurs_affichee{background-image:url(../images/etiquette_presentation_valeurs_affichee.png);}

#bulle_presentation_historique{background-image:url(../images/bulle_presentation_historique.png);}
#bulle_presentation_missions{background-image:url(../images/bulle_presentation_missions.png);}
#bulle_presentation_valeurs{background-image:url(../images/bulle_presentation_valeurs.png);}

/* activites */
#etiquette_activites_metiers{background-image:url(../images/etiquette_activites_metiers1.png);}
#etiquette_activites_metiers:hover{background-image:url(../images/etiquette_activites_metiers2.png);}
#etiquette_activites_organisation{background-image:url(../images/etiquette_activites_organisation1.png);}
#etiquette_activites_organisation:hover{background-image:url(../images/etiquette_activites_organisation2.png);}
#etiquette_activites_fonctionnement{background-image:url(../images/etiquette_activites_fonctionnement1.png);}
#etiquette_activites_fonctionnement:hover{background-image:url(../images/etiquette_activites_fonctionnement2.png);}

#etiquette_activites_metiers_affichee{background-image:url(../images/etiquette_activites_metiers_affichee.png);}
#etiquette_activites_organisation_affichee{background-image:url(../images/etiquette_activites_organisation_affichee.png);}
#etiquette_activites_fonctionnement_affichee{background-image:url(../images/etiquette_activites_fonctionnement_affichee.png);}

#bulle_activites_metiers{background-image:url(../images/bulle_activites_metiers.png);}
#bulle_activites_organisation{background-image:url(../images/bulle_activites_organisation.png);}
#bulle_activites_fonctionnement{background-image:url(../images/bulle_activites_fonctionnement.png);}

/* membres */
#etiquette_membres_optile{background-image:url(../images/etiquette_membres_optile1.png);}
#etiquette_membres_optile:hover{background-image:url(../images/etiquette_membres_optile2.png);}
#etiquette_membres_ratp{background-image:url(../images/etiquette_membres_ratp1.png);}
#etiquette_membres_ratp:hover{background-image:url(../images/etiquette_membres_ratp2.png);}
#etiquette_membres_sncf{background-image:url(../images/etiquette_membres_sncf1.png);}
#etiquette_membres_sncf:hover{background-image:url(../images/etiquette_membres_sncf2.png);}

#etiquette_membres_optile_affichee{background-image:url(../images/etiquette_membres_optile_affichee.png);}
#etiquette_membres_ratp_affichee{background-image:url(../images/etiquette_membres_ratp_affichee.png);}
#etiquette_membres_sncf_affichee{background-image:url(../images/etiquette_membres_sncf_affichee.png);}

#bulle_membres_optile{background-image:url(../images/bulle_membres_optile.png);}
#bulle_membres_ratp{background-image:url(../images/bulle_membres_ratp.png);}
#bulle_membres_sncf{background-image:url(../images/bulle_membres_sncf.png);}

/* forfaits */
#etiquette_forfaits_navigo{background-image:url(../images/etiquette_forfaits_navigo1.png);}
#etiquette_forfaits_navigo:hover{background-image:url(../images/etiquette_forfaits_navigo2.png);}
#etiquette_forfaits_semaine{background-image:url(../images/etiquette_forfaits_semaine1.png);}
#etiquette_forfaits_semaine:hover{background-image:url(../images/etiquette_forfaits_semaine2.png);}
#etiquette_forfaits_imagine{background-image:url(../images/etiquette_forfaits_imagine1.png);}
#etiquette_forfaits_imagine:hover{background-image:url(../images/etiquette_forfaits_imagine2.png);}

#etiquette_forfaits_navigo_affichee{background-image:url(../images/etiquette_forfaits_navigo_affichee.png);}
#etiquette_forfaits_semaine_affichee{background-image:url(../images/etiquette_forfaits_semaine_affichee.png);}
#etiquette_forfaits_imagine_affichee{background-image:url(../images/etiquette_forfaits_imagine_affichee.png);}

#bulle_forfaits_navigo{background-image:url(../images/bulle_forfaits_navigo.png);}
#bulle_forfaits_semaine{background-image:url(../images/bulle_forfaits_semaine.png);}
#bulle_forfaits_imagine{background-image:url(../images/bulle_forfaits_imagine.png);}

/* partenaires */
#etiquette_partenaires_relation{background-image:url(../images/etiquette_partenaires_relation1.png);}
#etiquette_partenaires_relation:hover{background-image:url(../images/etiquette_partenaires_relation2.png);}
#etiquette_partenaires_systeme{background-image:url(../images/etiquette_partenaires_systeme1.png);}
#etiquette_partenaires_systeme:hover{background-image:url(../images/etiquette_partenaires_systeme2.png);}
#etiquette_partenaires_autres{background-image:url(../images/etiquette_partenaires_autres1.png);}
#etiquette_partenaires_autres:hover{background-image:url(../images/etiquette_partenaires_autres2.png);}

#etiquette_partenaires_relation_affichee{background-image:url(../images/etiquette_partenaires_relation_affichee.png);}
#etiquette_partenaires_systeme_affichee{background-image:url(../images/etiquette_partenaires_systeme_affichee.png);}
#etiquette_partenaires_autres_affichee{background-image:url(../images/etiquette_partenaires_autres_affichee.png);}

#bulle_partenaires_relation{background-image:url(../images/bulle_partenaires_relation.png);}
#bulle_partenaires_systeme{background-image:url(../images/bulle_partenaires_systeme.png);}
#bulle_partenaires_autres{background-image:url(../images/bulle_partenaires_autres.png);}


/* marches */
#etiquette_marches_avis{background-image:url(../images/etiquette_marches_avis1.png);}
#etiquette_marches_avis:hover{background-image:url(../images/etiquette_marches_avis2.png);}
#etiquette_marches_attribution{background-image:url(../images/etiquette_marches_attribution1.png);}
#etiquette_marches_attribution:hover{background-image:url(../images/etiquette_marches_attribution2.png);}
#etiquette_marches_conditions{background-image:url(../images/etiquette_marches_conditions1.png);}
#etiquette_marches_conditions:hover{background-image:url(../images/etiquette_marches_conditions2.png);}

#etiquette_marches_avis_affichee{background-image:url(../images/etiquette_marches_avis_affichee.png);}
#etiquette_marches_attribution_affichee{background-image:url(../images/etiquette_marches_attribution_affichee.png);}
#etiquette_marches_conditions_affichee{background-image:url(../images/etiquette_marches_conditions_affichee.png);}

#bulle_marches_avis{background-image:url(../images/bulle_marches_avis.png);}
#bulle_marches_attribution{background-image:url(../images/bulle_marches_attribution.png);}
#bulle_marches_conditions{background-image:url(../images/bulle_marches_conditions.png);}

/* rejoindre */
#etiquette_rejoindre_metiers{background-image:url(../images/etiquette_rejoindre_metiers1.png);}
#etiquette_rejoindre_metiers:hover{background-image:url(../images/etiquette_rejoindre_metiers2.png);}
#etiquette_rejoindre_offres{background-image:url(../images/etiquette_rejoindre_offres1.png);}
#etiquette_rejoindre_offres:hover{background-image:url(../images/etiquette_rejoindre_offres2.png);}
#etiquette_rejoindre_candidature{background-image:url(../images/etiquette_rejoindre_candidature1.png);}
#etiquette_rejoindre_candidature:hover{background-image:url(../images/etiquette_rejoindre_candidature2.png);}

#etiquette_rejoindre_metiers_affichee{background-image:url(../images/etiquette_rejoindre_metiers_affichee.png);}
#etiquette_rejoindre_offres_affichee{background-image:url(../images/etiquette_rejoindre_offres_affichee.png);}
#etiquette_rejoindre_candidature_affichee{background-image:url(../images/etiquette_rejoindre_candidature_affichee.png);}

#bulle_rejoindre_metiers{background-image:url(../images/bulle_rejoindre_metiers.png);}
#bulle_rejoindre_offres{background-image:url(../images/bulle_rejoindre_offres.png);}
#bulle_rejoindre_candidature{background-image:url(../images/bulle_rejoindre_candidature.png);}

#zone_contenu_texte{
	/*background-color:cyan;*/
	float:left;
	width:500px; padding-right:44px; padding-left:20px;
	height:300px; padding-top:34px;
	text-align:justify;
	font-size:12px;
	color:#311a80; /*bleu marine foncé edito */
	overflow:hidden;
	scrollbar-face-color:#9289d1;
}
#zone_contenu_texte a {color:#9289d1; text-decoration:none;}
#zone_contenu_texte a:hover {color:black;}
#zone_contenu_bouton{
	/*background-color:orange;*/
	float:left;
	width:75px; padding-right:25px;
	height:234px; padding-top:100px;	
	overflow:hidden;	
}

.bouton_lire_apres{	
	background-position:left top;
	background-repeat:no-repeat;
	width:58px;
	height:58px;
	overflow:hidden;
}
.bouton_lire_avant{	
	background-position:left top;
	background-repeat:no-repeat;
	width:58px;
	height:58px;
	overflow:hidden;
}

#bouton_edito_lire_apres{background-image:url(../images/bouton_edito_lire_apres1.png); }
#bouton_edito_lire_apres:hover{background-image:url(../images/bouton_edito_lire_apres2.png);}
#bouton_edito_lire_avant{background-image:url(../images/bouton_edito_lire_avant1.png);}
#bouton_edito_lire_avant:hover{background-image:url(../images/bouton_edito_lire_avant2.png);}

#bouton_mentions_lire_apres{background-image:url(../images/bouton_edito_lire_apres1.png); }
#bouton_mentions_lire_apres:hover{background-image:url(../images/bouton_edito_lire_apres2.png);}
#bouton_mentions_lire_avant{background-image:url(../images/bouton_edito_lire_avant1.png);}
#bouton_mentions_lire_avant:hover{background-image:url(../images/bouton_edito_lire_avant2.png);}

#bouton_plan_lire_apres{background-image:url(../images/bouton_edito_lire_apres1.png); }
#bouton_plan_lire_apres:hover{background-image:url(../images/bouton_edito_lire_apres2.png);}
#bouton_plan_lire_avant{background-image:url(../images/bouton_edito_lire_avant1.png);}
#bouton_plan_lire_avant:hover{background-image:url(../images/bouton_edito_lire_avant2.png);}

#bouton_contact_lire_apres{background-image:url(../images/bouton_edito_lire_apres1.png); }
#bouton_contact_lire_apres:hover{background-image:url(../images/bouton_edito_lire_apres2.png);}
#bouton_contact_lire_avant{background-image:url(../images/bouton_edito_lire_avant1.png);}
#bouton_contact_lire_avant:hover{background-image:url(../images/bouton_edito_lire_avant2.png);}

#bouton_presentation_lire_apres{background-image:url(../images/bouton_presentation_lire_apres1.png); }
#bouton_presentation_lire_apres:hover{background-image:url(../images/bouton_presentation_lire_apres2.png);}
#bouton_presentation_lire_avant{background-image:url(../images/bouton_presentation_lire_avant1.png);}
#bouton_presentation_lire_avant:hover{background-image:url(../images/bouton_presentation_lire_avant2.png);}

#bouton_activites_lire_apres{background-image:url(../images/bouton_activites_lire_apres1.png); }
#bouton_activites_lire_apres:hover{background-image:url(../images/bouton_activites_lire_apres2.png);}
#bouton_activites_lire_avant{background-image:url(../images/bouton_activites_lire_avant1.png);}
#bouton_activites_lire_avant:hover{background-image:url(../images/bouton_activites_lire_avant2.png);}

#bouton_membres_lire_apres{background-image:url(../images/bouton_membres_lire_apres1.png); }
#bouton_membres_lire_apres:hover{background-image:url(../images/bouton_membres_lire_apres2.png);}
#bouton_membres_lire_avant{background-image:url(../images/bouton_membres_lire_avant1.png);}
#bouton_membres_lire_avant:hover{background-image:url(../images/bouton_membres_lire_avant2.png);}

#bouton_forfaits_lire_apres{background-image:url(../images/bouton_forfaits_lire_apres1.png); }
#bouton_forfaits_lire_apres:hover{background-image:url(../images/bouton_forfaits_lire_apres2.png);}
#bouton_forfaits_lire_avant{background-image:url(../images/bouton_forfaits_lire_avant1.png);}
#bouton_forfaits_lire_avant:hover{background-image:url(../images/bouton_forfaits_lire_avant2.png);}

#bouton_partenaires_lire_apres{background-image:url(../images/bouton_partenaires_lire_apres1.png); }
#bouton_partenaires_lire_apres:hover{background-image:url(../images/bouton_partenaires_lire_apres2.png);}
#bouton_partenaires_lire_avant{background-image:url(../images/bouton_partenaires_lire_avant1.png);}
#bouton_partenaires_lire_avant:hover{background-image:url(../images/bouton_partenaires_lire_avant2.png);}

#bouton_marches_lire_apres{background-image:url(../images/bouton_marches_lire_apres1.png); }
#bouton_marches_lire_apres:hover{background-image:url(../images/bouton_marches_lire_apres2.png);}
#bouton_marches_lire_avant{background-image:url(../images/bouton_marches_lire_avant1.png);}
#bouton_marches_lire_avant:hover{background-image:url(../images/bouton_marches_lire_avant2.png);}

#bouton_rejoindre_lire_apres{background-image:url(../images/bouton_rejoindre_lire_apres1.png); }
#bouton_rejoindre_lire_apres:hover{background-image:url(../images/bouton_rejoindre_lire_apres2.png);}
#bouton_rejoindre_lire_avant{background-image:url(../images/bouton_rejoindre_lire_avant1.png);}
#bouton_rejoindre_lire_avant:hover{background-image:url(../images/bouton_rejoindre_lire_avant2.png);}

.un_avis{
	color:black;
	width:500px;
	min-height:50px;
	}
.un_avis_entete{	
	width:500px;
	}

.avis_date{
	float:left;
	text-align:center;
	width:100px;
}
.avis_date_long{
	float:left;
	text-align:center;
	width:200px;
}
.avis_date_entete{
	float:left;
	text-align:center;
	width:100px;
	font-weight:bold;
	text-decoration:underline;
	color:#311a80;
}
.avis_details_entete{
	float:left;	
	width:300px;
	text-align:left;
	font-weight:bold;
	text-decoration:underline;
	color:#311a80;
}
.avis_details{
	float:left;	
	width:290px; padding-left:10px;
	text-align:left;
}
.avis_telecharger{background-image:url(../images/bouton_telecharger1.png); background-1repeat:no-repeat; width:124px; height:30px;}
.avis_telecharger:hover{background-image:url(../images/bouton_telecharger2.png); background-repeat:no-repeat;}
	
.bouton_envoyer{background-image:url(../images/bouton_envoyer1.png); background-repeat:no-repeat; width:124px; height:30px;}
.bouton_envoyer:hover{background-image:url(../images/bouton_envoyer2.png); background-repeat:no-repeat;}

.bouton_postuler{background-image:url(../images/bouton_postuler1.png); background-repeat:no-repeat; width:124px; height:30px;}
.bouton_postuler:hover{background-image:url(../images/bouton_postuler2.png); background-repeat:no-repeat;}

.tres_petit_texte{font-size:9px;}

div.un_avis.les_offres{float:left;}
div.offre-description{float:left;display:none;border-bottom:1px solid #777; }
div.les_offres div.avis_date{text-align:left;width:95px;}
div.les_offres .avis_type {float: left;width: 170px;text-align:left;}
div.les_offres .avis_details{width:140px;padding-left:30px;padding-right:60px;position:relative;}
div.les_offres .avis_details span.arrow{width:24px;height:24px;display:block;position:absolute;top:50%;margin-top:-12px;right:30px;background:transparent url("../images/top_bottom_arrow.png") no-repeat left bottom; }
div.les_offres.open .avis_details span.arrow{background:transparent url("../images/top_bottom_arrow.png") no-repeat left top; }
div.les_offres div.slide{cursor:pointer;}
div.contenu.page-3 #zone_contenu_texte {
	height: 260px!important;
	margin-top: 0px!important;
}

/* POPUP RECRUTEMENT */
#popup_background_hidder {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(30,30,30,0.1);
	top: 0px;
	left: 0px;
	z-index: 8000;
}

#popup_background {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 8000;
}

#popup_background > #popup_container {
	top: 0px;
	width: 512px;
	height: 283px;
	left: 0px;
	border: 2px solid #323A8B;
	border-radius: 5px;
	margin: 200px auto;
	position: relative;
}

#popup_container > #popup_container_background {
	width: 512px;
	height: 283px;
	position: absolute;
	background-color: rgba(255,255,255,0.9);
	border-radius: 5px;
}

#popup_container > #popup_container_content {
	color: #323A8B;
	position: relative;
	width: 512px;
	height: 283px;
	border-radius: 5px;
}

#popup_container #popup_container_close {
	width: 22px;
	height: 22px;
	background-color: #918ACE;
	color: #FFFFFF;
	font-size: 20px;
	border: 0px solid white;
	border-radius: 11px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

#popup_container > #popup_container_content h1 {
	padding: 40px 0px 10px 0px;
	font-size: 1.8em;
}


#popup_container > #popup_container_content a.btn {
	text-decoration: none;
	padding: 30px 30px;
}

#popup_container > #popup_container_content a.btn > span {
	background-color: #928AD1;
	width: 200px;
	height: 12px;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding: 10px 0px 11px 0px;
	border-radius: 5px;
}