/*
CE FICHIER CONSTITUE UNE PARTIE DU LOGICIEL Vitamine CMS.
* Le Logiciel Initial "Vitamine CMS" (non modifié par une contribution) est distribuée
	par la Société STUDIO VITAMINE S.A.R.L dont le siège est Hôtel TIC - 1, rue Alexander Fleming – 17000 La Rochelle - France.
	(Site Internet : www.studiovitamine.com - Téléphone 05 46 07 23 16)
* Tous les éléments constitutifs du logiciel Vitamine CMS
	sont la création de Fabien Guy BRANCHUT, l'Auteur de logiciel, né en France le 11 mars 1974 à Angoulême (16).
	(Site Internet : www.fabien-branchut.fr - Téléphone : 06 60 80 26 02)
*/
/*
##################################################
Liste des classes CSS et id réservés :
##################################################
UTILISER PAR LE FRONT-OFFICE
.divZoneEdition
#divZoneEdition_<idZoneEdition>
.divArticle
.divArticleNom
.divArticleContenu
.divArticleImage1
#divArticle_<idArticle>
.divArticleGabarit_<idArticleGabarit>

UTILISER PAR LE ADMIN/FRONT-OFFICE (=BoFo)
toutes les classes ou id contenant la chaine "BoFo" ainsi que :
.divGabarit
#divGabarit_<idGabarit>
.divPlanDuSite
##################################################
fin => Liste des classes CSS systèmes réservées
##################################################
*/

/********************************************/
/* 
	Généralités
*/
/********************************************/
*{
	margin:0px;
	padding:0px;
	font-family:arial;
	font-size:13px;
	color:#000000;
	font-style:normal;
}
/*body{
}*/
table{
	border-collapse:collapse;
}
table caption{
	display:none;
}
table thead{
	display:none;
}
table tr td{
	vertical-align:top;
}
h1{
	background-image:url("../image/idSite_38/bg_h1.jpg");
	background-repeat:no-repeat;
	height:32px;
	margin-top:25px;
	font-family:trebuchet ms,arial,sans-serif;
	font-weight: bold;
	font-size:22px;
	padding-left:20px;
	padding-top:3px;
	color:#ffffff;
	margin-bottom:10px;
}
h2{
	margin-bottom:10px;
	font-weight:bold;
	font-size:26px;
	color:#A22712;
	border-bottom:1px dotted #A22712;
	overflow-x:hidden;	/* pour IE, évite que les h2 trop long générer par dynamicFont eclate la page */
}
h3{
	margin-bottom:10px;
	font-weight:bold;
	font-size:20px;
	color:#A22712;
	border-bottom:1px dotted #A22712;
	overflow-x:hidden;	/* pour IE, évite que les h3 trop long générer par dynamicFont eclate la page */
}
ul{
	margin-left:10px;
	list-style-type: none;
}
ol{
	margin-left:10px;
}
ul li{
	background-image:url("../image/idSite_38/puceCarre.gif"); /* permet de créer un marge entre les puces et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF */
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
	margin-bottom:2px;
}
ul li a{
	text-decoration:none;
}
ol li{
	margin-left:25px; /* permet de créer un marge entre les puces numérotées et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF (pas trouver de solution sur IE), comme les puces sont numérotées il est impossible de mettre une image en background pour substituer la puce, comme on fait normalement avec les <ul><li> */
	margin-bottom:2px;
}
ol li a{
	text-decoration:none;
}
fieldset{
	padding:10px;	
	margin-bottom:15px;
}
legend{
	padding-left:5px;	
	padding-right:5px;
	font-weight:bold;	
}
textarea{
	width:90%;

}
em,i{
	font-style:italic;	
}
a img{
	border:0px;
}
a:link{
	color:#A22712;	
	text-decoration:underline;
	font-size:12px;	
}
a:visited{
	color:#616060;
	text-decoration:underline;
	font-size:12px;
}
a:hover{
	background-color:#96bf55;
	color:#000000;
	font-size:12px;
	text-decoration:underline;
}
/*a:active{
	color:red;	
	text-decoration:underline;
	font-size:13px;	
}*/
a:focus{
	color:#999999;
	text-decoration:underline;
	font-size:12px;	
}
/********************************************/
/* 
	Structure du site
*/
/********************************************/
#divGeneral{/*Contient le backround général*/
	background-image:url("../image/idSite_38/bg_big.jpg");
	background-position:200px 0px;
}
#divGeneralbis{/*Contient le bandeau en haut à droite*/
	background-image:url("../image/idSite_38/bg_divG.jpg");
	background-repeat:repeat-x;
}
#divGeneral2{/*Contient le bandeau en bas à droite*/
	background-image:url("../image/idSite_38/bg_divG2.jpg");
	background-repeat:repeat-x;
	background-position:bottom;
}
#divGeneral3{/*Contient le fond de page blanc*/
	width:948px;
	margin-left:32px;
	background-image:url("../image/idSite_38/bg_divG3.jpg");
	/*padding-top:3px;*/
}

