/* 	---------------------------------------------------------------------
	Redifine tags -----------------------------------------------------*/
	
	/*	http://bsdq.org/charte_images	*/
	/*	../img				*/
	
	/* DEBUT CSS AJOUTER PAR PHILIPPE RUEL		*/
	
	.Petit-texte { font-size: 10px; }
	.texte11px { font-size: 11px; 	font-weight: normal;	text-align: left; }
	.rouge { color:red; }
	.rouge11px { color:red; font-size: 11px; }
	.blanc { color:white; background-color:#6686A4;}
	.noir { color:black; }
	.TES {
	font-family:Arial, Helvetica, sans-serif;
	color:#002F59;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}


.TES a:link{
	font-family:Arial, Helvetica, sans-serif;
	color:#002F59;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

.TES a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#002F59;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

.TES a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#002F59;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

.TES a:active{
	font-family:Arial, Helvetica, sans-serif;
	color:#002F59;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
	/* FIN CSS AJOUTER PAR PHILIPPE RUEL		*/
	
	
	body { 
		color: #002F59;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 20px 0 0 0; padding: 0; 
	}
	input {
		color:#002F59;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
	}
	h1 { font-size: 16px; }
	h2 { font-size: 13px; }
	h3 { font-size: 12px; }
	h4 { font-size: 12px; }
		h5 { font-size: 12px; }
	h6 { font-size: 12px; }
	
	.texte { font-size: 12px; }
	/*img { display: ; } */
	a {	color:#6686A4; }
	a img { border: none; }
	a:hover { color:#002F59; }
	
	
	.logoprint { display: none; }
/* 	---------------------------------------------------------------------
	Shell -------------------------------------------------------------*/
	#container {
		margin: 0 auto;
		width: 980px;
	}
	#col_un {
		float: left;
		width: 190px; 
	}
	#col_deux {
		float: right;
		padding: 11px 0 0 0;
		width: 194px;
	}
	
	h1#bsdq_logo { margin:0; }
	h1#bsdq_logo a {
		background: url(../charte_images/bsdq_logo.gif) center center no-repeat;
		display: block;
		width: 190px; height: 123px;
	}	
	#search_box {
		background-color: #e2e2e2;
		border-right: solid 1px #d3d3d3;
		height: 46px;
	}
	.input_search { 
		border: solid 1px #a5acb2;
		float: left; 
		margin: 13px 0 0 10px;  
		width: 126px;
	}
	.search_btn { 
		float: left; 
		margin: 9px 0 0 8px;
	}
	
	/*----------------------- Menu --------------------------*/
	#menu {	
		background: url(../charte_images/bg_sousmenu_li.gif) top left repeat-y;
		clear: both;
		border-right: solid 1px #d3d3d3;
		height: auto;
		list-style-type: none;
		margin: 0; padding: 0;
	}
		#menu li {
			/*line-height: 20px;*/
			/*border-right: solid 1px #d3d3d3;*/
		}
		#menu li a {
			background: url(../charte_images/bg_menu.gif) top left no-repeat;
			color:#4E7191;
			display: block;
			font-weight: bold;
			line-height: 20px;
			text-decoration: none;
			text-transform: uppercase;
			padding: 0 0 0 25px; 
		}
		#menu li.selected a {
			background: url(../charte_images/bg_menu.gif) 0px -42px no-repeat;
			color: #002F59;
			font-weight: bold;
			text-decoration: none;
		}
		#menu li a:hover {
			color: #002F59;
		}
		
		/*----------------------- Sous menu --------------------------*/
		#menu ul {
			background: url(../charte_images/bg_sousmenu.gif) top left no-repeat;
			
			display: none;
			list-style-type: none;
			margin: 0 0 0 0; padding: 8px 0 1px 0;		
		}
		#menu li.selected ul {
			display: block;
		}
		#menu ul li {
			background: none;
			border: none;
			text-indent: 0;
			margin: 3px 0;
		}
		
		* html #menu a, * html #menu ul { height: 1%; } /* IE 6 only */
						
		#menu li.selected ul li a {
			background: none;
			color: #002F59;
			display: block;
			font-weight: normal;
			line-height: 15px;
			padding:1px 2px 1px 33px;
			text-decoration: underline;
			text-transform: none;
			text-indent: 0;
		}
		
		#menu li.selected ul li.selected a, #menu li.selected ul li.selected a:hover {
			background: #fffffe url(../charte_images/bg_sousmenuselected.gif) 17px 2px no-repeat;
			color: #4E7191;
			text-decoration: none;
		}
		
		#menu li.selected ul li a:hover, #menu ul li a:hover {
			background-color: #fffffe;
			color:#4E7191;
		}

	
	#partenaires {
		background: url(../charte_images/bg_links.gif) right top no-repeat;
		height: 250px;
		list-style-type: none;
		margin: 0; padding: 0;
	}
		.acq_link a, .cmmtq_link a, .cmeq_link a {
			display: block;
			width: 100%; height: 70px;
		}
		.acq_link a:hover, .cmmtq_link a:hover, .cmeq_link a:hover { background-position: left top; }
		.acq_link a { background: url(../charte_images/btn_acq.gif) left bottom no-repeat; }
		.cmmtq_link a { background: url(../charte_images/btn_cmmtq.gif) left bottom no-repeat; }
		.cmeq_link a { background: url(../charte_images/btn_cmeq.gif) left bottom no-repeat; }
		
	#header {
		background: url(../charte_images/bg_header.gif) top left no-repeat;
		float: right;
		margin: 0 0 10px;
		width: 786px; height: 29px;
	}
		#header ul {
			list-style-type: none;
			float: right;
			margin: 0 0 0 0; padding: 0;
		}
		#header li {
			float: left;
			margin: 0 0 0 1px;
		}
		#header li a {
			background: url(../charte_images/bg_menu2.gif) 0px 19px repeat-x;
			color: #002F59;
			display: block;
			font-size: 11px;
			font-weight: bold;
			height: 26px;
			padding: 4px 0 0 0;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
		}
		.btn_accueil 	{ width: 69px; }
		.btn_services  	{ width: 97px; }
		.btn_contact  	{ width: 124px; }
		.btn_autres  	{ width: 100px; }
		.btn_plan 		{ width: 104px; }
		#header li a:hover {
			color: #d6a54a;
			background-position: 0px -36px;
		}
	/*----------------------- Contenu --------------------------*/
	#content {
		background: url(../charte_images/bg_contenthead.gif) 2px 0px no-repeat;
		float: left;
		width: 591px;
	}
	#content h1.main_title {
		color: #002F59;
		font-size: 13px;
		margin: 69px 0 0 15px; padding: 0 0 20px;
		text-transform:uppercase;
	}
	#content .fil {
		font-size: 11px;
		text-align: right;
		margin: 3px 17px; padding: 0;
	}
	#content a { font-weight: bold; }
	#content .fil a { color: #557895; text-decoration: none; font-weight: normal; }
	#content .fil a:hover { color: #557895; text-decoration: underline; } 
	#content .fil .pagecourante { color: #ddaa4d; } 
	
	#contenu {
		background: url(../charte_images/bg_content.gif) center center repeat-y;
		padding: 0 25px 20px 15px;
		height: 600px;
		text-align: justify;
	}
	#contenuPopup {
		background: url(../charte_images/bg_content.gif) center center repeat-y;
		padding: 0 25px 20px 15px;
		height: 300px;
		text-align: justify;
	}
	/* Pour faire fonctionner le mi-heigth avec ie */
	html>body #contenu {
		height: auto;
		min-height: 600px;
	}
	#contenu p {
		margin: 10px 0;
		text-align: justify;
	}
	#footer {
		background: url(../charte_images/bg_footer.gif) -3px 0px no-repeat;
	}
	#t_footer {
		background: url(../charte_images/t_footer.gif) center center no-repeat;
		margin: 0 auto; padding: 20px 0 0 0;
		width: 276px; height: 13px;
	}
	#footer2 {
		background: red;
		clear: both;
		width: 980px;
	}
	
	
	/*----------------------- Boites --------------------------*/
	.box_frame {
		background: url(../charte_images/box_content.gif) left center repeat-y;
		margin: 0 0 10px 0
	}
	.box_container {
		background: url(../charte_images/box_top.gif) left top no-repeat;
	}
	.box_content {
		background: url(../charte_images/box_bottom.gif) left bottom no-repeat;	
		width: 194px;
		padding: 3px 0px 5px 3px;
	}	
	.box_content a img { display: block; }
	.news_listing a img, news_listing_tes a img { display: inline; }
	
	#banniere_tes {
		background: url(../charte_images/banniere_tes.jpg) center center no-repeat;
		display: block;
		width: 187px; height: 165px;
	}
	#banniere_form {
		background: url(../charte_images/banniere_form.jpg) center top no-repeat;
		margin: 0 0 10px 0;
		position: relative;
		width: 194px; height: 100px;
	}
	#banniere_form .fra { 
		display: block;
		position: absolute; 
		top: 28px; left: 20px;
		width: 65px; height: 60px;
	} 
	#banniere_form .ang { 
		display: block;
		position: absolute; 
		top: 28px; left: 110px;
		width: 65px; height: 60px;
	} 
	.p_annonce img { display: block; }
	
	/*---------------------------- Annonces -------------------------------*/
	
	.box_frame p {
		margin: 0;
	}
	
	/*----------------------- Bannieres page TES --------------------------*/
	#banniere_tes_exploitation {
		background: url(../charte_images/banniere_tes_exploitation.jpg) center center no-repeat;
		display: block;
		width: 187px; height: 70px;
	}
	#banniere_tes_demo {
		background: url(../charte_images/banniere_tes_demo.gif) center center no-repeat;
		display: block;
		width: 187px; height: 70px;
	}
	
	
	/*----------------------- Nouvelles --------------------------*/
	.news_listing, .news_listing_tes  {
		background-color: #f1ebdf;
		border: solid 1px #d8d2c6; 
		width: 185px;
	}
	.news_listing_tes { 
		background-color: #E2EDFA; 
	}
	.news_listing_tes h2 { 
		background: url(../charte_images/t_nouvelles_tes.gif) left top no-repeat;
		margin: 0; padding: 0;
		width: 185px; height: 25px;
	}
	.news_listing h2 {
		background: url(../charte_images/t_nouvelles.gif) left top no-repeat;
		margin: 0; padding: 0;
		width: 185px; height: 25px;
	}
	.news_plus {
		background: #fff url(../charte_images/btn_fleche.gif) 95% 50% no-repeat;
		color:#002F59;
		display: block;
		font-size: 11px;
		font-weight: normal;
		line-height: 20px;
		text-align: right;
		margin-bottom: 5px; padding: 0 20px 0 0;
	}
	* html .news_plus { margin-right: -6px; } /* IE6 bug ghost text */
	
	#box_nouvelles {
		color:#AF7C20;
		list-style-type: none;
		margin: 0; padding: 0;
		width: 185px;
	}
	#box_nouvelles img {
		padding: 0 0 0 3px;
		display: inline;
	}
	#box_nouvelles .date {
		background-color:#002F59;
		color:#fff;
		font-size:10px;
	}
	#box_nouvelles li {
		padding: 0 15px 5px 5px;
	}
	#box_nouvelles a {
		color:#AF7C20;
		text-decoration: none;
	}	
	
	
	
	.nouvelles_categorie { 
		display:inline-block;
	}
	.nouvelle_line {padding: 0 0 10px 10px;width:480px;vertical-align:top;}
		.nouvelle_ArchiveLine {padding: 0 0 0 10px;}
		.nouvelle_texte { float:right;  width:320px; display:inline; vertical-align:top;}
		.nouvelle_date, #contenu  p.nouvelle_date { float:left;  width:130px; font-weight: bold; display:inline; vertical-align:top;}
		.nouvelle_dateSansCouleur, #contenu  p.nouvelle_dateSansCouleur { float:left; width:130px; font-weight: bold; display:inline;}
		.nouvelle_dateSansCouleurNoMarge, #contenu  p.nouvelle_dateSansCouleurNoMarge { float:left;  width:120px; text-align: right; font-weight: bold; display:inline;}



	.spanImgColorLegendBleufonce {
	
	background: url(../charte_images/carreBleufonce.jpg) center center no-repeat;
	padding-left: 35px; 

	
	}
	.spanImgColorLegendBleupale {
		
		background: url(../charte_images/carreBleupale.jpg) center center no-repeat;
		padding-left: 35px; 
	
		
		}
	
	.spanImgColorLegendGris {
		
		background: url(../charte_images/carreGris.jpg) center center no-repeat;
		padding-left: 35px; 
	
		
		}
	
	
	
	/*--------------------------------------------------------------
	Contenu caché mais présent pour accessibilité et SEO
	 -------------------------------------------------------------*/
	h1#bsdq_logo a span, #frm_recherche label,
	.acq_link a span, .cmmtq_link a span, .cmeq_link a span,
	#t_footer span, #menu_access, #banniere_tes span,
	#banniere_form span, .news_listing h2 span,
	#banniere_tes_exploitation span, #banniere_tes_demo span,
	.news_listing_tes h2 span, #content .fil 
	{ position: absolute; left: -99999px; font-size: 0.1px; }
	
	
	/*-------------------- Calendrier --------------------*/

