html {position: relative; min-height: 100%;}
body { margin-bottom: 70px;}

/** POLICY **/
body {font-family:'Montserrat', sans-serif; font-size:14px}
h1,h2 {font-family:'Kaushan Script', cursive}

/** COLOR **/
h2,h3,h4,
a, a:hover, .btn-link, .btn-link:hover,
#footer a, #footer a:link, #footer a:hover, #footer a:active, #footer a:visited,
.mosaique a.mosaique_link span.prix {color:#6682AF}

/** TEMPLATE **/
#bandeau {background:url(images/background.jpg) no-repeat center -450px fixed; -webkit-background-size:cover; background-size:cover;}
#footer {background:url(images/background.jpg) no-repeat center bottom fixed; -webkit-background-size:cover; background-size:cover;}

#bandeau {margin-bottom:0;}
#footer {position:absolute; bottom: 0; width: 100%; height: 40px}
#footer .container {font-size:0.9em; text-align:center; padding-top:10px}
#footer a, #footer a:link, #footer a:hover, #footer a:active, #footer a:visited, #footer p {color:#fff}
#contenu {position:inherit; padding:0 10px}
.breadcrumb {background-color:initial; margin-bottom: 0;}

/** GLOBAL **/
.list-striped>*:nth-of-type(odd) {background-color:#E9F0FB}
img {max-width:100%}

h1 {margin-top:0}
h2 {font-size:2.4em; margin-top:10px}

/** HEADER **/
#bandeau #bandeau-inner {text-align:center; padding:60px 0}
#bandeau #bandeau-inner img {display:none}
#bandeau h1 a, #bandeau h1 a:hover, #bandeau small {text-decoration:none; color:#fff;}
#bandeau h1 span.title-env {color:red}
#bandeau h1 a {font-size:1.3em}
#bandeau small {font-size:0.6em; display:block}
.navbar {border-top:none}

.navbar-default {background-color:transparent; border-color:transparent;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color:transparent;}

/** MOSAIQUE **/
.filter_articles select {width: auto; display: inline;}
.mosaique div.mosaique_item {display:block; float:left; width:50%; padding:5px}
.mosaique a.mosaique_link {display:block; border:1px solid #DDD; height:215px; border-radius:10px; overflow:hidden; text-align:center; text-decoration:none}
.mosaique a.mosaique_link:hover {border:1px solid #26426F}
.mosaique a.mosaique_link span.fill {overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center; display:block; height:155px}
.mosaique a.mosaique_link span.texte {display:block; font-size:0.9em; padding:5px}
.mosaique a.mosaique_link span.prix {font-weight:bold; white-space:nowrap}

/** FICHE **/
#fiche_article #image {padding:10px 0}
#fiche_article #image img {border-radius:10px; max-width:100%}
#fiche_article #supplements input.checkbox {display:initial; min-height:auto}
#fiche_article #liste_image { margin:10px}
#fiche_article #liste_image img { border:1px solid #DDD; padding:5px; margin:5px; max-width:40%; max-height: 130px}
#fiche_article #liste_image img:hover {	border:1px solid #997B33; cursor:pointer}

/** PANIER **/
#table_panier span.option {display:block; font-size:0.9em}
#table_panier .input-group input.form-control, #table_panier .input-group .input-group-btn {width: auto}
#facture .form-group {margin-bottom:0}

/** LIVRE D'OR **/
#livre .avis {border-radius:10px; padding:10px}

/** RECHERCHE **/
#formulaire_recherche #prix_deb, #formulaire_recherche #prix_fin, #formulaire_recherche #age_deb, #formulaire_recherche #age_fin {width:100px; display:inline-block}

/** LIENS **/
#liens .lien {border-radius:10px; padding:10px}

/** RESPONSIVE **/
@media (min-width:768px) {
/* 	#bandeau {background-color:green} */
	img {max-width:none}
	.navbar .container-fluid, #wrapper, #bandeau-inner, #footer .container {width:728px; margin:0 auto}
	#bandeau h1 a {font-size:1.8em}
	#bandeau #bandeau-inner {text-align:left; padding:180px 0 20px 0}
	#bandeau #bandeau-inner img {display:initial; margin:0 30px 0 60px}
	.mosaique div.mosaique_item {width:33%}
	#table_panier #pu, #table_panier #qte, #table_panier #total {width:18%}
	.filter_articles {margin:10px 0}
	#fiche_article #liste_image img {max-width:auto}
}
@media (min-width:992px) {
/* 	#bandeau {background-color:blue} */
	.navbar .container-fluid, #wrapper, #bandeau-inner, #footer .container {width:952px}
	#bandeau h1 a {font-size:2em}
	.mosaique div.mosaique_item {width:25%}
	#table_panier #pu, #table_panier #qte, #table_panier #total {width:12%}
}
@media (min-width:1200px) {
/* 	#bandeau {background-color:red} */
	.navbar .container-fluid, #wrapper, #bandeau-inner, #footer .container {width:1160px}
	#bandeau h1 a {font-size:2.2em}
	#bandeau small {font-size:0.7em}
	.mosaique div.mosaique_item {width:20%}
	#table_panier #pu, #table_panier #qte, #table_panier #total {width:10%}
}
@media (min-width:1800px) {
	#bandeau {background-position: center -650px;}
}