@charset "utf-8";
/* CSS Document */

/************************
 Fonts
************************/
@font-face {
    font-family: 'UniversLTStd-LightCn';
    src: url('../fonts/UniversLTStd-LightCn.eot');
    src: url('../fonts/UniversLTStd-LightCn.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UniversLTStd-LightCn.woff2') format('woff2'),
    url('../fonts/UniversLTStd-LightCn.woff') format('woff'),
    url('../fonts/UniversLTStd-LightCn.ttf') format('truetype'),
    url('../fonts/UniversLTStd-LightCn.svg#UniversLTStd-LightCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univers-Condensed';
    src: url('../fonts/Univers-Condensed.eot');
    src: url('../fonts/Univers-Condensed.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Univers-Condensed.woff2') format('woff2'),
    url('../fonts/Univers-Condensed.woff') format('woff'),
    url('../fonts/Univers-Condensed.ttf') format('truetype'),
    url('../fonts/Univers-Condensed.svg#Univers-Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univers-CondensedBold';
    src: url('../fonts/Univers-CondensedBold.eot');
    src: url('../fonts/Univers-CondensedBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Univers-CondensedBold.woff2') format('woff2'),
    url('../fonts/Univers-CondensedBold.woff') format('woff'),
    url('../fonts/Univers-CondensedBold.ttf') format('truetype'),
    url('../fonts/Univers-CondensedBold.svg#Univers-CondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'tdh_cityburnregular';
    src: url('../fonts/tdh_cityburn_original_148559.eot');
    src: url('../fonts/tdh_cityburn_original_148559.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tdh_cityburn_original_148559.woff2') format('woff2'),
    url('../fonts/tdh_cityburn_original_148559.woff') format('woff'),
    url('../fonts/tdh_cityburn_original_148559.ttf') format('truetype'),
    url('../fonts/tdh_cityburn_original_148559.svg#tdh_cityburnregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'tdh_cityburnregular';
    src: url('../fonts/tdh_cityburn_revisited_2017.eot');
    src: url('../fonts/tdh_cityburn_revisited_2017.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tdh_cityburn_revisited_2017.woff2') format('woff2'),
    url('../fonts/tdh_cityburn_revisited_2017.woff') format('woff'),
    url('../fonts/tdh_cityburn_revisited_2017.ttf') format('truetype'),
    url('../fonts/tdh_cityburn_revisited_2017.svg#tdh_cityburnregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/************************
 Commun
************************/
body {

}

body > div.container-global {
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}

body .container-global > div.container {
    width: 100% !important;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

.object-contact {
    display: none;
}

.header {
    background-color: #ffffff;
    z-index: 10000001 !important;
}

.header-top {
    text-align: right;
    text-transform: uppercase;
    padding-right: 33px;
    font-family: 'Univers-Condensed';
}

.header-top > ul, .header-top > ul li, .lang {
    display: inline-block;
    vertical-align: sub;
}

.header-top a {
    color: #000000;
}

.header-top > ul {
    margin-top: 3px;
}

.header-top > ul li {
    margin-right: 5px;
}

#admin-menu .menu a {
    font-size: 14px;
}

.logo {

}

.logo img {
    margin: 0 0 22px 33px;
}

.menu, .menu-delegation {
    font-family: 'UniversLTStd-LightCn';
}

.menu-delegation {
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    width: 1200px;
    z-index: 10000000;
}

.nav {
    margin-top: 15px;
}

.menu-delegation .nav {
    margin-top: 0;
    padding-top: 15px;
}

.menu ul, .nav {
    padding: 0;
}

.menu .desktop .mobile-only {
    display: none;
}

.menu .menu-mobile .desktop-only {
    display: none;
}

.menu a, .menu-delegation a {
    color: #171212;
    font-size: 2.25em;
    padding: 0 /*30px*/ 20px;
    text-decoration: none !important;
}

.menu-delegation a {
    text-transform: uppercase;
    font-size: 1.5em !important;
    padding: 0 18px;
}

.menu-delegation a:hover, .menu-delegation li.active a, .menu a:hover, .menu li.active a, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: #f38500;
    background-color: transparent;
}


.menu li.aider a.active {
    color: #fff;
    background-color: #f38500;
    border-radius: 3px;
}

.menu-delegation li {
    list-style-type: none;
}

.menu li a.active, .menu li.active-trail > a {
    color: #f38500;
}

.menu .dropdown {
    display: inline-block;
    margin: 0 /*52px*/ 30px 0 2px;
}

.menu-delegation .dropdown {
    display: inline-block;
}

.menu .dropdown > ul {
    display: none;
}

/*.menu .dropdown:hover > ul, .menu .dropdown:hover > ul ul{
	display:block;
}*/
.lang .btn-default:hover, .lang .btn-default:focus, .lang .btn-default.focus, .lang .btn-default:active, .lang .btn-default.active, .lang .open > .dropdown-toggle.btn-default {
    background-color: transparent;
    background: url(../images/Pictos/picto-langue.png) no-repeat left top;
    color: #000;
    text-decoration: none;
}

.lang .btn {
    background: url(../images/Pictos/picto-langue.png) no-repeat left top;
    border: 0;
    margin: 3px 0 0 10px;
    padding: 0 0 0 25px;
    text-transform: uppercase;
}

.lang .btn .caret {
    background: url(../images/caret.png) no-repeat left top;
    border: 0;
    width: 12px;
    height: 6px;
    margin: 0 0 2px 3px;
}

.navbar-header .navbar-toggle {
    background-color: #ffffff;
    width: 44px;
    height: auto; //old: 37px
    padding: 0;
    margin-right: 5px;
    margin-top:5px;
}

.navbar-toggle.collapsed .icon-bar {
    background-color: #1d1d1d;
}

.navbar-toggle .icon-bar {
    /*background-color: #fff;*/
    background-color: #F38500;
    height: 3px;
}

.navbar-toggle .icon-bar.ico01 {
    transform: rotate(45deg);
    position: absolute;
    margin-top:10px;
}

.navbar-toggle span.icon-bar.ico02 {
    transform: rotate(135deg);
    position: absolute;
    margin-top: 10px;
}

.navbar-toggle span.icon-bar.ico03 {
    display: none;
}

.navbar-toggle.collapsed .icon-bar.ico01 {
    transform: rotate(0);
    position: relative;
    margin-top: 6px;
}

.navbar-toggle.collapsed span.icon-bar.ico02 {
    transform: rotate(0deg);
    margin-top: 4px;
    position: relative;
}

.navbar-toggle.collapsed span.icon-bar.ico03 {
    display: block;
}

.dropdown-menu {
    top: inherit;
    z-index: 10000001;
}

.search .dropdown-menu {
    margin-left: -284px !important;
    min-width: 390px;
    min-height: 100px;
    box-shadow: none;
    border-bottom: 2px solid #F38500;
    border-top: 1px solid #f7f4ef;
    border-right: none;
    border-left: none;
    border-radius: 0;
    margin-top: 24px;
}

.search .dropdown-menu label {
    position: absolute;
    left: -5000px;
}

.search .dropdown {
    text-align: right;
    padding-right: 33px;
    margin-top: 19px;
}

.search > .dropdown.open > .btn {
    background: url(../images/picto-close.png) no-repeat left top;
    background-color: #E3E3E3;
}

.search .dropdown .btn, #edit-submit-page-carriere, #edit-submit-archive-prise-de-position,
#edit-submit-archive-communiques, #edit-submit-archive-revues-de-presse {
    background: url(../images/Pictos/Picto_loupe_1.svg) no-repeat left top;
    border: 0;
    height: 32px;
    width: 32px;
}
.views-exposed-form {
    Text-align : center ;
}


#edit-submit-page-carriere, #edit-submit-archive-prise-de-position, #edit-submit-archive-communiques, #edit-submit-archive-revues-de-presse {
    font-size: 0;
    color: transparent;
}

.search .dropdown .caret {
    display: none;
}

.leclear {
    clear: both;
}

.padding_lame {
    padding-top: 75px;
    padding-bottom: 75px;
}

/* FOOTER */
.footer {
    min-height: 596px;
}

#tdh-newsletter-form-newsletter--2 .form-item-inputEmail label {
    display: none;
}

.footer .newsletter {
    background-color: #000;
    min-height: 389px;
    color: #fff;
    padding: 40px 0 0 0;
    font-family: 'UniversLTStd-LightCn';
    margin-bottom: -15px;
}

.footer .newsletter p {
    text-align: left;
    font-size: 1.5em;
    line-height: 1.1em;
    margin-bottom: 25px;
    max-width: 402px;
}


.footer .newsletter .form-group{
    max-width: 402px;
}

.footer .newsletter h2 {
    font-size: 4.1em;
    margin-bottom: 15px;
    text-align: left;
    max-width: 402px;
}

h2#newsletter {
    color: #171212;
}

#contact-newsletter h2#newsletter {
    color: #fff;
}

.footer .newsletter form {
    margin: 0 308px 0 890px;
}

.footer .newsletter form label {
    position: absolute;
    left: -5000px;
}

.footer .newsletter form button.btn,
.footer .newsletter form a.btn,
.footer .newsletter form .form-group .form-control {
    border: 0;
    width: 100%;
    text-align: center;

}

.footer .newsletter form a.btn,
.footer .newsletter form button.btn {
    background-color: #f38500;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.55em;
    padding: 8px 10px !important;
}

.footer .newsletter form a.btn img,
.footer .newsletter form button.btn img {
    margin: -5px 10px 0 0;
}

.footer .newsletter form .form-group .form-control {
    background-color: #fff;
    color: #999999;
    font-size: 1.55em;
    height: auto;
    padding: 9px 10px !important;
}

.footer .menu {
    background-color: #f38500;
    /*min-height:69px;*/
    text-align: center;
    padding: 0;
}

.footer .menu a {
    font-size: 2em;
    padding: 0 16px;
}

.footer .menu ul {
    padding: 10px 0;
    margin-bottom: 0;
}

.footer .menu ul li {
    display: inline-block;
}

.footer .menu ul li a {
    color: #fff;
}

.footer .infos {
    min-height: 474px;
    text-align: center;
    background: url(../images/BG-footer-infos.jpg) no-repeat center top;
    list-style-type: none;
}

.footer .infos .social li{
    display:inline-block;
    max-width:110px;
    min-height:80px;
    padding:0 0 0 0;
    vertical-align:top;
}

.footer .infos .social li, .footer .infos .social li a,
.restez-informes .social li, .restez-informes .social li a {
    display: inline-block;
    max-width: 110px;
    min-height: 80px;
    padding: 37px 0 0 0;
    vertical-align: top;
}


.restez-informes .social li a {
    padding-top: 75px !important;
}
.footer .infos .social li a{
    padding-top:74px;
}

.footer .infos .social li, .footer .infos .social li a {
    max-width: 126px;
}

.footer .infos .social li, .restez-informes .social li {
    margin-left: 22px;
    margin-right: 22px;
}

.footer .infos .don {
    color: #1d1d1b;
    padding: 45px 0 0 0;
    text-transform: uppercase;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.5em;
    margin: 0;
}

.don-online a {
    line-height: 1em;
}

.don-tel {
    padding-right: 230px;
}

.don-ccp {
    padding-left: 230px;
}

.don-tel, .don-ccp {
    line-height: 1.5em;
}

.don-online a {
    display: block;
    color: #f38500;
    font-size: 1.7em;
}

.don-tel span, .don-ccp span {
    display: block;
    font-size: 1.7em;
}

.footer .infos .ligne01 a {
    color: #f38500;
}

.footer .infos .ligne02 a, .footer .infos .social a, .restez-informes .social li a {
    color: #1d1d1b;
}

.social {
    padding: 65px 0 0 0;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
    line-height: 1em;
    margin: 40px 30px 0 !important;
    list-style-type: none;
}

.social .facebook {
    background: none;
}
.social .twitter {
    background: none;
}
.social .google {
    background: none;
}
.social .linkedin {
    background: none;
}
.social .instagram {
    background: none;
}
.social .youtube {
    background: none;
}
.social .facebook a{
    background: url("../images/Pictos/Picto_facebook.svg") no-repeat scroll center top / 60px auto;
}
.social .twitter a{
    background: url("../images/Pictos/Picto_twitter.svg") no-repeat scroll center top / 60px auto;
}
.social .google a{
    background: url("../images/Pictos/Picto_google_plus.svg") no-repeat scroll center top / 60px auto;
}
.social .linkedin a{
    background: url("../images/Pictos/Picto_in.svg") no-repeat scroll center top / 60px auto;
}
.social .instagram a{
    background: url("../images/Pictos/Picto_images_1.svg") no-repeat scroll center top / 60px auto;
}
.social .youtube a{
    background: url("../images/Pictos/Picto_youtube.svg") no-repeat scroll center top / 60px auto;
}

.footer .adress {
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.65em;
}

.footer .adress p {
    margin-bottom: 6px;
}

.footer .adress .ligne01 span {
    font-weight: bold;
}

.footer .adress .ligne02 {
    font-size: 0.8em;
}

/* Back-to-top */
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -100px; /* negative of the offset - height of link element */
    left: 50%; /* padding from the left side of the window */
}

#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 69px; /* height of link element */
    left: 50%; /* padding from the left side of the window */
    width: 113px;
    height: 69px;
    margin-left: -56px;
    z-index: 100;
    opacity: 0;
}

#top-link-block.affix a {
    width: 113px;
    height: 69px;
    border: 0;
    display: block;
    background: url(../images/Pictos/picto-back-to-top.png) no-repeat left top;
}

.content {
    /*background-color: #ECEBEB;*/
}

/* MESSAGE ALERTE TOP SITE */
.alerte {
    min-height: 83px;
    padding: 5px 0 33px 55px;
    background: #ef3f08 url(../images/Bandeau-URGENCE.jpg) no-repeat left bottom;
    color: #fff;
    font-family: 'Univers-Condensed';
    font-size: 1.95em;
    line-height: 1.2em;
    margin-left: 0;
    margin-right: 0;
}

.alerte a {
    color: #fff;
}

.alerte .btn {
    background-color: #fff;
    color: #ef3f08;
    border-radius: 3px;
    font-size: 0.75em;
    text-transform: uppercase;
    padding: 5px 40px;
    margin-top: 5px;
}

.alerte .titre {
    font-family: 'tdh_cityburnregular';
    font-size: 1.55em;
    padding: 0 0 0 80px;
    background: url("../images/Pictos/picto_axe_urgence-new_65-blanc.png") no-repeat scroll left top / 37px auto;
    /*margin-right:85px;*/
    min-height: 78px;
    background-size: contain;
}

.alerte a {
    font-size: 0.75em;
    padding: 0 0 0 15px;
    display: inline-block;
}

/***********************/
/* LAME COMMUN */
/***********************/
.desc_chapeau {
    font-size: 22px;
    line-height: 1.4em;
    text-align: center;
    color: #333;
}

.desc_chapeau p {
    margin: inherit;
}

.temoignage, .projet-petit, .projet-grand, #faq, .delegation, .partenaires, .derniers_tweets, .chapeau, .chiffres_cles, .medias, /*.texte_riche,*/
.contact_1pers, .contact_2pers, .en_savoir_plus, .chapeau_grande_image, .tdh_google_map, .sengager, .texte_riche_background, .evenements, .autres_thematiques_liees, .candidature_spont, .jobs, .actualites, .affiche, .actu-all, .restez-informes, .slider, .mur-succes, .causes, .kit-media, .revue-presse, .ACTU-content, .FAQ-content, .temoignages, .structure, .personnes, .result-recherche, .voir_un_autre_pays, .themes-sante, .devenir, .garanties, .form-don, .description_chapeau, .lame-galerie {
    margin-bottom: 90px;
}

#page-pays .chapeau_grande_image, #page-donation .chapeau_grande_image, #page-thematique .chapeau_grande_image, #page-apropos .chapeau_grande_image, #relations-media .chapeau_grande_image, #actu-benevole .chapeau_grande_image, #group-benevole .chapeau_grande_image, .node-type-page-personne .chapeau_grande_image {
    margin-bottom: 0;
}

.texte_riche .candidature_spont a{
    color: #fff;
}

.node-type-contacter .formulaire-don {
    margin-bottom: 2%;
}

.formulaire-don .chapeau {
    margin-bottom: 0;
}

.fluid_img img {
    width: 100%;
    cursor:pointer;
}

/***********************/
/* LAME témoignage */
/***********************/
.lame > p {
    margin-bottom: 32px;
}

.temoignage {
    background-color: #fff;
    min-height: 454px;
    text-align: center;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.7em;
    color: #000000;
    line-height: 1.2em;
}

.temoignage.right {
    padding: 90px 0 0 800px;
}

.temoignage.left {
    padding: 90px 800px 0 0;
}

.temoignage.center {
    padding: 90px 100px 0 100px;
}

.temoignage .fond_blanc {
    margin-right: 25px;
    margin-left: 25px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    min-width: 450px;
    display: none;
}

.temoignage p {
    padding: 0 80px;
}

.temoignage p.signature {
    margin-top: 30px;
    margin-bottom: 20px;
}

.temoignage a {
    color: #f38500;
    display: none;
}

.temoignage:hover a {
    display: inline-block;
}

/***********************/
/* LAME projet petit */
/***********************/
.projet-petit {
    text-align: center;
}

.projet-petit .projet {
    display: inline-block;
    vertical-align: top;
    float: none;
    padding-left: 10px;
    padding-right: 10px;
    width: 18.6667% /*303px*/;
    margin-left: 30px;
    margin-right: 30px;
    /*
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
	*/
}

.projet-petit .projet:hover {
    /*
	 -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.08);
    -moz-transform:scale(1.08);
    -ms-transform:scale(1.08);
    -o-transform:translatZ(0) scale(1.08);
    transform:translatZ(0) scale(1.08);
	*/
}

.projet-petit .projet .bg .sous-bg img {

}

.projet-petit .projet .bg .sous-bg:hover {

    -webkit-animation: animatedBackground 3s ease-out 1;
    -moz-animation: animatedBackground 3s ease-out 1;
    animation: animatedBackground 3s ease-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    overflow: hidden;
    /*-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
		max-width: 283px;
	max-height: 283px;*/

}

.projet-petit .projet .bg {
    width: 284px;
    height: 283px;
    display: block;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-mask-image: url(../images/masque_cercle_283.svg);
}

.projet-petit .projet .bg .sous-bg {
    width: 284px;
    height: 283px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.page-delegation .projet-petit .projet .bg {
    width: 210px;
    height: 209px;
    display: block;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-mask-image: url(../images/masque_cercle_283.svg);
}

.page-delegation .projet-petit .projet .bg .sous-bg {
    width: 209px;
    height: 209px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%
}

.projet-petit .white_filter {
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.projet-petit a {
    color: #1d1d1b;
}

.projet-petit a:hover {
    color: #f38500;
}

.projet-petit h2, #faq h2, .delegation h2, .partenaires h2, .derniers_tweets h2, .medias h2, .texte_riche h2, .contact_1pers h2, .contact_2pers h2, .autres_thematiques_liees h2, .en_savoir_plus h2, .texte_riche_background h2, .tdh_google_map h2, .google-map-intervention h2, .evenements h2, .candidature_spont h2, .jobs h2, .actualites h2, .actu-all h2, .restez-informes h2, .lame h2, .content > h2, .mur-succes h2, .causes h2, .kit-media h2, .revue-presse h2, .temoignages h2, .structure h2, .personnes h2, .galerie-media h2, .themes-sante h2, .devenir h2, .garanties h2, #relations-media h2 {
    font-size: 4.6em;
    font-family: 'UniversLTStd-LightCn';
    margin-bottom: 40px;
    text-align: center;
    color: #1d1d1b;
}

.google-map-intervention {
    margin-bottom: 100px;
}



.header_map > h2 {
    margin-bottom: 20px;
}

.projet-petit .projet img {
    border-radius: 50%;
    width: 100%;
    height: auto;
}

.projet-petit .projet h3 {
    font-family: 'Univers-CondensedBold';
    font-size: 1.9em;
    margin-bottom: 5px;
}

.projet-petit .projet p {
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.7em;
    line-height: 1.2em;
}

/***********************/
/* LAME projet grand */
/***********************/
.projet-grand {
    text-align: center;
}

/* CAROUSEL */
.carousel-inner {

}

.projet-grand .carousel-inner .item {
    min-height: 1200px;
}

.carousel-inner .item {
    /*min-height: 1200px;*/
}

.carousel-caption {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    text-shadow: none;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.8em;
    line-height: 1.1em;
    padding: 30px 30px 30px;
    margin-bottom: 30px;
    z-index: 1;
}

.header-home .carousel-caption {
    text-align: left;
    font-family: inherit;
}

.carousel-caption h2 {
    font-size: inherit !important;
}

.carousel-caption p {
    margin-bottom: 40px;
}

.rtejustify{
    /*clear: both;*/
    font-size: 22px;
}
.rtejustify ul{
    display: inline;
}

.carousel-caption a {
    background-color: #f38500;
    border-radius: 4px;
    color: #fff;
    font-size: 0.9em;
    padding: 5px 25px;
}

.slider .carousel-info{display:none;}

.projet-grand h2 {
    font-size: 4.7em;
    font-family: 'UniversLTStd-LightCn';
    margin-bottom: 40px;
    margin-top: 0;
    line-height: 0.9em;
    min-height: 117px;
    padding-top: 20px;
}

.titre-et-cercle {
    min-height: 450px;
    width: 100%;
    position: absolute;
    left: 0;
    top: /*-850px*//*-1128px*/ 0;
    z-index: 10000;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
    z-index: 1;
    opacity: 1;
    display: none;
}

.carousel-indicators {
    display: inline-block;
    z-index: 2;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    display: none;
}

/* cercles */
.progress {
    height: 292px;
    width: 292px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: none;
    border-radius: 145px;
    margin: 0 10px;
    position: relative;
    font-size: 1.6em;
}

.progress > svg {
    height: 100%;
    display: block;
}

.progress .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 292px;
    height: 247px;
    text-align: center;
    padding: 23px;
    background-color: transparent;
    color: #000000;
    border-radius:50%;
}

.progress a.content,
.progress a.content:hover,
.progress a.content:active,
.progress a.content:focus {
    text-decoration: none;
}

.progress .content .chiffre {
    font-family: 'Univers-Condensedbold','tdh_cityburnregular','Arial Black';
    font-size: 2em;
    display: block;
    min-height: 53px;
    margin-bottom: 15px;
    line-height: 0.8em;
    margin-top: 20px;
}
.chiffres_cles h2 {
    font-size: 4.6em;
    font-family: 'UniversLTStd-LightCn';
    margin-bottom: 40px;
    text-align: center;
    color: #1d1d1b;
}

.progress .content.twitter {
    background: url(../images/Pictos/twb.png) no-repeat bottom center!important;
}

/*.progress .content.twitter {
    background-image: url(../images/Pictos/Picto_twitter_cercle.svg)!important;
	background-repeat:no-repeat;
	background-size:50px auto;
	background-position:center bottom;
}*/

.progress .content.star {
    background: url(../images/Pictos/Picto_etoile.svg) no-repeat center bottom / 32px auto;

}

.progress .content .text, .progress .content .engager {
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
    line-height: 1em;
    display: block;
}

.progress .content .engager {
    font-size: 1.7em;
    padding: 20px 15px;
}

.progress .content .engager {
    display: none;
}

/* hover */
.progress .content:hover {
    background-color: #f38500;
    color: #fff;
    height: 292px;
}

.progress .content.twitter:hover {
    background:url(../images/Pictos/two.png) #f38500 no-repeat bottom center!important;
    padding-bottom: 20px;
}

/*.progress .content.twitter:hover {
    background-image:url(../images/Pictos/Picto_twitter_cercle_hover.svg)!important;
	background-repeat:no-repeat;
	background-size:150px auto;
	background-position:center bottom;
	background-color:#f38500;
}*/

.progress .content.star:hover {
    background:#f38500 url(../images/Pictos/Picto_etoile_hover.svg) no-repeat center bottom / 96px auto !important;
}

.progress .content:hover .text, .progress .content:hover .chiffre {
    display: none;
}

.progress .content:hover .engager {
    display: block;
}

/* bulle orange */
.progress .content .orange {
    display: none;
}

.progress.urgence .content:hover .engager, .progress.urgence .content .text, .progress.urgence .content .chiffre {
    display: none;
    cursor: default;
}

.progress.urgence .content .orange {
    color: #fff;
    display: block;
    font-family: "tdh_cityburnregular";
    font-size: 2em;
    line-height: 0.9em;
    padding-top: 67px;
}

.progress.urgence .content {
    background: none !important;
}

.progress.urgence .content:hover {
    cursor: default;
}

/***********************/
/* LAME faq */
/***********************/
#faq h2 {
    margin-bottom: 30px;
}

#faq .ui-widget {
    margin: 0 200px;
    font-family: 'UniversLTStd-LightCn';
    color: #1d1d1b;
}

#faq .ui-accordion .ui-accordion-header {
    border: 0;
    border-bottom: 1px solid #ece9e4;
    border-radius: 0;
    background-color: transparent;
    background: none;
    font-size: 1.7em;
    text-align: left;
    font-weight: normal;
    padding: 18px 0 18px 40px;
    margin: 2px 0 0;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 0;
    margin-top: -9px;
    top: 50%;
    height: 19px;
    width: 19px;
}

.ui-state-default .ui-icon {
    background-image: none;
    background: url(../images/arrow-accordeon-close.png) no-repeat left top;
}

.ui-state-active .ui-icon {
    margin-top: -6px !important;
    background: url(../images/arrow-accordeon-open.png) no-repeat left top;
}

#faq .ui-accordion-header-active {
    color: #f38500;
    border-bottom: 0 !important;
}

#faq .ui-accordion-content {
    font-size: 1.35em;
    line-height: 1.4em;
    border: 0;
    text-align: left;
    padding: 5px 0 20px 40px;
    min-height: initial !important;
}

#faq .ui-widget-content {
    background: none;
    border: 0;
    border-bottom: 1px solid #ece9e4;
    color: #1d1d1b;
}

/**********************/
/* Page FAQ */
/***********************/
#page-faq #faq .ui-widget {
    margin: 0 0 30px 0;
}

#page-faq .left-menu {
    width: 27%;
}

#page-faq .col-faq {
    width: 73%;
}

/***********************/
/* LAME delegation */
/***********************/
.delegation {
    padding: 0 0 0 0;
    text-align: center;
}

.delegation h2 {
    margin-top: 25px;
}

.delegation.visuel {
    padding-top: 765px;
    padding-bottom: /*43px*/0;
}

.delegation .content {
    background-color: #fff;
    padding: 0 260px;
    font-family: 'UniversLTStd-LightCn';
}

.delegation .content > div {
    border-left: 1px solid #e5decf;
    margin-bottom: 20px;
    padding-left: 30px;
    min-height: 195px;
    text-align: left;
}

.delegation .content h3 {
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 2px;
}

.delegation .content p {
    font-size: 1.5em;
    line-height: 1.2em;
}

.delegation .content .col-1 p {
    font-size: 2em;
}

.menu_chapeau .lien-ext, .menu_chapeau .lien-ext:hover {
    color: #f38500;
    display: inline-block;
    font-size: 1.8em;
    padding: 0 20px 25px 33px;
    width: 100%;
    background: url(../images/Pictos/picto_vistez_site_2.svg) no-repeat 43% 5px / 20px;
}

.delegation .lien-ext, .delegation .lien-ext:hover {
    color: #f38500;
    display: inline-block;
    font-size: 1.8em;
    padding: 0 20px 25px 33px;
    background: url(../images/Pictos/picto_vistez_site_2.svg) no-repeat left 5px / 20px;
}

.lien-ext, .lien-ext:hover {
    padding:0 0px 25px 33px;
}
.delegation .content > div.lien-lame-delegation{
    clear:both;
    border-left: none;
    margin-bottom: 0;
    padding-left: 0;
    min-height: 0;
    text-align: center;
}
/***********************/
/* PAGES DON */
/***********************/
body.page-nous-soutenir-donner .header .menu-lang > ul {
    display: none;
}

.page-don .header {
    padding-top: 25px;
}

.page-don .chapeau h1 {
    font-size: 4.5em !important;
}

.page-don .formulaire-don {
    margin-bottom: 0;
}

.page-don .formulaire-don .description_chapeau {
    margin-left: 0;
    font-size: 2.3em;
    line-height: 1.2em;
    background-color: rgba(255, 255, 255, 0.9);
    color: #1d1d1b;
    font-family: "UniversLTStd-LightCn";
    padding: 30px;
    text-shadow: none;
    text-align: center;
}

/***********************/
/* DELEGATION */
/***********************/
body.page-delegation {
    background: url(../images/BG-page-delegation.jpg);
    background-color: #eeebe4;
}

body.page-delegation > div.container-global {
    max-width: 1200px;

}

body.page-delegation .header, body.landing-page .header, .page-donation .header {
    padding-top: 25px;
    background-color: #fff;
}

body.landing-page .header {
    height: auto;
}

body.page-delegation .header .logo img {
    margin: 0 0 22px 55px;
}

.page-donation .header .logo img {
    width: auto;
}

.header .logo img {
    width: 100%;
    max-width: 301px;
}

body.page-delegation .header .titre, body.landing-page .header .titre, page-donation .header .titre {
    font-size: 1.9em;
    font-family: 'UniversLTStd-LightCn';
    padding: 0 0 10px 0;
    margin-left: -10px;
}

body.landing-page .header .titre, .page-donation .header .titre {
    padding-left: 20px !important;
    margin-left: 0 !important;
}

body.landing-page .header .menu-lang > ul {
    display: none;
}

body.page-delegation .header .lang, body.landing-page .header .lang, .page-donation .header .lang {
    padding: 17px 0 0;
}

body.landing-page .header .lang {
    position: absolute;
    padding: 5px 0 0;
    right: 15px;
}

body.page-delegation .content {
    background-color: #fff;
    margin: 0;
}

body.page-delegation .twitter.content {
    margin: 0;
}

@media only screen and (min-width: 961px) {
    body.page-delegation .content {
        margin-top: 50px;
    }
}

/* footer */
.page-delegation .footer .infos {
    min-height: auto;
    padding: 50px 0 20px;
    background: none;
}

.page-delegation .footer .infos .ligne01 span {
    display: block;
}

.page-delegation .footer .newsletter form {
    margin: 0 130px 0 700px;
}


/***********************/
/* LAME partenaires */
/***********************/
.partenaires .carousel-partners {
    display: none;
}

.partenaires {
    text-align: center;
}

.partenaires h2 {
    margin-bottom: 60px;
}

.partenaires .partners {
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding-left: 10px;
    padding-right: 10px;
}

.partenaires .partners img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -o-transition: all .3s ease; /* IE 9 */
    -ms-transition: all .3s ease; /* Opera */
    transition: all .3s ease;

    filter: alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.partenaires .partners img:hover {
    filter: initial;
    -webkit-filter: initial;
}

.partenaires .partners:hover img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform: scale(1.20); /* Firefox */
    -ms-transform: scale(1.20); /* IE 9 */
    -o-transform: translateZ(0) scale(1.20); /* Opera */
    transform: translateZ(0) scale(1.20);

    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}

.popup-contenu-partenaire h1 {
    background-color: #f38500;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.3em;
    color: #ffffff;
    padding: 1%;
    margin-top: 0;
}

.popup-contenu-partenaire .mfp-close {
    margin-top: 1.4%;
}

.popup-contenu-partenaire .img_popup {
    float: left;
    width: 20%;
    display: inline-block;
}

.popup-contenu-partenaire .img_popup img {
    display: inline-block;
    width: 90%;
}

.popup-contenu-partenaire .txt_popup {
    float: left;
    width: 80%;
    display: inline-block;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
    vertical-align: middle;
}

.popup-contenu-partenaire .txt_popup span.title {
    display: block;
    font-weight: bold;
    margin-bottom: 1%;
}

.popup-contenu-partenaire .txt_popup span.paragraphe a {
    color: #f38500;
    font-weight: bold;
}

/***********************/
/* LAME Derniers Tweet */
/***********************/

.derniers_tweets {
    text-align: center;
}

.derniers_tweets .content {
    padding: 0 140px;
    width: 1300px;
    margin: 0 auto;
}

.page-delegation .derniers_tweets .content {
    padding: 0 100px;
    width: 1200px;
}

.derniers_tweets h2 {
    margin-bottom: 60px;
}

#page-urgence .derniers_tweets h2 {
    width: 1300px;
}

.derniers_tweets .tweets {
    display: inline-block;
    text-align: center;
}

.derniers_tweets .tweets .suivez_nous {
    background: url(../images/Pictos/Picto_twitter.svg) no-repeat center top;
    background-size: 90px 90px;
    padding-top: 100px;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.8em;
    color: #f38500;
    line-height: 1.2em;

}

.derniers_tweets .tweets .suivez_nous nav {
    display: inline-block !important;
    vertical-align: middle;
}

.derniers_tweets .tweets .bloc_twitter {
    display: inline-block;
    text-align: left;
    width: 100%;
}

.derniers_tweets .tweets .bloc_twitter .description_twitter {
    margin-top: 10px;
    color: #1d1d1b;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
}

.derniers_tweets .tweets .bloc_twitter .description_twitter a {
    color: #1d1d1b;
}

.derniers_tweets .tweets .bloc_twitter .description_twitter a:hover {
    color: #f38500;
}

.derniers_tweets .tweets .bloc_twitter .name_photo {
    float: left;
}

.derniers_tweets .tweets .bloc_twitter .name_photo .twitter-photo {
    float: left;
}

.derniers_tweets .tweets .bloc_twitter .name_photo .twitter-infos {
    float: left;
    margin-left: 8px;
    color: #1d1d1b;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
}

.twitter-author a, .twitter-screenname a {
    font-size: 1.25em;
    line-height: 1em;
}

.twitter-author a {
    font-weight: bold;
}

.twitter-screenname a {
    color: #999999 !important;
}

.derniers_tweets .tweets .bloc_twitter .name_photo .twitter-infos a {
    color: #1d1d1b;
}

.derniers_tweets .tweets .bloc_twitter .name_photo .twitter-infos a:hover {
    color: #1d1d1b;
}

.derniers_tweets .tweets .bloc_twitter .date {
    float: right;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
    color: #999999;
}

/***********************/
/* LAME Chapeau */
/***********************/

.chapeau {
    text-align: center;
    position: relative;
    min-height: 630px;
    max-height: 630px;
}

.chapeau_noimage {
    min-height: inherit;
}

.chapeau h1.h1_white {
    color: #FFFFFF;
    font-family: 'UniversLTStd-LightCn';
    padding-top: 2.5%;
    font-size: 3.5em;
}

.chapeau h1.h1_black {
    color: #000000;
    font-family: 'UniversLTStd-LightCn';
    padding-top: 2.5%;
    font-size: 3.5em;
}

