/* CSS Scito S.A. Document */
body {
  background-color: #FFFFFF;
}

/*************/
/*The Top bar*/
/*************/
div#top {
  width: 756px;
  height: 50px;
  background: #CADCE6;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  border-top: 1px solid #000;
  border-bottom:1px solid #000;
  border-right: 1px solid #000;
  border-left:1px solid #000;
  text-align:left;
}
.brain_logo {
  height: 50px;
  width: 39px;
  margin-left:5px;
  float: left;
  font-size:0px;
}
.scito_logo {
  height: 50px;
  width: 118px;
  float: right;
  font-size:0px;
}
/********************/
/*End of the Top bar*/
/********************/

/*********************/
/*Barre de Navigation*/
/*********************/
#navbarre {
  height: 16px;
  width: 756px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 13px;
  background: #3A7CAD;
  font-family: Arial, sans-serif;
  font-size: 11px;
  border: 1px solid black;
  z-index: 1;
	}
#nav, #nav ul {
  float: left;
  width: 756px;
  list-style: none;
  line-height: 0.9;
  background: white;
  font-weight: bold;
  padding: 0;
  /*Pour encadrer en noir les sous-menus*/
  border: solid black;
  border-width: 0px 0px;
  margin: 0 0 1em 0;
  text-align: center;
  z-index: 1;
}
#nav a {
	display: block;
	text-decoration: none;
  padding: 0.25em 1.52em;
}
#nav a:link {color: #7C6240;}
#nav a:visited {color: #7C6240;}
#nav a.daddy {background: url(images/rightarrow2.gif) center right no-repeat;}
#nav li {
  text-align: left;
	float: left;
	padding: 0;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: bold;
	font-size: 10px;
	/*Pour encadrer en noir les sous menus: taille de la bordure*/
	border-width: 0.1em;
	margin: 0;
}
#nav li li {
	padding-right: 1em;
	width: 13em
}
#nav li ul a {
	width: 13em;
	w\idth: 9em;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background: #3A7CAD;
}
#nav li a:hover, #nav li a.sfhover {
	color:#FF9933;
}
/****************************/
/*Fin de Barre de Navigation*/
/****************************/


/**************/
/*The foot bar*/
/**************/
div#empty_copyright{
  width: 756px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top:20px;
  border-right: 1px solid #000;
  border-left:1px solid #000;
  border-top: 1px solid #000;
  border-bottom:1px solid #000;
  background: #3A7CAD;
  text-align:center;
  /*font-family:'Times New Roman', Times, serif;*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  vertical-align:middle;
  padding-top:5px;
  font-weight:bold;
}
/*********************/
/*End of the foot bar*/
/*********************/


.roundtop { 
  background: url(images/arrondi_haut.gif) no-repeat top right;
}
.roundbottom {
  background: url(images/arrondi_bas.gif) no-repeat top right;
  margin-top:-10px;
}
img.corner {
  width: 756px;
  height: 23px;
  border: none;
  display: block !important;
}

.roundtop3 { 
  background: url(images/arrondi_haut.gif) no-repeat top right;
  width: 756px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.roundbottom3 {
  background: url(images/arrondi_bas.gif) no-repeat top right;
  width: 756px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}

acronym {
  background-color: #e6e6e6; cursor:help;
}

/*main*/
div#main {
  width: 756px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background: #CADCE6;
  padding: 0px;
  z-index: 3;
}
div#main a:link {
  color: #3A7CAD;
}
div#main a:visited {
  color: #3A7CAD;
}
div#main a:hover {
  font-weight: bold;
  color: #FF9933;
}
/*End main*/


/*Adress*/
div#adress {
  position:relative;
  color: #3A7CAD;
  font-weight: bold;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  font-size:13px;
}
div#adress a {
  text-decoration: none;
  padding: 7px 10px;
  font-weight: bold;
  color: #3A7CAD;
}
div#adress a:link {color: #3A7CAD;}
div#adress a:visited {color: #3A7CAD;}
div#adress a:hover {font-weight: bold; color: #FF9933;}
/*End Adress*/


/*Table*/
table tr.scito_color {background-color: #cadce6;}

table tr.alt {background-color: #F7F7F7;}

table tr {background-color: #fff;}
table tr th {text-transform: none;}

table td.telechargement {padding: 12px;}
table th.telechargement {padding: 12px;}
/*End Table*/


.configuration_text {margin-left: 5px; margin-right:5px; text-align:left}
.avertissement {color: #CC0000; margin-left: 5px; margin-right:0px; text-align:justify}

.indicator {color: #FF9933;margin-left: 3px;text-align:center;margin-top:-12px;font-family:Arial, Helvetica, sans-serif; font-size:24px;}

.indicator2 {color: rgb(204, 0, 0);margin-left: 3px;text-align:center;margin-top:-12px;font-family:Arial, Helvetica, sans-serif; font-size:24px;}

.back {color: gray;margin-left: 3px;text-align:center;margin-top:-12px;font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.produits{color: #3A7CAD;text-align:left; margin-left: 5px; margin-top: 20px; margin-bottom:-10px; font-size: 18px;font-weight:bold}

.services{color: #3A7CAD;text-align:left; margin-left: 5px; margin-top: 15px; margin-bottom:0px; font-size: 18px;font-weight:bold}

.etapes{color: #3A7CAD;text-align:left; margin-left: 0px; margin-top: 20px; margin-bottom:-10px; font-size: 18px;font-weight:bold}

.monofont {color: #D00000; font-family:"Courrier New",Courrier,mono; font-size: 12px;}

.osfont {color: #3A7CAD; font-size: 12px;}

.small_download {color: #4D4D4D; font-size: 10px; text-decoration:none;}
a.small_download:hover {font-weight: bold; color: #FF9933; background: #8F8F8F;}

.pathway { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #ffffff;}


/*Should be removed*/
.flag {
  height: 20px;
  width: 29px;
  float: right;
  font-size:0px;
}

div#empty{
  width: 756px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  border-right: 1px solid #000;
  border-left:1px solid #000;
  background: #3A7CAD;
  font-size:0px;
}

/*Nav bar*/
div#navbar2 {
  text-align:center;
  height: 30px;
  width: 756px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: 20px;
  border-top: 1px solid #000;
  border-bottom:1px solid #000;
  border-right: 1px solid #000;
  border-left:1px solid #000;
  background: #CADCE6;
}
div#navbar2 ul {
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #FFF;
  line-height: 30px;
  /*white-space: nowrap;*/
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
  text-decoration: none;
  padding: 7px 10px;
  font-weight: bold;
  color: #3A7CAD;
}
div#navbar2 li a:link {
  color: #3A7CAD;
}
div#navbar2 li a:visited {
  color: #3A7CAD;
}
div#navbar2 li a:hover {
  font-weight: bold;
  color: #FF9933;
}
/*End of Nav bar*/
