/***************************************************************************
 *				style.css
 *				---------
 *	Cree le		: 15 Janvier 2007
 *	Derniere modif.	: 12 Mars 2007
 *	Auteur		: Asselin Benoit Developpement
 *	Email		: contact(a)ab-d.fr
 *
 ***************************************************************************/



body {
	background: black;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: white;
}
a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: #99cc33;
}
a.active {
	color: #99cc33;
}
h1, h2, h3, h4, p, form {
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}
ul, li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
li {
	float: left;
}
span {
	color: #99cc33;
}



/* PAGE INDEX */
#index {
	text-transform: uppercase;
	font-weight: bold;
}
#index .container {
	position: relative;
	background: #55595C url("background-index.jpg") no-repeat;
	width: 920px;
	height: 620px;
	margin: 0px auto;
}
#index .top {
	position: absolute;
	margin-top: 128px;
	margin-left: 310px;
}
#index .top p {
	margin-top: 1px;	/* fixie */
}
#index .logo {
	position: absolute;
	background: url("logo-index.gif") no-repeat;
	margin-top: 190px;
	margin-left: 550px;
	width: 250px;
	height: 250px;
}
#index .logo h1,
#index .logo h2 {
	display: none;
}
#index .enter {
	position: absolute;
	margin-top: 320px;
	margin-left: 790px;
	font-size: 8pt;
}
#index .foot {
	position: absolute;
	background: #4F202A;
	font-size: 8.5pt;
	padding: 16px 0px;
	text-align: center;
	bottom: 0;
	width: 100%;
}



/* OTHERS PAGES */
#page {
}
#page .container {
	position: relative;
	background: #666666 url("background-page.jpg");
	width: 920px;
	height: 620px;
	margin: 0px auto;
}
#page #logo {
	position: absolute;
	display: block;
	height: 200px;
	width: 225px;
}
#page #logo span {
	display: none;
}
#page .logo {
	display: none;
}
#page .top-core {
	position: absolute;
	margin-top: 93px;
	margin-left: 320px;
	text-transform: uppercase;
	font-size: 11pt;
}
#page .top-you {
	position: absolute;
	margin-top: 93px;
	margin-left: 525px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 11pt;
	width: 90px;
}
#page .menu-top {
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	font-size: 8pt;
	height: 44px;
	width: 668px;
	margin-top: 186px;
	margin-left: 237px;
}
#page .menu-top li.sep-mini {
	border-right: 1px solid #99cc33;
	height: 26px;
	margin-top: 10px;
	margin-left: -1px;
}
#page .menu-top li.sep-maxi {
	border-right: 1px solid #99cc33;
	height: 90px;
	margin-top: 10px;
	margin-left: -1px;
}
#page .menu-top li a {
	display: block;
	background: #55595C;
	height: 24px;
	padding: 10px 0px;
}
#page li.m-t-1 a {
	width: 195px;
}
#page li.m-t-2 a {
	width: 180px;
}
#page li.m-t-3 a {
	width: 163px;
}
#page li.m-t-4 a {
	width: 130px;
}

/* zone white */
#page .picto {
	position: absolute;
	margin-top: 268px;
	margin-left: 218px;
	height: 43px;
	width: 77px;
}
#page #picto-p1 {
	background: url("picto-p1.gif") right no-repeat;
}
#page #picto-p2 {
	background: url("picto-p2.gif") right no-repeat;
}
#page #picto-p3 {
	background: url("picto-p3.gif") right no-repeat;
}
#page #picto-p4 {
	background: url("picto-p4.gif") right no-repeat;
}
#page .title-1 {
	position: absolute;
	margin-top: 273px;
	margin-left: 295px;
	height: 18px;
	width: 606px;
	padding-top: 10px;
	padding-left: 3px;
	text-transform: uppercase;
	font-size: 11pt;
	background: #55595C;
}
#page .text-1 {
	position: absolute;
	margin-top: 301px;
	margin-left: 295px;
	width: 608px;
	text-align: justify;
	background: white url("puce.gif") right bottom no-repeat;
	color: black;
	overflow: hidden;
	height: 224px;
}
#page .text-1 .content {
	position: absolute;
}
#page .text-1 .scrollbar {
	position: absolute;
	background: white url("scrollbar-1.gif") 0px -1px no-repeat;
	top: 0;
	right: 0;
}
#page .text-1 .scrollbutton {
	position: absolute;
	background: url("scrollbutton.gif") 6px 0px no-repeat;
	margin-top: 3px;
	height: 15px;
	width: 26px;
}
#page .text-1 p {
	margin: 15px 10px 5px 15px;
}



