/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:normal;color:#000;}
body.contentpane{padding:10px;background:#FFF}
img{border:0}

a{color:#F25821;text-decoration:underline;outline: none;cursor:pointer;}
a:hover{text-decoration:none;}
a:focus{-moz-outline-style: none}

a.societe{font-size:11px;font-weight:bold;text-decoration:none}

ul{margin:0px;list-style-type:none}
ol{margin:0px;}

dd{margin:0 0 0 20px;}

hr{display:none;}
hr.gray{clear:both;display:block;height:1px;margin-bottom:5px;border:none;border-bottom:1px solid #A99C8D}

fieldset{border:none;}
fieldset legend{display:none;}
select,textarea{border:1px solid #BEC1C0}
select option{padding-left:3px;}

h2{clear:both;font-size:16px;font-weight:bold;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #F25821}
h3{font-size:13px;color:#111111;font-weight:bold;margin-bottom:10px;border-bottom:1px solid #A99C8D}
h3.arrow{height:20px;line-height:20px;padding-left:20px;background:url(../images/fleche_org_active.gif) center left no-repeat}
h4{height:18px;width:229px;padding-left:15px;line-height:18px;font-size:11px;color:#FFF;font-weight:bold;background:url(../images/bg_gris_chaud.gif) top left no-repeat}

.snap_right{float:right}
h2 .snap_right{font-weight:normal;font-size:11px;color:#F25821}
h2.offres span{font-size:11px;color:#F25821;}



/* Structure generale */ 
/*************************************************************************************************************************************************************************/
body{background:url(../images/bg-degrade-global.gif) repeat-x top left;}
#global{position:relative;width:997px;text-align:left;margin:0 auto;}
	#global p.intro{padding-left: 200px;position:absolute;top:8px;z-index:200;letter-spacing:1px;font-size:10px;color:#666;}
#top{position:relative;height:183px;width:997px;margin:0px auto;background:url(../images/bg_top.gif) 10px top no-repeat;}
/*#top{position:relative;height:183px;width:997px;margin:0px auto;}*/
#middle_grad{position:relative;width:990px;margin:0px auto;padding:0px 3px 0px 4px;background:url(../images/bg_gradient.png)top left repeat-y;}
#middle{position:relative;width:960px;min-height:400px;height:auto !important;height:400px;margin:0px auto;padding:15px;background:#FFF}
#bottom{position:relative;clear:both;width:990px;margin:0px auto;padding:30px 3px 0px 4px;background:url(../images/bg_bottom.gif) top left no-repeat;}

#middleLeft {float:left;display:inline;position:relative;width:690px;padding-right:20px;background:#fff;}
#middleRight {float:right;display:inline;position:relative;width:250px;background:#fff;}
	
/* **************************** TOP **************************** */
#top #header{width:990px;height:100px;margin:0px auto;position:relative;}
/*#top #header h1{width:703px;height:100px;background:url(../images/bg_header.gif) top left no-repeat;float:left;}*/
#top #header h1{width:703px;height:100px;float:left;}
	/* ajout de la baseline */
	#top #header h1 a{
		display:block;
		width:703px;
		height:100px;
		float:left;
		overflow:hidden;
		text-indent:-5000px;
	}
		#top #header h1 a span.logo{
			display:block;
			width:284px;
			height:59px;
			background:url(../images/bg_header.gif) top left no-repeat;
			position : absolute;
				top : 28px;
				left : 0px;
		}
		#top #header h1 a span.baseline{
			display:block;
			width:329px;
			height:21px;
			background:url(../images/bg_header_baseline.gif) top left no-repeat;
			position : absolute;
				top : 44px;
				left : 290px;
		}
	/* /baseline */


#top #menu{position:absolute;top:108px;left:5px;width:990px;height:30px;overflow:hidden;}
#top #searchform{position:absolute;top:145px;left:0;clear:both;height:37px;width:100%;background:url(../images/bg_search.gif) top left no-repeat;z-index:1}

/*************************** MENU *********************************/
#top #menu ul#mainlevel{float:left;/*width:740px;*/padding-right:17px;height:30px;background:url(../images/bg_menu_top.gif) top right no-repeat;}
#top #menu ul#mainlevel2{float:right;width:180px;height:30px;background:url(../images/bg_button_menu.gif) top left no-repeat}
#top #menu ul#mainlevel li{display:inline;}
#top #menu ul#mainlevel li a{display:block;float:left;height:30px;line-height:30px;padding:0px /*25px*/35px;text-decoration:none;background:url(../images/separateur_menu.gif) top right no-repeat}
#top #menu ul#mainlevel li.last a{background-image:none;}
#top #menu ul#mainlevel li a:hover,
#top #menu ul#mainlevel li.highlight a{color:#FFF;background:url(../images/bg_menu_hover.gif) top left repeat-x}
#top #menu ul#mainlevel2 li img{vertical-align:middle;margin-right:15px}
#top #menu ul#mainlevel2 li a{display:block;height:30px;line-height:30px;color:#FFF;font-weight:bold;font-size:15px;text-decoration:none;text-align:center}
#top #menu ul#mainlevel2 li a:link, #top #menu ul#mainlevel2 li a:visited{background:url(../images/bg_button_menu.gif) 0px 0px no-repeat;}
#top #menu ul#mainlevel2 li a:hover, #top #menu ul#mainlevel2 li a:active, #top #menu ul#mainlevel2 li.highlight a{background:url(../images/bg_button_menu.gif) 0px -30px no-repeat;}
/*Recherche*/
#top #searchform form{margin:2px 20px;z-index:10}
#top #searchform form label{font-size:11px;font-weight:bold;}
#top #searchform form input{width:133px;height:21px;border:1px solid #BEC1C0;margin-top:7px;}
	#searchform span#recherche{position:absolute;top:14px;left:145px;font-size:11px;color:#505050;}
	#searchform #label02{}
/*Connexion*/
#top #header #userlogin{position:absolute;width:271px;height:83px;top:3px;right:0;padding:10px;background:url(../images/homePage/fondLogin.png) no-repeat;text-align:right;}
#top #header #userlogin form{position: absolute;top: 10px;left: 10px;}
#top #header #userlogin input#mod_login_username,
#top #header #userlogin input#mod_login_password {
	height:21px;
	width:100px;
	border:1px solid #bec1c0;
}
	#userlogin #label00{position:absolute;top:23px;right:200px;font-size:11px;color:#505050;z-index:3;}
	#userlogin input#mod_login_username{position: absolute;left: 10px;top:35px;}
	#userlogin input#mod_login_password{position: absolute;left: 130px;top:35px;}
	#userlogin #label01{position:absolute;top:23px;right:75px;font-size:11px;color:#505050;z-index:3;}
	#top #header #userlogin .remember_me{height:20px;}
#top #header #userlogin #mod_login_remembermetext{margin:5px 0 0 0;}
#top #header #userlogin #titreLogin01{color:#e96211;font-weight:bold;font-size:13px;position: absolute;top:0px;left:0px;display:block;width:100px;}
#top #header #userlogin input#mod_login_remember{float:right;display:inline;width:20px;margin-top:5px}
#top #header #userlogin input.button{color:#A99C8D;margin:5px 0 0 0;border:0;}
	#userlogin #bt00{
		position: absolute;
		top:36px;
		left: 240px;
		width:22px;
		height:20px;
		background:url(../images/homePage/okLogin.png) no-repeat;
		font:12px Trebuchet MS;
		font-weight:bold;
		margin: 0px !important;
		padding: 0px !important;
		color: #fff !important;
	}	
	#userlogin #bt01{display: none;float:left;width:138px;height:24px;margin-top:5px;background:url(../images/bt00.gif) no-repeat;text-decoration:none;}
	#userlogin #label02{display:block;cursor:pointer;text-align:center;height:23px;line-height:23px;font-weight:bold;color:#fff;}
#top #header #userlogin a.mod_login{display:block;width:233px;color:#236788 !important;position:absolute;top:63px;left:0px;font-size:11px}
	#userlogin #souvenir{position:absolute;top:2px;right:50px;font:12px;font-weight:bold;color:#fff;}
	#userlogin input#mod_login_remember{position:absolute;top:-4px;right:25px;width:17px;height:17px;}
#top #mod_login_greeting{overflow:hidden;height: 15px;width:132px;text-align:center;position:absolute;top:0px;left:0px;color:#e96211;display:block;font-size:13px;font-weight:bold;}
#top #deco_btn{width:130px;text-align:center;position:absolute;top:0px;left:140px;color:#fff;display:block;font-size:13px;font-weight:bold;text-decoration:none;}
#top #goprofil_btn{width:150px;padding-left:15px;background:url(../images/homePage/goprofil_btn.png) 0px 3px no-repeat;text-align:left;position:absolute;top:55px;left:67px;color:#246686;display:block;font-size:13px;text-decoration:none;}
#top #goprofil_btn:hover{text-decoration:underline;}
#top .dateDuJour{width:270px;position:absolute;top:35px;left:0px;display:block;color:#757575;text-align:center;}
#top #mod_login_logoutform .bt_orange{float:right;}
	
	.contenu_menu{position:relative;height:30px;margin-left:15px;}
	.contenu_search{position:relative;top:2px;height:42px;}
	#mainlevel li a{white-space:nowrap;font-size:11px;color:#fff;font-weight:bold;}
		
/*************************** BOTTOM *********************************/
#bottom #footer{clear:both;position:relative;width:100%;height:30px;margin:20px 0px 2px 0px;background:url(../images/bg_menu_bottom.gif) top left no-repeat}
#footer ul{width:900px; margin:0px auto;}
#footer ul li{float:left;height:29px;}
#footer ul li a{display:block;float:left;height:12px;color:#505050;line-height:12px;padding:0px 10px;margin-top:8px;text-decoration:none;border-right:1px solid #FFF}
#footer ul li.last a{border-right:none}

	/* Sur classe pour modifs footer */
	#bottom #footer{
		padding : 0px 10px;
		width : 970px !important;
		background-image : none;
		background : #E2D9D3;
	}
	
	#footer ul.left{
		float : left;
		width : 64%;
	}
	
	#footer ul.right{
		float : right;
		width : 35%;
	}
		#footer ul.right li{
			float : right;
		}
		#footer ul li a:hover{
			text-decoration : underline !important;
		}
		
	#bottom p.copyright{text-align : right;margin-bottom : 20px;font-size : 10px;color:#505050;padding-right : 1px;clear:both;}

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/