.description_chapeau {
    color: #1d1d1b;
    text-shadow: none;
    font-family: 'UniversLTStd-LightCn';
    font-size: 2.2em;
    line-height: 1.1em;
    padding: 30px;
    position: relative;
}

#page-axe .description_chapeau {
    padding-top: 0;
}

.node-type-page-personne .description_chapeau {
    margin-bottom: 60px;
}

.description_chapeau.without-title {
    position: absolute;
    width: 58.5%;
    color: #000000;
    font-size: 2.2em;
    line-height: 1.1em;
    padding: 40px 60px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.chapeau .description_chapeau_noimage {
    position: relative;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #1d1d1b;
    text-shadow: none;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.8em;
    line-height: 1.1em;
    padding: 30px 30px 30px;
    left: 25%;
}

.chapeau_noimage .description_chapeau_noimage {
    position: relative;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #1d1d1b;
    text-shadow: none;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.8em;
    line-height: 1.1em;
    padding: 30px;
    left: 25%;
}

/***********************/
/* LAME Chiffres Clés */
/***********************/
.chiffres_cles {
    text-align: center;

}

.chiffres_cles .titre-et-cercle {
    min-height: inherit;
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    z-index: 1;
}

.chiffres_cles .top {
    margin-top: -236px;
}
#relations-media .chiffres_cles .top {
    margin-top: -100px;
}

.chiffres_cles .bottom {
    margin-bottom: -236px;
}

.lame1 .chiffres_cles .top,
.lame2 .chiffres_cles .top,
.lame3 .chiffres_cles .top,
.lame4 .chiffres_cles .top,
.lame5 .chiffres_cles .top,
.lame6 .chiffres_cles .top,
.lame7 .chiffres_cles .top,
.lame8 .chiffres_cles .top,
.lame9 .chiffres_cles .top,
.lame10 .chiffres_cles .top {
    margin-top: 0px;
}

/***********************/
/* LAME Medias */
/***********************/

.medias {
    text-align: center;
}

.medias .chapeau_media {
    text-align: center;
    position: relative;
}

.medias .chapeau_media .description_chapeau {
    position: absolute;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #1d1d1b;
    text-shadow: none;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.8em;
    line-height: 1.1em;
    padding: 30px;
    bottom: 7px;
    left: 25%;
}

.medias h1.h1_white {
    color: #FFFFFF;
    font-family: 'UniversLTStd-LightCn';
    padding-top: 2.5%;
    font-size: 3.5em;
}

.medias .video, .texte-riche-video {
    display: inline-block;
    width: 80%;
    margin: 0 auto;
}

.medias .video {
}

body.landing-page .formulaire-don {
    display: none;
}

@media only screen and (max-width: 450px) {
    body.landing-page .galerie-media .left.carousel-control,
    body.landing-page .galerie-media .right.carousel-control,
    body.landing-page .fancybox-nav {
        display: none;
    }

    body.landing-page .header .row, .page-donation .header .row {
        background-color: #fff;
    }

    body.landing-page .header .row .titre, .page-donation .header .row .titre {
        padding-left: 0 !important;
    }

    body.landing-page .header .row .titre, .page-donation .header .row .titre {
        padding-bottom: 0;
    }

    body.landing-page .header .row .titre h1, .page-donation .header .row .titre h1 {
        margin: 0;
    }

    body.landing-page .header  .row .titre h1 {
        margin-top: 25px;
    }

    body.landing-page .header .row .lang, .page-donation .header .row .lang {
        padding-bottom: 5px;
    }

    body.landing-page .content h2, .page-donation .content h2 {
        margin-top: 100px;
    }

    body.landing-page .medias .chapeau_media {
        min-height: 150px;
        background-size: cover !important;
    }
}

/***********************/
/* LAME Texte Riche */
/***********************/

.texte_riche {
    text-align: center;
}

.texte_riche .img > img {
    width: 165px !important;
    height: auto !important;
    margin-bottom: 20px;
    max-width: 100%;
}

.texte_riche a {
    color: #000;
}

.texte_riche h2 {
    margin-bottom: 60px;
}

.txt_rich_4cols .baseline {
    font-size: 1.85em;
}

.texte_riche .txt_rich_3cols, .texte_riche .txt_rich_1col, .texte_riche .txt_rich_2cols, .txt_rich_4cols {
    display: inline-block;
    font-family: 'UniversLTStd-LightCn';
    margin-bottom: 90px;
    width: 100%;
}

.texte_riche .txt_rich_3cols p, .texte_riche .txt_rich_2cols p, .txt_rich_4cols p {
    font-size: /*1.35em*/ 1.45em;
    line-height: 1.1em;
}

.nous-trouver .txt_rich_4cols {
    margin-bottom: 0;
}

.nous-trouver .txt_rich_4cols .localisation-maps {
    width:auto;
    max-width: 1200px;
}

.texte_riche .txt_rich_3cols .content, .texte_riche .txt_rich_1col .content, .texte_riche .txt_rich_2cols .content, .txt_rich_4cols .content {
    width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

.txt_rich_4cols .content {
    padding: 0;
}

.texte_riche .txt_rich_4cols h3 {
    min-height: 53px;
}

.txt_rich_4cols .content > .fluid_img {
    padding-left: 13px;
    padding-right: 13px;
}

.txt_rich_1col > p {
    margin-bottom: 42px !important;
    margin-left: 15%;
    margin-right: 15%;
}

.txt_rich_1col .content h3 {
    font-family: Univers-Condensed;
    font-size: 1.7em;
    font-weight: bold;
    margin: 0 0 15px 0;
    text-align: left;
}

.txt_rich_1col .content h3 + p {
    text-align: left !important;
    margin-bottom: 30px !important;
}

.texte_riche .txt_rich_3cols a, .texte_riche .txt_rich_4cols a {
    color: #f38500;
    font-weight: bold;
    font-size: 0.9em;
}

.texte_riche .txt_rich_3cols img, .texte_riche .txt_rich_3cols iframe {
    min-height: 175px;
    width: 100%;
}

.cadre_situation_personnelle {

    border-top: 4px solid #ee7f00;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    margin-top: 2%;
    padding-top: 2%;
}

.cadre_situation_personnelle .legende {
    margin-top: 4%;
    margin-bottom: 2%;
}

#checkContainer img {
    width: 90%;
}

.clearer {
    clear: both;
}

.cbCont {
    width: 5%;
    float: left;
}

.boxContainer {
    margin-top: 2%;
}

.boxContainer ul {

    list-style-type: none;
}

.boxContainer li {
    margin-bottom: 10px;
    text-align: left;
    font-size: 1.2em;
}

.boxContainer li div.indent {
    float: left;
    width: 90%;
}

.boxContainer .formSubmit {
    border: none;
    width: 159px;
    height: 31px;
    padding: 0px;
    background: #fff url(http://www.moribono.ch/extern/terredeshommes/pictures/bgFormSubmit.png) no-repeat;
    color: #fff;
    cursor: pointer;
    margin: 24px 0;
}

.texte_riche .txt_rich_2cols .title {
    border-bottom: 1px solid #e6ded0;
    margin-bottom: 3%;
    text-transform: uppercase;
}

.texte_riche .txt_rich_2cols .txt {
    text-align: left;
}

.texte_riche .txt_rich_2cols .items {
    margin-top: 40px;
    display: inline-block;
}

.texte_riche .txt_rich_2cols .img {
    vertical-align: middle;
    margin-top: 3.5%;
    width: 30%;
}

.texte_riche .txt_rich_2cols .txt span.titre {
    display: block;
    font-size: 1.45em;
    margin-bottom: 2%;
}

.texte_riche .txt_rich_2cols .txt span.paragraphe {
    display: block;
    font-size: 1.2em;
}

.texte_riche .txt_rich_2cols .line_historique span.date, .texte_riche .txt_rich_2cols .line_historique_noborder span.date {
    font-size: 1.8em;
    color: #f38500;
}

.texte_riche .txt_rich_2cols .line_historique {
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    width: 100%;
}

.texte_riche .txt_rich_2cols .line_historique_noborder {
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 15px;
    width: 100%;
}

/* 4 colonnes */
.txt_rich_4cols {

}

/* déclinaison page santé */
.texte_riche .txt_rich_2cols .line_historique.sante {
    text-align: left;
    margin-left: -15px;
    margin-right: -15px;
}

.texte_riche .txt_rich_2cols .line_historique.sante span.date {
    font-size: 2.3em;
    line-height: 1em;
    padding-left: 15px;
    display: block;
}

.texte_riche .txt_rich_2cols .line_historique.sante {
    margin-bottom: 30px;
    padding-bottom: 40px;
}

.texte_riche .txt_rich_2cols .line_historique.sante .txt {
    padding-right: 0;
}

.texte_riche .txt_rich_2cols .line_historique.sante .txt span.paragraphe {
    font-size: 1.6em;
    line-height: 1.2em;
    text-align: justify;
}

/* design ol li */
.color-1 {
    color: #f38500;
}

.color-2 {
    color: #1d1d1b;
}

.texte_riche ol {
    counter-reset: repas;
    font-size: 1.8em;
    margin: 0 auto;
    text-align: left;
    width: 74%;
}

.texte_riche ol li {
    list-style-type: none;
    counter-increment: repas;
    margin-bottom: 20px;
    line-height: 1.1em;
}

.texte_riche ol li:before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #333;
    border-radius: 69px;
    color: #333;
    content: counter(repas, decimal);
    float: left;
    font-size: 0.7em;
    font-weight: normal;
    height: 30px;
    margin-right: 20px;
    padding: 0 8px 1px 10px;
    vertical-align: top;
    width: 30px;
}

/***********************/
/* LAME Texte Riche Background */
/***********************/

.texte_riche_background {
    text-align: center;
    margin-top: -90px;
    background-image: url(../images/Texte_riche/bkgd_texte_riche.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100% 100%;
    /* height: 565px;
     max-height: 565px;*/
    min-height: 565px;
}

.texte_riche_background h2 {
    margin-bottom: 30px;
    padding-top: 40px;
}

.node-type-page-pays .texte_riche_background h2{
    padding-top: 14%;
}

.texte_riche_background p {
    display: inline-block;
    width: 60%;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.3em;
}

/***********************/
/* LAME Texte Riche Simple */
/***********************/

.texte_riche_simple {
    text-align: center;
}

.texte_riche_simple ul {
    text-align: left;
    margin: 0 auto;
    width: 50%;
}

.texte_riche_simple h3 {
    font-size: 1.8em;
    font-family: 'UniversLTStd-LightCn';
    margin-bottom: 30px;
    text-align: center;
    color: #1d1d1b;
}

.texte_riche_simple p {
    display: inline-block;
    width: 60%;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.3em;
}

/***********************/
/* LAME Contact 1 personne */
/***********************/

.contact_1pers {
    text-align: center;
    background-color: #f7f4ef;
    padding-top: 3%;
    padding-bottom: 3%;
}

.contact_1pers h2 {
    margin-bottom: 60px;
}

.contact_1pers .content {
    padding: 0 260px;
}

.contact_1pers .description_contact {
    text-align: left;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.8em;
}

.contact_1pers .signature_contact {
    text-align: left;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.4em;
    margin-top: 2%;
}

.contact_1pers .contenu_contact {
    margin-top: 3%;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.65em;
}

.contact_1pers .contenu_contact .num_phone {
    font-size: 1.7em;
}

.contact_1pers .form-toggle {
    display: inline-block;
    background-color: #f38500;
    border-radius: 4px;
    color: #fff;
    font-size: 0.9em;
    padding: 5px 25px;
    text-transform: uppercase;
    margin-top: 2%;
}

/* Par defaut le formulaire est masqué, un bouton permet de le révéler */
.contact_1pers .form-toggle ~ .nous-contacter {
    display: none;
}

/***********************/
/* LAME Contact 2 personnes */
/***********************/

.contact_2pers {
    text-align: center;
    background-color: #f7f4ef;
    padding-top: 3%;
    padding-bottom: 3%;
}

.contact_2pers h2 {
    margin-bottom: 60px;
}

.contact_2pers .content {
    padding: 0 260px;
}

.contact_2pers .contenu_contact {
    margin-top: 3%;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.65em;
}

.contact_2pers .contenu_contact a {
    display: inline-block;
    background-color: #f38500;
    border-radius: 4px;
    color: #fff;
    font-size: 0.9em;
    padding: 5px 25px;
    text-transform: uppercase;
    margin-top: 2%;
}

.contact_2pers .signature_contact {
    text-align: center;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.4em;
    margin-top: 2%;
}

.contact_2pers .signature_contact .num_phone {
    font-size: 1.7em;
    display: block;
}

/***********************/
/* LAME Google Map */
/***********************/

.feinte_map {
    height: 340px;
    min-height: 340px;
}

.gmnoprint.gm-bundled-control .gm-svpc{
    display: none;
}

#map, .tdh-map {
    width: 100%;
    height: 600px;
    background: transparent no-repeat 0 0 !important;
}

.tdh-map #legend {
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 1px solid #f38400;
}

.tdh-map #legend div {
    text-align: left;
}

.node-type-page-benevoles .tdh-map{
    height: 600px;
}

.lame-pays-intervention .tdh-map{
    height: 600px;
    /*z-index: 999;*/
}

.tdh_google_map {
    text-align: center;
    /*background-image:url(../images/Map/bkgd_google_map.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:100% 100%;
	min-height:1260px;*/
    position: relative;
}

.tdh_google_map .header_map {
    position: absolute;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.9);
    top: 0;
    width: 100%;
    text-align: center;
}

.tdh_google_map .header_map .description_map {
    display: inline-block;
    width: 64%;
    font-family: 'UniversLTStd-LightCn';
    font-size: 2em;
    color: #1d1d1b;
    margin-bottom: 40px;
}

.tdh_google_map .header_map .btn_map {
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.tdh_google_map .header_map .btn_map .btn01 {
    display: inline-block;
}

.tdh_google_map .header_map .btn_map .btn02 {
    border-left: 2px solid #f2efeb;
    display: inline-block;
    margin-left: 15px;
    padding: 10px 0 10px 18px;
}

.tdh_google_map .header_map .btn_map02 {
    margin-bottom: 40px;
    display: inline-block;
    width: 60%;
    text-align: center;
}

.tdh_google_map .header_map .btn_map02 a {
    background-color: #f7f4ef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    text-transform: uppercase;
    color: #1d1d1b;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
}

.tdh_google_map .header_map .btn_map02 a.type02 {
    background-color: #f7f4ef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
    text-transform: uppercase;
    color: #1d1d1b;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
}

.tdh_google_map .header_map .btn_map02 a:hover {
    background-color: #f38500;
    color: #ffffff;
}

.tdh_google_map .header_map .btn_map02 a.type02:hover {
    background-color: #ef3e08;
    color: #ffffff;

}

.map-wrapper {
    background-image: url(../images/Map/bkgd_google_map.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100% 100%;
}

.afficher_une_thematique {
    /*display:inline-block;*/
    display: none;
    width: 65%;
    background-color: #ffffff;
    border-color: #f7f4ef #f7f4ef #f38500;
    border-style: solid;
    border-width: 1px 1px 2px;
    padding-bottom: 1.5%;
    padding-top: 8px;
    text-align: left;
    margin-top: -10px;
}

.afficher_une_thematique h3 {
    font-family: 'UniversLTStd-LightCn';
    text-align: left;
    border-bottom: 1px solid #ece9e4;
    padding-bottom: 5%;
    height: 70px;
}

.afficher_une_thematique a {
    color: #1d1d1b;
    display: block;
    font-family: "UniversLTStd-LightCn";
    min-height: 34px;
    padding-left: 30px;
    padding-top: 8px;
    text-align: left;
    vertical-align: middle;
    font-size: 1.3em;
}

.afficher_une_thematique a:hover {
    color: #f38500;
}

.tdh-map .pays-intervention-info-bulle .content_popup .progress .content {
    height: 190px;
}

.tdh-map .pays-intervention-info-bulle .content_popup .progress .content .chiffre {
}

.tdh-map .pays-intervention-info-bulle .content_popup .progress .content .text {
    font-size: 0.5em;
}

.tdh-map .pays-intervention-info-bulle .content_popup .progress .content:hover {
    height: 210px;
}

.tdh-map .pays-intervention-info-bulle .content_popup .progress .content.twitter:hover {
    background: url(../images/Pictos/Picto_twitter_cercle_hover.svg) no-repeat center bottom / 120px;
}

.tdh-map .pays-intervention-info-bulle .content_popup .progress .content:hover .engager {
    font-size: 0.8em;
    text-align: center;
}

.tdh-map .pays-intervention-info-bulle .content_popup .progress .content .chiffre {
    font-size: 1.5em;
}

/*Popup*/
.pays-intervention-info-bulle {
    margin-top: 16px;
    display: inline-block;
    margin-bottom: 8px;
    min-width: 654px;
    min-height: 285px;
}

.pays-intervention-info-bulle .img_popup {
    display: inline-block;
    float: left;
    width: 295px;
    /*max-width:295px;*/
    overflow: hidden;
}

.pays-intervention-info-bulle .content_popup {
    display: inline-block;
    float: left;
    width: 50%;
}

.pays-intervention-info-bulle .content_popup .progress {
    width: 220px;
    height: 220px;
    position: absolute;
    left: 28%;
    top: 15%;

}

.pays-intervention-info-bulle .content_popup .progress:hover {
    background-color: #f38500;
    color: #ffffff;
    height: 220px;
}

.pays-intervention-info-bulle .content_popup .progress .content {
    width: 220px;
    height: 175px;

}

.pays-intervention-info-bulle .content_popup .progress .content.twitter {
    background: url(../images/Pictos/Picto_twitter_cercle.svg) no-repeat center bottom / 50px;
}

.pays-intervention-info-bulle .content_popup .progress .content.star {
    background: url(../images/Pictos/Picto_etoile.svg) no-repeat center bottom / 32px;

}

.pays-intervention-info-bulle .content_popup .progress .content .chiffre {
    font-family: 'Univers-Condensedbold','tdh_cityburnregular','Arial Black';
    font-size: 2em;
    display: block;
    margin-top: 4px;
    min-height: 53px;
    text-align: center;
}

.pays-intervention-info-bulle .content_popup .progress .content .text {
    font-family: 'UniversLTStd-LightCn';
    font-size: 0.8em;
    line-height: 1em;
    display: block;
    padding: 0 0px;
    text-align: center;
}

/* hover */
.pays-intervention-info-bulle .content_popup .progress .content:hover {
    background-color: #f38500;
    color: #fff;
    height: 184px;
}

.pays-intervention-info-bulle .content_popup .progress .content.twitter:hover {
    background: url(../images/Pictos/Picto_twitter_cercle_hover.svg) no-repeat center bottom / 150px;
    background-color: #f38500;
}

.pays-intervention-info-bulle .content_popup .progress .content.star:hover {
    background: url(../images/Pictos/Picto_etoile_hover.svg) no-repeat center bottom / 32px;
    background-color: #f38500;

}

.pays-intervention-info-bulle .content_popup .progress .content:hover .text, .pays-intervention-info-bulle .content_popup .progress .content:hover .chiffre {
    display: none;
}

.pays-intervention-info-bulle .content_popup .progress .content:hover .engager {
    display: block;
    font-size: 1.5em;
}

.pays-intervention-info-bulle .content_popup img {
    width: 8%;
    float: left;
    display: inline-block;
    margin-left: 40%;
}

.pays-intervention-info-bulle .content_popup h1 {
    float: left;
    display: inline-block;
    margin-top: 0px;
    font-family: 'UniversLTStd-LightCn';
    color: #f38500;
    font-size: 1.5em;
    padding-left: 10px;
}

.pays-intervention-info-bulle .content_popup p {
    display: block;
    clear: both;
    margin-left: 40%;
    text-align: left;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.1em;
}

.pays-intervention-info-bulle .content_popup a {
    text-align: right;
    color: #1d1d1b;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.6em;
    display: inline-block;
    width: 100%;
    margin-top: 4px;
}

.pays-intervention-info-bulle .content_popup a:hover {
    color: #f38500;
}

/***********************/
/* ELEMENTS Autres thématiques liées */
/***********************/
.autres_thematiques_liees {
    text-align: center;
}

.autres_thematiques_liees h2 {
    margin-bottom: 60px;
}

.autres_thematiques_liees .thematique a, .autres .thematique a {
    display: inline-block;

    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.1em;
    cursor: pointer;
    text-align: left;
    color: #1d1d1b;

    background-repeat: no-repeat !important;
    background-size: 25px !important;
    background-position: 10px center !important;
    padding-left: 45px;
    margin-top: 5px;
    margin-right: 5px;
    background-color: #f7f4ef !important;

}

.autres_thematiques_liees .thematique a:hover {
    background-color: #f38500 !important;
    color: #ffffff;
}

/***********************/
/* LAME En Savoir plus */
/***********************/
.en_savoir_plus {
    text-align: center;
}

.en_savoir_plus h2 {
    margin-bottom: 80px;
}

.en_savoir_plus .bloc_en_savoir_plus {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.en_savoir_plus .bloc_en_savoir_plus img {
    width: 60px;
    display: inline-block;
}

.en_savoir_plus .bloc_en_savoir_plus span {
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
    display: block;
    margin-top: 3%;

}

/* Carousel RWD */
.en_savoir_plus.rwd-display h2, .projet-petit.rwd-display h2 {
    margin-bottom: 20px;
}

.rwd-display .carousel-inner .item {
    min-height: 120px;
}

.rwd-display .carousel-control.left {
    left: 0;
    right: auto;
}

.rwd-display .carousel-control.right {
    left: auto;
    right: 0;
}

.rwd-display .carousel-control .glyphicon-chevron-left,
.rwd-display .carousel-control .glyphicon-chevron-right {
    top: 20%;
}

.rwd-display .carousel-control.left:hover .glyphicon-chevron-left,
.rwd-display .carousel-control.right:hover .glyphicon-chevron-right {
    width: 50px;
    height: 50px;
}

.galerie-lame a.carousel-control {
    width: calc(15% - 12px);
}

.node-type-actualite .ACTU-content + section .lame-galerie {
    margin-top: -80px;
    margin-bottom: 60px;
}


/***********************/
/* ELEMENTS Voir un autre pays */
/***********************/

.voir_un_autre_pays {
    text-align: center;
    padding-top: 15%;
    background-image: url(../images/Voir_un_autre_pays/map.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    height: 560px;
}

.selection_pays {
    /*display:inline-block;*/
    display: none;
    width: 60%;
    background-color: #ffffff;
    border-color: #f7f4ef #f7f4ef #f38500;
    border-style: solid;
    border-width: 1px 1px 2px;
    padding-bottom: 1.5%;
    padding-top: 8px;
    margin-top: -10px;
}

.liste_carte_gb, .selection_pays.liste_autre_pays {
    margin-top: 0px !important;

}

.selection_pays .continent-pays {
    padding-top: 30px;
}

.selection_pays .col-custom-3 {
    width: calc(100% / 3);
    float: left;
}

.selection_pays .col-custom-4 {
    width: calc(100% / 4);
    float: left;
}

.selection_pays .col-custom-5 {
    width: calc(100% / 5);
    float: left;
}

.selection_pays .col-custom-6 {
    width: calc(100% / 6);
    float: left;
}

.selection_pays .liste_pays {
    padding-left: 3%;
    padding-top: 20px;
}

.selection_pays .liste_pays span {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.3em;
    color: #1d1d1b;
    text-transform: uppercase;
    margin-top: 3%;
}

.selection_pays .bordure {
    border-left: 1px solid #f7f4ef;
}

.selection_pays .liste_pays a {
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.3em;
    color: #1d1d1b;
    margin-top: 3%;
}

.selection_pays .liste_pays a:hover {
    color: #f38500;
}

@media only screen and (max-width: 400px) {

}


/***********************/
/* LAME Chapeau grande image */
/***********************/

.chapeau_grande_image {
    text-align: center;
    position: relative;
    min-height: 630px;
    height: 630px;
    max-height: 630px;
}

.chapeau_grande_image h1.h1_white {
    color: #FFFFFF;
    font-family: 'UniversLTStd-LightCn';
    padding-top: 100px;
    font-size: /*3.5em*/ 7em;
}

.chapeau_grande_image h1.h1_white span, .chapeau_grande_image h1.h1_black span {
    display: block;
    font-size: 0.65em;
    line-height: 1em;
}

.chapeau_grande_image h1.h1_black {
    color: #000000;
    font-family: 'UniversLTStd-LightCn';
    padding-top: 2.5%;
    font-size: 3.5em;
}

.chapeau_grande_image .description_chapeau {
    display: inline-block;
    position: relative;
    width: 58.5%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000;
    text-shadow: none;
    font-family: 'UniversLTStd-LightCn';
    font-size: 2.2em;
    line-height: 1.1em;
    padding: 40px 60px;
    margin-top: /*432px*/ 27%;
    min-height: 265px;
}
.chapeau_grande_image .description_chapeau {
    /*max-height: 265px;*/
    overflow-y: hidden;
}
.opacite .menu_chapeau {
    opacity: 0.9;
    z-index: 500;
}

.menu_chapeau {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 4px 0;
    border-bottom: 2px solid #F38500;
}
.menu_chapeau .links_pays {
    display: inline-block;
    width: 200px;
    text-align: right;
}
.menu_chapeau .links_pays div {
    max-width: 45%;
    margin-left: 0px !important;
    min-width: 45%;
    padding: 0px !important;
}
.menu_chapeau .links_pdf:hover {
    line-height: 17px;
}
.menu_chapeau .links_pdf:hover a {
    display: block;
    background-size: 22px 28px;
    background-position: right top;
}
.menu_chapeau .links_pdf:hover img {
    display: none;
}
.menu_chapeau .links_pays div img {
    margin: 0px !important;
}
.menu_chapeau .external_links:hover img {
    display: none;
}
.menu_chapeau .external_links:hover {
    line-height: 17px;
}
.menu_chapeau .external_links:hover a {
    display: inline-block;
    background-size: 34px 29px;
    background-position: right top;
}
.menu_chapeau:hover .view-archive-revues-de-presse .ACTU-content {
    margin-left: 0;
    padding-left: 16px;
}

.menu_chapeau ul {
    margin-top: 15px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0px;
}

.menu_chapeau ul li {
    float: left;
    list-style: none;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.5em;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
}

.menu_chapeau ul li a {
    color: #1d1d1b;
}

.menu_chapeau ul li a:hover,
.menu_chapeau ul li a.active {
    color: #f38500;
}

.menu_chapeau .links_pdf, .menu_chapeau .external_links {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
}

.menu_chapeau .links_pdf {
    margin-left: 80px;
    margin-top: 3px;
}

.menu_chapeau .links_pdf a, .menu_chapeau .external_links a {
    text-transform: none;
    /*background-image:url(../images/Chapeau/btn_pdf_normal.png);*/
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    padding-right: 30px;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.3em;
    background-image: url("../images/Chapeau/btn_pdf_hover.png");
    color: /*#1d1d1b*/ #f38500;
    padding-top: 2px;
}

.menu_chapeau .external_links a {
    background-image: url(../images/Chapeau/external_links_hover.png) !important;
    padding-right: 40px !important;
    padding:10px 0;
}

.links_pdf {
    min-width: 107px;
}

.links_pdf > img {
    float: right;
}

/*.menu_chapeau:hover .links_pdf > img, .menu_chapeau:hover .external_links > img {
    display:none;
}*/

.links_pdf a, .external_links a {
    display: none;
}

.menu_chapeau:hover {
    cursor: pointer;
}
/*.menu_chapeau:hover .links_pdf a, .menu_chapeau:hover .external_links a {
	display:inline-block;
}*/

.menu_chapeau .links_pdf a:hover {
    background-image: url(../images/Chapeau/btn_pdf_hover.png);
    color: #f38500;
}

.menu_chapeau .external_links a:hover {
    background-image: url(../images/Chapeau/external_links_hover.png);
    color: #f38500;
}

.menu_chapeau .external_links {
    padding-left: 21px;
    width:141px;
}

.menu_chapeau .external_links img {
    width: /*65%*/34px;
    margin-left: 17px;
    text-align:right;
    float:right;
}


/***********************/
/* Actu */
/***********************/

.ui-multiselect-menu {
    border-radius: 0;
    background-color: #ffffff;
    border-color: #f7f4ef #f7f4ef #f38500;
    border-style: solid;
    border-width: 1px 1px 2px;
    padding: 0;
}

.ui-multiselect-menu .ui-widget-header{
    border-radius: 0;
    border: 0;
    background: #F1F1F1;
    padding: 10px;
}

.ui-multiselect-menu .ui-widget-header a{
    color: #f38500;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.1em;
    padding-left: 5px;
}

.ui-multiselect-menu ul.ui-multiselect-checkboxes {
    padding-top: 10px;
}


.ui-multiselect-menu ul.ui-multiselect-checkboxes li label {
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
    color: #1d1d1b;
    border: 0;
    padding-left: 20px;
}

.ui-multiselect-menu ul.ui-multiselect-checkboxes li label:hover {
    font-size: 1.2em;
    color: #f38500;
    border:0;
}
.search .form-item.form-type-textfield.form-item-keys {
    display: inline-block;
}

/***********************/
/* LAME S'engager */
/***********************/

.sengager {
    text-align: center;
}

.sengager .white_filter {
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

.sengager h2 {
    font-size: 4.6em;
    font-family: 'UniversLTStd-LightCn';
    margin-bottom: 20px;
    text-align: center;
    color: #1d1d1b;
}

@media only screen and (max-width: 559px) {

    .sengager h2 {
        font-size: 3em;
    }
}

.sengager .bloc_sengager h3 {
    font-family: 'UniversLTStd-LightCn';
    color: #1d1d1b;
    font-size: /*2em*/ 1.9em;
    min-height: 62px;
}
.sengager .bloc_sengager{
    margin: 0 -2px;
    height: 455px;
}

.sengager .baseline {
    font-family: 'UniversLTStd-LightCn';
    text-align: center;
    color: #1d1d1b;
    font-size: 1.6em;
    width: 100%;
    margin-bottom: 10px;
    color: #1d1d1b;
}

.sengager .bloc_sengager, .evenements .bloc_evenement, .bloc-revue-presse, .temoignages .bloc_sengager {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.sengager .bloc_sengager p {
    color: #1d1d1b;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.15em;
    /*margin-bottom: 30px;*/
    margin-top: 10px;
    width: 100%;
    min-height: 90px;
}

.sengager .bloc_sengager a {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
}

.engager_lien{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f38500;
}

/***********************/
/*** Lame Bloc ***/
/***********************/
.lame-bloc .txt_rich_3cols p, .lame-bloc .txt_rich_4cols p{
    text-align: left;
    max-height: 90px;
    overflow: hidden;
}
.lame-bloc .txt_rich_3cols p.sans-titre, .lame-bloc .txt_rich_4cols p.sans-titre{
    margin-top:20px;
}
.lame-bloc .txt_rich_4cols .baseline, .lame-bloc .txt_rich_3cols .baseline{
    font-size: 1.4em;
}
.lame-bloc .txt_rich_4cols .baseline.titre-apres, .lame-bloc .txt_rich_3cols .baseline.titre-apres{
    margin-bottom:20px;
}
.lame-bloc h3:hover,
.lame-bloc h3 a:hover{
    color: #f38500 !important;
}
.lame-bloc h3.titre-avant{
    color: #333333;
    font-weight: normal;
}
/* Media contact pictures */
@media (min-width: 768px) {
    #relations-media .lame-bloc.lame-bloc-nid-1582 .txt_rich_3cols h3,
    #relations-media .lame-bloc.lame-bloc-nid-19352 .txt_rich_3cols h3,
    #relations-media .lame-bloc.lame-bloc-nid-19351 .txt_rich_3cols h3,
    #relations-media .lame-bloc.lame-bloc-nid-1582 .txt_rich_3cols p,
    #relations-media .lame-bloc.lame-bloc-nid-19352 .txt_rich_3cols p,
    #relations-media .lame-bloc.lame-bloc-nid-19351 .txt_rich_3cols p{
        text-align: center;
    }
    .lame-bloc.lame-bloc-nid-1582 .fluid_img img,
    .lame-bloc.lame-bloc-nid-19352 .fluid_img img,
    .lame-bloc.lame-bloc-nid-19351 .fluid_img img {
        width: 50%;
    }
}
@supports (-webkit-appearance:none) {
  .lame-bloc.lame-bloc-nid-1582 .fluid_img img,
  .lame-bloc.lame-bloc-nid-19352 .fluid_img img,
  .lame-bloc.lame-bloc-nid-19351 .fluid_img img {
    max-width: 372px;
  }
}
.lame-bloc.lame-bloc-nid-1582 .fluid_img img,
.lame-bloc.lame-bloc-nid-19352 .fluid_img img,
.lame-bloc.lame-bloc-nid-19351 .fluid_img img {
  max-width: fit-content;
}
.titre-apres{
    font-size: 1.8em !important;
    line-height: 1.2em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 72px !important;
    width: 80%;
    text-align: center;
}

.lame-bloc .lien-display{
    display: inline-block !important;
    text-align: center !important;
    padding: 5px;
    min-width: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f38500;
    border-radius: 3px;
    color: #fff !important;
}

.lame-bloc h3{
    color: #333 !important;
    font-size: 24px !important;
    font-weight: normal !important;
}

.lame-bloc h3 a{
    font-size: 1em !important;
}


/***********************/
/*** Lame FAQ ***/
/***********************/
#faq a{
    color: #f38500;
    font-size:1em;
    font-weight: normal;
    font-family: "UniversLTStd-LightCn";
}
#faq .voir-plus{
    margin: 20px auto;
    text-align:center;
}

/***********************/
/* Layer blanc boutons sélection pays/thématique */
/***********************/
.opacite_orange {
    background-color: rgba(243, 133, 0, 0.5) !important;
}

#fancybox-thumbs ul li img {
    opacity: 1 !important;
}

.rwd-display .carousel-control .glyphicon-chevron-left, .rwd-display .carousel-control .glyphicon-chevron-right {
    top: 45%;
}
.carousel-inner img {
    margin: auto;
}

#medias-details-galerie .affiche.rwd-display {
    min-height: auto;
}

.affiche.rwd-display {
    margin-bottom: 0px;
}

.affiche.rwd-display .galerie-description {
    font-size: 1.2em;
}
.form-item.form-type-textfield.form-item-keys {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
}

/** Formulaire contact **/
.nous-contacter .form-item-civilite, .nous-contacter .form-item-newsletter {
    display: inline;
}

.nous-contacter h2 {
    display: none;
}

/***************** Ancre *******************/
#documents, #projet-petit, #actualite, #job,
#blocs, #chiffres, #delegation, #tweet, #galerie,
#intervention, #mur, #engager, #temoignage, #partenaires, .ancre{
    position: absolute;
    margin-top: -150px;
}

