@charset "utf-8";
#intro {
	position:relative;
	width:803px;
	z-index:4;
	background-image: url(images/intro_gradient.jpg);
	background-repeat: repeat-x;
	left: 10px;
	float: left;
	height: 200px;
}
#bienvenue {
	position:absolute;
	z-index:4;
	width: 529px;
	height: 198px;
}
#bienvenuetxt {
	position:absolute;
	width:500px;
	z-index:4;
	font-size: 29px;
	font-family: Arial, Helvetica, sans-serif;
	color: #12415d;
	text-indent: 35px;
	height: 35px;
	padding-top: 15px;
	font-weight: normal;
}
#bienvenueimage {
	position:absolute;
	height:130px;
	z-index:4;
	background-image: url(images/accueil.png);
	background-repeat: no-repeat;
	width: 240px;
	float: left;
	background-position: center;
	left: 1px;
	top: 51px;
}
#description {
	position:absolute;
	width:290px;
	z-index:4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	left: 238px;
	top: 51px;
}
#services {
	position:relative;
	left:10px;
	width:803px;
	height:320px;
	z-index:2;
	background-color: #f2f2f2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4799CB;
	float: left;
}
#reseaucontainer {
	position:absolute;
	width:267.7px;
	height:320px;
	z-index:4;
	background-image: url(images/panneau_reseau.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#securite {
	position:absolute;
	left:267.7px;
	width:267.7px;
	height:320px;
	z-index:6;
	background-image: url(images/panneau_securite.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#gestion {
	position:absolute;
	left:535.4px;
	width:267.6px;
	height:320px;
	z-index:8;
	background-image: url(images/panneau_gestion.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#reseau {
	position:absolute;
	left:0px;
	width:267.6px;
	height:320px;
	z-index:8;
	background-image: url(images/panneau_reseau.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#titrereseau {
	position:absolute;
	top:75px;
	width:267.7px;
	height:30px;
	z-index:6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	padding-top: 15px;
	font-size: 18px;
}



#titresecurite {
	position:absolute;
	top:75px;
	width:267.7px;
	height:30px;
	z-index:4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding-top: 15px;
}
#titregestion {
	position:absolute;
	top:75px;
	width:267.7px;
	height:30px;
	z-index:4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	padding-top: 15px;
}
#contenuresau {
	position:absolute;
	left:44px;
	top:125px;
	width:190px;
	height:133px;
	z-index:5;
}
#contenusecurite {
	position:absolute;
	left:43px;
	top:146px;
	width:193px;
	height:119px;
	z-index:5;
}
#contenugestion {
	position:absolute;
	left:45px;
	top:152px;
	width:192px;
	z-index:5;
}
.contenuservices {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 20px;
}
.liennavig{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 37px;
}
.lienvideo{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #06F;
	text-decoration: underline;
	font-weight: bold;
}
.lienvideo2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #06F;
	text-decoration: underline;
	font-weight: normal;
}
#liste_puce {
	list-style-image: url(images/puce.gif);
	text-align: left;
}

#clicreseau {
	position:absolute;
	left:29px;
	top:21px;
	width:212px;
	height:284px;
	z-index:7;
}
#surveillance {
	position:absolute;
	left:543px;
	z-index:6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D5E5F2;
	width: 250px;
	height: 168px;
	top: 18px;
}
.listpanel ul{
	margin: 2px;
	padding: 1em;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
}

.listpanel li{
	display: list-item;
	list-style-image: url(images/puce.gif);
	padding-top: 2px;
}
#buttonreseau {
	position:absolute;
	left:0px;
	top:0px;
	width:19px;
	height:19px;
	z-index:7;
	background-image: url(images/bouton_plus.png);
	background-repeat: no-repeat;
}
#infos {
	position:absolute;
	left:160px;
	top:270px;
	width:65px;
	height:19px;
	z-index:5;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	color: #36F;
	font-size: 12px;
	text-decoration: none;
	line-height: 20px;
}

#titresurveillance {
	position:relative;
	width:256px;
	z-index:5;
	font-family: Verdana, Geneva, sans-serif;
	color: #12415D;
	text-align: center;
	font-size: 14px;
}

#imagesurveillance {
	position:relative;
	float:left;
	width:256px;
	height:82px;
	z-index:5;
	background-position: center;
	background-image: url(images/pcsurveillance.jpg);
	background-repeat: no-repeat;
	top: 10px;
}
#textesurveillance {
	position:relative;
	float:left;
	width:256px;
	z-index:5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	top: 10px;
}