/* BANDEAU */
/*#divBandeau{
	background-image:url("../image/idSite_38/bandeau_hold2.jpg");
	height:155px;
}*/
#divBandeau img{/*pour retirer la bordure noire de l'image cliquable*/
	border:0px solid #000000;
}
#divBandeauLogo{
	position:absolute;
	top:3px;
	left:10px;
}
#divBandeauDrapeau{
	position:absolute;
	top:0px;
	right:10px;
}
#divBandeauDrapeau a{
	font-size:10px;
	text-decoration:none;
}
#divBandeauDrapeau td{
	padding:5px;
}
#divBandeauDrapeau td img{
	margin-bottom:3px;
}
#divBandeau #divBandeauThemeAssocier{
	overflow:hidden;
	height:0px;
}
/* FOOTER */
#divFooter{/*bandeau gris pied de page*/
	position:relative;
	background-image:url("../image/idSite_38/bg_footer.jpg");
	background-position:bottom;
	height:44px;
	background-repeat:repeat-y;
	color:#ffffff;
}
#divFooter a:link{/*texte Plan du site, Mentions légales, Contacts*/
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:transparent;
}
#divFooter a:visited{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:transparent;
}
#divFooter a:hover{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
	background-color:transparent;
}
#divFooter a:active{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:transparent;
}
#divFooter a:focus{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:underline;
	background-color:transparent;
}
#divFooterInterne{/*barres verticales entre texte Plan du site, Mentions légales, Contacts, Page partenaires*/
	color:#ffffff;
	position:absolute;
	top:12px;
	left:12px;
}
#divFooter a.aLienSelectionner{
	text-decoration:underline;
}
#divFooter span{
	font-size:14px;
	color:#000000;
}
#divFooter #divByStudioVitamine{/*By Studio Vitamine en bas à droite*/
	position:absolute;
	top:2px;
	right:5px;
	font-size:10px;
}
#divFooter #divByStudioVitamine div{
	font-size:10px;
	color:#000000;
	text-align:right;
	}
