/*  */
html {font-size: 100%;}
A:link {
	COLOR: #6600FF;
	text-decoration: none;
}
A:visited {
        COLOR: Gray;
 text-decoration: none; 
}
A:hover {
        COLOR: red; background: Yellow; TEXT-DECORATION: none;
}
body {
	font-family:"Comic Sans MS", Arial, Verdana;
	font-size: 0.9em;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	background-image: url(body_bg.jpg);
	color: #275179;
	background-attachment: fixed;
}
p {
	text-indent: 50px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	color: #275179;
}

.titre {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 45px;
	text-transform: uppercase;
	text-align: center;
	color: #275179;
}
.navig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
	color: #275179;
	float: right;
}
.photo {
	border-top-width: 9px;
	border-right-width: 9px;
	border-bottom-width: 9px;
	border-left-width: 9px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
}
.legende {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #275179;
	text-indent: 10px;
	font-weight: bold;
}
.blanc{
	background-color: #FFFFFF;
	border: 2px solid #FFCC00;
}
.gris{
	background-color: #F0F0F0;
}
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
	color: #FF3300;
}
.floatright
{
        float: right;
        font-family: Verdana;
        font-size: 11px;
        color: #0000CC;
        text-align: center;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 5px;
}
div.floatright img { 
        border: 1px solid #000; 
}


.floatleft
{
        float: left;
        font-family: Verdana;
        font-size: 11px;
        color: #0000CC;
        text-align: center;
        background-color: #FFFFFF;
        padding-right: 8px;
}
div.floatleft img {
        border: 1px solid #000;
}
.floatcenter
{
        margin: auto;
        font-family: Verdana;
        font-size: 10px;
        color: #0000CC;
        padding: 5px;
        text-align: center;
}
.nofloat{clear: both;}
.stitre {
	font-size: 16px;
	color: #0000FF;
	text-decoration: underline;
}
/*cadre gauche  */
.cadreG {
         WIDTH: 130px;
}
.enteteG {
        TEXT-ALIGN: center; FONT: 120% Arial,sans-serif; COLOR: #000000; BACKGROUND: url(enteteg.png);
HEIGHT: 25px;  
}
.corpsG {
        PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT: 110% Arial,sans-serif;
BACKGROUND: url(corpsg.png); PADDING-TOP: 0px;
}
.piedG {
	TEXT-ALIGN: center; FONT: 120% Arial,sans-serif; COLOR: #000000; BACKGROUND: url(piedg.png); HEIGHT: 25px;  
}
/*cadre droit  */

.cadreD {
         WIDTH: 165px;
}
.enteteD {
        TEXT-ALIGN: center; FONT: 120% Arial,sans-serif; COLOR: #000000; BACKGROUND: url(enteted.png);
HEIGHT: 28px;  
}
.corpsD {
        FONT: 110% Arial,sans-serif; BACKGROUND: url(corpsd.png); PADDING-LEFT: 0px; PADDING-RIGHT: 0px;
}
.piedD {
	TEXT-ALIGN: center; FONT: 120% Arial,sans-serif; COLOR: #000000; BACKGROUND: url(piedd.png); HEIGHT: 28px;
}	
	.bas2page {
	border: 3px solid #FFCC00;
}