/*
    Author     : Sébastien GICQUEL @TIMELAB
    date       : 16 #1
*/

#wrapper {
    overflow-x: hidden !important;
}

.logo  {
    margin-top: 20px;
}

body #monalisa_tmpl {
    background-color: #ffffff !important;
    font-family: 'Open Sans', sans-serif;
}

/* padding pour aligner conteneur contenu sur le menu demande de MONALISA */
.blog-actualites, 
.blog-articles-divers .container_content,
#YoutubeGalleryMainContainer1 {
    padding-left: 120px;
    padding-right: 100px;
}

/*.container_content {
    padding-left: 112px;
    padding-right: 105px;
}*/

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

p, li {
    font-family: 'Open Sans', sans-serif;
    color: #5d5d5d;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

h1 {
    font-size: 38px;
    font-weight: 900;
    color:#000000;
}

/*h2 {
    color: #00acee;
    font-size: 30px;
    line-height: 38px;
    font-weight: normal;
}*/

/*#monalisa_tmpl h2 {
    font-size: 38px;
    font-weight: 900;
    color:#000000;
}*/

.bt_action_2 {
    /*     display: table;
        margin: 0 auto;*/
    margin-left: -20px;
    padding: 2px 0 2px 10px;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    /*    text-align: center;*/
    /*    border: 4px solid #c95a84;*/
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    background-color: #c95a84;
    border: 3px solid #c95a84;
}

.bt_action_2:hover {
    background-color: #fff;
    color: #c95a84;
    border: 3px solid #c95a84;
}

.bt_action_3 {
    display: table;
    margin: 0 auto;
    padding: 10px;
}

#monalisa_tmpl .yoo-zoo h2 {
    font-size: 24px;
    font-weight: 700;
    color:#000000;
    margin:25px 0 25px 0;
}

#monalisa_tmpl h2.titre_pictos {
    font-size: 30px;
    font-weight: 100;
}

/*#monalisa_tmpl h3 {
    color: #000000;
    font-size: 26px;
    line-height: 32px;
    font-weight: normal;
}*/

.component {
    padding-top: 30px;
}

/* picto */

/*.wrapper_pictos {
    padding-top : 20px;
}

#monalisa_tmpl .wrapper_pictos p {
    font-weight: normal;
    font-size: 13px;
    color: #000000;
    line-height: normal;
}

.img_picto {
    width: 125px;
    height: 125px;
}*/

#monalisa_tmpl .module_monalisa h3.titre_module,
#monalisa_tmpl .module_monalisa .titre_module a {
    color: #000000;
    font-size: 30px;
    line-height: normal;
    font-weight: normal;
    padding: 0;
    margin: 0 0 17px 0;
}

#monalisa_tmpl .module_monalisa .titre_module a:hover {
    text-decoration: none;
    color: #9a2f71;
}

/*h4 {
    color: #00acee;
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
}

h5 {
    color: #00acee;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
}

h6 {
    color: #00acee;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
}*/

#monalisa_tmpl .rose {
    color: #c0598e;
}

#monalisa_tmpl .bleu {
    color: #467be3;
}

#monalisa_tmpl .violet {
    color: #5153ba;
}

.logo_footer {
    max-width: 100%;
    padding-bottom: 25px;
}

#monalisa_tmpl .navbar {
    margin-bottom: 0;
}

#monalisa_tmpl .navbar-toggle {
    background-color: #cb77a2;
}

#monalisa_tmpl .navbar-toggle:hover,
#monalisa_tmpl .navbar-toggle:focus {
    background-color: #b02f71;
}

#monalisa_tmpl .navbar-default .icon-bar {
    background-color: #ffffff !important;
}

#monalisa_tmpl .navbar-nav > li > a {
    /*    padding-bottom: 0;*/
    color: #1d1d1b;
    font-size: 13px;
    background-color: transparent;
    /*    text-transform: uppercase;*/
}

.navbar-nav {
    float:none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

#monalisa_tmpl .navbar-nav > li > a {
    font-family: 'Open Sans', sans-serif;
}

#monalisa_tmpl .container_main_menu .navbar-nav > li > a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

#monalisa_tmpl .navbar-nav > li > a:hover {
    color: #fff;
}

#monalisa_tmpl .navbar-nav > li > a:hover span,
#monalisa_tmpl .menu_user > li > a:hover span {
    border-bottom: 3px solid #fff;
    padding-bottom: 5px;
}

#monalisa_tmpl a {
    color: #8d2451;
}

/*menu top icone*/

.menu_top {
    height: 50px;
}

.icone_menu_top span {
    height: 50px;
    line-height: 50px;
}

.icone_menu_top i {
    font-size: 32px;
    margin-right: 20px;
}