#divFooter #divByStudioVitamine a{
	color:#000000;
	text-decoration:none;
	font-size:10px;
	background-color:transparent;
} 
#divFooter #divByStudioVitamine #divByStudioVitamineImgYo{/*Mascotte en bas à gauche*/
	position:absolute;
	top:-106px;
	left:-820px;
}
#divFooter #divByStudioVitamine #imgByStudioVitamineYo{
	display:none;
}
#divFooter #divFooterThemeAssocier{
	position:absolute;
	top:50px;
	left:0px;
	width:945px;
	text-align:left;
	font-size:9px;
	color:#555555;
}
#divFooter #divFooterThemeAssocier strong{
	text-align:left;
	font-size:10px;
	color:#555555;
}
#divFooter #divFooterThemeAssocier a{
	font-size:9px;
	color:#555555;
	text-decoration:none;
	cursor:default;
}
/* PAGE INTERNE */ 
#divPageInterne{/*Contient divZoneNav et divZoneTexte*/
	min-height:700px;
}
#divZoneNav{
	position:relative;
	float:left;
	background-color:#f4f4f4;
	width:230px;
	top:42px;
	left:20px;
}
/*#divPageInterne #divZoneNav #divYoMenu{
	position:relative;
	top:-1px;
	height:1px;
	width:100px;
	border:0px solid #000000;
}*/
#divPageInterne #divZoneNav #divYoMenu{
	position:relative;
	top:-1px;
	height:74px;
	width:100px;
	background-image:url("../image/idSite_38/yoMenu.gif");
	background-repeat:no-repeat;
	background-position:right;
}
#divZoneTexte{
	position:relative;
	float:left;
	background-color:#f4f4f4;
	width:650px; 
}
/********************************************/
/* 
	Les zones d'édition
*/
/********************************************/
.divZoneEdition{
	padding:0px;
}
/********************************************/
/* 
	Les gabarits d'articles
*/
/********************************************/
/* texte + image à gauche */
.divArticleGabarit_73 .divArticleImage1{
	float:left;
}
.divArticleGabarit_73 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_73 .divArticleImage1 table tr td{
	padding-right:10px;
	padding-bottom:5px;
	font-style:italic;
}
/* texte + image à gauche sans retour image */
.divArticleGabarit_81 .divArticleImage1{
	float:left;
}
.divArticleGabarit_81 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_81 .divArticleImage1 table tr td{
	padding-right:10px;
	padding-bottom:5px;
	font-style:italic;
}
.divArticleGabarit_81 .divArticleContenu{
	float:right;
	width:500px;
}
/* texte + image à droite */
.divArticleGabarit_74 .divArticleImage1{
	float:right;
}
.divArticleGabarit_74 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_74 .divArticleImage1 table tr td{	
	padding-left:10px;
	padding-bottom:5px;
	font-style:italic;
}
/* image large */
.divArticleGabarit_75 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_75 .divArticleImage1 table tr td{
	padding-bottom:5px;
	font-style:italic;
}
/* lien vers les pages filles */
.divArticleGabarit_77 .divArticleContenu div{
	margin-bottom:1px;
}
.divArticleGabarit_77 .divArticleContenu a{
	text-decoration:underline;
}
/* plan du site */
.divArticleGabarit_78 .divArticleContenu{
	padding-left:100px;
}
.divArticleGabarit_78 .divArticleContenu div{
	margin-bottom:10px;
}
.divArticleGabarit_78 .divArticleContenu .divPlanDuSiteRacine a{
	text-decoration:underline;
	font-weight:bold;
	color:#A22712;
	margin-left:-50px;
	font-size:14px;
}
.divArticleGabarit_78 .divArticleContenu .divPlanDuSiteRacine a:visited{
	color:#999999;
}
.divArticleGabarit_78 .divArticleContenu .divPlanDuSiteRacine a:hover{
	background-color:#96bf55;
	color:#000000;
	text-decoration:underline;	
}
.divArticleGabarit_78 .divArticleContenu .divPlanDuSiteRacine a:focus{
	color:#999999;
	background-color:transparent;
}
	
.divArticleGabarit_78 .divArticleContenu .divPlanDuSitePagePasRacine a{
	background-color:transparent;
	text-decoration:underline;
	color:#A22712;
	background-image:url("../image/idSite_38/puceCarre.gif"); /* permet de créer un marge entre les puces et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF */
	background-repeat:no-repeat;
	background-position:0px 5px;
	margin-left:-50px;
	padding-left:10px;
}
.divArticleGabarit_78 .divArticleContenu .divPlanDuSitePagePasRacine a:visited{
	color:#999999;
}	
.divArticleGabarit_78 .divArticleContenu .divPlanDuSitePagePasRacine a:hover{
	background-color:#96bf55;
	color:#000000;
	text-decoration:underline;	
}
.divArticleGabarit_78 .divArticleContenu .divPlanDuSitePagePasRacine a:focus{
	color:#999999;
	background-color:transparent;
}	
/********************************************/
/* 
	Les articles génériques
*/
/********************************************/
.divArticle{
	margin-bottom:15px;
	clear:both;
	overflow:visible;
}

