body { font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif; }
:target { scroll-margin-top: 160px; outline:none; }
header { margin:0 0 100px 0; }

#top { position:fixed; top:0; left:0; right:0; background:#d0d5e7; z-index:500; }
#toplimite { position:relative; margin:0 auto; max-width:1200px; width:100%; display:table; table-layout:fixed; height:30px; }
#topespacelogo { display:table-cell; width:240px; background:#2a314a; }
#topaccueil { display:table-cell; width:20%; background:#d0d5e7; color:#2a314a; text-align:center; vertical-align:middle; border-left:1px solid #ffffff; border-bottom:1px solid #ffffff; text-decoration:none; }
#topaccueil:hover { background:#2a314a; color:#ffffff; }
#topcontact { display:table-cell; width:20%; background:#d0d5e7; color:#2a314a; text-align:center; vertical-align:middle; border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; text-decoration:none; }
#topcontact:hover { background:#2a314a; color:#ffffff; }
#tophelpline { display:table-cell; width:40%; background:#37af76; color:#ffffff; text-align:center; vertical-align:middle; border-bottom:1px solid #ffffff; font-weight:bold; }
.nobr { white-space: nowrap; }

#toplogonav { position:fixed; top:30px; left:0; right:0; background:#2a314a; border-bottom:1px solid #ffffff; z-index:500; }
#toplogonavlimite { position:relative; margin:0 auto; max-width:1200px; width:100%; height:70px; }
#toplogonavlogo { float:left; width:240px; text-align:center; }
#toplogonavlogo img { width:80%; position:relative; top:-8px; left:0; }

