.clearfix {

 *zoom: 1;

}

.clearfix:before, .clearfix:after {

    display: table;

    content: "";

    line-height: 0;

}

.clearfix:after {

    clear: both;

}

.hide-text {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0;

}

.input-block-level {

    display: block;

    width: 100%;

    min-height: 38px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

a {

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

/*======================= TYPOGRAPHY =======================*/







h1, h2, h3, h4, h5, h6 {

    margin: 0;

    color: #606569;

    font-weight: 300;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

    color: inherit;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

    color: #1e8bc3;

}

h3 {

    font-size: 24px;

    line-height: 20px;

    padding: 0 0 23px 0;

}

h4 {

    padding: 0 0 24px 0;

}

/*strong {



	color: #f86924;



	font-weight: normal;



}*/



strong {

    font-weight: bold;

}

.alert-heading {

    color: inherit;

}

p {

    margin: 0;

    padding-bottom: 20px;

}

.icons-marker {

    font-size: 16.8px;

    line-height: 20px;

}

/*Buttons*/







.btn {

    padding: 8px 16px;

    font-size: 14px;

    line-height: 20px;

    background: #35bc7a;

    color: #ffffff;

    border: 1px solid #35bc7a;

    text-shadow: none;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    transition: all 0.5s !important;

    -webkit-transition: all 0.5s !important;

    /* Safari and Chrome */







    -moz-transition: all 0.5s !important;

    /* Firefox 4 */







    -o-transition: all 0.5s !important;/* Opera */

}

.btn:hover, .btn:focus, .btn:active {

    text-decoration: none;

    color: #35bc7a;

    background: #fff;

}

.btn.disabled {

    cursor: default !important;

    pointer-events: none;

}

#searchForm .btn.btn-primary {

    height: 38px;

    line-height: 38px;

    border-radius: 0;

    padding-top: 0px;

}

.btn-group.open .btn.dropdown-toggle {

    background-color: #eee;

}

.btn-group .btn.dropdown-toggle {

    padding: 3px 10px;

    border: 1px solid #efefef;

    margin-right: 0;

}

.btn-group .btn, .btn-toolbar .btn {

    margin-right: 10px;

}

.btn-toolbar .btn {

    border-radius: 0 !important;

}

#jform_images_image_intro, #jform_images_image_fulltext {

    height: 38px;

    border: none;

    margin-right: 10px;

}

.input-append .add-on, .input-prepend .add-on {

    height: 30px;

    line-height: 30px;

}

.input-append .add-on, .input-prepend .add-on {

    border: none;

}

.input-prepend .btn {

    margin-right: 10px;

}

/*Lists*/







ul {

    margin: 0;

}

li {

    list-style-type: none;

}

.list1 li {

    padding-bottom: 8px;

}

.list1 li a.firstItem:before {

    content: '\f061';

    display: inline-block;

    color: #494948;

    font-size: 12px;

    font-family: FontAwesome;

    line-height: 16px;

    text-align: center;

    width: 16px;

    height: 16px;

    border: 2px solid #494948;

    margin: 0 11px 0 0;

    border-radius: 16px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

.blocks .list1 li a, #aside-right .moduletable.contact .list1 li a, #mod_menu_second.list1 li a {

    color: #fff;

}

.blocks .list1 li a:before, #aside-right .moduletable.contact .list1 li a:before, #mod_menu_second.list1 li a:before {

    color: #fff;

    border-color: #fff;

    background: none;

}

.blocks .list1 li a:hover, #aside-right .moduletable.contact .list1 li a:hover, #mod_menu_second.list1 li a:hover {

    /*color: #f86924;*/



    color: #fff;

    text-shadow: 0 0 2px #fff;

}

.list1 li a {

    color: #E50066;

}

.list1 li a:hover {

    /*color: #f86924;*/



    color: #494948;

}

.list1 li a:hover:before, #aside-right .moduletable.contact .list1 li a:hover:before, #mod_menu_second.list1 li a:hover:before {

    /*background: #f86924;



	border-color: #f86924;



	color: #fff;



	background: #494948;*/



    background: #fff;

    border-color: #E50066;

    color: #E50066;

}

ul.list1 {

    padding-bottom: 16px;

}

ul.categories-module h5 {

    font-size: 1em;

    line-height: inherit;

    font-weight: normal;

    margin: 0;

}

/*Pagination*/







.pagination {

    height: auto;

    margin: 0;

    padding: 0 0 50px;

}

.pagination ul {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    border: none;

    box-shadow: none;

    margin: 0 auto;

    width: 100%;

    text-align: left;

}

.pagination ul li {

    display: inline-block;

    margin-right: 10px;

}

.pagination ul li .pagenav, .pagination ul li .hasTooltip {

    font: 800 14px/18px;

    text-transform: none;

    color: #cecece;

    -webkit-border-radius: 0 !important;

    -moz-border-radius: 0 !important;

    border-radius: 0 !important;

    border: 1px solid #efefef;

    box-shadow: none;

}

.pagination ul li a, .pagination ul li span {

    padding: 3px 10px;

}

.pagination ul li span.pagenav, .pagination ul li .span.hasTooltip {

    color: #cecece;

}

.pagination ul li a.pagenav, .pagination ul li a.hasTooltip {

    color: #cecece;

}

.pagination ul li a.pagenav:hover, .pagination ul li a.hasTooltip:hover {

    background: none;

    color: #f86924;

}

.pagination ul li.num span.pagenav, .pagination ul li.num span.hasTooltip {

    color: #f86924;

}

/*Forms*/







input[type='radio'], input[type='checkbox'] {

    margin: 3px 0 0 0 !important;

    vertical-align: top;

}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {

    box-shadow: 0 0 0;

}

#jform_contact_email_copy {

    margin-top: 12px !important;

}

form, .navbar-form {

    margin-bottom: 30px;

}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {

    background: #ff9f00;

    border-color: #ff9f00;

    color: #fff;

}

/* Images */







.item_img, .category_img {

    margin-bottom: 20px;

    position: relative;

}

.item_img {

    font-size: 0;

    line-height: 0;

}

.item_img a {

    position: relative;

    display: inline-block;

    max-width: 100%;

}

.item_img a:after {

    content: '\f14d';

    font-family: FontAwesome;

    position: absolute;

    left: 0;

    width: 100%;

    height: 0;

    text-align: center;

    top: 50%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    z-index: 3;

}

.item_img a:hover:after {

    font-size: 40px;

    color: #f86924;

}

