/* 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:#FFFFFF;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

}

#page {
	width: 1058px;
	margin: 0 auto;
}

#le922 {
	width: 1035px;
	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_2015.png");
	width: 1058px;
	margin: 0 auto;

}

#menu    {

	background-color: none;
	min-height: 61px;

	list-style-type: none;

}


.sous_menu1 ul {	
	margin:0;
	padding:4px 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 ; font-family:Trebuchet MS, Arial;font-size:14px;font-weight:bold;} 
.sous_menu1 ul li a:visited {color: #FFFFFF; text-decoration:none ; font-family:Trebuchet MS, Arial;font-size:14px;} 
.sous_menu1 ul li a:hover {color: #DBDBDB; text-decoration:none ; font-family:Trebuchet MS, Arial;font-size:14px;} 




.sous_menu1    {

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

}

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

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




@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	
	.sous_menu1 ul {	
	margin:0;
	padding:0;
	text-align: center;

}
	
	.sous_menu1 ul li {
	list-style-type: none;
	color:#FFF;

	margin:10px;
	padding:8px;
	display:inline-block;
	border:1px solid #CFCFCF;
	
	background-image:url(/images/fond_verre2.png);
	background-position:center center;
	background-repeat:repeat-x;

	}

	
	.sous_menu1 ul li a:link {font-size:34px;} 
	.sous_menu1 ul li a:visited {font-size:34px;} 
	.sous_menu1 ul li a:hover {font-size:34px;} 
	
	
	
	.sous_menu1    {

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

	}
	
	.bckgd_menu1
	{
		background-image:none;
		background-color:#4F4F4F;
		
	}
	
	.bckgd_menu2
	{
		background-image:none;
		background-color:#B40000;
	}
}





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


}


#colonne1
{
	width:300px;float:left;
}
#colonne2
{
	float:right;width:215px;
}


#header_1
{
	width:1058px;
	height:135px;
	background-image:url(/articles-auto/template/images/structure/haut2015_vierge.png);
	margin-top:-10px;
}

#bloc_logo
{
	margin:15px 0 0 5px;
	width:270px;
	float:left;	
}

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

.sidebar {

	

	background-image:none;

	width: 250px;
	

	padding:0;
	
	


	

}



.sidebar_droite {



	background-image:none;

	width: 195px;

	padding-top:0;

	

}











/* MISE EN FORME DU HEADER */







#page #entete {

	height: 135px;

	width: 943px;

	background-image: url("../images/structure/haut2015.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;

	}

	

	



	#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: 710px;

			text-align: left;

			margin-bottom:9px;

			border:1px solid #dbdbdb;

			background-color:#FFFFFF;



			margin-left:5px;
			*margin-left:0px;


			

		}

		

		

   #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);
	background-repeat:repeat-y;

	height: 22px;

	padding-top: 2px;

	margin-left: 5px;

	margin-right: 5px;

	margin-top: 5px;

	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 50px 20px;

}











#contenu   .bloc_centre_709   .bloc_centre_709_texte p {

	

	p/adding-left: 10px;
	margin:10px 0 20px 0;
	
	font-size:14px;

}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	#contenu   .bloc_centre_709   .bloc_centre_709_texte p
	{
		font-size:38px;
	}
}
















 #contenu   .bloc_centre_709   .bloc_centre_709_texte  h1{

				font-size:18px;
				font-weight:bold;
				/*color: #6699BE;*/
				margin: 15px 0 15px 0;
				color:#F3F3F3;
				width:660px;
				background-image:url(/images/titres/h1.png);
				padding-bottom: 4px;
				padding-left: 15px;
				padding-top: 4px;

}		


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	#contenu   .bloc_centre_709   .bloc_centre_709_texte  h1{
		
		font-size:38px;

				background-color:#DD0202;
				background-image:none;
		
	}
}





   #contenu   .bloc_centre_709   .bloc_centre_709_texte  h2{

				font-size:16px;

				color: #E3E3E3;

			

				

				margin: 10px 0 10px 0px;

				b/ackground-color:#282828;
				background-image:url(/images/titres/h2.png);

				padding-bottom: 4px;

				padding-left: 15px;

				padding-top: 4px;

				LETTER-SPACING: 1px;

}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	#contenu   .bloc_centre_709   .bloc_centre_709_texte  h2
	{
				font-size:35px;
				background-color:#020202;
				background-image:none;
	}
}



 #contenu   .bloc_centre_709   .bloc_centre_709_texte  h3{

			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;


}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	#contenu   .bloc_centre_709   .bloc_centre_709_texte  h3
	{
		font-size:30px;
	}
}



























































