/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */

.list-lov-odd {
  background:   #e2e2e0;
}

.list-lov-even {
  background:   #a3a29f;
}

#reappro_actions{
	width: 100%;
}


#reappro_return2 {
	float:left; 
	margin-left: 50px;
}
#reappro_validate {
	float:right; 
	margin-right: 50px;
}

.reappro_left {
	float:left; 
	width:350px;
	padding-left:10px;
	padding-right:10px;
}

.reappro_right{
	float:right; 
	width:350px;
	padding-left:10px;
	padding-right:10px;
}
.reappro_left p, .reappro_right p{
	font-size:12px;
}



#reapprovi{
	background-color:#999;
	padding:10px;
	overflow:hidden;
}



#result_checkout {
	float: right;
}


#help_add, #help_remove, #help_checkout, #help_return_reap, #help_validate {
    display: none;
}
    
a:hover + #help_add {
    display: block;
	color:#CCC;
	font-size: 10px;
}
    
a:hover + #help_remove {
    display: block;
	color:#CCC;
	font-size: 10px;
}
    
a:hover + #help_checkout {
  display: block;
	color:#CCC;
	font-size: 10px;
}
    
a:hover + #help_return_reap {
  display: block;
	color:#CCC;
	font-size: 10px;
}
    
a:hover + #help_validate {
  display: block;
	color:#CCC;
	font-size: 10px;
}

#nb_item{
    background: #ff7979;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    color: #fff;
    display: block;
    margin-left: 2px;
    line-height: 20px;
    margin-top: 4px;
}
.dot {
  height: 20px;
  width: 20px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  display: flex; /* or inline-flex */
  align-items: center; 
  justify-content: center;
}

#number_of_item_in_cart, #account_history, #t_reappro_0, #t_reappro_1, #t_reappro_2
{
  display: inline-block;
}
#t_reappro_0 {
	color: #FFFFFF;
	font-family: impact;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
#t_reappro_2 {
	color: #FFFFFF;
	font-family: impact;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-decoration: none;
	width: 100%;
	text-align: center;
}

#t_reappro_1 a {
	width: 360px;
	text-align: right;
	color: #FFFFFF;
	font-family: impact;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-decoration: none;
	float: right;
}

#t_reappro_1 {
	vertical-align: middle;
}

#t_reappro_a {
	margin-top : 30px;
}



.rea_qte{
	color:#CCC;
	font-size: 36px;
	padding-right: 10px;
	padding-top:5px;
}


#rea_nav{
	width:200px;
}

#rea_nav a{
	color:#FFFFFF;
}

#rea_nav{
	width:330px;
}


.reap_tab{
	float:left;
}


.rea_tab{
	float:left;
}
.rea_tab img, .rea_block{
	float:left;
}
.rea_tabs{
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
	overflow:hidden;
	clear:both;
}

.rea_tabs h2{
	font-size:16px;
	display:block;
	float:left;
	padding-left: 10px;
  padding-right: 50px;
}

#reap{
	background-color:#999;
	padding:10px;
	overflow:hidden;
}

#reap a{
	color: #FFFFFF;
  font-family: impact;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 10px;
  text-transform: uppercase;
	text-decoration: none; 
}

.reappro_col_a1, .reappro_col_a2, .reappro_col_a3
{
  display: inline-block;
}

.reappro_col_a1
{
  width: 200px;
  text-align: right;
}
.reappro_col_a2
{
	width: 135px;
}
.reappro_col_a3
{
	width: 200px;
	float: right;
}



#m012_bt_debloc {
  cursor: pointer;
  border:none;
  background-image: radial-gradient(white, #66b72c);
  border-radius:30px;
  font-size: 16px;
  height: 30px;
  height: 30px;
  width: 140px;
  font-weight:initial;
}

.reserver2{
	padding-bottom:10px;
}
.reserver2 h3{
	padding-bottom:5px;
}

.reserver2 img{
	vertical-align: bottom;
}

