/*__________________*/
/* Images Couleurs et Bordures  */
/*__________________*/

html , body
{
	background-color : #2B6E9D;
}

#ligneHaut 
{
	background-color : #20ADDD;
	color: white ;
	background: url(./fond_haut.jpg) left top repeat-x #FFF; 
}

h2
{
	color: white;
	background: crimson;
	background: url(./fond_h2_centre.jpg) left top repeat-x #FFF; 
}

#ligneHaut a
{
	color: white ;
}

#ligneHaut a:hover
{
	background-color: white ;
	color: #b070c8 ;
}

#navi 
{
	background-color: #20ADDD ;
}

#navi ul,#colonneCentre ul
{
	color: #000 ;
	background-color:  transparent  ;
}

#navi li ,#colonneCentre li
{
	float:left;
	margin: 0px ; 
}

#navi li a , #colonneCentre a
{
	color:#333;
	background: url(./fond_menu.jpg) left bottom repeat-x #FFF; 
	border-top:solid 1px #b070c8 ;
	border-right:solid 1px #b070c8;  
}

#navi li a:hover, #navi li a:selected , #colonneCentre a:hover, #colonneCentre a:selected,
{
	background-color: #5a6ba5 ; 
	color: #fff ; 
}

#navi li a:hover, #colonneCentre a:hover
{ 
	background:#99CCCC;
	color:black; 
}

#ligneCentre
{
	background-color: #aa70c8 ;
	background-color : #EDEECD;
	background: url(./fond_centre.jpg) left top repeat-y #FFF; 
}


#colonneCentre h3 ,  #colonneCentre h4, #colonneCentre h5
{
	color: blue ;
}

#colonneDroite
{
	color: #FFFFFF ;
	background-color: #b5b1b7 ;
	background: url(./fond_droit.jpg) left top repeat-y #FFF; 
}

#colonneDroite h3 ,  #colonneDroite h4 
{
	color: white ;
	background: url(./fond_centre.jpg) left top repeat-y #FFF; 
}

#colonneDroite p 
{
	color: #000000 ;
}


#ligneBas
{
	color: white ;
	background-color: #b5b1b7 ;
	background: url(./fond_bas.jpg) left top repeat-x #FFF; 
}

#ligneBas a
{
	color: white ;
}

#ligneBas a:hover
{
	color: #b070c8 ;
	background-color: white ;
}