/**

* style.css

* Feuille de style

* 

* @author Olivier BLAIS <contact@netdcom.com>

* @version 1.0

*/



/**

* Contenu général

*/



html, body {

	margin: 0;

	height: 100%;

}

	

body {

	margin: 0;

	padding: 0;

	width: 100%;

	color: #000;

	font-family: Arial;

	font-size: 11px;

	background: #FFF url('./../images/background.jpg') repeat-x;

}



INPUT, TEXTAREA {

	font-family: Arial;

	font-size: 10px;

}



img {

	border: none;	

}



* {

	outline: none;

}



a {

	color: #666;
	font-weight:bold;
	text-decoration: underline;

	

}



a:hover {

	text-decoration: none;

}



.lienInterne {

	color: #666666;

	text-decoration: none;

}



.lienInterne:hover {



	text-decoration: none;

}



.clear {

	clear: both;

}



.vAlign {

	vertical-align: middle;

}



.alert {

	color:#CC3333;

	font-family: Arial;

	font-size: 11px;

}



.info {

	font-family: Arial;

	font-size: 11px;

}





div#global {

	margin: 0 auto;

	padding: 0;

	width: 1000px;

	height: 100%;

	position: relative;	

}



/**

* Header

*/



div#header {

	margin: 0;

	padding: 0;

	width: 1000px;

	height: 104px;

	background: url('./../images/header.jpg') no-repeat;

	position: relative;

}



div#header h1 {

	margin: 0;

	padding: 0;

	top: 20px;

	left: 35px;

	text-indent: -9999px;

	position: absolute;

}



div#header h1 a {

	margin: 0;

	padding: 0;

	width: 170px;

	height: 67px;

	background: url('./../images/logo.jpg') no-repeat;

	display: block;

}



div#header h2 {

	margin: 0;

	padding: 0;

	text-indent: -9999px;

}



h3 {
	float:left;
	margin: 20px 0 15px 0;
	font-size:20px;
	margin-top: 20px;
	color:#333;
	width:550px;
	
}



h4 {

	font-size:12px;

	font-style:normal;

	color:#666666;

	

}

/**

* Header / menu vertical

*/



ul#hmenu {

	margin: 0;

	padding: 0;

	top: 43px;

	right: 35px;

	width: 717px;

	height: 22px;

	list-style-type: none;

	position: absolute;

}



ul#hmenu li{

	margin: 0;

	padding: 0;

	height: 22px;

	text-indent: -9999px;

	float: left;

}



ul#hmenu li a{

	margin: 0;

	padding: 0;

	height: 22px;

	background-position: top;

	display: block;

}



ul#hmenu li a:hover{

	background-position: bottom;

}



li#mhInternet a {

	width: 76px;

	background: url('./../images/mh_internet.jpg') no-repeat;

}



li#mhIntranet a {

	width: 166px;

	background: url('./../images/mh_intranet.jpg') no-repeat;

}



li#mhReferencement a {

	width: 137px;

	background: url('./../images/mh_referencement.jpg') no-repeat;

}



li#mhMarketing a {

	width: 130px;

	background: url('./../images/mh_marketing.jpg') no-repeat;

}



li#mhFormation a {

	width: 96px;

	background: url('./../images/mh_formation.jpg') no-repeat;

}



li#mhCoaching a {

	width: 112px;

	background: url('./../images/mh_coaching.jpg') no-repeat;

}



/**

* Banner

*/



div#banner {

	margin: 0;

	padding: 0;

	width: 1000px;

	height: 255px;

	background: url('./../images/banner.jpg') no-repeat;

	position: relative;

}



/**

* Zone chaude

*/



div#container {

	margin: 0;

	padding: 0 35px 15px 35px;

	width: 930px;

	min-height: 515px;

	background: url('./../images/content.jpg') no-repeat;

	position: relative;

}



/**

* Zone chaude / colonne de gauche

*/



div#leftColumn {

	margin: 0;

	padding: 21px 0 0 0;

	width: 165px;

	min-height: 519px;

	float: left;

}



/**

* Zone chaude / colonne de gauche / menu

*/



ul#vmenu {

	margin: 0;

	padding: 0;

	width: 165px;

	list-style-type: none;

}



ul#vmenu li{

	margin: 0;

	padding: 0;

	text-indent: -9999px;

}



ul#vmenu li a{

	margin: 0;

	padding: 0;

	background-position: top;

	display: block;

}



ul#vmenu li a:hover{

	background-position: bottom;

}



li#mvSociete a {

	width: 101px;

	height: 24px;

	background: url('./../images/mv_societe.jpg') no-repeat;

}



li#mvEquipe a {

	width: 101px;

	height: 25px;

	background: url('./../images/mv_equipe.jpg') no-repeat;

}



li#mvProduits a {

	width: 108px;

	height: 24px;

	background: url('./../images/mv_produits.jpg') no-repeat;

}



li#mvCompetences a {

	width: 125px;

	height: 25px;

	background: url('./../images/mv_competences.jpg') no-repeat;

}



