body {
	text-align: center;
	background: #C9EDFD url(images/bg.png) repeat-x;	
	font-size: 11pt;
	color: #000;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
}

a:link, a:visited {
	color: #007dd0;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #344b8a;
	outline: none;
	text-decoration: none;
}

a:active {
	color: #344b8a;
	outline: none;
}

a.external-link:after {
content : " " url(images/ext.png);
}

.red {
	color: #FF0000;
}

.green {
	
	color: green;
	
}

h1 {
	margin-left: 0;
	margin-bottom: 0px;
	margin-right: 0;
	margin-top: 0;
	font-size: 20pt;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	color: #061224;
	font-weight: 500;
	text-align: center;
}

h2 {
	color: #191919;
	font-weight: normal;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-size: 19px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 5px;
}

h2 small {
	font-size: 10pt;
}

h3 {
	margin-left: 0;
	margin-bottom: 24px;
	margin-right: 0;
	margin-top: 0;
	font-size: 10pt;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	color: #061224;
	font-weight: 500;
	text-align: center;
}

h4 {
	margin-left: 0;
	margin-bottom: 24px;
	margin-right: 0;
	margin-top: 0;
	font-size: 10pt;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	color: #061224;
	font-weight: 500;
	text-align: right;
}

img {
	border: none;
}

/* LE MENU */

#logo {
	background: url(images/belairsoft.png) no-repeat center 123px;
	position: relative;
	height: 220px;
	margin-bottom: -220px;
	z-index: 20;
}

#menu {
	background: url(images/terre.png) no-repeat 0 0px;
	height: 249px;
	padding: 0;
	margin: 0 auto;
	width: 820px;
	position: relative;
	z-index: 10;
}	

#menu ul {
	margin: 0 0 0 0px;
	padding: 0;
	width: 820px;
	height: 49px;
	list-style-type: none;
	position: relative;
	top: 200px;
	left: 0;
	
}

#menu li {
	display: inline;
	float: left;
	position: relative;
	
}

#menu li li {
	margin: 0;
}

#menu ul a:link,
#menu ul a:visited {
	display: block;
	float: left;
	height: 49px;
	text-indent: -999em;
	margin-top: 0px;
	margin-right: 0px;
	background-repeat: no-repeat;
	background-image: url(images/menu.png);
}

/* LIENS */

li.Idx a:link,
li.Idx a:visited {
	width: 136px;
	background-position: 0px -7px;
}

li.Dev a:link,
li.Dev a:visited {
	width: 214px;
	background-position: -136px -7px;
}

li.Ass a:link,
li.Ass a:visited {
	width: 162px;
	background-position: -350px -7px;
}

li.Exp a:link,
li.Exp a:visited {
	width: 162px;
	background-position: -512px -7px;
}

li.Ctc a:link,
li.Ctc a:visited {
	width: 146px;
	background-position: -674px -7px;
}

/* ACTIVE */

li.Idx a:hover,
li.Idx #current,
li.Idx a:link.currentAncestor,
li.Idx a:visited.currentAncestor  {
	background-position: 0px -71px;
}

li.Dev a:hover,
li.Dev #current,
li.Dev a:link.currentAncestor,
li.Dev a:visited.currentAncestor  {
	background-position: -136px -71px;
}

li.Ass a:hover,
li.Ass #current,
li.Ass a:link.currentAncestor,
li.Ass a:visited.currentAncestor  {
	background-position: -350px -71px;
}

li.Exp a:hover,
li.Exp #current,
li.Exp a:link.currentAncestor,
li.Exp a:visited.currentAncestor  {
	background-position: -512px -71px;
}

li.Ctc a:hover,
li.Ctc #current,
li.Ctc a:link.currentAncestor,
li.Ctc a:visited.currentAncestor  {
	background-position: -674px -71px;
}

/* HOVER */

li.Idx a:active,
li.Idx a#current:active,
li.Idx a.currentAncestor:active {
	background-position: 0px -137px;
}

li.Dev a:active,
li.Dev a#current:active,
li.Dev a.currentAncestor:active {
	background-position: -136px -137px;
}

li.Ass a:active,
li.Ass a#current:active,
li.Ass a.currentAncestor:active {
	background-position: -350px -137px;
}

li.Exp a:active,
li.Exp a#current:active,
li.Exp a.currentAncestor:active {
	background-position: -512px -137px;
}

