body{
margin:0;
padding:0;
background-color: #6FA9CF ;
line-height: 1.5em;
color: #01106f;
font-size: small;
font-family: Verdana, Arial, sans-serif;
}

#maincontainer{
width: 780px;
margin: 0 auto; 
background: url('../illus/Fon2col.jpg') repeat-y;
}

#topsection{
background: #EAEAEA;
height: 119px; /*Height of top section*/
border-bottom: 3px solid #ed6812;
}

#topsection h1{
margin: 0;
padding-top: 0;
}

#contentwrapper{
float: left;
width: 100%;
}

#arti{
float: left;
width: 570px; 
min-height: 500px;
}

#leftcolumn {
float: left;
width: 180px; /*Width of left column in pixel*/
background: url('../illus/pmenu.jpg') no-repeat;
font-family: Arial, sans-serif;
}

#leftcolumn a {
width :130px;
text-align: center;
font-size: 14px;
color: #E0E0E0;
float:left;
background: #000098; /*#0860a8;*/
text-decoration: none;
font-weight: bolder;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
line-height: 1.2em;
padding: 6px 0;
}

#leftcolumn a:hover,
#leftcolumn a:focus,
#leftcolumn a:active {color: white;}

#rightcolumn {
float: left;
width: 0px; /*Width of right column*/
margin-left: -0px;/*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
background: #FFFFFF url('../illus/FonBas.jpg') 100% 0 repeat-y;
color: #01106f;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #01106f;
text-decoration: none;

}

#footer a:hover {color: red;}

a {color: #01106f;}

.ligt{
float:left;
width: 560px;
font-weight: bold;
font-size: medium;
text-align: justify;
text-indent: 20px;
margin-left: 0px;
min-height: 1em ;
}

.ann{
float:left;
font-size: small;
text-align: center;
font-weight: bold;
margin-left: 0px;
width: 380px;
}

.anna{
float:left;
font-size: small;
text-align: right;
font-weight: bold;
width: 380px;
}

.titre{
float: left;
width: 300px;
text-align: center;
line-height: 1.5em;
color: #01106f;
font-size: large;
font-family: Verdana, Arial, sans-serif;
}

.ptitre{
float: left;
width: 300px;
text-align: center;
line-height: 1.5em;
color: #01106f;
font-size: small;
font-family: Verdana, Arial, sans-serif;
}

.mtitre{
float: left;
width: 300px;
text-align: center;
line-height: 1.5em;
color: #01106f;
font-size: medium;
font-family: Verdana, Arial, sans-serif;
}

.titlon{
width: 568px;
text-align: justify;
line-height: 1.5em;
color: #01106f;
font-size: x-large;
font-family: Verdana, Arial, sans-serif;
}

.titar, .titara{
float:left;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: justify;
text-indent: 0px;
margin: 0;
width: 570px;
}

.titara a {color: red; font-weight: bold;}

.titce{
clear: left;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: center;
text-indent: 0px;
margin: 0;
width: 570px;
}

.gtitre{
float: left;
width: 300px;
text-align: left;
line-height: 1.5em;
font-weight: bold;
color: #01106f;
font-size: medium;
font-family: Verdana, Arial, sans-serif;
}

.trait{
clear: both;
height: 21px;
width: 570px;
background: url('traih.png') 100% 0 repeat-x;
padding: 0px;
margin: 0px;
}

.photonep{
text-indent: 0px;
float : right;
margin-right: 10px;
}

.photo{
clear: both;
text-align: center;
font-size: small;
font-family: Verdana, Arial, sans-serif;
}