/*
//	----------------------------------------------------------------------
//								styles.css
//	----------------------------------------------------------------------
//	Dernière Modification : 2007-03-28
//	Création : 2007-03-28
//	----------------------------------------------------------------------
//	Programme : Site Internet ZEC Martin-Valin
//	Version   : 1.0.0
//	----------------------------------------------------------------------
//	Auteur(s) : Denis Girard, D.E.S.S. Informatique	© 2007
//	----------------------------------------------------------------------
*/

/*	Éléments généraux
****************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #D9BB7A url(images/body.png);
	scrollbar-face-color: #D9BB7A;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #236C00;
	scrollbar-3dlight-color: #EEFFE6;
	scrollbar-arrow-color:  #ffffff;
	scrollbar-track-color: #D9BB7A;
	scrollbar-darkshadow-color: #164600;
}

html, body	{	margin: 0;	padding: 0;	}



/*	Textes généaux
****************************/
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

.gen			{ font-size : 12px; color : #EEEEEE; }
.genmenu		{ font-size : 12px; color : #33CC00; }
.genTexte		{ font-size : 12px; color : #993300; }

p:first-letter 
{ 
	padding-left: 20px; 
} 


/*	Liens généraux
****************************/

a.gen		{ color: #ffffff; font-weight: bold; text-decoration: none; }
a.gen:hover	{ color: #FFC53C; font-weight: bold; text-decoration: underline; }

a.genmenu		{ color: #339900; font-weight: bold; text-decoration: none; }
a.genmenu:hover	{ color: #33CCCC; font-weight: bold; text-decoration: underline; }

a img		{ text-decoration: none; border: none; }


/*	Styles généraux
****************************/
.genOk		{ font-size : 12px; color : #669900; font-weight : bold; }
.genError	{ font-size : 12px; color : #ff0000; font-weight : bold; }

.marge		{ margin-left: 5em; }

dt			{ font-weight: bold; }


/*	Barre de navigation
****************************/
#navbar		{ vertical-align: middle; background-color: #1E5B00; margin:0 0 20px 0; display: block; }
p.gauche	{ vertical-align: middle; margin:0; padding:0; }
p.droit		{ float: right; margin:0; padding:0; padding-left: 13px; display: block; vertical-align: middle;}


/*	Menu Principal
****************************/
div#navigation { display: inline; /* IE */
				 float: left; margin-left: 10px; margin-right: 10px; width: 180px; }

#navigation ul { margin: 0; padding: 10px 0; list-style: none; }
#navigation ul li {	padding: 0;	display: inline; /* IE */ }
#navigation ul li a { display: block; padding: 5px 5px 5px 10px; color: #000; 
					  background: transparent ; 
					  text-decoration: none; }
#navigation ul li a:hover {	color: #fff; background: #246F00 }
#navigation div { margin-bottom: 1em; background: #319500 url(images/navbottom.png) no-repeat center bottom; }
#navigation div h2 { margin: 0; padding: 3px; padding-left: 6px; font-size: 12px; text-align: center;
					 background: #267700 url(images/navtop.png) no-repeat center top; color: #FFF; }

#navigation #nav_connexion #connexion_btn {width: 6em}

.mainmenu		{ font-size : 12px; text-decoration: none; color : #000000; font-weight : bold; }
a.mainmenu:hover{ text-decoration: underline; color : #FFFFFF }


/*	Contenu principal
****************************/
.main		{ margin: 0 0 0 0px; padding: 0px; background: #fff; }
.maintopG	{ background: #fff url(images/mainHG.gif) no-repeat; }
.maintopD	{ background: #fff url(images/mainHD.gif) no-repeat; }
.mainbottomG{ background: #fff url(images/mainBG.gif) no-repeat; }
.mainbottomD{ background: #fff url(images/mainBD.gif) no-repeat; }


.stitle
{
	font-weight: bold; font-size: 18px; font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline; color : #990000;
}

.topic
{
	font-weight: bold; font-size: 16px; font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; color : #990000;
}


/*	Header
****************************/
div#top		{ height: 80px; margin-bottom: 2px; position: relative; 
			  background: #267700 url(images/top.png) left top; }


/*	Footer
****************************/
.footer		{ margin: 0 0 0 0px; padding: 0px; background: #267700; }
.footertopG { background: #267700 url(images/footerHG.gif) no-repeat; }
.footertopD { background: #267700 url(images/footerHD.gif) no-repeat; }
.footerbottomG { background: #267700 url(images/footerBG.gif) no-repeat; }
.footerbottomD { background: #267700 url(images/footerBD.gif) no-repeat; }


/*	Tableaux
****************************/
.bodyline	{ background-color: #ffffff; border: 1px #1E5B00 solid; }
.bodynoline	{ background-color: #ffffff; }

th	{
	color: #ffffff; font-size: 12px; font-weight : bold;
	background-color: #1E5B00; height: 25px;
}


/*	Copyright et informations de bas de page
****************************/
.copyright	{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; 
			  letter-spacing: -0px; }
a.copyright	{ color: #ffffff; text-decoration: none; font-weight : bold; }
a.copyright:hover { color: #33FF66; text-decoration: underline; font-weight : bold; }


/*	Légende des cartes
****************************/
a.viewpic		{	position:relative;  border-bottom:1px dashed #808080;   text-decoration: none; }
a:hover.viewpic	{	text-decoration: none; background: none;	}
a.viewpic span	{	display: none;	}
a:hover.viewpic span
				{	display: inline; position: absolute;  top: -20px; left: 100px; z-index: 20; width:100%; padding:2px 4px;	}

/*
<a class='viewpic' href='#'>Survolez-moi
	<span><img src='".$template_img."fr.gif'></span>
</a>*/


/* Formulaires 
*********************************************************************************/
fieldset, legend{
	border: 1px solid #ccc;
	background: #f3f3f3 url(img/fieldset.png) repeat-x left top;
	}
fieldset{padding: 2em 1em}
legend{padding: 0.5ex 1ex}

label {
 cursor: pointer;
 cursor: hand; /* MSIE*/
	}

input, textarea{
	padding: 3px;
	background: #fff;
	}
input, select, textarea{border: 1px solid #aaa}
input:focus, select:focus, textarea:focus{border: 1px solid #666}
input[type=submit], input[type=button], .buttons{border: 1px outset #986601}

input,textarea, select {
	color : #616161;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #737373;
}