/*****************************************/
/*SITE RSO - layout */
/*****************************************/
/* couleurs utilisees
gris 				color:#3e4855;	
gris sous logo		color:#2c31
prune				color:#823d3d;
prune fond			color:#844141;
moutarde			color:#ce9a30;
moutarde fond		color:#ca9833;
brun orange			color:#a25b0a;
kaki				color:#616c25;
kaki fond			color:636c26
rouge 				color:#f40000;
*/
#containerborder 
{
	clear:both;
	width:900px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	background:#3e4855 url(../img/rond-fond.gif) no-repeat top left;
}
/*****************************************/
/*navigation outils */
/*****************************************/
#topnav
{
	width:850px;
	padding-top:45px;
	margin-left:65px;
	height:15px;
	font-size:0.9em;
}
html.MSIE6 #topnav
{
	padding-top:0;
	margin-top:45px;
}
#langues,#outils
{
	float:left;
}
#topnav UL
{
	margin:0px;
	padding:0px;
}
#topnav LI
{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding:0 5px;
	font-size:11px;
}
#topnav LI A
{
	color:white;
	background:url(../img/puces/puce-blanche.gif) no-repeat;
	background-position:0 4px;
	padding-left:10px;
}
#topnav LI A:hover
{
	text-decoration:none;
	color:#c2c5c7;
}
#langues
{
	margin-left:75px;
	width:380px;
	border:1px solid #3e4855;
}
#outils
{
	width:350px;
}
html.MSIE6 #langues
{
	margin-left:40px;
}

#langues UL
{
	float:left;
}
#outils UL
{
	float:right;
}
#outils A.current,#outils A.current:hover
{
	color:#f40000;
	cursor:text;
}
/*****************************************/
/*cadre*/
/*****************************************/
#container 
{
	width:850px;
	margin-left:65px;
	height:auto;
}

/*****************************************/
/*bandeau */
/*****************************************/

#pageheader
{
	width:850px;
	height:101px;
	background:url(../img/bg-head.jpg) no-repeat top left;
}
#pageheader UL,#pageheader LI
{
	margin:0;
	padding:0;
}

#logo
{
	float:left;
	width:270px;
	margin-top:20px;
	margin-left:10px;
}
#logo IMG
{
	border:0;
}
#accroche
{
	float:left;
	width:360px;
	margin-top:20px;
	letter-spacing:0.2em;
	line-height:2em;
	color:white;
}
#navdroite
{
	float:left;
	width:190px;
	margin-top:30px;
}

#navdroite UL
{
	float:right;
	width:190px;
}
#navdroite LI
{
	text-align:right;
	list-style-type:none;
	line-height:2em;
	margin-right:5px;
}

#navdroite LI A
{
	font-weight:bold;
	color:white;
	text-decoration:underline;
}

/*****************************************/
/*cadre*/
/*****************************************/
#centrepage 
{
	width:850px;
	background:url(../img/ombre.jpg) repeat-y right;
}
#centrepage2 
{
	width:839px;
	border-left:1px solid white;
	border-right:1px solid white;
}

/*****************************************/
/*navigation onglets */
/*****************************************/

#hnav
{
	width:839px;
	height:20px;
	background:black;
	border-top:1px solid white;
	border-bottom:1px solid white;
}
#hnav UL
{
	margin:0;
	padding:0;
	list-style:none;
	padding-top:4px;
	border-left:1px solid black;
}
#hnav LI
{
	margin:0;
	padding:0;
}
#hnav LI
{
	float:left;
	padding-left:12px;
	width:266px;
}
#hnav LI A
{
	display:block;
	float:left;
	font-weight:bold;
	color:white;
	padding-top:2px;
	height:14px;
	padding-left:2px;
	padding-right:10px;
	/*width:115px;*/
}
#hnav A:hover
{
    color:black;
	text-decoration:none;
}
#hnav LI#l1
{
	background:url(../img/onglets/gauche-1.gif) no-repeat left;
	border-right:1px solid black;
}
#hnav LI#l2
{
	border-right:2px solid black;
	background:url(../img/onglets/gauche-2.gif) no-repeat left;
}
#hnav LI#l3
{
	background:url(../img/onglets/gauche-3.gif) no-repeat left;

}
#hnav LI#l1 A
{
	background:#823d3d url(../img/onglets/droit-1.gif) no-repeat right;
}
#hnav LI#l2  A
{
	background:#ce9a30 url(../img/onglets/droit-2.gif) no-repeat right;
}
#hnav LI#l3  A
{
	background:#636c26 url(../img/onglets/droit-3.gif) no-repeat right;
}

#hnav LI#l1.current,#hnav LI#l2.current,#hnav LI#l3.current
{
     background:url(../img/onglets/gauche-on.gif) no-repeat left;
}
#hnav LI#l1.current A ,#hnav LI#l2.current A ,#hnav LI#l3.current A 
{
    background:white url(../img/onglets/droit-on.gif) no-repeat right;
}
#hnav LI#l1.current A:hover,#hnav LI#l2.current A:hover,#hnav LI#l3.current A:hover
{
     cursor:text;
}
#hnav LI#l1.current A,#hnav LI#l1.current A:hover
{
    color:#3f0e0e;
    font-style:italic;
 }
#hnav LI#l2.current A,#hnav LI#l2.current A:hover
{
    color:#a25b0a;
    font-style:italic;
}
#hnav LI#l3.current A,#hnav LI#l3.current A:hover
{
     font-style:italic;
    color:#293108;
}


/*****************************************/
/*centre page */
/*****************************************/

#pagecontent 
{
	width:100%;
}

/*****************************************/
/*pied de page */
/*****************************************/
#piedpage 
{
	width:850px;
	height:45px;
}


/*****************************************/
/*footer */
/*****************************************/

#pagefooter
{
	width:820px;
	height:30px;
	margin-left:65px;
}
#baseline
{
	float:left;
	width:450px;
	margin-left:0px;
	padding-left:0px;
	text-align:left;
	letter-spacing:0.02em;
}
#baseline A,#baseline A:hover
{
	color:black;
}
#creditslogos
{
	float:right;
	width:345px;
	padding-top:4px;
}

#creditslogos IMG
{
	float:right;
	border:0;
	margin-left:5px;
}

#creditslogos LI
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:0.9em;
	margin-right:7px;
}
#creditslogos LI A
{
	color:white;
}
#creditslogos LI A:hover
{
	color:white;
}