/* MISE EN FORME GLOBALE */

body {
	background-image: url("../images/structure/fond_bleu.gif");
	background-color:#eaf2f8;
	background-repeat: repeat-x;
	/*text-align: center;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#page {
	
	width: 943px;
	margin: 0 auto;
}
#le922 {
	
	width: 920px;
	margin: 0 0 0 12px;
	padding-top:10px;
	/* background-image: url("../images/922/fond.gif"); background-color:#FFFFFF;*/
	
	background-repeat:repeat-x;
	
	
	

}
#corps {
	background-color: none;
	background-image: url("../images/structure/fond_page.gif");
	width: 943px;
	margin: 0 auto;
	
}
#menu    {
	background-color: none;
	background-image:url("../images/menu2/haut1.gif"); 
	height: 30px;
	list-style-type: none;
	
}




div.menu2 {	
	margin: 0 0 0 15px;
	padding: 5px;
	
	text-align:right;
	display:block;
}

div.menu2 div.entry {
	
	margin: 0 5px 0 0;
	padding: 4px 5px 4px 5px;
	font-size:14px;
	float:right;border:1px solid #C0C0C0;
	
	font-weight:bold;
}

div.menu2 div.entry:hover {
	background-color:#EFF9FF;
}





.sous_menu1    {
	height: 30px;
	margin:0 -11px 0 11px;
	
	width:922px;
	text-align: right;

	 background-image:url("../images/menu2/haut1.gif"); 
	background-color:#FFFFFF;
	
	

	
	
		
}

.sous_menu2    {
	background-image:url("../images/menu2/haut2.gif");
	height: 30px;
	margin:0 auto;
	padding:0;
	width:922px;
	list-style-type: none;
	
}


.bouton_sous_menu1    {
	
	height: 18px;
	width:155px;
	
	
	padding-top:8px;
	margin-left:0px;
	margin-right:0;
	float:left;
	
	
	
	text-align:center;
	color:#2B2B2B;
	font-size:11px;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;
	
}

.separateur_bouton    {
	
	height: 18px;
	width:30px;
	
	
	padding-top:8px;
	
	float:left;
	
	
	
	text-align:center;
	color:#2B2B2B;
	font-size:11px;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;
	
}
/*
.bouton_sous_menu1:hover    {
	background-image:url("../images/menu2/fond_haut1.gif"); 
		
	height: 18px;
	width:122px;
	
	
	padding-top:4px;
	margin-left:50px;
	margin-right:0;
	float:left;
	
	
	
	text-align:center;
	color:#2B2B2B;
	font-size:11px;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;

}
*/

.bouton_sous_menu2    {
	
	
	/* background-image:url("../images/menu2/fond_haut1.gif"); */
	
	
		
	height:18px;
	width:122px;
	
	
	padding-top:4px;
	margin-left:50px;
	margin-right:0;
	float:left;
	
	
	
	text-align:center;
	color:#2B2B2B;
	font-size:11px;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;
	
}


.separateur   {
background-image:url("../images/menu2/separateur.gif");
	height: 30px;
	width:2px;
	padding-top:0px;
	margin-left:0px;
	float:left;
	color:#ddd;
}

.clear {
	clear:both;
	width:0;
	height:0;
	list-style-type: none;
}


#contenu {
	text-align: center;
	vertical-align: top;
	padding: 14px 0 0 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}
.sidebar {
	float:left;
	background-image:none;
	width: 195px;
	padding-top:0;
	
}

.sidebar_droite {
	float:right;
	background-image:none;
	width: 195px;
	padding-top:0;
	
}





/* MISE EN FORME DU HEADER */



#page #entete {
	height: 146px;
	width: 943px;
	background-image: url("../images/structure/haut2007.png");
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	vertical-align:bottom;
	margin:0 auto;
}

#page #avant_entete {
	height: 25px;
	width: 922px;
	
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	margin:0 auto;
}
#page #entete #logo {
	margin-left: 30px;
	margin-top: 50px;
	float: left;
}
#page #entete #zone {
	position: relative;
	left:29px;
	top:15px;
	display: inline;
	text-align:center;
	width: 480px;
	height: 70px;
	
	/*margin: 5px 0 0 0;*/
}



