/**
 * @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;
	clip: rect(auto,auto,10,auto);
}
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;
}
h5{
	font-size:13px;
	margin-top:5px;
	margin-bottom:2px;
}
#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;
}
/*************/




	#texteDeroulant {
		
			width: 605px;
			font-size:16px;
			color: #e02c2c;


			}
		#texteDeroulant a, #texteDeroulant span {
			display: block;
			padding: 0px 10px;
			color: #fff;
			text-decoration: none;
	
			font-size:16px;
			color: #e02c2c;
			font-family:Arial, Helvetica, sans-serif;
			  font-weight : bold; /*on met le texte en gras */


			border:1px solid black;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px
 
			list-style :none;

			left : -50px; 
			
			outline:none;

			}
			
			
		#texteDeroulant ul li{
			margin-top: 5px;
			/*color: #CCC;*/
		/*	list-style-type:none;*/
			 margin-left: 0;
    		padding-left: 3em;

		}

			
		#texteDeroulant .toggleSubMenu a, #texteDeroulant .toggleSubMenu span {
			background: #e2e1e1 url(../img/plusCarre.png) right bottom no-repeat;						 
			background: #e2e1e1 url(../img/plusCarre.png) right bottom no-repeat;\9; /* IE8 et versions inférieures */	
		}

		
		#texteDeroulant .open a, #texteDeroulant .open span {
			background: #e2e1e1 url(../img/moinsCarre.png) right bottom no-repeat;
			background: #e2e1e1 url(../img/moinsCarre.png) right bottom no-repeat;\9; /* IE8 et versions inférieures */
		}


	


/*  Gros encadré qui contient toute les puces*/
		#texteDeroulant .subMenu {
			/*	background: #ccc url(../img/plus.png) right bottom  no-repeat;*/
			background: #fff url(r.png) right bottom  no-repeat;	
			margin: 0;
			list-style-type :none;
			border: 0px solid #666;
			padding: 1px 30px;								
			left : -40px; 	
			width: 585px;
		}
		
		#texteDeroulant ul.subMenu a {
			background: #e2e1e1 url(../img/plusCarre.png) right bottom no-repeat;
			background: #e2e1e1 url(../img/plusCarre.png) right bottom no-repeat\9;
			padding: 3px 20px;
			font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:normal;
				color: #000;
				list-style :none;
			}
			
			
		
		#texteDeroulant .subsubMenu {
			/*	background: #ccc url(../img/plus.png) right bottom  no-repeat;*/
			background: #fff url(r.png) right bottom  no-repeat;	
			margin: 0;
			list-style:none;
			border: 0px solid #666;
			padding: 1px 30px;								
			left : -40px; 	
			width: 565px;
		}
		
		#texteDeroulant ul.subsubMenu a {
			background: none;
			padding: 3px 20px;
			font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:normal;
				color: #000;
				list-style :none;
						border: 0px solid #666;
			}
			
		 a commande {
			
			color: #000099;			
			font-weight:bold; 
		}
			








/*** HEADER ***/
#Header {
	height:150px;
	z-index:2;
}
/* Bandeau */
#Header #bandeau{
	height:100px;
	left:0px;
	margin-bottom:12px;
/*	overflow:hidden; */
	width:950px;

	_width:953px;
}
#Header #bandeau > a{
	float: left;
}



/* Menu */
#Header #menu{
	/*background-image: url("../img/menu/fondMenu.jpg");*/
	height:25px;	
	position:absolute;
	z-index: 2;
	background-color: #e02c2c;
	width: 100%;
	

	
}
#Header #menu li{
	float:left;
	z-index:1;
	height: 25px;
	vertical-align: middle;
	background-color: #e02c2c;
	vertical-align: top;
	display: block;
	position: relative;
	
	list-style-type:none;
	/* Ajout pour IE6 */
	_width: 30px;	
}
#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: absolute;
	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;
}







