/* CSS Document */

body{
	margin:10;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000080;
	background-image:url(../pontrieux/backgrounds/iris.jpg);
	}
#page {margin:0;
width:auto;}
#column1, #column2{
padding:5px;
margin-right: 5px;
float:left;
width: 47%;
border: solid 1px black;
}
#column1 {
background-color:#FFFF99;
}
#column2 {
background-color:#FFCCFF;
}
.col1_33pc,.col2_33pc,.col3_33pc {
padding:1px;
margin-right: 2px;
margin-left: 2px;
float:left;
width: 32%;
}
.txtyellow {font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFF00;}
.txtgreen {font-family: Verdana, Arial, Helvetica, sans-serif;
color:#008000;}
.txtred {font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;}
.txtred_bold {font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;font-weight:bold;}
.txtsmall {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:small;}
.txtsmaller {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px}
.txtsmaller_bold {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px; font-weight:bold;}
.txtlarge {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:large;}
.txtlarger {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:24px;}
.pic365x270l {
width: 367px;
height: 280px;
float:left;
margin: 5px;
}
.pic365x270r {
width: 367px;
height: 272px;
float:right;
margin: 5px;
}
.pic300x225l {
width: 302px;
height: 227px;
float:left;
margin: 5px;
}
.pic300x225r {
width: 302px;
height: 227px;
float:right;
margin: 5px;
}
.pic280x210l {
width: 282px;
height: 212px;
float:left;
margin: 5px;
}
.pic280x210r {
width: 282px;
height: 212px;
float:right;
margin: 5px;
}
.pic280x220l {
width: 282px;
height: 224px;
float:left;
margin: 5px;
}
.pic200x150l {
width: 212px;
height: 152px;
float:left;
margin: 5px;
}
.pic230x305l {
width: 232px;
height: 307px;
float:left;
margin: 5px;
}
.pic230x305r {
width: 232px;
height: 307px;
float:right;
margin: 5px;
}
.pic255x195l {
width: 257px;
height: 197px;
float:left;
margin: 5px;
}
.pic255x195r {
width: 257px;
height: 197px;
float:right;
margin: 5px;
}
.pic255x205r {
width: 257px;
height: 210px;
float:right;
margin: 5px;
}
.pic300x200l {
width: 302px;
height: 202px;
float:left;
margin: 5px;
}
.inset200bordery {
margin: 0 auto;
padding: 3px;
width: 200px;
background-color:#FFFFCC;
border-style:solid;
border-width:thin;
border-color:#3399CC;}
.inset300borderw {
margin: 2 auto;
padding: 3px;
width: 300px;
background-color:#FFFFFF;
border-style:solid;
border-width:thin;
border-color:#3399CC;
}
.inset400borderw {
margin: 0 auto;
padding: 3px;
width: 400px;
background-color:#FFFFFF;
border-style:solid;
border-width:thin;
border-color:#3399CC;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.scContent { 
		padding: 1px;
		width: 200px;
		height: 140px;
		overflow: auto;
		background: #ffffcc; 
		}

.clearfix { display: inline;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.hiddenPic {display:none;}
.clearboth  {clear:both;}
A:link { color:#FF0000; text-decoration: none;}
A:visited {color:#FF0000; text-decoration: none;}
A:active {color:#FF0000; text-decoration: none;}
A:hover {color:#FF0000; text-decoration: underline}