* {
   padding:0;
   margin:0;
}
body,p,td,th{font-family:verdana;font-size:11px;}
body{background:#DAE3E6 url(/images/faded_bg.gif) left top repeat-x;color:#666;text-align:center;margin:0;padding:0;}
div#cContent,div#cFooter,div#cHeader,div#cLayout{width:732px;}

div#logo{float:left;width:232px;}

div#certification{font-size:9px;color:#A5A5A5;padding-left:15px;}

div#cContent{background:transparent url(/images/backgroundMenu.gif) left top repeat-y;}
div#cContent , div#cHeader{position : relative;}
div#cFooter{clear:both;margin:2px 0 0;}
div#cFooter a,div#cFooter a:link,div#cFooter a:visited{color:#069;font-weight:normal;text-decoration:none;}
div#cFooter a:hover{color:#069;font-weight:normal;text-decoration:underline;}
div#cFooter div#copyright{float:left;width:508px;border:1px solid #F0F0F0;color:#666;font-size:10px;border-width:5px 0 0;margin:0;padding:2px 0 0 5px;}
div#cFooter div#OIQ{margin-left:515px;border:1px solid #C1D3D9;background:transparent url(/images/logo_ingenieurs.jpg) right bottom no-repeat;height:55px;border-width:5px 0 0;}

div#cHeader h1{width:232px;height:75px;background:transparent url(/images/logo_notarius_2.jpg) left top no-repeat;float:left;margin:0;padding:0;}
div#cHeader h1.eng{background:transparent url(/images/logo_notarius_eng2.jpg) left top no-repeat;}
body#home div#cHeader h2#accueil{clear:both;background:transparent url(/images/notre_signature.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#whoRWe div#cHeader h2#accueil{clear:both;background:transparent url(/images/titre_quisommesnous.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#digitalSign div#cHeader h2#accueil{clear:both;background:transparent url(/images/titre_signature.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#getSign div#cHeader h2#accueil{clear:both;background:transparent url(/images/titre_obtenez.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#assistance div#cHeader h2#accueil{clear:both;background:transparent url(/images/titre_support.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#tutorial div#cHeader h2#accueil{clear:both;background:transparent url(/images/titre_formation.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#contact div#cHeader h2#accueil{clear:both;background:transparent url(/images/titre_contactez.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
div#cHeader div#langSelection{position:absolute;display:block;color:white;left: 515px;font-weight:bold;top: 163px;}
div#cHeader div#langSelection a{color:white; text-decoration:none;}

body#home div#cHeader h2#home{clear:both;background:transparent url(/images/titre_home.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#whoRWe div#cHeader h2#home{clear:both;background:transparent url(/images/titre_whoarewe.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#digitalSign div#cHeader h2#home{clear:both;background:transparent url(/images/titre_digitsignature.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#getSign div#cHeader h2#home{clear:both;background:transparent url(/images/titre_getsign.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#assistance div#cHeader h2#home{clear:both;background:transparent url(/images/titre_assist.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#tutorial div#cHeader h2#home{clear:both;background:transparent url(/images/titre_tutorial.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}
body#contact div#cHeader h2#home{clear:both;background:transparent url(/images/titre_contactus.jpg) left top no-repeat;width:732px;height:60px;margin:0 0 2px;padding:0;}

body#home div#slogan{float:right;width:499px;height:119px;background:transparent url(/images/mood_civil.jpg) left top no-repeat;}
body#whoRWe div#slogan{float:right;width:499px;height:119px;background:transparent url(/images/mood_aerospatial.jpg) left top no-repeat;}
body#digitalSign div#slogan{float:right;width:499px;height:119px;background:transparent url(/images/mood_eletrique.jpg) left top no-repeat;}
body#getSign div#slogan{float:right;width:499px;height:119px;background:transparent url(/images/mood_environnement.jpg) left top no-repeat;}
body#assistance div#slogan{float:right;width:499px;height:119px;background:transparent url(/images/mood_industriel.jpg) left top no-repeat;}
body#tutorial div#slogan{float:right;width:499px;height:119px;background:transparent url(/images/mood_mecanique.jpg) left top no-repeat;}
body#contact div#slogan{float:right;width:499px;height:119px;background:transparent url(/images/mood_chimie.jpg) left top no-repeat;}

body#home div#sloganeng{float:right;width:499px;height:119px;background:transparent url(/images/mood_civil_eng.jpg) left top no-repeat;}
body#whoRWe div#sloganeng{float:right;width:499px;height:119px;background:transparent url(/images/mood_aerospatial_eng.jpg) left top no-repeat;}
body#digitalSign div#sloganeng{float:right;width:499px;height:119px;background:transparent url(/images/mood_electrique_eng.jpg) left top no-repeat;}
body#getSign div#sloganeng{float:right;width:499px;height:119px;background:transparent url(/images/mood_environnement_eng.jpg) left top no-repeat;}
body#assistance div#sloganeng{float:right;width:499px;height:119px;background:transparent url(/images/mood_industriel_eng.jpg) left top no-repeat;}
body#tutorial div#sloganeng{float:right;width:499px;height:119px;background:transparent url(/images/mood_mecanique_eng.jpg) left top no-repeat;}
body#contact div#sloganeng{float:right;width:499px;height:119px;background:transparent url(/images/mood_chimie_eng.jpg) left top no-repeat;}

div#cHeader span, div#cFooter span, div#solutions span{display:none;}
div#cLayout{margin-left:auto;margin-right:auto;background:#FFF;text-align:left;border:2px solid #C1D3D9;padding:10px;}
div#content{margin-left:234px;padding:0px 10px 5px 15px;margin-top: 0px; }
div#content a,div#content a:link,div#content a:visited{color:#069;font-weight:bold;text-decoration:underline;}
div#content a:hover{color:#069;font-weight:bold;text-decoration:none;}
div#content h3{text-transform:uppercase;font-size:14px;margin:0 0 15px;padding-top: 15px;}
div#content h4{text-transform:uppercase;font-size:11px;background:transparent url(/images/fleche_bgblanc.gif) left 2px; background-repeat:no-repeat;margin:15px 0;padding:0 0 0 15px;}

div#content p{margin:15px 5px 0px 0px; }
div#content table{border:1px solid #E7F2F6;border-width:1px 0 0 1px;margin:10px 0; width:475px;}
div#content table tbody td{border:1px solid #E7F2F6;text-align:center;border-width:0 1px 1px 0;padding:10px;}
div#content table tbody tr.hilight td{background:#eee;}
div#content table thead th{background:#E7F2F6;color:#107FA8;text-align:center;}
div#content ul{margin:20px 0px 20px 30px; }

div#nav{width:200px;float:left;padding: 30px 0 0 0; margin:0; position:absolute; left:0; top:0;}
div#cContent>div#nav{margin:0;padding:0;}
div#nav ul {list-style: none; margin:0; padding:0;}
div#nav ul li {border-bottom: 1px solid #EEE;float:left;width:200px;margin:0 0 0 7px;}
div#cContent>div#nav{margin:20px 0 0 10px;}
div#nav ul li a:link, div#nav ul li a:visited {display: block;
	border-bottom: 2px dotted #AED3E1;
	padding: 4px 0px 3px 20px;
	font-family:verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	background-image:url(/images/fleche_bgbleu.jpg);
	background-repeat: no-repeat;
	text-decoration: none;}
	