/* Menu COMPATIBLE */

 #menucomp /* Ensemble du menu */
{
       /*  font-weight : bold; on met le texte en gras */

		position:absolute;
		z-index: 2;
		height: 25px;
		width: 100%; 
		background-color: #e02c2c;
		text-align:center;

}

 #menucomp, #menucomp ul /* Liste */     
{      
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 25px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		top:115x;						
}


 #menucomp  > li.home a
 {
	 background     : url("../img/home_up.jpg") no-repeat;	
	 background-position:right;
	 width: 30px; 
	 height: 22px; 
	 	 
}



 #menucomp  > li.home a:hover   
{
 	background     : url("../img/home_down.jpg") no-repeat;
	background-position:right;
 	width: 30px; 
 	height: 25px; 
}




 #menucomp li a
 {
	 font-size: 13pt; 
	 
	font-family: klill;

	height: 25px;
	vertical-align: top;
	text-align: left;
	color: white;
	display: block;
	padding: 0 3px;
  	z-index:2;
  
  	?font-size: 11pt;
	?font-family: arial;
 }

 #menucomp li a img{
	vertical-align: top;
	margin-top:6px;
}

 #menucomp a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0 3px; /* aucune marge intérieure */
        background : #e02c2c; /* couleur de fond */        
        color : #fff; /* couleur du texte */
    	text-decoration : none; /*     on supprime le style par défaut des liens (la plupart du temps = souligné) */
        ?width : 100px; /* largeur */	z-index:1;	     
}

 #menucomp li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 0px solid #fff; /* on met une bordure blanche à droite de chaque élément */	
		vertical-align: top;
		list-style-type:none;
		
	z-index:2;
}

/* IE ne reconnaissant pas le sélecteur ">" */
 html>body #menucomp li
{
        border-right: 0px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

 #menucomp li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width:150px; /* Largeur des sous-listes */
		top:25px;
        left: -999em; /* Hop, on envoie loin du champ de vision */
		clear:both;
		
}


 #menucomp li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		width:150px; /* Largeur des sous-listes */
}

/* IE ne reconnaissant pas le sélecteur ">" */
 html>body #menucomp li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

 #menucomp li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
 html>body #menucomp li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

 #menucomp a:hover /* Lorsque la souris passe sur un des liens */    
{
        background: #900; /* ... et au contraire, le fond en blanc */
}
 
 #menucomp li:hover ul ul, #menucomp li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

 #menucomp li:hover ul, #menucomp li li:hover ul, #menucomp li.sfhover ul, #menucomp li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
 
























/* Langue */
#menu_langues{
	float:right;
	margin-top:-18px;
	margin-right: 10px;
}
/* Sous menus */
.ssMenu {
	padding: 0;
	list-style: none;
	width:5px;
	height:2px;
	visibility: hidden;
	z-index:2; 
		/*display: none;*/
}
.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;
	_margin-top: 50px;	/* IE6 */
}
#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;
	_margin-top: 0px; /* moche sous IE6 */
	
}
.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;
	_margin-top: -22px;
}
#encartMulti #onglet2{
	margin-left: 332px;
	z-index: 2;
	_margin-top: -22px;
}
#encartMulti #onglet3{
	margin-left: 444px;
	z-index: 1;
	_margin-top: -22px;
}/*
#encartMulti #onglet4{
	margin-left: 294px;
	z-index: 3;
	_margin-top: -22px;
}
#encartMulti #onglet5{
	margin-left: 380px;
	z-index: 2;
	_margin-top: -22px;
}
#encartMulti #onglet6{
	margin-left: 286px;
	z-index: 3;
	_margin-top: -22px;
}
#encartMulti #onglet7{
	margin-left: 372px;
	z-index: 2;
	_margin-top: -22px;
}
#encartMulti #onglet8{
	margin-left: 451px;
	z-index: 1;
	_margin-top: -22px;
}
*/
#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
	
		overflow-y: auto;
	overflow-x: hidden;;
	
	
}
#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;
	
	_margin-bottom:0px;
}
.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
}









/* VisilogOnLine */



input.VOL-valider[type=submit], input.VOL-valider[type=reset] {
	height: 30px;  
	width: 116px;
 	background-image:url(../img/button_base.png);
	 cursor:pointer;
 	display: block;  
	color:white;
 }
 
input.VOL-valider[type=submit]:hover, input.VOL-valider[type=reset]:hover {

  background-image:url(../img/button_base.png);
  background-color:#E6E6E6;
   color:#F60;
 }
 
input.VOL-valider[type=submit]:active, input.VOL-base[type=reset]:active {
 border:0px inset #A6BEDE;
 background-color:none;
 color:#F60;
 } 






a.commander {

  	height: 30px;  
	width: 124px;
	
	font-weight:bold;
 	color:#FFF;
	text-align:center;
 	background-image:url(../vol/images/button_commande.png);
	display: block;  

}

a.commander:hover {

 color:#F60;
	background-image:url(../vol/images/button_commande.png);
}


a.VOL-base {
	float: left;
	 height: 30px;  
	width: 116px;
	background-image:url(../img/button_base_gris.png);
	color:#FFF;
	font-weight:bold;
	display: block;  
}