/* Bloc contenant des floats */
.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}


/* Coins  arrondis */
	.coins{position:relative;width:100%;height:0px;line-height:0;font-size:0;z-index:3;}
	.coin{position:absolute;overflow:hidden;background:url(../images/bg-blank.gif) no-repeat 0 0;}
	
	/* position */
	.coinHG, .coinHG0, .coinHG1, .coinHG_search,coin_HG_gris{top:0;left:0;}
	.coinHD, .coinHD0, .coinHD1{top:0;right:0;}
	.coinBG, .coinBG0, .coinBG1, .coinBGd, .coin_BG_gris,.coin_BG_border,.coin_BG_border_gris{bottom:0;left:0;}
	.coinBD, .coinBD0, .coinBD1, .coinBDd,.coin_BD_border,.coin_BD_border_gris{bottom:0;right:0;}
	
	/* hauteur, largeur */
	.coinHG0, .coinHD0, .coinBG0, .coinBD0, .coinHG_search{width:15px;height:15px;}
	.coinHG1, .coinHD1, .coinBG1, .coinBD1{width:10px;height:10px;}
	.coin_HG_gris,.coin_BG_gris,.coin_BD_border,.coin_BG_border,.coin_BD_border_gris,.coin_BG_border_gris{width:12px;height:12px}
	
	/* fond */
	.coinHG1{background:url(../images/coinHG1.gif);}
	.coinHD1{background:url(../images/coinHD1.gif);}
	.coinBG1{background:url(../images/coinBG1.gif);}
	.coinBD1{background:url(../images/coinBD1.gif);}
	.coinHG0{background:url(../images/coinHG0.gif);}
	.coinHD0{background:url(../images/coinHD0.gif);}
	.coinBG0{background:url(../images/coinBG0.gif);}
	.coinBD0{background:url(../images/coinBD0.gif);}
	.coinHG_search{background:url(../images/coinHG_search.gif);}
	.coin_HG_gris{background:url(../images/coin_HG_gris_clair.gif)}
	.coin_BG_gris{background:url(../images/coin_BG_gris_clair.gif)}
	.coin_BG_border{background:url(../images/coin_BG_border.gif)}
	.coin_BD_border{background:url(../images/coin_BD_border.gif)}
	.coin_BG_border_gris{background:url(../images/coin_BG_border_gris.gif)}
	.coin_BD_border_gris{background:url(../images/coin_BD_border_gris.gif)}
	
	/* Blocks */
	.coinHG{width:12px;height:12px;background-image:url(../images/coinHG.gif);}
	.coinHD{width:12px;height:12px;background-image:url(../images/coinHD.gif);}
	.coinBG{width:12px;height:12px;background-image:url(../images/coinBGd.gif);}
	.coinBD{width:12px;height:12px;background-image:url(../images/coinBDd.gif);}
	
	/*BOUTONS*/
	.bt_gris,.bt_gris_chaud,.bt_orange{display:block;float:left;height:16px;line-height:16px;padding-left:10px;text-decoration:none;cursor:pointer}
	.bt_gris{background:url(../images/bt_gris_left.gif) top left no-repeat;color:#A99C8D;font-weight:bold}
	.bt_gris span{display:block;float:left;height:16px;padding-right:10px;text-align:center;background:url(../images/bt_gris_right.gif) top right no-repeat}
	.bt_gris_chaud{background:url(../images/bt_gris_chaud_left.gif) top left no-repeat;color:#FFF;font-weight:bold}
	.bt_gris_chaud span{display:block;float:left;height:16px;padding-right:10px;text-align:center;background:url(../images/bt_gris_chaud_right.gif) top right no-repeat}
	.bt_orange{background:url(../images/bt_orange_left.gif) top left no-repeat;color:#FFF;font-weight:bold; }
	.bt_orange span{display:block;float:left;height:16px;padding-right:10px;text-align:center;background:url(../images/bt_orange_right.gif) top right no-repeat}
	.more{display:block;height:15px;margin-right:5px;text-decoration:none;}
	.more2{height:15px;margin-right:5px;text-decoration:none;}
	.more span{display:block;float:right;padding-left:7px;background:url(../images/puce_fleche_orange.gif) center left no-repeat;}
	.more2 span{padding-left:7px;background:url(../images/puce_fleche_orange.gif) center left no-repeat;}
	
	.bt_orange_2{display:block;float:left;height:20px;line-height:20px;padding-left:5px;text-decoration:none;cursor:pointer}
	.bt_orange_2{background:url(../images/bt_orange_left_2.gif) top left no-repeat;color:#FFF;font-weight:bold; }
	.bt_orange_2 span{display:block;float:left;height:20px;padding: 0 10px 0 5px;text-align:center;background:url(../images/bt_orange_right_2.gif) top right no-repeat}
	
	.bt_vert_2{display:block;float:left;height:20px;line-height:20px;padding-left:5px;text-decoration:none;cursor:pointer}
	.bt_vert_2{background:url(../images/bt_vert_left_2.gif) top left no-repeat;color:#FFF;font-weight:bold; }
	.bt_vert_2 span{display:block;float:left;height:20px;padding: 0 10px 0 5px;text-align:center;background:url(../images/bt_vert_right_2.gif) top right no-repeat}
	
	/*Couleurs*/
	.gris_clair{color:#969696}
	.orange{color:#F25821}
	
	/*FORMULAIRE*/
	.form_generic{display:block;padding:10px;background-color:#FFF;border:5px solid #F8F5F2;overflow:hidden}
	.form_generic .field,.form_generic .field_inline{clear:both;min-height:22px;margin-bottom:5px;}
	* html body .form_generic .field,* html body .form_generic .field_inline{height:22px;}
	.form_generic .field_small{clear:both;height:25px;}
	.form_generic .field_medium{clear:both;height:80px;}
	.form_generic .field_big{clear:both;height:100px;}
	.form_generic .field p,
	.form_generic .field_medium p,
	.form_generic .field_big p{width:220px;margin-left:210px;margin-top:5px}
	.form_generic .field label,
	.form_generic .field_small label,
	.form_generic .field_medium label,
	.form_generic .field_big label,
	.form_generic span.intitule{float:left;display:block;width:200px;padding-right:10px;text-align:right;font-weight:bold;color:#505050}
	.form_generic .field .input_field,
	.form_generic .field_small .input_field,
	.form_generic .field_medium .input_field,
	.form_generic .field_big .input_field,
	.form_generic textarea{width:220px;border:1px solid #BEC1C0}
	.form_generic .field_inline label{float:left;display:block;padding-left:5px;padding-right:10px;font-weight:bold;color:#505050}
	.form_generic .field_inline input{float:left;}
	.form_generic .field .cgu{color:#F25821}
	.form_generic .field .cgu span{color:#000;font-weight:bold;}
	/*.form_generic .field .bt_orange{margin-left:240px;}*/
	.form_generic .field .bt_orange span{width:150px;}
	.form_generic p{margin-bottom:10px}
	
	/*Recherche*/
	.cadreForm{width:480px;margin:0 auto;padding:10px;}
	.form_search{width:850px;margin:0px auto;overflow:hidden;}
	.form_search .leftFields,.form_search .rightFields{min-height:100px;margin-bottom:20px;padding:10px;background-color:#FFF}
	* html body .form_search .leftFields, * html body .form_search .rightFields {height:100px;}
	#lesChpsCaches {display:none;margin-top:5px;}
	.form_search .leftFields{float:left;width:380px;}
	
	.form_search .rightFields{float:right;width:400px;}
	.form_search .field_bt{clear:both;width:85px;height:20px;margin:0px auto;}
	.form_search .field{height:30px;margin-bottom:5px}
	.form_search .field div{float:left;width:30%}
	.form_search .field_big{height:100px;}
	.form_search label{float:left;display:block;width:80px;padding-right:10px;text-align:right;font-weight:bold;color:#505050}
	.form_search .input_field{width:280px;border:1px solid #BEC1C0}
	.form_search .bt_orange{float:right}
	
	.form_search .hiddenFields {display:none}
	
			/* Refonte du moteur de recherche */
			.form_search_back{margin:0 !important;padding:0 !important;}
			h3.gros{font-size: 15px !important;}
			
			.optionsRecherche{
				width: 75%;
				margin: 0 auto;
				padding: 0px;
			}
				.optionsRecherche div.mainLevel{
					font-weight: bold;
					color : #684545;
					font-size: 13px;
					/*height: 25px;*/
				}
					.optionsRecherche label{
						float: left;
						width: 32%;
						text-align:right;
						padding-right: 1%;
						padding-top:3px;
					}
					.optionsRecherche input.input_field{
						float: left;
						border: solid 1px #c5c5c5;
					}
					.optionsRecherche div.mainLevel input.input_field{
						width: 33%;
						height: 18px;
						padding-top: 2px;
					}
					.optionsRecherche div.mainLevel input.submit{
						float: left;
						margin-left: 5px;
					}
				.optionsRecherche a#advancedSearch_bt{
					display:block;
					/*clear: both;*/
					margin-left: 33%;
					padding-left: 15px;
					background: url(/templates/open2job/images/espaceEtps/plus.png) left 3px no-repeat;
					color: #236788;
					text-decoration: none;
					padding-top: 2px;
				}
				.optionsRecherche div.sndLevel{
					border: solid 1px #c5c5c5;
					background : #dbdbdb;
					padding: 5px 0;
					clear: both;
					margin-top: 3px;
					position: relative;
				}
					.optionsRecherche div.sndLevel div.trdLevel{
						clear: both;
						height: 25px;
					}
					.optionsRecherche div.sndLevel #closeThis{
						position: absolute;
							right: 8px;
							top: 2px;
						padding-right: 15px;
						background: url(/templates/open2job/images/espaceEtps/moin.png) right 2px no-repeat;
						color: #236788;
						text-decoration: none;
					}
	
	
	
	
	/*Tableau de Bord*/
	h2.myO2J .bt_orange{float:right;}
	.form_panel{}
	.form_panel .field,.form_panel .field_inline{clear:both;height:22px;margin-bottom:5px;}
	.form_panel .field_big{clear:both;height:100px;}
	.form_panel .field label,.form_panel .field_big label,.form_panel span.intitule{float:left;display:block;width:80px;padding-right:10px;text-align:right;font-weight:bold;color:#505050}
	.form_panel .field .input_field,.form_panel .field_big .input_field,.form_panel textarea{width:200px;border:1px solid #BEC1C0}
	.form_panel .field_inline label{float:left;display:block;padding-left:5px;padding-right:10px;font-weight:bold;color:#505050}
	.form_panel .field_inline input{float:left;}
	.form_panel textarea{width:200px;height:90px}
	.form_panel  .bt_orange{float:right;}
		/* AJOUT MODIF PASSWORD */
		#myPass{min-height: 1px !important;}
		.form_panel .field2{clear:both;height:22px;margin-bottom:5px;}
		.form_panel .field2 label{float:left;width:130px;padding-right:10px;text-align:right;font-weight:bold;color:#505050}
		.form_panel .field2 .input_field{width:150px;border:1px solid #BEC1C0}
	
	/* AJOUT GESTION PASSWORD */
	#myPass form{
		margin : 5px 0px;
	}
	
	#myPass h3#myPasH3{
		font-size: 13px !important;
		font-weight: bold !important;
		color : #666 !important;
		border-bottom: solid 1px #999 !important;
		text-align: left !important;
		margin: 10px 0 5px 0 !important;
		padding: 0 20px 3px 0 !important;
	}
	#myPass input.input_field.password{
		width: 110px;
	}
		#myPass div.contenuPass{
			margin : 10px 5px;
		}
			#myPass div.contenuPass div.ssZoneMyPass{
				margin : 10px 5px 10px 5px;
			}
			
			#myPass div.contenuPass div.ssZoneMyPass h5{
				position : relative;
				font-size : 12px;
				font-weight : bold;
				padding : 0 0 5px 10px;
				border-bottom : dashed 1px #a99c8d;
				height: 15px;
			}
				#myPass div.contenuPass div.ssZoneMyPass h5 a.bt_gris_chaud{
					float : right;
					position : absolute;
					top : 0px;
					right : 5px;
				}
				#myPass div.contenuPass div.ssZoneMyPass div,
				#myPass div.contenuPass div.ssZoneMyPass p.contenu{
					margin : 0;
					padding : 5px 5px 5px 15px;
				}
					#myPass div.contenuPass div.ssZoneMyPass p.contenu a.extract{
						display: block;
						height: 20px;
						margin: 10px auto;
						padding: 5px 0 0 25px;
						background: url(/images/download.png) left center no-repeat;
					}
				#myPass div.contenuPass div.ssZoneMyPass div.zonechgPass{
					border-bottom : dashed 1px #a99c8d;
					border-left : dashed 1px #a99c8d;
					border-right : dashed 1px #a99c8d;
					padding : 0px;
				}
				
				#myPass div.contenuPass a.petit{margin-left:35px;}
				#myPass div.contenuPass div.haut_30{height : 35px;}
				#myPass div.contenuPass div#newPassAuto_div img{position:relative;top:5px;}
				#myPass div.contenuPass div#newPassManuel_div input{width : 100px;}
				
	
	/* Ajout d'une zone pour modifier le user d'une societe */
	#myProfil form{
		margin : 5px 0px;
	}
		#myProfil div.contenuMyProfil{
			margin : 10px 5px;
		}
		
		#myProfil div.contenuMyProfil h5{
			font-size: 13px;
			font-weight: bold;
			color : #666;
			border-bottom: solid 1px #999;
			text-align: right;
			margin-bottom: 5px;
			padding: 0 20px 3px 0;
		}
		
		#myProfil div.contenuMyProfil p{
			clear : both;
			height: 20px;
			margin-top: 3px;
		}
			#myProfil div.contenuMyProfil p label{
				font-weight: bold;
				width: 70px;
				float: left;
			}
				#myProfil div.contenuMyProfil p label span{
					float: right;
				}
			
			#myProfil div.contenuMyProfil p span.value{
				width: 200px;
				float: left;
				margin-left: 3px;
			}
			
			#myProfil div.contenuMyProfil p.long label{
				font-weight: bold;
				width: 160px;
				float: left;
			}
			#myProfil div.contenuMyProfil p.long input{
				width: 100px;
			}
	
	
	
	
	/* Ajout zone commentaire particulier */
	#contenuExperience div.listeCommentaires{
		margin-bottom : 10px;
	}
		#contenuExperience div.listeCommentaires h4{
			margin-bottom : 5px;
		}
		#contenuExperience div.listeCommentaires ul{
			margin-left : 5px;
		}
	
	
	/* Classes pour messages de confirmation */
	p#messConf{
		margin : 10px auto;
		height : 24px;
		background : url(../images/messConf_left.png) top left no-repeat;
		font-size : 12px;
		line-height : 12px;
		font-weight : bold;
		padding : 0px 0px 0px 31px;
		color : #fff;
	}p.badConf{background-image:url(../images/messConf_bad_left.png) !important;}
		p#messConf span{
			display : block;
			float : left;
			background : url(../images/messConf_right.png) top right no-repeat;
			padding : 7px 36px 0 5px;
			height : 17px;
			width : 225px;
			text-align : center;
		}p.badConf span{background-image:url(../images/messConf_bad_right.png) !important;}
		
	h2.messConf_large{
		width : 745px;
		height : 46px;
		margin : 40px auto 10px auto;
		background : url(../images/messConf_large.png) top left no-repeat;
		text-align : center;
		color : #fff;
		font-weight : bolder;
		font-size : 13px;
		border : none;
	}h2.messConf_large span{ position : relative;top:-17px;margin-left : 10px; }
		
	
	/* formulaire de demande du mot de passe sur la page de la societe */
	.formPassConf{ 
		width : 50%;
		margin : 10px auto;
		border : solid 1px #a99c8d;
		padding : 20px;
		text-align : center;
		font-weight : bold;
		line-height : 175%;
		background : url(../images/bg_myo2j.gif) bottom left repeat-x;
		position : relative;
	}
		.formPassConf div.coin{margin-top : -1px;}
		.formPassConf div.coinHG{margin-left : -1px;}
		.formPassConf div.coinHD{margin-right : -1px;_margin-right : -2px;}
		
		.formPassConf a.bt_orange{ 
			margin : 10px 0 0px 85px;
		}
	/* Fin AJOUT */		
	
	/*Tri*/
	.form_sort select{float:left;margin-right:20px;}
	
	/*ARTICLE*/
	.bgColor{margin-bottom:10px;padding:10px;background-color:#F8F5F2} 
	.article p{clear:both;margin-bottom:10px;}
	.article p.tagline{color:#F25821;font-size:13px;font-weight:bold;}
	.article p.description{font-weight:bold;}
	
	/*Navigation*/
	.navigation{margin-top:10px;text-align:center}
	.navigation .pagination{width:500px;margin:10px auto 0px auto;}
	.navigation .pagination a.pagenav{text-decoration:none}
	.navigation .navLeft{float:left}
	.navigation .navRight{float:right}
	.navigation .navLeft .pagenav{margin-right:10px;}
	.navigation .navRight .pagenav{margin-left:10px}
	
	/*Messages d'erreur*/
	.message{padding:10px;color:#F25821}
	.error{color:#F25821;font-size:14px;font-weight:bold;}
/*************************************************************************************************************************************************************************/

/* Bloc css O2J */ 
/*************************************************************************************************************************************************************************/
#global #o2j{margin:10px}
#global ul.resume {padding:10px}
#global ul.resume li span{font-weight:bold}
#global #o2j p{margin:5px 0px}

.addEtps{width:170px;height:20px;margin:10px auto}

/*HOME PAGE*/

#logo01 { margin-top:20px;}
.block00{position:relative;float:left;display:inline;margin:0 0 15px 0;width:688px;}
.contenuGlobal{background:url(../images/fondPasApas.gif) repeat-x bottom left;border:1px solid #A99C8D;position:relative;}
#contenu00{width:686px;}
.contenuGlobal #contenuTexte {float:left;margin-left:15px;width:450px;z-index:2;}
.contenuGlobal #contenuTexte .contenu {position:relative;font:13px Trebuchet MS;color:#505050;}
.contenuGlobal #contenuTexte .contenu .titre-contenu{padding-left:25px;font-weight:bold;background:url(../images/puce_orange_plus.gif) left center no-repeat;cursor:pointer}
.contenuGlobal #contenuTexte .contenu .MGroupContent{margin-left:25px;}
.contenuGlobal #contenuTexte .contenu .deplier .sous-contenu{display:block;font-size:12px;}
.contenuGlobal h2{font:16px;color:#000;font-weight:bold;}
.contenuGlobal h3{font-size:16px;color:#77C300;margin:0 0 15px 0;border-bottom:none}
.contenuGlobal .redBarre { margin:0 0 15px 0;}
.contenuGlobal .bouton2 {text-align: center;} 
.contenuGlobal .titrecontenu h2{font:21px "Trebuchet MS";color:#77C300;border-bottom:none}
.contenuGlobal a.texteBouton2{display:block;width:138px;height:22px;line-height:22px;margin:0px auto;color:#FFF;font-weight:bold;text-align:center;text-decoration:none;background:url(../images/bouton2.gif) top left no-repeat}

#sousMiddleLeft {position:relative;}
#sousMiddleLeftRight {float:right;position:relative;width:300px;display:block;padding-right:0px}
#sousMiddleLeft h2{height:25px;border-bottom:1px solid #F25821;}

.contenuDecalage {padding:10px 20px}
.contenuDecalage img {margin-bottom:10px;}
.contenuPhrase {font-size:11px;margin-bottom:10px;}
.texteGras {font-weight:bold;}
	
#contenuImage{float:right;display:inline;}
#contenuImage #pasApas{margin:5px 0 0 0;}
#contenuImage .inscrit{margin:-16px 0 0 0;text-align:center;z-index:2}
#contenuImage #texteInscrit{margin:-28px 0 0 0;text-align:center;}
#contenuImage #texteInscrit a {font:16px Trebuchet MS;color:#FFFFFF;font-weight:bold;text-decoration:none;}
	
#coaching {float:left;position:relative;width:380px;display:block;}
#eval {margin-bottom:14px;position:relative;}
#espaceEtps {margin:6px 0 0 0;position:relative;}

/*BLOCK DROITE*/
	#middleRight .module{clear:both;margin-top:10px}
	#middleRight h4{line-height:18px;margin-bottom:10px}
	#middleRight a.more{display:block;height:15px;margin-right:5px;text-decoration:none;}
	#middleRight a.more span{display:block;float:right;padding-left:7px;background:url(../images/puce_fleche_orange.gif) center left no-repeat;}
	#middleRight a.societe{font-size:11px;font-weight:bold;text-decoration:none}
	#middleRight a.societe:hover{background:none}
	#middleRight a.societe span{display:none}
	#middleRight a.societe:hover span{display:inline;position:absolute;padding:5px}
	#middleRight .filled a .infobulle{width:150px;color:#000;background:#FFF;}
	#middleRight .unfilled a .infobulle{width:150px;color:#000;background:#EBE6E0;border:1px solid #A99C8D}
	#middleRight .filled,#middleRight .unfilled {width:224px;height:18px;margin-bottom:5px;padding:0px 10px;line-height:18px;}
	#middleRight .filled {background:url(../images/bg_gris.gif) top left no-repeat;}
	
	#middleRight .cartouche {margin-bottom:35px;margin-top:0px}
	#middleRight .cartouche #derniereEval {background-color:#ebe6e0;border:1px solid #a99c8d}
	#middleRight .cartouche h4{color:#000;background:none;}
	#middleRight .cartouche .filled {background:url(../images/bg_blanc.gif) top left no-repeat;}
	#contenuGlobalLastEval {margin-left:10px;margin-bottom:10px;}
	#lireEval{text-align:right;}
	span.cpt {font:11px Trebuchet MS;color:#000000;font-weight:bold;}
	
	#middleRight .top{margin-bottom:35px;}
	#middleRight .top .classement{float:left;width:80px;}
	#middleRight .bgBarre,#middleRight .barre{float:left;height:12px;width:80px}
	#middleRight .pourcentage {float:right;font-size:11px;font-weight:bold;}
	
	#middleRight .edito .content_edito{padding:10px}
	#middleRight .edito h3{color:#000;border:0;margin:0;}
		
	#middleRight .barometre{}
	#middleRight .barometre h5{height:21px;line-height:21px;margin-bottom:5px;padding-left:25px;font-size:13px;font-weight:bold;}
	#middleRight .barometre .up{background:url(../images/baroPlus.gif) left center no-repeat}
	#middleRight .barometre .down{background:url(../images/baroMoins.gif) left center no-repeat}
	#middleRight .barometre .pourcentage {float:right;font-size:11px;font-weight:bold;}

/*Evalutation d'une entreprise*/
	
	/* BLOC GAUCHE */
	#global #ariane{padding-top:10px;}
	#global .questDone .step{display:block;float:left;height:20px;font:11px "Trebuchet MS";font-weight:bold;margin-right:20px;padding-left:10px;text-decoration:none}
	#global .questDone .step span{display:block;float:left;height:20px;line-height:20px;text-align:center;padding-right:15px}
	#global .questDone #currentStep{background:url(../images/bg_step_left_active.gif) top left no-repeat;color:#FFF;}
	#global .questDone .doneStep{background:url(../images/bg_step_left.gif) top left no-repeat;color:#A99C8D}
	#global .questDone .nextStep{background:url(../images/bg_step_left.gif) top left no-repeat;color:#000;}
	#global .questDone #currentStep span{background:url(../images/bg_step_right_active.gif) top right no-repeat}
	#global .questDone .doneStep span{background:url(../images/bg_step_right.gif) top right no-repeat}
	#global .questDone .nextStep span{background:url(../images/bg_step_right.gif) top right no-repeat}
	
	#global .question{clear:both;padding-bottom:5px;}
	#accordion{position:relative;overflow:hidden;background-color:#F8F5F2;}
	#accordion form{margin:10px;background-color:#FFF;}
	#accordion #form_retour{margin:0px 10px;background:none;position:relative;top:-58px;}
	#accordion h3{cursor:pointer}
	
	#blocRight{float:right;position:relative;overflow:hidden;width:160px;}
	.rep{float:right;width:135px;}
	.liste{margin-bottom:10px}
	.rep span{display:block;float:left;height:16px;width:26px;}
	.rep #eval_1{background:url(../images/note_1.gif) top left no-repeat}
	.rep #eval_2{background:url(../images/note_2.gif) top left no-repeat}
	.rep #eval_3{background:url(../images/note_3.gif) top left no-repeat}
	.rep #eval_4{background:url(../images/note_4.gif) top left no-repeat}
	.rep #eval_5{background:url(../images/note_5.gif) top left no-repeat}
	.rep #eval_pc{background:url(../images/note_pc.gif) top left no-repeat}
	.rep input{width:20px;height:19px;}
	.question p{width:460px;padding-left:15px;background:url(../images/puce_orange.gif) 5px 0px no-repeat}
	.TitreRight{float:right;width:135px}
	.TitreRight img{display:none;}
	#suivant{float:right;margin:5px 5px 5px 5px;background:url(../images/degradeFormu.jpg);font:10px Trebuchet MS;color:#fff;font-weight:bold;}
	#submitBack{float:left;margin:5px 5px 5px 5px;background:url(../images/degradeFormu.jpg);font:10px Trebuchet MS;color:#fff;font-weight:bold;}
	#submitSave{margin:0 5px 5px 5px;background:url(../images/degradeFormu.jpg);font:10px Trebuchet MS;color:#fff;font-weight:bold;}
	
	/*  REFONTE DES BOUTONS DU QUEST  */
	#accordion .boutonsQuest{
		margin-top:10px;
	}
		#accordion .boutonsQuest a.boutonQuest{
			display: block;
			margin: 0 0 10px 480px;
			height: 20px;
			background: url(../images/bg_step_right_active.gif) top right no-repeat;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
		}
		#accordion .boutonsQuest a.boutonQuest span{
			display: block;
			height: 17px;
			padding: 3px 3px 0 15px;
			background: url(../images/bg_step_left_active.gif) top left no-repeat;
		}
		#accordion .boutonsQuest a.boutonQuest.nextTime{background-image: url(../images/bg_step_right2.gif);}
		#accordion .boutonsQuest a.boutonQuest.nextTime span{background-image: url(../images/bg_step_left2.gif);color: #999;}

	#form_retour{float:left;}
	table.monExp,table.monExpToDo{width:100%;margin-top:10px;}
	table.monExp{width:100%;margin-top:10px;border-collapse:collapse;}
	table.monExpToDo{border-spacing : 10px;}
	table.monExpToDo td{vertical-align:middle;}
	table.monExp tr td.field{height:130px;padding:15px;border : dotted 1px #ccc;}
	table.monExp tr td label{display:block;height:30px;width:300px;font-weight:bold}
	table.monExp tr td textarea{border:1px solid #bec1c0;width:300px}
	table.monExpToDo tr td{width:29%;}
	table.monExpToDo tr td .valeurs{display:block;margin-top:10px;height:20px;font-weight:bold}
	table.monExpToDo tr td textarea{border:1px solid #bec1c0}
	#barometre{border:1px solid #A99C8D;padding:12px;}
			
		/* Ajout questions obligatoires/optionnelles */
		#form_eval .typeQuest{
			margin : 0 0 15px 10px;
			padding : 10px 0 10px 10px;
			clear : both;
			border : dotted 1px #ddd;
		}
		
		div.divContientBoutonsQuestsOption{
			margin : 15px 0 15px 10px;
			padding : 10px 0 10px 10px;
			border : dotted 1px #ddd;
			clear : both;
		}
			div.divContientBoutonsQuestsOption table{
				width : 50%;
				margin : auto;
				font-weight : bold;
			}
				div.divContientBoutonsQuestsOption table a.bt_orange{
					margin : 10px 0 0 30px;
					font-size : 12px;
				}
				
		div.experience_intro{
			margin : 15px 0 15px 10px;
			padding : 10px 0 10px 10px;
			clear : both;
			text-align : center;
			font-size : 12px;
		}
			div.experience_intro table{
				width : 75%;
				margin : auto;
				font-weight : bold;
			}
				div.experience_intro table a.bt_orange,div.experience_intro table a.bt_gris_chaud{
					margin : 10px 0 0 20px;
					font-size : 12px;
				}
				
		div.experience_content{
			margin : 0px auto 0 auto;
			font-size : 12px;
			width : 80%;
		}
		
		
	
	/*Liste entreprises*/
	.alphabet{margin-left:110px;margin-bottom:10px}
	.alphabet a{margin-right:20px;font-weight:bold;text-transform:uppercase;text-decoration:none;}
	.alphabet a:hover,.alphabet a:active,.alphabet a.grey{color:#505050}
	table.frontList{clear:both;width:100%;border-collapse:collapse; margin-top:15px}
	table.frontList tr{border: dotted 1px #fff;cursor:pointer;}
	table.frontList th{height:20px;padding:0px 10px;color:#FFF;background-color:#A99C8D}
	table.frontList td{padding:3px 0px}
	table.frontList tr.filled td{background-color:#EEEBE7}
	table.frontList td.isEvalTD{text-align:center;}
	table.frontList td.nomEtps{padding-left:10px}
	table.frontList td.nomEtps a{font-size:13px;font-weight:bold;text-decoration:none}
	table.frontList td.nomEtps a:hover{color:#505050}
		
/* BLOC DROIT */
	#blocRight{margin:50px 0 50px 0;}
	#contenuProgress  {border:1px solid #A99C8D;padding:12px;}
	#contenuProgress h3 {font:12px Trebuchet MS;color:#000000;font-weight:bold;}
	#pourcentage {font:12px Trebuchet MS;color:#000000;font-weight:bold;}
	#etape{margin:15px 0 20px 0;}
	#echelle h3 {height:18px;padding-left:15px;font-size:11px;color:#FFFFFF;font-weight:bold;background:url(../images/bg_gris_chaud.gif) top left no-repeat;margin-bottom:10px;padding:3px;}
	#echelle{margin-bottom:80px}
	#echelle ul li{height:20px;font-size:11px;line-height:20px;padding-left:20px;}
	#info #contenuInfo{border:1px solid #A99C8D;padding:10px;}
	#contenuInfo img{margin-top:-40px;}
	#echelle #eval_1{background:url(../images/note_1.gif) left center no-repeat}
	#echelle #eval_2{background:url(../images/note_2.gif) left center no-repeat}
	#echelle #eval_3{background:url(../images/note_3.gif) left center no-repeat}
	#echelle #eval_4{background:url(../images/note_4.gif) left center no-repeat}
	#echelle #eval_5{background:url(../images/note_5.gif) left center no-repeat}
	#echelle #eval_pc{background:url(../images/note_pc.gif) left center no-repeat}
	div.contour, div.bgBarre {
		height:18px;
		width:119px;
		background:url(../images/bg_progression.gif) top left no-repeat;
		border : solid 1px #e2ddd6;
	}
	div#barre {
		float:left;
		height:18px;
		overflow:hidden;
		background:url(../images/bg_load_progression.gif) top left no-repeat;
	}
	div.barre {
		float:left;
		height:18px;
		overflow:hidden;
		background:url(../images/bg_load_progression.gif) top left no-repeat;
	}


/*Tableau de Bord*/
#middle #mySelf{clear:both;float:left;width:340px;margin:20px 0 40px 0;}
#middle .contenuMySelf {border:1px solid #A99C8D; position:relative; overflow:hidden;}
#middle #mySelf h3 {margin-bottom:15px;font-size:16px;font-weight:bold;border-bottom:1px solid #F25821;}
#myInfos,#myPref, #myExp, #myEval, #listeEval, #myPass, #myProfil{min-height:100px;height:auto !important;height:100px;padding:10px 20px;background:url(../images/bg_myo2j.gif) repeat-x bottom left;}
#middle #mySelf h3 a{float:right;font-size:10px;color:#fff;font-weight:bold;}
#mySelf .list_info{margin-bottom:5px}
#mySelf .list_info li{margin-bottom:5px}
#myInfos a.societe{font-size:11px;font-weight:bold;text-decoration:none}
#myInfos a.societe:hover{background:none}
#societes a.societe span, #myInfos a.societe span{display:none}
a.ficheO2J span {display:inline !important;}
a.ficheO2J {float:left !important;margin:0 !important;padding:0 !important;}
a.ficheO2J:hover,a.ficheO2J:hover span  {margin:0 !important;padding:0 !important;}
a.societe:hover span, #myInfos a.societe:hover span{display:inline;position:absolute;padding:5px}
#myInfos a .infobulle, #societes a .infobulle{width:150px;color:#000;background:#FFF;}



#myPref span{font-weight:bold}
#contenuPerso ul li span,.perso2 ul li span{font-weight:bold}
/* Upload LOGO */
#contenuPerso #identite{position: relative;padding-right: 147px;min-height:130px;_height:130px}
#contenuPerso div.myLogo{
	position: absolute;
		top: 0px;
		right: 0px;
	width: 135px;
	padding: 5px;
	text-align : center;
}
#contenuPerso div.myLogo img{
	padding: 3px;
	border: solid 1px #ccc;
}
	#contenuPerso div.myLogo a{
		margin-top: 10px;
		margin-left: 43px;
		/*position:relative;
			top:-6px;
			left:55px;*/
	}

#contenuPref #valeurs{margin:0 0 0 80px;}
#form_info,#form_exp{display:none}

#middle #myAlerts, #middle #myUploads, #middle #myUploads2, #middle #societes{float:right;width:585px;margin-top:20px;overflow:hidden}
#middle #myAlerts .contenuMyAlerts, #middle #myUploads .contenuMyUploads, #middle #myUploads2 .contenuMyUploads, #middle #societes .contenuSociete{border:1px solid #A99C8D;padding:10px;}
#middle #myAlerts h3,#middle #myUploads h3, #middle #myUploads2 h3, #middle #societes h3{margin:0px;margin-bottom:5px;font-size:16px;font-weight:bold;border-bottom:none}
#middle #myAlerts .mine, #middle #myUploads .mine {float:left;width:45%}
#middle #myUploads2 .mine {float:left;}
#middle #myAlerts .others, #middle #myUploads .others, #middle #myUploads2 .others {float:right;width:45%}


div.divOnglets{
	
}
	div.divOnglets div.onglets{
		border-bottom:1px solid #a39789;
		border-top:1px solid #fff;
	}
		div.divOnglets div.onglets a{
			float : left;
			background:url(../images/divOnglets/onglet_left.gif) no-repeat left top;
			padding-left : 4px;
			text-decoration : none;
			color : #fff;
			font-weight : bold;
			cursor : pointer;
			min-width : 50px;
			_width: 50px;
		}
			div.divOnglets div.onglets a span{
				display : block;
				background:url(../images/divOnglets/onglet_right.gif) no-repeat right top;
				padding:7px 15px 1px 6px;
				height : 18px;
				text-align : center;
			}
		/*div.divOnglets div.onglets a:hover,*/
		div.divOnglets div.onglets a.actif{
			background-position:0% -27px;
			color : #333;
			position : relative;
				top : 1px;			
		}
			div.divOnglets div.onglets a:hover span,
			div.divOnglets div.onglets a.actif span{
				padding:3px 15px 5px 6px;
			}div.divOnglets div.onglets a.actif span{background-position:100% -27px;}
			
	/**** extraction ****/
	div.divOnglets div.showEvals_Comm .extractions{
		padding: 5px 0px 15px 0px;
	}
		div.divOnglets div.showEvals_Comm .extractions form#extractForm p{
			margin: 15px 0px;
			text-align: center;
		}
		div.divOnglets div.showEvals_Comm .extractions input.downloadImg{
			background: url(/images/download.png) center left no-repeat;
			border: none;
			text-decoration: underline !important;
			width: 130px;
			cursor: pointer;
		}
	
	div.divOnglets div.showEvals_Comm{
		clear : both;
		border-left:1px solid #a39789;
		border-right:1px solid #a39789;
		border-bottom:1px solid #a39789;
		background : url(../images/divOnglets/fondDiv.gif) repeat-x left top;
		padding : 10px 10px 0 10px;
	}
		div.divOnglets div.showEvals_Comm div.intro{
			text-align : left;
			padding : 5px 0px 15px 0;
			width: 60%;
			float:right;
		}
			div.divOnglets div.showEvals_Comm div.intro p.legende{
				height: 15px;
				clear: both;
				/*padding-left : 250px;*/
				/*width : 400px;*/
				/*float : right;*/
			}
				div.divOnglets div.showEvals_Comm div.intro p.legende span{
					float : left;
				}
				div.divOnglets div.showEvals_Comm div.intro p.legende span.vert{
					width : 15px;
					height : 10px;
					background : url(/templates/open2job/images/barometre/fondPos.png);
					margin : 2px 3px 0 0;
				}
				div.divOnglets div.showEvals_Comm div.intro p.legende span.orange{
					width : 15px;
					height : 10px;
					background : url(/templates/open2job/images/barometre/fond.png) top left no-repeat;
					margin : 2px 3px 0 0;
				}
				
		div.divOnglets div.showEvals_Comm form.left{
			float : left;
			width : 39%;
			text-align : center;
			font-weight : bold;
			background : url(../images/divOnglets/separationDiv.gif) no-repeat 95% 0%;
			min-height : 150px;
			margin-top: 15px;
		}
			div.divOnglets div.showEvals_Comm form.left p{
				line-height : 200%;
				margin-bottom : 10px;
			}
			div.divOnglets div.showEvals_Comm form.left p.disabled{color:#888;}
			div.divOnglets div.showEvals_Comm form.left p.disabled select{color:#888 !important;}
			div.divOnglets div.showEvals_Comm form.left p.dates_p{
				clear : both;
			}
				div.divOnglets div.showEvals_Comm form.left p.dates_p label{
					float : left;
					width : 35%;
					text-align : right;
				}
				div.divOnglets div.showEvals_Comm form.left p.dates_p select{
					float : left;
					margin-left : 2px;
				}
			div.divOnglets div.showEvals_Comm form.left input.dateInput{
				width : 75px;
				border : solid 1px #BEC1C0;
			}
			div.divOnglets div.showEvals_Comm form.left select.short{
				width : 65px;
			}
			div.divOnglets div.showEvals_Comm form.left button{
				position : relative;
					top : -4px;
					right : -5px;
			}
			div.divOnglets div.showEvals_Comm form.left a.bt_orange{
				float : none;
				margin : auto;
				width : 40px;
			}
		
		div.divOnglets div.showEvals_Comm div.liste{
			float : right;
			width : 60%;
		}
		div.divOnglets div.showEvals_Comm p.noInfos{
			text-align : center;
			margin-top : 25px;
		}
			div.divOnglets div.showEvals_Comm div.liste .unfilled{
				float : left;
				width : 49%;
			}
			div.divOnglets div.showEvals_Comm div.liste .comms{
				float : left;
				width : 49%;
				margin : 0 0 10px 0;
			}
				div.divOnglets div.showEvals_Comm div.liste .comms p.noRep{color:#900;}
				div.divOnglets div.showEvals_Comm div.liste .comms p.repOk{color:#090;}
				
			div.divOnglets div.showEvals_Comm div.liste p.links{
				clear : both;
				text-align : center;
			}
				div.divOnglets div.showEvals_Comm div.liste p.links span.current a{
					color : #000;
					text-decoration : none;
					cursor : default;
				}
				div.divOnglets div.showEvals_Comm div.liste p.links a.steps{
					text-decoration : none;
				}
				
div.divOnglets div.showEvals_Comm p.nextEval2{
	margin:10px 0 0px 55px;
	font-weight: bold;
	color:#666;
	position: relative;
	text-align: left;
	padding: 0px;
	height: 15px;
}
	div.divOnglets p.filtresActifs{
		color: #666;
		font-style: italic;
		width: 540px;
		margin: auto
	}
		p.filtresActifs span.filtreLeft{
			float: left;
			width: 15px;
		}
		p.filtresActifs span.filtreRight{
			float: right;
			width: 525px ;
		}


#middle .contenuAlerte{margin:5px 10px;}
#middle .contenuAlerte .classement{float:left;width:155px;}
#middle .contenuMySelf #listeEval .classement{float:left;width:150px;}
#middle .contenuMySelf .classement{float:left;width:110px;}
#middle .contenuAlerte .bgBarre,#middle .contenuMySelf .bgBarre,#middle .showEvals_Comm .bgBarre{float:left;width:100px;height:12px;}
#middle .contenuAlerte .bgBarre .barre,#middle .contenuMySelf .bgBarre .barre,#middle .showEvals_Comm .bgBarre .barre{height:12px;}
#middle .contenuAlerte .classement span,#middle .contenuMySelf .classement span,#middle .showEvals_Comm .classement span{font-size:10px;color:#505050}
#middle .contenuAlerte .pourcentage,#middle .contenuMySelf .pourcentage,#middle .showEvals_Comm .pourcentage{float:right;font-size:11px;color:#505050}
#middle .contenuAlerte .unfilled,#middle .contenuMySelf .unfilled,#middle .showEvals_Comm .unfilled{height:35px;margin-bottom:5px}
#middle .contenuMySelf #listeEval .unfilled{height:12px;margin-bottom:5px}
#ptsLibre {display:none}
#middle .contenuMySelf .unfinished{height:35px;margin-bottom:5px}
#middle .contenuMySelf .unfinished .bt_gris{}
#middle .contenuAlerte ul.fichiers li {position:relative;width:90%;overflow:hidden;}
#middle .contenuAlerte ul.fichiers a {float:left;}
#middle .contenuAlerte a.suppFic, #middle .contenuAlerte a.editFic, 
#middle .contenuAlerte a.suppVid, #middle .contenuAlerte a.editVid, 
#middle .contenuAlerte a.editOff, #middle .contenuAlerte a.suppOff{float:right !important;cursor:pointer;width:30px;z-index:5;}
#middle ul.fichiers li span {
	display:block;
	float:none;
	clear:both;
}
#middle #video ul.fichiers {margin-top:5px;}
#middle #uploadedOffres ul.fichiers input, #middle #uploadedOffres ul.fichiers textarea {width:535px;}
#middle #uploadedOffres ul.fichiers textarea {height:220px}
#middle .contenuAlerte ul.fichiers input,#middle .contenuAlerte ul.fichiers textarea {
	border:1px solid #BEC1C0;
	width:230px;
	margin: 0 0 5px 0;
	display:none;
}
#middle #uploadedVideos a.bt_orange,  #middle #uploadedFiles a.bt_orange,  #middle #uploadedFiles label,  #middle #uploadedVideos label, #middle #uploadedOffres a.bt_orange, #middle #uploadedOffres label{
	display:none;
}
/*Fiche entreprise*/
#global #coProfile{float:left;width:600px;margin:10px 0px;padding:10px;border:1px solid #727272}
#global #coLeft{float:right;width:200px;margin:10px 0px;padding:10px;border:1px solid #727272}

#global #coProfile ul.resume {padding:10px;background-color:#F1F1F1}
#global #coProfile ul li span{font-weight:bold}
#global #coProfile p{margin:5px 0px}
#global #coProfile #lastExp .comment{margin-bottom:10px;padding:10px;background-color:#F1F1F1}
#global img.logo{float:right;padding:10px;}

#middleLeft #etpsCom{margin:30px 0px}
#middleLeft .coordonnees .hello,#middleLeft .details .hello{font-weight:bold}
		#middleLeft .details p{margin : 5px 0 10px 5px;}
		
		#middleLeft .details h1.entNonEntr{
			float : right;
			font-size : 20px;
			font-weight : bolder;
			text-align : center;
			width : 400px;
			padding : 20px 40px 0 0;
			line-height : 200%;
				_filter : alpha(opacity=50);
				-moz-opacity : 0.5;
				opacity : 0.5; 
		}
		
#middleLeft .coordonnees .hello,#middleLeft .details {margin-top:10px}
#middleLeft #etpsCom #comments{margin-right:10px;width:680px;}
#middleLeft #etpsCom .comment{margin-top:10px;}
#middleLeft #etpsCom .comment p{width:680px;overflow:hidden}
#middleLeft #etpsCom .comment .service{font-weight:bold}
#middleLeft #etpsCom .comment .date{color:#505050;font-size:10px}
#middleLeft #etpsCom .comment .comment_full{margin-top:10px;}
#middleLeft #etpsCom .comment .comment_full p{margin-bottom:5px;}
#middleLeft #etpsCom .comment .comment_full p span{display:block;font-weight:bold;color:#F25821}
#middleLeft #etpsCom .comment .comment_full p .societe{color:#F25821}
#middleLeft #etpsCom .comment form{height:180px;border:none;}
#middleLeft #etpsCom .reponsetxt{width:500px;height:150px}
#middleLeft #etpsCom .bt_orange{float:right}

#middleRight span.floatLeft{float:left;width:120px;color:#505050;font-weight:bold}
#middleRight #EvalGlobal .legend{display:block;width:242px;height:20px;background:url(../images/legend.gif) top right no-repeat}
#middleRight .evals{clear:both;height:25px}
#middleRight .contentBarre{float: right;}
#middleRight .bgBarreNeg,
#middleRight .bgBarrePos,
#middleRight  .barre{float:left;height:12px;width:60px}
#middleRight .bgBarrePos {
	height:12px;
	width:60px;
	border:1px solid #E2DDD6;
	border-left:none;
	background:url(../images/bg_progression.gif) top left no-repeat;
}
#middleRight .bgBarrePos .barre {
	float:left;
	height:12px;
	overflow:hidden;
	background:url(../images/bg_load_progression.gif) top left no-repeat;
}
#middleRight .bgBarreNeg{
	height:12px;
	width:60px;
	border:1px solid #E2DDD6;
	border-right:none;
	background:url(../images/bg_load_neg.gif) top left no-repeat;
}
#middleRight .bgBarreNeg .barre {
	float:left;
	height:12px;
	overflow:hidden;
	background:url(../images/bg_progression.gif) top left no-repeat;
}
		/* Barre Notation Type II*/
		#middleRight .evals .notation{
			width : 122px;
			height : 14px;
			background : url(../images/barreFond.png) top left no-repeat;
			position : relative;
			padding : 0px;
			float : left;
		}
			#middleRight .evals .notation div{
				height : 14px;
				background : url(../images/barreFort.png) top left no-repeat;
				position : absolute;
					top : 0px;
					left : 0px;
				padding : 0px;
			}

#middleRight #SocSecteur .societe{float:left;width:100px;}

#ficheEtps{clear:both;margin-top:30px;}
#formEtpsCommenaire{width:780px;}

/*COACHING*/
#middle #form_coaching{border:none}
#middle #form_coaching .leftFields{float:left;width:48%}
#middle #form_coaching .rightFields{float:right;width:48%}
#middle #form_coaching label{width:200px;}
#middle #form_coaching .values{width:420px;}
#middle #form_coaching .values .field label{text-align:left;width:140px}
#middle #form_coaching .values .leftFields{float:left;width:45%}
#middle #form_coaching .values .rightFields{float:right;width:45%}
#middle #form_coaching .field .bt_orange{margin-top:20px}
#middle #form_coaching #valid{padding-left:380px;}


/* INSCRIPTION */
#middle .registerLogin #bt01,#middle .registerLogin .remember_me{display:none}
#middle #mod_loginform .field{float:left; width:170px;}
#middle #mod_loginform input#mod_login_username,#middle #mod_loginform input#mod_login_password{width:150px;border:1px solid #BEC1C0}
#middle #mod_loginform .mod_login{display:block;}

#middle #registerChoice{height:24px;}
#middle #registerChoice li{float:left;display:block;width:216px;height:24px;padding-left:15px;text-align:center;}
#middle #registerChoice li a{display:block;width:216px;height:24px;line-height:24px;color:#FFF;font-weight:bold;text-decoration:none;background:url(../images/tab_inactive.gif) top left no-repeat}
#contactez_nous_message_erreur_mail,#contactez_nous_message_erreur_cgu,#contactez_nous_message_erreur{display:none;color:#F25821}
#middle #bloc_form{padding-top:6px;background:url(../images/bg_register.gif) top left no-repeat;zoom:1}

#middle .mandatoryMsg{font:15px Trebuchet MS;text-align:center;margin-bottom:5px;padding:5px;font-weight:bold;color:#FFF;background-color:#A99C8D}
#middle .mandatoryMsg span{color:#000}

#middle #form_register .field .societe{color:#F25821}
#middle #form_register .field label,#middle #form_register .intitule{width:160px}
#middle #form_register .leftFields{float:left;width:48%}
#middle #form_register .rightFields{float:right;width:48%}
#middle #form_register .bottomFields{clear:both;float:left;width:48%}
#middle #form_register .bottomFields .field_small{height:22px}
#middle #form_register .bottomFields label{width:320px}
#middle #form_register #valid{padding-left:90px}
#middle #form_register .gray{margin:10px 0px}
#middle #form_register .oldOrNew {padding-left:60px;padding-top:5px;}
#middle #form_register .oldOrNew label  {width:111px;}
#middle #form_register .oldOrNew label , #middle #form_register .oldOrNew input {float:left;text-align:left;margin-left:5px;}
#middle .registerSoc label {width:120px !important;}
/*#middle #form_register #captcha{float:right;padding-right:55px;text-align:right}
#middle #form_register #catchaPart #captcha{float:none;padding-right:0px;text-align:left;margin-bottom:20px}
#middle #form_register #catchaPart #captcha img{float:left;margin-right:7px}*/
.leftFields .newsletterInsc {width:280px !important;float:none !important;display:inline !important}
#field_small {height:20px}
#inscPart2{width:50% !important}
#inscPart{margin-left:35px;width:43% !important;margin-top:20px;}
.contenuIE{position:relative;overflow:hidden}
.ParticulierForm .field label, .ParticulierForm .field_inline span, .ParticulierForm .field_small label
 {text-align:left !important}
	.ParticulierForm .field{height : 30px;}
 
/*.rightFields img {width:450px;height:340px}*/
#middle #form_register #securityCode{margin-top:5px}
#middle #form_register legend {display:inline;margin:10px 0;color:#F25821;font-size:1.3em;}
#middle #form_register fieldset {width:450px;float:left;}
#middle #form_register input.readOnly {background:#F4F4F4}
#middle #form_register #socUser {float:right;}
#middle #form_register dl.socUser {margin:30px 0 0 0;float:left;width:400px;}
#middle #form_register dl.socUser dt,#middle #form_registers dl.socUser dt {position: relative;color:#F25821; margin-top:5px;height: 22px;}
#middle #form_register dl.socUser dt a.modSoc,#middle #form_registers dl.socUser dt  a.modSoc{position: absolute;top: -2px;left:150px;}
#middle #form_register dl.socUser dd {padding-left:10px;}
#middle #form_registers dl.socUser dd.liste {margin-bottom:10px;}
#middle #form_register dl.socUser dd span,#middle #form_registers dl.socUser dd span {float:left}
#middle #form_register dl.socUser dd a, #middle #form_registers dl.socUser dd a {padding-left:10px;float:right;margin-right:50px}
#middle #form_register dl.socUser dd ul, #middle #form_registers dl.socUser dd ul {padding-left:10px;clear:both;}
#middle #form_register #socSelected {}
#middle #form_register #socSelected p{margin:0;padding:0;}
#middle .gestionOverflow {
	overflow:hidden;
}
* html body #middle .gestionOverflow {
	float:left;
	position:relative;
}
* html body #middle #form_register {position:relative;float:left;}
#middle #form_register #txtnewSoc, #middle #form_register #txtoldSoc{display:none;}
#middle #form_register #reponseAjout {display:none;}
#middle #form_register .alert, #middle #form_registers .alert {background:#F25821;color:#fff;padding:10px;}
.choicePE div{float:left;height:50px;}
.choicePE .intitule{width:100px;font-weight:bold}
.choicePE div p{height:14px;margin-bottom:5px}
.choicePE div p input{float:left;}
.choicePE div p label{display:block;float:left;height:14px;padding-left:5px;line-height:14px;}

/*FICHE ENTREPRISE*/
.formulaire{padding:10px 0px;background-color:#F8F5F2;}
.formulaire form{margin:0px 10px;background-color:#FFF}
form.ficheEtps .field{height:22px;}
form.ficheEtps .field_big{height:100px;}
form.ficheEtps .field label,form.ficheEtps .field_big label{float:left;display:block;width:200px;padding-right:10px;text-align:right;font-weight:bold;color:#505050}
form.ficheEtps .field input,form.ficheEtps .field_big input{width:200px;border:1px solid #BEC1C0}


/*ACCORDION*/
#middleLeft .eval .toggler {
	font:13px Trebuchet MS;
	font-weight:bold;
	color:#000;
	height:25px;
	background: #FFF;
	border-bottom: 1px solid #A99C8D;
}
 
.element {}
.element p {margin: 0;}
 
.float-right {padding:10px 20px;float:right;}
 
blockquote {font-style:italic;padding:5px 0 5px 30px;}
.progressBar{padding:0.1em 0 0 0;float:left;display:inline;margin-right:0.2em;font-size:15px;}


/*MOOFAQ*/
.moo{margin-bottom:10px}

/****************************************/
/*** UPLOADER MOOTOOLS ***/
/****************************************/
#demo-status, #demo-status2
{
	background-color:		#F9F7ED;
	padding:				10px 15px;
	width:					520px;
	margin-bottom:10px;
}
#demo-status p.links, #demo-status2 p.links {
	margin-bottom:10px;
}
#demo-status .progress, #demo-status2 .progress
{
	background:				white url(../images/upload/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#demo-status .progress-text, #demo-status2 .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#demo-list, #demo-list2
{
	list-style:				none;
	width:					450px;
	margin:					0 0 10px 0;
}
 
#demo-list li.file, #demo-list2 li.file
{
	border-bottom:			1px solid #eee;
	background:				url(../images/upload/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading #demo-list2 li.file.file-uploading
{
	background-image:		url(../images/upload/uploading.png);
	background-color:		#D9DDE9;
}
#demo-list li.file.file-success, #demo-list2 li.file.file-success
{
	background-image:		url(../images/upload/success.png);
}
#demo-list li.file.file-failed, #demo-list2 li.file.file-failed
{
	background-image:		url(../images/upload/failed.png);
}
 
#demo-list li.file .file-name, #demo-list2 li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			130%;
	min-height:					40px;
	padding-top: 10px;
	font-weight:			bold;
}
#demo-list li.file .file-size, #demo-list2 li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#demo-list li.file .file-info, #demo-list2 li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	/*clear*/
}
#demo-list li.file .file-remove, #demo-list2 li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}

#etpsEspace #espaceGauche {float:left;text-align:center;width:430px;height:51px;color:#FFF}
#etpsEspace #espaceDroit {float:right;text-align:center;width:430px;height:51px;color:#FFF}
#etpsEspace .registerBt{background:url(../images/bt_accueil_etps.gif) top left no-repeat;}
#etpsEspace .registerBt a{display:block;line-height:51px;color:#FFF;font-size:16px;font-weight:bold;text-decoration:none}
.article .contenuMySelf {padding:5px;}
#etpsEspace {height:60px;margin-bottom:10px;overflow:hidden;padding:10px}
.article img {margin-right:10px}
.article .bt_orange {}
.divTroisEtapes{
	padding:10px;
	border:1px solid #A99C8D;
	background:url(../images/bg_myo2j.gif) repeat-x left bottom;
}
.troisEtapes {}
.troisEtapes li{height:15px;margin-left:25px;}
.colle {height:20px !important;margin-bottom:10px}

#drapeaux{position:absolute;top:0px;right:287px}


/********************************************************/
/************** STYLES EDITEUR **************************/
/*******************************************************/

span.underline {text-decoration:underline;}
p.left {text-align:left}
p.right {text-align:right}
p.center {text-align:center}
p.justify {text-align:justify}
h4.contenu{font-size:14px;color:#77C300;margin:0 0 15px 0;border-bottom:none}
span.orange {color:#F25821}
span.vert {color:#77C300}
/**/



/* Outils */
/*************************************************************************************************************************************************************************/
.hidden{display:none;}
.clearAll{clear:both !important;}
.err{color:#d00 !important;}
.good{color:#778F00 !important;}
.bleu{color:#3745DF !important;}
.size10{font-size:10px !important;}
.size11{font-size:11px !important;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.weightNormal{font-weight:normal !important;}
.nolink{cursor:default;text-decoration:none;color:inherit;}
.nobr{white-space: nowrap;}


/* Templates InfoBulles */

div.infoInput{
	background-color: #d0d6e3;
	color: #555;
	border : solid 1px #babbbe;
	font-weight: bold;
	min-width : 279px;
	z-index : 999;
}
	div.infoInput div.tip-top{
		display : none;
	}
	
	div.infoInput div.tip{
		
	}
	div.infoInput div.tip-bottom{
		display:none;
	}
		

div.mootoolsToolTips_nodir{width:237px;z-index : 999;}
	div.mootoolsToolTips_nodir .tip-top{background:url(../images/infobulles/mootoolsToolTips_nodir/top.png) left top no-repeat;height:23px;width:237px;margin:0;padding:0;}
	div.mootoolsToolTips_nodir .tip{background:url(../images/infobulles/mootoolsToolTips_nodir/center.png) left top repeat-y;margin:0;padding:0 20px 5px 20px;}
	div.mootoolsToolTips_nodir .tip-title{color:#e95e25;font-weight:bold;padding-bottom:5px;font-size:13px;}
	div.mootoolsToolTips_nodir .tip-text{color:#555;padding:0px;}
	div.mootoolsToolTips_nodir .tip-bottom{background:url(../images/infobulles/mootoolsToolTips_nodir/bottom.png) left bottom no-repeat;padding-top:11px;margin:0px;}
	
div.mootoolsToolTips1{width:237px;z-index : 999;}
	div.mootoolsToolTips1 .tip-top{background:url(../images/infobulles/mootoolsToolTips_nodir/top.png) left top no-repeat;height:23px;width:237px;margin:0;padding:0;}
	div.mootoolsToolTips1 .tip{background:url(../images/infobulles/mootoolsToolTips_nodir/center.png) left top repeat-y;margin:0;padding:0 20px 5px 20px;}
	div.mootoolsToolTips1 .tip-title{color:#e95e25;font-weight:bold;padding-bottom:5px;font-size:13px;}
	div.mootoolsToolTips1 .tip-text{color:#555;padding:0px;}
	div.mootoolsToolTips1 .tip-bottom{background:url(../images/infobulles/mootoolsToolTips_nodir/bottom.png) left bottom no-repeat;padding-top:11px;margin:0px;}
	
div.mootoolsToolTips2{width:237px;z-index : 999;}
	div.mootoolsToolTips2 .tip-top{background:url(../images/infobulles/mootoolsToolTips2/top.png) left top no-repeat;height:23px;width:237px;margin:0;padding:0;}
	div.mootoolsToolTips2 .tip{background:url(../images/infobulles/mootoolsToolTips2/center.png) left top repeat-y;margin:0;padding:0 20px 5px 20px;}
	div.mootoolsToolTips2 .tip-title{color:#e95e25 !important;font-weight:bold;padding-bottom:5px;font-size:13px;}
	div.mootoolsToolTips2 .tip-text{color:#555 !important;padding:0px;}
	div.mootoolsToolTips2 .tip-bottom{background:url(../images/infobulles/mootoolsToolTips2/bottom.png) left bottom no-repeat;padding-top:11px;margin:0px;}
	
	
	.barometre{}
	
	.barometre .evals{
		/*width : 49%;
		float : left;*/
		margin-bottom : 5px;
	}
		.barometre .evals span.titre{
			width : 40%;
			text-align : right;
			float : left;
			font-weight : bold;
			padding-top : 1px;
		}
		
		.barometre .evals span.barres{
			width : 55%;
			float : left;
			margin-left : 3px;
			height : 15px;
			border : solid 1px #ccc;
			background : url(/templates/open2job/images/barometre/fond.png) center center no-repeat;
			position : relative;
			padding : 0px;
		}
			.barometre .evals span.barres span.barreNeg{
				display : block;
				margin : 0px;
				padding : 0px;
				position : absolute;
					top : 0px;
					left : 0px;
				height : 15px;
				background : url(/templates/open2job/images/barometre/fondNeg.png) top left;
			}
			.barometre .evals span.barres span.barrePos{
				display : block;
				margin : 0px;
				padding : 0px;
				position : absolute;
					top : 0px;
					left : 50%;
				height : 15px;
				background : url(/templates/open2job/images/barometre/fondPos.png) top left;
			}
			.barometre .evals span.barres span.marqueMiddle{
				display : block;
				margin : 0px;
				padding : 0px;
				position : absolute;
					top : 0px;
					left : 50%;
				margin-left: -1px;
				background : #77c300;
				width: 2px;
				height: 15px;
				z-index: 20;
			}
			.barometre .evals span.barres span.masqueNoQuest{
				display : block;
				margin : 0px;
				padding : 0px;
				position : absolute;
					top : 0px;
					left : 0px;
				background : url(/templates/open2job/images/barometre/fondMasque.jpg) top left;
				width: 100%;
				height: 100%;
				z-index: 20;
			}
		.barometre .evals span.details{
			float : left;
			margin-left : 5px;
		}
		
		#barLegende{
			padding-left: 25px;
			position: relative;
			width: 80%;
			margin: auto;
			font-size: 11px;
			/*color: #333;*/
		}
			#barLegende span{
				display: block;
				width: 20px;
				height: 10px;
				position: absolute;
					top: 1px;
					left: 0px;
				border: solid 1px #ccc;
				background : url(/templates/open2job/images/barometre/fondMasque.jpg) top left;
			}
		
		.ptsAmelioration .part{}
			.ptsAmelioration .part .elt{
				margin : 15px 5px 05px 5px;
				border : dashed 1px #ccc;
				padding : 3px;
				clear : both;
				min-height : 55px;
			}
			
			
			
/* NOUVELLE GESTION MYSOC */
#socUser p.noSoc{
	font-weight: bold;
	text-align : center;
}
#socUser form.addMySoc{
	margin: 10px;
	text-align : center;
}
	#socUser form.addMySoc p#codeO2J{
		width: 180px;
		margin: 5px auto;
		padding-right: 50px;
		position: relative;
	}
		#socUser form.addMySoc p#codeO2J a#linkSoc{
			position: absolute;
				top: 2px;
				right: 0px;
		}
		#socUser form.addMySoc p#codeO2J input{
			border : solid 1px #999;
			width: 33px;
			padding-left: 2px;
		}
		
		
		
		
/* NOUVEAU STYLE DU TABLEAU DES OFFRES D'EMPLOI */
table#allOffres{border-collapse:collpased;width:940px;margin:auto;}
table#allOffres th,table#allOffres td{vertical-align:top;text-align:left;cursor:default;}
table#allOffres th{padding:5px;font-size:13px;}
table#allOffres td{vertical-align:top;text-align:left;border-bottom:dashed 1px #A99C8D;}
table#allOffres th.poste{width:450px;}
table#allOffres th.etps{width:100px;}
table#allOffres th.lieu{width:150px;}
table#allOffres th.secteur{width:150px;}
table#allOffres th.dl{}
table#allOffres td{padding:5px;}
table#allOffres td.dl{text-align:center;}
table#allOffres td.poste{}
table#allOffres td.poste strong{display:block;margin-bottom:3px;}
table#allOffres td.poste span.description{display:none;margin:10px;padding:10px;border:solid 1px #ccc;background:#eee}
table#allOffres td.poste a.more2{font-weight:bold;margin-left:5px;}
table#allOffres td.etps a{font-weight:bold;font-size:13px;}

form#form_offres{}
form#form_offres .field{height:20px;}