#page-wrapper, #page, #main-wrapper {
    background: #554c60 none repeat scroll 0 0; 
}

div#main-menu {
    display: block;
}

ul#superfish-1 {
  display: none;
  }

#header-wrapper { background-color: #fff; }

#footer-wrapper {
    background-color: #494157;
    font-family: Gotham;
}

#bubbles, #social_background
{
    display: none;
}



strong {
    font-family: DinBold;
}

#main-wrapper {
   
    background-image: none; 
}

/* HEADER */

.front #featured 
{
    display:none;
}

#responsive-menu-button {
    padding: 0 15px;
    font-family: gotham;
    font-size: 1.9em;
    color: #fff;
    margin-left: 10px;
    display: inline;
}

#header-wrapper {background: none;}

#header
{
  background-color: #fff;
  background-image: none;
  padding: 20px;
    height: 100px;
}

#header div.section {
    left: -20px;
    margin: 0 auto;
    position: relative;
    width: 210px;
}

#site-slogan {
    color: #b1a9b0;
    font-family: DinBold;
    font-size: 0.6em;
    font-style: normal;
    line-height: 1.1em;
    margin-left: 82px;
    margin-top: 0;
    text-transform: uppercase;
    width: 110px;
    word-spacing: 0.1em;
}

#logo > img {
    width: 205px;
    height: auto;
    display: inline;
    margin-left: 0px;
}

#responsive-menu-button {
    padding: 0 15px;
}

a.social-button {
    display: none;
}

/* SLIDE SHOW / ENTETE */

#block-views-slideshow-home-page-block .views-slideshow-controls-bottom {
    position: absolute;
    right: 20px;
    top: 350px;
    z-index: 200;
}

#block-views-slideshow-home-page-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item {
    
    float: left;
    font-size: 1.5em;
    margin: 0 5px;
}

#block-views-slideshow-home-page-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item a {
  color: #fff;
}

#block-views-slideshow-home-page-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item.active a {
  color: #ffd400;
}

#block-views-slideshow-home-page-block .views-field-title {
    background-image: url("../images/social_background_instit.png");
    height: 70px;
    padding: 10px 20px;
    position: absolute;
    top: 160px;
    width: 60%;
    z-index: 9999;
     left: 0;
    margin-left: 0;

    right: auto;
}

#block-views-slideshow-home-page-block .views-field-title a {
    display: block;
    margin-right: 10px;
    padding: 0 5px;
}

#block-views-slideshow-home-page-block .views-field-title a:hover
{
  text-decoration: none;
}
#block-views-slideshow-home-page-block .views-field-title h3 {line-height: 1.1em; margin: 0;}
#block-views-slideshow-home-page-block .views-field-title h3 a
{
  color:#ffd400;
    font-family: Gotham;
  font-size: 18px;
text-transform: inherit;
line-height: 1.1em;
  margin-bottom: 5px;
  
}
#block-views-slideshow-home-page-block .views-field-title p {line-height: 1em; margin: 0}
#block-views-slideshow-home-page-block .views-field-title p a {
    color: #ccc;
    font-family: Din;
    font-size: 14px;
    font-weight: bold;
    
}

#block-fieldblock-node-page-default-field-page-image-entete .field-name-field-page-image-entete img, #block-fieldblock-node-slide-home-page-default-field-slide-home-page-image .field-name-field-slide-home-page-image img, #block-fieldblock-node-page-institutionnelle-default-field-page-instit-image-entete .field-name-field-page-instit-image-entete img, #block-fieldblock-node-page-neutre-default-field-page-neutre-image-en-tete .field-name-field-page-neutre-image-en-tete img, #block-fieldblock-node-webform-default-field-webform-image-entete .field-name-field-webform-image-entete img, #block-fieldblock-node-rencontre-clients-default-field-rencontre-image-en-tete .field-name-field-rencontre-image-en-tete img {
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
}

.views_slideshow_cycle_main .field-content img {max-width: 100%}


/* PAGE INSTITUTIONNELLE */

.node-type-page-institutionnelle #page-wrapper, 
.node-type-page-institutionnelle #page,
.node-type-offre-d-emploi #page-wrapper, 
.node-type-offre-d-emploi #page,
.page-node-63 #page-wrapper, 
.page-node-63 #page {
    background-color: #d6d8df;
}

.node-type-page-institutionnelle #main-wrapper, 
#block-block-8,
.node-type-offre-d-emploi #main-wrapper,
.page-node-63 #main-wrapper
 {
    background-color: #d6d8df;
    background-image: url("../images/background_page_instit.png");
    background-position: center center;
    background-repeat: repeat-y;
}
.node-type-page-institutionnelle h1#page-title, 
.node-type-page-institutionnelle h2, 
.node-type-page-institutionnelle h3,
.node-type-offre-d-emploi h1#page-title, 
.node-type-offre-d-emploi h2, 
.node-type-offre-d-emploi #content h3,
.page-node-63 h1#page-title, 
.page-node-63 h2, 
.page-node-63 h3
{
    color: #e84b04;
}

.node-type-page-institutionnelle h1#page-title {border:none;}

.node-type-page-institutionnelle #social_background,
.node-type-offre-d-emploi #social_background,
.page-node-63 #social_background {
    background-color: transparent;
    background-image: url("../images/social_background_instit.png");
    border-bottom: 5px solid #d0d1d8;
  }

.node-type-page-institutionnelle #content h2,
.node-type-offre-d-emploi #content h2,
.page-node-63 #content h2
 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-top: medium none;
    color: #554c60;
    font-family: Din;
    font-weight: bold;
    line-height: 1.1;
    margin: 30px 0 20px;
    padding: 0;
}

.node-type-page-institutionnelle .node .content,
.node-type-page-institutionnelle .breadcrumb a,
.node-type-offre-d-emploi .node .content,
.node-type-offre-d-emploi .breadcrumb a,
.page-node-63 .node .content,
.page-node-63 .breadcrumb a 
{color: #333333;}

.node-type-page-institutionnelle #content ,
.node-type-offre-d-emploi #content,
.page-node-63 #content 
{ background-image: url("../images/main_background_instit.png");}

.node-type-page-institutionnelle #search-form input#edit-keys,
.node-type-offre-d-emploi #search-form input#edit-keys,
.page-node-63 #search-form input#edit-keys,
#block-search-form .form-item-search-block-form input {background-color: #97929f;}

.node-type-page-institutionnelle #content h3,
.node-type-offre-d-emploi #content h3,
.page-node-63 #content h3 {
   /*text-transform: inherit;*/
   color: #e84b04;
}


