/******** Default rules for tag ********/
*{margin:0; padding:0; border:0; outline:none;}
body{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1; color:#000; background:#FFF;}
:focus{outline:0;}
ol, ul{list-style-type:none;}
img, fieldset{border:0;}
table{border-collapse:separate; border-spacing:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q {quotes: "" "";}
h1{}
h2{font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#001552; padding:0 0 20px 0; text-transform:uppercase;}
	h2 strong{font-weight:bold; color:#019de0;}
h3{font-weight:normal; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding:0 0 10px 0;}
h4{font-size:11px; color:#464464; padding:0 0 5px 0;}
p{line-height:18px; padding:0 0 5px 0;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}

/********** Common Classes ********/
.alert{}
.clear{height:0; clear:both;}
/********** Tree of common styles for all the templates ********/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) */
#main{width:510px; margin:10px;}
	#header{width:510px;}
		#header h1{}
			#header h1 img{display:block; float:left;}
			#header p{font-size:16px; font-weight:bold; color:#001552; padding:30px 0 10px 0; text-transform:uppercase;}

	#content{width:700px; margin:0 0 14px 0; padding:19px; float:left;}
	#contentWithContext{color:#464464; background:url(/images/EP/bgd_content.gif) 0 100% repeat-x; width:510px; margin:0 0 14px 0; padding:19px; border:1px solid #8d949b; float:left;}
	#context{width:160px; float:left; margin:0 0 0 28px; text-align:center; }
		#context h2{padding:0;}
			#context h2 img{margin-bottom:5px; padding:0;}
		#context div{background:#e6e6e6; margin:0 0 10px 0;}
		#context img{margin:0 auto; padding:0 0 10px 0; display:block;}

#content .highlight{ visibility:visible; display:block;}
.highlight ul{display:none;}


.AlignementFormulaire{clear:both; padding-bottom:8px}

.identification h3 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;	line-height: 12px;	font-weight: bold;	color: #C60127;}
.identification h2 {color: #C60127;}
.identification fieldset {margin-bottom:32px;}
.identification input {height:19px;width:316px;}
.identification #button_submit {width:55px;}
.identification #birthdate {width:100px;}
.lienTexteBoldBleuM, a:link.lienTexteBoldBleuM {font-family: Verdana; font-size: 10px; font-weight: bold; color: #001552;	text-decoration: underline;}
a:visited.lienTexteBoldBleuM, a:hover.lienTexteBoldBleuM {font-family: Verdana;	font-size: 10px; font-weight: bold;	color: ##CC3333; text-decoration: underline;}
.identification img {padding-right:6px;}

#tdb h3{ margin:20px 0 10px 0;}

#formulaire input, #formulaire select{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;	line-height:13px;font-weight: normal;color: #001552;}
#formulaire textarea{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal; font-weight: normal;color: #001552; width:720px; height:75px; margin-top:3px;}
#formulaire .bloc{border-bottom:#019DE0 1px solid; padding:0; margin:10px 0 10px 0;}
#formulaire .bloc_sans_bordure{padding:0; margin:10px 0 10px 0;}
#formulaire .bloc span, #formulaire .bloc_sans_bordure span{ display:block; float:left; margin-right:8px;}
#formulaire h4{margin-bottom:5px;}
#formulaire h2 strong{font-weight:bold; color:#C60127;}
#formulaire #address, #formulaire #mail,#formulaire .intitule_diplome,#formulaire .etablissement{ width:300px;}
#formulaire .lstAction{ text-align:center; margin-top:15px; list-style-type:none;}
#formulaire .lstAction li{ display:inline; list-style-type:none;} 

#formulaire .etape_cv{padding-left:300px;}
#formulaire .MultiList{ display:block; margin-bottom:3px;}

#formulaire .TxtRadio{margin-right:8px;}
#formulaire .selectionner, #formulaire .precedent_2{height:16px; border:none; color:#FFFFFF; width:auto; padding-left:18px; padding-right:5px;}
#formulaire .bloc .selectionner_2, #formulaire .bloc_sans_bordure .selectionner_2{height:16px; border:none; color:#FFFFFF; width:auto; padding-left:18px; padding-right:5px;}
#formulaire .rejeter_2{height:16px; border:none; color:#FFFFFF; width:auto; padding-left:18px;}

#formulaire .bloc .checkbox2,#formulaire .gauche .checkbox2{display:inline; border:none; width:20px;}
#formulaire .bloc .inline, #formulaire .bloc_sans_bordure .inline{display:inline;}
#formulaire .bloc .file{ height:18px;}

.btn2 .radio2{ display:inline; border:none;}
.checkbox2{display:inline; border:none; width:20px;}
.btn2 .TxtRadio2{ display:inline; width:175px;}

.gestion_erreur{color:#FF0000; font-weight:bold; display:block; height:15px; margin-bottom:2px; border:none;}

#emploi{font-size:10px; color:#464464; background:#C60127 url(/images/EP/bgd_table_02.gif) 0 100% no-repeat; width:716px; margin:0 0 15px 0; padding:0 7px 7px 7px;}
	#emploi thead th{font-weight:bold; color:#fff; background:url(/images/EP/bgd_separator_03.gif) 100% 0 repeat-y; padding:3px 5px; text-transform:uppercase; text-align:center;}
	#emploi img{margin:0 0 0 5px;}
	#emploi tbody{background:#fff;}
		#emploi tbody th{color:#0f5d8f; background:#fff url(/images/EP/icon_folder.gif) 9px 9px no-repeat; padding:10px 10px 10px 32px;}
		#emploi tbody td{background:#fff url(/images/EP/bgd_separator_02.gif) repeat-y; padding:10px; text-align:center;word-wrap:break-word;}
		#emploi a{color:#0f5d8f; line-height:14px;}
		#emploi a:hover{text-decoration:none;}
		#emploi thead .last{background:none;}
		#emploi tbody .last{background:#fff none;}
		#emploi .color01{background:#ecf3f3 url(/images/EP/bgd_separator_02.gif) repeat-y;}
		#emploi .color02{background:#ecf3f3 url(/images/EP/icon_folder.gif) 9px 9px no-repeat;}

/***********************
Edition Courrier 
************************/
.frmEdition{}
	.frmEdition p{padding:0 0 12px 0; clear:both;}
	.frmEdition label{color:#464464; font-weight:bold; display:block; padding:0 0 5px 0;}
	.frmEdition textarea{width:530px; padding:5px;}
	.frmEdition input{width:269px; height:15px; padding:0 0 0 5px;}
		.frmEdition .inputSet01{width:535px;}
		#contentWithContext .frmEdition div{width:auto;}

	.frmEdition #groupButton { padding:0; text-align:left; }
		.frmEdition #groupButton ul { float:right; }


/***********************
Offres d'emploi
************************/
.offre{font-size:10px; background:url(/images/EP/bgd_content_b_01.gif) 0 100% no-repeat; width:730px; padding:0 0 7px 0; margin:10px 0 14px 0;}	
.offreWrap{background:url(/images/EP/bgd_content_01.gif) no-repeat; padding:3px 0 0 0;}
	.offreWrap div{border-left:2px solid #0166ac; border-right:2px solid #0166ac; padding:0 5px; margin:0}

	.offreWrap thead th{font-weight:bold; color:#fff; background:url(/images/EP/bgd_separator_03.gif) 100% 0 repeat-y; padding:2px 0 5px 5px; text-transform:uppercase; text-align:center;}
	.offreWrap thead .last{background:none;}	
		.offreWrap tbody th{color:#0f5d8f; background:#fff url(/images/EP/icon_folder.gif) 9px 9px no-repeat; padding:10px 5px 10px 32px;}
		.offreWrap tbody td{color: #464464; background:#fff url(/images/EP/bgd_separator_02.gif) repeat-y; padding:10px 5px 10px 10px; text-align:left;}
		.offreWrap a{color:#0f5d8f;}
		.offreWrap a:hover{text-decoration:none;}		
		.offreWrap .color01{background:#ecf3f3 url(/images/EP/bgd_separator_02.gif) repeat-y;}
		.offreWrap .color02{background:#ecf3f3 url(/images/EP/icon_folder.gif) 9px 9px no-repeat;}
		.OfferSearch form{width:730px;}
		.OfferSearch,.OfferSearch select, .OfferSearch input{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;font-weight: normal;color: #001552; width:350px; margin-bottom:13px;}
		.OfferSearch #search_keywords, .OfferSearch #online_date, .OfferSearch #lower_online_date{height:20px;font-size:12px;}
		.OfferSearch #online_date, .OfferSearch #lower_online_date{margin:0;}
		.OfferSearch .input01{margin-top:-5px; padding-top:-5px;}
		.OfferSearch .btn2 input{width:10px; margin:5px 5px 0 0;}
		.OfferSearch .btn2 label{margin:0 8px 0 0;}
		.OfferSearch .size01{width:100px;} /* Bouton submit*/
			 {font-size: 10px;}
			.note{font-size:9px; font-style: normal; line-height: 11px; font-weight: normal; color: #3F6A9A;}
			.OfferSearch label{display:block; font-size: 12px; line-height: 14px; font-weight: bold; color: #3399CC; margin-bottom:5px;}
			.OfferSearch .LibRadio{display:inline; font-size: 10px;font-style: normal;font-weight: normal;color: #001552;}
	
	.infoOffer .ClsForm{width:auto; display:inline; margin-right:5px;}
	
/*
Liste résultats recherche
*/
h1 span, h2 span, h3 span, h4 span, h5 span {
display:block;
}

.texteBoldRouge11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	line-height: 14px;
	font-weight: bold;
	color: #E32027;
}
.ContenuCandidat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #001552;
}
.texteNormalBleuM11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #001552;
	display:block; width:500px;
	margin-bottom:10px;
}
.texteBoldBleuM12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	line-height: 12px;
	font-weight: bold;
	color: #001552;
}
.lienTexteNormalgris {
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #ADB1B2;
	text-decoration: underline;   
}
a:link.lienTexteNormalgris {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #2ADB1B2;
	text-decoration: underline;	
}
a:visited.lienTexteNormalgris{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #23AAE4;
	text-decoration: underline;	
}
a:hover.lienTexteNormalgris{
    font-family: Verdana;
    font-size: 10px;
	font-weight: normal;
	color: #CC3333;
	text-decoration: underline;
}
.lienTexteNormalBleuC {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #23AAE4;
	text-decoration: underline;   
}
a:link.lienTexteNormalBleuC {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #23AAE4;
	text-decoration: underline;	
}
a:visited.lienTexteNormalBleuC{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #23AAE4;
	text-decoration: underline;	
}
a:hover.lienTexteNormalBleuC {
    font-family: Verdana;
    font-size: 10px;
	font-weight: bold;
	color: #CC3333;
	text-decoration: underline;
}
.lienTexteBoldBleuMS {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #001552;
	text-decoration: underline;   
}
a:link.lienTexteBoldBleuMS {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #001552;
	text-decoration: underline;	
}
a:visited.lienTexteBoldBleuMS {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: ##CC3333;
	text-decoration: underline;	
}
a:hover.lienTexteBoldBleuMS {
    font-family: Verdana;
    font-size: 10px;
	font-weight: bold;
	color: ##CC3333;
	text-decoration: underline;
}

.LogoDescription{float:right; margin-left:10px;}

#content h4{display:inline; margin-right:5px;}
#content h2 strong{ color:#C60127;}

.TitreDetailOffre{color:#414134; font-size:14px; font-weight:bold; font-family:Helvetica,Arial,sans-serif; text-transform:uppercase;}
.employeur{text-transform:lowercase; color:#50b3f8; font-size:12px; font-weight:bold;}

#lev1{display:none;}
#lev2 li{display:none;}
#breadcum .breadcum{display:none;}
#banner{display:none;}
.lstAction{display:none;}
#footer{display:none;}

.first dt, .first dd{display:inline;}
.AlignementDetailOffre{ padding-bottom:10px; border-bottom:#999999 1px solid; margin-bottom:20px;}

.entete span{ display:block; float:left; margin-right:15px;}
.entete .sous_titre{ float:left;}
.candidateInfos{ margin-top:15px; }
.candidateInfos .bordureCandidateInfos .fondH6{ font-size:16px; margin-top:10px; color:#0166AC;}
.selectionner, .selectionner_2 {display:none;}