/*CSS FOR RESPONSIVE LAYOUTS*/
/*___________________________________________________________________*/

/*---------------iPad & Samsung Galaxy Tablets portrait---------------*/
/*___________________________________________________________________*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
#container{ width: 794px;}
.container {width: 714px; }
.counter .count {font-size: 46px;}
.counter {min-height: 195px;}
.counter .details {font-size: 15px;}
.box-thematique{background:#a5a5a5;}
.thematique li a { width: 201px;}
.thematique li.default span {padding: 2px 6px;width: 190px;height: 91%;overflow: hidden;}
.thematique li span i {font-size: 29px;top: 18px;}
.thematique ul.chiffre li {font-size: 9px;}

.box-bilan{background:#a5a5a5;}
.bilan li a { width: 201px;}
.bilan li.default span {padding: 2px 6px;width: 190px;height: 91%;overflow: hidden; }
.bilan li span i {font-size: 29px;top: 18px;}
.bilan ul.chiffre li {font-size: 9px;}

.box-region{background:#a5a5a5;}
.region li a { width: 201px;}
.region li.default span {padding: 2px 6px;width: 190px;height: 91%;overflow: hidden;}
.region li span i {font-size: 29px;top: 18px;}
.region ul.chiffre li {font-size: 9px;}

.box-activites{background:#a5a5a5;}
.activites li a { width: 201px;}
.activites li.default span {padding: 2px 6px;width: 190px;height: 91%;overflow: hidden;}
.activites li span i {font-size: 29px;top: 18px;}
.activites ul.chiffre li {font-size: 9px;}
footer #logo span {font-size: 15px;line-height: 22px;}
footer h3:after {right: -336%;}
footer h3:after, .section-title h1:before { width: 342%;}
.big-head .zone-logo {width: 350px;}
#logo span {font-size: 23px;line-height: 31px;}
.big-head {height: 281px;}
.layerslideh4 { font-size: 18px!important;}
.box-thematique h4 {color:#fff;     font-size: 18px;}
.box-thematique a.download-bil {color: #fff;}
.box-thematique a.download-bil i { color: #fff;}
.box-bilan h4 {color:#fff;     font-size: 18px;}
.box-bilan a.download-bil {color: #fff;}
.box-bilan a.download-bil i { color: #fff;}
.box-region h4 {color:#fff;     font-size: 18px;}
.box-region a.download-bil {color: #fff;}
.box-region a.download-bil i { color: #fff;}
.box-activites h4 {color:#fff;     font-size: 18px;}
.box-activites a.download-bil {color: #fff;}
.box-activites a.download-bil i { color: #fff;}
.style2 #big-head #logo img { width: 30%;}
.style2 .big-head .zone-logo {margin-top: 0;}
.style2 .big-head .zone-logo {width: 100%;}
.style2 #logo span {font-size: 34px;line-height: 38px;}
.style2 #footer #logo span {font-size: 15px;line-height: 25px;}
#social{margin-left: 30px;width: 33%;}
.theme .title {margin-left: 32px; color:#fff; font-size: 15px;}
.theme .title2 {margin-left: 18px; color: #fff; font-size: 15px;}
.box-thematique a.download-bil { font-size: 16px;}
.box-thematique h4 {color:#fff;  font-size: 18px;}
.box-bilan a.download-bil { font-size: 16px;}
.box-bilan h4 {color:#fff;  font-size: 18px;}
.box-region a.download-bil { font-size: 16px;}
.box-region h4 {color:#fff;  font-size: 18px;}
.box-activites a.download-bil { font-size: 16px;}
.box-activites h4 {color:#fff;  font-size: 18px;}
.nav > li > a {padding: 1px 2px;}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#container{ width: 440px;}
.container {width: 400px; }
.thematique{width:400px; }
.bilan{width:400px; }
.region{width:400px; }
.activites{width:400px; }

.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .three-fourth {float: left;position: relative;width: 100%;margin-right: 0!important; margin-bottom: 20px;}
.counter .count {font-size: 46px;}
.counter {min-height: 195px;}
.counter .details {font-size: 15px;}
.box-thematique{background:#a5a5a5;}
.thematique li a { width: 201px;}
.thematique li.default span {padding: 10px 6px 2px 6px;width: 366px;height: 95%;overflow: hidden;}
.thematique li span i {font-size: 29px;top: 18px;}
.thematique ul.chiffre li {font-size: 12px;margin: 6px 0;}
.box-bilan{background:#a5a5a5;}
.bilan li a { width: 201px;}
.bilan li.default span {padding: 10px 6px 2px 6px;width: 366px;height: 95%;overflow: hidden;}
.bilan li span i {font-size: 29px;top: 18px;}
.bilan ul.chiffre li {font-size: 12px;margin: 6px 0;}
.box-region{background:#a5a5a5;}
.region li a { width: 201px;}
.region li.default span {padding: 10px 6px 2px 6px;width: 366px;height: 95%;overflow: hidden;}
.region li span i {font-size: 29px;top: 18px;}
.region ul.chiffre li {font-size: 12px;margin: 6px 0;}
.box-activites{background:#a5a5a5;}
.activites li a { width: 201px;}
.activites li.default span {padding: 10px 6px 2px 6px;width: 366px;height: 95%;overflow: hidden;}
.activites li span i {font-size: 29px;top: 18px;}
.activites ul.chiffre li {font-size: 12px;margin: 6px 0;}
footer #logo span {font-size: 15px;line-height: 22px;}
footer h3:after { right: -268%;}
footer h3:after, .section-title h1:before { width: 285%;}
.big-head .zone-logo {width: 350px; float:none;    padding: 0px 0px 0px 40px; margin: 0;}
#logo span {font-size: 23px;line-height: 31px;}
.big-head {height: 155px;}
.counter .details {font-size: 22px;}
.thematique li a { width: 377px;}
.bilan li a { width: 377px;}
.region li a { width: 377px;}
.activites li a { width: 377px;}
footer #logo span {font-size: 30px;line-height: 35px;}
.text-right {text-align: left;}
.text-left {text-align: left;}
.ls-inner{display:none;}
.thematique li .title h6 {font-size: 22px;margin-bottom: 3px;}
.thematique li .title h3 {margin-bottom: 5px;font-size: 28px;}
.box-thematique h4 {color:#fff; float:none; text-align:center;    margin-top: 0px;}
.box-thematique a.download-bil {text-align: center; color: #47975F; font-size: 17px; justify-content: center; -webkit-justify-content: center; padding: 0 0; width: 100%;margin: 0 auto; background-color: #fff; padding: 16px 0;}
.box-thematique a.download-bil i { color: #47975F;}
.thematique {margin-top: 26px;}

.bilan li .title h6 {font-size: 22px;margin-bottom: 3px;}
.bilan li .title h3 {margin-bottom: 5px;font-size: 28px;}
.box-bilan h4 {color:#fff; float:none; text-align:center;    margin-top: 0px;}
.box-bilan a.download-bil {text-align: center; color: #47975F; font-size: 17px; justify-content: center; -webkit-justify-content: center; padding: 0 0; width: 100%;margin: 0 auto; background-color: #fff; padding: 16px 0;}
.box-bilan a.download-bil i { color: #47975F;}
.bilan {margin-top: 26px;}
.region li .title h6 {font-size: 22px;margin-bottom: 3px;}
.region li .title h3 {margin-bottom: 5px;font-size: 28px;}
.box-region h4 {color:#fff; float:none; text-align:center;    margin-top: 0px;}
.box-region a.download-bil {text-align: center; color: #47975F; font-size: 17px; justify-content: center; -webkit-justify-content: center; padding: 0 0; width: 100%;margin: 0 auto; background-color: #fff; padding: 16px 0;}
.box-region a.download-bil i { color: #47975F;}
.region {margin-top: 26px;}
.activites li .title h6 {font-size: 22px;margin-bottom: 3px;}
.activites li .title h3 {margin-bottom: 5px;font-size: 28px;}
.box-activites h4 {color:#fff; float:none; text-align:center;    margin-top: 0px;}
.box-activites a.download-bil {text-align: center; color: #47975F; font-size: 17px; justify-content: center; -webkit-justify-content: center; padding: 0 0; width: 100%;margin: 0 auto; background-color: #fff; padding: 16px 0;}
.box-activites a.download-bil i { color: #47975F;}
.activites {margin-top: 26px;}
.auth-divider {position: relative;height: 1px;width: 100%;top: auto;left: auto;margin: 50px 0;clear: both;}
.auth-divider:before {top: 0px; position: relative;left: 48%;padding: 0 5px;margin-top: 0px; margin-left: -10px;}
.style2 .big-head .zone-logo { margin-top:0; padding:0px;}
.style2 #big-head #logo img { width: 50%;}
.style2 .big-head .zone-logo {width: 100%;}
#social{ margin-left: 49px; width: 67%; clear: both;margin-top: -163px;}
.theme .title {margin-left: 36px; margin-bottom: 28px;color: #FFFFFF;}
.theme .title2 {margin-left: 12px;margin-bottom: 26px;color: #fff;}
.nav > li > a {padding: 1px 2px;}
}
/*___________________________________________________________________*/

