html { }
body, html { font-family: 'Lato', Helvetica, Arial, sans-serif; margin: 0 auto; height:100%; color:#645B52; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -105px; }
div.background {	position:absolute; left:0px; top:0px; z-index:-1; overflow:hidden; min-width:1020px; }
div.background img { position: absolute; list-style: none; right: 0px; bottom: 0px; width: 100%; }
.push { height: 150px; }
h1 { color: #008000; font-size: 1.4em; }
a { color: #008000; }
form { display: inline-block; }
#envoyer-element{ float:right; }
#envoyer-element input[type=submit]{ margin-top: 20px; font-size: 20px; text-transform: uppercase; float: right; color:#FFF; background: url(../img/bg-btn-brown.png); width: 380px; height: 30px; cursor: pointer; border:0; }	
#envoyer-element input[type=submit]:hover{ background: url(../img/bg-btn-brown-hover.png); }
#header { height: 100px; margin: 0 auto 30px; padding: 14px 0 0; width: 1010px; position: relative;}
#logo {left: 0px; position: absolute; top: 26px; }
#logo a {background: url("../img/logo-fondmarron.png") no-repeat scroll center center transparent; display: block; height: 54px; text-indent: -5000px; width: 184px; }
#logged-in-as { color: white; float: right; }
#logged-in-as a { color: #FCCE77; }
#navigation-bar { margin: 0 auto; width: 875px; height: 25px; padding: 25px 28px; background: url("../img/fond-menu.png") no-repeat scroll right center transparent; }
.parent { cursor: default; }
.navigation { float: left; font-family: Arial; font-size: 12px; font-weight: bold; }
.navigation,
.navigation ul { line-height: 25px; list-style: none outside none; margin: 0; padding: 0; text-align: center; width: 45%; }
.navigation li { border-right: 1px solid #645b52; color: #FFFFFF; float: left; }
.navigation a { color: #645b52; display: block; padding: 0 10px; text-decoration: none; }
.navigation li ul li a { background: none repeat scroll 0 0 #A7C7DC; color: #FFFFFF; display: block; padding: 0; text-decoration: none; }
html > body .navigation li { }
.navigation li ul { background: none repeat scroll 0 0 #A7C7DC; left: -999em; position: absolute; text-align: left; width: 170px; }
html > body .navigation li ul li { border-right: 0 none; min-width: 170px; }
.navigation li ul ul { border-left: 1px solid #FFFFFF; margin: -22px 0 0 144px; }
html > body .navigation li ul ul { border-left: 1px solid transparent; }
.navigation a:hover { }
.navigation li:hover ul ul,
.navigation li.sfhover ul ul { left: -999em; }
.navigation li:hover ul,
.navigation li li:hover ul,
.navigation li.sfhover ul,
.navigation li li.sfhover ul { left: auto; min-height: 0; }
.short-access { float: right; font-family: Arial; font-size: 12px; line-height: 25px; list-style: none outside none; margin: 0; padding: 0; }
.short-access li:last-child { border:0 none; }
.short-access li {font-size: 13px; padding-right: 20px; background: url(../img/arrow-down.png) center right no-repeat; color: #645b52; display: block; cursor:pointer; float:left;}
.short-access li.menu-connect { font-weight:bold; }
.short-access li:hover {font-weight:bold;}
.short-access .connecte { padding-right: 20px; margin-right: 85px; background: url(../img/arrow-down.png) center right no-repeat; color: #645b52; display: block; cursor:pointer;}
.short-access img { position: absolute; border-radius: 5px; border: 6px solid #D8EE9F; top: 1px; right: 5px; }
position: absolute;
.short-access li:hover { font-weight: bold;}
.short-access li.register { background: 0; border-left: 1px solid #645b52; margin-left: 10px; padding-left:10px; padding-right: 0px}
.short-access li a{ color: #645b52; text-decoration:none; }
.error { color: red; margin: 0 auto; width: 300px; }
#content { margin: 0 auto; width: 980px; padding: 0 0px; }
#loginadmin { margin: 250px auto 100px; width: 300px; }
form dt, .form-element dt { clear: left; display: block; float: left; width: 200px;  }
form dd, .form-element dd { float: left; margin-left: 0; }
form #submitbutton { margin-left: 100px; }
.authform dt { width: 80px; }
.authform #login-element { float: right; }
button.button { background-color: #258Dc8; border: 1px solid #333333; border-radius: 4px 4px 4px 4px; color: white; cursor: pointer; height: 45px; width: 160px; }
td button.button { background-color: #258Dc8; border: 1px solid #333333; border-radius: 4px 4px 4px 4px; color: white; cursor: pointer; height: 20px; margin-left: 0; width: 100px; }
.menu {
    position: relative;
    border-radius: 0px 0px 10px 10px;
    width: 150px;
    margin-top: 9px;
    background: url(../img/bg-btn-brown.png);
}
.menu a {
    padding-left: 5px;
    display: block;
    width: 145px;
    border-bottom: 1px solid;
    color: white;
    text-decoration: none;
}

.menu a:last-child{
	border-bottom:0;
}

.menu form {
    margin-left: 5px;
}
.menu form input[type="text"], .menu form input[type="password"] {
    font-size: 14px;
    float: left;
    width: 200px;
    height: 20px;
    padding: 1px;
    border: 2px inset #fff;
    color: #645B52;
}
.menu.connecter {
    right: 62px;
    position: absolute;
    margin-right: 40px;
    padding: 5px;
    height: 80px;
    width: 250px;
}

.menu.connecter a{
	line-height: 15px;
	font-size:13px;
	margin-left: 10px;
}

 .menu form button[type="submit"] {
	border: 1px solid #FFF;
	color: #FFF;
	background: #645b52;
	top: 5px;
	right: 5px;
	position: absolute;
	height: 52px;
	width: 34px;
 text-align:center;
 cursor:pointer;
 padding: 1px 6px;
}

.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.dropdown-menu.bottom-up {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 5px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}
.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

/* Content */

h2{
	font-size: 40px;
	font-weight:900;
	color: #97bf0d;
	margin:0px;
}

h3{
	font-size:25px;
	color: #645B52;
	font-weight:900;
	margin:0px;
}

/* Formulaire Accueil */
.formaccueil{
	width: 980px;
}

.formaccueil div {
    float: left;
}

.formaccueil input{
	border: 0;
	color: #82776D;
}
.formaccueil input:focus{-moz-box-shadow: 0px 0px 3px 1px #97BF0D;
-webkit-box-shadow: 0px 0px 3px 1px #97BF0D;
-o-box-shadow: 0px 0px 3px 1px #97BF0D;
box-shadow: 0px 0px 3px 1px #97BF0D;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#97BF0D, Direction=NaN, Strength=3);
}
/*-webkit-focus-ring-color auto 5px;*/

.formaccueil dd {
	width:150px;
}

.formaccueil dd p{
	display:inline;
}

.formaccueil > form > div > .form-element {
	width: 460px;   
}

.formaccueil > form > div > .form-element dd {
	height: 100%;
	width: 85px;   
}

.formaccueil > form > div >.form-element input{
	width: 85px;
}

.formaccueil input[type="submit"]{
    background: url(../img/btn-prixtransp.png) !important;
	width: 350px !important;
}

.formaccueil input[type="submit"]:hover{
    background: url(../img/btn-prixtransp-hover.png) !important;
}

.form-left {
	width:480px;
	margin-right: 40px;
}

.form-right {
	position:relative;
	min-height:175px;
	width:460px;
}

.form-left label {
    display: block;
    width: 250px;
}

.form-right label {
    display: block;
    width: 240px;
}

.form-element {
    border: 1px solid #cfcfcf;
    margin: 10px 0;
    width: 430px;
    height: auto;
    background: white;
	position:relative;
}

.form-element dd{
	line-height: 25px;
}

.form-element dt{
  padding-left: 5px;
	margin-right: 5px;
	line-height: 28px;
	font-size: 17px;
	color: #645B52;
	width: auto;
}

.errors{	
	top: 25px;
	left: 0px;
	margin: 0;
	padding-left: 25px;
	display: inline-block;
	position: absolute;
}

.villedepart{
	background: url(../img/icon-depart.png) center left no-repeat;
	padding-left: 50px;
}

.departok {
    width: 144px;
    padding-left: 5px;
    background: #97bf0d;
    color: white !important;
}

.villedestination{
	background: url(../img/icon-arrivee.png) center left no-repeat;
	padding-left: 50px;
}

.villedepart span, .villedestination span{
	width:150px;
	font-size:13px;
}

.date{
	background: url(../img/datepicker-green.png) center left no-repeat;
	padding-left: 50px;
}

.date input {
	background: url(../img/datepicker-grey.png) right center no-repeat;
}

.mesure {
    position: absolute;
    border-left: 1px solid #cfcfcf;
    line-height: 28px;
    color: #655b52;
    text-align: center;
    width: 120px;
}


.validcommande{
	float: right;
	font-size: 0;
	background: url(../img/btn-validcommande.png);
	width: 266px;
	height: 30px;
	cursor: pointer;
	border:0;
}	

.validcommande:hover{
	background: url(../img/btn-validcommande-hover.png);
}


.ensavoirplus{
  float: right;
  font-size: 0;
  background: url(../img/btn-en-savoir-plus.png);
  width: 179px;
  height: 31px;
  cursor: pointer;
  border:0;
}

.ensavoirplus:hover{
  background: url(../img/btn-en-savoir-plus-hover.png);
}


/* MON COMPTE */

.user-img {
    float: right;
    display: block;
    position: relative;
}

.user-img span {
    display: none;
}
.user-img:hover span {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 0 0 6px 0;
    color: #9DA0A4;
    display: block;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    padding: 3px 7px;
    position: absolute;
    top: 0;
}

.compte legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.compte div{
}

.compte .left{
	font-size: 15px;
	line-height: 25px;
	margin-right:5%;
	float:left;
	width:45%;
}

.compte  .password {
	margin: 0 10px;
	float:right;
	width: 35px;
	height: 35px;
	background: url(../img/lock_green35.png) no-repeat;
	display: block;
	text-indent:-5000px;
}

.compte .password:hover {
	background: url(../img/lock_green35open.png) no-repeat;
}

/* Mon compte - PHOTO */

#content-photo {
	border-radius: 20px;
	padding: 20px 20px 20px 20px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0.35) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(1%,rgba(255,255,255,1)), color-stop(51%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.35))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 51%,rgba(255,255,255,0.35) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 51%,rgba(255,255,255,0.35) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 51%,rgba(255,255,255,0.35) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 51%,rgba(255,255,255,0.35) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#59ffffff',GradientType=0 ); /* IE6-9 */
}

#content-photo .span2 img{
	border-radius: 5px;
	border: 3px solid white;
	box-shadow: 3px 3px 10px #555;	
}

#content-photo .span2{
	float:left;
	width:250px;
	text-align:center;
}

#content-photo form#user fieldset{
	border:0;
}

#content-photo form#user fieldset legend{
	color: #97BF0D;
	font-size: 30px;
}

#content-photo form#user fieldset .control-group{
	margin:20px 0;
}

#content-photo form#user fieldset .control-group label{
	width: 100px;
	float: left;  
}

#content-photo form#user fieldset #photo {
	background:url(../img/import_photo.png) no-repeat;
	text-indent:-5000px;
	height:64px;
	cursor:pointer;
}

#content-photo form#user fieldset .btn {
  float: left;
  border: 0;
  font-size: 20px;
  text-transform: uppercase;
  color: white;
  background: url(../img/bg-btn-brown.png) repeat;
  text-align: center;
  text-decoration: none;
  height: 30px;
  width: 120px;
  display: block;
}

#content-photo form#user fieldset #cancel {
  float: right;
}

#content-photo form#user fieldset .btn:hover {
  background: url(../img/bg-btn-brown-hover.png) repeat;
}


	
	

/* S'inscrire */

.formregister fieldset {
	border:0;
	width:45%;
	float:left;
}

.formregister fieldset legend {
	color:#645b52;
	border-bottom:1px solid #97BF0D;
	font-size:25px;
	width:95%;
}

.formregister label{
	width: 175px;
	margin-right: 20px;
	float: left;
 font-size:14px;
}
.formregister .controls{
	position:relative;
	width:410px;
}
.formregister input {border: 1px solid #645B52;width: 200px;
height: 20px;font-size: 14px;padding: 2px;color: #645B52;}

.formregister .control-group{
	margin: 15px 0;
}

.formregister .help-inline{
	float:right;
}

.formregister .error input {
	border : 1px solid red;
}

.formregister form#user fieldset .btn {
  cursor:pointer;
  float: left;
  border: 0;
  font-size: 20px;
  text-transform: uppercase;
  color: white;
  background: url(../img/bg-btn-brown.png) repeat;
  text-align: center;
  text-decoration: none;
  height: 30px;
  width: 120px;
  display: block;
}

.formregister form#user fieldset #cancel {
  float: right;
}

.formregister form#user fieldset .btn:hover {
  background: url(../img/bg-btn-brown-hover.png) repeat;
}

