/* Feuille de style très largement inspiré de http://www.ultra-fluide.com/ressources/css/template-css2.htm */
html{
	overflow: scroll;
}
.nospace {
	width:100%;
	margin: 0px;
	font-family: sans-serif;
}

.haut {
	margin-bottom: 10px;
	height: 160px;
	position:absolute;
	top:0px;
	width:100%;
	right:15px;
	margin-right:-15px;
	/*overflow: visible;*/
}
	
.ppal {
	position:absolute;
	top:165px;
	width:100%;
	right:15px;
	margin-right:-15px
}
	
html body.ppal {
	height:100%;
	overflow:hidden
}


.gauche{
   position:absolute;
	height:100%;
	width:170px;
	top:0px;
	left:0px;

}
.centre{
	position: relative;
	top:0px;
	width:auto;
	margin-left:170px;
	margin-right:180px;
}
.droite{
	position:absolute;
	height:100%;
	width:160px;
	top:50px;
	right:10px;
	margin-right:-10px;
}
.pied {
	position:relative;
	width:100%;
	height:50px;
	text-align: center;

	}

.corps {
	position:relative;
	min-height:300px
}
.illustration{
    	white-space: nowrap;
}
html body .corps {
	height:300px
} 
/* Pas utilisés pour l'instant*/
.div-min-height {
	position:relative;
	height:300px;
	width:0px;
	float:left
}
	
.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left
}
/* fin pas utilisés*/
.titre {
	border-bottom-color: Red;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-collapse: collapse;

}

	
div.image {
	width: 200px;
	height: 200px;
	top: 50px;
	position: absolute;
}

div.bandeauGauche{
padding-top: 20px;
padding-bottom: 50px;
padding-right: 20px;
width: 180px;
position: relative;
top: 20px;
}
div.logoMVP{
padding-top: 20px;
padding-bottom: 50px;
padding-right: 20px;
padding-left:25px;
width: 180px;
position: relative;
top: 20px;
}
h2.livre {
	border-bottom-color: #FFA500;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.livreImage{
	width:20%;
	position: relative;
}
.livreCaracteristiques {
	position: relative;
	width: 50%;
}
.livreTdm {
	position: relative;
	width:auto;
}


.articles {
	border-bottom-color: #228B22;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.dev {
	border-bottom-color: #FFD700;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.lienssql {
	border-bottom-color: #00008B;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.liens {
	border-bottom-color: #9370DB;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
.liensfr{
	list-style-image:url(images/liens/france.gif);
	list-style-position: outside;
}
.liensus{
	list-style-image:url(images/liens/usa.gif);
	list-style-position: outside;
}
/*************** Le menu **********************/

#navcontainer ul
{
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	list-style-type: none;
}

#navcontainer li {
	margin: 0 0 .2em 0; 
}

#navcontainer a
{
	display: block;
	color: #FFF;
	background-color: #036;
	width: 8em;
	padding: .2em .8em;
	text-decoration: none;
	border-left: 5px solid Yellow;
}

#navcontainer a:hover
{
	background-color: #369;
	color: #FFF;
	border-left: 5px solid Red;
}

#active a
{
	display: block;
	color: #FFF;
	background-color: #336699;
	width: 8em;
	padding: .2em .8em;
	text-decoration: none;
	border-left: 5px solid Red;
}
/********** Les listes de liens *************/
li.lien {
	list-style-image: url(images/liens/hyperlien.bmp);
}


/**********Colorisation syntaxe XML**********/
.baliseXML{
	color: Maroon;
	background: White;
}
.marqueXML{
	color: Blue;
	background: White;
}
/**********Colorisation syntaxe CSharp et TSQL**********/
.commentaire{
	color: Green;
	background: White;
}
/********* Colorisation code TSQL *******/
.motCle{
	color: Blue;
	background: White;
}
.chaine{
	color: Fuchsia;
	background: White;
}
.procedure{
	color: Maroon;
	background: White;
}
/**************** Les tableau ***************************************/
table.bleu{
	border:thin solid; 
	border-spacing: 0px;
}

tr.bleu{
	color: #FFF;
	background-color: #336699;
	border: thin solid;
	border-spacing: 1px;
}
th.bleu{
	color: #FFF;
	background-color: #336699;
	border: thin solid;
	border-spacing: 1px;
}
/**************** Filtre pour CAMTASIA video en flash ****************/
	   #noexpressUpdate
	   {
	      margin: 0 auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size: x-small;
			color: #003300;
			text-align: left;
			background-image: url(images/Camtasia_nofp_bg.gif);
			background-repeat: no-repeat;
			width: 210px; 
			height: 200px;	
			padding: 40px;
	   }