/*diver-----------------------*/
body {
	margin: 0px;
	background:url(../images/index/fond2.jpg) center top no-repeat;
}

.contour {
border:1px;
border-color:#CCCCCC;
}

.contour2 {
border:1px;
border-color:#4e4e4e;
}

.contour3 {padding:2px;border: 1px solid #246aa8;}

.image-realisation {
	background-color: #ebe9da;
	padding: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.images {
	border: 2px solid #4BAA66;
}
.images:hover {
	border: 2px solid #FC8715;
}
a.pack {
	border: 2px solid #ffffff;
}
a.pack:hover {
	border: 2px solid #cee127;
}
.menu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3b3b3d;
	width: 134px;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 25px;
}

/*menu-----------------------*/
a.menu:hover,
.menu-hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url();
	font-weight: bold;
	color: #ffffff;
	width: 134px;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 25px;
	background-image: url(../images/menu/menu-over.png);
}

/*sous menu-----------------------*/
.sous-menu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
	line-height: 37px;
	padding-right: 14px;
	font-weight: bold;
	padding-left: 14px;
	height: 37px;
	display:inline-block;
}
a.sous-menu:hover,
.sous-menu-hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	text-align: center;
	font-weight: bold;
	line-height: 37px;
	padding-right: 14px;
	padding-left: 14px;
	display:inline-block;
}
/* div item caches par defaut */
.item{
  display: none;
}
 

 
/* styleOverMenu = style du menu lors de l evenement mouseover */
/* style des liens lors du hover */
.styleOverMenu{
display: block;

}
 
/* style du menu lors de l evenement mouseout */
.styleOutMenu{
 
}
/*texte-----------------------*/
.gris-10 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	text-decoration: none;
}
a.gris-10:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #56a8a3;
	text-decoration: none;
}
.gris-11 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
}
.gris-11-g {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
	text-decoration: none;
}
.gris2-11 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	text-decoration: none;
}
a.gris2-11:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #56a8a3;
	text-decoration: none;
}
.blanc-10 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
.blanc-11 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.orange-11 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff7200;	
}
.orange-11-g {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff7200;
	font-weight: bold;
	text-decoration: none;
}
.vert-11 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cfe218;	
}
.vert-11-g {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cfe218;
	font-weight: bold;
	text-decoration: none;
}
.bleu-11 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* color: #56a8a3; */
	color: #2064b1;
}
.bleu-11-g {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2064b1;
	font-weight: bold;
	text-decoration: none;
}
h1 {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #223323;
	display: inline;
}

h2 {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #223323;
	display: inline;
}

h3 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #223323;
	display: inline;
}

/*formulaire-----------------------*/
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.input2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a19f9d;
	background-color: #ffffff;
	border: 1px solid #000000;
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	width: 155px;
}
.bouton{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	line-height: 11px;
	padding-left: 5px;
	padding-right: 5px;
}
input {
	color: #333333;
	text-decoration: none;
	border: 1px solid #999999;
	font-family: tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #F5F5F7;
}
textarea {
	color: #333333;
	text-decoration: none;
	border: 1px solid #999999;
	font-family: tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #F5F5F7;
	overflow: hidden; 
}
/*slider-----------------------*/
.btn-slide{
	text-decoration: none;
	width: 18px;
	line-height: 37px;
	display: block;
	background: url(../images/index/btn-panel.jpg) no-repeat center top;
}
.active {
	background: url(../images/index/btn-panel.jpg) no-repeat right -37px;
}
#detail-realisation{
	position:absolute;
	display:block;
	width:104px;
	margin-top: 83px;
}

/*slider-solution-----------------------*/
#solution-menu a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	line-height: 33px;
	background-image: url(../images/net-presentation_24.jpg);
	padding-left: 40px;
}
#solution-menu a.wactive, #solution-menu a:hover {
	background-image: url(../images/net-presentation_25.jpg);
}
/*preview realisation-----------------------*/
#screenshot{
	position:absolute;
	padding:10px;
	display:none;
	
	
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #223323;
	display: inline;
	}
	
.rss {
	font-family: tahoma;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
}
