/*#0D5D7D;*/
/* responsive.custom.css is for custom media queries that are not set via the theme settings, such as cascading media queries.  By default all the other responsive stylesheets used in Adaptivetheme use a "stacking method", however cascading media queries use a waterfall method so you can leverage the cascade and inheritance for all browsers that support media queries, regardless of screen size.  @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack  NOTE: this file loads by default, to disable got to your theme settings and look under the "CSS" settings tab. */
/*
=========================
*1024px Desktop and down*
-------------------------
****-1024px and less-****
=========================
*/
@media only screen and (max-width: 1024px) { /* ----------------- *Layout: 66-33** ----------------- */
  .panels-flexible-column-columns-66-33-1 { float: none; width: 99.000%; }
  .panels-flexible-column-columns-66-33-2 { float: none; width: 300px; }
  /* ------------------ *BOITE-A-OUTILS** **ACCESSIBILITE** **CYBERSECURITE** ------------------ */
  .boite-outils-js blockquote { margin: 30px 0px; }
  .boite-outils-js .block-color-outils .wrapT { grid-template-columns: 2fr 1fr; }
  .boite-outils-js .view-organisme .view-content, .boite-outils-js .view-sites-web .view-content { grid-template-columns: repeat(2, 1fr); }
  /*  ----------- *ACC-DOC** ***FPT**** ----------- */
  .wrapR, .page-acc-documents #NavPublic .wrapR { grid-template-columns: repeat(2, 1fr); }
  .wrapR .BlockR, .page-acc-documents #NavPublic .wrapR .BlockR { text-align: center; }
  .wrapC, .page-acc-documents .wrapC { grid-template-columns: 100%; }
  .wrapC .typeNav, .page-acc-documents .wrapC .typeNav { max-width: 217px; }
  #block_color { padding: 85px; }
  .page-fpt #block_color, .section-fpt #block_color { padding: 190px 45px 85px 45px; }
  .page-fpt #block_color .NavSujets .wrapS, .section-fpt #block_color .NavSujets .wrapS { margin: 0px; }
  #Apropos .wrapAP { grid-template-columns: 1fr; }
  #Apropos .wrapAP .APropos1, #Apropos .wrapAP .APropos2, #Apropos .wrapAP .APropos3, #Apropos .wrapAP .APropos4 { grid-column: 1; padding-top: 1em; grid-row-start: auto; }
  #Apropos .wrapAP .APropos2, #Apropos .wrapAP .APropos3, #Apropos .wrapAP .APropos4 { margin-right: 38px; }
  #Apropos .wrapAP .AproposTitre img { width: 75%; }
  #Apropos .wrapAP .APropos1 { background: url("/sites/all/themes/custom/cdeacf2013/images/newpage/cdeacf-bg-jaune.jpg") center no-repeat; background-position: left top; padding: 22px 0; margin-left: -38px; }
  .page-fpt #Apropos .wrapAP .APropos1, .section-fpt #Apropos .wrapAP .APropos1 { height: 250px; width: 769px; }
  .page-fpt #Apropos .wrapAP .APropos1 .AproposTitre img, .section-fpt #Apropos .wrapAP .APropos1 .AproposTitre img { width: 60%; }
  .page-acc-documents .wrapAP { margin-top: -85px; }
  .page-acc-documents .wrapAP .APropos1 { height: 175px; width: 769px; }
  /* ==================== *Peica 2018 + ACC** ++ Tab navigation pages ==================== */
  /* ******** Grilles  ******** */
  .view-grid-3c .view-content { grid-template-columns: repeat(2, 1fr); }
  .view-playlist.view-wrap-grid-3c .view-content { margin: 0px -25px 25px; }
  .page-fpt #NouvFPT .view-content, .section-fpt #NouvFPT .view-content, .view-grid-catalog .view-content { grid-template: none; text-align: center; margin-top: 18px; }
  .page-fpt #NouvFPT .view-content .views-row.views-row-1.views-row-odd.views-row-first, .page-fpt #NouvFPT .view-content .views-row.views-row-2.views-row-even, .page-fpt #NouvFPT .view-content .views-row.views-row-3.views-row-odd, .page-fpt #NouvFPT .view-content .views-row.views-row-4.views-row-even, .page-fpt #NouvFPT .view-content .views-row.views-row-5.views-row-odd.views-row-last, .section-fpt #NouvFPT .view-content .views-row.views-row-1.views-row-odd.views-row-first, .section-fpt #NouvFPT .view-content .views-row.views-row-2.views-row-even, .section-fpt #NouvFPT .view-content .views-row.views-row-3.views-row-odd, .section-fpt #NouvFPT .view-content .views-row.views-row-4.views-row-even, .section-fpt #NouvFPT .view-content .views-row.views-row-5.views-row-odd.views-row-last, .view-grid-catalog .view-content .views-row.views-row-1.views-row-odd.views-row-first, .view-grid-catalog .view-content .views-row.views-row-2.views-row-even, .view-grid-catalog .view-content .views-row.views-row-3.views-row-odd, .view-grid-catalog .view-content .views-row.views-row-4.views-row-even, .view-grid-catalog .view-content .views-row.views-row-5.views-row-odd.views-row-last { grid-area: auto; padding: 10px 0px 10px; }
  /* *********** Margin fix  ***********     */
  .section-services .view-grid-catalog .more-link, .node-type-pleine-page .view-grid-catalog .more-link { margin-right: 238px; }
  .section-services .view-grid-3c .more-link, .node-type-pleine-page .view-grid-3c .more-link { margin-right: 58px; } }