.node-type-page-institutionnelle #content h3 a {
    color: #e84b04;
}

/* AUTO-GENERATED PAGES */
.page-content #main, .front #main {
    padding: 0;
}

.page-content #header-wrapper
{
  background-image: url('../images/background-default.jpg');
  background-repeat: no-repeat;
  background-size: 65% auto;
  background-position: top right;
}

.page-agenda #header-wrapper
{
  background-image: url('../images/page_agenda_background.jpg');
  background-repeat: no-repeat;
  background-size: 65% auto;
  background-position: top right;
}

.node-type-offre-d-emploi #header-wrapper, 
.page-user #header-wrapper, 
.page-node-63 #header-wrapper,
.page-sitemap #header-wrapper 
{
    background-image: url("../images/background-batiments-default.jpg");
    background-position: right -70px;
    background-repeat: no-repeat;
    background-size: 68% auto;
}

/* BREADCRUMB */

.breadcrumb {
    font-size: 0.8em;
    margin: 0;
    padding: 10px 0 0;
}

.breadcrumb a, .breadcrumb span.nolink {
    color: #aaa;
    font-family: Din;
    text-transform: uppercase;
}

/* SOCIAL BANNER */


#social_background {
    background-color: transparent;
    background-image: url("../images/social_background_commercial.png");
    background-repeat: repeat;
    height: 50px;
    margin-left: 0;
    width: 100%;
   
}

#social_search_banner
{
  background-color: #4e4759; 
}

#social_search_banner .section {
    padding: 10px 0 0 10px;
}

.front #social_background {
    background-image: url("../images/social_background_front.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-color: transparent;
   border-bottom:none;
}

.front #social_search_banner .section { padding: 10px 0 0;}


#block-block-1 {
    float: left;
    height: 45px;
    margin-right: 8px;
    margin-top: 3px;
}

#block-search-form {
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    padding: 0;
    position: inherit;
}
#block-search-form .form-item-search-block-form input {width: 100px;}

#block-block-1 .content a {padding: 5px; transition: all 0.3s ease 0s;  -webkit-transition: all 0.3s ease 0s;}

#content {background-image: url("../images/main_background.png");}


/* BLOC CONNECT'DAYS */


/*
#block-block-5 {position: relative; overflow: hidden; }


.front #content #block-block-5 h2 {
     background: url("../images/evenement_title_background.png") no-repeat scroll center 25px, rgba(0, 0, 0, 0) url("../images/evenement_title_gradient_background.png") repeat-x scroll center top;
    position: absolute;
    z-index: 21;
     color: #000;
   height: 150px;
    padding: 108px 0 0px;
    text-align: center;
    width: 100%;
    pointer-events: none;
}

#block-block-5 .content img
{
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
    max-width: 100%;
    min-height: inherit;
    min-width: inherit;
    
}

*/

#block-block-5 { background-image:url("../images/event_du_background.jpg"); background-repeat: no-repeat; background-size: cover; text-align: center;padding-bottom: 40px; background-position: center;}

.front #content #block-block-5 h2 {
     background: url("../images/evenement_title_background.png") no-repeat scroll center 25px;
     color: #000;
   height: 80px;
    padding: 108px 0 0px;
    text-align: center;
    width: 100%;
}

#block-block-5 .content { margin-top: 0}
#block-block-5 .content p {margin: 0;}

#block-block-5 .content img {max-width: 100%;}

/* INSCRIPTION FORMATIONS */

#webform-client-form-219 fieldset 
{
  background: none;
  border: none;
  padding:0;
  border-bottom: #eed63c 1px solid;
  padding-bottom: 20px;
  border-radius: 0px;
}

#webform-client-form-219 fieldset legend
{
  background: none;
  border: none;
  border-radius: 0px;
  padding:0;
  color: #eed63c;
  font-family: Din;
  text-shadow:none;
  font-size: 0.9em;
}

#webform-component-inscription-choix-de-la-session-de-formation--inscription-resume {
    display: none;
}

#cout-formation-session-souhaitee {
    color: #ccc;
    font-size: 0.76em;
    margin-top: 25px;
}

#block-views-formations-block {
    display: none;
}

#block-views-sessions-formation-block {
    display: none;
}

.views-exposed-form label {
    font-size: 0.8em;
    font-weight: normal;
}

/* NOS FORMATIONS */

#content .view-nos-formations h3 {
    background-color: #6d6675;
    clear: both;
    color: #eed63c;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 10px;
    text-transform: inherit;
}

.view-nos-formations .views-row {
    border-top: 1px dotted #999;
    font-size: 1em;
    margin: 20px 0 0;
   padding: 15px 15px 15px 70px;
   background-image: url('../images/picto_formation.png');
   background-repeat: no-repeat;
   background-position: 0px 15px;
}

.view-nos-formations .views-row-first
{
  border-top: none;
  margin-top: 5px;
}

.view-nos-formations .views-row p.formations-dates {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.1em;
    text-transform: lowercase;
}

.view-nos-formations .views-row p.formations-inscription {
    font-size: 0.9em;
    margin-top: 15px;
}


.view-nos-formations .views-row p.formations-inscription a.fiche {
    background: rgba(0, 0, 0, 0) url("../images/picto_pdf.png") no-repeat scroll 5px 4px;
    color: #fff;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 5px 15px 5px 35px;
     transition: all 0.3s ease 0s;  -webkit-transition: all 0.3s ease 0s;
     font-size: 0.9em;
     display: block;
      margin-top: 10px;
}

    

   

.view-nos-formations .views-row p.formations-inscription a.inscription {
    background-color: #f39100;
    color: #fff;
    margin: 0 0 0 5px;
    padding: 4px 15px;
    transition: all 0.3s ease 0s;  -webkit-transition: all 0.3s ease 0s;
}

.view-nos-formations .views-row p.formations-inscription a.inscription:hover
{
  background-color: #eed63c;
  color: #554c60;
}

.view-nos-formations .views-row p.formations-inscription a.fiche:hover
{
  color: #eed63c;
}
.view-nos-formations .views-row p.formations-lieu {
    background-image: url("../images/agenda_evenement_lieu_background.png");
    background-repeat: no-repeat;
    margin: 10px 0;
    padding-left: 30px;
}

