body {
/*	background: #777*/
	background: white url(img/body-bg.png) repeat-x 0 0;
}
hr { visibility: hidden }
/* conteneur du site */
#site-wrapper {}

/* entête */
#header-wrapper { background: #fff; /*border-bottom: 1px solid #777;*/ }

/* pied de page */
#footer, #footer strong, #footer em { 
	color: #aaa
}

/* menu principal */
#main-menu {
	position: relative;
	overflow: hidden;
	padding: 5px 0 5px 40px;
}
#main-menu li {
	float: left;
	list-style: none;
	margin-right: 10px;
}
#main-menu li a {
	position: relative;
	height: 30px; line-height: 30px;
	margin: auto 10px;
	display: block;	float: left;
	overflow: hidden;
	text-align: center; text-decoration: none; text-transform: uppercase;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	font-weight: bold;
	color: #333;
	z-index: 10;
}
#main-menu li.current a { color: #fff }
#main-menu li.current,
#main-menu li.back {
	background: #296fa5;
	-webkit-border-radius: 8px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 8px;
	-moz-border-radius-topleft: 0;
	border-radius: 8px;
	border-top-left-radius: 0;
/*	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	-moz-box-shadow: 1px 1px 4px #bbb;  
	-webkit-box-shadow: 1px 1px 4px #bbb;  
	box-shadow: 1px 1px 4px #bbb;
}
#main-menu li.back {
	position: absolute;
	height: 30px;
	z-index: 8;
}

/* bloc de contenu */
.bloc {
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
}

.bloc-content {
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.bloc-content p { margin: 5px 10px 15px 10px }
.bloc-content h2 { margin: 10px 10px 15px 10px }
.bloc-content h3 { margin: 7px 10px 15px 10px }

#splash {
	font-size: 1.0em;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #eee;
}
#splash dl { margin: 0 10px }
#splash dt, #splash .txt-big {
	display: block;
	font-family: QlassikBoldRegular, Tahoma, Geneva, Kalimati, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 5px;
	color: #fff;
}
.splash-col-1 { margin-left: 9% }
.splash-col-1, .splash-col-2 { width: 40% }

.splash-col-2 {
	padding-left: 19px;
}

.splash {
	color: white;
	font-family: QlassikBoldRegular, Tahoma, Geneva, Kalimati, sans-serif;
	font-size: 2.0em;
	height: 130px;
	line-height: 130px;
	padding-left: 60px;
}

#presentation, #questions, #partenaires {
	margin: 10px; padding: 0 0 20px 0;
	list-style-type: none;
}
#presentation li { width: 312px }
#presentation h2,
#questions h2 {
	height: 24px;
	line-height: 24px;
	background-repeat: no-repeat;
	background-position: top left;
}
#presentation h2 span,
#questions h2 span { margin-left: 34px }

#dev-web h2 { background-image: url(img/globe-green.png) }
#dev-web div, #dev-who div { margin: 10px 10px 10px 0 }

#dev-app {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#dev-app h2 { background-image: url(img/application-sidebar-list.png) }
#dev-app div { margin: 10px }

#dev-spe h2 { background-image: url(img/ruler.png) }
#dev-spe div, #dev-cost div { margin: 10px 0 10px 10px }

#dev-who, #dev-cost { width: 49% }
#dev-who h2 { background-image: url(img/user-business.png) }
#dev-cost { border-left: 1px solid #ccc }
#dev-cost h2 { background-image: url(img/calculator.png) }

#references .bloc-content { padding-left: 13px }

.realisation, .realisation img {
	width: 290px;
	height: 208px;
}
.realisation {
	float: left;
	position: relative;
	overflow: hidden;
	margin: 10px 0 0 10px;
	border: 4px solid #296fa5;
	-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}
