/*-----------------------------------------------------------------+
+ STYLE CSS POUR DAFPHP
+
+ cette feuille de style gère l'affichage d'éléments d'administration
+ (ex: tableau de bord) des formulaire et texte d'erreur.
+ Pour une meilleure lisibilité, il est important de l'inclure
+
+-----------------------------------------------------------------*/

	
	
/***************** BELOW THIS LINE ALL TAG NEED TO HAVE A CORRECT SCREEN ***********/


.spacer { clear: both; visibility: hidden; }


/* LINKS */
a.ext-link { background: url(../../dafphp/images/extlink.gif) left center no-repeat; padding-left: 16px; }
* html a.ext-link { display: inline; } /* inline-block */

/* IMG */
img { border: 0px; }

/* TEXT */
.small { font-size: 9px; }

/* FORMS */
form 		{ margin: auto; }
fieldset 	{ margin: 10px auto; background: #FBFAF1; border: 1px solid #b4b4b4; padding: 2px; padding-top: 10px !important; padding-top: 0px; text-align: left; }
legend 		{ color: #000; } 
label 		{ }

/* button */
input[type=button], input[type=submit], input[type=reset] { border: 1px #fff outset; color: #000;  background-color: #f3f3f3; font-size: 10px; }
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { border: 1px #fff inset; background-color: #f3f3f3; color: #000; }
input[type=button][disabled], input[type=submit][disabled], input[type=reset][disabled] { background: #f6f6f6; border-style: solid; color: #999; }

/* input */
input, textarea, select { margin: 2px }
input, select { vertical-align: middle; }
input[type=text],input[type=password], input.textwidget, textarea, select { border-width: 1px; border-color: #ccc; background: #eee; }
input[type=text]:focus,input[type=password]:focus, textarea:focus { background: #ddd;}

/* options dans les balises select */
optgroup { }
option { border-bottom: 1px dotted #d7d7d7; }


/* FORMULAIRE ERGONOMIQUE */
#ergoForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#ergoForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#ergoForm label:hover {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}




/*------------------------------------------------------------------+
+ EFFETS MOOTOOLS
+------------------------------------------------------------------*/




/*------------------------------------------------------------------+
+ EDITOR															
+------------------------------------------------------------------*/

/* le texte "option" dans l'edition des articles */
fieldset.options { background: #FBFAF1; border: 1px solid #b4b4b4; margin: 5px; padding: 2px; }


/*------------------------------------------------------------------+
+ TABLEAU DE BORD
+------------------------------------------------------------------*/

table.view { border-collapse: collapse; margin-top: 1em; background: #fff;}
table.view th { text-align: left; padding: 0 1em .1em 0; font-size: 12px }
table.view thead { background: #84AEC6; color: #fff; }
table.view thead th { font-size: 11px; font-weight: bold; padding: 2px .5em; vertical-align: bottom; }
table.view thead th :link:hover, table.view thead th :visited:hover { background-color: transparent; }
table.view thead th a { border: none; padding-right: 12px }
table.view th.asc a, table.view th.desc a { font-weight: bold }
table.view th.asc a, table.view th.desc a { background-position: 100% 50%; background-repeat: no-repeat; }
table.view th.asc a { background-image: url(../../dafphp/images/asc.png) }
table.view th.desc a { background-image: url(../../dafphp/images/desc.png) }
table.view td, table.view  th { vertical-align: middle;}
table.view td a:hover, table.view  th a:hover { background-color: transparent; }
table.view td a.dir { display: block; }
table.view td { border-top: 1px solid #fff; border-bottom: 1px solid #d4d4d4; }
table.view td.left { text-align: left; }
table.view td.right { text-align: right; }
table.view td.center { text-align: center; }
table.view tr { }
table.view tr.even { background-color: #fff; }
table.view tr.odd { background-color: #eee; }
/*
table.view tr:hover, table.view tr.current { background: #eed !important; }
*/



table.listing { border-bottom: 1px solid #d7d7d7; border-collapse: collapse; border-spacing: 0; margin-top: 1em; }
table.listing th { text-align: left; padding: 0 1em .1em 0; font-size: 12px }
table.listing thead { background: #f7f7f0; color: #888;}
table.listing thead th { border: 1px solid #d7d7d7; border-bottom-color: #999; font-size: 11px; font-weight: bold; padding: 2px .5em; vertical-align: bottom; }
table.listing thead th :link:hover, table.listing thead th :visited:hover { background-color: transparent; }
table.listing thead th a { border: none; padding-right: 12px }
table.listing th.asc a, table.listing th.desc a { font-weight: bold }
table.listing th.asc a, table.listing th.desc a { background-position: 100% 50%; background-repeat: no-repeat; }
table.listing th.asc a { background-image: url(../../dafphp/images/asc.png) }
table.listing th.desc a { background-image: url(../../dafphp/images/desc.png) }
table.listing td, table.listing  th { border: 1px dotted #ddd; vertical-align: middle;}
table.listing td a:hover, table.listing  th a:hover { background-color: transparent; }
table.listing td a.dir { display: block; }
table.listing td { color: #888; }
table.listing td.left { text-align: left; }
table.listing td.right { text-align: right; }
table.listing td.center { text-align: center; }
table.listing tr { border-top: 1px solid #ddd; }
table.listing tr.even { background-color: #fcfcfc; }
table.listing tr.odd { background-color: #f7f7f7; }
/* table.listing tr:hover, table.listing tr.current { background: #eed !important; } */
table.listing tr:hover, table.listing tr.current { background: #fff !important; }


/* arborescence - tree fait en javascript */
#tree { background-image: url(../../dafphp/images/nodesetbg.gif); }
#tree li { list-style-type: none; }
#tree ul { padding:0; margin:0; }
#tree .toggleinfo{ display:block; font-weight:bold; background-image: url(../../dafphp/images/plus.gif); background-repeat: no-repeat; background-position: 0px 8px; padding-left:20px;	padding-top:10px; padding-bottom:5px; cursor:pointer; }
#tree .info li { background-image: url(../../dafphp/images/node2.gif); background-repeat: no-repeat;padding-left:35px; }
#tree li span { background-color:white; display:block; }


/* code lors qu'un bout de code est inserer */
code, pre, blockquote {	font: 12px "Courier New", Courier, monospace; background: #ebebeb; }
pre, blockquote { -moz-border-radius: 1em; overflow: auto; max-height: 250px; background: #f0f0f0; line-height: 15px; margin: 5px; padding: 2px; }


/* numero de page lors d'une pagination */
.page { margin: auto; text-align: center; }
.page span { font-weight: bold; }




/*------------------------------------------------------------------+
+ ALBUM	(style pour le module album)								
+------------------------------------------------------------------*/
#album { text-align:center; list-style-type:none; }
#album li {	float: left; list-style-type: none; margin-right: 20px; margin-bottom: 10px; border: 1px solid #FFF; border : 1px dotted #dedede; }



/*------------------------------------------------------------------+
+ AGENDA	(affiché en page d'accueil)								
+------------------------------------------------------------------*/
#agenda { float:left; margin:10px; background: #fff; }
#agenda th, #agenda th a { width: 20px; text-align: center; font-weight: normal; }
#agenda th a { font-weight: bold; }
#agenda td { text-align: right; background: #ebebeb; }
#agenda a:hover { color:red; }
#agenda .now { color:red; }



/*------------------------------------------------------------------+
+ RECHERCHE	GOOGLE													
+------------------------------------------------------------------*/
.zone_recherche { margin: 10px 0px 10px 0px; }
.zone_recherche p {	margin: 0px; }
.zone_recherche a {	font-weight: bold; font-size: 1.2em; color: #800000; text-decoration: underline; }
.zone_recherche u { font-size: 80%;	color: #999; }




/*------------------------------------------------------------------+
+ ERROR	(afin de mettre en évidence une erreur ou non)				
+------------------------------------------------------------------*/
.error { color: #f00; font-weight: bold; background: url(../../dafphp/images/error.png) left center no-repeat; padding-left: 18px; }
.passed { color: green; font-weight: bold; background: url(../../dafphp/images/passed.png) left center no-repeat; padding-left: 18px; }
.warning { color: #e3cf1e; font-weight: bold; background: url(../../dafphp/images/warning.png) left center no-repeat; padding-left: 18px; }


.required { color: #f00; }

/* tous les icones de parties administratives */
/*
img.iconeadmin { border: 1px solid transparent; }
* html img.iconeadmin { border: none; }
a:hover img.iconeadmin { border: 1px solid #f00; }
*/
/*
a img.iconeadmin {
	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.40; opacity:0.4;
}

a:hover img.iconeadmin { 
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1;
 }
*/

/* design d'un bouton factif depuis un lien */
.button { 
	font-size: 10px;
	padding: 2px;
	background: #f3f3f3;
	text-decoration: none;
	border: 1px #fff outset;
	color: #000;
}

.button:hover {
	color: #000;
	text-decoration: none;
	border: 1px #fff inset;
}