/* @override 
	http://zemper.devsite/lib/styles.css
*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

body {
	background: #fff url(../images/interface/fond-page.gif) repeat-y center top;
	color:  #666;
	padding-bottom: 0;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 10px;
}

#containerPrincipal {
	position: relative;
	width: 967px;
	margin: 0 auto;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 80px;
	background: transparent url(../images/interface/logoZemper.gif) no-repeat left 25px;
	margin-left: 31px;
	text-indent: -5000px;
}

#logo a {
	display: block;
	width: 150px;
	height: 80px;
}

#recherche {
	position: relative;
	top: 0;
	right: 25px;
	margin-left: auto;
	width: 430px;
	height: 34px;
	background: transparent url(../images/interface/fond-recherche.gif) no-repeat right bottom;
	text-align: right;
	line-height: 34px;
}

#recherche form {
	float: right;
	margin: 7px 8px 0 0;
	height: 20px;
	line-height: 0;
}

#recherche form input {
	border: 1px solid #cdcdcd;
	height: 18px;
	color:  #666;
	margin-top: 0;
}

#recherche a:link, #recherche a:visited {
	display: block;
	float: right;
	margin: 8px 0 0 0;
	width: 120px;
	height: 19px;
	color: #666;
	text-indent: -5000px;
	text-align: left;
	text-decoration: none;
	background: transparent url(../images/interface/but-contact.gif) no-repeat left top;
	line-height: 0;
}

#recherche a:hover {
	color: #c5c5c5;
	text-decoration: underline;
	background: transparent url(../images/interface/but-contact.gif) no-repeat left -19px;
}

#recherche span.separateur {
	display: block;
	float: right;
	width: 1px;
	height: 37px;
	margin: 0 15px 0 7px;
	background: transparent url(../images/interface/menu-separateur.gif) no-repeat center top;
}

#recherche input.s {
	width: 19px;
	height: 20px;
	border: none;
	background: transparent url(../images/interface/but-search.gif) no-repeat left top;
	cursor: pointer;
}

/* @group MENU */

#menu {
	width: 950px;
	height: 45px;
	margin: 20px auto 0 auto;
	background: transparent url(../images/interface/fond-menu.gif) no-repeat center bottom;
}

#menu ul {
	width: 712px;
	list-style-type: none;
	margin: 0 25px 0 auto;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	display: block;
	float: left;
	width: 117px;
	height: 37px;
	text-indent: -5000px;
}

#menu ul li a.Accueil:link, #menu ul li a.Accueil:visited {
	background: transparent url(../images/interface/menu-accueil.gif) no-repeat left top;
}

#menu ul li a.Societe:link, #menu ul li a.Societe:visited {
	background: transparent url(../images/interface/menu-societe.gif) no-repeat left top;
}

#menu ul li a.Actu:link, #menu ul li a.Actu:visited {
	background: transparent url(../images/interface/menu-actu.gif) no-repeat left top;
}

#menu ul li a.Produits:link, #menu ul li a.Produits:visited {
	background: transparent url(../images/interface/menu-produits.gif) no-repeat left top;
}

#menu ul li a.Catalogues:link, #menu ul li a.Catalogues:visited {
	background: transparent url(../images/interface/menu-catalogues.gif) no-repeat left top;
}

#menu ul li a.Conseils:link, #menu ul li a.Conseils:visited {
	background: transparent url(../images/interface/menu-conseils.gif) no-repeat left top;
}

#menu ul li a.Accueil:hover,
#menu ul li a.Societe:hover,
#menu ul li a.Actu:hover,
#menu ul li a.Produits:hover,
#menu ul li a.Catalogues:hover,
#menu ul li a.Conseils:hover
{
	background-position: 0 -37px;	
}

span.separateur {
	display: block;
	float: left;
	width: 1px;
	height: 37px;
	text-indent: -5000px;
	background: transparent url(../images/interface/menu-separateur.gif) no-repeat center top;
}

/* @end */

#pageContent {
	width: 905px;
	margin: 0 auto;
}

/* @group Chemin */

#chemin {
	width: 905px;
	height: 20px;
	margin: 0 auto;
	font: normal 11px/20px Arial, Verdana, Helvetica, sans-serif;
}

#chemin a:link, #chemin a:visited {
	color: #666;
	text-decoration: none;
}

#chemin a:hover {
	color: #666;
	text-decoration: none;
	border-bottom: 3px solid #666;
}

/* @end */

#contenu {
	width: 905px;
	min-height: 480px;
	margin: 0 auto;
}

#blocBas {
	clear: both;
	width: 905px;
	/*height: 161px;*/
	height: 185px;
	margin: 0 auto;
	background-color: #000;
}

#credits {
	position: relative;
	top: 60px;
	margin: 0 0 0 auto;
	width: 170px;
	height: 30px;
	color: #fff;
	border-top: 1px dotted #fff;
	text-align: right;
	/*letter-spacing: 1px;*/
}

#blocBas a:link, #credits a:visited {
	color: #fff;
	text-decoration: none;
}

#blocBas a:hover {
	color: #c5c5c5;
	text-decoration: underline;
}

#credits p {
	margin-right: 15px;
	height: 30px;
	font: normal 11px/30px Arial, Verdana, Helvetica, sans-serif;
}

p#adresse {
	/*clear: both;*/
	position: relative;
	/*top: 60px;*/
	top: 115px;
	font: normal 12px/30px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	margin-left: 15px;
	margin-right: 15px;
	/*width: 100%;*/
	text-align: center;
	border: none;
	line-height: 15px;
}

