* { margin:0; padding:0; }

body { margin:auto; font-family:verdana; font-size:12px; background : #ccdd88;}

p { line-height:17px; }

li ul { margin-top:10px; }

span.important { color: #f00; font-weight: bold; }
div.note { font-size:10px;}
div#siteContainer { padding-top:22px; background: #fff url('/images/bgGreen.jpg') repeat-x;}
div#siteContainer div#container { width:945px; margin:auto; }
div#siteContainer div#header { background:url('/images/bgTop.jpg') repeat-x; height:165px; width:945px; margin:auto;}
div#siteContainer div#header div#headerTop { height:94px;}
div#siteContainer div#header div#headerTop div#logo, div#siteContainer div#header div#headerTop div#logo_eng { float:left; }
div#siteContainer div#header div#headerTop div#headerItems { text-align:right; padding:0px 20px;}
*>div#siteContainer div#header div#headerTop div#headerItems { text-align:right; padding:10px 20px;}
div#path, div#icons, div#search{ margin-top: 8px;}
ul#iconsItemsEn{ padding:0; margin:0; height:22px;}
ul#iconsItemsEn li {float:right; margin-left:11px; width:22px; list-style-type:none;}
ul#iconsItemsEn a { display:block; width:22px; height:22px; background:transparent url(/images/matriceIconsEn.gif) no-repeat;}
ul#iconsItemsEn a span{ display:none;}

ul#iconsItemsFr{ padding:0; margin:0; height:22px;}
ul#iconsItemsFr li {float:right; margin-left:11px; width:22px; list-style-type:none;}
ul#iconsItemsFr a { display:block; width:22px; height:22px; background:transparent url(/images/matriceIconsFr.gif) no-repeat;}
ul#iconsItemsFr a span{ display:none;}

/*-------------  The matrix  ---------------------*/
ul li#iconAccueil a{ background-position:0px 0px;}
ul li#iconAccueil a:hover{ background-position:0px -22px;}
ul li#iconAccueil {background-position: 0px 22px;}

ul li#iconCarte a{ background-position:-33px 0px;}
ul li#iconCarte a:hover{ background-position:-33px -22px;}
ul li#iconCarte {background-position:-33px 22px;}

ul li#iconCoord a{ background-position:-66px 0px;}
ul li#iconCoord a:hover{ background-position:-66px -22px;}
ul li#iconCoord { background-position:-66px 22px;}

ul li#iconLangue a{ background-position:-99px 0px;}
ul li#iconLangue a:hover{ background-position:-99px -22px;}
ul li#iconLangue{ background-position:-99px 22px;}

div#siteContainer div#header div#headerTop div#headerItems div#path{ font-size: 11px; color: #1188AA;}
div#path a {color: #1188AA;}
div#path a:hover {text-decoration: none;}
div#siteContainer div#header div#headerTop div#headerItems div#search input#searchKey { border: 1px solid; height: 16px; padding-left: 5px; padding-top: 4px; font-size: 11px; font-weight : bold; color: #58595B;}
div#search input#btnSearch{ cursor: pointer; background: transparent url("/images/searchIcon.gif"); width: 22px; height: 22px; border: 0px; }
div#search input#btnSearch:hover{ background-position:0px -22px;}
div#siteContainer div#header div#headerTop div#logo span, div#siteContainer div#header div#headerTop div#logo_eng span { display:none; }
div#siteContainer div#header div#headerTop div#logo h1 { background:url('/images/logoNotarius.gif') 20px 20px no-repeat; width:310px; height:75px; }
div#logo  a { cursor:pointer; }
div#siteContainer div#header div#headerTop div#logo_eng h1 { background:url('/images/logoNotarius_eng.gif') 20px 20px no-repeat; width:310px; height:75px; }

div#siteContainer div#header div#headerBottom { text-align:right;height:71px; }
div#siteContainer div#header div#headerBottom img#contentTopImage{ display: block; margin-left: 316px; }
div#siteContainer div#middle { float: left; width:944px; border:1px solid #d3d3d3; border-top:none; background: #fff url('/images/bgMenu.jpg') repeat-x bottom;}
div#siteContainer div#middle div#subMiddle { float: left; width:944px; background: transparent url('/images/bgContent.jpg') 320px 0px repeat-y;}
div#siteContainer div#middle div#subMiddle div#menu { float:left; width:305px; font-weight:bold; padding: 9px;}
div#siteContainer div#middle div#subMiddle div#menu ul { list-style-type:none; }
div#siteContainer div#middle div#subMiddle div#menu ul li { line-height:31px; margin-top:1px;} /* À modifier d'après les polices... */
div#siteContainer div#middle div#subMiddle div#menu ul li ul li { line-height: 25px;} /* À modifier d'après les polices... */
div#siteContainer div#middle div#subMiddle div#menu ul li ul { display: none; }
div#siteContainer div#middle div#subMiddle div#menu ul li a {color: #1188AA; text-decoration: none; display: block; padding-left: 15px; height:31px;}
*>div#siteContainer div#middle div#subMiddle div#menu ul li a {height: auto;}
div#siteContainer div#middle div#subMiddle div#menu ul li ul li a { height:25px;}
*>div#siteContainer div#middle div#subMiddle div#menu ul li ul li a { height: auto;}
div#siteContainer div#middle div#subMiddle div#menu ul li a:hover { background:url('/images/bgMenuHighlight.jpg') repeat-x; color:#fff; padding-left: 15px; }
div#siteContainer div#middle div#subMiddle div#menu ul li ul li a:hover { background: #ebecec; border-left: 5px solid #bfbfbf; padding-left: 10px; color: #1188AA;}
div#siteContainer div#middle div#subMiddle div#menu ul li.selected  { background:url('/images/bgMenuHighlight.jpg') repeat-x;}
div#siteContainer div#middle div#subMiddle div#menu ul li.selected  a {color: #fff;}
div#siteContainer div#middle div#subMiddle div#menu ul li.selected  ul li  { padding-left: 17px;}
div#siteContainer div#middle div#subMiddle div#menu ul li.selected  ul li a { color: #1188AA; font-weight: normal; font-size: 11px;}
div#siteContainer div#middle div#subMiddle div#menu ul li.highlight a {background: #ebecec; border-left: 5px solid #bfbfbf; padding-left: 10px; color: #1188AA;}

div#siteContainer div#middle div#subMiddle div#contentSection {margin-left:322px; width:618px;}
div#siteContainer div#middle div#subMiddle div#contentSection img#contentBottomImage { margin-left:9px; margin-bottom:20px; }
*>div#siteContainer div#middle div#subMiddle div#contentSection img#contentBottomImage { margin-left:12px; margin-bottom:20px; }
div#siteContainer div#middle div#subMiddle div#contentSection div#content { padding: 0px 25px 20px 20px;}
div#content ul {margin-left: 17px; margin-bottom: 15px; list-style-type:none;}
div#content ul li { background:url('/images/puce_bleu.gif') left -2px no-repeat; padding-left:25px; margin-left:0px; }
div#content ul li ul li{ background:none; list-style-type: circle; padding-left:10px;}
div#content ul.googleResult li ul li{ list-style-type: none; }
div#content a { color:#18a; }
div#content a:visited, div#content a:hover { color:#8ca8b7; }
div#content img { border:none; }
div#contentSection div#content ul li { margin-bottom: 8px;}
div#content ol {margin-left: 30px; margin-bottom: 15px;}
div#contentSection div#content ol li { margin-bottom: 8px;}
div#siteContainer div#middle div#subMiddle div#contentSection div#content p {margin-bottom: 15px;}
h2 {margin-bottom: 15px; font-weight : bold; font-size: 16px; color: #1188AA; text-transform : uppercase;}
h3 {margin-bottom: 15px; font-weight : bold; font-size: 14px; color: #1188AA;}

div#siteContainer div#appSection { clear:both; width:924px; background: #fff; margin:auto; padding: 10px 0px; border:1px solid #d3d3d3; border-top:none; border-bottom:none; height: 100px;}
*>div#siteContainer div#appSection { clear:both; width:922px; margin:auto; padding: 20px 11px; border:1px solid #d3d3d3; border-top:none; border-bottom:none; height: 100px;}

ul#iconsApps li span { display:none; }
ul#iconsApps {list-style-type: none; float: left; margin: 0; padding: 0;}
ul#iconsApps li { float: left;  margin: 0 2px;}
ul#iconsApps li a { display: block; padding: 0px 70px 0 47px; float: left; height:69px;}
ul#iconsApps li#iconInscriptio { background:transparent url('/images/iconInscriptio.gif') center center no-repeat; }
ul#iconsApps li#iconInscriptio  a { padding: 0px 70px 0 48px;} 
ul#iconsApps li#iconDemrech { background:transparent url('/images/iconDemrech.gif') center center no-repeat;}
ul#iconsApps li#iconCrend{ background:transparent url('/images/iconCrend.gif') center center no-repeat;}
ul#iconsApps li#iconCybercourriel { background:transparent url('/images/iconCybercourriel.gif') center center no-repeat; } 
ul#iconsApps li#iconIngenieur { background:transparent url('/images/bandeauOIQ.gif') center center no-repeat; }
ul#iconsApps li#iconIngenieur  a { padding: 0px 53px 0 99px;}
ul#iconsApps li#iconInforoute { background:transparent url('/images/logo_inforoute_noir.gif') center center no-repeat;}
ul#iconsApps li#iconInforoute  a { padding: 0px 70px 0 110px;}
ul#iconsApps li#iconAssistance { background:transparent url('/images/iconAssistance.gif') center center no-repeat;}
ul#iconsApps li#iconAssistance  a { padding: 0px 70px 0 22px;}

div#footer { height:54px; background : #ccdd88; border-top:8px solid #d3d3d3;}
div#footer div#footerItems{width:944px; margin:auto;}
div#footer div#footerRight { float: right; margin: 25px 10px 0 0; font-size: 11px; color: #58595B;}
div#footer div#footerRight ul { padding: 0; margin: 0; }
div#footer div#footerRight ul li{display:inline; list-style-type:none;border:1px solid #000; border-width:0 0 0 1px; padding:0 0 0 5px; margin:0;}
div#footer div#footerRight ul li#footerLegal {border-width:0;}
div#footer div#footerRighta {color: #3E5C9B;}

div#content>table, div#description>table, div#options>table, div#installation { width: 100%; }

fieldset {border:0px; margin-bottom: 20px;}
th { background-color: #F4F8D3; padding: 3px; text-align: left;}

td { background-color: #F9F9F9;  padding: 3px;}
td.center { text-align: center; }
td.right { text-align: right; white-space: nowrap; }
td.empty{ background-color:transparent; }

/*Message qualite dans la page de l'évolution (phase 3) */
div#imageQualite{padding:0 0 0 150px; margin:15px 0; background:transparent url(/images/TAGc_04-05.gif) left top no-repeat; height:140px}
div#imageQualite p{margin-top:3px; line-height:18px;}

/* CCQ */
dl { background: #f9f9f9; padding: 10px 10px 10px 10px; margin: 10px 0px 10px 0px; }
dt { margin: 10px 0 5px 0; font-weight: bold; }
dd { margin-left: 20px;}
address { padding: 0; margin: 0 0 15px 0; line-height: 14px; text-align: center;}
div#logoAIBC { text-align: center; height: 116px; background: transparent url(/images/logoAIBC.gif) center center no-repeat; margin-bottom: 15px;}
div#logoAIC { text-align: center; height: 116px; background: transparent url(/images/logoAIC.jpg) center center no-repeat; margin-bottom: 15px;}
div#logoAPEGBC { text-align: center; height: 116px; background: transparent url(/images/logoAPEGBC.jpeg) center center no-repeat; margin-bottom: 15px;}
div#logoAPEGGA { text-align: center; height: 116px; background: transparent url(/images/logoAPEGGA.gif) center center no-repeat; margin-bottom: 15px;}
div#logoAPEGM { text-align: center; height: 116px; background: transparent url(/images/logoAPEGM.gif) center center no-repeat; margin-bottom: 15px;}
div#logoOAGQ { text-align: center; height: 72px; background: transparent url(/images/logoOAGQ.jpg) center center no-repeat; margin-bottom: 15px;}
div#logoOAQ { text-align: center; height: 116px; background: transparent url(/images/logoOAQ.jpg) center center no-repeat; margin-bottom: 15px;}
div#logoOGQ { text-align: center; height: 116px; background: transparent url(/images/logoOGQ.jpg) center center no-repeat; margin-bottom: 15px;}
div#logoOEAQ { text-align: center; height: 115px; background: transparent url(/images/oeaq.gif) center center no-repeat; margin-bottom: 15px;}
div#logoSNC { text-align: center; height: 56px; background: transparent url(/images/SNC_Logo.gif) center center no-repeat; margin-bottom: 15px;}
div#logoTP { text-align: center; height: 90px; background: transparent url(/images/logoOTPQ.gif) center center no-repeat; margin-bottom: 15px;}
div#logoAIBC span, div#logoAIC span, div#logoAPEGBC span, div#logoAPEGGA span, div#logoAPEGM span, div#logoOAGQ span, div#logoOAQ span, div#logoOGQ span, div#logoOEAQ span, div#logoSNC span, div#logoTP span { display:none; }
div#ccqOAGQ dt, div#ccqOEAQ dt, div#ccqRF dt, div#ccqSNC dt, div#ccqTP dt , div#ccqICDE dt {  height: 13px; background: transparent url(/images/puce_losange1.gif) 0px 0px no-repeat; padding-left: 20px;}

/* Conseils Achat */

/* ----------- Very special behavior ------------------------------------------- */
div#conseilAchatItemList div.item {
	border: 1px solid #eee;
	padding: 10px;
	margin: 0 0 10px 0;
	background: #fff url(/images/backdegraderight.gif) top right repeat-y;
	position: relative;
	width: 370px;
	voice-family: "\"}\""; /* some browsers have a parsing bug (IE 5.x)*/
				 /* and will ignore the following rules */
	voice-family: inherit;
	width: 360px;
}
div#conseilAchatItemList div.item img { position: absolute; left: 10px; top: 10px;}
div#conseilAchatItemList div.item h3 {font-size: 12px; color: #f60; margin: 10px 0 0 150px; padding: 0; }
div#conseilAchatItemList div.item a:link {text-decoration: underline; }
div#conseilAchatItemList div.item p {padding: 0; margin: 10px 0 0 150px; }

/* Min-Height fixed*/
div#conseilAchatItemList div.item {
 padding-top: 0px !important;
 min-height: 160px !important;
 height: 160px;
 min-height: 1px;
}
*>div.item h3 {
 margin-top: -160px;
}

/* ----------------------------------------------------------------------------- */
div#information { padding-top: 15px; }
div#information ul li { background:none; padding:0px; }
div#information div#informationHeader { position: relative; width: 500px; margin: 0 0 0 0px;}
div#information div#informationHeader div#productName { position: absolute; left: 0; top: 0; }
div#information div#informationHeader ul { margin: 0 0 0 200px; padding: 0; background: #f4f4f4; border: 1px solid #ddd; border-width: 1px 0 0 0; }
div#information div#informationHeader ul li { background:none; padding: 0; margin: 0; list-style: none; border: 1px solid #ddd; border-width: 0 0 1px 0; width: 100%; }
div#information div#informationHeader ul li a { padding: 5px; display: block; }
div#information div#informationHeader ul li a:hover { background-color: #FFBA66; color:#fff; font-weight: bold; }

/* Min-Height fixed*/
div#informationHeader {
 padding-top: 0px !important;
 min-height: 220px !important;
 height: 220px;
 min-height: 1px;
}
*>div#informationHeader ul {
 margin-top: -220px;
}

div#information div#productDesc {right: 0; top: 0; margin: 0 0 0 200px;}
div#total { font-weight: bold; }
table.ruler td, div#description td { padding: 2px; }
table.ruler td { background: #E8E8E8; }
tr.ruled td { background: #FFBA66; }
div#description th, div#description td { text-align: left; border: 1px solid #ccc; border-width: 0 0 1px 0; padding: 5px 0; vertical-align: top; }
div#description th { text-align: right; padding-right: 5px; width: 50%; }
div#description td { padding-right: 5px; }
div#optionsTotal, div#installationTotal { display: inline; }

/*div#cSoftware { width: 380px; float: left; margin-bottom: 10px; padding: 0 0 0 10px;}*/

div.cSoftware { width: 550px; margin: 0 0 15px 0; border:1px solid #eee; padding:10px; float: left;  }
div.cSoftware div.imgContainer { height: 150px;}
div.cSoftware p { margin: 0; }
div.cSoftware p.desc, div.cSoftware p.price { font-weight: bold; }
div.cSoftware p, div.cSoftware h3, div.cSoftware h4 { margin: 0 0 10px 250px; }
p.price, span.price { font-weight: bold; font-size: 13px; }
div.cSoftware img { float: left; }
div#cSoftware { margin-bottom: 100px; }
div#cSoftware ul {list-style-type: none; margin: 0 0 10px 0; padding: 0;}
div#cSoftware a.anchor { display: block; width: 1px; height: 1px; }

div#cAvis{text-align:center;}
div.avis{ width:550px; border:1px solid #666; text-align:justify; padding:10px; margin:10px 0;}
div.avis h4{text-transform:uppercase;color:red; text-align:center; font-size: 12px; margin-bottom: 10px;}
div.avis p{font-size:11px;}
div#link{text-align:right;margin:5px 0;}
div#link div#telec{margin-right:5px;}
div#link div#telec div#term{float:left; margin-top:0px; margin-left:0px;}
div#link div#telec input.btn{font-weight:bold; width:auto}
div#link div#telec input.btnAssistance{font-weight:bold; width:auto;text-align:left; padding-left:9px; margin-bottom:5px;}

/* Slide shows */
div#slideshow { padding:10px 5px 0 5px; text-align: left;}
div#slideshow h2{ font-size:13px;}
div#slideshow div{ padding:0 0 10px 0;}
div.imgContainer { text-align:center; }
div.imgContainer img { margin-left:auto; margin-right:auto;}
div#etape { font-size: 12px; color: #666666; font-weight: bold; padding: 0; margin: 0 0 10px 0; }

div.encadrer{border:1px solid #000; margin:8px; padding:2px;}
div.encadrer strong{color:#c00;font-weight:bold; }

div#carteSite ul li { list-style-type: none; }
div#carteSite ul li ul { margin-top: 10px; }
div#carteSite ul li ul li { list-style-image: none;}
div#carteSite ul li a:hover {text-decoration: none;}

/*! -- Search Zone -- !*/
div#searchZone ul.googleResult li { background:none; padding-left:0px; }
div#resultMsg{padding:10px 0;}
div#searchZone h3 {margin-top: 10px; margin-bottom: 0; }
div#searchZone ul.googleResult{list-style-type:none;padding:0;margin:0;}
div#searchZone ul.googleResult ul{list-style-type:none;padding:0;margin:0;border-bottom:1px solid #dfdfdf; margin-bottom:15px;}
div#searchZone ul.googleResult .resultLink{color:#bbb;}
div#searchZone {margin-bottom:10px;}
div#searchForm {padding:1px 0px 4px 5px;}	
div#searchForm form {padding:0; margin:5px 0 0 0;}
div#searchForm form input{ width:82%;border:1px solid #aaa;background:#fff;font-family:verdana; font-size:11px;}
ul#gPaging{list-style-type:none; text-align:center;   padding:5px 0 10px 0; margin:0;width:600px;height:300px;}
div#content ul#gPaging li{float:left; background:none; padding:0px; }
ul#gPaging li a{margin:0 5px;}

/* Service à  la clientèle, répertoire */
div#assistanceRepertoire p { padding: 10px; background: #f9f9f9; }
div#assistanceRepertoire h3 { background: #999; color: #fff; padding: 5px; text-align: center; margin-bottom: 0; margin-top: 30px; }
div#assistanceRepertoire h4 { background: #ccc; color: #fff; padding: 5px; text-align: center; margin-top: 0;}
div#assistanceRepertoire blockquote { border: 1px solid #999; background: #FFBA66; font-style: italic; font-weight: bold; text-align: center; padding: 10px; margin: 20px;}
dl { background: #fff; padding: 0 10px 10px 10px; margin: 10px 0px 10px 0px; }
dt { padding: 10px 0 5px 0; font-weight: bold; }

h4 { font-size: 11px; font-weight: bold; padding: 0; margin: 10px 0 5px 0;}
h5 { font-size: 11px; padding: 3px; margin: 10px 0 0 0; font-style: italic; font-weight: normal; border: 1px solid #ccc; border-width: 0 0 1px 0;}

/* Assistance à distance en direct */
form#frmAssistanceDirect{display:block; padding:5px; border:1px solid #ccc; width:550px; margin-top:20px;}
form#frmAssistanceDirect h3 { font-size: 12px; font-weight: bold; padding: 0; margin: 0 0 10px 0;}
form#frmAssistanceDirect fieldset { margin-bottom: 0px;}
form#frmAssistanceDirect fieldset legend{display:block; font-size:12px; font-weight:bold; margin-bottom:3px;}
form#frmAssistanceDirect fieldset input{width:130px; border:1px solid #333; display:block; float:left; margin:0px 7px 10px 0px;}
form#frmAssistanceDirect div#poweredGotoAssist{height:21px; clear:both; margin-top:10px; background-color: #000033; padding-top: 3px; font-family: Verdana,Arial,Helvetica; color: #fff;}

div#formWebEx{display:block; padding:6px; border:1px solid #ccc; width:550px;}
div#formWebEx td{width:200px;}
div#formWebEx h3 { font-size: 12px; font-weight: bold; padding: 0; margin: 0 0 10px 0;}
/* Login form */
div#frmLogin form {
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	font-weight:normal;
}
div#frmLogin p    {font-weight:normal;}
div#frmLogin legend{display:none;} 
div#frmLogin form fieldset{text-align:left;border:none;}
div#frmLogin form div.separator {margin:5px; clear:left;}
div#frmLogin form div.separator label{margin:5px; display:block; width:165px; float:left;text-align:left; font-weight: bold; color: #666;}
div#frmLogin form div.separator input{margin:5px; margin-left:0px;display:block; float:left;}
div#frmLogin form div.bouttonBlock {margin-left:169px;clear:left;}

form#formDemande {margin-bottom: 20px;}
form#formDemande fieldset{text-align:left; color: #1188AA; font-weight: bold; border:1px solid #1188AA; width: 365px; padding: 0px 20px;}
form#formDemande div.separator {margin: 10px 0;clear:left;}
form#formDemande div.separator label{display:block; width:150px; float:left;text-align:left; font-weight: bold; color: #666;}
form#formDemande div.separator input{margin-left:0px;display:block; float:left; width:200px;}
form#formDemande div.bouttonBlock {margin-left:150px;clear:left; margin-bottom: 10px;}

#messenger ul { list-style-type:none; margin: 0; padding: 0;}
#messenger ul li { padding:10px; }

#messenger ul li.status_ok { background:#ECECEC; border:1px solid #339900; }
#messenger ul li.status_warning { background:#ECECEC; border:1px solid #f77; }
#messenger ul li.status_error { background:#ECECEC; border:1px solid #f77; }
#messenger ul li.status_crash { background:#ECECEC; border:1px solid #f77; }

img.logo_octas{ display:block; float:left; width:40px; margin:0px 5px 5px 0px; }

table#tarif, table#ex1, table#ex2, table#ex3 {background: #ebecec;}
table#tarif th, table#ex1 th, table#ex2 th, table#ex3 th {background: #ebecec;}
table#tarif td, table#ex1 td, table#ex2 td, table#ex3 td {vertical-align: top;}

div.date {background: #ebecec; width: 120px; height: 15px; padding: 5px;}
div.espace {margin-top:40px;}
div.floatLeft{float:left; margin:10px;}

table.fond tr td {background:none; padding:10px; text-align:center;}

div#horaireSalon table{margin-left:auto;margin-right:auto; margin-bottom:10px; width:90%;}
div#horaireSalon table td{text-align:left;padding:2px;}
div#horaireSalon table th{text-align:center; font-size:14px;}

/* Pour la section emplois */
table.enteteOffreEmploi, table.enteteOffreEmploi tr, table.enteteOffreEmploi tr td{ background:none; padding:0; margin:0; }

table.offreEmploi th{ background:#18a; color:#fff; white-space:nowrap; padding:5px; }
table.offreEmploi td{ background:#fff; padding:5px; }
table.offreEmploi tr.impair td{ background:#f1f9ff; }

p.aucunEmploi{ padding:10px; background:#f1f9ff; text-align:center; border:1px dashed #18a; }

table.enteteOffreEmploi { width:100%; padding-bottom:5px; }
table.enteteOffreEmploi tr td { padding-top:10px; vertical-align:top; }

table tr td span.blue{ color:#1188aa; }

div.detailsOffreEmploi{ margin-top:20px; }

div.detailsOffreEmploi p, div.detailsOffreEmploi li{ line-height:20px; }
div.detailsOffreEmploi p, div.detailsOffreEmploi ul{ margin-left:10px; }

div.detailsOffreEmploi div.showHideDetails { border-top:1px dashed #ccc; padding-top:5px; }

div.detailsOffreEmploi span.labelEntete { color:#1188aa; }

div.detailsOffreEmploi h4{ font-size:12px; font-weight:bold; color:#1188aa; margin:15px 0 10px 0; width:100%; }
div.detailsOffreEmploi h4:hover { text-decoration:underline; cursor:pointer; }

div.detailsOffreEmploi button.postuler { margin-top:10px; }
div.detailsOffreEmploi button.postuler em { font-weight:bold; }

div.nouvelles{margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px;}
div.lastNews{border:0;}
div.nouvelles div.nouvelleDesc div , div.nouvelles div.nouvelleDate div {border:0;}
div.nouvelles div.nouvelleDesc{width:270px;}
div.nouvelles div.nouvelleDate{float:right;display:block;}

div#content div.erreur { background:#faa; margin-bottom:20px; }
div#content div.erreur span#errorContent { display:block; padding:10px; }
div#content div.erreur li { background:none; padding:0; margin-top:5px; }
                                                                   
p#iso { text-align: left; color: #888; font-size: 11px; margin-left: 87px; float: left; }

/* Section pour les boutons */

	button{ border:none; background:none; padding:0; margin:0; font:90% Arial, Helvetica, sans-serif; width:auto; overflow:visible; text-align:center;	vertical-align:middle; white-space:nowrap; height:36px; cursor:pointer;	}
	button span, button em { display:block; height:34px; line-height:34px; margin:0; color:#333333; }	
	button span { padding-left:20px; background:url(/images/form_button.gif) no-repeat 0 0; }	
	button em { font-style:normal; padding-right:20px; background:url(/images/form_button.gif) no-repeat 100% 0; }	

	button.first span { padding-left:20px; background:url(/images/form_button.gif) no-repeat 0 -102px; }	
	button.first em { font-style:normal; padding-right:20px; background:url(/images/form_button.gif) no-repeat 100% -102px; }		

	button:hover span, button.over span { padding-left:20px; background:url(/images/form_button.gif) no-repeat 0 -34px; }	
	button:hover em, button.over em { font-style:normal; padding-right:20px; background:url(/images/form_button.gif) no-repeat 100% -34px; }				
	button:focus, button:active { outline:hidden; }
				
	button.disabled { cursor:text; }
	button.disabled span, button.disabled em { color:#999999; }	
	button.disabled span { padding-left:20px; background:url(/images/form_button.gif) no-repeat 0 -68px; }	
	button.disabled em { font-style:normal; padding-right:20px; background:url(/images/form_button.gif) no-repeat 100% -68px; }	

                                                 
	/* IE hacks to add some space between butotns */
	* html button { margin-right:5px; }
	*+html button { margin-right:5px; }

/* Fin boutons */

/* VERIFIO */
.signature-success, .signature-warning, .signature-error { border: 1px solid; margin: 10px 0px; padding:6px 6px 6px 20px; background-repeat: no-repeat; background-position: 10px center;}
.signature-success {color: #4F8A10; background-color: #DFF2BF; background-image:url('/images/verifio/accept-icon.png');}
.signature-warning {color: #9F6000; background-color: #FEEFB3; background-image: url('/images/verifio/warning.png'); }
.signature-error { color: #D8000C; background-color: #FFBABA; background-image: url('/images/verifio/error-icon.png'); } 
#loading-animation { display:none;width:99%; height:50px; background:url('/images/verifio/ajax-loader.gif') no-repeat; background-position: center; }
div#content .signature-result ul li { background:none; list-style: none; padding-left:8px;}
                                                                                                         
#fancybox-wrap form p{color: #666;}
#fancybox-wrap form fieldset{text-align:left;border:none;margin-top:10px;}                    
#fancybox-wrap form {margin:5px; clear:left; }
#fancybox-wrap form label{margin:5px; display:block; width:165px; float:left;text-align:left; font-weight: bold; color: #666;}
#fancybox-wrap form input{margin:5px; margin-left:0px;display:block; float:left;}

div#verifio-applet {margin-left:auto; margin-right:auto;margin-top:15px;}
.instructions-verifio-applet { width:540px; margin:15px auto; }                           
.instructions-verifio-applet #logo-java {float:left; margin-right:20px;}