#topnav-right { float:right; }
.navsimple { display:block; float:left; text-align:center; height:70px; padding:0 15px 0 15px; background:#2a314a; color:#ffffff; text-decoration:none; }
.navsimple span { display:block; margin:14px 0 0 0; }
.navsimple:hover, .navsimple:focus { background:#37af76; color:#ffffff; text-decoration:none; }
.navsimpleover { display:block; float:left; text-align:center; height:70px; padding:0 15px 0 15px; background:#2a314a; color:#ffffff; text-decoration:none; font-weight:bold; }
.navsimpleover span { display:block; margin:20px 0 0 0; }
.navservice { border-right:1px solid #ffffff; }
.navservice span { padding:5px 0 0 0; }

.dropbtn { display:block; text-align:center; height:70px; padding:0 15px 0 15px; background:#2a314a; color:#ffffff; text-decoration:none; border:none; cursor:pointer; }
.dropbtn span { display:block; margin:5px 0 0 0; }
.navdropdown { float:left; overflow:hidden; border-left:1px solid #ffffff; }
.navdropdown:hover .dropbtn, .dropbtn:focus { background:#37af76; color:#ffffff; text-decoration:none; }
.navdropdown-content { display:none; position:absolute; right:0; min-width:600px; background:#f9f9f9; z-index:1; border-left:5px solid #37af76; border-right:5px solid #37af76; border-bottom:5px solid #37af76; border-top:5px #37af76 solid; }
.navdropdown-content-li { margin:0; padding:0; }
.navdropdown-content-li li { list-style:none; border-bottom:1px solid #d2d2ec; margin:0; padding:0; width:100%; }
.navdropdown-content-li li:last-child { list-style:none; border:none; margin:0; padding:0; }
.navdropdown-content ul li a { display:table; float:none; color:#2a314a; padding:8px 15px 8px 15px; text-decoration:none; display:block; text-align:left; font-size:14px; }
.navdropdown-content ul li a:hover, .dropdown2-content a:focus { background:#37af76; color:#ffffff; }
.navdropdown-content ul li a i { display:table-cell; }
.navdropdown-content ul li a span { display:table-cell; padding:0 0 0 5px; }
.row { display:table; table-layout:fixed; }
.column1 { display:table-cell; width:33.33333333%; border-right:5px solid #37af76; }
.column2 { display:table-cell; width:33.33333333%; border-right:5px solid #37af76; }
.column3 { display:table-cell; }
.navbalbasique { margin:0; padding:0 15px 0 15px; }
.navbalbasique li { list-style:none; border-bottom:1px solid #f9f9f9; margin:0; padding:0; }
.navbalmed { margin:0; padding:0 15px 0 15px; }
.navbalmed li { list-style:none; border-bottom:1px solid #f9f9f9; margin:0; padding:0; }

.show { display:block; }
.toutesrubriques { font-size:12px; font-weight:normal; }
.rubriqueouverte { display:block; text-transform:uppercase; font-weight:bold; background:#ffffff; color:#2a314a; padding:0 5px 0 5px; }

.dropbtn2 { display:block; text-align:center; height:70px; padding:0 15px 0 15px; background:#2a314a; color:#ffffff; text-decoration:none; border:none; cursor:pointer; }
.dropbtn2 span { display:block; margin:5px 0 0 0; }
.navdropdown2 { float:left; overflow:hidden; border-left:1px solid #ffffff; }
.navdropdown2:hover .dropbtn2, .dropbtn2:focus { background:#37af76; color:#ffffff; text-decoration:none; }
.navdropdown2-content { display:none; position:absolute; background:#f9f9f9; margin:0 0 0 -100px; z-index:1; border:5px #37af76 solid; }
.navdropdown2-content-li { margin:0; padding:0; }
.navdropdown2-content-li li { list-style:none; border-bottom:1px solid #d2d2ec; margin:0; padding:0; }
.navdropdown2-content-li li:last-child { list-style:none; border:none; margin:0; padding:0; }
.navdropdown2-content ul li a { display:table; float:none; color:#2a314a; padding:8px 15px 8px 15px; text-decoration:none; display:block; text-align:left; font-size:14px; }
.navdropdown2-content ul li a:hover, .dropdown2-content a:focus { background:#37af76; color:#ffffff; }
.navdropdown2-content ul li a i { display:table-cell; }
.navdropdown2-content ul li a span { display:table-cell; padding:0 0 0 5px; }

.dropbtn3 { display:block; text-align:center; height:70px; padding:0 15px 0 15px; background:#2a314a; color:#ffffff; text-decoration:none; border-style:none; cursor:pointer; }
.dropbtn3 span { display:block; margin:5px 0 0 0; }
.navdropdown3 { float:left; overflow:hidden; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
.navdropdown3:hover .dropbtn3, .dropbtn3:focus { background:#37af76; color:#ffffff; text-decoration:none; }
.navdropdown3-content { display:none; position:absolute; right:0; width:300px; background:#f9f9f9; z-index:1; border:5px #37af76 solid; }
.navdropdown3-content-li { margin:0; padding:0; }
.navdropdown3-content-li li { list-style:none; border-bottom:1px solid #d2d2ec; margin:0; padding:0; }
.navdropdown3-content-li li:last-child { list-style:none; border:none; margin:0; padding:0; }
.navdropdown3-content ul li a { display:table; float:none; color:#2a314a; padding:8px 15px 8px 15px; text-decoration:none; display:block; text-align:left; font-size:14px; }
.navdropdown3-content ul li a:hover, .dropdown3-content a:focus { background:#37af76; color:#ffffff; }
.navdropdown3-content ul li a i { display:table-cell; }
.navdropdown3-content ul li a span { display:table-cell; padding:0 0 0 5px; }

#active { color:#37af76; }
#active:hover, #active:focus { background:#37af76; color:#ffffff; }

#menu-button { display:none; float:right; cursor:pointer; background:#2a314a; border:none; font-size:1.1em; font-family:'Raleway', Arial, Helvetica, sans-serif; color:#ffffff; height:70px; padding:0 15px 0 15px; }
#menu-button:hover { background:#37af76; }
#menu-buttonclose { display:none; }
#menu-overlay { display:none; position:fixed; z-index:10; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .7); }
#menu-sidebar { display:none; position:fixed; width:75%; z-index:20; height:100%; top:0; left:0; background-color:#ffffff; overflow-y:auto; transform:translateX(-100%); transition:transform .2s ease-out; }
.menu-activated #menu-buttonclose { display: block; text-align:right; font-size:35px; margin:10px 10px 5px 0; cursor: pointer; }

#menu-sidebar-body #topnav-right { float:none; }
#menu-sidebar-body .navsimple { display:block; width:100%; text-align:right; line-height:65px; padding:0; margin:2px 0 0 0; background:#2a314a; color:#ffffff; text-decoration:none; }
#menu-sidebar-body .navsimple span { display:block; margin:0; padding:0 15px 0 0; }
#menu-sidebar-body .navsimple:hover, .navsimple:focus { background:#37af76; color:#ffffff; text-decoration:none; }
#menu-sidebar-body .navsimpleover { display:block; width:100%; text-align:right; line-height:65px; padding:0; margin:2px 0 0 0; background:#e6e7e8; color:#000000; text-decoration:none; }
#menu-sidebar-body .navsimpleover span { display:block; margin:0; padding:0 15px 0 0; }
#menu-sidebar-body .navservice { margin:2px 0 0 0; border-left:0; }

#menu-sidebar-body .navdropdown { display:block; float:none; overflow:hidden; border-left:0; border-top:2px solid #ffffff; }
#menu-sidebar-body .dropbtn { display:block; width:100%; text-align:right; height:65px; padding:0 15px 0 15px; background:#2a314a; color:#ffffff; text-decoration:none; }
#menu-sidebar-body .dropbtn span { display:block; margin:0; }
#menu-sidebar-body .dropbtn:hover, .dropbtn:focus { background:#37af76; color:#ffffff; text-decoration:none; outline:0; }
#menu-sidebar-body .navdropdown-content { display:none; float:none; position:relative; min-width:auto; width:100%; background:#f9f9f9; margin:0; z-index:1; border:0; }
#menu-sidebar-body .navdropdown-content-li { margin:0; padding:0; }
#menu-sidebar-body .navdropdown-content-li li { list-style:none; margin:0; padding:0; border:0; }
#menu-sidebar-body .navdropdown-content-li li:last-child { list-style:none; border:0; }
#menu-sidebar-body .navdropdown-content ul li a { display:block; float:none; background:#f9f9f9; border-top:1px solid #d2d2ec; padding:20px 15px 20px 15px; text-decoration:none; text-align:right; font-size:15px; }
#menu-sidebar-body .navdropdown-content ul li a:hover, #menu-sidebar-body .dropdown-content a:focus { background:#37af76; color:#ffffff; }
#menu-sidebar-body .navdropdown-content ul li a i { display:none; }
#menu-sidebar-body .navdropdown-content ul li a span { display:block; padding:0; }
#menu-sidebar-body .column1 { display:block; width:100%; }
#menu-sidebar-body .column2 { display:block; width:100%; }
#menu-sidebar-body .column3 { display:block; width:100%; }

#menu-sidebar-body .navbalbasique { margin:0; padding:0 0 0 20px; }
#menu-sidebar-body .navbalbasique li { list-style:none; border:0; margin:0; padding:0; }
#menu-sidebar-body .navbalmed { margin:0; padding:0 0 0 20px; }
#menu-sidebar-body .navbalmed li { list-style:none; border:0; margin:0; padding:0; }

#menu-sidebar-body .navdropdown2 { display:block; float:none; overflow:hidden; border-left:0; border-top:2px solid #ffffff; }
#menu-sidebar-body .dropbtn2 { display:block; width:100%; text-align:right; height:65px; padding:0 15px 0 15px; background:#2a314a; color:#ffffff; text-decoration:none; }
#menu-sidebar-body .dropbtn2 span { display:block; margin:0; }
#menu-sidebar-body .dropbtn2:hover, .dropbtn2:focus { background:#37af76; color:#ffffff; text-decoration:none; outline:0; }
#menu-sidebar-body .navdropdown2-content { display:none; position:relative; width:100%; max-width:100%; background:#f9f9f9; margin:0; z-index:1; border:0; }
#menu-sidebar-body .navdropdown2-content-li { margin:0; padding:0; }
#menu-sidebar-body .navdropdown2-content-li li { list-style:none; margin:0; padding:0; border:0; }
#menu-sidebar-body .navdropdown2-content-li li:last-child { list-style:none; border:0; }
#menu-sidebar-body .navdropdown2-content ul li a { display:block; float:none; background:#f9f9f9; border-top:1px solid #d2d2ec; padding:20px 15px 20px 15px; text-decoration:none; text-align:right; font-size:15px; }
#menu-sidebar-body .navdropdown2-content ul li a:hover, #menu-sidebar-body .dropdown2-content a:focus { background:#37af76; color:#ffffff; }
#menu-sidebar-body .navdropdown2-content ul li a i { display:none; }
#menu-sidebar-body .navdropdown2-content ul li a span { display:block; padding:0; }

#menu-sidebar-body .navdropdown3 { display:block; float:none; overflow:hidden; border-left:0; border-right:0; border-top:2px solid #ffffff; }
#menu-sidebar-body .dropbtn3 { display:block; width:100%; text-align:right; height:65px; padding:0 15px 0 15px; background:#2a314a; color:#ffffff; text-decoration:none; }
#menu-sidebar-body .dropbtn3 span { display:block; margin:0; }
#menu-sidebar-body .dropbtn3:hover, .dropbtn3:focus { background:#37af76; color:#ffffff; text-decoration:none; outline:0; }
#menu-sidebar-body .navdropdown3-content { display:none; position:relative; width:100%; background:#f9f9f9; margin:0; z-index:1; border:0; }
#menu-sidebar-body .navdropdown3-content-li { margin:0; padding:0; }
#menu-sidebar-body .navdropdown3-content-li li { list-style:none; margin:0; padding:0; border:0; }
#menu-sidebar-body .navdropdown3-content-li li:last-child { list-style:none; border:0; }
#menu-sidebar-body .navdropdown3-content ul li a { display:block; float:none; background:#f9f9f9; border-top:1px solid #d2d2ec; padding:20px 15px 20px 15px; text-decoration:none; text-align:right; font-size:15px; }
#menu-sidebar-body .navdropdown3-content ul li a:hover, #menu-sidebar-body .dropdown3-content a:focus { background:#37af76; color:#ffffff; }
#menu-sidebar-body .navdropdown3-content ul li a i { display:none; }
#menu-sidebar-body .navdropdown3-content ul li a span { display:block; padding:0; }

#menu-sidebar-body #active { display:block; float:none; background:#d2d2ec; border-top:1px solid #ffffff; color:#595959; padding:20px 15px 20px 15px; text-decoration:none; text-align:right; font-size:15px; }
#menu-sidebar-body .show { display:block; }
#menu-sidebar-body .toutesrubriques { font-size:12px; font-weight:normal; }
#menu-sidebar-body .rubriqueouverte { display:block; text-transform: uppercase; background:none; color:inherit; width:100%; padding:0; }

#arianelangues { background:#d0d5e7; border-top:1px solid #ffffff; }
#arianelangueslimite { margin:0 auto; max-width:1200px; width:100%; display:table; table-layout:fixed; width:100%; padding:0; }
#arianelangueslimite ul { display:table-cell; vertical-align:middle; text-align:left; padding:3px 15px 3px 5px; color:#2c2c2c; }
#arianelangueslimite ul li { display:inline-block; font-size:14px; }
#breadcrumb a { color:#2a314a; text-decoration:underline; }
#breadcrumb a:hover, #breadcrumb a:focus { color:#37af76; text-decoration:none; }
#breadcrumb li { margin:0; padding:0; }
#choixlangue { display:table-cell; width:70px; vertical-align:middle; padding:5px 0 3px 20px; }
#choixlangue img { width:23px; -webkit-transition:-webkit-transform .5s; -moz-transition:-moz-transform .5s; -o-transition:-o-transform .5s; -ms-transition:-ms-transform .5s; transition:transform .5s; }
#choixlangue img:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); }

#languesindex { display:table; width:100%; max-width: 1200px; }
#languesindexfr { display:table-cell; width:49.79166667%; background:#37af76; border-right:5px solid #ffffff; color:#ffffff; padding:10px 0 10px 0; text-align:center; vertical-align:middle; text-decoration:none; }
#languesindexfr:hover, #languesindexfr:focus { background:#2a314a; }
#languesindexfr img { vertical-align:middle; margin:0 0 0 10px; }
#languesindexfr span { vertical-align:middle; margin:3px 0 0 0; }
#languesindexnl { display:table-cell; background:#37af76; border-right:5px solid #ffffff; color:#ffffff; padding:10px 0 10px 0; text-align:center; vertical-align:middle; text-decoration:none; }
#languesindexnl:hover, #languesindexnl:focus { background:#2a314a; }
#languesindexnl img { vertical-align:middle; margin:0 0 0 10px; }
#languesindexde { display:table-cell; background:#37af76; color:#ffffff; padding:10px 0 10px 0; text-align:center; vertical-align:middle; text-decoration:none; }
#languesindexde:hover, #languesindexde:focus { background:#2a314a; }
#languesindexde img { vertical-align:middle; margin:0 0 0 10px; }
#languesindexen { display:table-cell; width:49.79166667%; background:#37af76; border-right:5px solid #ffffff; color:#ffffff; padding:10px 0 10px 0; text-align:center; vertical-align:middle; text-decoration:none; }
#languesindexen:hover, #languesindexen:focus { background:#2a314a; }
#languesindexen img { vertical-align:middle; margin:0 0 0 10px; }
#languesindexen span { vertical-align:middle; margin:3px 0 0 0; }

#annoncetop { background:#37af76; font-size:13px; }
#annoncetoplimite { margin:0 auto 0 auto; max-width:1200px; width:100%; text-align:center; }
#annoncetoplimite p { padding:8px 15px 8px 15px; margin:0; color:#ffffff; }
#annoncetoplimite a { color:#ffffff; text-decoration:underline; }
#annoncetoplimite a:hover, #annoncetoplimite:focus { color:#ffffff; text-decoration:none; }

#searchtop { position:sticky; top:110px; z-index:99; }
#searchtoplimite { margin:0 auto 0 auto; max-width:1200px; width:100%; text-align:right; }
#searchtoplimitebox { max-width:450px; margin:10px 10px 0 auto; padding:0 0 0 10px; }

@media screen and (max-height: 645px) {
.navdropdown-content ul li a { display:table; float:none; color:#2a314a; padding:3px 15px 3px 15px; text-decoration:none; display:block; text-align:left; font-size:14px; }
.navdropdown2-content ul li a { display:table; float:none; color:#2a314a; padding:3px 15px 3px 15px; text-decoration:none; display:block; text-align:left; font-size:14px; }
.navdropdown3-content ul li a { display:table; float:none; color:#2a314a; padding:3px 15px 3px 15px; text-decoration:none; display:block; text-align:left; font-size:14px; }
}

@media screen and (max-width: 899px) {
header { margin:0 0 105px 0; }
#toplimite { height:35px; }
#toplogonav { top:35px; }
#toplogonavlimite { margin:0 auto; max-width:1200px; width:100%; height:70px; }
#toplogonavlogo { float:left; width:180px; text-align:center; margin:0 0 0 15px; }
#toplogonavlogo img { width:90%; position:relative; top:15px; left:0; }
#topespacelogo { display:none; }
#menu-content { display:none; }
#menu-button, #menu-sidebar, .menu-activated #menu-overlay { display:block; }
#menu-button:hover { background:#37af76; }
.menu-activated #menu-sidebar { transform: translateX(0); }
#topaccueil { background:#2a314a; color:#ffffff; border-bottom:1px solid #ffffff; font-size:15px; }
#topaccueil:hover { background:#37af76; color:#ffffff; }
#topcontact { background:#2a314a; color:#ffffff; border-bottom:1px solid #ffffff; font-size:15px; }
#topcontact:hover { background:#37af76; color:#ffffff; }
#tophelpline { font-size:15px; }
#topaccueil i { display:none; }
#topcontact i { display:none; }
#searchtop { top:115px; }
}
@media screen and (max-width: 500px) {
#top { background:#E6E7E8; z-index:3; }
#toplimite { margin:0; width:100%; display:block; height:35px; }
#toplogonav { position:relative; top:105px; background:#2a314a; }
#topaccueil { display:block; float:left; width:49.5%; line-height:35px; border-bottom:none; border-left:none; background:#2a314a; color:#ffffff; text-align:center; text-decoration:none; }
#topaccueil:hover { background:#37af76; color:#ffffff; }
#topcontact { display:block; float:left; width:49.8%; line-height:35px; border-bottom:none; border-right:none; background:#2a314a; color:#ffffff; text-align:center; text-decoration:none; }
#topcontact:hover { background:#37af76; color:#ffffff; }
#tophelpline { display:block; clear:both; width:100%; line-height:25px; background:#37af76; color:#ffffff; text-align:center; font-weight:normal; border-top:1px solid #ffffff; }
#toplogonavlimite { margin:0; width:100%; height:100px; }
#toplogonavlogo { display:block; width:100%; text-align:center; margin:0; height:70px; position:relative; z-index:1; }
#toplogonavlogo img { width:90%; max-width:220px; position:relative; top:20px; z-index:2; }
#menu-button { position:fixed; top:45px; left:0; display:block; z-index:3; width:100%; text-align:center; line-height:30px; margin:15px 0 0 0; padding:10px 0 10px 0; height:auto; cursor:pointer; background:#2a314a; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#ffffff; }
#menu-button:hover { background:#37af76; }
}
@media screen and (max-width: 280px) {
header { margin:0 0 80px 0; }
#toplogonav { position:relative; top:80px; background:#2a314a; }
#tophelpline { display:none; }
#menu-button { top:20px; }
#arianelangues { display:block; width:100%; background:#d0d5e7; padding:5px 0 5px 0; border-top:1px solid #ffffff; }
#arianelangues ul { display:block; text-align:center; margin:0; padding:10px 15px 0 15px; }
#arianelangues ul li { display:inline-block; font-size:14px; }
#breadcrumb a { color:#2a314a; }
#breadcrumb a:hover, #breadcrumb a:focus { color:#37af76; text-decoration:none; }
#choixlangue { display:block; width:100%; text-align:center; margin:10px 0 0 0; padding:0; }
#choixlangue img { -webkit-transition:-webkit-transform .5s; -moz-transition:-moz-transform .5s; -o-transition:-o-transform .5s; -ms-transition:-ms-transform .5s; transition:transform .5s; }
#choixlangue img:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); }
#searchtop { top:95px; }
}

#myBtn { display:none; position:fixed; bottom:60px; right:30px; z-index:99; border:none; outline:none; background-color:#37af76; color:white; cursor:pointer; padding:15px; border-radius:10px; font-size:18px; }
#myBtn:hover, #myBtn:focus { background-color:#000000; }

@media screen and (max-width:750px) {
#myBtn { visibility:hidden; }
}

#pied { background:#4f5c8a; }
#piedslogan { margin:0 auto; max-width:1200px; width:100%; }
#piedslogancontenu { padding:15px 0 15px 0; text-align:center; color:#ffffff; font-size:25px; }
#coordonnees { background:#d0d5e7; }
#coordonneescontenu { margin:0 auto; max-width:1200px; width:100%; display:table; padding:30px 0 30px 0; }
#logobottom { display:table-cell; width:31.66666667%; vertical-align:middle; }
#logobottom img { max-width:210px; margin:0 0 0 10px; }
#bottomcontact { display:table-cell; width:28.33333333%; vertical-align:middle; color:#2a314a; line-height:25px; }
#bottomcontact a { color:#2a314a; }
#bottomcontact a:hover, #bottomcontact a:focus { color:#37af76; text-decoration:none; }
#bottomadresse { display:table-cell; width:20.83333333%; vertical-align:middle; color:#2a314a; line-height:25px; }
#bottomisofr { width:230px; background:#2a314a; margin:-58px 0 0 0; color:#ffffff; text-align:center; padding:30px 0 30px 0; }
#bottomisonl { width:230px; background:#2a314a; margin:-58px 0 0 0; color:#ffffff; text-align:center; padding:30px 0 30px 0; }
#bottomisoen { width:210px; background:#2a314a; margin:-58px 0 0 0; color:#ffffff; text-align:center; padding:30px 10px 30px 10px; }
#bottomisofr img { width:76px; }
#bottomisonl img { width:88px; }
#bottomisoen img { width:76px; }
#bottombesoinaide { display:table-cell; padding:10px 10px 10px 10px; }
#bottombesoinaide a { color:#ffffff; }
#bottombesoinaide a:hover, #bottombesoinaide a:focus { color:#37af76; text-decoration:none; }
#bottomcommander { display:table-cell; background:#37af76; width:230px; text-align:center; vertical-align:middle; }
#bottomcommander a { color:#ffffff; text-decoration:none; }
#bottom { position:fixed; bottom:0; left:0; right:0; background:#2a314a; z-index:100; }
#bottomcontenu { margin:0 auto; max-width:1200px; width:100%; display:table; color:#ffffff; font-size:14px; }
#cgv { background:#4f5c8a; }
#cgvcontenu { margin:0 auto; padding:12px 0 50px 0; max-width:1200px; width:100%; text-align:center; font-size:14px; color:#ffffff; }
#cgvcontenu a { color:#ffffff; text-decoration:underline; }
#cgvcontenu a:hover, #cgvcontenu a:focus { text-decoration:none; }

@media screen and (max-width: 990px) {
#logobottom { display:table-row; display:block; width:100%; text-align:center; padding:25px 0 0 0; }
#logobottom img { max-width:210px; margin:0 0 0 10px; }
#bottomcontact { display:table-row; display:block; width:100%; text-align:center; color:#2a314a; line-height:25px; padding:25px 0 0 0; }
#bottomadresse { display:table-row; display:block; width:100%; text-align:center; color:#2a314a; line-height:25px; padding:25px 0 25px 0; }
#bottomisofr, #bottomisonl,#bottomisoen { width:100%; background:#2a314a; display:block; margin:0; color:#ffffff; text-align:center; padding:30px 0 60px 0; }
#piedslogan { margin:0; width:100%; }
#piedslogancontenu { width:100%; text-align:center; color:#ffffff; font-size:25px; }
#cgvcontenu { margin:0 auto; padding:12px 0 70px 0; max-width:1200px; width:90%; text-align:center; font-size:14px; color:#ffffff; }
}
@media screen and (max-width: 650px) {
#bottomiso, #bottomisonl,#bottomisoen { width:100%; background:#2a314a; display:block; margin:0; color:#ffffff; text-align:center; padding:30px 0 60px 0; }
#bottomcommander { display:none; }
}
@media screen and (max-width: 899px) {
#bottom { position:relative; background:#2a314a; text-align:center; }
}
@media screen and (max-width: 530px) {
#soustop { background:#E6E7E8; height:1px; }
#breadcrumb { display:none; }
#coordonneescontenu { margin:0 auto; width:100%; }
#bottomiso, #bottomisonl,#bottomisoen { width:100%; background:#2a314a; display:block; margin:0; color:#ffffff; text-align:center; padding:30px 0 30px 0; }
#bottomcommander { display:none; }
#bottom { position:relative; background:#2a314a; text-align:center; }
#cgvcontenu { margin:0 auto; padding:12px 0 12px 0; max-width:1200px; width:90%; text-align:center; font-size:14px; color:#ffffff; }
}
@media screen and (max-height:550px) {
#bottom { display:none; }
#cgvcontenu { padding:12px 0 12px 0; }
#myBtn { bottom:15px; }
}

section { margin:0 auto; max-width:1200px; width:100%; }
#titres { display:table-cell; width:1060px; text-align:left; vertical-align:top; }
#isotop { display:table-cell; width:120px; text-align:center; vertical-align:middle; padding:20px 10px 20px 10px; }
.titrepage { color:#2a314a; font-size:30px; margin:40px 0 0 0; float:none; }
.soustitrepage { color:#000000; font-size:16px; margin:10px 0 15px 0; }

/* PAGES PRODUITS */
.titrepageproduits { margin:0 auto; text-align:center; }
.titrepageproduits h1 { color:#2a314a; font-size:25px; margin:30px 15px 30px 15px; }
.rowpageproduits { display:table; margin:0 0 35px 0; width:100%; }
.listingtitre { font-size:20px; }
.listingleft { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; border-right:35px #ffffff solid; background:#d0d5e7; width:51.45833333%; text-decoration:none; color:#2a314a; }
.listingleft:hover { background:#2a314a; color:#ffffff; }
.listingright { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; background:#d0d5e7; width:48.54166667%; text-decoration:none; color:#2a314a; }
.listingright:hover { background:#2a314a; color:#ffffff; }
.listingcenter { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; background:#d0d5e7; width:100%; text-decoration:none; color:#2a314a; }
.listingcenter:hover { background:#2a314a; color:#ffffff; }
#bandeaupageproduits { background:#2a314a; padding:0 0 5px 0; }
#bandeaupageproduits img { width: 100%; height:auto; }
.lien { color:#37af76; text-decoration:none; font-weight:bold; }
.lien:hover, .lien:focus { color:#2a314a; text-decoration:none; }
.lienfondbleu { color:#37af76; text-decoration:none; font-weight:bold; }
.lienfondbleu:hover, .lien:focus { color:#ffffff; text-decoration:underline; }
.lienemail a { color:#37af76; text-decoration:none; font-weight:bold; }
.lienemail a:hover, .lienemail a:focus { color:#2a314a; text-decoration:none; }
.titresection { background:#2a314a; color:#ffffff; padding:15px 15px 15px 15px; margin:40px 0 40px 0; }
.titresoussection { border:1px solid #2a314a; color:#2a314a; padding:15px 15px 15px 15px; margin:40px 0 40px 0; }
.remgenerale { border:1px solid #2a314a; padding:15px 15px 15px 15px; }
.remgeneralecenter { border:1px solid #2a314a; padding:15px 15px 15px 15px; text-align:center; }
.remgeneralevertcenter { border:1px solid #96C93C; padding:15px 15px 15px 15px; text-align:center; }
.destockage { border:2px solid #ff6b00; padding:15px 15px 15px 15px; }
.tableauserre { margin:0; border:1px solid #4f5c8a; border-collapse:collapse; }
.tableauserre td { border:1px solid #4f5c8a; padding:5px; }

.refkern { background:#d0d5e7; margin:1px; padding:2px 5px 2px 5px; }
.refkernalpha { margin:10px 0 10px 0; }
.refkernalpha li { display:inline; margin:10px 0 10px 0; }
.refkernalpha li a { padding:0 5px 0 4px; }
.liensindexbalance { font-size:18px; color:#37af76; text-decoration:underline; background:#d0d5e7; text-decoration: none; }
.liensindexbalance:hover, .liensindexbalance:active, .liensindexbalance:focus { color:#ffffff; text-decoration: none; background:#2a314a; }

.danscettepagecadre { background:#d0d5e7; padding:15px 15px 15px 15px; margin:20px 0 0 0; }
.danscettepage, .danscettepage ul { list-style:none; }
.danscettepage, li, .danscettepage ul li { margin:0 0 5px 10px; }
.danscettepage a { color:#2a314a; text-decoration:none; }
.danscettepage a:hover { color:#37af76; text-decoration:none; }
.danscettepagecadre p { display:table; table-layout: fixed; margin:0 0 5px 0; }
.danscettepagecadre span i { display:table-cell; vertical-align:middle; font-size:40px; width:60px; }
.danscettepagecadre u { display:table-cell; vertical-align:middle; text-decoration:none; font-weight:bold; }



@media screen and (max-width: 1200px) {
.titrepage { margin:40px 15px 0 15px; }
.soustitrepage { margin:10px 15px 15px 15px; }
}
@media screen and (max-width: 990px) {
.titrepage { color:#2a314a; font-size:30px; margin:20px 15px 0 15px; }
.soustitrepage { margin:10px 15px 15px 15px; }
.listingleft { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; border-right:15px #ffffff solid; background:#d0d5e7; width:50.75757576%; text-decoration:none; color:#2a314a; }
.listingright { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; background:#d0d5e7; width:49.24242424%; text-decoration:none; color:#2a314a; }
}
@media screen and (max-width: 520px) {
#isotop { display:none; }
.titrepage { color:#2a314a; font-size:25px; margin:30px 15px 0 15px; text-align:center; }
.soustitrepage { color:#000000; font-size:16px; margin:10px 15px 15px 15px; text-align:center; }
.rowpageproduits { margin:0; width:100%; }
#bandeaupageproduits { background:#2a314a; margin:15px 0 0 0; padding:0; }
.listingleft { display:block; padding:15px 15px 15px 15px; margin:0 0 15px 0; border-right:0; background:#d0d5e7; width:auto; text-decoration:none; color:#2a314a; }
.listingright { display:block; padding:15px 15px 15px 15px; margin:0 0 15px 0; background:#d0d5e7; width:auto; text-decoration:none; color:#2a314a; }
.listingcenter { display:block; padding:15px 15px 15px 15px; margin:0 0 15px 0; background:#d0d5e7; width:auto; text-decoration:none; color:#2a314a; }
}

/* PAGES RUBRIQUES */
.rowpagerubriques { display:table; margin:0 0 35px 0; width:100%; }
.listingpagerubriquesleft { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; border-right:35px #ffffff solid; background:#d0d5e7; width:51.45833333%; text-decoration:none; color:#2a314a; }
.listingpagerubriquesleft:hover { background:#2a314a; color:#ffffff; }
.listingpagerubriquesright { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; background:#d0d5e7; width:48.54166667%; text-decoration:none; color:#2a314a; }
.listingpagerubriquesright:hover { background:#2a314a; color:#ffffff; }
.listingpagerubriquesfull { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; background:#d0d5e7; width:100%; text-decoration:none; color:#2a314a; }
.listingpagerubriquesfull:hover { background:#2a314a; color:#ffffff; }
.imgpagerubriques { float:left; margin:0 20px 20px 0; height:150px; }
.clear { clear:both; }
#containerboxlien2pagerubrique { width:100%; text-align:right; background:#2a314a; margin:0 0 25px 0; }
#boxlien2pagerubrique { display:inline-block; width:240px; text-align:center; margin:0; padding:15px 0 0 0; background:#37af76; height:30px; color:#ffffff; text-decoration:none; font-weight:bold; }
#boxlien2pagerubrique:hover, #boxlien2:focus { background:#2a314a; }

@media screen and (max-width: 990px) {
.listingpagerubriquesleft { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; border-right:15px #ffffff solid; background:#d0d5e7; width:50.75757576%; text-decoration:none; color:#2a314a; }
.listingpagerubriquesright { display:table-cell; vertical-align:top; padding:15px 15px 15px 15px; background:#d0d5e7; width:49.24242424%; text-decoration:none; color:#2a314a; }
}
@media screen and (max-width: 750px) {
.rowpagerubriques { margin:0; width:100%; }
.listingpagerubriquesleft { display:block; padding:15px 15px 15px 15px; margin:0 0 15px 0; border-right:0; background:#d0d5e7; width:auto; text-decoration:none; color:#2a314a; }
.listingpagerubriquesright { display:block; padding:15px 15px 15px 15px; margin:0 0 15px 0; background:#d0d5e7; width:auto; text-decoration:none; color:#2a314a; }
.imgpagerubriques { float:left; margin:0 20px 0 0; height:150px; }
}
@media screen and (max-width: 400px) {
.imgpagerubriques { float:none; height:120px; }
}

/* BANDEAU KERN PARTNERS + EXPLICATIONS BALANCES */
#bandeau { display:table; width:100%; }
#kernpartners { display:table-cell; vertical-align:top; border-right:10px #ffffff solid; }
#kernpartnerscontainer { width:220px; height:215px; margin:0 0 10px 0; padding:25px 0 0 20px; background:#2a314a; text-align:center; }
#kernpartnerscontenu { width:200px; height:190px; background:#ffffff; text-align:center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
#kernpartnerscontenu img { height:145px; margin:10px 0 0 0; }
#kernpartnerscontenulien { display:block; text-align:center; margin:5px 0 0 0; font-size:13px; }
#boxlien1 { display:block; width:240px; text-align:center; margin:0 0 10px 0; padding:15px 0 0 0; background:#37af76; height:30px; color:#ffffff; text-decoration:none; font-weight:bold; }
#boxlien1:hover, #boxlien1:focus { background:#2a314a; }
#boxlien2 { display:block; width:240px; text-align:center; margin:0; padding:15px 0 0 0; background:#37af76; height:30px; color:#ffffff; text-decoration:none; font-weight:bold; }
#boxlien2:hover, #boxlien2:focus { background:#2a314a; }
#kernpartnersdroite { display:table-cell; vertical-align:middle; height:250px; width:100%; background:#2a314a; }
#kernpartnersdroitecontenu { height:200px; margin:25px 15px 25px 15px; padding:0 15px 0 0; overflow:auto; color:#ffffff; }
#kernpartnersdroitecontenu a { color:#ffffff; text-decoration:underline; }
#kernpartnersdroitecontenu a:hover, #kernpartnersdroitecontenu a:focus { color:#ffffff; text-decoration:none; }
.kernpartnersdroitetitre { font-size:18px; margin:0 0 10px 0; }
.lineheightdouble { line-height:25px; }
#kernpartnerscontenulien { color:#2a314a; text-decoration:none; }
#kernpartnerscontenulien:hover, .kernpartnerscontenulien:focus { color:#37af76; text-decoration:none; }
.choixrapidebalances { overflow:scroll; border:0; }
.bandeauinfo { background:#2a314a; padding:30px 30px 30px 30px; color:#ffffff; }
#bandeauchecklist { display:table; width:100%; max-width:1200px; color:#ffffff; }
#bandeauchecklist img { display:table-cell; vertical-align:top; max-width:325px; }
#bandeauchecklistcontainer { display:table-cell; width:100%; vertical-align:top; background:#2a314a; height:350px; }
#bandeauchecklistcontenu { height:310px; margin:20px 15px 20px 30px; padding:0 15px 0 0; overflow:auto; color:#ffffff; }
#bandeauchecklist h2 { color:#ffffff; font-size:20px; }
#bandeauchecklist a { color:#ffffff; text-decoration:underline; }
#bandeauchecklist a:hover, #bandeausimple a:focus { color:#ffffff; text-decoration:none; }

@media screen and (max-width: 650px) {
.lineheightdouble { line-height:20px; margin:0; padding:0 0 0 15px; }
}
@media screen and (max-width: 520px) {
#kernpartners { display:table-cell; vertical-align:top; border-right:0; }
#kernpartnerscontainer { width:100%; height:120px; padding:0; margin:0 auto 20px auto; padding:0; background:none; }
#kernpartnerscontenu { width:100%; height:100px; background:#ffffff; }
#kernpartnerscontenu img { height:90px; margin:10px 0 0 0; }
#boxlien1 { display:block; width:100%; text-align:center; margin:0 0 10px 0; padding:15px 0 0 0; background:#37af76; height:30px; color:#ffffff; text-decoration:none; font-weight:bold; }
#boxlien2 { display:block; width:100%; text-align:center; margin:0 0 10px 0; padding:15px 0 0 0; background:#37af76; height:30px; color:#ffffff; text-decoration:none; font-weight:bold; }
#kernpartnersdroite { display:table-row; width:100%; height:250px; background:#2a314a; }
#kernpartnersdroitecontenu { height:200px; margin:25px 25px 25px 25px; overflow:auto; color:#ffffff; }
}

/* CHOIX RAPIDE BALANCES */
.cachediv { display:none; height:1px; margin-top:-1px; position:absolute; }
.deployertableaubalances { display:block; width:100%; margin:10px 0 0 0; padding:15px 0 15px 0; text-align:center; background:#d0d5e7; color:#000000; text-decoration:none; font-size:18px; }
.deployertableaubalances:hover, .deployertableaubalances:focus { background:#2a314a; color:#ffffff; }
.masquer { color:#2a314a; text-decoration:none; }
.masquer:hover, .masquer:active, .masquer:focus { padding:0 5px 0 0; color:#ff6a00; text-decoration: underline; }
.lien1 { color:#37af76; font-size:14px; text-decoration:none; }
.lien1:hover { color:#2a314a; font-size:14px; text-decoration:underline; }
#lienssoustableaucomparaison { display:block; margin:3px 0 0 0; }
.imgtableaucomparaison { width:100%; margin:0; padding:0; }

@media screen and (max-width: 1200px) {
#lienssoustableaucomparaison { display:block; margin:3px 0 0 15px; }
}
@media screen and (max-width: 900px) {
.lineheightdouble { line-height:normal; }
}
@media screen and (max-width: 750px) {
#bandeauchecklist img { display:none; }
}
@media screen and (max-width: 650px) {
.deployertableaubalances { font-size:16px; }
}
@media screen and (max-width: 520px) {
.deployertableaubalances { display:none; }
}

iframe:not([src]) { display:none; }
.video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; z-index:1 }
.video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; z-index:1 }

/* PRODUITS */
.produits { display:table; margin:60px 0 40px 0; max-width:1200px; width:100%; }
.produitligne { display:table; max-width:1200px; width:100%; }
.produitphoto { display:table-cell; vertical-align:top; width:40%; text-align:center; max-width:300px; }
.produitphoto img { max-width:70%; max-height:500px; }
.produitphoto p { font-size:14px; color:#848688; margin:0 0 20px 0; }
.produitphotopetit { display:table-cell; vertical-align:top; width:40%; text-align:center; }
.produitphotopetit img { max-width:40%; }
.produitphotopetit p { font-size:14px; color:#848688; margin:0 0 20px 0; }
.produittexte { display:table-cell; vertical-align:top; width:60%; }
.produitnomcontenu { margin:0 0 0 40%; }
.produitnomcontenu a { color:#37af76; font-size:20px; text-decoration:none; }
.produitnomcontenu a:hover { color:#2a314a; }
.produitnomcontenu h2 { font-size:22px; margin:0; }
.produitnomcontenu span { font-size:14px; }
.produitnomcontenuspecial { background:#2a314a; color:#ffffff; padding:15px 15px 15px 15px; }
.produitchapeau { font-style:italic; }
.produitdescro { padding:0 0 20px 0; font-style:normal; }
.produitdiversinfos { display:table; margin:0 0 15px 0; }
.produitdiversinfos img { display:table-cell; vertical-align:middle; border-right:10px #ffffff solid; }
.produitdiversinfos p { display:table-cell; vertical-align:middle; }
.produitprix { padding:0 0 0 50px; }
.produitcotisationsenvironnement { padding:0 0 0 50px; font-size:14px; }
.produitprixcomplex { display:table; margin:0 0 15px 0; }
.produitprixcomplexeuro { display:table-cell; vertical-align:top; border-right:10px #ffffff solid; }
.produitprixcomplexintitule { display:table-cell; vertical-align:top; padding:8px 0 0 0; white-space: nowrap; }
.produitprixcomplexdetails { display:table-cell; vertical-align:top; padding:8px 0 0 0; }
.produitlisteclients { background:#d0d5e7; padding:15px 15px 10px 20px; }
.produitlisteclientscontenu { max-height:150px; overflow:auto; padding:15px 15px 0 0; }
.produitsouslisteclients { display:block; font-size:13px; color:#4f5c8a; margin:2px 0 20px 20px; }
.produitliencomplement { display:block; background:#4f5c8a; padding:5px 15px 5px 15px; margin:0 0 5px 0; color:#ffffff; text-decoration:none; }
.produitliencomplement:hover, .produitliencomplement:focus { background:#37af76; color:#ffffff; text-decoration:none; }
.produitliencomplementrouge { display:block; background:#6d071a ; padding:5px 15px 5px 15px; margin:0 0 5px 0; color:#ffffff; text-decoration:none; }
.produitliencomplementrouge:hover, .produitliencomplement:focus { background:#37af76; color:#ffffff; text-decoration:none; }
.quenpenseclients { background:#4f5c8a; padding:5px 15px 5px 15px; margin:0 0 5px 0; color:#ffffff; }
.legendephoto { margin:25px 0 0 0; }
.gallerie { float:left; }
.gallerie img { float:left; width:120px; border:5px solid #d0d5e7; margin:10px 10px 5px 0; }
.gallerie img:hover { border:5px solid #37af76; }
.clicgallerie { clear:both; color:#4f5c8a; font-size:13px; margin:0 0 20px 0; }
.clicgallerieblanc { clear:both; color:#ffffff; font-size:13px; margin:0 0 20px 0; }
.deviscommander { display:table; width:100%; margin:0 0 40px 0; }
.devis { display:table-cell; border-right:5px #ffffff solid; width:50%; }
.produitinfosdevis { display:block; background:#2a314a; padding:5px 15px 5px 15px; text-align:center; color:#ffffff; text-decoration:none; }
.produitinfosdevis:hover, .produitinfosdevis:focus { background:#37af76; color:#ffffff; text-decoration:none; }
.commander { display:table-cell; width:50%; }
.produitcommander { display:block; background:#2a314a; padding:5px 15px 5px 15px; text-align:center; color:#ffffff; text-decoration:none; }
.produitcommander:hover, .produitcommander:focus { background:#37af76; color:#ffffff; text-decoration:none; }

@media screen and (max-width: 1220px) {
.produits { display:table; width:90%; margin:0 auto; }
}
@media screen and (max-width: 830px) {
.devis { display:block; border:0; width:100%; margin:0 0 5px 0; }
.commander { display:block; border:0; width:100%; margin:0 0 5px 0; }
}
@media screen and (max-width: 650px) {
.produits { display:table; width:90%; margin:0 auto; }
.produitnom { display: table-row; text-align:center; }
.produitnomcontenu { margin:0 15px 0 15px; }
.produitphoto { display:table-row; width:90%; margin:0 auto; text-align:center; }
.produitphoto img { max-width:75.55555556%; }
.produittexte { display:table-row; }
.produitnom h2 { font-size:20px; margin:0; }
.produitnomcontenu span { font-size:13px; margin:0 0 15px 0; }
}

/* CROSSLINKING */
.crosslinking { background:#d0d5e7; padding:15px 0 15px 0; margin:0 0 20px 0; text-align:center; }
.crosslinkingcontainerimg { max-width:100%; overflow:auto; }
.crosslinkingimg { display:table; margin:0 0 0 15px; }
.crosslinkingimg div { display:table-cell; }
.crosslinkingimg div img { margin:0 15px 0 0; border:2px solid #d0d5e7; max-height:200px; }
.crosslinkingimg div img:hover { border:2px solid #37af76; }
.crosslinkingautresrubriques { clear:both; margin:15px 20px 0 20px; }
.crosslinkingautresrubriques a { color:#2a314a; }
.crosslinkingautresrubriques a:hover, .crosslinkingautresrubriques a:focus { text-decoration:none; }

/* PAGES GENERALES */
.texte { border:1px solid #2a314a; padding:15px 15px 15px 15px; background:#d0d5e7; }

/* FORMULAIRES */
.sectionformulaires { margin:25px 0 15px 0; font-weight:bold; }
.explicationchamps { color:#373737; }
.petit { font-size:12px; }
.error { background:#ff0000; padding:15px 15px 15px 15px; color:#ffffff; list-style-type:none; }
.errorliens { color:#ffffff; text-decoration:underline; }
.errorliens:hover { text-decoration:none; }
/* pour champs spéciaux */
.pm { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.formok { background:#37af76; padding:15px 15px 15px 15px; color:#ffffff; }
fieldset { border:none; }

input[type=text],input[type=email], select, textarea { width:100%; max-width:520px; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; resize: vertical; }
textarea { min-height:140px; }
label { padding: 12px 12px 12px 0; display: inline-block; }
input[type=submit] { background-color:#2a314a; color:white; padding:12px 20px; border:none; border-radius:4px; cursor:pointer; float:left; }
input[type=submit]:hover { background-color: #37af76; }

/* Style the container */
.container { border-radius: 5px; background-color: #f2f2f2; padding: 20px; }

/* Floating column for labels: 25% width */
.col-25 { float: left; width: 25%; margin-top: 6px; }

/* Floating column for inputs: 75% width */
.col-75 { float: left; width: 75%; margin-top: 6px; }

/* Clear floats after the columns */
.row:after { content: ""; display: table; clear: both; }

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) { .col-25, .col-75, input[type=submit] { width: 100%; margin-top: 0; } }