/**
 * @author La Haute Société
 * @date 26/05/09
 * 
 * @projet NOESIS
 * 
 * @description
 * 		Feuille de style par défaut
 * 
 * @infos
 * 		CSS Générale du site
 */

#Header #menu #accueil{
	margin-left: 30px;
}
#Header #menu #home{
	margin-left: 50px;
}


/*** GENERAL ***/
html{
	overflow-y: scroll;
}
*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	/*color:#727070;*/
	color:#555555;
	font-size:12px;
	position:relative;
	background-repeat:no-repeat;
	text-decoration:none;
}
img{
	border: none;
}
body{
	background-color: #d0cece;
	height:100%;
	width:100%;
  	text-align : center;
}
#ALL {
	width: 950px;
	margin: auto;
  	text-align : left;
	background-color: #ffffff;
}

/* POLICES */
p{
	display:block;
}
a:hover{
	color: #e02c2c;
}
h1{
	
}
h2{
	font-size: 18px;
	color: #e02c2c;
}
h3{
	font-size:16px;
	color: #e02c2c;
}
h4{
	font-size:13px;
	margin-bottom:5px;
}
#Content a, #ariane a{
	text-decoration: underline;
}
/* COULEURS */
.black{
	color: #000000;
}
.grey{
	color: #626161;
}
.red, .red p, .red a{
	color: #e02c2c;
}


.underline{
	text-decoration: underline;
}
/* TAILLES */
.size11{
	font-size: 11px;
}
.size12{
	font-size: 12px;
}
.size13, .size13 p, .size13 a{
	font-size: 13px;
}
.size14, .size14 p, .size14 a{
	font-size: 13px;
}
.size16, .size16 a{
	font-size: 16px;
}
.size20{
	font-size: 20px;
}
.size31{
	font-size: 31px;
}
.blackBold{
	color:black;
	font-weight: bold;
}
.bold{
	font-weight: bold;
}

/* MISE EN PAGE */
.zIndex0{
	z-index: 0;
}
.zIndex2{
	z-index: 2;
}
.justify{
	/*text-align: justify;*/
}
.center{
	text-align: center;
}
.alignLeft{
	text-align: left;
}
.floatLeft{
	float: left;
}
.alignRight{
	text-align: right;
}
.middle{
	vertical-align: middle;
}
.clear{
	clear:both;
}
.hidden{
	visibility: hidden;
}

/* ESPACEMENTS */
.spacer{
	height: 10px;
	clear:both;
}
.spacerH{
	padding-right:10px;
}

/* LISTES */
ul{
	list-style-type:none;
}
#Content ul{
	list-style-type: disc;
	margin-left: 20px;
}
#Content .puceRed,.puceRed li{
	list-style-image: url("../img/carreRed.png");
	list-style-position: inside;
	margin-left: 0px;
}
.puceRed li a, .puceRed li p{
	margin-left: 10px !;
}

select{
	border: 1px solid;
}
tbody{
	vertical-align:top;
	display: block;
}
ul.noPuce li{
	list-style-type:none;
}
#Content ul li{
	margin-top: 5px;
}
#Content ul.noLiMargin li{
	margin-top: 0px;
}
/*************/


/*** HEADER ***/
#Header {
	height:150px;
	z-index:2;
}
/* Bandeau */
#Header #bandeau{
	height:100px;
	left:0px;
	margin-bottom:12px;
	overflow:hidden;
	width:950px;
}
#Header #bandeau > a{
	float: left;
}
/* Menu */
#Header #menu{
	height:25px;
	/*background-image: url("../img/menu/fondMenu.jpg");*/
	position:absolute;
	z-index: 2;
	background-color: #e02c2c;
	width: 100%;
}
#Header #menu li{
	float:left;
	list-style-type:none;
	z-index:1;
	height: 25px;
	vertical-align: middle;
	background-color: #e02c2c;
	vertical-align: top;
	display: block;
	position: relative;
}
#Header #menu li a{
	z-index:2;
	text-align: center;
	color: white;
	display: block;
	padding: 0 3px;
	font-family: klill;
	font-size: 12pt;
	height: 25px;
	top:-2px;
}