/* zone red */
#page .title-2 {
	position: absolute;
	margin-top: 263px;
	margin-left: 237px;
	text-transform: uppercase;
	font-size: 11pt;
}
#page .text-2 {
	position: absolute;
	margin-top: 283px;
	margin-left: 237px;
	width: 668px;
	text-align: justify;
	border: 1px solid white;
	background: #4F2029;
	overflow: hidden;
	height: 235px;
}
#page .text-2 .content {
	position: absolute;
}
#page .text-2 .scrollbar {
	position: absolute;
	background: url("scrollbar-2.gif") 0px 0px no-repeat;
	top: 0;
	right: 0;
}
#page .text-2 .scrollbutton {
	position: absolute;
	background: url("scrollbutton.gif") 4px 0px no-repeat;
	margin-top: 3px;
	height: 15px;
	width: 25px;
}
#page .text-2 p {
	margin: 15px 10px 5px 15px;
}


#page .menu-bottom {
	position: absolute;
	margin-top: 520px;
	margin-left: 430px;
	height: 64px;
	width: 270px;
}
#page .menu-bottom .sep-mini {
	border-right: 1px solid #99cc33;
	height: 25px;
	margin-top: 35px;
	margin-left: -1px;
}
#page .menu-bottom .sep-maxi {
	border-right: 1px solid #99cc33;
	height: 60px;
	margin-left: -1px;
}
#page .menu-bottom a {
	display: block;
	margin-top: 35px;
}
#page li.m-b-1,
#page li.m-b-2,
#page li.m-b-3 {
	margin: 5px 10px;
}
#page .foot-contact {
	position: absolute;
	margin-top: 584px;
	padding: 10px;
	width: 204px;
	font-weight: bold;
	text-align: right;
}
#page .foot-cgu {
	position: absolute;
	margin-top: 584px;
	padding: 10px;
	left: 224px;
	width: 250px;
	text-align: left;
}
#page .foot-and-you {
	position: absolute;
	margin-top: 584px;
	margin-left: 300px;
	padding: 10px;
	left: 300px;
	width: 300px;
	text-align: right;
}



#contact {
}
#contact .container {
	position: relative;
	background: #666666 url("background-contact.jpg") no-repeat;
	width: 415px;
	height: 388px;
	margin: 0px auto;
}

#contact .close {
	position: absolute;
	display: block;
	margin-top: 1px;
	right: 0;
	height: 20px;
	width: 20px;
	text-align: center;
}
#contact .title {
	position: absolute;
	margin-top: 33px;
	margin-left: 126px;
	width: 289px;
	text-transform: uppercase;
	text-align: center;
}
#contact table {
	position: absolute;
	margin-top: 100px;
	margin-left: 20px;
	width: 370px;
	font-weight: bold;
}
#contact td {
	padding-top: 5px;
	vertical-align: top;
}
#contact td.label {
	background: url("puce.gif") 0px 7px no-repeat;
	padding-left: 15px;
	width: 100%;
}
#contact .input input,
#contact .input textarea {
	border: 0px none;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	width: 260px;
}
#contact .input input {
	height: 17px;
}
#contact .input textarea {
	height: 78px;
}
#contact .submit {
	vertical-align: bottom;
}
#contact .submit input {
	background: #4F202A;
	border: 1px solid white;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	margin: 0px;
	padding: 0px;
	width: 80px;
	height: 25px;
}
#contact .thanks {
	position: absolute;
	margin-top: 200px;
	margin-left: 20px;
	width: 387px;
}



#cgu {
}
#cgu .container {
	position: relative;
	background: #666666 url("background-contact.jpg") no-repeat;
	width: 415px;
	height: 388px;
	margin: 0px auto;
}

#cgu .close {
	position: absolute;
	display: block;
	margin-top: 1px;
	right: 0;
	height: 20px;
	width: 20px;
	text-align: center;
}
#cgu .title {
	position: absolute;
	margin-top: 33px;
	margin-left: 126px;
	width: 289px;
	text-transform: uppercase;
	text-align: center;
}
#cgu .text {
	position: absolute;
	overflow: auto;
	text-align: left;
	top: 96px;
	margin: 0px 20px;
	padding: 5px 10px 5px 5px;
	height: 253px;
	width: 365px;
}