/*
Theme Name: Synergie
Theme URI: http://agencesynergie.com
Description: Theme Synergie créé par Activis
Version: 1.0 beta
Author: Activis
*/

body {background: #464646; color: #464646; font: 0.625em/1 "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0; background-color:#FFFFFF;}
body *{display:none; float:none;}

#content .pageContent span,#content .pageContact span,#content .pagejobs span,#content .pageposte span,#content .post span, #content .page span, #content .home span{display:inline!important;}
#content .pageContent td,#content .pageContact td,#content .pagejobs td,#content .pageposte td,#content .post td, #content .page td, #content .home td{display:table-cell!important;}
#content .pagejobs .domaine{display:none!important;}
#jobtable {width:100%!important;}
#jobtable *{width:auto!important; height:auto!important;}
#jobtable #jobtabletitle{width:100%!important; padding:0!important; height:30px!important; line-height:30px!important;}
#jobtable #jobtabletitle div{width:23%!important; height:auto!important;}
#content .pagejobs #jobtable tr{width:100%!important;display:table-row!important;}
#jobtable td{width:23%!important; padding:2%!important; border-spacing:0px; border:none;}
.center{width:100%!important; height:auto; margin: 0px auto; padding: 0px; display:block!important;clear:both!important;}

#content{display:block!important; padding:0!important;}
#content .pageContent, #content .pageContact, #content .pagejobs, #content .pageposte, #content .post, #content .home, #content .page{width:100%!important; padding:0!important; margin-top:10px; display:block!important; page-break-inside:avoid;}

#content .pageContent *, #content .pageContact *, #content .pagejobs *, #content .pageposte *, #content .post *, #content .home *, #content .page *{display:block!important;}
#header{display:block!important;width:auto!important;}
#header #logoLogin, #header #logoLogin #logo{display:block!important;width:auto!important;}
#header #logoLogin #logo a, #header #logoLogin #logo a img{display:block!important;width:auto!important;}

#imgTitle {display:block!important;width:auto!important;}
.titleImage {display: none;width:auto!important;}
#theTitle {display:block!important;width:auto!important;}
#theTitle *{display:block!important;width:auto!important;}
#boxTitle {display:block!important;width:auto!important;}
#printresize {display: none;width:auto!important;}

#printFrom{display:block!important;width:auto!important;}
#printFrom *{display:block!important;width:auto!important;}
#content #post #coord #address #formMail{display: none!important;}
#boite-carte{float:none!important; clear:both!important; display:block!important; width:100%; margin:15px 0 0 0!important;}
#address{float:none!important; display:block!important; width:100%!important; margin:0 0 15px!important;}
#fm-form input{float:none!important;}
#boxinscriptionForm,#boxinscriptionForm form{page-break-before:avoid; page-break-inside:auto;}
#content{page-break-inside:avoid!important;}

#content #post #boxinscriptionForm #fm-form fieldset div *{display:inline!important;}

#coord{overflow-x:hidden!important;}

a{text-decoration: none; color:#64afe1; outline:none;}
a:hover{text-decoration:underline;}
a:visited {color: #64afe1;}
a img{border:none;}

h1, h2, h3, h4, h5, h6{font-family:"Trebuchet MS", Arial, sans-serif; font-weight:normal; line-height:1.25; margin:0; text-transform: uppercase; margin: 10px 0 0 0;}
h1 {font-size:1.8em; font-weight:bold;}
h2 {font-size:1.0em; font-weight:bold; color:#465e73; margin-bottom: 10px;}
h3 {font-size:1.0em; text-transform: uppercase; font-weight:bold;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em; font-weight:bold;}
h6 {font-size:1.4em; color:#272727;}
p{margin-bottom:10px; line-height:1.25;}

ul, ol{ margin:0; padding:0 0 1em 15px;}
li{font-size:1em; padding:0.2em 0 0.2em 0;}
li li{font-size:0.9em;}

acronym, abbr {border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;}
acronym, abbr {cursor: help;}

blockquote {border-left: 5px solid #ccc; margin-left: 1.5em; padding-left: 5px;}
cite {font-size: 0.9em;font-style: normal;}

.synergie {color:#002c65; text-transform: uppercase; font-weight:bold; }
.Ysynergie {color:#aa0233;}
.textBold { font-weight:bold; color:#465e73;}
.textItal { font-style:italic; color:#465e73;}
.hightLight {font-size:1.0em; font-weight:bold; color:#465e73; font-style:italic;}
.pUL { margin-left: 40px; line-height:1.25;}
.sousUL { margin-left: 80px; line-height:1.25;}
ul.serviceslist { list-style:square; margin-left:40px; padding:0px; line-height:1.25;}
ul.serviceslist li{ margin-bottom:10px; }

/* header*/
#header {width:998px; display:block!important;}
#header .title{font-size:3.8em;}
#header .description{font-size:1.6em;}

/*topMenu*/
#topMenu{display: none;}
#topMenu ul{list-style: none outside; height:18px; margin:0; padding:0; float:right;}
#topMenu li{display: inline; line-height:18px; height:18px; padding:0px; margin:0px;}
#topMenu li.last{border: none;}
#topMenu a{font-size:1.1em; color:#7995ad; line-height:18px; height:18px; padding:0px 4px; margin:0px;}

#bubble {position:absolute; color:#0066a5; top:-35px; right:111px; padding: 10px 10px 5px; background-color:#FFFFFF;}

/*logo*/
#logoLogin {width:978px; height:70px; background-color:#FFFFFF; padding:10px;}
#logo {float:left; width:270px; height:70px;}
#login {display: none;}

#welcome {/*visibility:hidden;*/ font-size:12px; color:#777777; float:right; width:354px; height:48px; background-color:#fff; padding:10px 0 0 10px;}
#welcome .welcomeuser{/*visibility:hidden;*/font-size:12px; font-weight:bold; color:#465e73;} 

#courrieltext {width:146px; height:14px; font-size:11px; color:#777777; float:left; margin:0px; padding:0px;}
#pswtext {width:140px; height:14px; font-size:11px; color:#777777; float:left; margin:0px; padding:0px;}
.forget a{width:146px; height:14px; font-size:11px; color:#aa0233; float:left; margin:0px; padding:2px 0 0 0; text-decoration:underline;}
.diconnect a{width:146px; height:14px; font-size:11px; color:#aa0233; float:left; margin:0px; padding:6px 0 0 0; text-decoration:underline;}


#bkgmenu {display: none;}
#mainMenustroke {display: none;}

#marginmenu {display: none;}

/*mainMenu*/
#mainMenu {display: none;}


/*display: none;*/
#flashbanner {display: none;}


/*imgTitle*/
#imgTitle { width:978px; height:31px; border-bottom:1px dotted #262626; padding:0 0 1px 0; }
.titleImage {display: none;}
#theTitle { width:403px; height:31px; float:left;}
#boxTitle { background-color:#272727!important; width:978px; height:31px; }
#printresize {display: none;}

/* content */
#content {font-size:1.2em; background:#fff; padding:0 10px; margin:0px;}
#content .post { background: #fff; float:left; width:380px; padding:10px 0 0 10px; }
#content .page{ background: #fff; float:left; width:360px; padding:14px; margin-top:10px; }
#content .pageContent{ background: #fff; float:left; width:710px; padding:14px; margin-top:10px; display:block!important;}
#content .pageContact{ background: #fff; float:left; width:712px; padding:10px 0px 10px 14px; margin:0px; display:block!important;}
/*#content .page{ background: #fff; float:left; width:702px; padding:14px; margin-top:10px; }*/
#content .pagejobs { float:left; width:728px; margin-bottom:10px;}
#content .pageposte { float:left; margin-bottom:10px; }

#sidebarContent {float:right; width:240px; margin:10px 0 10px 0;}

#sidebarAccueil {float:left; width:574px; padding:10px 0 10px 14px;}
#infolettre { display: none;}
#infolettreContent { background-color:#aa0233; width:240px; height:198px; float:right; padding:0px; margin:0px; color:#FFFFFF; overflow:hidden;}
#infolettreform {height:132px; overflow:hidden;}
#recentheight {height:132px; overflow:hidden;}
#courrielinfolettre {width:146px; height:14px; font-size:11px; color:#fff; float:left; margin:0px; padding:16px 16px 4px 16px;}
#bottominfolettre {background-color:#90002a; width:240px; height:34px; }


#offresemplois { display: none;}
#offresemploisheight {height:132px; overflow:hidden;}
#offresemploisheight ul li {background:url(images/arrow_bkg_blue.png) 0px 10px no-repeat; padding:10px 6px 6px 20px; list-style: none; color:#FFFFFF;}
#offresemploisheight a{font-size:11px; text-decoration: none; color:#fff; outline:none;}
#offresemploisheight a:hover{text-decoration:underline;}
#bottomoffresemplois {background-color:#2f4159; width:240px; height:34px;}


#recenteoffres { background-color:#465e73; width:324px; height:198px; float:right; padding:0px; margin:0px; color:#FFFFFF; overflow:hidden;}
#recenteoffres ul li {background:url(images/arrow_bkg_blue.png) 0px 10px no-repeat; padding:10px 6px 6px 20px; list-style: none; color:#FFFFFF;}
#recenteoffres a{font-size:11px; text-decoration: none; color:#fff; outline:none;}
#recenteoffres a:hover{text-decoration:underline;}

#bottomrecenteoffres {background-color:#2f4159; width:324px; height:34px; }
#toutlesoffres { float:right; margin:8px 10px 0 0; }
#toutlesoffres a{font-size:11px; text-decoration: none; color:#fff; outline:none; margin-left:10px;}
#toutlesoffres a:hover{text-decoration:underline;}


#jobtable {width:728px;}
#jobtabletitle{background-color:#717171; color:#fff; width:708px; padding:6px 10px; font-size:11px; height:12px; border-bottom: 1px solid#fff;}
#jobfonction {width:232px; float:left;}
#jobdomaine {width:222px; float:left;}
#joblieu {width:172px; float:left;}
#jobsalaire {width:70px; float:left;}

.joboffre {width:728px; font-size:11px; border:none!important;}
.joboffre a{color:#2f4159; outline:none;}
.joboffre tr.hover td{background:#b1cbe0!important; cursor:pointer;}


/*border-bottom:1px solid #000000;*/
.joboffrefonction {width:200px; background-color:#e5e5e5; padding:10px; clear:left;}
.joboffredomaine {width:200px; background-color:#d3d3d3; padding:10px;}
.joboffrelieu {width:90px; background-color:#e5e5e5; padding:10px;}
.joboffresalaire {width:133px; background-color:#d3d3d3; padding:10px;}

#postetitle { width:714px; font-size:14px; font-weight:bold; color:#465e73; margin:0px;}
#postedescription { width:490px; padding:10px; float:left; margin:0px; display:inline;}
#postetopright{ float:left; padding:10px 0 10px 10px; width:182px; margin:0px;}
#postetype { padding-bottom:6px;}
#postelieu {padding-bottom:6px;}
#postesalaire {padding-bottom:6px;}
#postehor {padding-bottom:6px;}
#postecompetence { padding:10px;}
.postesection {font-size:12px; color:#465e73;}

#postecompess { padding-bottom:6px;}
#postecompsou { padding-bottom:6px;}
#postelogic { padding-bottom:6px;}

#postenav { background-color:#333333; display:inline;}
#postenavprev {float:left; margin-right:10px;}
#postenavenvoyer {float:left; margin-right:10px;}
#postenavpostedispo {float:left; margin-right:10px;}
#postenavpostuler {float:left; margin-right:10px;}
#postenext {float:left; margin-right:10px;}

#pswSend {/*visibility:hidden;*/}
.emailsent {font-size:12px; color:#465e73; text-align:center; margin-top:10px; }

#topstroke {width:978px; height:1px; border-top:1px dotted #262626; padding:0;}


/* footer */
#footer{display: none;}
#footermenu {display: none;}

#activis {
display: none;
}
#copyrightmenu {display: none;}

		
#copyright a:hover {
	text-decoration:underline;
}


#boxinscriptionForm { background:none; width:600px;}
.inscriptionForm {color:#2f4159; text-align:right;}
.inscriptionlabel {background:#ccc; width:400px;}

/* form */
form.infolettre {background:none; border:none; padding:0px; margin:0; color:#FFFFFF;}
#inscriptionFormulaire {}
input, textarea, select, option, label, fieldset, legend { color:#000; vertical-align:bottom; font-family:verdana; font-size:11px;}
.obligatoire {color:#aa0233;}
textarea { background:#b1bcc5; color:#000; border:1px solid #333;}
select { background:#b1bcc5; color:#000; border:1px solid #333; float:left;}
option {border:none;}
input.text { background:#fff !important; color:#465e73; border:1px solid #c0c0c0; padding:4px 6px 4px 6px; height:12px; width:126px; margin-right:2px; font-size:11px;}
input.password { background:#fff !important; color:#465e73; border:1px solid #c0c0c0; padding:4px 6px 4px 6px;  height:12px; width:126px; margin-right:2px; font-size:11px;}
input.infolettre { background:#fff !important; color:#465e73; border:1px solid #c0c0c0; padding:4px 6px 4px 6px; height:12px; width:192px; margin:0 2px 6px 0; font-size:11px; margin-left:16px;}
input.radio {margin:0px 4px 0 4px;}
.radioinfolettre {margin:0px 4px 0 16px;}
.btninfolettre{margin:12px 4px 12px 78px;}
input.checkbox {}
input.image {margin:10px 10px 0 64px; }
input.reset {}
input.submit {color:#b1bcc5; background:#000; border:1px solid #fff; font-weight:bold; padding:2px; display:block;}
input.error, select.error, textarea.error { color:#c00; background:#fdcae0 !important; border:1px solid #c00;}

#fm-form{}
#fm-form input{float:left; margin:5px 0;}
#fm-form label{margin:5px 0;}
#fm-form select{margin:5px 0;}


.formtitle {font-weight:bold;}
form.inscription {margin-left:60px;padding:0;}
form.forgetpswForm {margin-left:60px;padding:0;}
fieldset{margin:1em 0;border:none;}
legend{margin:1em 0;padding:0 .5em;color:#036;background:transparent;font-size:1.3em;font-weight:bold;}
label{float:left;width:200px;padding:0 1em;text-align:right; clear:left;}
label.remarque{float:left;width:220px;padding:0 1em;text-align:right; height:14px;}
label.labelradio{width:100px;padding:0 1em;text-align:right;}
fieldset div{margin-bottom:.5em;padding:0;display:block;}
fieldset div input,fieldset div textarea{width:250px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}
input.cptel {width:24px;}
input.cptell {width:30px;}
input.radioinsc {width:30px;}

select.titreprof {width: 80px;}
select.emploi {width:272px;}
select.annee {width:272px;}
select.industrie {width:272px;}
select.diplome {width:180px;}
select.anneediplome {width:60px;}
select.renume {width:180px;}
select.domaine {}
fieldset div select{padding:1px;}
#fm-submit{clear:both;padding-top:1em;text-align:center;}
#fm-submit input{border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%;}
input:focus,textarea:focus{background:#efefef;color:#000;}
fieldset div.fm-req label{color:#aa0233;}
p#fm-intro{margin:0;}
#submitinscription {margin-left:410px; clear:both;}
#submitinscription input{width:88px!important; height:22px!important;}
#submitforget {margin-left:390px;}
.document {margin-left:100px; font-style: italic;}

form.domaine {margin-left: 120px;}

form.commentpostulerForm { margin:0px; padding:0;}

fieldset div textarea.posteremaque{width:428px; height:136px; border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333; float:right; margin-right:20px;}
#submitremarque {float:right; margin-right:26px;}

/* class */
.clear{ float:none; clear: both;}
.center{width:998px; height:auto; margin: 0px auto; padding: 0px; display:block!important;}
.left{float:left; display:inline;}
.right{float:right; display:inline;}

.coL4{width:23%; padding-right:2%; float:left; display:inline;}
.coL3{width:31%; padding-right:2%; float:left; display:inline;}
.coL2{width:48%; padding-right:2%; float:left; display:inline;}
.coL1{width:100%; padding-right:0; float:left; display:inline;}

.box { background-color:#999999; padding:20px; color:#fff;}
.code {font: 14px/1 'Courier New',serif; background-color:#999999; padding:20px; color:#fff;}

.error, .alert {color:#ed1c24;}
.success {color:#7aa5c5;}
small, .small {font-size:.8em;}
br.small {line-height:.7em;}
.note {font-size:.8em;}
.highlight {color:#fff;}
.highlight a {color:#fff !important;}
.subtile {color:#ccc;}
.important {color:#ed1c24;}


/* --- Carte routiere - On --- */
#boite-carte {
	margin:0px;
	padding:0px;
}
#coord { 
	width:100%;
	margin:0px;
	padding:0px;
}
.txitineraire { color: #404C56;}
#address { 
	width:260px; 
	padding:0px;
	margin:0px; 
	display:inline; 
	float:left;
	line-height:1.25;
	}

#formMail {
	width:260px; 
	padding:0px;
	margin-top:14px; 
	display:inline; 
	float:left;
	line-height:1.25;
}	

.inputMail {
	width:260px;
	background-color:#fff;
	border:1px solid #c0c0c0;
}
#form-contact label{
	color: #464646; 
	margin:0px;
	padding:0px;
	text-align:left;
}
#form-contact .error {
	color:#cf2700;
}
#form-contact input.error {
	color:#aa0233;
	background-color:#cf2700;
}
#form-contact textarea {
	font-family:"Trebuchet MS", Arial, sans-serif; font-size: 1.0em; line-height:1em; color:#0a396d;
	
}
.erreurPost {
	color:#c00c00;
}
#form-contact textarea.error {
	color:#aa0233;
	background-color:#cf2700;
}
#form-contact .bouton {
	float:left;
	width:auto;
	height:26px;
	margin:6px 0 0 0;
	padding:4px 6px;
	color:#777777;
	font-family:'Tahoma', Tahoma,Geneva,Kalimati,sans-serif;
	background-color:#fff;
	border:1px solid #c0c0c0;
}
#form-contact .bouton:hover {
	color:#fff;
	background-color:#465e73;
	border:1px solid #2f4159;
}

#carte {
	display:block;
	position:relative;
	top:0;
	left:0;
	width:422px;
	height:372px;
	border:1px solid #C0C0C0;
	margin:30px 0 0 0;
}
#formcarte {display:block; position:relative;}
.bouton-zoomIn {
	/*text-decoration:none;
	color:#18427c;
	background-color:#fff;
	font-size:1.6em;
	font-family:'Tahoma', Tahoma,Geneva,Kalimati,sans-serif;
	border:1px solid #18427c;
	padding:0px 4px;
	margin-bottom:3px;
	text-align:center;*/
	margin-right:380px;
	margin-bottom:4px;
	width:22px;
	height:22px;
	background-image:url(images/btnZoomIn.png);
	cursor:pointer;
}
.bouton-zoomIn:hover {
	background-image:url(images/btnZoomIn_o.png);
}
.bouton-zoomOut {
	width:22px;
	height:22px;
	background-image:url(images/btnZoomOut.png);
	cursor:pointer;
}
.bouton-zoomOut:hover {
	background-image:url(images/btnZoomOut_o.png);
}
.imgbuble { float:left; margin-right:6px;}
#informations {
	display:block;
	width:148px;
	height:100px;
	margin:0;
	padding:0;
	color:#0a396d;
	font-size:9pt;
}
#informations a img {
	border:0;
	margin:0 0 10px 0;
}

.form-itineraire { 
	width:424px; 
	margin:0;
	padding:0px; 
	height:33px; 
	background-color:#C0C0C0; }
.form-itineraire-en {
	width:220px;
}
#form-itineraire-g {
	float:left;
	width:174px;
	margin:5px 10px 0px 6px;
}
#form-itineraire-d {
	width:200px;
	float:left;
	margin:0px;
}
#form-itineraire .champ {
	float:left;
	width:55px;
	height:12px;
	font-size:1.0em;
	text-transform:uppercase; 
	padding:4px 2px;
	margin:5px 4px 0 0;
	border:1px solid #a8a8a8;
	background-color:#fff;
}
#form-itineraire .champ:hover {
	border:1px solid #f1f1f1;
	background-color:#fff;
}
#form-itineraire .boutonOK {
border:0px;
	float:left;
	width:22px;
	height:22px;
	margin:5px 4px 0 0;
	background-image:url(images/btnOK.png);
	cursor:pointer;
}
#form-itineraire .boutonOK:hover {
	background-image:url(images/btnOK_o.png);
}
/* --- Carte routiere - Off --- */