body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #666666;
}


/* ================ Page ================ */
/*
	La page est
*/
#page{
	position:absolute;
	left:50%;
	top:50%;
	width:1024px;
	height:490px;
	margin-left:-512px;
	margin-top: -320px;
	background-image: url(../_mm/fond.jpg);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

html > body #page{
	position:absolute;
	left:50%;
	top:50%;
	width:1024px;
	height:490px;
	margin-left:-512px;
	margin-top: -245px;
	background-image: url(../_mm/fond.jpg);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

/* ================ ENTETE ================ */
#header{
	/* rien de particulier ici */
}
#logo{
	position: absolute;
	display: block;
	left:51%;
	margin-left: -512px;
	margin-top: 40px;
	z-index: 1000;
	cursor: pointer;
}
html > body #logo{
	position: absolute;
	display: block;
	left:51%;
	margin-left: -512px;
	margin-top: 8px;
	z-index: 1000;
	cursor: pointer;
}
#logo object, #logo embed {
	cursor: pointer;
	margin:0;
	padding:0;
}

/* ================ CONTENU ================ */
#content a {
    color: white;
}
#content a:hover {
    color: white;
}

#content{
	width:915px;
	margin-left:auto;
	margin-right: auto;
	text-align: left;
}
	.ctn_table{
		border-collapse: collapse;
		height: 319px;
		align:center;
		margin-top:6px;
	}

	html > body .ctn_table{
		margin-top:6px;
	}

	.ctn_table td{

	}
	
	.ctn_left{
		vertical-align: bottom;
		text-align:right;
	}
	.ctn_right{
		vertical-align: top;
		padding-left: 11px;
		padding-right:2px;
		padding-top: 9px;
	}	

	html > body .ctn_right{
		padding-left: 10px;
	}

	.ctn_right p,
	.ctn_right span{
		color: white;

	}

	.text_overflow {
	    display: block;
	    width: 239px;
		height: 152px;
		overflow: hidden;
		margin: 10px 0;
		
	}

	.zone_scroll {
	    position: relative;
	    display: block;
	    float: left;
		width: 200px;
		height: 180px;
		color:#FFFFFF; 
	}
	#upbtn {
		position: absolute;
		width:10px;
		bottom: 5px;
		cursor: pointer;
		right: 15px;
	}
	#downbtn {
		position: absolute;
		width:10px;
		top: 5px;
		cursor: pointer;
		right: 15px;
	}

/* ================ Contact ================ */

.contact {
	margin: 0;
	padding: 15px 25px 10px 15px;
	background: #eee;
	color: #eee;
	height: 290px;
}
html > body .contact {
	margin: 0;
	padding: 25px 25px 10px 25px;
	background: #eee;
	color: #eee;
	height: 290px;
}
.contact .left_col, .contact .right_col {
	display: block;
}

.contact .left_col {
    float: left;
}

.contact .right_col {
	float: right;
}

.contact p {
	margin: 8px 0;
	color: #333;
}
.contact label {
	display: block;
	width: 80px;
	float: left;
}

.contact .label_txt {
	display: block;
	width: 160px;
	float: left; 
}
.contact .txt_intro {
	margin: 10px 0 0 0;
}
.input {
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
}
.select {
	width: 120px;
}
.bouton {
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
}



/* ================ bottom ================ */
table#bottom{
	/*display: block;
	position:absolute;
	left: 30%;
	top: 61%;*/
	margin-top: 55px;
	width: 100%;
	text-align: center;
	color:#999;
	font-size: 11px;
}
table#bottom td.bottom_content {
    /*height: 200px;*/
	vertical-align: bottom;
	text-align: center;
	font-size: 11px;
}

table#bottom td {
	color:#999;
}

	#bottom a {
    color:#ccc;
	text-decoration: none;
	}
	#bottom a:hover {
    color:#fff;
	}

/* ================ Partager site ============== */

#inscrip_box_partager_site {
	position: absolute;
	top:285px;
	left:200px;
	margin:0px;
	padding:15px;
  width:250px;
  border:1px solid #999999;
  background-color:#ffffff;
  text-align:left;
  z-index:100000;
}

/* only for firefox (ceux qui comprennent le css2) */
html>body #inscrip_box_partager_site{

}

#inscrip_box_partager_site form {
  margin: 0;
  padding: 0;
}

.inscrip_content{
  margin:0px;
  font-family:verdana;
  font-size:12px;
  font-weight:bold;
  color:#2C261B;
  text-align:left;
}
.inscrip_content span{
  font-weight:normal;
}
.inscrip_label{
  text-align:left;
  color:#444444;
  font-family:verdana;
  font-size:11px;
  font-weight:bold;
}
.inscrip_input{
  color:#444444;
  font-family:verdana;
  font-size:11px;
  border:1px solid #cccccc;
}
.inscrip_textarea{
  color:#444444;
  font-family:verdana;
  font-size:11px;
  border:1px solid #cccccc;
  font-weight:normal;
}

.inscrip_btn {
  padding: 0px;
  margin: 0px;
  font-family:verdana;
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  border:1px solid #999999;
  background-color:#999999;
	height:18px;
  text-decoration:none;
  text-transform: uppercase;
  cursor:pointer;
}
.inscrip_btn:hover{
  color:#ffffff;
  border:1px solid #999999;
  background-color:#cccccc;

}

a.inscrip_btn, a.inscrip_btn:link, a.inscrip_btn:visited {
	padding-top:2px;
	padding-bottom:2px;
	 text-decoration:none;
}
a.inscrip_btn:hover{
	text-decoration:none;
}