/*---------------iPhone & Samsung Mobiles landscape---------------*/
/*___________________________________________________________________*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#container{ width: 300px;}
.container {width:260px; }
.thematique{width:260px; }
.bilan{width:278px; }
.region{width:278px; }
.activites{width:278px; }
.counter .count {font-size: 75px;}
.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .three-fourth {float: left;position: relative;width: 100%;margin-right: 0!important; margin-bottom: 20px;}
.counter {min-height: 195px;}
.counter .details {font-size: 15px;}
.box-thematique{background:#a5a5a5;}
.thematique li.default span { padding: 15px; width: 89%; height: 88%; overflow: hidden;  margin-top: -10px;}
.thematique li span i {font-size: 29px;top: 18px;}
.thematique ul.chiffre li {font-size: 10px;margin: 0 0;}
.box-bilan{background:#a5a5a5;}
.bilan li.default span { padding: 15px; width: 89%; height: 88%; overflow: hidden;  margin-top: -10px;}
.bilan li span i {font-size: 29px;top: 18px;}
.bilan ul.chiffre li {font-size: 10px;margin: 0 0;}
.box-region{background:#a5a5a5;}
.region li.default span { padding: 15px; width: 89%; height: 88%; overflow: hidden;  margin-top: -10px;}
.region li span i {font-size: 29px;top: 18px;}
.region ul.chiffre li {font-size: 10px;margin: 0 0;}
.box-activites{background:#a5a5a5;}
.activites li.default span { padding: 15px; width: 89%; height: 88%; overflow: hidden;  margin-top: -10px;}
.activites li span i {font-size: 29px;top: 18px;}
.activites ul.chiffre li {font-size: 10px;margin: 0 0;}
footer #logo span {font-size: 15px;line-height: 22px;}
footer h3:after {right: -137%;}
footer h3:after, .section-title h1:before {     width: 156%;}
.big-head .zone-logo {width: 100%; float:none;    padding: 0; margin: 0;text-align: -webkit-center; }
#logo span {font-size: 25px;line-height: 28px;}
.big-head {    height: 232px;}
.counter .details {font-size:20px;}
.thematique li a { width: 100%; padding: 0;border: none; box-shadow:none;}
.bilan li a { width: 100%; padding: 0;border: none; box-shadow:none;}
.region li a { width: 100%; padding: 0;border: none; box-shadow:none;}
footer #logo span {font-size: 30px;line-height: 35px;}
.activites li a { width: 100%; padding: 0;border: none; box-shadow:none;}
footer #logo span {font-size: 30px;line-height: 35px;}
.text-right {text-align: left;}
.text-left {text-align: left;}
.ls-inner{display:none;}
.thematique li .title h6 {font-size: 22px;margin-bottom: 3px;}
.thematique li .title h3 {margin-bottom: 5px;font-size: 17px;}
.bilan li .title h6 {font-size: 22px;margin-bottom: 3px;}
.bilan li .title h3 {margin-bottom: 5px;font-size: 17px;}
.region li .title h6 {font-size: 22px;margin-bottom: 3px;}
.region li .title h3 {margin-bottom: 5px;font-size: 17px;}
.activites li .title h6 {font-size: 22px;margin-bottom: 3px;}
.activites li .title h3 {margin-bottom: 5px;font-size: 17px;}
#logo img {width: 36%;float: none; margin-right: 0;display: block;}
.thematique li img {border-radius:0px;}
.box-thematique h4 {color:#fff; float:none; text-align:center; margin-top: 77px;}
.box-thematique a.download-bil {text-align: center; color: #47975F; font-size: 17px; justify-content: center; -webkit-justify-content: center; padding: 0 0; width: 100%;margin: 0 auto; background-color: #fff; padding: 16px 0;}
.box-thematique a.download-bil i { color: #47975F;}
.thematique {margin-top: 26px;}
.bilan li img {border-radius:0px;}
.box-bilan h4 {color:#fff; float:none; text-align:center; margin-top: 77px;}
.box-bilan a.download-bil {text-align: center; color: #47975F; font-size: 17px; justify-content: center; -webkit-justify-content: center; padding: 0 0; width: 100%;margin: 0 auto; background-color: #fff; padding: 16px 0;}
.box-bilan a.download-bil i { color: #47975F;}
.bilan {margin-top: 26px;}
.region li img {border-radius:0px;}
.box-region h4 {color:#fff; float:none; text-align:center; margin-top: 77px;}
.box-region a.download-bil {text-align: center; color: #47975F; font-size: 17px; justify-content: center; -webkit-justify-content: center; padding: 0 0; width: 100%;margin: 0 auto; background-color: #fff; padding: 16px 0;}
.box-region a.download-bil i { color: #47975F;}
.region {margin-top: 26px;}

.activites li img {border-radius:0px;}
.box-activites h4 {color:#fff; float:none; text-align:center; margin-top: 77px;}
.box-activites a.download-bil {text-align: center; color: #47975F; font-size: 17px; justify-content: center; -webkit-justify-content: center; padding: 0 0; width: 100%;margin: 0 auto; background-color: #fff; padding: 16px 0;}
.box-activites a.download-bil i { color: #47975F;}
.activites {margin-top: 26px;}
.button--size-m {font-size: 13px;}
.auth-divider {position: relative;height: 1px;width: 100%;top: auto;left: auto;margin: 50px 0;clear: both;}
.auth-divider:before {top: 0px; position: relative;left: 48%;padding: 0 5px;margin-top: 0px; margin-left: -10px;}
.style2 #big-head #logo img { width: 70%;float: none;text-align: center;display: inline;}
.style2 .big-head .zone-logo { margin-top: 0;}
#social{    margin-left: -5px;width: 90%;clear: both;margin-top: -163px;}
.theme .title { margin-left:27px;margin-bottom: 28px;color: #FFFFFF;}
.box-thematique h4 {color:#0c0c0c; float:none; text-align:center;    margin-top: 0px; font-size: 12px;}
.box-bilan h4 {color:#0c0c0c; float:none; text-align:center;    margin-top: 0px; font-size: 12px;}
.box-region h4 {color:#0c0c0c; float:none; text-align:center;    margin-top: 0px; font-size: 12px;}
.box-activites h4 {color:#0c0c0c; float:none; text-align:center;    margin-top: 0px; font-size: 12px;}
.theme .title2 {margin-left: 78px;color: #FFFFFF; margin-bottom: 27px;clear: both;}
.nav > li > a {padding: 1px 2px;}

}