body #wrap{background-attachment:fixed;background-position:center top 26px;background-color: #fff}
body  .intro{
    margin-bottom: 0;
    margin-top: 0;
    display:none;
}
body #header .hlogo a {
	display:block;
	background-size: 100%;
	background-repeat: no-repeat;
	max-width: 1024px;
	width: 40%;
    margin-top: 30px;
   /* margin-right: auto;
	margin-left: auto; */
}
body #header .hlogo {
	position: absolute;
	top: 30px; 
    margin-top: 0px;
	display:block;
}

@media (min-width: 992px) {#header .nav {margin-top: 120px !important;}}
.radio input[type="radio"]:checked ~ lib {color: #00a7e6;}
.don .radio input[type="radio"]:checked ~ .txtMontant {color: #00a7e6;}

#header .nav .text-center.select.epingle { background-color: #00a7e6;}
#header .nav a:hover, #header .nav a.select { border: solid 3px #00a7e6;}
#header .nav {margin-top: 13%;}
.pop {background: #00a7e6;}

.don .montant.oneshot {
    background: #00a7e6 none repeat scroll 0 0;
}
.don .reel {
    background: #00a7e6 none repeat scroll 0 0;
}
.affect .radio input[type="radio"]:checked ~ .circle {
    border: solid 3px #00a7e6;
}

.don .radio input[type="radio"]:checked ~ .circle {
    border: solid 3px #00a7e6;
}

.affect .radio input[type="radio"]:checked ~ .check {
    background: #00a7e6;
}

.don .mondon .duree.select {
  border: 2px solid #00a7e6;
  color: #00a7e6;
}

.don .radio input[type="radio"]:checked ~ .check {background: #00a7e6;}

.coord .comment-field {
    display: block;
}

@media screen and (min-width:768px) {
.don .montant,.don .mondon,.coord .fond,#header .nav{box-shadow:0px 0px 14px #888;-moz-box-shadow:0px 0px 14px #888;-webkit-box-shadow:0px 0px 14px #888}
}
@media screen and (min-width:768px) and (max-width:991px){
	body #wrap{background-position:center top 38px}
}
@media screen and (max-width:767px) {
	#header {
		height: 115px;
	}
	body #wrap{
	 background-image:none;
	 background-color: #222;
	}
	body #header .hlogo {
		position: relative;
		margin-top: 0px;
		display:block;
	}
	 body #header .hlogo a {
		display:block;
		height:136px;
		max-width: 240px;
		width: 95%;
		background-size: 100%;
		background-repeat: no-repeat;
		margin:auto;
	} 
	body .don .montant.oneshot {
		margin-top: 55px;
	}
  
   body #header .hlogo a {
margin-right: auto;
	margin-left: auto;
}
body #header .hlogo {top: 0px;}
  
}
@media screen and (max-width:449px) {
	body #header .identification{
		width:100%;
		float:none;
	}
	body #header .identification a{
		padding: 6px 8px;
	}
	body #wrap .container{
		padding-left:0;
		padding-right:0;
	}
   
}