#monalisa_tmpl .navbar-nav > li.item-146 > a,
#monalisa_tmpl .navbar-nav > li.item-246 > a,
#monalisa_tmpl .navbar-nav > li.item-333 > a {
    background-color: #32497D;
}

/* Menu médias */

.container_menu_2 {
    margin-top: 85px;
}

.container_main_menu {
    background-color: #8d2451;
    color: #fff;
}

#monalisa_tmpl .container_menu_2 .navbar-nav > li > a {
    color: #333;
}

#monalisa_tmpl .container_menu_2 .navbar-nav > li > a:hover {
    color: #8d2451;
}

#monalisa_tmpl .container_menu_2 .navbar-nav > li > a:hover span {
    padding-bottom: 3px;
    border-bottom: 3px solid #8d2451;
}

#monalisa_tmpl .dropdown-menu>li>a {
    color: #fff;
    background-color: #8d2451;
}

#monalisa_tmpl .dropdown-menu>.active>a, #monalisa_tmpl .dropdown-menu>.active>a:focus, #monalisa_tmpl .dropdown-menu>.active>a:hover {
    background-color: #fff;
    color: #8d2451;
}

#monalisa_tmpl .dropdown-menu>li>a:focus, #monalisa_tmpl .dropdown-menu>li>a:hover {
    background-color: #fff;
    color: #8d2451;
}

.menu_medias li {
    display: inline-block;
}

.container_menu_2 i {
    margin-top: 15px;
    font-size: 15px;
    margin-left: 10px;
    color: #333;
}

.container_menu_2 i:hover {
    color: #8d2451;
}

/*#monalisa_tmpl .menu_portail li  {
    font-size: 22px;
    font-weight: normal;
}

#monalisa_tmpl .menu_portail > li.item-116 > a  {
    background-color: #cb77a2;
}

#monalisa_tmpl .menu_portail > li.item-116:hover a,
#monalisa_tmpl li.item-116.current.active:before,
#monalisa_tmpl li.item-116.current.active a  {
    background-color: #ba87a1;
}

#monalisa_tmpl .menu_portail > li.item-117 > a {
    background-color: #bb4c85;
}

#monalisa_tmpl .menu_portail > li.item-117 > a:hover,
#monalisa_tmpl li.item-117.current.active a {
    background-color: #a06684;
}

.page_communaute > li.item-146 > a, .page_communaute .menu_portail > li.item-118 > a   {
    background-color: #b02f71;
}

#monalisa_tmpl .menu_portail > li.item-146 > a:hover,
#monalisa_tmpl li.item-146.current.active:before,
#monalisa_tmpl li.item-146.current.active a,
#monalisa_tmpl .menu_portail > li.item-118 > a:hover,
#monalisa_tmpl li.item-118.active:before,
#monalisa_tmpl li.item-118.active a {
    background-color: #8e5170;
}*/

/*ok fonctionne*/
/*.item-116:hover:before {
    cursor: pointer;
    background-color: #ba87a1;
    content: "";
    width: 1000%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -500%;
    z-index: 0;
}

.item-146:hover:before,
.item-118:hover:before {
    cursor: pointer;
    background-color: #8e5170;
    content: "";
    width: 1000%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#monalisa_tmpl .menu_portail > li > a:hover {
    border-radius: 0;
    height: 74px;
    line-height: 74px;
    color: #ffffff
}

#monalisa_tmpl .menu_portail > li > a {
    border-radius: 0;
    height: 74px;
    line-height: 74px;
    color: #ffffff;
    padding: 0;
}*/

/*.navbar .navbar-brand {
    max-height: 50px;
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar a.navbar-brand {
    padding: 0;
}*/

/*.item-116:before {
    background-color: #cb77a2;
    content: "";
    width: 1000%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -500%;
    z-index: 0;
}

.item-146:before, .item-118:before {
    background-color: #b02f71;
    content: "";
    width: 1000%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}*/

.like_box {
    background-color: #ffffff;
    width: 292px;
    margin-bottom: 15px;
}

#chaine_youtube {
    margin-top: 15px;
    width: 170px;
    background-color: #d4d4d4;
    padding: 10px;
}

#monalisa_tmpl .navbar-default {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#monalisa_tmpl .navbar-default .navbar-collapse, #monalisa_tmpl .navbar-default .navbar-form {
    border: 0;
}

#monalisa_tmpl .navbar-default .navbar-nav > .open > a, #monalisa_tmpl .navbar-default .navbar-nav > .active > a {
    background-image: none;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0) inset;
}

/*#monalisa_tmpl .main_menu {
    margin-top: 92px;
}*/

.nav .item-101 {
    display: none;
}

.wrapper_header {
    /*    background-image: url('../images/background-header.png');
        background-repeat: no-repeat;
        background-position: center top;*/
    min-height: 145px;
}

/*override style navbar défaut sinon dégradé */