/*************** Partenaire ****************/
.pop-partenaires.popup-contenu-partenaire h1{
    background-color: #000000;
}
.pop-partenaires .mfp-close{
    color:#FFFFFF !important;
}

/***********************/
/*** Archive article ***/
/***********************/
.view-archive-prise-de-position .ACTU-content, .view-archive-prise-de-position .lien-back,
.view-archive-communiques .ACTU-content, .view-archive-communiques .lien-back,
.view-archive-revues-de-presse .ACTU-content, .view-archive-revues-de-presse .lien-back {
    margin-left:0;
}


/***********************/
/*** Lame texte riche ***/
/***********************/
.lame_text_riche a, .lame_text_riche a:hover{
    color: #f38500;
}

.lame_text_riche .kit-media a, .lame_text_riche .kit-media a:hover{
    color: #fff;
}
.rtecenter iframe {
    display: block;
    margin: auto;
}
.texte_riche .texte-riche-video h2 {
    margin-bottom: 10px;
}
.texte_riche .texte-riche-video p {
    margin-bottom: 40px;
}
.texte_riche .rteright{
    text-align: right;
}
.texte_riche .rtecenter{
    text-align: center;
}
.texte_riche .rteleft, .texte_riche .align-left p{
    text-align: left;
}


/***********************/
/* LAME Evenement */
/***********************/
.evenements {
    text-align: center;
}

.evenements > .row {
    margin: 0;
}

.evenements h2 {
    margin-bottom: 10px;
}

.evenements .lien, .jobs .lien, .actualites .lien, .pager-load-more a, .view-id-evenements .lien {
    color: #f38500;
    display: inline-block;
    font-size: 1.8em;
    font-family: 'UniversLTStd-LightCn';
}

.pager-load-more {
    margin: 0;
}

.pager li > a, .pager li > span {
    border: none;
}

.pager li > a:hover, .pager li > a:focus {
    background: none;
}

.bloc_evenement {
    border: 1px solid #e5dece;
    min-height: 213px;
    margin: 41px 8px 0;
    text-align: right;
    position: relative;
    padding: 25px 10px 30px 27px !important;
    font-family: 'UniversLTStd-LightCn';
    width: 280px;
    display: inline-block;
    vertical-align: top;
    background-position: 205px 20px !important;
}

.bloc_evenement .lien{
    cursor: pointer;
}

.bloc_evenement span, .bloc_evenement h3 {
    text-align: left;
    margin-top: 0;
}

.bloc_evenement a.lien {
    bottom: 15px;
    font-size: 1.3em;
    position: absolute;
    right: 32px;
    cursor: pointer;
}

.bloc_evenement .date-chiffre, .bloc_evenement .date-mois {
    display: block;
    padding-right: 60px;
}

.bloc_evenement .date-chiffre {
    font-size: 3.5em;
    line-height: 0.8em;
}

.bloc_evenement .date-mois {
    font-size: 1.5em;

}

.bloc_evenement .titre {
    display: block;
    margin-bottom: 7px;
    margin-top: 7px;
    font-size: 1.7em;
}

.bloc_evenement h3 {
    font-size: 1.35em;
    line-height: 1.2em;
    height:60px;

}

.bloc_evenement h3 a {
    color: #333 !important;
}

/***********************/
/* LAME Formulaire de don */
/***********************/
.amount {
    font-size: 1.8em !important;
}

.form-don {
    margin-top: -2px !important;
    margin-bottom: 90px !important;
}
.form-don {
    margin: 0 8%;
}

.form-don h1 {
    font-family: "UniversLTStd-LightCn";
    color: #1d1d1b;
    font-size: 4.6em;
    margin-bottom: 40px;
    text-align: center;
}

.form-don form {
    margin: 0;
}
.field-error,
.actualite form .form-control.field-error,
.footer .newsletter form .form-group .field-error {
    border: red 1px solid;
}
.footer .newsletter form .form-group .field-error {
    color: red;
}
.form-item.form-type-textfield.form-item-montant-unique {
    border: medium none;
    border-radius: 3px;
    margin-left: 8%;
    min-height: 35px;
    width: 65%;
    display:inline-block;
}
.form-item.form-type-checkbox.form-item-newsletter {
    width: 13px;
    display: inline-block;
}
.form-item.form-type-checkbox.form-item-disclaimer {
    width: 13px;
    display: inline-block;
}

.form-don .ui-accordion .ui-accordion-header {
    font-size: 1.8em;
    padding: 15px 0.5em 0.5em 76px;
    font-weight: normal;
    min-height: 62px;
    border-radius: 0;
    border: 0 none;
    font-family: "UniversLTStd-LightCn";
    color: #1d1d1b;
}

.form-don .ui-accordion .ui-accordion-header.done {
    background-color: #f48500;
    color: #fff;
}

.form-don .ui-state-default, .form-don .ui-widget-content .ui-state-default, .form-don .ui-widget-header .ui-state-default {
    background: none;
    background-color: #f7f4ef;
}

.form-don .ui-state-active, .form-don .ui-widget-content .ui-state-active, .form-don .ui-widget-header .ui-state-active,
.form-don .ui-state-hover {
    background: none;
    background-color: #f48500;
    color: #FFF !important;
}

.form-don .ui-widget-content {
    background: none;
    border: 0;
    color: #1d1d1b;
    font-family: "UniversLTStd-LightCn";
    height: auto !important;
}

.form-don .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    height: 19px;
    left: 35px;
    margin-top: -9px;
    top: 50%;
    width: 19px;
}

.form-don .ui-state-active .ui-icon, .form-don .ui-state-active.ui-state-hover .ui-icon {
    background: url("../images/arrow-accordeon-h3-close.png") no-repeat scroll left top;
    margin-top: -8px !important;
}

.form-don .ui-state-hover .ui-icon, .form-don .ui-accordion .ui-accordion-header.done .ui-icon {
    background: url("../images/arrow-close-sticky.png") no-repeat scroll left top;
}

.form-don .etape {
    font-size: 0.75em;
    position: absolute;
    right: 22px;
    top: 24px;
}

.form-don .ui-accordion .ui-accordion-header.done .etape {
    display: none;
}

.form-don .ui-accordion .ui-accordion-header.done .etape-ok {
    display: block;
    position: absolute;
    right: 22px;
    top: 10px;
    width: 45px;
    height: 34px;
    background: url(../images/etape-ok.png) no-repeat center top;
}

.form-don .garanties {
    width: 100%;
    margin-bottom: 0;
    border-top: 1px solid #f7f4ef;
    padding-top: 2%;
}

.choix-button.active, .choix-button-02.active {
    color: #1d1d1b;
}

.choix-button, .choix-button-02 {
    background-color: #f7f4ef;
    border-radius: 3px;
    color: #b7b1a5;
    display: inline-block;
    font-family: "UniversLTStd-LightCn" !important;
    font-size: 1.8em !important;
    line-height: 0.7em;
    margin-bottom: 18px;
    padding: 4px 12px 3px 12px;
    text-align: center;
    text-decoration: none;
    border: 0 none;
    width: 100%;
    min-height: 64px;
}

.montant-unique {
    padding-top: 19px;
}

.montant-mensuel {
    padding-top: 10px;
}

#MontantUrgence4 {
    cursor: pointer;
}

#MontantUrgence4 span {
    display: inline-block;
    margin-top: 21px;
}

.choix-button span {
    font-size: 0.6em;
}

.choix-button span.detail_achat {
    display: inline-block;
    width: 100%;
    font-size: 0.5em !important;
}

.choix-button .form-item-vente-produits-select {
    display: inline-block;
    width: 45%;
    margin-top: 15px;
}

.choix-button .form-item-vente-produits-select #VenteProduitsSelect {
    font-size: 0.7em !important;
    height: 30px;
    max-height: 30px;
    margin-left: 5px;
}

.choix-button-02 {
    padding: 10px 0 !important;
    min-height: auto;
}

.correction-padding-right {
    padding-right: 0;
}

.correction-padding-left {
    padding-left: 0;
}

.correction-padding {
    padding: 0 !important;
}

.choix-button .special-input {
    border: medium none;
    border-radius: 3px;
    margin-left: 0%;
    min-height: 35px;
    width: 50%;
    display: inline-block;
    font-family: "UniversLTStd-LightCn";
}

.margin-next {
    margin-top: 8%;
    padding-bottom: 5%;
}

/* PAIEMENT */

.payement .nav li.nbr-items-5 {
    width: 20%;
}

.payement .nav li.nbr-items-4 {
    width: 25%;
}

.payement .nav li.nbr-items-3 {
    width: 33.33%;
}

.payement .nav {
    margin-top: 2px;
}

.payement .nav-tabs > li.active > a, .payement .nav-tabs > li.active > a:hover, .payement .nav-tabs > li.active > a:focus, .payement .nav-tabs > li > a, .payement .nav-tabs > li > a:hover, .payement .nav-tabs > li > a:focus {
    border: none;
    background-color: #f7f4ef !important;
    color: #1d1d1b !important;
    cursor: default;
    text-align: center;
    text-transform: uppercase;
    color: #1d1d1b;
    padding: 19px 0;
    min-height: 65px;
}

.payement .nav-tabs {
    position: relative;
}

.payement .nav-tabs > li.active > a > span {
    position: absolute;
    bottom: -14px;
    left: 45%;
    width: 28px;
    height: 14px;
}

.payement .nav-tabs > li > a, .payement .nav-tabs > li > a:hover {
    color: #b7b1a5 !important;
}

.payement .nav-tabs img {
    margin-right: 10px;
    margin-top: -4px;
}

.payement ul {
    border: none;
}

#CreditCarte, #PostFinance, #PayPal, #BulletinVersement, #LSV {
    padding: 5% 0;
}

.payement .BLOC-info-paiement img {
    margin-right: 25px;
}

.payement .BLOC-info-paiement p {
    padding-left: 50px;
}

.payement .BLOC-info-paiement h2 {
    margin-bottom: 20px;
    margin-top: 0;
}

.payement .correction-margin-top {
    margin-top: 30px;
}

.tooltip-information, .tooltip-information:hover, .tooltip-information:focus, .tooltip-information:active {
    border: none;
    margin-top: -6px;
    padding: 0 30px 0 4px;
    background-color: transparent;
}

#CreditCarte .tooltip-information {
    padding: 0 3px 0 4px;
    width: 52px;
}
#CreditCarte .tooltip-information:hover {
    background-image: url("../images/tooltip-arrow.png");
    background-repeat: no-repeat;
    background-position: right top;
    /*background-position:32px center / 42px 19px !important;*/
}

@media only screen and (max-width: 400px) {
    #CreditCarte .tooltip-information {
        float: right;
        width: 50px;
    }
}


.tooltip-information:hover {
    background: url(../images/tooltip-arrow.png) no-repeat right center / 16px 19px !important;
}

.ui-tooltip {
    box-shadow: none !important;
    border: none !important;
}

.ui-tooltip-content {
    position: absolute;
    background-color: #404040 !important;
    margin-left: 45px !important;
    margin-top: -80px !important;
    border-radius: 4px !important;
    font-family: "UniversLTStd-LightCn" !important;
    color: #fff !important;
    font-size: 1.2em !important;
    padding: 12px 20px 15px !important;
    line-height: 1.2em !important;
    width: 450px !important;
}

/* PAIEMENT RWD MOBILE */

.payement-mobile {
    display: none;
}

.form-don .payement-mobile .ui-state-active, .form-don .payement-mobile .ui-widget-content .ui-state-active, .form-don .payement-mobile .ui-widget-header .ui-state-active, .form-don .payement-mobile .ui-state-hover, .form-don .payement-mobile .ui-state-default, .form-don .payement-mobile .ui-widget-content .ui-state-default, .form-don .payement-mobile .ui-widget-header .ui-state-default {
    background-color: #fff;
    text-transform: uppercase;
    color: #1d1d1b !important;
    font-size: 1.2em;
    min-height: 50px;
    padding: 12px 0 12px 75px;
}

.payement-mobile img {
    margin-right: 20px;
    margin-top: -5px;
}

.form-don .payement-mobile .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    height: 19px;
    left: 90% !important;
    margin-top: -9px;
    top: 50%;
    width: 19px;
}

.form-don .payement-mobile .ui-state-active .ui-icon {
    background: rgba(0, 0, 0, 0) url("../images/arrow-accordeon-open.png") no-repeat scroll left top;
    margin-top: -8px !important;
}

.form-don .payement-mobile .ui-state-hover .ui-icon {
    background: rgba(0, 0, 0, 0) url("../images/arrow-accordeon-close.png") no-repeat scroll left top;
}

/* FORMULAIRE - PAGE DON / NOUS CONTACTER */

.formulaire-don {
    position: relative;
    margin-bottom: 15%;
}

.formulaire-don img {
    width: 100%;
    /*width: auto;*/
}

.formulaire-don h1 {
    font-size: 7em;
    position: absolute;
    top: 2%;
    left: 25%;
    width: 50%;
    color: #fff;
    text-align: center;
    font-family: "UniversLTStd-LightCn";
    line-height: 1em;
}

.formulaire-don .chapeau_grande_image h1 ,
.formulaire-don .chapeau_noimage h1 {
    position: relative;
}

.formulaire-don h2 {
    font-size: 1.8em;
    color: #fff;
    text-align: center;
    font-family: "UniversLTStd-LightCn";
    background-color: #f38500;
    width: 100%;
    padding: 14px;
    margin: 0 0 30px;
}

.formulaire-don .nous-contacter form {
    margin: 0 10%;
}

.formulaire-don label, .texte-formulaire-01, .form-don label, .nous-contacter label {
    font-size: 1.35em;
    font-weight: normal;
    color: #b7b1a5;
    font-family: "UniversLTStd-LightCn";
}

span.form_star {
    color: #f48500;
}

span.explain_form {
    display: inline-block;
    text-align: center;
    font-weight: normal;
    color: #b7b1a5;
    font-size: 1.1em;
    width: 100%;
    padding-bottom: 20px;
}

span.detail_form {
    display: inline-block;
    text-align: left;
    font-weight: normal;
    color: #b7b1a5;
    font-size: 1.1em;
    width: 100%;
    padding-top: 33px;
}

span.complements_form {
    display: inline-block;
    text-align: left;
    font-weight: normal;
    color: #b7b1a5;
    font-size: 1.1em;
    width: 100%;
    padding-bottom: 10px;
}

a.form_href {
    color: #f38500;
}

hr.hr_form {
    border-top: 1px solid #b7b1a5;
}

.form-group .img_article_thanks img {
    display: inline-block;
    width: 100%;
}

.img_article_thanks.casquettes_adultes, .img_article_thanks.badges {
    display: none;
}

.correction_boost {
    padding-left: 0 !important;
    padding-right: 0 !important;

}

span.categorie_form {
    width: 100%;
    color: #b7b1a5;
    font-size: 1.5em;
}

.form-group .radio_form01 {
    float: left;
    width: 2%;
    min-width: 23px;
    display: inline-block;
}

.form-group .radio_form02 {
    float: left;
    /*width:98%;*/
    width: auto;
    display: inline-block;
}

.form-group .radio_form_anim01 {
    float: left;
    width: 10%;
    min-width: 23px;
    display: inline-block;
}

.form-group .radio_form_anim02 {
    float: left;
    /*width:90%;*/
    width: auto;
    display: inline-block;
}

@media only screen and (max-width: 400px) {
    .form-group .radio_form01 {
        float: left;
        width: 2%;
        min-width: 23px;
        display: inline-block;
    }

    .form-group .radio_form02 {
        float: left;
        /*width:98%;*/
        width: 80%;
        display: inline-block;
    }
}

.mise_en_avant_engagement {
    background-color: #f7f4ef;
    padding: 20px
}

.bloc_detail_form_vente {
    display: inline-block;
    background-color: #f7f4ef;
    width: 100%;
    padding: 20px;
}

.bloc_detail_form_vente .img_bloc_detail_form_vente {
    display: inline-block;
    width: 45%;
}

.bloc_detail_form_vente .img_bloc_detail_form_vente img {
    display: inline-block;
    width: 100%;
}

.bloc_detail_form_vente .txt_bloc_detail_form_vente {
    display: inline-block;
    width: 50%;
    margin-left: 4%;
    font-size: 1.1em;
}

@media only screen and (max-width: 769px) {
    .bloc_detail_form_vente .img_bloc_detail_form_vente {
        display: inline-block;
        width: 100%;
    }

    .bloc_detail_form_vente .txt_bloc_detail_form_vente {
        display: inline-block;
        width: 100%;
        margin-left: 0%;
        margin-top: 15px;
        font-size: 1.1em;
    }

}

.row_push_detail_form_vente {
    display: inline-block;
    padding-bottom: 5%;
}

.push_detail_form_vente {
    background-color: #f7f4ef;
    display: inline-block;
    width: 100%;
    padding: 20px;
    min-height: 265px;
}

.push_detail_form_vente .push_title {
    font-size: 1.3em;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.push_detail_form_vente .push_description {
    display: inline-block;
    font-size: 1em;
    margin-top: 20px;
}

.push_detail_form_vente .push_images {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.bloc_detail_form_vente_01 {
    display: none;
    width: 100%;
}

.bloc_detail_form_vente_02 {
    display: none;
    width: 100%;
}

.bloc_detail_form_vente_03 {
    display: none;
    width: 100%;
}

.bloc_detail_form_vente_04 {
    display: none;
    width: 100%;
}

.bloc_detail_form_vente_05 {
    display: inline-block;
    width: 100%;
}

.arrow_bloc_detail_form_vente {
    min-height: 14px;
    text-align: center;
    background-image: url(../images/yo_arrow.png);
    background-repeat: no-repeat;
}

.bloc_detail_form_vente_01 .arrow_bloc_detail_form_vente {
    background-position: 6.4% 50%;
}

.bloc_detail_form_vente_02 .arrow_bloc_detail_form_vente {
    background-position: 23.4% 50%;
}

.bloc_detail_form_vente_03 .arrow_bloc_detail_form_vente {
    background-position: 41% 50%;
}

.bloc_detail_form_vente_04 .arrow_bloc_detail_form_vente {
    background-position: 58.2% 50%;
}

.bloc_detail_form_vente_05 .arrow_bloc_detail_form_vente {
    background-position: 84% 50%;
}

.vente-commande-montant {
    font-size: 0.9em !important;
}

@media only screen and (max-width: 992px) {

    .bloc_detail_form_vente_01 .arrow_bloc_detail_form_vente {
        background-position: 50% 50%;
    }

    .bloc_detail_form_vente_02 .arrow_bloc_detail_form_vente {
        background-position: 50% 50%;
    }

    .bloc_detail_form_vente_03 .arrow_bloc_detail_form_vente {
        background-position: 50% 50%;
    }

    .bloc_detail_form_vente_04 .arrow_bloc_detail_form_vente {
        background-position: 50% 50%;
    }

    .bloc_detail_form_vente_05 .arrow_bloc_detail_form_vente {
        background-position: 50% 50%;
    }


    .col_mur {
        display: block !important;
        float: none;
        margin: 0 auto !important;
        padding: 0 11px 0 12px;
        vertical-align: top;
        width: 372px;
    }

    .form-item-projets-urgence .saisie-texte {
        width:100%!important;
    }

}

.form-group .radio_form_article01 {
    float: left;
    width: 5%;
    display: inline-block;
}

.form-group .radio_form_article02 {
    float: left;
    width: 95%;
    display: inline-block;
}

.form-group .radio_form_langue01 {
    float: left;
    width: 10%;
    display: inline-block;
}

.form-group .radio_form_langue02 {
    float: left;
    width: 90%;
    display: inline-block;
}

.bloc_lethanks {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 90px;
    float: none;
}

.lethanks {
    background: #f38500 url("../images/arrow-accordeon-h3-back_w.png") no-repeat scroll 5% 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 1.9em;
    padding: 4px 46px 4px 45px;
    text-align: center;
    text-transform: uppercase;
    font-family: "UniversLTStd-LightCn";
    border: none;
    box-shadow: none;
}

@media only screen and (max-width: 550px) {
    .form-group .radio_form_article01 {
        float: left;
        width: 14%;
        display: inline-block;
    }

    .form-group .radio_form_article02 {
        float: left;
        width: 85%;
        display: inline-block;
    }
}

.form_langue {
    padding-top: 33px;
}

.anim_gratos {
    /*padding-top:25px;*/
    display: inline-block;
    width: 100%;
}

.radio_engagement {
    display: inline-block;
    width: 100%;
    padding-top: 24px;
}

.form-item-musique-date #MusiqueDate {
    background: url(../images/tdh_icone_calendar.png) no-repeat right center;
    padding-right: 45px;
}

.form-item-jdde-date #JDDEDate {
    background: url(../images/tdh_icone_calendar.png) no-repeat right center;
    padding-right: 45px;
}

.form-item-jdde-dates #JDDEDates {
    background: url(../images/tdh_icone_calendar.png) no-repeat right center;
    padding-right: 45px;
}

.chapeau_form_vente {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.05em;
    padding-bottom: 20px;
}

.chapeau_form_vente span {
    display: inline-block;
    /*width:60%;*/
}

.form-item-musique-autorisations, .form-item-musique-engagement, .form-item-musique-newsletter {
    display: inline-block;
    padding-right: 5px;
}

.form-item-jdde-type-groupe label {
    font-size: 1.1em;
}

.texte-formulaire-04 {
    font-size: 0.8em;
    font-weight: normal;
    color: #b7b1a5;
    font-family: "UniversLTStd-LightCn";
    margin: 35px 0 0;
}

.texte-formulaire-04 input[type="radio"] {
    margin: 0 4% 0 10%;
}

.form-don .form-texte-detail {
    text-align: center;
    font-size: 1.35em;
    line-height: 1.1em;
    margin-top: 20px;
}

.texte-formulaire-04 .form-item.form-type-radio.form-item-civilite {
    display: inline;
}

.adjust-radio-civ #edit-vente-civilite {
    margin-top: 35px;
}
.adjust-radio-civ .form-item.form-type-radio.form-item-vente-civilite {
    display: inline;
    padding-left: 10px;
}

.font-size-contact {
    font-size: 1.1em !important;
}

.formulaire-don .nous-contacter span {
    font-size: 1em;
    font-family: "UniversLTStd-LightCn";
}

.nous-contacter .form-radios {
    font-size: 0.7em;
}

.texte-formulaire-02 {
    font-size: 1.65em !important;
    font-weight: normal;
    color: #1d1d1b;
    font-family: "UniversLTStd-LightCn";
}

.texte-formulaire-03 {
    font-size: 1.35em;
    font-weight: normal;
    color: #1d1d1b !important;
    font-family: "UniversLTStd-LightCn";
}

.formulaire-don .form-control:focus, .form-don .form-control:focus {
    border-color: #f38500;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(243, 133, 0, 0.4);
}

.saisie-texte::-moz-placeholder, .saisie-texte-commentaire {
    color: #1d1d1b;
}

.saisie-texte-commentaire {
    height: 200px !important;
}

.formulaire-don select, .form-don select {
    background: rgba(0, 0, 0, 0) url("../images/arrow-accordeon-open.png") no-repeat scroll 96% center;
    -moz-appearance: none;
    -moz-padding-end: 20px;
    -moz-padding-start: 2px;
    -moz-user-select: none;
    -webkit-appearance: none;
    appearance: none;
}

.saisie-texte, .saisie-texte-commentaire {
    color: #1d1d1b;
    font-size: 1.65em !important;
    font-family: "UniversLTStd-LightCn" !important;
    height: 40px;
    border-radius: 2px;
    box-shadow: none;
    border: 1px solid #e5decf;
    padding: 0 10px;
}

.texte-formulaire-01 input[type="radio"] {
    margin: 0 10% 0 4%;
}

.texte-formulaire-01 .form-inline {
    margin: 36px 0 0;
}

.formulaire-don input[type="submit"], .form-don input[type="submit"] {
    background-color: #f38500;
    border-radius: 3px;
    color: #fff;
    font-size: 1.9em;
    padding: 1px 46px 1px 45px;
    text-align: center;
    text-transform: uppercase;
    font-family: "UniversLTStd-LightCn";
    border: none;
    box-shadow: none;
    margin-top: 20px;
}

#tdh-formulaire-actions-form input[type="submit"]:disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.form-don .margin-next input:disabled {
    background: #f38500;
}

.form-don .margin-next input {
    background: #f38500 url("../images/arrow-accordeon-h3-close_w.png") no-repeat scroll 94% 10px;
}

button.btn-suivant-form {
    background: #f38500 url("../images/arrow-accordeon-h3-close_w.png") no-repeat scroll 94% 10px;
    border-radius: 3px;
    color: #fff;
    font-size: 1.9em;
    padding: 1px 46px 1px 45px;
    text-align: center;
    text-transform: uppercase;
    font-family: "UniversLTStd-LightCn";
    border: none;
    box-shadow: none;
}

.formulaire-don .formulaire-btn, .form-don .formulaire-btn {
    text-align: center;
}

.formulaire-don .formulaire-btn, .form-don .recapitulatif-buttons {
    padding-top: 50px;
}

.formulaire-don .nous-contacter .formulaire-btn {
    padding-top: 0;
}

.form-don .width-25 {
    width: 50%;
}

.form-don .form-item-montant {
    display: inline;
}

/***********************/
/* LAME Sticky faire un don */
/***********************/
.sticky-don,
.sticky-don * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .3s ease;
}

.sticky-don {
    position: fixed;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000000;
}
.sticky-don.closed {
    transform: translateX( 100% ) translateY(-50%);
    right: 28px;
}

.sticky-don .close-sticky-don {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #f38500;
    float: left;
    position: relative;
    width: 28px;
}

.close-sticky-don-link {
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding: 5px 50px 5px 7px;
    position: absolute;
    top: 100%;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    white-space: nowrap;
    z-index: 79867;
}

.close-sticky-don-link,
.close-sticky-don-link:hover,
.close-sticky-don-link:active,
.close-sticky-don-link:visited {
    color: #fff;
}

.sticky-don .close-sticky-don-link img {
    position: absolute;
    right: 10px;
    transform: rotate(-90deg);
}
.sticky-don.closed .close-sticky-don-link img {
    transform: rotate(-270deg);
}
.sticky-don-content {
    position: relative;
    float: right;
}
.sticky-don-content form {
    padding: 15px;
}

.open-sticky-don {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #f38500;
    height: 326px;
    width: 46px;
    position: fixed;
    top: 360px;
    right: 0;
    z-index: 99999;
    display: none;
}

.open-sticky-don p {
    writing-mode: tb-rl;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    font-family: "UniversLTStd-LightCn";
    font-size: 1.9em;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    margin-top: 220px;
}

.open-sticky-don img {
    position: absolute;
    top: 15%;
    left: 38%;
}

.sticky-don .int-sticky-don {
    height:100%;
    padding: 15px;
    position: relative;
    right: 0;
    top: 0;
    width: 298px;
    background-color: #fff;
    margin-left: 0;
    text-align: center;
}

.sticky-don .int-sticky-don .choix-button {
    display: none;
    min-height: auto;
    padding: 4px 12px 4px 12px;
    color: #1D1D1E;
}

.sticky-don .int-sticky-don .choix-button.show {
    display: block;
}

.sticky-don .int-sticky-don .choix-button input {
    font-size: 0.8em;
}

.sticky-don .int-sticky-don button {
    background-color: #f7f4ef;
    border: 0 none;
    color: #1d1d1b;
    position: relative;
    text-align: left;
    text-transform: none;
    width: 100%;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.8em;
    margin-bottom: 18px;
    padding: 3px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 45px;
}

.sticky-don .int-sticky-don button.montant-custom {
    color: #b7b1a5;
}

.sticky-don .int-sticky-don button.field-error {
    color: red;
    border: red 1px solid;
}

.sticky-don .int-sticky-don .btn .caret {
    background: rgba(0, 0, 0, 0) url("../images/arrow-accordeon-open.png") no-repeat scroll top center;
    position: absolute;
    top: 16px;
    right: 20px;
    width: 19px;
    height: 11px;
    border: none;
}

.int-sticky-don .correction-position {
    top: 40px;
}

.int-sticky-don .texte-sticky-don {
    font-size: 0.6em;
    margin-right: 25%;
}

.int-sticky-don ul a {
    white-space: normal;
}

li[data-montant="0"],
li[data-montant-urgence="0"] {
    display: none;
}

.int-sticky-don .select-don, .int-sticky-don .select-don-lame {
    background-color: #f7f4ef;
    color: #b7b1a5;
    text-align: center;
    width: 47.7%;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.8em;
    margin-bottom: 18px;
    padding: 3px 12px;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
}

.int-sticky-don .select-don.active, .int-sticky-don .select-don-lame.active {
    color: #1d1d1b !important;
}


#don-unique1, #don-lame-unique1 {
    margin-right: 3%;
}

.don-exemple {
    color: #b7b1a5;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.47em;
    line-height: 1em;
    text-align: center;
    margin-bottom: 15px;
    margin-top: -4px;
}

/*************************/
/* LAME outil engagement */
/*************************/

.lame-sengager {
    text-align: center;
    margin-bottom: 90px;
    position: relative;
    height: 630px;
}

.lame-sengager .lame-sengager-block {
    background-size: cover;
    background-position: right;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

h2.sengager-title {
    font-size: 4.6em;
    font-family: 'UniversLTStd-LightCn';
    color: #1d1d1b;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    text-align: center;
}

.lame-sengager span {

    font-family: 'UniversLTStd-LightCn';

    font-size: 18px;

}

.lame-sengager .row-module-sengager {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.lame-sengager .row-module-sengager .block-module-sengager {
    height: 100%;
}

.lame-sengager .row-module-sengager .module-don {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}

.lame-sengager .module-don .int-sticky-don .box-module-don {
    border: 2px solid #efebe3;
    border-radius: 3px;
    background-color: rgba(255,255,255,0.95);
    padding: 45px;
}

.lame-sengager .module-don .int-sticky-don button {
    border: 0 none;
    color: #1d1d1b;
    position: relative;
    text-align: left;
    text-transform: none;
    width: 100%;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.8em;
    margin-bottom: 18px;
    padding: 3px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 45px;
    background-color: #f7f4ef;
}

.lame-sengager .module-don .int-sticky-don .choix-button {
    display: none;
    min-height: auto;
    padding: 4px 12px 4px 12px;
    color: #1D1D1E;
}

.lame-sengager .module-don .int-sticky-don .choix-button.show {
    display: block;
}

.lame-sengager .module-don .int-sticky-don .choix-button input {
    font-size: 0.8em;
}

.lame-sengager .module-don .int-sticky-don .btn .caret {
    background: rgba(0, 0, 0, 0) url("../images/arrow-accordeon-open.png") no-repeat scroll top center;
    position: absolute;
    top: 16px;
    right: 20px;
    width: 19px;
    height: 11px;
    border: none;
}

.sengager.don-exemple {
    font-size: 1.6em;
    margin-bottom: 30px;
    color: #1d1d1b;
}

.lame-sengager .box-module-don h3 {
    font-size: 22px;
    font-weight: normal;
    font-family: 'UniversLTStd-LightCn';
    padding: 0 30px;
    margin-bottom: 15px;
}

.lame-sengager .box-module-don span.sub-title {
    margin-bottom: 30px;
    display: block;
    color: #b7b1a5;
}

.lame-sengager h3 {
    font-family: "Univers-CondensedBold";
    margin-top: 0;
    padding: 12px;
}

.lame-sengager .int-sticky-don .texte-sticky-don {
    font-family: "UniversLTStd-LightCn";
    font-size: 0.6em;
    margin-right: 37%;
}

. lame-sengager span.btnMontantTxt {
    color: #1d1d1b;
    text-align: left;
    text-transform: none;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.8em;
}

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

    .lame-sengager {
        text-align: center;
        margin-bottom: 90px;
        position: relative;
        height: inherit;
    }
    .lame-sengager .lame-sengager-block {
        display: none !important;
        padding-top: 0;
    }

    .lame-sengager h2 {
        font-size: 4.6em;
        font-family: 'UniversLTStd-LightCn';
        color: #1d1d1b;
        padding: 30px 0 20px;
        position: relative;
        z-index: 1;
    }

    .lame-sengager .slogan-module-sengager {
        display: none;
    }

    .lame-sengager .col-lg-6 {
        width: 100%;
    }

    .lame-sengager .don-exemple {
        font-family: 'UniversLTStd-LightCn';
        text-align: center;
        font-weight: normal;
        font-size: 1.6em;
        width: 100%;
        margin-bottom: 10px;
        color: #1d1d1b;
        padding-bottom: 5px;
    }

    .lame-sengager .row-module-sengager {
        width: 100% !important;
    }

    .lame-sengager .row-module-sengager .module-don {
        position: relative;
        transform: none;
    }
}



@media only screen and (max-width: 559px) {

    .lame-sengager .lame-sengager-block {
        display: none !important;
        padding-top: 0;
    }

    .lame-sengager h2 {
        margin: 0;
        padding: 0 15px;
        font-size: 3em;
    }

    .lame-sengager .sticky-don-content {
        margin-top: 0;
    }

}

/***********************/
/* LAME Nous contacter & remerciements */
/***********************/

.remerciements-donateur, .partage-donation, .nous-trouver {
    position: relative;
    color: #1d1d1b;
    font-family: "UniversLTStd-LightCn";
    text-align: center;
    margin-bottom: 9%;
}

.remerciements-donateur div {
    position: absolute;
    left: 16%;
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    width: 68%
}

.remerciements-donateur h1, .partage-donation h1 {
    font-size: 6.6em;
}

.partage-donation h1 {
    line-height: 1em;
    margin-bottom: 9%;
    padding: 0 2%;
}

.partage-donation h2, .nous-trouver h2 {
    font-size: 4.6em;
}

.nous-trouver h2 {
    margin: 20px auto;
}

.nous-trouver .localisation-maps, .formulaire-don .nous-contacter, .form-don {
    margin: 0 12%;
}

.nous-trouver .localisation-maps h2 {
    font-size: 1.9em;
    margin-top: 40px;
}

.nous-trouver .txt_rich_4cols .localisation-maps .address-wrapper {
    margin-top: 20px;
}

.nous-trouver .localisation-maps p {
    font-size: 1.6em;
    margin-top: 5px;
    margin-bottom: 20px;
}

.nous-trouver .localisation-maps .num_phone {
    font-size: 1.65em;
}

.nous-trouver .localisation-maps a:hover, .nous-trouver .localisation-maps a:focus {
    color: #1d1d1b;
}

.nous-trouver .localisation-maps .map-boutique-lausanne, .nous-trouver .localisation-maps .map-boutique-thun {
    display: none;
}

.remerciements-donateur p {
    font-size: 2.6em;
    line-height: 1.2em;
    padding: 0 50px 30px;
}

.partage-donation p {
    font-size: 1.8em;
    line-height: 1.2em;
    margin-bottom: 5%;
}

.rejoindre-donateur {
    margin-bottom: 7%;
}

.rejoindre-donateur .candidature_spont a {
    background-image: none;
    display: inline-block;
}

.partage-donation .liens-reseaux-sociaux .facebook {
    background-color: #336699 !important;
    background-size: 13px auto !important;
    padding: 8px 18px 8px 40px;
}

.partage-donation .liens-reseaux-sociaux .twitter {
    background-color: #33ccff !important;
    background-size: 28px auto !important;
    padding: 8px 18px 8px 48px;
}

.partage-donation .liens-reseaux-sociaux .linkedin {
    background-color: #336699 !important;
    background-size: 23px auto !important;
    padding: 8px 18px 8px 45px;
}

.partage-donation .liens-reseaux-sociaux .linkedin, .partage-donation .liens-reseaux-sociaux .twitter, .partage-donation .liens-reseaux-sociaux .facebook {
    border-radius: 4px;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    text-transform: uppercase;
    margin: 0 14px 10px;
    position: relative;
    display: inline-block;
}

.border-bloc-sociaux {
    width: 1px;
    height: 70px;
    background-color: #f2efeb;
    position: absolute;
    top: -12px;
    left: -15px;
}

/* RWD */

@media only screen and (max-width: 1599px) {
    .rejoindre-donateur img {
        width: 100%;
    }

    .remerciements-donateur img {
        width: 100%;
    }
}

@media only screen and (max-width: 1400px) {
    .remerciements-donateur h1 {
        font-size: 5em;
    }

    .remerciements-donateur p {
        font-size: 1.8em;
    }
}

@media only screen and (max-width: 1100px) {
    .remerciements-donateur div {
        left: 10%;
        width: 80%;
    }

    .lien-ext, .lien-ext:hover {
        background: url(../images/Pictos/picto_vistez_site_2.svg) no-repeat 41% 5px / 20px;
    }
}

@media only screen and (max-width: 960px) {
    .border-bloc-sociaux {
        display: none;
    }

    .nous-trouver .localisation-maps, .formulaire-don .nous-contacter, .form-don {
        margin: 0 5%;
    }

    .form-don form {
        margin: 0;
    }

    .formulaire-don .nous-contacter form {
        margin: 0 6%;
    }

    .lien-popup-partners, .lien-popup-partners:hover {
        margin: 20px 30%;
    }

    #map, .tdh-map {
        height: 400px;
    }

    .lien-ext, .lien-ext:hover {
        background: url(../images/Pictos/picto_vistez_site_2.svg) no-repeat 40% 5px / 20px;
    }

    .lame-pays-intervention .tdh-map, .lame-pays-intervention .header_map .btn_map .btn02, .lame-pays-intervention #legend,
    .lame-carte-gb .tdh-map {
        display: none;
    }

    .lame-pays-intervention .header_map, .lame-carte-gb .header_map {
        position: relative;
    }

    /***********************/
    /* LAME Sticky faire un don */
    /***********************/
    .sticky-don {
        background-color: white;
        height: 100%;
        left: 0;
        overflow: auto;
        right: 0;
        top: 0;
        transform: inherit;
        width: 100%;
        z-index: 99999999;
    }
    .sticky-don.closed {
        left: 0;
        right: 0;
        overflow: inherit;
        top: 100%;
        transform: inherit;
    }

    .close-sticky-don {
        float: none !important;
        height: auto !important;
        min-height: 50px;
        transform: inherit;
        width: 100% !important;
    }

    .close-sticky-don-link {
        height: auto !important;
        padding: 15px !important;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        top: 0;
        transform: inherit;
        white-space: normal;
        width: 100% !important;
    }

    .sticky-don.closed .close-sticky-don {
        transform: translateY(-100%);
    }
    .sticky-don.closed .close-sticky-don-link {
        position: absolute;
        transform: translateY(0);
    }

    .sticky-don-content {
        background-color: white;
        float: none;
        height: auto !important;
        width: 100%;
    }
    .sticky-don .int-sticky-don {
        width: 100%;
    }

    .lame-sengager .sticky-don-content form {
       padding: 0;
    }

}

