/****************************************************************************
** General Section
****************************************************************************/

body {
	font: 9px Arial, Verdana, "sans serif";
	/*background-image: url(../images/site/bodyFd.jpg);*/
	background-image: url(../images/site/fd_diabox_1600.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 119%;
	background-color: #206e99;
	padding: 0px;
	margin: 0px 0px;
	text-align: center;
}
h1 {
	font-size: 24px;
	color: #006086;
	margin: 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #006086;
	padding: 15px 0px 5px 0px;
	margin: 0px;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	color: #006086;
	padding: 15px 0px 5px 0px;
	margin: 0px;
}

a {
	color: #006086;
	text-decoration: none;
}
a:hover {
	color: #003f58;
}

a img {
	border: none;
	padding: 0px; margin: 0px;
	display: block;
}

#main {
	/*width: 980px;*/
/*	width: 100%;
	max-width: 1330px;
	min-width: 980px;*/
	width: 1330px;
	/*background-image: url(../images/site/main_fd.jpg);*/
	background-image: url(../images/site/main_fd_r.jpg);
	background-repeat: no-repeat;
	/*background-position: 50% 0;*/
	background-position: 100% 0;
	margin: 0px auto;
	background-color: #FFFFFF;
	position: relative;
	text-align: center;
}
#page {
	width: 966px;
	background-image: url(../images/site/ong_gen_fd2.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	margin: 0px auto;
	position: relative;
	/*padding-top: 70px;*/
	text-align: left;
	padding: 0px 0px 10px 0px;
}
#page2 {
	/*width: 966px;*/
	width: auto;
	/*background-image: url(../images/site/ong_gen_fd3.png);*/
	background-image: url(../images/site/main_fd_l_b.jpg);
	background-repeat: no-repeat;
	/*background-position: 50% 0;*/
	background-position: 0 0;
	/*margin: 0px auto;*/
	margin: 0px 0px;
	position: relative;
	/*padding-top: 70px;*/
	text-align: left;
	padding: 15px 0px 10px 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.siteTitle {
	display: block;
	width: auto;
	margin: 0px;
	margin-left: 28px;
}
.siteTitle span {
	display: block;
	float: left;
	width: auto;
	color: #006086;
	font-size: 24px;
	background-image: url(../images/site/ong_gen_fd_d.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	padding: 0px;
	padding: 15px 50px 15px 0px;
	margin: 0px;
}

#leftMenu {
	position: absolute;
	right: 10px;
	top: 70px;
	background-image: url(../images/site/zone_select_fd.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 600px;
	height: 72px;
	text-align: left;
}
#leftMenu form {
	padding: 25px 0 0 125px;
	margin: 0px;
}
#leftMenu span {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
#leftMenu select {
	width: 340px;
	color: #006086;
	font-weight: bold;
	font-size: 14px;
}

#master {
	text-align: center;
}

#title {
	padding: 0px; margin: 0px;
	/*margin-bottom: 15px;*/
	text-align: left;
}
#title a {
	padding: 0px; margin: 0px;
	display: block;
}
#title a img {
	border: none;
	padding: 0px; margin: 0px;
	display: block;
}

#pageCenter {
	margin: 0px 0px 0px 0px;
}

div#conteneur:after, #borderLeft:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#conteneur, #borderLeft {display: inline-block;}
/* Hides from IE-mac \*/
* html div#conteneur, * html #borderLeft {height: 1%;}
div#conteneur, #borderLeft {display: block;}
/* End hide from IE-mac */

#borderLeft {
	float:left;
	/*position: absolute;
	left: 0px;*/
	width:210px;
	margin: 0px 0px 0px 5px;
	font-size: 11px;

}
div#conteneur {
	/*float:left;
	margin-left: 25px;
	width: 900px;
	border: 1px red solid;*/
	margin-left: 230px;
	margin-right: 5px;
}
div.conteneurPadd {
	width: 100%;
	float: right;
	text-align: left;
}