/*#monalisa_tmpl .navbar-default {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-color: #ffffff;
}

#monalisa_tmpl .navbar-default .nav .active > a {
    background: none !important;
    color: #c40525 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}*/

/*menu utilisateur*/

.container_menu_user {
    background-color: #32497D;
    color: #fff;
}

.menu_user {
    color: #fff;
    margin-left: 35px;
}

#monalisa_tmpl .menu_user li {
    float: left;
}

#monalisa_tmpl .menu_user li a {
    color: #fff;
    display: block;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 400;
}

#monalisa_tmpl .breadcrumb, #yoo-zoo .item .breadcrumb ul {
    background-color: #f5f5f5;
    border-radius: 0;
    margin : 0;
    padding: 0;
}

#monalisa_tmpl .breadcrumb li, #yoo-zoo .item .breadcrumb ul li {
    background-image: none;
}

#monalisa_tmpl .breadcrumb a {
    color: #7F7F7F;
}

#monalisa_tmpl .breadcrumb li.active {
    color: #404040;
}


#monalisa_tmpl .breadcrumb .divider {
    display: none;
}

#monalisa_tmpl .btn-primary {
    background-image: none;
    background-color: #bb4c85;
    border-color: #b02f71;
    color: #ffffff;
}

#monalisa_tmpl .btn-primary:hover, #monalisa_tmpl .btn-primary:focus, #monalisa_tmpl .btn-primary:active, #monalisa_tmpl .btn-primary.active, #monalisa_tmpl .open > .dropdown-toggle.btn-primary {
    background: #911f4f;
}

#monalisa_tmpl footer .btn-primary:hover {
    background: #cb77a2;
    color: #ffffff;
}

#monalisa_tmpl .bt_action {
    margin-top: 20px;
}


/* Scroll top */

#monalisa_tmpl .scroll-top {
    position:fixed;
    bottom:0;
    right: 1%;
    z-index:100;
    background: #cb77a2;
    font-size:24px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.scroll-top a, .scroll-top a:link, .scroll-top a:visited {
    color:#ffffff !important;
}

#monalisa_tmpl .scroll-top li a:hover {
    background-color: #b02f71 !important;
}

/* article */

.header_article {
    background-color: #d2d2d2;
    padding: 24px 0 24px 0;
}


/*Footer*/

#monalisa_tmpl footer {
    margin-top: 100px;
    padding: 50px 0 0 0;
    background-color: #8d2451;
}

#monalisa_tmpl footer h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 15px;
    padding: 0;
    text-transform: capitalize;
}

#monalisa_tmpl footer h4 {
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
}

#monalisa_tmpl footer a, #monalisa_tmpl footer p {
    color: #ffffff;
}

#monalisa_tmpl footer a:hover {
    color: #000;
    text-decoration: none;
}

#monalisa_tmpl ul#menu_footer li {
    display: inline-block;;
}

#monalisa_tmpl .menu_footer {
    margin-top: 30px;
    background-color: #CB77A2;
}

/*#monalisa_tmpl .menu_footer  li  {
    text-align: left;
}

#monalisa_tmpl .menu_footer > li > a {
    border-radius: 0;
    color: #ffffff;
    padding: 0;
}

#monalisa_tmpl .menu_footer > li > a:hover {
    background-color: transparent;
    color: #000;
}*/

#monalisa_tmpl .bt_haut_page {
    height: 150px;
    line-height: 150px;
}


#monalisa_tmpl footer .menu_footer li {
    padding-right: 20px;
}

#monalisa_tmpl .container_navbar-brand {
    width: 100%;
}

#monalisa_tmpl footer .nav-pills > li.active > a,
#monalisa_tmpl footer .nav-pills > li.active > a:hover,
#monalisa_tmpl footer .nav-pills > li.active > a:focus {
    background-color: transparent;
    color: #fff;
}

/*home*/



.moduletable_slideshow {
    padding-bottom: 70px;
}

.teaser_actus_home {
    padding-bottom: 20px;
}

.page_home .module_ressources {
    border: 1px dashed #32497d;
    padding: 0;
    margin-bottom: 50px;
}

.module_ressources img {
    width: 105px;
    height: auto;
}

.page_home .module_ressources h2 {
    background-color: #32497d;
    color: #fff;
    padding: 0 0 0 10px;
    margin-top: 0;
}

.page_home .module_ressources h2 a {
    text-decoration: none;
    color: #fff !important;
}

.page_home .module_ressources a:hover {
    text-decoration: none !important;
    color: #D1D8E8 !important;
}

.page_home .module_ressources .row {
    padding: 15px;
}

#monalisa_tmpl .module_actualites .titre_actu_home {
    margin: 0;
    padding: 0 0 4px 0;
    font-size: 24px;
    font-weight: 500;
}

