@charset "UTF-8";
/* CSS Document */
* {
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration:none;
}
body {
	background-image: url(../img/fond2.png);
	background-repeat: repeat-y;
	background-color: #91AB00;
}
.mainframe {
	width: 950px;
	margin-left: 97px;
}
#contentframe {
	width: 950px;
	margin-top: 5px;
	margin-left: 3px;
	padding-left:30px;
	padding-right:30px;
	overflow:auto;
}
.largeframe {
	background:#ecdfc5;
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: auto;
	padding: 15px;
	margin-top:20px;
	overflow: auto;
	clear:both;
}
.frameleft {
	background:#ecdfc5;
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 430px;
	padding: 15px;
	overflow: auto;
	float:left;
	margin-bottom:20px;
}
.frameright {
	background:#ecdfc5;
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 430px;
	margin-right:10px;
	padding: 15px;
	overflow: auto;
	float:right;
	margin-bottom:20px;
}
.frameleft_34 {
	background:#ecdfc5;
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 650px;
	height:360px;
	padding: 15px;
	overflow: hidden;
	float:left;
	margin-bottom:20px;
}
.frameright_14 {
	background:#ecdfc5;
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 210px;
	height:360px;
	padding: 15px;
	overflow:hidden;
	float:right;
	margin-bottom:20px;
}
.menuframeleft {
	background:#ecdfc5;
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 300px;
	padding: 15px;
	overflow: auto;
	float:left;
}
.detailsframeright {
	background:#ecdfc5;
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 560px;
	padding: 15px;
	overflow: auto;
	float:right;
}
.banniere {
	display:block;
	margin-left:3px;
	}
.bloc_appli {
	width:440px;
	height:280px;
	/*background-color:aqua;*/
	background:#ecdfc5;
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
	vertical-align: bottom;
	text-align: center;
	font-size: 12px;
}
.bloc_appli_mini {
	width:70px;
	height:70px;
	border: 1px solid black;
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.appli_1	/* une application */
	{
	float:left;
	width:100px;
	height:25px;
	background-image: url("../img/sante.jpg");
	background-repeat: no-repeat;
	background-color:white;
	border: 1px solid black;
	margin:4px;
	padding-top:105px;
	}
.appli_1:hover, .appli_2:hover, .appli_3:hover, .appli_4:hover, .appli_5:hover, .appli_6:hover, .appli_7:hover, .appli_8:hover
	{
	background-color:rgb(200,200,200);
	}
.appli_2	/* une application */
	{
	float:left;
	width:100px;
	height:25px;
	background-image: url("../img/batiment.jpg");
	background-repeat: no-repeat;
	background-color:white;
	border: 1px solid black;
	margin:4px;
	padding-top:105px;
	}
.appli_3	/* une application */
	{
	float:left;
	width:100px;
	height:25px;
	background-image: url("../img/logistique.jpg");
	background-repeat: no-repeat;
	background-color:white;
	border: 1px solid black;
margin:4px;
	padding-top:105px;
	}
.appli_4	/* une application */
	{
	float:left;
	width:100px;
	height:25px;
	background-image: url("../img/services.jpg");
	background-repeat: no-repeat;
	background-color:white;
	border: 1px solid black;
	margin:4px;
	padding-top:105px;
	}
.appli_5	/* une application */
	{
	float:left;
	width:100px;
	height:25px;
	background-image: url("../img/alarme.jpg");
	background-repeat: no-repeat;
	background-color:white;
	border: 1px solid black;
	margin:4px;
	padding-top:105px;
	}
.appli_6	/* une application */
	{
	float:left;
	width:100px;
	height:30px;
	background-image: url("../img/industrie.jpg");
	background-repeat: no-repeat;
	background-color:white;
	border: 1px solid black;
	margin:4px;
	padding-top:100px;
	}
.appli_7	/* une application */
	{
	float:left;
	width:100px;
	height:25px;
	background-image: url("../img/maintenance.jpg");
	background-repeat: no-repeat;
	background-color:white;
	border: 1px solid black;
	margin:4px;
	padding-top:105px;
	}
.appli_8	/* une application */
	{
	float:left;
	width:100px;
	height:25px;
	background-image: url("../img/domotique.jpg");
	background-repeat: no-repeat;
	background-color:white;
	border: 1px solid black;
	margin:4px;
	padding-top:105px;
	}
p, table {
	color: #606060;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:16px;
	clear:both;
}
.exemples {
	color: #606060;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	clear:both;
	margin-left:20px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#91A900;
	margin-bottom: 15px;
	float:left;
}
h4 {
	color: #606060;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
	clear:both;
}
.large_block {
	clear:both;
}
.titre {
	color:#EC983A;
	text-align:left;
}
.paire {
	background-color:#F9F8BB;
}
.impaire {
	background-color:transparent;
	cursor:pointer;
}
.paire:hover, .impaire:hover {
	background-color:#F0AD49;
}
.paire td {
	padding-left:5px;
}
.impaire td {
	padding-left:5px;
}
.fab {
	width:240px;
}
.model{
	width:180px;
}
.cat {
	width:100px;
}
.ctrl {
	width:40px;
}
.ctrl a{
	padding-left:8px;
	border:0;
}
.doc {
	width:110px;
}
.doc img {
	margin-left:45px;
}
.certifs {
	clear: both;
	margin-top: 30px;
	width: 88px;
}
.mainframe a{
	border:0;
}
.footer {
	margin-top:100px;
	width:1000px;
	margin-left:97px;
	clear:both;
	margin-bottom:10px;
}
.footer a{
	text-align:center;
	color: #606060;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	display: block;
	text-decoration: none;
}
.listDB {
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	margin-bottom:18px;
	margin-right:18px;
	padding:10px;
	width:580px;
	float:left;
}
.manufDB, .netDB {
	border:solid 1px #e1d0b0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	margin-bottom:18px;
	margin-right:18px;
	padding:10px;
	width:340px;
	float:left;
}
.bouton_addnew {
	width:122px;
	height:35px;
	background-image:url(../img/bouton_addnew_vert.png);
	margin: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.bouton_addnew:hover {
	width:122px;
	height:35px;
	background-image:url(../img/bouton_addnew_noir.png);
	margin: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.manufTable {
	margin-bottom:25px;
}
#bouton_conteneur a {
	width:125px;
	height:30px;
	padding-top:10px;
	margin-top:10px;
	display:block;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	background:url(../img/boutonVertOrange.png) 0 -40px;
}
#bouton_conteneur a:hover {
	background:url(../img/boutonVertOrange.png) 0 0;
}
ul.ppt {
	position: relative;
	height:200px;
	width:650px;
	margin-top:5px;
	margin-bottom:10px;
}
.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}
#scrollup {
  position: relative;
  height: 300px;
  width: 205px;
  overflow:hidden;
}
.news {
  position: absolute;
  top: 310px;
  left: 5px;
  height: 295px;
  width:200px;
}
#bloc_service
{
	border: 1px solid;
	border-color:#A1A1A1;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:5px;
	padding:5px;
	background-color: #FFF;
	width: 600px;
}