body {
	padding-top:65px;

	background:linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.5)) fixed,#009999 url('christmas/blue-winter-snowflakes-background.jpg')right top repeat fixed;

/*	background:linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0.7)) fixed,#009999 url('christmas/christmas-snowing-background-2021.jpg')right top repeat fixed;*/
/* NOEL background:linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0.7)) fixed,#009999 url('christmas/christmas-snowing-background-2021.jpg')right top repeat fixed; */ 		
/* UA   background:linear-gradient(to bottom, rgba(0,91,168,0.8) 0 52%, rgba(255,214,0,0.85) 52% 100%) fixed,#009999 url('pages/fond.png')right top repeat fixed; */
/* QEII	background:linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.7)) fixed,#009999 url('background3.jpg')right top repeat fixed; */
	
}
a:focus, .btn:focus {
	outline: none;
	outline-offset: none;
}
#corps {
	min-height:600px;
}
#corps .btn-primary {
	background:#FF9340;
	background:#FF9340 linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0));
	border-color:rgba(0,0,0,0.2);
}
#corps .btn-primary:hover {
	background:#006666;
	background:#FF9340 linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0));
}
hgroup h1 {
	margin-bottom:0px;
}
hgroup h1 + h2 {
	color:#333;
	margin-top:0px;
	font-size:1.4em;
}
h1 > i, .modal h4 i {
	color:rgba(0,0,0,0.1);
}
.margin {
	margin-bottom:15px;
}
.well {
	padding:0% 15px;
	background:rgba(255,255,255,1);
	box-shadow:0 2px 1px rgba(0,0,0,0.4);
	border-radius:5px 5px 15px 15px;
	border-color:#009999;
	border-bottom:7px solid #009999;
	border-top:1px solid #0ec2c4;
}
.well.well-surbrillance{
	background:#efefef;
	text-shadow:0px 1px 0px white;
	color:#333;
}
.well.well-surbrillance .tooltip{
	text-shadow:none;
}
.well.padding, .tab-pane.padding {
	padding-top:15px;
}
.well .lien a i {
	display:inline-block;
	-webkit-transition: margin 0.5s;
    transition: margin 0.5s;
}
.well .lien a:hover i {
	margin-left:10px;
}
.well .lien a:hover i.fa-angle-double-left {
	margin-left:0px;
	margin-right:10px;
}
.well .lien {
	margin:0px;
}
.well .lien a{
	text-align:center;
	padding:10px;
	background:rgba(0,153,153,0.8);
	border-top:1px solid rgba(0,0,0,0.4);
	border-bottom:1px solid rgba(0,0,0,0.4);
	margin:15px -15px;
	display:block;
	color:white;
	font-weight:bold;
}
.well .lien a:hover{
	background:rgba(0,153,153,0.6);
	text-decoration:none;
}
.well .lien.last a{
	margin:15px -15px 0px;
	border-bottom:none;
	border-radius:0 0 8px 8px;
}
h1, h2, .color {
	color:#006666;
}
/* header */
.navbar-fixed-top .navbar-brand {
	padding-top:0px;
}
.navbar-fixed-top .dropdown-menu li a:hover {
	background:#009999;
	color:white;
}
#recherche-box {
	padding-top:5px;
	padding-bottom:5px;
}
#recherche-box .form-control {
	border-color:#006666;
}
#recherche-box .btn {
	/* commenter lignes 1 et 3 si fond d'ecran */
	/* background:none; */
	border:1px solid rgba(255,255,255,0.6);
	/* color:white; */
}
#recherche-box .btn:hover {
	background:#006666;
	border-color:#006666;
}
.upline {
	font-size:18px;
	color:rgba(0,0,0,0.8);
	letter-spacing:1px;
}