#monalisa_tmpl .module_medias .titre_actu_home {
    font-size: 24px;
}

#monalisa_tmpl .module_medias .titre_actu_home {
    font-size: 24px;
    margin: 0;
    padding: 0;
}

/*#monalisa_tmpl .module_temoignages .titre_actu_home {
    color: #575756;
    padding: 7px 0 0 0;
    margin: 0;
    font-size: 22px;
}

.module_temoignages .localisation {
    color: #575756;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    margin: 5px 0 10px 0;
    padding: 3px 0 2px 0;
    line-height: normal;
}*/

#monalisa_tmpl .module_actualites img {
    width: 100%;
    height: auto;
}

#monalisa_tmpl .moduletable_module_home .date_actualites {
    padding-bottom: 4px;
}

#monalisa_tmpl .titre_actu_home a {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: rgba(200, 90, 130, 1);
    line-height: 21px;
    text-decoration: none;
}

#monalisa_tmpl .module_actualites .intro p {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #666;
    line-height: 21px;
    text-decoration: none;
}


#monalisa_tmpl .titre_ressources_home {
    padding: 0;
    font-size: 28px;
    line-height: 34px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: rgba(210, 210, 210, 1);
    letter-spacing: 0px;;
}

#monalisa_tmpl .titre_ressources_home a {
    color: rgba(210, 210, 210, 1);
    text-decoration: none;
}



#monalisa_tmpl .titre_actu_home a:hover {
    color: #9a2f71;
    text-decoration: none;
}

/*.page_home .moduletable_module_home h2 {
    background: url("../images/title-pink-line.png") repeat-x scroll left 23px rgba(0, 0, 0, 0);
    margin: 0 0 25px 0;
}*/

/*.menu_engagement .slideshow_initiatives {
    padding-top: 20px !important;
}*/



/*.page_isolement .module_monalisa h2,

.menu_engagement .module_monalisa h2,
.menu_communaute .module_monalisa h2,
.menu_portail .module_monalisa h2,
.menu_appuis .module_monalisa h2 {
    background: url("../images/title-pink-line.png") repeat-x scroll left 23px rgba(0, 0, 0, 0);
    margin: 0 0 15px 0;
}

.page_isolement .module_monalisa h2 span,

.page_home .moduletable_module_home h2 span,
.menu_engagement .module_monalisa h2 span,
.menu_communaute .module_monalisa h2 span,
.menu_portail .module_monalisa h2 span,
.menu_appuis .module_monalisa h2 span {
    background: #fff;
    color: #202020;
    font-size: 38px;
    font-weight: 900;
    line-height: 28px;
    margin: 0;
    padding: 0 17px 0 0;
}*/

.yoo-zoo .socialbuttons, .socialbuttons {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    margin: 40px 0 40px 0;
    padding: 6px 0 2px 0;
    line-height: normal;
}

/*App zoo actualités home (à voir si placer code dans telpmate de l'app*/

.media-top img, .pos-media img {
    /*    max-width: 450px;*/
    /*    height: auto;
        width: 100%;*/
    border: 1px solid #E6E6E6;
}

.page_home .media-top img {
    max-width: 450px;
    height: auto;
    width: 100%;
}

.date_actualites {
    width:200px;
}

.date_actualites span, .date_actualites_teaser span {
    background-color: #9a2f71;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    padding: 2px 4px 2px 4px;
    font-size: 13px;
}

.description p {
    font-size: 15px;
    color: #000000;
}

/*override zoo pour toutes les apps*/

/*#yoo-zoo .details h1.title {
    background: url("../images/title-pink-line.png") repeat-x scroll left 23px rgba(0, 0, 0, 0);
    margin: 40px 0 50px 0;
}*/

#yoo-zoo {
    /*padding-top: 35px;
        padding-left: 210px;*/
}



.blog-actualites .item {
    padding-top: 35px;
}



#yoo-zoo .items div.media-left img {
    width:100%;
    max-width: 450px;
    height:auto;
    margin-bottom: 20px;
    border: 1px solid #E6E6E6;
}

.pos-media img {
    width:100%;
    max-width: 450px;
    height: auto;
    display: block;
}

.ils_soutiennent_la_mobilisation #yoo-zoo .items div.media-left img {
    width:90%;
}

#yoo-zoo .media-left, iframe {
    /*    width:100%;*/
    border: 0;
}

/* nouveau css pages froides, actus */

#yoo-zoo .item h1.pos-title, #yoo-zoo h1 span {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    line-height: 42px;
    margin: 0px 0px 0.37em 0px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: -1px;
    padding: 3% 0px 0px 0px;
}

#yoo-zoo .item p {
    margin: 0px 0px 1.563em 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
}

#yoo-zoo .item .intro p {
    font-size: 16px !important;
    line-height: 24px !important;
    margin: 0px 0px 1.5em 0px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: italic !important;
}

