body {
	background-color : #0097CA ;
	margin : 0 ;
}

header {
	font-size : 1.9em ;
	text-shadow : 2px 2px 2px white ;
	padding : 2px ;
	border-bottom : solid 1px white ;
	margin-top : 5px ;
	margin-left : 40px ;
	margin-bottom : 30px ;
}

section {
	padding : 2px ;
	border : solid #718186 2px ;
	border-radius : 8px ;
}

/*la totalité du contenu de chaque section est à l'intérieur d'un div*/
section > div {
	margin : 10px ;
}

section#introduction {
	background : url("img/intro.png") repeat-x bottom #dedfe0 ;
	width : 80% ;
	margin : auto ;
	margin-bottom : 20px ;
	box-shadow : 1px 1px 5px black ;
}

div#ad_top {
	text-align : center ;
}

/*Premier panneau : la calculatrice*/
section#mainpanel {
	width : 90% ;
	margin : 10px auto ;
	background : url("img/panel.png") repeat-x bottom #dedfe0 ;
	max-width : 1300px ;
	padding : 15px ;
	box-shadow : 5px 5px 30px black ;
	text-align : center ;
}

form#entryfields {
	display : inline-block ;
	width : 80% ;
}

div.helping_div {
	display : inline-block ;
	padding : 5px ;
	margin : 5px ;
	width : 20% ;
	border : solid #718186 1px ;
	border-radius : 10px ;
	box-shadow : 1px 1px 1px grey ;
	vertical-align : middle ;
}

div.entry_blocks {
	display : inline-block ;
	width : 60% ;
	border : solid #718186 1px ;
	border-radius : 10px ;
	box-shadow : 1px 1px 1px grey ;
	font-size : 100% ;
	background : #EAEAEA ;
	margin : 5px ;
	text-align : center ;
	padding : 5px ;
	vertical-align : middle ;
}

#societe {
	background : #DCE8ED ;
}

div.entry_blocks p {
	border-bottom : solid 1px #0097CA ;
}

.entry_blocks div {
	display : inline-block ;
	clear : right ;
}

p.titre {
	font-size : 130% ;
	color : black ;
	margin : 5px ;
}

form label {
	display : block ;
}

input.entry {
	background : #FFFFFF ;
	text-align : right ;
	width : 50% ;
}

.entry:focus {
	background : #DBF6FF ;
}

input.entry[readonly] {
	background : #B2B2B2 ;
	opacity : 0.8 ;
}

#plus_div {
	display : inline-block ;
	vertical-align : middle ;
}

div#bouton{
	padding : 5px ;
	text-align : center ;
}

input.buttons {
	background : #D9E1E3 ;
	margin : 3px ;
}

.buttons:active {
	background : #8CBECE ;
}

p#optional_msg {
	color : white ;
	font-size : 110% ;
	text-align : center ;
}

/*Deuxième panneau*/
div#greypart {
	background : #E0E0E0 ;
	margin-bottom : 0 ;
}

section#content {
	background : url("img/bas.png") top repeat-x #dedfe0 ;
	margin-top : 40px ;
	padding : 5px ;
	clear : both ;
	width : auto ;
	border : none ;
	border-radius : 0 ;
}

h1 {
	font-size : 120% ;
	color : #0097CA ;
	opacity : 0.75 ;
}

h2 {
	font-size : 100% ;
	color : #0097CA ;
	opacity : 0.75 ;
}

a {
	color : black ;
}

a:hover {
	color : #0097CA ;
	text-decoration: none ;
}

a:visited {
	text-shadow : 5px 5px 5px black ;
}

footer {
	text-align : center ;
	background : #dedfe0 ;
	height : 100% ;
	padding : 10px ;
}

footer h1 {
	margin : 2px ;
	margin-top : 0 ;
}

footer > div {
	width : 80% ;
	margin : auto ;
}

footer > div div {	
	display : inline-block ;
	vertical-align : top ;
	border : solid #718186 1px ;
	border-radius : 10px ;
	box-shadow : 1px 1px 1px grey ;
	background : #EAEAEA ;
	margin : 5px ;
	width : 25% ;
	height : 100px ;
}
	
footer h2 {
	text-align : center ;
	margin : 3px ;
}

footer ul {
	text-align : left ;
	margin : 3px ;
}

.ending_p {
	font-size : 80% ;
}