/* Résumé de la demande */

#demande {
	border-radius: 20px;
	padding: 1px 20px 20px 20px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0.75) 51%, rgba(255,255,255,0.35) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(1%,rgba(255,255,255,1)), color-stop(51%,rgba(255,255,255,0.75)), color-stop(100%,rgba(255,255,255,0.35))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 51%,rgba(255,255,255,0.35) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 51%,rgba(255,255,255,0.35) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 51%,rgba(255,255,255,0.35) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.75) 51%,rgba(255,255,255,0.35) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#59ffffff',GradientType=0 ); /* IE6-9 */
}


#demande #map{width:335px;height:350px;margin:auto;}

#map .gmnoprint {
    display: none;
}
#demande h2{
}

#comm {
    padding: 5px 10px;
    font-family: Lato;
    font-size: 16px;
    color: #645b52;
}

.resume {
    line-height: 25px;
    width: 556px;
	float:left;
}

.intitule {
    font-weight: bold;
    color: #645b52;
    font-size: 17px;
}

.intitule.prix {
    font-size: 25px;
}

.prix_result {
    color: #97bf0d;
    font-size: 30px;
}

.btn-retour {
    font-size: 20px;
    text-align: center;
    float: left;
    text-decoration: none;
    color: white;
    display: block;
    background: url(../img/btn-retour.png) repeat;
    width: 90px;
    height: 30px;
	text-indent:-9200px;
}

