/* css site Profil */
/* Franck GRENIER */
/* 18/10/2005 */

* { 
	margin:0px;
	padding:0px;
}

body {
	background-image: url("/acs/sites-gl-events-medias/profil/trame.gif");
    font-family:verdana,arial,sans-serif;
    font-size:9px;
    color:#688A92;
}

img{border:0px;}

a {text-decoration:none;}

input, select, textarea {
	font-family:verdana,arial,sans-serif;
	font-family:verdana,arial,sans-serif;
	font-size:9px; 
	color:#000000;
	background-color:#ffffff;
}

h1 {
	font-size:13px;
	text-align:left;
	text-transform:uppercase;
	margin-top:5px;
	margin-bottom:12px;
	font-weight:bold;
	padding-left:35px;
	padding-top:10px;
	background-image:url("/acs/sites-gl-events-medias/profil/puce_titre.gif");
	background-position:left top;
	background-repeat:no-repeat;
}

p {
	margin-bottom:7px;
	line-height:17px;
}

ul {
	list-style-type:square;
	margin-left:15px;
}

li {
	line-height:16px;
	margin-bottom:10px;
}

/* ------------------------------------ Styles de page ---------------------------------------- */
#back {
	position:absolute;
	top:0px;
	left:0px;
	background-image:url("/acs/sites-gl-events-medias/profil/logo-back.gif");
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top left;
	width:100%;
	height:100%;
}

#site {
	position:relative;
	width:788px;
	height:638px;
	margin:auto;
	background-color:#FFFFFF;
}

/*
#site {
	position:absolute;
	top:25px;
	left:25px;
	width:788px;
	height:638px;
	background-color:#FFFFFF;
}
*/

#siteSwf {
	position:relative;
	top:0px;
	margin:auto;
	width:790px;
	height:700px;
}

#logoGLaccueil, #logoGLaccueil img{
	position:relative;
	border:0px;
	left:0px;
}

#skipIntro {
	text-align:center;
	position:relative;
	left:300px;
	color:#ffffff;
}
#skipIntro:hover{color:#FF0202;}

#mentions {
	position:relative;
	margin:auto;
	width:788px;
	color:#FFFFFF;
	text-align:right;
	margin-top:3px;
}

/*
#mentions {
	position:absolute;
	top:663px;
	left:25px;
	width:788px;
	color:#FFFFFF;
	text-align:right;
	margin-top:3px;
	padding-bottom:50px;
}
*/

#cadreContenu {
	position:absolute;
	top:22px;
	left:22px;
	width:744px;
	height:518px;
	background-image:url("/acs/sites-gl-events-medias/profil/trame2.gif");
}

#cadreContenu #zoneContenu {
	position:absolute;
	top:22px;
	left:22px;
	width:300px;
	height:474px;
	background-color:#F2F1E6;
}

#cadreContenu #zoneContenuPleine {
	position:absolute;
	top:22px;
	left:22px;
	width:700px;
	height:474px;
	background-color:#F2F1E6;
}

#cadreContenu #zoneContenuGauche {
	position:absolute;
	top:22px;
	left:22px;
	width:325px;
	height:474px;
	background-color:#F2F1E6;
}

#cadreContenu #ombrePage {
	position:absolute;
	top:22px;
	left:347px;
	width:50px;
	height:474px;
	background-color:#F2F1E6;
	background-image:url("/acs/sites-gl-events-medias/profil/ombre.jpg");
	background-repeat:no-repeat;
	background-position:center;
}

#cadreContenu #zoneContenuDroite {
	position:absolute;
	top:22px;
	left:397px;
	width:325px;
	height:474px;
	background-color:#F2F1E6;
}

#cadreContenu #zoneContenuDroiteRef {
	position:absolute;
	top:10px;
	left:395px;
	width:300px;
	height:455px;
	background-color:#F2F1E6;
	overflow:auto;
}