#Header #menu li .ssMenu{
	position: relative;
	clear:both;
}
#Header #menu li .ssMenu li{
	width:150px;
	clear:both;
	float: left;
	display: block;
}
#Header #menu li .ssMenu li a{
	text-align: left;
}
#Header #menu li a img{
	vertical-align: top;
	margin-top:6px;
}
/* Langue */
#menu_langues{
	float:right;
	margin-top:-18px;
	margin-right: 10px;
}
/* Sous menus */
.ssMenu {
	padding: 0;
	list-style: none;
	width:5px;
	height:2px;
	/*display: none;*/
	visibility: hidden;
	z-index:2; 
}
.ssMenu li {
	float:left;
	height:25px;
	z-index:2; 
	border-top: 1px solid #ffffff;
}
/* 
 * Pour les images des liens + roll over, cf "css/menu_fr.css" ou "css/menu_en.css"
 */

/* Fil d'ariane */
#Header #ariane{
	font-size: 11px;
	margin-left: 40px;
	margin-top: 26px;
	position: absolute;
}
#ariane p, #ariane a{
	font-size: 11px
}
/*************/


/*** CONTENT ***/
#Content {
	width: 100%;
	display: block;
	z-index: 0; 
	margin-left: 30px;
	/*	padding-right:32px; */
	width: 890px;
	min-height: 535px;
	height: 100%!;
}
.plus{
	float:right;
	bottom:0px;
	right:0px;
}
.plus a{
	color:#e02c2c;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.plus a img{
	margin-left:7px;
	vertical-align:middle;
	text-decoration:none;
}


/* ENCART */
.onglet{
	float: left;
	height: 21px;
}
.onglet h3{
	margin: 2px 15px 0;
}
.encart, .encartTitre{
	background-color: #fff;
}
.encart .content, .encartTitre .content{
	margin-left: 11px;
	padding-right: 11px;
	padding-top: 11px;
}
/* exeptions */
	#encartDescription{
		height: 530px;
	}
	#encartDescription .content{
		margin-top: -11px;
	}
.encartTitle .content{
	margin-top: 11px;
}
.encartTitle .content .savoirPlus{
	padding-bottom: 11px;
}
.savoirPlus{
	bottom: 0;
	height: 10px;
	position: absolute;
	right: 0;
	width: 250px;
	text-align: right;
}
.encartTitre .savoirPlus{
	height: 21px;
}
#Content .savoirPlus a,#Content  .download a,#Content  .downloadPdf a{
	color:#e02c2c;
	font-size:13px;
	font-weight:bold;
	z-index:1;
	text-decoration:none;
}
.savoirPlus a img{
	margin-left:7px;
	vertical-align:text-top;
	text-decoration:none;
}
.download a img{
	padding-left:7px;
	vertical-align:middle;
	text-decoration:none;
}
.downloadPdf img{
	vertical-align: middle;
}
/* spec */
	#encartCollective .savoirPlus{
		width:250px;
		bottom: 11px;
	}

/* Partie FullLargeur */
.fullContent{
	width: 890px;
}
/* --- */

/* Partie SmallLargeur */
.leftContent{
	width: 625px;
	display: bloc;
}
/* --- */

/* Partie SideBar */
.rightContent{
	/*width: 250px;*/
	padding-left: 10px;
	/*padding-right: 60px;*/
	padding-right: 30px;
	vertical-align: top;
	
}
.rightContent .encart, .rightContent .encartTitre{
	margin-top:21px;
	/*padding-bottom:23px;*/
	padding-bottom:41px;
	padding-bottom:37px!;
	width:250px;
}
.rightContent .encart .left, .rightContent .encartTitre .left{
	float:left;
	margin-right:10px;
}

#Content .rightContent #encartModules ul {
	margin-bottom: -20px;
	margin-bottom: -0px!;
}
/* --- */


