body {

	background-image: url("/images/fond_bleu.jpg");
	background-attachment:fixed;
	background-position:top;
	background-color:#FFF;
	background-repeat:no-repeat;
	/*text-align: center;*/
	font-family:"Open Sans",calibri,Lucida Grande,Arial, Helvetica, sans-serif;
	font-size:16px;
}



p,td{

font-family :  "Open Sans",calibri,Lucida Grande, Arial, Geneva, sans-serif; 
color : #282828; 
margin-left: 0px ;
margin-top: 0px ;
margin-bottom: 0px ;


}





table
{
	border-collapse:collapse;
	border-color:#E1E1E1;
}
td {
	border-collapse:collapse;
	border-color:#E1E1E1;
}


th {
	border-collapse:collapse;
	border-color:#E1E1E1;
	font-weight:bold;
}

select,input,textarea
		{
			font-size:16px;	
			font-family :  "Open Sans",calibri,Lucida Grande, Arial, Geneva, sans-serif; 
		}

#header_1
{
	max-width:1058px;
	min-height:70px;
}

#page {

	max-width: 1058px;
	margin: 0 auto;
	
	
}
#le922
{

	max-width: 1035px;
	margin: 0 0 0 12px;
	background-image: url("../images/922/fond.png");
	background-repeat:repeat-x;
	font-family:"Open Sans",calibri,Lucida Grande,Trebuchet MS,Arial, Helvetica, sans-serif;
}






#corps {
	max-width: 1058px;
	background-color: #FFF;
	
	b/ackground: linear-gradient(to bottom, #CCCCCC 4px, #FFF 10px);
	
	padding-top:10px;
	border-radius: 10px 10px 0 0;
	box-shadow: 0px 0px 15px #838383;
	
	
}


#colonne1
{
	width:300px;
	float:right;
	margin-right:3px;
	padding-top:10px;
}



	#contenu 
		.bloc_centre_709 
		{
			max-width: 720px;
			text-align: left;
			margin-bottom:9px;
			
			margin-left:0px;
			margin-top:0px;
			
			
}
		

#contenu   .bloc_centre_709   .bloc_centre_709_titre {

	padding:0px;
	text-align:center;
	font-size:14px;
	color:#969696;

} 


 #contenu   .bloc_centre_709   .bloc_centre_709_texte {
	
	padding: 0px 10px 30px 10px;
	b/order:1px solid #C00;
	

}


#contenu   .bloc_centre_709   .bloc_centre_709_texte p {
	margin:10px 0 10px 0;
	b/order:1px dashed #000;
}



#contenu   .bloc_centre_709   .bloc_centre_709_texte img {
	max-width:100%;height:auto ;
	border-radius: 20px;
	
}


#contenu   #conteneur_footer001 img {
	border-radius: 10px;

}



.imite_h1{
				font-family:"Open Sans",calibri;
				text-align:left;
				font-size:32px;
				
				margin-top:10px;
				margin-left:0px;
				margin-bottom:20px;
				color: #3C3C3C;
				padding-top:4px;
				padding-bottom:3px;
				padding-left:10px;
				text-shadow: 0px 0px 2px #C7C7C7;
				font-weight:bold;
}


.imite_h2{

				
				font-family:"Open Sans",calibri;
				text-align:left;
				font-size:28px;
				
				margin-top:20px;
				margin-left:0px;
				margin-bottom:10px;
				color: #3C3C3C;
				
				text-shadow: 0px 0px 2px #C7C7C7;
				font-weight:bold;
				

}

h1
{
	font-size:32px;
}

h2
{
	font-size:28px;
}


#contenu   .bloc_centre_709   .bloc_centre_709_texte  h1{
	font-family:"Open Sans",calibri;
	text-align:left;
	font-size:32px;;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:10px;
	color: #3C3C3C;


	text-shadow: 0px 0px 2px #C7C7C7;
}



#contenu   .bloc_centre_709   .bloc_centre_709_texte  h2{
				
				font-family:"Open Sans",calibri;
				text-align:left;
				font-size:28px;
				
				margin-top:20px;
				margin-left:0px;
				margin-bottom:10px;
				color: #3C3C3C;
				
				text-shadow: 0px 0px 2px #C7C7C7;
				
				
}




#contenu   .bloc_centre_709   .bloc_centre_709_texte  h3{				
			font-family:"Open Sans",calibri;
				text-align:left;
				font-size:20px;
				
				margin-top:30px;
				margin-left:0px;
				margin-bottom:10px;
				color: #3C3C3C;

				text-shadow: 0px 0px 2px #C7C7C7;
}




.ul_menu
{
	margin:0;
	padding:0;
}

.li_menu
{
	display : list-item;
	font-size:18px;
	border:0;
	text-align:left;
	font-family:"Open Sans",calibri,Lucida Grande,Arial,Century Gothic;
	min-height:35px;
	padding: 3px 10px 3px 70px;
	overflow:hidden;
	
}

.li_menu2
{
	display : list-item;
	font-size:18px;
	border:0;
	text-align:left;
	font-family:"Open Sans",calibri,Lucida Grande,Arial,Century Gothic;
	min-height:25px;
	padding: 3px 10px 3px 25px;
	o/verflow:hidden;
	background: url('/images/li_menu_gris.png') no-repeat left center;
	
}

li .li_menu :hover
{
	background-color:#E1E1E1;
}