.realisation img {
	position: absolute; top: 0; left: 0;
}
.realisation .details {
	position: absolute; top: 150px; left: 0;
	width: 100%; height: 208px;
	background-color: black;
	opacity: 0.9;
	filter:alpha(opacity=90);
}
.realisation .details * { color: #eee }
.realisation .details h2 {
	margin: 5px;
	font-size: 1.5em;
}
.realisation .details p,
.realisation .details ul { margin: 0 8px 8px 8px }
.realisation .details li { margin-left: 18px }
.realisation .details a { color: #296fa5; text-decoration: none; border-bottom: 1px dotted #296fa5 }
.realisation .details .type { font-weight: bold }
.realisation .details a.wbtn {
	border-bottom: none;
	bottom: 8px;
	position: absolute;
	right: 8px;
}

.txt-big .btn {
	font-size: 0.8em;
	padding: 4px 8px;
}

/* <WBUTTONS STYLES> */
/* Défaut */
.wbtn {
	background: #ccc url(img/btn-overlay-matt.png) repeat-x 0 0;
	border: 1px solid #666;
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(0,0,0,0.4);
	cursor: pointer;
	display: inline-block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	height: 24px;
	padding: 0 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
}

/* Etats */
.wbtn:hover { background-color: #aaa; color: #222 }
.wbtn:active,
.wbtn.active {
	background-color: #aaa;
	background-image: url(img/btn-overlay-matt-active.png);
	background-position: 0 1px;
}

/* Tailles */
.wbtn.big { font-size: 1.0em; height: 30px; }
.wbtn.small { font-size: 0.8em; height: 20px; }

/* Alignements du texte */
a.wbtn			{ line-height: 24px; }
a.wbtn.big		{ line-height: 30px; }
a.wbtn.small	{ line-height: 20px; }

/* Ensembles */
.wbtn.left, .wbtn.center {
	border-top-right-radius: 0; border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; 
	-webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0;
	margin-right: -1px;
}
.wbtn.right, .wbtn.center {
	border-top-left-radius: 0; border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; 
	-webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0;
}
.wbtn.top, .wbtn.middle, .wbtn.bottom {
	display: list-item;
	list-style-type: none;
	margin: 0;
}
.wbtn.top, .wbtn.middle {
	border-bottom-left-radius: 0; border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; 
	-webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;
	margin-bottom: -1px;
}
.wbtn.bottom, .wbtn.middle {
	border-top-left-radius: 0; border-top-right-radius: 0;
	-moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; 
	-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;
}

/* Relief pour les fonds clairs */
.wbtn, .wbtn:link, .wbtn.blue, .wbtn.orange, .wbtn.yellow { 
	color: #333;
	text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

/* Relief pour les fonds foncés */
.wbtn.green, .wbtn.red, .wbtn.magenta, .wbtn.black {
	color: #eee;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
}

/* Couleurs */
.wbtn.white			{ background-color: #eee; border-color: #ccc; }
.wbtn.white:hover,
.wbtn.white:active,
.wbtn.white.active	{ background-color: #ddd }

.wbtn.black			{ background-color: #333; border-color: #111; }
.wbtn.black:hover,
.wbtn.black:active,
.wbtn.black.active	{ background-color: #222 }

.wbtn.green			{ background-color: #390; border-color: #060; }
.wbtn.green:hover,
.wbtn.green:active,
.wbtn.green.active	{ background-color: #280 }

.wbtn.red			{ background-color: #c30; border-color: #600; }
.wbtn.red:hover,
.wbtn.red:active,
.wbtn.red.active	{ background-color: #c20 }

.wbtn.blue			{ background-color: #9cf; border-color: #69c; color: #369 }
.wbtn.blue:hover,
.wbtn.blue:active,
.wbtn.blue.active	{ background-color: #8be }

.wbtn.orange		{ background-color: #f90; border-color: #c60; }
.wbtn.orange:hover,
.wbtn.orange:active,
.wbtn.orange.active	{ background-color: #e80 }

.wbtn.yellow		{ background-color: #fc0; border-color: #c93; }
.wbtn.yellow:hover,
.wbtn.yellow:active,
.wbtn.yellow.active	{ background-color: #eb0; color: #222 }

.wbtn.magenta		{ background-color: #606; border-color: #303; }
.wbtn.magenta:hover,
.wbtn.magenta:active,
.wbtn.magenta.active{ background-color: #404 }
/* </WBUTTONS STYLES> */