#cadreContenu #illustrAccueil {
	position:absolute;
	top:0px;
	left:340px;
	width:404px;
	height:518px;
	background-image:url("/acs/sites-gl-events-medias/profil/accueil.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
}

#cadreContenu #illustr {
	position:absolute;
	top:0px;
	left:340px;
	width:404px;
	height:518px;
	background-image:url("");
	background-repeat:no-repeat;
	background-position:right bottom;
}

#cadreContenu #illustrMetiers {
	position:absolute;
	top:0px;
	left:340px;
	width:404px;
	height:518px;
	background-image:url("/acs/sites-gl-events-medias/profil/metier.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
}

#logoGL {
	position:absolute;
	left:22px;
	top:576px;
	width:41px;
	height:40px;
}

#menuHaut {
	position:relative;
	top:5px;
	left:0px;
	width:766px;
	text-align:right;
}

#menuHaut .lienHaut {
	display:inline;
	margin-left:10px;
}

#vous_etes {
	position:absolute;
	padding-right:5px;
	top:541px;
	left:22px;
	background-color:#FFFFFF;
	color:#B0B0B0;
	z-index:1;
}

/* --------------------------------- menu niv1 ------------------------------------- */
#zoneMenu {
	position:absolute;
	top:558px;
	left:22px;
	width:744px;
	text-align:right;
	text-transform:uppercase;
	color:#63848C;
	font-weight:bold;
}

#zoneMenu .lienMenu, .lienMenuOver {
	display:inline;
	margin-left:10px;
	font-size:10px;
}

#redline {
	position:absolute;
	height:1px;
	width:0px;
}

#curseur {
	position:absolute;
	top:549px;
	left:22px;
	width:744px;
	height:5px;
}

#picto_curseur {
	position:absolute;
	top:0px;
	left:0px;
	width:9px;
	height:5px;
}

#separation {
	position:absolute;
	top:547px;
	left:22px;
	width:744px;
	height:1px;
	background-color:#B0B0B0;
	padding:0px;
	margin:0px;
}

#separationAccueil {
	position:absolute;
	top:546px;
	left:22px;
	width:744px;
	height:1px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#separationAccueil img {
	position:absolute;
	top:0px;
	left:0px;
}


/* ---------------------------------- menu niv2 -------------------------------------- */
#zoneMenu2 {
	position:absolute;
	top:602px;
	left:22px;
	width:744px;
	text-align:left;
	text-transform:uppercase;
}

#zoneMenu2 .lienMenu2, .lienMenu2Over {
	display:inline;
	margin-right:10px;
	font-size:9px;
}

#redline2 {
	position:absolute;
	height:1px;
	width:0px;
}

#curseur2 {
	position:absolute;
	top:593px;
	left:22px;
	width:744px;
	height:5px;
}

#picto_curseur2 {
	position:absolute;
	top:0px;
	left:0px;
	width:9px;
	height:5px;
	visibility:hidden;
}

#separation2 {
	position:absolute;
	top:591px;
	left:22px;
	width:744px;
	height:1px;
	background-color:#B0B0B0;
}


/* -------------------------------------- styles du contenu ------------------------------------- */
#logoProfil {
	position:absolute;
	top:0px;
	left:140px;
	width:74px;
	height:105px;
}

#logoProfilPlein {
	position:absolute;
	top:0px;
	left:330px;
	width:74px;
	height:105px;
}

#logoProfilAcceuil {
	position:absolute;
	top:0px;
	left:125px;
	width:74px;
	height:105px;
}

#contenuAccueil {
	position:absolute;
	top:140px;
	left:20px;
	width:280px;
	height:323px;
	font-size:11px;
	line-height:20px;
	overflow:auto;
	padding-right:10px;
}

#contenu {
	position:absolute;
	top:80px;
	left:10px;
	width:290px;
	height:383px;
	font-size:11px;
	line-height:20px;
	overflow:auto;
	padding-right:10px;
}

.img_article {
	float:left;
	margin:0px;
	padding:0px;
	margin-right:8px;
	margin-top:4px;
	border:2px #AAC4CA solid;
}