.li_menu A:link,.li_menu2 a:link {color:#000;}
.li_menu A:hover,.li_menu2 a:hover {color:#000;}
.li_menu A:visited,.li_menu2 a:visited {color:#000;}




a:link { color:#0C7EC9;text-decoration:none ;}
a:visited { color:#0C7EC9; text-decoration:none;}
a:hover {color:#808080; text-decoration: none ; opacity:0.7;}

a.define:link {color:#282828; border-bottom:1px dotted #808080; }
a.define:visited {color:#000000; text-decoration:none; }
a.define:hover {color:#000000; text-decoration: none ;  opacity:0.7; }




.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 { 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: #FFFFFF; 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;
}


#contenu {
	text-align: center;
	vertical-align: top;
	padding: 0;
	font-family:  "Open Sans",calibri,Lucida Grande,Arial, Helvetica, sans-serif;

	b/order:1px solid;
	float:left;
	margin:0;

	width:705px;
	
	

}




























.bouton_raccourci_menu
{
	

	background-color:#B1B1B1;
	padding:5px;	
	margin-top:10px;
	margin-bottom:10px;
	border-radius: 7px;
	b/ox-shadow: 0px 0px 15px #858585;
	b/order:2px solid #DDDDDD;
	width:90%;
}

.b/outon_raccourci_menu::after
{
	
	content: "";
	display: inline-block;
	width: 15px;
	height: 13px;
	margin-right: 3px;
	background-image: url('/images/fleche-droite.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}


.bouton_raccourci_menu a
{
	font-size:18px;
	color:#FFF;
	text-shadow: 0px 0px 2px #3A3A3A;
}


.bleu_bouton
{
	background-color:#1369AA;
}

.vert_bouton
{
	background-color:#1369AA;
}


.orange_bouton
{
	background-color:#FFB30E;
}




.fleche_bt
{
	margin-bottom:-3px;	
}

.bt_action
{
	background-color:#2480BF;
}

.bt_action2
{
	background-color:#B1B1B1;
}

.bt_navigation
{
	background-color:#787878;
}

.bt_big
{
	background-color:#787878;
}

.bt_big a
{
	f/ont-size:26px;
}

.bt_navigation2
{
	background-color:#787878;
}





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

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

	height: 135px;
	width: 943px;
	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;

}






#contenu   .bloc_centre_709   .bloc_centre_709_texte  li{
		
		font-family:"Open Sans",calibri,Lucida Grande,Arial,Helvetica,Geneva,sans-serif;
		
		margin-left:-8px;
		margin-bottom:8px;
		color:#484848;
}


.li_voyant
{
	font-size:18px;
}

.li_gris
{
	color:#969696;
}

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

}



input,textarea {

	border: 1px solid #D3D3D3;
  border-radius: 5px;
}

form
{
	margin:0;
}

.style_blanc {
	color: #FFFFFF;
	margin-top:0;
	margin-bottom:0;
}

#contenu   .bloc_centre_709   .bloc_centre_709_titre a{
	 color:#585858;
}














#___gcse_0 {
  width: 700px;
}

#gsc-i-id1 {
	background-image: none !important;
	text-indent: 2px !important;
   margin-top: 0px !important;
   font-size:20px;
}

.gsc-search-button {
  top: 5px;
  left: -3px;
}


#emplacement_728_2020
{
	z-index:-10;
	max-width:1000px;
	
	border:1px solid #FFF;	
	margin:0 auto;
}



.bouton_relatif
{
	padding:7px;
	background-position:right;
	background-repeat:repeat-y;
	border:1px solid #D2D2D2;

	border-radius: 4px;
	box-shadow: 1px 1px 6px #ABABAB;
	margin-bottom: 5px;
	margin-left:1px;
	display:block;

}

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




.bouton_avis_ligne
{
	padding:6px;
	border-bottom:1px solid #D5D5D5;
	width:95%;
	margin:7px 0 7px 0;
	text-align:center;
	background-color:#F5F5F5;

}


.bouton_avis_ligne:hover
{
	background-color:#999999;
}

.bouton_avis_ligne a
{
	text-align:center;
	color:#343434;
	font-size:20px;
}

.bouton_avis_ligne a:link
{
	
	color:#343434;


}









.style_coquille_menu
{
	display:none;
	min-width:300px;
	max-width:660px;
	min-height:120px;
	
	
	o/pacity: 0.95;
	position:absolute;
	padding:20px;
	margin-left:10px;
	margin-top:0;
	
	z-index:5000;
	box-shadow: 0px 0px 20px #969696; 
	border-radius: 7px;
	b/ackground: linear-gradient(170deg, #BDBDBD, 50px, #EFEFEF 40%);
	background-color:#FFF;
}











.bas_page
{
	background-color:#999;
	border-bottom:5px solid #666;
	padding:20px 0 20px 0;
}



.sous_menu_2018    {

	background-repeat:no-repeat;
	
	margin:0 auto;
	padding:0;
	max-width:1040px;
	list-style-type: none;
	background-position:left;
	
	overflow:hidden;
	box-shadow: 0px 3px 15px #A7A7A7;

	
	

}

.bckgd_menu_2018
{
	background: linear-gradient(180deg,rgba(86,86,86,1) 5%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 68%, rgba(227,227,227,1) 85%);
	
	

	border-radius:5px;
	margin-bottom:10px;
	
}

.sous_menu_2018 ul,.sous_menu2 ul
{	

	padding:5px 0 10px 0;
	margin:0;
	text-align: center;
}

.sous_menu_2018 ul li,.sous_menu2 ul li{
	font-size:26px;
	text-transform: uppercase;
	margin:5px 0 5px 60px;
	padding:0 6px 0 6px;
	text-align:center;

	display:inline-block;
	text-shadow: 0px 0px 12px #A7A7A7;
	b/ackground-color:#787878;
	border-radius:5px;
	font-weight:bold;
}




.sous_menu2 ul li.marge_reduite{
	margin:5px 0 5px 5px;
	font-size:20px;
}


.sous_menu_2018 ul li.avec-image::before,.sous_menu2 ul li.avec-image::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 20px;
	margin-right: 15px;
	background-image: url('/images/li_menu.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}



.sous_menu_2018 ul li.rouge::before,.sous_menu2 ul li.rouge::before {

	background-image: url('/images/li_menu_gris.png');

}

.sous_menu_2018 ul li.gris::before,.sous_menu2 ul li.gris::before {

	background-image: url('/images/li_menu_gris.png');

}


@keyframes progress-bar{
    0% {
        transform: scale(1.1);
        opacity: .1;
    }
    17% {
        transform: scale(1.2);
    }
    24% {
        transform: scale(1.3);
    }
    46% {
        transform: scale(1.4);
    }
    85%,100% {
        opacity: 1;
    }
    100% {
        transform: scale(1.4);
    }
}



.sous_menu_2018 ul li:hover {
	b/ackground-color:#E7E7E7;
	b/ox-shadow: 0px 0px 15px #FFF;
	animation: progress-bar 1000ms;

}

.sous_menu_2018 ul li.onglet_deroulant
{
	background-color:#404040;
	padding:0;
	border-radius:5px;
	margin:8px 10px 0 10px;
	height:35px;
	box-shadow: 0px 0px 7px #3C3C3C;
}

.sous_menu_2018 ul li a:link,.sous_menu2 ul li a:link {color: #3C3C3C; text-decoration:none ; font-family:"Open Sans",calibri,Lucida Grande,Trebuchet MS, Arial;} 
.sous_menu_2018 ul li a:visited,.sous_menu2 ul li a:visited {color: #3C3C3C; text-decoration:none ; } 
.sous_menu_2018 ul li a:hover,.sous_menu2 ul li a:hover {color: #000; text-decoration:none ;} 
.div_puce_menu_2018 a
{
	color:#1A1A1A;
	font-size:18px;
	f/ont-weight:bold;
	font-family:"Open Sans",calibri,Lucida Grande,Trebuchet MS, Arial;
}



.div_puce_menu_2018_MAIN a
{
	color:#1A1A1A;
	font-size:20px;
	font-family:"Open Sans",calibri,Lucida Grande,Trebuchet MS, Arial;
	t/ext-shadow: 0px 0px 3px #545454;
	
}

.div_puce_menu_2018
	{
	min-height:30px;
	p/adding:10px 0;
	}
	
.div_puce_menu_2018_MAIN
	{
	min-height:21px;
	}




.dd_1
		{
			padding:5px;margin:10px 0 10px 0;max-width:645px;border:1px solid #DDDDDD;	border-radius: 4px;box-shadow: 0px 0px 10px #E5E5E5;background-coloor:#FFF;
		}
		
		.dd_2
		{
			color:#FFF;float:left;width:65px;margin:3px 15px 3px 3px;padding:3px; border-radius: 3px;
		}
		
		.dd_3
		{
			float:right;
			padding-top:5px;
			width:85%;
			
		}



.ligne_image_stylisee
	{
		background-color:#FFF;
		border-radius: 15px 15px 0 0 ;
		max-width:705px;
		min-height:300px;
		display: flex;
		filter:alpha(opacity=90);
		  box-shadow: 0px 0px 7px #B7B7B7;
		 margin-bottom:20px;	
		 background-size:100%;
		 
		 
	}




.ligne_menu_dossiers
	{
		background-color:#FFF;
		border-radius: 10px;
		max-width:705px;

		border:0px solid #FFF;
		
		
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		 b/ox-shadow: 1px 1px 8px #919191;
		 box-shadow: 0px 0px 7px #B7B7B7;
		 margin-bottom:20px;
		 margin-top:20px;
		 padding:10px;
		 
		 
		 b/ackground-image:linear-gradient(#FFF, #FFF,#FFF, #E5E5E5, #FFF);
		
	}
	
.ligne_menu_dossiers_IMAGE
	{
		float:left;
		width:230px;
		height:106px;
		background-position: center;
		border-radius: 7px;
		bo/x-shadow: 3px 0px 10px #818181;
		
	}


.contenant_dossiers_500
{
	float:right;
	width:450px;
	height:100px;
	margin:auto;
	
	padding:0 auto;
	
position: relative;
	
	bo/rder:1px solid;

	

}

.intitule_dossiers_500
{
	bor/der:1px solid #FF0000;
	position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%);
  margin:0 auto;
  width:100%;
}

.date_dossiers_500
{
	color:#999;
	font-size:12px;
}



a:link.liens_liste_dossiers_500,a:visited.liens_liste_dossiers_500 {
	
	
	color:#3C3C3C;
	c/olor:#008502;
	font-size:20px;
	text-shadow: 0px 0px 3px #FFF;
	font-weight:600;
	
	} 
	
	
/*mode blocs GPT*/

.grille_dossiers_3col
{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    max-width:705px;
    margin:20px 0;
}

.bloc_dossier_rect
{
    width:calc(33.333% - 14px);
    background-color:#FFF;
    border-radius:10px;
    box-shadow:0px 0px 7px #B7B7B7;
    overflow:hidden;

    display:flex;
    flex-direction:column;
    height:180px; /* ajuste à ton goût */
}

.bloc_dossier_rect_image
{
    width:100%;
    height:90px; /* partie image */
    background-position:center;
    background-size:cover;
}

.bloc_dossier_rect_contenu
{
    flex:1; /* prend l'espace restant */
    display:flex;
    flex-direction:column;
    justify-content:center; /* centre verticalement */
    align-items:center;     /* centre horizontalement */
    text-align:center;
    padding:10px;
}


.bloc_dossier_rect_lien
{
    color:#3C3C3C;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    display:block;
}

.bloc_dossier_rect_lien:hover
{
    opacity:0.7;
}
.bloc_dossier_rect_lien,
.bloc_dossier_rect_lien:visited,
.bloc_dossier_rect_lien:link
{
    color:#000;
    text-decoration:none;
}
/*mode GPT*/
	
	
	
	
	
	
	
	
	
	



.title_menu_D
{
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:40px 10px 5px 0;
	text-align:center;
}


.div_tags
{
	width:100%;
	
	margin:0 0 20px 0;
	b/order:1px solid #FF0000;
	background-color:#EDEDED;
	border-radius: 10px;
	clear:both;
	padding: 10px 0 10px 0;
}

.div_tags_intitule
{
	b/order:1px solid #FF0000;
	b/ackground-color:#EDEDED;
	
	border-radius: 10px 10px 0 0 ;
	padding:0px;
	margin: 0 auto;
	color:#969696;
	f/ont-weight:bold;
	font-size:14px;
}


a.liens_head:link,a.liens_head:visited
{
	color: #fff; text-decoration:none ; font-family:Trebuchet MS, Arial;font-size:14px;
}

.bouton_tag
{
	b/ackground-color:#2480BF;
	background-color:#3EB2FF;
	border-radius: 6px;
	display: inline-block;
	margin: 3px;
	padding:4px 10px 4px 10px;
	box-shadow: 0px 0px 20px #FFF;
	
}

.bouton_tag:hover
{
	background-color:#6B6B6B;
}


.elec_bout
{
	background-color:#449DE1;
}
.hybr_bout
{
	background-color:#7BD102;
}
.fiab_bout
{
	background-color:#EF5757;
}

.conso_bout
{
	background-color:#FF8E02;
}

.CURENT_bout
{
	background-color:#449DE1;
}




@keyframes colorChange {
    0%   { background-color: #E5DF22; }
  
    100% { background-color: #E52121; }
}


.select_fiche
{
	animation-name: colorChange;
    animation-duration: 6s;
    animation-iteration-count: 1;
	background-color: #E52121;
}




.bloc_footer1
	{
		width:285px;
		min-height:190px;
		padding:20px;
		text-align:left;
		margin-bottom:20px;
		background-color: #FFF;	
		box-shadow: 0 0 25px #B1B1B1;
		overflow:hidden;
		border-radius:15px;
	}
	


.taille_mobile_text_bouton
{
	background-color:#A5A5A5;
	padding:4px;
	width:80%;
	border-radius: 20px;
	box-shadow: 1px 1px 10px #969696;
	margin-bottom:10px;
}







#tableau_barre_note
{
	width:100%;	
}


.intitu_cpt{
	font-size:16px;
}


.fond_barre_note
{
	border:0px solid #D3D3D3;
	height:21px;
	background-color:#FFF;
	border-radius: 4px;
	padding-left:1px;
	box-shadow: 1px 1px 4px #E1E1E1;
	
	float:right;
}
.barre_note
{
	height:19px;
	margin-top:1px;
	background-color:#B90000;
	
	background-position:center left;
	float:left;
	
	border-radius: 4px;
}


.fond_barre_note
{
	width:95%;

}

.note_dans_barre
{
	font-size:15px;
	color:#FFF;
	font-weight:bold;
	te/xt-align:right;
	t/ext-shadow: 1px 1px #5A5A5A;
	ma/rgin-right:10px;
}



.barre_R
{
	
	background-image:linear-gradient(to right,#FFF,#D70004 30%);
	
	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_rouge.jpg&largeur=10);	

	animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}


.barre_O
{
	background-image:linear-gradient(to right,#FFF,#F5930E 30%);
	
	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_orange.jpg&largeur=10);	
	b/ackground-size: 10%;

}
.barre_V1
{
	background-image:linear-gradient(to right,#FFF,#F0D500 30%);

	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_vert1.jpg&largeur=10);	
	b/ackground-size: 10%;
}
.barre_V2
{
	background-image:linear-gradient(to right,#FFF,#08DD05 30%);
	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_verte2.jpg&largeur=10);	
	b/ackground-size: 10%;
}
.barre_V3
{
	background-image:linear-gradient(to right,#FFF,#146518 30%);
	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_verte3.jpg&largeur=10);	
	b/ackground-size: 10%;
}
.barre_V4
{
	background-image:linear-gradient(to right,#FFF,#084309 30%);
	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_verte4.jpg&largeur=10);	
	b/ackground-size: 10%;
}
.barre_V5
{
	background-image:linear-gradient(to right,#FFF,#146518 30%);
	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_verte5.jpg&largeur=10);	
	b/ackground-size: 10%;
}
.barre_V22
{
	background-image:linear-gradient(to right,#FFF,#02AF08 30%);
	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_verte22.jpg&largeur=10);	
	b/ackground-size: 10%;
}
.barre_V222
{
	background-image:linear-gradient(to right,#FFF,#07870B 30%);
	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_verte22.jpg&largeur=10);	
	b/ackground-size: 10%;
}
.barre_Vjaunatre
{
	background-image:linear-gradient(to right,#FFF,#6AA502 30%);
	b/ackground-image:url(../fonctions/images.php?img_url=../images/barres_notes/barre_verte2-jaune.jpg&largeur=10);	
	b/ackground-size: 10%;
}




h3.titre_qualites
{
	margin-bottom:-20px;
	padding:8px;
	background-color:#01A506;
	border-radius:4px;
}

h3.titre_defauts
{
	margin-bottom:-20px;
	padding:8px;
	background-color:#D70004;
	border-radius:4px;
}

/* p a remplace h3 à partir de janvier 2025*/
p.titre_qualites
{
	font-size:22px;
	margin-bottom:-20px;
	padding:8px;
	background-color:#01A506;
	border-radius:4px;
	font-weight:bold;
	color:#FFF;
}

p.titre_defauts
{
	font-size:22px;
	margin-bottom:-20px;
	padding:8px;
	background-color:#D70004;
	border-radius:4px;
	font-weight:bold;
	color:#FFF;
}



#page #corps #le922 #contenu .bloc_centre_709 .bloc_centre_709_texte #plus_et_moins h3.titre_qualites,#page #corps #le922 #contenu .bloc_centre_709 .bloc_centre_709_texte #plus_et_moins  h3.titre_defauts
{
	color:#FFF;
}




.verre_ch_ventes
	{
		background-image:url(/images/fond_verre2.png);
		color:#FFF;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		background-position:center;
	
	}
	.gris_intitu
	{
		background-color:#F8F8F8;	
	}



.vignette_galerie
		{
			margin:5px;
			width:31%;
			float:left;
			height:80px;
			overflow:hidden;
			border:1px solid #A7A7A7;
			background-color:#000
		}






@keyframes clignoter {
  0%   { opacity:1; }
  50%   {opacity:0.4; }
  100% { opacity:1; }
}





.intiu_fiabilite
	{
		padding:6px;
		font-weight:bold;
		background-color:#F3F3F3;
		font-size:14px;
	}
	.donnee_fiabilite,.donnee_fiabilite strong
	{
		padding:6px;
		color:#FFF;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		background-image:url(/images/fond_verre.png);
	}
	

.verre_ct
{
	background-image:url(/images/fond_verre.png);
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background-position:center;
	
}







	.dim_tech
	{
		background-size: 100%;
		width:100%;
		height:315px;
		background-repeat:no-repeat;
		
	}
	
	
	.c_orange
				{
					font-weight:bold;
					color:#FF7F00;
				}
				.c_vert
				{
					font-weight:bold;
					color:#07C126;
				}
	.fond_technique
	{
		background-image:url(/images/fiche-technique/BASE.gif);
		
	}
	
	
	.ENGINE_transversal_avant
	{
		background-image:url(/images/fiche-technique/moteur-avant-transversal.png);
	}
	.ENGINE_longitudinal_avant
	{
		background-image:url(/images/fiche-technique/moteur-avant-longitudinal.png);
	}
	.ENGINE_transversal_arriere
	{
		background-image:url(/images/fiche-technique/moteur-arriere-transversal.png);
	}
	.ENGINE_transversal_central_arriere
	{
		background-image:url(/images/fiche-technique/moteur-central-arriere-transversal.png);
	}
	.ENGINE_longitudinal_arriere
	{
		background-image:url(/images/fiche-technique/moteur-arriere-central-longitudinal.png);
	}
	.ENGINE_transversal_avant_electrique
	{
		background-image:url(/images/fiche-technique/moteur-avant-transversal-electrique.png);
	}
	.ENGINE_eaxle_arriere_avant_option
	{
		background-image:url(/images/fiche-technique/eaxle-arriere-avant-option.png);
	}
	.ENGINE_eaxle_arriere_avant_serie
	{
		background-image:url(/images/fiche-technique/eaxle-arriere-avant-serie.png);
	}
	
	
	
	
	.TRANSM_transversal_4X4_OPTION
	{
		background-image:url(/images/fiche-technique/cardan-arriere-moteur-transversal-TRANSPARENT.png);
		
	}
	.TRANSM_longitudinal_4X4_OPTION
	{
		background-image:url(/images/fiche-technique/cardan-arriere-moteur-longitudinal-TRANSPARENT.png);
	}
	.TRANSM_longitudinal_traction
	{
		background-image:url(/images/fiche-technique/cardan-avant.png);
	}
	.TRANSM_longitudinal_traction_OPTION
	{
		background-image:url(/images/fiche-technique/cardan-avant-option.png);
	}
	.TRANSM_longitudinal_propulsion
	{
		background-image:url(/images/fiche-technique/cardan-arriere-moteur-longitudinal.png);
	}
	.TRANSM_transversal_4X4
	{
		background-image:url(/images/fiche-technique/cardan-arriere-moteur-transversal.png);
	}
	
	
	
	
	.TRAIN_AVANT_macpherson
	{
		background-image:url(/images/fiche-technique/macpherson-avant.png);
	}
	.TRAIN_AVANT_triangle
	{
		background-image:url(/images/fiche-technique/double-triangle-avant.png);
	}
	.TRAIN_AVANT_rigide
	{
		background-image:url(/images/fiche-technique/essieu-avant-rigide.png);
	}
	
	
	
	.TRAIN_ARRIERE_semi_rigide
	{
		background-image:url(/images/fiche-technique/semi-rigide-arriere.png);
	}
	.TRAIN_ARRIERE_semi_rigide_OU_MULTIBRAS
	{
		background-image:url(/images/fiche-technique/multibras-OU-semi-rigide-arriere.png);
	}
	.TRAIN_ARRIERE_semi_rigide_OU_TRIANGLE
	{
		background-image:url(/images/fiche-technique/triangle-OU-semi-rigide-arriere.png);
	}
	.TRAIN_ARRIERE_multibras
	{
		background-image:url(/images/fiche-technique/multibras-arriere.png);
	}
	.TRAIN_ARRIERE_triangle
	{
		background-image:url(/images/fiche-technique/double-triangle-arriere.png);
	}
	.TRAIN_ARRIERE_de_dion
	{
		background-image:url(/images/fiche-technique/essieu-arriere-de-dion.png);
	}
	.TRAIN_ARRIERE_rigide
	{
		background-image:url(/images/fiche-technique/essieu-arriere-rigide.png);
	}
	.TRAIN_ARRIERE_macpherson
	{
		background-image:url(/images/fiche-technique/macpherson-arriere.png);
	}
	.TRAIN_ARRIERE_torsion
	{
		background-image:url(/images/fiche-technique/essieu-torsion-simple-arriere.png);
	}
	

	.AMORT_PILOT_amortisseurs_et_pneumatique
	{
		background-image:url(/images/fiche-technique/amortissement-pilote-ET-pneumatique.png);
	}
	.AMORT_PILOT_seul
	{
		background-image:url(/images/fiche-technique/amortissement-pilote.png);
	}
	.AMORT_PILOT_pneumatique_ET_amort_arriere
	{
		background-image:url(/images/fiche-technique/amortissement-pilote-ET-pneumatique-ARRIERE.png);
	}
	.AMORT_PILOT_pneumatique_arriere
	{
		background-image:url(/images/fiche-technique/suspension-pneumatique-seule-arriere.png);
	}
	.AMORT_PILOT_pneumatique_seul
	{
		background-image:url(/images/fiche-technique/suspension-pneumatique-seule.png);
	}
	

	.ARR_DIRECTEUR
	{
		background-image:url(/images/fiche-technique/roues-arriere-directrices.png);
	}
	
	.no_repeat_bck
	{
		background-repeat:no-repeat;	
	}
	

	.eaxle_arriere_option
	{
		background-image:url(/images/fiche-technique/eaxle-arriere-option.png);
	}
	.eaxle_arriere
	{
		background-image:url(/images/fiche-technique/eaxle-arriere.png);
	}
	

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

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



.intiu_pneu
{
	padding:6px;
	font-weight:bold;
	
}

.text_center
{
	text-align:center;
}


.donnee_pneu
{
	padding:6px;
	color:#747474;

	text-align:center;

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



	
	.liste_ft
		{
			font-size:20px;
			
		}
		a:link.liste_ft
		{
			color:#3C3C3C;
		}
		a:visited.liste_ft
		{
			color:#565656;
		}
		

		.black
		{
			color:#5A5A5A;
		}



	
	
a:link.liste_FT_bleu_elec
{
	color:#0276A7;
}

a:link.liste_FT_vert_hybr
{
	color:#189A2D;
}

.black
{
	color:#5A5A5A;
}





.liste_deroulante_droite
{
	width:100%;
	height:30px;
	font-weight:bold;
	
	border-radius:10px;
	font-family:Trebuchet MS, Arial;
	border:1px solid #B5B5B5;
	background-color:#FFF;
	font-size:20px;	
	margin-bottom:5px;
	margin-top:5px;
	
}







.row_border
{
	border-bottom: 1px solid #E1E1E1;
}




.td_center
{
	text-align:center;
}

.td_left
{
	text-align:left;
}




.texte_gris
{
	color:#969696;
}









.chapitrage
{

margin:0 auto;
width:100%;
padding:0;
border-left:4px solid #5A5A5A;

}




.angle_arrondi1
{
	 border-radius: 6px;
	 
	 box-shadow: 0px 0px 10px #787878;
}





/*fleche qui ramene en haut*/
 #back-to-top {
    position: fixed;
    bottom: 20px;
    left: 95%;
    transform: translateX(-50%);
    display: none;
    border: 0;
    background: none;
  }


/*div adblocker*/

#YzCHJyeRbcuF {
display:none;
position: fixed; /* Fixé à l'écran */
    top: 0;
    left: 0;
    width: 100%; /* Couvre toute la largeur */
    height: 100%; /* Couvre toute la hauteur */
    background-color: rgba(0, 0, 0, 0.95); /* Fond semi-transparent */
    z-index: 9999; /* Toujours au-dessus du contenu */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    color: white; /* Texte en blanc */
    font-family: Arial, sans-serif; /* Police lisible */
    text-align: center; /* Centre le texte */
    padding: 20px; /* Espacement interne */
	font-size:24px;
}


.optidigital-wrapper-div
{
	background-color:#EBEBEB;
	border-radius:10px;
	padding:10px;
	padding-bottom:-70px;
	margin-bottom:10px;
}

.chemin
{
	margin-top:15px;	
	border:1px solid #F1F1F1;
	background-color:#F1F1F1;
	border-radius:8px;
	padding:5px;
}


.chemin A:link{ color:#666; font-style:italic; font-weight:bold;}
.chemin A:hover{ color:#787878;}
.chemin A:visited{ color:#666;}


.image_intro_fiches
{
	margin:0 auto;
	max-width:100%;
	aspect-ratio:16/2;
	background-position:center;
	border:0px solid #D1D1D1;
	border-radius:10px;
	background-size: 100% auto;
}

































@media only screen and (max-width : 750px)
{
	

	body {
		background-image: url("/images/fond_bleu_mobile.jpg");
		font-size:16px;
	
	}
	
	
	
	html, body {
    margin: 0;
    padding: 0;
}
	
	
	#le922
	{

		margin: 0px;
	}
	
	
	
	#corps {
	width: 100%;

	border-radius: none;
	box-shadow: none;
	margin:0;

	box-shadow: 0px -15px 10px #FFF;
	
}

	
	#header_1
	{
		margin-top:5px;
		margin-bottom:-5px;
		overflow:hidden;
		
	}
	
	#contenu
	{

		width:100%;
		
		float:none;
	}
	
	#contenu 
		.bloc_centre_709 
		{
			
			
			overflow:hidden;
		}
		
		
		
	
		
	.bloc_centre_709_texte p
	{
		margin:10px;
	   
	   c/olor:#FF0000;
	}
	
	
	
	
	table,table td,table td strong,table td b,table td a,table th
	{
		font-size:14px;	!important;
	}
	

		
		
		
	.tab_fiabili td.intiu_fiabilite
	{
			font-size:10px;
		padding:5px 0 5px 0;
		overflow:hidden;
	}
	
	.tab_fiabili td.intiu_fiabilite a {
		/*Pour que les propriétés du dessus s'appliquent même quand il y a un lien <a, car la  taille n'était pas prise en compte*/
    font-size: inherit;   /* hérite de la cellule */
    color: inherit;       /* reprend la couleur du texte */
    text-decoration: none;
	}
	
	.tab_fiabili td.donnee_fiabilite
	{
			font-size:12px;
		padding:5px 0 5px 0;
		overflow:hidden;
	}
	

	#contenu .bloc_centre_709 .bloc_centre_709_texte table.tableau_ventes td,
	#contenu .bloc_centre_709 .bloc_centre_709_texte table.tableau_ventes td strong,
	#contenu .bloc_centre_709 .bloc_centre_709_texte table.tableau_ventes td.verre_ch_ventes,
	#contenu .bloc_centre_709 .bloc_centre_709_texte table td.verre_inti ,.verre_inti font,.verre_inti strong,.verre_inti font,.verre_inti b,.verre_inti span
	#contenu .bloc_centre_709 .bloc_centre_709_texte table td.donnee_pneu ,.donnee_pneu font,.donnee_pneu strong,.donnee_pneu font,.donnee_pneu b,.donnee_pneu span
	#contenu .bloc_centre_709 .bloc_centre_709_texte table td.cell_perfs ,.cell_perfs font,.cell_perfs strong,.cell_perfs font,.cell_perfs b,table td.cell_perfs span
	{
		font-size:14px;
		
	}
	

	table.tab_SANS_RESPONSIVE p,table.tab_SANS_RESPONSIVE span,table.tab_SANS_RESPONSIVE b,table.tab_SANS_RESPONSIVE font,table.tab_SANS_RESPONSIVE strong,table.tab_SANS_RESPONSIVE td,table.tab_SANS_RESPONSIVE th
		{
			font-size:16px;	
			c/olor:#FF0000;
		}		
	
	
	#colonne1
	{
		width:97%;	
	}
	

	

	
	
	.imite_h1{
					font-size:20px;
	}
	
	
	.imite_h2{
					font-size:20px;
	}
	
	
	h1
	{
		font-size:20px;
	}
	
	h2
	{
		font-size:20px;
	}
		
	
	#contenu   .bloc_centre_709   .bloc_centre_709_texte  h1{
		font-size:20px;;
		
		margin:10px 0 10px 0;
	}
	
	
	#contenu   .bloc_centre_709   .bloc_centre_709_texte  h2{
					
					font-size:20px;					
	}

	
	
	
	
	.bloc_footer1
	{
		width:48%;
		border:0px;
		padding:0px;
		
		margin-bottom:10px;
		border-radius: 10px;
		background-color: rgba(255, 255, 255, 0.9);	
		box-shadow:none;
	}
	
	.taille_mobile_text_bouton
	{
		
		margin-bottom:20px;
	}
	
	.liens_liste_dossiers_500
	{
		font-size:16px;
		font-weight:bold;
		margin-top:5px;

	}
	
	
	
	

	
	
	.ligne_menu_dossiers_IMAGE
	{

		s/cale:0.5;
		width:30%;
		height:70px;
		
		background-size:100%;
		b/order:1px solid;
		padding:0;
		margin:5px 0 0 0;

	}
	
	.contenant_dossiers_500
	{
		width:68%;
		height:70px;
		bo/rder:1px solid;
		
	}
	
a:link.liens_liste_dossiers_500,a:visited.liens_liste_dossiers_500 {
	
	
	c/olor:#FF0000;
	font-size:16px;
	text-shadow: 0px 0px 3px #FFF;
	font-weight:bold;
	
	} 
	
	
	
	
	
.bouton_raccourci_menu
{
	padding:5px;	
	margin-top:10px;
	margin-bottom:10px;
	
}
	
	
	.bouton_raccourci_menu a
	{
		font-size:15px;
	}
	
	
	
	
	.vignette_galerie
	{
		margin:2px;
	}
	
	
	
	.bouton_avis_ligne a
	{
		font-size:16px;
	}



	
	
	
	.bouton_relatif a
	{
		font-size:14px;	
		
	}

	
	
	.liste_ft
		{
			font-size:16px;
			
			
		}
	
	.scale_perso
	{
		s/cale:0.8;
	}
	
	
	.dd_3
		{
		
			width:77%;
			
		}
		
		
		
		select,input
		{
			font-size:18px;	
		}
	
	#url_avis
	{
		font-size:16px;	
	}
	
	
	.div_puce_menu_2018_MAIN a
	{
		font-size:18px;
		font-family:"Open Sans",calibri,Lucida Grande,Trebuchet MS, Arial;
	}
	
	
	
	
	a.liens_head:link,a.liens_head:visited
	{
		font-size:14px;
	}
	
	.b/outon_tag
	{
		margin: 5px;
		padding:3px 6px 3px 6px;
	}
	
	
	
	.sous_menu_2018
	{
		height:48px;	
		margin-top:-15px;
		
	}
	
	.sous_menu_2018 ul li.onglet_deroulant
	{
		margin:17px 10px 0 4px;
	}
		
	.sous_menu_2018 ul,.sous_menu2 ul
	{	
		padding:0;
		margin-top:-20px;
	}
	
	.sous_menu_2018 ul
	{	
		padding:10px 0 10px 0;
		text-align: center;
	}
	
	.sous_menu_2018 ul li,.sous_menu2 ul li {
	padding:0 3px 0 3px;
	margin:5px 0 5px 0;
	font-size:15px;
	}
	

	
	
	.sous_menu2 ul
	{	
		padding:4px 0 4px 0;
		margin-top:0px;
	}
	

	
	
	.sous_menu_2018 ul li.avec-image::before,.sous_menu2 ul li.avec-image::before {
	margin-right: 2px;
	}
	
	.sous_menu2 ul li.marge_reduite{
	margin:2px 0 2px 2px;
	font-size:13px;
	font-weight:bold;
	}
	
	
	
	
	
	
	.style_coquille_menu
	{
		margin-left:0;	
	}
	
	
	
	
	.div_tags
	{
		margin:0;
	}
	
	
	
	a:link.liens_liste_dossiers_500,a:visited.liens_liste_dossiers_500 {
	
	

	font-size:16px;

	
	} 
	
	
	.intitu_cpt{
	font-size:14px;
	}

	.li_voyant
	{
		font-size:14px;
	}
	
	
	
	
	



	
	
	.ligne_menu_dossiers
	{
		
		 margin-bottom:10px;
		 margin-top:10px;
		
		
	}
	
	
	.chemin
	{
		margin-top:5px;	
		font-size:12px;
	}
	
	.chemin A:link{ font-size:14px; color:#666; }
	
	
	.chemin a {
    animation: cheminImpact 5s ease-out 1;
}

@keyframes cheminImpact {
    0% {
        color: #0C7EC9;
        text-shadow: 0 0 0px rgba(0,0,0,0);
        transform: scale(1);
    }
    25% {
        color: #ff4d00;
        text-shadow: 0 0 12px rgba(255,77,0,0.7);
        transform: scale(1.08);
    }
    50% {
        color: #ff0000;
        text-shadow: 0 0 18px rgba(255,0,0,0.8);
        transform: scale(1.1);
    }
    100% {
        color: #0C7EC9;
        text-shadow: 0 0 0px rgba(0,0,0,0);
        transform: scale(1);
    }
}

	.optidigital-wrapper-div
	{
	
		padding-bottom:10px;
		
	}
	
	
	ul {
    padding-left: 35px;
	}
	
	#chapitrage_div ul li, ul li a{
		font-size:16px;	
		font-weight:600;
		}
	
	

 .bloc_dossier_rect { height:120px; }
    .bloc_dossier_rect_image
    {
        height:60px;
        background-size:cover;
    }

    .bloc_dossier_rect_contenu
    {
        padding:8px;
    }

    .bloc_dossier_rect_lien
    {
        font-size:15px;
    }
	
	.bckgd_menu_2018
	{
		
		background: linear-gradient( rgba(255,255,255,1) 5%, rgba(255,255,255,1) 68%, rgba(227,227,227,1) 85%);
		
	}
	
	.ligne_image_stylisee
	{
		filter:alpha(opacity=97);
		 
		 
		 
	}
	
	
}






@media only screen and (max-width : 450px)
{
	

	
	
	.dim_tech
	{
		
		height:180px;
	}
	
	
	.scale_perso
	{
		s/cale:0.6;
	}
	
	
	.dd_2
	{
		padding:10px 3px 10px 3px;
	}
	
	.dd_3
	{
	
		width:70%;
		
	}
	
	
	
		
	
	
	
	
	

	
	
	
	
	
	
	
	
	.li_voyant
	{
		font-size:14px;
	}
	
	.optidigital-wrapper-div
	{
	
		padding-bottom:10px;
		
	}
}