@media only screen and (max-width: 1200px) {
body { margin-top: 60px }
nav { height: 60px; background-color: #268AB6; -webkit-box-shadow: 0 10px 20px -20px rgba(0,0,0,0.85); box-shadow: 0 10px 20px -20px rgba(0,0,0,0.85); }
nav .logo { font-size: 40px; margin: 10px 0 0 10px }
nav .menu { margin: 9px 10px 0 0 }
nav .fixednav { margin-right: 10px }
nav .fixednav .btn { display: none !important }
nav .menu .fixednav a { padding: 0 }
nav .fixednav .btnmenu { display: block !important; height: 42px!important; line-height: 42px!important; width: 42px!important; text-align: center!important; font-family: 'fontello'; font-size: 30px!important }
nav .fixednav .btnmenu:hover { text-decoration: none !important }
nav .menu .post,
nav .menu .search,
nav .menu .language { display: none }
.memenu { padding: 30px; overflow: scroll }
.memenu li div { width: 100%; margin-bottom: 0px }
.memenu li div a { font-size: 17px; margin-top: 0; padding: 6px 0; display: inline-block }
.memenu .big { font-size: 16px; margin-top: 20px; margin-bottom: 0; padding: 10px 0; display: block; float: left }
.memenu .donate { width: 100%; text-align: center; background-color: #FFF; color: #268AB6; font-weight: bold; text-transform: uppercase; margin-top: 36px; margin-bottom: 10px; line-height: 36px }
.memenu .post { width: 100%; text-align: center; font-weight: bold; text-transform: uppercase; border: 2px solid #FFF; line-height: 32px }
.memenu .closebtn { top: 0px; right: 10px }
.memenu .langue { color: #FFF; margin-top: 20px; padding-bottom: 30px; float: left }
.memenu .langue a { width: auto; font-size: 18px; background-color: #FFF; color: #268AB6; text-align: center; font-weight: bold; margin-right: 6px; padding: 8px }
.menu .btnmenu { display: block !important; margin-right: 2px!important }
.welcome { height: calc(100% - 60px); }
.fixed { height: 60px }
.fixed .logo { font-size: 40px; margin: 10px 0 0 10px }
.fixed .menu { margin: 9px 0 0 0 }
.fixed .fixednav .btn { display: none !important }
.fixed .menu .fixednav a { padding: 0 }
.fixed .fixednav .btnmenu { display: none !important }
.fixed .menu .donate { background-color: #f47922; height: 42px; line-height: 42px; padding: 0 15px; font-size: 15px; font-weight: bold; text-transform: uppercase; margin-right: 10px; margin-top: 0; float: left }
}

@media only screen and (max-width: 1099px) {
.welcome .container { width: calc(100% - 60px); bottom: 60px }
.home .diap .links { width: 30%; margin-right: 40px }
.home .diap .preview { width: calc(70% - 50px); height: 400px }
.news .container { width: calc(100% - 60px) }
.contact .container { width: calc(100% - 60px) }
footer .container { width: calc(100% - 60px) }
/* PAGE */
.page .pagecontent .container { width: calc(100% - 60px); padding: 60px 50px }
/* D0N */
.don .left { width: 100%; margin-right: 0px }
.don .right { display: none }
}

@media only screen and (max-width: 949px) {
.smart { display: block !important }
.desktop { display: none !important }
.welcome .container { width: calc(100% - 80px) }
.welcome .container h1,
.welcome .container h2 { font-size: 26px; line-height: 30px; width: 100%; margin-right: 0; text-transform: uppercase }
.welcome .container div { display: none }
.unslider .prev {
  left: 10px;
}
.unslider .next {
  right: 10px;
}
nav { height: 60px; background-color: #268AB6; -webkit-box-shadow: 0 10px 20px -20px rgba(0,0,0,0.85); box-shadow: 0 10px 20px -20px rgba(0,0,0,0.85); }
nav .logo { font-size: 40px; margin: 10px 0 0 10px }
nav .menu { margin: 9px 10px 0 0 }
nav .fixednav { margin-right: 10px }
nav .fixednav .btn { display: none !important }
nav .menu .fixednav a { padding: 0 }
nav .fixednav .btnmenu { display: block !important; height: 42px!important; line-height: 42px!important; width: 42px!important; text-align: center!important; font-family: 'fontello'; font-size: 30px!important }
nav .fixednav .btnmenu:hover { text-decoration: none !important }
nav .menu .post,
nav .menu .search,
nav .menu .language { display: none }
.memenu { padding: 30px; overflow: scroll }
.memenu li div { width: 100%; margin-bottom: 0px }
.memenu li div a { font-size: 17px; margin-top: 0; padding: 6px 0; display: inline-block }
.memenu .big { font-size: 16px; margin-top: 20px; margin-bottom: 0; padding: 10px 0; display: block; float: left }
.memenu .donate { width: 100%; text-align: center; background-color: #FFF; color: #268AB6; font-weight: bold; text-transform: uppercase; margin-top: 36px; margin-bottom: 10px; line-height: 36px }
.memenu .post { width: 100%; text-align: center; font-weight: bold; text-transform: uppercase; border: 2px solid #FFF; line-height: 32px }
.memenu .closebtn { top: 0px; right: 10px }
.memenu .langue { color: #FFF; margin-top: 20px; padding-bottom: 30px; float: left }
.memenu .langue a { width: auto; font-size: 18px; background-color: #FFF; color: #268AB6; text-align: center; font-weight: bold; margin-right: 6px; padding: 8px }
.menu .btnmenu { display: block !important; margin-right: 2px!important }
.fixed { height: 60px }
.fixed .logo { font-size: 40px; margin: 10px 0 0 10px }
.fixed .menu { margin: 9px 0 0 0 }
.fixed .fixednav .btn { display: none !important }
.fixed .menu .fixednav a { padding: 0 }
.fixed .fixednav .btnmenu { display: none !important }
.fixed .menu .donate { background-color: #f47922; height: 42px; line-height: 42px; padding: 0 15px; font-size: 15px; font-weight: bold; text-transform: uppercase; margin-right: 10px; margin-top: 0; float: left }
.welcome .greenconfetti { display: none }
.home { padding: 50px 0 50px 0 }
.home .container { width: calc(100% - 60px) }
.welcome .container .button { display: inline-block !important }
.home .pres { margin-bottom: 60px }
.home .pres strong { font-size: 20px; margin: 0 0 20px 0 }
.home .pres div { margin: 0 0 40px 0 }
.home .pres .quote1 { font-size: 25px }
.home .pres h2 { width: calc(100% - 50px); font-size: 26px; line-height: 30px; padding: 0 }
.home .pres .quote2 { font-size: 25px; margin-top: 97px; display: inline-block }
.home .pres img { width: 100% !important; height: auto !important; margin: 0 0 50px 0 !important }
.home .blueconfetti { display: none }
.home .orangeconfetti { display: none }
.home .diap { margin-bottom: 60px }
.home .diap .links { width: 100%; margin-right: 0px; }
.home .diap .links h2 { font-size: 22px; line-height: 22px; padding: 0 0 10px 0 }
.home .diap .preview { width: 100%; height: 180px }
.home .diap .preview h3 { font-size: 15px; padding: 10px; max-width: 100%; }
.home .diap .links h2 a { }
.news { height: 190px }
.news .container { width: 100% }
.news .container .img { width: 50% }
.news .container .content { width: 48%; padding: 20px }
.news .container div:nth-child(3),
.news .container div:nth-child(4) { display: none }
.news .container .content a { font-size: 19px; line-height: 23px }
.contact { padding: 20px 0 30px 0 }
.contact .container { width: calc(100% - 60px) }
.contact .container div { display: inline-block; width: 100% !important }
.contact .container div span { font-size: 20px }
.contact .container div .social { height: 40px; width: 40px; line-height: 40px; margin-bottom: 20px }
.contact .container div input { height: 40px }
.contact .container div .button { height: 40px; width: 40px; line-height: 40px; }
footer { padding: 20px 0 60px 0 }
footer .container { width: calc(100% - 60px) }
footer .container span { display: none }
footer .container ul { display: block; width: 100%; padding-top: 20px }
/* PAGE */
.page .welcome { display: none }
.page .pagecontent .el .all a { font-size: 15px; display: block; top: 0px; right: 0px }
.page .pagecontent .container { width: 100%; padding: 40px 30px }
.page .pagecontent { margin-top: 60px }
.page .pagecontent .el .bread { padding: 0 }
.page .pagecontent .el h1 { font-size: 30px; line-height: 30px; padding: 0 }
.page .pagecontent .el .intro { padding: 0 0 30px 0; line-height: 20px }
.page .pagecontent .el .txt { padding: 0; overflow: hidden; line-height: 20px }
.page .pagecontent .el .txt h2 { margin: 20px 0; font-size: 22px; line-height: 26px }
.page .pagecontent .el .txt .img { width: 100%; margin-left: 0px; margin-top: 30px }
.page .pagecontent .el .txt .img .slog { max-width: 60%; padding: 20px; font-size: 18px }
.page .pagecontent .el .txt .blocquote { width: 100% }
.page .pagecontent .el .txt .blocquote .quote1 { width: 50px }
.page .pagecontent .el .txt .blocquote .quote1 img { height: 50px; }
.page .pagecontent .el .txt .blocquote .sentence { width: calc(100% - 50px); font-size: 24px; line-height: 30px }
.page .pagecontent .el .txt .blocquote .quote2 { display: none }
.page .pagecontent .el .dl { padding: 30px 0px 0 0px }
.page .pagecontent .el .tags,
.page .pagecontent .el .more,
.page .pagecontent .el .category { padding: 0px 0px 30px 0px }
.page .pagecontent .el .more { padding-top: 30px }
.page .pagecontent .el .more .site { width: 100% }
.page .pagecontent .el .more .donate { width: 100%; text-align: left; margin-top: 40px }
.page .pagecontent .el .txt table td { padding: 10px 0 0px 0 !important; width: 25% !important; line-height: 12px !important; font-size: 11px }
.page .pagecontent .el .txt table .img { height: 100% !important }
/* PROJECTS */
.page .pagecontent .el .proj a { width: 100%; height: 180px; margin: 0 0 20px 0 }
.page .pagecontent .el .proj a h2 { font-size: 30px; line-height: 30px }
.page .pagecontent .el .proj a:nth-child(2n) { margin-left: 0px }
.page .pagecontent .el .filters select { width: 100%; margin-right: 0; margin-bottom: 10px }
.page .pagecontent .el .proj2 div { width: 100%; height: auto; margin-bottom: 30px }
.page .pagecontent .el .proj2 div .pic { height: 140px }
.page .pagecontent .el .proj2 .margin { margin-left: 0 }
.page .pagecontent .el .res { margin: 0 0px 30px 0px }
/* D0N */
.orangetitle { font-size: 30px !important; line-height: 30px !important }
.don .left { width: 100%; margin-right: 0px; padding: 30px 0 0 0; }
.don .right { display: none }
.don .bloc { padding: 30px }
.don .bloc h2 { margin: 0 0 20px 0; font-size: 16px }
.don .bloc .type { padding-bottom: 30px }
.don .bloc .type a { height: auto; line-height: 20px; font-size: 18px; padding: 10px 10px; vertical-align: top }
.check { width: 46% }
.don .bloc .libre { padding-bottom: 30px }
.don .bloc .estim .res { font-size: 18px; line-height: 18px }
.don .coor li div { width: 100% }
.don .valider { margin-bottom: 10px; width: 100% }
.page .pagecontent .el .aucun { margin: 0 30px 30px 30px; font-size: 30px; line-height: 40px; color: #CCC }
}