/*
placement des illustrations
------------------------------------------------------------------------------*/
.middled{
  display : inline-block;
  margin-left : auto;
  margin-right : auto;
  vertical-align : middle;
}
.centered{
  display : block;
  margin-left : auto;
  margin-right : auto;
}
.bottom-space{
  margin-bottom : 20px;
}
.right-space{
  margin-right : 20px;
}
.bottom-space-half{
  margin-bottom : 10px;
}
/* alignement à base de inline-block
------------------------------------------------------------------------------*/
.cadre{
  display : inline-block;
  vertical-align : middle;
}

/*
design du formulaire de contact et de celui de la newsletter
------------------------------------------------------------------------------*/

/*CONTACT*/
form#messager{
  padding : 0 160px 0;
}

form#messager fieldset {
  border : 1px solid #1098D7;
  display : block;
  padding : 0px 0 0 10px;
}

form#messager legend {
  padding : 0 2px 5px 2px;
}

.couple{
  width : 300px;
  margin-bottom : 10px;
}
.a-2{
  display : inline-block;
  vertical-align : top;
}
.seul{
  display : block;
}

.couple label, .message label{
  display : inline-block;
  vertical-align : top;
  padding : 2px;
  width : 90px;
  text-align : right;
  cursor:pointer;
}
.couple>div, .message>div{
  display : inline-block;
}

.message textarea {
  width : 415px;
}

.connu {
  padding-right : 90px;
  text-align : right;
}

.connu label{
  cursor : pointer;
}

.pied-form{
  clear : both;
  text-align : right;
}
form#messager input[type=text]{
  border : none;
  padding : 2px 0 0 0;
  width : 140px;
  height : 18px;
  background : url(../images/formulaires/input-bg.png) no-repeat right top;
  text-align : center;
  color : #424242;
  font-weight : bold;
}

form#messager input[type=text]:focus{
  background : url(../images/formulaires/input-bg.png) no-repeat right bottom;
}

textarea#message_client_message{
  border : none;
  margin : 0;
  padding : 0;
  width : 420px;
  height : 80px;
  color : #424242;
  background : url(../images/formulaires/message-bg.png) no-repeat;
}

textarea#message_client_message:focus{
  background : url(../images/formulaires/message-bg.png) no-repeat 0 -80px;
}

form#messager input[type=submit]{
  display : inline-block;
  border : none;
  margin : 10px 0 10px 0;
  padding-bottom : 5px;
  width : 140px ;
  height : 60px ;
  cursor:pointer;
  color : #fff;
  font-size : 25px;
  font-weight : bolder;
  background : url(../images/formulaires/envoyer-bg.png) no-repeat 0 -60px;
}

select:focus {
  background-color : #dedede;
}

.error_list{
  margin : 0;
  padding : 0;
  color : red;
  list-style-type : none;
  font-size : 10px;
  text-align : right;
}
.couple .error_list{
  width : 140px;
  
}
.error_list li {
  margin : 0;
  padding : 0;
}

.help{
  text-align : right;
  font-size : 10px;
  color : #3E991E;
}
span.help{
  width : 140px;
}
div.help{
  /*margin-bottom : 10px;*/
}

/*NEWSLETTER*/
form#letter{
}

#letter fieldset{
  display : block;
  margin : auto;
  width : 300px;
  padding : 10px 5px 5px 5px;
  border : 1px solid #1098D7;
  text-align : right;

}

#letter fieldset div{
  margin : 5px 0;
}
#letter fieldset div label{
}
/*
pages d'erreur
------------------------------------------------------------------------------*/
.error h1 img {
  display : inline-block;
  vertical-align : middle;
}
.error strong{
  color : #f00 !important;
}
/*
divers
------------------------------------------------------------------------------*/
.outlined {
  outline : 1px solid #1098D7;
  padding : 5px 0 5px 0;
  margin-bottom : 5px;
}

acronym{
  border-bottom : 1px dotted;
}

/*
TOP DES VENTES
------------------------------------------------------------------------------*/

#top-ventes table{
  width : 780px;
  margin-bottom : 5px;
}
#top-ventes .gris{
  background : #dedede ;
}
#top-ventes th{
  height : 20px;
  vertical-align : middle;
  background : #59b337;
  color : #fff;
}
#top-ventes td{
  height : 20px;
  text-align : center;
  vertical-align : middle;
}
#top-ventes .date-donnees{
  text-align : right;
  font-size : 10px;
  color : #3e991e;
}

.liMap:hover{
	cursor: pointer;
	border: 1px solid black;
	background-color: #ECECD2;
}