.item_img a .BWfade {

    width: 100% !important;

    height: 100% !important;

    z-index: 2;

}

.item_img a img {

    opacity: 0.99;

    filter: alpha(opacity=99);

}

.img-intro__left, .img-full__left {

    float: left;

    margin: 0 18px 9px 0;

    max-width: 50%;

}

.img-intro__right, .img-full__right {

    float: right;

    margin: 0 0 9px 18px;

    max-width: 50%;

}

.well {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

}

.bg_cont {

    background: #ebeff2;

}

/*======================= TOP =======================*/







/* #top-row {







  background: #fff;







  padding: 9px 0;







} */







#top-row {

    background: #fff;

    padding: 1px 0;

}

/*







.top {







  font-size: 11px;







  line-height: 20px;







}







*/















#logo {

    margin-top: -10px;

    margin-bottom: 10px;

}

.top {

    background: none repeat scroll 0 0 #FFFFFF;

    font-size: 11px;

    left: 50%;

    line-height: 20px;

    margin: 0 0 0 281px;

    padding: 0 20px;

    position: absolute;

}

/* .top .address,







.top .telephone,







.top .mail,







.top .fax {







  padding-left: 30px;







  position: relative;







  display: inline-block;







  margin-right: 26px;







  padding-top: 2px;







} */















.top p {

    margin: 0;

    padding: 0;

}

.top .address, .top .telephone, .top .mail, .top .fax {

    display: block;

    margin: 4px 0 0 20px;

    padding-left: 30px;

    padding-top: 1px;

    position: relative;

}

.top .address:before, .top .telephone:before, .top .mail:before, .top .fax:before {

    content: '\f041';

    width: 22px;

    height: 22px;

    text-align: center;

    background-color: #f5f5f5;

    font: 14px FontAwesome;

    line-height: 22px;

    border-radius: 22px;

    position: absolute;

    top: 0;

    left: 0;

}

.top .telephone:before {

    content: '\f095';

}

.top .mail:before {

    content: '\f0e0';

}

.top .fax:before {

    content: '\f02f';

}

.top .mail a:hover {

    color: #f86924;

    text-decoration: underline !important;

}

.top .slogan {

    float: right;

    font-size: 12px;

    font-style: italic;

    padding-top: 2px;

}

/*======================= HEADER =======================*/







#header-row {

    padding: 20px 0 20px 0;

}

/*======================= NAVIGATION =======================*/







.navigation ul.sf-menu {

    margin-left: -30px;/*SubMenu Styles*//*Define 1st SubMenu position*/















  /*Define menu width*/















  /*Define SubMenu position*/















  /*Define 2nd+ SubMenu position*/















}

.navigation ul.sf-menu > li {

    padding: 0;

    margin: 0 0 0 20px;

    width: 130px;

}

.navigation ul.sf-menu > li.active > a > span, .navigation ul.sf-menu > li.sfHover > a > span, .navigation ul.sf-menu > li.current > a > span, .navigation ul.sf-menu > li:hover > a > span, .navigation ul.sf-menu > li.active > span > span, .navigation ul.sf-menu > li.sfHover > span > span, .navigation ul.sf-menu > li.current > span > span, .navigation ul.sf-menu > li:hover > span > span {

    border-width: 0 0 6px 0;

    top: -6px;

    opacity: 1;

    height: 100%;

}

.navigation ul.sf-menu > li.active > a > span:before, .navigation ul.sf-menu > li.sfHover > a > span:before, .navigation ul.sf-menu > li.current > a > span:before, .navigation ul.sf-menu > li:hover > a > span:before, .navigation ul.sf-menu > li.active > span > span:before, .navigation ul.sf-menu > li.sfHover > span > span:before, .navigation ul.sf-menu > li.current > span > span:before, .navigation ul.sf-menu > li:hover > span > span:before {

    border-width: 5px;

    margin-left: -5px;

}

.navigation ul.sf-menu > li > a, .navigation ul.sf-menu > li > span {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border-radius: 0;

    color: #606569;

    display: block;

    font-family: 'Open Sans', sans-serif;

    font-size: 12px;

    font-weight: normal;

    height: 30px;

    line-height: 105%;

    padding: 86px 0 10px;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}

.navigation ul.sf-menu > li > a:before, .navigation ul.sf-menu > li > span:before {

    display: inline-block;

    font: 48px FontAwesome;

    left: 0;

    position: absolute;

    text-align: center;

    top: 25px;

    width: 100%;

}

.navigation ul.sf-menu > li > a > span, .navigation ul.sf-menu > li > span > span {

    position: absolute;

    width: 100%;

    height: 0;

    left: 0;

    top: 0px;

    border-bottom: 70px solid #606569;

    border-top: 70px solid #606569;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

}