#conditions {
	margin: 0px 15px 30px 15px;
	font-size: 15px;
	text-align: justify;
}

/* configuration */
#configuration {
	margin: 0px 15px 30px 15px;
	font-size: 15px;
	text-align: justify;
}
#configuration p {
	margin: 30px 0px 0px 0px;
}
#configuration .param {
	float:left;
}

#configuration .create {
	margin: auto;
	text-align: center;
	width: 550px;
}

/* account_visu */
#account_visu {
	margin: 0px 15px 30px 15px;
	font-size: 15px;
	text-align: justify;
}
#account_visu .unregistered {
	text-align: center;
}
#account_visu .row {
	clear: left;
	padding: 6px;
}
#account_visu .row .right {
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	width: 150px;
	line-height: 25px;
}
#account_visu .row .left {
	text-align: left;
	display: block;
	margin-left: 155px;
	margin-right: 10px;
	width: 600px;
	line-height: 25px;
}

/* login */
#login {
	margin: 0px 15px 30px 15px;
	font-size: 15px;
	text-align: justify;
}
#login .create {
	margin: 40px auto auto;
	text-align: center;
	width: 300px;
}
#login .login {
	float:left;
}

/* register */
#register {
	margin: 0px 15px 30px 15px;
	font-size: 15px;
	text-align: center;
}
#register .row {
	padding: 6px;
	padding-left: 0px;
	padding-right: 0px;
}
#register .row .right {
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	width: 640px;
	line-height: 25px;
}
#register .row .left {
	text-align: left;
	display: block;
	margin-left: 645px;
	margin-right: 10px;
	width: 600px;
}
#register .row .left input, .row .field select {
	width: 200px;
}

/* logout */
#logout {
	margin: 0px 15px 30px 15px;
	font-size: 15px;
	text-align: center;
}

/* verification */
#verification {
	margin: 0px 15px 30px 15px;
	font-size: 15px;
	text-align: justify;
}

/* change_pwd */
/* change_pwd */
#change_pwd {
	margin: 0px 15px 30px 15px;
	font-size: 15px;
	text-align: justify;
}
#change_pwd .keyGen {
	margin: auto;
	text-align: left;
	width: 200px;
}
#change_pwd .change {
	float:left;
}

/************
** Onglets
*****************/

ul.menuOnglets, ul.menuOnglets li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.menuOnglets {
	/*margin: 0px 25px 15px 25px;*/
	margin: 0px 0px 15px 0px;
	padding: 0px 15px;
	background-image: url(../images/site/ong_gen_fd_line.png);
}
ul.menuOnglets li {
	float: left;
	padding-left: 55px;
	background-image: url(../images/site/ong_gen_fd_l_off.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
ul.menuOnglets li a {
	display: block;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	color: #888888;
	font-size: 16px;
	line-height: 45px;
	background-image: url(../images/site/ong_gen_fd_d_off.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 55px;
}
ul.menuOnglets li.active {
	background-image: url(../images/site/ong_gen_fd_l.png);
	color: #006086;
	font-weight: bold;
}
ul.menuOnglets li.active a {
	background-image: url(../images/site/ong_gen_fd_d.png);
	color: #006086;
	font-weight: bold;
	font-size: 20px;
	line-height: 45px;
}
ul.menuOnglets li.right {
	float: right;
}

/************
** Accueil
*****************/

.accueil {
	margin: 0px 15px 0px 15px;
}
.accueil #pageCenter {
	float: none;
	margin: 0px;
	text-align: center;
}
.accueil #borderLeft {
	display: none;
}
.accueil #map_canvas {
	margin: 0px auto;
	width: 1000px;
	height:600px;
	float:left;
}

#map_select {
	float:left;
}
#map_select li {
	list-style: none;
}

#map_canvas h1 {
	font-size: 16px;
}

#map_canvas table {
	font-size: 11px;
}

#map_canvas th {
	font-size: 13px;
	font-weight: bold;
}

#map_canvas .tableSection {
	font-size: 11px;
	font-weight: bold;
}