@media only screen and (max-width: 900px) {
    .remerciements-donateur img {
        min-width: 600px;
    }

    .remerciements-donateur h1 {
        font-size: 3em;
    }

    .remerciements-donateur p {
        font-size: 1.2em;
        padding: 0 15px 10px;
    }

}

@media only screen and (max-width: 767px) {

    .formulaire-don h1 {
        color: #fff;
        text-align: center;
        font-family: "UniversLTStd-LightCn";
        line-height: 1em;

        background-color: #f38500;
        width: 100%;
        display: block;
        position: relative;
        left: 0;
        padding: 10px 0;
    }

    .partage-donation h2, .nous-trouver h2, .formulaire-don h1 {
        font-size: 3em;
    }

    .partage-donation p {
        font-size: 1.5em;
    }

    .partage-donation h1 {
        font-size: 4em;
    }

    .texte-formulaire-03 {
        text-align: center;
    }

    .correction-padding-right {
        padding-left: 0;
    }

    .correction-padding-right.none {
        padding-left: 15px;
        padding-right: 15px;
    }

    .correction-padding-left {
        padding-right: 0;
    }

    #don-unique2 span, #don-mensuel2 span {
        display: none;
    }

    .payement-mobile {
        display: block;
    }

    .payement-desktop {
        display: none;
    }

    .lien-popup-partners, .lien-popup-partners:hover {
        margin: 20px 20% !important;
    }

    .lien-ext, .lien-ext:hover {
        background: url(../images/Pictos/picto_vistez_site_2.svg) no-repeat 38% 5px / 20px;
    }

    .menu_chapeau {
        display: none;
    }

    /*.sengager .bloc_sengager h3 {
        min-height: auto;
    }*/

}

@media only screen and (max-width: 559px) {
    .partage-donation .liens-reseaux-sociaux .linkedin, .partage-donation .liens-reseaux-sociaux .twitter, .partage-donation .liens-reseaux-sociaux .facebook {
        display: block;
        margin: 0 7% 10px;
    }

    .formulaire-don .nous-contacter, .form-don {
        margin: 0;
    }

    .formulaire-don .nous-contacter form {
        margin: 0 4%;
    }

    .texte-formulaire-01 input[type="radio"] {
        margin: 0 5% 0 2%;
    }

    .lien-ext, .lien-ext:hover {
        background: url(../images/Pictos/picto_vistez_site_2.svg) no-repeat 36% 5px / 20px;
    }

    .formulaire-don input[type="submit"], .form-don input[type="submit"] {
        white-space: pre-line;
    }
}

.IE .formulaire-don select, .IE .form-don select {
    background: none;
}

/***********************/
/* LAME Mur des succès */
/***********************/
.mur-succes {
    font-family: "UniversLTStd-LightCn";
    position: relative;
    text-align: center;
}

.mur-succes p {
    margin: 0 20% 20px;
    word-break: normal;
    word-wrap: break-word;
}

.mur {
    margin: 0 auto;
    min-height: 400px;
    padding: 0 /*30px*/ 10px;
    text-align: center;
    width: 1200px;
}

.col_mur {
    display: inline-block;
    float: none;
    padding: 0 11px 0 12px;
    vertical-align: top;
    width: 372px;
}

/* spécifique Mur Parrain */
.col-lg-3.col-md-3.col_mur {
    width: 292px;
}

.bloc_mur {
    width: 350px;
    margin-bottom: 10px;

    min-height: 285px;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;

    position: relative;
    /*-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;*/
}

@media only screen and (max-width: 350px) {
    .bloc_mur {
        width: 100%;
    }
}

.col_mur.actualite .bloc_mur {
    background-size: cover !important;
}

.mur-succes .mur-voirplus, .mur-succes .mur-voirplus:hover {
    bottom: -30px;
}

.mur-succes .mur-voirplus-donations, .mur-succes .mur-voirplus-donations:hover {
    bottom: -50px;
}

/* types de blocs */

.type-actu {
    background-color: #eee !important;
    min-height: 350px;
}

.type-actu a {
    min-height: 350px;
    display: block;
    position: relative;

}

.type-actu a:hover p {
    color: #f38500;
}

.type-actu p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0 !important;
    padding: 10px 30px 30px;
    min-height: 110px;
    text-align: center;
    line-height: 1.2em;
    font-size: 1.2em !important;
    color: #000;
}

.type-actu p span.date {
    display: block;
    margin-bottom: 15px;
}

.type-don {
    padding: 372px 20px 60px;
    background-color: #f38500 !important;
    min-height: 710px;
}

.col-lg-3.col-md-3 .type-don {
    padding: 269px 20px 60px;
    min-height: 548px;
}

.col-lg-3.col-md-3 .type-symp, .col-lg-3.col-md-3 .type-parrain {
    padding: 134px 20px 90px;
    min-height: 390px;
}

.col-lg-3.col-md-3 .type-symp:hover, .col-lg-3.col-md-3 .type-parrain:hover {
    padding: 50px 20px 60px;
}

.type-don .message, .type-don .merci, .type-parrain .merci, .type-symp .merci {
    padding: 80px 0 35px 0;
    color: #fff;
    font-size: 3em;
    font-family: "tdh_cityburnregular";
    display: block;
    line-height: 1.1em;
}

.col-lg-3.col-md-3 .type-don .message {
    padding: 20px 0 35px;
    font-size: 2.3em;
}

.col-lg-3.col-md-3 .type-don .merci {
    padding: 20px 0 35px;
    font-size: 2.9em;
}

.type-parrain .merci, .type-symp .merci {
    padding: 0 0 35px 0;
    color: #333;
}

.type-don .nom, .type-symp .nom, .col-lg-3.col-md-3 .type-parrain .nom {
    color: #000000;
    font-size: 2.1em;
    font-family: 'Univers-CondensedBold';
    display: block;
    line-height: 1.1em;
}

.col-lg-3.col-md-3 .type-don .nom, .col-lg-3.col-md-3 .type-symp .nom, .col-lg-3.col-md-3 .type-parrain .nom {
    font-size: 1.5em;
}

.type-don .montant, .type-don .texte, .type-parrain .montant, .type-symp .montant {
    padding: 0 0 0 0;
    color: #000000;
    font-size: 2em;
    font-family: "UniversLTStd-LightCn";
    display: block;
    line-height: 1.1em;
}

.col-lg-3.col-md-3 .type-don .montant, .col-lg-3.col-md-3 .type-symp .montant, .col-lg-3.col-md-3 .type-parrain .montant {
    font-size: 1.5em;
}

.col-lg-3.col-md-3 .type-don .texte, .type-parrain .texte, .type-symp .texte {
    font-size: 1.4em;
    line-height: 1.1em;
}

.type-don .date, .type-don:hover .btn,
.type-symp .date, .type-symp:hover .btn,
.type-parrain .date, .type-parrain:hover .btn {
    padding: 0 0 0 0;
    color: #000000;
    font-size: 1.2em;
    font-family: "UniversLTStd-LightCn";
    display: block;
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 89%;
}

.type-parrain, .type-symp {
    background-color: #f7f4ef !important;
    min-height: 778px;
    padding: 213px 20px 60px;
}

.type-symp .message, .type-parrain .message {
    padding: 20px 0 35px 0;
    font-size: 2.2em;
    font-family: "tdh_cityburnregular";
    display: block;
    line-height: 1em;
}

/* couleurs de fond */
.bg-color-1, .type-don.bg-color-1:hover {
    background-color: #f38500 !important;
}

.bg-color-2, .type-don.bg-color-2:hover {
    background-color: #ef3e08 !important;
    font-size: 12px;
}

.bg-color-3 {
    background-color: #f7f4ef !important;
}

.bg-color-3 .message{
    color: #333;
}

/* Hover Don */
.type-don:hover {
    background: none !important;
    padding-top: 230px;
}

.bg-color-3:hover {
    background-color: #e5dece !important;
}

.col-lg-3.col-md-3 .type-don:hover {
    padding-top: 110px;
}

.type-symp:hover, .type-parrain:hover {
    background: none !important;
    background-color: #e5dece !important;
    padding-top: 120px;
}

.type-don:hover .message, .type-don:hover .montant, .type-don:hover .nom, .type-don:hover .date,
.type-don .merci, .type-don .texte, .type-don .btn,
.type-symp .merci, .type-symp .texte, .type-symp .btn,
.type-parrain .merci, .type-parrain .texte, .type-parrain .btn,
.type-parrain:hover .message, .type-parrain:hover .montant, .type-parrain:hover .nom, .type-parrain:hover .date,
.type-symp:hover .message, .type-symp:hover .montant, .type-symp:hover .nom, .type-symp:hover .date {
    display: none !important;
}

.type-don:hover .merci, .type-don:hover .texte, .type-don:hover .btn,
.type-symp:hover .merci, .type-symp:hover .texte, .type-symp:hover .btn,
.type-parrain:hover .merci, .type-parrain:hover .texte, .type-parrain:hover .btn {
    display: block !important;
}

.type-don:hover .merci {
    font-size: 4em;
}

.type-don.bg-color-2 .texte {
    color: #fff;
}

.type-don .btn, .type-parrain .btn, .type-symp .btn {
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-size: 1.6em !important;
    border-radius: 4px;
    margin: 0;
    width: 310px !important;
    white-space: normal !important;
    line-height: 1.1em;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.col-lg-3.col-md-3 .type-don .btn, .type-parrain .btn, .type-symp .btn {
    width: 230px !important;
    font-size: 1.5em !important;
}

/* Derniers tweets avec Background */
#page-urgence .derniers_tweets {
    background-image: url("../images/Texte_riche/bkgd_texte_riche.jpg");
    min-height: 555px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 0;
    padding-top: 175px;
    padding-bottom: 60px;
}

#page-urgence .derniers_tweets .content, #page-urgence .derniers_tweets h2 {
    background: rgba(255, 255, 255, 0.5);
    margin: 0 150px;
    padding: 0 50px 20px;
}

#page-urgence .derniers_tweets h2 {
    padding: 20px 50px 30px;
    font-size: 5.5em;
}

/********* Gestion des fonds oranges Urgences **********/
/* BG color */
.urgence, #page-urgence .sengager .btn,
#page-urgence .progress .content:hover {
    background-color: #ef3e08 !important;
}

/* Color */
#page-urgence .links_pdf a, #page-urgence .links_pdf a:hover,
#page-urgence .menu_chapeau ul li a:hover,
#page-urgence .actualites .lien,
#page-urgence .carousel-actu .item.center:hover span, #page-urgence .carousel-actu .item.center:hover h2,
#page-urgence .texte_riche .txt_rich_3cols a, #page-urgence .texte_riche .txt_rich_4cols a,
#page-urgence .temoignage a, #page-urgence .list li h3, #page-urgence .jobs .lien, #page-urgence .list li:hover .infos,
#page-urgence .list li:hover p, #page-urgence .list li:hover .voir, #page-urgence .projet-petit a:hover,
#page-urgence .derniers_tweets .content .suivez_nous a, #page-urgence .derniers_tweets .tweets .bloc_twitter .description_twitter a:hover {
    color: #ef3e08 !important;
}

#page-urgence .list li:hover h3 {
    color: #333 !important;
}

/* Images */
#page-urgence .menu_chapeau .links_pdf a, #page-urgence .menu_chapeau .links_pdf a:hover {
    background-image: url("../images/Chapeau/btn_pdf_urgence.png");
}

/***********************/
/* LAME garanties */
/***********************/
.garanties .col {
    margin-bottom: 20px;
}

.garanties .col h2 {
    font-size: 1.8em;
    margin: 0 0 20px 0;
    padding-top: 70px;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.garanties .col p {
    font-size: 1.35em;
    line-height: 1.1em;
    text-align: left;
}

/***********************/
/* LAME devenir */
/***********************/
.devenir, .garanties {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1200px;
    font-family: "UniversLTStd-LightCn";
}

.devenir .col {
    padding: 0 25px;
    margin-bottom: 30px;
}

.devenir .col h2 {
    font-size: 2.6em;
    margin-bottom: 20px;
}

.devenir .content {
    text-align: left;
    min-height: 410px;
    padding-bottom: 20px;
}

.devenir .content p, .devenir .content ul {
    font-size: 1.4em;
    line-height: 1.1em;
    margin-bottom: 20px;
}

.devenir > p {
    font-size: 1.6em;
    line-height: 1.1em;
}

.devenir .content ul {
    padding-left: 20px;
}

.devenir .content .lien {
    display: block;
    text-align: center;
    color: #f48500;
    font-size: 1.4em;
}

.devenir .col .btn {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.8em;
    background-color: #f48500;
    text-transform: uppercase;
    padding: 20px;
}

.devenir .montant {
    font-size: 2.3em;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

.dropdown.don .btn, .dropdown.don button {
    background-color: #f7f4ef;
    color: #1d1d1b;
    border: 0;
    width: 100% !important;
    margin-top: 20px;
    text-transform: none;
    text-align: left;
    position: relative;
    padding: 20px 60px 20px 20px;
    background-image: none;
}

.dropdown.don button span {
    font-size: 1.3em;
}

.dropdown.don .btn .caret, .dropdown.don button .ui-icon {
    border: 0;

    display: block;
    vertical-align: top;
    width: 20px;
    height: 11px;
    background: url(../images/arrow-accordeon-open.png) no-repeat center top;

    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -5px;
}

/***********************/
/* LAME Témoignages */
/***********************/
.temoignages .bloc_sengager {
    margin: 0 10px;
    padding: 0;
    width: 272px;
}

.temoignages .bloc_sengager h3 {
    min-height: 45px !important;
}

.temoignages .bloc_sengager p {
    font-size: 1.7em;
    line-height: 1.3em;
    margin: 15px 0 5px;
    min-height: 70px !important;
}

.temoignages .bloc_sengager a {
    font-size: 1.25em;
    color: #f38500;
}

/***********************/
/* LAME theme santé */
/***********************/
.themes-sante .bloc {
    display: inline-block;
    float: none;
    width: 33%;
}

.themes-sante .bloc h3 {
    font-size: 2.5em;
    line-height: 0.9em;
    min-height: 125px;
    padding-top: 55px;
    background-size: 45px auto !important;
}

.themes-sante .bloc p {
    font-size: 1.5em;
    line-height: 1.1em;
    min-height: 100px;
}

.themes-sante .bloc a {
    font-size: 1.5em;
    color: #f38500;
}

/***********************/
/* LAME Les causes */
/***********************/
.causes, .themes-sante {
    font-family: "UniversLTStd-LightCn";
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1200px;
}

.causes > p {
    /*margin: 0 15%;*/
    margin-bottom: 42px !important;
}

.causes .bloc_sengager h3, .temoignages .bloc_sengager h3 {
    color: #1d1d1b;
    font-family: "UniversLTStd-LightCn";
    font-size: 2.6em;
    min-height: 80px;
}

.causes .bloc_sengager ul {
    text-align: left;
    list-style-type: none;
    padding: 20px 0 0 20px;
}

.causes .bloc_sengager ul li {
    font-size: 1.75em;
    min-height: 40px;
    line-height: 1.2em;
    margin-bottom: 5px;
}

.causes .bloc_sengager ul li a {
    color: #1d1d1b;
    background-size: 30px auto !important;
    padding: 5px 0 0 50px;
    display: block;
    min-height: 40px;
}

.causes .bloc_sengager ul li a:hover {
    color: #f38500;
}

/***********************/
/* LAME Structure + personnes */
/***********************/
.bloc-personne {
    min-height: 250px;
    background: url(../images/bg-structure-trait-vertical.png) repeat-y center top;
    display: inline-block;
    vertical-align: top;
}

.bloc-personne.trait-bottom {
    padding-bottom: 45px;
}

.bloc-personne.trait-top {
    padding-top: 45px;
}

.bloc-personne .bloc-image {
    height: 219px;
    border-radius: 50%;
    /*border:13px solid #fff;*/
    position: relative;
    overflow: hidden;
}

.bloc-personne .bloc-image .bg {
    height: 219px;
    position: absolute;
    width: 219px;
    top: 0;
    left: 0;
    background-size: cover !important;
    border: 10px solid #fff;
    border-radius: 50%;
}

.bloc-personne .nom, .bloc-personne .fonction {
    display: block;
    background-color: #fff;
}

.bloc-personne .nom {
    /*font-family: 'Univers-Condensed';*/
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1em;
}

.bloc-personne .fonction {
    font-size: 1.3em;
    padding-bottom: 15px;
}

/* LAME Structure */
.structure {
    font-family: "UniversLTStd-LightCn";
    text-align: center;
}

.structure .bloc-personne {
    width: 219px;
}

.structure-4col {
    width: 1320px;
    margin: 0 auto;
    background: url(../images/bg-structure-trait-horizontal-4coll.png) no-repeat center top;

}

.structure-3col {
    width: 1320px;
    margin: 0 auto;
    background: url(../images/bg-structure-trait-horizontal-3coll.png) no-repeat center top;
}

.structure-2col {
    width: 1320px;
    margin: 0 auto;
    background: url(../images/bg-structure-trait-horizontal-2coll.png) no-repeat center top;
}

.structure-2col .col-lg-6 {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 30%;
}

.structure-1col {
    margin: 0 auto;
    width: 1320px;
}

/* LAME Personnes */
.personnes {
    font-family: "UniversLTStd-LightCn";
}

.personnes .nav-tabs {
    text-align: center;
    border-bottom: 0;
}

.personnes .nav-tabs li {
    float: none;
    display: inline-block;
    font-size: 1.5em;
}

.personnes .nav-tabs li a {
    background-color: #efebe2;
    border: 0 none;
    color: #b7b1a5;
    margin: 0 12px 0;
    padding: 6px 55px 6px;
}

.personnes .nav-tabs li.active a,
.result .nav-tabs > li.active a {
    color: #333 !important;
}

.personnes .nav-tabs li.active a {
    font-size: 1.2em;
    height: 55px;
    padding-top: 10px;
    margin-bottom: -1px;
}

.personnes .nav-tabs > li > a:hover,
.personnes .nav-tabs > li > a:focus {
    color: #333;
    background-color: #efebe2;
    border: 0;
}

.personnes .tab-content {
    /*min-height:580px;*/
    text-align: center;
    padding-bottom: 40px;
    background-color: #EFEBE2;
    /*margin-top: -5px;*/
}

.personnes .tab-content .tab-pane > p {
    font-size: 1.8em;
    line-height: 1.1em;
    margin-bottom: 20px;
    padding: 48px 20% 0;
}

.personnes .bloc-personne {
    width: 272px;
    margin: 20px 36px 0;
}
@media only screen and (min-width: 1370px) {
    .personnes .bloc-personne {
        margin: 20px 65px 0;
    }
}

.personnes .bloc-personne .bloc-image {
    border: 0;
    border-radius: 50%;
    height: 272px;
    margin-bottom: 30px;
}

.personnes .bloc-personne .bloc-image .bg {
    height: 272px;
    width: 272px;
    border-radius: 50%;
    border: 10px solid #EFEBE2;
}

.personnes .bloc-personne .nom, .personnes .bloc-personne .fonction {
    background-color: transparent;
}

.personnes .bloc-personne .nom {
    font-size: 1.55em;
}

.personnes .bloc-personne .fonction {
    font-size: 1.3em;
}

.personnes .img-mediatheque.fluid_img {
    height: 295px;
    overflow: hidden;
}

.personnes .img-mediatheque.fluid_img img {
    /*margin-top: -230px;*/
}

.bloc-personne a {
    color: #000;
}

.bloc-personne a:hover {
    color: #f38500;
}

/***********************/
/* LAME Header Resultat recherche  */
/***********************/
.result-recherche-head {
    background: rgba(0, 0, 0, 0) url("../images/BG-footer-infos.jpg") no-repeat scroll center bottom;
    min-height: 290px;
    text-align: center;
    font-family: "UniversLTStd-LightCn";
    padding-top: 50px;
}


#tdh-recherche-form div .form-item-recherche,
#edit-recherche{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    min-height: 40px;
    width: 465px;
    color: #333;
    font-size: 1.2em;
    border: 1px solid #e5dece;
    box-shadow: none;
    text-transform: uppercase;
}

.tdh_recherche_form_submit.btn{
    background: #f38500 url(../images/Pictos/picto-loupe_blanc.png) no-repeat center center;
    color: #fff;
    border-color: #e5dece;
    border-radius: 3px;
    min-height: 40px;
    width: 67px;
    margin-left: -4px;
    vertical-align: top;
    margin-top: 0;
}

.result-recherche-head .form-item-recherche {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    display: inline-block;
}

.result-recherche-head .tdh_recherche_form_submit{
//float: right;
}

.result-recherche-head .search {
    display: inline-block;
    vertical-align: top;
}

.result-recherche-head .search input {
    min-width: 465px;
    border: 0 !important;
    text-transform: none !important;
}

/***********************/
/* LAME Resultat recherche  */
/***********************/
.result-recherche {
    color: #f38500;
    font-family: "UniversLTStd-LightCn";
    margin: 0 auto;
    padding: 20px 150px 0;
    width: 1200px;
}

.left-menu {
    border: 2px solid #efebe2;
    background-color: #fff;
    min-height: 100px;
    margin-bottom: 90px;
    padding: 0;
}

.left-menu h2 {
    border-bottom: 2px solid #efebe2;
    color: #333;
    font-size: 1.7em;
    margin: 0;
    padding: 7px 20px;
    text-align: center;
}

.left-menu ul {
    list-style-type: none;
    padding: 20px 20px 10px;
}

.left-menu ul li {
    margin-bottom: 5px;
}

.left-menu ul li a {
    color: #b6b2a6;
    font-size: 1.7em;
}

.left-menu ul li a:hover {
    color: #f38500;
}

.left-menu ul li.active a {
    color: #333;
}

.result {
    padding: 0 0 0 0;
    /*width: 68.6667%;*/
    text-align: center;
}

.result .nav-tabs {
    margin: 0;
    border: 0;
    padding-left: 20px;
}

.result .nav-tabs li {
    margin-right: 7px;
}

.result .nav-tabs > li a,
.result .nav-tabs > li.active a {
    background-color: #efebe2;
    border: 0;
    padding: 8px 23px;
    font-size: 1.35em;
    border-radius: 4px;
    color: #b7b1a5;
}

.result .nav-tabs > li a:hover {
    color: #f38500;
}

.result .tab-content {
    padding-top: 20px;
    color: #333;
    text-align: left;
}

.result .tab-content .row {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efebe2;
    margin-left: 20px;
}

.result .tab-content .visuel {
    padding: 0 20px 0 0;
}

.result .tab-content .visuel img {
    width: 100%;
    height: auto;
}

.result .tab-content .type {
    text-transform: uppercase;
    font-size: 1.3em;
}

.result .tab-content h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 3px 0 5px;
}

.result .tab-content p {
    font-size: 1.4em;
    line-height: 1.1em;
}

.result .tab-content a {
    color: #333;
}

.tab-content a.lien {
    display: block;
    text-align: center;
    color: #f38500;
    font-size: 1.3em;
}

.rwd-display {
    display: none;
}

/***********************/
/* LAME Candidature spontanée */
/***********************/
.candidature_spont, .restez-informes, .kit-media, .texte_riche .align-left {
    text-align: center;
    font-family: "UniversLTStd-LightCn";
    padding: 0 30px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.candidature_spont h2, .restez-informes h2, .lame h2, .mur-succes h2, .causes h2, .actu-all h2, .kit-media h2, .revue-presse h2,
.txt_rich_4cols h2 {
    margin-bottom: 15px;
}

.candidature_spont p, .restez-informes p, .lame > p, .mur-succes p, .causes > p, .actu-all > p, .kit-media > p, .revue-presse > p,
.txt_rich_1col > p, .txt_rich_1col .content h3 + p, .txt_rich_4cols > p {
    font-size: 1.8em;
    line-height: 1.2em;
    margin-bottom: 72px;
    text-align: center;
}

.txt_rich_4cols > p {
    padding: 0 20%;
}

.candidature_spont a, .kit-media a, .bloc-postuler .btn {
    background: #f38500 url("../images/arrow-right.png") no-repeat scroll right 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 2em;
    padding: 3px 44px 3px 43px;
    text-align: center;
    text-transform: uppercase;
}

.lame_text_riche .candidature_spont a:hover {
    color: #fff;
}

.candidature_spont ul, .kit-media ul {
    margin: 0 auto;
    text-align: left;
    width: 70%;
}

/***********************/
/* LAME REVUE PRESSE */
/***********************/
.revue-presse {
    font-family: "UniversLTStd-LightCn";
    /*text-align:center;*/
    background-color: #f7f4ef;
    padding: 30px 0 90px 0;
    position: relative;
}

.revue-presse .ACTU-content {
    text-align: left;
}

.revue-presse > p {
    padding: 0 20%;
    margin-bottom: 40px;
}

.mur-revue-presse {
    /*padding: 0 13%;*/
    margin: 0 auto !important;
    width: 1200px;
    padding: 0 !important;
    text-align: center;
}

.bloc-revue-presse {
    background-color: #FFF;
    width: 375px;
    min-height: 270px;
    margin: 0 10px 20px 10px;
    padding: 0;
}

.bloc-revue-presse img {
    width: 100%;
    height: auto;
    border-bottom: 2px solid #f7f4ef;
}

.revue-presse .mur-voirplus, .revue-presse .mur-voirplus:hover {
    background-color: transparent;
    bottom: 50px;
    text-align: center;
}

.bloc-revue-presse a {
    color: #333 !important;
}

.bloc-revue-presse a:hover {
    color: #f38500 !important;
}

.bloc-revue-presse p {
    margin: 0;
    padding: 24px 10px;
    font-size: 1.25em;
    line-height: 1em;
    text-align: left;
}

.bloc-revue-presse p span {
    display: block;
    font-size: 1.1em;
}

.bloc-revue-presse p span.titre {
    margin: 2px 0 10px;
}

/* Spécifique LAME relation média */
#relations-media .txt_rich_3cols p, #relations-media .txt_rich_3cols h3, #relations-media .txt_rich_4cols p {
    /*text-align: justify;*/
    text-align: left;
}

/*#relations-media .txt_rich_3cols .fluid_img img  {
	display:none;
}*/
#relations-media .lien-display {
    display: block;
    text-align: left;
}

#relations-media .txt_rich_3cols .fluid_img h3, #relations-media .txt_rich_4cols .fluid_img h3 {
    margin: 30px 0;
    line-height: 1.2em;
}

#relations-media .txt_rich_3cols .fluid_img h3.titre-avant {
    min-height: 60px;
}

#relations-media .lame-bloc .txt_rich_3cols .fluid_img h3, #relations-media .lame-bloc .txt_rich_4cols .fluid_img h3 {
    margin: 20px 0 10px 0;
}

#relations-media .txt_rich_3cols .fluid_img h3 a, #relations-media .txt_rich_4cols .fluid_img h3 a {
    color: #333;
    font-weight: normal;
    font-size: 1.3em;
}

#relations-media .chiffres_cles .top {
    margin-top: -90px;
}

.lien-display {
    display: block;
    font-weight: normal !important;
    font-size: 1.5em !important;
    margin-top: 10px;
    text-align: left;
}

/***********************/
/* PAGE Détail d'un témoignage */
/***********************/
.chapeau.temoignage {
    min-height: 460px;
}

/***********************/
/* PAGE Détail d'une actu */
/***********************/
.chapeau.actu, .chapeau.emploi {
    margin-bottom: 50px;
    /*background-size: 100% auto!important;*/
}

.actu .description_chapeau,
.emploi .description_chapeau {
    left: 50%;
    margin-left: -465px;
    min-height: 220px;
    /*min-height: 0;*/
    padding: 20px 30px;
    text-align: left;
    width: 930px;
}

.actu .description_chapeau h1,
.emploi .description_chapeau h1 {
    font-size: 1.7em;
}

.actu .description_chapeau .date,
.emploi .description_chapeau .date {
    display: block;
    font-size: 0.85em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.ACTU-content,
.ACTU-title,
.FAQ-content {
    margin: 0 auto 140px auto;
    font-family: 'UniversLTStd-LightCn';
    width: 1200px;
    padding: 0 120px;
}

.ACTU-title {
    margin-bottom: 10px;
}

.ACTU-title .description_chapeau {
    margin-bottom: 0;
}

.ACTU-content > h2, .ACTU-content > p, .FAQ-content > p {
    padding-left: 30px;
    padding-right: 30px;
}

.ACTU-content > h2 {
    font-size: 2.5em;
    margin-bottom: 30px;
    margin-top: 60px;
}

.ACTU-content > img {
    width: 100%;
}

.ACTU-content > p, .FAQ-content > p {
    font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom: 30px;
}

.FAQ-content > p {
    text-align: justify;
}

.rtecenter {
    text-align: center !important;
}

.rteright {
    text-align: right !important;
}

.ACTU-content a, .ACTU-content #affiche_masquer {
    color: #f38500;
    font-size: 24px;
}

.ACTU-content .txt-info {
    font-size: 1.4em;
    line-height: 1.5em;
}

.social, .autres {
    padding: 17px 0 25px;
    margin: 0 30px 15px;
    border-bottom: 1px solid #ece9e4;
    font-size: 1.4em;
}
.social li a:hover{
    color:#f38500 !important;
}

.autres {
    padding-bottom: 15px;
}

.social span, .autres span {
    display: block;
    margin-bottom: 15px;
}

.autres .thematique {
    float: none;
    padding: 0;
}

.autres .thematique a {
    font-size: 0.75em;
    background-size: 20px auto !important;
    padding: 6px 15px 6px 40px;
    margin-top: 0;
    margin-bottom: 15px;
}

.lien-back {
    margin-left: 30px;
    color: #000 !important;
    font-size: 1.7em;
    padding-left: 37px;
    background: url(../images/arrow-lien-back.png) no-repeat left top;
}

.tri .lien-back {
    margin-left: 0px;
}

.mur-actus .ACTU-content {
    padding: 0 20px !important;
    text-align: left !important;
}

.mur-actus .Actu .bg,
div.chapeau.actu,
div.row.affiche div.Actu a div.bg{
    background-size: cover !important;
}

/* chapeau actu sans visuel */
.chapeau.actu.no-visuel, .chapeau.emploi.no-visuel {
    min-height: 330px;
    background: url("../images/BG-footer-infos.jpg") no-repeat scroll center bottom;
}

.chapeau.actu.no-visuel .description_chapeau,
.chapeau.emploi.no-visuel .description_chapeau {
    background-color: transparent;
    min-height: 250px;
}

/***********************/
/* PAGE Détail Emploi */
/***********************/
.chapeau.emploi.no-visuel {
    min-height: 230px;
    margin-bottom: 0;
}

.chapeau.emploi.no-visuel .description_chapeau {
    min-height: 180px;
    padding-left: 15px;
    padding-right: 15px;
    position:relative;
    bottom:initial;
}

.chapeau.emploi.no-visuel .description_chapeau h1 {
    font-size: 1.4em;
}

