/* feuille de style -  Lycée vilgenis */
/* tous droits réservés */

/* définition de la police texte, tableau (couleur, police taille) */
.td, body, table {
	font-weight: normal; 
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #333; 
	line-height: 13px;  
}

body {
	scrollbar-arrow-color: #81A72E;
	scrollbar-track-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #81A72E;
	scrollbar-darkshadow-color: #fff;
	scrollbar-3dlight-color: #fff;
}

.noborder {
	border: 0;
}

h2 {
	font-weight: bold;
	font-size: 13px;
	color: #468110;
	margin-left: 0;
}

.haut {
	font-weight: normal;
	font-size: 11px;
	color: #aaccf1;
	line-height: 13px;
	margin-right: 10px;
	margin-top: 3px;
}

.vert {
	font-weight: bold;
	color: #468110;
}

.bleu {
	font-weight: bold;
	color: #069;
}

.vert2 {
	color: #468110;
	background-color: #ECF2D6;
}

form {
	margin:0px;
}

.blank {
	height: 6px;
}

.ligne {
	border-bottom: 1px solid #EBF3F7;
}

.bas {
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	margin-bottom: 3px;
	text-align: center;
}

.plan {
	font-weight: normal;
	font-size: 11px;
	color: #069;
	line-height: 12px;
}

.defil {
	FONT-WEIGHT: bold;
	COLOR: #006699;
	FONT-SIZE: 14px;
}

.menu1 {
	font-weight: bold;
	font-size: 11px;
	height: 22px;
	background-image:url(../images/fond/menu2.gif);
	width: 184px;
	color: #2565A6;
	text-align: left;
	padding: 1px 1px 1px 4px;
	cursor: hand;
	margin-bottom: 5px;
}

.menu4 {
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 0.1px;
	word-spacing: 0.1px;	
	height: 22px;
	width: 182px;
	color: #069;
	text-align: left;
	padding: 1px 1px 1px 4px;
	cursor: hand;
}

.ouvrir  {
	padding-left: 200px;
}

h2 {
	margin: 16px 32px;
}