/* CONTENU => GRAS */
.divArticleContenu b{
	color:#A22712;
}
/* CONTENU => GRAS + LIEN */
.divArticleContenu b a:link{
	color:#ffffff;	
	background-color:#A42D1B;
	padding-left:1px;
	padding-right:1px;
	font-weight:normal;
}
.divArticleContenu b a:visited{
	color:#ffffff;	
	background-color:#A42D1B;
	padding-left:1px;
	padding-right:1px;
	font-weight:normal;
}
.divArticleContenu b a:hover{
	color:#ffffff;	
	background-color:#A42D1B;
	padding-left:1px;
	padding-right:1px;
	font-weight:normal;
}
.divArticleContenu b a:active{
	color:#ffffff;	
	background-color:ffffff;
	padding-left:1px;
	padding-right:1px;
	font-weight:normal;
}
.divArticleContenu b a:focus{
	color:#ffffff;	
	background-color:#A42D1B;
	padding-left:1px;
	padding-right:1px;
	font-weight:normal;
}
/* CONTENU => LIEN + GRAS */
.divArticleContenu a b{
	color:#ffffff;	
	background-color:#A42D1B;
	padding-left:1px;
	padding-right:1px;
	font-weight:normal;
}
.divArticleContenu a b:hover{
	color:#ffffff;
	background-color:#000000;
	padding-left:1px;
	padding-right:1px;
	font-weight:normal;
}
/* CONTENU => LIEN */
/*.divArticleContenu a:link{
	font-size:12px;
	color:#A22712;
	background-color:transparent;
	text-decoration: underline ;
}
.divArticleContenu a:visited{
	font-size:12px;
	color:#666866;	
	background-color:transparent;
	text-decoration: underline ;
}
.divArticleContenu a:hover{
	font-size:12px;
	color:#000000;	
	background-color:#96bf55;
	text-decoration:underline;
}
.divArticleContenu a:active{
	font-size:12px;
	color:#96bf55;	
	background-color:transparent;
	text-decoration: underline ;
}*/
.divArticleContenu a:focus{
	font-size:12px;
	color:#999999;
	background-color:transparent;
	text-decoration: underline ;
}
/* CONTENU => LIEN (selectionné) */
/*.divArticleContenu a.aLienSelectionner:link{
	background-color:#000000;
	color:#A22712;
	text-decoration:underline;
}
.divArticleContenu a.aLienSelectionner:visited{
	background-color:#000000;
	color:#666866;
	text-decoration:underline;	
}
.divArticleContenu a.aLienSelectionner:hover{
	background-color:#96bf55;
	color:#000000;
	text-decoration:underline;	
}
.divArticleContenu a.aLienSelectionner:active{
	background-color:#000000;
	color:#96bf55;
	text-decoration:underline;
}
.divArticleContenu a.aLienSelectionner:focus{
	background-color:#000000;
	color:#ffffff;
	text-decoration:underline;	
}*/
/* LE RESTE*/
.divArticleContenu ul{
	margin-top:0px;
	margin-bottom:0px;
}
.divClearBoth{
	clear:both;
}
/********************************************/
/* 
	Les articles par zones d'édition
*/
/********************************************/
/* zone d'édition principale */
#divZoneEdition_21 .divArticle{
	background-color:transparent;	/* à cause de IE, de dynamicFont et de interface.js */
	margin-bottom:30px;
}
#divZoneEdition_21 .divArticle .divArticleContenu b{
	color:#000000;
}
#divZoneEdition_21 .divArticle .divArticleContenu a b{
	color:#ffffff;
}
/********************************************/
/* 
	Fil d'ariane
*/
/********************************************/
#divFilAriane{
	padding-top:1px;
	padding-left:3px;
	font-size:11px;
	position:relative;
}
#divFilAriane a{
	font-size:11px;
	/*color:red;*/
	text-decoration:underline;
}
#divFilAriane a:focus{
	font-size:11px;
	color:#AFAAA7;	
	background-color:transparent;
	text-decoration: underline ;
}/********************************************/
/* 
	Modalbox 1 (boite d'authentification)
	la 2,3 et 4 sont réservés au BoFo
*/
/********************************************/
#divModalBox_1			{margin-left:auto;margin-right:auto;margin-top:50px;border:1px solid #000000;background-color:#dddddd;}
#divModalBox_1_titre	{border:1px solid #ffffff;font-weight:bold;font-size:12px;padding:5px;padding-left:55px;border-bottom:1px solid #ffffff;background-color:#ed217c;color:#ffffff;background-image:url('../admin/image/logoVitamineCMS3PointBlanc.gif');background-repeat:no-repeat;background-position:7px 7px;}
#divModalBox_1_close	{cursor:pointer;right:0px;border:1px solid #ffffff;color:#ffffff;padding:1px;padding-left:5px;padding-right:5px;margin-top:3px;margin-right:5px;}
#divModalBox_1_contenu	{border:1px solid #ffffff;border-top:0px solid #ffffff;background-color:#ffffff;padding:0px;}
.divModalBox_1_fond		{background-color:#000000;}
/********************************************/
/* 
	Modalbox 5 (POP-UP)
	la 2,3 et 4 sont réservés au BoFo
*/
/********************************************/
#divModalBox_5			{margin-left:auto;margin-right:auto;margin-top:50px;border:1px solid #000000;background-color:#dddddd;}
#divModalBox_5_titre	{border:1px solid #ffffff;border-top:1px solid #ffffff;font-weight:bold;font-size:12px;padding:5px;padding-left:15px;background-color:#a42d1b;color:#ffffff;}
#divModalBox_5_close	{cursor:pointer;right:0px;border:1px solid #ffffff;color:#ffffff;padding:1px;padding-left:5px;padding-right:5px;margin-top:4px;margin-right:5px;}
#divModalBox_5_contenu	{border:1px solid #ffffff;border-top:0px solid #ffffff;background-color:#ffffff;padding:0px;}
.divModalBox_5_fond		{background-color:#000000;}
/********************************************/
/* 
	Les menus de navigation
*/
/********************************************/
.divPlanDuSite{
	position:relative;
}
.divPlanDuSite .divMenuNavigationProfondeur1{
	margin-bottom:1px;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1{
	margin-bottom:1px;
	background-image:url("../image/idSite_38/bg_menu.gif");
	background-repeat:no-repeat;
	width:140px;
	height:21px;/*j'ai enlevé 4px de 25px (padding-top de 4px à.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a{)*/
	cursor:pointer;
	padding-left:15px;
	padding-top:3px;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a{
	color:#3e3e3e;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2 a{
	color:#3e3e3e;
	font-size:11px;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1Selectionner{
	margin-bottom:1px;
	background-image:url("../image/idSite_38/bg_menu_active.gif"); /* avec fleche */
	background-repeat:no-repeat;
	width:159px;
	height:21px;/*j'ai enlevé 4px de 25px (padding-top de 4px à.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a{)*/
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1SelectionnerHover{
	margin-bottom:1px;
	background-image:url("../image/idSite_38/bg_menu_hover.gif"); /* sans fleche */
	background-repeat:no-repeat;
	width:159px;
	height:21px;/*j'ai enlevé 4px de 25px (padding-top de 4px à.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a{)*/
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1Selectionner a{
	color:#f3f3f3;
}
.divPlanDuSite .divMenuNavigationProfondeur2{
	margin-bottom:1px;
	padding-left:15px;
	white-space:nowrap;
	overflow:hidden;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2{
	margin-bottom:1px;
	background-image:url("../image/idSite_38/bg_sousMenu.gif");/* sans fleche */
	background-repeat:no-repeat;
	width:125px;
	height:14px;/*j'ai enlevé 1px de 15px (padding-top de 1px à.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2 a{)*/
	cursor:pointer;
	padding-left:12px;
	padding-top:1px;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2Selectionner{
	margin-bottom:1px;
	background-image:url("../image/idSite_38/bg_sousMenu_active.gif");/* avec fleche */
	background-repeat:no-repeat;
	width:137px;
	height:14px;/*j'ai enlevé 1px de 15px (padding-top de 1px à.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2 a{)*/
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2SelectionnerHover{
	margin-bottom:1px;
	background-image:url("../image/idSite_38/bg_sousMenu_hover.gif");/* sans fleche */
	background-repeat:no-repeat;
	width:137px;
	height:14px;/*j'ai enlevé 1px de 15px (padding-top de 1px à.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2 a{)*/
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2Selectionner a{
	color:#f3f3f3;
	font-size:11px;
	padding-left:12px;
}
/* liens vers les pages "précédente" et "suivante" */
.divPlanDuSiteLienPrecedentSuivant{
	color:#A22712;
	padding:0px;
	padding-bottom:30px;
}
.divPlanDuSiteLienPrecedent{
	color:#A22712;
	float:left;
	width:50%;
}
.divPlanDuSiteLienPrecedent a:focus{
	font-size:12px;
	color:#505050;	
	background-color:transparent;
	text-decoration: underline ;
}
.divPlanDuSiteLienSuivant{
	color:#A22712;
	float:left;
	width:50%;
	text-align:right;
}
.divPlanDuSiteLienSuivant a:focus{
	font-size:12px;
	color:#505050;	
	background-color:transparent;
	text-decoration: underline ;
}
/* Echanges de liens */
.divEchangeDeLien{/*lire aussi sur le même thème*/
	padding:15px;
	padding-left:230px;
	color:#000000;
	font-size:11px;
}
.divEchangeDeLien a{
	color:#000000;
	font-size:11px;
}
.divEchangeDeLien a:visited{
	color:#616060;
}
.divEchangeDeLien a:hover{
	color:#000000;
}
/********************************************/
/* 
	Les formulaires
*/
/********************************************/
input.inputText{
	width:95%;
	border:1px solid #666666;
	padding-left:1px;
}
input.inputTextFocus{
	border:2px solid #A22712;
}
input.inputTextMessageWrong{
	border:2px solid #A22712;
}
textarea.textarea{
	border:1px solid #666666;
}
textarea.textareaFocus{
	border:2px solid #3f3f3f;
}
textarea.textareaMessageWrong{
	border:2px solid #A22712;
}
.divResizeTextareaExterne{
	cursor: ns-resize;
	cursor: n-resize;
}
.divResizeTextareaInterne{
	width: 500px;
	height: 8px;
	background-color:#b5b5b5;
	background-image:url("../image/idSite_38/elargisseurConteneurBasBg.gif");
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
	bottom:4;
	left:0;
	overflow: hidden;
	font-size: 1px;
}
/*Afficher du code dans un article*/
.codeFond{
	width:644px; /* 650-3-3 */
	border:1px solid #514f50;
	background-color:#f4f4f4;
	padding:3px;
	font-family:trebuchet ms;
	overflow:auto;
	background-image:url("../image/idSite_38/codePagination.gif");
	background-repeat:no-repeat;
	background-position:0% 0%;	
}
.codeFond div{
	font-family:courier new ;
	white-space:nowrap;
	margin-left:20px;
}
.codeFond b{
	font-family:courier new;
	white-space:nowrap;
	color:#ff3366;
}
.codeFond i{
	font-family:courier new ;
	margin-left:4px;
	color:#6e6e6e;
}