/* MISE EN FORME DES DIVS DE CONTENU */

 #contenu  .bloc_centre_520 {
	width: 505px;
	text-align: left;
	margin: 0 auto;
	margin-bottom:9px;
	background-color:#FFFFFF;
	}
	
	

	#contenu 
		.bloc_centre_520
			.bloc_centre_520_titre {
				background-image: url("../images/structure/haut_490.gif");
				background-repeat: no-repeat;
				height: 23px;
				padding: 9px 0 0 15px;
}


	#contenu
		.bloc_centre_520  
			.bloc_centre_520_titre  .h1{
				font-weight:lighter;
				margin-bottom:0;
				color:#333;
				font-size:13px;
				border: 0px solid #E2E2E2;
				padding:3px 7px 3px 7px;
				background-color:transparent;
}

	#contenu
		.bloc_centre_520  
			.bloc_centre_520_titre  .h1:hover{
				border: 1px solid #E2E2E2;
				background:#E2E2E2;
}

	#contenu 
		.bloc_centre_520
			.bloc_centre_520_texte
			{
				background-color: #FFFFFF;
				border: 1px solid #e2e2e2;
				padding: 7px;
				background-image: url("../images/structure/fond_centre.gif");
			}
 
	#contenu   
		.bloc_centre_520   
			.bloc_centre_520_texte  
				h1{
					font-size:13px;
					padding: 4px;

				}




 
	#contenu 
		.bloc_centre_709 
		{
			width: 700px;
			text-align: left;
			background-color:#FFFFFF;
			margin-bottom:9px;
			border:1px solid #dbdbdb;

			margin-left:5px;
		}
		
		
   #contenu   .bloc_centre_709   .bloc_centre_709_titre {
	/*background-image: url("../images/structure/haut_709.gif");
	background-repeat: no-repeat;*/
	background-color:#f5f5f5;
	height: 22px;
	padding-top: 9px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-left: 5px;
	font-size:12px;
	font-weight:lighter;
	border-bottom: 1px solid #c0c0c0;
	
	list-style-type:circle
}

   #contenu   .bloc_centre_709   .bloc_centre_709_texte {
	/*background-color: #FFFFFF;*/
	/*border: 1px solid #e2e2e2;*/
	background-image: url("../images/2007/fond_centre.gif");
	padding: 0px 20px 20px 20px;
}
   #contenu   .bloc_centre_709   .bloc_centre_709_texte  h1{
				font-size:18px;
				font-weight:400;
				/*color: #6699BE;*/
				margin: 0 0 20px 0;
}
   #contenu   .bloc_centre_709   .bloc_centre_709_texte  h2{
				font-size:14px;
				color:#3C65AB;
				
				/* text-transform: uppercase;
				font-variant: small-caps; */
				font-weight:bold;
				
				margin: 20px 0 20px 0;
				padding-bottom: 4px;
				padding-top: 4px;
				padding-left: 10px;
				
				border-top: 1px solid #c0c0c0;
				background-color:#E9E9E9;
}

#contenu   .bloc_centre_709   .bloc_centre_709_texte  li{
		list-style-type: none;
		color:#5E5E5E;
		font-family:Arial,Helvetica,Geneva,sans-serif;
		font-size:10pt;
		/*list-style-position: outside;*/
		margin-left:-8px;
		list-style-image: url("../images/forme/carre.gif");
}









