/*************************************************
 *	style.css
 **************************************************
 *	debut		: mardi 06 mars 2007
 *  	copyright	: (C) 2007 - 2007 Les Groisy Loups
 *	mise à jour	: 06/05/2007
 **************************************************/
/* balise en generale */
html, body {margin: 0px; padding: 0px;}
h2 { font: italic normal 14pt georgia; letter-spacing: 1px; margin-bottom: 0px; color: #62481a; 
     text-decoration: underline; font-weight: bold; text-align: center; }
a:link { font-weight: bold; text-decoration: none; color: #191970; }
a:visited { font-weight: bold; text-decoration: none; color: #191970; }
a:hover, a:active { text-decoration: underline; color: #191970; }
a img { border:none; }

/* balise groisyloups */
#groisyloups { background: url('fond.jpg') repeat; }

/* balise global */
#global { padding: 0px 185px 0px 110px; margin: 0px; position: relative; top: 0px; left: 0px; }

/* balise entete */
#entete h1 { background: transparent url('les-groisy-loups.gif') no-repeat; 
		   margin-top: 10px; margin-left: 20px; width: 220px; height: 90px; float: left; }
#entete h1 span { display:none; }
#entete h2 { background: transparent url('multi-accueil.gif') no-repeat; 
		   margin-top: 50px; width: 400px; height: 50px; float: right;}
#entete h2 span { display:none; }

/* balise description */
#description { clear: both; }
#description p { font: italic 9pt/17pt georgia; text-align: left;}

/* balise extradiv en fin de page */
#extradiv1 { background: transparent url('logo_groisyloups.gif') top right no-repeat; 
			position: absolute; top: 10px; right: 60px; width: 119px; height: 126px; }
			 
/* balise du menu principal */
#menu { margin-left: 600px; position: absolute; top: 0px; right: 0px; }
#menu1 { font: 10px verdana, sans-serif; background: transparent url('fond_menu.jpg') top left ;
        padding: 10px; margin-top: 150px; width: 130px; }
#menu1 h3 span { display:none; }
#lacreche h4 { background: transparent url('la_creche.gif') no-repeat top left; 
				   margin: 10px 0px 5px 0px; width: 90px; height: 30px; }
#lacreche h4 span { display:none; }
#lesite h4 { background: transparent url('le_site.gif') no-repeat top left; 
				   margin: 10px 0px 5px 0px; width: 90px; height: 30px; }
#lesite h4 span { display:none; }
#prive h4 { background: transparent url('admin.gif') no-repeat top left; 
				   margin: 10px 0px 5px 0px; width: 90px; height: 30px; }
#prive h4 span { display:none; }
#menu1 ul { margin: 0px; padding: 0px; }
#menu1 li { line-height: 2ex; background: transparent url(fond_menu.jpg) no-repeat top center; 
		  display: block; padding-top: 5px; margin-bottom: 5px; list-style-type: none; }
#menu1 li a:link { color: #778899; }
#menu1 li a:visited { color: #778899; }

/* balise du menu rapide */
#menurapide { position: absolute; top: 10px; margin-left: 310px; }
#menurapide1 { font: italic 12px verdana, sans-serif; }
#menurapide h3 span { display:none; }
#menurapide1 ul li { margin-right: 10px ;display : inline; }
#menurapide1 li a:link { color: #778899; }
#menurapide1 li a:visited { color: #778899; }

/* balise extranet */
#extranet { font: italic 9pt/17pt arial; margin-left: 450px; margin-top: 810px; 
			position: absolute; top: 10px; right: 10px; border: 1px solid black;
			padding: 4px; }
#extranet p { font: italic 9pt/16pt arial; text-align: center; }

/* balise pied de page */
#pieddepage p { font: italic 9pt/17pt arial; text-align: center; }

/* balise de la page */
h3, h4 { text-align: center; }
.titre4 { text-align: center; }
p { font: 12pt/17pt arial; text-align: center; }
table { margin-left:auto; margin-right:auto; text-align: center; }

/* balise pour les informations et le blog */
.infoblog { font: 8pt/17pt arial; }
.titreinfoblog { font-size: 16px; font-weight: bold; }
.dateinfoblog { font: italic 8pt/17pt arial; font-weight: bold; }
.auteurinfoblog { font-weight: bold; }

/* balise pour le tableau du menu */
.menudate { background-color: #006600; color: white; font-size: 1.1em;
		   font-family: Arial, "Arial Black", Times, "Times New Roman", serif; }
.menuplat { background-color: #006600; color: white; font-size: 1.1em; padding: 8px;
		   font-family: Arial, "Arial Black", Times, "Times New Roman", serif; }
.menujour { background-color: #ffa26b; color: black; font-size: 1em; 
		   font-family: Arial, "Arial Black", Times, "Times New Roman", serif; }
		   
/*-- définition des Styles pour le calendrier (administration) --*/
.ds_box {background-color: #FFF;border: 1px solid #000;}
.ds_tbl {background-color: #FFF;}
.ds_head {background-color: #333;color: #FFF;font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;text-align: center;letter-spacing: 2px;}
.ds_subhead {background-color: #CCC;color: #000;font-size: 12px;font-weight: bold;text-align: center;font-family: Arial, Helvetica, sans-serif;width: 32px;}
.ds_cell {background-color: #EEE;color: #000;font-size: 13px;text-align: center;font-family: Arial, Helvetica, sans-serif;padding: 5px;cursor: pointer;}
.ds_cell:hover {background-color: #F3F3F3;} /* This hover code won't work for IE */