/* body */
body {
	background-color: white;
	color: #000000;
	font-family:Arial, sans-serif;
	margin: 0;
	padding: 0;
}
/* corps de page, en -tête, pieds de page */
.entete {
	margin-top: 0;
	padding: 30px 30px 30px 80px;
	background-color: #516679;
	color: #FFAC11;
	border-bottom: 2px solid #FFAC11;
	font-size: 50px;
	font-weight: normal;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}  
img.titre {
position : absolute;
left : 545px;
top : 25px;
}
#main {
	background: #B5B5B5;
	color: #F4F4F4;
	margin-left: 80px;
	padding: 10px;
	width: 80%;
	border-left: solid 2px #FFAC11;
}
#pieds {
	padding: 30px 30px 30px 80px;
	background-color: #516679;
	color: #FFAC11;
	border-top: 2px solid #FFAC11;
	font-size: 17px;
	font-weight: normal;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}

/*  titres rubriques */
h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 25px;
	border-bottom: dashed 1px #384959;
	padding: 2px;
	margin-bottom: 15px;
	color: #384959;
	background: #B5B5B5;
}
/* texte standard */
h4 {
	font-size: 17px;
	font-weight: lighter;
	margin-top: 5px;
	margin-bottom: 5px;
	color: black;
	background: #B5B5B5;
}
/* texte fort */
h2 {
font-size:17px;
color:#384959;
background: #B5B5B5;
}
#switch_examples{
	text-align:center;
	font-size:75%;
	color :black;
background-color: #B5B5B5;
}

/* tutoriaux */
#tuto1,#tuto2,#tuto3,#tuto4,#tuto5 {
	background-color: white;
	display: none;
	font-size: 75%;
	border: 1px dotted #7B68EE;
	padding: 15px;
	color: #343434;
	line-height: 20px;
}

/* boutons */
input.btn {
	color: #384959;
	background-color: #a7a7a7;
	font-family: serif;
	font-size: 15px;
	font-weight: bold;
	width: 200px;
	height: 30px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #5f5f5f;
	border-right: 1px solid #5f5f5f;
}
input.btn:hover {
color: #384959;
background-color : #cccccc;
}

.notelight {
color :black;
background-color: #B5B5B5;
margin-top : 5px;
margin-bottom : 5px;
font-size : 80%;
text-align : justify;
}
#step2_status, #step4_process {
font-size : 17px;
font-weight : bold;
}
.tableaucentrer {
margin-left : auto;
margin-right : auto;
color :black;
background-color: #B5B5B5;
}
tr.centrer {
text-align : center;
font-size : 90%;
color :black;
background-color: #B5B5B5;
}
.tableauentete {
	margin-left: auto;
	margin-right: auto;
	color: #FFAC11;
	width: 95%;
	background-color: #516679;
	font-size: 70%;
}
td.centrercentre {
text-align : center;
}
td.centrerdroite {
text-align : right;
}

.searchgoogle {
	margin-left: auto;
	margin-right: auto;
	color: black;
	background-color: white;
	border: 1px solid #516679;
}
tr.searchgoogle {
text-align : center;
color :black;
background-color: white;
}
tr.light {
font-size : 80%;
color :black;
background-color: #B5B5B5;
}
#sample_adresse {
	color: green;
	font-weight:bold;
	background-color: #B5B5B5;
}
select {
font-family : Arial, Helvetica, sans-serif;
border-style : solid;
border-width : 1px;
background-color : #fafafa;
border-color : #a0a0a0;
width : 125px;
color:black;
}

img {
border : none;
}

/* zone de texte */
textarea {
	font-size: 11px;
	font-family: sans-serif;
	border: solid 1px #516679;
	background-color: white;
	margin-top: 4px;
	margin-bottom: 1px;
	padding: 3px;
	color: black;
	overflow:scroll;
}

/* carte */
#map {
width : 600px;
height : 350px;
border :  solid 1px #516679;
}

/* liens html */
a.lnk {
	color: #384959;
	border-bottom: 1px dotted #384959;
	text-decoration: none;
	background-color: #B5B5B5;
}
a.lnk:hover {
	color: #384959;
	border-bottom: none;
	background-color: #B5B5B5;
}
a.tuto{
	color: #384959;
	border-bottom: 1px dotted #384959;
	text-decoration: none;
	background-color: #B5B5B5;
}
a.tuto:hover{
	color: #384959;
	border-bottom: none;
	background-color: #B5B5B5;
}

a.entete{
	font-size: 15px;
	color: #FFAC11;
	border-bottom: 1px dotted #FFAC11;
	text-decoration: none;
	background-color: #516679;
}
a.entete:hover{
	color: #FFAC11;
	border-bottom: none;
	background-color: #516679;
}