/*
CE FICHIER CONSTITUE UNE PARTIE DU LOGICIEL "Edit CMS" créé en 2004 par Fabien Guy BRANCHUT, auteur et propriétaire du logiciel, né en France le 11 mars 1974 à Angoulême (16).
Le Logiciel "Edit CMS" est un logiciel propriétaire dont le commerce repose sur la vente de droits d'utilisation selon un contrat à établir entre le propriétaire du logiciel et l'utilisateur final du logiciel.
Il est strictement interdit d'étudier le code source, de copier et/ou redistribuer des copies du logiciel ou de modifier le logiciel sans l'autorisation écrite du propriétaire de "Edit CMS".
Pour toutes demandes ou informations, veuillez contacter le propriétaire aux coordonnées ci-dessous :
Site Internet du logiciel : www.editcms.com
Site Internet du propriétaire ; www.fabien-branchut.fr
Téléphone du propriétaire : 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;
}
body{
	background-image:url(../image/idSite_4/conjugaison-fond-bordure.gif);
	background-repeat:repeat-y;
	background-position:top center;
}
table{
	border-collapse:collapse;
}
table caption{
	display:none;
}
table thead{
	display:none;
}
table tr td{
	vertical-align:top;
}
h1{	
	display:table-cell;
	vertical-align:bottom; /* pour caler en bas les images générées par dynamicFont qui n'ont pas toutes la même hauteur */
	font-size:45px;
	color:#fa27a4;
}
h2,h3{
	margin-bottom:10px;
	font-weight:bold;
	font-size:35px;
	border-bottom:1px solid #34afc9;
	color:#34afc9;
	line-height:35px;
}
ul{
	margin-left:10px;
	padding-left:10px;
	list-style-type: none;
}
ol{
	margin-left:10px;
	padding-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 8px;
	padding-left:10px;
	margin-bottom:2px;
}
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;
}
fieldset{
	padding:10px;	
	margin-bottom:15px;
}
legend{
	padding-left:5px;	
	padding-right:5px;
	font-weight:bold;	
}
select{
	border:1px solid #666666;	
}
textarea{
	width:95%;	
}
a img{
	border:0px;
}
/* lien généraux */
a:link{
	color:#d7268e;
	text-decoration:underline;
}
a:visited{
	color:#d7268e;
	text-decoration:underline;
}
a:hover{
	color:#d7268e;
	text-decoration:none;
}
a:active{
	color:#d7268e;
	text-decoration:underline;
}
a:focus{
	color:#d7268e;
	text-decoration:none;
}
/* classe générique aLien (doit être les même style que pour les lien générique, sert à surcharger un lien qui ne réagit pas comme on le souhaiterai) */
a.aLien:link{
}
a.aLien:visited{
}
a.aLien:hover{
}
a.aLien:active{
}
a.aLien:focus{
}
/* classe des liens qui sont selectionnés */
a.aLienSelectionner{
	background-color:#000000;
	color:#ffffff;	
	text-decoration:underline;
}
/********************************************/
/* 
	Classes génériques
*/
/********************************************/
/* titre de page */
.divH1{
	margin-bottom:10px;
}
.divH1 .divH1Interne{
	float:left;
	width:478px;
}
.divH1 #divH1InterneDescription {
	position:relative;
}
.divH1 #divH1InterneDescription *{
	font-size:11px;
}
.divH1 .divImgVignette{
	float:left;
	margin-right:10px;
}
.divH1 .divImgVignette .imgVignette{
	width:70px;
	height:70px;
	border:1px solid #000000;	
}
/* bloc des colonnes */
.divBlocColonne{
	margin-bottom:20px;
	border:1px solid #666666;
}
.divBlocColonneTitre{
	background-color:#666666;
	color:#ffffff;
	padding:3px;
	font-weight:bold;
}
.divBlocColonneContenu{
	padding:10px;
}
/* autres */
.divClearBoth{
	clear:both;
	height:0px;
	overflow:hidden;
}
.ul{
	margin:0px;
	padding:0px;
}
.ol{
	margin:0px;
	padding:0px;
}
/* tableaux de données */
.tableData{	
	width:100%;
}
.tableData caption{	
	display:table-caption;
	text-align:left;
	border:1px solid #000000;
	border-bottom:0px solid #999999;
	padding:4px;
	background-color:#2b2b2b;
	color:#ffffff;	
}
.tableData tr td{
	padding:4px;
	border:1px solid #999999;	
	vertical-align:middle;
	text-align:center;
}
.tableData tr th{
	padding:4px;
	border:1px solid #999999;
	color:#666666;	
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	font-size:11px;
}
.tableData thead{
	display:table-header-group;
}
.tableData tr th{
	padding:4px;
	border:1px solid #999999;
	color:#ffffff;	
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	font-size:11px;
	background-color:#4b4b4b;
}
/********************************************/
/* 
	Structure du site
*/
/********************************************/
#divGeneral{
	width:984px;
	margin-left:auto;
	margin-right:auto;	
}
/* BANDEAU */
#divBandeau{
	background-image:url("../image/idSite_4/conjugaison-bandeau.gif"); 
	background-repeat:no-repeat;
	position:relative;
	background-color:#cccccc;
	text-align:center;
	height:315px;
}
#divBandeauLogo{
	position:absolute;
	top:0px;
	left:0px;
}
#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;
}
#divBandeauAuthentification{
	position:absolute;
	bottom:3px;
	right:10px;
}
#divBandeau #divBandeauThemeAssocier{
	overflow:hidden;
	height:0px;
}
#divBandeau #divBandeauMoteurRecherche{
	position:absolute;
	left:10px;
	bottom:3px;
}
#divBandeau #divBandeauRappelGratuit{
	position:absolute;
	left:260px;
	bottom:3px;
	text-align:left;
}
/* FOOTER */
#divFooter{
	position:relative;
	background-image:url(../image/idSite_4/verbe-pied-de-page.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:70px;
	height:137px; /* 207-70 */
}
#divFooter *{
	font-family:times;
	font-size:14px;
}
#divFooter a{
	text-decoration:none;
}
#divFooter a:hover{
	text-decoration:underline;
}