#contenuPlein {
	position:absolute;
	top:70px;
	left:20px;
	width:675px;
	height:383px;
	font-size:11px;
	line-height:20px;
	overflow:auto;
	padding:0px;
	margin:0px;
	padding-right:10px;
}

#btn_suivant {
	position:absolute;
	top:244px;
	left:729px;
	width:15px;
	height:54px;
}

#btn_precedent {
	position:absolute;
	top:244px;
	left:0px;
	width:15px;
	height:54px;
}

.metier {
	margin-bottom:15px;
	cursor:pointer;
}

.metier .titre_metier {
	color:#688A92;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
}

.metier .descr_metier {
	color:#688A92;
	padding-left:8px;
	margin-left:3px;
	border-left:3px #BDD5D4 solid;
	line-height:13.5px;
}

div.textSupp {
	position:absolute;
	width:200px;
	left:450px;
	bottom:95px;
	color:#4B6369;
	z-index:5;
	padding:30px;
	padding-top:20px;
	background-color:#FDFCF0;
	border:1px #D5D4CA solid;
	background-image:url("/acs/sites-gl-events-medias/profil/cursor_textSupp.gif");
	background-repeat:no-repeat;
	background-position:3px 3px;
	visibility:hidden;
}

.close_btn {
	position:relative;
	margin-left:auto;
	margin-bottom:auto;
	width:5px;
	height:5px;
	cursor:pointer;
}

div.textSupp p {
	line-height:17px;
	font-size:11px;
}

/* ------------------------------- styles du player TENUES ------------------------------------- */
#show {
	position:absolute;
	top:10px;
	left:40px;
	width:245px;
	height:333px;
}

#champNom {
	position:absolute;
	top:355px;
	left:0px;
	text-transform:uppercase;
	font-weight:bold;
}

#nom {
	position:absolute;
	top:355px;
	left:100px;
	color:#6B6B6B;
}

#champDescr {
	position:absolute;
	top:375px;
	left:0px;
	text-transform:uppercase;
	font-weight:bold;
}

#description {
	position:absolute;
	top:390px;
	left:0px;
	width:325px;
	height:38px;
	overflow:auto;
	color:#6B6B6B;
	padding-right:5px;
}

#player {
	position:absolute;
	left:0px;
	top:447px;
	height:27px;
	width:320px;
	background-color:#F8F8F5;
}

#player img {
	margin-left:10px;
}

#player select {
	width:115px;
}

#choixTenue {
	position:absolute;
	left:13px;
	top:4px;
}

#nav_manu {
	position:absolute;
	top:4px;
	left:160px;
}

#nav_auto {
	position:absolute;
	top:4px;
	left:250px;
}

#sepa1 {
	position:absolute;
	top:5px;
	left:140px;
}

#sepa2 {
	position:absolute;
	top:5px;
	left:230px;
}


/* ------------------------------------- styles des formulaires -------------------------------------- */
#form_part_vous {
	position:absolute;
	left:10px;
	top:0px;
}

#form_part_prest {
	position:absolute;
	left:355px;
	top:25px;
}

#form_part_doc {
	position:absolute;
	left:355px;
	top:200px;
}

#formDemandeInfos input {
	height:15px;
	color:#767676;
}

#formDemandeInfos .champs {
	border:1px #999999 solid;
	font-size:9px;
	padding-left:3px;
	padding-top:1px;
}

#formDemandeInfos textarea {
	border:1px #999999 solid;
	height:25px;
	width:150px;
	overflow:auto;
	color:#767676;
	margin-bottom:3px;
	padding-left:3px;
	padding-top:1px;
}

#formDemandeInfos textarea#message {
	border:1px #999999 solid;
	height:93px;
	width:156px;
	overflow:auto;
	padding-left:3px;
	padding-top:1px;
}

#formDemandeInfos input#email {
	width:150px;
}

span.red {
	color:red;
}

.buttons {
	width:auto;
	background-color:#F2F1E6;
	border:0px #F2F1E6 solid;
}