.table_donnees {border:1px solid #c0c0c0;margin : 10px;}

.table_donnees td{border:1px solid #c0c0c0;padding:7px;}
.table_donnees th{
	border:1px solid #c0c0c0;
	padding:7px;
}
.table_donnees th:hover{
	background-color:#CAD7E0;
	
}

.bloc_1 {
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left: 8px;
	margin-bottom:10px;
}


.bloc_1_titre {
	background-image: url("../images/structure/haut_180.gif");
	height: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px;
	}
.bloc_1_titre_texte {
	margin-top: 5px;
	text-align: center;
}

.bloc_1_contenu {
	border: 1px solid #CBCED2;
	background-color:#F1F1F1;
	padding: 6px;
	text-align: justify;
	/* background-image: url("../images/922/fond.gif"); */
	background-repeat: repeat-x;
}


.bloc_1_ligne{
	background-image: url("../images/structure/fond_ligne.gif");
	background-repeat:no-repeat;
	height: 27px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	

	padding-top: 7px;
	
	margin-left: 8px;
	margin-bottom:10px;
}


.news_box
{
 font-size:11px;
 color:#000;
 
 padding:3px;
 margin-bottom:5px;
}
.news_box_title
{
	padding: -3px;
	font-size:11px;
	font:Verdana;
	color:#0069C5;
	font-weight:bold;
	margin: 0 0 7px 0px
}
.news_box_date
{
float:right;
width: 100%;
border-bottom: 1px dashed #ccc;
font-size:10px;
color:#333;
}







#fond_2 {
	background-image: url("../../images/index/fond-fiscalite-immobiliere-defiscalisation-robien-borloo.jpg");
	height: 221px;
	width: 898px;
	margin: 12px;
	text-align:left;
}
#fond_4 {
	background-image: url("../../images/index/fond-retraite-loi-fillon.jpg");
	height: 221px;
	width: 898px;
	margin: 12px;
	text-align:left;
}
#fond_3 {
	background-image: url("../../images/index/fond-placement-argent-credit-emprunt.jpg");
	height: 221px;
	width: 898px;
	margin: 12px;
	text-align:left;
}
#fond_1 {
	background-image: url("../../images/index/fond-impot-sur-le-revenu-2006-2007.jpg");
	height: 221px;
	width: 898px;
	margin: 12px;
	text-align:left;
}


.capsule_index {
	width: 205px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
	float: left;
	position: relative;
	overflow: hidden;
	height: 212px;
	border-right: 1px dotted #c0c0c0;
}
.capsule_lateral_index {
	width: 200px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 6px;
	float: left;
	position: relative;
	overflow: hidden;
	height: 212px;
}

.capsule_index h1{
	font-size:10pt;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
}

.capsule_lateral_index h1{
	font-size:10pt;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
}





















p,td{
font-size : 10pt; 
font-family : Arial, Helvetica, Geneva, sans-serif; 
color : #5E5E5E; 
margin-left: 0px ;
margin-top: 0px ;
margin-bottom: 0px ;


}

table
{
	border-collapse:collapse;
}
td {
	border-collapse:collapse;
}
.tableau_centre1 {
	padding-top:10;
	border-collapse:collapse;
}
.tableau_haut {
	margin: 0 auto;
	
	width: 922px;
	background-image: url("../images/structure/HAUT-2007.jpg");
}
.tableau_haut_sans_fond {
	margin: 0 auto;
	
	width: 922px;
}
.td_valign_halign {
	text-align: center;
	vertical-align: middle;
}
.tableau_central1 {
	background-color: #FFFFFF;
	border: 20px solid #COCOCO;
	margin: 0 auto;
	
	width: 921px;
}

.verdana_8_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-left: 5px;
	margin-bottom: 2px;
	margin-top: 2px;
	text-align: left;
}


form
{
margin:0;

}

.style_blanc {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:0;
	margin-bottom:0;
}

.style_blanc 	a:link{
	color: #FFFFFF;

}
.style_blanc 	a:visited{
	color: #FFFFFF;

}





.page {
	background-image: url("../images/structure/fond_bleu.gif");
}