a.VOL-base:hover {
	color:#F60;
 border:0px outset white;
 background-color:white;
 background-image:url(../img/button_base_gris.png);
}


input.VOL-base[type=submit], input.VOL-base[type=reset] {
	float: left;
	height: 30px;  
	width: 116px;
 	background-image:url(../img/button_base_gris.png);
	 cursor:pointer;
	 BACKGROUND-POSITION: center 50%;
	color:white;
 }
 
input.VOL-base[type=submit]:hover, input.VOL-base[type=reset]:hover {
color:#F60;
  background-image:url(../img/button_base_gris.png);
  background-color:#E6E6E6;
 }
 
input.VOL-base[type=submit]:active, input.VOL-base[type=reset]:active {
	
 border:0px inset #A6BEDE;
 background-color:none;
color:#F60;
 } 
 




a.resultat-visualiser {

  	height: 30px;  
	width: 34px;
	background-image:url(../vol/images/button_up_visualiser.png);
	display: block;  
}
a.resultat-visualiser:hover {

 border:0px outset white;
 background-color:white;
 background-image:url(../vol/images/button_up_visualiser.png);
}


a.resultat-supprimer {

  	height: 30px;  
	width: 34px;
	background-image:url(../vol/images/button_up_suppr.png);
	display: block;  
}
a.resultat-supprimer:hover {

 border:0px outset white;
 background-color:white;
 background-image:url(../vol/images/button_up_suppr.png);
}



a.resultat-download {

  	height: 30px;  
	width: 34px;
	background-image:url(../vol/images/button_up_download.png);
	display: block;  
}
a.resultat-download :hover {

 border:0px outset white;
 background-color:white;
 background-image:url(../vol/images/button_up_download.png);
}






span.resultat-title {
  font-size:14px; 
  font-weight:bold;
}

span.album-title {
  font-size:14px; 
  font-weight:bold;
}

span.VOLAction-title {
  font-size:18px; 
  font-weight:bold;
}


span.resultat-status-disponible {
  color:#0C0;
  font-weight:bold;
}

span.resultat-status-encours {
  color:#F60;
  font-weight:bold;
}

span.star{
	font-size:18px; 
  color:#C00;
  font-weight:bold;
}



div#VOLmenudynamique {
	float:left;
	width:180px;
	min-height:400px;
	_height:400px;
	/*background-color:#FF6699;*/
	}
div#VOLcorps {
	float:left;
	width:750px;
	min-height:400px;
	/*background-color:#FFCC00;*/
}



#formConnexion INPUT.champ {
	BACKGROUND-IMAGE: url(images/fond_champ_membre.png); TEXT-ALIGN: center; 
	LEFT:-5px;
	MARGIN-TOP: 5px; 
	WIDTH: 180px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center 50%; 
	HEIGHT: 17px
}

INPUT.champ {
	BACKGROUND-IMAGE: url(images/fond_champ_membre.png); TEXT-ALIGN: center; 
	LEFT:-5px;
	MARGIN-TOP: 5px; 
	WIDTH: 180px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center 50%; 
	HEIGHT: 17px
}

select.imagesrc {
	
	WIDTH: 180px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center 50%; 
	HEIGHT: 17px
}


/*    */
input.inscription2[type=submit], input.inscription2[type=reset] {
 border:0px outset #A6BEDE;
 font-weight:bold;
 cursor:pointer;
 background-image:url(../img/button_base.png);
 BACKGROUND-POSITION: center 50%; 
 background-color:white;

 }
 
input.inscription2[type=submit]:hover, input.inscription2[type=reset]:hover {
 border:0px outset white;
 background-color:white;
  background-image:url(../img/button_base.png);
 }
input.inscription2[type=submit]:active, input.inscription2[type=reset]:active {
 background-color:white;
 color:#F93;
  background-image:url(../img/button_base_ul.png);
 } 


#vol_jetons{
	float:right;
	margin-top:-23px;
	margin-right: 5px;
}



/*
input[type=submit], input[type=reset] {
 border:0px outset #A6BEDE;
 font-weight:bold;
 cursor:pointer;
 background-image:url(images/button_carre_up.gif);
 height: 40px;  
width: 130px;


color:#DDD;
text-align:center;
 }
 
input[type=submit]:hover, input[type=reset]:hover {
 border:0px outset white;
 background-color:white;
  background-image:url(images/button_carre_down.gif);
 }
input[type=submit]:active, input[type=reset]:active {
 border:0px inset #A6BEDE;
 background-color:#A6BEDE;
 color:black;
 } 
*/



