@charset "utf-8";
/* CSS Document */
html, body {
  margin:0;
  padding:0;
  text-align:center;
  background-color: #F9EED8;
}
body{ overflow-x:hidden;}
/*@font-face {
    font-family: 'jr';
    src: url('arimo-regular-webfont.woff2') format('woff2'),
         url('arimo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
@-webkit-viewport{
    width: device-width;height:device-height;
}
@-moz-viewport{
    width: device-width;height:device-height;
}
@-ms-viewport{
    width: device-width;height:device-height;
}
@-o-viewport{
    width: device-width;height:device-height;
}
@viewport{
    width: device-width;height:device-height;
}
body a{
	color: inherit;
	text-decoration: none;
	
}
body a href{
	color: inherit;
	text-decoration: none;
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
	body {


}
	#img_pse_mo{display:none;}
	.sep_hdr{height:20vh;}
	.img_cons_pose{
		margin:auto;
		width:auto;
		height:auto;
		max-width:90%;
		max-height:75vh;
		display:inline-block;
		vertical-align:bottom;
	}
	.img_pdf_pose{
		margin:auto;
		width:auto;
		height:auto;
		max-width:5%;
		max-height:8vh;
		display:inline-block;
		vertical-align:bottom;
	}
	.img_pdf_pose:hover{cursor:pointer;}
	.fen_mod_categories{
		
		position:fixed;
		height:auto;
		width:auto;
		z-index:5;
		max-width:50%;
		max-height:70vh;
		padding-top:6vh;
		padding-bottom:0.5vh;
		padding-right:0.5%;
		padding-left:0.5%;
		top:18vh;
		right:26%;
		border:thin solid #193964;
		border-top:thin solid #F9EED8;
		background-color: #F9EED8;
		display:none;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
		
	}
	.txt_adresse{
		width:40%;
		font-size:1.0vw;
		
		color:#193964;
		margin:auto;
		margin-top:0.6vh;
		padding-top:1vh;
		padding-bottom:1vh;
		font-weight:bold;
		border:thin solid #193964;
	}
	.txt_footer{
		display:inline-block;
		vertical-align:middle;
		font-size:1vw;
		margin-top:0.2vh;
		
		
	
	}
	.txt_footer:hover{ cursor:pointer;text-decoration:underline;}
	#load{
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		display:block;
		z-index:800;
		text-align:center;
		
background-color: #F9EED8;
}


	@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}
 
.loader {
    -webkit-animation: rotating 2s linear infinite;
	width:5%;
	height:auto;
	margin:auto;
}
	.load_logo{
		width:20%;
		display:block;
		height:auto;
		margin:auto;
		margin-top:35vh;
	}
/*BANNIERE----------------------------------------------------------------------------------------------------------------------------------*/
	.ban_cadre{
		width:55vw;
		height:14vh;
		display:inline-block;
		vertical-align:middle;
		margin:auto;
		overflow:hidden;
		position:relative;
		text-align:center;
	}
	.logo_header{
		display:inline-block;
		vertical-align:middle;
		width:auto;
		
	}
	.ban_cont{
		width:55vw;
		height:14vh;
		position:absolute;
		top:0;
		left:0;
	}
	.ban_cont_ttm{
		width:55vw;
		height:14vh;
		position:absolute;
		opacity:0;
		top:0;
		left:0;
		-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
	}
	.ban_cont_ttm_img{
		width:auto;
		height:auto;
		max-width:98%;
		max-height:10vh;
		margin:auto;
		display:inline-block;
		vertical-align:middle;
		}
	.ban_cont_ttm_align{
		width:0.1vw;
		height:14vh;
		display:inline-block;
		vertical-align:middle;
		
		
	}
	.ban_publi{
		width:55vw;
		height:14vh;
		background-color: #193964;
		display:block;
		overflow:hidden;
		text-align:center;
	}
	.ban_publi_img{
		display:inline-block;
		height:11vh;
		width:10%;
		vertical-align:middle;
		overflow:hidden;
		text-align:center;
		border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
		
		}
	.ban_publi_img img{
		display:inline-block;
		width:auto;
		height:11vh;
		vertical-align:middle;
		}
	.ban_contenu{
		display:inline-block;
		height:12vh;
		width:89%;
		vertical-align:middle;
		padding-top:0.3vh;
		text-align:left;
	}	
	.ban_contenu_tt{
		display:inline-block;
		width:100%;
		padding-top:0.2vh;
		padding-bottom:0.2vh;
		margin-bottom:0.3vh;
		background-color:#e2c384;
		color:#193964;
		text-align:center;
		border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
		font-size:2.2vh;
		
	}
	.ban_contenu_rem{
		display:inline-block;
		vertical-align:middle;
		margin-right:0;
		background-color:#FF0000;
		width:50%;
		padding-top:0.5vh;
		pdding-bottom:0.5vh;
		text-align:center;
		margin-top:0.2vh;
		border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
		
	}
	.ban_contenu_remise{
		display:inline-block;
		vertical-align:middle;
		margin-right:0;
		text-align:center;
		color:#FFFF00;
		width:45%;
		font-size:3vw;
		font-weight:bold;
		transform: rotate(-10deg);
	}
	.ban_contenu_remisesur{
		display:inline-block;
		vertical-align:middle;
		margin-right:0;
		background-color:#FF0000;
		color:#FFFF00;
		width:50%;
		font-size:1vw;
		font-weight:bold;
		text-align:left;
		
	}
	.ban_contenu_txt{
		display:inline-block;
		vertical-align:middle;
		margin-right:0;
		color:#e2c384;
		width:45%;
		text-align:center;
		margin-top:0.2vh;
		font-size:1vw;
	}