.view-nos-formations .views-exposed-widgets {
    margin-bottom: 50px;
}

/* Sitemap */

ul.site-map-menu {font-size: 1.1em;}
ul.site-map-menu li {list-style: none; list-style-type: none;}

/* Postuler à cette offre */

#block-block-13 {
    background-color: #f5f5f5;
    padding: 0;
}

#block-block-13 h3 {margin: 20px 0 0; padding: 0; text-align: center;}

#block-block-13 h3 a {
    display: block;
    font-family: Din;
    font-size: 2.1em;
    font-weight: normal;
    padding: 20px 0;
    text-transform: uppercase;
}

/* ACCORDION */

.ui-accordion 
{
    margin-bottom: 20px;
}

.accordion_content.vous_etes
{
    margin-bottom: 0px;
}

.ui-accordion .ui-accordion-header {
    font-size: 0.8em;
    margin: 20px 0 0;
    padding: 0 0 0 40px;
    text-transform: inherit;
    color: #eed63c;
}

.node-type-page-institutionnelle .ui-accordion .ui-accordion-header {
    color: #554c60;
}

.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-state-active, .ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active  
{
    color: #eed63c;
    font-weight: normal;
    background-image: none;
    background-color: none;
    background: none;
    border: none;
}

.ui-accordion-content {
    background:none;
    background-color: #6d6577;
    border: none;
    color: #fff;
    font-family: Din;
    font-size: 0.8em;
    text-align: justify;
    margin-top: 20px;
}

/*
.ui-accordion .ui-accordion-content {
    background-color: #6d6577;
    border-top: medium none;
    color: #fff;
    font-size: 0.9em;
    padding: 1em 2em 1.5em;
}*/

.node-type-page-institutionnelle .ui-accordion .ui-accordion-content {
    background-color: #fff;
    color: #6d6577;
}

.ui-icon-triangle-1-e {
   background-position: 0 -192px;
}

.ui-icon-triangle-1-s {
    background-position: -16px -192px;
}

.ui-accordion .ui-state-default .ui-icon {
    background-image: url("../images/pictos_commercial.png");
}

.node-type-page-institutionnelle .ui-accordion .ui-state-default .ui-icon {
    background-image: url("../images/pictos_instit.png");
}



.ui-widget-content a {
    color: #f39100;
}

/* TABS */

.tabs_content.ui-tabs {
    background: #6d6577 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
     margin-bottom: 20px;
}

.tabs_content .ui-widget-header {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    margin: 0;
    padding: 5px 15px;
}

.tabs_content .ui-widget-header li a
{
  color: #eed63c;
  padding: 0.6em 0.3em;
  font-size: 0.75em;
}



.tabs_content .ui-widget-header li.ui-state-active a {
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 2px solid #f39100;
    color: #fff;
    font-weight: bold;
}

.tabs_content .ui-tabs-panel
{
  color: #fff;
}

.tabs_content .ui-tabs-panel h4
{
  text-transform: inherit;
}

/* TABS Intervention prévention */

.tabs_content.intervention_prevention ul {padding-left: 70px;}

.tabs_content.intervention_prevention .ui-widget-header li a, .tabs_content.intervention_prevention .ui-widget-header li.ui-state-active a {
    background-image: url("../images/etape_intervention_prevention.png");
    background-position: right 17px;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: bold;
    padding-right: 35px;
}

.tabs_content.intervention_prevention .ui-widget-header li a.last, .tabs_content.intervention_prevention .ui-widget-header li.ui-state-active a.last {
background-image: none;
  }

.tabs_content.intervention_prevention .ui-widget-header li.ui-state-active a {color: #f39100;}

.tabs_content.dossier_thematique { background-color: transparent;}
.tabs_content.dossier_thematique .ui-tabs-panel {padding: 20px 0;}
.tabs_content.dossier_thematique .ui-widget-header {padding: 0;}

/* CONTROLE MAG */

.controle-mag {
    float: left;
    margin: 15px 19px 0;
}


.controle-mag p {
    font-size: 0.7em;
    text-align: center;
}

/* BLOC QUI SOMMES NOUS ? */

#block-block-2 { padding: 0 0 30px 0;}

#content #block-block-2 h2, #content #block-block-4 h2 
{background: url('../images/home_block_title_background.gif') no-repeat bottom center;}

#block-block-2 .content {
    background-image: none;
    margin: 0 auto;
    padding: 20px 0 0;
    width: 100%;
    text-align: center;
}

#block-block-2 .content p img 
{
  width: 30%;
}


/* images / iframe */
#block-system-main .content img, #block-system-main .content iframe {
    height: auto;
    max-width: 100%;
}

.node-type-rencontre-clients #block-system-main .content iframe {
    height: 400px;
    max-width: 100%;
}

/* H */

h1#page-title {
    border-bottom: 2px solid #f39100;
    color: #fff;
    font-family: Gotham;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.1em;
    padding: 15px 0;
    text-transform: uppercase;
}
#content h2 {

    color: #eed63c;
    font-family: Din;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.1;
    margin: 20px 0 10px;
    padding: 10px 0 15px;
}



p.chiffre-cle 
{
    background-repeat: no-repeat;
    min-height: 70px;
}


/* APPROCHE MOBILE

p.chiffre-cle.gauche {
    background-position: center top;
    margin: 30px 0;
    padding: 120px 15px 20px 10px;
    text-align: center;
}

*/

p.chiffre-cle.gauche { margin: 30px 0px 30px 0px; text-align: center;  padding: 120px 15px 20px 15px;  background-position: center 10px;}
p.chiffre-cle.droite { margin: 30px 0px 30px 0px; text-align: center;  padding: 120px 15px 20px 15px;  background-position: center 10px;}
p.chiffre-cle.gauche.align-left {margin-left: 0px;}
p.chiffre-cle.droite.align-right {margin-right: 0px;}


#content p.chiffre-cle .chiffre 
{
    font-family: Gotham;
    font-size: 2.1em;
    line-height: 1.1em;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: inherit;
}

#content p.chiffre-cle.main .chiffre {color: #b2d3f1;}
p.chiffre-cle.main { background-image: url("../images/background_chiffre_cle_main.png"); }

#content p.chiffre-cle.sablier .chiffre {color: #f39100;}
p.chiffre-cle.sablier { background-image: url("../images/background_chiffre_cle_sablier.png"); }