.emploi .description_chapeau .date {
    font-size: 1.1em;
    text-transform: none;
}

.bloc-postuler {
    margin: 0 auto 70px;
    padding: 0 34%;
    text-align: center;
}

.bloc-postuler .lien {
    font-size: 1.75em;

}

.bloc-postuler .btn {
    background: none;
    background-color: #f38500;
    display: block;
    margin-top: 15px;
}

.table-responsive {
    margin: 30px 30px 0;
}

.table.emploi {
    margin-bottom: 0;
}

.table.emploi th, .table.emploi td {
    font-size: 1.7em;
    vertical-align: top;
    padding: 27px 0 20px 0;
    line-height: 1.2em;
    border-bottom: none;
}

.table.emploi th {
    width: 270px;
    font-weight: normal;
    padding-left: 15px;
    color: #686157;
}

.table.emploi td {
    height: 80px;
    color: #1d1d1b;
}

/***********************/
/* LAME KIT MEDIA */
/***********************/
.kit-media > p {
    margin: 30px 0;
    font-size: 2.3em;
}

.kit-media ul {
    margin: 0 auto 75px;
    width: 80%;
}

.kit-media ul li {
    font-size: 2em;
    color: #1c1c1a;
}

.kit-media a {
    background: none;
    background-color: #f38500;
    padding: 8px 20px;
    text-transform: none;
    font-size: 1.6em;
}

/***********************/
/* LAME Jobs */
/***********************/
.jobs {
    text-align: center;
    margin-top: 30px;
}

.jobs .titre {
    background-color: #f7f4ef;
    margin-bottom: 0;
    padding-bottom: 53px;
    /*padding-top: 55px;*/
    padding-top: 205px;
}

.node-type-page-pays .jobs .titre{
    padding-top: 50px;
}

.tri {
    font-family: "UniversLTStd-LightCn";
    margin: 20px auto 30px;
    padding: 0 0 0 16px !important;
    width: 1200px;
}
.page-actualites-benevole .tri {
    width: auto;
}

.tri .search .dropdown {
    margin-top: 0;
    margin-right: 25px;
    width: 35px;
    display: inline-block;
    vertical-align: top;
}

.tri .dropdown {
    display: inline-block;
}

.ui-multiselect-menu .ui-widget-header{
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-multiselect-header ul .ui-multiselect-close{
    padding-top: 3px;
}

.refresh {
    width: 26px;
    height: 22px;
    background: url(../images/Pictos/picto-refresh.png) no-repeat left top;
    vertical-align: top;
    margin-top: 5px;
    display: inline-block;
    cursor: pointer;
}

.drops .dropdown .btn, .ui-multiselect, .result .dropdown .btn {
    border: 0;
    border-radius: 4px;
    background: url(../images/arrow_btn.png) no-repeat right 15px;
    background-color: #f38500;
    color: #fff;
    min-width: 150px;
    margin-right: 20px;
    text-align: left;
    font-size: 1.4em;
    padding: 7px 70px 8px 12px;
    width: inherit !important;
    font-family: "UniversLTStd-LightCn";
}

.ui-multiselect .ui-icon-triangle-2-n-s{
    display: none;
}

.ui-icon-triangle-2-n-s, .ui-widget-header {
    /*display: none;*/
}

.ui-widget-content .ui-state-hover {
    color: #f38500;
    background: none;
    border: none;
}

.ui-widget-content .ui-state-hover, .ui-multiselect-checkboxes li label {
    font-weight: normal;
    font-size: 1em;
}

#views-exposed-form-page-carriere-block .ui-multiselect span + span {
    overflow: hidden;
    max-width: 108px !important;
    max-height: 25px;
    display: inline-block;
}

#views-exposed-form-page-carriere-block .ui-multiselect {
    padding: 7px 50px 8px 12px;
}

.drops .dropdown .caret {
    display: none;
}

.list {
    padding: 0;
    list-style-type: none;
    font-family: "UniversLTStd-LightCn";
    text-align: left;
}

.list li {
    padding: 20px 335px 25px;
    background: #f7f4ef url(../images/separateur-list-emplois.png) no-repeat center bottom;
}

.list li a {

}

.list li .infos {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #333;
}

.list li h3 {
    color: #f38500;
    font-size: 2.4em;
    margin-bottom: 0;
    margin-top: 5px;
}

.list li p {
    color: #333;
    font-size: 1.7em;
    line-height: 1.1em;
    margin-bottom: 0;
}

.list li .voir {
    color: #f38500;
    font-size: 1.7em;
    display: block;
}

.jobs form .search {
    margin-right: 0px;
}

/*** Lame Chapeau ***/
.chapeau_grande_image .sous-titre {
    color: #FFFFFF;
    font-family: 'UniversLTStd-LightCn';
    font-style: italic;
    font-size: 4em;
}

/* hover */
.list li:hover {
    background: #fff url(../images/separateur-list-emplois.png) no-repeat center bottom;
    cursor: pointer;
}

.list li:hover .infos {
    color: #f38500;
}

.list li:hover h3 {
    color: #333;
}

.list li:hover p {
    color: #f38500;
}

.list li:hover .voir {
    display: block;
}

/***********************/
/* LAME Actualites */
/***********************/
.header .row-actu{
    position:relative;
}

.row-actu {
    width: 78%;
    margin-right: auto;
    margin-left: auto;
}

.actualites {
    text-align: center;
}

.actualites h2 {
    margin-bottom: 10px;
}

.actualites .actualites-description {
    display: inline-block;
    width: 64%;
    font-family: 'UniversLTStd-LightCn';
    font-size: 2em;
    color: #1d1d1b;
    margin-bottom: 40px;
}

.actualites-container {
    padding: 0 20px;
}

.actualites-item {
    margin-bottom: 30px;
    padding: 10px;
    text-align: left;
}

.actualite-item-spacing {
    border: 1px solid #e5dece;
}

.actualites-item h2 {
    margin: 5px 0;
    font-size: 22px;
    text-align: left;
    font-weight: bold;
}

.actualites-item a {
    color: #000;
}

.actualites-item span {
    font-size: 16px;
}

.actualites-item .actualite-header {
    padding: 10px;
    height: 320px;
    font-family: "UniversLTStd-LightCn";
}

.actualites-item .actualite-content {
    margin-top: 25px;
    /*max-height: 150px;*/
    overflow: hidden;
    font-size: 1.15em;
    color: #1d1d1b;
}

.actualites-item .actualite-footer img {
    width: 100%;
}

/* carousel statique */
.carousel-actu {
    min-height: 496px;
    background-color: #eee;
    margin-top: 60px;
    position: relative;
    margin-bottom: 140px;
}

.carousel-actu .panneau {
    min-height: 496px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    display: none;
}

.carousel-actu .panneau.active {
    display: block;
}

.carousel-actu .item {
    border-left: 2px solid #fff;
    margin-left: 25%;
    min-height: 496px;
    width: 50%;
    position: absolute;
    top: 0;
    margin: 0;

    background-size: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.carousel-actu .item.left {
    left: -25%;
}

.carousel-actu .item.center {
    left: 50%;
    margin-left: -25%;

}

.carousel-actu .item.right {
    right: -25%;
}

.carousel-actu .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 814px;
    height: 496px;
}

.carousel-actu .carousel-caption {
    font-size: 1.15em;
    margin-bottom: 0;
    padding: 10px 50px 10px;
    bottom: 0;
    z-index: 1;
    left: 25%;
    position: absolute;
    right: 25%;
}

.carousel-actu .carousel-caption h2 {
    font-size: 1.1em;
    margin-top: 10px;

}

.carousel-actu .panneau.active:hover .item.right .bg,
.carousel-actu .panneau.active:hover .item.right .carousel-caption,
.carousel-actu .panneau.active:hover .item.left .bg,
.carousel-actu .panneau.active:hover .item.left .carousel-caption {
    color: #f38500;
    opacity: 0.15;
}

.carousel-actu .item.center:hover span, .carousel-actu .item.center:hover h2 {
    color: #f38500;
}

.carousel-actu .carousel-indicators {
    display: block;
    bottom: -75px;
}

.en_savoir_plus .carousel-indicators, .projet-petit .carousel-indicators {
    bottom: -40px;
}

.carousel-actu .carousel-indicators li, .slider .carousel-indicators li, .en_savoir_plus .carousel-indicators li, .projet-petit .carousel-indicators li {
    background-color: #c0c0c0;
    border: 0;
    border-radius: 10px;
    height: 19px;
    width: 19px;
    margin: 0 7px;
}

.carousel-actu .carousel-indicators .active, .slider .carousel-indicators .active, .en_savoir_plus .carousel-indicators .active, .projet-petit .carousel-indicators .active{
    background-color: #404040;
    height: 19px;
    margin: 0 7px;
    width: 19px;
}

.carousel-actu .carousel-control {
    width: /*24%*/ 7%;
}

.carousel-actu:hover .carousel-control .glyphicon, .slider:hover .carousel-inner .carousel-control .glyphicon {
    width: 19px;
    height: 32px;
}

.carousel-actu:hover .carousel-control.right .glyphicon-chevron-right,
.slider .carousel-control.right:hover .glyphicon-chevron-right,
.rwd-display .carousel-control.right:hover .glyphicon-chevron-right {
    background: url(../images/carousel-arrow-right.png) no-repeat center top !important;
    display: block;
    z-index: 100000;
    width: 59px;
    height: 59px
}

.carousel-actu:hover .carousel-control.right .glyphicon-chevron-right::before,
.slider .carousel-control:hover .glyphicon-chevron-right::before,
.slider .carousel-control .glyphicon-chevron-right::before, .rwd-display .carousel-control:hover .glyphicon-chevron-right::before {
    content: "" !important;
}

.carousel-actu:hover .carousel-control.left .glyphicon-chevron-left,
.slider .carousel-control.left:hover .glyphicon-chevron-left,
.rwd-display .carousel-control.left:hover .glyphicon-chevron-left {
    background: url(../images/carousel-arrow-left.png) no-repeat center top !important;
    display: block;
    z-index: 100000;
    width: 59px;
    height: 59px
}

.carousel-actu:hover .carousel-control.left .glyphicon-chevron-left::before,
.slider .carousel-control:hover .glyphicon-chevron-left::before,
.slider .carousel-control .glyphicon-chevron-left::before, .glyphicon-chevron-left::before {
    content: "" !important;
}

.carousel-actu .carousel-control.right {
    left: 36%;
    right: auto;
}

.carousel-actu .carousel-control.left {
    right: 37%;
    left: auto;
}

/***********************/
/* LAME A l'Affiche (page Actualités) */
/***********************/
.titre-h1 {
    text-align: center;
    font-family: "UniversLTStd-LightCn";
    font-size: 6.3em;
    margin-bottom: 25px;
    margin-top: 30px;
}

.page-actualites-description {
    font-size: 2.3em;
    margin: 45px 15% 100px;
    line-height: 1.2em;
    text-align: center;
    font-family: "UniversLTStd-LightCn";
}

.affiche {
    text-align: center;
    font-family: "UniversLTStd-LightCn";
    margin-left: 0;
    margin-right: 0;
}

.affiche .hot, .affiche .hot {
    width: /*56%*/ 58.3%;
}

.affiche .others {
    width: /*43%*/ 41.6%;

}

.affiche .hot, .affiche .others {
    padding: 0 !important;
    text-align: left;
}

.affiche .hot .Actu .bg {
    background-repeat: no-repeat;
    background-size: 100%;
}

/* bloc d'une actu */
.affiche .Actu, .mur-actus .Actu {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: relative;
    cursor: pointer;
    min-height: 680px;
    background-size: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

/* animation Background .scale */
.affiche .Actu:hover .bg, .affiche .galerie:hover .bg, .affiche .galerie-02:hover .bg, .galerie-content .galerie:hover .bg, .mur-actus .Actu:hover .bg, .carousel-actu .item.center:hover .bg,
.scale:hover .bg, .projet-petit .projet:hover .bg .sous-bg {
    -webkit-animation: animatedBackground 3s ease-out 1;
    -moz-animation: animatedBackground 3s ease-out 1;
    animation: animatedBackground 3s ease-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .affiche .Actu:hover .bg, .affiche .galerie:hover .bg, .affiche .galerie-02:hover .bg, .galerie-content .galerie:hover .bg, .mur-actus .Actu:hover .bg, .carousel-actu .item.center:hover .bg,
    .scale:hover .bg, .projet-petit .projet:hover .bg .sous-bg {
        -webkit-animation: animatedBackground none;
        -moz-animation: animatedBackground none;
        animation: animatedBackground none;
    }
}


.affiche .Actu .bg {
    position: absolute;
    top: 0;
    left: 0;
}

.affiche .hot .Actu .bg {
    width: /*910px*/ 948px;
    height: 678px;
}

.affiche .others .Actu .bg {
    width: 340px;
    height: 340px;
}

.mur-actus .Actu .bg {
    width: 375px;
    height: 375px;
}

@-webkit-keyframes animatedBackground {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

}

@-moz-keyframes animatedBackground {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

}

@keyframes animatedBackground {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(1.1, 1.1);
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

}

.affiche .Actu .date, .mur-actus .Actu .date, .mur-actus .Actu p span.titre {
    display: block;
    margin-bottom: 15px;
    font-size: 1.1em;

}

.mur-actus .Actu p span.titre {
    margin-top: -13px;
    font-size: 1.2em;
}

.affiche .Actu img, .mur-actus .Actu img {
    width: 100%;
    height: auto;
    /*-webkit-transition: all 3.3s ease;
    -moz-transition: all 3.3s ease;
    -o-transition: all 3.3s ease;
    -ms-transition: all 3.3s ease;
    transition: all 3.3s ease;*/
}

.affiche .Actu:hover img, .mur-actus .Actu:hover img {
    /*-webkit-transform:translateZ(0) scale(1.20);
    -moz-transform:scale(1.20);
    -ms-transform:scale(1.20);
    -o-transform:translatZ(0) scale(1.20);
    transform:translatZ(0) scale(1.20);*/
}

/* .Actu > version à droite */
.affiche .others .Actu, .mur-actus .Actu {
    width: /*49%*/ 334px;
    display: inline-block;
    vertical-align: top;
    margin-right: -3px;
    min-height: 340px;
}

.mur-actus .Actu {
    width: 375px;
    height: 375px;
    font-family: "UniversLTStd-LightCn";
}

.affiche .others .Actu p, .mur-actus .Actu p {
    left: 0;
    width: 100%;
    min-height: 40px;
}

/* bloc texte */
.affiche .Actu p, .mur-actus .Actu p {
    position: absolute;
    bottom: 0;
    left: 16%;
    width: 68%;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0;
    padding: 10px 30px 30px;
    min-height: 120px;
    text-align: center;
    line-height: 1.2em;
}

.affiche .hot .Actu p {
    width: 645px;
    left: 50%;
    margin-left: -322px;
}

.affiche .hot .Actu p {
    font-size: 2.1em;
    line-height: 1.3em;
}

.affiche .hot .Actu p .date {
    font-size: 0.75em;
}

.affiche .others .Actu p, .mur-actus .Actu p {
    font-size: 1.2em;
    width: 100%;
    left: 0;
    text-align: left;
}

.affiche .Actu a, .mur-actus .Actu a {
    color: #333;
}

.affiche .Actu:hover a, .mur-actus .Actu:hover a {
    color: #f38500;
}

/* picto player */
.player {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 69px;
    background: url(../images/Pictos/picto-player.png) no-repeat center top;
    margin-left: -34px;
    margin-top: -69px;
    z-index: 1000;
    opacity: 0.85;
}

.player-actu {
    position: absolute;
    left: 50%;
    top: 85%;
    width: 68px;
    height: 69px;
    background: url(../images/Pictos/picto-player.png) no-repeat center top;
    margin-left: -34px;
    margin-top: -69px;
    z-index: 1000;
    opacity: 0.85;
}

/***********************/
/* LAME Restez informés (page Actualités) */
/***********************/
.restez-informes p {
    margin-bottom: 25px;
}

.restez-informes .social {
    padding-top: 10px;
}

/***********************/
/* LAME Toute l'actualité (page Actualités) */
/***********************/
.view-header {
    color: #1d1d1b;
    text-shadow: none;
    font-family: 'UniversLTStd-LightCn';
    font-size: 2.2em;
    line-height: 1.1em;
    padding: 30px;
    position: relative;
    text-align: center;
}
.actu-all {
    text-align: center;
    font-family: "UniversLTStd-LightCn";
    position: relative;
}
.actu-all > p {
    padding: 0 20%;
    margin-bottom: 20px;
}
.actu-all .tri {
    padding: 0 230px;
    margin-top: 40px;
}
.actu-all .drops {
    text-align: left;
    padding: 0;
}
.actu-all .search {
    text-align: right;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
.actu-all .search form {
    margin: 0;
}
.actu-all .search .form-inline {
    margin: 0;
}
.refresh {
    margin: 10px 0 0 20px;
}

.col-lg-7.drops {
    width: 62.3333%;
}
.col-lg-5.search {
    width: 37.6667%;
}

.actu-all .search label, .result-recherche-head .search label {
    position: absolute;
    left: -5000px;
}
.actu-all .search .btn, #edit-submit-actualite, .result-recherche-head .search .btn {
    background: #f38500 url(../images/Pictos/picto-loupe_blanc.png) no-repeat center center;
    color: #fff;
    border-color: #e5dece;
    border-radius: 3px;
    min-height: 40px;
    width: 67px;
    margin-left: -4px;
    vertical-align: top;
    margin-top: 0;
}

#edit-submit-actualite {
    font-size: 0;
    color: transparent;
    border: none;
}
#edit-submit-actualite, .form-item-keys {
    display: inline-block
}
.views-exposed-form .views-exposed-widget {
    float: none;
    padding: inherit;
}
#views-exposed-form-page-carriere-block .views-exposed-form .views-exposed-widget,
#views-exposed-form-actualite-page-1 .views-exposed-form .views-exposed-widget{
    padding: 0;
}
#edit-field-thematique-job-value{
    height: 40px;
    width: 150px;
    font-size: 1.5em;
}

.actu-all .search input,
.tri .search input,
.views-widget #edit-keys,
.result-recherche-head .search input {
    /*border-color:#e5dece;*/
    border: solid 1px #e5dece;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    min-height: 40px;
    width: 280px;
    color: #333;
    font-size: 1.4em;
    text-transform: uppercase;
    box-shadow: none;
    /*border-right:none;*/
    margin-left: 22px;
}

.mur-actus {
    /*padding:0 176px 0 197px;*/
    margin: 0 auto;
    width: 1200px;
    /*margin:25px 0 0 0;*/
    text-align: center;
    overflow: hidden
}

.mur-actus .Actu {
    margin: 0 12px 30px 7px;
}

.mur-voirplus, .mur-voirplus:hover {
    /*margin-top:-100px;*/
    display: block;
    min-height: 60px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    font-size: 1.7em;
    color: #f38500;
    z-index: 100000;
    position: absolute;
    bottom: 0;
    padding: 10px 0 0 0;
}

.actu-all .mur-voirplus, .actu-all .mur-voirplus:hover {
    position: relative;
}

/***********************/
/* SLIDER base */
/***********************/
.intro-gradient {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background: transparent;
    background: linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
}

.intro-gradient-responsive {
    width: 100%;
    background: transparent;
    background: black;
    opacity: 0.7;
}

.slider .carousel-inner .item {
    background-position: center center;
    /* min-height:925px;
	background-size: 100% auto !important;*/
}

.slider .carousel-caption {
    left: 21%;
    margin-bottom: 80px;
    right: 21%;
    min-height: 190px;
    padding: 0;
    z-index: 1;
}

.slider .header-home .carousel-caption {
    font-family: "UniversLTStd-LightCn";
    min-height: inherit;
    right: inherit;
    bottom: inherit;
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
    max-width: 40%;
    margin: 0;
    left: 5%;
}

.slider .header-home .carousel-caption-responsive {
    max-width: 70%;
    left: 3%;
}

.slider .carousel-caption a {
    min-height: 190px;
    display: block;
    padding: 15px 30px 0;
    background-color: transparent;
    color: #333;
}

.slider .header-home .carousel-caption a {
    display: inline-block;
    padding: 18px 40px;
    background-color: #f38500;
    color: white;
    font-size: 0.7em;
    text-transform: uppercase;
    min-height: auto;
    line-height: 0.7em;
}

.slider .carousel-indicators {
    bottom: 105px;
    display: block;
    text-align: right;
    padding-right: 30px;
}

.slider .carousel-indicators li, .slider .carousel-indicators .active {
    height: 12px;
    margin: 0 2px;
    width: 12px;
}

.slider .carousel-caption h2 {
    font-family: "tdh_cityburnregular";
    font-size: 2.3em !important;
    color: #f38500;
    margin: 0;
}

.slider .header-home .carousel-caption h2 {
    font-family: inherit;
    font-size: 2.1em;
    color: #ffffff;
}

.slider .carousel-caption h3 {
    margin: 0 0 45px 0;
    font-size: 1.5em;
    text-transform: none;
    color: #ffffff;
    margin-top: 5px;
}

.slider .header-home .carousel-caption h3 {
    font-size: 1em;
}

.slider .header-home .carousel-caption span {
    background-color: #f38500;
    padding: 0px 10px 0px 10px;
    color: white;
}

.slider .carousel-control.right {
    left: auto;
    right: 0;
}

.slider .carousel-control.left {
    left: 0;
    right: auto;
}

/***********************/
/* DEBUG */
/***********************/
.IE .footer .menu {
    margin-bottom: -10px;
}

.IE .footer .infos .social li, .IE .footer .infos .social li a {
    max-width: none;
    width: 126px;
    height: 120px;
}

.IE .footer .infos .social li {
    margin-left: 10px;
    margin-right: 10px;
}

.IE .lien-ext, .IE .lien-ext:hover {
    padding: 0 20px 25px 75px;
    background: url(../images/Pictos/picto_vistez_site_2.svg) no-repeat left 5px /110px;
}

/* IE9 */
.IE9 .result-recherche-head .search .btn {
    min-height: 44px;
}

/* IE8 */
.IE8 .search .dropdown .btn {
    background: url(../images/Pictos/picto-loupe.png) no-repeat left top;
}

.IE8 .alerte .titre {
    background: url(../images/Pictos/picto-pins-urgence.png) no-repeat left 26px;
}

.IE8 .social .facebook {
    background: url(../images/Pictos/picto-social-facebook.png) no-repeat center top;
}

.IE8 .social .twitter {
    background: url(../images/Pictos/picto-social-twitter.png) no-repeat center top;
}

.IE8 .social .google {
    background: url(../images/Pictos/picto-social-google.png) no-repeat center top;
}

.IE8 .social .linkedin {
    background: url(../images/Pictos/picto-social-linkedin.png) no-repeat center top;
}

.IE8 .social .instagram {
    background: url(../images/Pictos/picto-social-instagram.png) no-repeat center top;
}

.IE8 .social .youtube {
    background: url(../images/Pictos/picto-social-youtube.png) no-repeat center top;
}

.IE8 .lien-ext, .IE8 .lien-ext:hover {
    background: url(../images/Pictos/picto-lien-ext.png) no-repeat left 10px;
}

.IE8 .progress .content.twitter {
    background: url(../images/Pictos/picto-cercle-twitter.png) no-repeat center bottom;
}

.IE8 .progress .content.star {
    background: url(../images/Pictos/picto-cercle-star.png) no-repeat center bottom;
}

.IE8 .progress .content.twitter:hover {
    background: url(../images/Pictos/Picto_twitter_cercle_hover.png) no-repeat center bottom;
    background-color: #f38500;
}

.IE8 .progress .content.star:hover {
    background: url(../images/Pictos/Picto_etoile_hover.png) no-repeat center bottom;
    background-color: #f38500;
}

.IE .csstransforms3d .cl-effect-2 a span::before {
    background-color: #ff0000;

    transform: rotateX(-90deg);
    transform-origin: 50% 0 0;
    transition: background 0.3s ease 0s;
}

.IE .cl-effect-2 a span {
    /*background-color: #ff0000!important;*/

    transform-origin: 50% 0 0;
    transform-style: preserve-3d;
    transition: transform 0.3s ease 0s;
}
.IE .form-item-projets-urgence .saisie-texte {
    padding:0 0 0 10px;
}


/********************************
MENU DROPDOWN
********************************/

/* COMMUN */

.opacity .bg {
    opacity: 0.3;
}

.opacity h1 {
    color: #000;
}

.nav table {
    border-top: 1px solid #f7f4ef;
}

.dropdown.organisation ul, .dropdown.interventions ul, .dropdown.actualite ul, .dropdown.aider ul {
    margin-top: 0;
    box-shadow: none;
    border-bottom: 2px solid #F38500;
    border-radius: 0;
    /*border-top:1px solid #f7f4ef;*/
    border-top: 15px solid #fff;
    border-right: none;
    border-left: none;
    width: 1600px;
    z-index: 10000000;

    position: absolute !important;
    left: 0;
    margin-left: -392px;
}

.organisation h1, .interventions h1, .actualite h1, .aider h1 {
    font-size: 2em;
    color: #F38500;
}

.organisation table td, .interventions table td, .actualite table td, .aider table td {
    vertical-align: top;
    line-height: 28px;
    padding-right: 50px;
    padding-bottom: 20px;
    position: relative;
}

.organisation table a, .interventions table a, .actualite table a, .aider table a {
    margin-left: 0;
    font-size: 1.4em;
    display: block;
    padding: 0;
}

.organisation table a:hover, .interventions table a:hover, .actualite table a:hover, .aider table a:hover {
    color: #F38500;
    background-color: transparent;
}

.organisation table p, .interventions table p, .actualite table p, .aider table p {
    color: #b7b1a5;
    font-size: 1.4em;
    line-height: 24px !important;
}

.border-left-plus {
    border-left: 1px solid #f7f4ef;
}

.border-plus {
    border-left: 1px solid #f7f4ef;
    border-top: 1px solid #f7f4ef;
}

.aider table a {
    position: static;
    font-size: 1em;
}

.dropdown.interventions,
.dropdown.actualite,
.dropdown.organisation,
.dropdown.aider {
    position: inherit;
}

/* ORGANISATION */
.dropdown.organisation ul {
    /*margin-left:-960px;*/
}

.organisation .lien-position {
    position: absolute;
    bottom: 10px;
}

.organisation .border-plus {
    height: 210px;
}

.centrer-lien p {
    margin-bottom: 65px;
}

/* INTERVENTIONS */
.dropdown.interventions ul {
    /*margin-left:-410px;*/
}

.interventions .photo-protection, .interventions .photo-sante, .interventions .photo-crise {
    display: table-cell;
    height: 210px;
    width: 400px;
    padding: 0 !important;
    vertical-align: top;
    overflow: hidden;
}

.interventions .photo-protection .bg, .interventions .photo-sante .bg, .interventions .photo-crise .bg {
    position: relative;
    top: 0;
    left: 0;
    width: 400px;
    height: 210px;
    background-size: cover;

}

.interventions td {
    height: 425px;
}

.interventions .lien-position {
    margin-left: 80px !important;
    margin-top: 140px;
}

.interventions .border-plus {
    height: 212px;
}

.interventions .intervention-map {
    text-align: center;
}

.interventions .intervention-map h1{
    margin-top: 13px;
    margin-bottom: 13px;
}

.interventions .intervention-map a {
    padding: 2px 13px 0 13px;
    vertical-align: top;
    display: inline-block;
}

.interventions .intervention-map img {
    height: 34px;
    width: 34px;
    vertical-align: top;
    display: inline-block;
}

.interventions .photo-protection h1, .interventions .photo-sante h1, .interventions .photo-crise h1 {
    color: #fff;
    font-size: 2.25em;
    position: absolute;
    top: 82px;
    margin: 0;
}
.interventions .photo-protection h1, .interventions .photo-sante h1, .interventions .photo-crise h1 {
    font-size:1.6em;
}
.organisation h1 a, .interventions h1 a, .actualite h1 a, .aider h1 a{
    color: #f38500;
    font-size: 1em;
}
div.interventions h1 a {
    padding: 0;
}
.aider form button.btn a, .aider form button.btn a:hover{
    color:#FFFFFF;
}
.nav .open > a:focus, .nav .open > a, .nav .open > a:hover {
    background-color:transparent;
}
.nav .open > a:focus, .nav .open > a{
    background-color:transparent;
    color: #171212;
}
.nav .open > a:hover {
    color:#f38500;
}
.nav .aider.open > a:focus, .nav .aider.open > a, .nav .aider.open > a:hover{
    color: #fff;
    background-color: #f38500;
    border-radius: 3px;
}
.actu-all .views-exposed-widgets .search{
    float: none;
    display: inline-block;
    margin-right:0;
}
.actu-all .search #edit-submit-actualite{
    border-color: #f38500 ;
    border-top-right-radius:3px!important;
    border-bottom-right-radius:3px!important;
    border-bottom-left-radius:0px!important;
    border-top-left-radius:0px!important;

}

.interventions .photo-protection h1, .interventions .photo-sante h1, .interventions .photo-crise h1 {
    width: 100%;
    text-align: center;
    left: inherit;
}

.interventions .picto-deficience, .interventions .picto-adoption, .interventions .picto-cash, .interventions .picto-eau, .interventions .picto-justice, .interventions .picto-protection-urgence, .interventions .picto-protection, .interventions .picto-trafic, .interventions .picto-sante, .interventions .picto-sante-urgence, .interventions .picto-shelter, .interventions .picto-soins {
    position: relative;
    padding-left: 40px;
    margin-left: 20px;
    line-height: 26px;
    top: inherit;
    padding-top: 7px;
    padding-bottom: 3px;
}

.interventions .picto-deficience, .interventions .picto-adoption, .interventions .picto-cash, .interventions .picto-eau, .interventions .picto-justice, .interventions .picto-protection-urgence, .interventions .picto-sante, .interventions .picto-sante-urgence, .interventions .picto-shelter, .interventions .picto-soins {
    background-size: 25px auto !important;
}

.interventions .picto-protection {
    background-size: 28px auto !important;
}

.interventions .picto-trafic {
    background-size: 22px auto !important;
}

.interventions .bg-correction {
    background-color: #fff;
    width: 401px;
    margin-left: -1px;
    height: 12px;
    position: absolute;
    top: 210px;
    left: 0;
}

/* ACTUALITE */
.dropdown.actualite ul {
    /*margin-left:-728px;*/
}

.actualite .lien-position {
    position: absolute;
    bottom: 10px;
}

.bloc-align-center {
    text-align: center;
    padding-right: 0 !important;
}

.bloc-align-center h1 {
    color: #b7b1a5;
    margin-bottom: 50px;
}
.bloc-align-center.menu-newsletter {
    padding : 0 15px !important;
}
.bloc-align-center.menu-newsletter h1 {
    color: #f38500;
}
.bloc-align-center.menu-newsletter h2 {
    font-size:1.6em;
    color: #b7b1a5;
}
.bloc-align-center.menu-newsletter img {
    width: initial !important;
}
.no-more-pading div {
    float: left;
    /*padding: 0 10px;*/
    /*padding:0 2.3%;*/
    margin-top: 20px;
}

.no-more-pading div a {
    font-size: 1.1em !important;
    line-height: 20px;
}

.no-more-pading h1 {
    color: #b7b1a5;
}

.no-more-pading {
    padding: 0 !important;
    text-align: center;
    height: 210px;
}

.actualite .facebook {
    margin-left: 15px;
}

.actualite .facebook img, .actualite .twitter img, .actualite .google img, .actualite .linkedin img, .actualite .instagram img, .actualite .youtube img, .header .actualite img {
    width: 50px;
    height: auto;
    margin-bottom: 5px;
}

.actualite form button.btn,
.actualite form .form-control {
    width: 100%;
    text-align: center;
    box-shadow: none !important;
}

.actualite form button.btn {
    background-color: #f38500;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.55em;
    padding: 8px 10px !important;
    border: none;
}

.actualite form button.btn img {
    margin: -5px 10px 0 0;
}

.actualite form .form-control {
    background-color: #fff;
    color: #b7b1a5;
    font-size: 1.55em;
    height: auto;
    padding: 9px 10px !important;
    border: 1px solid #f7f4ef;
    margin-bottom: 30px;
}

.actualite .inscription {
    margin: 55px 15px 0;
}

.views-exposed-widgets .search {
    float: right;
    margin-right: 20px;
}

/* AIDER */
.dropdown.aider ul {
    /*margin-left:-1234px;*/
}

.aider table p {
    height: 130px;
}

.aider table h2 {
    font-size: 1.4em;
}

.aider table h2 span {
    color: #000000;
    font-size: 1.3em;
}

.aider .photo-testament, .aider .photo-benevolat, .aider .photo-philantropie, .aider .photo-donation, .aider .photo-entreprises, .aider .photo-actions {
    padding: 56px 0 0;
    height: 211px;
    overflow: hidden;
}

.aider .photo-testament .bg, .aider .photo-benevolat .bg, .aider .photo-philantropie .bg, .aider .photo-donation .bg, .aider .photo-entreprises .bg, .aider .photo-actions .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 211px;
    background-size: cover;

}

.aider .photo-testament h1, .aider .photo-benevolat h1, .aider .photo-philantropie h1, .aider .photo-donation h1, .aider .photo-entreprises h1, .aider .photo-actions h1 {
    color: #fff;
    font-size: 2.25em;
    position: absolute;
    top: 56px;
    margin: 0;
}

.aider h1 {
    text-align: center;
    width: 100%;
}

.aider .photo-testament p, .aider .photo-benevolat p, .aider .photo-philantropie p, .aider .photo-donation p, .aider .photo-entreprises p, .aider .photo-actions p {
    color: #fff;
    font-size: 1.5em;
    position: absolute;
    top: 92px;
    margin: 0;
    text-align: center;
}

.aider p ,
.aider h1 {
    text-align: center;
    width: 100%;
}

.aider form button.btn {
    background-color: #f38500;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.8em;
    padding: 0 40px;
    border: none;
    border-radius: 3px;
    position: absolute;
    top: 142px;
    left: 90px;
}

.aider a .menu-arrow {
    background: url(../images/Menu/menu-arrow.png) no-repeat top center;
    height: 5px;
    position: relative;
    /* right: 293px; */
    /* top: -16px; */
    width: 10px;
    display: none;
    margin: 0 auto -5px auto;
    z-index: 1000000000;
}

.aider:hover .menu-arrow {
    display: block;
}

form.inscription {
    text-align: center;
    margin-top: 85px;
}

/* RECHERCHE */

.search .picto-loupe-white {
    background: url(../images/Menu/picto-loupe-white.png) no-repeat top left !important;
    height: 43px !important;
    width: 70px !important;
}

.search .form-control {
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #f7f4ef;
    border-right: none !important;
    font-family: 'UniversLTStd-LightCn';
    text-transform: uppercase;
    height: 43px;
    width: 238px;
    color: #000000;
}

