/*
CE FICHIER CONSTITUE UNE PARTIE DU LOGICIEL EditCMS.
SI VOUS N'ETES PAS L'EXPLOITANT DU LOGICIEL EditCMS, VEUILLEZ FERMER CE FICHIER.
SI VOUS N'ETES PAS L'EXPLOITANT DU LOGICIEL EditCMS, VOUS N'AVEZ PAS LE DROIT D'ANALYSER LE CODE SOURCE, NI D'AJOUTER, MODIFIER OU SUPPRIMER LE CODE SOURCE.
SI VOUS N'ETES PAS L'EXPLOITANT DU LOGICIEL EditCMS, VOUS N'AVEZ PAS LE DROIT D'ANALYSER LES STRUCTURES ET LES DONNEES DES BASES DE DONNEES ASSOCIEES, NI D'AJOUTER, MODIFIER OU SUPPRIMER DES DONNEES OU DES ELEMENTS DE STRUCTURES AUX BASES DE DONNEES ASSOCIEES.
1. Fabien Guy BRANCHUT est le créateur et l'unique propriétaire du logiciel EditCMS
	  * Le logiciel EditCMS a été entièrement pensé, conçu et réalisé par Fabien Guy BRANCHUT, né le 11 mars 1974 à Angoulême, département de la Charente (16), France.
	  * Le logiciel EditCMS a commencé à être imaginé par Fabien Guy BRANCHUT à partir du 1er janvier 2004.
	  * Le logiciel EditCMS est la propriété exclusive de Fabien Guy BRANCHUT qui détient l'intégralité des droits du logiciel.
	  * Seul Fabien Guy BRANCHUT est autorisé à exploiter et à vendre le logiciel EditCMS.
2. Droits d'exploitation du logiciel EditCMS
	  * Seul Fabien Guy BRANCHUT est autorisé à délivrer un droit d'exploitation commercial ou non commercial à une personne physique et/ou une personne morale qui devient alors un exploitant du logiciel EditCMS pour une période définie.
	  * Le logiciel EditCMS peut être exploité de manière commerciale ou non commerciale si et seulement si les termes de l'exploitation sont clairement définis par un contrat d'exploitation spécifiquement rédigé par Fabien Guy BRANCHUT puis signé par Fabien Guy BRANCHUT et la personne physique et/ou personne morale.
	  * Une personne physique ou une personne morale autorisée à exploiter le logiciel EditCMS ne peut ni transférer, ni partager ses droits d'exploitation à une autre personne physique ou une autre personne morale.
	  * Pour toutes demande d'exploitation commerciale ou non commerciale, veuillez contacter Fabien Guy BRANCHUT à l'adresse suivante :
			o Monsieur Fabien BRANCHUT
			  4, rue des astronautes
			  USSEAU
			  17220 Sainte Soulle
			  FRANCE
			o Téléphone fixe : 09 54 61 49 40
			o Téléphone portable : 06 60 80 26 02
			o Site Internet 1 : www.fabien-branchut.fr
			o Site Internet 2 : www.le-developpeur-web.com
3. Droits d'utilisation du logiciel EditCMS
	  * Le logiciel EditCMS peut être utilisé si et seulement si les conditions d'utilisation sont clairement définies et encadrées par un contrat d'utilisation spécifiquement rédigé par Fabien Guy BRANCHUT puis signé par Fabien Guy BRANCHUT (ou l'exploitant du logiciel) et l'utilisateur du logiciel.
4. Agence pour la Protection des Programmes (APP)
	  * Le logiciel EditCMS est protégé par l'APP (Agence pour la Protection des Programmes), organisation européenne des auteurs de logiciels et concepteurs en technologies de l'information.
	  * Fabien Guy BRANCHUT est adhérent à l'APP (numéro 08.17.12158)
	  * Le site internet de l'APP est disponible à l'adresse Internet suivante : http://app.legalis.net
*/
/*
##################################################
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:11px;
	color:#333333;
}
body{
	background-image:url("../image/idSite_4/bg.gif");
}
table{
	border-collapse:collapse;
}
table caption{
	display:none;
}
table thead{
	display:none;
}
table tr td{
	vertical-align:top;
}
h1{
	padding-left:18px;
	padding-top:35px;
	padding-bottom:13px;
	font-size:27px;
	color:#fe007c;
	font-weight:normal;
	line-height:20px; /* sinon ya une marge en bas */
}
ul{
	margin-left:10px;
	list-style-type: none;
}
ol{
	margin-left:10px;
}
ul li{
	background-image:url("../image/idSite_4/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;
}
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> */
}
fieldset{
	padding:10px;	
	margin-bottom:15px;
}
legend{
	padding-left:5px;	
	padding-right:5px;
	font-weight:bold;	
}
textarea{
	width:95%;	
}
a img{
	border:0px;
}
a:link{
	color:#333333;	
	text-decoration:underline;	
}
a:visited{
	color:#333333;	
	text-decoration:underline;
}
a:hover{
	color:#333333;	
	text-decoration:underline;
}
a:active{
	color:#333333;	
	text-decoration:underline;
}
a:focus{
	color:#333333;	
	text-decoration:underline;
}
a.aLienSelectionner:link{
	color:#333333;	
	text-decoration:underline;
}
a.aLienSelectionner:visited{
	color:#333333;	
	text-decoration:underline;
}
a.aLienSelectionner:hover{
	color:#333333;	
	text-decoration:underline;
}
a.aLienSelectionner:active{
	color:#333333;	
	text-decoration:underline;
}
a.aLienSelectionner:focus{
	color:#333333;	
	text-decoration:underline;
}
.divClearBoth{
	clear:both;
}
/********************************************/
/* 
	Structure du site
*/
/********************************************/
#divGeneral{
	width:925px;
	margin-left:auto;
	margin-right:auto;	
	padding-top:20px;	
	padding-bottom:20px;
}
#divBandeau{
	position:relative;
	background-image:url("../image/idSite_4/bandeauBg.gif");
	height:98px;
}
#divBandeau #divBandeauLogo{
	position:absolute;
	top:40px;
	left:48px;
}
#divBandeau .divBandeauDrapeau{
	background-color:#ffffff;
	width:51px;
	height:32px;
	text-align:center;
	padding-top:7px;
}
#divBandeau .divBandeauDrapeau img{
	border:0px solid #000000;
}
#divBandeau .divBandeauDrapeau a{
	text-decoration:none;
	font-size:10px;
}
#divBandeau #divBandeauDrapeau_fr{
	position:absolute;
	top:0px;
	left:799px;
}
#divBandeau #divBandeauDrapeau_en{
	position:absolute;
	top:0px;
	left:850px;
	border-left:1px solid #666666;
}
#divBandeau #divBandeauThemeAssocier{
	overflow:hidden;
	height:0px;
}
#divFooter{
	position:relative;
	background-image:url("../image/idSite_4/footerBg.gif");
	background-repeat:no-repeat;
	height:47px;
	text-align:right;
}
#divFooter #divFooterLien{
	position:absolute;
	top:5px;
	right:25px;
}
#divFooter a:link{
	font-size:10px;
	text-decoration:none;
}
#divFooter a:visited{
	font-size:10px;
	text-decoration:none;
}
#divFooter a:hover{
	font-size:10px;
	text-decoration:underline;
}
#divFooter a:active{
	font-size:10px;
	text-decoration:underline;
}
#divFooter a:focus{
	font-size:10px;
	text-decoration:underline;
}
#divFooter .aLienSelectionner:link{
	color:#333333;	
	text-decoration:underline;
}
#divFooter .aLienSelectionner:visited{
	color:#333333;	
	text-decoration:underline;
}
#divFooter .aLienSelectionner:hover{
	color:#333333;	
	text-decoration:underline;
}
#divFooter .aLienSelectionner:active{
	color:#333333;	
	text-decoration:underline;
}
#divFooter .aLienSelectionner:focus{
	color:#333333;	
	text-decoration:underline;
}
#divFooter #divByStudioVitamine{
	position:absolute;
	z-index:2;
	bottom:-35px;
	right:25px;
	font-size:10px;
}
#divFooter #divByStudioVitamine div{
	font-size:10px;
	color:#333333;
	text-align:right;
}
#divFooter #divByStudioVitamine a:link{
	color:#333333;
	text-decoration:none;
} 
#divFooter #divByStudioVitamine #divByStudioVitamineImgYo{
	position:absolute;
	bottom:0px;
	left:-28px;
}
#divFooter #divByStudioVitamine #imgByStudioVitamineYo{
	display:none;
}
#divFooter #divFooterThemeAssocier{
	position:absolute;
	top:55px;
	left:20px;
	width:750px;
	text-align:justify;
	font-size:9px;
	color:#888888;
}
#divFooter #divFooterThemeAssocier strong{
	text-align:left;
	font-size:10px;
	color:#888888;
}
#divFooter #divFooterThemeAssocier a{
	font-size:9px;
	color:#888888;
	text-decoration:none;
	cursor:default;
}
#divCentre{
	position:relative;
}
#tableCentre{
	width:925px;
	height:422px;
	background-color:#eeeeee;
}
/* COLONNE GAUCHE */
#tableCentre #tdGaucheTableCentre{
	width:283px;
	background-image:url("../image/idSite_4/colonneGaucheBg.gif");
	border-right:1px dotted #ed217c;
}
#tableCentre #tdGaucheTableCentre #divTdGaucheTableCentre{
	padding-left:49px;
}
#tableCentre #tdGaucheTableCentre #divTdGaucheFormateur{
	position:relative;
	margin-bottom:20px;
}
#tableCentre #tdGaucheTableCentre #divTdGaucheFormateur #divTdGaucheFormateur1{
}
#tableCentre #tdGaucheTableCentre #divTdGaucheFormateur #divTdGaucheFormateur2{
	position:absolute;
	top:0px;
	left:83px;
}
#tableCentre #tdGaucheTableCentre #divTdGaucheFormateur #divTdGaucheFormateurCoordonnees{
	position:relative;
	margin-top:10px;
}
#tableCentre #tdGaucheTableCentre #divTdGaucheFormateur #divTdGaucheFormateurCoordonneesTexte{
	position:absolute;
	top:15px;
	left:50px;
}
#tableCentre #tdGaucheTableCentre #divTdGaucheFormateur #divTdGaucheFormateurCoordonneesTexte img{
	margin-top:3px;
	margin-bottom:2px;
}
/* COLONNE CENTRE */
#tableCentre #tdCentreTableCentre{
	background-color:#ffffff;
	background-image:url("../image/idSite_4/colonneCentreBg.gif");
	background-repeat:no-repeat;
	background-position:center 10px;
	overflow-x:hidden;	/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */	
	width:642px;		/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */	
}
#tableCentre #tdCentreTableCentre #divTdCentreTableCentre{
	position:relative;
}
/* COLONNE CENTRE (accueil > gauche et droite) */
#tableCentre #tdCentreTableCentreAccueil{
	background-color:#ffffff;
	background-image:url("../image/idSite_4/colonneCentreBgAccueil.gif");
	background-repeat:repeat-y;
	background-position:center center;
	overflow-x:hidden;	/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */	
	width:642px;		/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */	
}
#divTdCentreTableCentreAccueil{
	position:relative;
}
#divTdCentreTableCentreAccueil table{
	width:642px;
}
#tdCentreTableCentreAccueilColonneGauche{
	width:321px;
	background-image:url("../image/idSite_4/colonneAccueilBg.gif");
	background-repeat:no-repeat;
	background-position:center 10px;
}
#tdCentreTableCentreAccueilColonneDroite{
	padding-top:35px;
	width:321px;
	background-image:url("../image/idSite_4/colonneAccueilBg.gif");
	background-repeat:no-repeat;
	background-position:center 10px;
}
/********************************************/
/* 
	Les zones d'édition
*/
/********************************************/
.divZoneEdition{
	padding:0px;
}
/* colonne de gauche */
#divZoneEdition_7{
}
/* colonne du centre */
#divZoneEdition_1{
	padding-left:18px;
	padding-right:18px;
}
/* colonne du centre (accueil > gauche) */
#divZoneEdition_9{
	padding-left:18px;
	padding-right:18px;
}
/* colonne du centre (accueil > droite) */
#divZoneEdition_4{
	padding-left:18px;
	padding-right:18px;
}
/********************************************/
/* 
	Les gabarits d'articles
*/
/********************************************/
/* texte + image à gauche */
.divArticleGabarit_8 .divArticleImage1{
	float:left;
}
.divArticleGabarit_8 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_8 .divArticleImage1 table tr td{
	padding-right:10px;
	padding-bottom:5px;
	font-style:italic;
}
/* texte + image à droite */
.divArticleGabarit_9 .divArticleImage1{
	float:right;
}
.divArticleGabarit_9 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_9 .divArticleImage1 table tr td{	
	padding-left:10px;
	padding-bottom:5px;
	font-style:italic;
}
/* image large (600px) */
.divArticleGabarit_21 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_21 .divArticleImage1 table tr td{
	padding-bottom:5px;
	font-style:italic;
}
/* image large (285px) */
.divArticleGabarit_23 table{
	width:1px;	/* bug IE, obliger de le mettre en dur <table style="width:1px;"> sinon ca marche pas */ 
}
.divArticleGabarit_23 .divArticleImage1 table tr td{
	padding-bottom:5px;
	font-style:italic;
}
/********************************************/
/* 
	Les articles génériques
*/
/********************************************/
.divArticle{
	margin-bottom:15px;
}
.divArticleNom h2{
	margin-bottom:10px;
	font-weight:normal;
	font-size:18px;
}
.divArticleContenu b{
	color:#333333;
}
.divArticleContenu b a:link{
	color:#ffffff;
}
.divArticleContenu b a:visited{
	color:#ffffff;
}
.divArticleContenu b a:hover{
	color:#ffffff;
}
.divArticleContenu b a:active{
	color:#ffffff;
}
.divArticleContenu b a:focus{
	color:#ffffff;
}
.divArticleContenu ul{
	margin-top:0px;
	margin-bottom:0px;
}
.divArticleContenu ul li{
	margin-bottom:2px;
}
.divArticleContenu ul a:link{
	color:#ffffff;
	background-color:#fe007c;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu ul a:visited{
	color:#ffffff;
	background-color:#fe007c;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu ul a:hover{
	color:#ffffff;
	background-color:#333333;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu ul a:active{
	color:#ffffff;
	background-color:#fe007c;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu ul a:focus{
	color:#ffffff;
	background-color:#333333;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu a:link{
	color:#ffffff;
	background-color:#fe007c;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu a:visited{
	color:#ffffff;
	background-color:#fe007c;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu a:hover{
	color:#ffffff;
	background-color:#333333;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu a:active{
	color:#ffffff;
	background-color:#fe007c;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu a:focus{
	color:#ffffff;
	background-color:#333333;
	text-decoration:none;
	padding-left:1px;
	padding-right:1px;
}
.divArticleContenu a.aLienSelectionner:link{
	background-color:#000000;
	color:#ffffff;	
}
.divArticleContenu a.aLienSelectionner:visited{
	background-color:#000000;
	color:#ffffff;	
}
.divArticleContenu a.aLienSelectionner:hover{
	background-color:#000000;
	color:#ffffff;	
}
.divArticleContenu a.aLienSelectionner:active{
	background-color:#000000;
	color:#ffffff;	
}
.divArticleContenu a.aLienSelectionner:focus{
	background-color:#000000;
	color:#ffffff;	
}
/* article du plan du site */
#divArticle_26 .divPlanDuSite .divArticleContenu div{
	background-color:transparent;
	margin-bottom:5px;
}
#divArticle_26 .divPlanDuSite .divArticleContenu .divPlanDuSitePagePasRacine a:link{
	color:#333333;	
	background-color:transparent;
	text-decoration:underline;
}
#divArticle_26 .divPlanDuSite .divArticleContenu .divPlanDuSitePagePasRacine a:visited{
	color:#333333;	
	background-color:transparent;
	text-decoration:underline;
}
#divArticle_26 .divPlanDuSite .divArticleContenu .divPlanDuSitePagePasRacine a:hover{
	color:#333333;	
	background-color:transparent;
	text-decoration:none;
}
#divArticle_26 .divPlanDuSite .divArticleContenu .divPlanDuSitePagePasRacine a:active{
	color:#333333;	
	background-color:transparent;
	text-decoration:underline;
}
#divArticle_26 .divPlanDuSite .divArticleContenu .divPlanDuSitePagePasRacine a:focus{
	color:#333333;	
	background-color:transparent;
	text-decoration:none;
}
/********************************************/
/* 
	Les articles par zones d'édition
*/
/********************************************/
/* colonne de gauche */
#divZoneEdition_7 .divArticle{
	background-color:transparent;	/* à cause de IE, de dynamicFont et de interface.js */
	width:180px;
}
#divZoneEdition_7 .divArticle .divArticleNom h2{
	font-size:14px;
	font-weight:bold;
}
#divZoneEdition_7 .divArticle .divArticleContenu *{
	font-size:10px;
}
#divZoneEdition_7 .divArticle .divArticleImage1 img{
	width:80px;
}
/* colonne du centre */
#divZoneEdition_1 .divArticle{
	background-color:#ffffff;	/* à cause de IE, de dynamicFont et de interface.js */
}
/* colonne du centre (accueil > gauche) */
#divZoneEdition_9 .divArticle{
	background-color:#ffffff;	/* à cause de IE, de dynamicFont et de interface.js */
	overflow:hidden;
}
/* colonne du centre (accueil > droite) */
#divZoneEdition_4 .divArticle{
	background-color:#ffffff;	/* à cause de IE, de dynamicFont et de interface.js */
	overflow:hidden;
}
/********************************************/
/* 
	Fil d'ariane
*/
/********************************************/
#divFilAriane{
	position:absolute;
	top:-18px;
	left:301px;
	font-size:10px;
}
#divFilAriane a{
	font-size:10px;
}
/********************************************/
/* 
	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;}
/********************************************/
/* 
	Les menus de navigation
*/
/********************************************/
.divMenuNavigationPrincipal{
	margin-bottom:20px;
}
/* LE DIV (prof 1) */
.divPlanDuSite .divMenuNavigationProfondeur1{
	width:163px;
	height:17px;
	margin-bottom:1px;
	background-color:#ed217c;
}
.divPlanDuSite .divMenuNavigationProfondeur1:hover{
	background-color:#666666;
}
/* LE LIEN (prof 1) */
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1{
	color:#ffffff;
	text-decoration:none;
	background-image:url("../image/idSite_4/fleche.gif");
	background-repeat:no-repeat;
	background-position:5px 5px;
	font-weight:bold;
	background-color:#ed217c;
	padding-left:15px;
	padding-top:1px;
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1:hover{
	background-color:#666666;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1Selectionner{
	background-color:#666666;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a:link{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a:visited{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a:hover{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a:active{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1 a:focus{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
/*.divPlanDuSite .divMenuNavigationProfondeur2{
	margin-bottom:10px;
	background-color:#eeeeee;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2{
	margin-bottom:5px;
	background-color:#eeeeee;
}*/
/********************************************/
/* 
	Les formulaires
*/
/********************************************/
input.inputText{
	width:95%;
	border:1px solid #666666;
	padding-left:1px;
}
input.inputTextFocus{
	border:2px solid #ed217c;
}
input.inputTextMessageWrong{
	border:2px solid #ff0000;
}
textarea.textarea{
	border:1px solid #666666;
}
textarea.textareaFocus{
	border:2px solid #ed217c;
}
textarea.textareaMessageWrong{
	border:2px solid #ff0000;
}
.divResizeTextareaExterne{
	cursor: ns-resize;
	cursor: n-resize;
}
.divResizeTextareaInterne{
	width: 556px;
	height: 8px;
	background-color:#b5b5b5;
	background-image:url("../image/idSite_4/elargisseurConteneurBasBg.gif");
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
	bottom:4;
	left:0;
	overflow: hidden;
	font-size: 1px;
}