#contenu   .bloc_centre_709   .bloc_centre_709_texte  li{

		list-style-type: none;
		font-size:14px;

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

		margin-left:-8px;

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


}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	#contenu   .bloc_centre_709   .bloc_centre_709_texte  li{

		font-size:38px;


}
}
















.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;
	//border:1px solid #D1D1D1;
	border-color:#D1D1D1;

}

td {

	border-collapse:collapse;
	//border:1px solid #D1D1D1;
	border-color:#D1D1D1;

}

.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:#282828; 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 #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;
	background-position:center;
	background-repeat:repeat-y;

	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/template/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 #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;

}











.bulle_div
{
	border:2px solid #4C4C4C;
	border-left:20px solid;
	background-color:#FFF;
	background-image:url(/images/ombre.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:10px;
	display:none;
	position:absolute;
	margin-top:14px;
	
	width:400px;
}

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




















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








.bouton_relatif
{
	padding:7px;
	background-image:url(/images/deg_gris_droite.jpg);
	background-position:right;
	background-repeat:repeat-y;
	border:1px solid #D2D2D2;

}

.bouton_relatif a
{
	font-size:14px;	
	font-weight:bold;
	color:#323232;
}



.ombrage_un
{
	text-shadow: 1px 1px 1px #E9E9E9;		
}


.ombrage_intense
{
	t/ext-shadow: 1px 1px 1px #E9E9E9;	
}


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



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	
	.verre_inti
		{
			background-image:none;

		}

}















.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;
		
		background-image:url(/images/fond_verre2.png);
		background-position:center center;
		background-repeat:repeat-x;
	}
	.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;
	}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	
	.bouton_avis_ligne
	{
		background-image:none;
	}
	
	
	.bouton_avis_ligne a
	{
		font-size:35px;
	}
	
	
	.bouton_avis_ligne span
	{
		font-size:25px;
	}
}















.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:0;
				
				text-transform:uppercase

}				

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.imite_h1{
		background-color:#CD0C0C;
		background-image:none;
	}
}