#formDemandeInfos td {
	padding-left:10px;
	padding-right:0px;
	vertical-align:top;
}

#formDemandeInfos input.file {
	height:17px;
	border:1px #999999 solid;
	font-size:9px;
	padding-left:3px;
	padding-top:1px;
}

#formDemandeInfos #infos_form {
	position:absolute;
	left:65px;
	top:260px;
	width:245px;
	font-size:9px;
	line-height:normal;
	color:#8A8A8A;
}

#formDemandeInfos #sepa_milieu {
	position:absolute;
	left:330px;
	top:5px;
	width:2px;
	height:370px;
	border-left:1px #C4C4C4 solid;
}

#formDemandeInfos #sepa_haut_bas {
	position:absolute;
	left:365px;
	top:190px;
	width:280px;
	height:2px;
	border-top:1px #C4C4C4 solid;
}

#formDemandeInfos #sepa_haut_bas2 {
	position:absolute;
	left:10px;
	top:245px;
	width:280px;
	height:2px;
	border-top:1px #C4C4C4 solid;
}

#formDemandeInfos #submit {
	border:0px #222222 solid;
	height:20px;
	width:35px;
	font-weight:bold;
	padding-bottom:2px;
}

#formDemandeInfos #reset {
	border:0px #222222 solid;
	height:20px;
	width:41px;
	font-weight:bold;
	padding-bottom:2px;
}

#formDemandeInfos #tdSubmit {
	text-align:right;
	padding-top:12px;
}

#formDemandeInfos #tdSubmit input {
	width:auto;
	height:auto;
	padding:3px;
	margin-right:5px;
	border:2px #AAC4CA solid;
	text-transform:uppercase;
}


/* ------------------------------- styles de formulaire "candidature" -------------------------------------- */
#candidature td {
	padding-left:10px;
	vertical-align:middle;
}

#candidature td.left {
	width:350px;
}

#candidature input {
	height:15px;
	color:#767676;
	width:200px;
	padding-left:2px;
	padding-top:1px;
	border:1px #999999 solid;
	font-size:9px;
}

#candidature textarea {
	border:1px #999999 solid;
	height:60px;
	width:300px;
	overflow:auto;
	color:#767676;
	margin-bottom:3px;
	padding-top:1px;
	padding-left:3px;
}

#candidature textarea#adresse {
	border:1px #999999 solid;
	height:50px;
	width:150px;
	overflow:auto;
	color:#767676;
	margin-bottom:3px;
	padding-top:1px;
	padding-left:3px;
}

#candidature #submit {
	border:0px #222222 solid;
	height:20px;
	width:35px;
	font-weight:bold;
	padding-bottom:2px;
}

#candidature #reset {
	border:0px #222222 solid;
	height:20px;
	width:41px;
	font-weight:bold;
	padding-bottom:2px;
}

#candidature #tdSubmit {
	text-align:center;
	padding-top:12px;
}

#candidature #tdSubmit input {
	width:auto;
	height:auto;
	padding:3px;
	margin-right:5px;
	border:2px #AAC4CA solid;
	text-transform:uppercase;
}

#candidature input.file {
	height:17px;
	width:190px;
	border:1px #999999 solid;
	font-size:9px;
	padding-left:3px;
	padding-top:1px;
}

#candidature .form_part_titre {
	font-weight:bold;
	text-transform:uppercase;
	padding-left:0px;
	padding-top:10px;
	border-bottom:1px solid #C4C4C4;
}

#candidature .first {
	padding-top:5px;
}

#candidature .buttons {
	width:15px;
	border:0px;
}

.tdMentions {
	font-size:9px;
	line-height:normal;
	color:#8A8A8A;
	padding:20px;
	padding-top:30px;
	text-align:center;
}

td.first_docu {
	padding-top:10px;
	padding-bottom:2px;
}

/* ------------------------------- styles de formulaire "Réponse à une offre d'emploi" -------------------------------------- */
#rep_offre td {
	padding-left:10px;
	vertical-align:middle;
	height:25px;
}