/* .navbar-default */
header .navbar-default {
	background:#FF9340;
	border:none;
	border-bottom:7px solid rgba(0,0,0,0.4);
	border-radius:0 0 15px 15px;
	z-index:2;
	box-shadow:0 2px 1px rgba(0,0,0,0.4);
}
header .navbar-default .navbar-brand {
	color:black;
}
header .navbar-default .navbar-brand:hover {
	color:white;
	text-shadow:none;
}
header .navbar-default .navbar-brand, header .navbar-default .navbar-nav > li > a{
	color:black;
}
header .navbar-default .navbar-nav > li.open > a, header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > li.open > a:focus {
	background:#FF9340;
	color:rgba(255,255,255,1);
	box-shadow:0px 1px 2px rgba(0,0,0,0.8)inset;
	text-shadow:none;
}
header .navbar-default .dropdown-menu li a:hover {
	background:#FF9340;
}
header .navbar-default .navbar-toggle {
	border-color:rgba(0,0,0,1);
}
header .navbar-default .navbar-toggle .icon-bar {
	background-color:rgba(0,0,0,1);
}
header .navbar-default li.off a{
	color:white;
}
header .navbar-default li.off a:hover{
	background:red;
}
@media (min-width: 768px) {
	header .navbar-default .navbar-nav > li > a {
		position:relative;
	}
	header .navbar-default .navbar-nav > li > a span{
		position:absolute;
		bottom:100%;
		left:30%;
		display:block;
		background:#FF9340;
		margin-bottom:-1px;
		padding:3px 7px 0 3px;
		border-radius:20px 20px 0 0;
		border-top:1px solid black;
		border-bottom:none;
		font-size:0.9em;
	}
	header .navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li.open > a:focus span, .navbar-default .navbar-nav > li.open > a span{
		display:none;
	}
	header .navbar-default .navbar-nav > li > a span i {
		color:rgba(255,255,255,1);
		font-size:1.2em;
	}
}
@media (max-width: 767px) {
	header .navbar-default .navbar-nav > li > a span{
		color:rgba(255,255,255,0.6);
	}
}
#contact-preview {
	position:relative;
	height:114px;/* NOEL : commenter les quatre lignes 
	background:#005555 url('pages/fond-contact.png')right -20px repeat;
	background-size:auto 45%;
	border:1px solid black;
	border-radius:5px 5px 0 0;  */ 
}
#contact-preview img{
	position:absolute;
	width:122px;
	height:107px;
	border:7px solid #FF9340;
	border-left:15px solid #FF9340;
	border-bottom:none;
	bottom:-7px;
	left:-1px;
	z-index:3;
	border-radius:0 30px 0 0;
}
#contact-preview .pub{
	margin-left:137px;
	margin-right:15px;
	margin-top:10px;
	text-align:center;
}
@media (min-width: 768px) {
	body {
		padding-top:65px;
	}
	.navbar-fixed-top .navbar-nav.connexion >li>a{
		background:#FF9340;
		text-shadow:none;
		color:#222;
		margin-right:15px;
	}
}
@media (max-width: 767px) {
}

/* footer */
footer {
	padding-top:150px;
	background: url('pages/footer.png')right top no-repeat;
	position:relative;
	overflow:hidden;
}
footer > img{
	position:absolute;
	top:140px;
}
footer > img.droite{
	right:-10px;
}
footer > img.gauche{
	right:220px;
}
footer .container-footer{
	background:#005555;
	background:#005555 linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));
	padding-top:30px;
	padding-bottom:30px;
	color:rgba(255,255,255,0.6);
	text-align:center;
	border-top:7px solid #009999;
	border-radius:0;
}
footer a{
	color:white;
}

/* Timbres */
.liste-timbre .timbre {

}
.liste-timbre.dispo .timbre {
	border-color:#49c328;
}
.liste-timbre.manco .timbre {
	border-color:#ff6161;
}
.liste-timbre .timbre h2, .liste-timbre .timbre h3, .liste-timbre .timbre h4, .liste-timbre .timbre h5, .liste-timbre .timbre h6 {
	font-size:0.9em;
	margin:5px 0;
	font-weight:bold;
}
.liste-timbre .timbre .image {
	text-align:center;
	position:relative;
}
.liste-timbre .timbre .image span{
	position:absolute;
	top:0px;
	right:0px;
	color:black;
	font-size:1em;
	background:#FF9340;
}
.liste-timbre .timbre .image .rightdown{
	position:absolute;
	bottom:0;
	right:15px;
	color:yellow;
	background:black;
}
.liste-timbre .timbre .image a {
	display:block;
	background:#222;
	-webkit-transition: background 0.3s;
    transition: background 0.3s;
    border:1px solid rgba(0,0,0,0.1);
    border-bottom:none;
    border-radius:3px 3px 0 0;
}
.liste-timbre .timbre .image a:hover {
	background:rgba(0,153,153,1);
}
.liste-timbre .timbre .image a:hover img{
	opacity:0.7;
}
.liste-timbre .timbre .image a img{
	max-width:100%;
	max-height:90px;
}
.liste-timbre .timbre .infos ul{
	font-size:0.9em;
	color:rgba(0,0,0,0.6);
	padding:5px;
	border:1px solid rgba(0,0,0,0.4);
	border-bottom:3px solid rgba(0,0,0,0.4);
	border-radius:0 0 5px 5px;
}
.liste-timbre .timbre:hover .infos ul{
	background:rgba(0,153,153,0.05);
}
h1.dispo,h2.dispo,h3.dispo,h4.dispo,h5.dispo,h6.dispo,h1 .dispo,h2 .dispo,h3 .dispo,h4 .dispo,h5 .dispo,h6 .dispo, .color-dispo{
	color:green;
}
h1.manco,h2.manco,h3.manco,h4.manco,h5.manco,h6.manco,h1 .manco,h2 .manco,h3 .manco,h4 .manco,h5 .manco,h6 .manco, .color-manco{
	color:#d21d1d;
}
.background-dispo {
	background-color:green;
	color:white;
}
.background-manco {
	background-color:#d21d1d;
	color:white;
}