.navigation ul.sf-menu > li > a > span:before, .navigation ul.sf-menu > li > span > span:before {

    content: "";

    border-color: #606569 transparent transparent;

    position: absolute;

    left: 50%;

    margin-left: 0px;

    top: 0;

    width: 0px;

    height: 0px;

    border-style: solid;

    border-width: 0px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

.navigation ul.sf-menu > li .couleur-social {

    color: #99006d;

}

.navigation ul.sf-menu > li .couleur-social:before {

    content: "\f0c0";

}

.navigation ul.sf-menu > li .couleur-social > span {

    border-color: #99006d;

}

.navigation ul.sf-menu > li .couleur-social > span:before {

    border-color: #99006d transparent transparent;

}

.navigation ul.sf-menu .couleur-social ul {

    background: #99006d;

}

.navigation ul.sf-menu > li .couleur-environnement {

    color: #009036;

}

.navigation ul.sf-menu > li .couleur-environnement:before {

    content: "\f06c";

}

.navigation ul.sf-menu > li .couleur-environnement > span {

    border-color: #009036;

}

.navigation ul.sf-menu > li .couleur-environnement > span:before {

    border-color: #009036 transparent transparent;

}

.navigation ul.sf-menu .couleur-environnement ul {

    background: #009036;

}

.navigation ul.sf-menu > li .couleur-economie {

    color: #006ab3;

}

.navigation ul.sf-menu > li .couleur-economie:before {

    content: "\f085";

}

.navigation ul.sf-menu > li .couleur-economie > span {

    border-color: #006ab3;

}

.navigation ul.sf-menu > li .couleur-economie > span:before {

    border-color: #006ab3 transparent transparent;

}

.navigation ul.sf-menu .couleur-economie ul {

    background: #006ab3;

}

.navigation ul.sf-menu > li .couleur-culture {

    color: #c5007b;

}

.navigation ul.sf-menu > li .couleur-culture:before {

    content: "\f086";

}

.navigation ul.sf-menu > li .couleur-culture > span {

    border-color: #c5007b;

}

.navigation ul.sf-menu > li .couleur-culture > span:before {

    border-color: #c5007b transparent transparent;

}

.navigation ul.sf-menu .couleur-culture ul {

    background: #c5007b;

}

.navigation ul.sf-menu > li .couleur-collectivite {

    color: #b71521;

}

.navigation ul.sf-menu > li .couleur-collectivite:before {

    content: "\f0b2";

}

.navigation ul.sf-menu > li .couleur-collectivite > span {

    border-color: #b71521;

}

.navigation ul.sf-menu > li .couleur-collectivite > span:before {

    border-color: #b71521 transparent transparent;

}

.navigation ul.sf-menu .couleur-collectivite ul {

    background: #b71521;

}

.navigation ul.sf-menu > li .couleur-loisir, .navigation ul.sf-menu > li .couleur-tourisme {

    color: #00888a;

}

.navigation ul.sf-menu > li .couleur-loisir:before, .navigation ul.sf-menu > li .couleur-tourisme:before {

    content: "\f083";

}

.navigation ul.sf-menu > li .couleur-loisir > span, .navigation ul.sf-menu > li .couleur-tourisme > span {

    border-color: #00888a;

}

.navigation ul.sf-menu > li .couleur-loisir > span:before, .navigation ul.sf-menu > li .couleur-tourisme > span:before {

    border-color: #00888a transparent transparent;

}

.navigation ul.sf-menu .couleur-loisir ul, .navigation ul.sf-menu .couleur-tourisme ul {

    background: #00888a;

}

.navigation ul.sf-menu > li .couleur-demarche {

    color: #253a97;

}

.navigation ul.sf-menu > li .couleur-demarche:before {

    content: "\f03c";

}

.navigation ul.sf-menu > li .couleur-demarche > span {

    border-color: #253a97;

}

.navigation ul.sf-menu > li .couleur-demarche > span:before {

    border-color: #253a97 transparent transparent;

}

.navigation ul.sf-menu .couleur-demarche ul {

    background: #253a97;

}

.navigation ul.sf-menu > li .couleur-sport {

    color: #e9600e;

}

.navigation ul.sf-menu > li .couleur-sport:before {

    content: "\f015";

}

.navigation ul.sf-menu > li .couleur-sport > span {

    border-color: #e9600e;

}

.navigation ul.sf-menu > li .couleur-sport > span:before {

    border-color: #e9600e transparent transparent;

}

.navigation ul.sf-menu .couleur-sport ul {

    background: #e9600e;

}

.navigation ul.sf-menu > li .couleur-amenagement {

    color: #009ee0;

}

.navigation ul.sf-menu > li .couleur-amenagement:before {

    content: "\f009";

}

.navigation ul.sf-menu > li .couleur-amenagement > span {

    border-color: #009ee0;

}

.navigation ul.sf-menu > li .couleur-amenagement > span:before {

    border-color: #009ee0 transparent transparent;

}

.navigation ul.sf-menu .couleur-amenagement ul {

    background: #009ee0;

}

.navigation ul.sf-menu > li .couleur-transports {

    color: #784fd0;

}

.navigation ul.sf-menu > li .couleur-transports:before {

    content: "\f018";

}

.navigation ul.sf-menu > li .couleur-transports > span {

    border-color: #784fd0;

}

.navigation ul.sf-menu > li .couleur-transports > span:before {

    border-color: #784fd0 transparent transparent;

}

.navigation ul.sf-menu .couleur-transports ul {

    background: #784fd0;

}

.navigation ul.sf-menu li > ul {

    top: 125px;

}

.navigation ul.sf-menu ul {

    width: 300px;

}

.navigation ul.sf-menu ul li {

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.navigation ul.sf-menu li li ul {

    top: 0px;

    left: 301px;

}

.navigation ul.sf-menu li li li ul {

    top: 0px;

    left: 301px;

}

.navigation ul.sf-menu ul {

    background: #606569;

    padding: 0;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}

.navigation ul.sf-menu ul li.open > .sub-menu {

    display: block !important;

}

.navigation ul.sf-menu ul li a, .navigation ul.sf-menu ul li span {

    font-size: 14px;

    line-height: 25px;

    font-family: 'Open Sans', sans-serif;

    color: #ffffff;

    background: none;

    display: block;

    padding: 0 26px;

    text-decoration: none;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.navigation ul.sf-menu ul li a:hover, .navigation ul.sf-menu ul li span:hover {

    background: rgba(255, 255, 255, 0.2);

    color: #ffffff;

}

.navigation ul.sf-menu ul li.active > a, .navigation ul.sf-menu ul li.sfHover > a, .navigation ul.sf-menu ul li.active > span, .navigation ul.sf-menu ul li.sfHover > span {

    background: rgba(255, 255, 255, 0.2);

    color: #ffffff;

}

.navigation ul.sf-menu.sf-vertical {

    width: 140px;/*Define 1st SubMenu position*/

}

.navigation ul.sf-menu.sf-vertical li {

    width: 140px;

    margin-bottom: 1px;

}

.navigation ul.sf-menu.sf-vertical li:hover > ul, .navigation ul.sf-menu.sf-vertical li.sfHover > ul {

    top: 0px;

}

.navigation ul.sf-menu.sf-vertical ul {

    left: 142px;

}

.navigation ul.sf-menu.sf-vertical ul li a, .navigation ul.sf-menu.sf-vertical ul li span {

    padding: 0 12px;

}

.navigation ul.sf-menu.sf-navbar {

    height: 30px;

    padding-bottom: 30px;

    margin-bottom: 2px;/*Define 1st SubMenu position*/

}

.navigation ul.sf-menu.sf-navbar li:hover > ul, .navigation ul.sf-menu.sf-navbar li.sfHover > ul {

    top: 32px;

    left: 0;

}

.navigation ul.sf-menu.sf-navbar li ul {

    width: auto;

    padding: 2px 0;

}

.navigation ul.sf-menu.sf-navbar li ul ul.sub-menu {

    width: 140px;

    top: 30px;

}

.search-block {

    left: 50%;

    margin: 144px 0 0 218px;

    position: absolute;

    text-align: right;

}

.search-block input {

    max-width: 100%;

}

/* ====================== menu entete ===============================*/







.nav.menu.menu_top {

    border: 0 solid #0000ff;

    left: 50%;

    margin-left: -200px;

    position: absolute;

    top: 44px;

    width: 500px;

    z-index: 100;

}

.nav.menu.menu_top li {

    border-left: 4px solid #E50066;

    float: left;

    padding: 5px 10px;

}

.nav.menu.menu_top li.firstItem {

    border-left: 0 none;

    padding-top: 0;

}

.nav.menu.menu_top li a {

    color: #000;

    font-size: 100%;

}

.nav.menu.menu_top li a:hover {

    color: #E50066;

}

.mod_fontsize {

    border: 0 solid #0000FF;

    left: 50%;

    margin: 190px 0 0 488px;

    position: absolute;

    text-align: right;

    width: 100px;

}

.nav.menu.menu_top li.deeper.parent ul {

    height: 0;

    left: -9000em;

    position: absolute;

    transition: all 0.3s ease 0s;

    width: 200px;

}

.nav.menu.menu_top li.deeper.parent li {

    border-left: 4px solid #E50066;

    float: left;

    font-size: 110%;

    margin-left: -14px;

    padding: 5px 10px;

    width: 99%;

}

.nav.menu.menu_top li.deeper.parent:hover ul {

    position: absolute;

    left: auto;

    height: auto;

}

/* ============================== Menu navigation secondaire ========================== */















#mod_menu_second {

    background: none repeat scroll 0 0 #333333;

    border-bottom: 10px solid #ebeff2;

    margin: -30px -30px 0!important;

    padding: 30px!important;

}

/* modif couleurs */















#mod_menu_second.couleur-demarche {

    background: #22309f;

}

#mod_menu_second.couleur-tourisme {

    background: #00888a;

}

