﻿body {
	margin: 10px 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Serif;
	font-size: small;
	background: url("./media/background.gif") fixed repeat-x bottom #2B90C8;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	color: #478254;
}

h2 {
	text-align: center;
	border-bottom: 1px solid black;
}

#conteneur {
	width: 750px;
	margin: 0 auto;
	text-align: justify;
	font-family: Tahoma, Serif;
	font-size: small;
}

#entete {
	width: 100%;
	height: 150px;
}

#conteneurprincipal {
	width: 100%;
	height: 1900px !important;
	height: 0;
	padding-bottom: 0 !important;
	padding-bottom: 20px;
	background: #82EE9A;
}

#colgauche {
	width: 186px;
	float: left;
}

#illustration {
	width: 70px;
	height: 82px;
	margin: 4px auto;
	margin-bottom: 8px;
	background: url("./media/logouc-68x80.gif") center center no-repeat;
}

#menu_g, #menu_d {
	width: 182px;
	text-align: center;
	float: left;
}

#menu_d {
	float: right;
}

#menu_g p {
	padding: 3px 0;
	margin: 4px 0;
}

#menu_d p {
	padding: 5px 0;
	margin: 5px 0;
}

#menu_g p:hover {
	background: url("media/bgelements.gif") bottom center no-repeat #0080FF;
}

#menu_d p:hover {
	background: url("media/bgelements.png") bottom center no-repeat;
}

#menu_g a:hover, #menu_d a:hover {
	color: white;
}

#corps {
	width: 330px;
	padding: 10px;
	float: left;
}

.photo {
	width: 320px;
	height: 240px;
	margin: 0 auto;
	border: 3px solid;
}

.photo_inv {
	width: 240px;
	height: 320px;
	margin: 0 auto;
	border: 3px solid;
}

#coldroite {
	min-height: 150px;
	width: 200px;
	float: right;
	background: url("media/coin_coldroite.png") left bottom no-repeat #6dc680;
}

#newsbox {
	width: 170px;
	height: 90px;
	font-size: x-small;
	color: white;
	margin: 10px auto;
	padding: 5px;
	border: 2px solid black;
	background: url("media/bgnewsbox.gif") bottom center repeat-x #478254;
}

#newsbox p {
	width: 50%;
	color: #24422A;
	font-size: small;
	font-variant: small-caps;
	border-top: 2px solid;
	border-bottom: 2px solid;

}

#newsbox:hover {
	border: 2px solid #478254;
}

#pieddepage {
	width: 100%;
	height: 17px;
}

#coinbg, #coinbd {
	width: 15px;
	height: 17px;
	float: left;
	background: url("./media/coinbg.gif") no-repeat;
}

#coinbd {
	background: url("./media/coinbd.gif") no-repeat;
}

#baspage {
	width: 720px;
	height: 17px;
	float: left;
	font-size: xx-small;
	text-align: center;
	background: #82EE9A;
}