.reservation_link2 {
  cursor: pointer;
  border:none;
  background-image: radial-gradient(white, #66b72c);
  border-radius:30px;
  font-size: 16px;
  height: 30px;
  height: 30px;
  width: 140px;
  font-weight:initial;
}



.payement_button{
  margin-top: 30px;
  padding: 10px;
  cursor: pointer;
  border:none;
  background-image: radial-gradient(white, #BCB6A2);
  border-radius:30px;
  font-weight:bold;
	font-size: 14px;
} 

.preface {
	font-family: arial, sans-serif;
  font-weight: normal;
  padding-left: 10px;
}
.preface_titre {
  padding-top: 10px;
  padding-bottom: 20px;
  color: #9A9899;
	font-size: 20px;
}
.preface_texte {
  padding-bottom: 10px;
	font-size: 16px;
  text-transform: none;
}
.preface_texte_alert {
  padding-bottom: 10px;
	font-size: 20px;
  text-transform: none;
  color: red;
}
.preface_instruction {
  color: black;
	font-size: 14px;
  text-transform: none;
  text-decoration:none;
  font-weight:bold;
}
.preface_instruction:hover {
  text-decoration:underline;
}

#plaid_btn {
  margin-left: 150px;
	padding: 10px;
	width: 150px;
	background: #9A9899;
	color: white;
	font-size: 1.3em; 
  border-radius:6px;
}
.preface_button{
  margin-top: 30px;
  padding: 10px;
  cursor: pointer;
  border:none;
  background-image: radial-gradient(white, #BCB6A2);
  border-radius:30px;
  font-weight:bold;
	font-size: 14px;
}

.preface_button_upl{
  cursor: pointer;
  border:none;
  background-image: radial-gradient(white, #BCB6A2);
  border-radius:30px;
	font-size: 12px;
	width: 150px;
	margin-left: 10px;
}

.preface_input{
	width:250px;
	border:solid 1px #cccccc;
	padding:5px;
	margin-bottom:5px;
}

.upload{
  margin-top: 10px;
  margin-left: 150px;
  font-weight:bold;
	font-size: 12px;
}

.stripe-title {
  padding-left: 20px;
	font-size:26px;
	font-weight:bold;
}

.stripe-retour{
	color:#999;
	font-size:14px;
	font-weight:bold;
  margin-left: 80px;
  margin-right: 150px;
	text-shadow: 2px 1px 2px #CCCCCC;
  text-transform: uppercase;
}
.stripe-amount { 
  margin-top: 30px;
  margin-left: 150px;
	background-color: #fff; 
	color: #333; 
	font-family: arial, sans-serif;
	font-size:   16px;
  margin-bottom: 30px;
}
.stripe-pub { 
	background-color: #fff; 
	color: #333; 
	font-family: arial, sans-serif;
	font-size:   12px;
	font-style:   italic;
}
.stripe-mode_payement { 
  margin-top: 30px;
  margin-left: 150px;
	background-color: #fff; 
	color: #333; 
	font-family: arial, sans-serif;
	font-size:   16px;
  margin-bottom: 30px;
}

.stripe_label_1{
  margin-left: 200px;
  padding-top:3px;
}
.stripe_label_2{
  /*display: inline-block;*/
}
#montant_total
{
  display: inline-block;
  margin-left: 10px;
  }
.price
{
  display: inline-block;
}
.col_a1, .col_a2
{
  display: inline-block;
}

.col_a1
{
  width: 200px;
  text-align: left;
  vertical-align : middle;
}

.col_a2
{
  text-align: right;
  vertical-align : middle;
}

.col_a21, .col_a22
{
  display: inline-block;
	color: #333; 
	font-family: arial, sans-serif;
	font-size:   16px;
}

.col_a21
{
  width: 310px;
  text-align: right;
}

.col_a22
{
  width: 150px;
  text-align: left;
}


#information_title{
	background-color:#CCC;
	padding: 0 10px;
	overflow:hidden;
	width:740px;
}

#information_title h1{
	font-family: impact;
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase;
}


*{
	margin:0;
	padding:0;
}

img {border:none;}

body { 
	background-color: #fff; 
	color: #333; 
	font-family: arial, sans-serif;
	font-size:   12px;
}

#body{
	width:760px;
}

#loader{
	display:none;
}

.nav_tab{
	float:left;
}

#nav{
	background-color:#999;
	padding:10px;
	overflow:hidden;
}