.btn-retour:hover {
    background: url(../img/btn-retour-hover.png) repeat;
}


.btn-success {
  margin-left: 25px;
  border: 0;
  float: right;
  font-size: 20px;
  text-transform: uppercase;
  color: white;
  background: url(../img/bg-btn-brown.png) repeat;
  text-align: center;
  text-decoration: none;
  height: 30px;
  width: 310px;
  display: block;
}

.btn-success:hover{
  background: url(../img/bg-btn-brown-hover.png) repeat;
}


.confirm.btn-success {
  float:right;
  text-decoration: none;
  border-radius: 5px;
  padding: 5px;
  height: 30px;
  width: 120px;
  display: block;
  color: #FFF;
}

.popup_block{
	height:500px;
	display: none; /*--masqué par défaut--*/
	border: 20px solid rgba(100, 91, 82, 0.26);
	float: left;
	font-size: 1em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.popup_block h2{
	display: inline-block;
	line-height:30px;
	font-size:30px;
}

.popup_block p{
	display: inline-block;
	font-size: 20px;
	color: #645B52;
}

.popup_block .close {
	background: url("../img/close.png") no-repeat;
	display:block;
	height: 21px;
	width: 21px;
	float: right;
}

#contenu-popup{
	padding: 45px;
	height: 410px;
	width: 410px;
	background: #fff;
}

