@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700|Oswald:400,300,700);
/*---  HTML5 READY ---*/
body { background: #FFF; color: #444444; font-family: 'eastpakregular', sans-serif; overflow-x: hidden; }
article, footer, section, header, main, aside, nav, a, form, ul, li, i, div, span { -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
main:after, section:after, header:after, aside:after, footer:after, nav:after, form:after { clear: both; content: ""; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
/* HEADER */
header {  width:80%; margin:0 auto; border-bottom:3px solid #000; }
#logo { float: left; }
#logo a { background: url("/images/logo.png") no-repeat 50% 50% / contain rgba(0, 0, 0, 0); text-indent: -999em; display: block; margin: 10px; padding: 0; width: 177px; height: 76px; }
main.dossier{ width:80%; margin:40px auto; font-family: 'eastpakregular', sans-serif;}
.dossier a{ color:#999;}
.dossier a:hover{ color:#1abc9c;}
.dossier h2 { color: #000; font-size: 24px; font-weight: 600; margin: 10px 0; }
.dossier article{ border:1px solid #CCC; }
.dossier article p{ margin:5px 0; color: #000; font-size: 15px;}
.dossier article p span{ font-family: 'eastpakbold', sans-serif;}
.reference article{ width:calc(50% - 62px); min-height:280px; margin:10px; padding:20px; float:left;}
.reference article:last-child{ clear:both; width:calc(100% - 62px); min-height:inherit;}
.reference article:last-child p{ text-align:right; text-transform:uppercase; font-size:18px;font-family: 'eastpakbold', sans-serif;}

.paiement { width:calc(50% - 62px); float:left;}
.refus { width:calc(50% - 62px); float:right; text-align:center;}
.refus input { background-color:#C94848;}


.paiement article{ margin:10px; padding:20px; float:left;}
.paiement article{ clear:both; width:calc(100% - 62px); min-height:inherit;}
.paiement article p{ text-align:right; text-transform:uppercase; font-size:18px;font-family: 'eastpakbold', sans-serif;}

/**/
.paiement > div,.refus > div{ border:1px solid #CCC; margin:10px;}
input, button, textarea, select { background: #FFFFFF; border: none; color: #34495E; display: inline-block; height: auto; outline: 0 none; font-size: 14px; vertical-align: top; width: auto; padding: 0;}
.paiement > div.rowElem{ border:none;}


/* MEDIA QUERIES */
@media all and (max-width: 1023px) {
}
@media all and (max-width: 768px) {
.reference article{ float:none; width:calc(100% - 62px); }

.paiement { width:calc(100% - 62px);}
.refus { width:calc(100% - 62px);}

}
@media all and (max-width: 640px) {



}
@media all and (max-width: 480px) {
}
@media all and (max-width: 320px) {
}