a:link {color: #3050A2; text-decoration:none ;}
a:visited {color: #3050A2; text-decoration:none;}
a:hover {color:#808080; text-decoration: underline ;}

a.define:link {color:#5E5E5E; border-bottom:1px dotted #808080; }
a.define:visited {color:#5E5E5E; border-bottom:1px dotted #808080; }
a.define:hover {color:#5E5E5E; border-bottom:1px solid #808080; }



.marge_gauche_10 {
	margin-left: 20px;
}



.bouton{
	border: 1px solid #8194B8;
	padding:3px 7px 3px 7px;
	background-color:#eee;
	

}
		.bouton:hover{
			border: 1px solid #8194B8;
			padding:3px 7px 3px 7px;
			color:#FFFFFF;
			background-color:#E82D28;
		}
		
		
		
.barre_titre1{
/*	border: 1px solid #E2E2E2;*/
	padding:3px 7px 3px 7px;
	/*background-color:#FFFFFF;*/

}
		.barre_titre1:hover{
			border: 1px solid #E2E2E2;
			padding:3px 7px 3px 7px;
			background-color:#EEEEEE;
			color:#E82D28;
			text-decoration:none;

		}
		
		
		
.barre_titre2{
	/*border: 1px solid #E2E2E2;*/
	padding:3px 7px 3px 7px;
	/*background-color:#FFFFFF;*/

}
		.barre_titre2:hover{
		border: 1px solid #E2E2E2;
		padding:3px 7px 3px 7px;
		background-color:#EEEEEE;
		color:#E82D28;
		text-decoration:none;
		}
		
		
		
.barre_titre3{
	/*border: 1px solid #E2E2E2;*/
	padding:3px 7px 3px 7px;
	color:#E82D28;
	

}
		.barre_titre3:hover{
			border: 1px solid #E2E2E2;
			padding:3px 7px 3px 7px;
			background-color:#FFFFFF;
		}





/* MISE EN FORME TEXTE */


	/* BALISES LI */
	#contenu .li
	{
	
	list-style-type: none;
	/*list-style-position: outside;*/
	margin-left:-8px;
	list-style-image: url("../images/forme/carre.gif");
	}
	
	
.marge_gauche_20 {
	margin-left: 10px;
}
.texte_actualite
{
text-align:justify;
margin-left:50px;
margin-right:50px;
}

.verdana_8_gras
{
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}


#titre_actu			
{
	color:#0066CC;
	font-size:16px;
	text-align:left;
	margin-left:50px;
margin-right:50px;
}

.formulaire
{
	border: 1px solid #C3C3C3;
	background-color:#F5F5F5;
}

.champs_form
{
	border: 1px solid #C0C0C0;
	font-size:8pt;
	font-family:Verdana;
}

.marge_20_20
{
	margin-left:20px;
	margin-right:20px;
}

.marge_10_20
{
	margin-left:10px;
	margin-right:20px;
}

.bordures_points_droite
{
	border-left-width: 1px;
	border-right: 1px dotted #C0C0C0;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.marge_10_10
{
	margin-left:10px;
	margin-right:10px;
}

.news_index
{
	margin-left:10px;
	margin-right:10px;
	font-size:8pt;
	text-align:justify;
}






.tableau_epargne {

}

.tableau_epargne .titre {
	font-size:11px;
	font-weight: bold;
}

.tableau_epargne .contenu {
	font-size:9px;
}










/* ACCORDEON    */

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	/*border-left: solid 1px #E3E3E3;
	border-right: solid 1px #E3E3E3;*/
	border-bottom: solid 1px #787C81;
	overflow: hidden;
	
	
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
	
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-image: url("../images/structure/haut_250.png");
	text-align: left;

	border: solid 1px #787C81;
	border-bottom:solid 1px #282D32;
	color:#fff;
	font-family:arial;
	font-size:11px;

	font-weight:bold;
	padding: 2px 2px 3px 7px;
	margin: 0px;
	cursor: hand;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow:auto;
	margin: 0px;
	padding: 0px;
	height: 180px;
	border-left: 1px solid #787C81;
	border-right: 1px solid #787C81;
	
}

.AccordionPanelContent ul {
	margin-left:0px;
padding: 0 4px 0 7px;
	list-style-type: none;
	text-align:left;
}
.AccordionPanelContent li {
	list-style-type: none;
	
	padding-bottom: 5px;
	padding: 5px 0 3px 0; 
	border-bottom:1px solid #CFCFCF;
	
}
.AccordionPanelContent li a{
	text-decoration:none;
	color:#333;
	font-size:9px;
	padding: 0 +2px 0 -5px;
	
	
}
.AccordionPanelContent li:hover{
	
	background-color:#B3CFE5;
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {

}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {

}
.AccordionPanelOpen .AccordionPanelTabHover {

}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}






/* ACCUEIL    */

#GLOBAL {
	width: 920px;
	font-family: Helvetica, Arial;
	font-size:11px;
	margin: 0 auto;
	text-align:left;
}
#GLOBAL #500x300{
	width: 500px;
	height:300px;
}
#GLOBAL #200x100{
	width: 200px;
	height:100px;
}
#GLOBAL #200x180{
	width: 200px;
	height:180px;
}

#box_global {
	width: 922px;
	float:left;
}

#box_menu{
	min-height:434px;
	width:180px;
	float: left;
	position: relative;
	
	z-index:1;
	background-color:#F2F2F2;
	background-image:url("../images/accueil/fond_menu.png");
	background-repeat:no-repeat;
	
}

	#box_menu ul{
		position:relative;
		right:0px;
		list-style-type: none;
		margin-left:-39px;
		z-index:2;
	}
		#box_menu ul li{
			list-style-type: none;
			text-align:right;
			padding: 10px 15px;
			font-size:15px;
			
		}
		#box_menu ul li:hover{
			background-image:url("../images/accueil/tab_menu_onmouse.png");

		}
		#box_menu ul li:hover:before{
			content:url("../images/structure/fleche.png");
		}
		