li.Ctc a:active,
li.Ctc a#current:active,
li.Ctc a.currentAncestor:active {
	background-position: -674px -137px;
}

/* PAGE */

#page {
	clear: both;
	background: url(images/page.png) repeat-y;
	margin: 0 auto;
	text-align: center;
	width: 820px;
	position: relative;
	top: -15px;
	z-index: 5;
}

.text {
	text-align: justify;
	background: url(images/hipage.png) no-repeat left top;
	padding-top: 40px;
	padding-left: 28px;
	padding-right: 28px;
	padding-bottom: 0px;
}

.text p, .text li {
	line-height: 15pt;
	font-size: 11pt;
	margin-bottom: 20px;
	margin-right: 13px;
}

.text img left {
	float: left;
}

.text img right {
	float: left;
}

.column {
	width: 360px;
	position: relative;
	z-index: 50;
	padding-right: 20px;
}

.column li { 
	margin-right: -13px;
}

ul {
	list-style: none;
	margin: 0; 
	padding: 0;
}

li.toleft {
	display: block;
	list-style: none;
	padding-left: 94px;
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 35px;
}
	
.left {
	float: left;
}

.right {
	float: right;
}

.clearer {
	clear: both;
	line-height: 15pt;
}

/* PAGES SPƒCIFIQUES */

/* ACCUEIL */
li.toleft#valid { background-image: url(images/valid.png); }
li.toleft#new { background-image: url(images/new.png); }
li.toleft#enconstruction { background-image: url(images/tools.jpg); }

/* DEVELOPPEMENT */
img.right { margin-left: 20px; margin-bottom: 0px; padding-bottom: 0px;}

/* ASSISTANCE */
li.toleft#probleme { background-image: url(images/probleme.jpg); min-height: 130px; }
li.toleft#virus { background-image: url(images/bug.png); min-height: 130px; }
li.toleft#bsod { background-image: url(images/bsod.jpg); min-height: 130px; }
li.toleft#buy { background-image: url(images/cart.png); min-height: 130px; }
li.toleft#wireless { background-image: url(images/wireless.png); min-height: 130px; }
li.toleft#question { background-image: url(images/question.png); min-height: 130px; }

/* EXPERTISES */
li.toleft#emile { background-image: url(images/emile.png); min-height: 90px; }
li.toleft#serge { background-image: url(images/serge.png); min-height: 130px; }
li.toleft#windows { background-image: url(images/windows.png); }
li.toleft#mac { background-image: url(images/mac.png); }

/* CONTACT */
.text input { border:1px solid #007dd0; background-color: #ffffff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-size: 10pt; width: 200px;}
.text textarea { border:1px solid #007dd0; width:400px; overflow:auto; background-color: #ffffff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; font-size: 10pt;}
.text .formcol { width:100px; height:30px; float:left; display:block; padding-right:10px; }
.text .btn { width: auto; }
.text .btn:hover { width: auto; border:1px solid #ffffff; background-color: #007dd0; color: #ffffff; }

#endpage {
	clear: both;
	background: url(images/endpage.png) no-repeat left bottom;
	text-align: center;
	margin: 0 auto;
	width: 820px;
	height: 50px;
	position: relative;
	bottom: 15px;
	z-index: 5;

}

#footer {
	text-align: center;
	font-size: 9pt;
}


/* SEARCH */
#search {
	position: absolute;
	top: 85%;
	left: 0px;
	text-align: center;
	width: 100%;
	display: none;
}

#search input {
	border: 1px solid #ccc;
	font-size: 14px;
	padding: 7px;
	margin-right: 20px;
	background: #f9f9f9 url('images/search-icon.png') no-repeat 8px center;
	padding-left: 25px;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;	
	width: 269px;
	display: block;
	margin: 0 auto;

}

body.searchtopright #content {
	top: 51% !important;
}

body.searchtopright #search  {
	top: 3% !important;
	text-align: right !important;
	display: block;
}

body.searchtopright #search input {
	margin-right: 20px;
	background-color: #fefefe;
}
body.searchbottomcenter #search {
	top: 85% !important;
	text-align: center !important;
	display: block;
}
body.searchbottomcenter #search input {
	background-color: #FAFAFA;
}
body.searchbottomcenter #content {
	top: 48%;	
}


#search input.hover {
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}
#search input.focus {
	border: 1px solid #999999;
	background-color: #FFFFFF;
}