/******* GENERAL RESET *******/

body{
	background: #fff;
	line-height:14px;
	font-size: 12px;
	margin:0;
	padding:0;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	color:#191919;
	background: url(../img/bgtop.jpg) repeat-x top;
}
#page {
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	width:960px;
}
#contenu{
	position:absolute;
	margin-top:3px;
}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
a:link, a:visited, a:active {
	color:#00a3cd;
	text-decoration:none;
}
a:hover {
	color:#3a9a00;
	text-decoration:none;
}
/******* GENERAL RESET *******/
/******* LOGO *******/
#logo{
	position:absolute;
	z-index:1;
}
#login{
	color:#fff;
	position:absolute;
	margin:40px 0 0 680px;
	z-index:10;
}
#login p{
	color:#fff;
	margin:0 0 10px 0;
}
#login input{
	color:#92daf9;
	padding:1px 5px 1px 5px;
	margin-bottom:3px;
	text-transform:uppercase;
	background-color:#0c4756;
	border:none;
}
/******* /LOGO  *******/
/******* MENU *******/
#container{
	width:960px;
	margin-top:143px;
	padding: 10px 10px 20px 10px;
	background-color: #ebebeb;
	font-size:18px;
	line-height:18px;
}
#container.news {
	background: url(../img/screenshot.jpg) #ebebeb no-repeat bottom right;
}
#container h1{
	text-transform:uppercase;
	width:400px;
	margin-top:70px;
	margin-left:40px;
	font-size: 32px;
	line-height:32px;
}
#container p {
	width:400px;
	margin-bottom:10px;
	margin-left:40px;
}
#menu ul{
	position:absolute;
	margin:114px 0 20px 0;
	padding:0;
	list-style: none;
}
#menu ul li{
	display:inline;
	float: left;
	margin-right: 5px;
}
#menu ul li{
	font-weight:bold;
	margin:0 3px 0 0;
	border-width: 1px 1px 0 1px;
	border-top: 1px solid #083039;
	border-left: 1px solid #083039;
	border-right: 1px solid #083039;
	padding: 7px 0 7px 0;
	color: #fff;
	cursor: pointer;
}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
	color:#fff;
	background: url(../img/bgbt.jpg) repeat-x top;
	padding: 7px 10px 7px 10px;
	border-bottom: none;
	text-decoration:none;
}
#menu ul li.new a:link, #menu ul li.new a:visited, #menu ul li.new a:active {
	color:#fff;
	background: url(../img/bgbtnew.jpg) repeat-x top;
	padding: 7px 10px 7px 10px;
	border-bottom: none;
	text-decoration:none;
}
#menu ul li a:hover {
	color: #191919;
	background-image:none;
	background-color: #ebebeb !important;
	padding: 7px 10px 7px 10px;
	border-bottom: none;
	text-decoration:none;
}
#menu ul li.new a:hover {
	color: #191919;
	background-image:none;
	background-color: #ebebeb !important;
	padding: 7px 10px 7px 10px;
	border-bottom: none;
	text-decoration:none;
}
#menu ul li.active{
	color: #191919;
	background-color: #ebebeb;
	padding: 7px 10px 7px 10px;
	border-bottom: 0;
	text-decoration:none;
}


/******* /MENU *******/
/******* CONTENT *******/

.forfait{
	float:left;
	margin:20px 0 10px 40px;
	font-size:12px;
	line-height:12px;
}
.forfait ul {
	margin:0 0 10px 0;
	padding:0;
}
.forfait ul li{
	display:block;
	list-style:none;
	padding:0 0 2px 0;
}
.forfait h3{
	font-size:14px;
	color:#3a9a00;
	margin:0 0 3px 0;
	padding:0;
	text-transform:uppercase;
}
.formulaire{
	margin:20px 0 0 0;
	font-size:12px;
	line-height:12px;
}
.formulaire td{
	padding:0 0 10px 0;
}
.formulaire input, textarea{
	padding:1px 5px 1px 5px;
	margin-bottom:3px;
	background-color:#fff;
	border:none;
}
#btnEnvoyer {
	color:#fff;
	background-color:#191919;
	border:none;
}
#lblMessage {
	margin:40px 0 80px 0;
}

/******* CONTENU *******/
.col {
	color:#565656;
	float:left;
	width:300px;
	margin:20px 20px 20px 0;
	font-size:14px;
}
.col p{
	margin-bottom:10px;
}
.col h1{
	font-size:24px;
	line-height:24px;
	font-weight:normal;
}