#rep_offre td.left {
	width:250px;
	text-align:right;
}

#rep_offre input {
	height:15px;
	color:#767676;
	width:200px;
	padding-left:2px;
	padding-top:1px;
	border:1px #999999 solid;
	font-size:9px;
}

#rep_offre textarea {
	border:1px #999999 solid;
	height:60px;
	width:300px;
	overflow:auto;
	color:#767676;
	margin-bottom:3px;
	padding-top:1px;
	padding-left:3px;
}

#rep_offre #submit {
	border:0px #222222 solid;
	height:20px;
	width:35px;
	font-weight:bold;
	padding-bottom:2px;
}

#rep_offre #tdSubmit {
	text-align:right;
	padding-top:12px;
}

#rep_offre #tdSubmit input {
	width:auto;
	height:auto;
	padding:3px;
	margin-right:5px;
	border:2px #AAC4CA solid;
	text-transform:uppercase;
}

#rep_offre input.file {
	height:17px;
	width:190px;
	border:1px #999999 solid;
	font-size:9px;
	padding-left:3px;
	padding-top:1px;
}

#rep_offre .first {
	padding-top:5px;
}

#rep_offre .buttons {
	width:15px;
	border:0px;
}


/* --------------------------------------- styles module offres d'emploi --------------------------------------- */
#offre {
	color:#688A92;
	font-size:10px;
	background-image:none;
}

#offre div {
	position:relative;
	width:415px;
	margin:auto;
	padding-left:10px;
	padding-right:30px;
}

#offre p {
	margin-bottom:10px;
	margin-top:5px;
	line-height:normal;
}

#offre #entete {
	padding-top:20px;
	padding-bottom:15px;
	color:#676767;
	padding-left:0px;
	padding-right:0px;
	width:455px;
}

#offre #entete img {
	left:0px;
}

#offre #entete #societe {
	margin-left:10px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
}

#offre #entete #descr_societe {
	left:0px;
	margin-left:0px;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
}

#offre #detail_offre {
	padding-top:15px;
	padding-bottom:25px;
	background-color:#F2F1E6;
}

#offre #detail_offre #intitule_offre {
	font-size:11px;
	font-weight:bold;
	color:#557178;
	text-transform:uppercase;
}

#offre #detail_offre #lieu_offre {
	font-size:10px;
	font-weight:bold;
	color:#557178;
	margin-bottom:10px;
}

#offre #bas_offre {
	padding-top:15px;
	padding-bottom:18px;
	background-color:#F2F1E6;
	margin-top:10px;
}

#offre #bas_offre #reference_offre {
	margin-bottom:10px;
	margin-top:5px;
}

#offre #bas_offre #contact_offre {
	margin-bottom:10px;
	margin-top:5px;
}

#offre #bas_offre #reponse_offre {
	margin-bottom:10px;
	margin-top:5px;
}

#container_offres {
	width:100%;
	border-width:0px;
	padding-top:20px;
}

#liste_offres {
	position:relative;
	width:600px;
	margin:auto;
	border-width:0px;
}

#liste_offres td {
	width:150px;
	vertical-align:baseline;
	border-width:0px;
}

#liste_offres tr.ligne_name_col {
	background-color:#688A92;
}

#liste_offres td.name_col {
	width:150px;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:baseline;
	color:#FFFFFF;
	padding:2px;
	padding-left:5px;
	margin:0px;
}

#liste_offres td.type_poste {
	width:600px;
	font-size:9px;
	text-transform:uppercase;
	vertical-align:baseline;
	background-color:#FFFFFF;
	color:#FF0000;
	padding-left:5px;
	border-bottom:1px #D3D9D2 solid;
}

#liste_offres td.info_offre {
	width:150px;
	vertical-align:baseline;
	color:#688A92;
	padding:5px;
	padding-left:15px;
}

#liste_offres td.td_spacing {
	width:150px;
	height:10px;
}

