/* Redefinitions des balises HTML */ 

*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em Arial, Helvetica, Sans-serif;font-weight:normal;color:#000;}

img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0; list-style:none;}
ol{margin:0;list-style:none;}
dd{margin:0;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}

/* Structure generale */ 

body{text-align:center; background:url(../images/bg_body.gif) 0 0 repeat-x;}
	
	#global{width:800px; text-align:left; margin:8px auto; text-align: left;}	
		#header{width:800px;}
				
		#cont{ float:left; width:798px; /*padding:0 1px;*/ background:url(../images/bg_cont.gif) 0 0 repeat-y ; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
		#contDec{ float:left; width:798px; /*padding:0 1px;*/ background:url(../images/bg_cont_dec.gif) 0 0 repeat-y ; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
			#contentLeft{ float:left; display:inline; width:203px; background:#00FF00;}
			#content{float:left; display:inline; width:600px; background:#0066CC;}			
			#contentRight{float:left; display:inline; width:200px; background:#FF0000;}	
		#footer{width:800px; height:16px;clear:both; background: #627b8f; display:table;}

/*-------------mise en page header----------------*/
		#header ul li{display:inline; margin:0 10px;}
				
			#nav1 {float:left; margin:0; width:800px; height:18px; display:inline;}
			#nav1 img { display:block; float:left;}
			#nav1 ul {padding:0;}
			#nav1 li {list-style:none; height:18px; list-style-image:none; padding:0; display:inline;}					
					

/*-------------------------*/
#flashAccueil{ float:left;  width:800px; background:url(../images/bg_flash.gif) 0 0 repeat-y #dfdfdf; height:209px;}