#content p.chiffre-cle.web .chiffre {color: #eed63c;}
p.chiffre-cle.web { background-image: url("../images/background_chiffre_cle_web.png"); }

#content p.chiffre-cle.euro .chiffre {color: #b2d3f1;}
p.chiffre-cle.euro { background-image: url("../images/background_chiffre_cle_euro.png"); }

#content p.chiffre-cle.satisfaction .chiffre {color: #eed63c;}
p.chiffre-cle.satisfaction { background-image: url("../images/background_chiffre_cle_satisfaction.png"); }

#content p.chiffre-cle.controle .chiffre {color: #f39100;}
p.chiffre-cle.controle { background-image: url("../images/background_chiffre_cle_controle.png");}


#content p.chiffre-cle.seance .chiffre {color: #eed63c;}
p.chiffre-cle.seance { background-image: url("../images/background_chiffre_cle_seance.png"); }

#content p.chiffre-cle.hotline .chiffre {color: #eed63e;}
p.chiffre-cle.hotline { background-image: url("../images/background_chiffre_cle_hotline.png"); }


#content p.chiffre-cle.document .chiffre {color: #eed63e;}
p.chiffre-cle.document { background-image: url("../images/background_chiffre_cle_document.png"); }

#content p.chiffre-cle.main-instit .chiffre {color: #8d305f;}
p.chiffre-cle.main-instit { background-image: url("../images/background_chiffre_cle_main_instit.png"); }

#content p.chiffre-cle.gestion .chiffre {color: #b2d3f1;}
p.chiffre-cle.gestion { background-image: url("../images/background_chiffre_cle_gestion.png"); }

/* BLOC NEERIA */
div.bloc_info_neeria {
    background-color: #752a5f;
    background-image: none;
    background-position: 10px 7px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 1em;
    margin: 20px 0;
    padding: 15px 20px 10px 15px;
    text-align: justify;
    clear: both;
    min-height: 75px;
}

#content div.bloc_info_neeria h3 {
    color: #f39100;
    margin-top: 15px;
}

#content div.bloc_info_neeria a {
    color: #f39100;
}

/* BLOC reglementation */

#content div.encadre.reglementation {
    background-color: #f39100;
    color: #fff;
    font-family: Gotham;
    font-size: 0.8em;
    margin: 25px 0;
    padding: 20px 30px 15px 30px;
    background-image: none;
    text-align: justify;
}

.legende {
    font-size: 0.8em;
    font-style: italic;
    margin: 0;
}
em { font-style: italic; }


.partenaires {text-align: center;}

.partenaires > img {
    margin: 6px 8px;
    width: 20%;
}

/* CHIFFRES CLES */


/* BLOC CONTACT */
.bloc_contact, .bloc_connexion_espace_client, .bloc_web {
    background-color: #6d6577;
    background-image: none;
    min-height: inherit;
    padding: 15px 15px 20px 15px;
    margin-top: 20px;
    text-align: center;
}

.bloc_contact.mail {
background-image: none;
}

#content .bloc_contact h3, #content .bloc_connexion_espace_client h3, #content .bloc_web h3 {
    color: #b2d3f1;
    font-family: Gotham;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: inherit;
    line-height: 1.1em;
}

#content .bloc_contact a, #content .bloc_connexion_espace_client a, #content .bloc_web a {color: #b2d3f1;}

#content .bloc_contact .tel, #content .bloc_web .tel a {
    color: #F39100;
    font-size: 1.2em;
    font-weight: bold;
}

.bloc_contact.hot_line_prevention 
{
  margin-top: 20px;
}

#content .bloc_contact.hot_line_prevention  h3, #content .bloc_connexion_espace_client h3 { font-size: 1.3em;}

#content .bloc_connexion_espace_client
{
  background-image: none;
}


 #content .bloc_connexion_espace_client h3 {color:#f39100; }
/* Page stats */
.publication {
    background-color: #6d6577;
    margin: 15px 0;
    padding: 15px 15px 0;
}
.publication img {
    float: left;
    margin: 0 15px 15px 0;
}

/* Haut de page */

p#haut_de_page {
    bottom: 20px;
    display: none;
    font-family: Din;
    position: fixed;
    right: 30px;
    text-align: center;
    z-index: 9999;
}

/* BLOCK AGENDA FRONT */

#block-views-agenda-block
{
  background: transparent;
  background-color: #88114f ;
   padding-bottom: 60px;
}



.front #content #block-views-agenda-block > h2 {
    background-image: url("../images/agenda_title_background.png");
    background-position: center 30px;
    background-repeat: no-repeat;
    color: #ffffff;
    margin-bottom: 0px;
    padding: 108px 0 36px;
}

#block-views-agenda-block .content {
    margin: 0 auto;
    width: 100%;
}

#block-views-agenda-block .view-content {
    margin-bottom: 25px;
    overflow: auto;
}

#block-views-agenda-block .view-content .views-row {
    color: #ffffff;
    font-family: Gotham;
    font-weight: bold;
    width: auto;
    padding: 0;
    text-align: center;
    height: auto
    overflow: hidden;
    margin: 0 auto 10px;
}

#block-views-agenda-block .view-footer { width: 100%; overflow: hidden; text-align: center;}


#block-views-agenda-block .view-content .views-row a
{
  display: block;
   background-image: url("../images/agenda_evenement_medium_background.png");
   background-position: center 21px;
  background-repeat: no-repeat;
  width: 100%;
  
  padding: 32px 0;
  color: #ffffff;
}

#block-views-agenda-block .view-content .views-row-odd a
{
  background-color: #91265a;
}

#block-views-agenda-block .view-content .views-row a:hover
{
  text-decoration: none;
  transition: all 0.3s ease 0s, all 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, all 0s ease 0s;
}

#block-views-agenda-block .view-content .views-row a span.agenda-jour
{
  color: #fff;
  font-size: 41px;
  font-weight: normal;
  line-height: 0.7em;
}

#block-views-agenda-block .view-content .views-row a span.agenda-mois
{
  color: #ffd400;
  font-size: 16px;
  line-height: 2em;
  text-transform: uppercase;
   font-weight: normal;
}

#block-views-agenda-block .view-content .views-row a span.agenda-title {
    display: block;
    font-size: 1.5em;
    line-height: 1.1em;
    margin: 25px 0 0;
    padding: 0 15px;
}

#block-views-agenda-block .view-content .views-row a:hover span.agenda-jour
{
  color: #ffffff;
}

