body { background-color: #ECF0F1;color: #444;}
.cobrand-selector,.nav-wrap{background:#2a386e;display:inline-block;width:100%;padding:0 1em 2em;position:absolute;bottom:100%;left:0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;z-index:1000}
.navbar-fixed-top .nav { padding: 15px 0;}
.navbar a{font-size:.9em;color:#FFF;padding:.5em 0}
.navbar .nav a{font-size:.9em;color: #0CF;padding:.5em 0}
.navbar a:hover{font-size:.9em;color: #C30;padding:.5em 0}
.bgrd { background:#2a386e;color: #FFF;}
@media (max-width: 767px) { 
.navbar-brand {padding: 0;}
.navbar-brand img { margin-top: 5px; margin-left: 5px;}
}
/* Pages static */
#static, #msg{ width:100%; padding-bottom:70px; background:url(../img/bkg_panier.jpg) no-repeat center top fixed; }
#static h2{ text-align:center; display:block; border-bottom:1px solid #000000; margin-top:15px; } 
#static #txt_static{ background-color:#2d2d2c; color:#fff; padding:40px 0; }
#static #txt_static h3{ margin:20px 0; display:block; height:40px; line-height:40px; font-weight:normal; background-color:#4d4d4f; font-size:20px; color:#000000; text-transform:uppercase; padding:0 15px; }
#static #txt_static h4{ margin:15px 0 10px 0; color:#ff0089; text-align:left; font-weight:bold; }
#static #txt_static ul, #static #txt_static ol{ margin-top:10px; }
#static #txt_static p{ font-size:12px; text-align: left; line-height:15px; margin:10px 0 0 0; }
#static #txt_static li{ font-size:12px; text-align: left; line-height:15px; margin:3px 0 0 0; }
#static #txt_static p.up{ font-size:13.5px; }
#static #txt_static a{ color:#ff0089; text-decoration:underline; }
#static #txt_static p span{ color:#ff0089; font-weight:bold; font-size:15px; }
#msg #txt_msg{ background-color:#2d2d2c; color:#fff; padding:40px 0; margin:60px 0 30px 0; }
#footer_top{ padding:10px 0; background-color:#ffffff; }
#footer_top table{ margin:0 auto; padding:0; }
#footer_top table td{ padding:0; }
#footer_top table a{ display:block; width:30px; height:28px; overflow:hidden; font-size:0; margin:0 6px; }
#footer_top table .facebook{ background:url(../img/social_sprite.gif) no-repeat 0 0; }
#footer_top table .twitter{ background:url(../img/social_sprite.gif) no-repeat 0 -33px; }
#footer_top table .linkedin{ background:url(../img/social_sprite.gif) no-repeat 0 -66px; }
#footer_top table .google{ background:url(../img/social_sprite.gif) no-repeat 0 -99px; }
#footer_top h4{ margin-top:30px; }
#footer_top #newsletter{ width:310px; margin:0 auto; }
#footer_top #newsletter input[type="text"], #footer_top #newsletter input[type="email"]{ width:400px; height:50px; border:1px solid #ffffff; background-color:#ff0089; color:#fff; margin:0; font-size:13px; }
#footer_top #newsletter input[type="submit"]{ display:block; background-color:#ff0089; color:#ffffff; border:0; text-align:center; font-size:13px; margin:0; height:38px; width:100px; }
.msg_newsletter{ color:#000; text-align:center; font-size:13px; }
.gmaps{width:100%}.gmaps img{max-width:none}
#gmap{
	width:100%;
	height:400px;
	display:none;	
}
#map-canvas{ height:236px;width:100%; } 
.navbar-nav>li>a { padding-left: 8px;padding-right: 8px;color: #FFF;margin-left: 10px;}
.desti{width:auto;height:auto;color: #FFF;background-color:#66cc00; display:none;}
.logo-deal{font-size:14px;position:absolute;right:950px;top:6px;border-bottom:0;text-align:center;padding:3px 0 3px;width:180px;height:52px;color: #FFF;background-color:#66cc00;border-radius:0}
.member-signin{cursor:pointer;font-size:14px;position:absolute;right:0;top:6px;border-bottom:0;text-align:center;padding:3px 0 3px;width:180px;height:52px;color: #FFF;background-color:#66cc00;border-radius:0}
.controls { margin-top: 16px; border: 1px solid transparent; border-radius: 2px 0 0 2px; box-sizing: border-box; -moz-box-sizing: border-box; height: 32px; margin-left: 16px; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); }
#pac-input { background-color: #fff; padding: 0 11px 0 13px; width: 80%; font-family: Roboto; font-size: 15px; font-weight: 300; text-overflow: ellipsis; }
#pac-input:focus { border-color: #4d90fe; }
.pac-container { font-family: Roboto; }
#type-selector { color: #fff; background-color: #4d90fe; padding: 5px 11px 0px 11px; }
#type-selector label { font-family: Roboto; font-size: 13px; font-weight: 300; }
/*body { background-color: #ECF0F1;color: #444;}*/
a.fermer { display: block; position: absolute; top: 0; right: 0; background: #fff; text-decoration: none; }
a.fermer h2 { line-height: 0; color: #000 }
</style>	
<style>
#cart_button { margin-top: 20px; margin-left: 80px; cursor: pointer; }
#cart_button img { width: 40px; height: 40px; }
#cart_button input[type="button"] { background: none; border: none; background-color: red; border-radius: 100%; height: 30px; width: 30px; margin-top: 0px; color: white; font-size: 17px; cursor: pointer; }
#mycart { display: none; background-color: white; width: 200px; margin-left: 100px; }
#mycart .cart_items { border-bottom: 1px dashed silver; padding: 20px; padding-left: 10px; }
#mycart .cart_items img { width: 70px; height: 50px; float: left; }
#mycart .cart_items p { margin: 0px; font-size: 17px; color: green; }
h1 { margin-top: 100px; color: green; text-align: center; }
#item_div { float: right; margin-right: 60px; }
.items { padding: 20px; background-color: white; width: 200px; height: 200px; margin-top: 20px; box-shadow: 0px 0px 10px 0px #A4A4A4; box-sizing: border-box; float: left; margin: 20px; position: relative; }
.items:hover input[type="button"] { display: block; }
.items input[type="button"] { display: none; background: none; background-color: #3ADF00; width: 150px; height: 50px; border: none; font-size: 20px; color: white; position: absolute; top: 120px; left: 25px; cursor: pointer; }
.items img { width: 100px; height: 50px; }
.items p { color: green; }