#mod_menu_second.couleur-environnement {

    background: #009036;

}

#mod_menu_second.couleur-social {

    background: #99006d;

}

#mod_menu_second.couleur-economie {

    background: #006ab3;

}

#mod_menu_second.couleur-culture {

    background: #c5007b;

}

#mod_menu_second.couleur-collectivite {

    background: #b71521;

}

#mod_menu_second.couleur-loisir, #mod_menu_second.couleur-tourisme {

    background: #00888a;

}

#mod_menu_second.couleur-demarche {

    background: #253a97;

}

#mod_menu_second.couleur-sport {

    background: #e9600e;

}

#mod_menu_second.couleur-amenagement {

    background: #009ee0;

}

#mod_menu_second.couleur-transports {

    background: #784fd0;

}

#mod_menu_second li {

/*	list-style-type: disc;*/



}

#mod_menu_second li a {

    color: #FFFFFF;

    font-size: 1.2em;

}

#mod_menu_second li a:hover {

    color: #E50066;

    font-size: 1.2em;

}

/* ============================== Menu navigation secondaire  EOF ===================== */































/*======================= SHOWCASE =======================*/







#showcase-row {

    padding-bottom: 30px;

}

#showcase-row .row {

    margin-left: 0;

}

#showcase-row .container {

    background: #ffffff;

}

#showcase-row .span12 {

    margin-left: 0;

}

.mod-newsflash-adv .isotope {

    margin: 0 -1.5%;

}

.mod-newsflash-adv .isotope-item {

    padding: 0 1.5%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    float: left;

}

.mod-newsflash-adv .isotope-item.straightDown {

    text-align: center;

}

/*======================= FEATURE =======================*/







#feature-row {

    padding-bottom: 30px;

}

.blocks {

    padding: 0 30px 5px 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-top: 10px;

    color: #fff;

    background: url(../images/masque_block.png) no-repeat left top;

}

.blocks .item_introtext {

    min-height: 105px;

}

.blocks .item_introtext > p {

    height: 60px;

    overflow: hidden;

}

.blocks.color4 {

    background-color: #35bc7a;

}

.blocks.color4 h3:before {

    content: "\f06c";

    color: #35bc7a;

}

.blocks.color4 .link1:hover {

    color: #35bc7a;

}

.blocks.color2 {

    background-color: #f86924;

}

.blocks.color2 h3:before {

    content: "\f085";

    color: #f86924;

}

.blocks.color2 .link1:hover {

    color: #f86924;

}

.blocks.color3 {

    background-color: #ff9f00;

}

.blocks.color3 h3:before {

    content: "\f0e6";

    color: #ff9f00;

}

.blocks.color3 .link1:hover {

    color: #ff9f00;

}

/* ---------------- couleurs AGGLO -------------  */















.blocks.couleur-environnement {

    background-color: #009036;

}

.blocks.couleur-environnement h3:before {

    content: "\f06c";

    color: #009036;

}

.blocks.couleur-environnement .link1:hover {

    color: #009036;

}

.blocks.couleur-tranports {

    background-color: #784fd0;

}

.blocks.couleur-transports h3:before {

    content: "\f018";

    color: #784fd0;

}

.blocks.couleur-transports .link1:hover {

    color: #784fd0;

}

.blocks.couleur-sport {

    background-color: #e9600e;

}

.blocks.couleur-sport h3:before {

    content: "\f015";

    color: #e9600e;

}

.blocks.couleur-sport .link1:hover {

    color: #e9600e;

}

.blocks.couleur-economie {

    background-color: #006ab3;

}

.blocks.couleur-economie h3:before {

    content: "\f085";

    color: #006ab3;

}

.blocks.couleur-economie .link1:hover {

    color: #006ab3;

}

.blocks.couleur-culture {

    background-color: #c5007b;

}

.blocks.couleur-culture h3:before {

    content: "\f0e6";

    color: #c5007b;

}

.blocks.couleur-culture .link1:hover {

    color: #c5007b;

}

.blocks.couleur-social {

    background-color: #99006d;

}

.blocks.couleur-social h3:before {

    content: "\f0c0";

    color: #99006d;

}

.blocks.couleur-social .link1:hover {

    color: #99006d;

}

.blocks.couleur-collectivite {

    background-color: #b71521;

}

.blocks.couleur-collectivite h3:before {

    content: "\f0b2";

    color: #b71521;

}

.blocks.couleur-collectivite .link1:hover {

    color: #b71521;

}

.blocks.couleur-loisir, .blocks.couleur-tourisme {

    background-color: #00888a;

}