#block-views-agenda-block .view-content .views-row a:hover span.agenda-mois
{
  color: #ffd400;
}

div.agenda-date {
    background-image: url("../images/agenda_evenement_small_background.png");
    background-repeat: no-repeat;
    height: 70px;
    text-align: center;
    width: 70px;
}

div.agenda-date div.agenda-jour {
    color: #ffd400;
    font-size: 18px;
    font-weight: normal;
    line-height: 2.1em;
}

div.agenda-date span.agenda-mois {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.8em;
    text-transform: uppercase;
}


.page-agenda .view-content, 
.view-slideshow-home-page.view-display-id-block_1 .view-content 
{background-image: url("../images/agenda_timeline_background.png"); background-repeat: repeat-y; background-position: 35px 0;}

.page-agenda .view-content .views-row,
.view-slideshow-home-page.view-display-id-block_1 .views-row {
    margin: 0 0 60px;
    overflow: auto;
}

.view-agenda.view-display-id-block_1 .views-field-field-evenement-lieu,
.view-agenda.view-display-id-block_1 .views-field-body
{
  margin-left: 100px;
}



#content .agenda-title
{
  margin-left: 100px; border: none; background: none;
}


.view-slideshow-home-page.view-display-id-block_1 .view-content 
{background-image: none; }

.page-agenda .view-content .views-row,
.view-slideshow-home-page.view-display-id-block_1 .views-row {
    margin: 0 0 60px;
    overflow: auto;
}

.page-agenda #content h2.agenda-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    margin: 0 0 0px 100px;
    padding-top: 0;
}

.page-agenda .view-content .views-row .views-field-field-evenement-lieu,
.view-agenda.view-display-id-block_1 .views-row .views-field-field-evenement-lieu
 {
    margin: 0 0 0 110px;
    background-image: url("../images/agenda_evenement_lieu_background.png"); background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-left: 30px;
}

.page-agenda .view-content .views-row .views-field-body {
    margin: 15px 0 0 110px;
}

.page-agenda .view-content .views-row .views-field-field-evenement-date-2 {
    color: #fff;
    font-family: gotham;
    margin: 0 0 10px 110px;
    text-transform: uppercase;
}

.evenement-presse-accordion .ui-accordion-header {
    font-family: Din;
    font-size: 0.75em;
    padding: 5px 0 5px 40px;
    text-transform: uppercase;
}

.view-agenda.view-display-id-block_1 .agenda-title {
    font-family: Din;
    font-size: 0.9em;
    text-transform: inherit;
}

.view-agenda.view-display-id-block_1 .views-row .views-field-field-evenement-lieu 
{
  font-size: 0.85em;
  }

.front #content .block > h2
{
    border-top: medium none;
    color: #97929f;
    font-family: Gotham;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
    background: none;
    background-position: center 0;
    background-repeat: no-repeat;
}

.page-content #main,  {
    padding: 20px 0 0;
}

.front #main
{
    padding: 0px;
}

.front #content #block-block-6 h2 {
    background-image: url("../images/le_blog_title_background.png");
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 0;
    margin-top: 30px;
    padding-bottom: 110px;
    padding-top: 80px;
}

#block-block-6 .content {
    text-align: center;
}

#block-block-6 .content img {
    max-width: 200px;
    height: auto;
    }

#block-block-4 .content
{
  padding-top: 20px;
}

#block-block-4 .accordion_content.vous_etes h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
    border-radius: 0;
}

#block-block-4 .accordion_content.vous_etes h3 span
{
  background: none;
}

#block-block-4 .accordion_content.vous_etes .ui-accordion-content {
   font-size: 1em;
   margin: 0;
  }

#block-block-4 .accordion_content.vous_etes .ui-accordion-content li
{
  background-position: 0px 0px;
  background-image: url("../images/puce_li_vous_etes.png");
}
#block-block-4 .accordion_content.vous_etes .ui-accordion-content a
{
  color: #f5f5f5;
}

#block-block-4 .accordion_content.vous_etes h3#ui-accordion-1-header-0, 
#block-block-4 .accordion_content.vous_etes div#ui-accordion-1-panel-0
{
background-color:  #0bbbef;
color: #fff; 
}

#block-block-4 .accordion_content.vous_etes h3#ui-accordion-1-header-1, 
#block-block-4 .accordion_content.vous_etes div#ui-accordion-1-panel-1
{
background-color:  #ee842e;
color: #fff; 
}

#block-block-4 .accordion_content.vous_etes h3#ui-accordion-1-header-2, 
#block-block-4 .accordion_content.vous_etes div#ui-accordion-1-panel-2, 
#block-block-4 .accordion_content.vous_etes div#ui-accordion-1-panel-2 a
{
background-color:  #fbbb1a;
color: #333; 
}

#block-block-4 .accordion_content.vous_etes h3#ui-accordion-1-header-3, 
#block-block-4 .accordion_content.vous_etes div#ui-accordion-1-panel-3,
#block-block-4 .accordion_content.vous_etes div#ui-accordion-1-panel-3 a
{
background-color:  #fdd101;
color: #333; 
}

#block-block-4 .accordion_content.vous_etes div#ui-accordion-1-panel-2 li,
#block-block-4 .accordion_content.vous_etes div#ui-accordion-1-panel-3 li
{
  background-position: 0px 0px;
  background-image: url("../images/puce_li_vous_etes_gris.png");
}

#block-block-4 .accordion_content.vous_etes h3#ui-accordion-1-header-4, 
#block-block-4 .accordion_content.vous_etes div#ui-accordion-1-panel-4
{
background-color:  #e72b78;
color: #fff; 
}

#block-block-4 h2 {display: block;}

/* COMMUNIQUES DE PRESSE */

.view-nos-dernier-communiques-de-presse .views-row > p.communique-presse {
    background-image: url("../images/picto_communique_presse.png");
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 0 0 50px;
}

.view-nos-dernier-communiques-de-presse .views-row > p.communique-presse a {
    color: #333;
}

#content .view-nos-dernier-communiques-de-presse p.ui-accordion-header {
    font-family: Gotham;
    text-transform: uppercase;
    font-size: 14px;
    color: #e84b04;
    margin: 5px 0 10px;
}

#content .view-nos-dernier-communiques-de-presse .ui-accordion {
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 25px;
}

