body { font-family:verdana; font-size:14px; background : #fff;}

div#icons, div#search, div#headerBottom, div#menu, img#contentBottomImage, div#appSection, div#footer, div#logo span, div#logo_eng span { display:none; }
div#logo h1 { background:url('/images/logoNotarius.gif') no-repeat; width:310px; height:75px; }
div#logo_eng h1 { background:url('/images/logoNotarius_eng.gif') no-repeat; width:310px; height:75px; }

span.important { color: #f00; font-weight: bold; }
div.note { font-size:10px;}

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 a { color:#18a; }
div#content a:visited, div#content a:hover { color:#9db9c8; }
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#path{ font-size: 13px; color: #1188AA;}
div#path a {color: #1188AA;}
div#path a:hover {text-decoration: none;}

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 0; }
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#logoOAGQ { text-align: center; height: 72px; background: transparent url(/images/logoOAGQ.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#logoOAGQ 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;}

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 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 { 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}

/* 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; list-style-image: url("/images/menu1.gif"); }
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#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;}
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;}
ul#gPaging li{float:left;}
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: #f9f9f9; padding: 0 10px 10px 10px; margin: 10px 0; }
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;}
form#frmAssistanceDirect h3 { font-size: 12px; color: #666666; 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:0 7px;}
form#frmAssistanceDirect div#poweredGotoAssist{height:21px; clear:both; margin-top:10px; background-color: #000033; padding-top: 3px; font-family: Verdana,Arial,Helvetica; color: #fff;}

/* 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{display:block; width:165px; float:left;text-align:left; font-weight: bold; color: #666;}
div#frmLogin form div.separator input{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}