#nav h1{
	color: #FFFFFF;
  font-family: impact;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#result_title{
	background-color:#CCC;
	padding:0 10px;
	overflow:hidden;
	width:740px;
	height:47px;
}

/*#title_sadow{
	width:800px;
	height:60px;
	margin-left:-20px;
	box-shadow: inset 0px 0px 3px 2px #999;
}
*/
#result_title h1{
	font-family: impact;
  font-size: 30px;
  font-weight: normal;
  padding-top: 5px;
  text-transform: uppercase;
}



#stock{
	width:230px;
}

.depot{
	width:120px;
}

#cart_nav{
	width:220px;
}

#cart_nav a{
	color:#FFFFFF;
}

#search_nav{
	width:330px;
}

#modify_option{
	padding-top:30px;
	overflow:hidden;
	clear:both;
}

h1 span a{
	font-size:20px;
	color:#FFF;
	text-decoration:none;
}

.nav_tab img, .nav_block{
	float:left;
}

.nav_block{
	padding-left:10px;
	padding-top: 10px;
	color:#FFF;
	font-size:10px;
}

#notice{
  border: 2px solid #9FCF9F;
  background: #DFFFDF url(/images/tick.png) no-repeat 15px 15px;
  color:#005F00;  
	margin: 10px;
	padding: 12px 10px 12px 50px;
}

#errors{
  border: 2px solid #DD0000;
  background: #FFE3E3 url(/images/cross.png) no-repeat 15px 15px;;
  color:#FF0000;
	margin: 10px;
	padding: 12px 10px 12px 50px;
}

#header{
	background:transparent url(/images/rightHeader.png) no-repeat;
	width:760px;
	height:52px;
	color:#ffffff;
	font-size:20px;
	overflow:hidden;
}

#leftHeader{
	background:transparent url(/images/leftHeader.png) no-repeat;
	height: 52px;
	padding: 10px 0 0 10px;
	width: 630px;
	float:left;
}

label{
	clear: both; 
	display: block; 
	float: left;  
	width: 120px; 
	padding-top:3px;
}

.form_field{
	float:left;
	padding-top:3px;
}

input{
	width:200px;
	border:solid 1px #cccccc;
	padding:5px;
	margin-bottom:5px;
}

.submit{
	width:229px;
	height:50px;
	background:#fff url(/images/btn.png) no-repeat;
	border:none;
	font-size: 16px;
	font-weight:bold;
	margin-top: 25px;
}

.searches_tabs{
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
	overflow:hidden;
	clear:both;
}

.searches_tabs h2{
	font-size:16px;
	display:block;
	float:left;
	padding-left: 10px;
  padding-right: 50px;
}

.options{
	float:left;
	margin-left:10px;
	margin-right:20px;
}

.options_bis{
	float:left;
	margin-left:0px;
	margin-right:20px;
}

.filter{
	float:left;
}

#modify_option label{
	display:block;
	float:left;
	width:70px;
	color:#FFF;
}

.col_option select{
	float:left;
	margin-top: 3px;
}

#select_article{
	clear:left;
}

.modele, .coloris, .libelle_caracteristique, .dispo, .res, .a_venir {
	float:left;
	font-size:12px;
	padding-left:7px;
	padding-right:7px;
}

.modele{
	width:150px;
}
.coloris{
	width:40px;
	min-height: 40px;
}
.coloris img{
	width:40px;
	margin:0 auto;
}

.libelle_caracteristique{
	padding-left: 15px;
	width: 410px;
}
.dispo{
	font-size: 10px;
	width: 150px;
}
.result{
	clear:both;
	min-height:50px;
	padding-bottom:20px;
	margin-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #EEE;
}
#results h3{
	color: #B1AB97;
	font-size: 13px;
	font-weight: normal;
	text-shadow:none;
	font-family: arial;
	text-transform:none;
}

#result_header{
	margin-bottom:50px;
	overflow:hidden;
}

.compo{
	overflow:hidden;
	clear:both;
}
.compo h4{
	padding-bottom:7px;
	padding-top:10px;
}

.quantite_reservee{
	border-radius: 3px 3px 3px 3px;
	color: #AAAAAA;
	font-size: 25px;
	height: 35px;
	width: 40px;
	margin-right:25px;
	float: left;
	margin-top: 2px;
	text-align: center;
}