div#nav ul li a:hover {display: block;
	border-bottom: 2px dotted #AED3E1;
	padding: 4px 0px 3px 20px;
	font-family:verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	background-image:url(/images/fleche_bgbleu_on.jpg);
	background-repeat: no-repeat;
	text-decoration: none;}
	
div#nav ul li ul li a:link, div#nav ul li ul li a:visited {display: block;
	border-bottom: 2px dotted #AED3E1;
	padding: 4px 20px 3px 20px;
	font-family:verdana;
	font-size: 11px;
	color: #107FA8;
	font-weight: normal;
	background-image:url(/images/sub_fleche.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	}
	
div#nav ul li ul li a:hover {
	font-weight: bold;
	background-image:url(/images/sub_fleche_on.gif);
	}
	
div#nav ul li ul {display:none; padding-left:0; margin-left:0;}
div#nav ul li ul li {padding:0; margin:0;}

body#whoRWe div#nav ul li#secWhoRWe ul { display: block; }
body#whoRWe div#nav ul li#secWhoRWe a { background-image:url(/images/fleche_bgbleu_on.jpg);}	
body#whoRWe div#nav ul li#secWhoRWe ul li a { background-image:url(/images/sub_fleche.gif);}

body#digitalSign div#nav ul li#secDigitalSign ul { display: block; }
body#digitalSign div#nav ul li#secDigitalSign a { background-image:url(/images/fleche_bgbleu_on.jpg);}	
body#digitalSign div#nav ul li#secDigitalSign ul li a { background-image:url(/images/sub_fleche.gif);}

