/************************** COLONNE CENTRALE ************************************/

#contenu {
	width:420px;
	
	/*POUR FIREFOX ET CONSOEURS*/
	min-height:490px;
	height:auto;
}

/* POUR IE */
* html #contenu  {
	height:490px;
}


/************************** COLONNE DE DROITE ************************************/

#colDroite {
	position:absolute;
	top:140px;
	left:420px;
	width:163px;
	margin:0px;
	padding:0px;	
}

#colDroite UL {
	margin:0px 0px 0px 30px;
	padding-top:10px;
}

#colDroite LI {
	margin:0px;
	margin-bottom:10px;
	list-style-image: url(../../images/pictos/puce_off.jpg); 
}


#colDroite UL.ssListe {
	margin:0px;
	padding:0px;
	margin-left:5px;
}

#colDroite UL.ssListe LI {
	margin:0px;
	padding-bottom:2px;
	list-style:none;
}

#colDroite LI A {
	font:11px arial;
	color:#4377B6;
	font-weight:bold;
}

#colDroite LI A:hover {
	text-decoration:underline;
}

#colDroite LI.selected {
	list-style-image: url(../../images/pictos/puce_on.jpg); 
}

#colDroite  LI.selected A {
	color:#FF7F00;
}

/**
* L’attribut !important indique au navigateur que la ligne suivante 
* qui concernera le même élément (ici le background-image) devra être ignoré.
* Heureusement pour nous IE ne gère pas cette information il lira donc 
* successivement les deux lignes et la seconde écrasera la première.
*/
#colDroite #corps {
	position:relative;
	width:163px;
	height:205px;
	/*
	background: url(../../images/fonds/colDroite_corps.png) top left repeat-y !important; 
	background: url(no-image);	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../images/fonds/colDroite_corps.png');
	*/
	background: url(../../images/fonds/colDroite_fond.jpg) top left repeat-y;	
}


#colDroite #separateur {
	width:163px;
	height:5px;
	margin:0px;
	padding:0px;
	font-size:0px;
	background: url(../../images/fonds/colDroite_separateur.png) top left repeat-y !important; 
	background: url(no-image);	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../images/fonds/colDroite_separateur.png');
}

#colDroite #footer {
	width:163px;
	height:16px;
	margin:0px;
	padding:0px;
	font-size:0px;
	background: url(../../images/fonds/colD_footer.png) top left no-repeat !important; 
	background: url(no-image);	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../images/fonds/colD_footer.png');
}


#colDroite_visuels {
	/*
	background: url(../../images/fonds/colDroite_fond.png) top left no-repeat !important; 
	background: url(no-image);	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../images/colDroite_fond.png');
	*/
	background: url(../../images/fonds/colDroite_fond.jpg) top left repeat-y;
}

#colDroite_visuels #separateurVisuel {
	width:150px;
	height:5px;
	font-size:0px;
	background-color:#5286BD;
	margin-left:2px;
}

#colDroite_visuels IMG.photos {
	margin-left:2px;	
	
	z-index:1;
}

/*
#colDroite_visuels {
	background: url(../../images/colDroite_arrondi.png) bottom left no-repeat !important; 
	background: url(no-image);	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../../images/colDroite_arrondi.png');
}
*/

#arrondi {
	position:absolute;
	bottom:-7px;
	left:0px;
	z-index:2;
	margin:0;
}

/*********************************** FOOTER ********************************/
#footer #inscription {
	width:530px;
	margin:0px;
	padding:0px;
	cursor:hand;
	text-align:right;
}
#footer #inscription P {
	float:right;
	font-size:12px;
	padding-top:20px;
}

#footer #inscription IMG.fleche {
	float:right;
	padding-top:20px;
	padding-left:10px;
}