/*
*************************************************************************************
Water Messengers
Design / Intégration / Programmation par Tribal Solutions 2014
Tous droits réservés
*************************************************************************************
*/

/*Bootstrap font reset*/
body {font-family: 'Droid Sans', sans-serif;}
textarea {font-family: 'Droid Sans', sans-serif;}
.navbar-search .search-query {font-family: 'Droid Sans', sans-serif;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Droid Sans', sans-serif; font-weight: bold; color:#fff; text-shadow:2px 1px 2px #000;}
	@media (max-width: 767px) {
		h1 {font-size:18px;}
	}
h2 {font-size:21px}
h2 {font-size:18px}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {}

html {position:relative; overflow-y: scroll; margin:0px; padding:0; height:100%;}

body { padding:0; font-size:13px; line-height:22px; background:#000;  }
	@media (max-width: 767px) {
		body {background-attachment: fixed; background: url(images/bgmobile.png) top center no-repeat #000;}
	}
	body.error404 {background: url(images/default_bg_image.jpg) fixed top center no-repeat #000; margin-top:130px;}
	.error404_content {width:500px; margin:auto; text-align:center;}
		.error404_content h1 {font-size:80px;}
			.error404_content a {color:#fff;}
#bg1, #bg2 {
		/* Firefox */
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.7s;
		-moz-transition-delay: 0s;
		/* WebKit */
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.7s;
		-webkit-transition-delay: 0s;
		/* Opera */
		-o-transition-property: opacity;
		-o-transition-duration: 0.7s;
		-o-transition-delay: 0s;
		/* Standard */
		transition-property: opacity;
		transition-duration: 0.7s;
		transition-delay: 0s;
}
#bg1 {height:100%; width:100%; background:  top left fixed #000; background-size: cover; position:fixed;  z-index:0; opacity:0;}
#bg2 {height:100%; width:100%;  background:  top left fixed #000;  background-size: cover;  position:fixed;  z-index:0; opacity:0;}
#bg1.bgactive {opacity:1;}
#bg2.bgactive {opacity:1;}

#bgoverlay {background: url(images/bgoverlay.png) repeat-x; width:100%; height:800px; position:fixed; bottom:0; z-index:0;}
img { }
a {text-decoration: none;}
/*
************************************
************** GÉNÉRAL *************
************************************
*/

/*Sélection de la langue*/
#language_selection_wrapper{background:url(images/bglang.png) repeat; padding:0; text-align: center;}

.language_selection {padding:0 20px; font-size:11px;}
a.language_otherlanglink {display:inline; font-size:12px; padding:0 8px; font-weight: 200; position:relative; color:#fff; border-right:1px solid #ccc;}
	a.language_otherlanglink:last-child {border:none;}


	/*mobile*/
	.navbar-collapse a.language_otherlanglink {padding:10px 0 0px 10px; margin-bottom:30px;display:block; width:10%; position:relative; float:left; font-weight: bold;}

#footer_copyright {position:relative;  text-align: left; font-size:10px; color:#444; line-height: 12px; padding:0 0 20px 20px; height:60px;}
	#footer_copyright a {color:#666; z-index:1;}
	@media (max-width: 767px) {
		#footer_copyright {position:relative; clear:both; width:100%;}
	}
/*
************************************
*********** MENU MOBILE ************
************************************
*/
/*Menu*/
.navbar {border:none;}
.navbar-nav > li > a {
    padding:0 0 4px 10px;
}
.navbar-header {background:#d0df57; border:none;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#191919};
.navbar-default .navbar-toggle {border-color: #191919; background-color:#191919}
.navbar-toggle {background:none; border-color: #191919; margin-right:20px; margin-top:10px; background-color:#191919}
.navbar-collapse {background:#191919; border:none; box-shadow: none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none}

/*
************************************
*********** Left Sidebar ***********
************************************
*/
#wm_logo_link {display:block; width:200px; height: 77px; margin:10px 0 0 32px; position:relative;}
#wm_logo_link.logo_link_EN {background-image:url(images/logo_small_EN.png); background-size:cover;}
#wm_logo_link.logo_link_FR {background-image:url(images/logo_small_FR.png); background-size:cover;}
#wm_logo_link.logo_link_ES {background-image:url(images/logo_small_ES.png); background-size:cover;}
#wm_logo_link.logo_link_KO {background-image:url(images/logo_small_KO.png); background-size:cover;}

img.wmlogomobile {position:relative; margin:auto;}



.left_sidebar {background:url(images/bgblack30.png) repeat; width:285px; padding-bottom:40px; position:fixed; left:0; top:0; height:100%; z-index:9999; }
	#left_sidebar_inner {padding-bottom:40px;}
	.sidebar_social {width:100%; text-align: center; margin:15px 0;}
		.sidebar_fb, .sidebar_tw  {width:34px; height:34px;  margin:0 10px;}
	
	.left_sidebar ul {list-style:none; list-style-type: none; margin:0; padding:0;}
	.left_sidebar a {text-decoration: none;}
	.left_sidebar_topmenu a {display:block; font-weight: bold; font-size:18px; padding:20px 5px 20px 80px; margin-bottom:1px; opacity:0.9;}
		.sidebar_read {background:#58b5df url(images/sidebar_icon_read.png) no-repeat 5% center; color:#fff; }
		.sidebar_map {background:#4091b2 url(images/sidebar_icon_map.png) no-repeat 5% center; color:#fff; }
		.sidebar_write {background:#d1e751 url(images/sidebar_icon_write.png) no-repeat 5% center; color:#191919;}
	.sidebar_slogan {font-size:26px; margin-top:30px; margin-bottom:20px; font-weight: bold; color:#fff; line-height: 30px; padding-left:20px;}


	.left_sidebar_bottommenu {padding-left:20px; line-height: 24px;}
		.left_sidebar_bottommenu a {color:#58b5df; font-size:20px;}
	.sidebar_sielink {padding-left:20px; margin-top:15px; display:block; position:relative; margin-bottom:15px;}

	.left_sidebar_topmenu a:hover {opacity:1;}
		.sidebar_read:hover {color:#fff;}
		.sidebar_map:hover  {color:#fff;}
		.sidebar_write:hover  {color:#191919;}
	.left_sidebar_topmenu a:active, .left_sidebar_topmenu a:focus {color:#191919;}

	@media (max-width: 767px) {
		@-ms-viewport { width:device-width; zoom:1.0; }
		.left_sidebar {width:auto; height:auto; position:relative;}
	}


	/*Sidebar RESPONSIVE*/
	@media (max-height: 890px) {
		@-ms-viewport { width:device-width; zoom:1.0; }
		.sidebar_slogan {font-size:25px; line-height: 25px;}
		.left_sidebar_topmenu a {font-size:17px; padding:15px 5px 15px 80px;}
		.left_sidebar_bottommenu {line-height: 25px;}
		.left_sidebar_bottommenu a {font-size:18px;}
	}
	@media (max-height: 790px) {
		@-ms-viewport { width:device-width; zoom:1.0; }
		.sidebar_slogan {font-size:23px; line-height: 23px; margin-bottom:20px; }
		.left_sidebar_topmenu a {font-size:16px; padding:13px 5px 13px 80px;}
		.left_sidebar_bottommenu {line-height: 23px;}
		.left_sidebar_bottommenu a {font-size:17px;}
		.sidebar_sielink {margin-top:20px;}
		#wm_logo {margin-top:0; }
		.sidebar_social {margin:7px 0;}
	}
	@media (max-height: 740px) {
		@-ms-viewport { width:device-width; zoom:1.0; }
		.left_sidebar {width:250px}
		.sidebar_slogan {font-size:21px; line-height: 21px; margin-bottom:15px; }
		.left_sidebar_topmenu a {font-size:16px; padding:8px 5px 8px 75px; background-size:15%;}
		.left_sidebar_bottommenu {line-height: 21px;}
		.left_sidebar_bottommenu a {font-size:15px;}
		.sidebar_sielink {margin-top:10px; }
			.sidebar_sielink img {width:137px; height:50px;}
		#wm_logo {margin-top:0; }
		.sidebar_social {margin:4px 0;}
	}
	@media (max-height: 590px) {
		.left_sidebar  {overflow-y:scroll;}
		@-ms-viewport { width:device-width; zoom:1.0; }
		.sidebar_slogan {font-size:16px; line-height: 16px; margin-bottom:10px; margin-top:10px;}
		.left_sidebar_topmenu a {font-size:14px; padding:8px 5px 8px 80px; background-size:15%;}
		.left_sidebar_bottommenu {line-height: 17px;}
		.left_sidebar_bottommenu a {font-size:15px;}
		.sidebar_sielink {margin-top:10px; }
			.sidebar_sielink img {width:137px; height:50px;}
		#wm_logo {margin-top:0; width:156px; height:60px; margin-left:60px;}
		.sidebar_social {margin:4px 0;}
			.sidebar_social img {width:20px; height:20px;}
	}


/*
************************************
*********** CONTENT PANE ***********
************************************
*/
.right_content {}
#content_pane {padding-left:285px; position:relative; }
#transparent_overlay {background:url(images/bgblack30.png) repeat; position:fixed; width:100%; height:100%; top:0; left:285px; z-index:1; display:none;}
@media (max-height: 650px) {
	@-ms-viewport { width:device-width; zoom:1.0; }
	#transparent_overlay {left:250px;}
}

@media (max-width: 767px) {
	#content_pane {padding-left:0px;}
	#transparent_overlay {display:none;}
}


/*
************************************
************** Counter *************
************************************
*/
#counter_wrapper {width:220px; margin:0; height:auto; background:#58b5df; position:fixed; top:0; right:0; z-index:800;
	 -webkit-border-bottom-left-radius: 25px;  -moz-border-radius-bottomleft: 25px; border-bottom-left-radius: 25px; /*box-shadow:3px 3px 6px #000;*/}
	#counter_value {font-weight: bold; font-size:40px; color:#fff; width:65%; position:relative; float:left; text-align: center;  padding-top:10px;  padding-bottom:10px;}
	#counter_text {color:#fff; width:35%; position:relative; float:right; padding:12px 15px 0 0; text-align: center; line-height: 13px;}

@media (max-width: 767px) {
	#counter_wrapper {display:none;}
}
/*
************************************
*************** Home ***************
************************************
*/
.home_top {max-width:700px; margin:auto; position:relative; margin-top:100px;}

	.home_top h1 {line-height: 45px; font-size:33px; color:#ffffff; text-align: center; text-shadow:2px 1px 2px #000; font-weight: bold; margin-bottom:40px;}
		@media (max-width: 1400px) {
			.home_top h1 {font-size:40px; line-height: 45px; }
		}
		@media (max-width: 767px) {
			.home_top {margin-top:0px;}
			.home_top h1 {font-size:30px; line-height: 35px; padding:0 10px; margin-top:0;}
		}
	.homebox {display:none; background:url(images/sidebarbg.png) repeat; padding:20px; color:#fff;}
		.homebox p {padding:0; margin:0; color:#fff;}
		a.homebox_starthere {background:#d1e751; color:#191919; position:relative; display:block; bottom:0; right:0; padding:24px 10px; width:210px;  margin:0 auto 30px auto;  font-size:20px; font-weight: bold; text-align: center;}
				@media (max-width: 767px) {
					a.homebox_starthere {margin:0 auto 30px auto;}
				}
			a.homebox_starthere:hover {text-decoration:none; background:#b9cc4a;}


/*
************************************
************** MESSAGES ************
************************************
*/
#messages_wrapper {width:96%; padding:0 3%; margin:auto; position:relative; margin-top:100px;  }
	#messages_wrapper.home {margin-top:30px;}
	@media (max-width: 1149px) {
		#messages_wrapper.home {width:95%; padding:0; margin:0;}
		#messages_wrapper {margin-top:0px;}
	}
	@media (max-width: 767px) {
		#messages_wrapper.home {width:100%; padding:0; margin:0;}
		#messages_wrapper {margin-top:0px;}
	}

.msg {min-width:150px; width:14%; /*box-shadow: 1px 1px 6px #666;*/  height:auto; margin:10px 0px 10px 20px; overflow:hidden; float:left; position:relative;}
	@media (min-width: 2000px) {
		.msg {width:10%;}
	}
.msg.preview_msg {margin-left:20px;  }
	.msg_image img {max-width:100%;}
	.msg_text {background-color:#fff; padding:15px; overflow:hidden;}
		.msg_original_text {font-size:13px; color:#000; margin-bottom:15px; line-height: 16px;}
		.msg_translated_text {font-size:11px; color:#898888; font-style:italic; line-height: 15px;}

#messages_no_more_results {width:90%; padding:0 3%; margin:auto; position:relative; margin-top:20px; overflow:hidden;  }

.msg.noresults {width:90%; background:none; background:url(images/bgblack60.png) repeat;  /*box-shadow: 1px 1px 6px #000;*/ text-align: center; color:#fff;}
	.msg.noresults h1 {text-shadow:none;}
	.msg.noresults .msg_text {background:none; padding:0;}
	.msg.noresults .msg_original_text  {color:#fff; padding:20px 10px 0px 10px; font-size:17px;}

.noresults_h1_wrapper {}
.noresults_button_wrapper {}

@media (max-width: 1537px) {
	.msg.noresults {width:auto;}
	.msg.noresults h1 {width:auto; margin-right:70px; margin-left:25px;}
	.msg.noresults .col-sm-6 {width:auto;}
	.msg.noresults .msg_text {background:none; padding:0; overflow:visible;}
	.noresults_h1_wrapper {position:relative; width:100%; clear:both;}
	.noresults_button_wrapper {position:relative; width:100%; clear:both;}
}
@media (max-width:991px) {

	.msg.noresults h1 {width:auto; margin-right:15px; margin-left:10px; font-size:23px; padding-top:15px;}
	.noresults_button_wrapper a {font-size:23px; padding:5px;}

}
@media (max-width: 767px) {
	.msg {width:90%; margin:0 5% 20px 5%;}
	.msg_image img {max-width:100%;}
	#messages_wrapper {padding-left:0px; clear:both;}
	.msg.noresults {width:90%; margin:0 5% 20px 5%;}
}

.msg_overlay { background:url(images/overlaybg.png) repeat-x bottom center; text-align:center; position:absolute; opacity:0; padding-top:0px; -webkit-transition: opacity .25s ease; width:100%; height:297px; top:-297px; left:0; color:#fff;}
	.msg_overlay h3 {font-size:18px; margin-bottom:0;}
.msg_overlay img {width:34px; height:34px;}
.msg:hover .msg_overlay {opacity:1; top:0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
	@media (max-width: 767px) {
		.msg_overlay {-webkit-transition: none;}
		.msg:hover .msg_overlay {-webkit-transition-duration: none; -moz-transition-duration: none; -ms-transition-duration: none; -o-transition-duration: none; transition-duration: none;}
	}
	.msg_doyoulike {font-size:20px; font-weight: bold}
	.msg_shareit {font-size:20px; font-weight: bold; margin-bottom:10px;}
	a.msg_country_link {color:#fff; text-decoration: none; text-align: center; display:block; margin-bottom:6px;}
		a.msg_country_link:hover {text-decoration: underline;}


.msg_report_inappropriate_link {font-size:11px; line-height:13px; padding:0 10px; text-align: center; display:block; color:#fff; margin-top:20px; text-shadow:2px 1px 2px #000}
	.msg_report_inappropriate_link a {text-decoration: none; color:#fff; }
		.msg_reported_text {display:none;}

#no_results_wrapper {max-width:700px; margin:auto; position:relative;}

/*Confirmation sent + page de message unique*/
.page_message_wrapper {max-width:550px; margin:60px auto 20px auto;}
	.page_message_wrapper h1 {font-size:25px;}
	.page_message_wrapper h2 {font-size:20px;}
	.page_message_wrapper_social img {max-width:50px; margin-right:20px;}

	.confirmation_goreadmessages {display:block; padding:20px 0 20px 70px; font-size:14px;  font-weight: bold; text-decoration: none; background-size: 20%;}
		.confirmation_goreadmessages:hover {text-decoration: none; opacity:0.9;	color:#191919;}
	.confirmation_leaveamessage {margin-bottom:10px; display:block; padding:20px 0 20px 70px; font-size:14px;  font-weight: bold; text-decoration: none; background-size: 20%;}
		.confirmation_leaveamessage:hover {text-decoration: none; opacity:0.9;	color:#191919;}
	.msg_country_link_confirmation {text-decoration: none; color:#58B5DF;}
		.msg_country_link_confirmation:hover {text-decoration: none; color:#50A5C9;}

	@media (max-width: 767px) {
		.page_message_wrapper {max-width:none; margin:0 auto 20px auto; padding-left:5px; padding-bottom:40px;}
		.confirmation_goreadmessages, .confirmation_leaveamessage {background-size: 10%; padding-left:60px; margin-bottom:10px;}
	}


	#ajax_loader {position:fixed; bottom:50px; left:52%;  z-index:9999; display:none;}
	@media (max-width: 767px) {
		#ajax_loader {left:45%;  }
	}
/*
************************************
************* WORLD MAP ************
************************************
*/
#world_map_wrapper {margin-top:10px; -ms-transform: scale(0.5,0.5); -webkit-transform: scale(0.5,0.5);  transform: scale(0.5,0.5); z-index:4; position:relative; }
	@media (max-width: 767px) {
		#world_map_wrapper {-ms-transform: none; -webkit-transform: none;  transform: none;}
		#world_map_wrapper select{font-size: 20px;} /*prevent zoom*/
	}

#world_map {width:100%; height:650px;  cursor:pointer; z-index:4; position:relative;}
@media (max-width: 1149px) {
	#world_map {height:400px;}
}
@media (max-height: 770px) {
	#world_map {height:400px;}
}

@media (min-width: 2000px) {
	#world_map {height:900px;}
}


.map_header {max-width: 700px; clear:both; margin:auto; position:relative; margin-bottom:30px; text-shadow:2px 1px 2px #000;}
	.map_header h1 {color:#fff; text-align: center;}
.jvectormap-label {
	z-index:5; 
	/*box-shadow: 1px 1px 6px #666;*/
    position: absolute;
    display: none;
    background: #fff;
    color: #191919;
    padding:5px ; 
}
@media (max-width: 767px) {
	#world_map {display:none;}
}

#goto_country {max-width:300px; position:relative; margin:auto;}
p.map_instructions {color:#fff; text-align: center;}
@media (max-width: 767px) {
	p.map_instructions {display:none;}
}
/*
************************************
********** PAGES SIMPLES ***********
************************************
*/
#page_wrapper {margin-left:15px; margin-top:50px; margin-bottom:30px; background:url(images/bgblack60.png) repeat; padding:30px; color:#fff; max-width:800px;}
	@media (max-width: 767px) {
		#page_wrapper {margin-left:0px; margin-top:0px; margin-bottom:20px; background:url(images/bgblack60.png) repeat; padding:20px; color:#fff; max-width:none}
	}
	@media (min-width: 2000px) {
		#page_wrapper {margin-left:215px;  max-width:1050px;}
	}
#page_wrapper img {margin:0 8px 8px 0;}
#page_wrapper h2, #page_wrapper h3 {text-shadow:none;}
.page_bloc {}
	.page_bloc_row {border-bottom: 1px solid #ccc; padding-bottom:20px;}
	.page_bloc_bloc { padding-right:20px;}
	.page_bloc_bloc h2 {margin:0;}
	.page_bloc_bloc a {margin:0;}
	.page_bloc_bloc img {padding-top:25px; display:block;}
	.page_bloc img {}
	.bloc_image_wrapper {padding-right:15px;}
/*
************************************
************ FORMULAIRE ************
************************************
*/
#form_wrapper {margin-top:80px; padding-bottom:100px; -ms-transform: scale(0.5,0.5); -webkit-transform: scale(0.5,0.5);  transform: scale(0.5,0.5);}
	@media (max-width: 767px) {
		#form_wrapper {-ms-transform: none; -webkit-transform: none;  transform: none; margin-top:0;}
	}
	.form_sections_wrapper {/*width:95%; background:url(images/bgblack30.png) repeat;*/ overflow:hidden; padding:2%; }
	.form_section_final {padding-left:10px; padding-top:0; margin-top:0;}
	.form_block {background:#fff; padding:20px; margin-bottom:10px;}
	.form_section_preview {padding-right:20px; }

	/*Ipad vertical, s'embarquait l'un sur l'autre*/
	@media (min-width: 767px) and (max-width: 1000px) {
		.col-sm-3.form_section_preview {clear:both; padding:0; width:50%; }
		.col-sm-3.form_section_final {clear:both;  padding:0; left:10px; width:90%;}
		.col-sm-6.form_section_middle {clear:both;  padding:0;  left:10px; width:90%;}
	}

	label {font-family: 'Droid Sans', sans-serif; font-weight: bold; font-size:15px; }
	input.form-control, textarea.form-control {color:#191919; font-size:14px; border:1px solid #f2f2f2; margin-bottom:5px; box-shadow: none;}
	input.form_inline {width:49%; float:left; position:relative;}
		.form_lname {margin-left:2%;}
	.form_checkboxes {padding:10px; background:#fff; margin-top:0px;}
		.form_checkboxes label {text-shadow:none; font-size:12px; font-weight: normal; line-height: 13px; cursor:pointer;}
		.form_checkboxes input[type="checkbox"] {
		    display:none;
		}
		.form_checkboxes input[type="checkbox"] + label span {
		    display:inline-block;
		    width:19px;
		    height:19px;
		    margin:-1px 4px 0 0;
		    vertical-align:middle;
		    background:url(images/check_radio_sheet.png) left top no-repeat;
		    cursor:pointer;
		}
		.form_checkboxes input[type="checkbox"]:checked + label span {
		    background:url(images/check_radio_sheet.png) -19px top no-repeat;
		}
	textarea.message_textarea {height:100px;}
	input.form-control, textarea.form-control, select.form-control {border-radius: 0; border:1px solid #ccc; box-shadow: none;}

	#form_submit {background-color:#D1E751; color:#191919; font-weight: bold; font-size:15px; border:1px solid #bed14d; padding:12px 0px; margin-top:10px; width:100%;}
	
	.msg.msg_preview {box-shadow:none; margin:0px 20px 10px 10px; width:100%;  /*Important sinon PLUPload ne marche plus sur iPhone: */ float:none; position:static;}
	.msg.msg_preview img {width:100%;}
	.msg_preview .msg_text {min-height:80px;}
		

	.msg_chars_left {color:#aaa; font-style:italic; font-size:11px; float:right; position:relative; bottom:30px; right:30px;}

	#error_container {display:none; font-weight: 300; background:#D1E751; margin:10px 0 0 0; padding:10px;  line-height: 14px;}
		#error_container  li {padding:0; margin:0; list-style-type: none; list-style: none; line-height: 14px;}
		#error_container label {font-weight: 300; font-size:12px; color:#f00; line-height: 13px;}
	#helpwithtranslation_link {font-size:11px; float:right; text-align: right; position:relative; }


	#pickfiles {padding:10px; display:block; background:#D0DF56; text-align: center; padding:10px 10px; color:#191919; font-weight:bold; font-size:16px; margin-bottom:10px; text-decoration: none; }
		#pickfiles:hover {background:#b6c34e; text-decoration: none;}
	#uploadfiles {display:none;}
	.addedFile {display:none;}

	.msg.msg_preview .msg_image img {max-width:none;}
	@media (max-width: 767px) {
		label {color:#fff; margin-top:20px;}
		.form_checkboxes label {color:#191919;}
		#pickfiles {clear:both;}
		select.form-control {font-size:20px;}
		.form_block {margin:0; padding:0;}
		input.form_inline {width:100%;clear:both;}
		.form_lname {margin-left:0;}
		.msg.msg_preview {padding-right:0; margin:0;}
		.msg_preview .msg_text {display:none;}
		.msg_preview .msg {padding:0; margin:0; width:100%;}
		.form_section_final {padding:0; margin:0; }
		.form_section_preview {padding:0; margin:0;}
	}

	a.upload_delete_image {color:#fff; text-decoration: none; font-size:11px; float: right;}
		a.upload_delete_image:hover {text-decoration: underline;}
	/* Progress Bar */
	.upload-form .ui-progressbar,
	.upload-form .ui-progressbar-value {
	    position: relative;
	    height: 14px;

	 
	    -webkit-border-radius: 1px;
	    -moz-border-radius: 1px;
	    border-radius: 1px;
	}

	@media (max-width: 767px) {
		.upload-form {clear:both;}
		.form_block {background:none;}
	}

	.upload-form .ui-progressbar {
	    cursor: pointer;
	    margin: 15px 0 20px 0;
	    background: #242424;
	 	/*
	    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255, .1);
	    -moz-box-shadow: 0px 1px 0px rgba(255,255,255, .1);
	    box-shadow: 0px 1px 0px rgba(255,255,255, .1);
	    */
	}
	 
	.upload-form .ui-progressbar-value {
	    background: #82d344;
	    background: -webkit-linear-gradient(top, #82d344 0%, #51af34 100%);
	    background: -moz-linear-gradient(top, #82d344 0%, #51af34 100%);
	    background: -o-linear-gradient(top, #82d344 0%, #51af34 100%);
	    background: -ms-linear-gradient(top, #82d344 0%, #51af34 100%);
	    background: linear-gradient(top, #82d344 0%, #51af34 100%);
	}
	 
	.upload-form .ui-progressbar-value span.progressTooltip {
	    position: absolute;
	    display: block;
	    width: 36px;
	    height: 14px;
	    padding: 5px 0 4px 0;
	    top: 10px;
	    right: -18px;
	 
	    font-family: sans-serif;
	    font-weight: bold;
	    line-height: 14px;
	    text-align: center;
	    font-size: 12px;
	    color: #646464;

	}

/*No script message list - Pour le référencement Google des trucs ajax*/
#no_script_message_list {width:500px; position:relative; margin:auto;}