/* position: subtitle */
#yoo-zoo .item h2, #yoo-zoo .teaser-item h2, h2.menutitle, .moduletable_module_home h2, .page_home h2 {
    font-size: 36px;
    line-height: 42px;
    margin: 10px 0 0.5em 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: italic;
    color: rgba(200, 90, 130, 1);
}

.page_home h2 {
    font-size: 30px;
    font-weight: 400;
    color: #334a7c;
    border-bottom: 1px dashed #334a7c;
    padding: 0 0 16px 0;
}

.page_home h2 a {
    text-decoration: none;
    color: #334a7c !important;
}

.page_home h2 a:hover {
    text-decoration: none !important;
    color: #9a2f71 !important;
}

.blog-articles-divers-ils-soutiennent-la-mobilisation h2 {
    margin: 0 0 0.5em 0;
}

h2.menutitle {
    padding-top: 30px;
}

#yoo-zoo .items h2.pos-title {
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 0.5em 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #666;
    letter-spacing: 0px;
}

#yoo-zoo h3 {
    font-size: 28px;
    line-height: 34px;
    margin: 0px 0px 0.5em 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: rgba(210, 210, 210, 1);
    letter-spacing: 0px;
}

h4 {
    margin-bottom: 25px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    line-height: 30px;
}

h5 {
    margin-bottom: 25px;
    font-style: normal;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: rgba(200, 90, 130, 1);
    line-height: 21px;
}

ul {
    list-style-image: url('../images/goutte.png');
}

p.quote, #yoo-zoo .item blockquote {
    margin: 0em 1em 1em 0em;
    border-left: 3px solid #ccc;
    padding: 0em 0em 0em 0.7em;
    border-width: 3px 3px 3px 10px;
    border-color: rgba(200, 90, 130, 1);
}

#yoo-zoo .item blockquote p  {
    font-size: 1em;
    /*    line-height: 1em;*/
    font-style: italic;
    color: #666666;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

p.intro-paragraph {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 1.2em;
    margin-top: 1.2em;
    padding: 1em 1em 1em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-color: rgba(204, 204, 204, 1);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: rgba(50, 73, 125, 1);
}

#yoo-zoo .item ul {
    margin: 10px 20px;
    padding: 10px 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    /*    list-style-image: url('../images/goutte.png');*/
    margin: 0 0 0em 2em;
    font-size: 16px;
    color: #ccc;
    list-style: none;
}

#yoo-zoo .item ul li {
    background-repeat: no-repeat;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    background:url('../images/goutte.png') no-repeat 0 4px;
    padding-left: 25px;
}

/*bandeau pages froides*/

.header_title {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #5b595a;
    padding: 20px 0 10px 0;
    margin: 0;
    font-weight: 400;
    line-height: normal;
}

#yoo-zoo .item .header_intro p {
    margin-bottom: 25px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    line-height: 30px;
}

/* filter */

.zoo-filter-result h1.title {
    font-size: 36px;
    line-height: 42px;
    margin: 30px 0 0.5em 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: italic;
    color: rgba(200, 90, 130, 1);
}

.zoo-filter-result .teaser-item {
    margin-bottom: 30px;
}

#yoo-zoo .items h2.nom_equipe a {
    font-size: 28px;
    line-height: 34px;
    margin: 0px 0px 0.5em 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: rgba(210, 210, 210, 1);
    letter-spacing: 0px;
}

.zoo-filter-result .items .teaser-item {
    padding-bottom: 50px !important;
    border-bottom: 1px solid #ccc;
}

/* pour gérer la vidéo en responsive, exemple : http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#yoo-zoo .items div.media-left {
    float: none;
}

/*formulaire*/

.module_form {
    background-color: #ececec;
    padding: 15px;
}

/*.module_form .bfClearfix div span:last-child {
    display: none;
    visibility: hidden; 
}*/

/*recherche*/

#module_connexion {
    position: absolute;
    top:5px;
    right:300px;
    z-index: 9999;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.connexion-form,
#ff_formdiv5 {
    padding: 19px 30px;
    margin-bottom: 20px;
    background-color: #32497D;
    /*border: 1px solid #e3e3e3;*/
    /*border-radius: 4px;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)*/
}

.connexion-form .login-button,
#ff_formdiv5 #bfSubmitButton {
    border-radius: 0;
    border: none;
    background-color: #CB77A2;
    margin-top: 15px;
}

.lien-recuperation-pasw {
    margin-top: 30px;
    color: #fff;
}

.lien-recuperation-pasw a {
    color: #fff !important;
}

.lien-recuperation-pasw a:hover {
    color: #fff;
}

.connexion-form label,
#ff_formdiv5 label,
#ff_form5 p {
    color: #fff;
    font-weight: 900;
    font-size: 16px;
}

