/* gradients : http://www.colorzilla.com/gradient-editor/ */


html{
	height: 100%;
}

body{
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	background-attachment:fixed;
	font-family: "Trebuchet MS","Cooper Black","Comic Sans MS",Arial,"Arial Black","Times New Roman",Times,serif;
	/*font-family: "bodyFont","Myriad Pro",Arial,Helvetica,sans-serif;*/
	font-size:12px;
	color:#555555;
	background-color:#000000;
}

#header,
#body{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	height: 150px;

	border-radius: 10px 10px 0px 0px;
	border-left:1px #f7ac00 SOLID;
	border-top:1px #f7ac00 SOLID;
	border-right:1px #f7ac00 SOLID;
	
	background: #f7ac00; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7ac00 0%, #ffe900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7ac00), color-stop(100%,#ffe900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7ac00 0%,#ffe900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7ac00 0%,#ffe900 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7ac00 0%,#ffe900 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7ac00 0%,#ffe900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ac00', endColorstr='#ffe900',GradientType=0 ); /* IE6-9 */

	color: #4c3000;
}
#header .headerLogo,
#header .headerTitles,
#header .headerIcons{
	padding:0;
	margin:0;
	padding-top: 20px;
}

#header .headerLogo{
	float:left;
	margin-left:30px;
}
#header .headerTitles{
	float:left;
}
#header .headerTitle{
	font-size: 30px;
	padding:0;
	margin:0;
	margin-left: 20px;
	font-weight:normal;
}
#header .headerSubTitle{
	font-size: 18px;
	padding:0;
	margin: 10px 0 0 40px;
	font-weight:normal;
}

#header .headerIcons{
	float:right;
	width:160px;
	padding-top:40px;
	padding-right: 20px;
}


.clearboth{
	clear:both;
}

#member{
	text-align:right;
	border-bottom: 1px #AAAAAA dotted;
	padding:5px 10px 5px 0;
	background-color: #E9E9E9;
}

#copyright{
	text-align:center;
	border-top: 1px #AAAAAA dotted;
	padding:5px 10px 5px 0;
	margin: 20px 0 0 0;
}
#body{
	border-left:1px #f7ac00 SOLID;
	border-bottom:1px #f7ac00 SOLID;
	border-right:1px #f7ac00 SOLID;
	background-color: #F0F0F0;

}

#body_content{
	padding: 10px;
}


h1{
	font-weight:normal;
	font-size:22px;
	padding:10px 0 20px 10px;
	margin:0;
}

h2{
	font-weight:normal;
	padding:0;
	margin:10px 0 15px 25px;
	font-size:18px;
}

.h2-content{
	padding-left:25px;
}

h3{
	font-weight:normal;
	padding:0;
	margin:5px 0 5px 40px;
	font-size:15px;
}

.h3-content{
	padding-left: 40px;
}

input.grand{
	font-size:16px;
	color:#555555;
	width:500px;
	padding:10px;
	background-color: #FDFDFD;
	border:1px #AAAAAA SOLID;
	font-family: "bodyFont","Myriad Pro",Arial,Helvetica,sans-serif;
}

input.normal,
textarea.normal{
	font-size:14px;
	color:#555555;
	width:300px;
	padding:5px;
	background-color: #FDFDFD;
	border:1px #AAAAAA SOLID;
	resize: none;
	font-family: "bodyFont","Myriad Pro",Arial,Helvetica,sans-serif;
}

input.position{
	width:250px !important;
	font-size:20px !important;
}

textarea.normal,
input.normal[type=file]{
	width:870px !important;
}

textarea.normal{
	height:150px;
}

input.normal:disabled,
input.normal:disabled:hover{
	color:#777777;
	background-color: #DDDDDD;
}

input.grand:hover,
input.normal:hover,
textarea.normal:hover{
	background-color: #F0F0F0;
}


input.grand_submit{
	font-size:20px;
	font-weight: normal;
	color:#555555;
	width:250px;
	padding:8px 10px 8px 35px;
	background-repeat:no-repeat;
	background-position:5px;
	border:1px #999999 SOLID;
	background-color: #EFEFEF;
	font-family: "bodyFont","Myriad Pro",Arial,Helvetica,sans-serif;
}
input.grand_submit:hover{
	background-color: #E0E0E0;
}

input.grand_submit.search{
	background-image:url(/css/images/icon_search.png);
}

input.grand_submit.save{
	background-image:url(/css/images/icon_save.png);
}
input.grand_submit.contact{
	background-image:url(/css/images/icon_contact.png);
}

input.add{
	margin-left: 40px;
}

input.btn_add_position,
input.add,
input.btn_detail_bal,
input.btn_detail_bureau,
input.addLevee{
	font-size:14px;
	color:#555555;
	background-repeat:no-repeat;
	background-position:5px;
	border:1px #999999 SOLID;
	background-color: #EFEFEF;

}

input.btn_add_position,
input.add{
	padding:4px 10px 4px 25px;
	background-image:url(/css/images/icon_add_small.png);
}
input.btn_add_position:hover,
input.btn_detail_bal:hover,
input.btn_detail_bureau:hover,
input.add:hover{
	background-color: #E0E0E0;
}

input.btn_detail_bal,
input.btn_detail_bureau{
	padding:3px 10px 4px 25px;
	background-image:url(/css/images/icon_info_small.png);
}

.pointer{
	cursor:pointer;
}

.center{
	text-align:center;
}

.vertical_middle{
	vertical-align:middle;
}

a, a:visited{
	color:#555555;
	text-decoration:underline;
}

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

#menu{
	height:30px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 128px;
}


