/* Start of media screen */
@media screen {

body {
	font:80% Verdana,Arial,sans-serif;
	background-color:White;
	color:Black;
	margin:0;
	padding:0;
}

table {
	font-size:100%;
}

/***** HEADER *****/
#header {
	padding:0px;
	height:65px;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	background-color:white;
	font-family:verdana,arial,sans-serif;
	z-index: 1;
}

#ISA {
	right:0px;
	top:0px;
	position:fixed;
	font-size:1.2em;
	font-weight:bold;
	padding: 10px;
	color: #555555;
}

#noOS {
	right:0px;
	top:25px;
	position:fixed;
	font-size:1.2em;
	font-weight:bold;
	padding: 10px;
	color: orange;
}

#header img {
	padding:10px 10px 0px 10px;
	border:0px;
}

/***** MENU *****/
#menu {
	position:fixed;
	left:0px;
	top:65px;
	width:100%;
	height:65px;
	background-color:#555555;
	font-family:verdana,arial,sans-serif;
	display: block;
	border: 0px;
	border-top: 2px solid orange;
	border-bottom: 2px solid orange;
	z-index: 1;
	padding: 0px;
}

#topmenu ul {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	list-style: none;
}

#topmenu li {
  float: left;
  display: block;
  white-space:nowrap; 
}

#topmenu li a {
  /*for all links in the list*/
  color: #FFFFFF;
  font-size: 1.2em;
  margin-left: 0px;
  padding: 6px 10px 6px 10px;;
  text-decoration:none;
}

#topmenu a.on   {
        color: orange;
	font-weight:bold;
}

#topmenu a.off:hover  {
	color:orange;
	text-decoration: underline;
}

#topsubmenu {
}

#topsubmenu ul {
	margin: 10px;
	/*padding: 10px 0px 10px 0px;*/
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 20px;
	left:-10px;
}

#topsubmenu li ul {
	/* positionne les sous menus */
  position: absolute;
}

#topsubmenu li {
  float: left;
  display: block;
  white-space:nowrap; 
}

#topsubmenu li.hide ul {
  display: block;
 
}

#topsubmenu li.hide {
  background-color:red;
 
}
#topsubmenu  li a {
  /*for all links in the list*/
  font-size: 1em;
  color: #FFFFFF;
  padding: 6px 10px 6px 10px;;
  display: block;
  text-decoration:none;
}

#topsubmenu a.on   {
        color:orange;
	font-weight:bold;
}

#topsubmenu li a.off:hover  {
	color:orange;
	text-decoration: underline;
}

#topsubmenu ul.hidden {
  /*cache les sous menus qui doivent rester invisibles*/
  display: none;
}

/***** MAINCONTENT *****/

#maincontent {
	position:absolute;
	height:auto;
	left:0px;
	top:130px;
	padding:0 10px 50px 10px;
	font-family:verdana,arial,sans-serif;
	text-align: justify;
	z-index: 0;
}

#maincontent h1 {
	font-size:1.4em;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
	color: orange;
	text-align: left;
}

#maincontent h2 {
	font-size:1.2em;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
	text-align: left;
	color: #555555;
}

#maincontent a {
	text-decoration: none;
	color: #555555;
}
#maincontent a:hover {
	color:orange;
	text-decoration: underline;
}

#maincontent p {
	font-size:1em;
	padding: 2px 10px 2px 10px;
	color: black;
	text-align: justify;
}

#maincontent ul li {
	font-size:1em;
	padding: 10px;
	color: black;
        marging: 0px 0px 10px 40px;
	text-align: left;
}

#maincontent table {
	border: 1px solid orange;
	border-style: dashed;
        /*width: 800px;*/
        width: 98%;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	color: black;
        text-align: center;
}

#maincontent table img {
	border: 1px black solid;
	/*border: 0px;*/
}

#maincontent table td {
	padding: 10px;
}

#maincontent table a {
	text-decoration: none;
	font-weight:bold;
}

.floatgauche {
	float: left;
	margin: 20px;
}

.floatdroite {
	float: right;
	margin: 0px 10px 20px 20px;
        padding: 10px;
	border: 1px solid black;
        text-align: center;
}

.gras {
	font-size:1.1em !important;
	font-weight:bold;
	/*border: 1px solid black;*/
	/*border-radius:6px;*/
	padding: 10px;
	letter-spacing: 0.05em;
	word-spacing: 0.5em;
	line-height: 1.5em;
}

.boite {
	border: 1px solid black;
	/*border-radius:6px;*/
	padding: 10px !important;
	margin: 10px;
	font-size:1.1em !important;
	font-weight:bold;
	width: 200px;
}

.boite img {
	vertical-align:middle;
}

.noborder {
	border: 0px !important;
}

.instantnetwork {
	color: #69a89d !important;
}

.advancednetwork {
	color: #4f7dc6 !important;
}

.extendednetwork {
	color: #983cff !important;
}

#formulaire {
	font-size:1em;
	font-weight:normal;
}

#formulaire table {
	border: 1px solid orange;
	border-style: dashed;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	color: black;
}

#formulaire td {
        text-align: left;
}


#formulaire input {
	border: 1px solid black;
}

#suite {
	font-size:1.1em;
	font-weight:bold;
	color: orange;
}

/***** FOOTER *****/
#footer {
	font-family:verdana,arial,sans-serif;
	padding: 10px;
	position: fixed;
	height:20px;
        bottom:0px;
	border-top: 2px solid orange;
	border-bottom: 2px solid orange;
	left:0px;
	width:100%;
	background-color:#555555;
	color: white;
	z-index: 1;
}

#footer a {
	color: #CCCCCC;
	text-decoration:none;
}

#footer a.on   {
        color: orange;
	font-weight:bold;
}

#footer a:hover {
	color: orange;
	text-decoration: underline;
}

.milieu {
	font-size:1.2em;
	font-weight:bold;
	padding: 10px;
	color: #555555;
        text-align: center;
}

div.droit {
	right:0px;
	top:0px;
	position: absolute;
	color: white;
	padding: 0px;
}

div.droit ul {
	margin: 10px;
}


div.droit ul li {
	display: inline;
	padding: 0px 20px 0px 20px;
	margin: 0px;
}
div.droit li a {
	color: #CCCCCC;
	text-decoration:none;
}

div.droit a:hover {
	color: orange;
	text-decoration: underline;
}

/* End of media screen */
}