.form-control {
    border: none;
    border-radius: 0;
}

#form-login-remember,
.connexion-form ul  {
    display: none;
}

/*.login {
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         -khtml-border-radius: 5px;
         border-radius: 5px;
         background:#eee;
         border:1px solid #ccc;
         padding:5px;
         margin:0px 0px 10px 0px;
}*/

.login {
    padding-top: 35px;
}

.login-description {
    padding-bottom: 35px;
}

/*contact*/

div.contact h3 {
    display: none;
}

div.contact legend {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0 0 5px 0;
}

div.contact .form-horizontal .control-label {
    padding-right: 5px;
    text-align: left;
    width: 180px;
}

div.contact .form-horizontal .control-group {
    margin-bottom: 10px;
}

div.contact .form-horizontal .form-actions {
    padding-left: 0;
}

div.contact .form-actions {
    background: none;
    border-top: none;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
}

/*utlisée en dur sur module zoo item*/
.categorie_description {
    font-size: 24px;
    color: #000000;
    margin: 0 0 27px 0;
    padding: 0;
}

.module_monalisa {
    padding-bottom: 31px;
}

.module_lancer_equipe {
    background-color: #ececec;
}

.module_lancer_equipe h2 {
    padding: 15px 0 0 15px;
}

#form_lancer_equipe {
    padding: 15px;
}

/*réseau*/

.url-reseau {
    display: none;
}

.yoo-zoo .lien_reseau {
    margin-top: 20px;
}

/*.module_zoo_item_reseau .img_reseau {
    padding-bottom: 40px;
}*/

#yoo-zoo .img_border {
    border: 1px solid #e7e7e7;
}

/*
Menu Reseau affiche le module zoo item.
Pour afficher le module, il faut faire un lien vers un article (pas possible d'ouvrir un module depuis un menu sauf avec l'extension demodule anywhere
*/

.reseau .blog-reseau-ville-monteux {
    display: none;
}

.reseau .items-col-1 {
    display: none;
}

.logo_mosaique {
    color: #c0598e;
    font-size: 13px;
}

.logo_mosaique_result {
    color: #ffffff;
    font-size: 13px;
}

/*Modifier */

/* position: content */

/*

#yoo-zoo .items div.pos-content {
    margin: 0;
}

#yoo-zoo .items div.teaser-item { padding: 0px 7px 20px 7px; }

*/

/*map*/

#module_carte {
    padding-bottom: 25px;
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
}

#module_carte .alert,
#pop_up_carte .alert {
    display: none;
}

/*#titre_carte {
    background-image: url('../images/bgd-titre-carte-2.png');
    background-repeat: no-repeat;
    background-position:center top;
    z-index: 110;
    position: absolute;
    top:0;
    width: 100%;
    text-align: center;
}*/

/*.carte_initiatives,
.carte_equipes_citoyennes,
.carte_cooperation_departementale {
    visibility: hidden;
    height: 1px;
}*/

.legende_carte {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
}

.bt_legende_carte {
    margin: 3px 0 3px 0;
}

.bt_open_map {
    cursor: pointer;
}

.img_bt_open_carte {
    background-image: url('../images/bouton-ouvrir-carte.jpg');
    height: 96px;
    background-repeat: no-repeat;
}

.cadre_rose {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 15px;
    border: 1px dashed #c95a84;
    background-color: #fffdfe;
}

.cadre_rose h3 {
    color: #9a2f71;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}

.form_newsletter {
    margin-top: 60px;
}

.form_newsletter h2 {
    font-style: normal;
    border: 1px dashed #d2d2d2;
    text-align: center;
    padding: 2px;
}

.mc_embed_signup {
    background:#d2d2d2; 
    clear:left; 
    font-family: 'Open Sans', sans-serif; 
}

/* voire + */

/*.voir_tout {
    padding-left: 5px;
}

#monalisa_tmpl .module_monalisa h2 a:hover, .title-right-side a:hover {
    color: #202020;
}

#monalisa_tmpl .module_monalisa h2 a.voir_tout {
    background: none repeat scroll 0 0 #fff;
    color: #a5a5a5;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 8px 0 0 0;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    text-decoration: none;
}

#monalisa_tmpl .module_monalisa h2 a{
    color: #000000;
}

#monalisa_tmpl .module_monalisa h2 a:hover,
#monalisa_tmpl .module_monalisa h2 a span:hover {
    color: #c0598e;
    text-decoration: none;
}*/

/*Cible le lien voir tous ... */
/*#monalisa_tmpl .module_monalisa h2 > :nth-child(2) {
    font-size: 16px;
    margin-left: 10px;
}*/

/*#monalisa_tmpl .module_monalisa h2 a {
    color: #a5a5a5;
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}*/

/*ancien template, animation icone +, ne fonctionna pas
#monalisa_tmpl i.plas10 {
    float: right;
    height: 11px;
    margin: 8px 0 0 12px;
    position: relative;
    transition: -moz-transform 1s ease 0s;
    width: 11px;
    display: none
}

#monalisa_tmpl .plus-up {
    background-color: #a5a5a5;
    height: 1px;
    position: absolute;
    top: 48%;
    transform: rotate(90deg);
    width: 100%;
}

#monalisa_tmpl .plus-hor {
    background-color: #a5a5a5;
    height: 1px;
    position: absolute;
    top: 48%;
    width: 100%;
}

#monalisa_tmpl .module_monalisa h2 a:hover i.plas10, .title-right-side a:hover i.plas10 {
    transform: rotate(360deg);
}*/



.module_under_component {
    margin-top: 50px;
}

.cursor_pointer {
    cursor: pointer;
}

/*connexion*/

#monalisa_tmpl  .control-label {
    text-align: left;
}