#content .view-nos-dernier-communiques-de-presse .ui-accordion-content {
    font-size: 0.8em;
    margin-bottom: 15px;
}

/* NOS DERNIERES PUBLICATIONS */


/* BLOCK PRESSE */

.view-nos-dernieres-publications .views-row {
    clear: both;
    margin-bottom: 40px;
    margin-left: 0;
}

.view-nos-dernieres-publications .views-row .views-field-field-publication-image {
    float: left;
    width: 120px;
}

.view-nos-dernieres-publications .views-row .views-field-title {
    font-size: 0.9em;
    margin-bottom: 0;
}

.view-nos-dernieres-publications .date-display-single {
    color: #e84b04;
    font-size: 0.7em;
    text-transform: uppercase;
}

.view-nos-dernieres-publications .views-row .views-field-body {
    font-size: 0.8em;
    margin-bottom: 15px;
}

.page-node-252 .view-nos-dernieres-publications .views-row .views-field-body {
    font-size: 1em;
    margin-bottom: 15px;
}

.view-nos-dernieres-publications .views-row .views-field-field-publication-pdf {
    font-size: 0.8em;
    margin-left: 0px;
    clear: both;
    margin-top: 30px;
}

.view-nos-dernieres-publications .views-row .views-field-body p {
    margin-bottom: 7px;
}

.view-nos-dernieres-publications .views-row .views-field-field-publication-pdf a {
    background-color: #f5f5f5;
    background-image: url("../images/picto_pdf.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 35px;
}

#block-block-21 {
    margin-top: 0px;
    margin-right: 40px;
}

/* POSTULEZ */

form.webform-client-form label {
    clear: both;
    float: left;
   
}

input.form-text, textarea.form-textarea, select.form-select {
    max-width: 100%;
    width: 100%;
   background-color: #7f7887;
    border: medium none;
    color: #fff;
}

.form-managed-file .form-file, .form-managed-file .form-submit {
    font-size: 0.7em;
}

.webform-component-markup {
    font-size: 0.8em;
    margin-top: 30px;
    text-align: justify;
}

/* NOR FORMATIONS */

.view-nos-formations div.date-display-range {
    display: inline;
}


.view-nos-formations p {
    margin: 0;
}

/* CONTACTEZ NOUS IARD */

#block-block-14 p {
    font-size: 1.25em;
}

/* GESTION DES ENCADRES */


#content .encadre {
    background-color: #6d6577;
    border: 2px solid #f39100;
    color: #fff;
    margin: 25px 0;
    padding: 10px 20px;
    text-align: justify;
}

.node-type-page-institutionnelle #content .encadre {
    background-color: #fff;
    border: none;
    color: #6d6577;
}

#content .encadre > p {
    margin: 0 0 0.5em;
}

/* Marchés publics */

#block-block-22 .encadre > h3 {
    margin-top: 0;
}

/* Parallax Batiments*/

#block-block-3 {display: none;}

/* PAGE REJOIGNEZ-NOUS */

/*SOMMAIRE REJOIGNEZ NOUS*/

div#rejoignez-nous-sommaire-wrapper {min-height: inherit; padding: 0; margin: 0;}

div#topFixedBanner 
{
   width: auto;
    position: inherit;
    top: -55px;
    left: auto;
    z-index:auto;
    height: auto;
     transition: height 0.3s ease 0s, top 0.3s ease 0s;
    -webkit-transition: height 0.3s ease 0s, top 0.3s ease 0s;
}

div#topFixedBanner.topFixed
{
   width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index:20;
    background-color: #5b5367;
    height: 55px;
    overflow: hidden;
}


ul#rejoignez-nous-sommaire {
    background-image: none;
    background-repeat: no-repeat;
   
    list-style: outside none none;
    margin: 0;
    overflow: auto;
    padding: 0;
    transition: background-position 0.3s ease 0s;
    -webkit-transition: background-position 0.3s ease 0s;
}

ul#rejoignez-nous-sommaire > li {
   background-image:none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 50%;
    height: 190px;
}

ul#rejoignez-nous-sommaire > li a
{
    background-position: center 10px;
    background-repeat: no-repeat;
     padding: 100px 0 0;
     display: block;
}

ul#rejoignez-nous-sommaire > li:nth-child(1) a {background-image: url("../images/rejoignez_nous_sommaire_1_narrow.png");}
ul#rejoignez-nous-sommaire > li:nth-child(2) a {background-image: url("../images/rejoignez_nous_sommaire_2_narrow.png");}
ul#rejoignez-nous-sommaire > li:nth-child(3) a {background-image: url("../images/rejoignez_nous_sommaire_3_narrow.png");}
ul#rejoignez-nous-sommaire > li:nth-child(4) a {background-image: url("../images/rejoignez_nous_sommaire_4_narrow.png");}

ul#rejoignez-nous-sommaire > li a:hover 
{
  color: #f49600;
  text-decoration: none;
  background-position: center 0px;
}

ul#rejoignez-nous-sommaire > li a:focus
{
  text-decoration: none;
  outline: 0;
}




div#topFixedBanner.topFixed ul#rejoignez-nous-sommaire
{
    background-image: none;
    height: 110px;
    margin: 0 auto;
    padding: 0;
    width: 580px;
    overflow: hidden;
}


div#topFixedBanner.topFixed ul#rejoignez-nous-sommaire > li a 
{
    background-position: center 15px;
    color: #fff;
    font-size: 0.6em;
    padding: 100px 0 0;
    width: 125px;
}

div#topFixedBanner.topFixed:hover ul#rejoignez-nous-sommaire > li a 
{
  padding: 55px 0 0;
}

div#topFixedBanner.topFixed ul#rejoignez-nous-sommaire > li a:hover
{
  color: #f49600;
  text-decoration: none;
  background-position: center 10px;
}


div#topFixedBanner.topFixed ul#rejoignez-nous-sommaire > li:nth-child(1) a {background-image: url("../images/rejoignez_nous_sommaire_1_small.png");}
div#topFixedBanner.topFixed ul#rejoignez-nous-sommaire > li:nth-child(2) a {background-image: url("../images/rejoignez_nous_sommaire_2_small.png");}
div#topFixedBanner.topFixed ul#rejoignez-nous-sommaire > li:nth-child(3) a {background-image: url("../images/rejoignez_nous_sommaire_3_small.png");}
div#topFixedBanner.topFixed ul#rejoignez-nous-sommaire > li:nth-child(4) a {background-image: url("../images/rejoignez_nous_sommaire_4_small.png");}


