/* CSS Document */
.gray-bg {
  background-color: #FFFFFF;
}

.white-bg {
  background-color: #FFFFFF;
}

#rolling{
	display: none;
	border : 1px solid #BEBEBE;
	width:300px;
	height : 120px;
	padding-top : 10px;
	margin-top : 180px;
}
.normal{
	font-family : verdana;
	font-size : 12px;
	font-weight : bold;
}

p{
	background : #FFD9D9;
	border-bottom : 4px solid red;
	padding-top : 15px;
	margin : 0px;
	display : none;
	width : auto;
	height : 35px;
	text-align : center;
	vertical-align : center;
}
#msg{
	color : #0000FF;
	font-weight : bold;
	font-size:12px;
}

#error{
	color : #FF1111;
	font-weight : bold;
	font-size:12px;
}

.display_red{
	background : #CBF8AF;
	border-bottom : 4px solid #109601;
}

.display_green{
	background : #FFD9D9;
	border-bottom : 4px solid #FC2607;
}

#infobulles{
	position:absolute;
	width: 300px;
	height:55px;
	text-align: center;
	padding-top:6px;
	z-index: 5000;
	margin-left:397px;
	margin-top:-75px;
	background-color:#DD3737;
	border-right:0px solid #F0C36D;
    border-left:0px solid #F0C36D;
	border-top:0px solid #F0C36D;
    border-bottom:0px solid #F0C36D;
	box-shadow:0px 0px 0px grey;	
}

.menuEnMetro{
	widht:166px;
	heigh:183px ;
	background: #2B323F;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius:5px; 
	box-shadow:2px 0px 6px grey;
}

.barreMenuhaut{ 
	width: 100%;
	height:50px;
	background:#000000;
}

.barreMenubas{ 
	width: 100%;
	height:40px;
	background:#1C9AD2;
	box-shadow:0px 0px 0px grey;
}
.menuFoot{
   widows:100%;
   height: 40px;
   padding-bottom: 4px;	
   border-top: 1px solid #CCCCCC;	
}

.menuInclusion{
   widows:100%;
   border-top: 0px solid #CCCCCC;	
}

.menuLogo{
	padding-top:2.5px;
	margin-left:5px;
}
.menuTitre{
	widht:100%;
	height:30px;
	border-bottom: 1px solid #CAE0E8;
}

.menuZoneRecherche{
	widht:100%;
	height:40px;
	background-color:#F5F5F5;
	border-bottom:1px solid #CAE0E8;
	border-right:0px solid #CAE0E8;
	border-left:0px solid #CAE0E8;
	border-radius: 0px ;
}

.menuZoneRechercheFacture{
	widht:100%;
	height:40px;
	background-color:#F5F5F5;
	border-bottom:1px solid #CAE0E8;
	border-right:0px solid #CAE0E8;
	border-left:0px solid #CAE0E8;
	border-radius: 0px ;
}


.menuEspacement{
	widht:100%;
	height:50px; 
}

.menuAjoutClient{
  widht:30px;
  height:30px;
  background-image: url(../images/puces/add_user.png);
  background-repeat:no-repeat; 
  float:left;
}

.menuListeClient{
  widht:35px;
  height:35px;
  padding-top:2px;
  background-image: url(../images/puces/Maps-Pin-Place-icon.png);
  background-repeat:no-repeat; 
  float:left;
}

.menuEtatStock{
  widht:35px;
  height:35px;
  padding-top:2px;
  background-image: url(../images/puces/inventory_30.png);
  background-repeat:no-repeat; 
  float:left;
}

.menuNouveau{
  widht:35px;
  height:35px;
  padding-top:2px;
  background-image: url(../images/puces/add_28.png);
  background-repeat:no-repeat; 
  float:left;
}


.menuAjoutFournisseur{
  widht:33px;
  height:27px;
  background-image: url(../images/puces/provider.png);
  background-repeat:no-repeat; 
  float:left;
}

.menuListeFournisseur{
  widht:33px;
  height:27px;
  padding-top:0px;
  background-image: url(../images/puces/provider.png);
  background-repeat:no-repeat; 
  float:left;
}

.menuListeReglement{
  widht:30px;
  height:30px;
  padding-top:0px;
  background-image: url(../images/puces/paying_30.png);
  background-repeat:no-repeat; 
  float:left;
}

.centre {
    position:absolute;
    left: 50%;
    top: 20%;
    width: 518px;
    height: 403px;
    margin-left: -259px; /* Cette valeur doit être la moitié négative de la valeur du width */
    margin-top: -201,5px; /* Cette valeur doit être la moitié négative de la valeur du height */
	background: #fff;	
    box-shadow: 0px 0px 0px #888888;
	border:2px solid #E5E6E7;
}


input:focus, textarea:focus {
   background-color:#FFFEEC;
   border-color:#9673FF;
   outline: none;
   box-shadow:none !important;
 }
input[type=submit]:focus, input[type=reset]:focus {
   background-color:#FFF3F3;
}
/* Error Handling */
[data-abide] .erreur small.erreur, [data-abide] .erreur span.erreur, [data-abide] span.erreur, [data-abide] small.erreur {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; 
}
[data-abide] span.erreur, [data-abide] small.erreur {
  display: none; 
}