.calendar {
	background-color: #fff;
	border-left: 1px solid #A2ADBC;
	color: #a7aeb6;
	font: normal 10px/20px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto; padding: 0;
	text-align: center;
	width: 141px;
}
.calendar th {
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
	color: #616B76;
	font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
}
.calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	text-align: center;
	width: 20px; height: 20px;
}
.calendar caption {
	background: #e1ede4;
	border-left: solid 1px #A2ADBC;
	border-right: solid 1px #A2ADBC;
	border-top: solid 1px #A2ADBC;
	color: #616B76;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0; margin: 0 auto;
	text-align: center;
	width: 141px;
}
.calendar .nav, .calendar .nav a {
	color: #616B76;	
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}	
tr.jours {
	background: url(bg.gif);
}


.calendriermois .calendar {
	float: left;
	margin: 0 0 20px 0;
}
.calendriermois .calendar caption {
	margin: 0;
}

.calendriermois .calendrierlegende {
	float: left;
	margin: 5px 0 0 15px;
	width: 260px;
}

/*-----Jours spéciaux---------*/

tr.jours td a { cursor: default; position: relative; color: #616B76; text-decoration: none; } 
tr.jours td a:visited { color: #616B76; }
tr.jours td a em {
	cursor: default;
    display:none;
}
tr.jours td a:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
.tooltip { 
	position: relative;
	top: 0;
}
.tooltip em {
	background: #fff;
	border: solid 1px #0F4050;
	cursor: default;
	display: block;
	font-family:verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	margin: 0; padding: 0 0 0 5px; 
	position: absolute;
	text-align: left;
	top: 5px; left: 0px;
	width: 150px;
}


.tooltip em span{ display:block; }


tr.jours td a:hover em span { position: absolute; } /* IE 6 */

/*
tr.jours td a:hover em span.Aucune,
tr.jours td a:hover em span.Rouge, 
tr.jours td a:hover em span.Orange,
tr.jours td a:hover em span.Bleu,
tr.jours td a:hover em span.Violet,
tr.jours td a:hover em span.Vert,
tr.jours td a:hover em span.Jaune, 
tr.jours td a:hover em span.Gris,
tr.jours td a:hover em span.Noir, 
tr.jours td a:hover em span.Turquoise,
tr.jours td a:hover em span.BleuMarine, 
tr.jours td a:hover em span.RougeBrique,
tr.jours td a:hover em span.Rose*/



em span.Aucune,
em span.Rouge, 
em span.Orange,
em span.Bleu,
em span.Violet,
em span.Vert,
em span.Jaune, 
em span.Gris,
em span.Noir, 
em span.Turquoise,
em span.BleuMarine, 
em span.RougeBrique,
em span.Rose
	{ position: relative; display: block; }




em span.Aucune { 
	background: url(../images/calendrier/Aucune.gif) 0px 3px no-repeat;
	padding-left: 15px; 
	}
em span.Rouge { 
	background: url(/images/calendrier/Rouge.gif) 0px 3px no-repeat;
	padding-left: 15px; 
	}
em span.Orange { 
	background: url(../images/calendrier/Orange.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Bleu { 
	background: url(../images/calendrier/Bleu.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Violet { 
	background: url(../images/calendrier/Violet.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Vert { 
	background: url(../images/calendrier/Vert.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Jaune { 
	background: url(../images/calendrier/Jaune.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Gris { 
	background: url(../images/calendrier/Gris.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Noir { 
	background: url(../images/calendrier/Noir.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Turquoise { 
	background: url(../images/calendrier/Turquoise.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.BleuMarine { 
	background: url(../images/calendrier/BleuMarine.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.RougeBrique { 
	background: url(../images/calendrier/RougeBrique.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}
em span.Rose { 
	background: url(../images/calendrier/Rose.gif) 0px 3px no-repeat; 
	padding-left: 15px; 
	}

em span.item { 
	position: relative;
} 

td.Aucune, td.Rouge , td.Orange, td.Bleu, td.Violet, td.Vert, td.Jaune, td.Gris, td.Noir, td.Turquoise, td.BleuMarine, td.RougeBrique, td.Rose { color: #616b76; font-weight: bold; }
td.Aucune { background: url(../images/calendrier/speciaux.gif) 0px 0px no-repeat; }
td.Rouge { background: url(../images/calendrier/speciaux.gif) -19px 0px no-repeat; }
td.Orange { background: url(../images/calendrier/speciaux.gif) -38px 0px no-repeat; }
td.Bleu { background: url(../images/calendrier/speciaux.gif) -57px 0px no-repeat; }
td.Violet { background: url(../images/calendrier/speciaux.gif) -76px 0px no-repeat; }
td.Vert { background: url(../images/calendrier/speciaux.gif) -95px 0px no-repeat; }
td.Jaune { background: url(../images/calendrier/speciaux.gif) -114px 0px no-repeat; }
td.Gris { background: url(../images/calendrier/speciaux.gif) -133px 0px no-repeat; }
td.Noir { background: url(../images/calendrier/speciaux.gif) -152px 0px no-repeat; }
td.Turquoise { background: url(../images/calendrier/speciaux.gif) -171px 0px no-repeat; }
td.BleuMarine { background: url(../images/calendrier/speciaux.gif) -190px 0px no-repeat; }
td.RougeBrique { background: url(../images/calendrier/speciaux.gif) -209px 0px no-repeat; }
td.Rose { background: url(../images/calendrier/speciaux.gif) -228px 0px no-repeat; }

.calendrierlegende {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0 0 0;
}
.calendrierlegende p {
	margin: 5px 0;
}
.calendrierlegende p strong {
	display: block;
	margin: 7px 0 2px 0; padding: 0 0 0 15px;
}
.calendrierlegende p span {
	display: block;
	float: left;
}
.calendrierlegende span.Aucune, .calendrierlegende span.Rouge, .calendrierlegende span.Orange, .calendrierlegende span.Bleu,  .calendrierlegende span.Violet, .calendrierlegende span.Vert, .calendrierlegende span.Jaune,  .calendrierlegende span.Gris, .calendrierlegende span.Noir, .calendrierlegende span.Turquoise, .calendrierlegende span.BleuMarine, .calendrierlegende span.RougeBrique, .calendrierlegende span.Rose { padding-left: 15px; }
.calendrierlegende strong.Aucune { background: url(../images/calendrier/Aucune.gif) left center no-repeat; }
.calendrierlegende strong.Rouge { background: url(../images/calendrier/Rouge.gif) left center no-repeat; }
.calendrierlegende strong.Orange { background: url(../images/calendrier/Orange.gif) left center no-repeat; }
.calendrierlegende strong.Bleu { background: url(../images/calendrier/Bleu.gif) left center no-repeat; }
.calendrierlegende strong.Violet { background: url(../images/calendrier/Violet.gif) left center no-repeat; }
.calendrierlegende strong.Vert { background: url(../images/calendrier/Vert.gif) left center no-repeat; }
.calendrierlegende strong.Jaune { background: url(../images/calendrier/Jaune.gif) left center no-repeat; }
.calendrierlegende strong.Gris { background: url(../images/calendrier/Gris.gif) left center no-repeat; }
.calendrierlegende strong.Noir { background: url(../images/calendrier/Noir.gif) left center no-repeat; }
.calendrierlegende strong.Turquoise { background: url(../images/calendrier/Turquoise.gif) left center no-repeat; }
.calendrierlegende strong.BleuMarine { background: url(../images/calendrier/BleuMarine.gif) left center no-repeat; }
.calendrierlegende strong.RougeBrique { background: url(../images/calendrier/RougeBrique.gif) left center no-repeat; }
.calendrierlegende strong.Rose { background: url(../images/calendrier/Rose.gif) left center no-repeat; }



	#col_calendrier 
	{
		
		padding: 0 0 0 0px;
		float: left;
		width: 172px;
	}
	#col_topcalendrierDroite { 
		/*padding: 0 0 0 190px;*/
		padding: 0 0 10px;
		float: right;
		text-align: right;
		width: 40%;
	}
	#col_topcalendrierGauche { 
	/*	padding: 0 0 0 15px;*/
		padding: 0 0 10px;
		float: left;
		text-align: left;
		width: 40%; 
	}
	
	/* 	------------------------------------------------------------------------
	Datagrid -------------------------------------------------------------*/

	
	.data_header {
		background: url(../charte_images/dataHead.gif) center center repeat-x;
		color: #353d42 !important;
		font-weight: bold;
	}
	#DataGrid_Date1  { border-color: #A2ADBC; }
	#DataGrid_Date2  { border-color: #A2ADBC; }
	#DataGrid_Date3  { border-color: #A2ADBC; }



/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: justify;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: justify;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
text-align: justify;
		color: #002F59;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
text-decoration:none;
padding:10px 20px 10px 10px;
}

.jTip span{
font-weight:bold;
text-decoration:none;
padding: 0px 0px 0px 5px;
}


	
/* -------------------------------------------------------------------------
/* 	---------------------------------------------------------------------
	Autre -------------------------------------------------------------*/		
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {display: inline-block;} /* IE7 */
	/* Hide from IE Mac \*/
	.clearfix { display: block; }
	/* End hide from IE Mac */
	* html .clearfix { height:1px; } /* IE6 */