/*** FOOTER ***/
#Footer {
	background-color:#797979;
	height:27px;
	width:950px;
	margin:auto;
}
#Footer img{
	display:block;
	float:left;
	height:20px;
	margin-left:7px;
	margin-top:2px;
	width:19px;
}
#Footer p{
	color:#FFFFFF;
	float:left;
	font-size:10px;
	margin-left:11px;
	margin-top:6px;
}
#Footer a{
	color:#FFFFFF;
}
#Footer a:hover{
	color: #E02C2C;
}
/*************/


/* Encart contact */
#encartContact{
	height: 120px;
}
#encartContact p, #contactDistrib p{
	margin-bottom: 5px;
}
#coord{
	/*margin-top: 10px;*/
	margin-left:85px;
	margin-left:0px!;
	position:absolute;
	width:400px;
}
#coord #distrib{
	display:block;
	margin-top:5px;
}
#coord > a > img{
	margin-top: 2px;
}


/* Style des beaux tableaux */
.tableau{
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: center;
	border-spacing: 0;
	background-color: #ffffff;
}
.tableau .grey{
	background-color: #e2e1e1;
}
.tableau tr th, .tableau tr td{
	border: 1px solid  #e8e8e8;
	vertical-align: middle;
	text-align: center;
	position: static;
}
/*************/


/* Cadre pour arondis */
.cadre, .cadre .cc, .title .cadre .cc{
	background-color: #e8e8e8;
}
.title{
	margin-top: -22px;
	height:	22px;
}
.title .cc{
	background-color: #e8e8e8;
	margin-top:2px;
	text-align:center;
	margin-left: 11px;
	background-color: white;
	height: 22px;
}
#encartMulti .title .cc{
	margin-left: 5px;
	/*
	margin-left:0;
	padding-left:5px;
	padding-right:5px;
	*/
}
/*************/

#encartMulti{
	margin-top:-42px;
	position:absolute;
	width:622px;
	top: -63px !;
	/*z-index: -1;*/
}
#encartMulti .savoirPlus{
	width:	310px;
}
#encartMulti .savoirPlus img{
	margin-left: 0;
}
#encartMulti .content{
	height:260px;
}
#encartMulti .title{
	cursor: pointer;
}
#encartMulti .title .cadre{
	height: 13px;
}
#encartMulti #cadreDescription .cc > h4{
	background-color: #E8E8E8;
	padding-bottom:	4px;
}
#encartMulti #onglet1{
	margin-left: 246px;
	z-index: 3;
}
#encartMulti #onglet2{
	margin-left: 332px;
	z-index: 2;
}
#encartMulti #onglet3{
	margin-left: 444px;
	z-index: 1;
}
#encartMulti .text{
	margin-left: 250px;
	width: 340px;
	margin-top: 10px;
	height: 260px;
	height: 270px!;
}
#encartMulti .savoirPlus{
	right: 0px;
	margin-right: -20px;
	/*left: 270px!*/
}
#encartMulti #texte2, #encartMulti #texte3{
	display: none;
}
#encartMulti #imgEncartMulti{
	position: absolute;
	top: 55px;
	left: 15px;
}
#ficheProd .leftContent{
	height: 525px;
}
#ficheProd .rightContent{
	padding-top: 12px;
}
#titreProduit{
	padding-left:30px;
	padding-top:50px;
}
#imgProd{
	position: absolute;
	z-index: 1;
	margin-top: 4px;
	margin-left: 34px;
}


/* POPUP */
#popup{
	width: 550px;
	height: 480px;
	text-align:left;
}
#popup .bloc{
	width: 520px;
	margin-bottom: 15px;
}
#popup .bloc .img{
	padding-left: 11px;
	width: 200px;
	padding-bottom:5px;
	padding-top:5px;
}
#popup .bloc .texte{
	width: 280px;
	display: block;
	margin-right: 11px;
}
#popup .bloc .texte > p, #popup .bloc .texte > a{
	width: 280px;
	display: block;
	margin-bottom:5px;
}
#popup .bloc .fullText > p, #popup .bloc .fullText > a{
	width: 480px;
	display: block;
	margin-left: 10px;
}
#popup .bloc .fullText > a:hover span{
	color:#e02c2c;
}
.scroll-pane {
	width: 550px;
	height: 480px;
	overflow-y: auto;
	overflow-x: hidden;;
	left:0;
}
#popup .bloc{
	display: block;
}

