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

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

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

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

#top1section{
background: #EAEAEA;
height: 141px; /*Height of top section*/
border-bottom: 3px solid orange; 
}

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

}

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

#arti{
float: left;
width: 520px; 
min-height: 900px;
}


#leftcolumn {
float: left;
font-family: Arial, sans-serif;
width: 180px; /*Width of left column in pixel*/
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;}

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

#left1column a {
width :130px;
text-align: center;
font-size: 14px;
color: #E0E0E0;
float:left;
background: url('../illus/bgnd.jpg');
text-decoration: none;
font-weight: bolder;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
line-height: 1.2em;
padding: 6px 0;
}

#left1column a:hover,
#left1column a:focus,
#left1column 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, 
a:focus,
a:active {color: #01106f;}
a:hover {color: red;}

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

.parn{
float:left;
font-size: small;
text-align: justify;
text-indent: 0px;
margin-top: 10px;
margin-left: 0px;
width: 560px;
}

.lig{
float:left;
font-size: small;
text-align: justify;
text-indent: 40px;
margin-left: 0px;
}

.l220{width: 220px;}
.l100{width: 100px;}
.l40{width: 40px;}

.clear {clear: both;}

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

.titreg{
width: 380px;
text-align: left;
color: #01106f;
font-size: x-large;
font-family: Verdana, Arial, sans-serif;
min-height: 10px;
}

.pretit{
width: 570px;
text-align: center;
color: #01106f;
font-size: x-large;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
min-height: 10px;
}

.pretit a{text-decoration: none;}

.sectit{
width: 570px;
text-align: center;
line-height: 2em;
color: #01106f;
font-size: large;
font-family: Verdana, Arial, sans-serif;
min-height: 10px;
}

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

.photod{
clear: both;
text-indent: 0px;
float : right;
margin-left: 10px;
}

.photog{
clear: both;
text-indent: 0px;
float : left;
margin-right: 10px;
}

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

.encad{
float: left;
text-indent: 0px;
width: 80%;
margin: 20px;
padding: 4px;
clear: both;
text-indent: 0px;
background: #F0F0F0;
text-align: justify;
}

.rose{
float: left;
background: #ffc0ff;
width: 560px;
padding: 6px;
}

.bulle{
float:left;
text-align: left;
text-indent: 0px;
vertical-align: bottom;
background: #ffffff url('../illus/bulle.png') no-repeat;
background-position: center;
margin : 0;
height : 1.7em;
width: 20px;
}

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

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

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

.minibox{
text-align: center;
font-size: x-small;
line-height: 1.2em;
}

.resu{
font-size: x-small;
font-style: italic;
line-height: 1.5em; }