/* MISE EN FORME GLOBALE */







body {

	background-image: url("http://photos-voitures.fiches-auto.fr/fond_bleu.jpg");
	background-attachment:fixed;
	background-position:top;
	background-color:#FFF;
	background-repeat:no-repeat;
	/*text-align: center;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}



#page {

	width: 1008px;
	margin: 0 auto;
}



#le922 {

	width: 985px;
	margin: 0 0 0 12px;
	background-image: url("../images/922/fond.png");
	background-repeat:repeat-x;


}



#corps {

	background-color: none;
	background-image: url("../images/structure/fond_page.png");
	width: 1008px;
	

}



#menu    {
	background-color: none;

	height: 61px;
	list-style-type: none;

}








.sous_menu1 ul {	
	margin:0;
	padding:7px 0 0 0;
	text-align: center;

}

.sous_menu1 ul li {	

	list-style-type: none;
	color:#FFF;
	font-size:14px;
	margin:0;
	padding:6px 20px 0 20px;
	display:inline;

}




.sous_menu1 ul li a:link {color: #FFFFFF; text-decoration:none ;} 
.sous_menu1 ul li a:visited {color: #FFFFFF; text-decoration:none ;} 
.sous_menu1 ul li a:hover {color: #B4B4B4; text-decoration:none ;} 






.sous_menu1    {

	background-repeat:no-repeat;
	height: 32px;
	margin:0 auto;
	padding:0;
	width:990px;
	list-style-type: none;

}


.bckgd_menu1
{
	background-image:url("../images/menu2/haut1.gif");
}

.bckgd_menu2
{
	background-image:url("../images/menu2/haut2.gif");

}












.bouton_sous_menu1    {

	height: 22px;
	width:122px;
	padding-top:7px;
	margin-left:4px;
	margin-right:4px;
	float:left;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;

	

}


.bouton_sous_menu2    {



	height: 22px;

	width:122px;



	

	padding-top:7px;

	margin-left:4px;

	margin-right:4px;

	float:left;

	

	

	

	text-align:center;

	color:#FFFFFF;

	font-size:11px;

	font-weight:bold;

	font:Verdana, Arial, Helvetica, sans-serif;



	



}

.bouton_sous_menu1 a   {



color: #FFFFFF; text-decoration:none ;



}







.bouton_sous_menu2 a   {



color: #FFFFFF; text-decoration:none ;



}







.bouton_sous_menu1 a:link {color: #FFFFFF; text-decoration:none ;}    



.bouton_sous_menu1 a:link   a:visited {color: #3050A2; text-decoration:none;}



.bouton_sous_menu1 a:link   a:visited a:hover {color:#808080; text-decoration: underline ;}















.bouton_sous_menu1:hover    {



background-image:url("../images/menu2/fond_haut1.gif");

background-repeat:no-repeat;



	



	height: 22px;

	width:122px;

	text-align:center;

	padding-top:7px;

	margin-left:4px;

	margin-right:4px;

	float:left;

	color:

	#FF0000;







}





.bouton_sous_menu2:hover    {

background-image:url("../images/menu2/fond_haut2.gif");

	background-repeat:no-repeat;

	height: 22px;

	width:122px;

	text-align:center;

	padding-top:7px;

	margin-left:4px;

	margin-right:4px;

	float:left;

	color:#FF0000;



}

















.bouton_sous_menu2 a:link {color: #FFFFFF; text-decoration:none ;}    



.bouton_sous_menu2 a:link   a:visited {color: #3050A2; text-decoration:none;}



.bouton_sous_menu2 a:link   a:visited a:hover {color:#808080; text-decoration: underline ;}







.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;
	

	float:left;
	margin:0 0 0 10px;
	b/order: 2px solid #F00;

}


#colonne1
{
	width:250px;float:left;
	b/order:2px solid #03C;
}
#colonne2
{
	float:right;width:190px;
	b/order:2px solid #2AFF2A;
}


#header_1
{
	width:1008px;
	height:135px;
	background-image:url(/articles-auto/template/images/structure/haut2007_vierge.png);
}

#bloc_logo
{
	width:177px;
	float:left;	
}

#bloc_header
{
	width:750px;
	float:left;padding:15px 0 0 30px;
}


.sidebar {
	float:left;
	background-image:none;
	width: 250px;
	padding-top:0;


}







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























/* MISE EN FORME DU HEADER */















#page #entete {



	height: 135px;



	width: 943px;



	background-image: url("../images/structure/haut2007_vierge.png");



	background-repeat: no-repeat;



	background-position: left top;



	text-align: left;



	margin:0 auto;



}







