/*PLAN DE LA FEUILLE DE STYLE*/

/*---1---COMMUNS
/*---2---HOME
/*---3---COLLECTION
/*---4---LES MAGASINS
/*---5---LE CLUB JULES
/*---6---LES GOODIES
/*---7---LES GUIDES
	/* 7-1 vetements*/
	/* 7-2 noeud de cravate*
	/* 7-3  cuir*/
	/* 7-4 chemise*/
	/* 7-5 pantalon*/
	/* 7-6 costume*/
	/* 7-7 sous-vetements*/
/*---8---UN JOB CHEZ JULES
	/* 8.1 -quisommes nous*/


/*-1 - COMMUNS*/
* { font-family:  "Trebuchet MS", Arial; margin:0px; padding:0px; list-style: none;}
.titrepage{position:absolute; top:38px; left:95px; z-index:8}
.contenu{position:absolute; left:24px; top:0px; width:826px;}
.blanc14 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;}
.blanc18 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF;}
.blanc104 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 104px; color: #FFFFFF;}
#deco{width:30px}
/*.........................................................................................................................................*/

/*-2 - HOME*/
/*.........................................................................................................................................*/
.texte_home_bleu1, .texte_home_blanc1 {	font-size: 32px;	font-weight: bold;	color: #02A5B8;}
.bleu11b {	font-size: 11px;	font-weight: bold;	color: #003366;}
.bleu11, .bleu11b{	color:#003F75;	font-size: 11px;	}
.bleu8, .bleu8b{	color:#003F75;	font-size: 9px;	}
.blanc11b{	font-size: 11px;	font-weight: bold;	color: #FFFFFF;	text-decoration:underline;	}
.texte_home_blanc1 {	color: #FFFFFF;}
.texte_home_blanc2 {	font-size: 18px;	font-weight: bold;	color: #FFFFFF;}
/*.........................................................................................................................................*/


/*-3 - COLLECTION*/	
/*.........................................................................................................................................*/
.titrezoomcollection{color:#003F75; font-size:24px; font-weight:bold}
.produits, .barre_haute{ margin-left:80px; }
/*COLLECTION BARRE DU MILIEU*/
.barre_milieu ul{	position:absolute;	left:601px; 	top:0; 	width:59px;	height:63px; 	z-index:80;	list-style: none;}
.barre_milieu li{	text-align:right;	width:200px;	}
/* COLLECTION VIGNETTES*/
.lignes{	margin:0 0 13 10; 	height:158px}
.lignes dt.fleche{	width:20px;	position:absolute;	left:10px; 	top:120px; }
.lignes dt.croix{	position:absolute;	left:133px;	top:5px}
.lignes dd img {	vertical-align: middle;}
.lignes dd {top:	position:relative; width:155px; font-size: 11px;color: #003366; line-height:13px;text-align:center}
.lignes dl{	background-color: #fed7b7; width: 154px; height:154px; text-align: center; float: left; margin-right: 1em; position:absolute;}
/*COLLECTION POPUP*/
#popup{	position:absolute; width:624px; height:465px; z-index:8; top:123px; left:0px; font-size:13px; 	color:#ffffff; font-weight:bold; letter-spacing:0.1em; visibility:hidden; }
#popup .croix{	position:absolute; 	top:5px; 	left:594px}
#popup .zoom{	position:absolute;	top:0px; 	left:2px;	width:525px; }
#popup .detail {	position:absolute;	left:484px;	top:318px;	letter-spacing:0.1em; }
#popup .detail img { margin-left:10px;}
#popup  dl {	position:absolute; left:484px;	top:320px;	width:122px; }
#popup  dd {	margin:0 0 0 15;}
/*.........................................................................................................................................*/


/*LES NEWS*/
#sondage_coll1{float:right}
#sondage_coll2{float:left}

/* -4- LES MAGASINS*/
/*.........................................................................................................................................*/
ul.MAG_coll1{ font-size:13px;color:#003f75;  position:absolute; left:40px; top:20px;}
.MAG_coll1 li.retrouvez{ width:360px; margin-top: 81px; font-size:21px;  font-weight:bold; text-align:right}
.MAG_coll1 li.proche{ width:360px;  font-size:21px; text-align:right; font-weight:bold;  line-height:18px; height:40px}
.MAG_coll1 li.flashtitre{margin-left:55px; margin-top:7px}
/*--------------------*/
.fondpapier{width:500px; position:absolute;background-repeat:no-repeat; left:435px; height:500px; top:85px;background-image:url(../images/magasins-jules/fond_calepin.jpg)}
ul.MAG_coll2 {position:absolute; top:165px; left:475px; margin:0px; padding:0px}
.MAG_coll2 li.titre_recherche{position:absolute;top:5px;font-weight:bold;width:300px;text-align:center;color:#003f75;font-size:15px; left:0px}
.MAG_coll2 li.carte{position:absolute; top:30px; left:100px}
.MAG_coll2 li.plugin{width:250px; position:absolute; top:105px; left:20px; font-size:12px; line-height:17px; text-align: center;}
.MAG_coll2 li.coinbasrecherche{position:absolute; top:150px; left:0px}
.MAG_coll2 li.plugin a{font-size:13px; color:#003f75; font-weight:bold; text-decoration:underline}
.MAG_coll2 li.recherche{font-size:24px; color:#003f75;  margin-top:150px; margin-bottom:5px; font-weight:bold}
.MAG_coll2 li .champs{height:40px}
#formul li select{width:249px; font-size:12px; margin:0}
#formul  li input{width:245px; font-size:12px}
.fond-note{position:absolute; top:85px; left:30px;z-index:5}
#l1, #l2, #formul, ul { margin: 0; padding: 0} 		/* -- ts les élements : margin et padding à 0 -- */
ul {list-style: none;}						/* -- ul sans puces --*/
li .vide { margin: 0 ; padding: 0 ;height: 15px;}		/* -- espaces entre les lignes --*/
#l1 {float: left; width:150px; height:100px;}		/* -- positionnement du div l1-- */
#l2 {float: right; width:50px; height:100px}		/* -- positionnement du div l2  -- */
/*.........................................................................................................................................*/
#popupmagasin{position:absolute; top:126px; left:23px; visibility:visible; background-color:#000000; color:#ffffff; z-index:100; width:777px; height:479px; border:1px solid #003f75; background:#ffffff}
#popupmagasin .fondpapier{position:absolute;background-repeat:no-repeat; left:20px; top:11px;background-image:url(../images/magasins-jules/popup_fond.jpg)}
#main2 {color:#003f75; font-size:12px}
#main2 .titre{font-weight:bold}
/*RESULTAT*/
.result_col01 {position:absolute; top:90px; left:100px; z-index:10; font-size:30px; font-weight:normal; font-size:12px; display:none}
.result_col01, .result_col02, .descrimag{ color:#003f75}
.result_col01 .lieu{ text-align:right;  width:400px;  margin-left:50px}
.result_col01 span{ font-weight:bold}
.result_col01 .crochet{font-size:14px}
.result_col01 .ville{font-size:30px; text-align:left}
.result_col01 .lieu{font-size:18px; margin:45px 0 0 -10px;width:320px; line-height:21px}
.result_col02 {position:absolute; top:55px; left:483px}
.result_col02 .nbremag{font-size:11px; margin:0 0 15px 50px}
.result_col02 .nbremag span{font-weight:bold}
.resultat_imprimer{position:absolute; top:520px; left:280px; width:340px; z-index:10}
.listmag{text-align:right; margin-right:21px}
.descrimag .horaires,.dates,.acces{ text-align:right;  width:320px; margin-top:5px}
.descrimag {position:absolute; top:310px; left:100px; z-index:10; font-size:30px; font-weight:normal; font-size:12px; display:none}
.descrimag span{ font-weight:bold}
.impressionmag{position:absolute; top:20px; z-index:15; width:480px}
/*.........................................................................................................................................*/




/* -5 - LE CLUB JULES */
/*.........................................................................................................................................*/
.bleu11 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 11px; color: #003F75;}
.bleu12 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #003F75;}
a.bleu12 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #003F75; text-decoration: none;}
a.bleu12:hover {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #003F75; text-decoration: underline;}
.bleu14 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #003F75; text-decoration: none;}
.blc14 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #003F75; text-decoration: none;}
a.bleu14 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #003F75; text-decoration: underline;}
a.bleu14:hover {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #003F75; text-decoration: none;}
.bleu16 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 16px; color: #003F75; text-decoration: none;}
a.bleu16 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #003F75; text-decoration: underline;}
a.bleu16:hover {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #003F75; text-decoration: none;}
.bleu18 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 18px; color: #003F75;}
.bleu24 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 24px; color: #003F75;}
.bleu30 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 30px; color: #003F75;}
.bleu40 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 40px; color: #003F75;}
.bleu43 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 43px; color: #003F75;}
.bleu65 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 65px; color: #003F75;}
.ble12 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; color: #003F75;}
.bleuclair16 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 16px; color: #57BDC1;}
.bleuclair18 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 18px; color: #57BDC1;}
.bleuclair24 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 24px; color: #57BDC1;}
.bleugris22 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 22px; color: #BABEE3;}
.gris24 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 24px; color: #595959;}
.vert24 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 24px; color: #B7CE37;}
.rose16 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 16px; color: #CE608A;}
.rose24 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 24px; color: #CE608A;}
.noi11 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 11px; color: #000;}
.rou11 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 10px; color: #ED1C24;}
.rou12 {color: red}
.rou14 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #ED1C24;}
.rouge11 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 10px; color: #ED1C24;}
.rouge14 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #ED1C24;}
.rouge15 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 15px; color: #ED1C24;}
.ros14 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #4D2038;}
.rouge22 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 22px; color: #ED1C24;}
.rouge28 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 28px; color: #ED1C24;}
.orange24 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 24px; color: #F47822;}
.jaune104 {font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 104px; color: #E5E631;}
/* formulaires */
.formu12 {background-color: #FFFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003F75; border: 1px solid #aaaaaa;}
/*.........................................................................................................................................*/
/*Les partenaire*/
.PARTEN_COLL1{position:absolute; top:106px;  text-align:right; width:360px}
.PARTEN_COLL2{position:absolute;  top:0px; left:396px; width:370px}
.PARTEN_COLL1, .PARTEN_COLL2{font-size:11px;  color:#003f75}
.PARTEN_COLL1 .titre{color:#c73c75; font-size:24px; font-weight:bold}
.PARTEN_COLL1 .img1{margin-top:28px; line-height:12px}
.PARTEN_COLL1 .img2{margin-top:37px}
.PARTEN_COLL2 .img1{margin-top:275px;}
.PARTEN_COLL2 .img2{margin-top:20px}
.PARTEN_COLL1 .interlign, .PARTEN_COLL2 .interlign{ line-height:13px}
.condition{position:absolute; top:660px; left:80px; color:#003f75; font-weight:bold; font-size:14px}
/*.........................................................................................................................................*/
/* -6- LES GOODIES*/
.goodiesNAV{position:absolute;  z-index:10; left:515px; top:0px}
.ECARDcoll02 {position:absolute; text-align:right; left:370px; top:54px}
.ECARDcoll02 .photo {margin-top:-8px}
.ECARDcoll02 .vignettes {margin-top:18px; margin-left:-5px;}
.ECARDcoll02 .ecard_envoyer{margin:0 0 0 180px}
.ECARDcoll01 {position:absolute;  left:20px; top:50px;  color:#003F75; font-weight:bold; margin:0px; padding:0px; font-size:12px }
.ECARDcoll01 .ligne1{margin-left:50px; font-size:22px}
.ECARDcoll01 .ligne2{margin:0 0 20px 190px;font-size:22px}
.ECARDcoll01 .viewSelect {position:relative;top:25px;height:419px;width:316px;background:url(../medias_com/images/ecards/img-ecards-fond.gif) no-repeat 0 0;}
.ECARDcoll01 .viewSelect  img{margin:13px 0 0 13px;}
.ECARDcoll01 .ecard_envoyer {margin:30px 0 0 100px;}
/*-------------------------------*/
.ECARD_select {color:#003F75;margin:0 0 0 40px;font-weight:bold;font-size:12px;padding-left:5px;}
.ECARD_select .ligne1{margin-left:50px; font-size:22px; margin-bottom:-5px}
.ECARD_select .saisissez{margin: 0 0 20px 52px}
.ECARD_select .texte12, .ECARD_select .rou12 {text-align:right;font-weight:bold;padding:0;width:350px;position:relative;}
.ECARD_select .msgEcard {height:130px;}
.ECARD_select  input {width:340px;padding:3px 4px;margin:6px 0 20px;text-align:right;clear:both;}
.ECARD_select  textarea {width:340px;height:90px;padding:4px;margin:6px 0 0;border:1px solid #aaaaaa;}
.ECARD_select  .obligatoire{font-size:10px; font-weight:normal;color:#333333;}
.ECARD_select  .espace{height:18px}
.ECARD_select  .fondvisu{position:absolute; top:10px; left:328px}
.ECARD_select  .visu{position:absolute; top:31px; left:339px}
/*.ECARD_select  .boutons{position:absolute;top:420px;left:470px}*/
.boutonsECARD_select {float:right;display:inline;margin:10px 80px 0 0;padding:0 0 20px;}
/*---------------------------------*/
.ECARD_visu {color:#003F75; position:absolute; top:80px; left:70px }
.ECARD_visu  .fond_tour{position:absolute; top:20px; left:30px}
.ECARD_visu  .visu{position:absolute; top:36px; left:107px;z-index:10000}
.ECARD_visu  .fondVisu{position:absolute;left:92px;top:20px}
.ECARD_visu  .texte12{position:absolute;left:442px;top:176px;width:380px;color:#666666;font-size:10px;}
.ECARD_visu  .signature{width:80px;margin:12px 0 0;font-size:11px;}
.ECARD_visu  .boutons{position:absolute;left:610px;top:460px;z-index:100000;width:280px}
.msgEcardVisu{position:absolute;left:520px;top:116px;width:400px;z-index:10000}
/*-----------------------------------*/
.FONDECRAN_coll1 .ligne1{font-size:14px; margin-bottom:-5px; font-weight:bold}
.FONDECRAN_coll1 .ligne2{margin:0 0 0 110px;  font-size:22px;font-weight:bold }
.FONDECRAN_coll2{position:absolute;left:414px;top:113px;}
.FONDECRAN_coll2 .vignettes {clear:both;margin:0 0 20px;overflow:hidden;width:100%;}
.FONDECRAN_coll2 .vignettes p {float:left;display:inline;background:url(../medias_com/images/ecards/bgVign00.jpg) no-repeat 0 0;width:144px;height:104px;padding:10px 0 0 10px;margin:0 10px 0 0;}
.FONDECRAN_coll2 .vignettes span {float:left;display:inline;margin:34px 0 0;}
.FONDECRAN_coll2 .vignettes span a {line-height:22px;}
.FONDECRAN_coll1{position:absolute;  left:20px; top:100px;  color:#003F75; font-size:12px; width:360px }
/*----------------------------------*/
.ECOECRAN_titre{position:absolute;  left:20px; top:100px;  color:#003F75; font-size:12px; width:750px}
.ECOECRAN_titre .ligne1{margin-left:50px; font-size:22px; margin-bottom:-5px; font-weight:bold}
.ECOECRAN_titre .ligne2{margin:0 0 0 165px;  font-size:22px;font-weight:bold }
.ECOECRAN .fondbleu{ height:24px; width:427px;background-color:#e9f6f7; margin-top:5px; color:#003f75; text-align:center; font-weight:bold; font-size:18px}
.ECOECRAN_contenu .barre span{margin:0 30px 0 30px}
.ECOECRAN {position:absolute; top:160px}
.ECOECRAN table{font-size:11px; color:black}
.ECOECRAN a{font-size:11px; color:black}
.ECOECRAN span{font-weight:bold; color:#003f75}

/*-----------------------------------*/

#MMS{color:#003F75;  z-index:220; padding:0 0 0 15px}
#MMS .col1{text-align:right; float:left; width:330px; margin-top:100px}
#MMS .sstitre{font-size:22px; font-weight:bold; padding-bottom:10px}
#MMS .texte{font-size:13px; padding-right:33px}
#MMS .textebas{font-size:11px; padding-right:45px}


/*.........................................................................................................................................*/
/*-7- LES GUIDES*/


/*.........................................................................................................................................*/

/*7-1 - prenez soin de vos vetements*/
.VETE_COLL1{position:absolute;top:106px;text-align:right;width:360px}
.VETE_COLL1 li{font-size:14px;  color:#003f75}
.VETE_COLL1 .titre{color:#c73c75; font-size:24px; font-weight:bold}
.VETE_COLL1 .sstitre{margin-top:17px}
.VETE_COLL2{position:absolute;  left:396px; width:370px}
.VETE_COLL2 .photo{margin-left:50px}
.VETE_COLL2 span{position:absolute; margin-left:25px; font-size:14px; color:#C73C75; line-height:13px; height:30px}
.VETE_COLL2  .recommand{height:35px}
.VETE_COLL2  .sstitre{margin-top:30px; margin-bottom:10px}


/*.........................................................................................................................................*/
	/*7-2 - Entretenez votre cuir*/
.CUIR_COLL1{position:absolute; top:106px;  text-align:right; width:360px}
.CUIR_COLL1, .CUIR_COLL2 li{font-size:14px;  color:#003f75}
.CUIR_COLL1 .titre{color:#697178; font-size:24px; font-weight:bold}
.CUIR_COLL1 .sstitre{margin-top:17px}
.CUIR_COLL2{position:absolute;  left:396px; width:370px}
.CUIR_COLL2 .photo{margin-left:45px}
.CUIR_COLL2 span{position:absolute; margin-left:25px; font-size:14px; color:#C73C75; line-height:13px; height:30px}
.CUIR_COLL2  .recommand{height:35px}
.CUIR_COLL2  .sstitre{margin-top:30px; margin-bottom:10px}

/*.........................................................................................................................................*/

	/*7-3 - cravate*/
.CRAVATE{position:absolute; top:100px;  text-align:left}
.CRAVATE .titre{color:#b6ce38; font-size:24px; font-weight:bold; margin-left:70px}
.CRAVATE_imagemodele{position:absolute; top:56px; left:470px}
.CRAVATE .imagcollec{clear:both; margin-left:10px}
.CRAVATE_btprint1{position:absolute; top:545px; left:590px; width:160px}
.CRAVATE .legend{margin:45px 0 10px 20px; color:#003f75; line-height:15px;  font-size:15px; font-weight:bold; width:550px}
.CRAVATE #intit1,.CRAVATE #intit2,.CRAVATE #intit3, .CRAVATE #intit4{text-align:center; width:98px;  float:left; margin-right:0px}
.CRAVATE #cadre{position:absolute; top:137px; left:10px}
/*------------------- CLASS de cravate -------------------------------*/
#CRAVATE_id1, #CRAVATE_id2, #CRAVATE_id3, #CRAVATE_id4 {position:absolute; left:20px; top:347px;width:750px; height:230px; display:none}
#CRAVATE_id1 .texte, #CRAVATE_id2 .texte, #CRAVATE_id3 .texte, #CRAVATE_id4 .texte {margin-top:55px; text-align:right; font-size:14px;width:365px; color:#003f75}
#CRAVATE_id1 .etiq1,#CRAVATE_id2 .etiq1, #CRAVATE_id3 .etiq1,#CRAVATE_id4  .etiq1{position:absolute; top:48px; left:393px; height:33px}
#CRAVATE_id1{display:block}

/*.........................................................................................................................................*/
	/*7-4 - chemise*/
.CHEMISE{position:absolute; top:100px; left:70px; text-align:left}
.CHEMISE .titre{color:#df4486; font-size:24px; font-weight:bold}
.CHEMISE_imagemodele{position:absolute; margin-top:60px; left:410px}
.CHEMISE .imagcollec{margin-top:30px; margin-left:-20px; clear:both}
.CHEMISE_btprint1{position:absolute; top:500px; left:590px; width:160px}
.CHEMISE .legend{margin:20px 0 17 -20px; color:#003f75; line-height:13px;  font-size:16px; font-weight:bold; width:400px}
.CHEMISE .legend a{text-decoration:none}
.CHEMISE .legend #intit1,#intit2{text-align:center; width:150px;  float:left; margin-right:30px}
/*------------------- CLASS de la chemise1 -------------------------------*/
#CHEMISE_id1, #CHEMISE_id2{position:absolute; left:20px; top:347px;width:750px; height:230px; color:#003f75}
#CHEMISE_id1 .texte,#CHEMISE_id2 .texte{margin-top:40px; text-align:right; font-size:14px;width:325px}
#CHEMISE_id1 .titre_etiq1, #CHEMISE_id2 .titre_etiq2 {position:absolute; top:0px; left: 393px;  font-size:24px; font-weight:bold}
#CHEMISE_id1 .etiq1,#CHEMISE_id2 .etiq1{position:absolute; top:38px; left:393px; height:33px}
#CHEMISE_id1 .etiq2, #CHEMISE_id2 .etiq2{height:29px; position:absolute; top:89px; left:393px; }
.CHEMISE #cadre{position:absolute; left:-5px;  top:115px}
/*------------------- CLASS de la chemise2 -------------------------------*/
 #CHEMISE_id2 .titre_etiq2{color:#000000}
#CHEMISE_id1 .titre_etiq1{color:#a5a5a6}


/*.........................................................................................................................................*/
	/*7-5 - pantalon*/
.PANTALON{position:absolute; top:100px; left:45px; text-align:left}
.PANTALON .titre{color:#b6ce38; font-size:24px; font-weight:bold; margin-left:25px}
.PANTALON_image {position:absolute; top:10px; left:460px}
.PANTALON_btprint1{position:absolute; top:720px; left:590px; width:160px}
.PANTALON .legend{margin:30px 0 23px -20px; color:#003f75; line-height:15px;  font-size:15px; font-weight:bold; width:450px; height:25px}
.PANTALON .legend span{font-size:13px}
.PANTALON .legend a{text-decoration:none}
.PANTALON .legend #intit1,#intit2,#intit3,#intit4{text-align:center; width:130px;  float:left; margin-right:18px}
.PANTALON .imagcollec{clear:both; width:450px}
.PANTALON #cadre{position:absolute; top:125px; left:-8px; height:135p; }
/*------------------- CLASS du pantalon -------------------------------*/
#PANTALON_id1,#PANTALON_id2,#PANTALON_id3 {position:absolute; left:20px; top:464px;width:750px; height:270px; display:none; color:#003f75}
#PANTALON_id1  .texte, #PANTALON_id2 .texte, #PANTALON_id3 .texte{margin-top:10px; margin-left:45px; text-align:right; font-size:14px;width:350px}
#PANTALON_id1 .etiq1, #PANTALON_id2 .etiq1{position:absolute; top:10px; left:440px; height:33px}
/*.........................................................................................................................................*/
#PANTALON_id3 .texte1{margin-top:5px; margin-left:25px; text-align:right; font-size:14px;width:151px}
#PANTALON_id3 .legend1{ position:absolute; left:180px;  text-align:center; font-size:12px;width:105px; line-height:14px}
#PANTALON_id3 .legend2{ position:absolute; left:300px;  text-align:center; font-size:12px;width:105px; line-height:14px}
#PANTALON_id3 .etiq1{height:29px; position:absolute; top:110px; left:195px }
#PANTALON_id3 .etiq2{position:absolute; top:10px; left:440px; height:33px}
/*.........................................................................................................................................*/
#PANTALON_id1 {display:block}


/*.........................................................................................................................................*/
/*-8- JOB CHEZ JULES*/

/*.........................................................................................................................................*/
	/*8-1 - Etudiants*/
.boutcandidat{position:absolute; top:530px; left:260px}
.offresjobs_descri{position:absolute; top:115px; left:70px; color:#4c3076; font-size:14px; text-align:right; width:380px}
.offresjobs_descri .stage{font-size:16px; color:#4c3076; font-weight:bold; margin-left:78px; line-height:15px}
.offresjobs_descri .stage .espace{height:7px}
.offresjobs{position:absolute; top:420px; left:500px}
.offresjobs a{text-decoration:none; margin:10px 0 0 0; display:block; color:#003f75; font-size:14px; text-align:left}
.offresjobs a:hover{font-weight:bold}
.lien_deroulant a{text-decoration:none; margin:10px 0 0 0; display:block; color:#003f75; font-size:12px; text-align:left}
.lien_deroulant a:hover{font-weight:bold}
.lien_img {text-decoration:none;border:none;margin:0px;padding:0px}
.lien_img  img{text-decoration:none;border:none;margin:0px;padding:0px}
.remise_saint_jules {font-size:11px;font-family:Arial;color:#666666;margin:0px 34px 0 34px;padding:8px 0 0 0;}
.metier1_descri, .metier2_descri{position:absolute; top:130px; left:70px; color:#4c3076; font-size:14px; text-align:right; width:300px;}
.metier1_descri select{width:300px; font-size:11px; padding-left:5px; margin-top:3px}
.metier1_descri .spacer{height:20px}
.metier1_descri .postes{font-size:18px; font-weight:bold;color:#4c3076;}
.metier1_descri .offres{font-size:18px; font-weight:bold;color:#003f75}
.metier1_descri .spacer{height:20px}
.metier2_descri{top:103px; width:340px;color:#333333}
.metier2_descri .intit{font-size:18px; text-align:left; width:400px; margin-bottom:10px;color:#4c3076}
.boutnouvrecherche{position:absolute; top:470px; left:230px}
.boutconsulteroffres{position:absolute; top:500px; left:500px}

.formupostule {font-size:11px; position:absolute; top:108px; left:50px}
.formupostule input,select,table{font-size:10px}
.formupostule input,select{margin:0 0 0 8px; color:#003f75}
.formuspontanee input,select{margin:0 0 0 8px; color:#003f75}
.formuspontanee {font-size:11px; position:absolute; top:108px; left:90px}

.actuRH {position:absolute; top:98px; left:70px; color:#003F75; font-size:13px; text-align:right; width:395px; }
.actuRH  span{font-size:24px; color:#4c3076;}

.acturh_offre{position:absolute; right:-10px ; margin:46px 15px 0 0; line-height:23px}
.acturh_offre a{font-size:11px; color:#003f75; font-weight:bold}

.champs_poste{color:#003f75; font-size:14px; margin-top:10px}
.champs_poste{color:#003f75; font-size:14px}
.champs_poste input,select{margin:0 0 0 8px; color:#003f75}
.champs_poste strong{font-size:18px}
.champs_poste span{font-size:12px}


.result_postes_col1{color:#003f75;position:absolute; top:100px; left:70px}
.result_postes_col1 .titre1{position:absolute; left:0px; color:#003f75; font-weight:bold; width:370px;text-align:left;  font-size:20px}
.result_postes_col1 .titre2{position:absolute;width:300px; text-align:right; margin:55px 0 0 25px}
.result_postes_col2{position:absolute;left:500px; top:120px; width:250px; background:url() 0 45% no-repeat; font-size:13px; color:#003F75}	
.result_postes_col2 a{color:#003f75; font-weight:bold; line-height:20px; font-size:12px}	
.boutvalider1{position:absolute; top:550px; left:320px}

.liste_recrutement{position:relative;margin:30px 0 0 20px;padding:0;}
.liste_recrutement li{list-style-type:none;margin:25px 0 0 0;padding:0 0 0 35px;background:url(../images/job-chez-jules/fleche02.gif) no-repeat 0 0;}