h5{
	font-size:10px;
	font-weight:normal;
}

.regroupement_left{
	width:90px;
	float:left;
	clear:both;
	padding-top: 33px;
}
.regroupement_right{
	float:left;
	padding-top: 30px;
	width:300px;
	padding-left:20px;
}

.lib{
	font-size:14px !important;
	font-weight:bold !important;
	padding-top: 2px;
}

#result_liste{
	padding-top:30px;
	background:#FFF;
}

.modele h3{
	padding-bottom:5px;
}
.reserver{
	padding-bottom:10px;
}
.reserver h3{
	padding-bottom:5px;
}

.reserver img{
	vertical-align: bottom;
}

#modify_option{
	display:none;
}

#recap{
	overflow:hidden;
}

.recap_block{
	clear:both;
	overflow:hidden;
	padding-bottom:15px;
	border-bottom:1px solid #CCC;
	margin-bottom:15px;
}
.recap_left, .recap_right{
	float:left; 
	width:350px;
	padding-left:10px;
	padding-right:10px;
}
.recap_left p, .recap_right p{
	font-size:12px;
}

#panier_trade{
  text-transform: uppercase;
}

#commentaire{
	padding:0 0px 0px;
}
#commentaire textarea{
	border:1px solid #CCC;
	width:700px;
	height:80px;
}


.retour{
	color:#999;
	font-size:14px;
	font-weight:bold;
	padding-top: 40px;
	display:block;
	text-shadow: 2px 1px 2px #CCCCCC;
  text-transform: uppercase;
}
#submit_block{
	text-align:right;
}

.actions{
	overflow:hidden;
	padding-bottom:100px;
}

.titre_regroup{
	font-weight:bold;
}

.qte{
	color:#CCC;
	font-size: 36px;
	padding-right: 10px;
	padding-top:5px;
}
.reserv_info{
	overflow:hidden;
}

#number_of_item_in_cart{
	font-size: 12px;
	padding-bottom: 5px;
	padding-top:5px;
}

#account_history{
	font-size: 12px;
	margin-left: 5px;
}

p{
	font-size:11px; 
	text-transform: lowercase;
}

.next_delivery{
	font-size:10px !important;
	color:#000 !important;
}

.info_dispo p{
	font-size:12px;
	color:#53A3CE;
}

.dimensions{
	text-transform: lowercase;
}

.tissu{
	font-size:10px;
}

h2{
	color: #666666;
	font-family: impact;
	font-size: 23px;
	font-weight: normal;
	text-shadow: 2px 1px 2px #ccc;
}
h3{
	color: #333;
	font-family: impact;
	font-size: 20px;
	font-weight: normal;
	text-transform:uppercase;
}

.tooltip{
	margin-left:0;
	padding:0;
	box-shadow: 2px 2px 5px 0 #AAAAAA;
	height: 133px;
}
.empty_list{
	padding-left:25px;
}
.reference{
	padding-top:5px;
}
.info_dispo{
	padding-top:5px;
}
#validation_message{
	padding:30px;
}
#validation_message p{
	font-size:12px;
}
#validation_message h2{
	padding-bottom:30px;
}

th{
	width:150px;
	text-align:left;
}
td{
	padding-bottom:3px;
}
table{
	padding-top:30px;
}
#history{
	padding:20px;
}

#search_nav_edit{
	width:490px;
	padding-left:20px;
}
#select_article #articles{
	max-width:410px;
}
#checkout{
	font-size: 20px;
	padding-bottom: 5px;
	text-decoration: none !important;
}
#checkout_link{
	padding-bottom:10px;
}

.reservation_link, .delete_reservation_link{
	color: #287A9B;
	font-family: impact;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 2px 1px 2px #CCCCCC;
}
#validation_message p{
	text-transform:none !important;
}
.text_field_element{
	padding-top:3px;
}
.text_field_elementmail{
  overflow: auto;
	padding-top:3px;
}

/*# sourceMappingURL=application.css-cb5452844f0c5033b4aec3f6d71d402c3324355135f4087c85768a4674d9eb1b.map */