.search .form-control::-moz-placeholder {
    color: #000000;
    font-size: 1.35em;
}

.search .form-control::-webkit-input-placeholder {
    color: #000000;
    font-size: 1.35em;
}

.search .form-control::-ms-input-placeholder {
    color: #000000;
    font-size: 1.35em;
}

.search .boutton-correction {
    height: 43px;
    width: 70px;
    background-color: #f38500;
    border: 1px solid #f7f4ef;
    border-radius: 2px;
    display: inline-block;
}

.search .form-inline {
    display: flex;
    margin-top: 20px;
    margin-left: 40px;
}

/*.dropdown-menu .form-group .form-item-search-block-form {
    display: inline-block;
}*/

.dropdown-menu .boutton-correction {
    display: inline-block;
}

.dropdown-menu .boutton-correction .form-actions {
    margin-top: 0;
}

/********************************
PAGE MEDIAS DETAILS GALERIE
********************************/

.MEDIAS-content {
    margin: 0 20% 25px 20%;
    font-family: 'UniversLTStd-LightCn';
}

#medias-details-galerie h3 {
    padding: 10px 30px 0;
}

.ACTU-content h3.titre-bottom-document {
    padding: 10px 30px 0;
}

#medias-details-galerie .table-galerie h3 {
    padding: 10px 0 0;
}

/* fix 16853 - Job description - problème de police */
.ACTU-content .emploi ol li {
    font-size: inherit;
    text-align: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.ACTU-content ol li {
    font-size: 1.8em;
    line-height: 1.3em;
    text-align: justify;
    font-weight: 600;
}

.ACTU-content ol li span {
    font-weight: 500;
}

.ACTU-content ol li:before {
    content: " – ";
}

.ACTU-content ol {
    margin: 0 35px 30px 20px;
}

.table-galerie {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 100%; /* définir une taille fixe pour la div "infos" des détails media (document, video, image) */
}

.table-galerie th, .table-galerie td {
    font-size: 1.4em;
    border: none;
    padding: 0;
    vertical-align: top;
}

.table-galerie th {
    width: 120px;
    font-weight: normal;
    color: #686157;
}

.table-galerie td {
    color: #1d1d1b;
}

.description_details_medias {
    padding: 50px 30px 20px;
}

.description_details_medias h1 {
    margin: 0;
}

.video-content {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 1200px;
}

.video-content img {
    width: 100%;
}

.document-content {
    background-color: #f7f4ef;
    margin: 0 auto 30px;
    padding-left: 22%;
    width: /*1600px*/ 100%;
}

/* MEDIAS DETAIL DOCUMENT */

#medias-details-galerie .document-content {
    background-color: #f7f4ef;
    margin: 0 auto;
    padding-left: 22%;
    width: 100%;
}

.document-content a {
    background-color: #f38500;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 1.2em;
    padding: 5px 35px;
    text-transform: uppercase;
    font-family: "UniversLTStd-LightCn";
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

.document-content img {
    float: left;
}

.document-content div {
    float: left;
    margin: 20px 0 0 30px;
    width: 150px;
}

.document-content h3 {
    margin: 0;
    font-size: 1.4em;
    font-family: "UniversLTStd-LightCn";
    padding: 0 0 20px !important;
}

/* LAME GALERIE MEDIAS */

#medias-details-galerie .affiche .Img .Img-01 {
    min-height: 530px;
}

#medias-details-galerie .affiche .Img .Img-02, #medias-details-galerie .affiche .Img .Img-03 {
    min-height: 265px;
}

#medias-details-galerie .affiche .Img .Img-01 .bg, #medias-details-galerie .affiche .Img .Img-02 .bg {
    width: 532px;
}

#medias-details-galerie .affiche .Img .Img-01 .bg {
    height: 530px;
}

#medias-details-galerie .affiche .Img .Img-02 .bg {
    min-height: 265px;
}

#medias-details-galerie .affiche .Img-03 {
    background-repeat: no-repeat;
    display: inline-block;
}

#medias-details-galerie .affiche .galerie .element-up {
    width: 69px;
    height: 70px;
    left: 44%;
    top: 35%;
    position: absolute;
}

#medias-details-galerie .affiche .galerie .bg, #medias-details-galerie .affiche .galerie-02, .galerie-content .galerie .bg {
    position: absolute;
    top: 0;
    left: 0;
}

#medias-details-galerie .affiche .galerie-02, .galerie-content .galerie {
    position: relative;
    cursor: pointer;
    background-size: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

#medias-details-galerie .galerie-02 {
    border: medium none !important;
    display: inline-block;
    height: 263px;
    margin-bottom: -3px;
    width: 259px;
}

#medias-details-galerie .galerie-02.border-left {
    margin-left: -1px !important;
}

#medias-details-galerie .affiche .Img {
    width: 32.6%;
    padding: 0 !important;
    text-align: left;
}

#medias-details-galerie .affiche .galerie-item .galerie-description {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0;
    padding: 18px 30px 30px;
    min-height: 70px;
    text-align: center;
    line-height: 1.2em;
    color: #333;
    display: none;
}

#medias-details-galerie .affiche .galerie-item .galerie-description span {
    font-size: 1.2em;
}

#medias-details-galerie .affiche .galerie-item:hover .galerie-description {
    color: #f38500;
}

.container.galerie-media, .container.structure-orga {
    max-width: 1600px;
    padding: 0;
}

/* MEDIAS LIES */

.name_page_medias {
    font-size: 1.9em;
}

.galerie-content .Img .Img-04 {
    min-height: 264px;
}

.galerie-content .Img .Img-04 .bg {
    height: 264px;
    width: 273px;
}

.galerie-content .galerie .element-up {
    width: 66px;
    height: 67px;
    left: 38%;
    top: 25%;
    position: absolute;
}

.mediatheque .tab-content .element-up.image, .galerie-content .galerie .element-up.image {
    background-image: url(../images/Pictos/picto-image.png);
}

.mediatheque .tab-content .element-up.autre, .galerie-content .galerie .element-up.autre {
    background-image: url(../images/Pictos/picto-doc.png);
}

.mediatheque .tab-content .element-up.video, .galerie-content .galerie .element-up.video {
    background-image: url(../images/Pictos/picto-film.png);
}

.galerie-content .Img {
    display: inline-block;
    float: none;
    margin: 0 10px 20px;
    padding: 0 !important;
    text-align: center;
    width: 270px !important;
}

.galerie-content .galerie p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0;
    padding: 14px 20px 14px;
    min-height: 68px;
    text-align: center;
    line-height: 1.2em;
    color: #333;
    font-size: 1.2em;
    font-family: "UniversLTStd-LightCn";
}

.galerie-content .galerie:hover p {
    color: #f38500;
}

.galerie-content {
    padding: 0;
    text-align: center;
    margin: 0 auto 150px;
    width: 1200px;
    margin-top: 51px;
}

/********************************
PAGE MEDIATHEQUE
********************************/
.mediatheque .actu-all {
    margin-bottom: 15px;
}

.mediatheque .lien {
    color: #f38500;
    display: inline-block;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.8em;
    margin-bottom: 90px;
    text-align: center;
    width: 100%;
}

.mediatheque .mediatheque-description {
    font-size: 2.3em;
    margin: 45px 15% 100px;
    line-height: 1.2em;
    text-align: center;
    font-family: "UniversLTStd-LightCn";
}

.autres.filtre-activites {
    margin: 0;
    padding: 0;
    border: none;
    /*padding: 0 230px;*/
}

.autres.filtre-activites .thematique {
    margin: 10px 0;
}

.autres.filtre-activites .thematique, .autres.filtre-activites .thematique h3, .autres.filtre-activites .thematique div {
    float: left;
}

.autres.filtre-activites .thematique h3 {
    margin-right: 20px;
    font-size: 1em;
}

.autres.filtre-activites .thematique div {
    margin-top: 16px;
    background-size: 20px auto !important;
    font-size: 0.75em;
    padding: 6px 10px 6px 40px;
    background-color: #f7f4ef !important;
    background-position: 10px center !important;
    background-repeat: no-repeat !important;
    color: #1d1d1b;
    display: inline-block;
    font-family: "UniversLTStd-LightCn";
    margin-right: 10px;
    text-align: left;
    text-transform: uppercase;
}

.autres.filtre-activites .thematique button {
    height: 18px;
    padding: 0;
    width: 18px;
    background-repeat: no-repeat !important;
    cursor: pointer;
    border: none;
    margin: -4px 0 0 6px;
}

/* TABS */

.mediatheque .personnes .tab-content {
    background-color: #fff;
    min-height: 380px;
}

.mediatheque .personnes .nav-tabs li {
    font-size: 2.3em;
}

.mediatheque .personnes .nav-tabs li a {
    background-color: #f7f4ef;
}

.mediatheque .personnes .nav-tabs li.active a {
    font-size: 1.2em;
    height: 70px;
}

.mediatheque .tab-content .element-up {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 23%;
    left: 50%;
    margin-left: -6%;
    position: absolute;
    top: 31%;
    width: 16%;
}

.mediatheque .personnes .tab-pane .row {
    margin: 0;
}

.mediatheque .personnes .tab-pane .row > div {
    padding: 0;
}

.mediatheque .tab-content p {
    color: #333;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.2em;
    text-align: center;
    margin-left: 30px;
    margin-top: 5px;
}

/* RESPONSIVE MENU*/
#accordion-menu,
#accordion-menu-in-1,
#accordion-menu-in-2,
#accordion-menu-in-3,
#accordion-menu-in-4,
#accordion-menu-in-5,
.menu-mobile ul.ui-accordion-content {
    height: auto !important;
    border-radius: 0;
    border: 0;
}

#accordion-menu-in-1,
#accordion-menu-in-2,
#accordion-menu-in-3,
#accordion-menu-in-4,
#accordion-menu-in-5 {
    padding: 0;
}

.menu-mobile h3.ui-accordion-header {
    background: #F38500;
    border-radius: 0;
    border: 0;
    color: #FFF;
    padding: 13px 30px;
    font-size: 1.6em;
    font-weight: normal;
}

.menu-mobile h4.ui-accordion-header {
    background: #fff;
    border-radius: 0;
    border: 0;
    color: #F38500;
    padding: 13px 30px;
    font-size: 1.45em;
    font-weight: normal;
}

.menu-mobile .ui-accordion-header span.ui-accordion-header-icon {
    right: 30px;
    left: inherit;
}

#accordion-menu h3,
#accordion-menu h4 {
    font-family: 'UniversLTStd-LightCn';
    margin-top: 0;
}

#accordion-menu h3 {
    border-bottom: 1px solid #fff;
}

.menu-mobile ul.ui-widget-content {
    background: #FFF;
    padding: 0;
}

.menu-mobile ul.ui-widget-content li {
    border-top: 1px solid #efefef;
    padding: 6px 30px;
    font-family: 'UniversLTStd-LightCn';
    font-size: 1.2em;
}

#accordion-menu h4 {
    border-top: 1px solid #efefef;
}

#accordion-menu h4:first-child {
    border-top: 0;
}

.menu-mobile h3.ui-state-default.ui-state-active .ui-icon {
    background: url(../images/arrow-accordeon-h3-open.png) no-repeat left top;
}

.menu-mobile h3.ui-state-default .ui-icon {
    background: url(../images/arrow-accordeon-h3-close.png) no-repeat left top;
}

.menu-mobile h4.ui-state-default.ui-state-active .ui-icon {
    background: url(../images/arrow-accordeon-h4-open.png) no-repeat left top;
}

.menu-mobile h4.ui-state-default .ui-icon {
    background: url(../images/arrow-accordeon-h4-close.png) no-repeat left top;
}

.menu .menu-mobile a {
    font-size: 1em;
    display: block;
    padding: 5px 35px;
}

.menu .menu-mobile #accordion-menu-in-2 a,
.menu .menu-mobile #accordion-menu-in-3 a,
.menu .menu-mobile #accordion-menu-in-4 a,
.menu .menu-mobile #accordion-menu-in-5 a {
    padding-left: 0;
}
.menu .menu-mobile #accordion-menu-in-2 a{
}
.menu .menu-mobile #ui-accordion-accordion-menu-in-2-panel-4 a{
    padding-left: 35px;
}

.menu-mobile .picto-trafic,
.menu-mobile .picto-cash,
.menu-mobile .picto-eau,
.menu-mobile .picto-protection-urgence,
.menu-mobile .picto-sante,
.menu-mobile .picto-sante-urgence,
.menu-mobile .picto-shelter,
.menu-mobile .picto-soins {
    background-size: 20px auto !important
}

.menu-mobile .picto-protection,
.menu-mobile .picto-justice,
.menu-mobile .picto-deficience,
.menu-mobile .picto-adoption {
    background-size: 25px auto !important
}

.partenaires figure {
    margin: 0 auto !important;
}

.carousel-actu:hover .carousel-control.left .glyphicon-chevron-left, .carousel-control.left:hover .glyphicon-chevron-left, .rwd-display .carousel-control.left:hover .glyphicon-chevron-left {
    background: url(../images/carousel-arrow-left.png) no-repeat center top !important;
    display: block;
    z-index: 100000;
    width: 59px;
    height: 59px;
}

.carousel-actu:hover .carousel-control.right .glyphicon-chevron-right, .carousel-control.right:hover .glyphicon-chevron-right, .rwd-display .carousel-control.right:hover .glyphicon-chevron-right {
    background: url(../images/carousel-arrow-right.png) no-repeat center top !important;
    display: block;
    z-index: 100000;
    width: 59px;
    height: 59px;
}

.carousel-control:hover .glyphicon-chevron-right::before {
    content: "" !important;
}

.carousel-control.left .glyphicon-chevron-left {
    background: url(../images/carousel-arrow-left.png) no-repeat center top !important;
    display: block;
    z-index: 100000;
    width: 59px;
    height: 59px;
}

.carousel-control.right .glyphicon-chevron-right {
    background: url(../images/carousel-arrow-right.png) no-repeat center top !important;
    display: block;
    z-index: 100000;
    width: 59px;
    height: 59px;
}

.carousel-control .glyphicon-chevron-right::before {
    content: "" !important;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.lame-galerie .carousel-control .glyphicon-chevron-left, .lame-galerie  .carousel-control .glyphicon-chevron-right {
    top: 100%;
}

.carousel-control .glyphicon-chevron-right::before {
    content: "" !important;
}

@media only screen and (max-width: 800px) {
    .lame-galerie .carousel-control .glyphicon-chevron-left, .lame-galerie  .carousel-control .glyphicon-chevron-right {
        top: 75%;
    }
}


/***********************/
/* RWD */
/***********************/
/* MOBILES + TAB */

/* max-width:961px */
@media only screen and (max-width: 961px) {
    .affiche .hot {
        width: 100%
    }

    .affiche .others {
        display: none;
    }

    .carousel-actu .carousel-caption {
        left: 10%;
        right: 10%;
    }

    #page-urgence .derniers_tweets h2 {
        width: 100%;
    }

    .page-delegation #sticky-wrapper {
        height: auto !important;
    }

    body.page-delegation .header .dropdown.lang {
        padding: 0;
    }

    body.page-delegation .header .lang {
        padding: 0;
    }

    body.page-delegation .header .titre {
        margin-left: 0;
        padding: 0;
    }
    .texte_riche_background p {
        width: 80%;
    }
	.texte_riche_background p {
		width: 80%;
	}
    .pswp__button--arrow--right {
        background: url(../images/carousel-arrow-right.png) no-repeat center top !important;
        display: block;
        z-index: 100000;
        width: 59px;
        height: 59px;
    }
    .pswp__button--arrow--left {
        background: url(../images/carousel-arrow-left.png) no-repeat center top !important;
        display: block;
        z-index: 100000;
        width: 59px;
        height: 59px;
    }

}

/******************************** min-width:1180px max-width:1599px ********************************/
@media only screen and (min-width: 1180px) and (max-width: 1599px) {
    .progress {
        height: 270px;
        width: 270px;
    }

    .progress .content {
        width: 270px;
    }
    .progress .content:hover {
        height: 270px;
    }

    .progress .content .engager {
        font-size: 1.4em;
        padding: 20px 15px;
    }

    .progress .content.star:hover {
        background: url(../images/Pictos/Picto_etoile_hover.svg) no-repeat center 150px / 96px;
        background-color: #f38500;
    }

    .progress .content.twitter:hover {
        background: url(../images/Pictos/Picto_twitter_cercle_hover.svg) no-repeat center 80px / 150px;
        background-color: #f38500;
    }

}

/* min-width:961px max-width:1599px */
@media only screen and (min-width: 961px) and (max-width: 1599px) {

    #sticky-wrapper .col-xs-6.logo,
    #sticky-wrapper .col-xs-6.menu,
    #sticky-wrapper .col-xs-1.search {
        padding-left: 0;
        padding-right: 0;
    }

    #sticky-wrapper .col-xs-6.menu,
    #sticky-wrapper .col-xs-6.menu .nav .dropdown {
        position: static;
    }

    .alerte .btn {
        padding: 5px 30px;
    }

    .alerte {
        padding: 5px 20px 33px;
    }

    .dropdown.organisation ul, .dropdown.interventions ul, .dropdown.actualite ul, .dropdown.aider ul {
        width: 100%;
        /*top: 209px;*/
        margin-left: 0;
        margin-top: 0;
    }

    .is-sticky .dropdown.organisation ul, .is-sticky .dropdown.interventions ul, .is-sticky .dropdown.actualite ul, .is-sticky .dropdown.aider ul {
        top: 60px;
    }

    .menu .dropdown {
        margin: 0 20px 0 2px;
    }

    .logo img {
        width: 90%;
        max-width: 301px;
    }

    .temoignage.right {
        padding: 70px 0 0 720px;
    }

    .temoignage p {
        padding: 0 15px 0 15px;
    }

    .interventions .photo-protection h1, .interventions .photo-sante h1, .interventions .photo-crise h1 {
        width: 100%;
        text-align: center;
        left: inherit;
    }

    .interventions .photo-protection, .interventions .photo-sante, .interventions .photo-crise {
        width: 25%;
        vertical-align: top;
    }

    .interventions .photo-protection .bg, .interventions .photo-sante .bg, .interventions .photo-crise .bg {
        width: 100%;
        position: relative;
        background-position: center;
    }

    .interventions .picto-deficience, .interventions .picto-adoption, .interventions .picto-cash, .interventions .picto-eau, .interventions .picto-justice, .interventions .picto-protection-urgence, .interventions .picto-protection, .interventions .picto-trafic, .interventions .picto-sante, .interventions .picto-sante-urgence, .interventions .picto-shelter, .interventions .picto-soins {
        top: inherit;
        position: relative;
        line-height: 26px;
        padding-top: 7px;
        padding-bottom: 3px;
    }

    .menu a {
        padding: 0 18px 0 18px;
    }

    .nav .actualite tr:nth-child(2) td:nth-child(2) {
        padding-bottom: 20px !important;
    }

    .derniers_tweets h2 {
        margin-bottom: 60px !important;
    }

    .header .row{
        position:relative;
    }
    .header .row,
    .contact_1pers .row,
    .contact_2pers .row,
    .infos .row,
    .en_savoir_plus .row,
    .sengager .row,
    .projet-petit .row,
    .delegation.visuel .row,
    .partenaires .row,
    .autres_thematiques_liees .row,
    .texte_riche .txt_rich_2cols .row,
    .texte_riche .txt_rich_3col .row,
    .texte_riche .txt_rich_4col .row,
    .texte_riche .txt_rich_1col .row {
        margin: 0;
    }

    .texte_riche .txt_rich_2cols .row,
    .texte_riche .txt_rich_3col .row,
    .texte_riche .txt_rich_4col .row,
    .texte_riche .txt_rich_1col .row,
    .texte_riche .txt_rich_3cols .content, .texte_riche .txt_rich_1col .content, .texte_riche .txt_rich_2cols .content, .txt_rich_4cols .content {
        width: auto;
    }

    .txt_rich_4cols {
        width: 100%;
    }

    .footer .newsletter form {
        margin: 0px 148px 0 630px;
    }

    .interventions .lien-position {
        text-align: center;
        margin-left: 0 !important;
    }

    #faq .ui-accordion-content {
        height: auto !important;
    }

    .aider td.scale h1 {
        left: inherit !important;
        text-align: center;
        width: 100%;
    }

    .aider td.scale p {
        left: inherit !important;
        text-align: center;
        width: 100%;
    }

    .aider form button.btn {
        position: relative;
        top: inherit;
        left: inherit;
    }

    .projet-petit .projet .bg {
        width: 263px;
        height: 262px;
    }

    .projet-petit .projet .bg .sous-bg {
        width: 262px;
        height: 262px;
    }

    .derniers_tweets .content, .page-delegation .derniers_tweets .content, .derniers_tweets h2 {
        width: 100%;
    }

    .footer .newsletter form button.btn {
        max-width: 402px;
    }

    .footer .newsletter form .form-group .form-control {
        max-width: 402px;
        margin: 0 auto;
    }

    #page-urgence .derniers_tweets h2 {
        width: 90%;
    }

    #page-urgence .derniers_tweets .content {
        padding-top: 20px;
    }

}

/*** DESKTOP ETAPES ***/
/* min-width:961px max-width:1499px */
@media only screen and (min-width: 961px) and (max-width: 1499px) {
    .menu .dropdown {
        margin: 0 20px 0 2px;
    }

    .projet-petit .projet .bg {
        width: 244px;
        height: 243px;
    }

    .projet-petit .projet .bg .sous-bg {
        width: 243px;
        height: 243px;
    }

    .sengager .bloc_sengager h3 {
        font-size: 1.8em;
    }

    .sengager .bloc_sengager, .evenements .bloc_evenement, .causes .bloc_sengager, .bloc-revue-presse, .temoignages .bloc_sengager {
        padding-left: 10px;
        padding-right: 10px;
    }

}

/* min-width:961px max-width:1399px */
@media only screen and (min-width: 961px) and (max-width: 1399px) {
    .menu .dropdown {
        margin: 0px 10px 0 2px;
    }

    .projet-petit .projet .bg {
        width: 226px;
        height: 225px;
    }

    .projet-petit .projet .bg .sous-bg {
        width: 225px;
        height: 225px;
    }

    .sengager .bloc_sengager h3 {
        min-height: 80px;
    }
}

/* min-width:961px max-width:1299px */
@media only screen and (min-width: 961px) and (max-width: 1299px) {
    .alerte .btn {
        padding: 5px 18px;
    }

    .menu .dropdown {
        margin: 0;
    }
    .menu li:first-child{
        padding-left: 40px;
    }

    .menu a {
        font-size: 2.15em;
    }

    #sticky-wrapper .col-xs-6.menu {
        padding-left: 10px;
    }

    .projet-petit .projet .bg, .page-delegation .projet-petit .projet .bg {
        width: 207px;
        height: 206px;
    }

    .projet-petit .projet .bg .sous-bg, .page-delegation .projet-petit .projet .bg .sous-bg {
        width: 207px;
        height: 206px;
    }

    .dropdown.organisation ul, .dropdown.interventions ul, .dropdown.actualite ul, .dropdown.aider ul {
        /*top: 206px;*/
    }

    .is-sticky .dropdown.organisation ul, .is-sticky .dropdown.interventions ul, .is-sticky .dropdown.actualite ul, .is-sticky .dropdown.aider ul {
        top: 57px;
    }

    .delegation .content {
        padding: 0 110px;
    }

    .chapeau_grande_image .description_chapeau {
        width: 80%;
    }

    .galerie-content {
        width: 1180px;
    }

    .galerie-content .row {
        margin: 0;
    }

    .actu-all .tri {
        padding-left: 0 !important;
        width: 1170px;
    }

}

/* min-width:961px max-width:1199px */
@media only screen and (min-width: 961px) and (max-width: 1199px) {

    .temoignage.right {
        padding: 70px 0 0 500px !important;
    }

    .col-lg-3.logo {
        width: 25%;
    }

    body.landing-page .col-lg-3.logo, .page-donation .col-lg-3.logo {
        width: auto;
    }

    .col-lg-8.menu {
        width: 66.66666667%;
    }

    .col-lg-1.search {
        width: 8.33333333%;
    }

    .menu a {
        font-size: 2em;
        padding: 0 14px;
    }

    .alerte .btn {
        padding: 5px 15px;
        font-size: .65em;
    }

    .menu li:first-child {
        margin-left: 20px;
    }

    .projet-petit .projet .bg, .page-delegation .projet-petit .projet .bg {
        width: 188px;
        height: 187px;
        margin: 0 auto;
    }

    .projet-petit .projet .bg .sous-bg, .page-delegation .projet-petit .projet .bg .sous-bg {
        width: 187px;
        height: 187px;
    }

    .dropdown.organisation ul, .dropdown.interventions ul, .dropdown.actualite ul, .dropdown.aider ul {
        /*top: 204px;*/
    }

    .is-sticky .dropdown.organisation ul, .is-sticky .dropdown.interventions ul, .is-sticky .dropdown.actualite ul, .is-sticky .dropdown.aider ul {
        top: 55px;
    }

    .sengager .bloc_sengager, .evenements .bloc_evenement, .causes .bloc_sengager, .bloc-revue-presse, .temoignages .bloc_sengager {
        margin-bottom: 20px;
    }

    .contact_1pers .content,
    .contact_2pers .content {
        padding: 0 160px;
    }

    .carousel-control {
        width: 9%;
    }

    .galerie-content {
        width: 100%;
    }

    .galerie-content .row {
        margin: 0;
    }

    .row.tri {
        width: 100%;
    }

    /*
	.galerie-content .Img {
		margin: 0 9px 20px;
	}
	*/
    .autres.filtre-activites .thematique {
        padding-left: 20px;
    }

    /*FOOTER*/
    .don-tel {
        padding-right: 210px;
    }

    .footer .newsletter form {
        margin: 0px 138px 0 590px;
    }

    body.page-delegation .footer .newsletter form {
        margin: 0px 138px 0 450px;
        text-align: left;
    }

    body.page-delegation .footer .newsletter form .form-group .form-control {
        margin: 0 0;
    }

    /* delegation */
    body.page-delegation .header .logo img {
        margin: 0 0 22px 5%;
    }

    /* detail actu */
    .ACTU-content,
    .ACTU-title,
    .FAQ-content {
        width: 100%;
        padding: 0 30px;
    }
}

/* min-width:980px max-width:1179px */
@media only screen and (min-width: 980px) and (max-width: 1179px) {

    .causes, .themes-sante {
        width: 100%;
    }

    /* resultat de recherche */
    .result-recherche {
        width: 100%;
        padding: 20px 50px;
    }

    /* mur succes */
    .mur {
        width: 100%;
        padding: 0;
    }

    /* relations médias */
    .mur-revue-presse {
        width: 100%;
    }

    .candidature_spont, .restez-informes, .kit-media, .texte_riche .align-left {
        width: 100%;
    }

    .mur-actus {
        width: 100%;
    }

    /* textes riches */
    .texte_riche .txt_rich_3cols .content, .texte_riche .txt_rich_1col .content, .texte_riche .txt_rich_2cols .content, .txt_rich_4cols .content {
        width: 100%;
    }

    /* emplois ouverts */
    .list li {
        padding: 20px 165px 25px;
    }

    .progress {
        /*border: 2px solid #e6e7e2;*/
        margin-bottom: 20px;
    }

    .chiffres_cles .top {
        /*margin-top: 0;*/
        margin-top: -230px;
    }

    .chiffres_cles .bottom {
        margin-bottom: 0;
    }

    .chapeau_grande_image {
        background-size: 100% auto !important;
        height: auto;
        max-height: auto;
        min-height: auto;
    }

    /* MEDIAS DETAILS */
    .galerie-content, .video-content {
        width: 100%;
    }

    .video-content {
        padding: 0 5%;
    }

    .MEDIAS-content {
        margin: 0 10% 25px 10%;
    }

    #medias-details-galerie .document-content {
        padding-left: 13%;
    }

    .chapeau_noimage .description_chapeau_noimage {
        padding: 0 10%;
        width: 100%;
        left: inherit;
    }

}

/* min-width:961px max-width:1099px */
@media only screen and (min-width: 961px) and (max-width: 1099px) {
    .alerte .col-lg-3 {
        /*padding-left: 0;*/
        padding-right: 0;
    }

    /*FOOTER*/
    .don-tel {
        padding-right: 20px;
    }

    .don-ccp {
        padding-left: 20px;
    }

    .infos .social {
        margin-top: 20px;
    }

    .footer .newsletter form {
        margin: 0px 100px 0 530px;
    }

    .carousel-control {
        width: 7%;
    }

    .chapeau_grande_image .description_chapeau {
        font-size: 2em;
    }
}

/* min-width:961px max-width:1040px */

@media only screen and (min-width: 962px) and (max-width: 971px) {
    .menu a {
        font-size: 1.7em;
    }

}

@media only screen and (min-width: 961px) and (max-width: 1040px) {
    .menu a {
        font-size: 1.8em;
    }

    .projet-petit .projet .bg, .page-delegation .projet-petit .projet .bg {
        width: 166px;
        height: 165px;
        margin: 0 auto;
    }

    .projet-petit .projet .bg .sous-bg, .page-delegation .projet-petit .projet .bg .sous-bg {
        width: 165px;
        height: 165px;
    }

    .dropdown.organisation ul, .dropdown.interventions ul, .dropdown.actualite ul, .dropdown.aider ul {
        /*top: 199px;*/
    }

    .is-sticky .dropdown.organisation ul, .is-sticky .dropdown.interventions ul, .is-sticky .dropdown.actualite ul, .is-sticky .dropdown.aider ul {
        top: 50px;
    }

    #faq .ui-widget {
        margin: 0 140px;
    }

}

@media only screen and (min-width: 962px) and (max-width: 971px) {
    .menu a {
        font-size: 1.7em;
    }

}

/* min-width:961px max-width:999px */
@media only screen and (min-width: 961px) and (max-width: 999px) {
    .footer .newsletter form {
        margin: 0px 90px 0 505px;
    }
}

/* max-width:380px */
@media only screen and (max-width: 380px) {
    .selection_pays, .afficher_une_thematique {
        width: 80%;
    }
}

@media only screen and (min-width: 417px) and (max-width: 979px) {
    #medias-details-galerie .galerie-02 {
        width: 49.57%;
    }
}

@media only screen and (max-width: 416px) {
    #medias-details-galerie .galerie-02 {
        width: 48.6%;
    }
}