#page #avant_entete {



	height: 0px;



	width: 922px;



	



	background-repeat: no-repeat;



	background-position: left top;



	text-align: left;



	margin:0 auto;



}



#page #entete #logo {



	margin-left: 60px;



	margin-top: 35px;



	float: left;



	position:relative;



}



#page #entete #zone {



	position: relative;



	left: 56px;



	top:41px;



	display: inline;



	text-align:center;



	



	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;



	filter:alpha(opacity=90);



	



	background-image: url("../images/structure/fond_menu_500.png");



	}



	



	







	#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;
			margin-bottom:9px;
		margin-right:9px;
		border:1px solid #dbdbdb;
			background-color:#FFFFFF;
			margin-left:5px;

		}



		



		



		



		



				



#contenu 



		.bloc_centre_709 .bloc_centre_709_texte p



		{



			margin:10px 10px 20px 10px;



			line-height:18px;



			



		}



		



		



   #contenu   .bloc_centre_709   .bloc_centre_709_titre {



	/*background-image: url("../images/structure/haut_709.gif");



	background-repeat: no-repeat;*/



	background-image:url(../images/barres_transp/blanc.png);



	height: 22px;



	padding-top: 9px;



	margin-left: 20px;



	margin-right: 20px;



	margin-top: 20px;



	margin-bottom: 10px;



	/*margin-bottom: 30px;*/



	padding-left: 5px;



	font-size:12px;



	font-weight:lighter;



	b/order-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 15px 20px;



}



   #contenu   .bloc_centre_709   .bloc_centre_709_texte  h1{



				font-size:17px;
				
				color:#FFF;
				background-image:url(/images/titres/h1.png);
				background-repeat:repeat-y;
				background-position:left;
				padding-bottom: 4px;
				padding-left: 10px;
				padding-top: 4px;
				margin-bottom:25px;
				font-weight:bold;
				
				text-transform:uppercase



}				



   #contenu   .bloc_centre_709   .bloc_centre_709_texte  h2{

		font-size:16px;
				color: #FFF;
				font-size:110%;


				margin: 25px 0 10px -3px;

				background-color:#565656;

				padding-bottom: 4px;

				padding-left: 15px;

				padding-top: 4px;

				LETTER-SPACING: 1px;



}







 #contenu   .bloc_centre_709   .bloc_centre_709_texte  h3{




				b/ackground-color:#FFF076;

				font-size:14px;
				color: #3C3C3C;
				margin: 10px 0 10px 0px;
				border-left:2px solid #3C3C3C;
				border-bottom:1px dashed #3C3C3C;
				padding-bottom: 4px;
				padding-left: 15px;
				padding-top: 4px;
				font-weight:200;
				



				



				



				



				/*border-top: 1px solid #E3E3E3;*/



}











#contenu   .bloc_centre_709   .bloc_centre_709_texte  li{



		list-style-type: none;



		color:#5A5A5A;



		font-family:Arial,Helvetica,Geneva,sans-serif;
		font-style:italic;



		font-size:11pt;



		/*list-style-position: outside;*/



		margin-left:-8px;



		list-style-image: url("/images/puce_header.png");



}







































.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 : 11pt; 



font-family : Arial, Helvetica, Geneva, sans-serif; 



color : #282828; 



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: #B90000; text-decoration:none ;}