body#getSign div#nav ul li#secGetSign ul { display: block; }
body#getSign div#nav ul li#secGetSign a { background-image:url(/images/fleche_bgbleu_on.jpg);}	
body#getSign div#nav ul li#secGetSign ul li a { background-image:url(/images/sub_fleche.gif);}

body#assistance div#nav ul li#secAssistance ul { display: block; }
body#assistance div#nav ul li#secAssistance a { background-image:url(/images/fleche_bgbleu_on.jpg);}	
body#assistance div#nav ul li#secAssistance ul li a { background-image:url(/images/sub_fleche.gif);}	

body#tutorial div#nav ul li#secTutorial a { background-image:url(/images/fleche_bgbleu_on.jpg);}

body#contact div#nav ul li#secContact a { background-image:url(/images/fleche_bgbleu_on.jpg);}

div#path{background:#F0F0F0;font-size:10px;color:#666;margin:0 0 0 234px;padding:10px;}
div#path a,div#path a:link,div#path a:visited{color:#069;font-weight:normal;text-decoration:none;}
div#path a:hover{color:#069;font-weight:normal;text-decoration:underline;}

div#toptexte{ border-bottom: 2px dotted #cccccc;padding-bottom:15px; padding-top:30px;}
div#toptexte h5{font-size: 14px;font-weight:bold;text-transform:uppercase;}

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 , div.nouvelles div.nouvelleTitle div{border:0;}
div.nouvelles div.nouvelleDesc{width:270px;}
div.nouvelles div.nouvelleDate{float:right;display:block;}
div.nouvelles div.nouvelleTitle{float:right;display:block;clear:both;font-weight:bold;}

div#solutions{
	float:left;
 	width: 259px;
	border-right: 2px dotted #cccccc;

	
}


div#solimage{
   background-image:url(/images/picto1.jpg);
   background-repeat:no-repeat;
   height: 70px;
   float: left;
   width: 60px;
   margin-top:5px;
}

div#soltexte{
    margin-left: 70px;
	width: 180px;
}

div#solimage1{
 
   background-image:url(/images/picto2.jpg);
   background-repeat:no-repeat;
   height: 70px;
   float: left;
   width: 60px;
   margin-top:5px;

}

div#soltexte1{
 
  margin-left: 70px;
  width: 180px;
		

}

div#dots{
  position: relative;
  width: 100%;
  border-bottom: 2px dotted #cccccc;
	
}

div#headlines{

	margin-left: 270px;
	width: 180px;
	padding-bottom: 20px;
	padding-left: 10px;

}

h6{
	font-size: 11px;
	padding-bottom:0px;
	font-weight:bold;
	padding-top: 10px;
}

div#headlines a{font-weight:bold;}
div#headlines a,div#headlines a:link,div#headlines a:visited{color:#069;text-decoration:underline;}
div#headlines a:hover{color:#069;text-decoration:none;}
div#headlines  ul{padding:0;margin:0;}
div#headlines  ul li{list-style-type:none;padding-top:15px;}
.faq{
list-style-type: decimal;}

.pasSautLigne{white-space:nowrap}


div#sigNum ul {padding:0;margin:10px 0;}
div#sigNum ul li{ margin-bottom:15px;width:250px;list-style-type:none;}

/*--------------------- Download ----------------------*/


div#relatedDesc{background:#f0f0f0; padding:10px;margin-top:15px;}
div#mainDesc p,div#relatedDesc p{margin-top:5px;}
div#snAuth{height:300px;}

div#avis{clear:both; margin-bottom:10px;}
div#avis h3{color:red;text-transform:uppercase; text-align:center; }

div#installationProcURL{text-align:right;  padding:5px;}
div#link{text-align:right;margin:15px 0;}
div#link div#telec{margin-right:15px;}
div#link div#telec div#term{float:left; margin-top:5px; margin-left:5px;}
div#link div#telec input.btn{font-weight:bold;}

form#frmValidate legend{display:none;}
form#frmValidate fieldset{border:0;}
div#cAvis{background:#F4F4F4; margin:10px 0;}
div#cAvis p{padding:5px 10px 10px 10px;}

div#forceDld{padding:10px; border:1px dashed #848484; font-weight:bold; color:red; margin:0 0 2px 0;text-align:center;background:#f0f0f0;}

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}

.important{color:red; font-weight:bold;text-align:center;}
div.error {padding: 10px; border: 2px solid red; background: #f0f0f0;}
div.error h1 {padding: 0; margin: 0; color: red; font-size: 12px;}
div.error p {color: #000;}

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

.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}