#menu ul{
	list-style-type:none;
	margin:0;
	padding: 0 5px 0 5px;
}

#menu li{
	float:left; /*pour IE*/
	border-radius: 15px 15px 0px 0px;
	height:30px;
	background: #edeef4; /* Old browsers */
	margin:0 2px 0 2px;
	border: 1px solid #655e4e;
	border-bottom: none;
}
#menu li a,
#menu li a:visited{
	color: #3474c7;
	text-decoration:none;
}
#menu li a:hover{
	color: #3474c7;
}

#menu li:not(.active){
	background: -moz-linear-gradient(top,  #fedc6c 0%, #fed44a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fedc6c), color-stop(100%,#fed44a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fedc6c 0%, #fed44a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fedc6c 0%,#fed44a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fedc6c 0%,#fed44a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fedc6c 0%,#fed44a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc6c', endColorstr='#fed44a',GradientType=0 ); /* IE6-9 */
	border: 1px solid #f7ac00;
	border-bottom: none;
}
#menu li:not(.active) a:visited{
	color: #4c3000;
	text-decoration:none;
}
#menu li:not(.active) a:hover{
	color: #4c3000;
}


#menu li:not(.active):hover{
	background: -moz-linear-gradient(top,  #ffe991 0%, #ffe270 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe991), color-stop(100%,#ffe270)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffe991 0%, #ffe270 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffe991 0%,#ffe270 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffe991 0%,#ffe270 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffe991 0%,#ffe270 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe991', endColorstr='#ffe270',GradientType=0 ); /* IE6-9 */
	border: 1px solid #a45b13;
	border-bottom: none;
}
#menu li:not(.active):hover a:visited{
	color:#381f00;
	text-decoration:none;
}
#menu li:not(.active):hover a:hover{
	color:#381f00;
}


#menu li.special{
	float: right;
	border-radius: 8px;
	height:26px;
	border: 1px solid #f7ac00;
}

#menu li.special:hover{
	border: 1px solid #a45b13;
}

#menu ul li a{
	display:block;
	float:left;
	padding: 0 20px 0 20px;
	font-size:12px;
	font-weight: bold;
	line-height: 30px;
}
#menu ul li.special a{
	line-height: 26px;
	background-image:url(/css/images/icon_add_small.png);
	background-repeat:no-repeat;
	background-position:7px;
	padding-left: 40px;
}

#result_map{
	height: 650px;
	border-radius: 10px;
	border: 1px #AAAAAA dotted;
}

.etendre_radius{
	font-size:14px;
}



.result_address_title{
	font-size:14px;
}

.result_address{
	font-size:14px;
	font-style: italic;
	font-weight:bold;
}

span.add_position_legend{
	font-size:14px;
	font-weight:bold;
}

span.detail_position_legend{
	font-size:14px;
	font-weight:bold;
}

#selectRadius,
.selectDestination{
	font-size:14px;
	color:#555555;
	padding:5px;
	background-color: #FDFDFD;
	border:1px #AAAAAA SOLID;
}
.selectDestination{
	width: 250px;
}

#selectRadius:hover{
	background-color: #F0F0F0;
}

.ui-dialog-titlebar-close{
	display:none;
}

.infoWindowAdd{
	height:100px;
}

.infoWindowDetail{
	height: 75px;
}

#adresse_radius{

}
#adresse{
	float:left;
}
#rayon_recherche{
	float:right;
	margin-top:5px;
	text-align:right;
}

.label16{
	font-size:16px;
}

.label26{
	font-size:26px;
}
.width120{
	width: 120px !important;
}

#destinations,
#levees{
	border: 1px dotted #AAAAAA;
	padding:5px;
	margin-left: 40px;
	background-color:#E6E6E6;
	margin-bottom: 20px;
}
.blocDestination,
.blocLevee{
	margin-bottom: 10px;
}
.destinationTitle,
.leveeTitle{
	font-size:16px;
	font-weight:bold;
}
.legend{
	color:#999999;
	font-size:12px;
}

#addTypeDestinationLibelle{
	font-size:16px;
	margin:10px;
}

.destinationDelete,
.leveeDelete{
	float:right;
}

label[for=longitude]{
	margin-left:40px;
}

#loginLien,
#inscriptionLien{
	color:#555555;
	text-decoration:underline;
}
#loginLien:hover,
#inscriptionLien:hover{
	color:#777777;
	text-decoration:none;
}

#login,
#inscription{
	display:none;
}
#login form{
	text-align: center;
}

#login input,
#inscription input{
	width: 150px;
	font-size:16px;
}
#login input #login_pass{
	margin-left:20px;
}

input.error{
	border: 2px SOLID #FF0000;
	background-image:url(images/icon_error.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 20px;
	border-radius: 2px;
}

#contact input,
#contact textarea{
	font-size:16px;
	font-family: "bodyFont","Myriad Pro",Arial,Helvetica,sans-serif;
	width:350px;
}

#contact textarea{
	height:120px;
}

#contact{
	text-align:center;
}

/*@media screen and (max-width: 640px){

}*/

.bold{
	font-weight: bold;
}


table.detailBoite,
table.detailBureau{
	width:100%;
}

table.detailBoite td.detailBoitePhoto,
table.detailBureau td.detailBureauPhoto{
	width:250px;
}

table.detailBoite table.detailDestinations{
	width:100%;
}
table.detailBoite table.detailDestinations .detail_destination{
	font-size:1.2em;
}

.leveeAujourdhui{
	color:green;
	font-weight:bold;
	font-size:1.2em;
}
.leveeDemain{
	color:red;
	font-weight:bold;
	font-size:1.2em;
}