@import url(form.css);

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0;
	text-align: center;
	background : url(fond2.gif) repeat fixed;
}

a {
	text-decoration: underline;
	color: #BCA646;
}

a:hover {
	text-decoration: none;
	color: #89B6C6;
}


strong{
font-weight: bold;	
}
small{
	font-size: 0.8em;
}
em{
	font-style: italic;
}
img {
	border: 0;
	margin:5px;
}

p {
margin: 0 0 10px 0;
line-height: 1.5em;
}

h1, h2, h3 {
text-align: left;
margin-right: 1em;
font-family: Georgia;
}
h1 {
	background-image: url(puces_titre.gif);
	text-indent: 50px;
	font-size: 1.7em;
	background-repeat: no-repeat;
	height: 35px;
	text-align: left;
	width: 100%;
	font-weight: bold;
margin : 1.2em 0;
}
h2 {
font-size: 1.5em;
color : #3CAFEC;
margin : 1em 0;
border-bottom : solid 1px #C7E8F9;
}
h3 {
font-size: 1.3em;
font-weight: bold;
margin : 0.8em 0;
text-indent: 1em;
color : #D3822B;
}

ul {
	line-height: 1.4em;
	list-style-image: url(puces.gif);
	list-style-position: inside;
	margin : 5px 0;
	
}
ul ul {
	list-style-image: url(bullet_blue.png);
	font-size : 0.9em;
	line-height: 1.3em;
	margin : 1px;
	padding-left : 30px;
}



/*************** Errors, Warnings, & Success *********************/

.highlight{
	background : yellow;
}

.warning{
	background:  #FFFFE0 url(warning.png) no-repeat 5px center;
	color : #E99207;
	border : solid #F9C36C 1px;
	border-left : 5px solid #F9C36C;
	padding : 5px;
	padding-left : 30px;
}
.error{
	background: #FDE4DA url(error.png) no-repeat 5px center;
	color : #F86653;
	border : solid #F86653 1px;
	border-left : 5px solid #F86653;
	padding : 5px;
	padding-left : 30px;
}
.success{
	background: #F3FDDA url(success.png) no-repeat 5px center;
	color : #79A70B;
	border : solid #8ABF0D 1px;
	border-left : 5px solid #8ABF0D;
	padding : 5px;
	padding-left : 30px;
}


#container {
position: absolute;
left: 50%;
margin-left: -375px;
	width: 750px;
	border: 1px solid grey;
    margin-right: auto;
	margin-top: 20px;
	text-align: left;


}

#code {
	font-family : "Courier New",monospace; font-size : 1em; 
	color: #2E3192;
	border-width: 1px;
	border-color: #448CCB;
	border-style: solid;
	border-left-width: 3px;
	
	background-color: #CDECFF;
	padding: 5px;
	margin : 5px 20px;
}

#error {
	font-weight: bold;
	color: #FF0000;
	border-width: 1px;
	border-style: solid;
	border-color: #FFB000;
	border-left-width: 3px;
	
	background-color: #FFFFCC;
	padding: 5px;
	margin : 5px 20px;
}

#header {
	background : url(header.jpg) top left no-repeat;
	height: 115px;
	text-align: right;
}

.menuhaut{
	font-weight: bold;
	text-align: center;
	background-color: #FDF3C2;
	position: static;
	padding-top: 5px;
	height: 15px;
	padding-bottom: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.menuhaut ul {

}

.menuhaut li {
	background-color: #FBE496;
	font-weight: bold;
	height: 15px;
	margin: 5;
}

.menuhaut a {
	border: 1px;
	color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFF5D1;
	padding-top: 2px;
	padding-bottom: 2px;
	border-color: #1897DC;
	margin-left: 5px;
	margin-right: 5px;
	border-style: solid;
	text-decoration:none;
	
}

.menuhaut a:hover {
	border: 1px;
	color: #000000;
	background-color: #FEEBA6;
	border-style: solid;
	border-color: #000000;
}

.menuhaut a:active {
	color: #1194DA;
	border: 1px;
	background-color: #FDF3C2;
	border-style: solid;
	border-color: #000000;
	

}




#center {
	background-color:#FFFCF1;
	text-align: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}


#footer {
	height: 20px;
	background-color: #FDF3C2;
	text-align: center;
	border-top-style: groove;
	border-top-width: 1px;
	padding : 6px 0 0px 0;
}


.reference{
	overflow : auto;
	line-height: 1.5em;
	margin-bottom:2em;
}
.reference h2 small{
color:#9DCA44;
}
.reference .description, .reference .comment, .reference .testimony{
	width : 232px;
	float : left;
	margin : 0 5px;
}
.reference .description{
	color : #9E7C22;
	border-right-style : solid;
	border-color : lightgray;
	border-width: 1px;
}
.reference .comment{
	border-right-style : solid;
	border-color : lightgray;
	border-width: 1px;
}
.reference .testimony{
	float : right;
	background: url(quote.gif) no-repeat top left;
	text-indent: 50px;
	padding-top : 20px;
	font-style: italic;
	color : gray;
	font-family: Georgia;
	font-size: 0.9em;
	max-height: 400px;
	overflow : auto;
}
.reference .testimony .author{
font-weight: bold;
text-align: right;
}

.customer{
list-style-image: url(user_gray.png);
}
.works{
list-style-image: url(cog.png);
}
.url{
list-style-image: url(world_link.png);
}
.devSpeech{
	background: url(user_comment.png) no-repeat top left;
	/*padding-left : 20px;*/
	text-indent : 20px;
	color : #2E6B9D;
}
.service{
	overflow : auto;
	line-height: 1.5em;	
}

.service .examples, .service .description/*, .service .illustration*/{
	float : left;
	margin : 0 5px;
	
}
.service .description{
	width : 480px;
	padding-right: 10px;
	border-right-style : solid;
	border-color : lightgray;
	border-width: 1px;
}
.service .description strong{
	color :#106A9D;
}
.service .examples {
width : 220px;
}
.service .examples ul li{
	font-size: 0.8em;
	line-height: 1em;
	list-style-position: outside;
	margin-left : 25px;
}
/*
.service .illustration{
	width : 200px;
}*/

.contact_me{
	text-align: center;
}

.clear{
	float : none;
	clear: both;
}
.columns_2{
	width : 50%;
	float : left;
}