/*
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:12px;
	color:#333333;
	font-family:Trebuchet MS;
}
body{
	background-color:#919000;
	background-image:url("../image/idSite_4/bg_big.jpg");
	background-position:50% 0%;
}
table{
	border-collapse:collapse;
}
table caption{
	display:none;
}
table thead{
	display:none;
}
table tr td{
	vertical-align:top;
}
h1{
	margin:0px;
	margin-bottom:2px;
	font-size:20px;
	color:#9A8800;
	font-size:26px;
	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;
	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:95%;	
}
a img{
	border:0px;
}
a:link{
	color:#333333;	
	text-decoration:underline;
}
a:visited{
	color:#333333;	
	text-decoration:underline;
}
a:hover{
	background-color:#a4a430;
	color:#ffffff;	
	text-decoration:underline;
}
a:active{
	background-color:#a4a430;
	color:#ffffff;	
	text-decoration:underline;
}
a:focus{
	background-color:#a4a430;
	color:#ffffff;	
	text-decoration:underline;
}
a.aLienSelectionner:link{
	background-color:#a4a430;
	color:#ffffff;	
}
a.aLienSelectionner:visited{
	background-color:#a4a430;
	color:#ffffff;	
}
a.aLienSelectionner:hover{
	background-color:#a4a430;
	color:#ffffff;	
}
a.aLienSelectionner:active{
	background-color:#a4a430;
	color:#ffffff;	
}
a.aLienSelectionner:focus{
	background-color:#a4a430;
	color:#ffffff;	
}
/********************************************/
/* 
	Structure du site
*/
/********************************************/
#divGeneral{
	width:960px;
	margin-left:auto;
	margin-right:auto;	
}
/* BANDEAU */
#divBandeau{
	position:relative;
	text-align:center;
	height:148px;
}
#divBandeauLogo{
	position:absolute;
	top:0px;
	left:00px;
}
#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;
}
#divBandeau .divSousMenu{
	height:17px;
	border-top:1px solid #ffffff;
	padding-left:25px;
	padding-top:3px;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	background-color:#7d7d00;
	background-image:url(../image/idSite_4/puceMenu.gif);
	background-repeat:no-repeat;
	background-position:11px 8px;
}
#divBandeau .divSousMenu:hover{
	height:17px;
	border-top:1px solid #ffffff;
	padding-left:25px;
	padding-top:3px;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	background-color:#a4a430;
	background-image:url(../image/idSite_4/puceMenu.gif);
	background-repeat:no-repeat;
	background-position:11px 8px;
}