/******************************** max-width:979px ********************************/
@media only screen and (max-width: 979px) {
    .page-delegation .intro-delegation p {
        font-size: 1.5em !important;
        padding: 30px 50px !important;
    }

    .slider .carousel-caption {
        left: 10%;
        right: 10%;
        bottom: -10%;
        font-size: 1.4em;
        position: absolute;
    }

    .slider {
        margin-bottom: 50px;
    }

    /*.slider .carousel-inner .item {
    min-height: 570px;
}*/
    .slider .carousel-indicators {
        bottom: 50px;
        display: block;
        padding-right: 0;
        text-align: right;
    }

    .affiche .hot {
        width: 100%
    }

    .affiche .others {
        display: none;
    }

    /* resultat de recherche */
    .result .nav-tabs/*, .left-menu*/ {
        display: none;
    }
    .left-menu {
        display: inline-block;
    }

    .result-recherche {
        width: 100%;
        padding: 20px 30px;
    }

    .result {
        /*idth: 100%;*/
    }

    .texte_riche .txt_rich_3cols .content, .texte_riche .txt_rich_1col .content, .texte_riche .txt_rich_2cols .content, .txt_rich_4cols .content {
        width: 100%;
    }

    /* Style RWD d'apparition d'éléments */
    .rwd-display {
        display: inline-block;
        text-align: center;
    }

    .en_savoir_plus.rwd-display, .projet-petit.rwd-display {
        display: block !important;
    }

    /* /Style RWD d'apparition d'éléments */
    /* mur succes */
    .mur {
        width: 100%;
        padding: 0;
    }

    .mur-succes p {
        margin-left: 7%;
        margin-right: 7%;
    }

    /* relations médias */
    .mur-revue-presse {
        width: 100%;
    }

    .mur-actus {
        width: 100%;
    }

    .actu-all > p {
        padding: 0 15%;
    }

    .mur-actus {
        padding: 0 30px;
    }

    .candidature_spont, .restez-informes, .kit-media, .texte_riche .align-left {
        width: 100%;
        padding: 0 30px;
    }

    /* textes riches */
    .texte_riche .txt_rich_3cols .content, .texte_riche .txt_rich_1col .content, .texte_riche .txt_rich_2cols .content, .txt_rich_4cols .content {
        width: 100%;
    }

    /* detail actu */
    .ACTU-content,
    .ACTU-title {
        width: 100%;
        padding: 0 20px;
    }

    .actu .description_chapeau,
    .emploi .description_chapeau {
        left: 0;
        margin-left: 0;
        padding: 30px 50px;
        width: 100%;
    }
    .chapeau {
        min-height: 530px;
        max-height: 630px;
    }
    .description_chapeau.without-title {
        position: absolute;
        width: 58.5%;
        color: #000000;
        font-size: 2.2em;
        line-height: 1.1em;
        padding: 40px 60px;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    @media only screen and (max-width: 768px) {
        .chapeau {
            min-height: 430px;
            max-height: 630px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 960px) {
        #chapeau .description_chapeau {
            width: 90%;
            font-size: 1.7em;
            padding: 20px 30px 15px;
        }
    }

    @media only screen and (max-width: 767px) {
        #chapeau {
            background-size: 100% auto !important;
            height: auto;
            max-height: none;
            min-height: initial;
        }

        #chapeau .description_chapeau {
            bottom: 0;
            font-size: 1.6em;
            line-height: 1.2em;
            left: 0;
            margin-top: 20%;
            min-height: 165px;
            position: relative;
            transform: translateX(0);
            width: auto;
        }
    }

    .actu .description_chapeau h1,
    .emploi .description_chapeau h1 {
        font-size: 1.4em;
    }

    .projet-petit .projet {
        display: block;
        width: 283px;
        margin: 0 auto 50px;
    }

    .en_savoir_plus, .projet-petit {
        display: none;
    }

    .carousel-actu .panneau {
        width: 100%;
    }

    .carousel-actu .item.left, .carousel-actu .item.right {
        display: none;
    }

    .carousel-actu .item {
        border-left: 0;
        width: 100%;
    }

    .carousel-actu .item.center {
        left: 50%;
        margin-left: -50%;
    }

    .carousel-actu .item .bg {
        width: 100%;
        background-size: /*100%*/ cover !important;
        height: auto;
        min-height: 496px;
    }

    .lame > p {
        margin-bottom: 30px;
    }

    /* texte riche */
    .texte_riche .txt_rich_3cols img, .texte_riche .txt_rich_3cols iframe {
        min-height: auto;
    }

    .txt_rich_3cols .fluid_img {
        margin-bottom: 50px;
    }

    .texte_riche h2 {
        margin-bottom: 30px;
        padding: 0 30px;
    }

    body.landing-page .content .maps_header h2,
    body.landing-page .content .texte_riche h2 {
        font-size: 2em;
    }

    /* emplois ouverts */
    .tri {
        padding: 0 0;
    }

    .tri .dropdown {
        margin-bottom: 20px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .ui-multiselect {
        margin-right: 0px;
    }

    .list li {
        padding: 20px 30px 25px;
    }

    /* Tweets */
    .derniers_tweets .content, .page-delegation .derniers_tweets .content, .derniers_tweets h2 {
        width: 90%;
        margin: 0 auto !important;
    }

    .derniers_tweets .tweets {
        margin-bottom: 30px;
    }

    .progress .content:hover .text, .progress .content:hover .chiffre {
        display: block;
    }

    .progress .content:hover .engager {
        display: none;
    }

    .progress .content:hover {
        cursor: default;
    }

    .progress .content.twitter:hover, .progress .content.twitter, .progress .content.star:hover, .progress .content.star {
        background: none;
        background-color: #fff;
    }

    /* personnes */
    .table-responsive {
        border: 1px solid #ddd;
        margin-bottom: 50px;
    }

    .progress {
        /*border: 2px solid #e6e7e2;*/
        margin-bottom: 20px;
    }

    .chiffres_cles .top {
        margin-top: 0;
    }
    #relations-media .chiffres_cles .top {
        margin-top: -100px;
    }

    .chiffres_cles .bottom {
        margin-bottom: 0;
    }

    #page-urgence .derniers_tweets {
        padding-top: 50px;
    }

    .chiffres_cles {
        margin-bottom: 20px;
    }

    /* grand chapeau */
    .chapeau_grande_image {
        margin-bottom: 40px;
    }

    .chapeau_grande_image {
        background-size: 100% auto !important;
        height: auto;
        max-height: none;
        min-height: auto;
    }

    .chapeau_grande_image .description_chapeau {
        margin-top: 12%;
        width: 90%;
        font-size: 1.7em;
        padding: 20px 30px 15px;
        min-height: 165px;
    }

    .chapeau_grande_image h1 {
        font-size: 4em !important;
        background-size: 60px !important;
        padding-top: 80px !important;
    }

    /* Actualités */
    .affiche .hot, .affiche .hot .Actu, .affiche .hot .Actu .bg {
        width: 100%;
    }

    .affiche .others {
        display: none;
    }

    .tri {
        width: 100%;
    }

    .tri .search .form-inline {
        min-width: 100%;
    }

    .tri .search .form-inline .form-group {
        display: inline-block;
        /* width: 65%;*/
    }

    .actu-all .search input {
        width: 100%;
        min-width: initial;
        margin-left: 0;
    }

    .drops .dropdown .btn {
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 0;
        min-width: 230px;
    }

    .search .form-item.form-type-textfield.form-item-keys {
        display: inline-block;
    }

    .actu-all .refresh {
        margin: 0 auto;
    }

    .causes, .themes-sante {
        width: 100%;
    }

    /* Google map */
    #map, .feinte_map {

        display: none !important;
    }

    .btn_map02 {
        margin: auto;
    }

    .tdh_google_map .header_map {
        position: relative;
    }

    .voir_un_autre_pays {
        height: auto;
        padding-bottom: 13%;
    }

    .tdh_google_map .header_map .description_map {
        width: 80%;
    }

    .tdh_google_map .header_map .btn_map .btn01, .tdh_google_map .header_map .btn_map .btn02, .voir_un_autre_pays a {
        margin: 0 0 20px 0;
        width: 80% !important;
    }

    .tdh_google_map .header_map .btn_map .btn02 {
        border-left: 0 none;
        padding: 0;
    }

    .selection_pays, .afficher_une_thematique {
        margin-top: -20px !important;
    }
    .selection_pays {
        width: 100%;
    }

    .selection_pays .col-custom-3 {
        width: calc(100% / 3);
        float: left;
    }

    .selection_pays .col-custom-4 {
        width: calc(100% / 4);
        float: left;
    }

    .selection_pays .col-custom-5 {
        width: calc(100% / 5);
        float: left;
    }

    .selection_pays .col-custom-6 {
        width: calc(100% / 6);
        float: left;
    }

    .selection_pays .liste_pays {
        padding-left: 3%;
    }

    .selection_pays .liste_pays a {
        margin-top: 10px;
    }

    .tdh_google_map .header_map .btn_map a, .tdh_google_map .header_map .btn_map a span, .voir_un_autre_pays a span {
        width: 100% !important;
    }

    .google-map-intervention {
        margin-bottom: 100px;
    }

    /* MEDIAS DETAIL */
    .galerie-content, .video-content {
        width: 100%;
    }

    .video-content {
        padding: 0 5%;
    }

    .MEDIAS-content {
        margin: 0 5% 25px 5%;
    }

    .ACTU-content .table-responsive {
        border: none;
    }

    #medias-details-galerie .document-content {
        padding-left: 8%;
    }

    .mur-succes .mur {
        /*display: none;*/
    }

    .mur-succes .mur.rwd-display {
        display: block !important;
    }

    #medias-details-galerie .affiche .Img {
        padding: 0 30px !important;
        text-align: center;
        width: 100%;
    }

    /* Evenement */
    .evenements .affiche {
        display: none;
    }

    .evenements .affiche.rwd-display {
        display: block !important;
    }

    /* Petit projet */
    .projet-petit .projet .bg, .page-delegation .projet-petit .projet .bg {
        width: 264px;
        height: 263px;
        margin: 0 auto;
    }

    .projet-petit .projet .bg .sous-bg, .page-delegation .projet-petit .projet .bg .sous-bg {
        width: 264px;
        height: 263px;
    }

    /* Lame garanties */
    .garanties .col {
        float: none;
        margin: 0 3% 40px;
        width: 94%;
    }

    .lame-sengager .row-module-sengager {
        width: 100% !important;
    }

}

/* max-width:380px */
@media only screen and (max-width: 380px) {
    .selection_pays, .afficher_une_thematique {
        width: 80%;
    }

    .selection_pays {
        width: 80%;
    }

    .selection_pays .col-custom-3 {
        width: 100%;
        float: left;
    }

    .selection_pays .col-custom-4 {
        width: 100%;
        float: left;
    }

    .selection_pays .col-custom-5 {
        width: 100%;
        float: left;
    }

    .selection_pays .col-custom-6 {
        width: 100%;
        float: left;
    }
}

/******************************** max-width:768px ********************************/
@media only screen and (max-width: 768px) {
    .chapeau {
        min-height: 430px;
        max-height: 630px;
    }

    .actualites h2 {
        font-size: 3em;
        padding: 0 15px;
    }

    .actualites-item .actualite-header {
        height: 100%;
    }

    .actualites .actualite-header h2 {
        font-size: 1.8em;
        padding: 0;
    }

    .actualites .actualites-description, .actualites .row-actu {
        width: 80%;
    }

    .actualites .actualites-container {
        padding: 0;
    }
}

/* min-width:768px max-width:960px */
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .alerte .col-lg-9.col-sm-6 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .alerte .col-lg-3.col-sm-6 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .row.alerte {
        padding-left: 20px;
    }

    .navbar-toggle {
        display: block;
    }

    .description_chapeau.without-title {
        width: 90%;
        font-size: 1.7em;
        padding: 20px 30px 15px;
    }

}

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

    .menu_chapeau ul li {
        font-size: 1.2em;
        padding-left: 10px;
        padding-right: 10px;
    }

}

/* max-width:689px */
@media only screen and (max-width: 689px) {
    .nav {
        margin-top: 65px !important;
    }
}

/*** MENU - TDH02 ***/
/* max-width:320px */
@media only screen and (max-width: 320px) {
    .alerte, .lang, .search {
        display: none;
    }

    .menu-mobile {
        display: block;
    }

    .header .col-xs-6.logo {
        display: block;
        width: 100%;
        position: relative;
        float: inherit;
    }

    .header .col-xs-6.logo .navbar-header {
        height: auto;
        width: 18%;
        display: block;
        margin: 0;
        padding: 0;
        float: right;

    }

    .header .col-xs-6.logo .navbar-header .navbar-toggle {
        padding: auto;
        margin: 0;
    }

    .header .col-xs-6.logo img {
        width: 80%;
        margin: 0;
    }

    .header .col-xs-6.menu {
        display: block;
        width: 100%;
        /*position: relative;*/
        margin: auto;
    }

    .navbar-toggle {
        margin-right: auto;
    }

    .logo {
        padding-top: 10px;
    }

    .nav {
        margin-top: 10px !important;
    }

    .menu-mobile h3.ui-accordion-header {
        background: #FFF;
        border-radius: 0;
        border: 0;
        color: #F38500;
        padding: 13px 30px;
        font-size: 1.6em;
        font-weight: normal;
    }

    .menu-mobile h3.ui-accordion-header-active {
        background: #F38500;
        color: #FFF;
    }

    .menu-mobile h3.help {
        background: #F38500;
        border-radius: 0;
        border: 0;
        color: #FFF;
        padding: 13px 30px;
        font-size: 1.6em;
        font-weight: normal;
        text-transform: uppercase;
    }

    .menu-mobile h3.ui-accordion-header-activ {
        background: #F38500;
        border-radius: 0;
        border: 0;
        color: #FFF;
        padding: 13px 30px;
        font-size: 1.6em;
        font-weight: normal;
    }

    .menu-mobile h3.help.ui-state-default .ui-icon {
        background: url(../images/arrow-accordeon-h3-close.png) no-repeat left top !important;
    }

    .menu-mobile h3.help.ui-state-default.ui-state-active .ui-icon {
        background: url(../images/arrow-accordeon-h3-open.png) no-repeat left top !important;
    }

    .menu-mobile h3.ui-accordion-header-active.ui-state-default .ui-icon {
        background: url(../images/arrow-accordeon-h3-close.png) no-repeat left top !important;
    }

    .menu-mobile h3.ui-accordion-header-active.ui-state-default.ui-state-active .ui-icon {
        background: url(../images/arrow-accordeon-h3-open.png) no-repeat left top !important;
    }

    .menu-mobile h3.ui-state-default.ui-state-active .ui-icon {
        background: url(../images/arrow-accordeon-h3-open_orange.png) no-repeat left top;
    }

    .menu-mobile h3.ui-state-default .ui-icon {
        background: url(../images/arrow-accordeon-h3-close_orange.png) no-repeat left top;
    }

    .top_menu_mobile {
        display: inline-block;
        margin-bottom: -4px;
        width: 100%;
    }

    .top_menu_mobile .langage {
        display: inline-block;
        padding-left: 30px;
        padding-top: 10px;
        float: left;
    }

    .top_menu_mobile .search_form {
        display: inline-block;
        float: left;
        padding-top: 10px;
        padding-left: 15px;
    }

    .top_menu_mobile .search_form input {
        border: 0;
        display: inline-block;
        width: 150px;
        font-size: 1.1em;
    }

    .top_menu_mobile .btn_form {
        display: inline-block;
        width: 40px;
        height: 40px;

        background-color: #F38500;
        float: right;
        text-align: center;
    }

    .top_menu_mobile .langage .btn {
        background: url(../images/Pictos/picto-langue.png) no-repeat left top;
        border: 0;
        /*margin:3px 0 0 10px;*/
        padding: 0 0 0 25px;
        text-transform: uppercase;
    }

    .top_menu_mobile .langage .btn .caret {
        background: url(../images/caret.png) no-repeat left top;
        border: 0;
        width: 12px;
        height: 6px;
        margin: 0 0 2px 3px;
    }

}

/* max-width:960px */
@media only screen and (max-width: 960px) {
    .alerte {
        display: none;
    }

    .menu-delegation {
        position: relative;
        width: auto;
    }

    body.page-delegation .container-global > div.container {
        background-color: #fff;
    }

//.sticky-wrapper {
  //min-height: 105px !important;
  // }

//.sticky-wrapper
  .header .row {
      padding-bottom: 30px;
      position:relative;
  }
    .header{
        height:75px;
    }

    body.page-delegation .header .row {
        padding-bottom: 0;
        position:relative;
    }

    .menu-mobile h3.ui-accordion-header {
        background: #FFF;
        border-radius: 0;
        border: 0;
        color: #F38500;
        padding: 13px 30px;
        font-size: 1.75em;
        font-weight: normal;
    }

    .menu-mobile h3.ui-state-default .ui-icon {
        background: url(../images/arrow-accordeon-h4-close.png) no-repeat left top;
    }

    .menu-mobile h3.ui-state-default.ui-state-active .ui-icon {
        background: url(../images/arrow-accordeon-h3-open.png) no-repeat left top;
    }

    .menu-mobile h3.ui-accordion-header.ui-state-active {
        background: #F38500;
        border-radius: 0;
        border: 0;
        color: #FFF;
        padding: 13px 30px;
        font-size: 1.75em;
        font-weight: normal;
    }
    .menu-mobile h3#ui-accordion-accordion-menu-header-4 {
        background: #F38500;
        border-radius: 0;
        border: 0;
        color: #FFF;
        padding: 13px 30px;
        font-size: 1.75em;
        font-weight: normal;
        text-transform: uppercase;
    }
    .menu-mobile h3#ui-accordion-accordion-menu-header-4 .ui-icon {
        background: url(../images/arrow-accordeon-h3-open.png) no-repeat left top;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .menu-mobile h3#ui-accordion-accordion-menu-header-4.ui-state-active .ui-icon {
        background: url(../images/arrow-accordeon-h3-open.png) no-repeat left top !important;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .menu-mobile h4.ui-accordion-header {
        background: #fff;
        border-radius: 0;
        border: 0;
        color: #F38500;
        padding: 13px 30px;
        font-size: 1.35em;
        font-weight: normal;
    }

    .menu-mobile h3#ui-id-10 {
        background: #F38500;
        color: #FFF;
    }

    .menu-mobile h3#ui-id-10 .ui-icon {
        background: url(../images/arrow-accordeon-h3-close.png) no-repeat left top;
    }

    .menu-mobile h3#ui-id-10.ui-state-default.ui-state-active .ui-icon {
        background: url(../images/arrow-accordeon-h3-open.png) no-repeat left top;
    }

    .menu-mobile .dropdown {
        margin: 0;
        width: 70%;
        padding-bottom: 4px;
    }

    .menu-mobile .dropdown-menu {
        display: block;
        margin-left: 0 !important;
        margin-top: 0 !important;
        border-top: 0;
        min-width: 1px;
        min-height: 30px;
        border-bottom: 0;
        padding: 0;
        background-color: transparent;
    }

    .search .dropdown .btn#dropdownMenu2 {
        display: none;
    }

    .menu-mobile #accordion-menu {
        margin-top: 39px;
    }
    #accordion-menu {
        height: 270px !important;
        overflow: auto;
    }

    #accordion-menu ul li a {
        background-size: 6% !important;
    }

    .menu-mobile.search .form-inline {
        margin-top: 0;
        margin-left: 0;
        float: right;
        display: inline-block;
        width: 100%;
    }

    .menu-mobile.search .form-inline .form-group {
        width:calc(100% - 75px);
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top;
    }

    .menu-mobile.search .dropdown-menu .boutton-correction {
        border: 0;
        border-radius: 0;
        /*float: right;
		margin-right:5px;*/
    }

    .menu-mobile.search .form-control {
    }

    .dropdown.lang {
        display: none;
    }

    .dropdown.lang.lang-mobile {
        display: inline-block;
        top: 0;
        right: 0;
        float: left;
        width: 30%;
    }

    .search .lang-mobile.dropdown .btn {
        background-color: transparent;
        background: url(../images/Pictos/picto-langue.png) no-repeat left top 3px;
        width: auto;
        margin-top: 20px;
        margin-left: 15px;
        float: left;
    }

    .menu .menu-mobile .dropdown.open > ul.dropdown-menu {
        display: block;
        border: 1px solid #ccc;
        background-color: #fff !important;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        border-radius: 4px;
        left: 10px;
        z-index: 999999;
        top: 49px;
    }

    .search > .dropdown.open.lang-mobile > .btn {
        margin-top: 20px;
    }

    .header .logo img {
        margin-top: 15px;
        margin-bottom: 0;
        width: calc(100% - 40px);
    }
    .header .navbar-toggle{
        padding-top:0;
    }

    /* temoignage */
    .temoignage.right, .temoignage.left, .temoignage.center {
        background-color: #e6e7e2 !important;
        background-size: 100% auto !important;
        min-height: auto;
        padding: 32% 0 20px;
    }
    .temoignage .fond_blanc {
        min-width: auto;
    }

    /**********************
	         MENU
	***********************/
    .nav {
        width: 100%;
        margin-top: 55px;
    }

    .navbar-toggle {
        display: block;
        margin-top:0 !important;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        width: 100%;
        background-color: #fff;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-header {
        float: none;
        height: 1px;
    }

    .nav ul.desktop {
        display: none !important;
    }

    .menu-mobile {
        display: block;
        background-color: #fff;
    }

    .col-sm-6.menu {
        position: absolute;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: /*15px*/ 0;
        height: 1px;
        z-index: 10000000;
        top: 15px;
    }

    .col-sm-1.search {
        position: absolute;
        right: 80px;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        display: none;
    }

    .col-sm-1.search .dropdown {
        margin-top: 0;
        height: 1px;
    }

    .search .dropdown-menu {
        right: inherit;
        /*margin-top: 70px;
		margin-left: 80px!important;*/
        width: 100%;
        left: 0;
        padding-right:5px;
    }

    .col-sm-1.search .form-group {
        width: calc(100% - 110px);
    }

    .search .form-control {
        width: 100%;
    }

    .search > .dropdown.open > .btn,
    button.dropdown-toggle {
        margin-top: 8px;
    }

    .header-top ul {
        display: none;
    }

    .lang {
        right: 140px;
        top: 34px;
    }

    .logo img {
        width: 90%;
        max-width: 301px;
        margin-left: 15px;
    }

    #faq .ui-widget-content {
        height: auto !important;
    }

    #faq .ui-widget {
        margin: 0 10%;
    }

    .delegation .content,
    .contact_1pers .content,
    .contact_2pers .content {
        padding: 0 10%;
    }

    .derniers_tweets .content, .page-delegation .derniers_tweets .content, .derniers_tweets h2 {
        width: 100%;
        padding: 0 10%;
    }

    .contact_2pers .content .fluid_img img {
        width: 100%;
        max-width: 200px;
    }

    .header .row,
    .contact_1pers .row,
    .contact_2pers .row,
    .infos .row,
    .en_savoir_plus .row,
    .sengager .row,
    .projet-petit .row,
    .delegation.visuel .row,
    .partenaires .row,
    .autres_thematiques_liees .row,
    .texte_riche .txt_rich_2cols .row,
    .texte_riche .txt_rich_3col .row,
    .texte_riche .txt_rich_4col .row,
    .texte_riche .txt_rich_1col .row,
    .causes .row,
    .devenir .row,
    .garanties .row,
    .nous-contacter .row,
    .themes-sante .row {
        margin: 0;
    }

    .delegation .content > div {
        border-bottom: 1px solid #e5decf;
        height: auto;
        border-left: 0;
        min-height: /*10px*/430px;
        padding: 10px 3px 15px;
    }

    .don-tel {
        padding-right: 0;
        padding-left: 0;
    }

    .don-ccp {
        padding-left: 0;
        padding-right: 0;
    }

    .don-online {
        padding-left: 0;
        padding-right: 0;
    }

    .footer .infos .social li, .restez-informes .social li {
        margin-left: 0;
        margin-right: 0;
        width: 32%;
        max-width: 33%;
        margin-top: 20px;
    }

    .footer .infos .social li a, .restez-informes .social li a {
        max-width: 100%;
        width: 100%;
    }

    .footer .newsletter form {
        position: relative;
        margin: 0;
        padding: 0 30%;
    }

    .page-delegation .footer .newsletter form {
        position: relative;
        margin: 0;
        padding: 0 10%;
    }

    .page-delegation .footer .newsletter form h2, .page-delegation .footer .newsletter form p {

        text-align: center;
    }

    .footer .infos {
        background: url(../images/BG-footer-infos.jpg) no-repeat center bottom #EEEBE4;
    }

    /* Carousel */
    /*.carousel-inner {
		height: 600px;
	}*/
    .carousel-inner .item {
        /*min-height: 540px;*/
        background-size: cover !important;
        /*padding-bottom: 10px;*/
    }

    .titre-et-cercle {
        position: relative;
        min-height: 100px;
    }

    .projet-grand h2 {
        margin-top: 0;
        background: #FFF;
        position: relative;
        padding-bottom: 30px;
        font-size: 3.5em;
    }

    .titre-et-cercle .progress {
        display: none;
    }

    .titre-et-cercle #progress1.progress {
        display: block;
        margin: 0 auto;
        width: 200px;
        height: 200px;
    }

    .progress .content.twitter:hover, .progress .content.twitter, .progress .content.star:hover, .progress .content.star {
        background-color: transparent;
        /*height: 292px;*/
        width: 292px;
        padding: 0;
        cursor:pointer;
    }

    .progress .content:hover {
        color: inherit;
    }

    .progress .content .chiffre{
        margin-bottom: 15px !important;
        line-height: 0.8em;
        margin-top: 40px !important;
        font-size: 2em;
        max-width: 150px;
        margin:0 auto;
    }

    .progress .content .text {
        /*font-size: 1em;*/
    }

    .carousel-caption {
        position: relative;
        margin: 10px 35px 0;
        left: inherit;
        right: inherit;
        padding: 20px;
        bottom: inherit;
    }

    .carousel-caption p {
        font-size: .75em;
        margin-bottom: 20px;
    }

    .chapeau_noimage .description_chapeau_noimage {
        padding: 0 10%;
        width: 100%;
        left: inherit;
    }

    .galerie-content .row, .video-content .row {
        margin: 0;
    }

    .personnes .tab-content .tab-pane > p {
        padding: 48px 10%;
    }

    .sengager .bloc_sengager h3 {
        font-size: 1.8em;
    }

    .sengager .col-sm-2 {
        width: 24%;
    }

    /* Page délégation / landing-page */
    body.page-delegation .header .logo, body.page-delegation .header .titre, body.page-delegation .header .lang,
    body.landing-page .header .logo, body.landing-page .header .titre,
    .page-donation .header .logo, .page-donation .header .titre, .page-donation .header .lang {
        margin-left: 0;
        float: none;
        display: block;
        text-align: center;
        width: 100% !important;
        right: auto;
        top: auto;
    }

    body.landing-page .header .logo {
        text-align: left;
    }

    body.landing-page .header .lang {
        display: block;
        top: 10px;
        right: 5px;
    }

    body.landing-page .header .lang,
    .page-donation .header .lang {
        padding: 0 0 10px;
    }

    body.page-delegation .header .logo img, body.landing-page .header .logo img,
    .page-donation .header .logo img, .page-donation .header .logo img, {
        margin: 0 0 10px 0;
    }


    .titre-et-cercle .progress:first-child{
        display:inline-block;
        height: 292px;
        width: 292px;
    }
}

/* max-width:480px */
@media only screen and (max-width: 480px) {
    body.landing-page .header .logo {
        width: 60% !important;
    }
    .carousel-control.right, .carousel-control.left {
        display: block;
    }
}

/* min-width:961px */
@media only screen and (min-width: 961px) {
    .collapse {
        display: block !important;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-header {
        float: left;
    }

    .menu-mobile {
        display: none;
    }

}
/* max-width:961px */
@media only screen and (max-width: 961px) {
    .sengager .bloc_sengager{
        height: auto;
    }

}
/* max-width:890px */
@media only screen and (max-width: 890px) {
    .footer .newsletter form {
        padding: 0 25%;
    }

}

/******************************** max-width:767px ********************************/
@media only screen and (max-width: 767px) {
    .infos .don .col-xs-12 {
        margin-bottom: 10px;
    }
    .footer .menu ul li {
        display: inline-block;
        width: 100%;
        line-height: 3em;
        font-size: .8em;
    }

    .footer .newsletter form {
        padding: 0 20%;
    }

    .temoignages .bloc_sengager {
        margin: 0;
        padding: 0 10px;
    }

    /* commun */
    .projet-petit h2, #faq h2, .delegation h2, .partenaires h2, .derniers_tweets h2, .medias h2, .texte_riche h2, .contact_1pers h2, .contact_2pers h2, .autres_thematiques_liees h2, .en_savoir_plus h2, .texte_riche_background h2, .tdh_google_map h2, .google-map-intervention h2, .evenements h2, .candidature_spont h2, .jobs h2, .actu-all h2, .restez-informes h2, .lame h2, .content > h2, .mur-succes h2, .causes h2, .kit-media h2, .revue-presse h2, .temoignages h2, .structure h2, .personnes h2,
    #page-urgence .derniers_tweets h2 {
        font-size: 3em;
        padding: 0 15px;
    }

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

    .candidature_spont p, .restez-informes p, .lame > p, .mur-succes p, .causes > p, .actu-all > p, .kit-media > p, .revue-presse > p, .txt_rich_1col > p, .txt_rich_1col .content h3 + p, .txt_rich_4cols > p {
        font-size: 1.5em;
    }

    /* page personnes */
    .txt_rich_4cols .content > .fluid_img {
        margin-bottom: 50px;
        padding: 0 30px;
    }

    .txt_rich_4cols > p {
        padding: 0 15%;
        margin-bottom: 20px;
    }

    .personnes .nav-tabs li {
        display: block;
        margin: 0 30px;
    }

    .structure .table-responsive {
        margin: 0 5%;
        width: 90%;
    }

    /* déclinaison page santé */
    .texte_riche .txt_rich_2cols .line_historique.sante span.date {
        padding-left: 0;
        text-align: center;
        margin-bottom: 20px;
    }

    .texte_riche .txt_rich_2cols .line_historique.sante .txt {
        padding-right: 20px;
    }

    /* resultat de recherche */
    .result .tab-content {
        text-align: center;
    }

    .result .tab-content .row {
        margin: 0 0 40px 0 !important;
    }

    .result-recherche, .tab-pane .row > div {
        padding: 0 !important;
    }

    .tab-pane h2 strong {
        color: #f38500;
    }

    .result-recherche > .row {
        margin: 0;
    }

    .tab-pane .row > div {
        padding: 0 30px !important;
    }

    .result .tab-content .visuel {
        padding: 0;
        margin-bottom: 15px;
    }

    .result-recherche-head .search {
        text-align: center;
        width: 80%;
    }

    .result-recherche-head .search .form-inline {
        margin-left: 0;

    }

    .result-recherche-head .search .form-group {
        width: 86%;

    }

    .actu-all .search input, .views-widget #edit-keys, .result-recherche-head .search input {
        width: 100%;
        min-width: 100%;
    }

    .result-recherche-head .search .btn {
        height: 44px;
    }

    /* relations média */
    .kit-media ul li {
        font-size: 1.5em;
    }

    .mur-revue-presse {
        /*padding: 0 3%;*/
    }

    /* detail emploi */
    .table-responsive {
        margin: 30px 0 50px 0;
    }

    .lien-back {
        margin-left: 0;
    }

    /* table-responsive */
    .table-responsive th,
    .table-responsive td {
        display: block !important;
        height: auto !important;
        padding: 27px 15px 20px !important;
        white-space: normal !important;
        width: 100% !important;
    }

    .table-responsive th {
        font-weight: bold !important;
    }
    .table-responsive td {
        border: 0 !important;
        padding-top: 0 !important;
    }


    .bloc-postuler {
        padding: 0 10%;
    }

    .affiche .hot .Actu p {
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .affiche .hot .Actu .bg, .affiche .hot .Actu {
        height: 490px;
        min-height: 490px;
    }

    .temoignages .bloc_sengager {
        width: 100%;
    }

    /* detail urgences */
    .menu_chapeau {
        background-color: #e6e7e2 !important;
    }

    .menu_chapeau ul {
        padding: 0;
    }

    .menu_chapeau ul li {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }

    .menu_chapeau .links_pdf, .menu_chapeau .external_links {
        margin: 10px 0 20px;
    }

    /** Page FAQ **/
    #page-faq .left-menu {
        display: block;
        width: 100%;
    }

    #page-faq .col-faq {
        width: 100%;
    }

    /* MEDIAS DETAIL */
    .galerie-content, .video-content {
        width: 100%;
    }

    .description_details_medias {
        padding: 50px 0 20px;
    }

    .titre-h1 {
        font-size: 4.6em;
    }

    .ACTU-content .table-responsive {
        padding: 0 20px;
    }

    #medias-details-galerie .document-content {
        padding-left: 0 !important;
        width: 100%;
    }

    .document-content img {
        width: 100%;
        float: none;
        padding: 30px 30px 0;
    }

    .document-content div {
        float: none;
        margin: 0;
        padding: 20px 30px;
        text-align: center;
        width: 100%;
    }

    .themes-sante .bloc {
        display: block;
        margin: 0 4% 50px;
        width: 92%;
    }

    .themes-sante .bloc h3 {
        min-height: auto;
    }

    .themes-sante .bloc p {
        min-height: auto;
    }

    /* devenir */
    .devenir .content {
        min-height: auto;
        text-align: center;
        margin-bottom: 20px;
    }

    /* Pages donation */
    .page-don .formulaire-don .description_chapeau {
        font-size: 1.5em;
        padding: 15px;
    }
    .delegation .content > div {
        min-height: inherit;
    }
    .sengager .bloc_sengager, .evenements .bloc_evenement, .bloc-revue-presse, .temoignages .bloc_sengager{
        display: block;
    }
    .sengager .bloc_sengager a{
        display: block;
    }
    .sengager .bloc_sengager{
        height: auto;
    }
    .ACTU-content,
    .ACTU-title {
        padding: 0;
    }
    .ACTU-content .table-responsive{
        padding:0;
    }
    .actu .description_chapeau,
    .emploi .description_chapeau {
        padding: 30px;
    }

    .description_chapeau.without-title {
        bottom: 0;
        font-size: 1.6em;
        line-height: 1.2em;
        left: 0;
        margin-top: 20%;
        min-height: 165px;
        position: relative;
        transform: translateX(0);
        width: auto;
    }
}

@media only screen and (max-width: 400px) {

    .ACTU-content:not(.Actu-content-node-wrapper) #sticky-wrapper {
        display:none;
    }

    .Actu-content-node-wrapper #sticky-wrapper,
    .Actu-content-node-wrapper #sticky-wrapper .header {
        height: auto !important;
    }

    .Actu-content-node-wrapper #sticky-wrapper .header {
        position: relative !important;
    }

    .Actu-content-node-wrapper #sticky-wrapper iframe {
        width: 310px;
        height: 184px
    }

    .Actu-content-node-wrapper .autres span {

    }

    .ACTU-content p,  .ACTU-content h2, .ACTU-content ul {
        padding-left: 30px;
        padding-right: 30px;
    }

    .ACTU-content img {
        width: 100% !important;
        height: auto !important;
    }

    .texte_riche .img > img {
        margin-bottom: 0;
    }

    .texte_riche .txt_rich_2cols .img {
        width: 100%;
    }

    .contact_1pers .description_contact {
        margin-top: 20px;
    }

    .formulaire-don .description_chapeau {
        display: none;
    }
}

/* max-width:960 */
@media only screen and (max-width: 960px) {
    .page-don .formulaire-don .description_chapeau {
        font-size: 2em;
    }

    .page-donation .header {
        height: 140px;
    }

    .page-donation .sticky-wrapper {
        margin-bottom: 30px;
    }

    .page-donation .lang .dropdown-menu {
        left: 44%;
    }
}

/* max-width:767 */
@media only screen and (max-width: 767px) {
    .form-don .etape,
    .form-don .etape-ok {
        display: none !important;
    }

    .page-don .formulaire-don .description_chapeau {
        font-size: 1.5em;
    }

    .page-donation .lang .dropdown-menu {
        left: 43%;
    }
}

/* max-width:560 */
@media only screen and (max-width: 560px) {
    .page-don .formulaire-don .description_chapeau {
        font-size: 1.3em;
    }

    .form-don .ui-accordion .ui-accordion-header {
        font-size: 1.4em;
    }

    .page-donation .lang .dropdown-menu {
        left: 40%;
    }
}

/* max-width:437 */
@media only screen and (max-width: 437px) {
    .page-don .formulaire-don .description_chapeau {
        display: none;
    }
}

/* max-width:396px */
@media only screen and (max-width: 396px) {
    .mur-actus {
        padding: 0 10px;
    }

    .bloc-revue-presse {
        margin: 0 0 20px;
        width: 100%;
    }

    .col_mur {
        width: 100%;
    }

}

/* max-width:437px */
@media only screen and (max-width: 437px) {
    .mur-actus .Actu {
        margin: 0 0 30px;
    }

    .mur-actus .Actu {
        width: 100%;
    }

    .mur-actus .Actu .bg {
        width: 100%;
    }
    .form-don .ui-accordion .ui-accordion-content{
        padding : 10px 0 0 0;
    }
    .form-don .texte-formulaire-02{
        font-size: 1em !important;
    }
    .sengager .bloc_sengager, .evenements .bloc_evenement, .bloc-revue-presse, .temoignages .bloc_sengager{
        display: block;
    }
    .sengager .bloc_sengager a{
        display: block;
    }
    .sengager .bloc_sengager{
        height: auto;
    }
}

/* max-width:530px */
@media only screen and (max-width: 530px) {

    .slider .carousel-indicators {
        bottom: -30px;
        text-align: center;
    }

    .slider .carousel-caption {
        font-size: 1em;
        left: 5%;
        margin-bottom: 48px;
        right: 5%;
    }

    #map, .tdh-map {
        height: 350px;
    }

    /* enable map intrvention sur mobile*/
    .google-map-intervention div.enable-map-intervention{
        position:absolute;
        width:100%;
        height:100%;
        z-index:10;
    }

}

/* max-width:600px */
@media only screen and (max-width: 600px) {
    .footer .newsletter form {
        padding: 0px 10%;
    }

    .footer .newsletter h2 {
        font-size: 3.5em;
    }
}

/* max-width:580px */
@media only screen and (max-width: 580px) {
    .search .dropdown {
        padding-right: 0;
    }

    .lang {
        right: 100px;
    }
    .popup-contenu-partenaire .img_popup {
        /* width: 32% !important; */
        width:100% !important;
        float: none;
        display: block;
    }
    .popup-contenu-partenaire .txt_popup {
        width: 80% !important;
    }
}

/* max-width:500px */
@media only screen and (max-width: 500px) {
    .footer .infos .social li, .restez-informes .social li {
        width: 49%;
        max-width: 49%;
    }
}