a:visited {color: #B90000; text-decoration:none;}



a:hover {color:#808080; text-decoration: underline ;}







a.define:link {color:#282828; border-bottom:1px dotted #808080; }



a.define:visited {color:#000000; border-bottom:1px dotted #808080; }



a.define:hover {color:#000000; 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 #CEE4FF;



			padding:3px 7px 3px 7px;



			background-color:#CEE4FF;



		}



		



		



		



.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:#FF6600;



			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:#FF6600;



		text-decoration:none;



		}



		



		



		



.barre_titre3{



	/*border: 1px solid #E2E2E2;*/



	padding:3px 7px 3px 7px;



	color:#FF6600;



	







}



		.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:#D10F13;



	font-size:16px;



	text-align:left;



	margin-left:50px;



margin-right:50px;



}







.formulaire



{



	border: 1px solid #E1E1E1;



	background-color:#EEF4F9;



}







.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:#424242;



				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: 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: #646E7B;







	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:#424242;



				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;} 



.question {



	padding: 7px 0 8px 40px;



	font-size:14px;



}



.reponse{



	font-size:12px;



	padding: 7px 0 0 0;



	margin-bottom: 15px;



}








.bouton_pieces
	{
		padding:4px;
		border:1px solid #E1E1E1;
	}
	
	.box_piece
	{
		border:1px dashed #E1E1E1;
		background-color:#F8F8F8;
		padding:4px;
		margin:4px;
		float:left;
		height:30px;
		
	}
	
	.box_piece a
	{
		text-align:center;
	}

/* smoke a join and try to fly*/ 


.ombrage_un
{
	text-shadow: 2px 2px 2px #B1B1B1;	
}







.bulle_div
{
	border:1px dashed #CCC;
	background-color:#F9F0CF;
	padding:10px;
	display:none;
	position:absolute;
	margin-top:20px;
	
	width:400px;
}

.bulle_div p
{
	font-size:12px;
	text-align:left;
}







.ombrage_un
{
	text-shadow: 2px 2px 2px #B1B1B1;	
}


.ombrage_intense
{
	text-shadow: 2px 2px 2px #3A3A3A;	
}


.title_moteur
{
	font-size:16px;
	font-weight:bold;
	padding: 5px 0 5px 0;
}


.verre_inti
{
	background-image:url(/images/fond_verre2.png);
	background-position:center center;
	background-repeat:repeat-x;
}


















.div_avis
	{
		width:640px;
		padding:10px 10px 50px 10px;

		border:1px solid #D2D2D2;
		background-color:#F9F9F9;
		margin-bottom:0px;
	}
	.bouton_avis_ligne
	{
		padding:6px;
		border:1px solid #D5D5D5;
		width:280px;
		margin:4px 0 4px 0;
		text-align:center;
	}
	.bouton_avis_ligne a
	{
		text-align:center;
		color:#FFFFFF;
		font-size:15px;
		font-weight:bold;
	}
	.bouton_avis_ligne span
	{
		text-align:center;
		color:#FFFFFF;
		font-size:15px;
		font-weight:bold;
	}













.imite_h1{



				font-size:17px;
				
				color:#FFF;
				background-image:url(/images/titres/h1.png);
				background-repeat:repeat-y;
				background-position:left;
				padding-bottom: 4px;
				padding-left: 10px;
				padding-top: 4px;
				margin-bottom:25px;
				font-weight:bold;
				margin-left:-10px;
				
				text-transform:uppercase



}				



.imite_h2{

				font-size:16px;
				color: #FFF;
				
				margin-left:-50px;

				m/argin: 25px 0 10px 0px;

				background-color:#565656;

				padding-bottom: 4px;

				padding-left: 15px;

				padding-top: 4px;

				LETTER-SPACING: 1px;
				


}

















.header01
	{
		height:120px;
		width:790px;
		border:0px solid #FF0000;
	}
	.image_header
	{
		border:0px solid;
		height:115px;
		width:270px;
		float:left;
	}
	.liens_header
	{
		border:0px solid;
		height:115px;
		width:520px;
		float:left;
	}
	.lien_unitaire
	{
		width:250px;
		float:left;
		border:0px solid #4B950D;
		text-align:left;
		padding:2px;
	}
	.lien_unitaire a
	{
		color:#000000;
		
		font-size:14px;
		overflow:hidden;
	}
	
	.title_header
	{
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
	}



	
.ads_200
{
	
	float:right;
	width:230px;
	margin:-25px 0 30px 20px;
	height:240px;
	padding-top:30px;
	padding-left:30px;
	
	background-image:url(/images/fond_ads-200_200.png);
	background-position:top	
}



.fond_verre
{
		background-image:url(/images/fond_verre.png);
		background-position:center center;
		background-repeat:no-repeat;
}









.bout_droite
{
	background-image:url(/template/images/sidebar/fond_bouton_rouge.gif);
	width:164px;
	height:21px;
	padding-top:5px;
	margin-left:17px;
	
	margin-bottom:7px;
}
.font_bout
{
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	
}






.MENU_encadrement
{
	width:98%;
	border:1px solid #D2D2D2;

	overflow:hidden;
	margin-bottom:5px;
	
	padding:4px 0 4px 0;
	background-image:url(/images/fond_transparent2.png);
	background-position:left;
	background-repeat:repeat-y;
	
	
	
}
.MENU_encadrement:hover
{
	background-image:none;
	background-color:#FFFFFF;
}

.MENU_image
{

	float:left;
	b/ackground-color:#AAFFFF;
	margin-left:5px;


}

.MENU_lien
{
	float:left;
width:80%;
	ba/ckground-color:#D4FF55;
	overflow:hidden;
	padding:4px 0 0 5px;
	display:block;
}


.title_menu_D
{
	border-bottom:1px dashed #000;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	margin:10px 10px 5px 0;
	
	text-align:center;
}
.infos_grisees
{
	font-size:11px;
	color:#707070;
}