#divBandeau .divSousMenu a{
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	background-color:transparent;
}
#divBandeau .divSousMenu a:hover{
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	background-color:transparent;
}
#divBandeau .divSousMenuGlobal{
	position:absolute;
	top:23px;
	left:0px;
	z-index:10;
	display:none;
}
/* FOOTER */
#divFooter{
	position:relative;
	height:23px;
	color:#ffffff;
	background-image:url("../image/idSite_4/bg_footer.png");
	background-repeat:no-repeat;
	text-align:center;
}
#divFooter2{	
	height:18px;
	color:#ffffff;
	background-color:transparent;
	background-image:url("../image/idSite_4/bg_separateurColonne.gif");
	background-repeat:repeat-y;
	background-position:700px 0px;
}
#divFooter2 a{
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background-color:transparent;
}
/*
#divFooter #divFooterThemeAssocier{
	position:absolute;
	top:65px;
	left:0px;
	width:750px;
	text-align:justify;
	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;
}
*/
/* CENTRE */
#divTousLeCentre{
	padding-top:10px;
	padding-left:37px;
	background-color:#ffffff;
	background-image:url("../image/idSite_4/bg_separateurColonne.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:repeat-y;
	background-position:700px 0px;
}
#divTitreEtAriane{
	background-color:#ffffff;
	width:650px;
}
#tableCentre{
	width:923px;
	height:550px;
}
/*
#tableCentre #tdGaucheTableCentre{
	width:200px;
	background-color:#dddddd;
	padding:10px;
}
*/
#tableCentre #tdCentreTableCentre{
	background-color:#ffffff;
	overflow-x:hidden;width:668px;	/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */	
	background-image:url("../image/idSite_4/bg_separateurColonne.gif"); 
	background-repeat:repeat-y;
	background-position:663px 0px;
}
#tableCentre #tdDroiteTableCentre{
	background-color:#ffffff;
}
/********************************************/
/* 
	Les zones d'édition
*/
/********************************************/
.divZoneEdition{
	padding:1px;
	padding-top:10px;
}
#divZoneEdition_4{
	padding-left:10px;
	padding-right:10px;
}
/********************************************/
/* 
	Les gabarits d'articles
*/
/********************************************/
/* texte + image à gauche */
.divArticleGabarit_8 .divArticleImage1{
	float:left;
	overflow:hidden; 
}
.divArticleGabarit_8 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_8 .divArticleImage1 table tr td{
	padding-right:10px;
	padding-bottom:5px;
	font-style:italic;
}
.divArticleGabarit_8 .divArticleImage1 table tr td img{
	border:1px solid #000000;
}
/* texte + image à droite */
.divArticleGabarit_9 .divArticleImage1{
	float:right;
	overflow:hidden; 
}
.divArticleGabarit_9 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_9 .divArticleImage1 table tr td{	
	padding-left:10px;
	padding-bottom:5px;
	font-style:italic;
}
.divArticleGabarit_9 .divArticleImage1 table tr td img{
	border:1px solid #000000;
}
/* image large */
.divArticleGabarit_21 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_21 .divArticleImage1 table tr td{
	padding-bottom:5px;
	font-style:italic;
}
.divArticleGabarit_21 .divArticleImage1 table tr td img{
	border:1px solid #000000;
}
/* plan du site */
.divArticleGabarit_20 .divArticleContenu div{
	margin-bottom:2px;
}
.divArticleGabarit_20 .divArticleContenu .divPlanDuSiteRacine{
	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;
}
.divArticleGabarit_20 .divArticleContenu .divPlanDuSiteRacine a{
	text-decoration:none;
}
.divArticleGabarit_20 .divArticleContenu .divPlanDuSitePagePasRacine a{
	background-color:transparent;
	text-decoration:underline;
	color:#333333;
	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;
}
/********************************************/
/* 
	Les articles génériques
*/
/********************************************/
.divArticle{
	margin-bottom:15px;
	clear:both;
	overflow:visible; /* sinon affichage d'un ascenceur vertical sur firefox si clic sur un lien ? */
}
.divArticleNom h2{
	margin-bottom:10px;
	font-weight:bold;
	font-size:26px;
	color:#998800;
	background-image:url("../image/idSite_4/bg_titreArticle.gif");
	background-repeat:repeat-x;
	background-position:0px 24px;
}
.divArticleDateMiseAJour{
	position:absolute;
	top:10px;
	right:0px;
	font-size:10px;
}
.divArticleContenu b{
	color:#cc0000;
}
.divArticleContenu b a:link{
	color:#333333;	
	text-decoration:underline;
}
.divArticleContenu b a:visited{
	color:#333333;	
	text-decoration:underline;
}
.divArticleContenu b a:hover{
	background-color:#a4a430;
	color:#ffffff;	
	text-decoration:underline;
}
.divArticleContenu b a:active{
	color:#333333;	
	text-decoration:underline;
}
.divArticleContenu b a:focus{
	background-color:#a4a430;
	color:#ffffff;	
	text-decoration:underline;
}
.divArticleContenu ul{
	margin-top:0px;
	margin-bottom:0px;
}
.divArticleContenu a:link{
	color:#333333;	
	text-decoration:underline;
}
.divArticleContenu a:visited{
	color:#333333;	
	text-decoration:underline;
}
.divArticleContenu a:hover{
	background-color:#a4a430;
	color:#ffffff;	
	text-decoration:underline;
}
.divArticleContenu a:active{
	color:#333333;	
	text-decoration:underline;
}
.divArticleContenu a:focus{
	background-color:#a4a430;
	color:#ffffff;	
	text-decoration:underline;
}
.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;	
}
.divClearBoth{
	clear:both;
}
/********************************************/
/* 
	Les articles par zones d'édition
*/
/********************************************/
/* colonne du centre */
#divZoneEdition_1 .divArticle{
	background-color:#ffffff;	/* à cause de IE, de dynamicFont et de interface.js */
	width:600px;
}
#divZoneEdition_1 .divArticle .divArticleContenu a b{
	background-color:#a4a430;
	color:#ffffff;
	font-weight:normal;
	padding-left:1px;
	padding-right:1px;
	text-decoration:underline;
}
#divZoneEdition_1 .divArticle .divArticleContenu a b:hover{
	background-color:#a4a430;
	color:#ffffff;
	font-weight:normal;
	padding-left:1px;
	padding-right:1px;
	text-decoration:none;
}
/* colonne de droite */
#divZoneEdition_4 .divArticle{
	background-color:#ffffff;	/* à cause de IE, de dynamicFont et de interface.js */
}
#divZoneEdition_4 .divArticle .divArticleNom h2{
	font-size:17px;
	color:#9A8800;
	background-image:url("");
}
#divZoneEdition_4 .divArticle .divArticleContenu *{
	font-size:12px;
}
#divZoneEdition_4 .divArticle .divArticleContenu a b{
	background-color:#a4a430;
	color:#ffffff;
	font-weight:normal;
	padding-left:1px;
	padding-right:1px;
	text-decoration:underline;
}
#divZoneEdition_4 .divArticle .divArticleContenu a b:hover{
	background-color:#a4a430;
	color:#ffffff;
	font-weight:normal;
	padding-left:1px;
	padding-right:1px;
	text-decoration:none;
}
#divZoneEdition_4 .divArticle .divArticleImage1 img{
	border:1px solid #000000;
}
/********************************************/
/* 
	Fil d'ariane
*/
/********************************************/
#divFilAriane{
	font-size:11px;
}
#divFilAriane a{
	font-size:11px;
}
/********************************************/
/* 
	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:#9A8800;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 .divMenuNavigationProfondeur1{
	margin-bottom:1px;
	background-color:#eeeeee;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1{
	margin-bottom:1px;
	background-color:#cccccc;
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1Selectionner{
	margin-bottom:1px;
	background-color:#ff0000;
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur2{
	margin-bottom:1px;
	background-color:#eeeeee;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2{
	margin-bottom:1px;
	background-color:#eeeeee;
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2Selectionner{
	margin-bottom:1px;
	background-color:#ff0000;
	cursor:pointer;
}
/********************************************/
/* 
	Les formulaires
*/
/********************************************/
input.inputText{
	width:600px;
	border:1px solid #666666;
	padding-left:1px;
}
input.inputTextFocus{
	border:2px solid #000000;
}
input.inputTextMessageWrong{
	border:2px solid #ff0000;
}
textarea.textarea{
	width:600px;
	border:1px solid #666666;
}
textarea.textareaFocus{
	border:2px solid #000000;
}
textarea.textareaMessageWrong{
	border:2px solid #ff0000;
}
.divResizeTextareaExterne{
	cursor: ns-resize;
	cursor: n-resize;
}
.divResizeTextareaInterne{
	width: 500px;
	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;
}