html,body {
	margin:0px;
	padding:0px;	
	height:100%;
	font-size:11px;
	font-family:verdana;
	}
	
a {
	color:white;
	}	

td#ImageBG {	
	margin:0px;
	padding:0px;
	z-index:200;
	border:0px solid black;
	
	z-index:1500;
	}
		
td#TextBG {
	background-image:url('../images/degrade_banniere.jpg');
	height:200px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	line-height:20px;	
	color:#ffffff;	
	border:0px solid black;
	font-family:verdana;
	margin:0px;
	padding:0px;
	}
	
/* voir la css couleur.css pour tout ce qui est couleur, image et bordure */


/* bandeau de substitution pour les navigateurs qui ne prennent pas le dhtml (mozilla apparament) */
div#bandeau {
	position:absolute;
	height:90px;
	text-align:center;	
	position:absolute;
	left:172px;
	top:135px;
	width:378px;
	font-size:16px;
	font-weight:bold;
	font-family:verdana;
	}

/* tableau central qui contient le slogan et les tableau de panel */
table#panelTable {
	margin:0px;
	padding:0px;
	}

/* tableau qui contient tout les pannels	*/
table.index {
	width:830px;
	height:350px;
	margin-left:10px;
	}

/* tableau qui contient un panel */
table.encadre {
	height:100%;
	margin:0px;
	padding:0px;
	width:100%;
	}
		
/* contient le text de la mention legale */
td#mention {
	padding:5px;
	}

/* cellule qui contient le titre des panels */
td.titreEncadre {
	vertical-align:middle;
	margin:0px;
	text-align:left;
	padding:4px;
	font-family:verdana;
	font-weight:bold;
	font-size:11px;
	}
	
td.encadreLien {
	text-align:right;
	height:15px;
	}

/* une marge en dessous des panels afin de faciliter le placement des différents elements */
td#margeBasPanel {
	height:80px;
	}
	
table#approche {
	position:absolute;
	top:135px;
	left:554px;
	width:281px;
	height:342px;
	font-family:arial;
	font-size:11px;	
	}
	
td#App_marge {	
	height:4px;
	}
	
td#App_text {	
	height:201px;
	padding-left:11px;
	padding-right:15px;
	padding:7px;	
	text-align:left;
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	line-height:17px;
	}

td#title {
	padding:5px;
	padding-right:7px;
	}
	
td.listeclient
	{
	text-align:center;
	vertical-align:middle;
	}
	
span.messageALERT {
	font-size:13px;
	font-family:verdana;
	font-weight:bold;
	color:#C12843;	
	}
	
span.messageOK {
	font-size:13px;
	font-family:verdana;
	font-weight:bold;
	color:#C6FFE2;	
	}
	
span.libelleFORM {
	font-size:13px;
	color:#1D1DE0;
	font-weight:bold;
	font-family:Verdana;
	}
	
input.text {
	font-size:11px;
	font-family:verdana;
	color:white;
	background-color:#c0c0c0;
	font-weight:bold;
	border:1px solid black;
	padding:2px;
	}
	
textarea.text {
	font-size:11px;
	font-family:verdana;
	color:white;
	background-color:#c0c0c0;
	font-weight:bold;
	}	
	
input.button {
	background-color:#C12843;
	font-size:11px;
	font-family:verdana;
	color:white;
	font-weight:bold;	
	padding:3px;
	}
	
/* les articles eux-memes */
td.info {
	padding-left:20px;
	padding-right:10px;
	text-align:justify;
	font-family:verdana;
	font-size:11px;
	}

td#VousEtesiciGrosTitre {
	font-size:18px;
	font-family:verdana;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	color:#592D27;
	font-weight:bold;
	letter-spacing:2px;
	}
	
/* le petit menu qui permet de changer la css des couleurs */
/* mettre a display:none pour ne pas l'afficher, block pour qu'il appariat */
div#choosecolor {
	display:block;
	position:absolute;
	top:90%;
	left:70%;
	padding:10px;
	width:255px;
	}

/* bandeau de substitution pour les navigateurs qui ne prennent pas le dhtml (mozilla apparament) */
div#bandeau {
	position:absolute;
	height:90px;
	text-align:center;	
	position:absolute;
	left:172px;
	top:135px;
	width:378px;
	font-size:16px;
	font-weight:bold;
	font-family:verdana;
	}

/* tableau central qui contient le slogan et les tableau de panel */
table#panelTable {
	margin:0px;
	padding:0px;
	}

/* tableau qui contient tout les pannels	*/
table.index {
	width:830px;
	height:350px;
	margin-left:10px;
	}

/* tableau qui contient un panel */
table.encadre {
	height:100%;
	margin:0px;
	padding:0px;
	width:100%;
	}
		
/* contient le text de la mention legale */
td#mention {
	padding:5px;
	}

td#title {
	padding:5px;
	padding-right:7px;
	}
	
td.listeclient
	{
	text-align:center;
	vertical-align:middle;
	}
	
span.libelleFORM {
	font-size:13px;
	color:#1D1DE0;
	font-weight:bold;
	font-family:Verdana;
	}
	
table#LeTableau {
	text-align:center;
	border:0px solid black;
	margin:0px;
	padding:0px;
	}
	

/* cellule des libelle des rubriques */
td.centre {
	padding:0px;
	margin:0px;
	border:0px solid black;
	text-align:left;
	}
	
a.librubrique {
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	text-decoration: none;	
	color:white;	
	display:block;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:1px;
	}
	
a.librubrique:hover {
	color:black;
	}	
	
a.librubrique#current {
	color:#C12843;
	}		

table.sousmenu {
	display:none;
	}

a.subrubrique {
	font-size:11px;		
	font-family:verdana;
	text-decoration:none;
	color:white;
	}
	
a.subrubrique:hover {
	color:#B52841;	
	}	
	
a.currentSubRub {
	color:#C12843;
	font-size:11px;		
	font-family:verdana;
	text-decoration:none;	
	}	

td.subrubrique {
	padding:5px;
	}

img {
	margin:0px;
	padding:0px;	
	vertical-align:middle;
	}

td.rubrique {
	text-align:left;
	border:0px outset #c0c0c0
	}
	
td.degradeLateraux#right {
	background-image:url('../images/backgroundDeg.jpg');
	border-right:1px solid #4F4F4F;
	background-color:#4F4F4F;
	background-repeat:repeat-x;
	}
	
td.degradeLateraux#bottom {
	border-bottom:1px solid #4F4F4F;
	}
	
td.degradeLateraux#top {
	border-top:1px solid #4F4F4F;
	}	
	
td.degradeLateraux#left {
	border-left:1px solid #4F4F4F;
	background-image:url('../images/backgroundDeg.jpg');
	background-color:#4F4F4F;
	background-repeat:repeat-x;
	}

td.main	
	{
	background-color:#4F4F4F;
	background-image:url('../images/backgroundDeg.jpg');
	background-repeat:repeat-x;
	
	}
img.puceMenu
	{
	margin:0px;
	padding-left:2px;
	padding-right:1px;
	vertical-align:middle;
	}	
	
td.footer {
	background-color:#4F4F4F;
	}