/* ------------------------------------------ Références ----------------------------------------- */
.ref_tumb {
	display:inline;
	width:80px;
	height:59px;
	cursor:pointer;
	/*border:2px #AAC4CA solid;*/
}

.ref_tumb img {
	position:absolute;
	width:76px;
	vertical-align:top;
	clip:rect(0px 80px 55px 0px);
	overflow:hidden;
	 cursor:pointer;
	/*border:2px #AAC4CA solid;*/
}

#liste_refs_sport {
	width:250px;
	font-size:9px;
	margin-bottom:20px;
	background-image:url("/acs/sites-gl-events-medias/profil/sport.gif");
	background-position:top left;
	background-repeat:no-repeat;
}

#liste_refs_instit {
	width:250px;
	font-size:9px;
	margin-bottom:20px;
	background-image:url("/acs/sites-gl-events-medias/profil/institutionnel.gif");
	background-position:top left;
	background-repeat:no-repeat;
}

#liste_refs_congres {
	width:250px;
	font-size:9px;
	margin-bottom:20px;
	background-image:url("/acs/sites-gl-events-medias/profil/congres.gif");
	background-position:top left;
	background-repeat:no-repeat;
}

#liste_refs_stands {
	width:250px;
	font-size:9px;
	margin-bottom:20px;
	background-image:url("/acs/sites-gl-events-medias/profil/stands.gif");
	background-position:top left;
	background-repeat:no-repeat;
}

#liste_refs_promotion {
	width:250px;
	font-size:9px;
	margin-bottom:20px;
	background-image:url("/acs/sites-gl-events-medias/profil/promotion.gif");
	background-position:top left;
	background-repeat:no-repeat;
}

.ref {
	width:240px;
	margin-top:4px;
	margin-bottom:4px;
	line-height:15px;
	padding-left:25px;
	padding-top:10px;
}

.intitule_ref {
	font-weight:bold;
	text-transform:uppercase;
}

#logoSNPA {
	position:absolute;
	top:260px;
	left:10px;
	float:left;
}

/* ------------------------------------------- styles de liens ----------------------------------------------- */
a:link {color:#63848C;}
a:visited {color:#63848C;}
a:hover {color:#FF0202;}
a:active {color:#FF0202;}

.lienMenu a:link {color:#63848C;}
.lienMenu a:visited {color:#63848C;}
.lienMenu a:hover {color:#FF0202;}
.lienMenu a:active {color:#FF0202;}

.lienMenu2 a:link {	color:#878787;}
.lienMenu2 a:visited {	color:#878787;}
.lienMenu2 a:hover {color:#FF0202;}
.lienMenu2 a:active {color:#FF0202;}

.lienMenuOver a:link {color:#FF0202;}
.lienMenuOver a:visited {color:#FF0202;}
.lienMenuOver a:hover {color:#FF0202;}
.lienMenuOver a:active {color:#FF0202;}

.lienMenu2Over a:link {	color:#FF0202;}
.lienMenu2Over a:visited {	color:#FF0202;}
.lienMenu2Over a:hover {color:#FF0202;}
.lienMenu2Over a:active {color:#FF0202;}

.lienHaut a:link {color:#63848C;}
.lienHaut a:visited {color:#63848C;}
.lienHaut a:hover {color:#FF0202;}
.lienHaut a:active {color:#FF0202;}

#mentions a:link {color:#FFFFFF;}
#mentions a:visited {color:#FFFFFF;}
#mentions a:hover {color:#FFFFFF; text-decoration:underline;}
#mentions a:active {color:#FFFFFF; text-decoration:underline;}

#offre a:link {color:#3F5358;}
#offre a:visited {color:#3F5358;}
#offre a:hover {color:#FF0000;}
#offre a:active {color:#FF0000;}

#liste_offres a:link {color:#3F5358;}
#liste_offres a:visited {color:#3F5358;}
#liste_offres a:hover {color:#FF0000;}
#liste_offres a:active {color:#FF0000;}