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

a, 
a:focus,
a:active {color: #01106f;}
a:hover {color: red;}
 
#maincontainer{
width: 780px;
margin: 0 auto; 
background: url('../illus/Fon2col.png') repeat-y;
}

#topsection{
background: #EAEAEA;
height: 120px; /*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; 
}

#zfot{
float: left;
width: 780px;
text-align: center; 
min-height: 400px;
}

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

#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;}

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

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

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

.ctitre{
width: 572px;
text-align: left;
text-indent: 15px;
line-height: 1.5em;
color: #01106f;
font-size: small;
font-family: Verdana, Arial, sans-serif;
}
.photo{
clear: both;
text-align: center;
font-size: small;
font-family: Verdana, Arial, sans-serif;
}
.titar{
width: 570px;
clear: both;
text-align: justify;
font-size: small;
font-family: Verdana, Arial, sans-serif;
}

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