@import "https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900";
.hide{position:absolute!important;left:-10000px!important;top:-10000px!important;display:block!important;width:auto!important;height:auto!important}
.equivalence .visuel{display:none}
.equivalence .texte p.prix{margin:0}
.equivalence .texte p.prix+p{display:none}
.clear{clear:both}
.nopad{padding-left:0;padding-right:0}
.container{padding-left:5px;padding-right:5px}
.checkbox+.checkbox,.radio+.radio{margin-top:10px}
.modal-content .modal-header{padding:0}
.modal-header .close:hover{background:#868889}
.modal-header .close{margin-top:0;background:#e2001a;opacity:1;text-shadow:none;color:#fff;padding:0 8px;font-size:39px;font-weight:300}
.modal-title{margin:0;line-height:39px;height:39px;padding-left:30px;color:#fff;background:#000;font-size:14px}
.modal-title.white{background:#fff}
.modal.in .modal-dialog .modal-content{border-radius:0;box-shadow:none;border:none;width:100%}
.modal.in .modal-dialog .modal-content h2{margin:0 0 15px;color:#000;font-weight:600;font-size:13px;text-transform:uppercase}
.modal.in .modal-dialog .modal-content .form-group{margin-bottom:15px}
.modal.in .modal-dialog .modal-body{padding:12px 30px 24px;color:#000;font-size:13px;text-align:center}
.modal-dialog{margin:10px auto}
#expliCrypto .modal-dialog{max-width:291px}
#contact .modal-dialog{max-width:305px}
#contact img{margin-top:10px}
.modal-dialog .help{font-size:10px;margin-bottom:10px}
#espaced .modal-dialog,#identif .modal-dialog,#oublimdp .modal-dialog,#oubliident .modal-dialog{max-width:410px}
#espaced .modal-dialog button.valid,#identif .modal-dialog button.valid,#oublimdp .modal-dialog button.valid,#oubliident .modal-dialog button.valid{margin-top:15px}
#expliCrypto .modal-dialog img{max-width:100%}
a.oubli{background:url(../images/puce.jpg) left center no-repeat;padding-left:12px;color:#000;text-decoration:underline;font-size:10px}
html{height:100%}
body{background:#868889;height:100%;font-family:"RobotoDraft","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif}
#header{background:#fff;height:110px;position:relative}
#header .identification{margin-right:5px;padding:0;position:absolute;right:0;top:50%;transform:translate(0,-50%);max-width:40%}
#header .identification a{color:#fff;font-size:9px;padding:6px 12px;text-transform:uppercase;display:block;margin:5px 0;background:#e2001a;text-align:center;border: 1px solid transparent;border-radius: 4px;}
#header .identification a:hover{background:#e2001a;text-decoration:none}
#header .hlogo{max-width:55%;text-align:left;position:absolute;top:50%;transform:translate(0,-50%)}
#header .hlogo img{max-height:90px;margin:10px 0;max-width:100%}
.coord .help-block {display:none;}
.form-group.col-xs-12.company-field {margin-top: 20px;}
.intro.text-center.col-xs-12.hidden-xs {display: none;}
.fond-couleur{background:#868889;color:#fff}
.paiementErreur .fond-couleur,.confirmation .fond-couleur{color:#000}
.fond{background:#fff}
.espace-donateur{margin-top:15px;padding-left:0;background:#fff;padding-right:0}
.espace-donateur>div{background:none;padding:20px 34px}
.espace-donateur.fond-couleur>div{border:2px solid #FFF;background:#868889;color:#fff}
div.mobile-field{display:none}
div.locality-field{display:none}
div.comment-field{display:none}
div.count{display:none}
.coord .fond{padding-bottom:18px}
.coord,.don,.paie{padding-left:0;padding-right:0;margin-top:15px}
.paiement-externe{padding-left:0;padding-right:0;margin-top:15px}
.paiement-externe .fond{padding-bottom:18px}
.button{background:#e2001a;color:#fff;border:none;font-size:12px;padding:7px 15px;cursor:pointer;display:inline-block;border-radius:0}
.button:hover{background:#868889}
.paiement-externe .button{margin-top:25px}
.paiement-externe .col-xs-6{text-align:center;height:68px}
.paiement-externe .col-xs-6 img{max-height:68px;max-width:100%}
.coord .help-block,.coord2 .help-block{margin-top:35px;margin-bottom:20px;font:normal 10px Arial;color:#000}
.coord .help-block a,.coord2 .help-block a{color:#000;font:bold 13px Arial}
.form-control{height:26px;border-radius:0;border:solid 1px #c1c1c2!important;color:#000;padding-top:3px;padding-bottom:3px}
.form-group.error input.form-control:focus,input.form-control:focus{box-shadow:none}
.form-group.error{color:#f11337}
.error .form-control{border:solid 1px #f11337!important;background-color:#f2dede}
input.form-control:-ms-input-placeholder{color:#b8b7b7}
input.form-control::-webkit-input-placeholder{color:#b8b7b7}
input.form-control::-moz-placeholder{color:#b8b7b7}
.form-group.error input.form-control:-ms-input-placeholder{color:#f11337}
.form-group.error input.form-control::-webkit-input-placeholder{color:#f11337}
.form-group.error input.form-control::-moz-placeholder{color:#f11337}
.coord select.form-control option,.coord2 select.form-control option{padding-left:0!important}
.coord textarea.form-control,.coord2 textarea.form-control{height:148px;overflow-y:scroll;resize:none}
.coord .count,.coord2 .count{font-size:10px;color:#000}
.coord .count span,.coord2 .count span{font-weight:700}
.coord2{padding:0;margin-top:15px}
div.cardType .radio label{padding-left:25px}
.confirmation .don{padding-left:0}
.don .confirmation{background:#fff;padding:20px 34px}
.don .montant.month{background:url(../images/barre_montant.jpg) 83% center no-repeat #868889;color:#fff;padding:15px 34px}
.don .montant.oneshot{background-color:#fff;border:3px #fff solid;padding:5px 18px;margin-top:0}
.don .montant.oneshot table,.don .montant.month table{margin-top:0;margin-bottom:0}
.don .montant.oneshot table tr td,.don .montant.month table tr td{border-top:none;vertical-align:middle;padding:0}
.don .montant.oneshot table tr td.txt,.don .montant.month table tr td.txt{font-size:1.2em;line-height:1.5em;max-width:200px;min-width:100px}
.don .montant.oneshot table tr,.don .montant.month table tr{line-height:1.5em}
.don .montant.oneshot table tr td.txt span,.don .montant.month table tr td.txt span{font-size:1.6em}
.don .montant.oneshot table tr td.chiffre,.don .montant.month table tr td.chiffre{font-size:4em}
.don .montant.oneshot table tr td.chiffre>span,.don .montant.month table tr td.chiffre>span{font-size:.7em;font-weight:400}
.don .montant.oneshot table tr td.chiffre>span>span,.don .montant.month table tr td.chiffre>span>span{font-size:.3em;font-weight:400}
.don .montant.oneshot table tr td.text-right,.don .montant.month table tr td.text-right{font-size:.7em;font-weight:700}
.checkbox.circle label{color:#000}
.optin .checkbox.circle label .ripple{margin-top:5px;left:-12px}
.optin .checkbox.circle span.check{margin-top:5px;margin-left:5px}
.checkbox.circle span.check{position:absolute;margin-left:15px}
.affect{margin-top:15px;background:rgba(255,255,255,0.4);border:solid #FFF 2px;padding:20px 30px}
.affect h2{margin:15px 0 10px;font-size:13px;text-transform:uppercase;font-weight:600}
.affect .radio label{padding-left:35px;font-weight:400;color:#000}
.affect .radio label span{top:5px}
.affect .radio label .circle{border:none;height:10px;width:10px;background:#a8a7a7}
.affect .radio label .check{width:11px;height:11px}
.affect .radio input[type=radio]:checked ~ .check{background:#e2001a;transform:scale(0.55)}
.affect .radio input[type=radio]:checked ~ .circle{border:solid 3px #e2001a}
.don .mondon.paiement,.paie .mondon.paiement{background:#fff;margin-top:0;margin-bottom:15px}
.don .mondon,.paie .mondon{background:#fff;margin-top:15px;padding:15px 30px 20px}
.don .mondon h2,.paie .mondon h2{margin:15px 0 10px;font-size:13px;text-transform:uppercase;font-weight:600}
.don .mondon .duree{background:#f3f4f4;color:#000;text-align:center;font-size:12px;padding-top:8px;padding-bottom:7px;line-height:12px;cursor:pointer}
.don .mondon .duree.select{background:#e2001a;color:#fff}
.don .mondon .duree div{font-size:9px}
.don .mondon h3{font-size:11px;margin:5px 0}
.don .mondon .radio{padding:0}
.don .mondon .radio label{padding-left:35px;font-weight:400;color:#000}
.don .mondon .amountOneshotSection .radio label,.don .mondon .amountPrelSection .radio label{font-size:1.4em}
.don .mondon .amountOneshotSection .radio label span,.don .mondon .amountPrelSection .radio label span{top:9px}
.don .radio label span{top:5px}
.paiement .radio label span{top:10px}
.don .radio label .circle,.paiement .radio label .circle{border:none;height:10px;width:10px;background:#a8a7a7}
.don .radio label .check,.paiement .radio label .check{height:11px;width:11px}
.don .radio input[type=radio]:checked ~ .check,.paiement .radio input[type=radio]:checked ~ .check,.mondon .radio input[type=radio]:checked ~ .check{background:#e2001a;transform:scale(0.55)}
.don .radio input[type=radio]:checked ~ .circle,.paiement .radio input[type=radio]:checked ~ .circle,.mondon .radio input[type=radio]:checked ~ .circle{border:solid 3px #e2001a}
.checkbox input[type=checkbox]:checked ~ .check::before,.checkbox input[type=radio]:checked ~ .check::before{color:#e2001a;transform:scale(0.55)}
.don .li input{border-radius:0}
.don .libre,.don .euro{font-weight:400;padding:0;line-height:30px;width:auto;color:#000}
.don .impot{color:#000;font-size:14px}
.don .reel{border:2px solid;color:#868889;background:none;padding:5px 10px;margin-top:8px;font-size:14px}
.don .reel b{font-size:14px}
.don .mondon.prelev,.don .mondon.cb{position:relative;margin-top:0}
img.confiance{position:absolute;right:32px;top:-32px;z-index:9}
label.iban{text-transform:uppercase;font-size:12px;font-weight:400}
input.iban{float:left;padding:0;margin-right:.5%;text-align:center}
.prelev input{margin-bottom:7px}
.don .prelev .button,.don .cb .button,.don .paypal .button,.don .cheque .button{margin-top:7px}
.don .cb .img{padding:0}
.don .cb .img img{max-width:100%}
.don .cb label.date{font-weight:400;padding:0;width:auto;color:#000}
.don .cb select.validite,.paie .cb select.validite{width:23%;padding:0;margin-left:3px;float:left}
.paie .cb input.crypto,.don .cb input.crypto{width:55%;float:left}
.container .cb input.crypto{width:90px}
.paie .cb img.info,.don .cb img.info{float:left;margin:5px 0 0 10px;cursor:pointer}
.cartContent{padding-top:15px;padding-bottom:15px}
img.couverture{width:100%;max-width:150px;max-height:210px}
div.couverture{padding-left:0;padding-right:0}
.ibanGroup .form-control-wrapper{float:left;margin-right:.5%;width:13.75%}
#wrap{min-height:100%;background:#868889;background-size:cover}
#wrap>.container{overflow:auto;padding-bottom:125px}
#footer{position:relative;clear:both;height:105px;margin-top:-105px;padding-top:20px;padding-bottom:20px;background:#fff}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px}
#footer .col-xs-12{padding:0}
#footer a{color:#000;font-size:12px}
.loader-message{font-family:Arial,serif;font-weight:400;font-size:14px;color:#000;white-space:nowrap}
#coordPosNumber{width:2px;display:none}
label.label-po{display:none;color:#000;font-weight:400;margin-bottom:2px}
tr.impair{background-color:#eee}
table.historique{width:100%;font-size:13px}
table.historique caption{font-size:14px}
table.historique,table.historique th{text-align:center}
#wrap{background-repeat:no-repeat;background-position:center top}
img.typeCarte{width:60px}
#wrap.espaceDo{background-image:url(../images/fond_donateur.jpg);background-color:#ffefc1;min-height:100%}
div.lienEDDon,div.lienEDAbo{text-align:center;padding-bottom:25px;font-weight:700}
div.presAboED{margin-top:20px;margin-bottom:20px}
.container.col3 .intro{display:none}
.container.col3 .coord,.container.col3 .don,.container.col3 .paie{padding-left:0}
.container.col3 div.titreCol{display:none}
.container.col3 .affect{margin-top:0;margin-bottom:15px}
.module{background:#fff none repeat scroll 0 0}
.container.col3 .don{float:left;padding-left:0}
.container.col3 .cb input.crypto{margin-left:7px;padding-left:6px;padding-right:6px;width:90px}
div.titleThumbnails{width:100%;white-space:unset}
div.titleThumbnail{display:block;float:left;text-align:center}
body.reader{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw}
div.titleThumbnails_1 div.titleThumbnail,div.titleThumbnails_2 div.titleThumbnail,div.titleThumbnails_3 div.titleThumbnail,div.titleThumbnails_4 div.titleThumbnail{width:100%}

@media (min-width:400px) {
	div.titleThumbnails_2 div.titleThumbnail,div.titleThumbnails_3 div.titleThumbnail,div.titleThumbnails_4 div.titleThumbnail{width:49%}
}
  @media (max-width: 611px) { .cookie {height:  88px!important;}}
  @media (max-width: 416px) { .cookie {height: 115px!important;}}
  @media (max-width: 350px) { .cookie {height: 140px!important;}}
@media (min-width:540px) {
	#header .identification{margin-right:12px}
	div.titleThumbnails_3 div.titleThumbnail,div.titleThumbnails_4 div.titleThumbnail{width:33%}
	#header{height:110px;background:none}
	.intro{color:#fff;font-size:14px;font-weight:700;margin-top:26px;margin-bottom:20px;line-height:22px}
	.intro span{margin-right:10px}
	.coord{padding-left:0;padding-right:7.5px;float:left}
	.don{padding-left:7.5px;padding-right:0;float:right}
	.paiementErreur .don{padding-left:0}
	.paie{padding-left:7.5px}
	.don .montant table tr td{line-height:1}
	.don .montant.month table tr td.txt{font-size:.75em;line-height:1.5em}
	.don .montant.month table tr td.txt span{font-size:1.6em}
	.don .montant.month table tr td.chiffre{font-size:2.5em}
	.don .montant.month table tr td.text-right{font-size:.7em}
	#wrap>.container{overflow:auto;padding-bottom:105px}
	#footer{height:85px;margin-top:-85px;padding-top:15px}
	.modal-dialog{margin:30px auto}
	#coordPosNumber{width:1px;display:none}
	img.typeCarte{width:50px}
	.container.col3 .don{padding-right:7.5px}
	.prelev .ibanGroup .form-control-wrapper{width:24.25%}
}
@media (min-width:700px) {
	div.titleThumbnails_4 div.titleThumbnail{width:24.5%}
}
@media (min-width:768px) {
	.col-sm-offset-3{margin-left:0%}
	.don .montant.oneshot{padding:18px;margin-top:0}
	#header .identification{margin-right:50px}
}

.nav.hidden-xs.hidden-sm{display:none}
@media (min-width:992px) {
	.nav.hidden-xs.hidden-sm{display:block}
	.container{width:750px}
	#header{height:150px}
	#header .hlogo{text-align:center;position:relative;transform:none;top:0;max-width:100%}
	#header .identification{transform:none;top:0;position:relative;max-width:100%}
	#header .identification a{display:inline-block;margin:5px 5px}
	#header .hlogo img{max-height:100px}
	#header .nav{background:#fff;margin-top:0;position:relative;padding:0}
	#header .nav .text-center.select.epingle{background-color:#e2001a;color:#fff}
	#header .nav a{color:#e2001a;text-transform:uppercase;font-size:16px;font-weight:700;padding:5px 0;text-decoration:none;border:solid 3px #fff}
	#header .nav div.title{color:#e2001a;text-transform:uppercase;font-size:16px;font-weight:700;padding:5px 0;text-decoration:none;border:solid 3px #fff}
	#header .nav a:hover,#header .nav a.select{text-decoration:none;color:#e2001a;border:solid 3px #e2001a}
	.coord .help-block{font:normal 13px Arial}
	.pop{display:none;position:absolute;top:38px;background:rgba(0,0,0,0.9);padding:35px;color:#fff;width:460px;font-size:12px;z-index:3}
	#coord.pop{left:50%;margin-left:-230px}
	#reglement.pop{right:0}
	.pop h2{margin:0;text-transform:uppercase;font-size:12px;font-weight:700}
	.pop p{margin-top:20px}
	#coordPosNumber{width:1px;display:none}
	.container.col3{width:970px}
	div.cardType{margin-left:-20px}
	.prelev .ibanGroup .form-control-wrapper,.ibanGroup .form-control-wrapper{width:13.75%}
	.container.col3 img.confiance{right:-14px;top:36px}
	.container.col3 .prelev .ibanGroup .form-control-wrapper{width:14.28%;margin-right:auto}
}
@media (min-width:1200px) {
	.container{width:850px}
	.guides{height:750px}
}
.smaller{font-size:50%}
.ui-message-error{background:none;border:none;padding:0;margin:0;color:#f11337}
.ui-message-error .ui-message-error-icon,.ui-messages-error .ui-messages-error-icon{display:none}
.ui-message-error .ui-message-error-summary,.ui-messages-error .ui-messages-error-summary{font-weight:400;margin:0}
.ui-messages-success{background-color:#dff0d8;border-color:#a3d48e;color:#444}
.ui-messages-error{background-color:#f2dede;border-color:#d59595;color:#444}
.ui-messages-info,.ui-messages-warn,.ui-messages-error,.ui-messages-fatal,.ui-messages-success{border-width:2px;border-style:solid;margin:10px 0;padding:10px;border-radius:0}
a.lienConfiance{display:none}
div.info_coord,div.info1{background:#fff none repeat scroll 0 0;margin-top:15px;padding-bottom:15px}
div.info_coord img,div.info1 img{max-width:100%}
.cookie{position:fixed;left:0;right:0;top:0;padding:0 20px;color:#fff;font-size:12px;background-color:#000;border-top:1px solid #333;font-family:Arial,sans-serif;line-height:28px;height:58px;z-index:1000;text-align:left}
.popular-donation1{position:relative}
.popular-donation{position:absolute;width:120px;font-size:10px;height:40px;top:-20px;color:red;font-weight:700;text-align:center;border:2px dashed red}
@media (max-width:570px) {
.popular-text{display:none}
.popular-donation{position:absolute;width:80px;font-size:10px;height:40px;top:-20px;color:red;font-weight:700;text-align:center;border:2px dashed red}
}
@media (min-width:571px) {
.popular-text{display:block}
}
.cl-switch{margin-top:30px}
.cl-switch .label{font-family:"Roboto",sans-serif;font-size:12px;cursor:pointer;vertical-align:middle;margin:0 5px;background:none;white-space:initial;color:inherit;user-select:none}