span.erreur, small.erreur {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; 
}

.erreur input,
.erreur textarea,
.erreur select {
  margin-bottom: 0; }
.erreur input[type="checkbox"],
.erreur input[type="radio"] {
  margin-bottom: 1rem; 
}
.erreur label,
.erreur label.erreur {
  color: #f04124; 
}
.erreur small.erreur {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; 
}

.erreur > label > small {
  background: transparent;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize; }
.erreur span.erreur-message {
  display: block; 
}

input.erreur,
textarea.erreur,
select.erreur {
  margin-bottom: 0; 
}

label.erreur {
  color: #f04124; 
}

.menuBouton{
 float:left;	
}

.bouton16 {
	width: 1em;
	border:none;
	padding:6px 0 6px 0;
	border-radius:75%;
	border-bottom:7px solid #3465FE;
	font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
	background:#fff;
	box-shadow:2px 2px 3px #999;
	border-top:2px solid #00E205;
}
.bouton16:before{
float: left;
width: 1em;
text-align: center;
font-size: 1.7em;
margin: 0 0.5em 0 -1em;
padding: 0 .2em;
pointer-events: none;
}
/*Formulaires*/
.add:before    { content: "\271A"; }
.edit:before   { content: "\270E"; }
.delete:before { content: "\2718";}
.save:before   { content: "\2714";}
.email:before  { content: "\2709";}
.cross:before  { content: "\2716";}

/*Monnaie*/
.dollar:before { content:"\0024"; }
.euro:before   { content:"\20AC"; }
.pound:before  { content: "\00A3"; }
.cent:before   { content: "\20B5"; }

/*Temperature*/
.celsius:before    { content: "\2103"; }
.fahrenheit:before { content: "\2109"; }

/*Math*/
.pi:before            { content: "\213C"; }
.one_thrid:before     { content: "\2153"; }
.two_thrid:before     { content: "\2154"; }
.one_fifth:before     { content: "\2155"; }
.two_fifth:before     { content: "\2156"; }
.three_fifth:before   { content: "\2157"; }
.four_fifth:before    { content: "\2158"; }
.one_sixth:before     { content: "\2159"; }
.five_sixth:before    { content: "\215A"; }
.one_eighth:before    { content: "\215B"; }
.three_eighth:before  { content: "\215C"; }
.five_eighth:before   { content: "\215D"; }
.seven_eighth:before  { content: "\215E"; }
.quarter:before       { content: "\00BC"; }
.half:before          { content: "\00BD"; }
.three_quarter:before { content: "\00BE"; }

/*Fleches*/
.next:before             { content: "\279C"; }
.left_arrow:before       { content: "\2190"; }
.up_arrow:before         { content: "\2191"; }
.right_arrow:before      { content: "\2192"; }
.down_arrow:before       { content: "\2193"; }
.up_left_arrow:before    { content: "\2196"; }
.up_right_arrow:before   { content: "\2197"; }
.down_left_arrow:before  { content: "\2199"; }
.down_right_arrow:before { content: "\2198"; }

/*Symboles*/
.like:before               { content: "\2764"; }
.star:before               { content: "\2605"; }
.spark:before              { content: "\2737"; }
.play:before               { content: "\25B6"; }
.watch:before              { content: "\231A"; }
.blacksun:before           { content: "\2600"; }
.cloud:before              { content: "\2601"; }
.umbrella:before           { content: "\2602"; }
.snowman:before            { content: "\2603"; }
.blackstar:before          { content: "\2605"; }
.whitestar:before          { content: "\2606"; }
.blackphone:before         { content: "\260E"; }
.whitephone:before         { content: "\260F"; }
.saltire:before            { content: "\2613"; }
.hot_drink:before          { content: "\2615"; }
.skull:before              { content: "\2620"; }
.radioactive:before        { content: "\2622"; }
.biohazard:before          { content: "\2623"; }
.peace:before              { content: "\262E"; }
.yingyang:before           { content: "\262F"; }
.frowning_face:before      { content: "\2639"; }
.smiling_face:before       { content: "\263A"; }
.first_quarter_moon:before { content: "\263D"; }
.last_quarter_moon:before  { content: "\263E"; }
.wheelchair:before         { content: "\267F"; }
.recycle:before            { content: "\267D"; }
.recycle2:before           { content: "\267C"; }
.music_note:before         { content: "\266C"; }
.warning:before            { content: "\26A0"; }
.male_and_female:before    { content: "\26A4"; }
.scissors:before           { content: "\2701"; }
.airplane:before           { content: "\2708"; }
.snow:before               { content: "\2042"; }

/* fonce une image au passage de la souris*/
.fond_image{
background:#B3E5F8;
display:inline-block;
}
.fond_image img{
-moz-transition: opacity 0.9s;
-webkit-transition: opacity 0.9s;
-o-transition: opacity 0.9s;
}
.fond_image img:hover{
opacity:0.8;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
}