li#mvReferences a {

	width: 125px;

	height: 24px;

	background: url('./../images/mv_references.jpg') no-repeat;

}



li#mvPartenaires a {

	width: 139px;

	height: 24px;

	background: url('./../images/mv_partenaires.jpg') no-repeat;

}



li#mvTemoignages a {

	width: 158px;

	height: 25px;

	background: url('./../images/mv_temoignages.jpg') no-repeat;

}



li#mvContact a {

	width: 158px;

	height: 26px;

	background: url('./../images/mv_contact.jpg') no-repeat;

}



div#lastSite1, div#lastSite2 {

	margin: 15px 0 0 0;

	padding: 0 0 0 11px;

	width: 140px;

}



div#lastSite1 span, div#lastSite2 span {

	color: #DB9875;

	font-size: 10px;

}



/**

* Zone chaude / colonne centrale

*/



div#centerColumn {

	margin: 0;

	padding: 0 18px;

	width: 563px;

	min-height: 515px;

	float: left;

}



div#content {

	margin: 0;

	padding: 0 0 0 5px;

	width: 540px;

	min-height: 530px;

	position: relative;
	
	text-align:justify;

}



/**

* Zone chaude / colonne centrale / produits

*/



div#product {

	margin: 10px 0 0 0;

	padding: 0;

	width: 563px;

	height: 149px;

	position: relative;

}



div#productOne {

	margin: 0;

	padding: 0;

	width: 186px;

	height: 149px;

	float: left;
		background: url('./../images/product1.jpg') top no-repeat;

}



div#productOne a {

	margin: 0;

	/*padding: 180px 9px 0 7px;*/

	width: 170px;



	text-decoration: none;

	display: block;

}



div#productOneDescription {

	float:left;

	margin: 0 10px 0 0;

	padding: 180px 9px 0 7px;

	margin-left:20px;

	width: 170px;

	height: 100px;

	background: url('./../images/product1_2.jpg') top no-repeat;



}







div#productPackage {

	float:right;

	margin:0;

	width: 300px;

	min-height: 40px;

	font-size:11px;

	margin-left:5px;

	padding:10px;

	border-top: 1px solid #F5BA56;

	

}



div#productPrice {

	float:left;

	margin: 0;

	padding: 5px 9px 0 7px;

	margin-left:20px;

	width: 170px;

	min-height: 50px;

	font-size:11px;

	border-left: 1px solid #F5BA56;



}



div#productTwo {

	margin: 0;

	padding: 0;

	width: 200px;

	height: 149px;

background: url('./../images/product2.jpg') top no-repeat;

	float: left;

}



div#productTwo a {

	margin: 0;

	/*padding: 180px 21px 0 14px;*/

	width: 165px;

	

	text-decoration: none;

	display: block;

}



div#productTwoDescription {

	float:left;

	margin: 0 10px 0 0;

	padding: 180px 9px 0 7px;

	margin-left:20px;

	width: 170px;

	height: 100px;

	background: url('./../images/product2_2.jpg') top no-repeat;



}



div#productThree {

	margin: 0;

	padding: 0;

	width: 177px;

	height: 149px;

	float: left;
	
	background: url('./../images/product3.jpg') top no-repeat;

}



div#productThree a {

	margin: 0;

	/*padding: 180px 5px 0 5px;*/

	width: 167px;

	

	text-decoration: none;

	display: block;

}



div#productThreeDescription {

	float:left;

	margin: 0 10px 0 0;

	padding: 180px 9px 0 7px;

	margin-left:20px;

	width: 170px;

	height: 100px;

	background: url('./../images/product3_2.jpg') top no-repeat;



}



div#productThree a, div#productTwo a, div#productOne a {

	height: 84px;

	color: #908874;

	font-size: 11px;

}



div#productThree a:hover, div#productTwo a:hover, div#productOne a:hover {

	text-decoration: none;

	background-position: bottom;

}



div#description {

	float:left;

	font-size: 11px;

	padding: 5px 9px 0 7px;

	margin-left:20px;

	width: 550px;

	min-height: 100px;

	border-left: 1px solid #CCCCCC;

	display: block;

}



div#contact {

	float:left;

	font-size: 11px;

	padding: 5px 9px 0 7px;

	margin-left:20px;

	width: 550px;

	min-height: 100px;

	border-left: 1px solid #CCCCCC;

	display: block;

}



/**

* Zone chaude / colonne centrale / actus

*/



div#actus {

	margin: 26px 0 0 0;

	padding: 24px 0 0 0;

	width: 563px;

	background: url('./../images/t_actus.jpg') no-repeat;

	position: relative;

}



a#btnRss {

	margin: 0;

	padding: 0;

	width: 18px;

	height: 18px;

	top: 0;

	right: 0;

	position: absolute;

}



.actus {

	margin: 15px 0 0 0;

	padding: 0;

	width: 563px;

}



.calendar {

	margin: 0;

	padding: 0;

	width: 46px;

	height: 50px;

	background: url('./../images/calendar.jpg') no-repeat;

	float: left;

}



.month {

	margin: 2px 0 0 0;

	padding: 0;

	width: 46px;

	color: #C95210;

	text-align: center;

}



