
/* Fichier CSS du site internet du Lycée Fabert */

body
{
/*
	scrollbar-3dlight-color : #66CC99;
	scrollbar-arrow-color : #003300;
	scrollbar-darkshadow-color : #003300;
	scrollbar-face-color : #006600;
	scrollbar-highlight-color : #66CC99;
	scrollbar-shadow-color : #003300;
	scrollbar-track-color : #006600;
*/
	background-image: url(fond.jpg);
	color: rgb(255, 255, 255);
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, serif;
	margin-left: 0;
	margin-right: 0.2em;
	margin-top: 0.2em;
	margin-bottom: 8em;
	padding: 0em;
	text-align: justify;
}


/* alignements */
.divcentrer
{
	width:800px;
	margin: auto;
	text-align: justify;
}

.centrer
{
	text-align: center;
}

.droite
{
	text-align: right;
}

.gauche
{
	text-align: left;
}

.justifie
{
	text-align: justify;
}

.retrait
{
	margin-left: 35px;
}

.alinea
{
	text-indent: 35px;
}


/* Titres */
h1
{
	margin-bottom: 2em;
	color: rgb(255, 255, 255);
	font-size: 2.5em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, serif;
	text-align: center;
	text-transform: uppercase;
}

h2
{
	margin-bottom: 1.2em;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	border: 1px rgb(0, 204, 102) solid;
	background-color: rgb(221, 255, 221);
	color: rgb(47, 134, 100);
	font-size: 1.4em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, serif;
	text-align: left;
}

.soush2
{
	font-size: 0.65em;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	text-decoration: none;
	text-transform: none;
}

h3
{
	margin-top: 1.2em;
	color: rgb(255, 255, 255);
	font-size: 1.2em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, serif;
	text-align: left;
}

h4
{
	margin-top: 1.2em;
	color: rgb(255, 255, 255);
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, serif;
	text-align: left;
}

.h4soulign
{
	margin-top: 1.2em;
	color: rgb(255, 255, 255);
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, serif;
	text-align: left;
	text-decoration: underline;
}


/* Paragraphe */
p
{
	color: rgb(255, 255, 255);
	font-family: Verdana, Arial, Helvetica, serif;
	text-align: justify;
}


/* Listes */
.li_marge_Bas
{
	margin-bottom: 1em;
}

dt
{
	text-indent: 20px;
}

dd
{
	margin-bottom: 0.5em;
	text-align: justify;
}

.dt_bulletin
{
	text-indent: 20px;
	text-decoration: underline;
}

.dt_lien
{
	text-indent: 20px;
	text-decoration:none;
	font-size:1.1em;
}

.dd_lien
{
	margin-bottom:1.5em;
	text-align: justify;
}

.puce1
{
	list-style-type: square; 
	list-style-position: outside;
}

.puce2
{
	list-style-type: disc; 
	list-style-position: outside;
}

.proman
{
	list-style-type: upper-roman; 
	list-style-position: outside;	
}

.pdeci
{
	list-style-type: decimal; 
	list-style-position: outside;
}

.pamaj
{
	list-style-type: upper-alpha; 
	list-style-position: outside;
}

.prien
{
	list-style-type: none; 
	list-style-position: outside;
}


/* Tableau */
td
{
	border-style: none;
	margin-bottom: 0em;
	padding-bottom: 0em;
}

.tdphoto
{
	width: 847px;
	padding-top: 1.5em;
}

.tdbordure
{
	border-style: solid;
	border-width:1px;
	padding: 0.5em;
}

.tdtitreintra
{
	height: 30px;
	color: rgb(0,102,0);
	background-color: rgb(153,255,204);
	vertical-align: center;
	text-align: center;
	font-size: 1.5em;
	font-family: Verdana;
}

.tdtexteintra
{
	color: rgb(0,102,0);
	vertical-align: top;
	text-align: left;
	font-size: 1em;
	
}


/*Format du texte */
.italique
{
	font-style: italic;
}

.soulign
{
	text-decoration: underline;
}


.liste
{
	margin-bottom:1em;
}


/* Texte spécial */
.ptiinfo
{
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}

.nomlyc
{
	text-align: center;
	font-family: "Times New Roman", Arial, Helvetica, serif;
	font: 1.4em bolder normal;
	text-decoration: underline;
	color: rgb(0, 0, 0);
}

.infpdf
{
	font-size: 0.85em;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	text-decoration: none;
	text-transform: none;
}

.sstitre
{
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

.lienaffiche
{
	font-size: 1.8em;
}



/* Liens */
a 
{
	color: rgb(102, 204, 153);
	text-decoration: underline;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
	color: rgb(0, 204, 102);
	text-decoration: none;
}

a:active, a:focus  /* Quand le visiteur sélectionne le lien */
{
	background-color: rgb(255, 255, 255);
	color: rgb(50, 106, 208)
}

a:visited
{
	color: rgb(30, 89, 60);
	text-decoration: underline;
}

a img
{
	border: none;
}

.aintra
{
	color: rgb(0,102,0);
	text-decoration: underline;
}

.aintra:hover
{
	color: rgb(0, 0, 0);
	text-decoration: none;
}


/* Menu */
.menu
{
	margin-bottom: 3.5em;
	color: rgb(255, 255, 255);
	font-family: Verdana, Arial, Helvetica, serif;
	text-align: center;
}

.retmenu
{
	margin-top: 2em;
	margin-bottom: 3em;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 0.9em;
	font-style: italic;
	text-align: left;
}

.mcpge
{
	margin-bottom: 3.5em;
	margin-left: 200px;
	color: rgb(255, 255, 255);
	font-family: Verdana, Arial, Helvetica, serif;
	text-align: left;
	
}



/* Texte défilant */
.marquee
{
	text-align: center;
	border: 1px rgb(255, 255, 255) groove;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 3em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.textdef
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, serif;
	font-size: 1.5em;
	font-weight: bolder;
	color: rgb(0, 204, 102);
}


/* Images */
.email
{
	margin-left: 35px;
	margin-top: 0.5em;
}