.blocks.couleur-loisir h3:before, .blocks.couleur-tourisme h3:before {

    content: "\f083";

    color: #00888a;

}

.blocks.couleur-loisir .link1:hover, .blocks.couleur-tourisme .link1:hover {

    color: #00888a;

}

.blocks.couleur-demarche {

    background-color: #22309f;

}

.blocks.couleur-demarche h3:before {

    content: "\f03c";

    color: #22309f;

}

.blocks.couleur-demarche .link1:hover {

    color: #22309f;

}

.blocks.couleur-amenagement {

    background-color: #009ee0;

}

.blocks.couleur-amenagement h3:before {

    content: "\f009";

    color: #009ee0;

}

.blocks.couleur-amenagement .link1:hover {

    color: #009ee0;

}

.blocks.couleur-divers1 {

    background-color: #e50066;

}

.blocks.couleur-divers1 h3:before {

    content: "\f0a9";

    color: #e50066;

}

.blocks.couleur-divers1 .link1:hover {

    color: #e50066;

}

.blocks.couleur-divers2 {

    background-color: #494948;

}

.blocks.couleur-divers2 h3:before {

    content: "\f0a9";

    color: #494948;

}

.blocks.couleur-divers2 .link1:hover {

    color: #494948;

}

/* ------------------------------ */







.blocks h3 {

    font-size: 32px;

    line-height: 1.2em;

    padding: 90px 0 23px 0;

    color: #fff;

    position: relative;

}

/*.blocks h3:before {







  position: absolute;







  font: 72px FontAwesome;







  line-height: 68px;







  top: 0;







  left: 0;







}*/







.blocks h3:before {

    font: 65px/61px FontAwesome;

    left: 0;

    position: absolute;

    top: 0;

}

.blocks .link1 {

    float: right;

    margin-top: 2px;

    width: 45px;

    height: 45px;

    border-radius: 23px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font: 24px FontAwesome;

    color: #fff;

    line-height: 39px;

    position: relative;

    border: 2px solid #fff;

    text-align: center;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

.blocks a.link1 {

    visibility: hidden;

}

.blocks .link1:before {

    position: absolute;

    top: 50%;

    left: 50%;

    content: '\f061';

    margin-top: -21px;

    margin-left: -10px;

}

.blocks .link1:hover {

    background: #fff;

    border-width: 22px;

}

/*======================= MAINTOP =======================*/







#maintop-row {

    padding-bottom: 30px;

}

#maintop-row .container {

    background: #fff;

    padding: 31px 0 32px;

}

#maintop-row .span12 {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 30px;

}

/*======================= CONTENT TOP =======================*/























.moduletable.bloc_icagenda {

    height: 305px;

}

.moduletable.bloc_icagenda h3.moduleTitle {

    padding: 10px;

}

/*======================= CONTENT =======================*/







#content-row .span1, #content-row .span2, #content-row .span3, #content-row .span4, #content-row .span5, #content-row .span6, #content-row .span7, #content-row .span8, #content-row .span9, #content-row .span10, #content-row .span11, #content-row .span12 {

    background: #fff;

    padding: 30px 30px 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 30px;

}

#content-row .span1 .span1, #content-row .span2 .span1, #content-row .span3 .span1, #content-row .span4 .span1, #content-row .span5 .span1, #content-row .span6 .span1, #content-row .span7 .span1, #content-row .span8 .span1, #content-row .span9 .span1, #content-row .span10 .span1, #content-row .span11 .span1, #content-row .span12 .span1, #content-row .span1 .span2, #content-row .span2 .span2, #content-row .span3 .span2, #content-row .span4 .span2, #content-row .span5 .span2, #content-row .span6 .span2, #content-row .span7 .span2, #content-row .span8 .span2, #content-row .span9 .span2, #content-row .span10 .span2, #content-row .span11 .span2, #content-row .span12 .span2, #content-row .span1 .span3, #content-row .span2 .span3, #content-row .span3 .span3, #content-row .span4 .span3, #content-row .span5 .span3, #content-row .span6 .span3, #content-row .span7 .span3, #content-row .span8 .span3, #content-row .span9 .span3, #content-row .span10 .span3, #content-row .span11 .span3, #content-row .span12 .span3, #content-row .span1 .span4, #content-row .span2 .span4, #content-row .span3 .span4, #content-row .span4 .span4, #content-row .span5 .span4, #content-row .span6 .span4, #content-row .span7 .span4, #content-row .span8 .span4, #content-row .span9 .span4, #content-row .span10 .span4, #content-row .span11 .span4, #content-row .span12 .span4, #content-row .span1 .span5, #content-row .span2 .span5, #content-row .span3 .span5, #content-row .span4 .span5, #content-row .span5 .span5, #content-row .span6 .span5, #content-row .span7 .span5, #content-row .span8 .span5, #content-row .span9 .span5, #content-row .span10 .span5, #content-row .span11 .span5, #content-row .span12 .span5, #content-row .span1 .span6, #content-row .span2 .span6, #content-row .span3 .span6, #content-row .span4 .span6, #content-row .span5 .span6, #content-row .span6 .span6, #content-row .span7 .span6, #content-row .span8 .span6, #content-row .span9 .span6, #content-row .span10 .span6, #content-row .span11 .span6, #content-row .span12 .span6, #content-row .span1 .span7, #content-row .span2 .span7, #content-row .span3 .span7, #content-row .span4 .span7, #content-row .span5 .span7, #content-row .span6 .span7, #content-row .span7 .span7, #content-row .span8 .span7, #content-row .span9 .span7, #content-row .span10 .span7, #content-row .span11 .span7, #content-row .span12 .span7, #content-row .span1 .span8, #content-row .span2 .span8, #content-row .span3 .span8, #content-row .span4 .span8, #content-row .span5 .span8, #content-row .span6 .span8, #content-row .span7 .span8, #content-row .span8 .span8, #content-row .span9 .span8, #content-row .span10 .span8, #content-row .span11 .span8, #content-row .span12 .span8, #content-row .span1 .span9, #content-row .span2 .span9, #content-row .span3 .span9, #content-row .span4 .span9, #content-row .span5 .span9, #content-row .span6 .span9, #content-row .span7 .span9, #content-row .span8 .span9, #content-row .span9 .span9, #content-row .span10 .span9, #content-row .span11 .span9, #content-row .span12 .span9, #content-row .span1 .span10, #content-row .span2 .span10, #content-row .span3 .span10, #content-row .span4 .span10, #content-row .span5 .span10, #content-row .span6 .span10, #content-row .span7 .span10, #content-row .span8 .span10, #content-row .span9 .span10, #content-row .span10 .span10, #content-row .span11 .span10, #content-row .span12 .span10, #content-row .span1 .span11, #content-row .span2 .span11, #content-row .span3 .span11, #content-row .span4 .span11, #content-row .span5 .span11, #content-row .span6 .span11, #content-row .span7 .span11, #content-row .span8 .span11, #content-row .span9 .span11, #content-row .span10 .span11, #content-row .span11 .span11, #content-row .span12 .span11, #content-row .span1 .span12, #content-row .span2 .span12, #content-row .span3 .span12, #content-row .span4 .span12, #content-row .span5 .span12, #content-row .span6 .span12, #content-row .span7 .span12, #content-row .span8 .span12, #content-row .span9 .span12, #content-row .span10 .span12, #content-row .span11 .span12, #content-row .span12 .span12 {

    padding: 0;

    margin-bottom: 0;

}