.entete_tab {
	display:block;
	width:100%;
	float:left;
}
	.entete_tab h1{
		font-size:26px;
		font-weight:lighter;
		
	}
.contenu_tab {
	clear:both;
	font-size:12px;
	
}
	.contenu_tab a{
		font-size:12px;
		
	}
	.contenu_tab ul{
				
	}
	.contenu_tab li{
	
		list-style-image: url("../images/structure/rond.png");
		color: #000;
		margin-top: 7px;
	}
	
	.contenu_tab h2{
		font-size:14px;
		font-weight:lighter;
		margin-left:15px;
	}
	

	
#box_contenu{
	min-height:434px;
	width:494px;
	left:-1px;
	float: left;
	position: relative;
	padding-left: 5px;
	padding-top: 0px;
	background-image:url("images/accueil/fond_tab_contenu.png");
	background-position:top;
	background-repeat:repeat-x;
	
}


	#box_contenu #tab_1{
	display: block;
	}
	#box_contenu #tab_2{
	display:none;
	}
	#box_contenu #tab_3{
	display:none;	
	}
	#box_contenu #tab_4{
	display:none;
	}
	#box_contenu #tab_5{
	display:none;
	}
	
	
	
	
	#box_contenu li {
		
	}
	
	#box_contenu h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #666666;
}



.accueil_box {
	width: 400px;
}
.accueil_box .gauche {
	display: inline-block;
	float:left;
	width: 100%;
}
.accueil_box .droite {
	display: inline-block;
	float:left;
	width: 45%;
}


.barre_noire{
	background-image:url("../images/accueil/fond_barre.png");
	background-repeat:no-repeat;
	padding:8px 0 0 12px;
	color:#f3f3f3;
	font-size:10px;
}
.barre_noire a{
	color:#f3f3f3;
}






/* Pagination Actualité */

.pagination {
	margin-bottom: 20px;
}
.pagination a{
	padding: 4px 6px 4px 6px;
	
	background-color:#EFF9FF;
	color:000;
	border: 1px solid #699ABF;
	
}
.pagination a:link{
	padding: 4px 6px 4px 6px;
	
	background-color:#EFF9FF;
	color:000;
	border: 1px solid #699ABF;
	
}
.pagination a:visited{
	padding: 4px 6px 4px 6px;
	
	background-color:#EFF9FF;
	color:000;
	border: 1px solid #699ABF;
	
}
.pagination a:hover{
	font-weight: bold;
	text-decoration:none;
	background-color:#fff;
	color:000;
}










































