/* CSS Document */
/*
doré #B5995E
gris foncé #1A1A1A ou AAAAAA
*/
/* Empilements */
nav {z-index:1111;}
.bandeau {z-index:1;}
body {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	background-color: #FFFFFF;
	color: #000000;
}
h1 {font-size:30px;margin-top:15px; margin-bottom:10px;}
h2 {font-weight:bold;font-size:24px;margin-top:15px;margin-bottom:6px;clear:left;}
h3 {font-size:20px;margin-top:10px;margin-bottom:4px;}
hr {background-color: #B5995E;}
a, a:hover, a:focus {color:#B5995E;text-decoration:underline;}
input[type=text], textarea, input[type=password], select {
	width: 100%;
	clear: left;
	margin: 0 0 5px 0;
	border:none !important;
	border-radius: 0;
	background-color: #AAAAAA !important;
	-webkit-appearance:none;
	padding:0 0 0 5px;
}
input[type=text]:focus, input[type=password]:focus, select:focus {outline:0;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input:-webkit-autofill:focus {
	width: 100%;
	clear: left;
	margin: 0 0 5px 0;
	border:none !important;
	border-radius: 0;
	background-color: #AAAAAA !important;
    -webkit-box-shadow:0 0 0 50px #AAAAAA inset;
	box-shadow:0 0 0 50px #AAAAAA inset;
    -webkit-text-fill-color: #FFF;
}
input[type=submit] {
	margin: 20px auto;
	display:block;
	text-transform: uppercase;
	font-weight: bold;
}
input[type=checkbox] {
	border:1px solid #B5995E;
	border-radius: 0;
	background: #AAAAAA;
}
footer {padding-top:20px; padding-bottom: 20px; background-color: #000000;margin-top:2rem;}
footer, footer a, footer a:hover {color:#FFFFFF;}
/* __________________________________ personnalisation Bootstrap __________________________________ */
.navbar {border-radius:0;margin-bottom:0;}
.navbar-inverse {background-color:#000000;border:0;}
.navbar a {text-decoration: none!important;}
.navbar-inverse .navbar-nav > li > a {color: #FFFFFF;padding-left:10px;padding-right:10px;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #B5995E;background-color:transparent;}
.navbar-inverse .navbar-right > li > a {padding-right:5px;padding-left:5px;}
.navbar-toggle {
	background-color: transparent !important;
	border-color: transparent !important;
    line-height: 1.125em;
    padding: 0.438em 0.625em;
}
.navbar-toggle .icon-bar {
    height: 2px !important;
    width: 18px !important;
	border: 0;
	border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 3px;
}
.dropdown-menu {
    background-color: #000;
    border:0;
    border-radius: 8px;
}
.dropdown-menu > li > a {color: #FFF;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #B5995E;background-color: transparent;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {background-color:#B5995E;color:#000;}
.paddingbottom {padding-bottom: 40px;}
.btn-primary {
	color: #000000;
	border:0;
	background: #B5995E;
	border-radius: 0;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus[disabled], .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #B5995E;
	border-color: #B5995E;
	color:#000000;
}

.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover {background: #000000; color:#FFFFFF;}
.savepurchase {font-size:24px;}
.btn-intro {display: block; padding: 18px 0 0 0;border:1px solid #B5995E;min-height:70px;font-size: 18px;}
.btn-intro.rowx2 {padding-top:8px;}

/* __________________________________ FIN personnalisation Bootstrap __________________________________ */
/* __________________________________ personnalisation JQueryUI __________________________________ */
.radioset, .radioset.ui-controlgroup-horizontal {clear:left !important;}
.ui-icon {display: none;}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #000;
	background: #AAAAAA;
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {color: #FFF;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
	border: 1px solid #000;
	background: #AAAAAA;
	box-shadow: 0 0 3px 1px #AAAAAA;
}
.ui-visual-focus{box-shadow: 0 0 3px 1px #AAAAAA;}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
	border: 1px solid #000;
	background: #B5995E;
	color: #000;
}

.ui-controlgroup > .ui-controlgroup-item,.ui-button {float:left;margin-left:0;margin-right:5px;}
.ui-state-error a:hover, .ui-widget-content .ui-state-error a:hover, .ui-widget-header .ui-state-error a:hover {color:#FFFFFF;}
.ui-state-error.ui-corner-all {padding: 0 0.7em;}
.ui-icon.ui-icon-alert {float: left; margin:3px 0.3em 0 0;}
/* __________________________________ FIN personnalisation JQueryUI __________________________________ */
.mnutrait {width:2px;height:14px;background-color:#B5995E;box-sizing:content-box;padding:0;margin:20px 3px 0 3px;}
.flag {opacity:0.5; float: left;}
.flag.active, .flag:hover {opacity:1;}
.bandeau {
	background-image:url(../pics/fd_bandeau.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	height:200px;
	background-size: auto auto;
	padding-top: 38px;
}
.bandeau .logo {
	width:260px;
	height: 132px;
	margin: 0 auto;
	padding: 5px;
	background-color: rgba(255,255,255,0.8);
}
.pub .borddore, .advertvid .borddore {
	padding:10px;
	min-height: 220px;
	margin-bottom: 20px;
}
.pub .borddore h2, .advertvid .borddore h2 {margin-top:1px;font-size: 18px;}
.glyphicon {margin-right:3px;}
/* __________________________________ LOGIN __________________________________ */
.login h2 {margin-bottom:30px;}
.login h2 .upp {font-size:30px;}
.login label {margin-top: 0!important;}
.login p {font-size:18px;}
#login {padding-top:80px;}
.w80px {width:80px;}
.tablelogin {width:300px; margin:0 auto;}
.tablelogin img {margin:10px;}
label.floatl, .registration label, .profil label  {
	float:left;
	margin: 5px 5px 0 0;
	font-size: 16px;
}

.merchandising .col-xs-12 img {
	max-width: 30%;
	height: auto;
	float: right;
	margin-left:10px;
}
.div1bqimg {min-height:340px;}
audio, video {
	max-width: 100%;
	height:auto;
}
.imgbk {max-width: 150px;}
label[for="util_nom"] {clear:both;}
.mr20 {margin-right:20px;}
.clearleft {clear:left;}

.g-recaptcha {margin-top:20px;}
.potdemiel {display:none;}
.erreur {color:#B5995E;font-weight: bold;}
.txtdore {color:#B5995E;}
.borddore {border:1px solid #B5995E;}
.spacer {width:100%;clear:both;height:0;}
@media (max-width: 1199px) {
	.pub .borddore {min-height: 260px;}
}
@media (max-width: 991px) {
	.pub .borddore {min-height: 260px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-inverse .navbar-nav > li > a {padding-left:4px;padding-right:4px;}
	.navbar-inverse .navbar-right > li > a {padding-right:2px;padding-left:2px;}
}
@media (max-width: 767px) {
	.mnutrait {display:none !important;}
	.picto {display:none !important;}
	.navbar-toggle {float:left;margin-right:5px;margin-left:5px;}
	.partage {display:none;}
	.pub .borddore {min-height: 330px;}
	.div1bqimg, .div1ftv {min-height:0;}
}
@media (max-width:600px) {
}
@media (max-width:500px) {
}
@media (max-width:450px) {
	.pub .col-xs-6 {width:100%;}
	.pub .borddore {min-height: 0;}
}