.accueil .mapZone {
	float: left;
	width: 500px;
	height:500px;
	overflow: hidden;
}

#map_sidebar {
	background-color: #e0e0e0;
	border-radius: 8px;
	float: left;
	margin-left: 15px;
	padding: 10px;
	width: 265px; /* 1330(total)-15*3(margins)-1000(map)-20(this elt padding) */
}

.accueil h2.map_sidebar_title {
	margin-bottom: 10px;
	padding: 0; /* remove inherited */
}

#map_sidebar.map_informations {
	font-size: 12px;
}

.mapLabels {
	color: red;
	background-color: white;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 10px;
	text-align: center;
	width: 60px;
	height:21px;
	border: 1px solid black;
	white-space: nowrap;
}

/************
** Footer
*****************/

#footer {
	background-color: #DDDDDD;
	padding: 30px 20px 20px 20px;
	font-size: 12px;
	color: #666666;
	text-align: center;
}

img.text-image-inline {
	vertical-align: text-top;
}

/************
** INFOS
*****************/

#dbxInfos {
	margin-top:5px;
}
#dbxInfos ul,
#dbxInfos ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#dbxInfos ul {
	margin-bottom: 5px;
	color: #444444;
	border-top: 1px #CCCCCC dotted;
}
#dbxInfos ul li {
	border-bottom: 1px #CCCCCC dotted;
	padding: 2px 0px;
}
#dbxInfos ul li span {
	font-weight: bold;
}

#header {
	position: absolute;
	right: 10px;
	top: 10px;
	font: 10px Arial,Verdana,"sans serif";
}
/************
** Langage
*****************/

#langMenu {

}
#langMenu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#langMenu ul li {
	float: right;
	list-style-type: none;
	display: block;
	margin: 0px 2px;
}
#langMenu ul li a span {
	display: none;
}
#langMenu ul li a {
	display: block;
	width: 21px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#langMenu ul li a:hover,
#langMenu ul li.actif a {
	background-position: 0 -15px;
}
#langMenu ul li#fr a {
	background-image: url(../images/lang/fr.gif);
}
#langMenu ul li#en a {
	background-image: url(../images/lang/en.gif);
}
#langMenu ul li#ge a {
	background-image: url(../images/lang/ge.gif);
}

/************
** Autres
*****************/
#langMenu {
	float: right;
}

.telAppli {
	background-color: #E0E0E0;
	padding: 10px;
	border-radius: 8px;
	margin-top: 15px;
	width: auto;
}
.telAppli h3 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#map {
	font-size: 14px;
	font-weight: bold;
}
#map a {
	font-size: 12px;
	font-weight: normal;
}

.conditions .item {
	font-weight: bold;
}

.cadreAuthentification {
	background-color: #E0E0E0;
	border-radius: 8px 8px 8px 8px;
	padding: 10px 10px 1px;
}

#wrongId {
	background-color: #FFFFFF;
	border: 1px solid black;
	display: block;
	height: 100%;
	text-align: center;
	margin: 5% 20%;
}
#wrongId p {
	font-size: 20px;
	font-weight: bold;
	margin: 5% 0;
}

.liveWebcam {
    min-height: 50px;
    background-color: white;
    min-width: 25px;
}
.liveWebcamLoading {
	display: none;
	position: absolute;
	float: left;
	margin-top: 16px;
	width: 17px;
	height: 17px;
	background-image: url('../images/webcam_loading.gif');
}
.liveWebcamError {
	display: none;
	position: absolute;
	float: left;
	margin-top: 16px;
	width: 17px;
	height: 17px;
	background-image: url('../images/webcam_error.gif');
}
.liveWebcamImage {
}

.error {
	border-color: #FF0000;
	border-style: solid;
	border-width: 3px;
	color: red;
	font-size: 150%;
	text-align: center;
}

div.customer-warning
{
	font-family:"Helvetica", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #D00000;
	margin : 1px;
	text-align:justify;
}


.maintenance {
	margin: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #D00000;
	text-align: center;
}