/* Identification */
.liste-identification .identification .image a{
	background:#222;
	text-align:center;
	display:block;
	padding:0px 5px;
	border:1px solid rgba(0,0,0,0.1);
	border-radius:3px;
	-webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.liste-identification .identification .image img{
	max-width:100%;
	max-height:90px;
	margin:0 auto;
}
.liste-identification .identification .image a:hover {
	background:rgba(0,153,153,1);
}
.liste-identification .identification .image a:hover img{
	opacity:0.7;
}
.liste-identification blockquote {
	font-size:0.9em;
	text-align:right;
	border:1px solid #ccc;
	border-left:3px solid #ccc;
	border-radius:3px 0 0 3px;
	background:#efefef;
	margin-top:15px;
}
.modal-identification {
	text-align:center;
}
.modal-identification img {
	max-width:100%;
	margin-bottom:5px;
}
#liste-reponse .avatar {
	text-align:center;
}
#liste-reponse .avatar img{
	max-width:100%;
	max-height:60px;
}
#liste-reponse blockquote{
	padding:2px 15px;
	border:none;
}

/* Annonce */
.liste-annonce .annonce h1, .liste-annonce .annonce h2, .liste-annonce .annonce h3, .liste-annonce .annonce h4, .liste-annonce .annonce h5, .liste-annonce .annonce h6{
	font-size:1.2em;
	margin-bottom:5px;
	font-weight:bold;
	color:black;
}
.liste-annonce blockquote {
	font-size:0.9em;
	text-align:right;
	border:1px solid #ccc;
	border-left:3px solid #ccc;
	border-radius:3px 0 0 3px;
	background:#efefef;
}
/* Opinion */
.liste-opinion blockquote {
	text-align:right;
	border:none;
	border-top:1px dashed rgba(0,0,0,0.15);
	margin:0px;
	font-size:0.9em;
	padding-bottom:0px;
	color:rgba(0,0,0,0.6);
}

.liste-opinion .opinion {
	margin-bottom:15px;
	position:relative;
}
.liste-opinion .image {
	position:absolute;
}
.liste-opinion .commentaire {
	margin-left:50px;
	min-height:40px;
	padding:10px;
	border-radius:5px 10px 10px 10px;
}
.liste-opinion .commentaire { position: relative; background: #ffffff; border: 1px solid #b5b5b5; border-right:3px solid #b5b5b5; border-bottom:3px solid #b5b5b5;}
.liste-opinion .commentaire:after, .liste-opinion .commentaire:before { right: 100%; top: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.liste-opinion .commentaire:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 6px; margin-top: -6px; }
.liste-opinion .commentaire:before { border-color: rgba(181, 181, 181, 0); border-right-color: #b5b5b5; border-width: 7px; margin-top: -7px; }
/* modal */
.modal-footer .btn {
	margin-left:5px;
}

/* loading */
p.loading {
	text-align:center;
	margin:15px 0;
	font-size:2em;
	color:#009999;
}

/* breadcrumb */
.well > .breadcrumb {
	margin:0px -15px 15px;
	background:rgba(0,153,153,1);
	border-radius:3px 3px 0 0;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.well > .breadcrumb a{
	color:white;
}
.well > .breadcrumb .active{
	color:rgba(0,0,0,0.6);
}

/* filtre */
.filtre .radio {
	font-size:0.9em;
}
.well .filtre {
	background:rgba(0,0,0,0.05);
	background:rgba(0,0,0,0.05) linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0.15)80%);
	margin:0 -15px;
	padding:15px 15px;
	box-shadow:0 -1px 1px rgba(0,0,0,0.6),0 1px 2px rgba(255,255,255,0.8)inset;
}

/* modal */
.modal-footer, .modal-header {
	border-color:rgba(0,0,0,0.1);
}

/* Pub header */
.pub-header {
	background:rgba(0,0,0,0.1);
	padding:5px 0;
	margin-bottom:15px;
}
.timbre-pub {
	text-align:center;
	background:rgba(0,0,0,0.9);
	padding:5px;
	margin-bottom:15px;
	border:5px solid rgba(255,255,255,0.3);
}