@charset "utf-8";

html {font-family: 'Roboto', sans-serif; font-size:14px; color:#2c3e50;}

h1 {margin: 0px 0 40px;
padding-bottom: 35px;
text-transform: uppercase;
font-size: 35px;
font-size: 2.1875rem;
font-weight: 600;
border-bottom: 2px solid #2c3e50;}

h2 {font-size: 28px; font-weight: 400;}

p {}
a,a:visited {color:#224997;}
a:hover {text-decoration:none;}
#bandeau .global {  position: relative;}
#bandeau .global a,
#bandeau .global a:visited { background: #515254; color:#fff; text-decoration: none; padding:6px 10px;  position: absolute;    right: 0;    top: 0;}
.logo {/*position: absolute; left: 2%; top: 0px; text-align: center;*/ width:200px;  margin-left:2%;}
.logo img {width:100%;}

.global {width:1140px; padding:0 20px; margin:0 auto;}

#don {display: inline-block; width:100%; max-width:730px; vertical-align: top;}
#sidebar {display: inline-block; width: 360px; vertical-align: top; margin-left:40px; margin-top: 80px;}
.sidebar-content {background: #515254; padding: 30px;}
.bloc {background: #f2f2f2; padding: 20px; margin: 20px 0 60px; text-align: center;}
.bloc .fa-stack { color: #6db43f; font-size: 2.5rem; margin-top: -60px;}
.bloc h2 {text-transform: uppercase; font-size: 18px; font-weight: 700;}

#footer {margin-top: 80px; padding-top: 35px; border-top: solid 1px #2c3e50; padding-bottom:120px; position: relative;}
.logo-footer {width:150px; display:inline-block; vertical-align:top;}
.logo-footer img {width:100%;} 
.coordonnees {display:inline-block; vertical-align:top; margin-left:30px; line-height: 18px;}
.coordonnees .asso {font-weight: 700; font-size: 16px;}
.coordonnees .desc {font-style: italic; display: inline-block; margin-bottom: 8px;}
.lien-aped {position:absolute; right:15px; top:45px;}
.lien-aped a,
.lien-aped a:visited { background: #515254; color:#fff; text-decoration: none; padding:6px 10px;}

p.espoir {font-family: "Times New Roman", Times, serif; font-size:31px; text-align:center;}
.vert {color:#6db43f;}

.small {font-size:12px;}

.cadre {border: 2px solid #6db43f; padding: 20px 30px; margin: 60px 0px; position: relative; width:100%; box-sizing: border-box;}
.cadre .titre {text-align: right; color: #6db43f; font-weight: 700; font-size: 30px; margin-top: 20px; margin-bottom: 10px;}

.group {margin-bottom:16px;}
.row {margin:5px 0;}
.center {text-align:center;}

/* Messages de retour */
#reponse-serveur {position:fixed; z-index:1000; top:20px; left:0px; width:100%;}
.reponse-message,
.reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; font-size: 16px; width: 100%; max-width: 1140px; margin: 0 auto;}

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0.4em 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11; font-weight:bold; padding:5px 0; }
.reponse-message, .ok { color: #264409; font-weight:bold; }

.btn {
background: #6db43f;
color: #FFF !important;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 4px;
}

.btn:hover {background:#8dc73f;}

input[type=text] {display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing:border-box;}

.label-control {font-weight:700;}
label.label-control {padding-bottom:5px; display:block;}


#autre_montant {display:none; width:100%; max-width:200px; padding-left:22px; margin-top:5px;}

.paiement {margin-top:25px; margin-bottom:16px;}
a.retour {text-decoration:none; font-weight:600;}

#cout {font-weight:700;}
#reduction {}