/*
=======================
*Tablet sizes and down*
-----------------------
***-768px and less-****
=======================
*/
@media only screen and (max-width: 768px) { /* Pour empêcher que le texte ne soit à 85% */
  body { font-size: initial; }
  /* ----------------- *Layout: 66-33** ----------------- */
  .panels-flexible-column-columns-66-33-2 { margin-left: auto; margin-right: auto; }
  /* ------------------ *BOITE-A-OUTILS** ****JAVASCRIPT*** ------------------ Accessibilite cybersecurite  */
  .boite-outils-js #page-intro p.accroche { padding-left: 28px; padding-right: 28px; }
  .boite-outils-js .block-color-outils .wrapT { grid-template-columns: 1fr; }
  .boite-outils-js .block-color-outils .wrapT h2 { text-align: center; font-size: 21px; margin-left: -20px; margin-right: -20px; }
  .boite-outils-js .view-organisme .view-content, .boite-outils-js .view-sites-web .view-content { grid-template-columns: 1fr; }
  /*  ----------- *ACC-DOC** ----------- */
  .page-acc-documents #block_color a.BoutonJ:link { display: grid; width: 60%; }
  .page-acc-documents .Ressources { background: none; /*            padding-left: 38px; text-align: left;*/ }
  /*  ------- *FPT** -------  */
  .page-FPT #block_color, .section-fpt #block_color { padding: 250px 45px 85px 45px; }
  .page-FPT #block_color #fpt-search #fpt-search-box, .section-fpt #block_color #fpt-search #fpt-search-box { width: 70%; padding-right: 45px; padding-left: 15px; }
  .page-FPT #block_color .NavSujets .wrapS .BlockS, .section-fpt #block_color .NavSujets .wrapS .BlockS { margin-right: 0px; }
  /*  ----------- *ACC-DOC** ***FPT**** ----------- */
  .APropos2, .APropos3, .APropos4 { margin-left: -10px; margin-right: 28px; }
  #block_color { padding-left: 10px; padding-right: 10px; }
  .wrapR, .page-acc-documents #NavPublic .wrapR { grid-template-columns: 100%; }
  .page-fpt #Apropos .wrapAP .APropos1, .section-fpt #Apropos .wrapAP .APropos1 { width: 480px; height: 200px; }
  .page-acc-documents .wrapAP { margin-top: 0px; }
  .page-acc-documents .wrapAP .APropos1 { width: 480px; height: 240px; }
  /* ==================== *Peica 2018 + ACC** ++ Tab navigation pages ==================== */
  .page-tab-navigation #page-intro ul.sous-menu li { display: block; }
  .page-tab-navigation .not-front button.BtnSousMenu { margin: 0px; }
  /* ============== *PEICA 2018** *Specifics*** ============== */
  .page-dossier-peica #block_color { background-position: 20% 95%; background-size: 125% auto; }
  /* ******** Grilles   ******** */
  #NouvFPT .view-content, .view-grid-catalog .view-content { grid-template-columns: 1fr; text-align: center; }
  #NouvFPT .view-content .views-row.views-row-1.views-row-odd.views-row-first, #NouvFPT .view-content .views-row.views-row-2.views-row-even, #NouvFPT .view-content .views-row.views-row-3.views-row-odd, #NouvFPT .view-content .views-row.views-row-4.views-row-even, #NouvFPT .view-content .views-row.views-row-5.views-row-odd.views-row-last, .view-grid-catalog .view-content .views-row.views-row-1.views-row-odd.views-row-first, .view-grid-catalog .view-content .views-row.views-row-2.views-row-even, .view-grid-catalog .view-content .views-row.views-row-3.views-row-odd, .view-grid-catalog .view-content .views-row.views-row-4.views-row-even, .view-grid-catalog .view-content .views-row.views-row-5.views-row-odd.views-row-last { padding-top: 48px; grid-column: 1; grid-row: auto; }
  .view-grid-3c .view-content { grid-template-columns: repeat(1, 1fr); }
  .view-playlist.view-grid-3c .view-content { margin: 0xp auto 25px; }
  .wrap-grid-33-66, .wrap-grid-33-33 { display: block; }
  .wrap-grid-33-66 .grid-item-left, .wrap-grid-33-33 .grid-item-left { margin: auto; }
  .wrap-grid-33-66 .responsive-centering, .wrap-grid-33-33 .responsive-centering { margin-left: auto; margin-right: auto; }
  /*    .wrap-grid-33-66 { grid-template-columns: 1fr; margin-left: auto; margin-right: auto; width: 372px; grid-row-gap: 15px; .grid-head { margin: 15px auto; } .grid-item-left { width:inherit; grid-column: span 1; text-align: center; img { width:292px; margin: 15px auto; } } }*/
  /* *********** Margin fix  ***********     */
  .section-services .view-grid-catalog .more-link, .section-services .view-grid-3c .more-link, .node-type-pleine-page .view-grid-catalog .more-link, .node-type-pleine-page .view-grid-3c .more-link { margin-right: 92px; } }
/*
===========================
*Smartphone sizes and down*
---------------------------
*****-480px and less-******
=========================== */
@media only screen and (max-width: 480px) { /*  Float Region blocks example: In smaller screen sizes we can remove the float and widths so all blocks stack instead of displaying horizonally. The selector used here is an "attribute selector" which will match on any float block class. Use your inspector or Firebug to get the classes from the page output if you need more granular control over block alignment and stacking.  "Float Region blocks" is an extension for floating blocks in regions, see your themes appearance settings, under the Extensions tab. */
  .region[class*="float-blocks"] .block { float: none; width: 100%; }
  .page-acc-documents #block_color a.BoutonJ:link { width: auto; word-break: break-all; } }