#popup .download{
	margin-bottom:9px;
	margin-right:15px;
	text-align:right;
	margin-top:-22px;
}
.title-bar > h2{
	float:left;
	margin-bottom: 10px;
}

.title-bar > a.download{
	margin-right:35px;
	float: right;
	font-weight: bold;
	margin-bottom: 10px;
}
.title-bar > a.download img{
	vertical-align: middle;
}
.boxy-wrapper .title-bar{
	margin-bottom: 20px;
	width: 550px;
}

/* Dev sur Mesur */
#encartDomaines{
}
#encartDomaines .content{
	width: 235px;
}
#encartDomaines .item, #encartDomaines .item img, #encartDomaines .item .texte{
	float: left;
}
#encartDomaines .item{
	width: 271px;
	padding: 0 10px 20px 10px;
}
#encartDomaines .item a{
	display:block;
	width:70px;
	height:70px;
	float:left;
	position:relative
}
#encartDomaines .item .texte{
	width: 184px;
	margin-left: 10px;
}
#encartDomaines table{
	display: none;
}
#encartDomaines #choix h4{
	float: left;
	margin-right: 10px;
}
#encartDomaines #choix{
	margin-top: 10px;
	margin-left: 10px;
}
.pictoPlay{
	position:absolute;
	top:20px;
	left:20px;
}


/* Visilog */
.linkVersions{
	font-size: 12px;
	margin-top: 9px;
	margin-left: -3px;
	position: absolute;
	width: 125px;
}
#tabVersion{
	width:894px;
}
#tabVesions p, #tabVesions a, #tabModules p, #tabModules a{
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	margin-left:24px;
}
#tabVesions tr th p, #tabVesions tr th a, #tabModules tr th p, #tabModules tr th a{
	text-align: center;
	margin-left:0;
}
#tabVesions tr th, #tabModules tr th{
	height: 42px;
}
#tabVesions tr td, #tabModules tr td{
	height: 22px;
}
#tabVesions tr th h3, #tabModules tr td p, #tabModules tr td a, #tabModules tr th h3{
	text-align: left;
	margin-left:24px;
	display:block;
}
#ficheProd #blocImg{
	height:270px;
	width:170px;
}
#ficheProd #encartDeveloppement{
	height: 100px;
}
#Content #encartModules a{
	text-decoration: none;
}
#encartViewer, #encartLite, #encartXpert, #encartToolKit{
	cursor: pointer;
}
#encartViewer p, #encartLite p, #encartXpert p, #encartToolKit p{
	margin-bottom: -25px;
	margin-bottom: 0!;
	margin-left:55px;
	width:160px;
}
#encartViewer img.left, #encartLite img.left, #encartXpert img.left, #encartToolKit img.left{
	width: 40px;
	height: 48px;
}
#popupModules h3{
	margin-bottom: 10px;
}
#popupModules p{
	margin-bottom: 5px;
}
#popupModules img{
	margin: 20px 0;
}
#popupModules img.center{
	text-align: center;
	margin: 10px auto;
	display: block;
}


/* Produit dédié */
.fullContent .bloc{
	width: 425px;
	padding-right: 29px;
	padding-bottom: 19px;
	/*
	height: 150px;
	*/
}
.fullContent .bloc .item{
	width: 425px;
	height:100%;
}
.fullContent .bloc .item .texte{
	display: block;
	width: 300px;
	margin-top:10px;
	float: left;
}
.fullContent .bloc .item img{
	float:left;
	margin:12px 10px 10px;
}
.fullContent .bloc .download{
	/*
	margin-top: 0px;
	text-align:right;
	margin-bottom: -15px;
	margin-right: -13px;
	margin-right: -4px!;
	margin-bottom: -12px!;
	*/
	/*
	margin-bottom: -10px;
	margin-right:-15px;
	margin-top: 5px;
	text-align:right;
	*/
	bottom:0;
	margin-bottom:-11px;
	position:absolute;
	right:0;
}
.fullContent .bloc .download img{
	float: none;
	margin: 0;
	margin-top:-1px!;
}

