body, h1, form, fieldset, input, textarea {	margin: 0; padding: 0; border: 0; outline: none;}
html {	height: 100%;width:100%;}

/***************************************************************************/
.header {
	font-size: 18px;
	color:white ;
	background: darkred;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	 border-radius: 5px;
}
.header2 {
	font-size: 24px;
	color:white ;
	background: darkred;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	border-radius: 5px;
}

.header3 {
	font-size: 20px;
	color:white ;
	background: darkred;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
}


.header_small {
	font-size: 18px;
	color:white ;
	background: darkred;
	text-align: left;
	font-weight: bold;
	border-radius: 5px;
}
.footer
{ 	font-weight:normal;
	color: #00007F;
	font-size: 22px;
}

.title {
font-weight:bold;
color: #00007F;
font-size: 24px;
}

.intro {
font-weight:normal;
color: #00007F;
font-size: 20px;
text-align: justify;
}

.text2 {
font-weight:normal;
background: white;
color: black;
font-size: 16px;
text-align: left;
}

.note2 {
font-weight:bold;
background: #ffffcc;
color: black;
font-size: 15px;
font-style: italic;
}


.sujet {
font-weight:bold;
background: #ccffcc;
color: black;
font-size: 20px;
text-align: right;
text-shadow: 1px 1px lightgray;
}


.text {
font-weight:normal;
background: white;
color: #00007F;
font-size: 18px;
}

.textB {
font-weight:bold;
color: #00007F;
font-size: 18px;
}

.ref {
font-weight:normal;
color: #00007F;
font-size: 14px;
text-align: center;
}


/***********************************************************/
.more_info:link
{	text-decoration: none;
	padding: 3px 2px 3px 2px;
	color:white;
	background-color:red;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	font-family: sans-serif;
	border-radius: 5px;
}
.more_info:visited
{	color:white;
	background-color:red;
}
.more_info:hover,attachment:active
{   background-color:red;
 	color:white;
}