#contenu-popup form{
	width: 410px;
}

#contenu-popup #numTel{
	border: 1px solid #cfcfcf;
	padding-left: 100px;
	background: url(../img/icon-telephone.png) 5% center no-repeat;
	color: #97BF0D;
	font-size: 30px;
	width: 306px;
	height: 70px;
}

#contenu-popup #boutonenvoyer {
    font-size: 20px;
    margin-top: 20px;
    height: 88px;
    width: 273px;
}

#contenu-popup input.appel {
    background: url(../img/btn-appel.png);
    background-repeat: none;
}

#contenu-popup input.appel:hover {
    background: url(../img/btn-appel-hover.png);
    background-repeat: none;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

/* ----- FOOTER ------ */
#footer-container{
	width: 100%;
	padding: 0 0px;
	bottom: 0px;
	margin: 50px auto 0 auto;
}

#footer{
	margin: 0 auto;
	font-size:13px;
	color: #99938e;
	width:980px;
	height: 105px;
}

#btn-appel{
	position: relative;
	display: inline-block;
	height:90px;
	width: 273px;
	background: url(../img/btn_contact.png) no-repeat;
	margin-right: -3px;
}

#btn-appel:hover{
	background: url(../img/btn_contact_hover.png) no-repeat;
}

#footer p{
	margin-left: 145px;
	display:inline-block;
}

.allo{
	top: -20px;
	right: -50px;
	position: absolute;
	display:block;
	width:58px;
	height:49px;
	background:url(../img/allo-bulle.png) no-repeat;
}

.appelez-moi {
    position: relative;
    float: left;
	z-index:1;
}
.appelez-moi img {
    height: 90px;
}

#footer-content {
	height:90px;
	position:relative;
}

#footer-content p{
	color: #99938e;
	line-height:0px;
	bottom:0px;
	position:absolute;
}
#footer-content a{
 color: #99938e;
 text-decoration:none;
}
#footer-content a:hover{
 font-weight:bold;
}
.alert {
    font-weight: bold;
    border-radius: 5px;
    padding: 5px;
    background: white;
}

.alert-success {
	color: #97bf0d;
}

.alert-error {
	color:red;
}

input, button, select, textarea {
  outline: none;
}

.ui-menu-item {
  cursor: pointer;
}