#divFooter #divFooterThemeAssocier{
	position:absolute;
	bottom:10px;
	left:210px;
	width:750px;
	text-align:left;
	font-size:11px;
	color:#666666;
}
#divFooter #divFooterThemeAssocier strong{
	font-size:11px;
	color:#666666;
}
#divFooter #divFooterThemeAssocier a{
	font-size:11px;
	color:#555555;
	text-decoration:underline;
}
/* CENTRE */
#tableCentre{
	width:984px;
	height:550px;
	background-image:url("../image/idSite_4/verbe-fond-centre.gif"); 
}
#tableCentre #tdGaucheTableCentre{
	width:200px;
	padding-bottom:10px;
}
#tableCentre #tdCentreTableCentre{
	padding-top:10px;
	padding-left:10px;
	padding-right:50px;
	padding-bottom:10px;
	overflow-x:hidden;width:724px; /* 984-200-10-50 */	/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */	
}
/********************************************/
/* 
	Les zones d'édition
*/
/********************************************/
.divZoneEdition{
	padding:0px;
}
/********************************************/
/* 
	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;
	font-size:10px;
}
/* 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;
}
/* texte + image à gauche (2) */
.divArticleGabarit_36 .divArticleImage1{
	float:left;
	overflow:hidden; 
}
.divArticleGabarit_36 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_36 .divArticleImage1 table tr td{
	padding-right:10px;
	padding-bottom:5px;
	font-style:italic;
}
/* texte + image à droite (2) */
.divArticleGabarit_37 .divArticleImage1{
	float:right;
	overflow:hidden; 
}
.divArticleGabarit_37 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_37 .divArticleImage1 table tr td{	
	padding-left:10px;
	padding-bottom:5px;
	font-style:italic;
}
/* image large */
.divArticleGabarit_21 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_21 .divArticleImage1 table tr td{
	padding-bottom:5px;
	font-style:italic;
}
/* plan du site */
.divArticleGabarit_20 .divArticleContenu div{
	margin-bottom:2px;
}
.divArticleGabarit_20 .divArticleContenu .divPlanDuSiteUnLigne{
	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 .divPlanDuSiteUnLigne a{
	text-decoration:none;	
}
/********************************************/
/* 
	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 ? *//
}
/* CONTENU : gras */
.divArticleContenu *{
	line-height:18px;
}
/* CONTENU : gras */
.divArticleContenu b{
}
/* CONTENU : souligné */
.divArticleContenu u
,.divArticleContenu u *{
	color:#fa27a4;
}
/* le reste */
.divArticleContenu ul{
	margin-top:0px;
	margin-bottom:0px;
}
/********************************************/
/* 
	Les articles par zones d'édition
*/
/********************************************/
/* colonne du centre */
#divZoneEdition_1 .divArticle{
}
#divZoneEdition_1 .divArticle .divArticleContenu a b{
	color:#000000;
}
/********************************************/
/* 
	Fil d'ariane
*/
/********************************************/
#divFilAriane{
	position:relative;
	font-size:10px;
	margin-bottom: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:10px;border-bottom:1px solid #ffffff;background-color:#ef6f24;color:#ffffff;}