/* Suports */
#encartSupport li{
	margin-left: 20px;
	margin-top: 5px;
	list-style-type: disc;
}


/* Nos Clients */
#clients{
	width: 890px;
}
#clients #content{
	margin-left: 25px;
}
#clients tr td{
	padding-bottom: 1px;
}
#vrac img{
	padding:12px 10px 0;
}

/* Publications */
#publications #content{
	padding-left: 30px;
}
#publications .categorie{
	width: 800px;
	display: none;
}
#publications #choix{
	width: 800px;
}
#publications #choix h4{
	float: left;
	margin-right: 10px;
}
#publications .item{
	width: 785px;
	margin-left: 15px;
	display: block;
	border-top: 1px solid #cbcbcb;
	padding: 5px 0 5px 0;
	min-height: 70px;
}
#publications .item .texte{
	width: 500px;
	margin-right: 130px;
}
#publications .item img{
	display: block;
	height: 70px;
	width: 70px;
	float: right;
}

/* Download */
#textDownload{
	width: 600px;
	z-index:1;
	
}
#tabDownload{
	margin-right: 40px;
}
#tabDownload, #tabDistance{
	width: 425px;
	float: left;
}
#tabDownload tr th, #tabDistance tr th{
	height: 35px;
}
#tabDownload tr td, #tabDistance tr td{
	padding-top: 5px;
	padding-bottom: 5px;
}

#downloadForm{
	margin-top: 20px;
	margin-bottom: 30px;
}
#downloadForm tr td{
	height: 30px;
	padding-left: 50px;
}
#downloadForm tr .noMargin,#downloadForm tr .info{
	padding-left: 0;
}
#downloadForm table{
	width:792px;
	margin-top:10px;
}
#downloadForm table tr td p{
	float: left;
	margin-right: 10px;
}
#downloadForm table tr td input{
	z-index: 1;
	/*border-color: #727070;*/
	border-color: #555555;
	border-width: 1px;
	border-style: solid;
	float: right;
}
#downloadForm table tr td .error input{
	border: none;
	height: 13px;
	width: 13px;
}
#downloadForm table tr .info p{
	background-color: #797979;
	color: #ffffff;
	font-size:10px;
	margin-left:17px;
	margin-top:-18px;
	position:absolute;
	z-index:1;
	width: 200px;
	margin-top:0!;
	margin-left:0!;
	display: none;
}
#downloadForm button{
	border: none;
	color: #ffffff;
	background-color: #e02c2c;
	cursor: pointer;
}
.error{
	background-color: transparent;
	height: 13px;
	width: 13px;
	padding:1px;
	float: left;
	margin-right:4px;
}


/* About Noesis */
#clients .center, #noesis .center{
	vertical-align: middle;
	position: static;;
}
#mapParis, #mapCrolles{
	height:265px;
	width:550px;
}

/*Contact */
.blocInfo{
	margin-left: 20px;
	margin-right: 50px;
	float: left;
}
#contactGeneral #contact{
width:890px;
height: 50px;;
}

/* Distributeurs */
#europe tr td tr td, #asie tr td tr td, #amerique tr td tr td{
	padding-bottom: 20px;
}
#europe tr td p, #asie tr td p, #amerique tr td p{
	width: 290px;
}


/* Sitemap */
#sitemap{
	margin: 0;
	padding:0;
}
#sitemap li{
	margin-left: 20px;
	margin-bottom: 20px;
}
#sitemap li ul{
	margin-top: -15px;
	margin-top: -30px!;
}
#sitemap li ul li{
	margin-left: 40px;
	margin-bottom: 0px;
}
#Content #sitemap li{
	list-style-type: none;
}

/* Recherche google */
.GoogleSearch{
	float:right;
	top:-23px;
	margin-right:63px;
	margin-right:11px!;
}

/* Ajout ACL pour les News */
.tabul{
	Margin-left :10px;
	Margin-right :10px
}