/* personnalisation des liens hypertextes pas de page */
a.menu:link, a.menu:visited, a.menu:active {line-height:12px; font-weight:normal; text-decoration:none; color: #069;}
a.menu:hover {line-height:12px; font-weight:normal; text-decoration:underline; color: #3A86AC;}

/* personnalisation des liens hypertextes pas de page */
a.blanc:link, a.blanc:visited, a.blanc:active {line-height:12px; font-weight:normal; text-decoration:none; color: #fff;}
a.blanc:hover {line-height:12px; font-weight:normal; text-decoration:underline; color: #fff;}


/* personnalisation des liens hypertextes pas de page */
a.menu2:link, a.menu2:visited, a.menu2:active {line-height:12px; font-weight:normal; text-decoration:underline; color: #069;}
a.menu2:hover {line-height:12px; font-weight:normal; text-decoration:none; color: #3A86AC;}

/* personnalisation des liens hypertextes pas de page */
a.menu3:link, a.menu3:visited, a.menu3:active {line-height:12px; font-weight:bold; text-decoration:none; color: #069;}
a.menu3:hover {line-height:12px; font-weight:bold; text-decoration: underline; color: #069;}

/* personnalisation des liens hypertextes pas de page */
a.vert:link, a.vert:visited, a.vert:active {line-height:12px; font-weight:bold; text-decoration:none; color: #468110;}
a.vert:hover {line-height:12px; font-weight:bold; text-decoration: underline; color: #468110;}


/* personnalisation des liens hypertextes pas de page */
a.haut:link, a.haut:visited, a.haut:active { font-weight:normal; text-decoration:none; color: #AACCF1;}
a.haut:hover {font-weight:normal; text-decoration:underline; color: #AACCF1;}


/* personnalisation des liens hypertextes pas de page */
a.main:link, a.main:visited, a.main:active {line-height:12px; font-weight:normal; text-decoration: underline; color: #468110;}
a.main:hover {line-height:12px; font-weight:normal; text-decoration: none; color: #468110;}

/* personnalisation des liens hypertextes */
a:link, a:visited, a:active {line-height:12px; font-weight:bold; text-decoration:underline; color: #000;}
a:hover {line-height:12px; font-weight:bold; text-decoration:none; color: #000;}

select, textarea, input {
	font-weight: bold; /*** Pour am?liorer la lisibilité des boutons ***/
	font-size: 11px;
	color: #468110;
	background-color: #fff;
	border: 1px solid #81A72E;
	margin-left: 1em;
}


/* Contour cadre accueil*/
.zoom {
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #A7CAF1;
}

/* Contour cadre formation */
.formation {
	background-color: #fff;
	overflow: hidden;
	margin: 10px;
	padding: 20px;
	padding-left: 40px;
	padding-right: 40px;
	border: 1px solid #ECF2D6;
}
.formation p {
	margin: 0;
	padding: 2px;
	text-align: left;
	border-bottom: 1px solid #ECF2D6;
}

.agenda p {
	margin: 0;
	padding: 2px;
	text-align: left;
	border-bottom: 1px solid #ECF2D6;
	margin-bottom: 10px;
}

.emploi {
	margin: 0;
	padding: 2px;
	text-align: left;
	border-bottom: 1px solid #ECF2D6;
	margin-bottom: 10px;
}

.largmini  {
 	width: 290px;
}

.centre  {
 	text-align: center;
}

.contour {
	background-color:#fff;
	border-color: #A7CAF1;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

#contact fieldset,
#depot fieldset  {
	margin: 0 0 0 0;
	padding: 5px;
	width: 96%;
}

#contact fieldset p,
#depot fieldset p  {
	text-align: left;
	margin: 0;
	padding: 0;
}

#contact p, 
#depot p  {
	margin: 0;
	padding: 4px;
	font-weight: bold;
	text-align: left;
}

#depot  p.line25 {
	margin: 0;
	padding: 4px;
	line-height: 25px;
	font-weight: bold;
	text-align: center;
}

#contact p label,
#depot p label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Tres important, ne pas supprimer ! ***/
	width: 35%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 2px;
	padding: 0 .3em 0 0;
	line-height: 14px;	/*** ... et centrés verticalement. ***/
}

#contact ul, #contact li,
#depot ul, #depot li {
	margin: 0;
	padding: 3px;
	list-style-type: none;
	display: block;
}

#contact .piedForm,
#depot .piedForm {
	text-align: center; /*** Les boutons sont centrés ***/
	padding: 10px;
}

#contact fieldset p,
#depot fieldset p {
	margin: 0;
	padding: 2px;
	border-bottom: 1px solid #E1EBF4;
}

fieldset legend {
	height: 16px;
	background: transparent;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	color: #81A72E;
}

.tabul table {	/* Mise en forme du tableau (cadre) */
	margin: 20px 0;
	border: 0;
}

.tabul tbody td {	/* Mise en forme des cellules */
	background-color: #EEF4E9;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #468110;
	height: 20px;
	padding: 0;
}



.tabul thead {	/* Mise en forme du bandeau de titre du tableau */
	color: white;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #468110;
	padding: .2em .2em;
	height: 25px;
}

.tabul tfoot {	/* Mise en forme des cellules */
	background-color: #D6E3CB;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #468110;
	text-align: right;
	height: 15px;
	margin: 10px;
	padding: 10px;
}

.tabul ul, .tabul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

.menu {
	margin-top: 30px;
	color: #069;
	padding: 0;
}
.menu a img {
	border: 0;
	margin: 0;
	padding: 0;
}
.menu ul {
	list-style-type: none;
	margin: 2px 0 6px 0;
	padding: 0;
	padding-left: 8px;
	display: block;
}

.menu ul li.first span.first {
	background: url(../images/menu/menutop.jpg) no-repeat top left;
	display: block;
}

.menu ul li.first span.first a.replace {
	background: url(../images/menu/menubottom.jpg) no-repeat bottom left;
	display: block;
	padding: 4px;
}

.menu ul li li.category, .menu ul li li.content, .menu ul  li li.application {
	display: block;
	border-bottom: 1px solid #EBF3F7;
	padding-left: 10px;
	background: url(../images/puce/1.gif) no-repeat 2px left;
}
.menu ul li li a, .menu ul li li a:link, .menu ul li li a:visited, .menu ul li li a:active {
	line-height:12px;
	font-weight:normal;
	text-decoration: none;
	color: #069;
	display: block;
}
.menu ul li li a:hover {
	color: #3A86AC;
}

.menuvert {
	color: #468110;
}
.menuvert ul {
	list-style-type: none;
	margin: 2px 0 6px 0;
	padding: 0;
	padding-left: 8px;
	display: block;
}
.menuvert ul li {
	display: block;
	border-bottom: 1px solid #EEF4E9;	
	padding-left: 10px;
	background: url(../images/puce/4.gif) no-repeat;
}
.menuvert a, .menuvert a:link, .menuvert a:visited, .menuvert a:active {
	line-height:12px;
	font-weight:normal;
	text-decoration: none;
	color: #468110;
	display: block;
}
.menuvert a:hover {
	color: #88B100;
}

#message {
	list-style-type: none;
	font-weight:normal;
	color: #88B100;
	font-weight: bold;
	text-align: center;
	display: block;
}

.visite {
	color: #069;
}
ul.visite, ul.visite li {
	margin: 0;
	padding: 3px;
}
.visite a, .visite a:link, .visite a:visited, .visite a:active {
	line-height:12px;
	font-weight:normal;
	text-decoration: none;
	color: #069;
	display: block;
}
.visite a:hover {
	color: #3A86AC;
}