/*#content-row .span8.skills {







  padding-left: 400px;







  background: url(../images/img.jpg) 30px bottom no-repeat #ffffff;







  -webkit-box-sizing: content-box;







  -moz-box-sizing: content-box;







  box-sizing: content-box;







  padding-right: 0;







  margin-bottom: 30px;







}*/







#content-row .span8.skills {

    -moz-box-sizing: content-box;

    margin-bottom: 30px;

    padding-right: 0;

}

#content-row .span8.skills h3 {

    font-size: 36px;

    line-height: 40px;

    padding: 15px 0 15px 20px;

}

#content-row .span8.skills h4 {

    font-weight: 400;

    line-height: 30px;

    padding-bottom: 0;

}

#content-row .span8.skills .span4 {

    margin-bottom: 0;

    padding: 0 0 0 10px;

}

#content-row .span8.skills .mod-newsflash-adv__skills {

    padding-bottom: 15px;

}

#content-row .span8.skills .item_content {

    padding-left: 60px;

    position: relative;

    padding-bottom: 11px;

    padding-right: 30px;

}

#content-row .span8.skills .item_content span {

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 21px;

    border: 2px solid #606569;

    width: 42px;

    height: 42px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font: 24px FontAwesome;

    line-height: 24px;

    color: #606569;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

#content-row .span8.skills .item_content span:before {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -12px;

    margin-left: -13px;

    width: 26px;

    text-align: center;

}

#content-row .span8.skills .item_content.icon1 h4 a {

    color: #1ca24f;

}

#content-row .span8.skills .item_content.icon1 span.icon1 {

    color: #1ca24f;

    border-color: #1ca24f;

}

#content-row .span8.skills .item_content.icon1 span.icon1:before {

    content: "\f06c";

}

#content-row .span8.skills .item_content.icon2 h4 a {

    color: #1563ad;

}

#content-row .span8.skills .item_content.icon2 span.icon2 {

    color: #1563ad;

    border-color: #1563ad;

}

#content-row .span8.skills .item_content.icon2 span.icon2:before {

    content: "\f085";

}

#content-row .span8.skills .item_content.icon3 h4 a {

    color: #dd7627;

}

#content-row .span8.skills .item_content.icon3 span.icon3 {

    color: #dd7627;

    border-color: #dd7627;

}

#content-row .span8.skills .item_content.icon3 span.icon3:before {

    content: "\f086";

}

#content-row .span8.skills .item_content.icon4 h4 a {

    color: #b11f24;

}

#content-row .span8.skills .item_content.icon4 span.icon4 {

    color: #b11f24;

    border-color: #b11f24;

}

#content-row .span8.skills .item_content.icon4 span.icon4:before {

    content: "\f0c0";

}

#content-row .span8.skills .item_content.icon5 h4 a {

    color: #b63f97;

}

#content-row .span8.skills .item_content.icon5 span.icon5 {

    color: #b63f97;

    border-color: #b63f97;

}

#content-row .span8.skills .item_content.icon5 span.icon5:before {

    content: "\f0b2";

}

#content-row .span8.skills .item_content.icon6 h4 a {

    color: #e64e25;

}

#content-row .span8.skills .item_content.icon6 span.icon6 {

    color: #e64e25;

    border-color: #e64e25;

}

#content-row .span8.skills .item_content.icon6 span.icon6:before {

    content: "\f083";

}

#content-row .span8.skills .item_content.icon7 h4 a {

    color: #253a97;

}

#content-row .span8.skills .item_content.icon7 span.icon7 {

    color: #253a97;

    border-color: #253a97;

}

#content-row .span8.skills .item_content.icon7 span.icon7:before {

    content: "\f03c";

}

#content-row .span8.skills .item_content.icon8 h4 a {

    color: #158d70;

}

#content-row .span8.skills .item_content.icon8 span.icon8 {

    color: #158d70;

    border-color: #158d70;

}

#content-row .span8.skills .item_content.icon8 span.icon8:before {

    content: "\f03c";

}

#content-row .span8.skills .item_content.active span {

    border-width: 21px;

}

#content-row .span8.skills .item_content.active.icon1 span.icon1 {

    background: #35bc7a;

    color: #fff;

}

#content-row .span8.skills .item_content.active.icon2 span.icon2 {

    background: #1e8bc3;

    color: #fff;

}

#content-row .span8.skills .item_content.active.icon3 span.icon3 {

    background: #f86924;

    color: #fff;

}

#content-row .span8.skills .item_content.active.icon4 span.icon4 {

    background: #ff9f00;

    color: #fff;

}

#content-row .span8.skills .item_content.active.icon5 span.icon5 {

    background: #b63f97;

    color: #fff;

}

#content-row .span8.skills .item_content.active.icon6 span.icon6 {

    background: #ff9f00;

    color: #fff;

}

#content-row .planning.span8 {

    padding: 0;

    width: auto;

}

#content-row .planning .row {

    margin: 0 -10px;

    overflow: hidden;

}

#content-row .planning .item {

    padding: 0 10px;

    margin: 0;

    width: 50%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.item_img {

    float: left;

    margin: 0 20px 20px 0;

    max-width: 100%;

}

.projects .mod-newsflash-adv {

    overflow: hidden;

    margin: 0 -9px;

}

.projects .item {

    float: left;

    width: 25%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 9px;

    position: relative;

}

.projects .item_img {

    margin-right: 0;

    margin-bottom: 0;

    position: relative;

    pointer-events: none;

}