.page-node-22 .block > h2,
.page-node-22 h1#page-title,
.page-node-22 #block-block-8 > h2
{
    border-top: medium none;
    color: #97929f;
    font-family: Gotham;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 50px;
    text-align: center;
    text-transform: uppercase;
    background: none;
    background-position: center 0;
    background-repeat: no-repeat;
}


.page-node-22 h1#page-title {
    background-color: #fff;
    background-image: url("../images/rejoignez_nous_title_background.png");
    background-position: center 35px;
    padding-top: 110px;
}

.page-node-22 #content #block-block-8 > h2 {
    background-image: url("../images/mot_drh_title_background.png"), url("../images/main_background_instit.png");
    background-position: center 55px, 0 0;
    background-repeat: no-repeat, repeat;
    margin: 0 auto;
    padding-top: 148px;
    width: 100%;
}

.page-node-22 #block-system-main > .content {
    background-color: #fff;
    margin-top: 0;
    padding: 30px 25px;
}

.page-node-22 #content
{
  width: 100%;
  background-image: none;
  background-color: #fff;
}

.page-node-22 #node-22 .content {
    margin: 0 auto;
    text-align: justify;
    width: auto;
    color:#5b5367;
}

.page-node-22 #breadcrumb
{
  display: none;
}

.page-node-22 #content .section {
    padding: 0;
}

#content .content ul#chiffres_cles_rh li {
    background-image: none;
    display: block;
    font-family: GothamBold;
    margin: 40px 0;
    padding: 0;
    text-align: center;
    width: auto;
    font-weight: bold;
    font-size: 1.2em;
}

ul#chiffres_cles_rh li span.first {
    color: #f29400;
}

ul#chiffres_cles_rh li span.second {
    color: #e72c78;
}

ul#chiffres_cles_rh li span.third {
    color: #268ca5;
}

ul#chiffres_cles_rh li span {
    font-size: 5em;
    line-height: 0.9em;
}

#block-block-7 {display: none;}

#block-block-8 .content {
    background-image: url("../images/main_background_instit.png");
    color: #847b80;
    font-family: Din;
   font-size: 1.3em;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    width: auto;
}


#block-block-9 {display: none;}

/* BLOCK DIVERSITE EGALITE */

#block-block-10 { background-color: #eae9ec; color: #135b6c;  padding: 20px 25px 25px;}
#block-block-10 .content {width: 100%; margin: 0 auto; font-size: 1.3em; text-align: justify;}
#block-block-10 .content h3 {color: #f49600;}

.page-node-22 #block-block-10 > h2 {
    background-image: url("../images/diversite_title_background.png");
    background-position: center 30px;
    background-repeat: no-repeat;
    color: #238ba3;
    font-family: Gotham;
    font-weight: normal;
    margin: 0 0 40px;
    padding-bottom: 40px;
   padding-top: 108px;
    text-align: center;
    text-transform: uppercase;
}


#content .temoignage-diversite-accordion 
{
  margin-bottom: 25px;
}


#content .temoignage-diversite-accordion .ui-accordion-header {
    background-image: url("../images/diversite_accordion_header_background.png");
    background-position: 0 15px;
    background-repeat: no-repeat;
    padding: 10px 0 0 50px;
}

#content .temoignage-diversite-accordion .ui-accordion-header .ui-icon
{
  display: none;
}

#content .temoignage-diversite-accordion .ui-accordion-header.ui-state-active
{
  background-image: url("../images/diversite_accordion_header_background_active.png");
  background-repeat: no-repeat;
}

#content .temoignage-diversite-accordion .ui-accordion-header .nom {
    background-color: #ffffff;
    color: #f29100;
    font-family: Gotham;
    font-size: 0.75em;
   padding: 1px 10px;
}

#content .temoignage-diversite-accordion .ui-accordion-header .fonction {
    font-weight: normal;
    font-size: 0.9em;
}

#content .temoignage-diversite-accordion.ui-accordion .ui-accordion-content
{
  margin-left: 15px;
  border: none;
  border-top: none;
  font-family: Din;
  font-size: 18px;
  color: #544b5f;
  margin-top: 0;
  background-color: #f7f6f7;
}

#content .temoignage-diversite-accordion {
    margin-left: 0px;
}

/* BLOCK RECRUTEMENT */

#block-block-11
{
  background-color: #238ba3;
  padding: 20px 0px 40px;
}


#block-block-11 > .content {
    color: #fff;
    font-size: 1.3em;
    margin: 0 auto;
    padding: 0 25px;
    text-align: justify;
    width: inherit;
}

.page-node-22 #block-block-11 > h2 {
    background-image: url("../images/recrutement_title_background.png");
    background-repeat: no-repeat;
    color: #ffffff;
    font-family: Gotham;
    font-weight: normal;
    margin: 0 0 40px;
    padding-bottom: 40px;
    padding-top: 105px;
    text-align: center;
    text-transform: uppercase;
}

#block-block-11 .view-nos-offres-d-emplois .views-row {
  text-align: center;
    width: inherit;
    height: auto;
    margin: 0 5px 50px;
    overflow: auto;
     padding: 20px 30px 10px;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.1+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.node-type-page-institutionnelle #block-block-11 .content h3
{
    color: #ffd400;
    font-family: Din;
    font-size: 1.2em;
    margin-bottom: 30px;
    text-align: center;
}

#block-block-11 .view-nos-offres-d-emplois .views-row .views-field-title {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.1em;
    min-height: inherit;
}

#block-block-11 .view-nos-offres-d-emplois .views-row .views-field-body {
    display: none;
    font-size: 0.8em;
}

#block-block-11 .view-nos-offres-d-emplois .views-row .views-field-field-type-de-l-offre {
    color: #eed63c;
    font-weight: bold;
    margin: 5px 0;
}

#block-block-11 .view-nos-offres-d-emplois .views-row .views-field-field-offre-emploi-date {
    color: #eed63c;
    font-size: 0.75em;
    margin: 0 0 10px;
}

#block-block-11 .view-nos-offres-d-emplois .views-row .views-field-path a, 
#block-block-11 .view-nos-offres-d-emplois .views-row .views-field-nothing a {
    bottom: inherit;
     background-color: #eed63c;
    color: #4fa2b5;
    display: inline-block;
    font-family: DinCondensed;
    font-size: 0.9em;
    padding: 5px 20px;
    position: static;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s, all 0s ease 0s;
    margin: 10px 0 0;
   width: 130px;
}