input.serverdelete[type=submit], input.serverdelete[type=reset] {
	 cursor:pointer;
 border:0px outset #A6BEDE;
	height: 30px;  
	width: 34px;
	background-image:url(../vol/images/button_up_suppr.png);
 }
 
input.serverdelete[type=submit]:hover, input.serverdelete[type=reset]:hover {
 border:0px outset white;
 background-color:white;
 background-image:url(../vol/images/button_up_suppr.png);
 }
input.serverdelete[type=submit]:active, input.serverdelete[type=reset]:active {
 border:0px outset white;
 background-color:white;
 background-image:url(../vol/images/button_up_suppr.png);
 } 




input.connexionsub[type=submit], input.connexionsub[type=reset] {
 border:0px outset #A6BEDE;
 font-weight:bold;
 cursor:pointer;
 background-image:url(../img/button_base_gris.png);
 	BACKGROUND-POSITION: center 50%; 
 background-color:#E6E6E6;

 }
 
input.connexionsub[type=submit]:hover, input.connexionsub[type=reset]:hover {
 border:0px outset white;
 background-color:#E6E6E6;
  background-image:url(../img/button_base_gris.png);
 }
input.connexionsub[type=submit]:active, input.connexionsub[type=reset]:active {
 background-color:#E6E6E6;
 color:#F93;
  background-image:url(../img/button_base_gris.png);
 } 



INPUT.connexion{
	BACKGROUND-IMAGE: url(images/fond_champ_membre.png); TEXT-ALIGN: center;
	MARGIN-TOP: 5px;

	WIDTH: 150px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center 50%; 
	HEIGHT: 17px;
}

INPUT.connexion:focus {

border:2px solid #F60;
	MARGIN-TOP: 5px;

WIDTH: 150px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center 50%; 
	HEIGHT: 17px;
}


INPUT.inscription {
	BACKGROUND-IMAGE: url(images/fond_champ_membre.png); TEXT-ALIGN: center;
	MARGIN-TOP: 5px;
	margin-right:130px;
	WIDTH: 350px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center 50%;
	text-align:left;
	HEIGHT: 17px;
}

INPUT.inscription:focus {

border:2px solid #F60;
	MARGIN-TOP: 5px;

	margin-right:130px;
	WIDTH: 350px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center 50%; 
	HEIGHT: 17px;
}




/* ----   Paramètres d'un traitement  ------ */
INPUT.imagesrc {
	BACKGROUND-IMAGE: url(images/fond_champ_membre.png); TEXT-ALIGN: center; 
	WIDTH: 180px; 
	HEIGHT: 17px
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center 50%; 

}


INPUT.threshold {
	BACKGROUND-IMAGE: url(images/fond_champ_membre.png); TEXT-ALIGN: center; 
	WIDTH: 80px; 
	HEIGHT: 17px
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: center 50%; 
}


n-right:50px;
}

span.processing_parameters {
	FONT-FAMILY: arial,helvetica; 
	COLOR:#333; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;
}

span.title_parameters {
	FONT-FAMILY: arial,helvetica; 
	COLOR:#666; 
	FONT-SIZE: 18px; 
	FONT-WEIGHT: bold;
}

span.subtitle_parameters {
	FONT-FAMILY: arial,helvetica; 
	COLOR:#666; 
	FONT-SIZE: 14px; 
	FONT-WEIGHT: bold;
	text-decoration:underline;
}

span.explanation_parameters {
	FONT-FAMILY: arial,helvetica;
	COLOR:#666; 
	FONT-SIZE: 13px;
	font-style:italic;
}


#vol-coord{
	/*margin-top: 10px;*/
	margin-left:35px;
	margin-left:5px!;
	margin-top:5px;
	position:absolute;
	width:200px;
}


#vol-skype{
	margin-left:-30px!;
	margin-top:50px;
	position:absolute;
	width:200px;
}


div.vol-contact{
	width:160px; 
	margin-left:10px; 
	margin-top:40px;
}






table#VOL-server {
  /*  background-color:#FFFFFF;*/
   /* border: solid #000 3px;*/
    width: 730px;

}

table#VOL-server td {
    padding: 5px;
 /*   border: solid #000 1px; */

}

.volserverdelete {
	width:50px; 
}
.volserverprocess{
	width:350px;
	height:40px;
}
.volserverstatus {
	width:250px; 
}
.volserverviewer {
	width:50px; 
}
.volserverdownload{
	width:50px; 
}

.volservertitle{
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;

}