@import url("https://use.typekit.net/xly7jpg.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body{ font-size:100%}
body { background:#fff; font-family: 'Montserrat', sans-serif; font-weight:400; line-height:140%; margin:0}
.header{ /*background:url(/sites/default/files/header.png) right center no-repeat;background-size: auto 100%;
padding:35px 0*/}
img{ max-width:100%}

.carte{ float:right; text-align:right; padding-right:0}
.site-branding__logo{ padding:1vw 0 12px 0; float:left}

a {   color: #1F519F;  text-decoration: none;}

h1, .h1{font-size:210%; font-weight:300; margin:1.1em 0 .8em 0; }
h2, .h2{font-size:170%; margin:.5em 0; font-weight: 700; color:#D20536}
h3, .h3{color: #1F519F; font-size:140%; font-weight: 800 }
h4, .h4{ font-size:1.1em; }
h5, .h5{ font-size:1em; font-weight: 600 }
.col-12{  position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}

.main-container img{ /*border-radius:0 0 0 40px;*/ max-width:100% }
.main-container{ padding-top:30px; padding-bottom:30px}
.main-container p:last-child{ margin-bottom:10px}

.block .content {  margin-top: 0;}

/* NAV */
nav.nav{ background:#dcdcdc; display:block; width:100%;/* float:left; */padding:8px 0;
position:relative; z-index:30}
.navbar-header{ width:100%; position:relative}
.block-superfish { /*width: auto; float:left*/} 
#superfish-main{ display:flex; width:100%; position:relative}
#block-mainnavigation.contextual-region{ position: initial}

ul.sf-menu a, ul.sf-menu span.nolink {  display: block;  padding: .5em .6em; color:#000000; }
a.sf-depth-1 { color:#fff; text-transform:uppercase; border-right:1px solid #000000; font-size:110%}
ul.sf-menu .sf-with-ul {   padding-right: 1.5em;}
ul.sf-menu .sf-sub-indicator{ right:0.3em;}
ul.sf-menu .sf-sub-indicator::after { font-size:80%}
/*ul.sf-menu li{position: inherit !important;}*/
ul.sf-menu > li{ position: initial !important; flex:auto; float:none;}
ul.sf-menu > li > ul{ top:100%; right:0; width:100% !important;position: absolute}
ul.sf-menu > li > ul li{position: relative  !important;}
a.sf-depth-2{ font-size:110%; border-bottom:1px dotted #000000; padding: .5em 0 !important; margin:0 1em !important;;}
ul.sf-menu li ul li ul{ position:relative; top:auto; left:auto !important; right:auto !important; position:relative !important;
width:auto !important; height:auto !important; overflow: visible !important; }
ul.sf-menu li ul li ul li a{ font-size:90%}
ul.sf-menu li ul li ul li a::before{ content:">> "; margin:0 6px}

ul.sf-menu.sf-horizontal.sf-shadow > li > ul{
  background: #dcdcdc;  -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.5);    box-shadow: 0px 6px 4px rgba(0,0,0,0.5); padding-top:.6em}
ul.sf-menu li.sf-depth-2{   padding: .4em .2em; width:50%}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {  left: 0;  top: 100%;}

a.sf-depth-1.moteur{ text-indent:-500000px;  width:50px; border:none}
a.sf-depth-1.moteur::after{font-size: 22px;  color: #000000 !important;
position: absolute;top: 1px; left:12px; font-family: 'Glyphicons Halflings';font-style: normal;
font-weight: normal;line-height: 1;   content: "\e003";  height: 30px; width:30px; padding:3px; text-indent:0 }

/*aside*/
.dropdown-menu {   font-size: initial;  }
aside li{ width:100%; float:left;}
aside .menu{  border-radius: 0;     padding-top:30px; padding-bottom: 26px; background:#dcdcdc;}
aside li > a{ color:#000000;  border-top:1px solid #454545; background:#fff}
aside .nav .open > a, aside .nav .open > a:hover, aside .nav .open > a:focus, aside .navbar-nav li > a:hover,
aside .navbar-nav li > a.active-trail{
    background-color: #dcdcdc;    border: none; color:#000; border-top:1px solid #fff}
aside .dropdown-menu {  position: relative;  top: auto;  left: auto;  display: block;
    min-width: 10%; width:100%; padding: 0; margin: 0;  margin-top: 0; z-index:1;
    background-color: transparent; -webkit-background-clip: padding-box;  background-clip: padding-box;
    border:none;  border-radius: 0;  -webkit-box-shadow: none;  box-shadow: none;}
.dropdown-menu > li > a {    white-space: normal; font-size: 85%;padding: 8px 15px; }
.dropdown-menu > li > a::before{  content: ">> ";
    position:relative; display:inline-block; margin-right:6px;  }

/* moteur */
#block-moteur{ float:right}
#block-moteur a {  height: 30px;  padding: 4px 8px;   font-size: 130%;  color: #ffffff !important;
position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;
font-weight: normal;line-height: 1;}
#block-moteur a::before {    content: "\e003";}

.zone-haut > .region{ padding-top:30px; }

/* actualite */
.view-actualite{ margin-top:10px; margin-bottom:10px; width:100%; float:left;}
.view-actualite .views-row{ margin-top:15px; margin-bottom:15px; width:100%; float:left}
.actu-front .view-header{ text-align:center; margin-bottom:10px}
.titre-actu{ font-size:140%; color:#000; margin:.8em 0; font-weight:700}
.titre-actu::after{ content:""; width:60px; height:1px; background:#1F519F; display:block;  margin:.3em 0; }
.titre-actu a{ color:#000; }
.img-actu{ max-width:50%; float:left}
.img-actu img{ border-radius:0; padding-right:30px; float:left}
.resum-actu{ font-size:90%}
.lien-actu{ margin:1em 0; font-size:90%}
.lien-actu a{ background:#1F519F; color:#fff; padding:.4em 1em}

/* agenda */
.agenda-front .view-content{ margin:20px 0}
.item-agenda{ display:table; padding:20px 0 5px 0}
.date-agenda{   background:#D72383; color:#fff ; display: table;  border-radius:20px; padding:.3em .4em .5em 1em; margin:0 20px 0 0}
.date-agenda span{ display:block; min-width:72px; font-size: 80%}
.date-agenda span time{ font-size: 130%}
.txt-agenda{display: table-cell; }
.titre-agenda{ font-size:105%; font-weight:700}
.titre-agenda a{ color:#000}
.resum-agenda{ font-size:90%}

.flexslider {   margin: 0 0 60px;  background: transparent;  border: 0;}
.flex-direction-nav a, .flex-direction-nav{ display:none}

/* liens rapide */
.lienrap{ background:url(/sites/default/files/fond-lien.jpg) center center no-repeat; background-size:cover; margin:15px 0}

.lienrap .content .field {  width:100%; float:left; padding:10px 0;
    display: flex; flex-direction: row;flex-wrap: wrap;align-items: stretch ;  justify-content: center; }
.lienrap .content .field p{ padding: 0; margin: 30px 1.5%; border-bottom: none; width:17%; float:left; font-size:120%; 
    position:relative; text-align:center; color:#fffffff; padding:25px 20px;
display: flex; vertical-align:middle; justify-content: center; align-items: center; font-weight:700 }
.lienrap .content .field a{ color:#ffffff; }
.lienrap .content .field p:nth-child(1){ background:#d7133f}
.lienrap .content .field p:nth-child(2){ background:#164194}
.lienrap .content .field p:nth-child(3){ background:#e97133}
.lienrap .content .field p:nth-child(4){ background:#d72383}
.lienrap .content .field p:nth-child(5){ background:#1f7d89}

.incontour .view-content {  display: flex;width: 104%; margin-left:-2%;flex-direction: row;flex-wrap: wrap;align-items: stretch;}
.incontour .view-content > div{    position: relative;/*! overflow: hidden; */ text-align:center;
margin: 15px 2% 15px 2%;width: 100%;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;}

/* partenaire */
.region-partenaire{ text-align:center; border-top:3px solid #164194; padding:10px 0; margin:15px 0}
.region-partenaire img{ margin:15px 10px; max-width:176px !important; height:auto !important;}

/* footer */
.footer {   margin-top: 0;  padding-top: 20px;  padding-bottom: 20px;  border-top: 0; text-align:center; color:#ffffff;
 background: rgb(22,65,148);background: -moz-linear-gradient(90deg, rgba(22,65,148,1) 1%, rgba(227,6,19,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(22,65,148,1) 1%, rgba(227,6,19,1) 100%);background: linear-gradient(90deg, rgba(22,65,148,1) 1%, rgba(227,6,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#164194",endColorstr="#e30613",GradientType=1); }
.footer a{   color:#ffffff}

/* plan du site */
.sitemap-menu a{ color:#000}
.sitemap-menu li{ color:#d72383}
.content > ul.sitemap-menu > li > a{ text-transform: uppercase; font-size:120%; }
.sitemap-menu { margin:10px 0 !important; display:block}

/* fil ariane */
.breadcrumb {  padding: 4px 15px 3px 15px;  margin-bottom: 20px;   list-style: none;  background:#164194; border-radius:30px ; font-size:80%; font-style:italic  }
.breadcrumb > .active { color: #ffffff;}
.breadcrumb > li + li::before {  padding: 0 5px;   color: #ffffff;   content: "/\00a0";}
.breadcrumb a{ color: #ffffff; }

/* gallerie */
.dexp-builder-gallery ul *{ padding:0; margin:0}
.dexp-builder-gallery ul, .dexp-builder-gallery ul li{ text-align:center; padding:0; margin:0}
.dexp-builder-gallery ul li a, .dexp-builder-gallery ul li a img{ display:block; padding:0; margin:0}
.dexp-builder-gallery ul li{ padding:3px}

/* liste partenaires */
.liste-partenaire{float: left;width: 100%;padding: 10px 15px;border-top: 1px solid #7f1f5b;margin: 5px 0;}
.liste-partenaire-desc {float: left;width: 80%;padding-left:15px;}
.liste-partenaire-visuel {float: left;width: 20%;}

/* liste projets */
.liste-projet{float: left;width: 100%;padding: 10px 0;/*! border-top: 1px solid #7f1f5b; */margin: 5px 0;}
/*.liste-projet-desc {float: left;width: 75%;padding-left:15px;}
.liste-projet-visuel {float: left;width: 25%;}*/

/* observatoire */
.view-observatoire{ padding: 10px 0;}
.item-ostaj{float: left;width: 100%;padding: 10px 0;}
.view-observatoire .view-footer{ text-align: center; margin:10px 0; float: left;width: 100%; }
.view-observatoire .view-footer a{ color:#fff; background:#1F519F; padding: 5px 10px}
.view-observatoire form{ background: #E6EFF6; padding:15px}
.form-control {  height: 28px;  padding: 5px ; padding-right: 12px;
    font-size: 13px; line-height: 1.3; border: 1px solid #999;
border-radius: 0;}
.form-item{ margin:3px 15px 3px 3px}
.btn-default {  color: #fff;background-color:#1F519F;border-color:   #1F519F;}
.btn {    padding: 5px 12px;  font-size: 14px;  line-height: 1.42857143;
    border-radius: 0;}
.view-observatoire form .form-actions{ float: right}

/* projet detail */
.node--type-projet .field--label{ color:#5F91CB}
.projet-categorie{ margin:0 0 10px 0; float: left;width: 100%; font-weight: 700; 
    font-size:120%; color:#D20536}
.chapo{ margin:5px 0; float: left;width: 100%; font-weight: 700; font-size:110%}
.projet-img{ margin:10px 0; float: left;width: 100%; }
.projet-descrip{ margin:5px 0; float: left;width: 100%; }
.projet-infos, .projet-carte {margin-top:5px; margin-bottom:5px }
.projet-infos > div{margin:5px 0; float: left;width: 100%; }

.social-media-sharing{ margin:50px 0 10px 0}
.social-media-sharing .share img {    width: 30px;}
.social-media-sharing li {   margin-right: 10px; }

/*   bouton flipbook pdf       */
._df_button{margin-bottom:15px;  background-color: #5d91cb;  background: #5e91cb;  border-color: #5d91cb #5d91cb #5d91cb;}

/* --- RESPONSIVE --- */

@media (min-width: 768px) {
  .container {    width: 750px;  }
}
@media (min-width: 992px) {
  .container {    width: 970px;  }
}
@media (min-width: 1200px) {
  .container {    width: 1170px;  }
}
@media (min-width: 1280px) {
  .container {    width: 1230px;  }
}

@media (max-width: 1280px){
    .site-branding__logo img{ max-width: 330px;}
.carte img{ height:auto !important;}
    nav > .container{ padding:0 5px}
    a.sf-depth-1{ font-size:100%} 
    ul.sf-menu a, ul.sf-menu span.nolink {  padding: .5em .5em;}
}/* ---------------------*/
@media (max-width: 1200px){
.container {    width: 100%;}
.site-branding__logo{ padding:20px 0 10px 0; float:left}
    .site-branding__logo img{ max-width: 280px;}
}/* ---------------------*/
@media (max-width: 1080px){
.site-branding__logo{ padding:15px 0 5px 0; }
    .site-branding__logo img{ max-width: 250px;}
}/* ---------------------*/
@media (max-width: 900px){
.site-branding__logo img{ max-width: 230px;}
a.sf-depth-1 { font-size:100%}
.lienrap .content .field{ padding:20px 0}
.lienrap .content .field p {  margin: 10px 1.5%;    border-bottom: none;  width: 30%;}
nav.nav{ padding:0; }
#superfish-main-toggle{ display:block; color:#000000; text-align: right; 
    text-transform:uppercase; padding:10px; font-size:120%}
  #superfish-main-toggle span:after { content: "\f0c9"; font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px; margin-left:10px}

a.sf-depth-1 { border:none;  border-top: 1px solid #000; }
a.sf-depth-1.moteur{ width:100%; margin:10px 0;  border: 1px solid #000;}
a.sf-depth-1.moteur::after {  left: auto; right:10px}
}/* ---------------------*/
@media (max-width: 800px){
.site-branding__logo{ padding:15px 0 6px 0; display: block; width:100%; float:none; text-align:center}
.container > .navbar-header{ margin:0}

    
.main-container > .row > aside{ display: none;}
.main-container > .row > section.col-sm-9{ width: 100%}

}/* ---------------------*/
@media (max-width: 680px){
   ul.sf-menu li.sf-depth-2 { padding: .4em .2em;  width: 100%;} 
 }/* ---------------------*/
@media (max-width: 520px){
.img-actu, .txt-actu{ width:100%; max-width:100%; float:left; margin:5px 0}
.img-actu{ text-align: center}
.img-actu img {   border-radius: 0 0 0 40px;  padding-right: 0;
    float: none; width:auto !important; margin:0 auto}
.lienrap .content .field p {  margin: 10px 4%;
    border-bottom: none;  width: 92%;}
    
 }/* ---------------------*/
@media (max-width: 400px){
    
 }/* ---------------------*/


.col-12{ float: left; width: 100%; margin:10px 0}
article .dexp-button.btn{background: #D20536; color:#ffffff} 
.align-left img{margin:10px 15px 10px 0}
.align-right img{margin:10px 0 10px 15px}




@media print{

/* ---------- General Layout ---------- */
body, input, textarea, select {  color: #000;  background: none;}
body.two-sidebars, body.sidebar-first, body.sidebar-second, body {  width: 100%;}
#sidebar-first, #sidebar-second, .navigation, #toolbar, .site-footer, .tabs, .shortcut-action, #tarteaucitronRoot {   display: none;}
.one-sidebar .main-content, .two-sidebars .main-content {  width: 100%;}
.featured-bottom {  width: 100%;  margin: 0;  padding: 0;  border: none;}
.featured-bottom-first, .featured-bottom-second, .featured-bottom-third {   width: 100%;}
/* ---------- Node Pages ---------- */
#comments .title, #comments form, .comment-forbidden {  display: none;}

html, body{ width:100%; float:left; margin:0; padding:0 !important}
.carte, nav, .nav, .breadcrumb, footer, .partenaire, aside{ display:none !important}
.container{ width:100%; float:left; }
section{ width:100% !important; float:left; }
.row{ margin:0}
 @page {  margin-top:1in; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.container, .row, .col-12{
    padding:0; margin:0}


  * {    all: unset;    display: revert; }
  *,  *::before,  *::after {    box-sizing: border-box;  padding:0; margin:0; }
  img {        max-width: 100%;  break-inside:avoid; page-break-inside:avoid;}
  input,  textarea,  select {    all: revert;  }
  
  article img, article a{page-break-before:always;
  page-break-before: auto;
    page-break-after: auto; 
    page-break-inside: avoid;
	 -webkit-region-break-inside: avoid;
    display: block;}
.main-container{ padding:0}

  body {   font-size: 13pt;    line-height: 1.5;    background-color: #fff!important; 
      color: #000!important; padding:2cm }
  h1 {    font-size: 24pt;  }
  h2 {    font-size: 20pt;    margin-top: 20pt;  }
  h3,  h4 {    font-size: 14pt;    margin-top: 14pt;  }
  h5,  h6 {    font-size: 13pt;    margin-top: 14pt;  }

  p,  blockquote,  figcaption {    orphans: 3;    widows: 3;  }
  ul,  ol,  dl,  a,  table,  pre,  blockquote {    page-break-inside: avoid;  }
  h1,  h2,  h3,  h4,  h5,  h6,  img,  figure,  caption {    page-break-inside: avoid;     page-break-after: avoid;   }
  ul,  ol,  dl {    page-break-before: avoid;   }
  a,  a:link,  a:visited {  background: transparent !important;  color: unset;  font-weight: 700;  text-decoration: underline !important;  }
 /* a[href^=http]:after,  a[href^=https]:after   {    content: " (" attr(href) ")";   } */
a[href^="/"] {font-size:0;}

  video,  object,  iframe {    display: none !important;    width: 0 !important;    height: 0 !important;    overflow: hidden !important;  }

  .u-print {    display: block;    display: revert !important;   }
  .u-no-print {    display: none !important;   }

.partenaire{ display:none}
.builder-row{ border:none !important}
a.colorbox{ font-size:0px}
a + i{ display:none}

.site-branding__logo {  padding: 0; }



}




.view-actualite .flexslider{ margin-bottom:40px}
.view-actualite .flex-control-nav{ bottom: -30px;}
.view-actualite .more-link{ margin-top:-15px}
.view-actualite .more-link a, .view-agenda .more-link a, .list-anni .more-link a{ background:#1F519F; color:#fff; padding:.4em 1em; text-decoration:none}
.view-actualite .more-link a:hover, .view-agenda .more-link a:hover, .list-anni .more-link a:hover{ background:#000;}
.view-actualite .more-link, .view-agenda .more-link, .list-anni .more-link{ text-align: right; margin-bottom:25px; font-size:90%}

/* list 40 ans */
.bloc-anni{ display:block; padding:0 0 15px 0; width: 100%; float:left}
.titre-anni{ font-size:105%; font-weight:700}
.titre-anni a{ color:#000}
.txt-anni{ font-size:90%;padding:10px 0;}
.img-anni{ float: left; margin: 10px 15px 10px 0}
.home-anni .img-anni{ max-width:180px}