.projects .item_content {

    position: absolute;

    left: 9px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: none;

    color: #ffedda;

    bottom: 31px;

    height: auto;

    padding: 0;

    right: auto;

    bottom: 0;

    right: 9px;

    height: 100%;

    padding: 28px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

.projects h4 {

    background: none repeat scroll 0 0 #ff9f00;

    color: #fff;

    display: inline-block;

    font-size: 12px;

    font-weight: bold;

    line-height: 150%;

    margin-left: -28px;

    margin-top: 159px;

    padding: 5px 10px;

    position: relative;

    transition: all 0.5s ease 0s;

}

.projects .item_published {

    color: #ffda9d;

    font-size: 11px;

    line-height: 20px;

    padding: 0 0 66px 0;

    opacity: 0;

    -webkit-transition: 0.7s;

    -moz-transition: 0.7s;

    -o-transition: 0.7s;

    transition: 0.7s;

}

.projects p {

    font-size: 12px;

    line-height: 88px;

    opacity: 0;

    -webkit-transition: 0.7s;

    -moz-transition: 0.7s;

    -o-transition: 0.7s;

    transition: 0.7s;

    padding-bottom: 70px;

}

.projects .btn {

    font-size: 12px;

    padding: 6px 15px;

    line-height: 16px;

    background: #b06d00;

    border: 1px solid #b06d00;

    opacity: 0;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

.projects .btn:hover {

    background: none;

    color: #9a6002;

}

.projects .item_content:hover {

    background: #ff9f00;

}

.projects .item_content:hover h4 {

    padding: 0;

    line-height: 1.2em;

    margin-left: 0;

    margin-top: 0;

    background: none;

}

.projects .item_content:hover .item_published {

    opacity: 1;

    padding-bottom: 16px;

}

.projects .item_content:hover p {

    opacity: 1;

    padding-bottom: 20px;

    line-height: 18px;

}

.projects .item_content:hover .btn {

    opacity: 1;

}

.page-blog .item {

    padding-bottom: 20px;

}

.page-blog h4 {

    padding-bottom: 0;

}

.moduletable.list1 {

    padding-bottom: 30px;

}

.page-item__blog {

    padding-bottom: 30px;

}

.page-gallery, .page-contact, .page-category__history, .page-category__team, .page-search, .page-item__edit {

    padding: 30px 30px 10px;

    margin-bottom: 30px;

    background: #fff;

}

#filters {

    padding-bottom: 20px;

}

.row-fluid {

    padding-bottom: 30px;

}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

    cursor: pointer !important;

}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

    width: 20px;

    height: 20px;

    line-height: 20px;

    right: 0;

    padding-right: 0;

}

.zoom-bg, .zoom-icon {

    display: none !important;

}

.page-item .item_img {

    max-width: 50%;

}

#component.span12 {

    min-height: 0;

    padding: 0;

    margin-bottom: 0;

    background: none;

}

.view-article #component.span12 {

    margin-bottom: 30px;

    padding: 30px;

    background: #fff;

}

#system-message-container .alert-message {

    margin-top: 80px;

}

.container-fluid {

    padding: 0 !important;

}

.item:after {

    content: '';

    display: block;

    clear: both;

}

.page-header {

    border: none;

    padding: 0;

    margin: 0;

}

.item_info_dl {

    margin: 0 0 20px;

}

.item_info_dl dd {

    margin: 0;

    display: inline;

}

.item_info_dl dd > * {

    display: inline;

}

.item_icons.btn-group.pull-right {

    margin: 0px 0 10px 10px;

    position: relative;

    z-index: 10;

}

/*===== Gallery Page ======*/







ul.gallery {

    margin: 0 0 0 -30px;

}

ul.gallery .gallery-item {

    overflow: hidden;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0 0 0 30px;

    float: left;

    list-style: none;

}

ul.gallery .gallery-item .item_img {

    margin-right: 0;

    float: none;

    max-width: 100%;

}

ul.gallery .gallery-item.straightDown {

    float: none;

}

ul.gallery .gallery-item.straightDown .item_img {

    float: left;

}

.gallery-item .view .content * {

    color: inherit;

}

.gallery-item .view .content a:hover {

    color: #999;

}

/*===== Testimonials Page ======*/







.page-category__testimonials .item {

    margin-bottom: 30px;

}

blockquote {

    padding: 0;

    margin: 0;

    border-left: none;

}

blockquote p {

    margin-bottom: 0;

    padding: 0;

    font-size: inherit;

    font-weight: normal;

    line-height: inherit;

}

blockquote p:before {

    content: '"';

}

blockquote p:after {

    content: '"';

}

blockquote small {

    text-align: right;

}

/*===== Team Page ======*/







.page-category__team .item_introtext {

    overflow: hidden;

}

/*===== Blog Page ======*/







.addthis_toolbox {

    padding-top: 14px;

}

/*======================= CONTENT BOTTOM =======================*/







/*======================= ASIDE RIGHT =======================*/







.archive-module li a, .categories-module li a, .mod-menu .nav.menu li a, .list1 ul li a {

    display: inline;

}

.archive-module li a:hover, .categories-module li a:hover, .mod-menu .nav.menu li a:hover, .list1 ul li a:hover {

    background: none;

}

.tagspopular ul {

    margin: 0;

}

.tagspopular ul li {

    list-style: none;

    display: inline-block;

    padding: 0 15px 12px 0;

}

/*======================= MAINBOTTOM =======================*/







#mainbottom-row {

    padding-bottom: 30px;

}

#mainbottom-row .container {

    background: #fff;

    padding: 31px 0 15px;

}

#mainbottom-row .team.span12 {

    padding: 0 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-bottom: 15px;

}

.clients.moduletable {

    padding: 0 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

ul.clients {

    margin: 0 -9px;

}

ul.clients li {

    margin: 0 9px;

    float: left;

    padding-bottom: 17px;

}

ul.clients a {

    display: block;

    position: relative;

}

ul.clients .act {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

ul.clients a:hover .act {

    opacity: 1;

}

.team .mod-newsflash-adv__team {

    margin: 0 -10px;

}

.team .item {

    padding: 0 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.team .item_img {

    margin-right: 0;

    float: none;

}

/*======================= BOTTOM =======================*/







#bottom-row {

    background: #3c474d;

}

#bottom-row .container {

    padding: 39px 0 30px 0;

}

#bottom-row h3 {

    font-size: 18px;

    font-weight: 400;

    color: #fff;

    padding: 0 0 26px 0;

}