#block-block-11 .view-nos-offres-d-emplois .views-row .views-field-nothing a {
    left: 180px;
   color: #fff;
   background-color: #4fa2b5;
}

#block-block-11 .view-nos-offres-d-emplois .views-row .views-field-path a:hover,
#block-block-11 .view-nos-offres-d-emplois .views-row .views-field-nothing a:hover
{
   color: #000;
  text-decoration: none;
}

.view.view-nos-offres-d-emplois {
    padding-left: 0px;
}

h4#candidature-spontanee a {
    background-image: url("../images/candidature_spontanee_background.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-size: 1.3em;
    margin: 10px 0 50px;
    padding: 140px 0 20px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s, all 0s ease 0s;
}

h4#offres_emploi_link a {
    background-image: url("../images/offres_emploi_background.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-size: 1.3em;
    margin: 10px 0 50px;
    padding: 140px 0 20px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s, all 0s ease 0s;
}

h4#candidature-spontanee a:hover, h4#offres_emploi_link a:hover {  color: #eed63c; }

.node-type-page-institutionnelle #parcours_integration.ui-accordion .ui-state-default .ui-icon
{
  background-image: url("../images/parcours_integration_puce.png");
  background-position: inherit;
  background-repeat: no-repeat;
  padding: 5px;
}

.node-type-page-institutionnelle #parcours_integration.ui-accordion .ui-state-active .ui-icon
{
  background-image: url("../images/parcours_integration_puce_active.png");
  }

.node-type-page-institutionnelle #parcours_integration.ui-accordion h4
{
  color: #fff;
}


/* BLOC NOS METIERS EN VIDEO */


#block-views-nos-metiers-en-video-block
{
  background-color: #f29100;
  padding-top: 20px;
}

#block-views-nos-metiers-en-video-block .content {
    font-size: 1.3em;
    margin: 0 auto;
    text-align: justify;
    width: inherit;
    color: #fff;
    padding: 0 25px 40px;
}

.page-node-22 #block-views-nos-metiers-en-video-block > h2 {
    background-image: url("../images/nos_metiers_video_title_background.png");
    background-repeat: no-repeat;
    color: #5b5367;
    font-family: Gotham;
    font-weight: normal;
    margin: 0 0 40px;
    padding-bottom: 40px;
    padding-top: 108px;
    text-align: center;
    text-transform: uppercase;
}


.view-nos-metiers-en-video {
    overflow: auto;
}

.view-nos-metiers-en-video .views-row {
    color: #000;
    display: block;
    float: none;
    font-family: gotham;
    font-size: 0.9em;
    font-weight: bold;
    height: inherit;
    margin: 20px 0px 0;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: inherit;
}

.view-nos-metiers-en-video .views-row img {
    border: 2px solid #000;
    width: 99%;
}

.page-node-22 #block-block-11 > h2, 
.page-node-22 #block-views-nos-metiers-en-video-block > h2, 
.node-type-page-institutionnelle #content h2,
.node-type-offre-d-emploi #content h2,
.page-node-63 #content h2
{
  font-size: 1.5em;
  background-position: center 30px;
}

.front #footer-columns .content p:nth-child(2) {display: none;}

#block-block-20 .content > p:nth-child(1).mobile {
    background-color: #30293a;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    padding: 10px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#block-block-22 {
    font-size: 1.2em;
}


.teaser_blog {
    margin-bottom: 30px;
    text-align: center;
}

.teaser_blog a {
    display: block;
}

div.teaser_blog a:nth-child(1) {display: none;}

/* CAPTCHA */

fieldset.captcha {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    margin: 0;
    padding: 0;
}

fieldset.captcha legend {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: none;
}

fieldset.captcha .fieldset-wrapper {
    margin: 0;
    padding: 0;
}

/* Photos rencontres clients */

.field-name-field-rencontre-clients-photos div.field-item {
    display: inline-block;
    height: 150px;
    margin: 10px;
    width: 150px;
}

/* Page assurance Construction */

.page-node-24 #content h2 {
    font-size: 1.7em;
}

.page-node-24 #content h4 { color: #f29400; font-weight: normal; line-height: 1.2em; font-size: 1.2em;}

#content .cas_concrets {  background-color: #6d6577;  padding: 20px;  border: #554c60 2px solid;  margin-bottom: 25px;  }

#content .cas_concrets h5 {background-image:url("../images/info.png"); background-repeat: no-repeat; padding: 0 0 0 35px; }


/* Page désabonnement */
#webform-client-form-759 fieldset {
    background: none;
    border: none;
}

#webform-client-form-759 fieldset legend {
    background: none;
    border: none;
    text-shadow: none;
    color: #ffd400;
}

/**
Page cyber risques
 */

#content h2.bouton_devis_cyberrisques {
    padding: 0;

    text-align: center;

}

#content h2.bouton_devis_cyberrisques a,
#content h2.bouton_contact_frm a {
    display: block;
    padding: 15px 10px;
    background-color: #ffd400;
    color: black;
    width: 250px;
    margin: 50px auto;
    transition: all 0.3s;
    border-radius: 50px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8em;
}

#content h2.bouton_contact_frm a {
  background-color: #5a5264; color: white; 
  background-image: url('../images/pave_contact_mail_background.png');
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: 12px 0px;
   padding: 15px 10px 15px 25px
}

#content h2.bouton_devis_cyberrisques a:hover { background-color: #f29400; width: 275px;}
#content h2.bouton_contact_frm a:hover {background-color: #f29400; width: 275px;}

/* Recaptcha */
div#google_recaptcha_user_login, 
div#google_recaptcha_webform_client_form_219,
div#google_recaptcha_webform_client_form_256,
div#google_recaptcha_webform_client_form_1169 {height: 90px; overflow: hidden;}

#block-views-slideshow-home-page-block-2 {
    background-color: white;
    margin: 0 0 30px;
    text-align: center;
    padding: 50px 0 0;
}

.front #content #block-views-slideshow-home-page-block-2 > h2 {padding: 0;}

#block-views-slideshow-home-page-block-2 h3 a {
  color: #554c60;
}
.views-slideshow-cycle-main-frame-row {
    min-width: 100%;
}
.views-slideshow-cycle-main-frame {
    left: 50%;
    transform:translateX(-50%);
}