/* Styles editoriaux */

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

body,td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888888;
}
ul {
	margin-top:4px;
	margin-bottom:8px;
	line-height: 14px;
}
p, h1, h2, h3 {
	margin:0; padding:0;
}
p {
	margin-top:4px;
	margin-bottom:8px;
	line-height: 14px;
}
h1 {
	font-size: 18px;
	margin-top:13px;
	margin-bottom:9px;
}

h2 {
	font-size: 16px;
	margin-top:12px;
	margin-bottom:8px;
}

h3 {
	font-size: 14px;
	margin-top:11px;
	margin-bottom:7px;
}

a {
	color: #888888;
}

a:hover {
	color: #000000;
}

.green,.green:hover,.green a,.green a:hover {
	color: #62bd18;
}

.black,.black:hover,.black a,.black a:hover {
	color: #000000;
}

.overclass .black {
	color: #ffffff;
}

.sansmarge {
	margin: 0;
	padding: 0;
}

/* MEP spécifiques */

.spacer20w {
	background-color: white; color: white;
	margin: 0;
	padding: 0;
	width: 20px;
	float: left;
}

.spacer20h {
	background-color: white; color: white;
	margin: 0;
	padding: 0;
	height: 20px;
	float: none;
}

/* largeur 678 : blocs version "p" */
.b100p {
	width: 678px;
	height: 190px;
	float: none;
	background: #ffffff url("bloc_100_p.gif") no-repeat top left;
}

.b100p div {
	width: 653px;
	margin-left: 10px;
	padding-top: 1px;
}

.b66p {
	width: 438px;
	height: 190px;
	float: left;
	background: #ffffff url("bloc_66_p.gif") no-repeat top left;
}

.b66p div {
	width: 413px;
	margin-left: 10px;
	padding-top: 1px;
}

.b33p {
	width: 220px;
	height: 190px;
	float: left;
	background: #ffffff url("bloc_33_p.gif") no-repeat top left;
}

.b33p div {
	width: 195px;
	margin-left: 10px;
	padding-top: 1px;
}

.b50p {
	width: 329px;
	height: 190px;
	float: left;
	background: #ffffff url("bloc_50_p.gif") no-repeat top left;
}

.b50p div {
	width: 324px;
	margin-left: 10px;
	padding-top: 1px;
}

.bfullp {
	width: 678px;
	height: 400px;
	float: none;
	background: #ffffff url("bloc_full_p.gif") no-repeat top left;
}

.bfullp div {
	width: 653px;
	margin-left: 10px;
	padding-top: 1px;
}

.bhalfp {
	width: 329px;
	height: 400px;
	float: left;
	background: #ffffff url("bloc_half_p.gif") no-repeat top left;
}

.bhalfp div {
	width: 304px;
	margin-left: 10px;
	padding-top: 1px;
}

/* largeur 910 : blocs version "g" */
.b100g {
	width: 910px;
	height: 190px;
	float: none;
	background: #ffffff url("bloc_100_g.gif") no-repeat top left;
}

.b100g div {
	width: 885px;
	margin-left: 10px;
	padding-top: 1px;
}

.b66g {
	width: 594px;
	height: 190px;
	float: left;
	background: #ffffff url("bloc_66_g.gif") no-repeat top left;
}

.b66g div {
	width: 569px;
	margin-left: 10px;
	padding-top: 1px;
}

.b33g {
	width: 296px;
	height: 190px;
	float: left;
	background: #ffffff url("bloc_33_g.gif") no-repeat top left;
}

.b33g div {
	width: 271px;
	margin-left: 10px;
	padding-top: 1px;
}

.b50g {
	width: 445px;
	height: 190px;
	float: left;
	background: #ffffff url("bloc_50_g.gif") no-repeat top left;
}

.b50m {
	width: 445px;
	height: 160px;
	float: left;
	background: #ffffff url("bloc_66_g.gif") no-repeat top left;
}

.b50m div {
	width: 420px;
	margin-left: 10px;
	padding-top: 1px;
}

.b50g div {
	width: 420px;
	margin-left: 10px;
	padding-top: 1px;
}

.bfullg {
	width: 910px;
	height: 400px;
	float: none;
	background: #ffffff url("bloc_full_g.gif") no-repeat top left;
}

.bfullm {
	width: 910px;
	height: 600px;
	float: none;
	background: #ffffff url("bloc_full_g.gif") no-repeat top left;
}
.bfullm div {
	width: 885px;
	margin-left: 10px;
	padding-top: 1px;
}

.bfullg div {
	width: 885px;
	margin-left: 10px;
	padding-top: 1px;
}

.bhalfg {
	width: 445px;
	height: 400px;
	float: left;
	background: #ffffff url("bloc_half_g.gif") no-repeat top left;
}

.bhalfg div {
	width: 420px;
	margin-left: 10px;
	padding-top: 1px;
}

/* MTP : bandeau de gauche */
.mtp {
	background-color: #ffffff;
	background-image: url("mtp_bas-long.gif");
	background-position: top left;
	background-repeat: no-repeat;
	width: 232px;
	height: 440px;
}

.mtp div {
	width: 174px;
	margin-left: 12px;
}

.mtp div div {
	margin: 0;
}

/* Blocs boutons 1/3 de page */

.block3 {
	background-color: #dddddd;
	background-image: url("block3-off.gif");
	background-position: top left;
	background-repeat: no-repeat;
	width: 290px;
	height: 396px;
	cursor: pointer;
	float: left;
	color: #777777;
}

.block3 div h1 {
	padding: 0;
	margin: 0;
	font-size: 18px;
	text-align: center;
	margin-right: 40px;
	margin-bottom: 30px;
}

.block3 div h1 a {
	text-decoration: none;
}

.block3.overclass {
	background-image: url("block3-on.gif");
	color: #eeeeee;
}

.block3 div {
	width: 260px;
	margin: 24px 0px 0px 10px; /* T R B L*/
}

/* MEF globale */
form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* Contenus dynamiques */
.gifover {
	cursor: pointer;
}

.refshow {
	visibility: hidden;
	position: absolute;
	float: left;
	cursor: pointer;
}

.refshow.show {
	visibility: visible;
}

.reflink {
	
}

.reflink.showrl {
	font-weight: bold;
	color: #62bd18;
}
.clicable { cursor: pointer; }

.formdyn {
	color:#cccccc;
	border: 1px solid #888888;
	border-right-color: #aaaaaa;
	border-bottom-color: #aaaaaa;
}
.formdyn.filled {
	color:#111111;
}