.day {

	margin: 5px 0 0 0;

	padding: 0;

	width: 46px;

	font-weight: bold;

	font-size: 18px;

	text-align: center;

}



.headerActu {

	margin: 0 0 0 8px;

	padding: 0;

	width: 509px;

	border-bottom: 1px solid #F2F2F2;

	float: right;

}



.titleActu {

	margin: 0;

	padding: 0;

	width: 509px;

	font-weight: bold;

}



.createdAt {

	margin: 0;

	padding: 0;

	width: 509px;

	color: #C6C7C7;

	font-size: 11px;

}



.contentActu {

	margin: 6px 0 0 8px;

	padding: 0;

	width: 509px;

	float: right;

}



.contentActu a {

	font-size: 11px;

	line-height: 21px;

}



/**

* Zone chaude / colonne de droite

*/



div#rightColumn {

	margin: 0;

	padding: 21px 0 0 0;

	width: 166px;

	min-height: 519px;

	float: right;

}



/**

* Zone chaude / colonne de droite / accès client

*/



div#clientAccess {

	margin: 0;

	padding: 0 0 2px 0;

	width: 166px;

	min-height: 100px;

	background: url('./../images/gradient.jpg') bottom repeat-x;

	position: relative;

}



div#clientAccess h4 {

	margin: 0;

	padding: 0;

	width: 166px;

	height: 21px;

	text-indent: -9999px;

	background: url('./../images/t_client_access.jpg') no-repeat;

}



div#clientAccess form, div#newsletter form {

	margin: 5px 0 0 0;

	padding: 0 5px;

	width: 156px;

}



div#clientAccess label, div#newsletter label {

	width: 156px;

	font-size: 10px;

	float: left;

}



div#clientAccess input, div#newsletter input {

	border: 1px solid #DDD;

	float: left;

}



.btnOk {

	margin: -3px 0 0 5px;

	border: none !important;

}



/**

* Zone chaude / colonne de droite / newsletter

*/



div#newsletter {

	margin: 0;

	padding: 28px 0 2px 0;

	width: 166px;

	min-height: 68px;

	background: url('./../images/gradient.jpg') bottom repeat-x;

	position: relative;

}



div#newsletter h4 {

	margin: 0;

	padding: 0;

	width: 166px;

	height: 19px;

	text-indent: -9999px;

	background: url('./../images/t_newsletter.jpg') no-repeat;

}



/**

* Zone chaude / colonne de droite / tchat

*/



div#tchat {

	margin: 0;

	padding: 28px 0 0 0;

	width: 166px;

	min-height: 277px;

	color: #616162;

	font-size: 10px;

	background: url('./../images/tchat.jpg') bottom no-repeat;

	position: relative;

}



div#tchat h4 {

	margin: 0;

	padding: 0;

	width: 166px;

	height: 19px;

	text-indent: -9999px;

	background: url('./../images/t_tchat.jpg') no-repeat;

}



a#tchatHelp {

	margin: 0;

	padding: 0;

	top: 31px;

	right: 0;

	color: #F5BA56;

	font-size: 10px;

	position: absolute;

}



div#messages {

	margin: 21px 12px 12px 12px;

	padding: 0;

	width: 142px;

	height: 129px;

	overflow: auto;

}



.dateTchat {

	color: #B4B7B8;

}



.userTchat {

	color: #909597;

	font-weight: bold;

	font-size: 11px;

}



.netdTchat {

	color: #FFBA01;

	font-weight: bold;

	font-size: 11px;

}



div#tchat input {

	margin: 7px 12px;

	padding: 0;

	width: 140px;

	color: #626161;

	font-size: 11px;

	background: none;

	border: none;

}



a#btnTchat {

	margin: 2px auto 0 auto;

	padding: 0 0 0;

	width: 32px;

	height: 32px;

	cursor: pointer;

	display: block;

	background: url('./../images/btn_tchat.jpg') top no-repeat;

}



a#btnTchat:hover {

	background-position: bottom;

}



/**

* Footer

*/



div#footer {

	margin: 0 35px;

	padding: 0;

	width: 930px;

	height: 50px;

	background: url('./../images/logos_normes.jpg') no-repeat;

	border-top: 1px solid #F5BA56;

	position: relative;

}



div#footer ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



div#footer li {

	margin: 0;

	padding: 0;

	text-align: right;

	color: #000;

}



.fLink, .fLink a {

	color: #909597 !important;

}

div#contact {
float:left;
width:516px;
min-height:229px;
}

/** Calculatrice devis */

div#calculatricedevis { 
float:left;
width:516px;
height:229px;
background: url('./../images/calculatrice.jpg') no-repeat; 
}

div#estimation { 
float:left;
width:491px;
height:90px;
background: url('./../images/calculatrice_2.jpg') no-repeat; 
margin-bottom:10px;
}

div#temoignage { 
float:left;
width:552px;
min-height:100px;
/*background: url('./../images/christopheTemoignages.jpg') no-repeat; !important;*/
margin-bottom:10px;
}