/* max-width:480px */
@media only screen and (max-width: 480px) {
    .header .col-xs-6.logo {
        width: 60%;
        display: block;
        float: none;
    }
    .header{
        height:60px;
    }
    .header .logo img {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .lang {
        top: 134px;
    }

    /*#sticky-wrapper {
		height: 140px!important;
	}*/
    .tri .dropdown {
        display: block;
        margin-bottom: 10px;
    }

    .tri .dropdown .btn {
        width: 80% !important;
        margin-top: 0;
    }

    .bloc_evenement {
        width: 80%;
        margin: 41px auto 0;
    }

    .form-don .ui-accordion .ui-accordion-header {
        font-size: 5vw;
        padding-top: 21px;
    }

    #accordion02 h4 {
        margin-top: 20px;
    }

    .choix-button, .choix-button-02 {
        font-size: 5vw !important;
    }

    .tooltip-information, .tooltip-information:hover, .tooltip-information:focus, .tooltip-information:active {
        padding-right: 5px;
    }

    .payement-mobile .tooltip-information img {
        margin: auto;
    }

    .page-don .formulaire-don .description_chapeau {
        font-size: 1.2em;
    }

    .nous-trouver .localisation-maps {
        margin: 0;
    }

    li[data-montant="0"],
    li[data-montant-urgence="0"] {
        display: block;
    }
}

/* max-width:380px */
@media only screen and (max-width: 380px) {
    .footer .newsletter form {
        padding: 0px 5%;
    }
}

/* max-width:350px */
@media only screen and (max-width: 350px) {
    .footer .newsletter h2 {
        font-size: 3em;
    }
}

@media only screen and (max-width: 959px) {
    .ACTU-content > p, .FAQ-content > p {
        text-align: left;
    }
    .rtejustify {
        text-align: left;
    }
}

/* min-width:980px max-width:1599px */
@media only screen and (min-width: 980px) and (max-width: 1599px) {
    /* mur succes */
    .mur-succes p {
        margin-left: 15%;
        margin-right: 15%;

    }

    /* relations médias */
    .actu-all > p {
        padding: 0 15%;
    }

    /* Tweets */
    .derniers_tweets .content, .page-delegation .derniers_tweets .content, .derniers_tweets h2 {
        width: 90%;
        margin: 0 auto !important;
    }

    .carousel-actu .panneau {
        width: 100%;
    }

    /* grand chapeau */
    .chapeau_grande_image {
        background-size: 100% auto !important;
    }

    .chapeau_grande_image .description_chapeau {
        margin-top: 16%;
    }

    /* Actualités */
    .affiche .hot {
        /*width: 948px;*/
    }

    .affiche .others {
        /*width: 37%;*/
    }

    .affiche .others .Actu {
        width: 50%;

    }

    .affiche .others .Actu .bg {
        height: 100%;
        width: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center top;
    }

    #medias-details-galerie .galerie-02 {
        width: 49.559%;
    }

}

@media only screen and (min-width: 480px) and (max-width: 1179px) {
  .slider .header-home .carousel-caption h2 {
    font-size: 1.8em !important;
  }

  .slider .carousel-caption h3 {
    font-size: 1.2em;
    margin-bottom: 25px;
  }

  .slider .header-home .carousel-caption a {
    font-size: 0.6em;
    padding: 15px 22px;
  }
}

/* max-width:1179px */
@media only screen and (max-width: 1179px) {

    .tri {
        width: 100%;
        padding: 0 !important;
    }

    .tri .drops {
        text-align: center;
        width: 100%;
        float: none;
    }

    .tri .search {
        width: 100%;
        text-align: center;
        display: block;
        margin: 30px 0 10px 0;
    }

    .tri .search .refresh{
        display: inline-block;
    }

    .tri .search .form-inline {
        display: inline-block;
    }

    .actu-all .search .btn {
        min-height: 44px;
    }

    /* Mediatheque */
    .mediatheque .personnes .nav-tabs li {
        font-size: 1.5em !important;
    }

    .mediatheque .personnes .nav-tabs li.active a {
        font-size: 1.3em !important;
        height: 50px !important;
        line-height: 1.3em;
    }

    .mediatheque .personnes .nav-tabs li a {
        padding: 7px 30px !important;
    }

    .autres.filtre-activites .thematique {
        text-align: center;
    }

    .autres.filtre-activites .thematique h3 {
        float: none !important;
        margin: 40px 0 0 0;
    }

    .autres.filtre-activites .thematique, .autres.filtre-activites .thematique h3, .autres.filtre-activites .thematique div {
        float: none !important;
    }
}

/* min-width:1181px max-width:1480px */
@media only screen and (min-width: 1181px) and (max-width: 1480px) {
    .affiche .others {
        width: /*27%*/ 42%;
    }

    .affiche .hot {
        width: /*848px*/ 58%;
    }

    .affiche .hot .Actu .bg {
        width: 100%;
    }

    .chapeau_grande_image {
        height: 630px;
        max-height: 630px;
        min-height: 630px;
    }

}

/* min-width:980px max-width:1280px */
@media only screen and (min-width: 980px) and (max-width: 1280px) {
    .affiche .others {
        /* width: 21%;*/
    }

    .chapeau_grande_image {
        height: 1078px;
        max-height: 1078px;
        min-height: 1078px;
    }
    .header .row{
        position:relative;
    }
    .header .row,
    .contact_1pers .row,
    .contact_2pers .row,
    .infos .row,
    .en_savoir_plus .row,
    .sengager .row,
    .projet-petit .row,
    .delegation.visuel .row,
    .partenaires .row,
    .autres_thematiques_liees .row,
    .texte_riche .txt_rich_2cols .row,
    .texte_riche .txt_rich_3col .row,
    .texte_riche .txt_rich_4col .row,
    .texte_riche .txt_rich_1col .row,
    .causes .row,
    .devenir .row,
    .garanties .row,
    .nous-contacter .row,
    .themes-sante .row {
        margin: 0;
    }

}

/* min-width:980px max-width:1180px */
@media only screen and (min-width: 980px) and (max-width: 1180px) {

    .affiche .hot {
        width: 100%;
        float: none;
    }

    .affiche .hot .Actu .bg {
        width: 100%;

    }

    .affiche .others {
        width: 80%;
        margin: 30px auto 0;
        float: none;
    }

    .chapeau_grande_image {
        /*height: 809px;
        max-height: 809px;
        min-height: 809px;*/

        height: 920px;
        max-height: 920px;
        min-height: 809px;
    }
}

/* max-width:980px */
@media only screen and (max-width: 980px) {

    .refresh {
        display: block;
        margin: 0 auto;
    }

    .tri .dropdown {
        display: block;
    }

    .temoignage p {
        font-size: 0.8em;
        padding: 0 30px;
    }

    .delegation.visuel {
        padding-top: 82%;
    }

    .correction-width-size {
        width: 100%;
        padding-bottom: 10px;
    }
    .chapeau_grande_image {
        height: auto;
        max-height: none;
        min-height: initial;
    }
}

/* max-width:640px */
@media only screen and (max-width: 640px) {
    .medias .chapeau_media .description_chapeau,
    .description_chapeau {
        left: 0;
        width: 100%;
    }
    .chapeau {
        min-height: 80%;
        max-height: 80%;
    }

    .footer .social {
        display: none;
    }

    .footer .menu {
        display: none;
    }

    .footer .infos {
        background: none;
    }

    .footer .adress p {
        padding: 20px 30px 10px;
    }

    .cl-effect-2 a span {
        min-width: 0;
    }

    .drops .dropdown .btn, .ui-multiselect, .result .dropdown .btn {
        margin-right: 0;
        min-width: 230px;
    }

}

/***  MENU - RESEAUX SOCIAUX ***/

@media only screen and (min-width: 1700px) {
    .no-more-pading div {
        padding: 0 2.9%;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .no-more-pading div {
        padding: 0 2.8%;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
    .no-more-pading div {
        padding: 0 2.55%;
    }
}

@media only screen and (min-width: 1450px) and (max-width: 1499px) {
    .no-more-pading div {
        padding: 0 2.3%;
    }
}

@media only screen and (min-width: 1411px) and (max-width: 1449px) {
    .no-more-pading div {
        padding: 0 2.15%;
    }
}

@media only screen and (min-width: 1390px) and (max-width: 1410px) {
    .no-more-pading div {
        padding: 0 2.1%;
    }
}

@media only screen and (min-width: 1365px) and (max-width: 1389px) {
    .no-more-pading div {
        padding: 0 2%;
    }
}

@media only screen and (min-width: 1345px) and (max-width: 1364px) {
    .no-more-pading div {
        padding: 0 1.9%;
    }
}

@media only screen and (min-width: 1320px) and (max-width: 1344px) {
    .no-more-pading div {
        padding: 0 1.8%;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1319px) {
    .no-more-pading div {
        padding: 0 1.7%;
    }
}

@media only screen and (min-width: 1290px) and (max-width: 1299px) {
    .no-more-pading div {
        padding: 0 1.6%;
    }
}

@media only screen and (min-width: 1265px) and (max-width: 1289px) {
    .no-more-pading div {
        padding: 0 1.5%;
    }
}

@media only screen and (min-width: 1245px) and (max-width: 1264px) {
    .no-more-pading div {
        padding: 0 1.4%;
    }
}

@media only screen and (min-width: 1230px) and (max-width: 1244px) {
    .no-more-pading div {
        padding: 0 1.3%;
    }
}

@media only screen and (min-width: 1230px) and (max-width: 1239px) {
    .no-more-pading div {
        padding: 0 1.2% !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1229px) {
    .no-more-pading div {
        padding: 0 1.7% !important;
    }
}

@media only screen and (min-width: 1190px) and (max-width: 1200px) {
    .no-more-pading div {
        padding: 0 1.6% !important;
    }
}

@media only screen and (min-width: 1175px) and (max-width: 1189px) {
    .no-more-pading div {
        padding: 0 1.5% !important;
    }
}

@media only screen and (min-width: 1156px) and (max-width: 1174px) {
    .no-more-pading div {
        padding: 0 1.4% !important;
    }
}

@media only screen and (min-width: 1140px) and (max-width: 1155px) {
    .no-more-pading div {
        padding: 0 1.3% !important;
    }
}

@media only screen and (min-width: 1125px) and (max-width: 1139px) {
    .no-more-pading div {
        padding: 0 1.2% !important;
    }
}

@media only screen and (min-width: 1111px) and (max-width: 1124px) {
    .no-more-pading div {
        padding: 0 1.1% !important;
    }
}

@media only screen and (min-width: 1080px) and (max-width: 1110px) {
    .no-more-pading div {
        padding: 0 2% !important;
    }
}

@media only screen and (min-width: 1050px) and (max-width: 1079px) {
    .no-more-pading div {
        padding: 0 1.8% !important;
    }
}

@media only screen and (min-width: 1020px) and (max-width: 1049px) {
    .no-more-pading div {
        padding: 0 1.6% !important;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1019px) {
    .no-more-pading div {
        padding: 0 1.4% !important;
    }
}

@media only screen and (min-width: 961px) and (max-width: 999px) {
    .no-more-pading div {
        padding: 0 1.2% !important;
    }
}

/* max-width:1441px */
@media only screen and (max-width: 1441px) {

    .actualite .facebook {
        margin-left: 10px;
    }
}

/* max-width:1222px */
@media only screen and (max-width: 1229px) {

    .no-more-pading div a {
        font-size: 1em !important;
    }

    .actualite .facebook img, .actualite .twitter img, .actualite .google img, .actualite .linkedin img, .actualite .instagram img, .actualite .youtube img, .header .actualite img {
        width: 40px;
        height: auto;
    }

    .lame-sengager .row-module-sengager {
        width: 80%;
    }
}

/* max-width:1199px */
@media only screen and (max-width: 1199px) {

    .devenir, .garanties {
        width: 100%;
    }

}


/* max-width:768px */
@media only screen and (max-width: 768px) {
    .personnes .nav-tabs li {
        display: block;
    }
    .personnes .nav-tabs li a {
        margin: 0;
    }
}

/* max-width:1108px */
@media only screen and (max-width: 1108px) {
    .no-more-pading div {
        /*padding: 0 4px !important;*/
    }

    .actualite .facebook img, .actualite .twitter img, .actualite .google img, .actualite .linkedin img, .actualite .instagram img, .actualite .youtube img, .header .actualite img {
        width: 30px;
        height: auto;
    }

    .no-more-pading div a {
        font-size: 0.85em !important;
    }

}

/*** SLIDER - ACTU ***/
/* max-width:879px */
@media only screen and (max-width: 879px) {
    .carousel-actu {
        min-height: 439px;
    }

    .carousel-actu .panneau {
        min-height: 439px;
    }

    .carousel-actu .item {
        min-height: 439px;
    }

    .carousel-actu .item .bg {
        min-height: 439px;
    }
}

/* max-width:779px */
@media only screen and (max-width: 779px) {
    .carousel-actu {
        min-height: 389px;
    }

    .carousel-actu .panneau {
        min-height: 389px;
    }

    .carousel-actu .item {
        min-height: 389px;
    }

    .carousel-actu .item .bg {
        min-height: 389px;
    }
}

@media (max-width:767px){
    .baseline {
        padding-left: 15px;
        padding-right: 15px;
    }

    .carousel-actu  .carousel-caption {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        top: 0;
        margin-top: 5%;
        margin-bottom: 5%;
    }



    .footer .adress {
        margin-bottom: 65px;
    }
}

/* max-width:679px */
@media only screen and (max-width: 679px) {
    .carousel-actu .carousel-caption {
        left: 5%;
        right: 5%;
    }

    .carousel-actu {
        min-height: 339px;
    }

    .carousel-actu .panneau {
        min-height: 339px;
    }

    .carousel-actu .item {
        min-height: 339px;
    }

    .carousel-actu .item .bg {
        min-height: 339px;
    }
}

/* max-width:579px */
@media only screen and (max-width: 579px) {
    .carousel-actu {
        min-height: 289px;
    }

    .carousel-actu .panneau {
        min-height: 289px;
    }

    .carousel-actu .item {
        min-height: 289px;
    }

    .carousel-actu .item .bg {
        min-height: 289px;
    }
    .result-recherche-head {

        margin-left: 15px;
        margin-right: 15px;
    }
    #tdh-recherche-form div .form-item-recherche {
        width: 80%;
    }
    #edit-recherche {
        width: 100%;
    }
}

/* max-width:479px */
@media only screen and (max-width: 479px) {
    .carousel-actu {
        min-height: 239px;
    }

    .carousel-actu .panneau {
        min-height: 239px;
    }

    .carousel-actu .item {
        min-height: 239px;
    }

    .carousel-actu .item .bg {
        min-height: 239px;
    }
    .slider .carousel-caption{
        bottom: inherit;
        top:0;
        min-height: inherit;
        margin:0 15px;
        left:0;
        right:0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display:none;
    }

    .slider .carousel-caption.visible-or-not{
        display:block;
    }

    .slider .carousel-info{display:block;margin:auto;width:5%;font-size:1.5em; margin-top: -30px;}
    .slider .carousel-info .glyphicon{ color:#f38500; cursor: pointer; background-color: #fff;  border-radius: 15px;}

    .slider .carousel-inner .item{
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .slider .carousel-caption a{
        min-height:inherit;
    }
    .slider .header-home .carousel-caption a{
        font-size: 0.8em;
        padding: 10px 12px;
        line-height: 10px;
    }
    .slider .carousel-caption h2{
        font-size: 1.5em !important;
    }
    .slider .carousel-caption h3{
        font-size: 1.3em;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 424px) {
    .saisie-texte, .saisie-texte-commentaire {
        font-size: 1em !important;
    }
    .temoignage .fond_blanc{
        min-width: inherit;
    }
}


/* max-width:379px */
@media only screen and (max-width: 379px) {
    .carousel-actu {
        min-height: 189px;
    }

    .carousel-actu .panneau {
        min-height: 189px;
    }

    .carousel-actu .item {
        min-height: 189px;
    }

    .carousel-actu .item .bg {
        min-height: 189px;
    }

}

/* MODIFS A MERGER*/
@media only screen and (max-width: 320px) {
    .alerte, .lang, .search {
        display: none;
    }
    .header .navbar-toggle{
        padding-top:9px;
    }

    .menu-mobile {
        display: block;
    }

    .header .col-xs-6.logo {
        display: inline-block;
        width: 100%;
        position: relative;
        float: inherit;
    }

    .header .col-xs-6.logo .navbar-header {
        height: auto;
        width: 18%;
        display: inline-block;
        margin: 0;
        padding: 0;
        float: right;

    }

    .header .col-xs-6.logo .navbar-header .navbar-toggle {
        padding: auto;
        margin: 0;
    }

    .header .col-xs-6.logo img {
        width: 60%;
        margin: 0;
    }

    .header .col-xs-6.menu {
        display: block;
        width: 100%;
        /*position: relative;*/
        margin: auto;
        top:3px;
    }

    .navbar-toggle {
        margin-right: auto;
        margin-top:0 !important;
    }

    .logo {
        padding-top: 10px;
    }

    .nav {
        margin-top: 10px !important;
    }

    .menu-mobile h3.ui-accordion-header {
        background: #FFF;
        border-radius: 0;
        border: 0;
        color: #F38500;
        padding: 13px 30px;
        font-size: 1.6em;
        font-weight: normal;
    }

    .menu-mobile h3.ui-accordion-header-active {
        background: #F38500;
        color: #FFF;
    }

    .menu-mobile h3.help {
        background: #F38500;
        border-radius: 0;
        border: 0;
        color: #FFF;
        padding: 13px 30px;
        font-size: 1.6em;
        font-weight: normal;
        text-transform: uppercase;
    }

    .menu-mobile h3.ui-accordion-header-activ {
        background: #F38500;
        border-radius: 0;
        border: 0;
        color: #FFF;
        padding: 13px 30px;
        font-size: 1.6em;
        font-weight: normal;
    }

    .menu-mobile h3.help.ui-state-default .ui-icon {
        background: url(../images/arrow-accordeon-h3-close.png) no-repeat left top !important;
    }

    .menu-mobile h3.help.ui-state-default.ui-state-active .ui-icon {
        background: url(../images/arrow-accordeon-h3-open.png) no-repeat left top !important;
    }

    .menu-mobile h3.ui-accordion-header-active.ui-state-default .ui-icon {
        background: url(../images/arrow-accordeon-h3-close.png) no-repeat left top !important;
    }

    .menu-mobile h3.ui-accordion-header-active.ui-state-default.ui-state-active .ui-icon {
        background: url(../images/arrow-accordeon-h3-open.png) no-repeat left top !important;
    }

    .menu-mobile h3.ui-state-default.ui-state-active .ui-icon {
        background: url(../images/arrow-accordeon-h3-open_orange.png) no-repeat left top;
    }

    .menu-mobile h3.ui-state-default .ui-icon {
        background: url(../images/arrow-accordeon-h3-close_orange.png) no-repeat left top;
    }

    .top_menu_mobile {
        display: inline-block;
        margin-bottom: -4px;
        width: 100%;
    }

    .top_menu_mobile .langage {
        display: inline-block;
        padding-left: 30px;
        padding-top: 10px;
        float: left;
    }

    .top_menu_mobile .search_form {
        display: inline-block;
        float: left;
        padding-top: 10px;
        padding-left: 15px;
    }

    .top_menu_mobile .search_form input {
        border: 0;
        display: inline-block;
        width: 150px;
        font-size: 1.1em;
    }

    .top_menu_mobile .btn_form {
        display: inline-block;
        width: 40px;
        height: 40px;

        background-color: #F38500;
        float: right;
        text-align: center;
    }

    .top_menu_mobile .langage .btn {
        background: url(../images/Pictos/picto-langue.png) no-repeat left top;
        border: 0;
        /*margin:3px 0 0 10px;*/
        padding: 0 0 0 25px;
        text-transform: uppercase;
    }

    .top_menu_mobile .langage .btn .caret {
        background: url(../images/caret.png) no-repeat left top;
        border: 0;
        width: 12px;
        height: 6px;
        margin: 0 0 2px 3px;
    }

}

.navbar-header .navbar-toggle {
    background-color: #ffffff;
}

.navbar-toggle .icon-bar {
    background-color: #1d1d1d;
    height: 3px;
}

/************************
POP UP GALERIE MEDIAS
************************/
.fancybox-nav span {
    top: 55%;
}

.fancybox-nav {
    height: 90%;
}

.fancybox-prev span, .fancybox-next span {
    height: 59px;
    width: 59px;
    background-position: 0 center;
}

.fancybox-next span {
    background-image: url(../images/carousel-arrow-right.png);
    right: -30px;
}

.fancybox-prev span {
    background-image: url(../images/carousel-arrow-left.png);
    left: -30px;
}

.fancybox-close {
    background-image: url(../images/btn-close-pop-up.png);
    height: 36px;
    width: 36px;
    right: 28px;
    top: 28px;
}

.fancybox-opened .fancybox-skin {
    box-shadow: none;
}

.fancybox-skin {
    background: none;
}

.fancybox-title-float-wrap .child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border-radius: 0;
    display: inline-block;
    font-weight: normal;
    line-height: 0;
    margin-right: 0;
    padding: 0;
    text-shadow: none;
    color: #333;
}

.fancybox-title-float-wrap {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    color: #333;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0;
    padding: 15px 30px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    right: auto;
}

.fancybox-overlay {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}

#fancybox-thumbs {
    display: inline;
    position: relative;
}

#fancybox-thumbs ul {
    border-top: 2px solid #fff !important;
}

#fancybox-thumbs ul li {
    opacity: 0.9;
}

#fancybox-thumbs ul li a {
    border: 0 none;
}

#fancybox-thumbs.bottom {
    bottom: 0;
}

#faq .ui-accordion .ui-accordion-content a {
    color: #f38500;
}

/************************
POP UP PERSONNES
************************/
/*.mfp-bg {
    background-color: #0b0b0b !important;
    opacity: 0.5 !important;
    z-index: 10000000 !important;
}*/
/** correct lightbox background */
.mfp-bg {
    background-color: #ffffff !important;
    opacity: 0.5 !important;
    z-index: 10000000 !important;
}

.mfp-content {
    padding: 0 !important;
}

/*.popup-contenu-partenaire .mfp-close {
    margin-top: 0 !important;
}*/

.mfp-close-btn-in .mfp-close {
    color: #000 !important;
}

.mfp-close {
    font-family: "UniversLTStd-LightCn" !important;
    font-size: 2.5em !important;
    right: 5px !important;
    opacity: 0.9 !important;
    top: -10px;
    color: white;
}
.mfp-close:active {
    top: -10px;
}

.mfp-wrap {
    /*margin-left: 7%;
    margin-right: 7%;
    width: 86% !important;*/

    background-color: rgba(255, 255, 255, 0.7);
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
    z-index: 10000002 !important;
}

.popup-contenu-partenaire .img_popup {
    width: 32% !important;
}

.popup-contenu-partenaire .txt_popup span.title {
    color: #f38500;
    font-size: 1.9em;
    font-weight: normal !important;
    line-height: 1em;
    margin-bottom: 0 !important;
    margin-top: 10%;
}

.popup-contenu-partenaire .txt_popup span.description {
    font-size: 1.3em;
}

.popup-contenu-partenaire .txt_popup {
    margin-left: 4%;
    width: 55% !important;
}

.txt_popup .paragraphe {
    margin-top: 5%;
}

.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    background-image: url(../images/carousel-arrow-right.png);
    height: 59px;
    margin-top: -20px;
    width: 59px;
    right: 15px;
}
.pop-up-evenement .mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    right: -50px;
}

.mfp-arrow-right::before, .mfp-arrow-right .mfp-b {
    border-left: none !important;
}

.mfp-arrow-right::after, .mfp-arrow-right .mfp-a {
    border-left: none !important;
}

.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
    background-image: url(../images/carousel-arrow-left.png);
    height: 59px;
    margin-top: -20px;
    width: 59px;
    left: 15px;
}
.pop-up-evenement .mfp-arrow.mfp-arrow-left.mfp-prevent-close {
    left: -50px;
}

@media only screen and (max-width: 550px) {
    .pop-up-evenement .mfp-arrow.mfp-arrow-right.mfp-prevent-close {
        right: -35px;
    }

    .pop-up-evenement .mfp-arrow.mfp-arrow-left.mfp-prevent-close {
        left: -35px;
    }
}



.mfp-arrow-left::before, .mfp-arrow-left .mfp-b {
    border-right: none !important;
}

.mfp-arrow-left::after, .mfp-arrow-left .mfp-a {
    border-right: none !important;
}

/************************
POP UP PARTENAIRES
************************/

.popup-image-partenaire, .paragraphe-partners {
    width: 90%;
    margin: 20px 5%;
    display: block;
    font-family: "UniversLTStd-LightCn";
    font-size: 1.2em;
}

.en_savoir_plus-partners, .en_savoir_plus-partners:hover {
    color: #f38500;
    display: block;
    font-size: 1.7em;
    text-align: center;
    font-family: "UniversLTStd-LightCn";
}

.lien-popup-partners, .lien-popup-partners:hover {
    background-color: #f38500;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 1.6em;
    margin: 20px 35%;
    padding: 5px 0;
    text-transform: uppercase;
    font-family: "UniversLTStd-LightCn";
    text-align: center;
}

.popup-contenu-partenaire span.title-partner {
    color: #f38500;
    font-size: 1.9em;
    line-height: 1em;
    display: block;
    font-family: "UniversLTStd-LightCn";
    text-align: center;
}

.popup-contenu-partenaire span.date-evenement {
    font-size: 1.2em;
    display: block;
    font-family: "UniversLTStd-LightCn";
    text-align: center;
}

.popup-contenu-partenaire .resume-evenement {
    margin: 20px 25%;
    font-family: "UniversLTStd-LightCn";
    text-align: center;
    background-color: #F7F4EF;
    font-size: 1.3em;
    border-radius: 4px;
    line-height: 1em;
}

.popup-contenu-partenaire .resume-evenement span {
    display: block;
    font-size: 2.5em;
    line-height: 0.7em;
}

.popup-contenu-partenaire .resume-evenement .dates-evenement {
    color: #fff;
    background-color: #f38500;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 12px 10px 8px;
    width: 10%;
}

.popup-contenu-partenaire .resume-evenement img {
    width: 40px;
    float: right;
    margin-right: 15px;
}

/* max-width:580px */
@media only screen and (max-width: 580px) {
    .search .dropdown {
        padding-right: 0;
    }

    .lang {
        right: 100px;
    }
    .popup-contenu-partenaire .img_popup {
        /* width: 32% !important; */
        width:100% !important;
        float: none;
        display: block;
    }
    .popup-contenu-partenaire .txt_popup {
        width: 80% !important;
    }
}

/************************
PAGE DELEGATION
************************/
.page-delegation .intro-delegation p {
    font-family: "UniversLTStd-LightCn";
    font-size: 1.7em;
    line-height: 1.2em;
    padding: 30px 120px 90px;
    font-weight: bold;
}

.page-delegation .intro-delegation img {
    width: 100%;
}

.page-delegation .projet-petit {
    padding-bottom: 90px;
    margin-bottom: 0;
}

.footer .newsletter input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

.footer .newsletter input:focus::-moz-placeholder {
    color: transparent !important;
}

.footer .newsletter input:focus:-moz-placeholder {
    color: transparent !important;
}

.newsletter .btn input {
    display: none;
}
#tdh-newsletter-form-newsletter--2 .btn input {
    display: none;
}

.newsletter .form-group button {
    margin-top: 15px;
}

form#form-newsletter {
    text-align: center;
}

.btn-facebook {
    background: url(../images/Pictos/picto_facebook_blanc.png) no-repeat 15px center;
}

.btn-twitter {
    background: url(../images/Pictos/Picto_twitter_cercle_hover.png) no-repeat 10px 10px;
}

.publier-mur-donateur {
    height: 100%;
}

.publier-mur-donateur a {
    background: #f38500;
    border-radius: 3px;
    color: #fff;
    font-size: 1.9em;
    padding: 4px 46px 4px 45px;
    text-align: center;
    text-transform: uppercase;
    font-family: "UniversLTStd-LightCn";
    border: none;
    box-shadow: none;
}

#page-erreur {
    margin: auto;
}

#page-erreur div {
    width: 100%;
}

#outilsEngagementDon, #outilsLameDon {
    background: #f38500;
    border-radius: 3px;
    color: #fff;
    font-size: 1.9em;
    padding: 4px 46px 4px 45px;
    text-align: center;
    text-transform: uppercase;
    font-family: "UniversLTStd-LightCn";
    border: none;
    box-shadow: none;
    margin-left: 17px;
    display: inline-block;
}

.int-sticky-don ul {
    width: 100%;
}

.pop-up-evenement {
    font-family: 'UniversLTStd-LightCn';
}

/*.pop-up-evenement .mfp-arrow-left {
    margin-left: -140px;
}*/

/*.pop-up-evenement .mfp-arrow-right {
    margin-right: -140px;
}*/


.pop-up-evenement h2{
    margin: 0;
    background-color: #f38500;
    color: white;
    font-size: 1.4em;
    padding: 5px;
}

.pop-up-evenement .resume_actualite{
    padding: 15px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.pop-up-evenement .contenu_actualite p{
    padding-left: 15px;
    padding-right: 15px;
    text-align: center !important;
}

.pop-up-evenement .div_picto_actualite,
.pop-up-evenement .date_actualite{
    font-size: 1.5em;
    display: inline-block;
    width: auto;
}

.pop-up-evenement .div_cta{
    margin: auto;
    width: auto;
    text-align: center;
    margin-bottom: 5px;
}

.pop-up-evenement .canton_actualite{
    font-size: 1.5em;
    width: 80%;
    display: inline-block;
}

.pop-up-evenement .image_actualite{
    max-width: 830px;
    max-height: 320px;
    margin-left: auto;
    margin-right: auto;
}

.pop-up-evenement .image_actualite img{
    max-width : 100%;
    max-height : 100%;
    margin: auto;
}


.pop-up-evenement .titre_actualite{
    font-size: 2em;
    width: 100%;
    text-align: center;
    margin: 0;
}

.pop-up-evenement .until_actualite{
    font-size: 1.2em;
}

.pop-up-evenement .date_fin_actualite{
    text-align: center;
    font-size: 1.2em;
    display: inline;
}

.pop-up-evenement .date_actu{
    text-align: center;
}

.pop-up-evenement .lien_actualite{
    text-align: center;
    width: 100%;
    display: block;
    color: #f38500;
    font-size: 1.2em;
}

.pop-up-evenement .lien_cta{
    background-color: #f38500;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    font-size: 1.2em;
    text-transform: uppercase;
}

.pop-up-evenement .lien_cta a{
    width:auto;
    margin: 0 auto;
}


#at-share-dock {
    bottom: 50px !important;
    top: auto !important;
}

body.landing-page #at-share-dock {
    bottom: 0px !important;
}

/*********************
IE
*********************/

.IE10 .footer .menu ul {
    padding:5px 0 17px;
}

#btnBenevole{
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
}


/**** center main menu and make it use all the width **/
#navbar .desktop {
    width: 100%;
    display: table;
}
#navbar .desktop .dropdown {
    display: table-cell;
    /*padding-left: 20px;*/
}
/** Active thematique **/
.pays-intervention-select-thematique.active {
    color: #f38500;
}

/** node/58 alignement du texte **/
.menu_chapeau .external_links a {
    padding-top: 0px;
}

.devenir .btn {
    white-space: normal;
}

.close-sticky-don .rotate {
    transform: rotate(-90deg);
    width: 200px;
    left: -87px;
    position: absolute;
    top: 60%;
    color: white;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap !important;
}

.waiting {
    text-align: center;
    margin-top: 25px;
    font-size: 1.5em;
}

/** Addthis responsive **/
.addthis-btn-div {
    display: none;
}
#addthis-btn {
    display: inline-block;
    text-align: center;
    color: #fff;
}
#addthis-btn img {
    /*width: 40px;*/
}
@media only screen and (max-width: 960px) {

    .addthis-btn-div {
        display: inline-block;
        width: 35px;
    }
    .addthis-smartlayers{
        display: none;
    }
    .header .logo img {
        width: 70%;
    }
}

/*** Message form confirmation ***/

@-webkit-keyframes pop-in {
    0% { opacity: 0; -webkit-transform: scale(0.5); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes pop-in {
    0% { opacity: 0; -moz-transform: scale(0.5); }
    100% { opacity: 1; -moz-transform: scale(1); }
}
@keyframes pop-in {
    0% { opacity: 0; transform: scale(0.5); }
    100% { opacity: 1; transform: scale(1); }
}

.messages.status.tdh-confirm {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    margin: 0;
    padding: 0;
    background: rgba(5,5,5,0.5);
    border: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}


.messages.status.tdh-confirm > div {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 5px;
    top: 250px;
    width: 320px;
    /*min-height: 100px;*/
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    color: black;
    border: 2px solid #F38500;
    -webkit-animation:pop-in 0.5s;
    -moz-animation:pop-in 0.5s;
    -ms-animation:pop-in 0.5s;
}

.messages.status.tdh-confirm span {
    padding: 20px 20px;
    text-align: center;
    display: block;
}

.messages.status.tdh-confirm a.close {
    color: #f38500;
    font-size: 30px;
    opacity: .6;
    margin-right: 3px;
}

.messages.status.tdh-confirm a.close:hover,
.messages.status.tdh-confirm a.close:focus {
    color: #f38500;
    opacity: .9;
}

#at4-share, .sticky-don.closed {z-index: 998!important;}

.header .row{
    position:relative;
}

/* Lame partenaire */
@media only screen and (max-width: 960px) {

    .partenaires .popup-gallery .partners {
        display: none;
    }

    .partenaires .carousel-partners {
        display: block;
    }

    .partenaires .carousel-partners .carousel-indicators {
        text-align: center;
        bottom: -30px;
    }

    .partenaires .carousel-partners .txt_popup span.title {
        margin-top: 0 !important;
        font-size: 1.5em;
    }

    .popup-contenu-partenaire .txt_popup {
        font-size: 1.1em;
        text-align: justify;
    }

    .popup-contenu-partenaire .paragraphe {
        padding-bottom: 10px;
    }

    .texte_riche .partenaires .carousel-partners ol {
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        bottom: -30px;
    }

    .texte_riche .partenaires .carousel-partners ol li:before {
        content:none;
    }
}

@media only screen and (max-width: 580px) {
    .partenaires .carousel-partners .txt_popup span.title {
        margin-top: 10% !important;
        font-size: 1.5em;
    }
}


.texte_riche  .carousel-actu ol.carousel-indicators li:before {
    content: '';
    border: none;
    background: none;
}

.texte_riche .carousel-actu ol.carousel-indicators {
    position: absolute;
    left: 50%;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}


@media only screen and (min-width: 980px) and (max-width: 1599px) {

    .chiffres_cles {
        /*position: absolute !important;*/
        width: 100% !important;
    }
    .chapeau_grande_image{
        background-size: cover !important;
    }

}
