@charset "utf-8";
/* CSS Document */

html {
  height: 100%;
}

body {
	height:100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.valignA {
position:relative;
  display:table;
  height:158px;
  overflow: hidden;
  width: 100%;
  background-color: #EBEBEB;
}

#fond {
	width:1000px;
	background-color:#a6b8dd;
	margin:auto;
	margin-top:35px;
	margin-bottom: 20px;

}

#img-fond {
	background-image:url(../images/fond.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#div-photoban {
	text-align: center;
	vertical-align: middle;
	float: left;
	z-index: 1;
	background-image:url(../images/photo_ban_rabattable.jpg);
	background-repeat:no-repeat;
	width:550px;
	height:425px;
	margin-left: 10px;
	margin-top: -15px;
}
#div-s2mban {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:28px;
	color:#ffffff;
	text-align: center;
	display:table;	float: left;
	z-index: 2;
	background-image:url(../images/s2m_logo_ban.png);
	background-repeat:no-repeat;
	margin-right:-20px;
	margin-top: -35px;
	width:458px;
	height:443px;
}

.valign-mob {
	display:table-cell;
	vertical-align:bottom;
	width:100%;
	margin:0 auto;
	padding: 10px;
	text-align:center;
}

#typo-acces {
	font-size:40px;
	color:#2f8a26;
}

#div-s2mdescrip {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align: right;
	display:table;
	padding-left:120px;
	float: left;
	z-index: 1;
	background-color:#FFFFFF;
	background-image:url(../images/petit_logo.jpg);
	background-repeat:no-repeat;
	background-position: 10px 0;
	margin-left: 10px;
	margin-top: 20px;
	width:845px;
	height:120px;
}

.valign-s2m {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	margin:0 auto;
	padding: 10px;
	text-align:right;
}

#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 230px ;
				height:35px;
				border: 0 solid #600 ;
				margin-right: 1px ;
				color: #fff ;
				}
			#nav li a {
				display: block ;
				background: #3b3f49 url(lienNormal.png) left top no-repeat ;
				color:#CCCCCC ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				font-weight:bold;
				line-height: 1em ;
				padding: 4px 0 ;
				padding-top:10px;
				text-align: center ;
				text-decoration: none ;
				height:35px;
				border-radius: 10px;
				-moz-border-radius: 10px;
   				-webkit-border-radius: 10px;
    			behavior: url(PIE/PIE.htc);
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #033 url(lienHover.png) left top no-repeat ;
				color:#FFFFFF;
				text-decoration: none ;
				}

.titre-produit {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bolder;
	color:#3b3f49;
}

#div-produits {
	text-align: right;
	vertical-align: middle;
	padding: 5px;
	float: left;
	z-index: 1;
	margin-left: 10px;
	margin-top: 20px;
	width:970px;
	margin-bottom:10px;
}

.div-prod-left {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	margin:0 auto;
	padding: 10px;
	text-align:left;
}

.div-prod-right {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	margin:0 auto;
	padding: 10px;
	text-align:right;
}

#famille-prod {
	float: left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:900;
	color:#009900;
	background-color:#ffffff;
	width:100%;
	height:50px;
	line-height:50px;
	vertical-align:bottom;
}

#descrip-produit {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#D7DDFB;
	width:97%;
	display:table-cell;
	vertical-align:middle;
}

#div-reseau {
	width:537px;
	height:537px;
	float: left;
	margin-top: 0;
	margin-left: -20px;
	z-index: 5;
}

#div-partenaire {
position:relative;
	width:220px;
	height:100px;
	float: right;
	line-height:406px;
	margin:auto;
	vertical-align:bottom;
	text-align:right;
	padding-right:20px;
	margin-top:350px;
}

#div-bas {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	width:1000px;
	height:143px;
	float: left;
	margin-top: 0;
	background-color:#ffffff;
	z-index: 1;
}

.ico-telech {
	position:absolute;
	color:#FF0000;
	width:98%;
	height:60px;
	text-align:right;
	vertical-align:top;
	margin-top:-10px;
	}
	
.ico-telech-left {
	position:absolute;
	color:#FF0000;
	width:98%;
	height:60px;
	text-align:left;
	vertical-align:top;
	margin-top:-10px;
	margin-left:10px;
	}
		
	#nav-sites {
	width:980px;
	text-align:right;
	position:absolute;
	color:#FFffff;
	height:100px;
	margin-top:15px;
	margin-left:-10px;
	
	}