/***********************************
mise en forme des div de base  fond
************************************/
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 20px 0 0 0;
	padding: 0;
	color: #000;
	background-color: #1F0E87;
}

.raccourci {
	overflow: hidden;
	width: 1px;
	position: absolute;
	top: -500px;
	height: 1px
}
#popup {
	margin-left: 10px;
	padding: 0;
}

div#centrage {
	width:960px;
	margin:0 auto;
}

div#conteneur {
	float:left;
	width:960px;
	margin:0 auto;
	background: url('../../fr/images/interieur/fond_conteneur.gif') repeat-y;
}

div#header {
	float:left;
	margin: 0:
	padding: 0;
	width:960px;
	height: 150px;
	background: url('../../fr/images/interieur/fond_header.jpg') no-repeat;
}
div#header img{
	margin: 0 0 0 480px;
}

/************************************************** 
/        div de mise en forme du menu de gauche	  /
**************************************************/
#gauche {
	float:left;
	width: 189px; 
	margin: 0; 
	padding: 0;
	background: #306BC9;
}

/*------------------------------	Thèmes	------------------------------*/
div#gauche ul {
	list-style-type: none;
	margin: 20px 0 0 0; 
	padding: 0;
}
div#gauche ul li {
	line-height: 40px;
	margin:  0; 
	padding: 0 0 0 10px;
	border-top: 1px solid #1F0E87;
}

/*------------------------------	Rubriques	------------------------------*/
div#gauche ul ul {
	list-style-type: none;
	margin: 0; 
	padding: 0;

}
div#gauche ul ul li {
	line-height: 20px;
	margin:  0; 
	padding: 0 0 0 20px;
	border-top: 0px solid;
}

/*------------------------------	Sous Rubriques	------------------------------*/
div#gauche ul ul ul{
	list-style-type: none;
	margin: 0; 
	padding: 0;
}
div#gauche ul ul ul li	{
	margin:  0; 
	padding: 0 0 0 10px;
}

/*------------------------------	Page	------------------------------*/
div#gauche ul ul ul ul	{
	list-style-type: none;
	margin: 0; 
	padding: 0;
}
div#gauche ul ul ul ul li	{
	margin:  0; 
	padding: 0 0 0 10px;
}

A.somliensthemes 		{font-size: 1.0em; font-weight: bold; color: #fff; margin-left: 5px;}
A.somlienthemesactif 		{font-size: 1.0em; font-weight: bold; color: #1F0E87; margin-left: 5px;}
A.somlienthemesextranet		{font-size: 1.0em; font-weight: bold; color: #fff;}

A.somlienrub 			{font-size: 1.0em; font-weight: normal; color: #fff;}
A.somlienrub:link 		{font-size: 1.0em; color: #fff;}
A.somlienrub:visited 		{font-size: 1.0em; color: #fff;}
A.somlienrub:active 		{font-size: 1.0em; color: #fff;}
A.somlienrub:hover 		{font-size: 1.0em; color: #1F0E87;}
A.somlienrubactif 		{font-size: 1.0em; font-weight: normal; color: #1F0E87;}

A.nomrubrique 			{font-size: 1.0em;}
A.nomcategorie 			{font-size: 1.0em;}

A.somliensousrub 		{font-size: 1.0em; font-weight: normal; color: #fff;}
A.somliensousrub:link 		{font-size: 1.0em; color: #fff;}
A.somliensousrub:visited 	{font-size: 1.0em; color: #fff;}
A.somliensousrub:active 	{font-size: 1.0em; color: #fff;}
A.somliensousrub:hover 		{font-size: 1.0em; color: #1F0E87;}
A.somliensousrubactif 		{font-size: 1.0em; color: #1F0E87;}

A.somlienpage 			{font-size: 1.0em; font-weight: normal; color: #fff;}
A.somlienpage:link 		{font-size: 1.0em; color: #fff;}
A.somlienpage:visited 		{font-size: 1.0em; color: #fff;}
A.somlienpage:active 		{font-size: 1.0em; color: #fff;}
A.somlienpage:hover 		{font-size: 1.0em; color: #1F0E87;}
A.somlienpageactif 		{font-size: 1.0em; color: #1F0E87;}

/**********************************************************************************************/
#navigation {
	float: left;
	width: 758px;
	margin: 0;
	padding: 0 0 0 10px;
}
#barreprogre {
	padding: 0;
	margin: 0;
	line-height: 20px;
	color: #000;
}
#barreprogre A {
	color: #000;
}

/**********************************************************************************************/
div#centre {
	float: left;
	width: 771px;
	/* fixe une hauteur minimale*/
	min-height: 200px;			/*sauf IE6*/		
	_height: 200px;				/*pour IE6*/	
	margin: 0;
	padding: 0;
	background: #fff url('../../fr/images/interieur/fond_centre.jpg') repeat-x;
}
#page {
	float: left;
	width: 748px;
	margin: 0;					
	padding: 10px;
}
/**********************************************************************************************/
#pied {
	float: right;
	width: 100%;
	width: 771px;
	height: 237px;
	background: #0BCAE6 url(../../fr/images/interieur/fond_pied.gif) no-repeat;

}
#pied_popup {
	clear:both;
	width:680px ;
	height:30px;
	line-height:30px;
	font-size: 10px;
	text-align:center;
	background: #fff url(../../fr/images/communs/fond_pied.jpg) no-repeat;
}
/**********************************************************************************************/
div#menubas	{
	float: right;
	width: 640px;
	height: 30px;
	line-height: 30px;
    	margin: 170px 0 0 0;
    	padding: 0;
	
	color: #000;	
}


A.somMenubas	{color: #000;}


/************************************************** 
/ div de mise en forme de l'accès extranet 	  /
**************************************************/
#extranetrapide	{
	width: 192px;
	height: 32px;
    	margin: 20px 0 20px 12px;
    	padding: 0;
    	background: url('../../fr/images/communs/fond_extranet.gif') no-repeat;
}
#extranetrapide	P {
	margin: 5px 0 0 36px;
	padding: 0;
	font-size: 0.7em;
	font-weight: bold;
}
/************************************************** 
/       		 font	  		  /
**************************************************/
H1 {
	font-family: arial, verdana,  helvetica, sans-serif;
	font-style: normal;
	font-size: 1.4em;
	line-height: 22px;
	font-weight: bold;
	margin: 5px 0 5px 0; 
	padding: 0;
	text-decoration: none;
}
H2 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-style: normal;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0; 
	padding: 0;
	text-decoration: none;
}
H3 {
	font-family: arial, verdana, helvetica, sans-serif;
	font-style: normal;
	font-size: 1.2em;
	font-weight: normal;
	margin: 5px 0; 
	padding: 0;	
	text-align: justify;
	text-decoration: none;
}

LI {
	margin-top: 10px; 
}

A	{
	color: #306BC9;
	font-family: arial, verdana,  helvetica, sans-serif;
	letter-spacing: 0pt;
	text-decoration: none;
	padding:0;
	margin:0;
}
a img,:link img,:visited img {
	border:none;
}


P {
	margin: 0;
	padding:0;
}

/***********************	liens internes	*************************/
.highslide {
	text-decoration: underline;
}
.highslide:hover {
	color: #000;
}
A.liensinternes {
	font-family: arial, verdana,  helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	color: #306BC9;
	text-decoration: underline;
}
A.liensinternes:hover {
	color: #000;
	text-decoration: underline;
}