.imite_h2{

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


				margin: 25px 0 10px -3px;

				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
{
	background-color:#D7D7D7;
	float:right;
	width:270px;
	margin:-25px 0 30px 20px;
	height:280px;
	padding-top:30px;
	padding-left:30px;
	border:1px solid #FF0000;
	background-image:url(/images/fond_ads-200_200.jpg);
	background-position:top	
}













.bouton_page
{
	background-color:#1E1E1E;
	width:25px;padding:4px;
	float:left;
	margin:5px;
	background-image:url(/images/fond_verre.png);
	text-align:center;
}

.bouton_page_select
{
	background-color:#9D0404;
	width:25px;padding:4px;
	float:left;
	margin:5px;
	background-image:url(/images/fond_verre.png);
	text-align:center;
}

.bouton_page a:link {font-size:18px;color:#BFBFBF;text-align:center;}
.bouton_page a:visited {color:#BFBFBF;}

.bouton_page_select a:link {font-size:18px;color:#BFBFBF;text-align:center;}
.bouton_page a:visited {color:#BFBFBF;}





@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	

		.bouton_page
		{
			background-color:#1E1E1E;
			width:50px;padding:4px;
			float:left;
			margin:5px;
			background-image:none;
			
		}
		
		.bouton_page_select
		{
			background-color:#9D0404;
			width:50px;padding:4px;
			float:left;
			margin:5px;
			background-image:none;
		}
		
		.bouton_page a:link {font-size:40px;color:#BFBFBF;}
		.bouton_page_select a:link {font-size:40px;color:#BFBFBF;}

}



.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;
	
	
	
}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.MENU_encadrement
	{
		min-height:80px;
	}
}





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






.MENU_lien A:link {color:#3C3C3C;}
.MENU_lien A:hover {color:#898989;}
.MENU_lien A:visited {color:#3C3C3C;}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.MENU_lien A:link {font-size:30px}
}


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


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.title_menu_D
	{
		font-size:30px;
		color:#D50707;
	}
}

.infos_grisees
{
	font-size:11px;
	color:#707070;
}






















.redim_10_to_20
{
	font-size:10px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_10_to_20
	{
		font-size:20px;
	}
}



.redim_10_to_28
{
	font-size:10px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_10_to_28
	{
		font-size:28px;
	}
}



.redim_11_to_18
{
	font-size:11px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_11_to_18
	{
		font-size:20px;
	}
}






.redim_14_to_35
{
	font-size:14px;
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_14_to_35
	{
		font-size:30px;
	}
}





.redim_14_to_26
{
	font-size:14px;
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_14_to_26
	{
		font-size:26px;
	}
}




.redim_18_to_35
{
	font-size:18px;
	
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_18_to_35
	{
		font-size:35px;
	}
}






.redim_18_to_30
{
	font-size:18px;
	
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_18_to_30
	{
		font-size:30px;
	}
}



.redim_18_to_40
{
	font-size:18px;
	
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_18_to_40
	{
		font-size:40px;
	}
}




.redim_16_to_20
{
	font-size:16px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_16_to_20
	{
		font-size:20px;
	}
}




.redim_16_to_30
{
	font-size:16px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_16_to_30
	{
		font-size:30px;
	}
}




.redim_16_to_35
{
	font-size:16px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_16_to_35
	{
		font-size:35px;
	}
}






.redim_16_to_40
{
	font-size:16px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_16_to_40
	{
		font-size:40px;
	}
}







.redim_12_to_20
{
	font-size:12px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_12_to_20
	{
		font-size:20px;
	}
}



.redim_12_to_26
{
	font-size:12px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_12_to_26
	{
		font-size:26px;
	}
}




.redim_12_to_30
{
	font-size:12px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_12_to_30
	{
		font-size:26px;
	}
}






.redim_22_to_40
{
	font-size:22px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_22_to_40
	{
		font-size:40px;
	}
}








.redim_30_to_45
{
	font-size:50px;
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.redim_30_to_45
	{
		font-size:75px;
	}
}























.bouton_sous_sujet
	{
		background-color:#EBEBEB;
		margin:4px;
		padding:5px 4px 5px 15px;
		background-image:url(/images/fond_verre.png);
		background-position:center center;
		background-repeat:no-repeat;
	}
	.bouton_sous_sujet a
	{
		color:#101010;
		font-size:14px;
		text-shadow: 2px 2px 2px #BBBBBB;
	}
	
	
	
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.bouton_sous_sujet a
	{
		font-size:34px;
	}
	
	.bouton_sous_sujet
	{
		background-image:none;
		min-height:80px;
	}
}
	
	
	.fond_rouge
	{
		background-color:#878787;
	}
	
	.fond_vert
	{
		background-color:#93E3A2;
	}
	
	
	.bouton_sous_sujet:hover
	{
		background-color:#C1C1C1;
	}































.bouton_moteur
	{
		border:1px solid #E1E1E1;
		margin-bottom:3px;
		background-image:url(/images/fond_verre2.png);
		background-position:center;
		padding:6px;
	}
	
	
	
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	
	.bouton_moteur
	{
		
		background-image:none;
		
	}
	
}
	
	
	
	
	.essence
	{
		background-color:#2B6091;
	}
	.diesel
	{
		background-color:#F57206;
	}
	
	.hybride
	{
		background-color:#138F07;
	}
	
	.electrique
	{
		background-color:#57078F;
	}
	
	.bouton_moteur a:link {color:#FFFFFF;}
	.bouton_moteur a:visited {color:#FFFFFF;}
	.bouton_moteur a:hover {color:#E1E1E1;}
	
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.bouton_moteur a:link {font-size:30px;}
}
	
	
	.bouton_moteur:hover
	{
		background-color:#3C3C3C;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.intiu_fiabilite
	{
		padding:6px;
		font-weight:bold;
		background-color:#F3F3F3;
		font-size:12px;
	}
	.donnee_fiabilite,.donnee_fiabilite strong
	{
		padding:6px;
		color:#FFF;
		text-align:center;
		font-size:13px;
		font-weight:bold;
		background-image:url(/images/fond_verre.png);
	}
	
	
	
	
	
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{	
	.intiu_fiabilite
	{
		padding:6px;
		font-weight:bold;
		background-color:#F3F3F3;
		font-size:18px;
	}
	.donnee_fiabilite,.donnee_fiabilite strong
	{
		padding:6px;
		color:#FFF;
		text-align:center;
		font-size:30px;
		font-weight:bold;
		background-image:none;
	}
}


























.cell_des_perfs
{
	border:1px solid #D1D1D1;
	font-size:12px;
	text-align:center;
	color:#FFFFFF;
	
	background-image:url(/images/fond_verre2.png);
	background-position:center center;
	background-repeat:no-repeat;
}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.cell_des_perfs
	{
		font-size:18px;
	
	}
}













/*bouton ecriree avis*/


.bouton_avis_flex
{
	float:right;
	width:180px;
	height:22px;
}

.bouton_avis_flex a:link {
font-size:18px;	
}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	
	.bouton_avis_flex
	{
		width:710px;
		height:50px;
		float:none;
		clear:both;
	}
	
	.bouton_avis_flex a:link {
	font-size:40px;	
	}
}








.cell_perfs
{
	border:1px solid #D1D1D1;
	padding:3px 5px 3px 5px;
	background-image:url(/images/fond_verre2.png);
	background-position:center center;
	background-repeat:repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.cell_perfs
	{
		border:1px solid #D1D1D1;
		padding:1px 2px 1px 2px;
		background-image:none;
	}
}







.text_center
{
	text-align:center;
}








.texte_vert
{
	color:#1DA702;
}

.texte_rouge
{
	
	color:#DF0606;
}































.intiu_pneu
{
	padding:6px;
	font-weight:bold;
	background-color:#F3F3F3;
	font-size:13px;
}
.intiu_pneu2
{
	padding:6px;
	font-weight:bold;
	background-color:#404040;
	font-size:13px;
	color:#F7F7F7;
}
.donnee_pneu
{
	padding:6px;
	color:#747474;
	text-align:center;
	font-size:13px;
	
	background-image:url(/images/fond_verre2.png);
	background-position:center;
	
}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.intiu_pneu
	{
		padding:2px;
		font-weight:bold;
		background-color:#F3F3F3;
		font-size:28px;
	}
	.intiu_pneu2
	{
		padding:2px;
		font-weight:bold;
		background-color:#404040;
		font-size:28px;
		color:#F7F7F7;
	}
	.donnee_pneu
	{
		padding:2px;
		color:#747474;
		text-align:center;
		font-size:28px;
		
		background-image:none;

		
	}

}



















.area_commentaire
{
	height:230px
}


@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.area_commentaire
	{
		height:500px;
	}
}



























.hauteur_blocs_accueil_index
{
	height:500px;
}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.hauteur_blocs_accueil_index
	{
		height:1000px;
	}
}




.bouton_index_essais
{
	/*rien pasnecessaire en pc*/
}



@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.bouton_index_essais
	{
		height:85px;
	}
}



















.a_voir_aussi
{

	height:400px;
	
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
	.a_voir_aussi
	{
	
		height:700px;
		
	}
}




















/* 4 boutons rouges sous les avis fiches essai*/
	.bouton_liens
	{
		padding:3px 0 5px 0px;
		background-color:#C90202;
		width:140px;
		margin:5px;
		float:left;
		text-align:center;
	}
	.bouton_liens a
	{
		color:#F7F7F7;
		
		font-weight:bold;
	}
	
	
	
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{
		.bouton_liens
	{
		padding:3px 0 5px 0px;
		background-color:#C90202;
		width:320px;
		margin:5px;
		float:left;
		text-align:center;
		height:40px;
		margin-left:200px;
	}
	.bouton_liens a
	{
		font-size:30px;
	}
	
}





.iframe_avis
{
	height:70px;
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{	

	.iframe_avis
	{
		height:80px;
	}

}





@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-device-width : 700px) and (orientation : portrait)
{	
	#contenu h1
	{
		font-size:40px;
	}
}