#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;}
/********************************************/
/* 
	Fausse Pop-Up
*/
/********************************************/
/* Fausse Pop-Up */
.divFaussePopUp{
	border:2px solid #000000;
	padding:5px;
	background-color:#cccccc;
}
.divFaussePopUpFermer{
	border:1px solid #000000;
	border-bottom:0px solid #000000;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	background-color:#cccccc;
}
/********************************************/
/* 
	Les formulaires
*/
/********************************************/
.divMessageWrong{
	background-color:#ff0000;
	color:#ffffff;
	padding:10px;
	font-weight:bold;
	margin-bottom:20px;
	border:1px solid #000000;
}
.divMessageWrong *{
	color:#ffffff;
}
.spanMessageWrong{
	color:#ff0000;
	font-weight:bold;	
}
.divMessageWrongPourLabel{
	color:#ff0000;
	padding:0px;
	padding-bottom:3px;
	font-weight:bold;
}
.divMessageOK{
	background-color:#fa27a4;
	color:#ffffff;
	padding:10px;
	font-weight:bold;
	margin-bottom:20px;
	border:1px solid #fa27a4;
}
.divMessageOK *{
	color:#ffffff;
}
.divLabel{
	margin-bottom:10px;
}
input.inputText{
	width:95%;
	border:2px solid #fa27a4;
	padding-left:1px;
}
input.inputTextFocus{
	border:2px solid #fa27a4;
	background-color:#fa27a4;
	color:#ffffff;
}
input.inputTextMessageWrong{
	border:2px solid #ff0000;
	background-color:#ff0000;
}
textarea.textarea{
	border:2px solid #fa27a4;
}
textarea.textareaFocus{
	border:2px solid #fa27a4;
	background-color:#fa27a4;
	color:#ffffff;
}
textarea.textareaMessageWrong{
	border:2px solid #ff0000;
	background-color:#ff0000;
}
/*********************************/
/* info bulle */ 
/*********************************/
#tableInfoBulle{
	margin:10px;
}
#tableInfoBulle #tdInfoBulle{	
	padding:0px;	
	border:1px solid #000000;	
	background-color:#ffffff;
	text-align:center;
}
.divInfoBulleInterne{
	padding:2px;
}
/*********************************/
/* système d'autocompletion */ 
/*********************************/
.divAutocompletionAjax{
	position:absolute;
	top:1px;
	left:-1px;
	display:none;
	border:1px solid #9d5f29;
	width:100%;
}
.divAutocompletionAjaxUneLigne_out{
	background-color:#ffffff;
	color:#000000;
	padding-left:1px;
	padding-right:5px;
}
.divAutocompletionAjaxUneLigne_over{
	background-color:#fa27a4;
	color:#ffffff;
	padding-left:1px;
	padding-right:5px;
	cursor:default;
}
/*********************************/
/* Images */ 
/*********************************/
.divImageMultipleIconeZoom{
	position:absolute;
	right:0px;
	bottom:0px;
	cursor:pointer;
}
.divImageMultiplePlusDinfo{
	position:absolute;
	left:2px;
	bottom:2px;
	font-style:normal;
	cursor:help;
}
.divImageMultiplePlusDinfo a{
	color:#ffffff;
	text-decoration:none;
	font-style:normal;
	cursor:help;
}
.divImageMultiplePlusDinfoInfoBulle{
	padding:5px;
}
.divImageMultiplePlusDinfoInfoBulle *{
	font-size:10px;
	text-align:left;
}