/*------- Bloc -------*/
.meaBloc{float:left; width:264px;}
.meaBloc2{float:left; width:268px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}

	.menu {float:left; width:264px; min-height:245px; _height:245px;}
	.menu ul{  margin:40px 0 0 20px; width:160px; padding:0;}
		.menu li{clear:both; line-height:1px; font-size:1px; padding:4px 0 0 0;}	
			.menu li a{color:#627b8f; font-size:12px; font-weight:bold; float:left; padding:4px 0 0 0; } 	
			.menu li span{display:block; width:39px; height:23px; float:left;}
				.menu li span a{padding:0;}

.offres{ float:left; width:268px;  min-height:245px; _height:245px; background:#eeeeee; position:relative;}
.offres2{ float:left; width:268px;  min-height:145px; _height:145px; background:#fff;}
	.offres ul, .offres2 ul{margin:0 0 0 20px; padding:0; width:220px; text-align:left;}
	.offres li, .offres2 li{text-align:left; line-height:1px; font-size:1px;}
		.offres li a{background:url(../images/icon_plus.gif) 0 18px no-repeat; padding:14px 0 0 14px; font-size:11px; color:#a8a8a8; display:block; text-decoration:none; font-weight:normal;}
		.offres li a strong{color:#627b8f; font-weight:normal;}
			.offres li a:hover{text-decoration:underline;}

		.offres2 li a{background:none; padding:15px 0 0 14px; font-size:11px; color:#627b8f; display:block; text-decoration:underline; font-weight:normal;}

	p.lienEntreprise{text-align:center; padding:15px 0 5px 0;}
	p.lienEntreprise a{color:#004275; font-size:14px; text-decoration:none; font-weight:bold;}





.collaborateur{ float:left; text-align:center; width:264px; min-height:245px; _height:245px;}

.refs{min-height:115px; _height:115px;}
.refQsn{min-height:115px; _height:115px; padding:24px 0; }

.meaBloc .resumEntreprise{float:left; padding:52px 34px; background:#ebebeb; text-align:left; width:196px; font-size:11px; font-weight:bold; line-height:16px; color:#627b8f; text-align:justify;}

.meaBloc .meaEntreprise{float:left; padding:32px 0 0 0; background:url(../images/tt.gif) 1px 0 no-repeat #fff; text-align:left; width:264px;}
.meaEntreprise{float:left; padding:32px 0 0 0; background:url(../images/tt.gif) 1px 0 no-repeat; text-align:left; width:268px;}
	.blocLogo{ float:left; width:160px; padding:0 0 20px 0; text-align:center;}
	.blocLogo img{ margin:0 0 8px 0;}
	.info{ float:left; width:100px; margin:0 0 8px 0; padding:6px 0 0 0;}
		.info a{ color:#627b8f; font-size:12px; text-decoration:none; font-weight:bold;}



.visuel{margin:10px auto 0; text-align:center; width:100%;}

.blocBureaux{background:url(../images/bg_bureaux.gif) 0 100% no-repeat; height:159px; text-align:left;}
	.blocBureaux dl{ width:120px; text-align:right; margin:20px 0;}
		.blocBureaux dt{ margin:0 0 24px 0;}
			.blocBureaux dt a{text-decoration:underline; color:#a65e9e; font-size:12px; font-weight:normal; }
				.blocBureaux dd a{text-decoration:underline; color:#627b8f; font-size:14px; text-transform:uppercase; text-decoration:none; font-weight:bold;}


#introduction{ float:left;}
#introduction p{ width:204px; padding:20px 30px 0 30px; text-align:justify; color:#627b8f; font-size:11px;}	





p.lienConsulter{text-align:center; width:150px; height:20px; position:absolute; bottom:14px; left:50px;}
p.lienCenter{text-align:center; padding:5px 0 15px 0;}
#introduction p.lienRight,.contentBloc p.lienRight{text-align:right;padding-bottom:10px;}
p.lienCenter a, p.lienRight a, p.lienLeft a, p.lienConsulter a{text-decoration:underline; color:#a65e9e; font-size:12px; font-weight:normal;}
p.lienLeft{text-align:left;}

p.cliqIci{text-align:center;}
p.cliqIci a{text-decoration:underline; color:#a65e9e; font-size:12px; font-weight:normal;}

.offres2 p.lienLeft{ padding:10px 0 0 30px;}

 p.lienEntreprise{text-align:center; padding:15px 0 5px 0;}
p.lienEntreprise a{color:#0070b9; font-size:14px; text-decoration:none; font-weight:bold;}


.divAnim{width:130px; margin:0 auto;}

/*---------------*/
.content{float:left; width:534px;}
.content h2{color:#a65e9e; font-size:14px; font-weight:bold; margin:0 0 24px 0;}

.introduction{float:left; width:490px; padding:0 22px;}
.introduction p{color:#a65e9e; font-size:11px; font-weight:bold; margin:30px 0 0 0; text-align:justify;}

.contentBloc{float:left; width:223px; padding:20px 22px; text-align:justify; color:#627b8f; font-size:11px;}
.contentBloc p{ margin:0 0 10px 0;}
.contentBloc p.cadre{ margin:36px 0; padding:12px; background:#ebebeb; font-size:13px; color:#627b8f; font-weight:bold;}

/*- Entreprise -*/


#entreprise{float:left; width:417px; padding:44px 58px; background:url(../images/bg_entreprise.gif) 0 100% repeat-x #fff; min-height:348px; _height:348px;}
.content #entreprise h2{overflow:hidden; margin:0 0 10px 0;}
#entreprise h2 span{ float:left; display:block; width:41px; margin:0 30px 0 0;}
#entreprise h2.montre{ background:url(../images/icon_montre.gif) 0 0 no-repeat; height:30px; padding:12px 0 0 55px;}
#entreprise h2.micro{ background:url(../images/icon_micro.gif) 0 0 no-repeat; height:37px; padding:12px 0 0 55px;}
#entreprise h2.mail{ background:url(../images/icon_mail.gif) 0 0 no-repeat; height:32px; padding:12px 0 0 55px;}
#entreprise p{ color:#627b8f; font-weight:bold; padding:0 0 10px 60px; line-height:18px; margin:0;}
#entreprise p span a{ color:#627b8f; font-weight:normal; font-size:11px;}

.contentEntreprise{float:left; width:798px;}
.formEtreprise{float:left; width:758px; padding:20px; background:url(../images/bg_entreprise.gif) 0 100% repeat-x #fff; color:#627B8F;}
.formEtreprise table{width:758px;}
.formEtreprise th{ text-align:center; background:#627B8F; color:#fff; padding:4px 0;}
.formEtreprise input, .formEtreprise textarea{ border:1px solid #627B8F;}
.btnForm{ background:#627B8F; color:#fff;}


/* Bureau */
		#contBureau{ float:left; width:798px; background:url(../images/bg_bureau.gif) 0 0 repeat-y ; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
		.meaBureau{float:left; width:266px;}
		.BlocBureau{  width:159px; height:320px; padding:30px; margin:34px auto; background:url(../images/bg_bloc_bureau.gif) 1px 0; border:3px solid #fff; position:relative; color:#627b8f;}
		.BlocBureauVisuel{position:absolute; bottom:10px; left:0; }
.BlocBureau h2{ font-size:18px; color:#627b8f; margin:0 0 10px 0;}

.BlocBureau h2 span{ font-size:11px; font-weight:bold color:#627b8f;}
.BlocBureau address{ font-size:11px; font-weight:bold; font-style:normal; min-height:44px;}
*html .BlocBureau address{height:44px;}
.BlocBureau ul { margin:20px 0; font-weight:bold; line-height:18px;}
.BlocBureau li { margin:20px 0;}

.BlocBureau p.lien { margin:6px 0;}
.BlocBureau p.lien a{ color:#a65f9e;}

/*-inscription-*/
.inscription{float:left; width:764px; padding:0 0 20px 34px; background:url(../images/bg_carre.gif) 0 0 ; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
	.inscription fieldset{ float:left; width:726px; padding:2px 2px 10px 2px; margin:10px 0; border:1px solid #000; background:#f7f6f3;}
	
		.inscription fieldset h2{background:#5d7b9d; text-align:center; color:#fff; font-weight:bold; padding:2px 0;}
		.inscription p{ margin:10px 0;}
		.inscription p.right{ padding:0 0 0 290px;}
			.inscription p.retour a{ color:#a75f9e; font-size:12px; text-decoration:underline;}
			.inscription p a{ color:#90570d; font-size:10px; text-decoration:none;}
		.inscription label{ font-size:10px; width:280px; float:left; text-align:right; padding:0 6px 0 0;}
			.inscription label span{ color:#5D7B9D;}
		.inscription input{ border:1px solid #666; width:160px;}
			.inscription fieldset input.btn{ border:1px solid #ccc; background:#fffbff; color:#284775; width:102px; float:right; margin:10px 10px 0 0;}
			.inscription fieldset input.box{ float:left; border:none; width:auto;}
			
/*.......Resultat offre...................................*/

.listeOffre{float:left; width:798px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
	/*.listeOffre .sepOffre{width:100%;background:url(../images/tt.gif) repeat-x 0 0;height:19px;}*/
	.listeOffre h2{background:url(../images/bg_titre_offre.gif) repeat-x 0 0;font-size:16px;font-weight:bold;text-align:center;color:#fff;padding:10px 0}
	.listeOffre .offre {width:746px;padding:22px 26px;color:#627b8f;font-size:11px;}
        .listeOffre .offre h3{font-size:12px;font-weight:bold;text-decoration:underline;color:#627b8f;padding:2px 0 6px 16px; margin:18px 0 0 0; background:url(../images/puce_plus.gif) 4px 6px no-repeat; width:360px;}
		.listeOffre .offre h3.retourliste{font-size:12px;font-weight:normal;text-decoration:underline;color:#A65E9E;padding:2px 0 6px 16px; margin:18px 0 0 0; width:360px; background:none;}
        .listeOffre .offre h3.retourliste a{font-size:12px;font-weight:normal;text-decoration:underline;color:#A65E9E;}
		.listeOffre .offre h3 a{font-size:12px;font-weight:bold;text-decoration:underline;color:#627b8f;}
		.listeOffre .offre p{padding:0 0 6px 0;}
		.listeOffre .offre ul{padding:0 0 15px 0;}
		
		.listeOffre .offre li{background:url(../images/puce_offre.gif) no-repeat 0 7px;padding:0 0 0 10px;}

		.infos{width:714px; padding:10px 16px; background:#f0f0f0;}
/*........................................................*/

/*.......recherche...................................*/

.recherche{float:left; width:798px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:16px 0 15px 0; background:url(../images/bg_recherche.gif) 0 0 repeat-x;}
	.recherche h1{background:url(../images/bg_pt.gif) repeat 0 0;font-size:16px;font-weight:bold;text-align:center;color:#627b8f;padding:10px 0;}
	.recherche .formulaire {width:746px;padding:15px 26px 0 26px;color:#627b8f;font-size:11px;}
		.recherche .formulaire p{ float:left; padding:15px 0;width:350px;}
		
		.formulaire label{ font-size:11px; color:#627b8f; width:155px; float:left; text-align:right; padding:0 15px 0 0;}
		.formulaire input{font-size:11px; color:#627b8f; border:1px solid #627b8f; width:170px;padding:2px;}
		.formulaire select{font-size:11px; color:#627b8f; border:1px solid #627b8f; width:170px;}
		
		.recherche .formulaire p.rechercher{ float:left; padding:15px 0 15px 120px;width:230px;}	
		.formulaire p.rechercher a{font-size:12px;font-weight:bold;text-decoration:underline;color:#627b8f;padding:12px 0 12px 50px; background:url(../images/globe.gif) 0 0 no-repeat;}	
		
			
			.formulaire input.btn{ border:1px solid #ccc; background:#fffbff; color:#284775; width:102px; float:right;}
/*--onp--*/
.contentDec2{float:left; width:738px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:16px 20px 15px 40px; background:url(../images/bg_recherche.gif) 0 0 repeat-x;text-align:justify; color:#627b8f; font-size:11px;}
	.contentDec2 p{  padding:0 0 10px 0;}
	.contentDec2 p.first{  font-size:14px}
	.contentDec2 h2{ font-size:14px; color:#627B8F; font-weight:bold; padding:10px 0 36px 0;}
	.contentDec2 h3{ font-size:11px; color:#a65f9e; font-weight:bold; padding:10px 0 10px 0;}
	.contentDec2 h4{ font-size:11px; color:#627B8F; padding:10px 0 10px 0; text-transform:uppercase;}
	
	.contentDec2 ul{ padding:0 0 10px 36px;}
	.contentDec2 ul li{ background:url(../images/car.gif) 0 4px no-repeat; padding:0 0 0 12px;}
	.contentDec2 ul.pres li{ background:none; padding:0 0 0 6px;}
	.contentDec2 ul li.profilFirst{ background:none; padding:15px 0 0 34px;}
	.contentDec2 ul li.profil{ background:none; padding:0 0 0 34px;}
	.contentDec2 ul li, .contentDec2 ul li a{color:#627b8f; font-size:11px;}
	
	ul#Nav{ padding:20px 0;}
		ul#Nav li{display: inline;padding:0 24px 0 0; background:none;}
		ul#Nav li a{ font-size:12px; color:#A65E9E; text-decoration:underline;}
		ul#Nav li a:hover{ text-decoration:none;}
	 
	ul.Lesffres{ padding:26px 0 0 36px; float:left;}
		ul.Lesffres li{ padding:6px 0; background:none;}
		ul.Lesffres li.active{ text-decoration:underline;}
			ul.Lesffres li a{ text-decoration:underline; color:#627b8f; font-size:11px;}
			ul.Lesffres li a:hover{ text-decoration:none;}
			
	ul.Lesffres2{ padding:5px 0 0 36px; float:left;}
		ul.Lesffres2 li{ padding:6px 0; background:none;}
		ul.Lesffres2 li.active{ text-decoration:underline;}
			ul.Lesffres2 li a{ text-decoration:underline; color:#627b8f; font-size:11px;}
			ul.Lesffres2 li a:hover{ text-decoration:none;}
			
	.contentDec2Txt{ width:702px; padding:10px 0 0 36px;}
	.contentDec2Txt ol{ padding:0 0 10px 30px;}
	.contentDec2Txt ol li{ list-style:decimal; padding:0 0 0 4px;}
	
	p.retour{ text-align:right; padding:10px 0 0 0;}
		p.retour a, p.retour{ font-size:11px; color:#A65E9E; text-decoration:none;}
		p.retour a:hover{ text-decoration:underline;}
		p.postuler{ float:right; padding:32px 0 0 0;}
		p.postuler a {color:#627b8f; font-size:11px;}
	
	p.retour2{float:right;text-align:right; padding:12px 0 0 0;font-size:11px; color:#A65E9E; text-decoration:none;}
	p.retour2 a{ font-size:11px; color:#A65E9E; text-decoration:none;}
	p.retour2 a:hover{ text-decoration:underline;}
/*........................................................*/


/*-------------mise en page footer----------------*/	
	#footer ul{ float:left; margin:0 0 0 60px;}
	#footer li{ float:left; margin:0 10px 0 0;}
	#footer li a{ color:#fff; font-size:10px; text-decoration:none;}
#copyRight{ float:right; color:#fff; font-size:10px; margin:0 60px 0 0; width:240px;}

	/* Correction bug IE pour gerer le retour a la ligne  */
	 .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
	 .pere{background:#F0F0F0 none repeat scroll 0 0; min-height:379x; position:relative;}
	 .postulerlienHaut{ position:absolute; width:310px; top:2px; right:16px;}
	 
	 .postulerlien, .postulerlienHaut {color:#627B8F;}
	 .postulerlien a, .postulerlienHaut a{color:#A65F9E; font-size:11px;}


#form1 label.error {
color:#A65F9E;
font-weight:bold;
margin:0 0 0 14px;
text-align:left;
width:auto;
}

#form1 input.error{
;border:1px solid #A65F9E;
}