// ACCORDEON POUR INDEX CATEGORIE











.Accordion_index {
	/*border-left: solid 1px #E3E3E3;
	border-right: solid 1px #E3E3E3;*/
	border-bottom: solid 1px #4A4B4B;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 auto;
	
	
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel_index {
	margin: 0px;
	padding: 0px;
	
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab_index {
	/* background-image: url("../images/accordeon_index/titre.gif"); */
	text-align: left;
	height:23px;
	background-color:#EDEDED;
	
	
	 border-top: solid 1px #D8D8D8;
	  border-left: solid 1px #D8D8D8;
	   border-right: solid 1px #D8D8D8;
	color:#494B5D;
	font-size:11px;
	font:Verdana;
	color:#0069C5;
	font-weight:bold;
	padding: 9px 2px 2px 20px;
	margin: 0px;
	cursor: help;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent_index {
	overflow:auto;
	margin: 0px;
	padding: 0px;
	height: 380px;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	/* background-image: url("../images/accordeon_index/fond.jpg"); */
	
}

.AccordionPanelContent_index ul {
	margin-left:0px;
	font-size:16px;
	padding-left:20px;
	padding-right:20px;
	list-style-type: none;
	text-align:left;
}
.AccordionPanelContent_index li {
	list-style-type: none;
	padding-bottom: 5px;
	padding: 5px 0 5px 0; 
	
	
}
.AccordionPanelContent_index li a{
	text-decoration:none;
	color:#000;
	font-size:11px;
	
}
.AccordionPanelContent_index li:hover{
	
	background-color:#F1F1F1;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen_index .AccordionPanelTab_index {

}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover_index {

}
.AccordionPanelOpen_index .AccordionPanelTabHover_index {

}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused_index .AccordionPanelTab_index {
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused_index .AccordionPanelOpen_index .AccordionPanelTab_index {

}





  .menu_gauche_520 {
	width: 190px;
	text-align: left;
	margin: 0 0 0 0;
	margin-bottom:0px;
	
	}

	

	
		.menu_gauche_520
			.menu_gauche_520_titre {
				
				
				margin: 0 0px 1px;

	padding: 7px 7px;

	background: url(../images/menu_gauche/fond_titre.gif) no-repeat center right #D0DCE7;

	color: #0069C5;

	font-size: 1em;
	border-top: 1px solid #FFFFFF;
				
}


	
		.menu_gauche_520  
			.menu_gauche_520_titre  .h1{
				font-weight:bold;
				margin-bottom:0;
				
				font-family: Tahoma;
				color:#FFFFFF;
				font-size: 10px;
				
				border: 0px solid #E2E2E2;
				padding:5px 7px 5px 7px;
				background-color:transparent;
				
}

	
		.menu_gauche_520  
			.menu_gauche_520_titre  .h1:hover{
				border: 1px solid #E2E2E2;
				background:#E2E2E2;
}


		.menu_gauche_520
			.menu_gauche_520_texte
			{
				background-color: #F1F1F1;
				border: 1px solid #CBCED2;
				padding: 2px 7px 2px 7px;
				/* background-image: url("../images/922/fond.gif"); */
				background-repeat:repeat-x;
			}
 
	  
		.menu_gauche_520   
			.menu_gauche_520_texte  
				h1{
					font-size:13px;
					padding: 4px;
					

				}
				
				
		.menu_gauche_520   
			.menu_gauche_520_texte  
				li{
				
					font-size:11px;
					color:#666666;
					padding: 4px;
					margin-left:0;
					list-style-type: none;
					border-bottom: 1px solid #E1E1E1;

				}
				
		.menu_gauche_520   
			.menu_gauche_520_texte  
				ul{
					font-size:10px;
					padding: 4px;
					
					margin-left:0;
					

				}











/* DROITE */

  .menu_droite_520 {
  float:right;
	width: 190px;
	text-align: right;
	margin: 0 0 0 0;
	margin-bottom:0px;
	border-right: 0px solid #666666;
	
	}



		.menu_droite_520
			.menu_droite_520_titre {
				
				
				margin: 0 0px 1px;

	padding: 7px 7px;

	background: url(../images/menu_gauche/fond_titre.gif) no-repeat center right #D0DCE7;

	color: #FFFFFF;

	font-size: 1em;
	border-top: 1px solid #FFFFFF;
	text-align:left;

				
}


	.menu_droite_520
			.menu_droite_520_texte
			{
				background-color: #F1F1F1;
				border: 1px solid #CBCED2;
				padding: 7px;
				/*background-image: url("../images/922/fond.gif");*/
				background-repeat:repeat-x;
			}
			
			
			
					.menu_droite_520  
			.menu_droite_520_titre  .h1{
				font-weight:bold;
				margin-bottom:0;
				color:#FFFFFF;
				font-family: Tahoma;
				
				font-size: 10px;
				
				border: 0px solid #E2E2E2;
				padding:3px 7px 3px 7px;
				background-color:transparent;
				
}

	
		.menu_droite_520  
			.menu_droite_520_titre  .h1:hover{
				border: 1px solid #E2E2E2;
				background:#E2E2E2;
}







/* NUAGE DE MOTS CLEFS */








a.nuage_small {font-size: 11px;color:#4A57EF;text-decoration:none;padding:2px 6px 2px 6px;}
a.nuage_small:hover {background-color:#111;color:#EEE;text-decoration:none;}

a.nuage_medium {font-size: 15px;color:#4A57EF;text-decoration:none;padding:2px 6px 2px 6px;}
a.nuage_medium:hover {background-color:#111;color:#EEE;text-decoration:none;}	

a.nuage_big {font-size: 18px;color:#4A57EF;font-weight:bold;text-decoration:none;padding:2px 6px 2px 6px;}
a.nuage_big:hover {background-color:#111;color:#EEE;text-decoration:none;}





/* ENVOYER CETTE PAGE A UN AMI */

#send_a_friend input{
	width: 160px;
	font-size:11px;
}
.send_a_friend_small {	
	font-size:9px;
}









/* QUESTIONS REPÖNSES */

.question_reponse {background-image:url("../images/icones/question.png");background-repeat:no-repeat;background-position:left top;clear:both;} 
.question {
	padding: 7px 0 8px 40px;
	font-size:14px;
}
.reponse{
	font-size:12px;
	padding: 7px 0 0 0;
	margin-bottom: 15px;
}
/* smoke a join and try to fly*/ 












.pub_google_vertical {
	width: 180px;
}
.pub_google_vertical .pub_google_interne_vertical {

	width: 180px;
	line-height: 18px;
	font-size: 11px;
	margin-top:7px;
	margin-bottom:7px;
}



.pub_google_vertical .pub_google_interne_vertical .ahaut{
	font-size: 12px;
	color:#5e5e5e;
	text-decoration:underline;
	
	font-weight:bold;
	
	
}


.pub_google_vertical .pub_google_interne_vertical .abas{
	font-size: 10px;
	color:#5693BD;
	
	font-weight:normal;
	
	
}


.pub_google {
	height: 80px;
	width: 488px;
}
.pub_google .pub_google_interne {
	float: left;
	width: 240px;
	line-height: 18px;
	font-size: 12px;
}



.pub_google .pub_google_interne .ahaut{
	font-size: 13px;
	color:#5e5e5e;
	text-decoration:underline;
	
	font-weight:bold;
	
	
}


.pub_google .pub_google_interne .abas{
	font-size: 11px;
	color:#5693BD;
	
	font-weight:normal;
	
	
}






































/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
width:885px;

	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
	
	
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
height:30px;
	
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFFFFF;
	background-color:#4E7CCA;
	vertical-align:middle;
	padding-top:7px;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	text-align:left;
	color:#2C2C2C;
	padding-left:30px;
	padding-right:30px;
	
	
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #4E7CCA;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #4B4B4B;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #4E7CCA;
}