#monalisa_tmpl .bouton_engagement .btn-primary {
    width: 250px;
    margin : 10px 0 10px 0;
}

#monalisa_tmpl .bouton_liste .btn-primary {
    width: 330px;
    margin : 10px 0 10px 0;
}

.container_download_file {
    margin-bottom: 20px;
}


/* position: chapeau */
#yoo-zoo .chapeau p {
    margin: 0 0 15px 0;
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    border-bottom: 0;
}

/*temp*/

/*supprimer le titre dans le layout mais voor si layout utilsé par d'autres articles ?*/
.module_presse .title {
    display: none;
}


/*modal*/

/*Bootstrap 3*/

/*#monalisa_tmpl #modal_video .modal-dialog {
    width: 60% ;
}

@media screen and (min-width: 768px) {

    #monalisa_tmpl #modal_carte .modal-dialog {
        width: 80%;
        height: 90%;
    }

}*/

#monalisa_tmpl .modal p {
    word-wrap: break-word;
}


#open_modal_video {
    position:absolute;
    top:0;
    right: 40%;
    z-index:100;
    background: #cb77a2;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

/*carte*/

/*.modal-body
{
   max-height:80%;
}
.modal
{
   height:80%;
   width:70%;
   margin-left: -35%;
}
@media (max-width: 768px) {
   .modal
   {
    width:90%;
        margin-left: 2%;
   }
}*/

/* override breezing form */

/*bootstrap 3*/
#monalisa_tmpl .bfQuickMode section input[type="text"], #monalisa_tmpl .bfQuickMode section textarea, #monalisa_tmpl .bfQuickMode section select {
    float: left;
    margin: 0;
    width: 100%;
}

#monalisa_tmpl .bfQuickMode .bfLabelLeft label {
    float: left;
    margin: 0 10px 0 0;
    width: 100%;
}

.communaute_appuis .description p {
    font-weight: 900;
}

/* override bootstrap */

#monalisa_tmpl .nav > li > a:hover, #monalisa_tmpl .nav > li > a:focus {
    background-color: transparent;
}

/*  Bootstrap Clearfix */

/*  Tablet  */
@media (min-width:767px){

    /* Column clear fix */
    .col-lg-1:nth-child(12n+1),
    .col-lg-2:nth-child(6n+1),
    .col-lg-3:nth-child(4n+1),
    .col-lg-4:nth-child(3n+1),
    .col-lg-6:nth-child(2n+1),
    .col-md-1:nth-child(12n+1),
    .col-md-2:nth-child(6n+1),
    .col-md-3:nth-child(4n+1),
    .col-md-4:nth-child(3n+1),
    .col-md-6:nth-child(2n+1){
        clear: none;
    }
    .col-sm-1:nth-child(12n+1),
    .col-sm-2:nth-child(6n+1),
    .col-sm-3:nth-child(4n+1),
    .col-sm-4:nth-child(3n+1),
    .col-sm-6:nth-child(2n+1){
        clear: left;
    }
}


/*  Medium Desktop  */
@media (min-width:992px){

    /* Column clear fix */
    .col-lg-1:nth-child(12n+1),
    .col-lg-2:nth-child(6n+1),
    .col-lg-3:nth-child(4n+1),
    .col-lg-4:nth-child(3n+1),
    .col-lg-6:nth-child(2n+1),
    .col-sm-1:nth-child(12n+1),
    .col-sm-2:nth-child(6n+1),
    .col-sm-3:nth-child(4n+1),
    .col-sm-4:nth-child(3n+1),
    .col-sm-6:nth-child(2n+1){
        clear: none;
    }
    .col-md-1:nth-child(12n+1),
    .col-md-2:nth-child(6n+1),
    .col-md-3:nth-child(4n+1),
    .col-md-4:nth-child(3n+1),
    .col-md-6:nth-child(2n+1){
        clear: left;
    }
}