#bottom-row p {

    font-size: 13px;

    color: #b6bcc2;

}

.gallery-flickr {

    line-height: 0;

    height: 0;

}

.gallery-flickr ul {

    margin-right: -15px !important;

}

#right .gallery-flickr ul li a, #left .gallery-flickr ul li a, .gallery-flickr ul li a {

    margin-right: 15px !important;

    margin-bottom: 15px !important;

    width: 80px;

    height: 80px;

    position: relative;

}

#right .gallery-flickr ul li a img, #left .gallery-flickr ul li a img, .gallery-flickr ul li a img {

    width: 100%;

    height: 100%;

}

#right .gallery-flickr ul li a:after, #left .gallery-flickr ul li a:after, .gallery-flickr ul li a:after {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #f86924;

    content: '\f08e';

    text-align: center;

    font: 24px FontAwesome;

    color: #fff;

    line-height: 80px;

    opacity: 0;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

#right .gallery-flickr ul li a:before, #left .gallery-flickr ul li a:before, .gallery-flickr ul li a:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0px solid #f86924;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    content: "";

    -webkit-transition: 0.65s;

    -moz-transition: 0.65s;

    -o-transition: 0.65s;

    transition: 0.65s;

    opacity: 0;

}

#right .gallery-flickr ul li a:hover:after, #left .gallery-flickr ul li a:hover:after, .gallery-flickr ul li a:hover:after {

    opacity: 1;

}

#right .gallery-flickr ul li a:hover:before, #left .gallery-flickr ul li a:hover:before, .gallery-flickr ul li a:hover:before {

    border-width: 40px;

    opacity: 1;

}

.tags li {

    float: left;

    margin-right: 8px;

    margin-bottom: 8px;

    font-size: 13px;

}

.tags a {

    background: none repeat scroll 0 0 #e50066;

    color: #FFFFFF;

    display: inline-block;

    line-height: 26px;

    padding: 0 9px;

}

.tags a:hover {

    color: #e50066;

    background: #fff;

}

.news .item_content {

    position: relative;

    padding-left: 30px;

    padding-bottom: 14px;

}

.news .item_content h4 {

    font-size: 13px;

    font-weight: 400;

    padding: 0 0 0 0;

    color: #f86924;

}

.news .item_content h4 a:hover {

    color: #fff;

}

.news .item_content .item_published {

    font-size: 12px;

    color: #b6bcc2;

    font-style: italic;

}

.news .item_content span.icon {

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border: 2px solid #fff;

    font: 12px FontAwesome;

    line-height: 12px;

    color: #fff;

    border-radius: 10px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

.news .item_content span.icon:before {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -6px;

    margin-left: -5px;

    content: '\f061';

}

.news .item_content.active span.icon {

    background: #fff;

    border-width: 10px;

    color: #3c474d;

}

/*======================= FOOTER =======================*/







#copyright-row {

    padding: 18px 0 17px 0;

}

#copyright {

    font-size: 12px;

    color: #fff;

}

#copyright a {

    color: #fff;

}

#copyright a:hover {

    color: #f86924;

}

#copyright .year:after {

    content: "|";

    padding: 0 0 0 4px;

}

#copyright .siteName {

    text-transform: uppercase;

}

/*===== Social Media ======*/







.social {

    margin: 0;

    margin-top: -2px;

}

.social li {

    margin: 0 0 0 1px;

}

.social li a {

    width: 39px;

    height: 39px;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    font-size: 0px;

    line-height: 0px;

    overflow: hidden;

    text-indent: 9999px;

    position: relative;

}

.social li a:hover span {

    opacity: 1;

}

.social li a span {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

.facebook {

    background: url(../images/facebook.jpg) 0 0 no-repeat;

}

.facebook span {

    background: url(../images/facebook_active.jpg) 0 0 no-repeat;

}

.twitter {

    background: url(../images/twitter.jpg) 0 0 no-repeat;

}

.twitter span {

    background: url(../images/twitter_active.jpg) 0 0 no-repeat;

}

.instagram {

    background: url(../images/instagram.jpg) 0 0 no-repeat;

}

.instagram span {

    background: url(../images/instagram_active.jpg) 0 0 no-repeat;

}

.google {

    background: url(../images/google.jpg) 0 0 no-repeat;

}

.google span {

    background: url(../images/google_active.jpg) 0 0 no-repeat;

}

.moduletable.contact {

    background: url("../images/masque_block.png") no-repeat scroll left top #e50066;

    border-bottom: 10px solid #ebeff2;

    box-sizing: border-box;

    color: #ffffff;

    margin: 0 -30px 30px;

    padding: 120px 30px 25px;

}

.moduletable.contact h1, .moduletable.contact h2, .moduletable.contact h3, .moduletable.contact h4, .moduletable.contact h5, .moduletable.contact h6 {

    color: #fff;

    font-weight: 300;

    margin: 0;

}

.moduletable.contact.couleur-demarche {

    background-color: #22309f;

}

.moduletable.contact.couleur-tourisme {

    background-color: #00888a;

}

.moduletable.contact.couleur-environnement {

    background-color: #009036;

}

.moduletable.contact.couleur-social {

    background-color: #99006d;

}

.moduletable.contact.couleur-economie {

    background-color: #006ab3;

}

.moduletable.contact.couleur-culture {

    background-color: #c5007b;

}

.moduletable.contact.couleur-collectivite {

    background-color: #b71521;

}

.moduletable.contact.couleur-loisir, .moduletable.contact.couleur-tourisme {

    background-color: #00888a;

}

.moduletable.contact.couleur-demarche {

    background-color: #253a97;

}

.moduletable.contact.couleur-sport {

    background-color: #e9600e;

}

.moduletable.contact.couleur-amenagement {

    background-color: #009ee0;

}

.moduletable.contact.couleur-transports {

    background-color: #784fd0;

}

#breadcrumbs {

    margin: -25px -25px 0;

}

#aside-right {

    padding-top: 0 !important;

    margin-top: -10px!important;

}

.item_title {

    font-weight: bold;

}

#footer .mod-menu li {

    float: left;

    margin: 5px 15px;

}

#aside-right ul.list1, #aside-right ul.list1 li, .page-item ul.list1, .page-item ul.list1 li {

    padding: 0;

    margin: 0;

}

div#system-debug {

    display:none!important;

}