/* HEADER - MENU -------------------------------------------------------------------------------------------------------------------------- */
	.header{
		width:100%;
		margin:auto;
		border-bottom:medium solid #193964;
		text-align: left;
		position:fixed;
		height:15vh;
		background-color: #F9EED8;
		z-index:10;
	
	}	
	
	.header_img{
		width:auto;
		height:auto;
		max-width:25vw;
		max-height:15vh;
		display:inline-block;
		vertical-align:middle;
		margin-right:10%;
		
	}
	.btn_onglet{
		position:fixed;
		top:15vh;
		width:10%;
		background-color:#193964;
		border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
		-webkit-box-shadow: 0px 7px 5px -1px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 7px 5px -1px rgba(0,0,0,0.35);
box-shadow: 0px 7px 5px -1px rgba(0,0,0,0.35);
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		color:#e2c384;
		text-align:center;
		z-index:10;
	
		
			}
	.btn_onglet img {display:inline-block;width:20%;margin:auto;text-align:right;vertical-align:middle;}
	.btn_onglet txt {display:inline-block;width:auto;margin:auto;text-align:left;vertical-align:middle;font-size:1vw;}
	.btn_onglet:hover{
		cursor:pointer;
		-webkit-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.79);
-moz-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.79);
box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.79);
	}
	#nbrearticle{display:none;}	
	.cont_recherche{
		position:fixed;
		top:15vh;
		width:10%;
		
		padding-top:0.5vh;
		padding-bottom:0.2vh;
		color:#e2c384;
		text-align:center;
		z-index:10;
		
	}
	.cont_recherche img {display:inline-block;width:20%;margin:auto;text-align:right;vertical-align:middle;opacity:0.8;}
	.cont_recherche img:hover {cursor:pointer;opacity:1;}
	.appanier{
		padding-top:4vh;
		padding-bottom:1vh;
		position:fixed;
		right:17%;
		top:6vh;
		display:none;
		width:70vw;
		height:auto;
		z-index:1000;
		background-color:#FFFFFF;
		font-size:0.7vw;
		
		
	}
	.appanier_btn_close{
	display: block;
	padding: 0px;
	height: auto;
	width: 2vh;
	margin-top: 0.5vh;
	margin-right: 0.5%;
	margin-bottom: 0.5vh;
	margin-left: auto;
	position: absolute;
	left: auto;
	top: 0.5vh;
	right: 0.5vw;
	bottom: auto;
	opacity: 0.6;
	-webkit-transition: all 0.5s ease 0.5s;
	-moz-transition: all 0.5s ease 0.5s;
	-ms-transition: all 0.5s ease 0.5s;
	-o-transition: all 0.5s ease 0.5s;
	transition: all 0.5s ease 0.5s;
}
.appanier_btn_close:hover{cursor:pointer; opacity:1; }
/* PAGE------------------------------------------------------------------------------------------------------------------------------------- */
	.page{
		width:95%;
		margin:auto;
		height:auto;
	}
	.pagecolg{
		width:70%;
		height:auto;
		padding-left:1%;
		padding-right:1%;
		padding-bottom:20vh;
		
		
		display:inline-block;
		
		vertical-align:top;
		position:relative;
		
	}
	.pagecolgpanier{
		width:80%;
		height:auto;
		padding-left:1%;
		padding-right:1%;
		padding-bottom:20vh;
		
		
		display:inline-block;
		
		vertical-align:top;
		position:relative;
		
	}
	.pagecold{
		width:10%;
		display:inline-block;
		height:auto;
		overflow:auto;
		vertical-align:top;
		border-left:thin dotted #193964;
		padding-bottom:20vh;
		
	}
	.pagecolexg{
		width:10%;
		display:inline-block;
		height:auto;
		
		vertical-align:top;
		
	}
	.pagecolmk{
		width:100%;
		display:block;
		height:auto;
		overflow:auto;
		vertical-align:top;
		background-color: #e2c384;
		padding-top:1vh;
		padding-bottom:1vh;
		padding-left:0;
		padding-right:0;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
		margin-top:2vh;
		text-align:center;
		overflow-x:hidden;
		
	}
	.demi_page{
		width:45%;
		padding-left:1%;
		padding-right:1%;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		height:auto;
		display:inline-block;
		vertical-align:top;
		position:relative;
		}
	.demi_page_tt{width:100%;border-bottom:thin solid #193964;padding-bottom:1vh;color:#193964;text-align:left;}
	.demi_page_tt_titre{width:auto;text-align:left;padding-top:0.5vh;padding-bottom:0.5vh;display:inline-block;vertical-align:middle;margin-right:1%;border:thin solid #F9EED8;font-weight:bold;}
	.demi_page_tt_btn{width:auto;text-align:center;padding-top:0.5vh;padding-bottom:0.5vh;display:inline-block;vertical-align:middle;border:thin solid #193964;margin-right:1%;padding-left:1%;padding-right:1%;}
	.demi_page_tt_btn:hover{cursor:pointer;width:auto;text-align:center;padding-top:0.5vh;padding-bottom:0.5vh;display:inline-block;vertical-align:middle;border:thin solid #193964;background-color:#193964;color:#e2c384;margin-right:1%;padding-left:1%;padding-right:1%;}
	.demi_page_tt_btn_chx{width:auto;text-align:center;padding-top:0.5vh;padding-bottom:0.5vh;display:inline-block;vertical-align:middle;border:thin solid #193964;background-color:#193964;color:#e2c384;margin-right:1%;padding-left:1%;padding-right:1%;}
	
	.fen_adresses{
		position:absolute;
		left:1%;
		right:1%;
		top:5vh;
		bottom:1vh;
		background-color:#FFFFFF;
		display:none;
		overflow:auto;
		
	}
	.adr_btn{
		width:80%;
		margin:auto;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-left:0.5%;
		padding-right:0.5%;
		border: thin solid #193964;
		color:#e2c384;
		background-color:#193964;
		margin-top:1vh;
	}
	.adr_btn:hover{cursor:pointer;color:#193964;background-color:#e2c384;}
	
	.adrx_btn{
		width:80%;
		margin:auto;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-left:0.5%;
		padding-right:0.5%;
		border: thin solid #193964;
		color:#193964;
		background-color:#e2c384;
		margin-top:1vh;
	}
	.adrx_btn:hover{cursor:pointer;color:#e2c384;background-color:#193964;}
	.fen_creadresse{
		position:fixed;
		top:10vh;
		bottom:4vh;
		left:30%;
		right:10%;
		z-index:800;
		background-color:#e2c384;
		display:none;
		padding-top:6vh;
	}
/* MENU GAUCHE ---------------------------------------------------------------------------------------------------------------------------*/
	.btn_menu_g{
		width:98%;
		height:auto;
		font-size:2vh;
		font-weight:bold;
		border-top:thin solid #193964;
		border-bottom:thin solid #193964;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		margin:auto;
		margin-bottom:1vh;
		color: #193964;
		
		}
	.btn_menu_g:hover{ color: #e2c384; background-color:#193964;cursor:pointer;}
	.btn_menu_g_cat{
		width:95%;
		height:auto;
		font-size:2vh;
		font-weight:bold;
		border-top:thin solid #193964;
		border-bottom:thin solid #193964;
		padding-top:0.5vh;
		background-color: #193964;
		padding-bottom:0.5vh;
		margin:auto;
		margin-bottom:1vh;
		color: #e2c384;
		
		}
	.btn_menu_g_cat:hover{ color: #193964; background-color:#e2c384;cursor:pointer;}
	.cont_mk{
		width:80%;
		min-height:68vh;
		display:none;
		position:absolute;
		z-index:20;
		top:0;
		left:2%;
		height:auto;
		overflow:auto;
		vertical-align:top;
		background-color: #e2c384;
		padding-top:3vh;
		padding-bottom:1vh;
		padding-left:0;
		padding-right:0;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
		margin-top:2vh;
		text-align:center;
		
		
	}
	.btn_menu_g_l{
		width:45%;
		height:auto;
		font-size:2vh;
		font-weight:bold;
		border-top:thin solid #193964;
		border-bottom:thin solid #193964;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-left:0.5%;
		padding-right:0.5%;
		margin:auto;
		margin-bottom:1vh;
		color: #193964;
		display:inline-block;
		vertical-align:middle;
		
		}
	.btn_menu_g_l:hover{ color: #e2c384; background-color:#193964;cursor:pointer;}
	.btn_menu_g_cat_l{
		width:auto;
		height:auto;
		min-width:16%;
		font-size:2vh;
		font-weight:bold;
		border-top:thin solid #193964;
		border-bottom:thin solid #193964;
		padding-top:0.5vh;
		background-color: #193964;
		padding-bottom:0.5vh;
		padding-left:0.5%;
		padding-right:0.5%;
		margin:auto;
		margin-bottom:1vh;
		color: #e2c384;
		display:inline-block;
		vertical-align:middle;
		
		}
	.btn_menu_g_cat_l:hover{ color: #193964; background-color:#e2c384;cursor:pointer;}
	.cont_mk{
		width:80%;
		min-height:68vh;
		display:none;
		position:absolute;
		z-index:20;
		top:0;
		left:2%;
		height:auto;
		overflow:auto;
		vertical-align:top;
		background-color: #e2c384;
		padding-top:3vh;
		padding-bottom:1vh;
		padding-left:0;
		padding-right:0;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
		margin-top:2vh;
		text-align:center;
		
		
	}
	
	.cont_rech{
		position:fixed;
		top:30vh;
		display:none;
		bottom:auto;
		left:15%;
		right:25%;
		background-color: #e2c384;
		padding-top:3vh;
		padding-bottom:1vh;
		padding-left:0;
		padding-right:0;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
		margin-top:2vh;
		text-align:center;
	}
	.form_rech{

	color: #193964;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	height: auto;
	width: 76%;
	padding-top: 0.2vh;
	padding-right: 0;
	padding-bottom: 0.2vh;
	padding-left: 0;
	border: thin solid #193964;
	
}
	
	.loupe_rech{width:20%;display:inline-block;vertical-align:middle;}
	.loupe_rech:hover{cursor:pointer;background-color:#FFFFFF;}
/*MENU MARQUES ---------------------------------------------------------------------------------------------------------------------------*/
	.tt{
		height:6vh;	
		margin:auto;
	}
	.tt_img{width:25%;}
	.tt_img_index{width:45%;}
	.tt_img_panier{width:20%;}
	.tt_img_100{width:100%;}
	.tt_img_80{width:80%;}
	.vign_marque{
		width:15%;
		border:thin solid #193964;
		height:10vh;
		display:inline-block;
		vertical-align:top;
		padding-left:1%;
		padding-right:1%;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		margin-top:0.5vh;
		margin-bottom:0.5vh;
		margin-left:0.5%;
		margin-right:0.5%;
		-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
		position: relative;
		color:#193964;
		text-align:center;
		
		
		}
	.vign_marque:hover{
		cursor:pointer;
		background:#193964;
		border:thin solid #e74519;
		color:#F9EED8;
		border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
		
	}
	.vign_marque img{height:auto;width:auto;max-height:6vh;max-width:90%;}
	.vign_marque mk{display:block;vertical-align:middle;font-size:1vw;padding-left:2%;padding-right:1%;}
	.vign_marque sm{
		width:80%;
		position:absolute;
		top:0vh;
		left:100%;
		display:none;
		background-color:#F9EED8;
		border:thin solid #193964;
		height:20vh;
		z-index:200;
		
		
	}
	
	.vign_marque2{
		width:7%;
		border:thin solid #193964;
		height:10vh;
		display:inline-block;
		vertical-align:top;
		padding-left:1%;
		padding-right:1%;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		margin-top:0.5vh;
		margin-bottom:0.5vh;
		margin-left:0.5%;
		margin-right:0.5%;
		-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
		position: relative;
		color:#193964;
		text-align:center;
		
		
		}
	.vign_marque2:hover{
		cursor:pointer;
		background:#193964;
		border:thin solid #e74519;
		color:#F9EED8;
		border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
		
	}
	.vign_marque2_contimg{width:98%;height:7vh;text-align:center;margin:auto;}
	.align_marque2{width:0.01%;display:inline-block;vertical-align:middle;height:6vh;}
	.vign_marque2_contimg img{height:auto;width:auto;max-height:6vh;max-width:98%;margin:auto;display:inline-block;vertical-align:middle;}
	.vign_marque2 mk{display:block;vertical-align:middle;font-size:0.6vw;padding-left:2%;padding-right:1%;}
	.vign_marque2 sm{
		width:80%;
		position:absolute;
		top:0vh;
		left:100%;
		display:none;
		background-color:#F9EED8;
		border:thin solid #193964;
		height:20vh;
		z-index:200;
		
		
	}
/* PRODUITS----------------------------------------------------------------------------------------------------------------------------------*/
	
	.ligne_livr{
		width:90%;
		margin:auto;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		border-top:thin solid #193964;
		border-bottom:thin solid #193964;
		font-size:1vw;
		color:#193964;
		text-align:center;
	}
	.cont_prod{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:auto;
		
		
			
	}
	.vign_prod_1{
		width:44%;
		background-color:#FFFFFF;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
		border: thin dotted #193964;
		margin:auto;
		margin-bottom:1vh;
		height:25vh;
		overflow:auto;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-left:1%;
		padding-right:1%;
		display:inline-block;
		text-align:justify;
			}
	.cont_info_prod{
		width:100%;
		height:auto;
		min-height:15vh;
		display:block;
		font-size:1.5vh;
		color:#193964;
		
		
		
	}
	.cont_img_prod{
		width:45%;
		height:15vh;
		display:inline-block;
		vertical-align:top;
		float:left;
		margin-right:1%;
		text-align:center;
		
		
	}
	.align{
		height:10vh;
		width:0.01%;
		display:inline-block;
		vertical-align:middle;
	}
	.img_prod{
		width:auto;
		height:auto;
		display:inline-block;
		vertical-align:middle;
		max-width:99%;
		max-height:13vh;
		margin:auto;
		margin-top:1vh;
		
		
	}
	
.vign_prod_1_tt{
	color:#193964;
	font-size:2vh;
	font-weight:bold;
	width:98%;
	margin:auto;
	text-align:left;
	padding-bottom:1vh;
	border-bottom:thin solid #193964;}
	
	
	
	.vign_prod{
		
		width:21%;
		background-color:#FFFFFF;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
		border: thin dotted #193964;
		margin:auto;
		margin-bottom:1vh;
		height:34vh;
		overflow:auto;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-left:1%;
		padding-right:1%;
		display:inline-block;
		text-align:left;
	}
	.vign_prod_infdim{
		
		width:98%;
		background-color:#FF0000;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
		border: thin solid #FF0000;
		margin:auto;
		margin-bottom:1vh;
		height:3vh;
		overflow:auto;
		padding-top:1.5vh;
		padding-bottom:0.3vh;
		padding-left:1%;
		padding-right:1%;
		display:inline-block;
		text-align:center;
		color:#FFFFFF;
	font-size:0.7vw;
	font-weight:bold;
	}
	.cont_info_prod2{
		width:52%;
		height:15vh;
		display:inline-block;
		font-size:1.5vh;
		color:#193964;
		
			
	}
	.cont_img_prod2{
		width:45%;
		height:15vh;
		display:inline-block;
		vertical-align:top;
		
		text-align:center;
		

		
	}
	.align2{
		height:14vh;
		width:0.01%;
		background-color:#FF0000;
		display:inline-block;
		vertical-align:middle;
	}
	.img_prod2{
		width:auto;
		height:auto;
		display:inline-block;
		vertical-align:middle;
		max-width:95%;
		max-height:14vh;
		margin:0;
		margin-top:1vh;
		
		
	}
	
	.cont_dim{
		width:98%;
		padding-top:1vh;
		padding-bottom:1vh;
		display:block;
		text-align:left;
		font-size:0.8vw;
		
		
	}
	.cont_diam{
		width:98%;
		padding-top:3vh;
		padding-bottom:3vh;
		display:block;
		text-align:left;
		font-size:0.8vw;
		
	}
	.cont_prx{
		height:7vh;
		
	}
	.cont_prx_eff{
		height:4vh;
		text-align:right;
		font-size:1.1vw;
		font-weight:bold;
		color:#193964;
		
	}
	.cont_prx_dep{
		height:4vh;
		text-align:right;
		padding-top:3vh;
		font-size:1.1vw;
		font-weight:bold;
		color:#193964;
		
	}
	.cont_prx_norm{
		height:3vh;
		font-size:1vw;
		text-align:right;
		text-decoration: line-through;
		color:#000000;
		
	}
	
.vign_prod_tt_cont{
	color:#193964;
	height:auto;
	
	width:98%;
	margin:auto;
	
	padding-top:0.4vh;
	padding-bottom:0.4vh;
	border-bottom:thin solid #193964;
	text-align:left;
	}
	.vign_prod_tt{
		color:#193964;
		font-size:1.5vh;
		font-weight:bold;
		height:auto;
		width:65%;
		word-break: break-word;
		max-height:10vh;
		display:inline-block;
		vertical-align:middle;
		margin:auto;
		text-align:left;
	}
	.img_tt{
		display:inline-block;
		width:auto;
		height:auto;
		max-width:15%;
		max-height:3.5vh;
		vertical-align:middle;
		margin:auto;
		margin-right:0.5%;
		
	}
	
	
	.cont_btn_prod{
		width:98%;
		display:block;
		text-align:right;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-left:1%;
		padding-right:1%;

		
	}
	.btn_prod{
		width:20%;
		height:auto;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-right:1%;
		padding-left:1%;
		background-color:#193964;
		font-size:1vw;
		color:#e2c384;
		border:thin dotted #e2c384;
		text-align:center;
		margin-left:auto;
	}
	
	.btn_prod:hover{
		cursor:pointer;
		background-color:#e2c384;
		color:#193964;
		border:thin dotted #193964;
		}
/*DETAIL PROD--------------------------------------------------------------------------------------------------------------------------------*/
	
	
	.fen_detail{
		position:fixed;
		top:10vh;
		bottom:10vh;
		left:10%;
		right:10%;
		background-color:#F9EED8;
		border: medium solid #193964;
		display:none;
		z-index:100;
		overflow-y:auto;
		overflow-x:hidden;
	}
	
	.detail_tt{
	color:#193964;
	font-size:3vh;
	font-weight:bold;
	width:98%;
	margin:auto;
		margin-top:4vh;
	text-align:left;
	padding-bottom:1vh;
	border-bottom:thin solid #193964;}
	
	.cont_info_det{
		width:100%;
		height:auto;
		min-height:15vh;
		display:block;
		font-size:3vh;
		color:#193964;
		text-align:justify;
		padding-left:2%;
		padding-right:2%;
		
		
		
	}
	.cont_img_det{
		width:45%;
		height:42vh;
		display:inline-block;
		vertical-align:top;
		float:left;
		margin-right:1%;
		text-align:center;
		
		
	}
	.align_det{
		height:10vh;
		width:0.01%;
		display:inline-block;
		vertical-align:middle;
	}
	.img_det{
		width:auto;
		height:auto;
		display:inline-block;
		vertical-align:middle;
		max-width:95%;
		max-height:40vh;
		margin:auto;
		margin-top:1vh;
		
		
	}
/*PANIER-------------------------------------------------------------------------------------------------------------------------------------*/
	.tableau{width:95%;margin:auto;border-collapse: collapse;font-size:0.8vw;}
	.tableau a:hover{text-decoration:underline;}
	.th5{width:5%;}
	.th2{width:2%;}
	.th4{width:4%;}
	.th45{width:45%;}
	.th10{width:10%;}
	.btn_cmde_lock{
		width:20%;
		height:auto;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-right:1%;
		padding-left:1%;
		background-color:#BDBDBD;
		color:#6E6C6C;
		border:thin dotted #6E6C6C;
		text-align:center;
		margin-left:auto;
	}
	.btn_cmde_lock{cursor:not-allowed;}
	.btn_cmde{
		width:20%;
		height:auto;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-right:1%;
		padding-left:1%;
		background-color:#193964;
		color:#e2c384;
		border:thin dotted #e2c384;
		text-align:center;
		margin-left:auto;
	}
	#btn_valid_panier{
		
		margin:auto;margin-top:4vh;width:80%;font-size:1vw;
	}
	.btn_cmde:hover{
		cursor:pointer;
		background-color:#e2c384;
		color:#193964;
		border:thin dotted #193964;
		}
	.fen_vignette{
		display:none;
		position:fixed;
		left:40%;
		right:40%;
		top:20vh;
		bottom:auto;
		background-color:#e2c384;
		border:medium solid #193964;
		z-index:800;
	}
	.fen_vignette_cpte{
		display:none;
		position:fixed;
		left:15%;
		right:65%;
		top:20vh;
		bottom:auto;
		background-color:#e2c384;
		border:medium solid #193964;
		z-index:800;
	}
/* NEWS -------------------------------------------------------------------------------------------------------------------------------------*/
	.vign_news{
		width:80%;
		padding-top:1vh;
		padding-bottom:1vh;
		padding-left:1%;
		padding-right:1%;margin-top:0.5vh;
		margin-bottom:3vh;
		margin-left:auto;
		margin-right:auto;
		background-color:#193964;
	position:relative;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;}
		
	
.vign_news h1{
	 	color:#e2c384;
		font-size:0.8vw;
		width:95%;
		margin:auto;
		text-align:left;
		padding-bottom:0.5vh;
		border-bottom:thin solid #e2c384;

}
.vign_news_date{
	width:40%;
	background-color:#e2c384;
	font-weight:bold;
	padding-top:0.5vh;
	padding-bottom:0.5vh;
	padding-left:1%;
	padding-right:1%;
	color:#193964;
	font-size:0.7vw;
	position:absolute;
	top:-1vh;
	right:-3%;
	transform: rotate(5deg);
	border:thin solid #193964;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

}
.vign_news_crps{
		color:#e2c384;
		font-size:1.5vh;
		width:95%;
		margin:auto;
		text-align:center;
		padding-bottom:1vh;
		padding-top:1vh;
		padding-left:1%;
		padding-right:1%;
	
	
}
.vign_news_img{
	width:80%;
	margin:auto;
	margin-bottom:0.5vh;
	
}
.btn_news{width:55%;
	height:auto;
	padding-left:0.5%;
	padding-right:0.5%;
	padding-top:0.5vh;
	padding-bottom:0.5vh;
	color:#193964;
	background-color:#e2c384;
	border:thin solid #e2c384;
	font-size:1.2vh;
	font-weight:bold;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}
.btn_news:hover{
	cursor:pointer;
	color:#e2c384;
	background-color:#193964;

}
	
	
	.fiche_news{
		width:90%;
		height:60vh;
		background-color: #ffffff;
		border:thin solid #193964;
		padding-top:1vh;
		padding-bottom:4vh;
		padding-left:1%;
		padding-right:1%;
		overflow:auto;
		border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
		margin:auto;
	margin-top:4vh;
		font-size:2vh;
		color:#193964;
		text-align:justify;
	}
		
	
/* CONTACTS ---------------------------------------------------------------------------------------------------------------------------------*/
.fen_contact{
	position:fixed;
	top:10vh;
	bottom:10vh;
	right:10%;
	left:10%;
	border: medium solid #193964;
	display:none;
	z-index: 30;
	background-color: #F9EED8;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
}
.btn_close{
	display: block;
	padding: 0px;
	height: auto;
	width: 2%;
	margin-top: 0.5vh;
	margin-right: 0.5%;
	margin-bottom: 0.5vh;
	margin-left: auto;
	position: absolute;
	left: auto;
	top: 2vh;
	right: 2vw;
	bottom: auto;
	opacity: 0.6;
	-webkit-transition: all 0.5s ease 0.5s;
	-moz-transition: all 0.5s ease 0.5s;
	-ms-transition: all 0.5s ease 0.5s;
	-o-transition: all 0.5s ease 0.5s;
	transition: all 0.5s ease 0.5s;
}
.btn_close:hover{cursor:pointer; opacity:1; }
.img_left{float:left;
	}
	.img_right{float:right;
	}
	.img_centre{margin:auto;
	}

/* COMPTE CLIENT ----------------------------------------------------------------------------------------------------------------------------*/
	.fen_compte{
		position:absolute;
	top:30vh;
	bottom:auto;
	right:20%;
	left:20%;
	border: medium solid #193964;
	padding-bottom:1vh;
	z-index: 30;
	background-color: #F9EED8;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
}
	.recov_mdp{
		font-size:2vh;
		color:#193964;
		
	}
	.recov_mdp:hover{text-decoration: underline;cursor:pointer;}
	
	.part_g{
		width:30%;
		background-color:#FFFFFF;
		border:thin dotted #193964;
		margin-top:3vh;
		margin-left:3%;
		height:auto;
		min-height:55vh;
		display:inline-block;
		vertical-align:top;
		padding-top:1vh;
		padding-bottom:1vh;
		padding-left:1%;
		padding-right:1%;
		text-align:center;
		}
	.part_d{
		width:55%;
		background-color:#FFFFFF;
		border:thin dotted #193964;
		margin-top:3vh;
		margin-left:3%;
		height:auto;
		min-height:55vh;
		display:inline-block;
		vertical-align:top;
		padding-top:1vh;
		padding-bottom:1vh;
		padding-left:1%;
		padding-right:1%;
		text-align:center;}
	.tt_fen_cpte{
		width:90%;
		margin:auto;
		margin-bottom:1.5vh;
		text-align:left;
		color:#000000;
		font-size:3vh;
		font-weight:bold;
		border-bottom: thin solid #000000;
			
	}
	.cpte_info{
		width:90%;
		display:block;
		height:auto;
		margin:auto;
		margin-bottom:1vh;
		text-align:left;
		color:#000000;
		font-size:2vh;}
	.cpte_btn{
		width:90%;
		display:block;
		height:auto;
		margin:auto;
		margin-bottom:1vh;
		text-align:right;
		color:#000000;
		font-size:2vh;}
	
	.btn_mod_cpte{
		width:auto;
		padding:0.5%;
		border:thin dotted #000000;
		background-color:#C3C3C3;
		color:#000000;
		margin:auto;
		margin-top:1vh;
		text-align:center;
		margin-bottom:2vh;
		
	}	
	.btn_mod_cpte:hover{
		cursor:pointer;
		background-color:#FFFFFF;
	}
	.cont_comm{
		width:90%;
		margin:auto;
		margin-bottom:1.5vh;
		text-align:left;
		color:#000000;
		font-size:3vh;
		font-weight:bold;
		border-bottom: thin dotted #000000;
		padding-bottom:1.5vh;
			
	}
	.contcomm_nfo{
		width:45%;
		height:auto;
		text-align:left;
		display:inline-block;
		vertical-align:middle;
		font-size:1.5vh;
		font-weight:normal;
		
	}
	.contcomm_etat{
		width:35%;
		height:auto;
		text-align:center;
		display:inline-block;
		vertical-align:middle;
		font-size:1.5vh;
		font-weight:normal;
		
	}
	.contcomm_det{
		width:15%;
		height:auto;
		text-align:center;
		display:inline-block;
		vertical-align:middle;
		font-size:1.5vh;
		font-weight:normal;
	}
	
	.mod_infos{
		position:fixed;
		top:10vh;
		bottom:10vh;
		left:20%;
		right:20%;
		z-index:30;
		-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
		background-color:#C3C3C3;
		color:#000000;
		border: thin solid #000000;
		display:none;
		padding-top:5vh;
	}
	
	.mod_mdp{
		position:fixed;
		top:30vh;
		bottom:30vh;
		left:30%;
		right:30%;
		z-index:30;
		-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
		background-color:#C3C3C3;
		color:#000000;
		border: thin solid #000000;
		display:none;
		padding-top:3vh;
	}
	
	.cpte_commande{
		width:95%;
		background-color:#FFFFFF;
		border:thin dotted #193964;
		margin-top:3vh;
		margin-left:3%;
		height:auto;
		min-height:55vh;
		display:inline-block;
		vertical-align:top;
		padding-top:1vh;
		padding-bottom:1vh;
		padding-left:1%;
		padding-right:1%;
		text-align:center;
		}
	.cpte_comm_g{
		width:25%;
		display:inline-block;
		vertical-align:top;
		
	}
	.cpte_comm_d{
		width:73%;
		display:inline-block;
		vertical-align:top;
		
	}
	.cpte_cadre_g{
		width:97%;
		display:block;
		background-color:#F9EED8;
		margin-bottom:1vh;
		padding:1%;
		padding-top:1vh;
		padding-bottom:1vh;
	
		text-align:left;
	}
	.cpte_cadre_g a {text-decoration:none;}
	.cpte_cadre_g a:hover{
		text-decoration:underline;
		
	}
	.cpte_cadre_d{
		width:100%;
		display:block;
		background-color:#F9EED8;
		margin-bottom:1vh;
		padding-top:1vh;
		padding-bottom:1vh;
	}
	.list_art{
		width:98%;
		padding-left:1%;
		padding-right:1%;
		padding-bottom:1vh;
		padding-top:1vh;
		border-bottom:thin solid #e2c384;
		display:block;
	}
	.list_art_des{
		width:65%;
		height:auto;
		display:inline-block;
		vertical-align:middle;
	}
	.list_art_des a{text-decoration:none;}
	.list_art_des a:hover{text-decoration:underline;}
	.list_art_pu{
		width:10%;
		height:auto;
		display:inline-block;
		vertical-align:middle;
	}
	.listadresses{
		width:70%;
		display:inline-block;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-left:1%;
		padding-right:1%;
		border:thin solid #000000;
		color:#000000;
	}
	.listadressessup{
		width:20%;
		display:inline-block;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-left:1%;
		padding-right:1%;
		border:thin solid #000000;
		color:#000000;
	}
	.listadresses:hover{cursor:pointer;background-color:#FFFFFF;}
	.listadressessup:hover{cursor:pointer;background-color:#FFFFFF;}
/*PRODUITS-----------------------------------------------------------------------------------------------------------------------------------*/
	.caseprop{width:2vh;height:2vh;border:thin solid #000000;background-color:#FFFFFF;display:inline-block;vertical-align:middle;position:relative;}
	.tipprop{width:3vh;height:3vh;position:absolute;top:-1vh;left:-0.5vh;display:block;}
	.caseprop:hover{cursor:pointer;}
	.txtprop{width:70%;height:auto;display:inline-block;vertical-align:middle;text-align:left;padding-left:2%;font-size:1vw;}
	.alertprop{
		position :fixed;
		background-color:#FFFFFF;
		border:medium solid #FF0000;
		font-size:2vw;
		font-weight:bold;
		color:#FF0000;
		top:30vh;
		left:20vw;
		right:20vw;
		bottom:auto;
		z-index:1000;
		display:none;
		-webkit-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px 4px rgba(0,0,0,0.75);
		
	}
	.btn_alertprop{
		width:45%;
		background-color: #FF0000;
		display:inline-block;
		vertical-align: middle;
		border:thin solid #FF0000;
		color:#FFFFFF;
		font-size:1vw;
	}
	.btn_alertprop:hover{
	cursor:pointer;
		background-color: #FFFFFF;
		color:#FF0000;
	}
	.prod_fiche{
		width:95%;
		background-color: #ffffff;
		border: thin dotted #000000;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		height:auto;
		min-height:60vh;
		margin:auto;
		padding:1%;
		padding-top:2vh;
		padding-bottom:2vh;
		position:relative;
		
		
	}
	.fen_dimensions{
		position:absolute;
		bottom:0.5vh;
		right:1%;
		width:37%;
		height:10vh; /* 10vh*/
		background-color: #F9EED8;
		z-index:10;
		display:none;
		border:thin solid #193964;
		
	}
	.btn_dimensions{
		width:30%;
		background-color: #ffffff;
		border:thin dotted #000000;
		height: auto;
		padding:1%;
		padding-top:0.2vh;
		padding-bottom:0.2vh;
		font-size:1.5vh;
		margin:auto;
		margin-top:0;
		display:inline-block;
}
	.btn_dimensions:hover{cursor:pointer; background-color:#F9EED8;}
	.prod_cont_img{
		width:60%;
		height:auto;
		display:inline-block;
		vertical-align:top;
	}
	.prod_img{
		width:auto;
		height:auto;
		max-width:95%;
		max-height:40vh;
		
		margin:auto;
		
	}
	.prod_cont_desc{
		width:98%;
		height:auto;
		
		display:block;
		text-align:justify;
		border-top:thin solid #000000;
		padding-top:2vh;
		margin-top:2vh;
	
	}
	.prod_col_nfo{
		width:38%;
		margin:auto;
		height:auto;
		background-color:#FFFFFF;
		display:inline-block;
		vertical-align:top;
		border-left:thin solid #000000;
		min-height:59vh;
		text-align:center;
	}
	.prod_nfo_tt{
		width:96%;
		background-color: #F9EED8;
		font-size:1vw;
		font_weight:bold;
		color:#193964;
		padding:1%;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		margin:auto;
		margin-left:3%;
		
	}
	.prod_nfo_ref0{
		width:96%;
		font-size:2vh;
		color:#193964;
		padding:1%;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		margin:auto;
		margin-left:3%;
		border-bottom:thin dotted #000000;
	}
	.prod_nfo_ref_btn{
		width:96%;
		font-size:2vh;
		background-color:#193964;
		color:#e2c384;
		padding:1%;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		margin:auto;
		margin-left:3%;
		border-bottom:thin dotted #000000;
	}
	.prod_nfo_ref_btn:hover{
		cursor:pointer;
		color:#193964;
		background-color:#e2c384;
	}
	
	.prod_nfo_ref{
		width:96%;
		font-size:2vh;
		color:#193964;
		padding:1%;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		margin:auto;
		margin-left:3%;
		border-bottom:thin dotted #000000;
	}
	
	.prod_nfo_ref:hover{background-color:#F9EED8;cursor:pointer;}
	
	.prod_nfo_mk0{
		width:30%;
		height:auto;
		display:inline-block;
		vertical-align:middle;
		}
	.prod_nfo_mk{
		width:26%;
		height:auto;
		display:inline-block;
		vertical-align:middle;
		padding:1%;
	}
	.prod_nfo_mk:hover{cursor:pointer;}
	.prod_nfo_prix{
		width:96%;
		font-size:3vh;
		font-weight:bold;
		color:#193964;
		padding:1%;
		padding-top:1.5vh;
		padding-bottom:1.5vh;
		margin:auto;
		margin-left:3%;
		margin-top:2vh;
		border:medium solid #193964;
	}
	
	.list_pack{
		width:89%;
		display:block;
		background-color:#F9EED8;
		margin:auto;
		margin-left:3%;
		margin-top:0.5vh;
		margin-bottom:0.5vh;
		text-align:left;
		padding-left:10%;
		border:thin solid #F9EED8;
	}
	.list_pack:hover{cursor:pointer; border:thin solid #193964;}
	.prixnormal{
		display:inline-block;
		width:30%;
		height:auto;
		vertical-align:baseline;
		text-decoration:line-through;
		font-size:2vh;
		font-weight:normal;
		color:#000000;
	}
	.chp_dim{
		display:inline-block;
		border:thin solid #193964;
		color:#193964;
		font-weight:bold;
		padding-left:1%;
		width:30%;
	}
	.lbl_dim{
		width:30%;
		display:inline-block;
		text-align:right;
		margin-right:1%;
		}
	.tt_dim{
		width:98%;
		margin:0;
		margin-left:3%;
		margin-top:2vh;
		background-color:#193964;
		padding-top:1vh;
		padding-bottom:1vh;
		font-size:2vh;
		font-weight:bold;
		color: #F9EED8;
		border:medium solid #193964;
		
		
		
	}
/* FENETRE-----------------------------------------------------------------------------------------------------------------------------------*/
	.pop{
		position:fixed;
		bottom:0;
		left:1%;
		width:13%;
		height:1vh;
		padding:1%;
		padding-top:1vh;
		padding-bottom:1vh;
		font-size:2vh;
		font-weight: bold;

background: rgba(183,222,237,1);
background: -moz-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,222,237,1)), color-stop(100%, rgba(33,180,226,1)));
background: -webkit-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 100%);
background: -o-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 100%);
background: -ms-linear-gradient(top, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 100%);
background: linear-gradient(to bottom, rgba(183,222,237,1) 0%, rgba(33,180,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#21b4e2', GradientType=0 );


		color:#000000;
		border:thin solid #f9eed8;
		-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
		z-index:5;
		
		-webkit-box-shadow: 0px -3px 19px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -3px 19px 0px rgba(0,0,0,0.75);
box-shadow: 0px -3px 19px 0px rgba(0,0,0,0.75);
		
	}
	.pop img{
	width:auto;
		height:auto;
		max-width:95%;
		max-height:15vh;
		}
	.pop:hover{cursor:pointer;}
	.pop_m{text-decoration:none; color:#00619F;}
	.pop_m:hover{cursor:pointer;text-decoration:underline;}
/*-------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGES PAIEMENT----------------------------------------------------------------------------------------------------------------------------*/
	.payppl{
		width:25%;
		height:auto;
		taxt-align:center;
		margin:auto;
		background-color:#ffffff;
		border:medium solid #F9EED8;
		padding:2%;
		padding-top:2vh;
		display:inline-block;
		vertical-align:middle;
		padding-bottom:2vh;
}
	.payppl:hover{cursor:pointer;border:medium solid #193964;}
	.payinf{
		width:35%;
		height:auto;
		taxt-align:center;
		margin:auto;
		margin-top:3vh;
		font-size:2.5vh;
		font-weight:bold;
		background-color:#ffffff;
		border:medium solid #F9EED8;
		padding:2%;
		padding-top:2vh;
		display:-block;
		padding-bottom:2vh;
}
	.nfocgu{width:80%;height:2vh;font-size:1.5vh;font-weight:bold;color:#FF0000;text-align:center;margin:auto;margin-top:1vh;margin-bottom:1vh;}
	.casecgu{width:3vh;height:3vh;border:thin solid #000000;background-color:#FFFFFF;display:inline-block;vertical-align:middle;position:relative;}
	.tipcgu{width:5vh;height:5vh;position:absolute;top:-1vh;left:-1vh;display:none;}
	.casecgu:hover{cursor:pointer;}
	.txtcgu{width:auto;height:auto;display:inline-block;vertical-align:middle;text-align:left;padding-left:2%;}
	.btncgu{width:auto;height:auto;display:inline-block;vertical-align:middle;text-align:left;padding-left:0.5%;text-decoration:underline;}
	.btncgu:hover{text-decoration:none;color:#000000;cursor:pointer;}
	
	.fen_cgu{
		position:fixed;
		top:10vh;
		bottom:10vh;
		left:10%;
		right:10%;
		padding-top:4vh;
		padding-bottom:4vh;
		padding-left:4%;
		padding-right:4%;
		overflow:auto;
		background-color:#FFFFFF;
		border:medium solid #193964;
		display:none;
		z-index:950;
		text-align:left;
		}
	.btn_qte{
		width:20%;
		height:auto;
		margin-top:0.5vh;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-right:1%;
		padding-left:1%;
		background-color:#193964;
		color:#e2c384;
		border:thin dotted #e2c384;
		text-align:center;
		margin-left:auto;
		display:inline-block;
		vertical-align:middle;
	}
	
	.btn_qte:hover{
		cursor:pointer;
		background-color:#e2c384;
		color:#193964;
		border:thin dotted #193964;
		}
	.affqte{
		width:10%;
		height:auto;
margin-top:0.5vh;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-right:1%;
		padding-left:1%;
		background-color:#FFFFFF;
		color:#193964;
		border:thin solid #193964;
		text-align:center;
		margin-left:auto;
		display:inline-block;
		vertical-align:middle;
	}
	
	.btn_confirm{
		width:auto;
		padding-top:0.5vh;
		padding-bottom:0.5vh;
		padding-left:1%;
		padding-right:1%;
		margin:auto;
		margin-left:1%;
		margin-right:1%;
		margin-top:1vh;
		display:inline-block;
		vertical-align:middle;
		background-color:#e2c384;
		color:#193964;
		border:thin dotted #193964;
	}
	.btn_confirm:hover{
		curdor:pointer;
		background-color:#193964;
		color:#e2c384;
		border:thin dotted #e2c384;
	}
	
	.vign_cpte{
		display:inline-block;
		vertical-align:middle;
		width:auto;
		height:auto;
		max-width:100%;
		max-height:5vh;
		margin-left:0;
		
	}
	.vign_cpte:hover{cursor:pointer;}
/* FOOTER -----------------------------------------------------------------------------------------------------------------------------------*/	
	
	.fen_cpte_com{
		position:fixed;
		z-index:500;
			top:30vh;
	bottom:auto;
	right:35%;
	left:35%;
	border: medium solid #193964;
	padding-bottom:1vh;
	z-index: 30;
	background-color: #F9EED8;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
		
	}
	
	.footer{
		width:100%;
		height:6vh;
		font-weight:bold;
		background-color:#193964;
		color:#E2C384;
		position:fixed;
		bottom:0;
		left:0;
		right:0;
		border-top:thin solid #F9EED8;
		z-index:15;
		font-size:1vh;
		font-weight: normal;
		line-height: 1vh;
		
	}
	.footer h1 { font-size:2vh;
		font-weight: normal;margin-top:0.6vh;color:#FFFFFF;}
	
}