/*  Large Desktop  */
@media (min-width:1200px){

    /* Column clear fix */
    .col-md-1:nth-child(12n+1),
    .col-md-2:nth-child(6n+1),
    .col-md-3:nth-child(4n+1),
    .col-md-4:nth-child(3n+1),
    .col-md-6:nth-child(2n+1),
    .col-sm-1:nth-child(12n+1),
    .col-sm-2:nth-child(6n+1),
    .col-sm-3:nth-child(4n+1),
    .col-sm-4:nth-child(3n+1),
    .col-sm-6:nth-child(2n+1){
        clear: none;
    }
    .col-lg-1:nth-child(12n+1),
    .col-lg-2:nth-child(6n+1),
    .col-lg-3:nth-child(4n+1),
    .col-lg-4:nth-child(3n+1),
    .col-lg-6:nth-child(2n+1){
        clear: left;
    }
}

/*override zoofilter*/

/*.zoo-filter .form-element-row
{
    overflow: hidden;
    margin-bottom: 3px;
    padding: 5px;
}

.zoo-filter label
{
    height: 10px;
    margin-bottom: 10px;
        cursor: default;
}*/

.zoo-filter .form-element-row {
    padding: 0 !important;
}


#monalisa_tmpl .zoo-filter input  {
    height: 35px !important;
    width : 250px !important;
    margin-bottom: 5px;
    padding: 0;
}

.zoo-filter button {
    margin-bottom: 20px;
}

.image_result_zoo_filter img {
    padding: 15px;
}

.zoo-filter-result .pos-description {
    margin-left: 15px !important;
}

/*slideshow*/

.slides img {
    width: 100%;
    text-align: right;
}

/* gouvernance */

.conteneur_infos__gouvernance {
    background-color: #d2d2d2;
    height: 250px;
}

#yoo-zoo .titre_gouvernance {
    padding-top: 15px;
}

#yoo-zoo .titre_gouvernance p {
    margin-bottom: 0;
    font-style: normal;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: rgba(200, 90, 130, 1);
    text-align: right;
}

#yoo-zoo .item p.organisation_gouvernance {
    margin: 20px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    width: 70%;
    float: right;
}

.img__gouvernance {
    height: 230px;
    overflow: hidden;
}

.img__gouvernance img {
    height: 230px;
    width: auto;
}

/* AJOUT Class /  Block JCE */

#yoo-zoo .item .label_custom {
    margin: 2em 0% 0em 0%;
    border-style: dotted;
    border-color: rgba(51, 51, 51, 0.87);
    text-align: left;
    padding: 3% 3% 2% 5%;
    font-size: 21px;
    color: rgba(51, 51, 51, 1);
    border-width: 0px 0px 1px 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    clear: none;
    background-image: url(../images/goutte.png);
    background-repeat: no-repeat;
    background-attachment: local;
    background-position: left center;
}

/* YouTube Gallery */

#YoutubeGalleryMainContainer1 table {
    width: 100% !important;
}

/*Google map*/

#conteneur_carte_ajax {
    padding-top: 0;
}

#module_map .wk-map {
    /*    width: 100% !important;
        height: 100% !important;*/
    width: 560px !important;
    height: 315px !important;
}

#pop_up_carte .wk-map {
    /*    width: 100% !important;
        height: 100% !important;*/
    width: 100% !important;
    height: 800px !important;
}

/* Mailchimp */

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
/* modification de http://cdn-images.mailchimp.com/embedcode/classic-081711.css */
.mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
.mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
.mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
.mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
.mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
.mc_embed_signup input:focus {border-color:#333;}
.mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
.mc_embed_signup .button:hover {background-color:#777;}
.mc_embed_signup .small-meta {font-size: 11px;}
.mc_embed_signup .nowrap {white-space:nowrap;}

.mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
.mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html .mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
.mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
.mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
.mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

.mc_embed_signup .datefield, .mc_embed_signup .phonefield-us{padding:5px 0;}
.mc_embed_signup .datefield input, .mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
.mc_embed_signup .phonefield-us .phonearea input, .mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
.mc_embed_signup .datefield .monthfield input, .mc_embed_signup .datefield .dayfield input{width:30px;}
.mc_embed_signup .datefield label, .mc_embed_signup .phonefield-us label{display:none;}

.mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
.mc_embed_signup .asterisk {color:#333; font-size:200%;}
.mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
.mc_embed_signup .clear {clear:both;}

.mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
.mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
.mc_embed_signup .mc-field-group.input-group label {display:inline;}
.mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

.mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
.mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
.mc_embed_signup #mce-error-response {display:none;}
.mc_embed_signup #mce-success-response {color:#529214; display:none;}
.mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

/*#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}*/
.mc_embed_signup #num-subscribers {font-size:1.1em;}
.mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}