form table.contact {
	width: 800px;
	margin: 20px auto 0 auto;
	font: normal 11px/18px Arial, Verdana, Helvetica, sans-serif;
}

form table.contact td {
	vertical-align: top;
	padding: 5px;
}

form table.contact td.texte {
	text-align: right;
}

form table.contact td.obligatoire {
	font-weight: bold;
}

table.contact input.contactLong, table.contact textarea.contactLong {
	width: 668px;
	border: 1px solid #cdcdcd;
	height: 18px;
	color:  #666;
}

table.contact input.contactCourt {
	width: 270px;
	border: 1px solid #cdcdcd;
	height: 18px;
	color:  #666;
}

table.contact textarea.contactLong {
	height: 150px;
}

/* @group Actualité */
#titreActu {
	margin: 20px 0 20px 50px;
}

#listeActu {
	margin: 20px 40px 20px 50px;
}

#listeActu .news {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #737373;
}

#listeActu .news h2 {
	color: #747474;
}

#listeActu .news div {
	margin-top: 5px;
	font-size: 12px;
}

#listeActu .news div hr {
	height: 1px;
	clear: both;
	color: #fff;
	border: none;
}
/* @end */

/* @group Menu produits */

#menuProduits {
	float: left;
	width: 165px;
}

#seprateurProduits {
	float: left;
	width: 18px;
	height: 680px;
	margin-left: 7px;
	background: transparent url(../images/interface/separateurPageProduits.jpg) no-repeat left top;
}

#blockProduits {
	float: left;
	width: 702px;
	margin-left: 5px;
}

#headerProduits {
	position: relative;
	top: 0;
	left: 0;
	width: 702px;
	height: 110px;
	margin-bottom: 5px;
	background: transparent url(../images/interface/headerPageProduits.jpg) no-repeat left top;
}

#headerProduits h2 {
	position: relative;
	top: 75px;
	height: 35px;
	line-height: 35px;
	text-indent: 15px;
	font-weight: normal;
	color: #fff;
}

#menuProduits {
	margin-top: 55px;
}

#menuProduits ul.blockMenu {
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

#menuProduits ul.blockMenu li {
	margin-top: 25px;
	text-transform: uppercase;
}

#menuProduits ul.blockMenu li a:link, #menuProduits ul.blockMenu li a:visited {
	color:  #000;
	text-decoration: none;
}

#menuProduits ul.blockMenu li a:hover {
	color:  #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

#menuProduits ul.fonctionsProduits {
	margin-top: -10px;
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

#menuProduits ul.fonctionsProduits li a:link, #menuProduits ul.fonctionsProduits li a:visited {
	color: #666;
	text-decoration: none;
}

#menuProduits ul.fonctionsProduits li a:hover {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

#menuProduits ul.fonctionsProduits li {
	margin-top: 5px;
	margin-left: 15px;
	text-transform: none;
}

#menuProduits ul.utilisationProduits {
	margin-bottom: 15px;
	list-style-type: none;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

#menuProduits ul.utilisationProduits li {
	/*margin-top: 7px;*/
	margin-top: 0;
	margin-left: 15px;
	text-transform: none;
}

#menuProduits ul.utilisationProduits li a:link, #menuProduits ul.utilisationProduits li a:visited {
	display: block;
	width: 100%;
	height: 20px;
	text-indent: 15px;
	line-height: 20px;
	text-decoration: none;

}

#menuProduits ul.utilisationProduits li a:hover {
	color: #fff;
	border-bottom: none;
	background-color: #111184;
}

#menuProduits ul.utilisationProduits li a:link.jesuisla,
#menuProduits ul.utilisationProduits li a:visited.jesuisla,
#menuProduits ul.utilisationProduits li a:hover.jesuisla {
	color: #fff;
	border-bottom: none;
	background-color: #111184;
}

/* @end */

/* @group Liste produits */

.blocProduit {
	position: relative;
	float: left;
	width: 325px;
	height: 180px;
	margin-top: 45px;
	margin-left: 20px;
	/*border: 1px solid red;*/
}

.blocProduit .col1 {
	float: left;
	width: 160px;
}

.blocProduit .infosProduit {
	float: right;
	width: 160px;
	margin-top: 30px;
	font-size: 12px;
	font-weight: bold;
}

.blocProduit .fiches {
	margin: 15px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
}

.thirdalt {
	clear: both;
	background-color: #c0c0c0;
	height: 28px;
	color: #000;
	font-weight: bold;
	line-height: 28px;
	text-indent: 15px;
	font-size: 14px;
}

.fourthalt {
	clear: both;
	background-color: #dadada;
	height: 28px;
	color: #000;
	font-weight: normal;
	line-height: 28px;
	text-indent: 15px;
	font-size: 14px;
	margin-top: 5px;
}

.previewbox {
	z-index: 5000;
	border: 1px solid #000;
	position: absolute;
	padding: 10px;
	background-color: #fff;
	display: none;
}

.previewbox img {
	border: 1px solid #fff;
}

/* @end */

/* @group Mentions Légales */
#mentionslegales p {
	margin: 20px;
	font-size: 12px;
}

#mentionslegales a:link, #mentionslegales a:visited {
	color: #666;
	text-decoration: none;
}

#mentionslegales a:hover {
	color: #c5c5c5;
	text-decoration: underline;
}

#mentionslegales h2 {
	margin-top: 25px;
}
/* @end */