/* templates/temp/if_css/general.css */

/*************************************** reset nav ********************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:10px;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; font-size:0}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.left{ float:left!important} .right{ float:right!important} .spacer{ clear:both!important; height:0px!important; font-size:0px!important; width:100%!important; float:none!important; background:none!important; margin:0!important; padding:0!important;min-height:0px!important;display:block!important;}


/********************************* font style *************************************************/

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* @import url('/templates/temp/if_css/hover.css'); */
/* style 1 */
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0C73D0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white;}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1);}

/* style 2 */
.hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}
.hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #0C73D0; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0);}

/* style 3 */
.hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
.hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);}


/* config general site */
*{ margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400; color:#333; /*-webkit-transition: all 0.5s ease; transition: all 0.5s ease;*/}
body{ width:100%; height:100%;}



/******** header ***********/
.headMain{-webkit-box-shadow:inset 0 -2px 2px -2px rgba(0,0,0,.5); box-shadow:inset 0 -2px 2px -2px rgba(0,0,0,.5); position:relative;}

.contentTextScroll{background-color:#FBFBFB; text-align:right; padding:12px 1%;}
.contentTextScroll > *{ display:inline-block}
.contentTextScroll > a{ width:170px; height:30px; line-height:30px; font-size:1.5em; color:#fff; background-color:#EC671B; text-align:center;}
.contentTextScroll .intextScrool{ margin:5px 20px 0 0; font-weight:300; color:#394646; font-size:1.6em; max-width:50%}
.navMain .intextScrool{ margin:5px 0 0 0; font-weight:300; color:#394646; font-size:1.4em; max-width:50%; text-align:right; float:right; padding:5px 0}
.navMain .intextScrool a, .navMain .intextScrool b, .navMain .intextScrool strong{ font-weight:300; font-size:100%; color:#EB661A}

.navMain{ padding:5px 1%; text-align:right}
.navMain nav{ text-align:right;}
.navMain nav ul{}
.navMain nav ul li{ display:inline-block; margin-left:5px; padding-left:20px; background:url(/templates/temp/if_images/img_1.png) left center no-repeat}
.navMain nav ul li:first-child{ background:none}
.navMain nav ul li a{ font-size:1.6em; color:#0D3250; display:block; padding:10px 20px; position:relative;}
.navMain nav ul li:hover a{ color:#0C73D0;}

.navToo{ padding:5px 1%; background-color:#0D3250;}
.navToo nav{ text-align:right;}
.navToo nav > ul{ text-align:center}
.navToo nav > ul > li{ display:inline-block; margin-left:5px; padding-left:20px; background:url(/templates/temp/if_images/img_66.png) left center no-repeat; position:relative}
.navToo nav > ul > li:first-child{ background:none}
.navToo nav > ul > li > span, .navToo nav > ul > li > a{ font-size:1.6em; color:#FFF; display:block; padding:0 25px; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.navToo nav > ul > li:hover > ul{ display:block}
.navToo nav > ul > li:hover > ul.revert{ display:block}
.navToo nav > ul > li:hover > span, .navToo nav > ul > li:hover > a{ color:#FFF; background-color:#EC671B }

.navToo nav > ul > li > ul{ display:none; position:absolute; top:50px;}
.navToo nav > ul > li > ul{ background-color:#B75015; width:150%; z-index:99}
.navToo nav > ul > li > ul > li{ display:block; padding:0 20px; text-align:left; border-top:1px solid #fff; position:relative}
.navToo nav > ul > li > ul > li{ display:block; padding:0 20px 0 5px; text-align:left; border-top:1px solid #fff; position:relative}
.navToo nav > ul > li > ul > li:hover{ background-color:#EC671B}
.navToo nav > ul > li > ul > li > span, .navToo nav > ul > li > ul > li > a{ font-size:1.4em; color:#FFF; display:block; padding:0; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.navToo nav > ul > li > ul > li > span{ background:url(/templates/temp/if_images/img_52.png) 99% center no-repeat}
.navToo nav > ul > li > ul > li:hover > ul{ display:block}
.navToo nav > ul > li > ul > li:hover > ul{ display:block}

.navToo nav > ul > li > ul > li > ul{ display:none; position:absolute; left:100%; top:-1px}
.navToo nav > ul > li > ul > li > ul{ background-color:#95491D; width:150%; z-index:99}
.navToo nav > ul > li > ul > li > ul > li{ display:block; padding:0 20px; text-align:left; border-top:1px solid #fff}
.navToo nav > ul > li > ul > li > ul > li:hover{ background-color:#EC671B}
.navToo nav > ul > li > ul > li > ul > li > span, .navToo nav > ul > li > ul > li > ul > li > a{ font-size:1.4em; color:#FFF; display:block; padding:0; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.navToo nav > ul > li > ul > li > ul > li > span{ background:url(/templates/temp/if_images/img_52.png) 99% center no-repeat}

#logo_laurier {float:left; position:relative; bottom:255px; left:12%; width:auto; height:60%;}
/*
.navToo nav > ul > li > ul{ display:none; position:absolute; top:50px;}
.navToo nav > ul > li > ul{ background-color:#B75015; width:150%; z-index:99}
.navToo nav > ul > li > ul > li{ display:block; padding:0 20px; text-align:left; border-top:1px solid #fff; position:relative}
.navToo nav > ul > li > ul > li.revert{ display:block; padding:0 20px 0 5px; text-align:left; border-top:1px solid #fff; position:relative}
.navToo nav > ul > li > ul > li:hover{ background-color:#EC671B}
.navToo nav > ul > li > ul > li > span, .navToo nav > ul > li > ul > li > a{ font-size:1.4em; color:#FFF; display:block; padding:0; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.navToo nav > ul > li > ul > li > span{ background:url(/templates/temp/if_images/img_52.png) 99% center no-repeat}
.navToo nav > ul > li > ul > li > span.revert{ background:url(/templates/temp/if_images/img_52_flip.png) 1% center no-repeat; padding-left:25px;}
.navToo nav > ul > li > ul > li:hover > ul{ display:block}
.navToo nav > ul > li > ul > li:hover > ul.revert{ display:block}

.navToo nav > ul > li > ul > li > ul{ display:none; position:absolute; left:100%; top:-1px}
.navToo nav > ul > li > ul > li > ul.revert{ display:none; position:absolute; left:-150%; top:-1px}
.navToo nav > ul > li > ul > li > ul{ background-color:#95491D; width:150%; z-index:99}
.navToo nav > ul > li > ul > li > ul > li{ display:block; padding:0 20px; text-align:left; border-top:1px solid #fff}
.navToo nav > ul > li > ul > li > ul > li:hover{ background-color:#EC671B}
.navToo nav > ul > li > ul > li > ul > li > span, .navToo nav > ul > li > ul > li > ul > li > a{ font-size:1.4em; color:#FFF; display:block; padding:0; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.navToo nav > ul > li > ul > li > ul > li > span{ background:url(/templates/temp/if_images/img_52.png) 99% center no-repeat}
*/

.navToo nav > ul > li > ul.revert{ display:none; position:absolute; top:50px; left:-50%;}
.navToo nav > ul > li > ul.revert{ background-color:#B75015; width:150%; z-index:99}
.navToo nav > ul > li > ul.revert > li{ display:block; padding:0 20px 0 5px; text-align:left; border-top:1px solid #fff; position:relative}
.navToo nav > ul > li > ul.revert > li:hover{ background-color:#EC671B}
.navToo nav > ul > li > ul.revert > li > span, .navToo nav > ul > li > ul.revert > li > a{ font-size:1.4em; color:#FFF; display:block; padding:0; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; padding-left:25px;}
.navToo nav > ul > li > ul.revert > li > span{ background:url(/templates/temp/if_images/img_52_flip.png) 1% center no-repeat;}
.navToo nav > ul > li > ul.revert > li:hover > ul{ display:block}
.navToo nav > ul > li > ul.revert > li:hover > ul{ display:block}

.navToo nav > ul > li > ul.revert > li > ul{ display:none; position:absolute; left:-150%; top:-1px}
.navToo nav > ul > li > ul.revert > li > ul{ background-color:#95491D; width:150%; z-index:99}
.navToo nav > ul > li > ul.revert > li > ul > li{ display:block; padding:0 20px; text-align:left; border-top:1px solid #fff}
.navToo nav > ul > li > ul.revert > li > ul > li:hover{ background-color:#EC671B}
.navToo nav > ul > li > ul.revert > li > ul > li > span, .navToo nav > ul > li > ul.revert > li > ul > li > a{ font-size:1.4em; color:#FFF; display:block; padding:0; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer}
.navToo nav > ul > li > ul.revert > li > ul > li > span{ background:url(/templates/temp/if_images/img_52.png) 99% center no-repeat}


.headMain > figure{ position:absolute; top:20px; left:20px; width:25%}
.headMain > figure img{ max-width:100%; height:auto}


/********* diapo ****************/
.diapo{ margin:0 2%; padding:20px 0; background-color:#fff}

.contentDiapo{ width:100%; height:334px; padding-bottom:34px; background:url(/templates/temp/if_images/img_8.png) bottom center no-repeat}
.contentDiapo figure{ height:100%; width:100%; position:relative; overflow:hidden; width:70.5%}
.contentDiapo figure img{ width:100%; height:100%; float:right;}
.contentDiapo figure > p{ position:absolute; top:0}
.contentDiapo figure p > *{ display:block;}
.contentDiapo figure p span{ font-size:3.2em; color:#333;}
.contentDiapo figure p.titreUn{ top:18%; left:50px}
.contentDiapo figure p.titreUn b{ color:#EB6619; font-weight:900; font-size:4.7em; margin-left:40px}
.contentDiapo figure p.titreDeux{ top:62%; left:100px}
.contentDiapo figure p.titreDeux b{ color:#2692FF; font-weight:900; font-size:4.7em; margin-left:40px}

.contentDiapo > .right{ width:29.5%; position:relative}
.contentDiapo > .right p{ height:147px; width:100%; background:url(/templates/temp/if_images/img_3.jpg); padding:20px 0 0}
.contentDiapo > .right p.bttUn{ background-position:top left; height:146px; border-bottom:1px solid #fff}
.contentDiapo > .right p.bttDeux{ background-position:bottom left}
.contentDiapo > .right p > *{display:inline-block; vertical-align:middle}
.contentDiapo > .right p a{ width:63%; margin:0 auto}
.contentDiapo > .right p a > span{ display:block}
.contentDiapo > .right p a .haut{ font-size:2.1em; color:#fff;}
.contentDiapo > .right p a .middle{ color:#000; font-size:3.3em; font-weight:500;}
.contentDiapo > .right p a .bas{ color:#fff; font-weight:900; color:#fff; font-size:2.1em; text-align:right; position:relative}
.contentDiapo > .right p a .bas:before{ content:"."; width:50%; display:block; height:2px; top:50%; left:0; background-color:#fff; font-size:0%; line-height:0; position:absolute}
.contentDiapo > .right p:after{ content:""; width:27px; height:54px; background:url(/templates/temp/if_images/img_6.png) center center no-repeat; display:inline-block; position:relative; top:20px; left:20px}
.contentDiapo > .right p.bttUn:before{content:""; width:105px; height:65px; background:url(/templates/temp/if_images/img_4.png) left center no-repeat; display:inline-block; position:relative; top:30px; left:20px}
.contentDiapo > .right p.bttDeux:before{content:""; width:105px; height:65px; background:url(/templates/temp/if_images/img_5.png) left center no-repeat; display:inline-block; position:relative; top:30px; left:20px}
.contentDiapo > .right > img{ position:absolute; left:0; top:34.5%}
.contentDiapo > .right p:hover a{ -webkit-transition: all 0.5s ease; transition: all 0.5s ease;-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}

.secondary{ width:100%}
.secondary ul{}
.secondary ul li{ display:inline-block; width:16%; height:50px; background-color:#333; float:left; text-align:center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.secondary ul li *{}
.secondary ul li:last-child{ background:url(/templates/temp/if_images/img_17.png) left center no-repeat}
.secondary ul li:nth-child(2n){ background-color:#eee}
.secondary ul li:last-child{ width:20%; background-color:#1D58AE}
.secondary ul li a{ font-size:1.7em; color:#fff; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.secondary ul li:nth-child(2n) a{ color:#333}
.secondary ul li:last-child a{ color:#fff}
.secondary ul li:after{ content:""; display:inline-block; width:10px; height:20px; position:relative; top:4px; left:15px; background:url(/templates/temp/if_images/img_10.png) center center no-repeat}
.secondary ul li:nth-child(2n):after{background:url(/templates/temp/if_images/img_9.png) center center no-repeat}
.secondary ul li:last-child:after{ background:none}
.secondary ul li:nth-child(1):before{ content:""; display:inline-block; width:40px; height:19px; background:url(/templates/temp/if_images/img_11.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:nth-child(2):before{ content:""; display:inline-block; width:26px; height:20px; background:url(/templates/temp/if_images/img_12.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:nth-child(3):before{ content:""; display:inline-block; width:19px; height:20px; background:url(/templates/temp/if_images/img_13.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:nth-child(4):before{ content:""; display:inline-block; width:19px; height:20px; background:url(/templates/temp/if_images/img_14.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:nth-child(5):before{ content:""; display:inline-block; width:16px; height:19px; background:url(/templates/temp/if_images/img_15.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li:last-child:before{ content:""; display:inline-block; width:16px; height:19px; background:url(/templates/temp/if_images/img_16.png) center center no-repeat; position:relative; top:3px; right:10px;}
.secondary ul li a:hover{ color:#F90;}


/**************** dernier dossier ************************/
.lastDossier{ padding:40px 2% 20px; background-color:#F8F8F8; margin:20px 0}
.contentLastDossier{ padding-bottom:30px; background:url(/templates/temp/if_images/img_18.png) bottom center no-repeat}
.contentLastDossier h1{ text-align:center; text-transform:uppercase; color:#0C3250; font-weight:300; font-size:2.9em; margin-bottom:40px;}
.lastDossier .contentLastDossier h1 strong{color:#ff6633; font-size:1em}
.contentLastDossier .titre{ text-align:center; text-transform:uppercase; color:#0C3250; font-weight:300; font-size:2.9em; margin-bottom:40px;}
.lastDossier .contentLastDossier .titre strong{color:#ff6633; font-size:1em}
.lastDossier .contentLastDossier h2{ text-align:center; color:#0C3250; font-weight:200; font-size:2.9em; padding:20px; background-color:white}

.listDossier{ padding:1.5%; background-color:#fff; border-bottom:2px solid #0C3250;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.titreHautDossier{}
.titreHautDossier > *{ display:inline-block; padding:5px 0; text-align:center; color:#0C3250; font-size:2.2em; border-bottom:2px solid #0C3250}
.titreHautDossier span:nth-child(1){ width:19.6%}
.titreHautDossier span:nth-child(1):before{ content:''; display:inline-block; vertical-align:top; width:25px; height:24px; background:url(/templates/temp/if_images/img_55.png) center center no-repeat; margin-right:10px}
.titreHautDossier span:nth-child(2){ width:18%}
.titreHautDossier span:nth-child(2):before{ content:''; display:inline-block; vertical-align:top; width:25px; height:24px; background:url(/templates/temp/if_images/img_56.png) center center no-repeat; margin-right:10px}
.titreHautDossier span:nth-child(3){ width:15%}
.titreHautDossier span:nth-child(3):before{ content:''; display:inline-block; vertical-align:top; width:25px; height:24px; background:url(/templates/temp/if_images/img_57.png) center center no-repeat; margin-right:10px}
.titreHautDossier span:nth-child(4){ width:10%}
.titreHautDossier span:nth-child(4):before{ content:''; display:inline-block; vertical-align:top; width:25px; height:24px; background:url(/templates/temp/if_images/img_58.png) center center no-repeat; margin-right:10px}
.titreHautDossier span:nth-child(5){ width:18%}
.titreHautDossier span:nth-child(5):before{ content:''; display:inline-block; vertical-align:top; width:25px; height:24px; background:url(/templates/temp/if_images/img_59.png) center center no-repeat; margin-right:10px}
.titreHautDossier span:nth-child(6){ width:18%; border:none}

.titreBasDossier{}
.titreBasDossier > span{ display:inline-block; padding:10px 0; text-align:center; font-size:1.8em; background-color:#F7F7F7; height:30px; vertical-align:top; line-height:30px;}
.titreBasDossier span a.goToMinisite{text-decoration:underline dotted}
.titreBasDossier span a.goToMinisite:hover{text-decoration:underline; color:#237ad5}
.titreBasDossier span:nth-child(1){ width:19.6%}
.titreBasDossier span:nth-child(2){ width:18%}
.titreBasDossier span:nth-child(3){ width:15%}
.titreBasDossier span:nth-child(4){ width:10%}
.titreBasDossier span:nth-child(5){ width:18%}
.titreBasDossier span:nth-child(6){ width:18%}
.listDossier p:nth-child(odd) > *{ background-color:#EEEEEE}
.listDossier p:nth-child(1) > *{ background-color:transparent}
.titreBasDossier a.goToDossier{ display:block; width:80%; margin:0 auto; text-align:center; color:#fff; font-size:98%; background-color:#1D58AE; padding:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.titreBasDossier:hover a.goToDossier{background-color:#EC671B;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.liste_noms
{
	background-color:#f8f8f8;
}

.liste_noms .titre
{
	display:inline-block; padding:5px; text-align:center; color:#0C3250; font-size:2.2em; margin-right:10px; height:25px; vertical-align:top; line-height:25px;
	background-color:#FF6600;
}

.liste_noms .donnee
{
	display:inline-block; padding:5px 0; text-align:center; font-size:1.6em; color:#0c3250; background-color:#f8f8f8; height:25px; vertical-align:top; line-height:25px; margin-right:5px;
}

.liste_noms .donnee a
{
	text-decoration:underline dotted;
}



/**************************** franchise et expert *************************/
.franchiseExpert{ padding:20px 2%; background-color:#fff; margin-bottom:20px;}

.carte_svg {max-width:100%;max-height:289px;}
.carte_svg a:hover path {fill:#ff6500 !important;}

.franchiseCarte{ width:19%; border:1px solid #E9E9E9; padding:15px 1%; position:relative; background-color: #f5f5f5; margin-top: 75px; float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.10);
box-shadow: 0 0 5px 2px rgba(0,0,0,.10);}
/*.franchiseCarte:before{ content:""; position:absolute; top:-1px; right:-1px; display:block; background:url(/templates/temp/if_images/img_19.png) center center no-repeat; width:53px; height:52px;}*/
.franchiseCarte .titreBloc{ text-align:center; text-transform:uppercase; color:#0C3250; font-weight:300; font-size:21px; font-weight: 500; padding: 15px 0; background-color: #fff; border-bottom: 3px solid #EB6619; line-height: 130%;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; position: relative;}
.franchiseCarte .titreBloc:after{
	display: block; content: '';  width: 0; position: absolute; bottom: -10px; left: 43%;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #EB6619;
}
.carteFranchise{ margin:30px 0 0; text-align:center}
.franchiseCarte .linkTo{ text-align:center; font-weight:600; color:#EB6619; font-size:17px; margin-bottom:5px; text-transform: uppercase;}

.expertList{ width:75%; padding:33px 1% 34px; background:#F5F5F5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.expertList .titreBloc{ text-align:center; text-transform:uppercase; color:#EC671B; font-weight:300; font-size:2.9em; margin-bottom:30px;}
.expertList ul{}
.expertList ul li{ padding:13px 0 26px; width:23%; background-color:#FFF; float:left; list-style:none; position:relative; margin:0 1%}
.expertList ul li:after{ content:""; position:absolute; bottom:0; right:0; width:54px; height:54px; background:url(/templates/temp/if_images/img_21.png) center center no-repeat;}
.expertList ul li:hover{-webkit-box-shadow: 0 0 0 4px rgba(236,103,27,.5); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
box-shadow: 0 0 0 4px rgba(236,103,27,.5);}
.expertList ul li .forImg{ margin:0 13px 15px;}
.expertList ul li figure{ margin-right:10px;}
.expertList ul li h2,.expertList ul li .equivH2{ font-size:1.7em; color:#3A4646; margin-bottom:5px; line-height:120%; padding-top:2px;}
.expertList ul li .forAdresse{ color:#FF6600; font-size:1.5em; margin-bottom:5px; line-height:120%}
.expertList ul li .forPrecision{ color:#3A4646; font-size:1.3em;}
.expertList ul li .forDomaine{ margin-top:7px; padding:15px 13px; border-top:1px solid #0C3250}
.expertList ul li .forDomaine > b{ font-weight:400; text-decoration:underline; font-size:1.3em; color:#0C3250; line-height:150%; display:block; margin-bottom:5px;}
.expertList ul li .forDomaine p{ font-size:1.4em; color:#777777; line-height:150%}
.expertList ul li:last-child{ margin-right:0;}
.expertList ul li .forAdresse a:hover{text-decoration:underline}

.expertList h1{ text-align:center; text-transform:uppercase; color:#0C3250; font-weight:300; font-size:2.9em; margin-bottom:40px;}
.expertList h1 strong{color:#ff6633; font-size:1em}
.expertList p.precision_result{background-color:#fff; font-size:1.5em; margin-bottom:30px; padding:20px; line-height:130%}
.expertList p.precision_result a{color:#ff6633}
.expertList p.precision_result a:hover{text-decoration:underline}

.recherche ul li .forDomaine p{ font-size:1.7em; color:#777777; line-height:150%}
.recherche ul li .forDomaine > b{ font-weight:400; text-decoration:underline; font-size:1.7em; color:#0C3250; line-height:150%; display:block; margin-bottom:5px;}
.recherche ul li:last-child{ margin-right:0;}


/******************************* strucure franchise ************************/
.structureFranchise{ background:#EEEEEE url(/templates/temp/if_images/img_26.png) top right repeat-y; padding:0 2%; position:relative;
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
box-shadow: 0 0 4px 2px rgba(0,0,0,.2);}
.structureFranchise:before{ content:""; display:block; background:url(/templates/temp/if_images/img_27.png) top left no-repeat; top:0; right:0; width:51px; height:51px; position:absolute}
.franchisePres{ padding:35px 15% 30px 0; background: url(/templates/temp/if_images/img_24.jpg) top right no-repeat, url(/templates/temp/if_images/img_28.png) top left no-repeat; width:54%; height:255px}
.franchisePres h3, .franchisePres h2, .franchisePres .h4equivh2 , .franchisePres .h4equivh3{font-size:2.9em; color:#FF6633; text-transform:uppercase; font-weight:300}
.franchisePres h2 strong, .franchisePres .h4equivh2 strong{font-size:1em; color:#FF6633;}
.franchisePres h3 img, .franchisePres h2 img, .franchisePres .h4equivh2 img, .franchisePres .h4equivh3 img{ display:inline-block; vertical-align:middle; margin-right:20px;}
.descFranch{ margin:20px 0 0} 
.descFranch strong{font-size:1em; font-weight:700}
.descFranch figure{ margin-right:2%;}
.descFranch p{ font-size:1.5em; color:#394646; line-height:150%; text-align:justify; font-weight:300;}

.franchiseHon{ width:30%; padding:35px 0 30px; height:255px; padding-left:1%; background:#fff url(/templates/temp/if_images/img_25.png) right 100px no-repeat;}
.franchiseHon h3,.franchiseHon .h4equivh3{ font-weight:300; color:#EB6619; font-size:3.4em; margin-bottom:20px;}
.franchiseHon h3 b,.franchiseHon .h4equivh3 b{ font-size:110%; color:#EB6619; font-weight:900}
.franchiseHon p{ font-size:1.9em; color:#333333; text-align:justify; font-weight:300; line-height:150%; width:59%}
.constatHuissier {font-style:italic; font-weight:300; font-size:1em; color:#1D58AE}
.franchiseHon:hover .constatHuissier{color:#EB6619; text-decoration:underline; font-style:normal}


/*********************** avis client / simulateur / divers lien *****************************/
.avisSimuLink{ padding:50px 2% 30px; background:url(/templates/temp/if_images/img_49.png) bottom center no-repeat}

.avisClient{ width:30%; border:1px solid #CACACA; background-color:#EEEEEE; padding:30px 1.5% 10px; position:relative;}
.avisClient:before{content:""; display:block; background:url(/templates/temp/if_images/img_27.png) top left no-repeat; top:0; right:0; width:51px; height:51px; position:absolute}
.avisClient .titreBloc{ font-size:2.9em; color:#FF6600; font-weight:300; padding-bottom:15px; background:url(/templates/temp/if_images/img_30.gif) bottom left no-repeat}
.avisClient .titreBloc img{ display:inline-block; vertical-align:sub; margin-right:10px;}
.avisClient h3.titreBloc ,.avisClient .h4equivh3.titreBloc {font-size:2.9em; color:#FF6633; text-transform:uppercase; font-weight:300}
.avisClient ul{ padding:20px 10px; background:#fff; height:200px}
.avisClient ul li{ display:inline-block; list-style:none; width:46.5%; margin: 0 1% 0 2%; vertical-align:top;}
.avisClient ul li h4{ font-weight:600; color:#1A344B; font-size:1.5em; margin-bottom:5px;}
.avisClient ul li .dateScr{ margin-bottom:10px;}
.avisClient ul li .dateScr > *{ display:inline-block; vertical-align:sub;}
.avisClient ul li .dateScr > span{ font-size:1.5em; color:#999999; margin-right:20px;}
.avisClient ul li > p{ padding:10px; background-color:rgba(243,243,243,.5); height:130px; color:rgba(51,51,51,.75); line-height:120%; font-size:1.6em;}
.avisClient .linkTo{ padding-top:20px; text-align:right; position:relative; background:url(/templates/temp/if_images/img_32.png) top left no-repeat; background-size:100% auto}
.avisClient .linkTo:before{ content:""; display:block; position:absolute; width:75%; height:2px; background-color:#EC671B; top:25px; left:0}
.avisClient .linkTo > *{ display:inline-block;}
.avisClient .linkTo a{ width:25%; font-size:1.3em; color:#EC671B; font-weight:400}
.avisClient .linkTo a img{ margin-right:10px;}
.avisClient .linkTo a:hover{ color:#0D3250;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.simulLigne{ width:30%; border:1px solid #ddd; background-color:#fff; padding:30px 1.5% 10px; position:relative; margin: 0 1.8%}
.simulLigne:before{content:""; display:block; background:url(/templates/temp/if_images/img_37.png) top left no-repeat; top:0; right:0; width:46px; height:46px; position:absolute}
.simulLigne .titreBloc{ font-size:2.9em; color:#0C3250; font-weight:300; padding-bottom:15px; background:url(/templates/temp/if_images/img_34.gif) bottom left no-repeat; position:relative}
.avisClient h3.titreBloc {font-size:2.9em; color:#FF6633; text-transform:uppercase; font-weight:300}
.simulLigne .titreBloc:before{content:""; display:block; background:url(/templates/temp/if_images/img_38.png) top left no-repeat; top:0px; right:40px; width:72px; height:71px; position:absolute}
.simulLigne .titreBloc img{ display:inline-block; vertical-align:sub; margin-right:10px;}
.simulLigne ul{ padding:10px 10px 20px; background:#F7F7F7; height:210px}
.simulLigne ul li{ padding:10px 20px; border-bottom:1px dashed #ddd; list-style:none}
.simulLigne ul li:hover{ background-color:rgba(255,255,255,.8);-webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.simulLigne ul li:last-child{ border:none}
.simulLigne ul li a{ display:block; font-size:1.9em; font-weight:500; color:#0C3250; background:url(/templates/temp/if_images/img_35.png) right center no-repeat;}
.simulLigne ul li:hover a{color:#EC671B}
.simulLigne .linkTo{ padding-top:20px; text-align:right; position:relative; background:url(/templates/temp/if_images/img_32.png) top left no-repeat; background-size:100% auto}
.simulLigne .linkTo:before{ content:""; display:block; position:absolute; width:65%; height:2px; background-color:#0C3250; top:25px; left:0}
.simulLigne .linkTo > *{ display:inline-block;}
.simulLigne .linkTo a{ width:35%; font-size:1.3em; color:#0C3250; font-weight:400}
.simulLigne .linkTo a img{ margin-right:10px;}
.simulLigne .linkTo a:hover{ color:#EC671B;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.linkDivers{ width:30%;}
.forContactSuit{ width:50%}
.nousSuivre{ height:155px; background-color:#EC671B; padding:21px 20px ; position:relative}
.nousSuivre:before{content:""; display:block; background:url(/templates/temp/if_images/img_45.jpg) top left no-repeat; top:0; right:0; width:36px; height:35px; position:absolute}
.nousSuivre .titreBloc{ font-size:2.9em; color:#FFF; font-weight:300}
.nousSuivre .facebook{ margin:10px 0}

.nousContacter{ height:135px; background:url(/templates/temp/if_images/img_41.png) top left no-repeat; padding:30px 20px }
.nousContacter .titreBloc{ font-size:2.9em; color:#FFF; font-weight:300}
.nousContacter .listeOfContact{ margin-top:20px;}
.nousContacter .listeOfContact a{ display:inline-block; margin:0 10px;}

.forCallnow{ width:39%; background:url(/templates/temp/if_images/img_46.png) top right no-repeat; height:360px; border:1px solid #DDDDDD; border-width:1px 1px 1px 0; padding:0 5%}
.forCallnow .titreBloc{ margin-top:30px; font-size:3.7em; font-weight:900; color:#EB6619; margin-bottom:20px;}
.forCallnow figure{ text-align:center}


/**************************** forum home ***************************/
.forumHome{ padding:50px 2%; background-color:#F5F5F5}

.forumHome h4{ font-size:2.9em; font-weight:300; padding-bottom:10px; text-transform:uppercase; color:#EC671B}
.forumHome h4.bleu{ background:url(/templates/temp/if_images/img_30.gif) bottom left no-repeat; color:#EC671B}
.forumHome h4.orange{color:#0C3250; background:url(/templates/temp/if_images/img_34.gif) bottom left no-repeat;  }
.forumHome h4 span{ vertical-align:sub}
.forumHome h4.bleu span{ display:inline-block; width:26px; height:30px; background:url(/templates/temp/if_images/img_50.png) center center no-repeat; padding:5px 10px; margin:0 10px}
.forumHome h4.orange span{ display:inline-block; width:26px; height:30px; background:url(/templates/temp/if_images/img_51.png) center center no-repeat; padding:5px 10px; margin:0 10px}

.forum{ margin-right:2%; width:33%;}
.forum ul{}
.forum ul li{ list-style:none; padding:20px 15px; border-bottom:1px solid #DFDFDF}
.forum ul li h5{ color:#000; font-weight:100; background:url(/templates/temp/if_images/img_31.png) left center no-repeat; padding-left:25px; margin-bottom:10px}
.forum ul li h5 a{font-size:1.7em; color:#000;}
.forum ul li h5 a:hover{ color:#006fa4}
.forum ul li p{ font-size:1.6em; color:#666;}

.blog{ width:65%;}
.blog p.headOnglet{ float:left; margin-top:10px; width:25%}
.blog p.headOnglet a{ display:block; background-color:#F7F7F7; border-bottom:1px solid #DFDFDF; padding:20px 10px; color:#333; font-size:1.7em; background-position:right center}
.blog p.headOnglet a.active, .blog p.headOnglet a:hover{ background:#FF6500 url(/templates/temp/if_images/img_52.png) 95% center no-repeat; color:#fff;}

.blog > div{ float:left; margin-top:10px; width:73%; margin-left:2%}
.blog .contentOnglet{}
.inContent { float: left; line-height: 140%; width: 50%; font-size:1.5em; color:#3B4747; line-height:130%; font-weight:300; line-height:150%}
.inContent strong{font-size:1em}
.inContent strong.bleuc{color:#237ad5}
.inContent img { float: left; margin:0 5px 5px 0}
.listeCat { float: right; list-style:none; width: 45%; margin-top:10px}
.listeCat li { background:url(/templates/temp/if_images/img_35.png) no-repeat scroll left center; color: #324f77; margin: 0 0 15px; padding: 0 0 0 20px; display:block}
.listeCat li a { color: #0D3250; font-size: 1.7em;}
.listeCat li a:hover { color: #ff8000;}

/***************************** footer gen ***************************/
.footerGen{ padding:30px 2%; background:#DDDDDD}
.footerGen > div{ width:33%}
.footerGen .titreBloc{ margin-bottom:20px; padding-bottom:10px; background:url(/templates/temp/if_images/img_30.gif) bottom left no-repeat; font-size:3.1em; font-weight:300; color:#EB661A}
.footerGen ul{ list-style:none}
.footerGen ul li{ list-style:none; float:left; width:50%; margin-bottom:10px;}
.footerGen ul li a{ font-size:1.3em; color:#000; padding-left:15px; background:url(/templates/temp/if_images/img_53.gif) left center no-repeat}
.footerGen ul li a:hover{ color:#EB661A}

.logFooter{ padding-left:150px; background:url(/templates/temp/if_images/if_26.png) top left no-repeat; margin:0px 0 20px;}
.logFooter a{ padding-left:30px; background:url(/templates/temp/if_images/img_54.png) top left no-repeat; font-size:2.1em; color:#0D3250; display:inline-block; margin:20px 0; line-height:120%; font-weight:500}
.logFooter a strong{ font-size:2em; color:#FF6600; font-weight:900; display:block; margin-top:10px;}
.logFooter a:hover{ color:#FF6600}
.cloudApp{ margin-top:40px;}
.cloudApp a img{ margin-right:5px; max-width:100%}

.copyright{ text-align:center; background:#333; padding:10px 0; font-size:1.3em; color:#ddd}
.sirvel{color:#ddd}
.mentionEngage{margin: -15px 0 15px; font-size:15px}

/************************ page credit ***********************************/

.textFranche{ font-size:3.4em; font-weight:300; color:#0C3250; text-transform:uppercase; padding-left:320px}
.textFranche span{ color:#EB661A; font-size:100%; font-weight:300}

.detFormCdt{ padding:10px 2%; margin-bottom:10px;}
.detFormCdt .formEtape1 > div, .detFormCdt .formEtape1 > .nextEtape{ display:none}
.detFormCdt.active{ padding:30px 2% 67px; margin-bottom:0px;}
.detFormCdt.active .formEtape1 > div, .detFormCdt.active .formEtape1 > .nextEtape{ display:block}
.detFormCdt > div{-webkit-border-radius: 7px;border-radius: 7px;overflow: hidden;}

.formEtape1 > .titreBloc{}
.formEtape1 > .titreBloc span{ display:block; height:50px; line-height:50px;}
.formEtape1 > .titreBloc span.etape1Bc{ background-color:#EC671B; text-transform:uppercase; font-weight:700; color:#fff; font-size:17px; padding:0 30px}
.formEtape1 > .titreBloc span.titreEtape{font-weight:700; color:#fff; font-size:1.7em; text-transform:uppercase; padding:0 0 0 50px; background:url(/templates/temp/if_images/img_61.png) center left no-repeat}
.formEtape1 .contentFormEtape{ padding:30px 2%;border: 1px solid #eee;}

.contentFormEtape{}
.contentFormEtapeUn > .left, .contentFormEtapeUn > .right{ border:1px solid #EEEEEE; margin-bottom:20px; width:48%}
.contentFormEtapeUn .left > *, .contentFormEtapeUn .right > *{ display:inline-block; height:55px; line-height:55px;}
.contentFormEtapeUn .left > label, .contentFormEtapeUn .right > label{ padding:0 20px; border-right:1px solid #eee; font-size:16px; font-weight:700; color:#0E5FB9}
.contentFormEtapeUn .left span, .contentFormEtapeUn .right span{ margin-right:30px; padding:0 0 0 20px; font-size:15px; color:#000; font-weight:300}
.contentFormEtapeUn .left span input[ type=radio], .contentFormEtapeUn .right span input[ type=radio]{ position:relative; top:-1px; margin-left:10px;}
.contentFormEtapeUn .left span input[ type=text], .contentFormEtapeUn .right span input[ type=text]{ border:none; background:none; padding:8px 15px; background-color:#eee; margin-left:10px;}

/*.contentFormEtapeToo{border:1px solid #EEEEEE; border-width:1px 1px 0 1px; background-color: #f7f7f7; margin-bottom: 30px;flex-wrap: wrap;}
.contentFormEtapeToo > .titreBloc{ text-align:center; font-size:19px; color:#EC671B; font-weight:700; padding:20px 0; border-bottom:1px solid #eee; position:relative; text-transform:uppercase;width: 100%;}
.contentFormEtapeToo > .titreBloc:before{ content:''; display:block; width:25px; height:25px; background:url(/templates/temp/if_images/img_62.png) center center no-repeat; position:absolute; bottom:-13px; left:49.2%}

.intContentFormEtapeToo{ padding-bottom:50px; margin: 0 auto; padding-top: 20px;width: 100%;}*/
.intContentFormEtapeToo > .left, .intContentFormEtapeToo > .right{ width:46.5%; margin:0 1.5%}
.intContentFormEtapeToo > .left .titreBloc, .intContentFormEtapeToo > .right .titreBloc{ margin:20px 0; text-align:center; font-size:1.7em; color:#333; font-weight:300;}
.intContentFormEtapeToo .formToEtapeToo{ padding:20px; background:#fff}
span.champs_error {color: #c82e2e !important; margin-top: 8px; display: inline-block; font-weight: bold !important;}
.onglet_tab .intContentFormEtapeToo .left.visu_emp .formToEtapeToo,
.onglet_tab .intContentFormEtapeToo.chiffragePret .left .formToEtapeToo,
.onglet_tab .intContentFormEtapeToo.chiffragePret .right .formToEtapeToo
{
	background: inherit;
}
.intContentFormEtapeToo .formToEtapeToo:hover{-webkit-box-shadow: 0 0 0 4px rgba(236,103,27,.5); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
box-shadow: 0 0 0 4px rgba(236,103,27,.5);}
.intContentFormEtapeToo .formToEtapeToo .contentFormInt{ margin-bottom:15px;}
.intContentFormEtapeToo .formToEtapeToo .contentFormInt > *{ display:inline-block; vertical-align:middle}
.intContentFormEtapeToo .formToEtapeToo .contentFormInt label{ width:30%; font-size:16px; color:#111; }
.contentFormInt.for_sous_titre_table{
	border-bottom: 2px solid #F2AC4B;
	padding-bottom: 5px;
}
.contentFormInt.for_sous_titre_table label{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 21px;	color: #F2AC4B;
}
.intContentFormEtapeToo .formToEtapeToo .contentFormInt p{ width:65%; font-size:16px!important;}
.intContentFormEtapeToo .formToEtapeToo .contentFormInt p > span{ margin-right:20px; font-size:16px!important; color:#000; font-weight:300}
.intContentFormEtapeToo .formToEtapeToo .contentFormInt p > input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 10px; width:85%}
.intContentFormEtapeToo .formToEtapeToo .contentFormInt p > span input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px;}
.chiffragePret .formToEtapeToo .contentFormInt p > span input[type="text"]{ max-width:29%}
.intContentFormEtapeToo .formToEtapeToo .contentFormInt p select{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px;}
.intContentFormEtapeToo .formToEtapeToo .contentFormInt p input[type=file]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px 5px 5px;}

.intContentFormEtapeToo > .noLeft{  padding:20px 1.5%; background:#fff; margin:20px 1.7% 0}
.onglet_tab .intContentFormEtapeToo > .noLeft, 
.onglet_tab .intContentFormEtapeToo .left.visu_emp,
.onglet_tab .intContentFormEtapeToo.chiffragePret .left,
.onglet_tab .intContentFormEtapeToo.chiffragePret .right
{  background: #f9f9f9;}
.intContentFormEtapeToo > .noLeft:hover{-webkit-box-shadow: 0 0 0 4px rgba(236,103,27,.5); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
box-shadow: 0 0 0 4px rgba(236,103,27,.5);}
.intContentFormEtapeToo > .noLeft .titreBloc{ margin:20px 0; text-align:center; font-size:1.7em; color:#333; font-weight:300;}
.intContentFormEtapeToo > .noLeft .contentFormInt{ margin-bottom:15px;}
.intContentFormEtapeToo > .noLeft .contentFormInt > *{ display:inline-block; vertical-align:middle}
.intContentFormEtapeToo > .noLeft .contentFormInt label{ width:14%; font-size:16px; color:#111; }
.intContentFormEtapeToo > .noLeft .contentFormInt p{ width:80%}
.intContentFormEtapeToo > .noLeft .contentFormInt p > span{ margin-right:20px; font-size:16px; color:#000; font-weight:300}
.intContentFormEtapeToo > .noLeft .contentFormInt p > input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 10px; width:90%}
.intContentFormEtapeToo > .noLeft .contentFormInt p > span input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 20px;}
.intContentFormEtapeToo > .noLeft .contentFormInt p select{ background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 20px;}
.intContentFormEtapeToo > .noLeft .contentFormInt p input[type=file]{ background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 20px 5px 5px;}
.intContentFormEtapeToo > .noLeft .contentFormInt p textarea{ height:200px; background:none; border:none; background-color:#fff; border:1px solid #eee; padding:5px 10px; width:98%}

.intContentFormEtapeToo > .noLeft ul{ list-style:none}
.intContentFormEtapeToo > .noLeft ul li{ list-style:none; float:left; width:20%; margin-bottom:10px;}
.intContentFormEtapeToo > .noLeft ul li span{font-size:1.3em; color:#000; font-weight:300}
.intContentFormEtapeToo > .noLeft ul li span input{ margin-right:10px;}

.nextEtape{ margin-bottom:50px; text-align:center}

.validationGbl{ margin:30px 2%; padding:20px; border: 1px solid #eee; background-color:#FFF; text-align:center}
.validationGbl p{font-size:1.5em; color:#000; font-weight:300; margin-bottom:20px; line-height:150%}
.validationGbl div.captcha div{font-size:1.5em; color:#000; font-weight:300;}
.validationGbl div.captcha input{background:none; border:none; background-color:#FBFBFB; border:1px solid #eee; padding:5px 10px;}
.validationGbl div.validationBttGbl{ margin-top:20px;}
.validationGbl div.validationBttGbl input{ display:inline-block; margin:0 10px; background:none; border:none; cursor:pointer;}
.validationGbl div.validationBttGbl input.resetBtt{ width:200px; height:75px; background:url(/templates/temp/if_images/img_69.png) top left no-repeat; background-size:100% auto;}
.validationGbl div.validationBttGbl input.validBttTo{ width:324px; height:50px; background:url(/templates/temp/if_images/img_72.png) top left no-repeat; background-size:100% auto;}
button{
	border: none!important;
}
.validationGbl div.validationBttGbl input.validBtt{ width:196px; height:75px; background:url(/templates/temp/if_images/img_71.png) top left no-repeat; background-size:100% auto;}
.validationGbl div.validationBttGbl input.validBttLibelle{ width:196px; height:75px; background:url(/templates/temp/if_images/img_71_b.png) top left no-repeat; background-size:100% auto; color:white; font-size:23px; padding-left:15px}
.validationGbl div.validationBttGbl input.validBttLibelleEnregistrer, .formToEtapeToo div.validationBttGbl input.validBttLibelleEnregistrer{ width:196px; height:50px; color:white; font-size:21px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
background: #ff7400; /* Old browsers */
background: -moz-linear-gradient(top,  #ff7400 0%, #ff7400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff7400 0%,#ff7400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff7400 0%,#ff7400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 ); /* IE6-9 */
}
.validBttLibelle{border: 2px solid #FF6501; background-color:#FF6501; border-radius: 4px; padding: 2px 12px; text-align:center; color:white; font-size:21px; cursor:pointer}
.validBttLibelle:hover{border: 2px solid #f49b2e;}
.lienZenoffice{cursor:pointer; border:1px solid #797979; border-radius:5px; padding:10px; background-color:#FBFBFB}
.lienZenoffice:hover{color:#0D5FBB !important}

/************************ page contact **************************************/
.contactPage{ padding:10px 2%; margin-bottom:10px;}

.contactPage .titreBloc{ text-align:center; margin-top:20px; padding-bottom:20px; background:url(/templates/temp/if_images/img_67.png) bottom center no-repeat}
.contactPage .titreBloc span{ font-size:3.3em; color:#333; font-weight:500; text-transform:uppercase}

.contentContact{ padding:30px 2%; background:#FAFAFA}
.contentContact > .alone{margin-bottom:20px; width:90%}
.contentContact > .left{margin-bottom:20px; width:40%}
.contentContact > .right{margin-bottom:20px; width:55%}
.contentContact > .right{}
.contentContact > .left p, .contentContact > .left div.commep, .contentContact > .all  div.commep,  .contentContact > .all  p, .contentContact > .right  div.commep{ padding:20px; border:1px solid #EEEEEE; margin-bottom:20px; font-size:1.7em; font-weight:300; line-height:150%; background-color:#FFF}
.contentContact div.commep strong{font-size:1em;}
.contentContact > .left p b{ font-size:100%; font-weight:900; color:#1D58AE}
.contentContact > .left p a{ font-size:100%; color:#F60; text-decoration:none; font-weight:300}
.contentContact > .left p a:hover{ text-decoration:underline}

.contentContact > .right .contentFormInt{ margin-bottom:15px;}
.contentContact > .right .contentFormInt:hover{ background-color:rgba(255,255,255,.8)}
.contentContact > .right .contentFormInt > *{ display:inline-block; vertical-align:middle}
.contentContact > .right .contentFormInt label{ width:30%; font-size:1.6em; color:#111; }
.contentContact > .right .contentFormInt label strong{ font-weight:700; font-size:100%; color:#F60}
.contentContact > .right .contentFormInt p{ width:65%}
.contentContact > .right .contentFormInt p > span{ margin-right:20px; font-size:1.5em; color:#000; font-weight:300}
.contentContact > .right .contentFormInt p > input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 10px; width:90%}
.contentContact > .right .contentFormInt p > span input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px;}
.contentContact > .right .contentFormInt p select{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px;}
.contentContact > .right .contentFormInt p input[type=file]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px 5px 5px;}
.contentContact > .right .contentFormInt p textarea{ height:200px; background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 10px; width:90%}
.contentContact > .right .nextEtapeContact { margin-top: 50px; text-align: right; width:94%}
.contentContact > .right .nextEtapeContact button{ background:none; border:none; cursor:pointer}
.contentContact > .right .nextEtapeContact a{ display:inline-block; margin:0 20px; cursor:pointer}

.contentContact > .alone .contentFormInt{ margin-bottom:15px;}
.contentContact > .alone .contentFormInt:hover{ background-color:rgba(255,255,255,.8)}
.contentContact > .alone .contentFormInt > *{ display:inline-block; vertical-align:middle}
.contentContact > .alone .contentFormInt label{ width:30%; font-size:1.6em; color:#111; }
.contentContact > .alone .contentFormInt label strong{ font-weight:700; font-size:100%; color:#F60}
.contentContact > .alone .contentFormInt p{ width:65%}
.contentContact > .alone .contentFormInt p > span{ margin-right:20px; font-size:1.5em; color:#000; font-weight:300}
.contentContact > .alone .contentFormInt p > input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 10px; width:90%}
.contentContact > .alone .contentFormInt p > span input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px;}
.contentContact > .alone .contentFormInt p select{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px;}
.contentContact > .alone .contentFormInt p input[type=file]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px 5px 5px;}
.contentContact > .alone .contentFormInt p textarea{ height:200px; background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 10px; width:90%}
.contentContact > .alone .nextEtapeContact { margin-top: 50px; text-align: right; width:94%}
.contentContact > .alone .nextEtapeContact button{ background:none; border:none; cursor:pointer}
.contentContact > .alone .nextEtapeContact a{ display:inline-block; margin:0 20px; cursor:pointer}


/************************ page contenu *******************************/
.contenuPage{ padding:10px 2%; margin-bottom:10px;}
.admin_page_body .contenuPage{width: 100%;}
.admin_page_body .onglet_tab .detFormCdt.active .contentFormEtapeToo{padding: 0!important}

.contenuPage .titreBloc{ text-align:center; margin-top:20px; padding-bottom:20px; background:url(/templates/temp/if_images/img_67.png) bottom center no-repeat}
h1.h1TitreBloc{font-size:3.3em; color:#333; font-weight:500; text-transform:uppercase}
.contenuPage .titreBloc span{ font-size:3.3em; color:#333; font-weight:500; text-transform:uppercase}

.contenuPage .titreBlocPage{ text-align:center; margin-top:20px; padding-bottom:20px; background:url(/templates/temp/if_images/img_67.png) bottom center no-repeat; font-size:33px; color:#333; font-weight:500; text-transform:uppercase}

.contentContenuPage{ padding:30px 2%; background:#FAFAFA; font-size:15px;}
.contentContenuPage *{ font-size:15px; line-height:150%}
.contentContenuPage a, .contentContenuPage a *{ color:#F90}
.contentContenuPage table td{ padding:5px 10px!important;}

/************************ page simulateur de pret **************************************/

.simulateurPage{ padding:10px 2%; margin-bottom:10px;}

.simulateurPage > .titreBloc{ text-align:center; margin-top:20px; padding-bottom:20px; background:url(/templates/temp/if_images/img_67.png) bottom center no-repeat}
.simulateurPage > .titreBloc span{ font-size:3.3em; color:#333; font-weight:500; text-transform:uppercase}

.contentSimulateur{ padding:30px 2%; background:#FAFAFA}
.contentSimulateur > .left, .contentSimulateur > .right{margin-bottom:20px; width:48%}
.contentSimulateur > .noLeft{margin-bottom:20px;}
.contentSimulateur > .right{}
.contentSimulateur > .left > p{ padding:20px; border:1px solid #EEEEEE; margin-bottom:20px; font-size:1.7em; font-weight:300; line-height:150%; background-color:#FFF}
.contentSimulateur > .left > p > b{ font-size:100%; font-weight:900; color:#1D58AE}

.contentSimulateur > .noLeft > p{ padding:20px; border:1px solid #EEEEEE; margin-bottom:20px; font-size:1.7em; font-weight:300; line-height:150%; background-color:#FFF}
.contentSimulateur > .noLeft > p > b{ font-size:100%; font-weight:900; color:#1D58AE}

.contentSimulateur .lancementSimu, .contentSimulateur .contentResultatSimu{padding:20px; border:1px solid #EEEEEE; margin-bottom:20px; line-height:150%; background-color:#FFF}
.contentSimulateur .lancementSimu .titreBloc, .contentSimulateur .contentResultatSimu .titreBloc{ margin:0px 0 20px; text-align:center; font-size:1.7em; color:#333; font-weight:500; text-transform:uppercase; color:#EC671B}
.contentSimulateur .lancementSimu .formToEtapeToo, .contentSimulateur .contentResultatSimu .formToEtapeToo{ padding:20px; background:#FFF6F1}
.contentSimulateur .lancementSimu .formToEtapeToo:hover, .contentSimulateur .contentResultatSimu .formToEtapeToo:hover{-webkit-box-shadow: 0 0 0 4px rgba(236,103,27,.5); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
box-shadow: 0 0 0 4px rgba(236,103,27,.5);}
.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt, .contentSimulateur .contentResultatSimu .formToEtapeToo .contentFormInt{ margin-bottom:15px;}
.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt > *, .contentSimulateur .contentResultatSimu .formToEtapeToo .contentFormInt > *{ display:inline-block; vertical-align:middle}
.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt label, .contentSimulateur .contentResultatSimu .formToEtapeToo .contentFormInt label{ width:30%; font-size:1.6em; color:#111; }
.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt p, .contentSimulateur .contentResultatSimu .formToEtapeToo .contentFormInt p{ width:65%}
.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt p > span, .contentSimulateur .contentResultatSimu .formToEtapeToo .contentFormInt p > span{ margin-right:20px; font-size:1.5em; color:#000; font-weight:300}
.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt p > input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 10px; width:90%}
.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt p > span input[type=text]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px;}
.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt p select{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px;}
.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt p input[type=file]{ background:none; border:none; background-color:#fff; border:1px solid #ccc; padding:5px 20px 5px 5px;}
.refaireSimulForm .left .bouton{ background:none; border:none; padding:5px 10px; background-color:#F60; font-size:1.5em; text-align:center; font-weight:400; border:1px solid #F60; cursor:pointer; color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.refaireSimulForm .right .bouton{ background:none; border:none; padding:5px 10px; background-color:#333; font-size:1.5em; text-align:center; font-weight:400; border:1px solid #333; cursor:pointer; color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.refaireSimulForm .bouton:hover{ border:1px solid #fff;
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
box-shadow: 0 0 2px 0 rgba(0,0,0,.5);}

.admin_page_body .header_site nav.menu_header > ul > li > span{font-size: 13px!important;}

.tableauSimulResult{ height:500px; overflow:hidden; overflow-y:scroll;
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
box-shadow: 0 0 2px 0 rgba(0,0,0,.5);}
.tableauSimulResult table th{ vertical-align:middle; text-align:center; font-size:12px; color:#FFF; background-color:#000; border-right:1px solid #fff; border-bottom:2px solid #F60; padding:10px 0}
.tableauSimulResult table th:last-child{ border-right:1px solid #000;}
.tableauSimulResult table tr.paire td{vertical-align:middle; text-align:center; font-size:12px; color:#333; background-color:#fff; border-right:1px solid #E5E5E5; padding:10px 0}
.tableauSimulResult table tr.impaire td{vertical-align:middle; text-align:center; font-size:12px; color:#333; background-color:#E5E5E5; border-right:1px solid #fff; padding:10px 0}
.tableauSimulResult table tr.impaire td:last-child{ border-right:1px solid #E5E5E5;}

.contentSimulateur .firstSimulation{padding:20px; border:1px solid #EEEEEE; margin-bottom:20px; line-height:150%; background-color:#FFF}
.contentSimulateur .firstSimulation .titreBloc{ margin:0px 0 20px; text-align:center; font-size:1.7em; color:#333; font-weight:500; text-transform:uppercase; color:#EC671B}
.pressBloc{ padding:20px; background:#FFF6F1; text-align:center; font-size:1.5em; color:#333; line-height:150%; margin-bottom:20px;}
.pressBloc a{ font-size:100%; font-weight:600;  color:#EC671B}
.firstSimulation tbody tr:nth-child(1) th{ vertical-align:middle; text-align:center; font-size:1.3em; color:#FFF; background-color:#000; border-right:1px solid #fff; border-bottom:2px solid #F60; padding:10px 0}
.firstSimulation tbody tr:nth-child(2) th{ vertical-align:middle; text-align:center; font-size:1.3em; color:#333; background-color:#fff; border-right:1px solid #E5E5E5; padding:10px 0}
.firstSimulation tbody tr:nth-child(3) th{ vertical-align:middle; text-align:center; font-size:1.3em; color:#333; background-color:#E5E5E5; border-right:1px solid #fff	; padding:10px 0}

.nextEtapeSimulateur{ text-align:center; margin:30px 0 0}
.nextEtapeSimulateur input.button{ background:none; border:none; width:179px; height:50px; background:url(/templates/temp/if_images/img_70.png) center center no-repeat; cursor:pointer}

.contenu_credit_immo_part{ padding: 50px 0!important; background-color: #F5F5F5; margin-bottom: -100px;}

.onglet_content{
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.15);
			box-shadow: 0 0 5px 1px rgba(0,0,0,.15);
}
.onglet_horiz li{
	padding: 6px 15px!important;
}
.onglet_horiz li.tab_horiz_selected{
	color: #EC671B!important;
}

/************************** css (page simulateur de pret) ***********/
.width-600{
	width : 600px!important;
}

/************************** page admin home ******************************/
.swingNav{ padding:30px 0;
	background: url(https://www.accord-credit.fr/images_ac/photo_interne_2.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	height: 175px;
}
.swingNav .titreBloc{
	position: absolute;
	bottom: -2px;
	left: 0;
	padding: 25px 0;
	width: 100%;
	text-align: center;
	line-height: 100%;
	font-size: 31px;
	color: #444444;
	background: rgba(255, 255, 255, 0.75) url(https://www.accord-credit.fr/images_ac/ac_picto_4.png) bottom center no-repeat;
	text-transform: uppercase;
}
.titre_bloc{
	padding: 25px 0!important;
	width: 100%;
	text-align: center;
	line-height: 100%;
	font-size: 31px!important;
	color: #444444!important;
	background: url(https://www.accord-credit.fr/images_ac/ac_picto_4.png) bottom center no-repeat;
	text-transform: uppercase;
	margin: 20px 0 30px!important;
	display: block!important;
}
.swingNav .titreBloc span, .titre_bloc span{
	color: #F2AC4B;
}
.swingNav ul{ display:block; list-style:none;}
.swingNav ul li{ float:left; margin:0 0.9%; width:202px; height:62px; padding-bottom:15px; background:url(/templates/temp/if_images/img_74.png) bottom center no-repeat, url(/templates/temp/if_images/img_73.png) top left no-repeat; text-align:center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.swingNav ul li:hover, .swingNav ul .li_hover{ background:url(/templates/temp/if_images/img_74.png) bottom center no-repeat, url(/templates/temp/if_images/img_73.png) top right no-repeat;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.swingNav ul li a{ display:block; line-height:62px; font-size:1.6em; color:#292D35}
.swingNav ul li:hover a, .swingNav ul .li_hover a{ color:#fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.swingNav ul li a.double{ line-height:120%; margin-top:13px;}
.boutonCentre{text-align:center}
.boutonCentre ul li{display:inline-block; float:none}
.contentAdmin{ padding:50px 2%; background:#F8F8F8}
.contentAdmin > .left{ width:74%}
.contentAdmin > .right{ width:23%}
.linkToGame{ margin-bottom:20px;}
.linkToGame a{ display:inline-block; margin-right:20px; padding:8px 20px; border:1px solid #fff; font-size:1.1em; background-color:#EC671B; color:#fff;
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.linkToGame a input{ display:block!important; background:none!important; border:none!important; font-size:100%!important; color:#fff;}

.contentForAdminHome{ margin:20px 0}
.contentForAdminHome p{ font-size:13px; color:#fff; padding:10px;
display: flex;
justify-content: space-between;}
.contentForAdminHome p > *{
	width: 45%;
}
.contentForAdminHome p.linkToGame > *{
	width: inherit;
	text-transform: uppercase;
}
.contentForAdminHome p.linkToGame a input{
	text-transform: uppercase;
}
.contentForAdminHome.video_formation p{width: 100%;-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;}
.contentForAdminHome table thead td{
	text-transform: uppercase;
	font-size: 15px!important;
	color: #fff;
	background-color: #435E79;
	padding: 15px 10px;
	border: 1px solid #fff;
}
.contentForAdminHome table thead td a{ color:#F2AC4B; font-size:100%; font-weight:700}
.contentForAdminHome table thead td a:hover{
	color: #fff;
}
.contentForAdminHome table tbody tr td{ 
	border: 1px solid #fff;
	font-size: 13px;
	line-height: 130%;
	color: #444;
	background-color: #F9F9F9;
	padding: 5px 10px;
}
.contentForAdminHome table tbody tr td:last-child{ border-right:none}
.contentForAdminHome table tbody tr:nth-child(even) td{ background-color:#fff; border-right:1px solid #F0F0F0}
.contentForAdminHome table tbody tr td *{ font-size:100%; font-weight:700; color:#333; font-family:Arial}
.contentForAdminHome table tbody{ border-bottom:2px solid #333}
.contentForAdminHome table tfoot td{ padding:20px; font-size:1.3em; font-family:Arial; color:#333; line-height:150%}

.foxCdt{ border:1px solid #fff; padding:20px; background-color:#EC671B;
-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.foxCdt .titreBloc{ font-size:4.2em; font-weight:900; color:#fff; text-align:center}
.foxCdt .version{ width:50%; margin:10px auto; padding:10px 0 12px; font-size:2.2em; font-weight:500; color:#fff; background-color:#E6884F; text-align:center}

.partenaireOff{ border:1px solid #E9E9E9; padding:25px 1%; position:relative; background:#fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.partenaireOff:before{ content:""; position:absolute; top:-1px; right:-1px; display:block; background:url(/templates/temp/if_images/img_19.png) center center no-repeat; width:53px; height:52px;}
.partenaireOff .titreBloc{ text-align:center; text-transform:uppercase; color:#0C3250; font-weight:300; font-size:2.3em;}
.partenaireOff{ margin:30px 0; text-align:center}
.partenaireOff .titreBloc{ font-size:2.2em; color:#EB661A; text-transform:uppercase; font-weight:500; width:75%; margin:0 auto; padding-bottom:20px; border-bottom:1px solid #F0F0F0}

.contentSlideOff{ margin-top:20px;}
.contentSlideOff li{ list-style:none;}
.precisionFormulaire {color:#eb661a; font-size:2.5em; font-weight:300; margin:40px}
.precisionFormulaire b {color:#eb661a; font-size:1em; font-weight:500;}


/************************* page admin client *************************/
.contentAdminClient{ padding:10px 2%; margin-bottom:10px;}
.rechercheClientAdm{ max-width:75%; margin:20px auto; padding:20px; background-color:#FBFBFB}
.swingNav .rechercheClientAdm{ width:50%!important}
.rechercheClientAdm p { margin-bottom:10px; text-align:center;}
.rechercheClientAdm p > *{ display:inline-block}
.swingNav .rechercheClientAdm p > select{ width:75%!important; }
.rechercheClientAdm p label{color: #111; font-size: 18px; width: 200px; text-align:left}
.rechercheClientAdm p input[type=text]{background: #fff none repeat scroll 0 0; border: 1px solid #ccc;  padding: 5px 10px; }
.swingNav .rechercheClientAdm p input[type="text"]{ width:73%!important;}
.rechercheClientAdm p button{ background:none; border:none; cursor:pointer}
.rechercheClientAdm p.validateFormAdm{ margin-top:30px;}
.contentForAdminHome.forAdminClient table tbody tr td *{ font-size:100%; font-weight:400; color:#333; font-family:Arial}
.contentForAdminHome.forAdminClient table tbody tr td a{
	color: #464444 !important;
	font-size: 15px!important;
	font-family: "JF Flat Regular", "Myriad Pro", sans-serif!important;
}
.contentForAdminHome.forAdminClient table tbody tr td a:hover{
	color: #fff!important;
}
.contentForAdminHome.forAdminClient table tbody tr td a:hover, .contentForAdminHome.forAdminClient table tbody tr td a:hover *{ color:#EB661A}
.contentForAdminHome.forAdminClient table tbody tr td.bold a, .contentForAdminHome.forAdminClient table tbody tr td.bold a *{ font-weight:700;}
.contentForAdminHome.forAdminClient table tbody tr td{ 
	border: 1px solid #fff;
	font-size: 13px;
	line-height: 130%;
	color: #444;
	background-color: #F9F9F9;
}
.contentForAdminHome.forAdminClient table tbody tr:nth-child(even) td{ background-color:#fff; border-right:1px solid #F0F0F0}
.contentForAdminHome.forAdminClient table thead td{
	text-transform: uppercase;
	font-size: 15px!important;
	color: #fff;
	background-color: #435E79;
	padding: 15px 10px;
	border: 1px solid #fff;
}
.contentForAdminHome.forAdminClient table tfoot td{ padding:20px 20px; background-color:#444444; font-size:13px; color:#fff; font-weight:700; text-align:center; line-height:150%; border-bottom:2px solid #EC671B }
.contentForAdminHome.forAdminClient table tr.important td{ padding:20px 0; background-color:#444444 !important; font-size:1.4em; color:#fff; font-weight:700; text-align:center; line-height:150%; border-bottom:2px solid #EC671B }
.contentForAdminHome.forAdminClient table tr.totaux td{font-size:14px; font-weight:700; line-height:110%; border-bottom:1px solid #EC671B;
padding: 30px 10px; color: #F2AC4B!important}
.contentForAdminHome.forAdminClient table tr.totaux td *{
	color:  #F2AC4B!important
}
.contentForAdminHome.forAdminClient table{
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
		box-shadow: 0 0 5px 0 rgba(0,0,0,.5);	
}
.contentForAdminHome.forAdminClient table tbody tr:hover td{ background-color:rgba(255,102,0,0.3)}

.contentForAdminHome.forAdminClient table tr.start_rubrique td { padding:5px 0; background-color:#444444!important; font-size:1.4em; color:#fff; font-weight:700; text-align:center; line-height:150%; border-top:1px solid #EC671B }
.contentForAdminHome.forAdminClient table tr.stop_rubrique td { padding:5px 0; background-color:#444444!important; font-size:1.4em; color:#fff; font-weight:700; text-align:center; line-height:150%; border-bottom:1px solid #EC671B }


.pagination{ margin-top:40px; text-align:center}
.pagination a{ display:inline-block; padding:5px 8px; margin:0 5px 10px; background:#333; color:#fff; font-size:17px;}
.pagination a:hover{ background-color:#EB661A}
.pagination a.select{ background-color:#EB661A}

/************************* temoignage **************************************/
.contenuTemoignage{ margin-top:20px;}
.contenuTemoignage ul, .contenuTemoignage ul li{ list-style:none;}
.contenuTemoignage ul li{padding:30px 2%; background:#FAFAFA; float:left; width:44%; margin:0 1% 20px}
.contenuTemoignage ul li:nth-child(odd){clear:left}
.contenuTemoignage ul li .left{ width:23%; font-size:1.5em; line-height:150%; background-color:#fff; padding:10px 1%;}
.contenuTemoignage ul li .left *{ font-size:100%;}
.contenuTemoignage ul li .left a{ color:#F90}
.contenuTemoignage ul li .left a:hover{ text-decoration:underline}
.contenuTemoignage ul li .right{ width:70%; padding:10px 1%; font-size:1.5em; line-height:150%;}
.contenuTemoignage ul li .right *{ font-size:100%}
.contenuTemoignage ul li figure{ width:100%; height:200px; overflow:hidden; margin-bottom:10px;}
.contenuTemoignage ul li figure img{ width:100%; height:auto; max-width:100%!important; max-height:none!important}
.contenuTemoignage ul li .tetoTem{ font-weight:500; padding:10px; background:#F4F4F4; border-bottom:1px solid #CCC; margin-bottom:10px;}
.contenuTemoignage ul li .msgMbr{ font-style:italic; color:#999}
.tetoTem h4.h4Titre{font-size:1.1em; line-height:1.8em}


/************************** menu mobile *************************************/
.bttMobNav{ display:none;}
#trigger-overlay{ background:none; border:none}
/* Overlay style */
.overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(29, 88, 174,0.97);}
/* Overlay closing cross */
.overlay .overlay-close {width: 40px;height: 40px;position: absolute;right: 20px;top: 20px;overflow: hidden;border: none;background: url(/templates/temp/if_images/cross.png) no-repeat center center;text-indent: 200%;color: transparent;outline: none;z-index: 100; cursor:pointer}
/* Menu style */
.overlay nav {text-align: center;position: relative;top: 50%;height: 60%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.overlay ul {list-style: none;padding: 0;margin: 0 auto;height: 100%;position: relative; margin:80px 20px 0}
.overlay ul li {display: block; text-align:center;}
.overlay ul li:nth-child(odd){ background:rgba(255,255,255,.1)}
.overlay ul li a { display:block; padding:10px; font-size: 1.9em;font-weight: 600;display: block;color: #fff;-webkit-transition: color 0.2s;transition: color 0.2s; text-transform:uppercase}
.overlay ul li:hover{ background-color:#fff}
.overlay ul li a:hover{color: #333;}
/* Effects */
/*body {background: #ddd;}*/
.container {background: #fff;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.container.overlay-open {-webkit-transform: scale(0.95);transform: scale(0.95);}
.overlay-contentscale {visibility: hidden;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;transition: transform 0.5s, visibility 0s 0.5s;}
.overlay-contentscale.open {visibility: visible;-webkit-transform: translateY(0%);transform: translateY(0%);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s; overflow:scroll}

/* LES PASTILLES ORANGES, VERTES ET ROUGES */
	.pastille, .pastille_icone, .little_pastille, .petite_pastille
	{
		height:20px;
		vertical-align:middle;
		margin:auto 6px 0;
	}
	
	.little_pastille, .petite_pastille
	{
		height:16px;
	}
	
	.pastille_icone
	{
		height:20px;
		border: 1px solid #f49b2e;
		border-radius: 3px;
		padding: 2px;
	}


@media screen and (max-height: 30.5em) {
	.overlay nav {height: 70%;font-size: 34px;}
	.overlay ul li {min-height: 34px;}
}

.pointer
{
	cursor:pointer;
}

.noteAvis{ padding:2% 0; margin:2%; text-align:center; background-color:#3B4747; color:#FFF; font-size:2em; min-height:70px; line-height:200%}

.noteAvis h4{ text-align:center; background-color:#3B4747; color:#FFF; font-size:100%; margin-top:10px}
.noteAvis h4 strong { color:#fff; font-size:110%; background-color:#ff6600; padding:4% 10%; border-radius:15px}

.noteAvis a{ text-align:center; color:#3B4747; font-size:1.5em; line-height:130%; cursor:pointer}

.noteAvis div.lien{margin:0 12px; padding:4px; background-color:#f9f9f9; border-radius: 3px;}
/*.noteAvis div.lien:hover{background-color:#ff6600; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8);}*/
.noteAvis:hover div.lien{background-color:#ff6600; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8);}
/*.noteAvis div.lien:hover a{color:#ffffff;}*/
.noteAvis:hover div.lien a{color:#ffffff;}
.noteAvis .noteNoteAvis {font-size:1em; color:#ffffff}


.contenu_corps_mail *
{
	font-size:1.1em;
}

a .lien_visible{color:#0D5FBB; text-decoration:underline;}

/*************************** Ckeditor **********************************/
.cke_editable *{font-size:14px}
.cke_editable a{color:#528ba8; text-decoration:underline; cursor:pointer}
/*************************** responsive **********************************/

@media screen and (max-width: 1900px) {
	.descFranch, .franchiseHon{ font-size:9px}
}


@media screen and (max-width: 1640px) {
	.carteFranchise {margin-bottom:-30px;}
	.franchiseCarte {padding :18px 1%}
	.franchiseCarte .titreBloc, .franchiseCarte .linkTo{font-size:17px}
	
	.navMain nav ul li{ padding-left:15px}
	.navMain nav ul li a{ padding:10px 0px 10px 10px;}
	.contentDiapo > .right p.bttUn:before, .contentDiapo > .right p.bttDeux:before{ background-size:50px 50px; width:75px}
	.contentDiapo, .contentLastDossier{ background-size:100% 29px}
	
	.secondary ul li:nth-child(1)::before{ top:4px;}
	.secondary ul li::after{ left:6px; top:6px}
	
	.contentLastDossier, .expertList, .franchisePres, .footerGen ul li, .copyright, .contentFormEtapeUn > .left, .contentFormEtapeUn > .right{ font-size:9px;}
	.secondary ul li, .expertList ul li .forImg, .expertList ul li .forDomaine, .descFranch, .franchiseHon, .avisClient, .avisClient ul li, .simulLigne, .simulLigne ul li, .nousSuivre, .nousContacter, .forum, .forum ul li, .forum ul li h5, .blog, .blog p.headOnglet, .blog .contentOnglet, .listeCat li, .footerGen > div, .logFooter{ font-size:8px}
	.recherche ul li .forDomaine{ font-size:8px}
	.recherche ul li .forDomaine p{ font-size:1.5em}
	.titreHautDossier, .titreBasDossier, .contentDiapo > .right p a, .forCallnow{ font-size:7px;}
	.franchiseCarte{ font-size:6px;}
	
	.titreHautDossier span:before{ height:20px!important; width:20px!important; background-size:20px 20px!important;}
	.franchiseCarte{ background-size:100% auto}
	.carteFranchise *, .expertList ul li figure *, .descFranch figure *, .forCallnow figure *, .linkTo *{ max-width:100%}
	.expertList ul li figure{ max-width:40%}
	.expertList{ padding:25px 1% 29px}
	.expertList .titreBloc{ margin-bottom:15px;}
	
	.descFranch figure{ max-width:40%}
	.franchisePres{ width:50%; padding:35px 19% 30px 0}
	.franchiseHon p{ width:50%}
	.avisClient .linkTo a{ width:30%;}
	.avisClient .linkTo::before{ width:65%}
	.simulLigne .linkTo a{ width:45%}
	.simulLigne .linkTo::before{ width:50%}
	.simulLigne .titreBloc::before{ width:45px; height:45px; background-size:100%; top:30px}
	.nousContacter .listeOfContact a img{ width:25px}
	.forCallnow .titreBloc{ margin-bottom:50px;}
	.cloudApp a img{ max-width:40%}
	.logFooter{ background-size:auto 90%}
	

	.contentFormEtapeUn .left span, .contentFormEtapeUn .right span{ margin-right:0px}
	.intContentFormEtapeToo .formToEtapeToo .contentFormInt p > span input[type="text"]{ max-width:29%}
	
	.contenuTemoignage ul li figure{ height:170px}
	.contenuTemoignage.partenaireEntite ul li figure{ height:100%}
	.contenuTemoignage ul li .left{ width:33%}
	.contenuTemoignage ul li .right{ width:62%}
	.contenuTemoignage ul li .right *{ font-size:90%}
	
}
@media screen and (max-width: 1330px) {
	.carteFranchise {margin-bottom:-30px; margin-top:-3px}
	.franchiseCarte {padding :18px 1%}
	.franchiseCarte .titreBloc, .franchiseCarte .linkTo{font-size:14px}

	.navMain nav ul li, .contentTextScroll .intextScrool{ font-size:9px;}
	.contentLastDossier, .expertList, .franchisePres, .footerGen ul li, .copyright, .contentDiapo figure p.titreUn, .contentDiapo figure p.titreDeux, .descFranch{ font-size:7.5px;}
	.secondary ul li, .expertList ul li .forImg, .expertList ul li .forDomaine, .franchiseHon, .avisClient, .avisClient ul li, .simulLigne, .simulLigne ul li, .nousSuivre, .nousContacter, .forum, .forum ul li, .forum ul li h5, .blog, .blog p.headOnglet, .blog .contentOnglet, .listeCat li, .footerGen > div, .logFooter{ font-size:6.5px}
	.recherche ul li .forDomaine{ font-size:6.5px}
	.recherche ul li .forDomaine p{ font-size:1.5em}
	.titreHautDossier, .titreBasDossier, .contentDiapo > .right p a, .forCallnow{ font-size:6px;}
	.franchiseCarte{ font-size:5px;}
	
	.contentDiapo{ height:244px}
	.contentDiapo > .right p{ height:95px}
	.contentDiapo > .right p.bttUn{ height:108px}
	.contentDiapo > .right p::after{ display:none}
	
	.contentDiapo > .right p a .middle{ font-size:3em;}
	.contentDiapo > .right p.bttUn::before, .contentDiapo > .right p.bttDeux::before{ vertical-align:middle; top:0}
	.contentDiapo > .right > img{ width:35px; height:auto; top:38.5%}
	.secondary ul li:before{ display:none!important}
	.secondary ul li:last-child a{ padding-left:35px}
	.secondary ul li:last-child:before{ display:inline-block!important; right:-32px;}
	
	.lastDossier{ padding:20px 2% 0px}
	.contentLastDossier h1{ margin-bottom:20px;}
	.titreHautDossier > *{ font-size:1.8em}
	.expertList ul li{ padding-bottom:5px;}
	.expertList{ padding-bottom:23px}
	.franchisePres{ width:45%; padding:35px 24% 30px 0}
	.franchiseHon{ background-size:100px 100px}
	.simulLigne{ margin:0 1.75%; padding-top:15px}
	.avisClient{ padding-top:15px;}
	.avisClient .titreBloc, .simulLigne .titreBloc{ font-size:2.5em}
	.avisClient .linkTo:before{ width:50%}
	.avisClient .linkTo a{ width:40%}
	.simulLigne .linkTo a{ width:58%;}
	.simulLigne .linkTo:before{ width:40%}
	.nousContacter .listeOfContact a{ margin:0 5px;}
	
	.forContactSuit{ width:100%}
	.nousSuivre{ width:46%; padding:2%; float:left; height:135px}
	.nousContacter{ width:46%; padding:2%; float:left}
	.nousSuivre::before{ background:none}
	.facebook *, .pin *{ max-width:100%}
	.forCallnow{ display:block; width:initial!important; float:none!important; border-width:0px 1px 1px 1px!important; clear:both; padding-top:10px; height:188px; position:relative}
	.forCallnow .titreBloc{ margin:0}
	.forCallnow figure{ width:50%; margin:20px 0 0 0}
	.forCallnow .linkTo{ position:absolute; bottom:50px; right:10px; text-align:right}
	.forCallnow .linkTo img{ width:65%}
	.cloudApp{ margin-top:0px;}
	
	.contentFormEtapeUn > .left, .contentFormEtapeUn > .right{ width:100%}
	.intContentFormEtapeToo .formToEtapeToo .contentFormInt p > span input[type="text"]{ max-width:15%}
	.chiffragePret .formToEtapeToo .contentFormInt p > span input[type="text"]{ max-width:24%}
	.intContentFormEtapeToo .formToEtapeToo .contentFormInt p > span.inputFormulaire input[type="text"]{ max-width:50%}
	.intContentFormEtapeToo .formToEtapeToo .contentFormInt p > span{ margin-right:10px}
	.detFormCdt.active{ background-size:99% auto}
	
	.contentContact > .right .nextEtapeContact a{ width:40%; margin:0 5px;}
	.contentContact > .right .nextEtapeContact a *{ width:100%; height:auto}
	
	.contenuTemoignage ul li .left{ font-size:12px;}
	.contenuTemoignage ul li figure{ height:140px}
	.contenuTemoignage ul li .right *{ font-size:11px; line-height:110%}

	#logo_laurier {bottom:180px; height:50%;}
	
}
@media screen and (max-width: 1000px) {
	.headMain{ padding:1px 0}
	.contentTextScroll{ margin-top:50px; font-size:8px;}
	.contentTextScroll .intextScrool{ max-width:none; font-size:1.4em;}
	.headMain > figure{ width:250px; top:10px; left:27%}
	
	.navMain nav, .contentDiapo > .right > img, .titreHautDossier span::before, .franchiseCarte, .franchisePres *{ display:none!important}
	.bttMobNav{ display:block; position:absolute; right:5px; top:0px; padding:10px; background-color:#1D58AE; cursor:pointer}
	.bttMobNav button{ cursor:pointer}
	
	.contentDiapo figure, .contentDiapo > .right{ width:100%}
	.contentDiapo > .right p{ width:50%; float:left; height:75px!important}
	.secondary{ clear:both; margin-top:20px;}
	.secondary ul li, .secondary ul li:last-child{ width:50%; border-bottom:1px solid #fff}
	.titreHautDossier > *{ font-size:2.1em;}
	
	.titreHautDossier span:nth-child(6), .titreBasDossier span:nth-child(6){ width:17%}
	.titreBasDossier > span{ line-height:inherit}
	.titreBasDossier a.goToDossier{ padding:8px 0}
	.expertList{ width:97%}
	.franchisePres{ width:13%; padding:35px 25% 30px 0}
	.franchiseHon{ width:61%; font-size:9px}
	.franchiseHon p{ width:71%}
	.expertList ul li{ width:48%; margin-bottom:10px;}
	
	.expertList ul li .forImg{ font-size:9px}
	.formEtape1 > .titreBloc{ font-size:7px}
	
	.avisClient, .simulLigne{ width:46%}
	.linkDivers{ width:100%; margin-top:20px}
	.nousContacter, .forCallnow{ background-size:100% 100%}
	.forCallnow .titreBloc{ font-size:8.7em}
	.forCallnow figure{ position:absolute; top:10px; right:10px}
	.forCallnow .linkTo{ left:40px; bottom:20px; text-align:left}
	.forCallnow .linkTo img{ width:inherit}
	.footerGen > div{ width:50%; margin-bottom:20px}
	.simulLigne{ margin:0; float:right!important}
	
	.intContentFormEtapeToo > .left, .intContentFormEtapeToo > .right{ width:100%; margin:20px 0}
	.contentSimulateur > .left, .contentSimulateur > .right{ width:100%}
	
	.contenuTemoignage ul li .left{ width:98%}
	.contenuTemoignage ul li figure{ width:45%!important; float:left; margin-right:5%}
	.contenuTemoignage ul li .right{ width:98%; height:150px;}
	
	
}
@media screen and (max-width: 850px) {
	.max850, .left.max850{ display:none;}
	.max850_contraire, .right.max850_contraire {width:100%; margin:0 0 10px;}
}
@media screen and (max-width: 640px) {
	.lastDossier, .structureFranchise, .avisClient, .forumHome{ display:none}
	.headMain > figure{ left:10px}
	.avisClient, .simulLigne{ width:97%}
	.avisSimuLink{ padding-top:0}
	.forCallnow .titreBloc{ font-size:5.5em; margin-top:20px}
	.forCallnow .linkTo{ left:20px;}
	.overlay ul li a{ font-size:1.5em;}
	
	.contentContact > .right .nextEtapeContact a{ width:40%; margin:0 5px;}
	.contentContact > .right .nextEtapeContact a *{ width:100%; height:auto}
	.contentDiapo > .right p a{ font-size:4.5px}
	
	.intContentFormEtapeToo > .noLeft .contentFormInt label, .intContentFormEtapeToo > .noLeft .contentFormInt p{ width:100%; margin-bottom:5px}
	.intContentFormEtapeToo > .noLeft .contentFormInt p *{ max-width:90%}
	
	.footerGen > div:nth-child(3){ clear:both}
	.contentFormEtapeToo{ font-size:9px;}
	.contenuPage .titreBloc{ font-size:8px;}
	.contenuPage .titreBlocPage{ font-size:26.4px;}
	.formEtape1 > .titreBloc{ font-size:6px}
	
	.contentContenuPage *{ font-size:13px;}
	.contentContact > .left, .contentContact > .right{ width:100%; margin:0 0 10px}
	.contentContact > .left {display:none}
	.contentContact > .right .contentFormInt p > span input[type="text"]{ max-width:98%!important}
	
	.contenuTemoignage ul li{ width:96%;}
	.contenuTemoignage ul li figure{ height:190px}
	.contenuTemoignage ul li .left{ font-size:1.5em}
	.contenuTemoignage ul li .right *{ font-size:100%; line-height:120%}
	.contenuTemoignage ul li .right{ height:auto}
}
@media screen and (max-width: 479px) {
	.headMain > figure{ left:10px}
	.contentDiapo > .right p{ width:100%}
	.secondary ul li, .secondary ul li:last-child{ width:100%}
	.secondary ul li:last-child{ background-image:none}
	.expertList ul li, .avisClient, .simulLigne{ width:97%}
	.avisSimuLink{ padding-top:0}
	.forCallnow .titreBloc{ font-size:5.5em; margin-top:20px}
	.forCallnow .linkTo{ left:20px;}
	.footerGen > div{ width:100%}
	.contentDiapo figure p.titreUn{ left:10px; font-size:6px!important}
	.contentDiapo figure p.titreDeux{ left:50px; font-size:6px!important}
	
	.intContentFormEtapeToo .formToEtapeToo .contentFormInt label, .intContentFormEtapeToo .formToEtapeToo .contentFormInt p{ width:100%; margin-bottom:5px}
	.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt label, .contentSimulateur .contentResultatSimu .formToEtapeToo .contentFormInt label{ width:100%; margin-bottom:5px}
	.contentSimulateur .lancementSimu .formToEtapeToo .contentFormInt p, .contentSimulateur .contentResultatSimu .formToEtapeToo .contentFormInt p{ width:100%}
	.refaireSimulForm .left .bouton, .refaireSimulForm .right .bouton{ width:100%; margin-bottom:20px;}
	
	.contentContenuPage{ overflow:scroll}
	.contentContact > .right .contentFormInt p > span{ display:block}

	#logo_laurier {bottom:150px; height:30%;}
}


.assistance_content strong {font-weight:bold !important;}

.contenu_post_texte p
{
	background-color:#eee;
	color:#000;
	border-bottom:0;
}

.stick_block_layer {
  background-image: url("/templates/temp/if_css/pattern.png");
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.stick_popup {
  box-shadow: 0px 0px 7px #4a4a4a;
  -moz-box-shadow: 0px 0px 7px #4a4a4a;
  -webkit-box-shadow: 0px 0px 7px #4a4a4a;
  -webkit-animation: zoomin 0.7s;
  animation: zoomin 0.7s;
  margin-left: -50%;
  margin-top: -24%;
}

.stick_content {
  padding: 20px;
}

.stick_close {
  float: right;
margin-top: 5px;
background-color: white;
width: 2%;
margin-right: 5px;
}

.dv_popup {

    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.7);
    text-align: center;
    z-index: 997;
  }

 .popup_block{text-align: center;}

  .accept_rgpd{
     width:196px; height:75px; background:url(/templates/temp/if_images/img_71_b.png) top left no-repeat; background-size:100% auto;
     color:white;
  }

  .detail_rgpd{
     width:196px; height:75px; background:url(/templates/temp/if_images/img_btn_noir.png) top left no-repeat; background-size:100% auto;
     color:white;
  }

  .h4equivh2{
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
.h4equivh3{
   display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
.equivH2 {
  display: block;
  font-size: 1.7em !important;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

 .eqivSpan {

    font-weight: 700;
    color: #EC671B;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 0 0 30px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    float: left;

}
.equivSpan {
    line-height: 0px;

}

.equivP{
  display: block;
  margin-left: 0;
  margin-right: 0;
}

.formEtape1 > .titreBloc {

    background: #eee;

}

/* if_css/screen.css */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, C:/Program Files/Adobe/Adobe Dreamweaver CC 2018/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
/* line 19, ../sass/hover.scss */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 7, ../sass/effects/2d-transitions/_grow.scss */
  .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

/* Shrink */
/* line 26, ../sass/hover.scss */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 7, ../sass/effects/2d-transitions/_shrink.scss */
  .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
/* line 33, ../sass/hover.scss */
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 15, ../sass/effects/2d-transitions/_pulse.scss */
  .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
/* line 40, ../sass/hover.scss */
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 11, ../sass/effects/2d-transitions/_pulse-grow.scss */
  .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
/* line 47, ../sass/hover.scss */
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 11, ../sass/effects/2d-transitions/_pulse-shrink.scss */
  .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
/* line 54, ../sass/hover.scss */
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 15, ../sass/effects/2d-transitions/_push.scss */
  .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }
/* line 61, ../sass/hover.scss */
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 11, ../sass/effects/2d-transitions/_pop.scss */
  .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Bounce In */
/* line 68, ../sass/hover.scss */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  /* line 6, ../sass/effects/2d-transitions/_bounce-in.scss */
  .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Bounce Out */
/* line 75, ../sass/hover.scss */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  /* line 6, ../sass/effects/2d-transitions/_bounce-out.scss */
  .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Rotate */
/* line 82, ../sass/hover.scss */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 7, ../sass/effects/2d-transitions/_rotate.scss */
  .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }

/* Grow Rotate */
/* line 89, ../sass/hover.scss */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 7, ../sass/effects/2d-transitions/_grow-rotate.scss */
  .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg); }

/* Float */
/* line 96, ../sass/hover.scss */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  /* line 8, ../sass/effects/2d-transitions/_float.scss */
  .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }

/* Sink */
/* line 103, ../sass/hover.scss */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  /* line 8, ../sass/effects/2d-transitions/_sink.scss */
  .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }
/* line 110, ../sass/hover.scss */
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 23, ../sass/effects/2d-transitions/_bob.scss */
  .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }
/* line 117, ../sass/hover.scss */
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 23, ../sass/effects/2d-transitions/_hang.scss */
  .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Skew */
/* line 124, ../sass/hover.scss */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 7, ../sass/effects/2d-transitions/_skew.scss */
  .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg); }

/* Skew Forward */
/* line 131, ../sass/hover.scss */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }
  /* line 8, ../sass/effects/2d-transitions/_skew-forward.scss */
  .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg); }

/* Skew Backward */
/* line 138, ../sass/hover.scss */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }
  /* line 8, ../sass/effects/2d-transitions/_skew-backward.scss */
  .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
/* line 145, ../sass/hover.scss */
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 31, ../sass/effects/2d-transitions/_wobble-vertical.scss */
  .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
/* line 152, ../sass/hover.scss */
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 31, ../sass/effects/2d-transitions/_wobble-horizontal.scss */
  .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
/* line 159, ../sass/hover.scss */
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 31, ../sass/effects/2d-transitions/_wobble-to-bottom-right.scss */
  .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
/* line 166, ../sass/hover.scss */
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 31, ../sass/effects/2d-transitions/_wobble-to-top-right.scss */
  .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
/* line 173, ../sass/hover.scss */
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }
  /* line 32, ../sass/effects/2d-transitions/_wobble-top.scss */
  .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
/* line 180, ../sass/hover.scss */
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }
  /* line 32, ../sass/effects/2d-transitions/_wobble-bottom.scss */
  .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
/* line 187, ../sass/hover.scss */
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 31, ../sass/effects/2d-transitions/_wobble-skew.scss */
  .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
/* line 194, ../sass/hover.scss */
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 15, ../sass/effects/2d-transitions/_buzz.scss */
  .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
/* line 201, ../sass/hover.scss */
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 47, ../sass/effects/2d-transitions/_buzz-out.scss */
  .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Forward */
/* line 208, ../sass/hover.scss */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 7, ../sass/effects/2d-transitions/_forward.scss */
  .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }

/* Backward */
/* line 215, ../sass/hover.scss */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 7, ../sass/effects/2d-transitions/_backward.scss */
  .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); }

/* BACKGROUND TRANSITIONS */
/* Fade */
/* line 223, ../sass/hover.scss */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color; }
  /* line 8, ../sass/effects/background-transitions/_fade.scss */
  .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    background-color: #ED7C36;
    color: white; }

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }
/* line 230, ../sass/hover.scss */
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color; }
  /* line 14, ../sass/effects/background-transitions/_back-pulse.scss */
  .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #ED7C36;
    background-color: #2098d1;
    color: white; }

/* Sweep To Right */
/* line 237, ../sass/hover.scss */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 8, ../sass/effects/background-transitions/_sweep-to-right.scss */
  .hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_sweep-to-right.scss */
  .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_sweep-to-right.scss */
    .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }

/* Sweep To Left */
/* line 244, ../sass/hover.scss */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 8, ../sass/effects/background-transitions/_sweep-to-left.scss */
  .hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_sweep-to-left.scss */
  .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_sweep-to-left.scss */
    .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }

/* Sweep To Bottom */
/* line 251, ../sass/hover.scss */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 8, ../sass/effects/background-transitions/_sweep-to-bottom.scss */
  .hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_sweep-to-bottom.scss */
  .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_sweep-to-bottom.scss */
    .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1); }

/* Sweep To Top */
/* line 258, ../sass/hover.scss */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 8, ../sass/effects/background-transitions/_sweep-to-top.scss */
  .hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_sweep-to-top.scss */
  .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_sweep-to-top.scss */
    .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1); }

/* Bounce To Right */
/* line 265, ../sass/hover.scss */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  /* line 8, ../sass/effects/background-transitions/_bounce-to-right.scss */
  .hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_bounce-to-right.scss */
  .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_bounce-to-right.scss */
    .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Left */
/* line 272, ../sass/hover.scss */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  /* line 8, ../sass/effects/background-transitions/_bounce-to-left.scss */
  .hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_bounce-to-left.scss */
  .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_bounce-to-left.scss */
    .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Bottom */
/* line 279, ../sass/hover.scss */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  /* line 8, ../sass/effects/background-transitions/_bounce-to-bottom.scss */
  .hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_bounce-to-bottom.scss */
  .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_bounce-to-bottom.scss */
    .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Top */
/* line 286, ../sass/hover.scss */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  /* line 8, ../sass/effects/background-transitions/_bounce-to-top.scss */
  .hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_bounce-to-top.scss */
  .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_bounce-to-top.scss */
    .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Radial Out */
/* line 293, ../sass/hover.scss */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 10, ../sass/effects/background-transitions/_radial-out.scss */
  .hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 26, ../sass/effects/background-transitions/_radial-out.scss */
  .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: white; }
    /* line 31, ../sass/effects/background-transitions/_radial-out.scss */
    .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
      -webkit-transform: scale(2);
      transform: scale(2); }

/* Radial In */
/* line 300, ../sass/hover.scss */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #ED7C36;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 10, ../sass/effects/background-transitions/_radial-in.scss */
  .hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 26, ../sass/effects/background-transitions/_radial-in.scss */
  .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
    color: white; }
    /* line 31, ../sass/effects/background-transitions/_radial-in.scss */
    .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
      -webkit-transform: scale(0);
      transform: scale(0); }

/* Rectangle In */
/* line 307, ../sass/hover.scss */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #ED7C36;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 9, ../sass/effects/background-transitions/_rectangle-in.scss */
  .hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_rectangle-in.scss */
  .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_rectangle-in.scss */
    .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
      -webkit-transform: scale(0);
      transform: scale(0); }

/* Rectangle Out */
/* line 314, ../sass/hover.scss */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 9, ../sass/effects/background-transitions/_rectangle-out.scss */
  .hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/background-transitions/_rectangle-out.scss */
  .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
    color: white; }
    /* line 29, ../sass/effects/background-transitions/_rectangle-out.scss */
    .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
      -webkit-transform: scale(1);
      transform: scale(1); }

/* Shutter In Horizontal */
/* line 321, ../sass/hover.scss */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #ED7C36;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 9, ../sass/effects/background-transitions/_shutter-in-horizontal.scss */
  .hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 25, ../sass/effects/background-transitions/_shutter-in-horizontal.scss */
  .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
    color: white; }
    /* line 30, ../sass/effects/background-transitions/_shutter-in-horizontal.scss */
    .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
      -webkit-transform: scaleX(0);
      transform: scaleX(0); }

/* Shutter Out Horizontal */
/* line 328, ../sass/hover.scss */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 9, ../sass/effects/background-transitions/_shutter-out-horizontal.scss */
  .hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 25, ../sass/effects/background-transitions/_shutter-out-horizontal.scss */
  .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: white; }
    /* line 30, ../sass/effects/background-transitions/_shutter-out-horizontal.scss */
    .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }

/* Shutter In Vertical */
/* line 335, ../sass/hover.scss */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #ED7C36;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 9, ../sass/effects/background-transitions/_shutter-in-vertical.scss */
  .hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 25, ../sass/effects/background-transitions/_shutter-in-vertical.scss */
  .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
    color: white; }
    /* line 30, ../sass/effects/background-transitions/_shutter-in-vertical.scss */
    .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
      -webkit-transform: scaleY(0);
      transform: scaleY(0); }

/* Shutter Out Vertical */
/* line 342, ../sass/hover.scss */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 9, ../sass/effects/background-transitions/_shutter-out-vertical.scss */
  .hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 25, ../sass/effects/background-transitions/_shutter-out-vertical.scss */
  .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
    color: white; }
    /* line 30, ../sass/effects/background-transitions/_shutter-out-vertical.scss */
    .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1); }

/* BORDER TRANSITIONS */
/* Border Fade */
/* line 351, ../sass/hover.scss */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }
  /* line 12, ../sass/effects/border-transitions/_border-fade.scss */
  .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
    box-shadow: inset 0 0 0 4px #ED7C36, 0 0 1px transparent;
    /* Hack to improve aliasing on mobile/tablet devices */ }

/* Hollow */
/* line 358, ../sass/hover.scss */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }
  /* line 12, ../sass/effects/border-transitions/_hollow.scss */
  .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
    background: none; }

/* Trim */
/* line 365, ../sass/hover.scss */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 9, ../sass/effects/border-transitions/_trim.scss */
  .hvr-trim:before {
    content: '';
    position: absolute;
    border: white solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
  /* line 22, ../sass/effects/border-transitions/_trim.scss */
  .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
    opacity: 1; }

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }
/* line 372, ../sass/hover.scss */
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 19, ../sass/effects/border-transitions/_ripple-out.scss */
  .hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s; }
  /* line 30, ../sass/effects/border-transitions/_ripple-out.scss */
  .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out; }

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }
/* line 379, ../sass/hover.scss */
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 19, ../sass/effects/border-transitions/_ripple-in.scss */
  .hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s; }
  /* line 31, ../sass/effects/border-transitions/_ripple-in.scss */
  .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in; }

/* Outline Out */
/* line 386, ../sass/hover.scss */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 9, ../sass/effects/border-transitions/_outline-out.scss */
  .hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left; }
  /* line 21, ../sass/effects/border-transitions/_outline-out.scss */
  .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px; }

/* Outline In */
/* line 393, ../sass/hover.scss */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 9, ../sass/effects/border-transitions/_outline-in.scss */
  .hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left; }
  /* line 23, ../sass/effects/border-transitions/_outline-in.scss */
  .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1; }

/* Round Corners */
/* line 400, ../sass/hover.scss */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius; }
  /* line 7, ../sass/effects/border-transitions/_round-corners.scss */
  .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
    border-radius: 1em; }

/* Underline From Left */
/* line 407, ../sass/hover.scss */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  /* line 9, ../sass/effects/border-transitions/_underline-from-left.scss */
  .hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 27, ../sass/effects/border-transitions/_underline-from-left.scss */
  .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0; }

/* Underline From Center */
/* line 414, ../sass/hover.scss */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  /* line 9, ../sass/effects/border-transitions/_underline-from-center.scss */
  .hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 27, ../sass/effects/border-transitions/_underline-from-center.scss */
  .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0; }

/* Underline From Right */
/* line 421, ../sass/hover.scss */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  /* line 9, ../sass/effects/border-transitions/_underline-from-right.scss */
  .hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 27, ../sass/effects/border-transitions/_underline-from-right.scss */
  .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
    left: 0; }

/* Overline From Left */
/* line 428, ../sass/hover.scss */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  /* line 9, ../sass/effects/border-transitions/_overline-from-left.scss */
  .hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 27, ../sass/effects/border-transitions/_overline-from-left.scss */
  .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
    right: 0; }

/* Overline From Center */
/* line 435, ../sass/hover.scss */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  /* line 9, ../sass/effects/border-transitions/_overline-from-center.scss */
  .hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    top: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 27, ../sass/effects/border-transitions/_overline-from-center.scss */
  .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
    left: 0;
    right: 0; }

/* Overline From Right */
/* line 442, ../sass/hover.scss */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  /* line 9, ../sass/effects/border-transitions/_overline-from-right.scss */
  .hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 27, ../sass/effects/border-transitions/_overline-from-right.scss */
  .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
    left: 0; }

/* Reveal */
/* line 449, ../sass/hover.scss */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  /* line 9, ../sass/effects/border-transitions/_reveal.scss */
  .hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #ED7C36;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 29, ../sass/effects/border-transitions/_reveal.scss */
  .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px; }

/* Underline Reveal */
/* line 456, ../sass/hover.scss */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  /* line 9, ../sass/effects/border-transitions/_underline-reveal.scss */
  .hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 28, ../sass/effects/border-transitions/_underline-reveal.scss */
  .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

/* Overline Reveal */
/* line 463, ../sass/hover.scss */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  /* line 9, ../sass/effects/border-transitions/_overline-reveal.scss */
  .hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #ED7C36;
    height: 3px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 28, ../sass/effects/border-transitions/_overline-reveal.scss */
  .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
/* line 472, ../sass/hover.scss */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow; }
  /* line 7, ../sass/effects/shadow-and-glow-transitions/_glow.scss */
  .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

/* Shadow */
/* line 479, ../sass/hover.scss */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow; }
  /* line 7, ../sass/effects/shadow-and-glow-transitions/_shadow.scss */
  .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); }

/* Grow Shadow */
/* line 486, ../sass/hover.scss */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform; }
  /* line 7, ../sass/effects/shadow-and-glow-transitions/_grow-shadow.scss */
  .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

/* Box Shadow Outset */
/* line 493, ../sass/hover.scss */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow; }
  /* line 7, ../sass/effects/shadow-and-glow-transitions/_box-shadow-outset.scss */
  .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

/* Box Shadow Inset */
/* line 500, ../sass/hover.scss */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }
  /* line 10, ../sass/effects/shadow-and-glow-transitions/_box-shadow-inset.scss */
  .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
    /* Hack to improve aliasing on mobile/tablet devices */ }

/* Float Shadow */
/* line 507, ../sass/hover.scss */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 8, ../sass/effects/shadow-and-glow-transitions/_float-shadow.scss */
  .hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity; }
  /* line 24, ../sass/effects/shadow-and-glow-transitions/_float-shadow.scss */
  .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */ }
    /* line 29, ../sass/effects/shadow-and-glow-transitions/_float-shadow.scss */
    .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
      opacity: 1;
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
      /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ }

/* Shadow Radial */
/* line 514, ../sass/hover.scss */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 6, ../sass/effects/shadow-and-glow-transitions/_shadow-radial.scss */
  .hvr-shadow-radial:before, .hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
  /* line 21, ../sass/effects/shadow-and-glow-transitions/_shadow-radial.scss */
  .hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
  /* line 27, ../sass/effects/shadow-and-glow-transitions/_shadow-radial.scss */
  .hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
  /* line 33, ../sass/effects/shadow-and-glow-transitions/_shadow-radial.scss */
  .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
    opacity: 1; }

/* SPEECH BUBBLES */
/* Bubble Top */
/* line 522, ../sass/hover.scss */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 6, ../sass/effects/speech-bubbles/_bubble-top.scss */
  .hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent; }
  /* line 20, ../sass/effects/speech-bubbles/_bubble-top.scss */
  .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }

/* Bubble Right */
/* line 529, ../sass/hover.scss */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 6, ../sass/effects/speech-bubbles/_bubble-right.scss */
  .hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1; }
  /* line 20, ../sass/effects/speech-bubbles/_bubble-right.scss */
  .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

/* Bubble Bottom */
/* line 536, ../sass/hover.scss */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 6, ../sass/effects/speech-bubbles/_bubble-bottom.scss */
  .hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent; }
  /* line 20, ../sass/effects/speech-bubbles/_bubble-bottom.scss */
  .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

/* Bubble Left */
/* line 543, ../sass/hover.scss */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 6, ../sass/effects/speech-bubbles/_bubble-left.scss */
  .hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent; }
  /* line 20, ../sass/effects/speech-bubbles/_bubble-left.scss */
  .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

/* Bubble Float Top */
/* line 550, ../sass/hover.scss */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 8, ../sass/effects/speech-bubbles/_bubble-float-top.scss */
  .hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  /* line 21, ../sass/effects/speech-bubbles/_bubble-float-top.scss */
  .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
    /* line 26, ../sass/effects/speech-bubbles/_bubble-float-top.scss */
    .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); }

/* Bubble Float Right */
/* line 557, ../sass/hover.scss */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 8, ../sass/effects/speech-bubbles/_bubble-float-right.scss */
  .hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  /* line 21, ../sass/effects/speech-bubbles/_bubble-float-right.scss */
  .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
    /* line 26, ../sass/effects/speech-bubbles/_bubble-float-right.scss */
    .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
      -webkit-transform: translateX(10px);
      transform: translateX(10px); }

/* Bubble Float Bottom */
/* line 564, ../sass/hover.scss */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 8, ../sass/effects/speech-bubbles/_bubble-float-bottom.scss */
  .hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  /* line 21, ../sass/effects/speech-bubbles/_bubble-float-bottom.scss */
  .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
    /* line 26, ../sass/effects/speech-bubbles/_bubble-float-bottom.scss */
    .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
      -webkit-transform: translateY(10px);
      transform: translateY(10px); }

/* Bubble Float Left */
/* line 571, ../sass/hover.scss */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  /* line 8, ../sass/effects/speech-bubbles/_bubble-float-left.scss */
  .hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  /* line 21, ../sass/effects/speech-bubbles/_bubble-float-left.scss */
  .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
    /* line 26, ../sass/effects/speech-bubbles/_bubble-float-left.scss */
    .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px); }

/* ICONS */
/* Icon Back */
/* line 579, ../sass/hover.scss */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s; }
  /* line 6, ../sass/effects/icons/_icon-back.scss */
  .hvr-icon-back .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 17, ../sass/effects/icons/_icon-back.scss */
  .hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); }

/* Icon Forward */
/* line 586, ../sass/hover.scss */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s; }
  /* line 6, ../sass/effects/icons/_icon-forward.scss */
  .hvr-icon-forward .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 17, ../sass/effects/icons/_icon-forward.scss */
  .hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
/* Icon Down */
/* line 593, ../sass/hover.scss */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 18, ../sass/effects/icons/_icon-down.scss */
  .hvr-icon-down .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 26, ../sass/effects/icons/_icon-down.scss */
  .hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
/* Icon Up */
/* line 600, ../sass/hover.scss */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 18, ../sass/effects/icons/_icon-up.scss */
  .hvr-icon-up .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 26, ../sass/effects/icons/_icon-up.scss */
  .hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Spin */
/* line 607, ../sass/hover.scss */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 5, ../sass/effects/icons/_icon-spin.scss */
  .hvr-icon-spin .hvr-icon {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  /* line 15, ../sass/effects/icons/_icon-spin.scss */
  .hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
	100% {
    opacity: 1; } }
@keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
	100% {
    opacity: 1; } }
/* Icon Drop */
/* line 614, ../sass/hover.scss */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 23, ../sass/effects/icons/_icon-drop.scss */
  .hvr-icon-drop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 31, ../sass/effects/icons/_icon-drop.scss */
  .hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Icon Fade */
/* line 621, ../sass/hover.scss */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 5, ../sass/effects/icons/_icon-fade.scss */
  .hvr-icon-fade .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color;
    transition-property: color; }
  /* line 15, ../sass/effects/icons/_icon-fade.scss */
  .hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
    color: #0F9E5E; }

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }
/* Icon Float Away */
/* line 628, ../sass/hover.scss */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 17, ../sass/effects/icons/_icon-float-away.scss */
  .hvr-icon-float-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  /* line 27, ../sass/effects/icons/_icon-float-away.scss */
  .hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }
/* Icon Sink Away */
/* line 635, ../sass/hover.scss */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 17, ../sass/effects/icons/_icon-sink-away.scss */
  .hvr-icon-sink-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  /* line 27, ../sass/effects/icons/_icon-sink-away.scss */
  .hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Grow */
/* line 642, ../sass/hover.scss */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 6, ../sass/effects/icons/_icon-grow.scss */
  .hvr-icon-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 17, ../sass/effects/icons/_icon-grow.scss */
  .hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0); }

/* Icon Shrink */
/* line 649, ../sass/hover.scss */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 6, ../sass/effects/icons/_icon-shrink.scss */
  .hvr-icon-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 17, ../sass/effects/icons/_icon-shrink.scss */
  .hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
/* line 656, ../sass/hover.scss */
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 15, ../sass/effects/icons/_icon-pulse.scss */
  .hvr-icon-pulse .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 24, ../sass/effects/icons/_icon-pulse.scss */
  .hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }
/* line 663, ../sass/hover.scss */
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 11, ../sass/effects/icons/_icon-pulse-grow.scss */
  .hvr-icon-pulse-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 20, ../sass/effects/icons/_icon-pulse-grow.scss */
  .hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
/* line 670, ../sass/hover.scss */
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  /* line 11, ../sass/effects/icons/_icon-pulse-shrink.scss */
  .hvr-icon-pulse-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 20, ../sass/effects/icons/_icon-pulse-shrink.scss */
  .hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }
/* line 677, ../sass/hover.scss */
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 12, ../sass/effects/icons/_icon-push.scss */
  .hvr-icon-push .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 23, ../sass/effects/icons/_icon-push.scss */
  .hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
/* line 684, ../sass/hover.scss */
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 12, ../sass/effects/icons/_icon-pop.scss */
  .hvr-icon-pop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 23, ../sass/effects/icons/_icon-pop.scss */
  .hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Bounce */
/* line 691, ../sass/hover.scss */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 7, ../sass/effects/icons/_icon-bounce.scss */
  .hvr-icon-bounce .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 18, ../sass/effects/icons/_icon-bounce.scss */
  .hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Icon Rotate */
/* line 698, ../sass/hover.scss */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 8, ../sass/effects/icons/_icon-rotate.scss */
  .hvr-icon-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 19, ../sass/effects/icons/_icon-rotate.scss */
  .hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }

/* Icon Grow Rotate */
/* line 705, ../sass/hover.scss */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 8, ../sass/effects/icons/_icon-grow-rotate.scss */
  .hvr-icon-grow-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 19, ../sass/effects/icons/_icon-grow-rotate.scss */
  .hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg); }

/* Icon Float */
/* line 712, ../sass/hover.scss */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 6, ../sass/effects/icons/_icon-float.scss */
  .hvr-icon-float .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 17, ../sass/effects/icons/_icon-float.scss */
  .hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }

/* Icon Sink */
/* line 719, ../sass/hover.scss */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 6, ../sass/effects/icons/_icon-sink.scss */
  .hvr-icon-sink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  /* line 17, ../sass/effects/icons/_icon-sink.scss */
  .hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
/* line 726, ../sass/hover.scss */
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 24, ../sass/effects/icons/_icon-bob.scss */
  .hvr-icon-bob .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 32, ../sass/effects/icons/_icon-bob.scss */
  .hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
/* line 733, ../sass/hover.scss */
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 24, ../sass/effects/icons/_icon-hang.scss */
  .hvr-icon-hang .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 32, ../sass/effects/icons/_icon-hang.scss */
  .hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
/* line 740, ../sass/hover.scss */
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 32, ../sass/effects/icons/_icon-wobble-horizontal.scss */
  .hvr-icon-wobble-horizontal .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 40, ../sass/effects/icons/_icon-wobble-horizontal.scss */
  .hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
/* line 747, ../sass/hover.scss */
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 32, ../sass/effects/icons/_icon-wobble-vertical.scss */
  .hvr-icon-wobble-vertical .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 40, ../sass/effects/icons/_icon-wobble-vertical.scss */
  .hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
/* line 754, ../sass/hover.scss */
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 16, ../sass/effects/icons/_icon-buzz.scss */
  .hvr-icon-buzz .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 24, ../sass/effects/icons/_icon-buzz.scss */
  .hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
/* line 761, ../sass/hover.scss */
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  /* line 48, ../sass/effects/icons/_icon-buzz-out.scss */
  .hvr-icon-buzz-out .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  /* line 56, ../sass/effects/icons/_icon-buzz-out.scss */
  .hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* CURLS */
/* Curl Top Left */
/* line 769, ../sass/hover.scss */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 6, ../sass/effects/curls/_curl-top-left.scss */
  .hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
    /*For IE7-8-9*/
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  /* line 30, ../sass/effects/curls/_curl-top-left.scss */
  .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
    width: 25px;
    height: 25px; }

/* Curl Top Right */
/* line 776, ../sass/hover.scss */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 6, ../sass/effects/curls/_curl-top-right.scss */
  .hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  /* line 27, ../sass/effects/curls/_curl-top-right.scss */
  .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
    width: 25px;
    height: 25px; }

/* Curl Bottom Right */
/* line 783, ../sass/hover.scss */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 6, ../sass/effects/curls/_curl-bottom-right.scss */
  .hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  /* line 27, ../sass/effects/curls/_curl-bottom-right.scss */
  .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px; }

/* Curl Bottom Left */
/* line 790, ../sass/hover.scss */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  /* line 6, ../sass/effects/curls/_curl-bottom-left.scss */
  .hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  /* line 27, ../sass/effects/curls/_curl-bottom-left.scss */
  .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
    width: 25px;
    height: 25px; }

/* debut style de base */
/* line 9, ../sass/screen.scss */
body {
  font-family: "Lato", sans-serif !important; }

/* line 12, ../sass/screen.scss */
body.minisite {
  background: none;
  background-color: #fff; }

/* line 16, ../sass/screen.scss */
a {
  text-decoration: none; }

/* line 19, ../sass/screen.scss */
.full_content {
  width: 95%;
  margin: 0 auto; }

/* line 23, ../sass/screen.scss */
.big_concent {
  width: 1650px;
  margin: 0 auto;
  max-width: 90%; }

/* line 28, ../sass/screen.scss */
.middle_content {
  width: 1360px;
  margin: 0 auto;
  max-width: 85%; }

/* line 33, ../sass/screen.scss */
.form_concent {
  width: 700px;
  max-width: 90%;
  margin: 0 auto; }

/* line 38, ../sass/screen.scss */
.bg_gris {
  background-color: #F2F2F2; }

/* line 41, ../sass/screen.scss */
.paginations, .pagination {
  margin: 50px 0 50px;
  text-align: center; }
  /* line 44, ../sass/screen.scss */
  .paginations a, .pagination a {
    display: inline-block;
    margin: 0 10px;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: #6C7272; }
  /* line 52, ../sass/screen.scss */
  .paginations a:hover, .paginations .active, .pagination a:hover, .pagination .active {
    color: #EB7A34; }
  /* line 55, ../sass/screen.scss */
  .paginations .next, .paginations .prev, .pagination .next, .pagination .prev {
    margin: 0 30px; }

/* line 59, ../sass/screen.scss */
.copyright {
  text-align: center;
  background: #333;
  padding: 10px 0;
  font-size: 13px !important;
  color: #ddd; }

/* line 66, ../sass/screen.scss */
.popup_block .close {
  position: absolute;
  top: 15px;
  right: 15px; }
  /* line 70, ../sass/screen.scss */
  .popup_block .close img.btn_close {
    float: none !important;
    margin: 0 !important; }

/* line 75, ../sass/screen.scss */
.design_btt {
  border: none;
  text-align: center;
  background-color: #ED7C36;
  border: 1px solid #ED7C36;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  padding: 5px 20px;
  display: inline-block;
  margin-left: 10px; }

/* line 88, ../sass/screen.scss */
.design_btt:hover {
  background-color: #333; }

/* line 91, ../sass/screen.scss */
.floating_rss {
  position: fixed;
  right: 25px;
  bottom: 100px;
  z-index: 999; }
  /* line 98, ../sass/screen.scss */
  .floating_rss > div > a img {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.65);
    -webkit-border-radius: 100%;
    border-radius: 100%; }
  /* line 105, ../sass/screen.scss */
  .floating_rss > div p {
    width: 100%;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.65);
    border: 1px solid #fff;
    background-color: #FBEFE6;
    padding: 5px 0;
    margin-bottom: 5px;
    display: none; }
    /* line 116, ../sass/screen.scss */
    .floating_rss > div p a {
      display: block;
      width: 100%;
      text-align: center; }
    /* line 121, ../sass/screen.scss */
    .floating_rss > div p img {
      margin: 3px 0; }
    /* line 125, ../sass/screen.scss */
    .floating_rss > div p a:hover img {
      -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.65);
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.65);
      -webkit-border-radius: 100%;
      border-radius: 100%; }
  /* line 135, ../sass/screen.scss */
  .floating_rss > div:hover p {
    display: block; }

/* fin */
/* popup*/
/* line 145, ../sass/screen.scss */
#profiter_taux_container .inputFormAvis div {
  display: flex;
  align-items: center;
  justify-content: space-around; }
  /* line 149, ../sass/screen.scss */
  #profiter_taux_container .inputFormAvis div label {
    font-size: 18px !important;
    text-align: left; }
  /* line 154, ../sass/screen.scss */
  #profiter_taux_container .inputFormAvis div span input {
    width: 100% !important; }

/* line 161, ../sass/screen.scss */
.submitFormAvis .validForm {
  background: none !important;
  border: 1px solid #ED7C36 !important;
  text-align: center !important;
  font-size: 21px !important;
  color: #ED7C36 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important; }

/* line 170, ../sass/screen.scss */
.submitFormAvis .validForm:hover {
  background-color: #ED7C36 !important;
  color: #fff !important; }

/* fin */
/* debut style header site gen */
/* line 177, ../sass/screen.scss */
.header_site {
  height: 115px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6d7274+0,444444+100 */
  background: #6d7274;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6d7274 0%, #444444 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6d7274 0%, #444444 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6d7274 0%, #444444 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d7274', endColorstr='#444444',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.25);
  /*display: flex;*/
  z-index: 1000;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 0; }
  /* line 192, ../sass/screen.scss */
  .header_site .mini_menu_haut {
    background-color: #fff;
    height: 30px;
    display: flex;
    align-items: center; }
    /* line 197, ../sass/screen.scss */
    .header_site .mini_menu_haut p {
      font-size: 12px;
      color: #333; }
    /* line 201, ../sass/screen.scss */
    .header_site .mini_menu_haut ul {
      display: flex; }
      /* line 203, ../sass/screen.scss */
      .header_site .mini_menu_haut ul li {
        margin: 0 10px; }
        /* line 205, ../sass/screen.scss */
        .header_site .mini_menu_haut ul li a {
          font-size: 12px;
          color: #333; }
        /* line 209, ../sass/screen.scss */
        .header_site .mini_menu_haut ul li a:hover {
          color: #ED7C36; }
  /* line 215, ../sass/screen.scss */
  .header_site .big_concent, .header_site .full_content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  /* line 220, ../sass/screen.scss */
  .header_site > .big_concent {
    margin-top: 15px; }
  /* line 223, ../sass/screen.scss */
  .header_site figure {
    max-width: 30%; }
    /* line 225, ../sass/screen.scss */
    .header_site figure img {
      width: 100%;
      height: auto; }
  /* line 232, ../sass/screen.scss */
  .header_site nav.menu_header > ul > li {
    margin: 10px 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase; }
    /* line 239, ../sass/screen.scss */
    .header_site nav.menu_header > ul > li > span {
      font-size: 16px;
      font-weight: 500;
      color: #fff;
      text-transform: uppercase; }
    /* line 245, ../sass/screen.scss */
    .header_site nav.menu_header > ul > li > a {
      font-size: 16px;
      font-weight: 500;
      color: #fff;
      text-transform: uppercase;
      padding: 12px 0; }
    /* line 252, ../sass/screen.scss */
    .header_site nav.menu_header > ul > li > a:hover {
      color: #ED7C36; }
    /* line 255, ../sass/screen.scss */
    .header_site nav.menu_header > ul > li .icone_minisite_home {
      position: relative;
      top: 5px; }
  /* line 260, ../sass/screen.scss */
  .header_site nav.menu_header > ul ul {
    display: none; }
  /* line 267, ../sass/screen.scss */
  .header_site nav.for_sous_menu > ul span {
    padding: 10px 0; }
  /* line 270, ../sass/screen.scss */
  .header_site nav.for_sous_menu > ul li {
    position: relative; }
  /* line 273, ../sass/screen.scss */
  .header_site nav.for_sous_menu > ul li:hover {
    background-color: #444; }
  /* line 276, ../sass/screen.scss */
  .header_site nav.for_sous_menu > ul ul {
    display: none;
    top: 20px;
    left: 0;
    width: 250px;
    position: absolute;
    background-color: #EB661A;
    z-index: 999; }
    /* line 284, ../sass/screen.scss */
    .header_site nav.for_sous_menu > ul ul li {
      display: block; }
      /* line 286, ../sass/screen.scss */
      .header_site nav.for_sous_menu > ul ul li a, .header_site nav.for_sous_menu > ul ul li span {
        padding: 15px 10px;
        font-size: 13px;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        display: block; }
      /* line 293, ../sass/screen.scss */
      .header_site nav.for_sous_menu > ul ul li ul {
        top: 0;
        left: -100%; }
    /* line 298, ../sass/screen.scss */
    .header_site nav.for_sous_menu > ul ul li:hover {
      background-color: #666; }
  /* line 303, ../sass/screen.scss */
  .header_site nav.for_sous_menu > ul li:hover > ul {
    display: block; }
  /* line 308, ../sass/screen.scss */
  .header_site nav.for_sous_menu > ul > li:nth-last-child(1) > ul > li > ul, .header_site nav.for_sous_menu > ul > li:nth-last-child(2) > ul > li > ul, .header_site nav.for_sous_menu > ul > li:nth-last-child(3) > ul > li > ul {
    left: inherit;
    top: 0;
    right: 100%; }

/* minisite */
/* line 318, ../sass/screen.scss */
.minisite .header_site .full_content {
  height: 84px; }
  /* line 320, ../sass/screen.scss */
  .minisite .header_site .full_content figure {
    max-width: inherit; }
    /* line 322, ../sass/screen.scss */
    .minisite .header_site .full_content figure img {
      display: inline-block;
      width: 270px !important; }
    /* line 326, ../sass/screen.scss */
    .minisite .header_site .full_content figure a {
      display: flex;
      align-items: flex-end;
      font-size: 30px;
      font-weight: 700;
      color: #fff; }
      /* line 332, ../sass/screen.scss */
      .minisite .header_site .full_content figure a span {
        padding-left: 15px;
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        white-space: pre; }

/* fin */
/* debut style footer */
/* line 345, ../sass/screen.scss */
.footer_general {
  margin-top: 100px;
  padding: 50px 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6d7274+0,444444+100 */
  background: #6d7274;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6d7274 0%, #444444 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #6d7274 0%, #444444 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #6d7274 0%, #444444 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d7274', endColorstr='#444444',GradientType=0 );
  /* IE6-9 */
  display: flex;
  align-items: flex-start;
  justify-content: space-around; }
  /* line 357, ../sass/screen.scss */
  .footer_general .map_footer {
    width: 30%; }
    /* line 359, ../sass/screen.scss */
    .footer_general .map_footer .titre_bloc {
      font-size: 23px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 600;
      margin-bottom: 30px;
      position: relative; }
    /* line 367, ../sass/screen.scss */
    .footer_general .map_footer .titre_bloc:before {
      content: '';
      display: block;
      width: 40px;
      height: 2px;
      background: #ED7C36;
      position: absolute;
      top: 12px;
      left: -50px; }
    /* line 377, ../sass/screen.scss */
    .footer_general .map_footer ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end; }
      /* line 381, ../sass/screen.scss */
      .footer_general .map_footer ul li {
        width: 50%;
        margin-bottom: 10px;
        position: relative; }
        /* line 385, ../sass/screen.scss */
        .footer_general .map_footer ul li a {
          font-size: 15px;
          font-weight: 300;
          color: #EDEDED; }
        /* line 390, ../sass/screen.scss */
        .footer_general .map_footer ul li a:hover {
          color: #fff; }
      /* line 394, ../sass/screen.scss */
      .footer_general .map_footer ul li:before {
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        background-color: #444444;
        position: absolute;
        top: 8px;
        left: -15px; }
    /* line 405, ../sass/screen.scss */
    .footer_general .map_footer .sous_texte_footer {
      margin: 20px 0 0;
      padding: 20px;
      background-color: rgba(255, 255, 255, 0.15);
      font-size: 13px;
      color: #ccc;
      line-height: 120%; }
  /* line 414, ../sass/screen.scss */
  .footer_general .last_sujet_footer {
    width: 40%; }
    /* line 416, ../sass/screen.scss */
    .footer_general .last_sujet_footer .titre_bloc {
      font-size: 23px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 600;
      margin-bottom: 30px;
      position: relative; }
    /* line 424, ../sass/screen.scss */
    .footer_general .last_sujet_footer .titre_bloc:before {
      content: '';
      display: block;
      width: 40px;
      height: 2px;
      background: #ED7C36;
      position: absolute;
      top: 12px;
      left: -50px; }
    /* line 434, ../sass/screen.scss */
    .footer_general .last_sujet_footer .content_from_forum {
      display: flex;
      align-items: flex-start; }
      /* line 437, ../sass/screen.scss */
      .footer_general .last_sujet_footer .content_from_forum ul {
        width: 30%; }
        /* line 439, ../sass/screen.scss */
        .footer_general .last_sujet_footer .content_from_forum ul li {
          margin: 15px 0 25px; }
          /* line 441, ../sass/screen.scss */
          .footer_general .last_sujet_footer .content_from_forum ul li a {
            font-size: 15px;
            color: #aaa;
            position: relative;
            display: flex;
            align-items: center; }
          /* line 448, ../sass/screen.scss */
          .footer_general .last_sujet_footer .content_from_forum ul li a:before {
            content: "";
            display: inline-block;
            width: 23px;
            height: 23px;
            background: url(/img/picto_7_out.png) center center no-repeat;
            margin-right: 10px; }
          /* line 456, ../sass/screen.scss */
          .footer_general .last_sujet_footer .content_from_forum ul li a.active, .footer_general .last_sujet_footer .content_from_forum ul li a:hover {
            color: #fff; }
          /* line 459, ../sass/screen.scss */
          .footer_general .last_sujet_footer .content_from_forum ul li a.active:before {
            background: url(/img/picto_7_in.png) center center no-repeat; }
      /* line 464, ../sass/screen.scss */
      .footer_general .last_sujet_footer .content_from_forum > div {
        width: 60%; }
      /* line 467, ../sass/screen.scss */
      .footer_general .last_sujet_footer .content_from_forum .in_from_forum {
        padding: 10px 0px 10px 30px;
        border-left: 2px solid #888D93;
        font-size: 13px;
        line-height: 140%;
        color: #FFFFFF; }
        /* line 473, ../sass/screen.scss */
        .footer_general .last_sujet_footer .content_from_forum .in_from_forum * {
          font-size: 13px;
          line-height: 140%;
          color: #FFFFFF; }
        /* line 478, ../sass/screen.scss */
        .footer_general .last_sujet_footer .content_from_forum .in_from_forum a, .footer_general .last_sujet_footer .content_from_forum .in_from_forum .bleuc {
          color: #ED7C36; }
        /* line 481, ../sass/screen.scss */
        .footer_general .last_sujet_footer .content_from_forum .in_from_forum a:hover {
          text-decoration: underline; }
        /* line 484, ../sass/screen.scss */
        .footer_general .last_sujet_footer .content_from_forum .in_from_forum img {
          float: left;
          margin-right: 10px;
          max-width: 25%; }
        /* line 489, ../sass/screen.scss */
        .footer_general .last_sujet_footer .content_from_forum .in_from_forum .contentOnglet {
          max-height: 420px;
          overflow-y: scroll; }
    /* line 495, ../sass/screen.scss */
    .footer_general .last_sujet_footer .newsletter_footer {
      display: flex;
      margin-top: 30px;
      justify-content: space-between;
      align-items: center; }
      /* line 500, ../sass/screen.scss */
      .footer_general .last_sujet_footer .newsletter_footer p {
        font-size: 23px;
        color: #fff;
        font-weight: 400;
        width: 25%; }
      /* line 506, ../sass/screen.scss */
      .footer_general .last_sujet_footer .newsletter_footer div {
        padding: 15px 20px;
        background-color: #787B7D;
        display: flex;
        justify-content: space-between;
        width: 100%; }
        /* line 512, ../sass/screen.scss */
        .footer_general .last_sujet_footer .newsletter_footer div input {
          border: none;
          background: #fff;
          width: 30%;
          font-size: 15px;
          color: #333;
          padding: 5px 10px; }
        /* line 520, ../sass/screen.scss */
        .footer_general .last_sujet_footer .newsletter_footer div button {
          width: 25%;
          border: none;
          text-align: center;
          background-color: #ED7C36;
          border: 1px solid #ED7C36;
          font-size: 15px;
          font-weight: 500;
          color: #fff; }
  /* line 533, ../sass/screen.scss */
  .footer_general .appli_footer {
    width: 18%; }
    /* line 535, ../sass/screen.scss */
    .footer_general .appli_footer > div {
      display: block;
      text-align: center;
      padding: 30px 0;
      background-color: #ED7C36;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      font-size: 19px;
      font-weight: 500;
      color: #fff;
      text-align: center;
      line-height: 170%; }
      /* line 549, ../sass/screen.scss */
      .footer_general .appli_footer > div a {
        color: #fff;
        font-size: 19px; }
      /* line 553, ../sass/screen.scss */
      .footer_general .appli_footer > div p {
        font-size: 49px;
        font-weight: 900;
        padding: 30px 0 20px; }
        /* line 557, ../sass/screen.scss */
        .footer_general .appli_footer > div p a {
          font-size: 49px; }
      /* line 561, ../sass/screen.scss */
      .footer_general .appli_footer > div figure {
        text-align: center;
        margin-top: 20px; }

/* fin */
/* debut style slide */
/* line 571, ../sass/screen.scss */
.slide_header {
  position: relative;
  z-index: 1; }
  /* line 574, ../sass/screen.scss */
  .slide_header .img_gratuite {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit !important; }
  /* line 580, ../sass/screen.scss */
  .slide_header .img_gratuite.minisite {
    /*left: 46px;
    z-index: 9999;*/ }
  /* line 584, ../sass/screen.scss */
  .slide_header .big_concent {
    align-items: center;
    position: absolute;
    top: 0;
    left: 7%;
    height: 90%;
    display: flex; }
    /* line 591, ../sass/screen.scss */
    .slide_header .big_concent .content_titre_slide {
      display: flex;
      justify-content: space-between;
      width: 100%;
      align-items: center; }
      /* line 597, ../sass/screen.scss */
      .slide_header .big_concent .content_titre_slide .titre_bloc h1 {
        font-size: 62px;
        text-transform: uppercase;
        font-weight: 900;
        color: #fff;
        line-height: 110%;
        text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
        margin-bottom: 40px;
        /* minisite */ }
        /* line 606, ../sass/screen.scss */
        .slide_header .big_concent .content_titre_slide .titre_bloc h1 span {
          /*color: #FFFF00;*/
          color: #FF873C; }
      /* line 611, ../sass/screen.scss */
      .slide_header .big_concent .content_titre_slide .titre_bloc a.btt_white {
        padding: 15px 25px;
        text-transform: uppercase;
        color: #ED7C36;
        font-weight: 900;
        font-size: 19px;
        -webkit-border-radius: 32px;
        border-radius: 32px;
        background-color: #fff; }
        /* line 619, ../sass/screen.scss */
        .slide_header .big_concent .content_titre_slide .titre_bloc a.btt_white img {
          margin-left: 10px;
          position: relative;
          top: 3px; }
      /* line 626, ../sass/screen.scss */
      .slide_header .big_concent .content_titre_slide .titre_bloc a.btt_white:hover {
        color: #fff;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }
      /* line 632, ../sass/screen.scss */
      .slide_header .big_concent .content_titre_slide .divers_lien {
        display: flex;
        width: 35%;
        height: 400px; }
        /* line 636, ../sass/screen.scss */
        .slide_header .big_concent .content_titre_slide .divers_lien .flip-card {
          width: 240px;
          height: 240px;
          align-self: flex-start;
          -webkit-border-radius: 100%;
          border-radius: 100%;
          /*overflow: hidden;*/
          background-color: none; }
        /* line 645, ../sass/screen.scss */
        .slide_header .big_concent .content_titre_slide .divers_lien .flip-card:last-child {
          align-self: flex-end; }
        /* line 648, ../sass/screen.scss */
        .slide_header .big_concent .content_titre_slide .divers_lien .flip-card-back {
          -webkit-border-radius: 100%;
          border-radius: 100%;
          background-color: #ED7C36;
          display: flex;
          flex-wrap: wrap;
          position: relative; }
          /* line 655, ../sass/screen.scss */
          .slide_header .big_concent .content_titre_slide .divers_lien .flip-card-back > * {
            width: 100%;
            text-align: center;
            display: flex;
            align-items: flex-start;
            justify-content: center; }
          /* line 662, ../sass/screen.scss */
          .slide_header .big_concent .content_titre_slide .divers_lien .flip-card-back p:first-child {
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            line-height: 130%;
            align-items: flex-end; }
          /* line 670, ../sass/screen.scss */
          .slide_header .big_concent .content_titre_slide .divers_lien .flip-card-back .link_to a {
            display: inline-block;
            border: 1px solid #fff;
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 800;
            padding: 10px 15px;
            margin-top: 20px;
            color: #fff; }
          /* line 680, ../sass/screen.scss */
          .slide_header .big_concent .content_titre_slide .divers_lien .flip-card-back .link_to a:hover {
            background-color: #fff;
            color: #ED7C36; }
        /* line 686, ../sass/screen.scss */
        .slide_header .big_concent .content_titre_slide .divers_lien figure {
          position: relative; }
          /* line 688, ../sass/screen.scss */
          .slide_header .big_concent .content_titre_slide .divers_lien figure p {
            position: absolute;
            line-height: 150%;
            left: 30px;
            top: 0;
            display: flex;
            height: 100%;
            align-items: center;
            text-align: left; }
          /* line 698, ../sass/screen.scss */
          .slide_header .big_concent .content_titre_slide .divers_lien figure span {
            font-size: 18px;
            color: #333;
            font-weight: 700;
            text-shadow: 1px 1px 1px #FFFFFF; }
          /* line 705, ../sass/screen.scss */
          .slide_header .big_concent .content_titre_slide .divers_lien figure span:after {
            content: '';
            display: block;
            height: 2px;
            width: 40px;
            margin-top: 10px;
            background-color: #ED7C36; }
        /* line 714, ../sass/screen.scss */
        .slide_header .big_concent .content_titre_slide .divers_lien figure:last-child {
          text-align: right; }
          /* line 716, ../sass/screen.scss */
          .slide_header .big_concent .content_titre_slide .divers_lien figure:last-child p {
            /*left: 58%;*/ }
  /* line 723, ../sass/screen.scss */
  .slide_header > img {
    width: 100%;
    height: auto; }

/* minisite */
/* line 729, ../sass/screen.scss */
.minisite .slide_header .big_concent .content_titre_slide .titre_bloc a.btt_white {
  border-radius: 0;
  padding: 15px 45px;
  font-size: 19px; }

/* line 734, ../sass/screen.scss */
.minisite .slide_header .big_concent .content_titre_slide > .titre_bloc {
  margin-left: 50px; }

/* line 737, ../sass/screen.scss */
.minisite .slide_header .big_concent .content_titre_slide .divers_lien {
  justify-content: flex-end;
  align-items: flex-end; }

/* fin */
/* debut style type credit */
/* line 744, ../sass/screen.scss */
.type_credit {
  margin: 20px 0; }
  /* line 746, ../sass/screen.scss */
  .type_credit .big_concent {
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 60px;
    margin-bottom: 60px; }
  /* line 751, ../sass/screen.scss */
  .type_credit h2 {
    font-size: 49px;
    text-align: center;
    font-weight: 900;
    color: #6C7273;
    line-height: 120%;
    margin-bottom: 40px; }
    /* line 758, ../sass/screen.scss */
    .type_credit h2 span {
      color: #EC7B35; }
  /* line 762, ../sass/screen.scss */
  .type_credit .liste_credit_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    /* line 766, ../sass/screen.scss */
    .type_credit .liste_credit_top span {
      font-weight: 600;
      font-size: 17px;
      text-align: center;
      display: block;
      color: #6D7274;
      margin-top: 15px; }
    /* line 775, ../sass/screen.scss */
    .type_credit .liste_credit_top a:hover span {
      color: #ED7C36; }
    /* line 779, ../sass/screen.scss */
    .type_credit .liste_credit_top ul {
      display: flex;
      align-items: center;
      justify-content: space-around;
      width: 100%;
      flex-wrap: wrap; }
      /* line 785, ../sass/screen.scss */
      .type_credit .liste_credit_top ul li {
        width: 15%;
        text-align: center;
        border: 1px solid #fff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
        margin-bottom: 30px; }
        /* line 794, ../sass/screen.scss */
        .type_credit .liste_credit_top ul li a {
          display: block;
          font-weight: 600;
          font-size: 15px !important;
          text-align: center;
          color: #6D7274;
          padding: 15px 0;
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
          background: #ffffff;
          /* Old browsers */
          background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
          /* IE6-9 */
          -webkit-border-radius: 4px;
          border-radius: 4px;
          text-transform: uppercase; }
        /* line 811, ../sass/screen.scss */
        .type_credit .liste_credit_top ul li a:hover {
          color: #fff; }

/* line 818, ../sass/screen.scss */
.entiter_option {
  margin-bottom: 30px; }
  /* line 820, ../sass/screen.scss */
  .entiter_option .big_concent {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    /* line 824, ../sass/screen.scss */
    .entiter_option .big_concent p {
      text-align: center;
      color: #EC7B35; }
      /* line 827, ../sass/screen.scss */
      .entiter_option .big_concent p a {
        display: block;
        *display: inline;
        padding: 10px 17px;
        margin-bottom: 0;
        *margin-left: .3em;
        font-size: 14px;
        line-height: 20px;
        color: #EC7B35;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
        cursor: pointer;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
        /* IE6-9 */
        background-repeat: repeat-x;
        border: 1px solid #eee;
        *border: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        *zoom: 1;
        margin-bottom: 15px; }
      /* line 858, ../sass/screen.scss */
      .entiter_option .big_concent p a:hover {
        color: #333333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
        background: #ffdfbf;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffdfbf 0%, #ffb973 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffdfbf 0%, #ffb973 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffdfbf 0%, #ffb973 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdfbf', endColorstr='#ffb973',GradientType=0 );
        /* IE6-9 */
        border: 1px solid #fff;
        -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25); }

/* fin */
/* debut style texte intro home */
/* line 881, ../sass/screen.scss */
.texte_intro_home {
  position: relative; }
  /* line 883, ../sass/screen.scss */
  .texte_intro_home .big_concent {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /*figure:after{
    	content: url(/img/photo_texte_intro_home_bas.png);
    	display: block;
    	width: 100%;
    	margin-top: 20px;
    	text-align: center;
    }*/ }
    /* line 889, ../sass/screen.scss */
    .texte_intro_home .big_concent figure {
      position: relative;
      width: 40%;
      float: left;
      margin-right: 40px; }
      /* line 890, ../sass/screen.scss */
      .texte_intro_home .big_concent figure img {
        max-width: 100%;
        height: auto; }
    /* line 906, ../sass/screen.scss */
    .texte_intro_home .big_concent .texte_home {
      padding-top: 30px;
      position: relative;
      width: 59%; }
      /* line 910, ../sass/screen.scss */
      .texte_intro_home .big_concent .texte_home .link_to_conf {
        position: absolute;
        right: 50px;
        top: 35px; }
        /* line 914, ../sass/screen.scss */
        .texte_intro_home .big_concent .texte_home .link_to_conf a {
          display: flex;
          padding: 15px 20px;
          align-items: center;
          justify-content: space-between;
          /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,f4f4f4+100 */
          background: #ffffff;
          /* Old browsers */
          background: -moz-linear-gradient(top, #ffffff 1%, #f4f4f4 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #ffffff 1%, #f4f4f4 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #ffffff 1%, #f4f4f4 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
          /* IE6-9 */
          -webkit-border-radius: 5px;
          border-radius: 5px;
          -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); }
          /* line 929, ../sass/screen.scss */
          .texte_intro_home .big_concent .texte_home .link_to_conf a img {
            margin-right: 15px; }
          /* line 932, ../sass/screen.scss */
          .texte_intro_home .big_concent .texte_home .link_to_conf a span {
            font-size: 21px;
            font-weight: 700;
            color: #EC7B35; }
            /* line 936, ../sass/screen.scss */
            .texte_intro_home .big_concent .texte_home .link_to_conf a span b {
              color: #060606;
              font-size: 21px;
              font-weight: 700; }
      /* line 944, ../sass/screen.scss */
      .texte_intro_home .big_concent .texte_home .titre_bloc {
        padding: 19px 60px 19px 40px;
        font-weight: 900;
        font-size: 24px;
        color: #fff;
        line-height: 130%;
        margin-bottom: 50px;
        position: relative;
        background-color: #ED7C36;
        display: flex;
        -webkit-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0;
        position: relative;
        left: -200px;
        width: 60%; }
      /* line 960, ../sass/screen.scss */
      .texte_intro_home .big_concent .texte_home .titre_bloc:before {
        	/*content: '';
        	display: block;
        	width: 0;
            height: 0;
            border-top: 35px solid transparent;
            border-right: 50px solid #ED7C36;
            border-bottom: 35px solid transparent;
        	position: absolute;
        	top: 0;
        	left: -45px;*/
        content: '';
        display: block;
        width: 45px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -45px;
        background: url(/img/tete_fleche.png) center center no-repeat;
        background-size: 100% 100%; }
      /* line 981, ../sass/screen.scss */
      .texte_intro_home .big_concent .texte_home .desc_home {
        text-align: justify;
        line-height: 150%;
        font-size: 17px;
        color: #6C7272;
        max-height: 750px;
        overflow-y: auto;
        max-height: 450px;
        overflow-y: scroll; }
        /* line 988, ../sass/screen.scss */
        .texte_intro_home .big_concent .texte_home .desc_home * {
          font-size: 17px;
          color: #6C7272; }
        /* line 992, ../sass/screen.scss */
        .texte_intro_home .big_concent .texte_home .desc_home a {
          color: #ED7C36; }
          /* line 994, ../sass/screen.scss */
          .texte_intro_home .big_concent .texte_home .desc_home a * {
            color: #ED7C36; }
        /* line 998, ../sass/screen.scss */
        .texte_intro_home .big_concent .texte_home .desc_home a:hover {
          text-decoration: underline; }
        /* line 1003, ../sass/screen.scss */
        .texte_intro_home .big_concent .texte_home .desc_home h3 {
          font-size: 23px;
          text-transform: uppercase;
          font-weight: 600;
          color: #ED7C36; }
        /* line 1009, ../sass/screen.scss */
        .texte_intro_home .big_concent .texte_home .desc_home h4 {
          font-size: 21px;
          text-transform: uppercase;
          font-weight: 600;
          color: #ED7C36; }
        /* line 1016, ../sass/screen.scss */
        .texte_intro_home .big_concent .texte_home .desc_home ul li, .texte_intro_home .big_concent .texte_home .desc_home ol li {
          list-style: disc;
          list-style-position: inside; }
        /* line 1020, ../sass/screen.scss */
        .texte_intro_home .big_concent .texte_home .desc_home ul br, .texte_intro_home .big_concent .texte_home .desc_home ol br {
          display: none !important; }
        /* line 1024, ../sass/screen.scss */
        .texte_intro_home .big_concent .texte_home .desc_home img {
          border: 10px solid #fff;
          width: 90% !important;
          display: block;
          margin: 0 auto;
          -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); }
    /* line 1034, ../sass/screen.scss */
    .texte_intro_home .big_concent .for_video_mini {
      padding: 0 20px;
      background-color: #F2F2F2;
      width: 47%;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      align-content: center; }
      /* line 1042, ../sass/screen.scss */
      .texte_intro_home .big_concent .for_video_mini p {
        font-size: 18px;
        /**text-align: center;
        margin-bottom: 15px;*/
        line-height: 130%;
        color: #444;
        width: 100%;
        padding: 15px 0; }
        /* line 1050, ../sass/screen.scss */
        .texte_intro_home .big_concent .for_video_mini p b {
          text-transform: uppercase;
          color: #EB7A34;
          display: block;
          font-size: 24px;
          font-weight: 700; }
  /* line 1060, ../sass/screen.scss */
  .texte_intro_home .big_concent.in_content_video {
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px; }
    /* line 1064, ../sass/screen.scss */
    .texte_intro_home .big_concent.in_content_video figure {
      width: 47%;
      margin: 0; }
      /* line 1067, ../sass/screen.scss */
      .texte_intro_home .big_concent.in_content_video figure p.texte_intro_fig {
        position: absolute;
        top: 20px;
        left: 0;
        width: 60%;
        font-size: 19px;
        color: #fff;
        padding: 19px 20px 19px 40px;
        background-color: #ED7C36;
        line-height: 130%;
        font-weight: 700;
        height: 48px; }
      /* line 1080, ../sass/screen.scss */
      .texte_intro_home .big_concent.in_content_video figure p.texte_intro_fig:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: -43px;
        width: 0;
        height: 0;
        border-top: 43px solid transparent;
        border-left: 43px solid #ED7C36;
        border-bottom: 43px solid transparent; }
    /* line 1093, ../sass/screen.scss */
    .texte_intro_home .big_concent.in_content_video video {
      width: 100%; }

/* line 1098, ../sass/screen.scss */
.texte_intro_home:after {
  position: absolute;
  content: '';
  display: block;
  height: 120px;
  width: 100%;
  background-color: #F2F2F2;
  left: 0;
  bottom: 0;
  z-index: 1; }

/* fin */
/* line 1111, ../sass/screen.scss */
body.minisite .texte_intro_home {
  position: inherit; }

/* debut style liste courtier home */
/* line 1116, ../sass/screen.scss */
.derniers_courtiers_home {
  padding: 50px 0 1px; }
  /* line 1118, ../sass/screen.scss */
  .derniers_courtiers_home .titre_bloc {
    text-align: center;
    font-weight: 900;
    font-size: 49px;
    line-height: 120%;
    color: #6C7272;
    text-shadow: 3px 3px 0px #FFFFFF;
    margin-bottom: 70px; }
    /* line 1126, ../sass/screen.scss */
    .derniers_courtiers_home .titre_bloc span, .derniers_courtiers_home .titre_bloc strong {
      color: #EB7A34; }
  /* line 1130, ../sass/screen.scss */
  .derniers_courtiers_home .middle_content {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #CCCCCC; }

/* line 1136, ../sass/screen.scss */
.content_liste_courtier_slide {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  /* line 1140, ../sass/screen.scss */
  .content_liste_courtier_slide .les_courtiers_home {
    width: 23%;
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    /* line 1146, ../sass/screen.scss */
    .content_liste_courtier_slide .les_courtiers_home figure {
      width: 100%;
      overflow: hidden;
      height: 360px;
      background-color: #fff;
      -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05); }
      /* line 1153, ../sass/screen.scss */
      .content_liste_courtier_slide .les_courtiers_home figure img {
        width: 100%;
        height: auto; }
    /* line 1158, ../sass/screen.scss */
    .content_liste_courtier_slide .les_courtiers_home .avis_curent_courtier {
      width: 66px;
      height: 46px;
      background: url(/img/picto_avis.png) center center no-repeat;
      font-size: 13px;
      font-weight: 700;
      color: #ED7C36;
      text-align: center;
      display: flex;
      position: absolute;
      top: -20px;
      right: 20px;
      justify-content: center;
      line-height: 35px; }
    /* line 1173, ../sass/screen.scss */
    .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier {
      position: absolute;
      padding: 10px 0 0;
      bottom: 0;
      left: 0;
      background-color: rgba(237, 124, 54, 0.9);
      width: 100%;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      visibility: hidden;
      opacity: 0; }
      /* line 1184, ../sass/screen.scss */
      .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier a {
        color: #000;
        font-weight: 700;
        text-decoration: underline; }
      /* line 1189, ../sass/screen.scss */
      .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier a:hover {
        text-decoration: none;
        font-weight: 900; }
      /* line 1193, ../sass/screen.scss */
      .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier > * {
        padding: 0 20px; }
      /* line 1196, ../sass/screen.scss */
      .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier .courtier_nom {
        font-size: 19px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 10px; }
      /* line 1202, ../sass/screen.scss */
      .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier .courtier_etoile {
        margin-bottom: 10px;
        display: none; }
      /* line 1206, ../sass/screen.scss */
      .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier .courtier_lier {
        font-size: 13px;
        color: #fff;
        padding-bottom: 10px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.25);
        line-height: 130%; }
        /* line 1212, ../sass/screen.scss */
        .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier .courtier_lier * {
          font-size: 13px;
          color: #fff; }
        /* line 1216, ../sass/screen.scss */
        .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier .courtier_lier a {
          font-size: 13px !important;
          color: #fff !important; }
  /* line 1223, ../sass/screen.scss */
  .content_liste_courtier_slide .les_courtiers_home:hover {
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.25); }
    /* line 1226, ../sass/screen.scss */
    .content_liste_courtier_slide .les_courtiers_home:hover .detail_curent_courtier {
      visibility: visible;
      opacity: 1; }

/* fin */
/* debut style reseau et actu home */
/* line 1235, ../sass/screen.scss */
.reseau_actus_home {
  padding-bottom: 70px;
  /* minisite */ }
  /* line 1237, ../sass/screen.scss */
  .reseau_actus_home .middle_content {
    display: flex;
    justify-content: space-between; }
    /* line 1240, ../sass/screen.scss */
    .reseau_actus_home .middle_content > * {
      height: 372px;
      width: 50%;
      display: flex;
      align-items: center; }
      /* line 1245, ../sass/screen.scss */
      .reseau_actus_home .middle_content > * > .titre_bloc {
        margin-left: 35px;
        margin-right: 30px; }
  /* line 1251, ../sass/screen.scss */
  .reseau_actus_home .reseau_home {
    background: url(/img/reseau_home.jpg) no-repeat;
    background-size: cover; }
    /* line 1254, ../sass/screen.scss */
    .reseau_actus_home .reseau_home .titre_bloc {
      font-size: 35px;
      font-weight: 800;
      color: #fff;
      line-height: 120%; }
    /* line 1260, ../sass/screen.scss */
    .reseau_actus_home .reseau_home .carte_svg_fr {
      width: 90%;
      margin-top: 50px; }
    /* line 1264, ../sass/screen.scss */
    .reseau_actus_home .reseau_home .carte_svg_fr a:hover path {
      fill: #444 !important; }
  /* line 1268, ../sass/screen.scss */
  .reseau_actus_home .actu_home {
    background: url(/img/reseau_actu.jpg) no-repeat;
    background-size: cover; }
    /* line 1271, ../sass/screen.scss */
    .reseau_actus_home .actu_home > .titre_bloc {
      font-size: 35px;
      font-weight: 800;
      color: #444444;
      line-height: 120%; }
      /* line 1276, ../sass/screen.scss */
      .reseau_actus_home .actu_home > .titre_bloc span {
        color: #EC7B35; }
      /* line 1279, ../sass/screen.scss */
      .reseau_actus_home .actu_home > .titre_bloc a {
        display: inline-block;
        border: 1px solid #ED7C36;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 800;
        padding: 0px 20px;
        margin-top: 20px;
        color: #EC7B35;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      /* line 1291, ../sass/screen.scss */
      .reseau_actus_home .actu_home > .titre_bloc a:hover {
        background-color: #EC7B35;
        color: #fff; }
    /* line 1296, ../sass/screen.scss */
    .reseau_actus_home .actu_home .content_liste_actus_home {
      width: 352px;
      margin-left: 20px; }
      /* line 1299, ../sass/screen.scss */
      .reseau_actus_home .actu_home .content_liste_actus_home ul {
        list-style: none; }
        /* line 1301, ../sass/screen.scss */
        .reseau_actus_home .actu_home .content_liste_actus_home ul li {
          background: url(/img/picto_liste_actu_home.png) no-repeat;
          height: 99px;
          background-size: cover;
          padding-top: 1px; }
          /* line 1306, ../sass/screen.scss */
          .reseau_actus_home .actu_home .content_liste_actus_home ul li > * {
            margin: 0 20px; }
          /* line 1309, ../sass/screen.scss */
          .reseau_actus_home .actu_home .content_liste_actus_home ul li > .titre_bloc {
            margin-top: 15px; }
            /* line 1311, ../sass/screen.scss */
            .reseau_actus_home .actu_home .content_liste_actus_home ul li > .titre_bloc a {
              display: flex;
              align-items: center;
              font-size: 17px;
              font-weight: 600;
              color: #333; }
            /* line 1318, ../sass/screen.scss */
            .reseau_actus_home .actu_home .content_liste_actus_home ul li > .titre_bloc a:hover {
              color: #EC7B35; }
            /* line 1321, ../sass/screen.scss */
            .reseau_actus_home .actu_home .content_liste_actus_home ul li > .titre_bloc img {
              margin-right: 10px; }
          /* line 1325, ../sass/screen.scss */
          .reseau_actus_home .actu_home .content_liste_actus_home ul li .desc_actu_home {
            font-size: 13px;
            margin-top: 5px;
            line-height: 130%; }
        /* line 1331, ../sass/screen.scss */
        .reseau_actus_home .actu_home .content_liste_actus_home ul li:nth-child(even) {
          background: url(/img/picto_liste_actu_home_right.png) no-repeat; }
  /* line 1338, ../sass/screen.scss */
  .reseau_actus_home .solution_credit_minisite {
    margin-left: 50px; }
    /* line 1340, ../sass/screen.scss */
    .reseau_actus_home .solution_credit_minisite a {
      display: flex;
      width: 100%;
      align-items: center;
      margin: 30px 0;
      font-size: 19px;
      color: #fff; }
      /* line 1347, ../sass/screen.scss */
      .reseau_actus_home .solution_credit_minisite a img {
        margin-right: 10px; }

/* fin */
/* debut style share to rss */
/* line 1356, ../sass/screen.scss */
.share_to_rss {
  margin: 70px 0 0; }
  /* line 1359, ../sass/screen.scss */
  .share_to_rss .big_concent > .titre_bloc {
    font-size: 49px;
    font-weight: 900;
    text-align: center;
    line-height: 130%;
    margin-bottom: 50px; }
    /* line 1364, ../sass/screen.scss */
    .share_to_rss .big_concent > .titre_bloc span {
      color: #EC7B35; }
  /* line 1369, ../sass/screen.scss */
  .share_to_rss .big_concent ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    /* line 1373, ../sass/screen.scss */
    .share_to_rss .big_concent ul li {
      width: 27%;
      text-align: center;
      font-size: 19px;
      font-weight: 500;
      color: #fff;
      background-color: #FF7F00;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: space-around; }
      /* line 1385, ../sass/screen.scss */
      .share_to_rss .big_concent ul li a {
        display: block;
        padding: 20px 0;
        text-align: center;
        color: #fff;
        font-size: 19px; }
        /* line 1391, ../sass/screen.scss */
        .share_to_rss .big_concent ul li a img {
          display: inline-block;
          width: 65%;
          margin: 15px auto 0;
          border: 1px solid #fff;
          -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.25); }
    /* line 1402, ../sass/screen.scss */
    .share_to_rss .big_concent ul li:hover {
      -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.25); }

/* debut style last credit home */
/* line 1411, ../sass/screen.scss */
.last_credit_home {
  margin: 70px 0 0; }
  /* line 1413, ../sass/screen.scss */
  .last_credit_home .big_concent {
    background: url(/img/photo_derniers_credit.jpg) top right no-repeat;
    padding: 1px 0; }
    /* line 1416, ../sass/screen.scss */
    .last_credit_home .big_concent .liste_credit_home {
      width: 1350px;
      margin: 70px 0;
      max-width: 90%; }
      /* line 1420, ../sass/screen.scss */
      .last_credit_home .big_concent .liste_credit_home > .titre_bloc {
        font-size: 49px;
        font-weight: 900;
        text-align: center;
        line-height: 130%;
        margin-bottom: 50px; }
        /* line 1425, ../sass/screen.scss */
        .last_credit_home .big_concent .liste_credit_home > .titre_bloc span {
          color: #EC7B35; }
      /* line 1430, ../sass/screen.scss */
      .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau {
        border: 5px solid #6D7274;
        padding: 40px 20px 20px;
        background-color: #fff;
        position: relative; }
        /* line 1435, ../sass/screen.scss */
        .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table {
          width: 100%; }
          /* line 1437, ../sass/screen.scss */
          .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table th, .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table td {
            padding: 10px 20px;
            font-size: 15px;
            color: #333;
            text-align: left;
            border-right: 1px solid #fff; }
          /* line 1445, ../sass/screen.scss */
          .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table tbody tr {
            background-color: #EEEEEE; }
            /* line 1447, ../sass/screen.scss */
            .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table tbody tr td {
              font-size: 13px;
              padding: 15px 20px;
              color: #545454;
              border-bottom: 2px solid #fff; }
              /* line 1452, ../sass/screen.scss */
              .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table tbody tr td a {
                color: #ED7C36;
                font-weight: 700; }
                /* line 1455, ../sass/screen.scss */
                .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table tbody tr td a img {
                  display: inline-block;
                  margin-left: 10px;
                  position: relative;
                  top: 3px; }
            /* line 1463, ../sass/screen.scss */
            .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table tbody tr .taux {
              background-color: #ED7C36;
              font-weight: 700;
              color: #fff; }
          /* line 1469, ../sass/screen.scss */
          .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table tbody tr:nth-child(even) {
            background-color: #F7F7F7; }
      /* line 1475, ../sass/screen.scss */
      .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau:before {
        display: block;
        width: 100%;
        content: '';
        height: 25px;
        background: url(/img/picto_4.png) center center no-repeat;
        position: absolute;
        top: -25px;
        left: 0; }

/* fin */
/* debut style list simulateur pret home */
/* line 1492, ../sass/screen.scss */
.sim_pret_immo {
  margin: 70px 0 0; }
  /* line 1494, ../sass/screen.scss */
  .sim_pret_immo .titre_bloc {
    font-size: 49px;
    font-weight: 900;
    text-align: center;
    line-height: 130%;
    margin-bottom: 50px; }
    /* line 1499, ../sass/screen.scss */
    .sim_pret_immo .titre_bloc span {
      color: #EC7B35; }
  /* line 1504, ../sass/screen.scss */
  .sim_pret_immo .liste_sim_pret_immo_home {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    margin: 60px 0; }
    /* line 1509, ../sass/screen.scss */
    .sim_pret_immo .liste_sim_pret_immo_home > div {
      width: 13%;
      text-align: center; }
      /* line 1512, ../sass/screen.scss */
      .sim_pret_immo .liste_sim_pret_immo_home > div figure {
        text-align: center; }
        /* line 1514, ../sass/screen.scss */
        .sim_pret_immo .liste_sim_pret_immo_home > div figure img, .sim_pret_immo .liste_sim_pret_immo_home > div figure a {
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        /* line 1519, ../sass/screen.scss */
        .sim_pret_immo .liste_sim_pret_immo_home > div figure a:hover img {
          position: relative;
          top: -10px; }
      /* line 1525, ../sass/screen.scss */
      .sim_pret_immo .liste_sim_pret_immo_home > div .titre {
        margin: 20px 0;
        font-size: 16px;
        font-weight: 900;
        color: #6C7272; }
        /* line 1530, ../sass/screen.scss */
        .sim_pret_immo .liste_sim_pret_immo_home > div .titre a {
          font-size: 16px;
          font-weight: 900;
          color: #6C7272;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        /* line 1537, ../sass/screen.scss */
        .sim_pret_immo .liste_sim_pret_immo_home > div .titre a:hover {
          color: #EC7B35; }
      /* line 1541, ../sass/screen.scss */
      .sim_pret_immo .liste_sim_pret_immo_home > div .desc_list_sim {
        line-height: 120%;
        font-size: 13px;
        color: #878787;
        min-height: 70px; }

/* fin */
/* debut style divers offre home */
/* line 1553, ../sass/screen.scss */
.divers_offre_home {
  margin: 70px 0 0;
  padding: 1px 0; }
  /* line 1556, ../sass/screen.scss */
  .divers_offre_home .big_concent {
    padding: 70px 0;
    background: #F2F2F2; }
    /* line 1559, ../sass/screen.scss */
    .divers_offre_home .big_concent .middle_content {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      /* line 1563, ../sass/screen.scss */
      .divers_offre_home .big_concent .middle_content figure {
        max-width: 32%;
        position: relative; }
        /* line 1566, ../sass/screen.scss */
        .divers_offre_home .big_concent .middle_content figure img {
          width: 100%;
          height: auto; }
        /* line 1570, ../sass/screen.scss */
        .divers_offre_home .big_concent .middle_content figure a {
          text-align: center; }
          /* line 1572, ../sass/screen.scss */
          .divers_offre_home .big_concent .middle_content figure a span {
            position: absolute;
            text-align: center;
            display: block;
            bottom: 40px;
            font-size: 23px;
            text-transform: uppercase;
            font-weight: 600;
            color: #fff;
            line-height: 110%;
            padding: 0 5%;
            width: 90%; }

/* line 1590, ../sass/screen.scss */
.bottom_honoraires {
  margin-top: 0; }

/* fin */
/* debut style avis client home */
/* line 1596, ../sass/screen.scss */
.avis_client_home {
  margin: 70px 0 0;
  padding: 1px 0; }
  /* line 1599, ../sass/screen.scss */
  .avis_client_home .middle_content {
    display: flex;
    align-items: center; }
    /* line 1602, ../sass/screen.scss */
    .avis_client_home .middle_content .list_avis_home {
      width: 55%;
      text-align: right;
      background: url(/img/picto_5.png) left center no-repeat; }
    /* line 1607, ../sass/screen.scss */
    .avis_client_home .middle_content .all_avis_home {
      width: 40%;
      background: url(/img/picto_6.png) left center no-repeat; }
      /* line 1610, ../sass/screen.scss */
      .avis_client_home .middle_content .all_avis_home .titre_bloc {
        margin-left: 130px;
        font-size: 49px;
        text-transform: uppercase;
        font-weight: 900;
        line-height: 110%;
        color: #6C7272; }
        /* line 1617, ../sass/screen.scss */
        .avis_client_home .middle_content .all_avis_home .titre_bloc span {
          color: #EB7A34; }
      /* line 1621, ../sass/screen.scss */
      .avis_client_home .middle_content .all_avis_home .desc_bloc {
        margin: 20px 0 20px 130px;
        font-size: 24px;
        color: #999999;
        line-height: 130%; }
      /* line 1627, ../sass/screen.scss */
      .avis_client_home .middle_content .all_avis_home .link {
        margin-left: 130px; }
        /* line 1629, ../sass/screen.scss */
        .avis_client_home .middle_content .all_avis_home .link a {
          display: inline-block;
          border: 1px solid #ED7C36;
          font-size: 14px;
          text-transform: uppercase;
          font-weight: 800;
          padding: 15px 25px;
          margin-top: 20px;
          color: #EC7B35;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        /* line 1641, ../sass/screen.scss */
        .avis_client_home .middle_content .all_avis_home .link a:hover {
          color: #fff;
          background-color: #ED7C36; }
  /* line 1648, ../sass/screen.scss */
  .avis_client_home .content_list_avis_home {
    width: 85%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    display: inline-block; }
    /* line 1658, ../sass/screen.scss */
    .avis_client_home .content_list_avis_home ul li {
      padding: 30px 20px;
      border-bottom: 1px solid #DDDDDD;
      text-align: left; }
      /* line 1662, ../sass/screen.scss */
      .avis_client_home .content_list_avis_home ul li .titre_bloc {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px; }
        /* line 1667, ../sass/screen.scss */
        .avis_client_home .content_list_avis_home ul li .titre_bloc p {
          font-size: 18px;
          font-weight: 700;
          color: #EC7B35; }
      /* line 1673, ../sass/screen.scss */
      .avis_client_home .content_list_avis_home ul li .date_avis {
        font-size: 12px;
        color: #AAAAAA;
        margin-bottom: 10px; }
      /* line 1678, ../sass/screen.scss */
      .avis_client_home .content_list_avis_home ul li .desc_avis {
        font-size: 14px;
        line-height: 150%; }
    /* line 1683, ../sass/screen.scss */
    .avis_client_home .content_list_avis_home ul li:last-child {
      border: none; }

/* fin */
/* debut style minisite action home */
/* line 1692, ../sass/screen.scss */
.minisite_action_home {
  position: relative;
  top: -80px;
  z-index: 99; }
  /* line 1696, ../sass/screen.scss */
  .minisite_action_home .big_concent {
    display: flex;
    align-items: flex-start;
    justify-content: space-around; }
    /* line 1700, ../sass/screen.scss */
    .minisite_action_home .big_concent figure {
      position: relative; }
      /* line 1702, ../sass/screen.scss */
      .minisite_action_home .big_concent figure span {
        position: absolute;
        left: 30px;
        bottom: 60px;
        font-size: 18px;
        font-weight: 700;
        color: #333;
        line-height: 130%; }
      /* line 1711, ../sass/screen.scss */
      .minisite_action_home .big_concent figure span:after {
        content: '';
        display: block;
        height: 2px;
        width: 40px;
        background: #ED7C36;
        margin-top: 10px; }

/* fin */
/* debut style minisite taux de credit home */
/* line 1725, ../sass/screen.scss */
.taux_credit_home, #dossiers_de_pret {
  padding: 50px 0 1px; }
  /* line 1727, ../sass/screen.scss */
  .taux_credit_home .middle_content, #dossiers_de_pret .middle_content {
    margin-bottom: 50px;
    border-bottom: 1px solid #CCC; }
  /* line 1731, ../sass/screen.scss */
  .taux_credit_home .titre_bloc, #dossiers_de_pret .titre_bloc {
    text-align: center;
    font-weight: 900;
    font-size: 49px;
    line-height: 120%;
    color: #6C7272;
    text-shadow: 3px 3px 0px #FFFFFF;
    margin-bottom: 70px; }
    /* line 1739, ../sass/screen.scss */
    .taux_credit_home .titre_bloc span,
    .taux_credit_home .titre_bloc a, #dossiers_de_pret .titre_bloc span,
    #dossiers_de_pret .titre_bloc a {
      color: #EB7A34; }
    /* line 1743, ../sass/screen.scss */
    .taux_credit_home .titre_bloc a:hover, #dossiers_de_pret .titre_bloc a:hover {
      text-decoration: underline; }
  /* line 1747, ../sass/screen.scss */
  .taux_credit_home .content_list_taux_credit_slide, #dossiers_de_pret .content_list_taux_credit_slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    /* line 1752, ../sass/screen.scss */
    .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit {
      width: 23%;
      height: 400px;
      overflow: hidden;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      background: #F2F2F2;
      margin-bottom: 50px; }
      /* line 1762, ../sass/screen.scss */
      .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit > div, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit > div {
        width: 100%;
        height: 130px;
        text-align: center;
        padding: 1px 0; }
        /* line 1767, ../sass/screen.scss */
        .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit > div span, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit > div span {
          display: block;
          margin: 20px 0 20px;
          font-size: 17px;
          font-weight: 500;
          color: #fff; }
      /* line 1775, ../sass/screen.scss */
      .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_sur, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit .taux_sur {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5f6465+0,6c7273+100 */
        background: #5f6465;
        /* Old browsers */
        background: -moz-linear-gradient(top, #5f6465 0%, #6c7273 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #5f6465 0%, #6c7273 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #5f6465 0%, #6c7273 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6465', endColorstr='#6c7273',GradientType=0 );
        /* IE6-9 */
        font-size: 49px;
        font-weight: 900;
        color: #fff;
        -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5); }
      /* line 1788, ../sass/screen.scss */
      .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_fixe, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit .taux_fixe {
        background: #fff;
        font-size: 65px;
        color: #ED7C36;
        font-weight: 900; }
        /* line 1790, ../sass/screen.scss */
        .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_fixe span, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit .taux_fixe span {
          color: #ED7C36;
          margin-bottom: 10px; }
      /* line 1798, ../sass/screen.scss */
      .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_link, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit .taux_link {
        display: flex;
        align-items: center;
        justify-content: center; }
        /* line 1802, ../sass/screen.scss */
        .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_link a, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit .taux_link a {
          display: inline-block;
          border: 1px solid #ED7C36;
          font-size: 14px;
          text-transform: uppercase;
          font-weight: 700;
          padding: 15px 25px;
          color: #EC7B35; }
    /* line 1813, ../sass/screen.scss */
    .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit:hover, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit:hover {
      background-color: #ED7C36; }
      /* line 1816, ../sass/screen.scss */
      .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit:hover .taux_link a, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit:hover .taux_link a {
        border: 1px solid #fff;
        color: #fff;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      /* line 1822, ../sass/screen.scss */
      .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit:hover .taux_link a:hover, #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit:hover .taux_link a:hover {
        color: #EC7B35;
        background-color: #fff; }

/* line 1831, ../sass/screen.scss */
body.minisite .taux_credit_home .content_list_taux_credit_slide {
  justify-content: space-around; }
  /* line 1833, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit:nth-child(7) {
    display: none; }
  /* line 1836, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit {
    height: 250px;
    width: 15%; }
    /* line 1839, ../sass/screen.scss */
    body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit > div {
      height: 80px; }
    /* line 1842, ../sass/screen.scss */
    body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit .taux_sur {
      font-size: 30px; }
      /* line 1844, ../sass/screen.scss */
      body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit .taux_sur span {
        margin: 14px 0 5px;
        font-size: 13px; }
    /* line 1849, ../sass/screen.scss */
    body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit .taux_fixe {
      font-size: 32px; }
      /* line 1851, ../sass/screen.scss */
      body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit .taux_fixe span {
        margin: 13px 0 10px;
        font-size: 13px; }
    /* line 1857, ../sass/screen.scss */
    body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit .taux_link a {
      font-size: 11px;
      padding: 10px 10px; }
/* line 1864, ../sass/screen.scss */
body.minisite .taux_credit_home.bg_gris .big_content {
  margin-bottom: 50px;
  border-bottom: 1px solid #CCC; }

/* line 1870, ../sass/screen.scss */
.content_dossier_pret ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  /* line 1875, ../sass/screen.scss */
  .content_dossier_pret ul li {
    width: 46%;
    margin-bottom: 30px;
    padding: 20px;
    background-color: #fff;
    -webkit-border-radius: 6px;
    border-radius: 6px; }
    /* line 1882, ../sass/screen.scss */
    .content_dossier_pret ul li * {
      font-size: 17px !important;
      line-height: 130% !important; }
    /* line 1886, ../sass/screen.scss */
    .content_dossier_pret ul li h3 {
      font-size: 21px !important;
      text-transform: uppercase; }
      /* line 1889, ../sass/screen.scss */
      .content_dossier_pret ul li h3 * {
        font-size: 21px !important; }
    /* line 1893, ../sass/screen.scss */
    .content_dossier_pret ul li h4 {
      color: #999;
      font-style: italic;
      margin-bottom: 20px; }
    /* line 1898, ../sass/screen.scss */
    .content_dossier_pret ul li .right.noteAvis {
      width: 100% !important;
      margin: 0 !important; }
      /* line 1901, ../sass/screen.scss */
      .content_dossier_pret ul li .right.noteAvis h4 {
        font-size: 27px !important;
        text-transform: uppercase !important;
        font-weight: 900 !important; }
        /* line 1905, ../sass/screen.scss */
        .content_dossier_pret ul li .right.noteAvis h4 strong {
          padding: 0 !important;
          margin: 0 !important;
          background: none !important;
          font-size: 27px !important;
          color: #ff6600 !important; }
      /* line 1913, ../sass/screen.scss */
      .content_dossier_pret ul li .right.noteAvis div.lien {
        background-color: #ff6600 !important;
        text-transform: uppercase !important;
        font-size: 17px !important;
        color: #fff !important; }
        /* line 1918, ../sass/screen.scss */
        .content_dossier_pret ul li .right.noteAvis div.lien a {
          color: #fff !important;
          display: block !important; }
        /* line 1922, ../sass/screen.scss */
        .content_dossier_pret ul li .right.noteAvis div.lien a:hover {
          color: #ff6600 !important; }
      /* line 1926, ../sass/screen.scss */
      .content_dossier_pret ul li .right.noteAvis div.lien:hover {
        background-color: #fff !important;
        color: #ff6600 !important; }
        /* line 1929, ../sass/screen.scss */
        .content_dossier_pret ul li .right.noteAvis div.lien:hover a {
          color: #ff6600 !important; }
    /* line 1935, ../sass/screen.scss */
    .content_dossier_pret ul li .courtierGratuit a {
      padding: 10px 20px;
      text-transform: uppercase;
      font-size: 17px !important;
      color: #ff6600 !important;
      border: 1px solid #ff6600 !important;
      display: inline-block; }
    /* line 1943, ../sass/screen.scss */
    .content_dossier_pret ul li .courtierGratuit a:hover {
      text-decoration: none !important;
      background-color: #ff6600 !important;
      color: #fff !important; }
    /* line 1949, ../sass/screen.scss */
    .content_dossier_pret ul li .left.avis {
      margin: 0 auto !important;
      padding: 20px 0 !important;
      width: 90% !important; }

/* page coutier par ville */
/* line 1958, ../sass/screen.scss */
.taux_credit_courtier {
  padding: 1px 0; }
  /* line 1960, ../sass/screen.scss */
  .taux_credit_courtier .middle_content {
    border-bottom: 0; }

/* fin */
/* debut style minisite detail courtier home */
/* line 1967, ../sass/screen.scss */
.detail_courier_minisite_home {
  margin: 70px 0 0;
  padding: 1px 0; }
  /* line 1970, ../sass/screen.scss */
  .detail_courier_minisite_home .middle_content, .detail_courier_minisite_home .big_concent {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  /* line 1975, ../sass/screen.scss */
  .detail_courier_minisite_home .courtier_minisite_home {
    width: 30%;
    height: 550px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    /* line 1984, ../sass/screen.scss */
    .detail_courier_minisite_home .courtier_minisite_home figure {
      width: 100%;
      height: 290px;
      overflow: hidden;
      position: relative; }
      /* line 1989, ../sass/screen.scss */
      .detail_courier_minisite_home .courtier_minisite_home figure img {
        width: 100%;
        height: auto;
        position: relative; }
    /* line 1995, ../sass/screen.scss */
    .detail_courier_minisite_home .courtier_minisite_home figure:after {
      width: 52px;
      height: 27px;
      display: block;
      content: '';
      background: url(/img/picto_4_white.png) center center no-repeat;
      position: absolute;
      bottom: 0px;
      right: 20px; }
    /* line 2005, ../sass/screen.scss */
    .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite {
      display: flex;
      padding: 20px;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap; }
      /* line 2011, ../sass/screen.scss */
      .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite p {
        font-size: 17px;
        font-weight: bold;
        line-height: 130%;
        width: 35%;
        color: #EC7B35; }
      /* line 2018, ../sass/screen.scss */
      .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite p:after {
        content: '';
        display: block;
        width: 50px;
        height: 2px;
        background: #EC7B35;
        margin-top: 10px; }
      /* line 2026, ../sass/screen.scss */
      .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite > div {
        font-size: 15px;
        line-height: 150%;
        color: #333;
        width: 60%;
        font-weight: 700;
        max-height: 220px;
        overflow-y: scroll; }
        /* line 2034, ../sass/screen.scss */
        .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite > div span {
          font-weight: 400; }
        /* line 2037, ../sass/screen.scss */
        .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite > div a {
          color: #EC7B35; }
        /* line 2040, ../sass/screen.scss */
        .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite > div a:hover {
          text-decoration: underline; }
  /* line 2046, ../sass/screen.scss */
  .detail_courier_minisite_home .box_link {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    /* IE6-9 */
    background-image: url(/img/minisite_box_link.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    text-align: center; }
    /* line 2058, ../sass/screen.scss */
    .detail_courier_minisite_home .box_link span, .detail_courier_minisite_home .box_link strong {
      display: block;
      text-align: center; }
    /* line 2062, ../sass/screen.scss */
    .detail_courier_minisite_home .box_link span {
      font-weight: 700;
      font-size: 21px;
      color: #333;
      text-transform: uppercase;
      margin-top: 50%; }
    /* line 2069, ../sass/screen.scss */
    .detail_courier_minisite_home .box_link strong {
      font-size: 68px;
      font-weight: 900;
      color: #EC7B35;
      margin-top: 20px; }
    /* line 2075, ../sass/screen.scss */
    .detail_courier_minisite_home .box_link a {
      display: inline-block;
      margin-top: 45px;
      padding: 15px 50px;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7f00+0,ed7c36+100 */
      background: #ff7f00;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ff7f00 0%, #ed7c36 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ff7f00 0%, #ed7c36 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ff7f00 0%, #ed7c36 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f00', endColorstr='#ed7c36',GradientType=0 );
      /* IE6-9 */
      text-transform: uppercase;
      font-size: 18px;
      font-weight: 700;
      color: #fff;
      position: relative;
      right: inherit; }
    /* line 2092, ../sass/screen.scss */
    .detail_courier_minisite_home .box_link a:after {
      content: '';
      background: url(/img/picto_8.png) center center no-repeat;
      display: block;
      height: 30px;
      width: 100%;
      position: absolute;
      bottom: -25px;
      left: 0; }
  /* line 2103, ../sass/screen.scss */
  .detail_courier_minisite_home .box_link:before {
    content: '';
    width: 193px;
    height: 160px;
    background: url(/img/minisite_box_link_house.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }

/* fin */
/* debut style minisite detail courtier home */
/* line 2117, ../sass/screen.scss */
.reseau_courtier_map {
  margin: 70px 0; }
  /* line 2119, ../sass/screen.scss */
  .reseau_courtier_map .big_concent {
    background: #EF8C4E url(/img/reseau_bg.png) no-repeat;
    background-position: 25% center; }
    /* line 2122, ../sass/screen.scss */
    .reseau_courtier_map .big_concent .titre_bloc {
      font-size: 49px;
      font-weight: 900;
      color: #fff;
      margin: 0px 30px 30px;
      text-shadow: 2px 2px 0 #333;
      text-align: center; }
      /* line 2129, ../sass/screen.scss */
      .reseau_courtier_map .big_concent .titre_bloc span {
        color: #6C7272;
        text-shadow: 2px 2px 0 #fff; }
    /* line 2134, ../sass/screen.scss */
    .reseau_courtier_map .big_concent .sous_content_rs {
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: 0 30px; }
    /* line 2140, ../sass/screen.scss */
    .reseau_courtier_map .big_concent .reseau_courtier {
      width: 50%; }
      /* line 2142, ../sass/screen.scss */
      .reseau_courtier_map .big_concent .reseau_courtier .reseau_desc {
        font-size: 17px;
        line-height: 130%;
        color: #fff;
        margin-bottom: 30px; }
    /* line 2149, ../sass/screen.scss */
    .reseau_courtier_map .big_concent .reseau_map {
      padding: 0;
      background-color: #FDF4EE8C;
      margin: 1px 0;
      width: 500px;
      height: 325px;
      overflow: hidden;
      text-align: center; }
      /* line 2157, ../sass/screen.scss */
      .reseau_courtier_map .big_concent .reseau_map svg {
        width: 70%;
        height: auto;
        margin: 0 auto;
        position: relative;
        top: -70px; }
      /* line 2164, ../sass/screen.scss */
      .reseau_courtier_map .big_concent .reseau_map svg a:hover path {
        fill: #ff6500 !important; }
    /* line 2168, ../sass/screen.scss */
    .reseau_courtier_map .big_concent .link {
      text-align: center; }
      /* line 2170, ../sass/screen.scss */
      .reseau_courtier_map .big_concent .link a {
        display: inline-block;
        padding: 15px 50px;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        position: relative;
        border: 1px solid #fff; }

/* fin */
/* debut style evolution taux courtier */
/* line 2186, ../sass/screen.scss */
.evolution_taux_courtier {
  margin: 70px 0; }
  /* line 2189, ../sass/screen.scss */
  .evolution_taux_courtier .big_concent .titre_bloc {
    text-align: center;
    font-weight: 900;
    font-size: 49px;
    line-height: 120%;
    color: #6C7272;
    text-shadow: 3px 3px 0px #FFFFFF;
    margin-bottom: 70px; }
    /* line 2197, ../sass/screen.scss */
    .evolution_taux_courtier .big_concent .titre_bloc span {
      color: #EB7A34; }
  /* line 2201, ../sass/screen.scss */
  .evolution_taux_courtier .big_concent .content_evo_taux {
    margin-bottom: 150px; }

/* fin */
/* debut style partenaire */
/* line 2209, ../sass/screen.scss */
.content_base_partenaire {
  position: relative; }
  /* line 2211, ../sass/screen.scss */
  .content_base_partenaire .big_concent {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 10;
    position: relative;
    background: #fff url(/img/partenaire_map.png) no-repeat;
    background-position: 270px center; }
    /* line 2223, ../sass/screen.scss */
    .content_base_partenaire .big_concent .nombre_partenaire {
      width: 30%;
      text-align: center; }
      /* line 2226, ../sass/screen.scss */
      .content_base_partenaire .big_concent .nombre_partenaire span {
        display: block; }
      /* line 2229, ../sass/screen.scss */
      .content_base_partenaire .big_concent .nombre_partenaire .total_part {
        font-size: 175px;
        color: #EB7A34;
        font-weight: 900; }
      /* line 2234, ../sass/screen.scss */
      .content_base_partenaire .big_concent .nombre_partenaire .txt_part {
        font-size: 42px;
        font-weight: 900;
        color: #6C7272;
        letter-spacing: 7px; }
      /* line 2240, ../sass/screen.scss */
      .content_base_partenaire .big_concent .nombre_partenaire .bas_part {
        letter-spacing: 4px; }
      /* line 2243, ../sass/screen.scss */
      .content_base_partenaire .big_concent .nombre_partenaire .pays_part {
        font-size: 74px;
        color: #EB7A34;
        font-weight: 900;
        margin-top: 15px; }
    /* line 2250, ../sass/screen.scss */
    .content_base_partenaire .big_concent .liste_region_partenaire {
      margin: 50px 0;
      width: 60%; }
      /* line 2253, ../sass/screen.scss */
      .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc {
        font-size: 49px;
        font-weight: 900;
        color: #6C7272;
        line-height: 100%;
        text-align: center;
        margin-bottom: 50px; }
        /* line 2260, ../sass/screen.scss */
        .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc span {
          color: #EB7933; }
      /* line 2264, ../sass/screen.scss */
      .content_base_partenaire .big_concent .liste_region_partenaire .numeration_liste_region {
        font-size: 26px;
        line-height: 150%;
        color: #6C7272;
        text-align: center; }
        /* line 2269, ../sass/screen.scss */
        .content_base_partenaire .big_concent .liste_region_partenaire .numeration_liste_region a {
          display: inline-block;
          margin: 0 10px;
          font-size: 21px;
          color: #6C7272;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        /* line 2277, ../sass/screen.scss */
        .content_base_partenaire .big_concent .liste_region_partenaire .numeration_liste_region a:hover {
          color: #EB7933; }
      /* line 2281, ../sass/screen.scss */
      .content_base_partenaire .big_concent .liste_region_partenaire .link {
        margin-top: 50px;
        text-align: center; }
        /* line 2284, ../sass/screen.scss */
        .content_base_partenaire .big_concent .liste_region_partenaire .link a {
          display: inline-block;
          padding: 15px 50px;
          text-transform: uppercase;
          font-size: 18px;
          font-weight: 700;
          color: #EB7933;
          position: relative;
          border: 1px solid #EB7933;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        /* line 2296, ../sass/screen.scss */
        .content_base_partenaire .big_concent .liste_region_partenaire .link a:hover {
          background-color: #EB7933;
          color: #fff; }
      /* line 2301, ../sass/screen.scss */
      .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage {
        background-color: #f2f2f2; }
        /* line 2303, ../sass/screen.scss */
        .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage > div {
          display: flex;
          align-items: center;
          justify-content: space-around; }
          /* line 2307, ../sass/screen.scss */
          .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage > div label {
            font-size: 19px !important; }
          /* line 2310, ../sass/screen.scss */
          .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage > div span, .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage > div > div {
            width: 40% !important; }
            /* line 2312, ../sass/screen.scss */
            .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage > div span input, .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage > div span textarea, .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage > div > div input, .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage > div > div textarea {
              background-color: #fff !important; }
          /* line 2316, ../sass/screen.scss */
          .content_base_partenaire .big_concent .liste_region_partenaire .form_temoignage > div .g-recaptcha {
            margin: 0 auto;
            width: inherit; }
  /* line 2324, ../sass/screen.scss */
  .content_base_partenaire .for_form_mini {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: none !important; }
    /* line 2330, ../sass/screen.scss */
    .content_base_partenaire .for_form_mini .liste_region_partenaire {
      border: none !important;
      background: none !important; }
      /* line 2333, ../sass/screen.scss */
      .content_base_partenaire .for_form_mini .liste_region_partenaire #SignupForm {
        display: block;
        width: 100%; }
    /* line 2338, ../sass/screen.scss */
    .content_base_partenaire .for_form_mini .submitFormAvis {
      text-align: center !important; }
      /* line 2340, ../sass/screen.scss */
      .content_base_partenaire .for_form_mini .submitFormAvis input {
        background-color: #fff !important; }

/* line 2346, ../sass/screen.scss */
.content_base_partenaire:after {
  position: absolute;
  content: '';
  display: block;
  height: 120px;
  width: 100%;
  background-color: #F2F2F2;
  left: 0;
  bottom: 0;
  z-index: 1; }

/* line 2357, ../sass/screen.scss */
.depot_temoignage:after {
  height: 60%;
  bottom: -100px; }

/* line 2361, ../sass/screen.scss */
.contenu_static {
  background-color: #F2F2F2; }
  /* line 2364, ../sass/screen.scss */
  .contenu_static .big_concent .liste_region_partenaire {
    width: 90%; }
    /* line 2366, ../sass/screen.scss */
    .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region {
      text-align: left; }
      /* line 2368, ../sass/screen.scss */
      .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region * {
        font-size: 19px; }
      /* line 2371, ../sass/screen.scss */
      .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region a {
        color: #EC7B35; }
      /* line 2374, ../sass/screen.scss */
      .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region a:hover {
        text-decoration: underline; }
      /* line 2378, ../sass/screen.scss */
      .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region ul li {
        padding-left: 15px;
        background: url(/img/picto_2.png) left center no-repeat; }
    /* line 2384, ../sass/screen.scss */
    .contenu_static .big_concent .liste_region_partenaire .contenu_cat {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      /* line 2388, ../sass/screen.scss */
      .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div {
        width: 21%;
        background-color: #f2f2f2;
        margin-bottom: 30px;
        padding: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
        /* line 2395, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div h2 {
          text-align: center;
          line-height: 120%;
          margin: 10px 0; }
          /* line 2399, ../sass/screen.scss */
          .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div h2 img {
            min-height: 250px;
            max-width: 90%;
            margin: 30px 0;
            border: 5px solid #fff;
            height: auto; }
          /* line 2406, ../sass/screen.scss */
          .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div h2 a {
            font-size: 21px;
            line-height: 120%; }
        /* line 2411, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div p, .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div div {
          font-size: 15px;
          text-align: center;
          line-height: 130%; }
          /* line 2415, ../sass/screen.scss */
          .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div p *, .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div div * {
            font-size: 15px;
            line-height: 120%; }
      /* line 2421, ../sass/screen.scss */
      .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div:hover {
        background-color: #EB7933; }
        /* line 2423, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div:hover a {
          color: #fff; }
        /* line 2426, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div:hover p, .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div:hover div {
          color: #fff; }
          /* line 2428, ../sass/screen.scss */
          .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div:hover p *, .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div:hover div * {
            color: #fff; }
      /* line 2433, ../sass/screen.scss */
      .contenu_static .big_concent .liste_region_partenaire .contenu_cat .contentContact {
        width: 100%;
        padding: 40px; }
        /* line 2437, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat .contentContact .left p {
          font-size: 19px;
          line-height: 150%;
          text-align: left; }
        /* line 2445, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat .contentContact .right .contentFormInt label {
          text-align: left; }
        /* line 2448, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat .contentContact .right .contentFormInt p {
          text-align: left; }
        /* line 2452, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat .contentContact .right .contentFormInt:hover {
          background: none; }
        /* line 2456, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat .contentContact .right .link_to a {
          margin: 0; }
          /* line 2458, ../sass/screen.scss */
          .contenu_static .big_concent .liste_region_partenaire .contenu_cat .contentContact .right .link_to a button, .contenu_static .big_concent .liste_region_partenaire .contenu_cat .contentContact .right .link_to a input {
            border: none;
            background: none;
            color: #fff;
            text-transform: uppercase;
            font-size: 21px; }
      /* line 2469, ../sass/screen.scss */
      .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover {
        background-color: #f2f2f2; }
        /* line 2471, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover a, .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover strong {
          color: #EB7933;
          margin: inherit; }
        /* line 2475, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover p, .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover div {
          color: inherit;
          background-color: none; }
          /* line 2478, ../sass/screen.scss */
          .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover p *, .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover div * {
            color: inherit; }
        /* line 2483, ../sass/screen.scss */
        .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover .link_to a {
          margin: 0; }
          /* line 2485, ../sass/screen.scss */
          .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover .link_to a button, .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div.contentContact:hover .link_to a input {
            border: none;
            background: none; }
  /* line 2495, ../sass/screen.scss */
  .contenu_static .left.avis {
    width: inherit !important;
    margin: 0 !important;
    padding: 20px 5px !important; }
  /* line 2500, ../sass/screen.scss */
  .contenu_static .right.noteAvis {
    width: inherit !important;
    font-size: 21px !important;
    padding: 15px 0 20px !important;
    min-height: inherit !important; }
    /* line 2505, ../sass/screen.scss */
    .contenu_static .right.noteAvis * {
      font-size: 21px !important; }
  /* line 2509, ../sass/screen.scss */
  .contenu_static .contentDescAvis {
    background-color: rgba(255, 255, 255, 0.75) !important; }
  /* line 2512, ../sass/screen.scss */
  .contenu_static .contentDescAvis:hover {
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0.15) !important; }

/* line 2517, ../sass/screen.scss */
.contenu_static:after {
  background-color: #ffffff; }

/* line 2520, ../sass/screen.scss */
.contenu_static:before {
  position: absolute;
  content: '';
  display: block;
  height: 120px;
  width: 100%;
  background-color: #ffffff;
  left: 0;
  top: 0;
  z-index: 1; }

/* fin */
/* correction ckeditor */
/* line 2536, ../sass/screen.scss */
body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats div, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats span, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats iframe, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h1, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h2, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h3, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h4, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h5, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h6, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats a, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats cite, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats em, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats strong, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats b, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats u, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats i, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats center, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats dl, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats dt, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats dd, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats ol, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats ul, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats li, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats table, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats tbody, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats tfoot, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats thead, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats tr, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats th, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats td, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats p,
body.minisite .texte_intro_home .suber_content div,
body.minisite .texte_intro_home .suber_content span,
body.minisite .texte_intro_home .suber_content iframe,
body.minisite .texte_intro_home .suber_content h1,
body.minisite .texte_intro_home .suber_content h2,
body.minisite .texte_intro_home .suber_content h3,
body.minisite .texte_intro_home .suber_content h4,
body.minisite .texte_intro_home .suber_content h5,
body.minisite .texte_intro_home .suber_content h6,
body.minisite .texte_intro_home .suber_content a,
body.minisite .texte_intro_home .suber_content cite,
body.minisite .texte_intro_home .suber_content em,
body.minisite .texte_intro_home .suber_content strong,
body.minisite .texte_intro_home .suber_content b,
body.minisite .texte_intro_home .suber_content u,
body.minisite .texte_intro_home .suber_content i,
body.minisite .texte_intro_home .suber_content center,
body.minisite .texte_intro_home .suber_content dl,
body.minisite .texte_intro_home .suber_content dt,
body.minisite .texte_intro_home .suber_content dd,
body.minisite .texte_intro_home .suber_content ol,
body.minisite .texte_intro_home .suber_content ul,
body.minisite .texte_intro_home .suber_content li,
body.minisite .texte_intro_home .suber_content table,
body.minisite .texte_intro_home .suber_content tbody,
body.minisite .texte_intro_home .suber_content tfoot,
body.minisite .texte_intro_home .suber_content thead,
body.minisite .texte_intro_home .suber_content tr,
body.minisite .texte_intro_home .suber_content th,
body.minisite .texte_intro_home .suber_content td,
body.minisite .texte_intro_home .suber_content p {
  margin: revert;
  padding: revert;
  font-size: 15px;
  line-height: 150%; }
/* line 2542, ../sass/screen.scss */
body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h1, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h2, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h3, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h4, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h5, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h6, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats b, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats strong,
body.minisite .texte_intro_home .suber_content h1,
body.minisite .texte_intro_home .suber_content h2,
body.minisite .texte_intro_home .suber_content h3,
body.minisite .texte_intro_home .suber_content h4,
body.minisite .texte_intro_home .suber_content h5,
body.minisite .texte_intro_home .suber_content h6,
body.minisite .texte_intro_home .suber_content b,
body.minisite .texte_intro_home .suber_content strong {
  font-weight: 700; }
/* line 2545, ../sass/screen.scss */
body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h1, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h1 *,
body.minisite .texte_intro_home .suber_content h1,
body.minisite .texte_intro_home .suber_content h1 * {
  font-size: 36px; }
/* line 2548, ../sass/screen.scss */
body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h2, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h2 *,
body.minisite .texte_intro_home .suber_content h2,
body.minisite .texte_intro_home .suber_content h2 * {
  font-size: 26px; }
/* line 2551, ../sass/screen.scss */
body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h3, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h3,
body.minisite .texte_intro_home .suber_content h3,
body.minisite .texte_intro_home .suber_content h3 {
  font-size: 22px; }
/* line 2554, ../sass/screen.scss */
body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h4, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h4 *,
body.minisite .texte_intro_home .suber_content h4,
body.minisite .texte_intro_home .suber_content h4 * {
  font-size: 18px; }
/* line 2557, ../sass/screen.scss */
body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h5, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h5 *,
body.minisite .texte_intro_home .suber_content h5,
body.minisite .texte_intro_home .suber_content h5 * {
  font-size: 16px; }
/* line 2560, ../sass/screen.scss */
body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h6, body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region.contenu_cats h6 *,
body.minisite .texte_intro_home .suber_content h6,
body.minisite .texte_intro_home .suber_content h6 * {
  font-size: 15px; }

/* page formulaire simple */
/* line 2566, ../sass/screen.scss */
.contenu_form_simple {
  background-color: #F2F2F2; }
  /* line 2568, ../sass/screen.scss */
  .contenu_form_simple > .titre_bloc {
    font-size: 31px;
    text-align: center;
    font-weight: 900;
    color: #6C7273;
    line-height: 120%;
    margin-bottom: 40px;
    position: relative;
    z-index: 999;
    text-transform: uppercase; }
    /* line 2578, ../sass/screen.scss */
    .contenu_form_simple > .titre_bloc span {
      color: #EC7B35; }
  /* line 2582, ../sass/screen.scss */
  .contenu_form_simple .form_concent {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 10;
    position: relative;
    background: #fff url(/img/partenaire_map.png) no-repeat;
    background-position: center center; }
    /* line 2594, ../sass/screen.scss */
    .contenu_form_simple .form_concent .detail_page_form {
      margin: 50px 0;
      width: 90%; }
      /* line 2597, ../sass/screen.scss */
      .contenu_form_simple .form_concent .detail_page_form form {
        width: 100%; }
        /* line 2599, ../sass/screen.scss */
        .contenu_form_simple .form_concent .detail_page_form form .link_to {
          margin-top: 30px; }
          /* line 2601, ../sass/screen.scss */
          .contenu_form_simple .form_concent .detail_page_form form .link_to button {
            background: none;
            border: none;
            font-size: 17px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 700;
            cursor: pointer; }
      /* line 2612, ../sass/screen.scss */
      .contenu_form_simple .form_concent .detail_page_form .contentFormInt {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-bottom: 20px; }
        /* line 2619, ../sass/screen.scss */
        .contenu_form_simple .form_concent .detail_page_form .contentFormInt label {
          width: 40%;
          font-size: 17px; }
        /* line 2623, ../sass/screen.scss */
        .contenu_form_simple .form_concent .detail_page_form .contentFormInt > p, .contenu_form_simple .form_concent .detail_page_form .contentFormInt > div {
          width: 40%; }
          /* line 2625, ../sass/screen.scss */
          .contenu_form_simple .form_concent .detail_page_form .contentFormInt > p input[type=text], .contenu_form_simple .form_concent .detail_page_form .contentFormInt > p input[type=password], .contenu_form_simple .form_concent .detail_page_form .contentFormInt > div input[type=text], .contenu_form_simple .form_concent .detail_page_form .contentFormInt > div input[type=password] {
            width: 100%;
            border: none;
            background: none;
            font-size: 15px;
            padding: 5px 0;
            background-color: #fff;
            border: 1px solid #ccc; }

/* line 2639, ../sass/screen.scss */
.contenu_form_simple:after {
  background-color: #ffffff; }

/* line 2642, ../sass/screen.scss */
.contenu_form_simple:before {
  position: absolute;
  content: '';
  display: block;
  height: 120px;
  width: 100%;
  background-color: #ffffff;
  left: 0;
  top: 0;
  z-index: 1; }

/* fin */
/* debut style partenaire banque et assurance */
/* line 2657, ../sass/screen.scss */
.partenaire_banque_assurance {
  padding: 70px 0; }
  /* line 2660, ../sass/screen.scss */
  .partenaire_banque_assurance .middle_content .titre_bloc {
    font-size: 49px;
    font-weight: 900;
    color: #6C7272;
    line-height: 100%;
    text-align: center;
    margin-bottom: 70px; }
    /* line 2667, ../sass/screen.scss */
    .partenaire_banque_assurance .middle_content .titre_bloc span {
      color: #EB7933; }
  /* line 2671, ../sass/screen.scss */
  .partenaire_banque_assurance .middle_content .filtre_bloc {
    margin-bottom: 70px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    font-weight: 900;
    color: #6C7273; }
    /* line 2680, ../sass/screen.scss */
    .partenaire_banque_assurance .middle_content .filtre_bloc input {
      width: 400px;
      line-height: 50px;
      font-size: 17px;
      color: #333;
      border: none;
      background: none;
      padding: 0 10px;
      background: #fff url(/img/recherche.png) 98% center no-repeat;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      margin-left: 30px; }
  /* line 2694, ../sass/screen.scss */
  .partenaire_banque_assurance .middle_content .liste_part_bank {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    /* line 2699, ../sass/screen.scss */
    .partenaire_banque_assurance .middle_content .liste_part_bank > div {
      width: 22%;
      height: 330px;
      text-align: center;
      margin: 30px 0; }
      /* line 2704, ../sass/screen.scss */
      .partenaire_banque_assurance .middle_content .liste_part_bank > div > * {
        width: 100%;
        text-align: center; }
      /* line 2708, ../sass/screen.scss */
      .partenaire_banque_assurance .middle_content .liste_part_bank > div .titre {
        text-transform: uppercase;
        font-size: 14px; }
        /* line 2709, ../sass/screen.scss */
        .partenaire_banque_assurance .middle_content .liste_part_bank > div .titre a {
          font-weight: 700;
          font-size: 17px; }
        /* line 2713, ../sass/screen.scss */
        .partenaire_banque_assurance .middle_content .liste_part_bank > div .titre a:hover {
          text-decoration: underline; }
      /* line 2719, ../sass/screen.scss */
      .partenaire_banque_assurance .middle_content .liste_part_bank > div figure {
        height: 60%;
        display: flex;
        align-items: center;
        justify-content: center; }
        /* line 2724, ../sass/screen.scss */
        .partenaire_banque_assurance .middle_content .liste_part_bank > div figure img {
          max-height: 100%;
          max-width: 100%;
          width: auto;
          height: auto; }
      /* line 2731, ../sass/screen.scss */
      .partenaire_banque_assurance .middle_content .liste_part_bank > div .nom_ag {
        font-size: 13px;
        font-weight: 900;
        color: #EB7933; }
      /* line 2737, ../sass/screen.scss */
      .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-front > div {
        padding: 0 15px;
        background-color: #fff;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        display: flex;
        align-content: space-around;
        flex-wrap: wrap;
        border: 1px solid #fff;
        height: 100%;
        text-align: center; }
        /* line 2748, ../sass/screen.scss */
        .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-front > div > * {
          width: 100%;
          text-align: center; }
        /* line 2752, ../sass/screen.scss */
        .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-front > div .titre {
          font-weight: 700;
          font-size: 17px; }
      /* line 2758, ../sass/screen.scss */
      .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back {
        background: none; }
        /* line 2760, ../sass/screen.scss */
        .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div {
          padding: 0 15px;
          background-color: #EB7933;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          display: flex;
          align-content: space-around;
          flex-wrap: wrap;
          border: 1px solid #fff;
          height: 100%;
          text-align: center; }
          /* line 2771, ../sass/screen.scss */
          .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div > * {
            width: 100%;
            text-align: center;
            line-height: 150%; }
          /* line 2776, ../sass/screen.scss */
          .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div .contact_partenaires {
            text-align: center;
            padding: 20px 0;
            font-size: 13px;
            font-weight: 400;
            color: #fff;
            background-color: rgba(255, 255, 255, 0.15); }
            /* line 2783, ../sass/screen.scss */
            .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div .contact_partenaires a {
              color: #fff;
              font-weight: 700; }
            /* line 2787, ../sass/screen.scss */
            .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div .contact_partenaires a:hover {
              text-decoration: underline; }

/* fin */
/* debut style temoignage */
/* line 2801, ../sass/screen.scss */
.base_temoignage .big_concent {
  background-image: none; }
/* line 2804, ../sass/screen.scss */
.base_temoignage .note_globale_temoignage {
  width: 30%;
  text-align: center;
  background: url(/img/temoignage_like.png) center center no-repeat;
  background-size: contain;
  padding: 50px 0; }
  /* line 2810, ../sass/screen.scss */
  .base_temoignage .note_globale_temoignage > * {
    display: block; }
  /* line 2813, ../sass/screen.scss */
  .base_temoignage .note_globale_temoignage .note_globale_texte {
    font-size: 26px;
    font-weight: 900;
    color: #6C7272;
    text-transform: uppercase; }
  /* line 2819, ../sass/screen.scss */
  .base_temoignage .note_globale_temoignage .note_temoignage {
    margin: 20px 0 40px;
    font-size: 120px;
    color: #6C7272;
    font-weight: 900; }
    /* line 2824, ../sass/screen.scss */
    .base_temoignage .note_globale_temoignage .note_temoignage span {
      color: #EB7A34; }
  /* line 2828, ../sass/screen.scss */
  .base_temoignage .note_globale_temoignage .link {
    text-align: center;
    margin-top: 30px; }
    /* line 2831, ../sass/screen.scss */
    .base_temoignage .note_globale_temoignage .link a {
      display: inline-block;
      padding: 15px 50px;
      text-transform: uppercase;
      font-size: 18px;
      font-weight: 700;
      color: #EB7933;
      position: relative;
      border: 1px solid #EB7933; }
/* line 2843, ../sass/screen.scss */
.base_temoignage .link_to {
  text-align: center;
  margin-top: 70px; }
  /* line 2846, ../sass/screen.scss */
  .base_temoignage .link_to a {
    display: inline-block;
    padding: 15px 50px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    position: relative;
    border: 1px solid #EB7933;
    background-color: #EB7933; }

/* fin */
/* debut style liste temoignage */
/* line 2862, ../sass/screen.scss */
.liste_temoignage_fait {
  padding: 70px 0; }
  /* line 2865, ../sass/screen.scss */
  .liste_temoignage_fait .middle_content .titre_bloc {
    font-size: 49px;
    font-weight: 900;
    color: #6C7272;
    line-height: 100%;
    text-align: center;
    margin-bottom: 70px; }
    /* line 2872, ../sass/screen.scss */
    .liste_temoignage_fait .middle_content .titre_bloc span {
      color: #EB7933; }
  /* line 2876, ../sass/screen.scss */
  .liste_temoignage_fait .middle_content .filtre_bloc {
    margin-bottom: 70px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    font-weight: 900;
    color: #6C7273; }
    /* line 2885, ../sass/screen.scss */
    .liste_temoignage_fait .middle_content .filtre_bloc input {
      width: 400px;
      line-height: 50px;
      font-size: 17px;
      color: #333;
      border: none;
      background: none;
      padding: 0 10px;
      background: #fff url(/img/recherche.png) 98% center no-repeat;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      margin-left: 30px; }
  /* line 2899, ../sass/screen.scss */
  .liste_temoignage_fait .middle_content .liste_temoignage {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    /* line 2904, ../sass/screen.scss */
    .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail {
      margin: 30px 0;
      width: 47%;
      display: flex;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      justify-content: space-between;
      background-color: #fff; }
      /* line 2912, ../sass/screen.scss */
      .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil {
        width: 48%;
        position: relative; }
        /* line 2915, ../sass/screen.scss */
        .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil figure {
          width: 100%;
          overflow: hidden;
          height: 400px; }
          /* line 2919, ../sass/screen.scss */
          .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil figure img {
            height: auto;
            width: 100%; }
        /* line 2924, ../sass/screen.scss */
        .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .avis_curent_courtier {
          width: 66px;
          height: 46px;
          background: url(/img/picto_avis.png) center center no-repeat;
          font-size: 13px;
          font-weight: 700;
          color: #ED7C36;
          text-align: center;
          display: flex;
          position: absolute;
          top: -20px;
          right: 20px;
          justify-content: center;
          line-height: 35px; }
        /* line 2939, ../sass/screen.scss */
        .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .detail_curent_courtier {
          position: absolute;
          padding: 10px 0 0;
          bottom: 0;
          left: 0;
          background-color: rgba(237, 124, 54, 0.9);
          width: 100%; }
          /* line 2946, ../sass/screen.scss */
          .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .detail_curent_courtier > * {
            padding: 0 20px; }
          /* line 2949, ../sass/screen.scss */
          .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .detail_curent_courtier .courtier_nom {
            font-size: 19px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 10px; }
          /* line 2955, ../sass/screen.scss */
          .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .detail_curent_courtier .courtier_etoile {
            margin-bottom: 10px;
            display: none; }
          /* line 2959, ../sass/screen.scss */
          .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .detail_curent_courtier .courtier_lier {
            font-size: 15px;
            color: #fff;
            padding-bottom: 20px;
            border-bottom: 2px solid rgba(255, 255, 255, 0.25); }
      /* line 2967, ../sass/screen.scss */
      .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_desc {
        padding: 15px 0;
        width: 48%; }
        /* line 2970, ../sass/screen.scss */
        .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_desc .date_temoignage {
          padding: 15px;
          background: #F2F2F2 url(/img/temoignage_date.png) 20px center no-repeat;
          font-size: 13px;
          font-weight: 700;
          color: #444;
          line-height: 120%;
          text-align: right;
          margin-bottom: 20px; }
          /* line 2979, ../sass/screen.scss */
          .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_desc .date_temoignage span {
            color: #EB7A34; }
        /* line 2983, ../sass/screen.scss */
        .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_desc .desc_temoignage {
          padding: 0 15px;
          line-height: 150%;
          font-size: 15px;
          font-weight: 400;
          max-height: 275px;
          overflow-y: auto; }
    /* line 2993, ../sass/screen.scss */
    .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail:nth-child(4n+3), .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail:nth-child(4n+4) {
      flex-direction: row-reverse; }

/* fin */
/* gestion fip hover */
/* line 3002, ../sass/screen.scss */
.flip-card {
  background-color: transparent;
  perspective: 1000px;
  /* Remove this if you don't want the 3D effect */ }

/* This container is needed to position the front and back side */
/* line 3008, ../sass/screen.scss */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d; }

/* Do an horizontal flip when you move the mouse over the flip box container */
/* line 3018, ../sass/screen.scss */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg); }

/* Position the front and back side */
/* line 3023, ../sass/screen.scss */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 240px;
  height: 240px;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden; }

/* Style the front side (fallback if image is missing) */
/* line 3032, ../sass/screen.scss */
.flip-card-front {
  color: black; }

/* Style the back side */
/* line 3037, ../sass/screen.scss */
.flip-card-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg); }

/* fin */
/* style forum */
/* line 3046, ../sass/screen.scss */
.header_forum {
  width: 100%; }
  /* line 3048, ../sass/screen.scss */
  .header_forum > .titre_bloc {
    text-align: center;
    font-size: 62px;
    font-weight: 900;
    color: #6C7273;
    width: 100%;
    text-shadow: 3px 3px 0 rgba(255, 255, 255, 0.75); }
    /* line 3055, ../sass/screen.scss */
    .header_forum > .titre_bloc span {
      color: #EB7933; }
  /* line 3059, ../sass/screen.scss */
  .header_forum .action_header_forum {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around; }
    /* line 3065, ../sass/screen.scss */
    .header_forum .action_header_forum > div {
      height: 250px;
      padding: 30px;
      width: 200px;
      max-width: 25%;
      background-color: rgba(255, 255, 255, 0.9);
      -webkit-border-radius: 10px;
      border-radius: 10px; }
    /* line 3074, ../sass/screen.scss */
    .header_forum .action_header_forum .liste_action_head_for {
      text-align: center; }
      /* line 3076, ../sass/screen.scss */
      .header_forum .action_header_forum .liste_action_head_for > .titre_bloc {
        font-size: 18px;
        font-weight: 900;
        margin: 30px 0 20px; }
      /* line 3081, ../sass/screen.scss */
      .header_forum .action_header_forum .liste_action_head_for > .desc_bloc {
        font-size: 13px;
        line-height: 130%; }
    /* line 3086, ../sass/screen.scss */
    .header_forum .action_header_forum .flip-card-back {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background-color: #EB7933;
      -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25); }
      /* line 3092, ../sass/screen.scss */
      .header_forum .action_header_forum .flip-card-back a {
        color: #fff; }
      /* line 3095, ../sass/screen.scss */
      .header_forum .action_header_forum .flip-card-back a:hover {
        text-decoration: underline; }

/* line 3102, ../sass/screen.scss */
.liste_question_forum {
  margin-top: 50px; }
  /* line 3105, ../sass/screen.scss */
  .liste_question_forum .big_concent > .titre_bloc {
    text-align: center;
    font-size: 49px;
    font-weight: 900;
    color: #6C7273;
    margin-bottom: 80px;
    line-height: 130%; }
    /* line 3112, ../sass/screen.scss */
    .liste_question_forum .big_concent > .titre_bloc span {
      color: #EB7A34; }
  /* line 3117, ../sass/screen.scss */
  .liste_question_forum .content_liste_question {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    /* line 3121, ../sass/screen.scss */
    .liste_question_forum .content_liste_question .detail_liste_question {
      width: 42%;
      padding: 30px 40px 50px;
      text-align: center;
      position: relative;
      background-color: #F8F8F8;
      margin-bottom: 70px; }
      /* line 3128, ../sass/screen.scss */
      .liste_question_forum .content_liste_question .detail_liste_question > .titre_bloc {
        font-size: 23px;
        color: #6C7272;
        font-weight: 700;
        margin-bottom: 20px; }
      /* line 3134, ../sass/screen.scss */
      .liste_question_forum .content_liste_question .detail_liste_question > .desc_bloc {
        line-height: 130%;
        font-size: 17px;
        color: #6C7272; }
      /* line 3139, ../sass/screen.scss */
      .liste_question_forum .content_liste_question .detail_liste_question > .link_to {
        position: absolute;
        width: 100%;
        bottom: -18px;
        left: 0; }
        /* line 3144, ../sass/screen.scss */
        .liste_question_forum .content_liste_question .detail_liste_question > .link_to a {
          padding: 13px 0;
          width: 300px;
          background-color: #ED7C36;
          color: #fff;
          font-size: 15px;
          text-transform: uppercase;
          font-weight: 700;
          display: inline-block;
          -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
          -webkit-border-radius: 20px;
          border-radius: 20px; }
        /* line 3158, ../sass/screen.scss */
        .liste_question_forum .content_liste_question .detail_liste_question > .link_to a:hover {
          background-color: #F75F01; }

/* fin */
/* popup exit */
/* line 3168, ../sass/screen.scss */
.pop_exit {
  width: 550px;
  background: #EEEEEE;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  margin: 0 auto; }
  /* line 3177, ../sass/screen.scss */
  .pop_exit .titre_bloc {
    text-align: center;
    padding: 13px 0;
    line-height: 130%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #FF8000;
    font-size: 17px;
    font-weight: 700;
    color: #333; }
    /* line 3187, ../sass/screen.scss */
    .pop_exit .titre_bloc span {
      color: #fff; }
  /* line 3191, ../sass/screen.scss */
  .pop_exit .desc_top {
    padding: 10px 0;
    text-align: center; }
    /* line 3194, ../sass/screen.scss */
    .pop_exit .desc_top > div {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 10px; }
      /* line 3199, ../sass/screen.scss */
      .pop_exit .desc_top > div p {
        font-size: 26px;
        font-weight: 900;
        text-align: center;
        color: #333;
        font-weight: 130%; }
        /* line 3205, ../sass/screen.scss */
        .pop_exit .desc_top > div p span {
          color: #FF5A26; }
    /* line 3210, ../sass/screen.scss */
    .pop_exit .desc_top > p {
      margin: 30px 0 20px;
      display: flex;
      justify-content: space-around; }
      /* line 3214, ../sass/screen.scss */
      .pop_exit .desc_top > p a {
        font-size: 12px;
        color: #666666;
        font-weight: 600; }
      /* line 3219, ../sass/screen.scss */
      .pop_exit .desc_top > p a:hover {
        color: #FF8000; }
  /* line 3224, ../sass/screen.scss */
  .pop_exit .link_to {
    display: flex;
    padding: 20px 15px;
    justify-content: space-between;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff; }
    /* line 3231, ../sass/screen.scss */
    .pop_exit .link_to a {
      padding-left: 15px;
      background: url(/img/picto_left_or.png) left center no-repeat; }
    /* line 3236, ../sass/screen.scss */
    .pop_exit .link_to p a {
      font-size: 14px;
      color: #FF5926;
      font-weight: 600;
      margin-right: 30px; }
    /* line 3243, ../sass/screen.scss */
    .pop_exit .link_to > a {
      font-size: 14px;
      color: #666666;
      font-weight: 600;
      background: url(/img/picto_left_gr.png) left center no-repeat; }

/* line 3252, ../sass/screen.scss */
.popup_block .titreFormAvis {
  margin: 10px 0 30px;
  color: #EC7B35 !important; }
/* line 3257, ../sass/screen.scss */
.popup_block div table.gris {
  width: 100%; }
  /* line 3259, ../sass/screen.scss */
  .popup_block div table.gris th, .popup_block div table.gris td {
    padding: 10px 20px;
    font-size: 15px;
    color: #333;
    text-align: left;
    border-right: 1px solid #fff; }
  /* line 3266, ../sass/screen.scss */
  .popup_block div table.gris th {
    background-color: #333 !important;
    color: #fff !important; }
    /* line 3269, ../sass/screen.scss */
    .popup_block div table.gris th * {
      color: #fff !important; }
  /* line 3274, ../sass/screen.scss */
  .popup_block div table.gris tbody tr {
    background-color: #EEEEEE; }
    /* line 3276, ../sass/screen.scss */
    .popup_block div table.gris tbody tr td {
      font-size: 13px;
      padding: 15px 20px;
      color: #545454;
      border-bottom: 2px solid #fff; }
      /* line 3281, ../sass/screen.scss */
      .popup_block div table.gris tbody tr td a {
        color: #ED7C36;
        font-weight: 700; }
        /* line 3284, ../sass/screen.scss */
        .popup_block div table.gris tbody tr td a img {
          display: inline-block;
          margin-left: 10px;
          position: relative;
          top: 3px; }
    /* line 3292, ../sass/screen.scss */
    .popup_block div table.gris tbody tr .taux {
      background-color: #ED7C36;
      font-weight: 700;
      color: #fff; }
  /* line 3298, ../sass/screen.scss */
  .popup_block div table.gris tbody tr:nth-child(even) {
    background-color: #F7F7F7; }

/* fin */
/* gestion page admin */
/* line 3308, ../sass/screen.scss */
#derniers_clients_container {
  padding: 12px 0;
  border-bottom: 10px solid #0D3250; }

/* line 3313, ../sass/screen.scss */
.content_form_table table {
  width: 100%; }
  /* line 3315, ../sass/screen.scss */
  .content_form_table table th, .content_form_table table td {
    padding: 10px 20px;
    font-size: 15px;
    color: #333;
    text-align: left;
    border-right: 1px solid #fff; }
  /* line 3322, ../sass/screen.scss */
  .content_form_table table th {
    background: #333;
    color: #fff; }
  /* line 3327, ../sass/screen.scss */
  .content_form_table table tbody tr {
    background-color: #EEEEEE; }
    /* line 3329, ../sass/screen.scss */
    .content_form_table table tbody tr td {
      font-size: 13px;
      padding: 15px 20px;
      color: #545454;
      border-bottom: 2px solid #fff; }
      /* line 3334, ../sass/screen.scss */
      .content_form_table table tbody tr td a {
        color: #ED7C36;
        font-weight: 700; }
        /* line 3337, ../sass/screen.scss */
        .content_form_table table tbody tr td a img {
          display: inline-block;
          margin-left: 10px;
          position: relative;
          top: 3px; }
    /* line 3345, ../sass/screen.scss */
    .content_form_table table tbody tr .taux {
      background-color: #ED7C36;
      font-weight: 700;
      color: #fff; }
  /* line 3351, ../sass/screen.scss */
  .content_form_table table tbody tr:nth-child(even) {
    background-color: #F7F7F7; }

/* line 3358, ../sass/screen.scss */
.proposition_table table {
  width: 100%; }
  /* line 3360, ../sass/screen.scss */
  .proposition_table table td {
    font-size: 15px !important; }
  /* line 3363, ../sass/screen.scss */
  .proposition_table table .libelle_normal {
    text-align: center !important; }
/* line 3368, ../sass/screen.scss */
.proposition_table .action_lien span {
  line-height: 150% !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  color: #EB7933 !important; }

/* line 3376, ../sass/screen.scss */
.content_fox_simu {
  margin: 100px 0 75px;
  padding: 1px 0; }

/* line 3382, ../sass/screen.scss */
.liste_part_off .big_concent .titre_bloc {
  font-size: 49px;
  font-weight: 900;
  color: #6C7272;
  line-height: 100%;
  text-align: center;
  margin-bottom: 70px; }
  /* line 3389, ../sass/screen.scss */
  .liste_part_off .big_concent .titre_bloc span {
    color: #EB7933; }
/* line 3394, ../sass/screen.scss */
.liste_part_off .big_concent .contentSlideOff ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap; }
  /* line 3400, ../sass/screen.scss */
  .liste_part_off .big_concent .contentSlideOff ul li {
    margin-bottom: 30px;
    width: 15%; }
    /* line 3403, ../sass/screen.scss */
    .liste_part_off .big_concent .contentSlideOff ul li * {
      max-width: 100%;
      height: auto; }

/* line 3412, ../sass/screen.scss */
.rechercheClientAdm {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
  /* line 3418, ../sass/screen.scss */
  .rechercheClientAdm p label {
    font-size: 17px !important; }
  /* line 3421, ../sass/screen.scss */
  .rechercheClientAdm p select {
    font-size: 15px !important;
    line-height: 150% !important;
    padding: 7px 0 !important;
    text-indent: 10px !important; }

/* line 3429, ../sass/screen.scss */
.contentForAdminHome {
  /*width: 1650px;
  max-width: 90%;*/ }

/* line 3434, ../sass/screen.scss */
.contentForAdminHome.forAdminClient table tbody tr td {
  font-size: 14px !important; }

/* line 3437, ../sass/screen.scss */
.contentForAdminHome.forAdminClient table tbody tr td.petit {
  font-size: 11px !important; }

/* fin */
/* gestion admin */
/* line 3444, ../sass/screen.scss */
.detFormCdt.active .contentFormEtapeToo {
  border: none !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 50px !important;
  padding-right: 50px !important; }
  /* line 3451, ../sass/screen.scss */
  .detFormCdt.active .contentFormEtapeToo .for_societe_fran {
    width: 45%;
    margin-bottom: 30px;
    background-color: #F3F3F3; }
    /* line 3455, ../sass/screen.scss */
    .detFormCdt.active .contentFormEtapeToo .for_societe_fran .titreBloc {
      font-size: 23px;
      text-transform: uppercase;
      color: #ED7C36;
      font-weight: 700;
      padding: 20px;
      background-color: #fff; }
    /* line 3463, ../sass/screen.scss */
    .detFormCdt.active .contentFormEtapeToo .for_societe_fran .intContentFormEtapeToo {
      border: none !important; }
      /* line 3465, ../sass/screen.scss */
      .detFormCdt.active .contentFormEtapeToo .for_societe_fran .intContentFormEtapeToo label {
        font-size: 18px !important;
        width: 40% !important; }
      /* line 3469, ../sass/screen.scss */
      .detFormCdt.active .contentFormEtapeToo .for_societe_fran .intContentFormEtapeToo p {
        width: 50% !important; }
        /* line 3471, ../sass/screen.scss */
        .detFormCdt.active .contentFormEtapeToo .for_societe_fran .intContentFormEtapeToo p span {
          font-size: 16px !important; }

/* fin */
/* line 3481, ../sass/screen.scss */
.contactPage {
  margin-bottom: 70px !important; }
  /* line 3484, ../sass/screen.scss */
  .contactPage .big_concent .titre_bloc {
    text-align: center;
    font-weight: 700;
    font-size: 31px;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase; }
    /* line 3491, ../sass/screen.scss */
    .contactPage .big_concent .titre_bloc span {
      color: #ff6600; }
  /* line 3495, ../sass/screen.scss */
  .contactPage .big_concent .titre_bloc:after {
    display: block;
    width: 150px;
    height: 5px;
    background-color: #ff6600;
    margin: 0 auto;
    content: '';
    position: relative;
    bottom: -11px; }
  /* line 3505, ../sass/screen.scss */
  .contactPage .big_concent .contentContact {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.15); }
  /* line 3511, ../sass/screen.scss */
  .contactPage .big_concent .contentContact * {
    font-size: 17px !important; }

/* page contrat confiance */
/* line 3518, ../sass/screen.scss */
.type_contrat_service {
  margin: 20px 0 70px; }
  /* line 3521, ../sass/screen.scss */
  .type_contrat_service .big_concent h2 {
    font-size: 49px;
    text-align: center;
    font-weight: 900;
    color: #6C7273;
    line-height: 120%;
    margin-bottom: 40px; }
    /* line 3528, ../sass/screen.scss */
    .type_contrat_service .big_concent h2 span {
      color: #EC7B35; }
  /* line 3532, ../sass/screen.scss */
  .type_contrat_service .big_concent .liste_type_contrat_service {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    flex-wrap: wrap; }
    /* line 3538, ../sass/screen.scss */
    .type_contrat_service .big_concent .liste_type_contrat_service figure {
      margin-bottom: 30px;
      position: relative;
      text-align: center; }
      /* line 3542, ../sass/screen.scss */
      .type_contrat_service .big_concent .liste_type_contrat_service figure span {
        font-size: 17px;
        color: #EB7933;
        line-height: 130%;
        position: absolute;
        display: block;
        text-align: center;
        bottom: 45px;
        width: 100%;
        font-weight: 700; }

/* line 3557, ../sass/screen.scss */
.contenu_contrat_service {
  padding: 70px 0;
  background-color: #F2F2F2; }
  /* line 3560, ../sass/screen.scss */
  .contenu_contrat_service .middle_content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; }
    /* line 3565, ../sass/screen.scss */
    .contenu_contrat_service .middle_content article {
      width: 60%;
      line-height: 130%;
      max-height: 950px;
      overflow-y: auto; }
      /* line 3570, ../sass/screen.scss */
      .contenu_contrat_service .middle_content article * {
        line-height: 130%;
        max-width: 95%; }
      /* line 3574, ../sass/screen.scss */
      .contenu_contrat_service .middle_content article img {
        width: 50%;
        border: 10px solid #fff;
        float: left;
        margin-right: 20px; }
      /* line 3580, ../sass/screen.scss */
      .contenu_contrat_service .middle_content article h2 {
        font-size: 39px;
        font-weight: 900;
        margin: 10px 0 30px; }
        /* line 3583, ../sass/screen.scss */
        .contenu_contrat_service .middle_content article h2 span {
          color: #EB7933; }
      /* line 3588, ../sass/screen.scss */
      .contenu_contrat_service .middle_content article h3 {
        font-size: 31px;
        font-weight: 900;
        margin: 10px 0 15px; }
        /* line 3591, ../sass/screen.scss */
        .contenu_contrat_service .middle_content article h3 span {
          color: #EB7933; }
      /* line 3596, ../sass/screen.scss */
      .contenu_contrat_service .middle_content article p {
        line-height: 130%;
        font-size: 18px;
        margin-bottom: 10px; }
        /* line 3600, ../sass/screen.scss */
        .contenu_contrat_service .middle_content article p span {
          color: #EB7933; }
      /* line 3604, ../sass/screen.scss */
      .contenu_contrat_service .middle_content article div {
        line-height: 130%;
        font-size: 23px;
        margin-bottom: 10px;
        font-weight: 900; }
        /* line 3608, ../sass/screen.scss */
        .contenu_contrat_service .middle_content article div span {
          color: #EB7933; }
      /* line 3613, ../sass/screen.scss */
      .contenu_contrat_service .middle_content article ul {
        padding: 15px 25px;
        background-color: #EB79331F;
        margin: 15px 0 20px; }
        /* line 3617, ../sass/screen.scss */
        .contenu_contrat_service .middle_content article ul li {
          margin: 8px 0;
          list-style-type: circle;
          list-style-position: inside;
          font-size: 18px; }
          /* line 3622, ../sass/screen.scss */
          .contenu_contrat_service .middle_content article ul li li {
            list-style-type: disc;
            list-style-position: inside; }
    /* line 3629, ../sass/screen.scss */
    .contenu_contrat_service .middle_content aside {
      width: 35%; }
      /* line 3631, ../sass/screen.scss */
      .contenu_contrat_service .middle_content aside p {
        width: 100%;
        height: 179px;
        background: url(/img/bg_aside_btt.png) top left no-repeat;
        margin-bottom: 30px;
        background-size: contain;
        display: flex;
        align-items: center;
        justify-content: center; }
        /* line 3637, ../sass/screen.scss */
        .contenu_contrat_service .middle_content aside p a {
          width: 80%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 0 auto; }
          /* line 3643, ../sass/screen.scss */
          .contenu_contrat_service .middle_content aside p a span {
            font-size: 24px;
            font-weight: 700;
            color: #6C7273;
            line-height: 130%;
            width: 40%;
            position: relative; }
          /* line 3651, ../sass/screen.scss */
          .contenu_contrat_service .middle_content aside p a span:after {
            content: '';
            display: block;
            margin-top: 10px;
            height: 5px;
            width: 50px;
            background-color: #EB7933; }

/* fin */
/* debut clic and cheque */
/* line 3671, ../sass/screen.scss */
.type_candc > .titre_bloc {
  margin: 0;
  text-align: center;
  padding: 100px 0;
  background-color: #F2F2F2;
  font-size: 42px;
  font-weight: 500;
  text-transform: uppercase;
  color: #6C7272; }
  /* line 3680, ../sass/screen.scss */
  .type_candc > .titre_bloc span {
    color: #EB8327; }
/* line 3684, ../sass/screen.scss */
.type_candc .filtre_bloc {
  padding-bottom: 50px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 900;
  color: #6C7273;
  background-color: #f2f2f2;
  margin: 0;
  flex-wrap: wrap; }
  /* line 3696, ../sass/screen.scss */
  .type_candc .filtre_bloc select {
    width: 300px;
    line-height: 50px;
    font-size: 17px;
    color: #444;
    border: none;
    background: none;
    padding: 0 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 30px;
    padding: 10px; }
/* line 3711, ../sass/screen.scss */
.type_candc .content_type_candc {
  position: relative;
  background-color: #fff; }
  /* line 3714, ../sass/screen.scss */
  .type_candc .content_type_candc .big_concent {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 10;
    position: relative;
    background-color: #fff; }
    /* line 3722, ../sass/screen.scss */
    .type_candc .content_type_candc .big_concent .for_content_type_candc {
      margin: 0 50px;
      padding: 20px 0;
      text-align: center;
      line-height: 150%;
      font-size: 15px; }
      /* line 3728, ../sass/screen.scss */
      .type_candc .content_type_candc .big_concent .for_content_type_candc h2 {
        margin: 40px 0 20px;
        font-size: 28px;
        text-transform: uppercase;
        color: #EB8327; }
      /* line 3734, ../sass/screen.scss */
      .type_candc .content_type_candc .big_concent .for_content_type_candc h3 {
        margin: 10px 0 20px;
        text-transform: uppercase;
        font-weight: 700;
        color: #333;
        font-size: 19px; }
/* line 3744, ../sass/screen.scss */
.type_candc .content_type_candc:before {
  position: absolute;
  content: '';
  display: block;
  height: 120px;
  width: 100%;
  background-color: #F2F2F2;
  left: 0;
  top: 0;
  z-index: 1; }
/* line 3755, ../sass/screen.scss */
.type_candc .for_nobg:before {
  display: none; }

/* liste simulateur */
/* line 3760, ../sass/screen.scss */
.for_simu_list {
  margin: 0px 50px;
  padding: 100px 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  /* line 3767, ../sass/screen.scss */
  .for_simu_list p {
    width: 11%;
    text-align: center;
    margin-bottom: 100px; }
    /* line 3771, ../sass/screen.scss */
    .for_simu_list p a {
      display: inline-block;
      padding: 0 10px; }
      /* line 3774, ../sass/screen.scss */
      .for_simu_list p a img {
        max-width: 100%;
        height: auto; }
      /* line 3778, ../sass/screen.scss */
      .for_simu_list p a span {
        display: block;
        width: 100%;
        margin: 20px 0 0;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 130%;
        color: #6C7272; }
      /* line 3788, ../sass/screen.scss */
      .for_simu_list p a span:before {
        display: block;
        width: 75px;
        height: 2px;
        background-color: #EB8327;
        content: '';
        margin: 0 auto;
        margin-bottom: 20px; }

/* line 3801, ../sass/screen.scss */
.avis_merci {
  background: none;
  font-size: 21px;
  color: #EC7B35 !important;
  text-transform: uppercase;
  position: relative;
  z-index: 99999; }

/* line 3810, ../sass/screen.scss */
.explication_taux {
  margin-top: -50px; }
  /* line 3812, ../sass/screen.scss */
  .explication_taux .big_concent {
    display: flex;
    align-content: center;
    justify-content: center; }
    /* line 3816, ../sass/screen.scss */
    .explication_taux .big_concent img {
      width: 200px;
      height: auto; }
    /* line 3820, ../sass/screen.scss */
    .explication_taux .big_concent p {
      line-height: 1.85em;
      color: #333;
      font-size: 20px;
      font-style: italic;
      display: flex;
      align-items: center; }

/* page parainage */
/* line 3832, ../sass/screen.scss */
.par_les_ingredients {
  padding-bottom: 50px; }
  /* line 3835, ../sass/screen.scss */
  .par_les_ingredients .big_concent h2 {
    font-size: 49px;
    text-align: center;
    font-weight: 900;
    color: #6C7273;
    line-height: 120%;
    margin-bottom: 40px; }
    /* line 3842, ../sass/screen.scss */
    .par_les_ingredients .big_concent h2 span {
      color: #EC7B35; }
  /* line 3846, ../sass/screen.scss */
  .par_les_ingredients .big_concent .content_les_ingredient {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    /* line 3853, ../sass/screen.scss */
    .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients {
      width: 45%;
      padding: 10px;
      background-color: #F6F6F6;
      margin: 20px 0;
      -webkit-border-radius: 7px;
      border-radius: 7px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      /* line 3864, ../sass/screen.scss */
      .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients > div {
        width: 55%;
        margin-right: 10px; }
        /* line 3867, ../sass/screen.scss */
        .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients > div .titre_bloc {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin: 0 0 15px; }
          /* line 3872, ../sass/screen.scss */
          .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients > div .titre_bloc span:first-child {
            font-weight: 700;
            font-size: 33px;
            border-bottom: 2px solid #EB7A34;
            color: #EB7A34;
            margin-right: 20px;
            display: inline-block;
            padding-bottom: 10px; }
          /* line 3881, ../sass/screen.scss */
          .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients > div .titre_bloc span:last-child {
            font-size: 16px;
            font-weight: 700;
            color: #6C7272;
            line-height: 130%; }
        /* line 3888, ../sass/screen.scss */
        .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients > div .desc_ing {
          line-height: 130%;
          font-weight: 300;
          font-size: 14px;
          color: #6C7272; }
      /* line 3895, ../sass/screen.scss */
      .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients figure {
        max-width: 40%;
        height: auto; }
        /* line 3898, ../sass/screen.scss */
        .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients figure img {
          width: 100%;
          height: auto; }

/* line 3907, ../sass/screen.scss */
.texte_intro_parrainage {
  padding: 70px 0;
  background-color: #F2F2F2; }
  /* line 3910, ../sass/screen.scss */
  .texte_intro_parrainage .big_concent {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between; }
    /* line 3915, ../sass/screen.scss */
    .texte_intro_parrainage .big_concent > div {
      width: 45%; }
      /* line 3917, ../sass/screen.scss */
      .texte_intro_parrainage .big_concent > div .titre_bloc {
        text-transform: uppercase;
        color: #FF7F00;
        font-weight: 700;
        font-size: 35px;
        margin-bottom: 20px; }
      /* line 3924, ../sass/screen.scss */
      .texte_intro_parrainage .big_concent > div .in_texte_intro_par {
        font-size: 17px;
        color: #6C7272;
        line-height: 130%; }
        /* line 3928, ../sass/screen.scss */
        .texte_intro_parrainage .big_concent > div .in_texte_intro_par b {
          font-weight: 700; }
        /* line 3931, ../sass/screen.scss */
        .texte_intro_parrainage .big_concent > div .in_texte_intro_par strong, .texte_intro_parrainage .big_concent > div .in_texte_intro_par span {
          color: #FF7F00;
          font-weight: 700; }

/* line 3939, ../sass/screen.scss */
.cheque_cadeaux_par {
  padding: 70px 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-wrap: wrap;
  align-items: center; }
  /* line 3946, ../sass/screen.scss */
  .cheque_cadeaux_par > * {
    width: 50%; }
  /* line 3950, ../sass/screen.scss */
  .cheque_cadeaux_par figure img {
    width: 100%;
    height: auto; }
  /* line 3956, ../sass/screen.scss */
  .cheque_cadeaux_par .contenu_cheque_ca_par > * {
    width: 70%;
    margin-left: 10%; }
  /* line 3960, ../sass/screen.scss */
  .cheque_cadeaux_par .contenu_cheque_ca_par .titre_bloc {
    font-size: 39px;
    font-weight: 900;
    color: #6C7273;
    line-height: 120%;
    margin-bottom: 40px;
    margin-bottom: 30px; }
    /* line 3966, ../sass/screen.scss */
    .cheque_cadeaux_par .contenu_cheque_ca_par .titre_bloc span {
      color: #EC7B35; }
  /* line 3971, ../sass/screen.scss */
  .cheque_cadeaux_par .contenu_cheque_ca_par .in_content_ca_par {
    font-size: 19px;
    color: #6C7272;
    line-height: 130%; }
    /* line 3975, ../sass/screen.scss */
    .cheque_cadeaux_par .contenu_cheque_ca_par .in_content_ca_par * {
      font-size: 17px;
      color: #6C7272;
      line-height: 130%; }

/* line 3984, ../sass/screen.scss */
.liste_etape_par .big_concent {
  padding: 70px 0 20px;
  border-top: 1px solid #F2F2F2;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  /* line 3990, ../sass/screen.scss */
  .liste_etape_par .big_concent .etape_liste_par {
    width: 40%;
    padding: 30px;
    background-color: #EEEEEE;
    margin: 30px 0 60px;
    position: relative; }
    /* line 3996, ../sass/screen.scss */
    .liste_etape_par .big_concent .etape_liste_par .titre_bloc {
      width: 292px;
      height: 64px;
      position: absolute;
      top: -26px;
      left: -6px;
      background: url(/img/etape_bg.png) left center no-repeat;
      text-transform: uppercase;
      font-size: 26px;
      color: #fff;
      font-weight: 700;
      line-height: 54px; }
      /* line 4008, ../sass/screen.scss */
      .liste_etape_par .big_concent .etape_liste_par .titre_bloc span {
        font-size: 26px;
        color: #fff;
        font-weight: 700;
        display: inline-block;
        margin-left: 30px; }
    /* line 4016, ../sass/screen.scss */
    .liste_etape_par .big_concent .etape_liste_par .contenu_etape_liste_par {
      margin: 20px;
      line-height: 150%;
      font-size: 19px;
      color: #6C7272; }
      /* line 4021, ../sass/screen.scss */
      .liste_etape_par .big_concent .etape_liste_par .contenu_etape_liste_par span {
        color: #EB7933; }

/* line 4028, ../sass/screen.scss */
.encouragement_parain {
  margin-bottom: 70px; }
  /* line 4030, ../sass/screen.scss */
  .encouragement_parain .big_concent {
    padding-top: 70px;
    border-top: 1px solid #F2F2F2;
    text-align: center; }
    /* line 4034, ../sass/screen.scss */
    .encouragement_parain .big_concent .titre_bloc {
      font-size: 39px;
      font-weight: 900;
      color: #6C7273;
      line-height: 120%;
      margin-bottom: 40px;
      margin-bottom: 30px; }
      /* line 4040, ../sass/screen.scss */
      .encouragement_parain .big_concent .titre_bloc span {
        color: #EC7B35; }
    /* line 4045, ../sass/screen.scss */
    .encouragement_parain .big_concent > div {
      font-size: 17px;
      line-height: 150%;
      color: #6C7273; }
      /* line 4049, ../sass/screen.scss */
      .encouragement_parain .big_concent > div strong, .encouragement_parain .big_concent > div b {
        font-weight: 700; }
      /* line 4052, ../sass/screen.scss */
      .encouragement_parain .big_concent > div h2 {
        font-weight: 700;
        color: #EC7B35; }
      /* line 4057, ../sass/screen.scss */
      .encouragement_parain .big_concent > div .link_to a {
        display: inline-block;
        border: 1px solid #ED7C36;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 800;
        padding: 10px 25px;
        margin-top: 30px;
        color: #EC7B35;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      /* line 4069, ../sass/screen.scss */
      .encouragement_parain .big_concent > div .link_to a:hover {
        background-color: #EC7B35;
        color: #fff; }

/* line 4078, ../sass/screen.scss */
.contenu_stat_par .titre_bloc {
  font-size: 39px;
  font-weight: 900;
  color: #6C7273;
  line-height: 120%;
  margin-bottom: 40px;
  margin-bottom: 30px; }
  /* line 4084, ../sass/screen.scss */
  .contenu_stat_par .titre_bloc span {
    color: #EC7B35; }
/* line 4089, ../sass/screen.scss */
.contenu_stat_par .in_contenu_stat_par {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  /* line 4094, ../sass/screen.scss */
  .contenu_stat_par .in_contenu_stat_par .col_in {
    width: 45%;
    margin-bottom: 30px;
    line-height: 150%;
    font-size: 19px;
    color: #6C7272; }
    /* line 4100, ../sass/screen.scss */
    .contenu_stat_par .in_contenu_stat_par .col_in span {
      color: #EB7933; }

/* line 4107, ../sass/screen.scss */
.content_article_blog {
  margin: 70px 0 30px; }
  /* line 4109, ../sass/screen.scss */
  .content_article_blog .big_concent {
    padding: 50px 0 0;
    border-top: 1px solid #F2F2F2; }
    /* line 4112, ../sass/screen.scss */
    .content_article_blog .big_concent > .titre_bloc {
      font-size: 49px;
      font-weight: 900;
      text-align: center;
      line-height: 130%;
      margin-bottom: 50px; }
      /* line 4117, ../sass/screen.scss */
      .content_article_blog .big_concent > .titre_bloc span {
        color: #EC7B35; }
    /* line 4122, ../sass/screen.scss */
    .content_article_blog .big_concent > .liste_article_blog {
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap; }
      /* line 4126, ../sass/screen.scss */
      .content_article_blog .big_concent > .liste_article_blog > div {
        width: 24%;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px 1%;
        background: #fff;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
        border-top: 5px solid #EC7B35;
        margin-bottom: 30px; }
        /* line 4136, ../sass/screen.scss */
        .content_article_blog .big_concent > .liste_article_blog > div figure {
          width: 100%;
          height: 200px;
          text-align: center;
          overflow: hidden;
          margin-top: 7px; }
          /* line 4142, ../sass/screen.scss */
          .content_article_blog .big_concent > .liste_article_blog > div figure img {
            width: auto;
            height: 100%; }
        /* line 4147, ../sass/screen.scss */
        .content_article_blog .big_concent > .liste_article_blog > div .desc_actu_home {
          padding: 15px;
          background-color: rgba(0, 0, 0, 0.025); }
          /* line 4150, ../sass/screen.scss */
          .content_article_blog .big_concent > .liste_article_blog > div .desc_actu_home .titre_actu_home {
            padding-bottom: 8px;
            margin-bottom: 8px;
            border-bottom: 1px solid #fff; }
            /* line 4154, ../sass/screen.scss */
            .content_article_blog .big_concent > .liste_article_blog > div .desc_actu_home .titre_actu_home a {
              font-size: 15px;
              font-weight: 700;
              line-height: 150%;
              color: #444; }
            /* line 4160, ../sass/screen.scss */
            .content_article_blog .big_concent > .liste_article_blog > div .desc_actu_home .titre_actu_home a:hover {
              color: #EC7B35; }
          /* line 4164, ../sass/screen.scss */
          .content_article_blog .big_concent > .liste_article_blog > div .desc_actu_home .detail_actu_home {
            font-size: 13px;
            line-height: 150%;
            color: #444; }
    /* line 4172, ../sass/screen.scss */
    .content_article_blog .big_concent .link {
      text-align: center;
      margin-bottom: 30px; }
      /* line 4175, ../sass/screen.scss */
      .content_article_blog .big_concent .link a {
        display: inline-block;
        border: 1px solid #ED7C36;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 800;
        padding: 15px 25px;
        margin-top: 20px;
        color: #EC7B35;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
      /* line 4187, ../sass/screen.scss */
      .content_article_blog .big_concent .link a:hover {
        color: #fff;
        background-color: #ED7C36; }

/* bloc honoraire **/
/* line 4197, ../sass/screen.scss */
.offre_honoraires .middle_content {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: url(/img/slide_honorraire.png) 35% 0px no-repeat;
  background-size: auto 260px; }
  /* line 4203, ../sass/screen.scss */
  .offre_honoraires .middle_content figure {
    margin-right: 50px;
    width: 30%; }
    /* line 4206, ../sass/screen.scss */
    .offre_honoraires .middle_content figure img {
      width: 100%;
      height: auto; }
  /* line 4211, ../sass/screen.scss */
  .offre_honoraires .middle_content > p {
    font-size: 25px;
    line-height: 130%;
    color: #686E6E;
    width: 45%;
    font-weight: 900; }
    /* line 4217, ../sass/screen.scss */
    .offre_honoraires .middle_content > p strong {
      color: #ED7B35; }

/* line 4224, ../sass/screen.scss */
.honoraire_mini_site {
  margin: 75px 0; }
  /* line 4226, ../sass/screen.scss */
  .honoraire_mini_site .big_concent {
    background: url(/img/immofinances_honoraires_reduit.jpg) top center no-repeat;
    padding: 80px 0;
    display: flex;
    justify-content: flex-end; }
    /* line 4231, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div {
      width: 60%; }
      /* line 4233, ../sass/screen.scss */
      .honoraire_mini_site .big_concent > div .all_offer {
        display: flex;
        align-items: center;
        position: relative;
        justify-content: flex-end; }
        /* line 4238, ../sass/screen.scss */
        .honoraire_mini_site .big_concent > div .all_offer p {
          background-color: #696F6F;
          font-size: 25px;
          font-weight: 900;
          color: #fff;
          line-height: 130%;
          padding: 35px 30px 35px 175px;
          margin: 50px 0;
          width: 63%; }
          /* line 4247, ../sass/screen.scss */
          .honoraire_mini_site .big_concent > div .all_offer p strong {
            color: #EB7A34; }
        /* line 4251, ../sass/screen.scss */
        .honoraire_mini_site .big_concent > div .all_offer img {
          position: absolute;
          top: 0;
          left: 0; }
      /* line 4257, ../sass/screen.scss */
      .honoraire_mini_site .big_concent > div > p {
        font-size: 17px;
        line-height: 150%;
        color: #686E6E;
        font-weight: 500;
        margin: 0 50px; }

/* line 4268, ../sass/screen.scss */
.avis_pour_franchise {
  margin: 50px 0 0px; }
  /* line 4271, ../sass/screen.scss */
  .avis_pour_franchise .big_concent > div {
    padding: 20px 30px;
    border: 1px dashed #CCCCCC;
    background-color: #FEF7F1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    /* line 4278, ../sass/screen.scss */
    .avis_pour_franchise .big_concent > div p {
      line-height: 130%;
      font-size: 13px;
      color: #666C6C;
      margin-left: 30px; }

/* responsive minisite */
@media screen and (max-width: 1500px) {
  /* line 4291, ../sass/screen.scss */
  .header_site nav.menu_header > ul > li > a {
    font-size: 11px; }

  /* line 4294, ../sass/screen.scss */
  .header_site {
    height: 95px; }
    /* line 4296, ../sass/screen.scss */
    .header_site .big_concent {
      margin-top: 0 !important;
      height: 64px !important; }

  /* line 4301, ../sass/screen.scss */
  .header_site .full_content {
    height: 64px !important; }

  /* line 4304, ../sass/screen.scss */
  .header_site .mini_menu_haut p,
  .header_site .mini_menu_haut ul li a {
    font-size: 10px; }

  /* line 4308, ../sass/screen.scss */
  .header_site figure img {
    width: 80%; }

  /* line 4311, ../sass/screen.scss */
  .slide_header .big_concent .content_titre_slide .titre_bloc h1 {
    font-size: 41px; }

  /* line 4314, ../sass/screen.scss */
  .header_site .full_content figure a span {
    font-size: 34px; }

  /* line 4317, ../sass/screen.scss */
  .footer_general .last_sujet_footer .newsletter_footer p {
    font-size: 13px !important; }

  /* line 4320, ../sass/screen.scss */
  .slide_header .big_concent .content_titre_slide .titre_bloc a.btt_white {
    font-size: 12px; }

  /* line 4324, ../sass/screen.scss */
  .slide_header .img_gratuite img {
    width: 75%; }

  /* line 4329, ../sass/screen.scss */
  .slide_header .big_concent .content_titre_slide .divers_lien img {
    width: 200px; }

  /* line 4333, ../sass/screen.scss */
  .flip-card-front, .flip-card-back {
    width: 200px !important;
    height: 200px !important; }

  /* line 4337, ../sass/screen.scss */
  .footer_general .map_footer .titre_bloc,
  .footer_general .last_sujet_footer .titre_bloc,
  .content_base_partenaire .big_concent .liste_region_partenaire .numeration_liste_region {
    font-size: 18px; }

  /* line 4343, ../sass/screen.scss */
  .type_contrat_service .big_concent .liste_type_contrat_service figure {
    width: 17%; }
    /* line 4345, ../sass/screen.scss */
    .type_contrat_service .big_concent .liste_type_contrat_service figure img {
      max-width: 100%;
      height: auto; }
    /* line 4349, ../sass/screen.scss */
    .type_contrat_service .big_concent .liste_type_contrat_service figure span {
      font-size: 14px;
      bottom: 33px; }

  /* line 4355, ../sass/screen.scss */
  .contenu_contrat_service .middle_content aside p {
    height: 135px; }

  /* line 4358, ../sass/screen.scss */
  .for_simu_list p {
    width: 14%;
    margin-bottom: 70px; }

  /* line 4363, ../sass/screen.scss */
  body.minisite .minisite_action_home .big_concent figure {
    width: 175px; }
    /* line 4365, ../sass/screen.scss */
    body.minisite .minisite_action_home .big_concent figure img {
      width: 100%;
      height: auto; }
    /* line 4369, ../sass/screen.scss */
    body.minisite .minisite_action_home .big_concent figure span {
      font-size: 15px;
      bottom: 40px; }
  /* line 4374, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent .texte_home .titre_bloc {
    font-size: 23px; }
  /* line 4377, ../sass/screen.scss */
  body.minisite .blocTaux .right.noteAvis a,
  body.minisite .tauxActuelClic.right.noteAvis a {
    font-size: 18px !important; }
  /* line 4381, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent .texte_home .desc_home,
  body.minisite .contentBaro tr.tauxActuel td {
    font-size: 14px !important; }
    /* line 4384, ../sass/screen.scss */
    body.minisite .texte_intro_home .big_concent .texte_home .desc_home *,
    body.minisite .contentBaro tr.tauxActuel td * {
      font-size: 14px !important; }
  /* line 4388, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit {
    width: 21%;
    height: 360px; }
    /* line 4391, ../sass/screen.scss */
    body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_sur {
      font-size: 39px; }
    /* line 4394, ../sass/screen.scss */
    body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_fixe {
      font-size: 49px; }
    /* line 4397, ../sass/screen.scss */
    body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_link a {
      font-size: 11px; }
  /* line 4401, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit > div {
    height: 120px; }
  /* line 4404, ../sass/screen.scss */
  body.minisite .reseau_actus_home .actu_home > .titre_bloc,
  body.minisite .reseau_actus_home .reseau_home .titre_bloc {
    font-size: 28px; }
  /* line 4408, ../sass/screen.scss */
  body.minisite .reseau_actus_home .solution_credit_minisite a {
    font-size: 17px; }
  /* line 4411, ../sass/screen.scss */
  body.minisite .reseau_actus_home .actu_home > .titre_bloc a {
    font-size: 10px; }
  /* line 4414, ../sass/screen.scss */
  body.minisite .reseau_actus_home .actu_home .content_liste_actus_home ul li {
    background-size: contain; }
  /* line 4417, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .box_link strong {
    font-size: 49px; }
  /* line 4420, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .box_link span {
    font-size: 18px;
    margin-top: 60%; }
  /* line 4424, ../sass/screen.scss */
  body.minisite .avis_client_home .middle_content .all_avis_home .titre_bloc,
  body.minisite .sim_pret_immo .titre_bloc,
  body.minisite .taux_credit_home .titre_bloc,
  body.minisite .partenaire_banque_assurance .middle_content .titre_bloc,
  body.minisite .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc,
  body.minisite .taux_credit_home .titre_bloc,
  body.minisite #dossiers_de_pret .titre_bloc,
  body.minisite .derniers_courtiers_home .titre_bloc {
    font-size: 39px; }
  /* line 4434, ../sass/screen.scss */
  body.minisite .flip-card-front, body.minisite .flip-card-back {
    width: 200px;
    height: 200px; }
  /* line 4438, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div {
    width: 200px;
    height: 200px;
    margin: 30px !important; }
  /* line 4443, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-front > div .titre,
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div .nom_ag,
  body.minisite .footer_general .map_footer ul li a,
  body.minisite .footer_general .last_sujet_footer .content_from_forum ul li a {
    font-size: 13px; }
  /* line 4449, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div .titre {
    font-size: 11px; }
  /* line 4452, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div .contact_partenaires {
    font-size: 11px; }
  /* line 4455, ../sass/screen.scss */
  body.minisite .content_dossier_pret ul li *,
  body.minisite .content_dossier_pret ul li .courtierGratuit a {
    font-size: 13px !important; }
  /* line 4459, ../sass/screen.scss */
  body.minisite .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region * {
    font-size: 15px !important; }

  /* line 4464, ../sass/screen.scss */
  body.base_site .slide_header .big_concent .content_titre_slide .divers_lien {
    height: 350px !important; }
  /* line 4467, ../sass/screen.scss */
  body.base_site .slide_header .big_concent .content_titre_slide .divers_lien figure p {
    line-height: 120% !important; }
  /* line 4470, ../sass/screen.scss */
  body.base_site .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div h2 img {
    min-height: inherit; }
  /* line 4473, ../sass/screen.scss */
  body.base_site .content_base_partenaire .big_concent .nombre_partenaire .total_part {
    font-size: 150px; }
  /* line 4476, ../sass/screen.scss */
  body.base_site .base_temoignage .note_globale_temoignage .note_temoignage {
    font-size: 105px; }
  /* line 4479, ../sass/screen.scss */
  body.base_site .content_base_partenaire .big_concent .nombre_partenaire .pays_part {
    font-size: 67px; }
  /* line 4482, ../sass/screen.scss */
  body.base_site .type_credit h2,
  body.base_site .derniers_courtiers_home .titre_bloc,
  body.base_site .last_credit_home .big_concent .liste_credit_home > .titre_bloc,
  body.base_site .sim_pret_immo .titre_bloc,
  body.base_site .avis_client_home .middle_content .all_avis_home .titre_bloc,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc,
  body.base_site .liste_temoignage_fait .middle_content .titre_bloc,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc,
  body.base_site .partenaire_banque_assurance .middle_content .titre_bloc,
  body.base_site .reseau_courtier_map .big_concent .titre_bloc,
  body.base_site .par_les_ingredients .big_concent h2,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc {
    font-size: 39px; }
  /* line 4496, ../sass/screen.scss */
  body.base_site .content_base_partenaire .big_concent .nombre_partenaire .txt_part {
    font-size: 35px; }
  /* line 4499, ../sass/screen.scss */
  body.base_site .reseau_actus_home .reseau_home .titre_bloc,
  body.base_site .reseau_actus_home .actu_home > .titre_bloc,
  body.base_site .cheque_cadeaux_par .contenu_cheque_ca_par .titre_bloc,
  body.base_site .encouragement_parain .big_concent .titre_bloc {
    font-size: 26px; }
  /* line 4505, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home .titre_bloc,
  body.base_site .avis_client_home .middle_content .all_avis_home .desc_bloc,
  body.base_site .base_temoignage .note_globale_temoignage .note_globale_texte {
    font-size: 18px; }
  /* line 4510, ../sass/screen.scss */
  body.base_site .slide_header .big_concent .content_titre_slide .divers_lien figure span,
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .detail_curent_courtier .courtier_nom,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .link a,
  body.base_site .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region *,
  body.base_site .texte_intro_parrainage .big_concent > div .in_texte_intro_par,
  body.base_site .liste_etape_par .big_concent .etape_liste_par .contenu_etape_liste_par,
  body.base_site .contenu_stat_par .in_contenu_stat_par .col_in {
    font-size: 15px !important; }
  /* line 4519, ../sass/screen.scss */
  body.base_site .slide_header .big_concent .content_titre_slide .divers_lien .flip-card-back p:first-child,
  body.base_site .base_temoignage .link_to a,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .numeration_liste_region a {
    font-size: 14px; }
  /* line 4524, ../sass/screen.scss */
  body.base_site .type_credit .liste_credit_top span,
  body.base_site .texte_intro_home .big_concent .texte_home .desc_home,
  body.base_site .reseau_actus_home .actu_home .content_liste_actus_home ul li > .titre_bloc a,
  body.base_site .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table th,
  body.base_site .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table td,
  body.base_site .sim_pret_immo .liste_sim_pret_immo_home > div .titre a,
  body.base_site .base_temoignage .note_globale_temoignage .link a,
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_desc .desc_temoignage,
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .detail_curent_courtier .courtier_lier,
  body.base_site .cheque_cadeaux_par .contenu_cheque_ca_par .in_content_ca_par {
    font-size: 13px; }
  /* line 4536, ../sass/screen.scss */
  body.base_site .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table tbody tr td,
  body.base_site .avis_client_home .middle_content .all_avis_home .link a,
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_desc .date_temoignage,
  body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-front > div .titre,
  body.base_site .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients > div .desc_ing {
    font-size: 12px; }
  /* line 4543, ../sass/screen.scss */
  body.base_site .slide_header .big_concent .content_titre_slide .divers_lien .flip-card-back .link_to a,
  body.base_site .reseau_actus_home .actu_home .content_liste_actus_home ul li .desc_actu_home,
  body.base_site .reseau_actus_home .actu_home > .titre_bloc a,
  body.base_site .sim_pret_immo .liste_sim_pret_immo_home > div .desc_list_sim,
  body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .titre a {
    font-size: 11px; }
  /* line 4550, ../sass/screen.scss */
  body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .titre,
  body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div .contact_partenaires {
    font-size: 10px; }
  /* line 4554, ../sass/screen.scss */
  body.base_site .type_credit .liste_credit_top figure {
    width: 10%; }
    /* line 4556, ../sass/screen.scss */
    body.base_site .type_credit .liste_credit_top figure img {
      width: 100%;
      height: auto; }
  /* line 4561, ../sass/screen.scss */
  body.base_site .reseau_actus_home .reseau_home .titre_bloc,
  body.base_site .reseau_actus_home .actu_home > .titre_bloc a {
    white-space: pre; }
  /* line 4565, ../sass/screen.scss */
  body.base_site .reseau_actus_home .actu_home .content_liste_actus_home ul li {
    background-size: 100% 100% !important; }
  /* line 4568, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home .link_to_conf a {
    padding: 9px 20px; }
  /* line 4571, ../sass/screen.scss */
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil figure {
    height: 350px; }
  /* line 4574, ../sass/screen.scss */
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_desc .desc_temoignage {
    max-height: 220px; }
  /* line 4577, ../sass/screen.scss */
  body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div {
    width: 200px;
    height: 200px; }

  /* line 4583, ../sass/screen.scss */
  body.forumBody .header_forum .action_header_forum > div {
    width: 150px;
    height: 150px;
    padding: 15px; }
  /* line 4588, ../sass/screen.scss */
  body.forumBody .flip-card-front, body.forumBody .flip-card-back {
    width: 150px !important;
    height: 150px !important; }
  /* line 4592, ../sass/screen.scss */
  body.forumBody .header_forum .action_header_forum .liste_action_head_for img {
    width: 50%;
    height: auto; }
  /* line 4596, ../sass/screen.scss */
  body.forumBody .header_forum > .titre_bloc {
    font-size: 42px; }
  /* line 4599, ../sass/screen.scss */
  body.forumBody .liste_question_forum .big_concent > .titre_bloc,
  body.forumBody .tbl-h-c p, body.forumBody .tbl-h-c div, body.forumBody .tbl-h-c h4 {
    font-size: 39px; }
  /* line 4603, ../sass/screen.scss */
  body.forumBody .liste_question_forum .content_liste_question .detail_liste_question > .titre_bloc {
    font-size: 17px; }
  /* line 4606, ../sass/screen.scss */
  body.forumBody .liste_question_forum .content_liste_question .detail_liste_question > .desc_bloc,
  body.forumBody .content_whos_line p, body.forumBody .content_whos_line *, body.forumBody .content_whos_stat * {
    font-size: 14px; }
  /* line 4610, ../sass/screen.scss */
  body.forumBody .header_forum .action_header_forum .liste_action_head_for > .titre_bloc,
  body.forumBody .liste_question_forum .content_liste_question .detail_liste_question > .link_to a {
    font-size: 13px; }
  /* line 4614, ../sass/screen.scss */
  body.forumBody .header_forum .action_header_forum .liste_action_head_for > .desc_bloc {
    font-size: 11px; }
  /* line 4617, ../sass/screen.scss */
  body.forumBody .header_forum .action_header_forum .liste_action_head_for > .titre_bloc {
    margin: 15px 10px; }

  /* line 4621, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit {
    width: 15%; }

  /* line 4624, ../sass/screen.scss */
  .honoraire_mini_site .big_concent > div {
    width: 70%; }
    /* line 4627, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div .all_offer p {
      font-size: 21px;
      padding: 35px 30px 35px 190px;
      width: 58%;
      margin: 60px 0; }
    /* line 4634, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div > p {
      font-size: 15px; } }
@media screen and (max-width: 1200px) {
  /* line 4640, ../sass/screen.scss */
  .header_site nav.menu_header > ul > li {
    margin: 10px 5px; }

  /* line 4643, ../sass/screen.scss */
  .slide_header .big_concent .content_titre_slide .titre_bloc h1 {
    font-size: 31px; }

  /* line 4646, ../sass/screen.scss */
  .header_site nav.menu_header > ul > li > a {
    font-size: 10px; }

  /* line 4649, ../sass/screen.scss */
  .header_site .mini_menu_haut p,
  .header_site .mini_menu_haut ul li a {
    font-size: 9px; }

  /* line 4653, ../sass/screen.scss */
  .header_site .mini_menu_haut ul li {
    margin: 0 5px; }

  /* line 4656, ../sass/screen.scss */
  .slide_header .img_gratuite img {
    width: 60%; }

  /* line 4659, ../sass/screen.scss */
  .slide_header .big_concent .content_titre_slide .divers_lien .flip-card,
  .flip-card-front, .flip-card-back,
  .partenaire_banque_assurance .middle_content .liste_part_bank > div {
    width: 150px !important;
    height: 150px !important; }

  /* line 4665, ../sass/screen.scss */
  .slide_header .big_concent .content_titre_slide .divers_lien img {
    width: 150px !important; }

  /* line 4668, ../sass/screen.scss */
  .reseau_actus_home .reseau_home .titre_bloc,
  .reseau_actus_home .actu_home > .titre_bloc {
    font-size: 19px !important; }

  /* line 4672, ../sass/screen.scss */
  .type_contrat_service .big_concent .liste_type_contrat_service figure span {
    font-size: 12px;
    bottom: 24px; }

  /* line 4676, ../sass/screen.scss */
  .contenu_contrat_service .middle_content aside p {
    height: 110px; }

  /* line 4679, ../sass/screen.scss */
  .explication_taux .big_concent p {
    font-size: 15px; }

  /* line 4682, ../sass/screen.scss */
  .contenu_contrat_service .middle_content aside p a span {
    font-size: 17px; }

  /* line 4685, ../sass/screen.scss */
  .for_simu_list p {
    width: 17%; }

  /* line 4688, ../sass/screen.scss */
  .divers_offre_home .big_concent .middle_content figure a span {
    font-size: 20px; }

  /* line 4692, ../sass/screen.scss */
  body.base_site .slide_header .big_concent .content_titre_slide .divers_lien {
    height: 250px !important; }
  /* line 4695, ../sass/screen.scss */
  body.base_site .content_base_partenaire .big_concent .nombre_partenaire .total_part {
    font-size: 100px; }
  /* line 4698, ../sass/screen.scss */
  body.base_site .base_temoignage .note_globale_temoignage .note_temoignage {
    font-size: 75px; }
  /* line 4701, ../sass/screen.scss */
  body.base_site .content_base_partenaire .big_concent .nombre_partenaire .pays_part {
    font-size: 46px; }
  /* line 4704, ../sass/screen.scss */
  body.base_site .type_credit h2,
  body.base_site .derniers_courtiers_home .titre_bloc,
  body.base_site .last_credit_home .big_concent .liste_credit_home > .titre_bloc,
  body.base_site .sim_pret_immo .titre_bloc,
  body.base_site .avis_client_home .middle_content .all_avis_home .titre_bloc,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc,
  body.base_site .liste_temoignage_fait .middle_content .titre_bloc,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc,
  body.base_site .partenaire_banque_assurance .middle_content .titre_bloc,
  body.base_site .footer_general .appli_footer > div p a,
  body.base_site .par_les_ingredients .big_concent h2,
  body.base_site .texte_intro_parrainage .big_concent > div .titre_bloc {
    font-size: 29px; }
  /* line 4718, ../sass/screen.scss */
  body.base_site .content_base_partenaire .big_concent .nombre_partenaire .txt_part,
  body.base_site .cheque_cadeaux_par .contenu_cheque_ca_par .titre_bloc {
    font-size: 21px; }
  /* line 4722, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home .link_to_conf a span,
  body.base_site .texte_intro_home .big_concent .texte_home .link_to_conf a span b {
    font-size: 16px; }
  /* line 4726, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home .titre_bloc,
  body.base_site .avis_client_home .middle_content .all_avis_home .desc_bloc,
  body.base_site .base_temoignage .note_globale_temoignage .note_globale_texte {
    font-size: 14px; }
  /* line 4731, ../sass/screen.scss */
  body.base_site .footer_general .map_footer .titre_bloc, body.base_site .footer_general .last_sujet_footer .titre_bloc,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .numeration_liste_region,
  body.base_site .footer_general .last_sujet_footer .content_from_forum ul li a,
  body.base_site .encouragement_parain .big_concent > div,
  body.base_site .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients > div .titre_bloc span:last-child {
    font-size: 13px; }
  /* line 4738, ../sass/screen.scss */
  body.base_site .slide_header .big_concent .content_titre_slide .divers_lien figure span,
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .detail_curent_courtier .courtier_nom,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .link a,
  body.base_site .contenu_static .big_concent .liste_region_partenaire .numeration_liste_region *,
  body.base_site .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier .courtier_nom,
  body.base_site .footer_general .map_footer ul li a,
  body.base_site .liste_etape_par .big_concent .etape_liste_par .contenu_etape_liste_par {
    font-size: 12px !important; }
  /* line 4747, ../sass/screen.scss */
  body.base_site .slide_header .big_concent .content_titre_slide .divers_lien .flip-card-back p:first-child,
  body.base_site .base_temoignage .link_to a,
  body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .numeration_liste_region a,
  body.base_site .footer_general .last_sujet_footer .content_from_forum .in_from_forum * {
    font-size: 11px; }
  /* line 4753, ../sass/screen.scss */
  body.base_site .type_credit .liste_credit_top span,
  body.base_site .texte_intro_home .big_concent .texte_home .desc_home,
  body.base_site .reseau_actus_home .actu_home .content_liste_actus_home ul li > .titre_bloc a,
  body.base_site .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table th,
  body.base_site .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table td,
  body.base_site .sim_pret_immo .liste_sim_pret_immo_home > div .titre a,
  body.base_site .base_temoignage .note_globale_temoignage .link a,
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_desc .desc_temoignage,
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil .detail_curent_courtier .courtier_lier {
    font-size: 11px; }
  /* line 4764, ../sass/screen.scss */
  body.base_site .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier .courtier_lier {
    font-size: 10px; }
  /* line 4767, ../sass/screen.scss */
  body.base_site .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau table tbody tr td,
  body.base_site .avis_client_home .middle_content .all_avis_home .link a,
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_desc .date_temoignage,
  body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-front > div .titre {
    font-size: 10px; }
  /* line 4773, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home .link_to_conf a img {
    width: 35px;
    height: auto; }
  /* line 4777, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home .link_to_conf a {
    padding: 9px 10px !important; }
  /* line 4780, ../sass/screen.scss */
  body.base_site .content_liste_courtier_slide .les_courtiers_home figure {
    height: 225px; }
  /* line 4783, ../sass/screen.scss */
  body.base_site .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier {
    padding: 10px 0; }
  /* line 4786, ../sass/screen.scss */
  body.base_site .content_liste_courtier_slide .les_courtiers_home .detail_curent_courtier .courtier_lier {
    padding-bottom: 0; }
  /* line 4789, ../sass/screen.scss */
  body.base_site .reseau_actus_home .actu_home .content_liste_actus_home ul li .desc_actu_home,
  body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div > * {
    display: none; }
  /* line 4793, ../sass/screen.scss */
  body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div > p:last-child {
    display: block; }
  /* line 4796, ../sass/screen.scss */
  body.base_site .reseau_actus_home .actu_home .content_liste_actus_home ul li {
    height: 47px; }
  /* line 4799, ../sass/screen.scss */
  body.base_site .footer_general .appli_footer > div figure img {
    max-width: 100%;
    height: auto; }
  /* line 4803, ../sass/screen.scss */
  body.base_site .cheque_cadeaux_par .contenu_cheque_ca_par > * {
    width: 85% !important; }

  /* line 4808, ../sass/screen.scss */
  body.minisite .header_site .full_content figure a span {
    font-size: 24px; }
  /* line 4811, ../sass/screen.scss */
  body.minisite .minisite_action_home {
    top: -40px; }
  /* line 4814, ../sass/screen.scss */
  body.minisite .slide_header .big_concent .content_titre_slide .divers_lien {
    align-items: center; }
  /* line 4817, ../sass/screen.scss */
  body.minisite .minisite_action_home .big_concent figure {
    width: 130px; }
  /* line 4820, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit > div {
    height: 90px; }
  /* line 4823, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit {
    height: 275px; }
  /* line 4826, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit > div span,
  body.minisite #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit > div span {
    margin: 10px 0 20px; }
  /* line 4830, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .box_link strong,
  body.minisite .footer_general .appli_footer > div p a {
    font-size: 39px; }
  /* line 4834, ../sass/screen.scss */
  body.minisite .avis_client_home .middle_content .all_avis_home .titre_bloc,
  body.minisite .sim_pret_immo .titre_bloc,
  body.minisite .taux_credit_home .titre_bloc,
  body.minisite .partenaire_banque_assurance .middle_content .titre_bloc,
  body.minisite .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc,
  body.minisite .taux_credit_home .titre_bloc,
  body.minisite #dossiers_de_pret .titre_bloc,
  body.minisite .derniers_courtiers_home .titre_bloc,
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_sur,
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_fixe {
    font-size: 29px; }
  /* line 4846, ../sass/screen.scss */
  body.minisite .tauxActuel h3 {
    font-size: 21px !important; }
  /* line 4849, ../sass/screen.scss */
  body.minisite .avis_client_home .middle_content .all_avis_home .desc_bloc {
    font-size: 17px; }
  /* line 4852, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent .texte_home .titre_bloc,
  body.minisite .detail_courier_minisite_home .box_link span,
  body.minisite .contentBaro table tbody td {
    font-size: 14px !important; }
  /* line 4857, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite > div,
  body.minisite .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div p,
  body.minisite .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div div {
    font-size: 12px; }
  /* line 4862, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent .texte_home .desc_home *,
  body.minisite .avis_client_home .middle_content .all_avis_home .link a,
  body.minisite .avis_client_home .content_list_avis_home ul li .desc_avis,
  body.minisite .footer_general .map_footer ul li a,
  body.minisite .footer_general .last_sujet_footer .content_from_forum .in_from_forum *,
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-front > div .titre {
    font-size: 11px; }
  /* line 4870, ../sass/screen.scss */
  body.minisite .slide_header .big_concent .content_titre_slide .titre_bloc a.btt_white {
    font-size: 10px; }
  /* line 4873, ../sass/screen.scss */
  body.minisite .reseau_actus_home .actu_home .content_liste_actus_home ul li .desc_actu_home {
    display: none; }
  /* line 4876, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .courtier_minisite_home figure {
    height: 210px; }
  /* line 4879, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite p,
  body.minisite .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite > div {
    width: 100%; }
  /* line 4883, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .courtier_minisite_home .detail_curent_courtier_minisite > div {
    max-height: 120px; }
  /* line 4886, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .courtier_minisite_home {
    height: 425px; }
  /* line 4889, ../sass/screen.scss */
  body.minisite .btMinuteIf {
    right: 0; }
  /* line 4893, ../sass/screen.scss */
  body.minisite .footer_general .appli_footer > div figure img {
    max-width: 100%;
    height: auto; }
  /* line 4898, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div > * {
    display: none; }
  /* line 4901, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div > p:last-child {
    display: block; }
  /* line 4904, ../sass/screen.scss */
  body.minisite .content_dossier_pret ul li {
    width: 42%; }

  /* line 4908, ../sass/screen.scss */
  .content_article_blog .big_concent > .liste_article_blog > div {
    width: 28%; }

  /* line 4911, ../sass/screen.scss */
  .offre_honoraires .middle_content {
    background-size: auto 205px; }
    /* line 4913, ../sass/screen.scss */
    .offre_honoraires .middle_content > p {
      font-size: 16px; }

  /* line 4917, ../sass/screen.scss */
  .honoraire_mini_site .big_concent > div {
    width: 77%; }
    /* line 4920, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div .all_offer p {
      font-size: 17px;
      padding: 35px 30px 35px 200px;
      width: 50%;
      margin: 60px 0; }
    /* line 4927, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div > p {
      font-size: 15px; } }
@media screen and (max-width: 900px) {
  /* line 4933, ../sass/screen.scss */
  .header_site {
    height: inherit !important; }
    /* line 4935, ../sass/screen.scss */
    .header_site figure {
      width: 50%;
      max-width: 50%;
      margin-top: 10px;
      text-align: center; }

  /* line 4942, ../sass/screen.scss */
  .header_site .big_concent,
  .header_site .full_content {
    flex-wrap: wrap;
    justify-content: center; }
    /* line 4946, ../sass/screen.scss */
    .header_site .big_concent p,
    .header_site .full_content p {
      width: 100%;
      padding: 5px 0;
      background-color: #eaebe6;
      text-align: center; }
    /* line 4952, ../sass/screen.scss */
    .header_site .big_concent ul,
    .header_site .full_content ul {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      /* line 4957, ../sass/screen.scss */
      .header_site .big_concent ul a,
      .header_site .full_content ul a {
        padding: 10px 0;
        display: block; }

  /* line 4963, ../sass/screen.scss */
  .header_site .mini_menu_haut {
    height: inherit; }

  /* line 4966, ../sass/screen.scss */
  .header_site .big_concent,
  .header_site .full_content {
    height: inherit !important; }

  /* line 4970, ../sass/screen.scss */
  .slide_header .img_gratuite img {
    width: 50%; }

  /* line 4973, ../sass/screen.scss */
  .slide_header .big_concent {
    max-width: 100%;
    width: 100%;
    text-align: center;
    left: 0; }

  /* line 4979, ../sass/screen.scss */
  .slide_header .big_concent .content_titre_slide {
    flex-wrap: wrap;
    justify-content: center; }
    /* line 4982, ../sass/screen.scss */
    .slide_header .big_concent .content_titre_slide .titre_bloc {
      width: 100%; }
      /* line 4984, ../sass/screen.scss */
      .slide_header .big_concent .content_titre_slide .titre_bloc h1 {
        margin-bottom: 0;
        text-align: center; }

  /* line 4990, ../sass/screen.scss */
  .slide_header .big_concent .content_titre_slide .titre_bloc h1 {
    margin-top: 50px;
    font-size: 21px; }

  /* line 4994, ../sass/screen.scss */
  .footer_general {
    flex-wrap: wrap; }
    /* line 4996, ../sass/screen.scss */
    .footer_general > section {
      width: 80% !important; }

  /* line 5000, ../sass/screen.scss */
  .popup_block_hp .titreFormAvis {
    font-size: 12px !important;
    text-align: center !important; }

  /* line 5004, ../sass/screen.scss */
  table {
    max-width: 100% !important; }

  /* line 5007, ../sass/screen.scss */
  .sim_pret_immo {
    margin-top: 0; }

  /* line 5010, ../sass/screen.scss */
  .sim_pret_immo .liste_sim_pret_immo_home {
    flex-wrap: wrap;
    margin: 30px 0 0; }
    /* line 5013, ../sass/screen.scss */
    .sim_pret_immo .liste_sim_pret_immo_home > div {
      width: 30%; }

  /* line 5017, ../sass/screen.scss */
  .avis_client_home {
    margin: 30px 0 0 !important; }
    /* line 5019, ../sass/screen.scss */
    .avis_client_home .middle_content {
      flex-wrap: wrap-reverse !important; }
      /* line 5021, ../sass/screen.scss */
      .avis_client_home .middle_content > div {
        width: 100% !important; }
      /* line 5024, ../sass/screen.scss */
      .avis_client_home .middle_content .all_avis_home {
        margin-bottom: 20px !important; }
        /* line 5026, ../sass/screen.scss */
        .avis_client_home .middle_content .all_avis_home > p {
          margin: 0 !important;
          text-align: center !important; }

  /* line 5033, ../sass/screen.scss */
  .type_contrat_service .big_concent .liste_type_contrat_service figure {
    width: 40%; }
    /* line 5035, ../sass/screen.scss */
    .type_contrat_service .big_concent .liste_type_contrat_service figure span {
      font-size: 17px;
      bottom: 34px; }

  /* line 5040, ../sass/screen.scss */
  .contenu_contrat_service .middle_content article {
    width: 100%; }

  /* line 5043, ../sass/screen.scss */
  .contenu_contrat_service .middle_content aside {
    width: 100%;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    /* line 5050, ../sass/screen.scss */
    .contenu_contrat_service .middle_content aside p {
      width: 49%; }

  /* line 5054, ../sass/screen.scss */
  .for_simu_list p {
    width: 26%; }

  /* line 5057, ../sass/screen.scss */
  .divers_offre_home .big_concent .middle_content figure a span {
    font-size: 13px; }

  /* line 5060, ../sass/screen.scss */
  .explication_taux .big_concent {
    flex-wrap: wrap;
    text-align: center; }
    /* line 5063, ../sass/screen.scss */
    .explication_taux .big_concent img {
      position: relative;
      top: 10px; }

  /* line 5068, ../sass/screen.scss */
  body.base_site {
    /* font-size */ }
    /* line 5069, ../sass/screen.scss */
    body.base_site .slide_header .big_concent .content_titre_slide .divers_lien {
      height: inherit !important;
      width: 75%;
      justify-content: space-around;
      position: relative;
      top: 20px; }
    /* line 5076, ../sass/screen.scss */
    body.base_site .type_credit .big_concent {
      padding-bottom: 30px; }
    /* line 5079, ../sass/screen.scss */
    body.base_site .texte_intro_home .big_concent figure {
      width: 100%;
      margin: 0; }
    /* line 5083, ../sass/screen.scss */
    body.base_site .texte_intro_home .big_concent figure:after {
      display: none; }
    /* line 5086, ../sass/screen.scss */
    body.base_site .texte_intro_home .big_concent .texte_home {
      clear: both; }
    /* line 5089, ../sass/screen.scss */
    body.base_site .texte_intro_home .big_concent .texte_home .titre_bloc {
      left: 0;
      padding: 20px;
      width: 55%;
      font-size: 13px; }
    /* line 5095, ../sass/screen.scss */
    body.base_site .texte_intro_home .big_concent .texte_home .link_to_conf {
      right: 10px; }
    /* line 5098, ../sass/screen.scss */
    body.base_site .content_liste_courtier_slide .les_courtiers_home {
      width: 45%;
      margin-bottom: 60px; }
      /* line 5101, ../sass/screen.scss */
      body.base_site .content_liste_courtier_slide .les_courtiers_home figure {
        height: 310px; }
    /* line 5105, ../sass/screen.scss */
    body.base_site .derniers_courtiers_home .middle_content {
      padding-bottom: 0; }
    /* line 5108, ../sass/screen.scss */
    body.base_site .reseau_actus_home .middle_content {
      flex-wrap: wrap; }
      /* line 5110, ../sass/screen.scss */
      body.base_site .reseau_actus_home .middle_content > * {
        width: 100%; }
    /* line 5114, ../sass/screen.scss */
    body.base_site .reseau_actus_home .actu_home .content_liste_actus_home ul li {
      height: 99px; }
    /* line 5117, ../sass/screen.scss */
    body.base_site .reseau_actus_home .actu_home .content_liste_actus_home ul li .desc_actu_home,
    body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div > * {
      display: block; }
    /* line 5121, ../sass/screen.scss */
    body.base_site .last_credit_home .big_concent .liste_credit_home {
      max-width: 100%; }
    /* line 5124, ../sass/screen.scss */
    body.base_site .base_temoignage .note_globale_temoignage {
      padding: 20px 0; }
      /* line 5126, ../sass/screen.scss */
      body.base_site .base_temoignage .note_globale_temoignage .note_temoignage {
        margin: 20px 0 0; }
    /* line 5130, ../sass/screen.scss */
    body.base_site .content_base_partenaire .big_concent .liste_region_partenaire {
      margin: 20px 0; }
    /* line 5133, ../sass/screen.scss */
    body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc {
      margin-bottom: 20px; }
    /* line 5136, ../sass/screen.scss */
    body.base_site .base_temoignage .link_to {
      margin-top: 20px; }
    /* line 5139, ../sass/screen.scss */
    body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail {
      width: 100%; }
    /* line 5142, ../sass/screen.scss */
    body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div {
      width: 250px !important;
      height: 250px !important; }
      /* line 5145, ../sass/screen.scss */
      body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-front, body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back {
        width: 250px !important;
        height: 250px !important; }
    /* line 5150, ../sass/screen.scss */
    body.base_site .type_credit h2 {
      margin-bottom: 10px;
      margin-top: 50px; }
    /* line 5156, ../sass/screen.scss */
    body.base_site .base_temoignage .note_globale_temoignage .note_temoignage {
      font-size: 52px; }
    /* line 5159, ../sass/screen.scss */
    body.base_site .type_credit h2,
    body.base_site .derniers_courtiers_home .titre_bloc,
    body.base_site .last_credit_home .big_concent .liste_credit_home > .titre_bloc,
    body.base_site .sim_pret_immo .titre_bloc,
    body.base_site .avis_client_home .middle_content .all_avis_home .titre_bloc,
    body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc,
    body.base_site .liste_temoignage_fait .middle_content .titre_bloc,
    body.base_site .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc,
    body.base_site .partenaire_banque_assurance .middle_content .titre_bloc,
    body.base_site .footer_general .appli_footer > div p a,
    body.base_site .taux_credit_home .titre_bloc, body.base_site #dossiers_de_pret .titre_bloc,
    body.base_site .reseau_courtier_map .big_concent .titre_bloc span,
    body.base_site body.base_site .reseau_courtier_map .big_concent .titre_bloc,
    body.base_site .reseau_courtier_map .big_concent .titre_bloc,
    body.base_site .evolution_taux_courtier .big_concent .titre_bloc,
    body.base_site .share_to_rss .big_concent > .titre_bloc {
      font-size: 25px; }
    /* line 5177, ../sass/screen.scss */
    body.base_site .type_credit .liste_credit_top span {
      font-size: 9px; }

  /* line 5182, ../sass/screen.scss */
  .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit {
    width: 100%; }

  /* line 5185, ../sass/screen.scss */
  .reseau_courtier_map .big_concent .sous_content_rs {
    flex-wrap: wrap; }

  /* line 5188, ../sass/screen.scss */
  .reseau_courtier_map .big_concent .reseau_courtier {
    width: 100%; }

  /* line 5191, ../sass/screen.scss */
  .reseau_courtier_map .big_concent .reseau_map svg {
    top: 0; }

  /* line 5194, ../sass/screen.scss */
  .reseau_courtier_map .big_concent .reseau_map {
    height: auto; }

  /* line 5197, ../sass/screen.scss */
  .par_les_ingredients .big_concent .content_les_ingredient .tous_ingredients,
  .texte_intro_parrainage .big_concent > div,
  .cheque_cadeaux_par > *,
  .liste_etape_par .big_concent .etape_liste_par,
  .contenu_stat_par .in_contenu_stat_par .col_in {
    width: 100%; }

  /* line 5204, ../sass/screen.scss */
  .texte_intro_parrainage .big_concent > div {
    margin-bottom: 30px; }

  /* line 5208, ../sass/screen.scss */
  body.minisite .header_site figure {
    max-width: 100% !important;
    width: 100% !important;
    text-align: center; }
    /* line 5212, ../sass/screen.scss */
    body.minisite .header_site figure a {
      justify-content: center; }
    /* line 5215, ../sass/screen.scss */
    body.minisite .header_site figure img {
      width: 35%; }
  /* line 5220, ../sass/screen.scss */
  body.minisite .header_site nav.menu_header > ul > li img {
    width: 20px;
    height: auto; }
  /* line 5225, ../sass/screen.scss */
  body.minisite .header_site nav.menu_header > ul > li .icone_minisite_home {
    top: 0; }
  /* line 5228, ../sass/screen.scss */
  body.minisite .slide_header .big_concent .content_titre_slide > .titre_bloc {
    margin-left: 0;
    position: relative;
    top: -10px; }
  /* line 5233, ../sass/screen.scss */
  body.minisite .slide_header .img_gratuite img {
    width: 40%; }
  /* line 5236, ../sass/screen.scss */
  body.minisite .slide_header .big_concent .content_titre_slide .divers_lien {
    height: inherit;
    position: absolute;
    right: 0; }
    /* line 5241, ../sass/screen.scss */
    body.minisite .slide_header .big_concent .content_titre_slide .divers_lien figure img {
      width: 100px !important; }
  /* line 5246, ../sass/screen.scss */
  body.minisite .slide_header .big_concent .content_titre_slide .titre_bloc h1 {
    margin-top: 0; }
  /* line 5249, ../sass/screen.scss */
  body.minisite .minisite_action_home .big_concent figure {
    width: 16% !important; }
    /* line 5252, ../sass/screen.scss */
    body.minisite .minisite_action_home .big_concent figure a span {
      font-size: 12px;
      left: 10px;
      line-height: 110%;
      bottom: 18px; }
  /* line 5260, ../sass/screen.scss */
  body.minisite .slide_header .big_concent .content_titre_slide .titre_bloc a.btt_white {
    margin-top: 10px; }
  /* line 5263, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent figure {
    width: 100%;
    margin: 0; }
  /* line 5267, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent .texte_home {
    clear: both; }
  /* line 5270, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent figure::after {
    display: none; }
  /* line 5273, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent .texte_home .titre_bloc {
    left: 0;
    width: 75%; }
  /* line 5277, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent .texte_home .titre_bloc::before {
    display: none; }
  /* line 5280, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit,
  body.minisite #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit {
    width: 46%; }
  /* line 5284, ../sass/screen.scss */
  body.minisite .taux_credit_home .titre_bloc,
  body.minisite #dossiers_de_pret .titre_bloc {
    margin-bottom: 30px; }
  /* line 5288, ../sass/screen.scss */
  body.minisite .reseau_actus_home .middle_content {
    flex-wrap: wrap; }
    /* line 5290, ../sass/screen.scss */
    body.minisite .reseau_actus_home .middle_content > div {
      width: 100% !important; }
  /* line 5294, ../sass/screen.scss */
  body.minisite .reseau_actus_home .actu_home .content_liste_actus_home ul li {
    background-size: 100% 100%; }
  /* line 5297, ../sass/screen.scss */
  body.minisite .reseau_actus_home .actu_home .content_liste_actus_home ul li .desc_actu_home {
    display: block !important; }
  /* line 5300, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .big_concent {
    flex-wrap: wrap; }
  /* line 5303, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .courtier_minisite_home {
    width: 45%;
    margin-bottom: 30px; }
  /* line 5307, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .courtier_minisite_home figure {
    height: 185px; }
  /* line 5310, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .courtier_minisite_home {
    height: 395px; }
  /* line 5313, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .box_link span {
    margin-top: 71%; }
  /* line 5316, ../sass/screen.scss */
  body.minisite .avis_client_home .middle_content .all_avis_home .titre_bloc,
  body.minisite .sim_pret_immo .titre_bloc,
  body.minisite .taux_credit_home .titre_bloc,
  body.minisite .partenaire_banque_assurance .middle_content .titre_bloc,
  body.minisite .content_base_partenaire .big_concent .liste_region_partenaire .titre_bloc,
  body.minisite .taux_credit_home .titre_bloc,
  body.minisite #dossiers_de_pret .titre_bloc,
  body.minisite .derniers_courtiers_home .titre_bloc,
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_sur,
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit .taux_fixe {
    font-size: 25px; }
  /* line 5328, ../sass/screen.scss */
  body.minisite .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div p *,
  body.minisite .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div div * {
    font-size: 12px !important; }
  /* line 5332, ../sass/screen.scss */
  body.minisite .sim_pret_immo .liste_sim_pret_immo_home > div .titre a,
  body.minisite .sim_pret_immo .liste_sim_pret_immo_home > div .desc_list_sim,
  body.minisite .sim_pret_immo .liste_sim_pret_immo_home > div .titre {
    font-size: 11px; }
  /* line 5337, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance .middle_content .filtre_bloc,
  body.minisite .partenaire_banque_assurance .middle_content .titre_bloc {
    margin-bottom: 30px; }
  /* line 5341, ../sass/screen.scss */
  body.minisite .slide_header .big_concent .content_titre_slide .divers_lien .flip-card, body.minisite .flip-card-front, body.minisite .flip-card-back, body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div {
    width: 250px !important;
    height: 250px !important;
    margin: 30px 0 !important; }
  /* line 5346, ../sass/screen.scss */
  body.minisite body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div > * {
    display: block !important; }
  /* line 5349, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance {
    padding-bottom: 0 !important; }
  /* line 5352, ../sass/screen.scss */
  body.minisite .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div {
    width: 45%; }

  /* line 5356, ../sass/screen.scss */
  .texte_intro_home .big_concent .for_video_mini {
    width: 100%; }

  /* line 5359, ../sass/screen.scss */
  .content_article_blog .big_concent > .liste_article_blog > div {
    width: 45%; }

  /* line 5362, ../sass/screen.scss */
  .texte_intro_home .big_concent.in_content_video figure p.texte_intro_fig {
    font-size: 17px; }

  /* line 5365, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit {
    width: 28%; }

  /* line 5368, ../sass/screen.scss */
  .texte_intro_home .big_concent {
    flex-wrap: wrap; }
    /* line 5370, ../sass/screen.scss */
    .texte_intro_home .big_concent .texte_home {
      width: 100%; }

  /* line 5377, ../sass/screen.scss */
  .honoraire_mini_site .big_concent > div {
    width: 87%; }
    /* line 5380, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div .all_offer p {
      font-size: 15px;
      padding: 35px 30px 35px 200px;
      width: 40%;
      margin: 60px 0; }
    /* line 5387, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div > p {
      font-size: 13px; }

  /* line 5391, ../sass/screen.scss */
  .share_to_rss .big_concent ul li a {
    font-size: 13px; } }
@media screen and (max-width: 600px) {
  /* line 5396, ../sass/screen.scss */
  body {
    position: relative; }

  /* line 5399, ../sass/screen.scss */
  .menu_header {
    width: 100%;
    z-index: 9999;
    background: #333; }
    /* line 5403, ../sass/screen.scss */
    .menu_header ul {
      flex-wrap: wrap;
      height: 0;
      overflow: hidden; }
      /* line 5407, ../sass/screen.scss */
      .menu_header ul li {
        width: 100% !important;
        margin: 0 15px !important;
        border-bottom: 2px solid #444 !important; }
        /* line 5411, ../sass/screen.scss */
        .menu_header ul li a {
          font-size: 15px !important;
          padding: 20px 0 !important; }

  /* line 5419, ../sass/screen.scss */
  .menu_header.open_menu ul {
    height: auto; }

  /* line 5423, ../sass/screen.scss */
  .menu_header:before {
    content: 'MENU DE NAVIGATION';
    display: block;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    padding: 15px 0;
    cursor: pointer;
    background-color: #444; }

  /* line 5436, ../sass/screen.scss */
  .header_site figure {
    width: 95%;
    max-width: 95%;
    margin-bottom: 10px; }

  /* line 5441, ../sass/screen.scss */
  .slide_header > img {
    width: auto;
    height: 250px;
    position: relative;
    left: -200px; }

  /* line 5447, ../sass/screen.scss */
  .slide_header .big_concent .content_titre_slide .titre_bloc h1 {
    margin-top: 100px; }

  /* line 5450, ../sass/screen.scss */
  .type_credit .liste_credit_top {
    flex-wrap: wrap; }

  /* line 5453, ../sass/screen.scss */
  .slide_header {
    overflow-x: clip; }

  /* line 5456, ../sass/screen.scss */
  .reseau_actus_home .middle_content > * {
    flex-wrap: wrap; }

  /* line 5459, ../sass/screen.scss */
  .reseau_actus_home .reseau_home .titre_bloc {
    width: 100%;
    text-align: center;
    margin-top: 20px; }

  /* line 5464, ../sass/screen.scss */
  .reseau_actus_home .reseau_home .carte_svg_fr {
    margin-left: 5%;
    height: 250px;
    margin-top: 0; }

  /* line 5469, ../sass/screen.scss */
  .reseau_actus_home .actu_home > .titre_bloc {
    margin: 0;
    width: 100%;
    text-align: center;
    margin-top: 20px; }

  /* line 5475, ../sass/screen.scss */
  .sim_pret_immo .liste_sim_pret_immo_home > div {
    width: 48%; }

  /* line 5478, ../sass/screen.scss */
  .divers_offre_home .big_concent {
    padding: 30px 0 10px; }

  /* line 5481, ../sass/screen.scss */
  .divers_offre_home .big_concent .middle_content {
    flex-wrap: wrap; }
    /* line 5483, ../sass/screen.scss */
    .divers_offre_home .big_concent .middle_content figure {
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px; }

  /* line 5489, ../sass/screen.scss */
  .paginations, .pagination {
    margin: 20px 0 0; }

  /* line 5492, ../sass/screen.scss */
  .paginations a, .pagination a {
    margin: 10px !important; }

  /* line 5495, ../sass/screen.scss */
  .footer_general .last_sujet_footer .newsletter_footer {
    flex-wrap: wrap; }
    /* line 5497, ../sass/screen.scss */
    .footer_general .last_sujet_footer .newsletter_footer p {
      width: 100%;
      margin-bottom: 10px;
      font-size: 15px !important; }
    /* line 5502, ../sass/screen.scss */
    .footer_general .last_sujet_footer .newsletter_footer div {
      flex-wrap: wrap;
      width: inherit; }
      /* line 5505, ../sass/screen.scss */
      .footer_general .last_sujet_footer .newsletter_footer div input {
        width: 40%; }
      /* line 5508, ../sass/screen.scss */
      .footer_general .last_sujet_footer .newsletter_footer div button {
        width: 100%;
        margin-top: 10px;
        padding: 10px 0; }

  /* line 5515, ../sass/screen.scss */
  .contenu_contrat_service .middle_content aside p {
    width: 100%; }

  /* line 5518, ../sass/screen.scss */
  .type_contrat_service .big_concent .liste_type_contrat_service figure {
    width: 70%; }

  /* line 5521, ../sass/screen.scss */
  .contenu_contrat_service .middle_content article h2 {
    font-size: 24px; }

  /* line 5524, ../sass/screen.scss */
  .contenu_contrat_service .middle_content article h3 {
    font-size: 21px; }

  /* line 5527, ../sass/screen.scss */
  .contenu_contrat_service .middle_content article ul li,
  .contenu_contrat_service .middle_content article p {
    font-size: 14px; }

  /* line 5532, ../sass/screen.scss */
  body.base_site .type_credit .liste_credit_top figure {
    width: 27%;
    margin-bottom: 30px; }
  /* line 5536, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home .titre_bloc {
    width: 85%;
    font-size: 12px; }
  /* line 5540, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home .link_to_conf {
    position: initial;
    width: 175px;
    margin: 0 auto 20px; }
  /* line 5545, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home .titre_bloc {
    margin-bottom: 20px; }
  /* line 5548, ../sass/screen.scss */
  body.base_site .texte_intro_home .big_concent .texte_home {
    padding-top: 0; }
  /* line 5551, ../sass/screen.scss */
  body.base_site .content_liste_courtier_slide .les_courtiers_home {
    width: 100%; }
  /* line 5554, ../sass/screen.scss */
  body.base_site .last_credit_home .big_concent .liste_credit_home .liste_credit_tableau {
    overflow-x: scroll; }
  /* line 5557, ../sass/screen.scss */
  body.base_site .content_base_partenaire .big_concent {
    flex-wrap: wrap; }
    /* line 5559, ../sass/screen.scss */
    body.base_site .content_base_partenaire .big_concent > div {
      width: 100% !important; }
  /* line 5563, ../sass/screen.scss */
  body.base_site .liste_temoignage_fait {
    padding: 30px 0; }
  /* line 5566, ../sass/screen.scss */
  body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail {
    flex-wrap: wrap; }
    /* line 5568, ../sass/screen.scss */
    body.base_site .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail > div {
      width: 100% !important; }
  /* line 5572, ../sass/screen.scss */
  body.base_site .partenaire_banque_assurance .middle_content .liste_part_bank {
    justify-content: center; }

  /* line 5577, ../sass/screen.scss */
  body.minisite .header_site .full_content figure a {
    flex-wrap: wrap; }
    /* line 5579, ../sass/screen.scss */
    body.minisite .header_site .full_content figure a span {
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 10px;
      padding: 0;
      font-size: 21px; }
  /* line 5588, ../sass/screen.scss */
  body.minisite .header_site figure img {
    width: 80% !important; }
  /* line 5591, ../sass/screen.scss */
  body.minisite .minisite_action_home .big_concent {
    flex-wrap: wrap; }
    /* line 5593, ../sass/screen.scss */
    body.minisite .minisite_action_home .big_concent > figure {
      width: 28% !important; }
  /* line 5597, ../sass/screen.scss */
  body.minisite .slide_header .big_concent .content_titre_slide .titre_bloc h1 {
    margin-top: 60px !important; }
  /* line 5600, ../sass/screen.scss */
  body.minisite .slide_header .big_concent .content_titre_slide .divers_lien {
    top: 0px; }
  /* line 5603, ../sass/screen.scss */
  body.minisite .texte_intro_home .big_concent .texte_home .titre_bloc {
    padding-left: 10px !important; }
  /* line 5606, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide .liste_taux_de_credit,
  body.minisite #dossiers_de_pret .content_list_taux_credit_slide .liste_taux_de_credit,
  body.minisite .detail_courier_minisite_home .courtier_minisite_home,
  body.minisite .contenu_static .big_concent .liste_region_partenaire .contenu_cat > div,
  body.minisite .content_dossier_pret ul li {
    width: 100%; }
  /* line 5613, ../sass/screen.scss */
  body.minisite .detail_courier_minisite_home .box_link span {
    margin-top: 55%; }
  /* line 5616, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank {
    justify-content: center; }
  /* line 5619, ../sass/screen.scss */
  body.minisite .partenaire_banque_assurance .middle_content .liste_part_bank > div .flip-card-back > div > * {
    display: block; }
  /* line 5622, ../sass/screen.scss */
  body.minisite .taux_credit_home,
  body.minisite #dossiers_de_pret {
    padding: 1px 0 !important; }

  /* line 5627, ../sass/screen.scss */
  .liste_temoignage_fait .middle_content .liste_temoignage .liste_temoignage_detail .temoignage_profil figure {
    height: 300px; }

  /* line 5630, ../sass/screen.scss */
  .divers_offre_home {
    margin: 30px 0 0; }

  /* line 5633, ../sass/screen.scss */
  .for_simu_list p {
    width: 100%; }

  /* line 5636, ../sass/screen.scss */
  .type_candc > .titre_bloc {
    font-size: 30px; }

  /* line 5639, ../sass/screen.scss */
  .type_candc .filtre_bloc select {
    width: 90%;
    margin: 0 auto; }

  /* line 5643, ../sass/screen.scss */
  .divers_offre_home .big_concent .middle_content figure a span {
    font-size: 22px; }

  /* line 5646, ../sass/screen.scss */
  .texte_intro_home .big_concent {
    flex-wrap: wrap; }
    /* line 5648, ../sass/screen.scss */
    .texte_intro_home .big_concent figure {
      width: 100%;
      margin-bottom: 30px; }

  /* line 5653, ../sass/screen.scss */
  .evolution_taux_courtier .big_concent .content_evo_taux {
    margin-bottom: 50px;
    overflow-x: scroll; }

  /* line 5657, ../sass/screen.scss */
  .texte_intro_home .big_concent .for_video_mini {
    width: 100%; }

  /* line 5660, ../sass/screen.scss */
  .content_article_blog .big_concent > .liste_article_blog > div {
    width: 100%; }

  /* line 5663, ../sass/screen.scss */
  body.minisite .taux_credit_home .content_list_taux_credit_slide div.liste_taux_de_credit {
    width: 45%; }

  /* line 5666, ../sass/screen.scss */
  .honoraire_mini_site .big_concent > div {
    width: 100%; }
    /* line 5669, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div .all_offer img {
      top: -140px; }
    /* line 5672, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div .all_offer p {
      font-size: 17px;
      padding: 35px 30px 35px 30px;
      width: 100%;
      margin: 100px 0 30px; }
    /* line 5679, ../sass/screen.scss */
    .honoraire_mini_site .big_concent > div > p {
      font-size: 11px;
      margin: 0 20px; }

  /* line 5684, ../sass/screen.scss */
  .offre_honoraires .middle_content {
    flex-wrap: wrap;
    justify-content: flex-start;
    background-size: auto 155px;
    background-position: right top; }
    /* line 5689, ../sass/screen.scss */
    .offre_honoraires .middle_content > * {
      width: 100%; }
    /* line 5692, ../sass/screen.scss */
    .offre_honoraires .middle_content figure {
      margin-right: 0;
      width: 70%; }
    /* line 5696, ../sass/screen.scss */
    .offre_honoraires .middle_content > p {
      width: 100%;
      margin: 20px 0 30px; }

  /* line 5701, ../sass/screen.scss */
  .share_to_rss .big_concent ul li {
    width: 100%;
    margin-bottom: 20px; } }

/*# sourceMappingURL=screen.css.map */

/* if_css/front/front.css */
/* css pour de frontoffice */
/* css_ac/screen.css */

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

@font-face {
  font-family: "JF Flat Regular";
  src: url("/fonts/7d411bb0357d6fd29347455b7d207995.eot");
  /* IE9*/
  src: url("/fonts/7d411bb0357d6fd29347455b7d207995.eot?#iefix") format("embedded-opentype"), url("/fonts/7d411bb0357d6fd29347455b7d207995.woff2") format("woff2"), url("/fonts/7d411bb0357d6fd29347455b7d207995.woff") format("woff"), url("/fonts/7d411bb0357d6fd29347455b7d207995.ttf") format("truetype"), url("/fonts/7d411bb0357d6fd29347455b7d207995.svg#JF Flat Regular") format("svg");
  /* iOS 4.1- */ }
/*
font-family: "JF Flat Regular";
*/
body {
  background-color: #fff; }
  body * {
    font-family: "JF Flat Regular", "Myriad Pro", sans-serif;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  body > * {
    max-width: 1300px;
    margin: 0 auto; }
  body a {
    text-decoration: none; }
  body .middle_width {
    width: 1260px;
    max-width: 95%;
    margin: 0 auto; }
  body .small_width {
    width: 1180px;
    margin: 0 auto;
    max-width: 95%; }
  body hr.small_width, body hr.middle_width {
    border: none !important;
    background: none !important;
    border-bottom: 1px solid #F4F4F4 !important; }
  body .pagination_site {
    margin: 30px 0 70px;
    text-align: center; }
    body .pagination_site a {
      font-size: 19px;
      color: #fff;
      background-color: #BBBBBB;
      display: inline-block;
      padding: 8px 0;
      width: 40px;
      text-align: center;
      margin: 0 5px; }
    body .pagination_site a.active {
      background-color: #F3AC4B; }

/* debut header */
.header_haut > .middle_width {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 10px 0; }
  .header_haut > .middle_width .link_header_haut > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px; }
  .header_haut > .middle_width .link_header_haut > p, .header_haut > .middle_width .link_header_haut > div {
    font-size: 12px;
    color: #435E79; }
    .header_haut > .middle_width .link_header_haut > p strong, .header_haut > .middle_width .link_header_haut > div strong {
      color: #F3AC4B; }
  .header_haut > .middle_width .link_header_haut #derniers_clients_container {
    padding: 0 !important;
    border: none !important; }
  .header_haut > .middle_width .link_header_haut .espace_client_header_haut a {
    display: flex;
    padding-right: 15px;
    align-items: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #435E79;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    font-family: Arial;
    font-weight: 700;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
    .header_haut > .middle_width .link_header_haut .espace_client_header_haut a img {
      padding: 7px 13px;
      background-color: #F3AC4B;
      margin-right: 10px;
      -webkit-border-radius: 5px 0 0 5px;
      border-radius: 5px 0 0 5px; }
  .header_haut > .middle_width .link_header_haut .rappel_gratuit_header_haut {
    margin: 0 20px; }
    .header_haut > .middle_width .link_header_haut .rappel_gratuit_header_haut a {
      display: flex;
      padding-right: 15px;
      align-items: center;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      background-color: #F4F4F4;
      overflow: hidden;
      color: #435E79;
      font-size: 12px;
      font-family: Arial;
      font-weight: 700;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
      .header_haut > .middle_width .link_header_haut .rappel_gratuit_header_haut a img {
        padding: 7px 13px;
        margin-right: 10px;
        background: url(/images_ac/ac_picto_3.jpg) right center no-repeat;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px; }
  .header_haut > .middle_width .link_header_haut .autre_lien_header_haut a {
    font-size: 13px;
    font-family: Arial;
    color: #888;
    line-height: 120%;
    display: inline-block;
    margin-left: 20px; }
  .header_haut > .middle_width .link_header_haut .autre_lien_header_haut a:hover {
    color: #F3AC4B; }
  .header_haut > .middle_width .link_header_haut .acces_prive_header_haut {
    margin-right: 20px; }
    .header_haut > .middle_width .link_header_haut .acces_prive_header_haut a {
      display: flex;
      padding-right: 15px;
      align-items: center;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      background-color: #EEE;
      overflow: hidden;
      color: #435E79;
      font-size: 12px;
      font-family: Arial;
      font-weight: 700;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
      .header_haut > .middle_width .link_header_haut .acces_prive_header_haut a img {
        padding: 7px 13px;
        background-color: #F3AC4B;
        margin-right: 10px;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px; }
.header_haut .nav-main > .middle_width {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .header_haut .nav-main > .middle_width .nom_region {
    padding: 10px 15px;
    background-color: #F4F4F4;
    font-size: 24px;
    text-transform: uppercase;
    color: #435E79;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    top: -5px; }
  .header_haut .nav-main > .middle_width .nom_region:before {
    width: 28px;
    height: 14px;
    display: block;
    content: "";
    background: url(/images_ac/ac_picto_9.png) top left no-repeat;
    position: absolute;
    top: -14px;
    left: 30px; }
  .header_haut .nav-main > .middle_width .nav-list__item {
    padding: 10px 0;
    margin-left: 0.5rem; }
    .header_haut .nav-main > .middle_width .nav-list__item a {
      text-transform: uppercase;
      color: #fff;
      font-size: 17px;
      font-weight: 300;
      padding: 7px 10px;
      display: inline-block; }
  .header_haut .nav-main > .middle_width .acces_prive_header_haut a {
    display: flex;
    padding-right: 15px;
    align-items: center;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #EEE;
    overflow: hidden;
    color: #435E79;
    font-size: 12px;
    font-family: Arial;
    font-weight: 700;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .header_haut .nav-main > .middle_width .acces_prive_header_haut a img {
      padding: 7px 13px;
      background-color: #F3AC4B;
      margin-right: 10px;
      -webkit-border-radius: 5px 0 0 5px;
      border-radius: 5px 0 0 5px; }
  .header_haut .nav-main > .middle_width .acces_prive_header_haut a:hover {
    background-color: #435E79;
    color: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5); }

/* footer */
footer {
  padding: 20px 0 0;
  background: #435E79;
  border-top: 3px solid #F3AC4B; }
  footer .link_map {
    display: flex;
    justify-content: space-between; }
    footer .link_map > div.menu_prima_foot {
      width: 20%;
      padding: 10px 20px 0 0;
      margin-right: 20px;
      border-right: 1px solid rgba(255, 255, 255, 0.1); }
      footer .link_map > div.menu_prima_foot .for_titre {
        font-size: 23px;
        color: #F2AC4B;
        margin-bottom: 15px; }
      footer .link_map > div.menu_prima_foot a {
        display: flex;
        font-size: 14px;
        color: #fff;
        width: 80%;
        margin: 0 auto 10px; }
        footer .link_map > div.menu_prima_foot a img {
          margin-right: 10px; }
    footer .link_map > p, footer .link_map .seconta_foot_menu {
      width: 80%;
      font-size: 14px;
      color: #ECECEC;
      line-height: 130%; }
      footer .link_map > p a, footer .link_map .seconta_foot_menu a {
        font-size: 14px;
        color: #ECECEC; }
      footer .link_map > p > div, footer .link_map .seconta_foot_menu > div {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: #F2AC4B;
        font-size: 19px; }
        footer .link_map > p > div a, footer .link_map .seconta_foot_menu > div a {
          display: inline-block;
          padding: 5px 12px;
          background-color: rgba(255, 255, 255, 0.25);
          text-transform: uppercase;
          -webkit-border-radius: 3px;
          border-radius: 3px; }
        footer .link_map > p > div a:hover, footer .link_map .seconta_foot_menu > div a:hover {
          background-color: #F2AC4B; }
  footer .community {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between; }
    footer .community > div {
      display: flex;
      align-items: center; }
    footer .community .get_community {
      font-size: 23px;
      color: #F2AC4B; }
      footer .community .get_community a {
        display: inline-block;
        margin: 0 0 0 15px; }
        footer .community .get_community a img {
          height: 21px;
          width: auto;
          opacity: .5; }
    footer .community .down-appli {
      font-size: 18px;
      color: #F2AC4B;
      display: block;
      text-transform: uppercase;
      text-align: center; }
      footer .community .down-appli a {
        display: inline-block;
        margin: 0 0 0 25px;
        color: #fff; }
        footer .community .down-appli a img {
          height: 50px;
          width: auto;
          opacity: .8;
          margin: 10px 0 0; }
  footer .copyright {
    text-align: center;
    margin-top: 20px;
    padding: 8px 0;
    background-color: #fff;
    font-size: 14px;
    color: #BBBBBB; }

/* debut home */
.photo_base_forum {
  position: relative; }
  .photo_base_forum .liste_credit_forum {
    position: absolute;
    top: 60px;
    left: 60px; }
    .photo_base_forum .liste_credit_forum p {
      margin: 30px 0; }
      .photo_base_forum .liste_credit_forum p a {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #F3AC4B;
        height: 60px;
        border: 1px solid #fff;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }
        .photo_base_forum .liste_credit_forum p a img {
          margin: 0 15px; }
        .photo_base_forum .liste_credit_forum p a span {
          font-size: 22px;
          padding: 0 15px;
          width: 250px;
          background-color: #435E79;
          height: 60px;
          line-height: 60px;
          color: #fff;
          -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0; }
  .photo_base_forum .head_intro {
    position: absolute;
    top: 25%;
    right: 100px;
    text-align: center;
    font-size: 48px;
    color: #fff;
    line-height: 150%;
    text-shadow: 5px 5px 2px #000000; }
    .photo_base_forum .head_intro span {
      color: #FFFF00; }

.photo_base > figure {
  position: relative; }
  .photo_base > figure > img {
    width: 100%;
    height: auto; }
  .photo_base > figure .for_titre {
    position: absolute;
    bottom: -2px;
    left: 0;
    padding: 25px 0;
    width: 100%;
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    background: rgba(255, 255, 255, 0.75) url(/images_ac/ac_picto_4.png) bottom center no-repeat; }
    .photo_base > figure .for_titre span {
      color: #F2AC4B; }
  .photo_base > figure > cite {
    position: absolute;
    top: 50px;
    left: 150px;
    text-indent: -50px;
    color: #fff;
    font-size: 31px; }
    .photo_base > figure > cite span {
      color: #F2AC4B; }
  .photo_base > figure .link_to_head {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 150px;
    display: flex;
    justify-content: space-around; }
    .photo_base > figure .link_to_head > a {
      width: 350px;
      display: flex;
      text-align: center;
      background-color: #435E79;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      text-align: left; }
      .photo_base > figure .link_to_head > a span {
        display: flex;
        justify-content: center;
        margin: 10px;
        color: #fff;
        font-size: 19px;
        padding: 0;
        border: 1px dashed rgba(255, 255, 255, 0.5);
        text-align: left;
        width: 100%;
        align-items: center;
        justify-content: space-between; }
      .photo_base > figure .link_to_head > a img {
        margin-right: 10px; }
    .photo_base > figure .link_to_head > a:last-child {
      background-color: #F3AC4B; }
  .photo_base > figure .link_to_head_mini {
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 150px;
    display: flex;
    justify-content: space-around; }
    .photo_base > figure .link_to_head_mini > a {
      width: 350px;
      display: flex;
      text-align: center;
      background-color: #435E79;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      border: 3px solid #435E79; }
      .photo_base > figure .link_to_head_mini > a span {
        display: flex;
        justify-content: center;
        margin: 10px;
        color: #fff;
        font-size: 19px;
        padding: 15px;
        border: 1px dashed rgba(255, 255, 255, 0.5);
        text-align: center;
        width: 100%;
        align-items: center; }
      .photo_base > figure .link_to_head_mini > a img {
        position: absolute;
        top: -51px;
        left: 31%; }
    .photo_base > figure .link_to_head_mini > a:last-child {
      background-color: #F3AC4B;
      border: 3px solid #F3AC4B; }
.photo_base .liste_prestation_ac {
  margin: 40px 0; }
  .photo_base .liste_prestation_ac .middle_width {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap; }
    .photo_base .liste_prestation_ac .middle_width .liste_prestation_site {
      width: 145px;
      padding: 10px;
      background-color: #F9F9F9;
      box-shadow: inset 0 0 0 2px #F9F9F9, 0 0 1px transparent;
      margin-bottom: 30px; }
      .photo_base .liste_prestation_ac .middle_width .liste_prestation_site figure {
        margin: 25px 0; }
      .photo_base .liste_prestation_ac .middle_width .liste_prestation_site div > p {
        height: 50px;
        background-color: #FFFFFF;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        color: #666666;
        position: relative; }
        .photo_base .liste_prestation_ac .middle_width .liste_prestation_site div > p a {
          text-transform: uppercase;
          font-size: 15px;
          color: #666666; }
      .photo_base .liste_prestation_ac .middle_width .liste_prestation_site div > p:after {
        position: absolute;
        width: 50%;
        content: "";
        display: block;
        height: 3px;
        bottom: -2px;
        left: 25%;
        background-color: #F3AC4B; }
    .photo_base .liste_prestation_ac .middle_width .liste_prestation_site:hover {
      box-shadow: inset 0 0 0 4px #F3AC4B, 0 0 1px transparent; }
      .photo_base .liste_prestation_ac .middle_width .liste_prestation_site:hover div > p:after {
        background-color: #435E79; }

.photo_interne > figure {
  position: relative; }
  .photo_interne > figure img {
    width: 100%;
    height: auto; }
  .photo_interne > figure .for_titre {
    position: absolute;
    bottom: -2px;
    left: 0;
    padding: 25px 0;
    width: 100%;
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    background: rgba(255, 255, 255, 0.75) url(/images_ac/ac_picto_4.png) bottom center no-repeat; }
    .photo_interne > figure .for_titre span {
      color: #F2AC4B; }
  .photo_interne > figure > cite {
    position: absolute;
    top: 50px;
    left: 150px;
    text-indent: -50px;
    color: #fff;
    font-size: 31px; }
    .photo_interne > figure > cite span {
      color: #F2AC4B; }
.photo_interne .desc_page {
  margin: 30px auto;
  text-align: center;
  line-height: 130%;
  font-size: 15px;
  color: #435E79; }

.la_difference {
  position: relative; }
  .la_difference .lien_video {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100% !important; }
    .la_difference .lien_video a {
      width: 350px;
      margin: 0 auto;
      padding: 11px 15px;
      border: 1px solid #fff;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      display: flex;
      align-content: center;
      background-color: #FFF5EC;
      font-size: 26px;
      color: #637D98; }
      .la_difference .lien_video a img {
        width: 35px;
        height: auto;
        margin-right: 10px; }
    .la_difference .lien_video a:hover {
      background-color: #435E79;
      color: #fff; }
  .la_difference .small_width {
    padding: 40px 0;
    border-top: 1px solid #F4F4F4;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
    .la_difference .small_width .desc_faire_difference {
      width: 70%; }
      .la_difference .small_width .desc_faire_difference > .for_titre {
        text-transform: uppercase;
        color: #435E79;
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 30px; }
        .la_difference .small_width .desc_faire_difference > .for_titre span {
          font-size: 17px;
          color: #F2AC4B;
          font-weight: 600; }
      .la_difference .small_width .desc_faire_difference > .for_titre:after {
        content: "";
        display: block;
        height: 3px;
        width: 75px;
        background-color: #F3AC4B;
        margin-top: 10px; }
      .la_difference .small_width .desc_faire_difference > ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .la_difference .small_width .desc_faire_difference > ul li {
          width: 48%;
          margin-bottom: 30px;
          display: flex;
          justify-content: space-between; }
          .la_difference .small_width .desc_faire_difference > ul li span {
            font-size: 24px;
            color: #F3AC4B;
            padding: 5px 0;
            width: 10%;
            border-right: 1px solid #DDDDDD;
            text-align: center;
            margin-right: 20px; }
          .la_difference .small_width .desc_faire_difference > ul li p {
            font-size: 14px;
            color: #666666;
            line-height: 120%;
            width: 90%; }
            .la_difference .small_width .desc_faire_difference > ul li p b {
              font-weight: 600;
              line-height: 150%;
              font-size: 17px; }
      .la_difference .small_width .desc_faire_difference .pose_carte_france {
        margin: 30px 0;
        width: 100%;
        height: 222px;
        background: url(/images_ac/bg_carte.jpg) top left no-repeat;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center; }
        .la_difference .small_width .desc_faire_difference .pose_carte_france .for_titre {
          font-size: 31px;
          color: #fff;
          line-height: 120%;
          text-transform: uppercase; }
          .la_difference .small_width .desc_faire_difference .pose_carte_france .for_titre span {
            color: #F2AC4B; }
        .la_difference .small_width .desc_faire_difference .pose_carte_france .detail_carte_fr {
          width: 206px;
          height: 180px; }
          .la_difference .small_width .desc_faire_difference .pose_carte_france .detail_carte_fr .carte_svg_fr {
            width: 100%;
            height: auto; }
            .la_difference .small_width .desc_faire_difference .pose_carte_france .detail_carte_fr .carte_svg_fr a:hover path {
              fill: #F2AC4B !important; }
        .la_difference .small_width .desc_faire_difference .pose_carte_france ul {
          width: 275px; }
          .la_difference .small_width .desc_faire_difference .pose_carte_france ul li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px 0; }
            .la_difference .small_width .desc_faire_difference .pose_carte_france ul li p {
              font-size: 19px;
              color: #fff;
              width: 85%; }
              .la_difference .small_width .desc_faire_difference .pose_carte_france ul li p span {
                color: #F2AC4B; }
    .la_difference .small_width aside {
      width: 290px;
      text-align: center; }
      .la_difference .small_width aside .lien_aside {
        margin-bottom: 35px; }
        .la_difference .small_width aside .lien_aside a:hover img {
          -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }
      .la_difference .small_width aside .contact_home {
        width: 100%;
        padding: 20px 0;
        background: url(/images_ac/bg_contact_home.png) top center no-repeat;
        animation: blink-animation 1.5s steps(10, start) infinite;
        -webkit-animation: blink-animation 1.5s steps(10, start) infinite; }
        .la_difference .small_width aside .contact_home .for_titre {
          text-align: center;
          font-size: 22px;
          text-transform: uppercase;
          color: #F19E2D;
          margin: 20px 0;
          font-weight: 700; }
        .la_difference .small_width aside .contact_home > div {
          text-align: center;
          margin-top: 40px; }
          .la_difference .small_width aside .contact_home > div a {
            display: inline-block;
            margin: 0 10px;
            padding: 10px 0; }

@keyframes blink-animation {
  to {
    visibility: hidden; } }
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden; } }
.dernier_courtier_credit {
  padding: 60px 0;
  background-color: #F9F9F9;
  border-bottom: 3px solid #435E79; }
  .dernier_courtier_credit .small_width > .for_titre {
    padding: 0 0 25px;
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    background: url(/images_ac/ac_picto_4.png) bottom center no-repeat;
    text-transform: uppercase; }
    .dernier_courtier_credit .small_width > .for_titre span {
      color: #F2AC4B; }
  .dernier_courtier_credit .small_width .liste_courtier_connecter_home {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 50px; }
    .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home {
      width: 250px;
      position: relative; }
      .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div {
        position: relative; }
        .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure {
          width: 242px;
          height: 242px;
          border: 4px solid #fff;
          -webkit-border-radius: 242px;
          border-radius: 242px;
          overflow: hidden;
          -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
          margin-bottom: 20px; }
          .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure img {
            width: 100%;
            height: auto; }
          .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure figcaption {
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center; }
            .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure figcaption > p {
              width: 100%; }
            .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure figcaption .ass_name {
              font-weight: 700;
              margin-bottom: 10px;
              color: #F2AC4B;
              font-size: 17px;
              margin-top: 15px; }
            .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure figcaption .ass_avaibility {
              font-weight: 400;
              font-size: 15px;
              line-height: 100%;
              color: #fff; }
              .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure figcaption .ass_avaibility u {
                color: #fff; }
            .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure figcaption .ass_etoile {
              margin-top: 10px; }
              .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure figcaption .ass_etoile img {
                display: inline-block;
                width: 21px !important;
                height: 19px !important; }
        .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div .avis {
          width: 50px;
          height: 50px;
          background: url(/images_ac/ac_picto_8.png) center center no-repeat;
          position: absolute;
          right: 10px;
          top: 0;
          font-size: 21px;
          text-align: center;
          color: #fff;
          line-height: 130%; }
      .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home .nom_courtier {
        text-align: center;
        font-size: 21px;
        color: #666;
        padding-bottom: 20px; }
    .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home:after {
      content: "";
      display: block;
      position: absolute;
      width: 50%;
      bottom: 0;
      left: 25%;
      height: 2px;
      background-color: #F2AC4B; }

.credit_obtenu_accueil {
  margin: 70px 0; }
  .credit_obtenu_accueil .small_width {
    position: relative; }
    .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil {
      width: 983px;
      padding: 0 30px;
      background: url(/images_ac/bg_taux.png) top left repeat-x;
      height: 430px; }
      .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil > .for_titre {
        padding: 0 0 10px;
        text-align: center;
        line-height: 100%;
        font-size: 31px;
        color: #444444; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil > .for_titre span {
          color: #F2AC4B; }
      .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil {
        width: 100%;
        margin-top: 30px; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil table td {
          padding: 10px 0 !important;
          font-size: 13px !important;
          background-color: #F9F9F9;
          text-align: center; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil table .cel_graphe {
          background-color: inherit;
          padding: 0 !important; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil table .ss_bat td {
          background-color: #eeeeee;
          border: 1px solid #acb9b9; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil table .ss_bat .actuel {
          background-color: #F2AC4B; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil table .ss_bot td {
          background-color: #435E79;
          color: #fff; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil table div.actuel {
          background-color: #F2AC4B; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table {
          background-color: #F3AC4B;
          display: flex;
          justify-content: space-around;
          -webkit-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table > span {
            display: flex;
            padding: 10px 15px;
            font-size: 15px;
            color: #fff;
            font-weight: 600;
            align-items: center; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table span:nth-child(1) {
            width: 20%; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table span:nth-child(2) {
            width: 12%; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table span:nth-child(3) {
            width: 13%; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table span:nth-child(4) {
            width: 5%;
            background-color: #435E79; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table span:nth-child(5) {
            width: 13%; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table span:nth-child(6) {
            width: 15%; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table span.taux {
            position: relative; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table span.taux:before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 5px;
            background-color: #435E79;
            left: 0;
            top: -5px; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table {
          background-color: #FDF3E4;
          display: flex;
          justify-content: space-around;
          /*align-items: center;*/
          padding: 5px 0 0; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table > span {
            font-size: 13px;
            background-color: #fff;
            color: #545454;
            padding: 10px 15px; }
            .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table > span a {
              color: #F2AC4B; }
            .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table > span a:hover {
              text-decoration: underline; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table span:nth-child(1) {
            width: 20%; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table span:nth-child(2) {
            width: 12%; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table span:nth-child(3) {
            width: 13%; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table span:nth-child(4) {
            width: 5%;
            background-color: #D0D7DD; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table span:nth-child(5) {
            width: 13%; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table span:nth-child(6) {
            width: 15%; }
        .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table:last-child {
          padding-bottom: 10px;
          -webkit-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table:last-child span.taux {
            position: relative; }
          .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .elt_table:last-child span.taux:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 10px;
            background-color: #435E79;
            left: 0;
            bottom: -15px; }
  .credit_obtenu_accueil .small_width:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 257px;
    height: 418px;
    background: url(/images_ac/bg_taux_home.png) top left no-repeat; }

.dernier_actualite_accueil {
  margin: 70px 0; }
  .dernier_actualite_accueil .small_width > .for_titre {
    padding: 0 0 25px;
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    background: url(/images_ac/ac_picto_4.png) bottom center no-repeat; }
    .dernier_actualite_accueil .small_width > .for_titre span {
      color: #F2AC4B; }
  .dernier_actualite_accueil .small_width .liste_latest_actu {
    margin: 50px 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .dernier_actualite_accueil .small_width .liste_latest_actu > div {
      width: 30%;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      margin-bottom: 40px; }
      .dernier_actualite_accueil .small_width .liste_latest_actu > div figure {
        width: 100%;
        height: 225px;
        overflow: hidden;
        -webkit-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0; }
        .dernier_actualite_accueil .small_width .liste_latest_actu > div figure img {
          width: 100%;
          -webkit-border-radius: 8px 8px 0 0;
          border-radius: 8px 8px 0 0; }
      .dernier_actualite_accueil .small_width .liste_latest_actu > div > .for_titre {
        padding: 20px; }
        .dernier_actualite_accueil .small_width .liste_latest_actu > div > .for_titre a {
          font-size: 17px;
          font-weight: 600;
          color: #444444;
          line-height: 130%; }
        .dernier_actualite_accueil .small_width .liste_latest_actu > div > .for_titre a:hover {
          color: #F2AC4B; }
      .dernier_actualite_accueil .small_width .liste_latest_actu > div > .for_titre:after {
        content: "";
        display: block;
        width: 100px;
        height: 3px;
        background-color: #F2AC4B;
        margin-top: 15px; }
    .dernier_actualite_accueil .small_width .liste_latest_actu > div:nth-child(4) {
      width: 65%; }
      .dernier_actualite_accueil .small_width .liste_latest_actu > div:nth-child(4) .for_titre b {
        font-size: 23px;
        color: #435E79;
        font-weight: 600;
        margin: 10px 0;
        display: inline-block; }
      .dernier_actualite_accueil .small_width .liste_latest_actu > div:nth-child(4) > .for_titre:after {
        display: none; }
    .dernier_actualite_accueil .small_width .liste_latest_actu .bloc_lien {
      border: 1px solid #fff;
      background-color: #F3AC4B;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .dernier_actualite_accueil .small_width .liste_latest_actu .bloc_lien a {
        color: #fff;
        font-size: 19px;
        text-transform: uppercase;
        display: inline-block;
        width: 75%;
        margin: 0 auto;
        line-height: 130%; }
      .dernier_actualite_accueil .small_width .liste_latest_actu .bloc_lien a:after {
        content: "";
        display: block;
        width: 30%;
        margin: 0 auto;
        height: 3px;
        background-color: #fff;
        margin-top: 10px; }
      .dernier_actualite_accueil .small_width .liste_latest_actu .bloc_lien a:hover {
        color: #F3AC4B; }
    .dernier_actualite_accueil .small_width .liste_latest_actu .bloc_lien:hover {
      background-color: #435E79; }

.simulateur_immo_accueil {
  margin: 50px 0; }
  .simulateur_immo_accueil > .for_titre {
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    margin-bottom: 30px; }
    .simulateur_immo_accueil > .for_titre span {
      color: #F2AC4B; }
  .simulateur_immo_accueil .liste_simulateur_immo_accueil {
    padding: 40px 0;
    background: url(/images_ac/bg_simulateur.png) top left repeat; }
    .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width {
      display: flex;
      justify-content: space-around; }
      .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width > div {
        width: 150px;
        height: 150px;
        text-align: center;
        background: #566E87;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        position: relative; }
        .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width > div figure {
          margin: 30px 0 20px; }
        .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width > div p {
          font-size: 14px;
          margin: 0 20px;
          color: #fff; }
          .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width > div p a {
            color: #fff; }
      .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width > div:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        width: 50%;
        left: 25%;
        height: 3px;
        background-color: #F2AC4B; }
      .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width > div.hvr-bounce-to-top:before {
        -webkit-border-radius: 8px !important;
        border-radius: 8px !important;
        background-color: #F2AC4B !important; }

.text_desc_home {
  margin: 70px 0; }
  .text_desc_home .small_width {
    background-color: #F9F9F9;
    display: flex;
    align-items: center; }
    .text_desc_home .small_width > div {
      width: 50%;
      margin: 30px; }
      .text_desc_home .small_width > div .for_titre {
        text-transform: uppercase;
        color: #435E79;
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 30px; }
        .text_desc_home .small_width > div .for_titre span {
          font-size: 17px;
          color: #F2AC4B;
          font-weight: 600; }
      .text_desc_home .small_width > div .for_titre:after {
        content: "";
        display: block;
        height: 3px;
        width: 75px;
        background-color: #F3AC4B;
        margin-top: 10px; }
      .text_desc_home .small_width > div .desc {
        font-size: 15px;
        line-height: 130%;
        color: #777777; }
        .text_desc_home .small_width > div .desc a {
          font-size: 15px;
          color: #F2AC4B; }
        .text_desc_home .small_width > div .desc a:hover {
          text-decoration: underline; }
        .text_desc_home .small_width > div .desc strong {
          font-weight: 600;
          color: #777;
          font-size: 15px; }
      .text_desc_home .small_width > div .link_to_conf {
        margin-top: 20px; }
        .text_desc_home .small_width > div .link_to_conf a {
          border: 2px solid #F2AC4B;
          padding: 7px 10px;
          text-transform: uppercase;
          font-size: 21px;
          color: #F2AC4B;
          display: block;
          text-align: center; }
          .text_desc_home .small_width > div .link_to_conf a span {
            font-size: 21px;
            color: #F2AC4B; }
          .text_desc_home .small_width > div .link_to_conf a img {
            height: 20px;
            width: auto;
            margin-right: 10px; }
          .text_desc_home .small_width > div .link_to_conf a br {
            display: none; }
    .text_desc_home .small_width figure {
      width: 50%; }
      .text_desc_home .small_width figure img {
        width: 100%;
        height: auto; }
    .text_desc_home .small_width video {
      width: 50%; }
      .text_desc_home .small_width video * {
        width: 100%;
        height: auto; }

.derniers_avis_accueil {
  margin: 70px 0; }
  .derniers_avis_accueil .small_width > .for_titre {
    padding: 0 0 25px;
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    background: url(/images_ac/ac_picto_4.png) bottom center no-repeat; }
    .derniers_avis_accueil .small_width > .for_titre span {
      color: #F2AC4B; }
  .derniers_avis_accueil .small_width .liste_avis_accueil {
    display: flex;
    justify-content: space-around;
    margin: 50px 0 0; }
    .derniers_avis_accueil .small_width .liste_avis_accueil > div {
      width: 450px;
      height: 200px;
      padding: 30px;
      border-bottom: 3px solid #435E79;
      display: flex;
      align-content: center;
      flex-wrap: wrap;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
      .derniers_avis_accueil .small_width .liste_avis_accueil > div > * {
        width: 100%;
        text-align: center;
        margin: 5px 0; }
      .derniers_avis_accueil .small_width .liste_avis_accueil > div .nom_avis {
        font-size: 21px;
        font-weight: 700;
        color: #666; }
      .derniers_avis_accueil .small_width .liste_avis_accueil > div .date_avis {
        font-size: 14px;
        color: #666; }
      .derniers_avis_accueil .small_width .liste_avis_accueil > div .note_avis {
        margin: 15px 0;
        color: #F3AC4B;
        font-size: 21px;
        font-weight: 700;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center; }
        .derniers_avis_accueil .small_width .liste_avis_accueil > div .note_avis img {
          margin: 0 5px; }
      .derniers_avis_accueil .small_width .liste_avis_accueil > div .desc_avis {
        font-size: 14px;
        color: #666666;
        line-height: 150%; }
  .derniers_avis_accueil .small_width .link {
    text-align: center;
    margin: 50px 0 20px; }
    .derniers_avis_accueil .small_width .link a {
      font-size: 13px;
      text-transform: uppercase;
      color: #fff;
      padding: 10px 20px 8px;
      display: inline-block;
      margin-right: 20px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      background-color: #F2AC4B; }

.offre_service_nl .middle_width {
  padding: 50px 0;
  border-top: 1px solid #F4F4F4; }
  .offre_service_nl .middle_width .small_width {
    display: flex;
    align-content: center;
    justify-content: space-between; }
    .offre_service_nl .middle_width .small_width .offre_service_qualite {
      width: 65%;
      background: url(/images_ac/bg_offre_service.png) top left no-repeat;
      height: 220px; }
      .offre_service_nl .middle_width .small_width .offre_service_qualite .for_titre {
        margin: 30px 30px 10px;
        text-align: center;
        font-size: 18px;
        color: #444444;
        padding: 10px 0;
        background-color: rgba(255, 255, 255, 0.75);
        line-height: 130%;
        text-transform: uppercase; }
        .offre_service_nl .middle_width .small_width .offre_service_qualite .for_titre span {
          color: #F2AC4B; }
      .offre_service_nl .middle_width .small_width .offre_service_qualite .link_service {
        margin-top: 30px;
        text-align: center; }
        .offre_service_nl .middle_width .small_width .offre_service_qualite .link_service a {
          display: inline-block;
          padding: 10px 20px;
          font-size: 13px;
          font-weight: 700;
          color: #fff;
          background-color: #435E79;
          -webkit-border-radius: 5px;
          border-radius: 5px; }
    .offre_service_nl .middle_width .small_width .newsletter_accueil {
      width: 30%;
      background-color: #F9F9F9; }
      .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil {
        margin: 20px; }
        .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil .for_titre {
          text-transform: uppercase;
          color: #435E79;
          font-size: 24px;
          line-height: 120%;
          margin-bottom: 30px;
          position: relative; }
          .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil .for_titre span {
            font-size: 17px;
            color: #F2AC4B;
            font-weight: 600;
            display: block; }
        .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil .for_titre:after {
          content: "";
          display: block;
          height: 3px;
          width: 75px;
          background-color: #F3AC4B;
          margin-top: 10px; }
        .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil .for_titre:before {
          content: "NEWSLETTER";
          display: block;
          font-size: 11px;
          color: #F3AC4B;
          font-weight: 700;
          position: absolute;
          bottom: -13px;
          left: 85px; }
        .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil > div {
          display: flex; }
          .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil > div input {
            padding: 7px 10px;
            border: none;
            background-color: #fff;
            width: 75%; }
          .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil > div button {
            border: none;
            background: #fff url(/images_ac/ac_picto_fleche.png) center center no-repeat;
            text-align: center;
            width: 25%; }

/* page offre region */
.str_colonne {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px !important; }
  .str_colonne .str_for_left {
    width: 73%; }
    .str_colonne .str_for_left .for_desc_intro div, .str_colonne .str_for_left .for_desc_intro span, .str_colonne .str_for_left .for_desc_intro iframe, .str_colonne .str_for_left .for_desc_intro h1, .str_colonne .str_for_left .for_desc_intro h2, .str_colonne .str_for_left .for_desc_intro h3, .str_colonne .str_for_left .for_desc_intro h4, .str_colonne .str_for_left .for_desc_intro h5, .str_colonne .str_for_left .for_desc_intro h6, .str_colonne .str_for_left .for_desc_intro a, .str_colonne .str_for_left .for_desc_intro cite, .str_colonne .str_for_left .for_desc_intro em, .str_colonne .str_for_left .for_desc_intro strong, .str_colonne .str_for_left .for_desc_intro b, .str_colonne .str_for_left .for_desc_intro u, .str_colonne .str_for_left .for_desc_intro i, .str_colonne .str_for_left .for_desc_intro center, .str_colonne .str_for_left .for_desc_intro dl, .str_colonne .str_for_left .for_desc_intro dt, .str_colonne .str_for_left .for_desc_intro dd, .str_colonne .str_for_left .for_desc_intro ol, .str_colonne .str_for_left .for_desc_intro ul, .str_colonne .str_for_left .for_desc_intro li, .str_colonne .str_for_left .for_desc_intro table, .str_colonne .str_for_left .for_desc_intro tbody, .str_colonne .str_for_left .for_desc_intro tfoot, .str_colonne .str_for_left .for_desc_intro thead, .str_colonne .str_for_left .for_desc_intro tr, .str_colonne .str_for_left .for_desc_intro th, .str_colonne .str_for_left .for_desc_intro td, .str_colonne .str_for_left .for_desc_intro p {
      margin: revert;
      padding: revert;
      font-size: 15px;
      line-height: 150%; }
    .str_colonne .str_for_left .for_desc_intro h1, .str_colonne .str_for_left .for_desc_intro h2, .str_colonne .str_for_left .for_desc_intro h3, .str_colonne .str_for_left .for_desc_intro h4, .str_colonne .str_for_left .for_desc_intro h5, .str_colonne .str_for_left .for_desc_intro h6, .str_colonne .str_for_left .for_desc_intro b, .str_colonne .str_for_left .for_desc_intro strong {
      font-weight: 700; }
    .str_colonne .str_for_left .for_desc_intro h1, .str_colonne .str_for_left .for_desc_intro h1 * {
      font-size: 36px; }
    .str_colonne .str_for_left .for_desc_intro h2, .str_colonne .str_for_left .for_desc_intro h2 * {
      font-size: 26px; }
    .str_colonne .str_for_left .for_desc_intro h3, .str_colonne .str_for_left .for_desc_intro h3 {
      font-size: 22px; }
    .str_colonne .str_for_left .for_desc_intro h4, .str_colonne .str_for_left .for_desc_intro h4 * {
      font-size: 18px; }
    .str_colonne .str_for_left .for_desc_intro h5, .str_colonne .str_for_left .for_desc_intro h5 * {
      font-size: 16px; }
    .str_colonne .str_for_left .for_desc_intro h6, .str_colonne .str_for_left .for_desc_intro h6 * {
      font-size: 15px; }
  .str_colonne aside {
    width: 290px;
    /*.contact_home{
    	width: 100%;
    	padding: 20px 0;
    	background: url(/images_ac/bg_contact_home.png) top center no-repeat;
    	margin-bottom: 35px;
    	.for_titre{
    		text-align: center;
    		font-size: 24px;
    		text-transform: uppercase;
    		color: #F19E2D;
    		margin: 20px 0;
    		font-weight: 700;
    	}
    	> div{
    		text-align: center;
    		margin-top: 40px;
    		a{
    			display: inline-block;
    			margin: 0 10px;
    			padding: 10px 0;
    		}
    	}
    }*/ }
    .str_colonne aside .lien_aside {
      margin-bottom: 35px; }
    .str_colonne aside .contact_home {
      width: 100%;
      padding: 20px 0;
      background: url(/images_ac/bg_contact_home.png) top center no-repeat;
      animation: blink-animation 1.5s steps(10, start) infinite;
      -webkit-animation: blink-animation 1.5s steps(10, start) infinite; }
      .str_colonne aside .contact_home .for_titre {
        text-align: center;
        font-size: 22px;
        text-transform: uppercase;
        color: #F19E2D;
        margin: 20px 0;
        font-weight: 700; }
      .str_colonne aside .contact_home > div {
        text-align: center;
        margin-top: 40px; }
        .str_colonne aside .contact_home > div a {
          display: inline-block;
          margin: 0 10px;
          padding: 10px 0; }
    .str_colonne aside .detail_courtier {
      margin-bottom: 30px; }
      .str_colonne aside .detail_courtier > .for_titre {
        text-transform: uppercase;
        color: #435E79;
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 30px; }
        .str_colonne aside .detail_courtier > .for_titre span {
          font-size: 17px;
          color: #F2AC4B;
          font-weight: 600; }
      .str_colonne aside .detail_courtier > .for_titre:after {
        content: "";
        display: block;
        height: 3px;
        width: 75px;
        background-color: #F3AC4B;
        margin-top: 10px; }
      .str_colonne aside .detail_courtier > div {
        background-color: #fff;
        padding: 15px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
        .str_colonne aside .detail_courtier > div figure {
          width: 100%;
          margin-bottom: 10px; }
          .str_colonne aside .detail_courtier > div figure img {
            width: 100%;
            height: auto; }
        .str_colonne aside .detail_courtier > div .detail_courtier_side {
          line-height: 150%;
          font-size: 14px; }
        .str_colonne aside .detail_courtier > div .divers_link {
          margin-top: 10px;
          padding-top: 10px;
          border-top: 2px solid #F2AC4B; }
          .str_colonne aside .detail_courtier > div .divers_link a {
            font-size: 14px;
            color: #F2AC4B;
            font-weight: 600; }
          .str_colonne aside .detail_courtier > div .divers_link a:hover {
            text-decoration: underline; }
    .str_colonne aside .link_for_2min {
      margin-bottom: 30px; }
      .str_colonne aside .link_for_2min > a {
        display: block;
        padding: 20px;
        text-align: center;
        border: 1px solid #fff;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        font-size: 19px;
        text-transform: uppercase;
        color: #fff;
        background: url(/images_ac/bg_2min.png) top left repeat-x;
        line-height: 130%;
        background-size: auto 100%; }
        .str_colonne aside .link_for_2min > a > img {
          margin-bottom: 15px; }
        .str_colonne aside .link_for_2min > a > span {
          display: block;
          text-align: center;
          color: #fff;
          font-size: 19px;
          text-transform: uppercase; }
        .str_colonne aside .link_for_2min > a > span:after {
          content: '';
          display: block;
          width: 60px;
          height: 4px;
          background-color: #fff;
          margin: 0 auto;
          margin-top: 15px; }
    .str_colonne aside .detail_ville_courtier {
      margin-bottom: 30px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      padding: 1px 0; }
      .str_colonne aside .detail_ville_courtier > .titre_bloc {
        margin: 5px 20px 20px;
        text-align: center;
        padding-top: 0px;
        font-size: 24px;
        color: #F19E2C;
        font-weight: 700;
        line-height: 130%; }
        .str_colonne aside .detail_ville_courtier > .titre_bloc * {
          font-size: 24px;
          color: #F19E2C;
          font-weight: 700; }
      .str_colonne aside .detail_ville_courtier > .titre_bloc:before {
        content: '';
        display: block;
        width: 60px;
        height: 4px;
        background-color: #F19E2C;
        margin: 0 auto;
        margin-bottom: 15px; }
      .str_colonne aside .detail_ville_courtier .content_ville_courtier {
        background: #F6A138 url(/images_ac/bg_2min_bas.jpg) top left no-repeat;
        background-size: 100% auto;
        padding: 15px;
        padding-top: 30px;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px; }
        .str_colonne aside .detail_ville_courtier .content_ville_courtier img {
          width: 100%;
          height: auto; }
        .str_colonne aside .detail_ville_courtier .content_ville_courtier > div {
          margin-top: 15px;
          line-height: 130%;
          color: #fff;
          font-size: 15px; }
  .str_colonne .texte_introduction {
    margin-bottom: 50px; }
    .str_colonne .texte_introduction .for_titre {
      font-size: 19px;
      line-height: 130%;
      color: #435E79;
      margin-bottom: 20px; }
      .str_colonne .texte_introduction .for_titre span {
        color: #F2AC4B; }
    .str_colonne .texte_introduction .desc {
      font-size: 15px;
      line-height: 130%;
      color: #435E79;
      margin-bottom: 20px; }
    .str_colonne .texte_introduction .link_content {
      margin-bottom: 20px; }
      .str_colonne .texte_introduction .link_content a {
        font-size: 13px;
        text-transform: uppercase;
        color: #fff;
        padding: 8px 20px;
        display: inline-block;
        margin-right: 20px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
      .str_colonne .texte_introduction .link_content .link_orange {
        background-color: #F2AC4B; }
      .str_colonne .texte_introduction .link_content .link_bleu {
        background-color: #435E79; }
  .str_colonne .courtier_dans_region {
    margin-bottom: 50px; }
    .str_colonne .courtier_dans_region > .for_titre {
      text-transform: uppercase;
      color: #435E79;
      font-size: 24px;
      line-height: 120%;
      margin-bottom: 30px; }
      .str_colonne .courtier_dans_region > .for_titre span {
        font-size: 17px;
        color: #F2AC4B;
        font-weight: 600;
        display: block; }
    .str_colonne .courtier_dans_region > .for_titre:after {
      content: "";
      display: block;
      height: 3px;
      width: 75px;
      background-color: #F3AC4B;
      margin-top: 10px; }
    .str_colonne .courtier_dans_region .liste_des_courtier_region {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 50px;
      flex-wrap: wrap; }
      .str_colonne .courtier_dans_region .liste_des_courtier_region .precision_result {
        padding: 20px;
        text-align: center;
        margin-bottom: 50px;
        background-color: #FEF7F1;
        border: 1px dashed #CCCCCC;
        font-size: 15px;
        line-height: 150%; }
      .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home {
        width: 230px;
        position: relative;
        margin-bottom: 60px; }
        .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div {
          position: relative; }
          .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure {
            width: 222px;
            height: 222px;
            border: 4px solid #fff;
            -webkit-border-radius: 242px;
            border-radius: 242px;
            overflow: hidden;
            -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
            margin-bottom: 20px; }
            .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure > img {
              width: 100%;
              height: auto; }
            .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure figcaption {
              text-align: center;
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              align-content: center; }
              .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure figcaption > p {
                width: 100%; }
              .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure figcaption .ass_name {
                font-weight: 700;
                margin-bottom: 10px;
                color: #F2AC4B;
                font-size: 17px;
                margin-top: 15px; }
              .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure figcaption .ass_avaibility {
                font-weight: 400;
                font-size: 15px;
                line-height: 100%;
                color: #fff; }
                .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure figcaption .ass_avaibility u {
                  color: #fff; }
              .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure figcaption .ass_etoile {
                margin-top: 10px; }
                .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure figcaption .ass_etoile img {
                  display: inline-block;
                  width: 21px !important;
                  height: 19px !important; }
          .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div .avis {
            width: 50px;
            height: 50px;
            background: url(/images_ac/ac_picto_8.png) center center no-repeat;
            position: absolute;
            right: 10px;
            top: 0;
            font-size: 21px;
            text-align: center;
            color: #fff;
            line-height: 130%; }
        .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home .nom_courtier {
          text-align: center;
          font-size: 17px;
          color: #666;
          padding-bottom: 20px; }
      .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home:after {
        content: "";
        display: block;
        position: absolute;
        width: 50%;
        bottom: 0;
        left: 25%;
        height: 2px;
        background-color: #F2AC4B; }
      .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home:before {
        position: absolute;
        content: "";
        display: block;
        z-index: -1;
        width: 100%;
        height: 200px;
        bottom: -30px;
        left: 0;
        background-color: #F9F9F9;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
  .str_colonne .desc_faire_difference {
    margin-bottom: 50px; }
    .str_colonne .desc_faire_difference > .for_titre {
      text-transform: uppercase;
      color: #435E79;
      font-size: 24px;
      line-height: 120%;
      margin-bottom: 30px; }
      .str_colonne .desc_faire_difference > .for_titre span {
        font-size: 17px;
        color: #F2AC4B;
        font-weight: 600; }
    .str_colonne .desc_faire_difference > .for_titre:after {
      content: "";
      display: block;
      height: 3px;
      width: 75px;
      background-color: #F3AC4B;
      margin-top: 10px; }
    .str_colonne .desc_faire_difference > ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .str_colonne .desc_faire_difference > ul li {
        width: 48%;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between; }
        .str_colonne .desc_faire_difference > ul li span {
          font-size: 24px;
          color: #F3AC4B;
          padding: 5px 0;
          width: 100px;
          border-right: 1px solid #DDDDDD;
          text-align: center;
          margin-right: 20px; }
        .str_colonne .desc_faire_difference > ul li p {
          font-size: 14px;
          color: #666666;
          line-height: 120%; }
          .str_colonne .desc_faire_difference > ul li p b {
            font-weight: 600;
            line-height: 150%;
            font-size: 17px; }
  .str_colonne .aside_region {
    padding: 30px;
    background: url(/images_ac/bg_carte_aside.jpg) top left no-repeat;
    background-size: cover;
    margin-bottom: 50px; }
    .str_colonne .aside_region > .for_titre {
      font-size: 31px;
      color: #fff;
      line-height: 120%;
      text-align: center; }
      .str_colonne .aside_region > .for_titre span {
        color: #F2AC4B; }
    .str_colonne .aside_region .content_aside_map_region {
      margin: 70px 0;
      padding: 1px 0;
      text-align: center; }
      .str_colonne .aside_region .content_aside_map_region > svg {
        width: 100%;
        height: auto; }
        .str_colonne .aside_region .content_aside_map_region > svg a path {
          fill: #fff !important; }
        .str_colonne .aside_region .content_aside_map_region > svg a:hover path {
          fill: #F2AC4B !important; }
    .str_colonne .aside_region ul li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 20px 0; }
      .str_colonne .aside_region ul li p {
        font-size: 19px;
        color: #fff;
        width: 85%; }
        .str_colonne .aside_region ul li p span {
          color: #F2AC4B; }
  .str_colonne .liste_dernier_credit {
    padding: 30px 0;
    text-align: center;
    background-color: #F9F9F9; }
    .str_colonne .liste_dernier_credit > .for_titre {
      padding: 0 30px;
      font-size: 21px;
      color: #435E79;
      line-height: 130%;
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: 1px solid #F1F1F1;
      text-transform: uppercase; }
      .str_colonne .liste_dernier_credit > .for_titre span {
        color: #F2AC4B; }
    .str_colonne .liste_dernier_credit .in_liste_dernier_credit {
      height: 1000px; }
      .str_colonne .liste_dernier_credit .in_liste_dernier_credit div.viewport {
        height: 1135px !important; }
      .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt {
        padding: 30px 20px;
        background-color: #F1F1F1;
        text-align: left;
        margin-bottom: 10px; }
        .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .lst_cdt {
          font-size: 17px;
          color: #435E79;
          font-weight: 700;
          line-height: 130%;
          padding: 8px 0; }
          .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .lst_cdt span {
            display: block;
            margin-left: 20px;
            font-weight: 400;
            color: #535353;
            font-size: 15px; }
        .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .taux {
          padding: 8px;
          background-color: #F3AC4B;
          display: flex;
          align-content: center;
          justify-content: space-between; }
          .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .taux span {
            font-size: 21px;
            font-weight: 700;
            color: #fff; }
        .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .link_content {
          padding: 8px 0;
          text-align: right; }
          .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .link_content a {
            color: #F2AC4B;
            font-size: 13px; }
            .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .link_content a img {
              margin-left: 10px;
              width: inherit;
              display: inherit; }
          .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .link_content a:hover {
            font-weight: 600;
            color: #435E79; }
      .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt:hover {
        background-color: #FDF4E8; }
  .str_colonne .content_statique_site > .for_titre {
    text-transform: uppercase;
    color: #435E79;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 30px; }
    .str_colonne .content_statique_site > .for_titre span {
      font-size: 17px;
      color: #F2AC4B;
      font-weight: 600;
      display: block; }
  .str_colonne .content_statique_site > .for_titre:after {
    content: "";
    display: block;
    height: 3px;
    width: 75px;
    background-color: #F3AC4B;
    margin-top: 10px; }
  .str_colonne .content_statique_site .desc_content_statique_site {
    font-size: 16px;
    line-height: 130%;
    color: #444; }
    .str_colonne .content_statique_site .desc_content_statique_site * {
      font-size: 16px;
      line-height: 130%;
      color: #444; }
    .str_colonne .content_statique_site .desc_content_statique_site div, .str_colonne .content_statique_site .desc_content_statique_site span, .str_colonne .content_statique_site .desc_content_statique_site iframe, .str_colonne .content_statique_site .desc_content_statique_site h1, .str_colonne .content_statique_site .desc_content_statique_site h2, .str_colonne .content_statique_site .desc_content_statique_site h3, .str_colonne .content_statique_site .desc_content_statique_site h4, .str_colonne .content_statique_site .desc_content_statique_site h5, .str_colonne .content_statique_site .desc_content_statique_site h6, .str_colonne .content_statique_site .desc_content_statique_site a, .str_colonne .content_statique_site .desc_content_statique_site cite, .str_colonne .content_statique_site .desc_content_statique_site em, .str_colonne .content_statique_site .desc_content_statique_site strong, .str_colonne .content_statique_site .desc_content_statique_site b, .str_colonne .content_statique_site .desc_content_statique_site u, .str_colonne .content_statique_site .desc_content_statique_site i, .str_colonne .content_statique_site .desc_content_statique_site center, .str_colonne .content_statique_site .desc_content_statique_site dl, .str_colonne .content_statique_site .desc_content_statique_site dt, .str_colonne .content_statique_site .desc_content_statique_site dd, .str_colonne .content_statique_site .desc_content_statique_site ol, .str_colonne .content_statique_site .desc_content_statique_site ul, .str_colonne .content_statique_site .desc_content_statique_site li, .str_colonne .content_statique_site .desc_content_statique_site table, .str_colonne .content_statique_site .desc_content_statique_site tbody, .str_colonne .content_statique_site .desc_content_statique_site tfoot, .str_colonne .content_statique_site .desc_content_statique_site thead, .str_colonne .content_statique_site .desc_content_statique_site tr, .str_colonne .content_statique_site .desc_content_statique_site th, .str_colonne .content_statique_site .desc_content_statique_site td, .str_colonne .content_statique_site .desc_content_statique_site p {
      margin: revert;
      padding: revert;
      font-size: 16px;
      line-height: 150%; }
    .str_colonne .content_statique_site .desc_content_statique_site h1, .str_colonne .content_statique_site .desc_content_statique_site h2, .str_colonne .content_statique_site .desc_content_statique_site h3, .str_colonne .content_statique_site .desc_content_statique_site h4, .str_colonne .content_statique_site .desc_content_statique_site h5, .str_colonne .content_statique_site .desc_content_statique_site h6, .str_colonne .content_statique_site .desc_content_statique_site b, .str_colonne .content_statique_site .desc_content_statique_site strong {
      font-weight: 700; }
    .str_colonne .content_statique_site .desc_content_statique_site h1, .str_colonne .content_statique_site .desc_content_statique_site h1 * {
      font-size: 36px; }
    .str_colonne .content_statique_site .desc_content_statique_site h2, .str_colonne .content_statique_site .desc_content_statique_site h2 * {
      font-size: 26px; }
    .str_colonne .content_statique_site .desc_content_statique_site h3, .str_colonne .content_statique_site .desc_content_statique_site h3 {
      font-size: 22px; }
    .str_colonne .content_statique_site .desc_content_statique_site h4, .str_colonne .content_statique_site .desc_content_statique_site h4 * {
      font-size: 18px; }
    .str_colonne .content_statique_site .desc_content_statique_site h5, .str_colonne .content_statique_site .desc_content_statique_site h5 * {
      font-size: 16px; }
    .str_colonne .content_statique_site .desc_content_statique_site h6, .str_colonne .content_statique_site .desc_content_statique_site h6 * {
      font-size: 15px; }
    .str_colonne .content_statique_site .desc_content_statique_site ul {
      margin-left: 20px;
      padding-left: 20px; }
    .str_colonne .content_statique_site .desc_content_statique_site .partenaire_page {
      padding: 30px;
      position: relative;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      display: flex;
      justify-content: space-between;
      margin-bottom: 40px; }
      .str_colonne .content_statique_site .desc_content_statique_site .partenaire_page figure {
        width: 25%; }
        .str_colonne .content_statique_site .desc_content_statique_site .partenaire_page figure img {
          width: 100%;
          height: auto; }
      .str_colonne .content_statique_site .desc_content_statique_site .partenaire_page > div {
        width: 70%;
        line-height: 120%; }
        .str_colonne .content_statique_site .desc_content_statique_site .partenaire_page > div strong {
          font-size: 15px;
          font-weight: 700;
          color: #435E79; }
        .str_colonne .content_statique_site .desc_content_statique_site .partenaire_page > div span {
          font-size: 15px;
          color: #435E79; }
    .str_colonne .content_statique_site .desc_content_statique_site > .partenaire_page:before {
      content: "";
      display: block;
      width: 90px;
      height: 90px;
      background-color: #FCEAD2;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
  .str_colonne .content_statique_site .content_dossier_pret ul li {
    width: 100%; }
    .str_colonne .content_statique_site .content_dossier_pret ul li h3, .str_colonne .content_statique_site .content_dossier_pret ul li h4 {
      text-align: left; }
    .str_colonne .content_statique_site .content_dossier_pret ul li .blocTaux {
      margin: 0;
      padding: 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative;
      align-items: flex-start; }
      .str_colonne .content_statique_site .content_dossier_pret ul li .blocTaux * {
        font-size: 14px !important; }
    .str_colonne .content_statique_site .content_dossier_pret ul li .left.avis {
      margin: 0 !important;
      width: 70% !important;
      padding: 0 !important; }
    .str_colonne .content_statique_site .content_dossier_pret ul li .right.noteAvis {
      width: 25% !important;
      position: sticky;
      top: 0;
      text-align: center;
      background-color: #435E79 !important; }
      .str_colonne .content_statique_site .content_dossier_pret ul li .right.noteAvis * {
        text-align: center; }
  .str_colonne .content_statique_site .nomAvis {
    font-size: 19px; }
    .str_colonne .content_statique_site .nomAvis .CPAvis, .str_colonne .content_statique_site .nomAvis * {
      font-size: 19px; }
  .str_colonne .content_statique_site .dateAvis {
    font-size: 15px;
    color: #F2AC4B; }
  .str_colonne .content_statique_site .left.avis {
    font-size: 15px !important;
    line-height: 150% !important;
    color: #444 !important; }
  .str_colonne .content_statique_site .contentDescAvis {
    margin-bottom: 50px; }
  .str_colonne .content_statique_site .right.noteAvis {
    font-size: 19px;
    background-color: #435E79; }

.taux_credit_region {
  margin-bottom: 30px;
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #F2F2F2; }
  .taux_credit_region > .for_titre {
    text-transform: uppercase;
    color: #435E79;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 30px;
    text-align: center; }
    .taux_credit_region > .for_titre span {
      font-size: 17px;
      color: #F2AC4B;
      font-weight: 600;
      display: block; }
  .taux_credit_region > .for_titre:after {
    content: "";
    display: block;
    height: 3px;
    width: 75px;
    background-color: #F3AC4B;
    margin: 10px auto; }
  .taux_credit_region .content_taux_credit_region {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
  .taux_credit_region .liste_taux_credit_region {
    width: 23%;
    border-bottom: 3px solid #435E79;
    border-top: 10px solid #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    text-align: center;
    background-color: #fff;
    margin-bottom: 30px; }
    .taux_credit_region .liste_taux_credit_region .elt_tx_cdt .haut_tx {
      padding: 20px 0;
      background-color: #F9F9F9; }
      .taux_credit_region .liste_taux_credit_region .elt_tx_cdt .haut_tx span {
        font-size: 15px;
        color: #435E79; }
      .taux_credit_region .liste_taux_credit_region .elt_tx_cdt .haut_tx p {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        font-size: 55px;
        color: #435E79; }
        .taux_credit_region .liste_taux_credit_region .elt_tx_cdt .haut_tx p strong {
          font-size: 25px; }
    .taux_credit_region .liste_taux_credit_region .elt_tx_cdt .bas_tx {
      padding: 20px 0;
      position: relative; }
      .taux_credit_region .liste_taux_credit_region .elt_tx_cdt .bas_tx span {
        font-size: 15px;
        color: #F3AC4B; }
      .taux_credit_region .liste_taux_credit_region .elt_tx_cdt .bas_tx p {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        font-size: 55px;
        color: #F3AC4B; }
        .taux_credit_region .liste_taux_credit_region .elt_tx_cdt .bas_tx p strong {
          font-size: 25px; }
    .taux_credit_region .liste_taux_credit_region .elt_tx_cdt .bas_tx:before {
      content: "";
      position: absolute;
      display: block;
      width: 50%;
      top: -2px;
      left: 25%;
      height: 3px;
      background-color: #F3AC4B; }

/* page partenaire */
.liste_des_partenaire .small_width {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .liste_des_partenaire .small_width > .partenaire_page {
    position: relative;
    width: 44%;
    padding: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px; }
    .liste_des_partenaire .small_width > .partenaire_page figure {
      width: 35%; }
      .liste_des_partenaire .small_width > .partenaire_page figure img {
        width: 100%;
        height: auto; }
    .liste_des_partenaire .small_width > .partenaire_page > div {
      width: 60%;
      line-height: 120%; }
      .liste_des_partenaire .small_width > .partenaire_page > div strong {
        font-size: 15px;
        font-weight: 700;
        color: #435E79; }
      .liste_des_partenaire .small_width > .partenaire_page > div span {
        font-size: 15px;
        color: #435E79; }
      .liste_des_partenaire .small_width > .partenaire_page > div .adresse {
        font-size: 15px;
        color: #333333; }
        .liste_des_partenaire .small_width > .partenaire_page > div .adresse a {
          color: #F3AC4B; }
        .liste_des_partenaire .small_width > .partenaire_page > div .adresse a:hover {
          text-decoration: underline; }
      .liste_des_partenaire .small_width > .partenaire_page > div .for_lien {
        margin-top: 10px; }
        .liste_des_partenaire .small_width > .partenaire_page > div .for_lien a {
          display: inline-block;
          padding: 5px 20px;
          font-size: 13px;
          color: #fff;
          background-color: #F2AC4B;
          -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
        .liste_des_partenaire .small_width > .partenaire_page > div .for_lien a:hover {
          background-color: #435E79; }
      .liste_des_partenaire .small_width > .partenaire_page > div .for_more_detail {
        display: none; }
  .liste_des_partenaire .small_width > .partenaire_page:before {
    content: "";
    display: block;
    width: 90px;
    height: 90px;
    background-color: #FCEAD2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  .liste_des_partenaire .small_width > .partenaire_page:hover {
    background-color: #f9f9f9; }
.liste_des_partenaire .teto_liste_des_avis_clients > p {
  width: 100%; }
.liste_des_partenaire .teto_liste_des_avis_clients > .for_titre {
  padding: 0 0 25px;
  text-align: center;
  line-height: 100%;
  font-size: 31px;
  color: #444444;
  background: url(/images_ac/ac_picto_4.png) bottom center no-repeat;
  text-transform: uppercase; }
  .liste_des_partenaire .teto_liste_des_avis_clients > .for_titre span {
    color: #F2AC4B; }
.liste_des_partenaire .teto_liste_des_avis_clients .filtre_bloc {
  margin: 40px 0;
  text-align: center; }
  .liste_des_partenaire .teto_liste_des_avis_clients .filtre_bloc input {
    border: none;
    background: #F2F2F2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    color: #333;
    padding: 5px 10px; }

/* page temoignage */
.desc_page_current {
  padding: 30px 0; }
  .desc_page_current .small_width {
    text-align: center;
    line-height: 150%;
    font-size: 19px;
    margin-bottom: 50px; }
    .desc_page_current .small_width p a:hover {
      color: #F2AC4B; }
    .desc_page_current .small_width .for_lien {
      margin-top: 30px;
      text-align: center; }
      .desc_page_current .small_width .for_lien a {
        display: inline-block;
        border: 1px solid #fff;
        height: 50px;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        background-color: #F3AC4B;
        color: #fff;
        line-height: 50px;
        width: 325px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35); }
      .desc_page_current .small_width .for_lien a.avis_globale {
        height: inherit;
        line-height: 130%;
        padding: 15px 0;
        position: relative; }
        .desc_page_current .small_width .for_lien a.avis_globale strong {
          line-height: 130%;
          font-size: 75px;
          color: #fff; }
        .desc_page_current .small_width .for_lien a.avis_globale span {
          position: absolute;
          padding: 10px 0;
          width: 90%;
          left: 5%;
          margin: 0 auto;
          bottom: -25px;
          border: 1px solid #fff;
          background-color: #435E79;
          font-size: 16px;
          color: #fff; }
      .desc_page_current .small_width .for_lien a.avis_globale:hover {
        color: #fff !important; }
    .desc_page_current .small_width .nombre_partenaire {
      margin-bottom: 15px; }
      .desc_page_current .small_width .nombre_partenaire * {
        font-size: 21px;
        font-weight: 600;
        color: #F2AC4B; }

.liste_des_avis_clients {
  margin: 50px 0; }
  .liste_des_avis_clients .small_width {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
    .liste_des_avis_clients .small_width .detail_avis_client {
      padding: 30px;
      position: relative;
      border-bottom: 3px solid #435E79;
      width: 500px;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
      margin-bottom: 30px; }
      .liste_des_avis_clients .small_width .detail_avis_client .note_avis {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .liste_des_avis_clients .small_width .detail_avis_client .note_avis figure {
          width: 100px;
          height: 100px;
          overflow: hidden;
          border: 2px solid #fff;
          -webkit-border-radius: 100px;
          border-radius: 100px;
          -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
          background-color: #fff;
          text-align: center;
          font-size: 12px; }
          .liste_des_avis_clients .small_width .detail_avis_client .note_avis figure img {
            width: 100%;
            height: auto; }
        .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div {
          width: 75%;
          line-height: 120%; }
          .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .nom_client {
            font-size: 21px;
            font-weight: 700;
            color: #666666; }
          .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .date_avis {
            font-size: 14px;
            color: #A7A7A7; }
          .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .nbr_avis {
            margin-top: 0px; }
            .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .nbr_avis span {
              display: inline-block;
              font-size: 17px;
              color: #F2AC4B;
              margin-right: 20px; }
              .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .nbr_avis span img {
                margin-right: 10px; }
          .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .detail_pro_avis {
            padding: 10px 15px;
            background-color: #F9F9F9;
            font-size: 13px;
            font-style: italic;
            margin: 5px 0;
            -webkit-border-radius: 7px;
            border-radius: 7px; }
            .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .detail_pro_avis p {
              font-size: 13px;
              font-style: italic; }
              .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .detail_pro_avis p a {
                text-decoration: underline; }
              .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .detail_pro_avis p a:hover {
                color: #F2AC4B; }
      .liste_des_avis_clients .small_width .detail_avis_client .desc_avis {
        margin-top: 20px;
        padding: 20px 10px 0;
        border-top: 1px solid #EEEEEE;
        line-height: 130%;
        font-size: 13px;
        color: #666666; }
    .liste_des_avis_clients .small_width .detail_avis_client:before {
      content: "";
      display: block;
      width: 100px;
      height: 100px;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #FCEAD2;
      z-index: -1; }
  .liste_des_avis_clients .teto_liste_des_avis_clients > p {
    width: 100%; }
  .liste_des_avis_clients .teto_liste_des_avis_clients > .for_titre {
    padding: 0 0 25px;
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    background: url(/images_ac/ac_picto_4.png) bottom center no-repeat;
    text-transform: uppercase; }
    .liste_des_avis_clients .teto_liste_des_avis_clients > .for_titre span {
      color: #F2AC4B; }
  .liste_des_avis_clients .teto_liste_des_avis_clients .filtre_bloc {
    margin: 40px 0;
    text-align: center; }
    .liste_des_avis_clients .teto_liste_des_avis_clients .filtre_bloc input {
      border: none;
      background: #F2F2F2;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      font-size: 15px;
      color: #333;
      padding: 5px 10px; }

/* page contact */
.contenu_base_form .small_width .content_form_unit {
  padding: 50px 0 0;
  width: 80%;
  margin: 50px auto;
  background: url(/images_ac/bg_taux.png) bottom left repeat-x; }
  .contenu_base_form .small_width .content_form_unit > .for_titre {
    text-transform: uppercase;
    color: #435E79;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 30px;
    text-align: center; }
    .contenu_base_form .small_width .content_form_unit > .for_titre span {
      font-size: 17px;
      color: #F2AC4B;
      font-weight: 600;
      display: block; }
  .contenu_base_form .small_width .content_form_unit > .for_titre:after {
    content: "";
    display: block;
    height: 3px;
    width: 75px;
    background-color: #F3AC4B;
    margin: 10px auto; }
  .contenu_base_form .small_width .content_form_unit form {
    width: 80%;
    margin: 0 auto; }
    .contenu_base_form .small_width .content_form_unit form > div {
      display: flex;
      align-items: center;
      margin-bottom: 15px; }
      .contenu_base_form .small_width .content_form_unit form > div span {
        width: 35%;
        font-size: 19px; }
        .contenu_base_form .small_width .content_form_unit form > div span strong {
          font-weight: 700;
          color: #F3AC4B; }
      .contenu_base_form .small_width .content_form_unit form > div input, .contenu_base_form .small_width .content_form_unit form > div select, .contenu_base_form .small_width .content_form_unit form > div textarea {
        border: none;
        background: #fff;
        border: 1px solid #ddd;
        padding: 5px 10px;
        width: 60%; }
    .contenu_base_form .small_width .content_form_unit form > .for_lien {
      margin: 30px 0 60px; }
      .contenu_base_form .small_width .content_form_unit form > .for_lien button[type=reset] {
        text-align: center;
        border: 1px solid #fff;
        height: 50px;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        background-color: #000;
        color: #fff;
        width: 175px;
        margin-right: 20px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35); }
      .contenu_base_form .small_width .content_form_unit form > .for_lien button[type=submit] {
        text-align: center;
        border: 1px solid #fff;
        height: 50px;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        background-color: #F3AC4B;
        color: #fff;
        width: 175px;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35); }
  .contenu_base_form .small_width .content_form_unit .other_contact {
    margin: 0 100px; }
    .contenu_base_form .small_width .content_form_unit .other_contact > p {
      text-align: center;
      line-height: 130%;
      margin-bottom: 20px;
      color: #666666; }
    .contenu_base_form .small_width .content_form_unit .other_contact > div {
      display: flex;
      justify-content: space-around; }
      .contenu_base_form .small_width .content_form_unit .other_contact > div p {
        line-height: 130%;
        color: #666666; }
      .contenu_base_form .small_width .content_form_unit .other_contact > div p:first-child {
        font-weight: 700;
        color: #435E79; }
      .contenu_base_form .small_width .content_form_unit .other_contact > div p:last-child {
        text-align: right; }
.contenu_base_form .small_width .formulare_interne {
  width: 100%; }

/* minisite */
.onglet_annexe_head {
  padding: 20px 0;
  background: url(/images_ac/bg_simulateur.png) top left repeat-x; }
  .onglet_annexe_head .middle_width ul {
    display: flex;
    align-items: center; }
    .onglet_annexe_head .middle_width ul li {
      width: 20%;
      margin: 0 1px; }
      .onglet_annexe_head .middle_width ul li a {
        font-size: 16px;
        padding: 10px 0;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        cursor: pointer; }
        .onglet_annexe_head .middle_width ul li a img {
          margin: 0 10px; }
    .onglet_annexe_head .middle_width ul li a.link_to_tab {
      color: #fff; }
      .onglet_annexe_head .middle_width ul li a.link_to_tab img {
        opacity: 1; }
    .onglet_annexe_head .middle_width ul li a.link_to_tab.inactive {
      background-color: rgba(255, 255, 255, 0.25);
      color: #C5CDD7; }
      .onglet_annexe_head .middle_width ul li a.link_to_tab.inactive img {
        opacity: .65; }
    .onglet_annexe_head .middle_width ul li:hover a {
      color: #fff !important; }
      .onglet_annexe_head .middle_width ul li:hover a img {
        opacity: 1 !important; }
  .onglet_annexe_head .middle_width .content_annexe {
    position: relative; }
    .onglet_annexe_head .middle_width .content_annexe .onglet_content_annexe {
      display: none; }
  .onglet_annexe_head .middle_width .onglet_content_annexe {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.75);
    display: flex;
    justify-content: space-between; }
    .onglet_annexe_head .middle_width .onglet_content_annexe figure {
      width: 30%; }
      .onglet_annexe_head .middle_width .onglet_content_annexe figure img {
        width: 100%;
        height: auto; }
    .onglet_annexe_head .middle_width .onglet_content_annexe > div {
      width: 65%;
      font-size: 15px;
      line-height: 130%;
      color: #435E79; }
      .onglet_annexe_head .middle_width .onglet_content_annexe > div * {
        font-size: 15px;
        line-height: 130%;
        color: #435E79; }
      .onglet_annexe_head .middle_width .onglet_content_annexe > div .for_lien {
        margin-top: 20px; }
        .onglet_annexe_head .middle_width .onglet_content_annexe > div .for_lien a {
          display: inline-block;
          font-size: 13px;
          color: #fff;
          padding: 4px 20px;
          display: inline-block;
          margin-right: 20px;
          -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
          background-color: #F2AC4B; }

/* forum */
.dossier_pret_forum {
  margin: 50px 0; }
  .dossier_pret_forum > .for_titre {
    padding: 0 0 25px;
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    background: url(https://www.accord-credit.fr/images_ac/ac_picto_4.png) bottom center no-repeat;
    text-transform: uppercase;
    margin-bottom: 50px; }
    .dossier_pret_forum > .for_titre span {
      color: #F2AC4B; }
  .dossier_pret_forum .liste_prestation_site {
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-wrap: wrap; }
    .dossier_pret_forum .liste_prestation_site > div {
      width: 21%;
      padding: 15px 10px;
      background-color: #F9F9F9;
      border: 1px solid #fff;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
      .dossier_pret_forum .liste_prestation_site > div .titre_pret {
        font-size: 16px;
        text-transform: uppercase;
        color: #435E79;
        line-height: 130%; }
      .dossier_pret_forum .liste_prestation_site > div .desc_pret {
        margin: 10px 0;
        line-height: 130%;
        font-size: 14px; }
      .dossier_pret_forum .liste_prestation_site > div .link_pret {
        height: 50px;
        background-color: #F3AC4B;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        color: #FFF;
        position: relative; }
        .dossier_pret_forum .liste_prestation_site > div .link_pret a {
          color: #fff; }
      .dossier_pret_forum .liste_prestation_site > div .link_pret:after {
        position: absolute;
        width: 50%;
        content: "";
        display: block;
        height: 3px;
        bottom: -2px;
        left: 25%;
        background-color: #435E79; }

.base_site .erreur {
  text-align: center;
  line-height: 150%;
  color: #F3AC4B !important;
  margin-bottom: 50px; }

/* admin section */
.admin_section nav.nav-main #menu_principal {
  height: 100%;
  width: 100%;
  opacity: 1;
  border-top: 0;
  background: transparent;
  display: flex;
  align-items: center;
  overflow: visible; }
  .admin_section nav.nav-main #menu_principal li {
    padding: 10px 0;
    margin-left: 0.5rem;
    position: relative; }
    .admin_section nav.nav-main #menu_principal li a, .admin_section nav.nav-main #menu_principal li span {
      text-transform: uppercase;
      color: #fff;
      font-size: 17px;
      font-weight: 300;
      padding: 7px 10px;
      display: inline-block; }
    .admin_section nav.nav-main #menu_principal li ul {
      position: absolute;
      top: 100%;
      left: 0;
      padding: 0;
      width: 200px;
      z-index: 999;
      background-color: rgba(0, 0, 0, 0.75);
      display: none; }
      .admin_section nav.nav-main #menu_principal li ul > li {
        padding: 5px 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
        .admin_section nav.nav-main #menu_principal li ul > li a, .admin_section nav.nav-main #menu_principal li ul > li span {
          font-size: 15px !important;
          display: block !important;
          width: 192px !important; }
  .admin_section nav.nav-main #menu_principal li:hover {
    background-color: #F3AC4B; }
    .admin_section nav.nav-main #menu_principal li:hover > ul {
      display: block; }
  .admin_section nav.nav-main #menu_principal li li ul {
    top: 0;
    left: 100%; }
  .admin_section nav.nav-main #menu_principal li li:hover {
    background-color: #F3AC4B; }

body .contenu_base_admin_one, body .contenu_base_admin_two {
  margin: 50px 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); }
  body .contenu_base_admin_one .titre_bloc, body .contenu_base_admin_two .titre_bloc {
    padding: 25px 0 25px;
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    background: url(/images_ac/ac_picto_4.png) bottom center no-repeat;
    text-transform: uppercase;
    margin: 0 0 25px; }
    body .contenu_base_admin_one .titre_bloc span, body .contenu_base_admin_two .titre_bloc span {
      color: #F2AC4B; }
  body .contenu_base_admin_one table, body .contenu_base_admin_two table {
    width: 100%; }
    body .contenu_base_admin_one table tr th, body .contenu_base_admin_one table tr td, body .contenu_base_admin_two table tr th, body .contenu_base_admin_two table tr td {
      padding: 5px 10px; }
    body .contenu_base_admin_one table tr th, body .contenu_base_admin_two table tr th {
      text-transform: uppercase;
      font-size: 15px;
      color: #fff;
      background-color: #435E79;
      padding: 15px 10px;
      border: 1px solid #fff; }
    body .contenu_base_admin_one table tr td, body .contenu_base_admin_two table tr td {
      border: 1px solid #fff;
      font-size: 13px;
      line-height: 130%;
      color: #444;
      background-color: #F9F9F9; }
    body .contenu_base_admin_one table thead tr td, body .contenu_base_admin_two table thead tr td {
      text-transform: uppercase;
      font-size: 15px !important;
      color: #fff;
      background-color: #435E79;
      padding: 15px 10px;
      border: 1px solid #fff; }
    body .contenu_base_admin_one table tbody tr:nth-child(even) td, body .contenu_base_admin_two table tbody tr:nth-child(even) td {
      background-color: #f4f4f4; }
    body .contenu_base_admin_one table tbody tr:last-child td, body .contenu_base_admin_two table tbody tr:last-child td {
      border-bottom: 1px solid #435E79; }
    body .contenu_base_admin_one table tfoot tr td, body .contenu_base_admin_two table tfoot tr td {
      background-color: #ECF2F9;
      font-size: 15px !important;
      text-align: center; }
      body .contenu_base_admin_one table tfoot tr td *, body .contenu_base_admin_two table tfoot tr td * {
        font-size: 15px !important; }

.for_no_bg {
  background: none !important; }

.admin_simul {
  margin: 75px 0; }
  .admin_simul .small_width {
    display: flex;
    justify-content: space-between; }
    .admin_simul .small_width > div {
      width: 47%;
      padding-bottom: 25px;
      background-color: #fff7ee; }
      .admin_simul .small_width > div .for_titre {
        padding: 25px 0 25px;
        text-align: center;
        line-height: 100%;
        font-size: 31px;
        color: #444444;
        background: url(/images_ac/ac_picto_4.png) bottom center no-repeat;
        text-transform: uppercase;
        margin: 0 0 25px; }
        .admin_simul .small_width > div .for_titre span {
          color: #F2AC4B; }
      .admin_simul .small_width > div .in_for_simul {
        text-align: center; }
        .admin_simul .small_width > div .in_for_simul .titreBloc {
          font-size: 35px;
          line-height: 150%;
          font-weight: 700;
          color: #F2AC4B; }
        .admin_simul .small_width > div .in_for_simul .version {
          font-style: italic;
          font-size: 17px; }
        .admin_simul .small_width > div .in_for_simul ul {
          display: flex;
          justify-content: space-around; }
          .admin_simul .small_width > div .in_for_simul ul li {
            width: 20%;
            text-align: center; }
            .admin_simul .small_width > div .in_for_simul ul li img {
              width: 100%;
              height: auto; }

.for_societe_fran {
  margin: 0 auto 30px;
  width: 99%;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); }
  .for_societe_fran .titreBloc {
    text-transform: uppercase;
    padding: 10px 25px;
    color: #fff;
    font-size: 18px;
    background-color: #435E79; }
  .for_societe_fran .intContentFormEtapeToo {
    background-color: #F9F9F9;
    padding: 1px; }
    .for_societe_fran .intContentFormEtapeToo .formToEtapeToo {
      background: none !important; }

div.action_lien {
  margin: 20px; }
  div.action_lien a {
    text-align: center;
    border: 1px solid #fff;
    font-size: 17px !important;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #F3AC4B;
    color: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
    display: inline-block;
    padding: 10px 20px !important; }
  div.action_lien a:hover {
    background-color: #435E79; }

td.action_lien a {
  text-align: center;
  border: 1px solid #fff;
  font-size: 17px !important;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #F3AC4B;
  color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  display: inline-block;
  padding: 5px 10px !important;
  margin-right: 10px;
  margin-bottom: 10px; }
td.action_lien a:hover {
  background-color: #435E79; }

.contentAdmUnoBloc > p {
  text-align: center !important;
  font-size: 19px !important;
  text-transform: uppercase; }

#recherche_autre_inactive {
  text-transform: uppercase;
  text-align: center;
  margin: 20px !important;
  font-size: 26px !important; }

#rechercheClientAdm {
  margin: 0 auto; }

/* gestion divers popup */
.pop_exit_ac {
  max-width: 80%;
  margin: 0 auto;
  border: 5px solid #435E79;
  background-color: #fff; }
  .pop_exit_ac .desc_top {
    padding: 30px 0;
    background-color: #F9F9F9; }
    .pop_exit_ac .desc_top div > p {
      text-align: center;
      font-size: 26px;
      color: #444; }
      .pop_exit_ac .desc_top div > p span {
        color: #F2AC4B; }
    .pop_exit_ac .desc_top > p {
      margin-top: 25px; }
      .pop_exit_ac .desc_top > p a {
        display: inline-block;
        border-bottom: 2px solid #435E79;
        padding: 8px 15px 8px 30px;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
        margin: 0 15px;
        background: #fff url(/images_ac/ac_picto_etoile.png) no-repeat;
        background-size: 16px auto;
        background-position: 7px center; }
      .pop_exit_ac .desc_top > p a:hover {
        border-bottom-color: #F2AC4B;
        color: #F2AC4B; }
  .pop_exit_ac .link_to {
    margin: 15px 0 10px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .pop_exit_ac .link_to a {
      padding: 0 10px; }
    .pop_exit_ac .link_to a:hover {
      color: #F2AC4B;
      cursor: pointer; }

/* contrat de confiance */
.liste_option_conf {
  margin: 50px 0; }
  .liste_option_conf .small_width {
    display: flex;
    justify-content: space-around; }
    .liste_option_conf .small_width > p {
      width: 17%;
      display: flex;
      background-color: #F3AC4B;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      align-items: center;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
      .liste_option_conf .small_width > p img {
        padding: 10px;
        height: auto; }
      .liste_option_conf .small_width > p span {
        padding: 0px 10px;
        background-color: #FBFBFB;
        font-size: 15px;
        color: #444444;
        font-weight: 600;
        width: 75%;
        height: 60px;
        line-height: 130%;
        display: flex;
        align-items: center;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0; }

.photo_base_aside {
  padding: 0;
  text-align: center;
  background-color: #F9F9F9; }
  .photo_base_aside .liste_prestation_site {
    padding: 40px 0;
    border-bottom: 1px dotted #DDDDDD; }
    .photo_base_aside .liste_prestation_site > div p {
      padding: 8px 10px;
      background-color: #fff;
      font-size: 15px;
      font-weight: 300;
      width: 150px;
      margin: 20px auto 0;
      text-align: center;
      line-height: 110%;
      position: relative; }
    .photo_base_aside .liste_prestation_site > div p:after {
      display: block;
      content: '';
      width: 50px;
      height: 3px;
      background: #F3AC4B;
      margin: 0 auto;
      position: relative;
      bottom: -10px; }

.contenu_confiance {
  max-height: 1700px;
  overflow-y: scroll;
  padding: 0 20px 0 0; }
  .contenu_confiance img {
    width: 100%;
    height: auto; }
  .contenu_confiance b {
    color: #F2AC4B !important; }
  .contenu_confiance ul {
    padding: 5px 0;
    border-left: 5px solid #435E79; }
  .contenu_confiance .link_content {
    margin-bottom: 20px; }
    .contenu_confiance .link_content a {
      font-size: 13px !important;
      text-transform: uppercase;
      color: #fff !important;
      padding: 8px 20px !important;
      display: inline-block;
      margin-right: 20px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
    .contenu_confiance .link_content .link_orange, .contenu_confiance .link_content .link_bleu:hover {
      background-color: #F2AC4B; }
    .contenu_confiance .link_content .link_bleu, .contenu_confiance .link_content .link_orange:hover {
      background-color: #435E79; }

/* page parrainage */
.fieulle_parrain {
  margin-bottom: 50px; }
  .fieulle_parrain .big_width {
    display: flex;
    justify-content: space-between; }
    .fieulle_parrain .big_width > div {
      width: 48%;
      background-color: #F9F9F9;
      display: flex;
      justify-content: space-between; }
      .fieulle_parrain .big_width > div > .titre_blocs {
        width: 15%;
        background-color: #F2AC4B;
        padding: 20px 0; }
        .fieulle_parrain .big_width > div > .titre_blocs span {
          font-style: italic;
          font-size: 67px;
          font-weight: 700;
          transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
          display: block;
          color: #fff;
          text-transform: uppercase; }
      .fieulle_parrain .big_width > div > div {
        padding: 20px;
        line-height: 150%;
        font-size: 15px;
        color: #6C7272; }
        .fieulle_parrain .big_width > div > div * {
          font-size: 15px;
          color: #6C7272; }
        .fieulle_parrain .big_width > div > div span {
          font-weight: 700;
          color: #F2AC4B; }

.text_desc_home_parrain {
  margin: 70px 0; }
  .text_desc_home_parrain .small_width {
    border: 1px dashed #435E79;
    display: flex; }
    .text_desc_home_parrain .small_width > div {
      width: 50%;
      margin: 30px; }
      .text_desc_home_parrain .small_width > div .for_titre {
        text-transform: uppercase;
        color: #435E79;
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 30px; }
        .text_desc_home_parrain .small_width > div .for_titre span {
          font-size: 17px;
          color: #F2AC4B;
          font-weight: 600; }
      .text_desc_home_parrain .small_width > div .for_titre:after {
        content: "";
        display: block;
        height: 3px;
        width: 75px;
        background-color: #F3AC4B;
        margin-top: 10px; }
      .text_desc_home_parrain .small_width > div .desc {
        font-size: 15px;
        line-height: 130%;
        color: #777777; }
        .text_desc_home_parrain .small_width > div .desc a {
          font-size: 15px;
          color: #F2AC4B; }
        .text_desc_home_parrain .small_width > div .desc a:hover {
          text-decoration: underline; }
        .text_desc_home_parrain .small_width > div .desc strong {
          font-weight: 600;
          color: #777;
          font-size: 15px; }
      .text_desc_home_parrain .small_width > div .link_to_conf {
        margin-top: 20px; }
        .text_desc_home_parrain .small_width > div .link_to_conf a {
          border: 2px solid #F2AC4B;
          padding: 7px 10px;
          text-transform: uppercase;
          font-size: 21px;
          color: #F2AC4B;
          display: block;
          text-align: center; }
          .text_desc_home_parrain .small_width > div .link_to_conf a span {
            font-size: 21px;
            color: #F2AC4B; }
          .text_desc_home_parrain .small_width > div .link_to_conf a img {
            height: 20px;
            width: auto;
            margin-right: 10px; }
          .text_desc_home_parrain .small_width > div .link_to_conf a br {
            display: none; }
    .text_desc_home_parrain .small_width .detail_etape {
      width: 50%;
      background: url(/images_ac/photo_desc_home.jpg) top left no-repeat;
      background-size: auto 100%;
      margin: 0; }
      .text_desc_home_parrain .small_width .detail_etape .content_acc {
        margin: 25px; }
        .text_desc_home_parrain .small_width .detail_etape .content_acc .accordion {
          background: #F2AC4B url(/images_ac/ac_picto_28.png) 95% center no-repeat;
          color: #fff;
          cursor: pointer;
          padding: 10px 15px;
          width: 100%;
          text-align: left;
          border: none;
          outline: none;
          transition: 0.4s;
          font-size: 25px;
          text-transform: uppercase;
          border-bottom: 2px solid #fff !important; }
        .text_desc_home_parrain .small_width .detail_etape .content_acc .accordion:before {
          position: relative;
          content: '';
          display: block;
          widows: 5px;
          height: 100%;
          background-color: #fff; }
        .text_desc_home_parrain .small_width .detail_etape .content_acc .active, .text_desc_home_parrain .small_width .detail_etape .content_acc .accordion:hover {
          background-color: #435E79; }
        .text_desc_home_parrain .small_width .detail_etape .content_acc .panel {
          padding: 20px;
          background-color: rgba(67, 94, 121, 0.5);
          display: none;
          overflow: hidden; }
          .text_desc_home_parrain .small_width .detail_etape .content_acc .panel p {
            padding: 10px;
            background-color: #fff;
            font-size: 15px;
            color: #435E79;
            line-height: 150%; }
            .text_desc_home_parrain .small_width .detail_etape .content_acc .panel p span {
              color: #F2AC4B;
              font-weight: 700; }

.solo_content {
  padding: 60px 0;
  background-color: #F9F9F9; }
  .solo_content hr {
    border: none;
    background: none;
    margin: 30px 0 50px;
    border-bottom: 1px solid #DDDDDD; }
  .solo_content .small_width > .for_titre {
    padding: 0 0 25px;
    text-align: center;
    line-height: 100%;
    font-size: 31px;
    color: #444444;
    background: url(/images_ac/ac_picto_4.png) bottom center no-repeat;
    text-transform: uppercase; }
    .solo_content .small_width > .for_titre span {
      color: #F2AC4B; }
  .solo_content .small_width .contenu_solo {
    padding: 30px 0;
    text-align: center;
    line-height: 150%; }
    .solo_content .small_width .contenu_solo .intro_une_solo {
      font-weight: 700;
      color: #435E79;
      margin: 0 0 10px 0; }
    .solo_content .small_width .contenu_solo p {
      font-size: 17px;
      color: #777777; }

.content_duo {
  padding: 60px 0;
  background-color: #F9F9F9;
  display: flex;
  justify-content: space-between; }
  .content_duo > div {
    width: 45%;
    line-height: 150%;
    font-size: 15px;
    color: #6C7272; }
    .content_duo > div span {
      font-weight: 700;
      color: #F2AC4B; }

.link_content_parrain {
  margin: 30px 0;
  text-align: center; }
  .link_content_parrain a {
    padding: 15px;
    text-transform: uppercase;
    font-size: 19px;
    color: #fff;
    background-color: #F3AC4B;
    display: inline-block; }
  .link_content_parrain a:hover {
    background-color: #435E79; }

/* page simulateur */
.type_candco .filtre_bloc {
  text-align: center;
  margin: 30px 0;
  text-transform: uppercase;
  font-size: 19px; }
  .type_candco .filtre_bloc select {
    width: 300px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 110% !important;
    height: inherit !important; }

.for_simu_listo {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 15px;
  background-color: #F9F9F9; }
  .for_simu_listo > p {
    width: 18%;
    text-align: center;
    margin: 10px; }
    .for_simu_listo > p span {
      display: block;
      text-align: center;
      font-size: 13px;
      padding: 7px 0; }
    .for_simu_listo > p a:hover span {
      color: #f3ac4b; }

/* minisite */
.minisite .taux_credit_region .content_taux_credit_region .liste_taux_credit_region {
  width: 18%; }
.minisite .credit_six_cln .content_taux_credit_region .liste_taux_credit_region {
  width: 14%; }
.minisite .photo_base figure > div {
  position: absolute;
  top: 20%;
  left: 0;
  padding: 25px 0;
  width: 100%;
  line-height: 100%;
  background: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .minisite .photo_base figure > div h1 {
    font-size: 31px;
    color: #444444;
    margin-left: 5%;
    line-height: 110%; }
    .minisite .photo_base figure > div h1 span {
      color: #F2AC4B; }
  .minisite .photo_base figure > div > a {
    display: flex;
    padding: 13px 20px;
    margin-right: 5%;
    font-size: 19px;
    text-transform: uppercase;
    color: #fff;
    background-color: #435E79;
    border: 1px solid #fff;
    align-items: center;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 8px;
    border-radius: 8px; }
    .minisite .photo_base figure > div > a img {
      width: inherit;
      height: auto;
      display: inline-block;
      margin-right: 10px; }
.minisite .photo_base > figure .link_to_head_mini {
  bottom: 50px; }

/* hack old */
.popup_block .close {
  z-index: 99999; }

/* credit express */
.credit_express {
  background-color: #435E79; }
  .credit_express .textValid {
    text-align: center;
    font-size: 11px;
    color: #fff;
    margin-bottom: 30px; }
  .credit_express .logo_ce {
    padding: 10px 0;
    background-color: #fff;
    width: 100%;
    max-width: 100%;
    margin: 30px auto 0; }
    .credit_express .logo_ce figure {
      text-align: center;
      width: 100%; }
  .credit_express .content_form_ce {
    margin: 20px auto;
    width: 750px;
    max-width: 90%;
    background-color: #F9F9F9;
    padding: 20px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.45); }
    .credit_express .content_form_ce .in_form_ce {
      display: flex;
      justify-content: space-between; }
      .credit_express .content_form_ce .in_form_ce .onglet_ce {
        width: 230px; }
        .credit_express .content_form_ce .in_form_ce .onglet_ce ul li {
          background-color: #435E79;
          padding: 1px;
          margin-bottom: 10px; }
          .credit_express .content_form_ce .in_form_ce .onglet_ce ul li a {
            display: flex;
            align-items: center;
            padding: 10px;
            margin: 8px;
            border: 1px dashed rgba(255, 255, 255, 0.5);
            font-size: 19px;
            color: #fff; }
            .credit_express .content_form_ce .in_form_ce .onglet_ce ul li a img {
              margin-right: 10px; }
        .credit_express .content_form_ce .in_form_ce .onglet_ce ul li.active, .credit_express .content_form_ce .in_form_ce .onglet_ce ul li:hover {
          background-color: #F3AC4B;
          -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.45);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.45); }
      .credit_express .content_form_ce .in_form_ce .form_ce {
        width: 500px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.45);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.45); }
        .credit_express .content_form_ce .in_form_ce .form_ce .contentInp {
          margin: 20px 20px 50px; }
          .credit_express .content_form_ce .in_form_ce .form_ce .contentInp .titre_bloc {
            margin-bottom: 20px;
            text-transform: uppercase;
            font-size: 26px;
            color: #435E79;
            padding-bottom: 10px;
            border-bottom: 1px solid #e8e8e8; }
            .credit_express .content_form_ce .in_form_ce .form_ce .contentInp .titre_bloc span {
              color: #F3AC4B; }
          .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p {
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin-bottom: 15px; }
            .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .chx {
              width: 30%;
              font-size: 17px;
              color: #435E79; }
            .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTyp {
              width: 60%;
              min-height: 40px;
              display: flex;
              align-items: center; }
              .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTyp input[type=text], .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTyp select {
                border: 1px solid #EEEEEE;
                background-color: #F9F9F9;
                padding: 5px;
                font-size: 16px;
                color: #333;
                width: 100%; }
              .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTyp label {
                margin-right: 15px; }
            .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTypNml {
              width: 60%;
              min-height: 40px;
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTypNml input[type=text], .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTypNml select {
                border: 1px solid #EEEEEE;
                background-color: #F9F9F9;
                padding: 5px;
                font-size: 16px;
                color: #333;
                margin-right: 15px;
                width: 25%; }
              .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTypNml label {
                margin-right: 15px; }
              .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTypNml input[type=text]:last-child, .credit_express .content_form_ce .in_form_ce .form_ce .contentInp > p .inpTypNml select:last-child {
                margin: 0; }
        .credit_express .content_form_ce .in_form_ce .form_ce .contentBttNxt {
          margin: 30px 20px;
          display: flex;
          justify-content: space-between; }
          .credit_express .content_form_ce .in_form_ce .form_ce .contentBttNxt a {
            width: 45%;
            text-align: center;
            display: flex;
            padding: 15px 0;
            align-items: center;
            font-size: 17px;
            justify-content: center; }
            .credit_express .content_form_ce .in_form_ce .form_ce .contentBttNxt a img {
              margin-right: 10px; }
          .credit_express .content_form_ce .in_form_ce .form_ce .contentBttNxt a:hover {
            -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.45);
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.45); }
          .credit_express .content_form_ce .in_form_ce .form_ce .contentBttNxt .back {
            background-color: #DDDDDD;
            color: #878787; }
          .credit_express .content_form_ce .in_form_ce .form_ce .contentBttNxt .back:hover {
            background-color: #333;
            color: #fff; }
          .credit_express .content_form_ce .in_form_ce .form_ce .contentBttNxt .next {
            background-color: #F3AC4B;
            color: #fff; }
          .credit_express .content_form_ce .in_form_ce .form_ce .contentBttNxt .next:hover {
            background-color: #FF8600;
            color: #fff; }

/* page loi lemoine */
.lemoine_changer_assurance .small_width {
  padding: 40px 0;
  border-top: 1px solid #F4F4F4;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row-reverse; }
  .lemoine_changer_assurance .small_width aside {
    width: 290px;
    text-align: center; }
    .lemoine_changer_assurance .small_width aside .lien_aside {
      margin-bottom: 35px; }
      .lemoine_changer_assurance .small_width aside .lien_aside a:hover img {
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }
    .lemoine_changer_assurance .small_width aside .contact_home {
      width: 100%;
      padding: 20px 0;
      background: url(/images_ac/bg_contact_home.png) top center no-repeat;
      animation: blink-animation 1.5s steps(10, start) infinite;
      -webkit-animation: blink-animation 1.5s steps(10, start) infinite; }
      .lemoine_changer_assurance .small_width aside .contact_home .for_titre {
        text-align: center;
        font-size: 22px;
        text-transform: uppercase;
        color: #F19E2D;
        margin: 20px 0;
        font-weight: 700; }
      .lemoine_changer_assurance .small_width aside .contact_home > div {
        text-align: center;
        margin-top: 40px; }
        .lemoine_changer_assurance .small_width aside .contact_home > div a {
          display: inline-block;
          margin: 0 10px;
          padding: 10px 0; }
  .lemoine_changer_assurance .small_width .changer_assurance {
    width: 72%; }
    .lemoine_changer_assurance .small_width .changer_assurance > .for_titre {
      text-transform: uppercase;
      color: #435E79;
      font-size: 24px;
      line-height: 120%;
      margin-bottom: 30px; }
      .lemoine_changer_assurance .small_width .changer_assurance > .for_titre span {
        font-size: 17px;
        color: #F2AC4B;
        font-weight: 600; }
    .lemoine_changer_assurance .small_width .changer_assurance > .for_titre:after {
      content: "";
      display: block;
      height: 3px;
      width: 75px;
      background-color: #F3AC4B;
      margin-top: 10px; }
    .lemoine_changer_assurance .small_width .changer_assurance .text_change {
      font-size: 17px;
      color: #777;
      line-height: 130%;
      font-family: "Myriad Pro";
      font-weight: 400; }

.pourquoi_ext {
  margin: 0 0 70px; }
  .pourquoi_ext .small_width {
    border: 1px dashed #435E79;
    display: flex; }
    .pourquoi_ext .small_width > div {
      width: 50%;
      margin: 30px; }
    .pourquoi_ext .small_width .pq_left > .titre_bloc_lm {
      font-size: 31px;
      color: #435E79;
      line-height: 130%;
      margin-bottom: 20px; }
      .pourquoi_ext .small_width .pq_left > .titre_bloc_lm span {
        color: #F2AC4B; }
    .pourquoi_ext .small_width .pq_left .text_ext {
      font-size: 17px;
      color: #777;
      font-family: "Myriad Pro";
      line-height: 150%; }
    .pourquoi_ext .small_width .pq_left > .for_titre {
      text-transform: uppercase;
      color: #435E79;
      font-size: 24px;
      line-height: 120%;
      margin-bottom: 30px; }
      .pourquoi_ext .small_width .pq_left > .for_titre span {
        font-size: 17px;
        color: #F2AC4B;
        font-weight: 600; }
      .pourquoi_ext .small_width .pq_left > .for_titre b {
        color: #F2AC4B; }
    .pourquoi_ext .small_width .pq_left > .for_titre:after {
      content: "";
      display: block;
      height: 3px;
      width: 75px;
      background-color: #F3AC4B;
      margin-top: 10px; }
    .pourquoi_ext .small_width .pq_left ul {
      margin-left: 20px; }
      .pourquoi_ext .small_width .pq_left ul li {
        font-size: 16px;
        line-height: 150%;
        font-family: "Myriad Pro";
        color: #435E79;
        padding-left: 20px;
        background: url(/images_ac/ac_picto_36.png) 0px 2px no-repeat;
        margin-bottom: 10px; }
    .pourquoi_ext .small_width .pq_left > div {
      font-size: 16px;
      color: #777;
      line-height: 150%;
      padding-left: 70px;
      font-family: "Myriad Pro";
      background: url(/images_ac/ac_picto_37.png) top left no-repeat; }
    .pourquoi_ext .small_width .detail_etape {
      width: 50%;
      background: url(/images_ac/photo_desc_home.jpg) top left no-repeat;
      background-size: auto 100%;
      margin: 0; }
      .pourquoi_ext .small_width .detail_etape .content_acc {
        margin: 25px; }
        .pourquoi_ext .small_width .detail_etape .content_acc .accordion {
          background: #F2AC4B url(/images_ac/ac_picto_28.png) 95% center no-repeat;
          color: #fff;
          cursor: pointer;
          padding: 10px 35px 10px 40px;
          width: 100%;
          text-align: left;
          border: none;
          outline: none;
          transition: 0.4s;
          font-size: 31px;
          text-transform: uppercase;
          line-height: 110%;
          position: relative; }
          .pourquoi_ext .small_width .detail_etape .content_acc .accordion b {
            color: #435E79; }
        .pourquoi_ext .small_width .detail_etape .content_acc .accordion:before {
          position: absolute;
          content: '';
          display: block;
          width: 5px;
          height: 100%;
          background-color: #fff;
          left: 20px;
          top: 0; }
        .pourquoi_ext .small_width .detail_etape .content_acc .panel {
          padding: 20px;
          background-color: rgba(242, 172, 75, 0.5); }
          .pourquoi_ext .small_width .detail_etape .content_acc .panel div {
            padding: 20px;
            background-color: rgba(255, 255, 255, 0.9);
            margin: 10px 0;
            display: flex;
            align-items: flex-start; }
            .pourquoi_ext .small_width .detail_etape .content_acc .panel div img {
              width: 62px;
              margin-right: 20px; }
            .pourquoi_ext .small_width .detail_etape .content_acc .panel div p {
              font-size: 15px;
              color: #435E79;
              line-height: 150%;
              font-family: "Myriad Pro"; }
              .pourquoi_ext .small_width .detail_etape .content_acc .panel div p b {
                font-weight: 700;
                color: #F2AC4B;
                text-transform: uppercase;
                font-size: 17px; }

.loi_splash {
  padding: 40px 0;
  background: url(/images_ac/bg_simulateur.png) top left repeat; }
  .loi_splash .small_width {
    text-align: center; }
    .loi_splash .small_width p {
      font-family: "Myriad Pro";
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      margin: 10px 0; }
      .loi_splash .small_width p span {
        color: #F2AC4B; }
    .loi_splash .small_width > .titre_bloc_lm {
      font-size: 31px;
      color: #fff;
      text-transform: uppercase;
      font-family: "JF Flat", "Myriad Pro";
      font-weight: 400; }
    .loi_splash .small_width div {
      display: inline-block;
      padding: 20px 50px;
      background-color: #566E87;
      margin-top: 20px;
      -webkit-border-radius: 5px;
      border-radius: 5px; }
      .loi_splash .small_width div p {
        font-family: "Myriad Pro";
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        margin: 10px 0; }
        .loi_splash .small_width div p span {
          color: #F2AC4B; }
      .loi_splash .small_width div > .titre_bloc_lm {
        font-size: 31px;
        color: #fff;
        text-transform: uppercase;
        font-family: "JF Flat", "Myriad Pro";
        font-weight: 400;
        margin-top: 0; }
    .loi_splash .small_width div:before {
      content: '';
      display: inline-block;
      height: 3px;
      width: 150px;
      background-color: #F3AC4B;
      text-align: center;
      position: relative;
      top: -32px; }

.contact_lemoine .small_width {
  width: 100%;
  max-width: 100%; }
  .contact_lemoine .small_width .content_form_unit {
    width: 100%;
    margin-top: 0 !important; }
    .contact_lemoine .small_width .content_form_unit form {
      width: 60%; }
    .contact_lemoine .small_width .content_form_unit > .for_titres {
      padding: 0 0 25px;
      text-align: center;
      line-height: 100%;
      font-size: 31px;
      color: #444444;
      background: url(/images_ac/ac_picto_4.png) bottom center no-repeat;
      margin-bottom: 50px; }
      .contact_lemoine .small_width .content_form_unit > .for_titres strong {
        color: #F2AC4B;
        display: inline;
        font-size: 31px;
        font-weight: 400; }

/* loi lemoine minisite */
.lemoine_minisite_desc {
  margin-bottom: 30px; }
  .lemoine_minisite_desc > .for_titre {
    text-transform: uppercase;
    color: #435E79;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 30px; }
    .lemoine_minisite_desc > .for_titre span {
      font-size: 17px;
      color: #F2AC4B;
      font-weight: 600;
      display: block; }
  .lemoine_minisite_desc > .for_titre:after {
    content: "";
    display: block;
    height: 3px;
    width: 75px;
    background-color: #F3AC4B;
    margin: 10px 0; }
  .lemoine_minisite_desc > div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px; }
    .lemoine_minisite_desc > div p, .lemoine_minisite_desc > div div {
      font-size: 17px;
      color: #777;
      font-family: "Myriad Pro";
      margin-left: 20px;
      line-height: 150%; }
    .lemoine_minisite_desc > div ul {
      margin-top: 10px; }
      .lemoine_minisite_desc > div ul li {
        font-size: 16px;
        line-height: 150%;
        font-family: "Myriad Pro";
        color: #435E79;
        padding-left: 20px;
        background: url(/images_ac/ac_picto_36.png) 0px 2px no-repeat;
        margin-bottom: 5px; }

@media screen and (max-width: 1200px) {
  .header_haut > .middle_width figure {
    width: 200px; }
    .header_haut > .middle_width figure img {
      max-width: 100%;
      height: auto; }

  .header_haut > .middle_width .link_header_haut .autre_lien_header_haut a {
    margin-left: 10px; }

  .header_haut > .middle_width .link_header_haut .rappel_gratuit_header_haut a img,
  .header_haut .nav-main > .middle_width .acces_prive_header_haut a img {
    padding: 7px; }

  .header_haut .nav-main > .middle_width .nav-list__item {
    margin-left: 0; }

  .photo_base .liste_prestation_ac .middle_width .liste_prestation_site {
    width: 13%; }

  .la_difference .small_width .desc_faire_difference .pose_carte_france ul {
    width: 30%; }

  .la_difference .small_width .desc_faire_difference {
    width: 65%; }

  .la_difference .small_width aside {
    max-width: 32%; }

  .la_difference .small_width aside .lien_aside img {
    width: 100%;
    height: auto; }

  .la_difference .small_width aside .contact_home {
    background-size: contain; }

  .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home {
    width: 200px; }

  .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure {
    width: 200px;
    height: 200px; }

  .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil {
    max-width: 80%; }

  .derniers_avis_accueil .small_width .liste_avis_accueil > div {
    width: 40%; }

  .str_colonne .str_for_left {
    width: 67%; }

  .str_colonne aside {
    width: 30%; }

  .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home {
    width: 180px; }

  .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure {
    width: 180px;
    height: 180px; }

  .taux_credit_region .liste_taux_credit_region {
    width: 30%; }

  .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .lst_cdt {
    padding: 4px 0; }

  .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt {
    padding: 20px; }

  .dernier_actualite_accueil {
    margin: 50px 0; }

  .liste_des_avis_clients .small_width .detail_avis_client {
    width: 40%; }

  .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div {
    width: 60%;
    line-height: 150%; }

  .liste_option_conf .small_width > p img {
    width: 25px; }

  .liste_option_conf .small_width > p {
    width: 18%; }

  .liste_option_conf .small_width > p span {
    padding: 0 8px; }

  .str_colonne aside .lien_aside img {
    max-width: 100%;
    height: auto; }

  .photo_base_aside .liste_prestation_site {
    padding: 20px 0; }

  .photo_base_forum .head_intro {
    text-shadow: 2px 2px 6px #000; }

  .photo_base_forum figure {
    width: 100%; }
    .photo_base_forum figure img {
      width: 100%;
      height: auto; }

  .photo_base_forum .liste_credit_forum {
    top: 5%; }

  .photo_base_forum .liste_credit_forum p {
    margin: 20px 0; }

  .photo_base_forum .head_intro {
    top: 13%; }

  .photo_base > figure .for_titre,
  .la_difference .small_width .desc_faire_difference .pose_carte_france .for_titre,
  .dernier_courtier_credit .small_width > .for_titre,
  .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil > .for_titre,
  .dernier_actualite_accueil .small_width > .for_titre,
  .simulateur_immo_accueil > .for_titre,
  .derniers_avis_accueil .small_width > .for_titre,
  .photo_interne > figure .for_titre,
  .str_colonne .aside_region > .for_titre,
  .solo_content .small_width > .for_titre,
  .dossier_pret_forum > .for_titre {
    font-size: 25px; }

  .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil .for_titre,
  .text_desc_home_parrain .small_width .detail_etape .content_acc .accordion,
  .taux_credit_region > .for_titre,
  .str_colonne aside .detail_courtier > .for_titre,
  .str_colonne aside .detail_ville_courtier > .titre_bloc {
    font-size: 22px; }

  .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home .nom_courtier,
  footer .link_map > div .for_titre,
  footer .community .get_community,
  footer .community .down-appli,
  .str_colonne .liste_dernier_credit > .for_titre,
  .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .taux span,
  .liste_des_avis_clients .small_width .detail_avis_client .note_avis > div .nom_client {
    font-size: 18px; }

  .la_difference .small_width .desc_faire_difference .pose_carte_france ul li p,
  .str_colonne .texte_introduction .for_titre,
  .solo_content .small_width .contenu_solo p {
    font-size: 16px; }

  .header_haut .nav-main > .middle_width .nav-list__item a,
  .photo_base .liste_prestation_ac .middle_width .liste_prestation_site div > p,
  .la_difference .small_width .desc_faire_difference > ul li p b,
  .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure figcaption .ass_name,
  .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home > div figure figcaption .ass_avaibility,
  .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil .head_table > span,
  .text_desc_home .small_width > div .desc,
  .str_colonne .texte_introduction .desc,
  .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home .nom_courtier,
  .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure figcaption .ass_name,
  .str_colonne .courtier_dans_region .liste_des_courtier_region .content_liste_courtier_connecter_home > div figure figcaption .ass_avaibility,
  .str_colonne .desc_faire_difference > ul li p b,
  .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .lst_cdt,
  .text_desc_home_parrain .small_width .detail_etape .content_acc .panel p,
  .text_desc_home_parrain .small_width > div .desc,
  .liste_des_partenaire .small_width > .partenaire_page > div strong,
  .liste_des_partenaire .small_width > .partenaire_page > div .adresse,
  .liste_des_partenaire .small_width > .partenaire_page > div span,
  .str_colonne .content_statique_site .desc_content_statique_site,
  .photo_base_aside .liste_prestation_site > div p,
  .contenu_base_form .small_width .content_form_unit .other_contact > p,
  .contenu_base_form .small_width .content_form_unit .other_contact > div p,
  .header_haut .nav-main > .middle_width .nom_region,
  .onglet_annexe_head .middle_width ul li a,
  .onglet_annexe_head .middle_width .onglet_content_annexe > div,
  .str_colonne aside .detail_courtier > .for_titre span,
  .taux_credit_region > .for_titre span {
    font-size: 14px; }

  .str_colonne .content_statique_site .desc_content_statique_site div, .str_colonne .content_statique_site .desc_content_statique_site span, .str_colonne .content_statique_site .desc_content_statique_site iframe, .str_colonne .content_statique_site .desc_content_statique_site a, .str_colonne .content_statique_site .desc_content_statique_site cite, .str_colonne .content_statique_site .desc_content_statique_site em, .str_colonne .content_statique_site .desc_content_statique_site strong, .str_colonne .content_statique_site .desc_content_statique_site b, .str_colonne .content_statique_site .desc_content_statique_site u, .str_colonne .content_statique_site .desc_content_statique_site i, .str_colonne .content_statique_site .desc_content_statique_site center, .str_colonne .content_statique_site .desc_content_statique_site dl, .str_colonne .content_statique_site .desc_content_statique_site dt, .str_colonne .content_statique_site .desc_content_statique_site dd, .str_colonne .content_statique_site .desc_content_statique_site ol, .str_colonne .content_statique_site .desc_content_statique_site ul, .str_colonne .content_statique_site .desc_content_statique_site li, .str_colonne .content_statique_site .desc_content_statique_site table, .str_colonne .content_statique_site .desc_content_statique_site tbody, .str_colonne .content_statique_site .desc_content_statique_site tfoot, .str_colonne .content_statique_site .desc_content_statique_site thead, .str_colonne .content_statique_site .desc_content_statique_site tr, .str_colonne .content_statique_site .desc_content_statique_site th, .str_colonne .content_statique_site .desc_content_statique_site td, .str_colonne .content_statique_site .desc_content_statique_site p {
    font-size: 14px; }

  .header_haut > .middle_width .link_header_haut .autre_lien_header_haut a,
  .la_difference .small_width .desc_faire_difference > ul li p,
  .text_desc_home .small_width > div .for_titre span,
  .offre_service_nl .middle_width .small_width .newsletter_accueil .in_newsletter_accueil .for_titre span,
  footer .link_map > p,
  footer .link_map > div a,
  footer .copyright,
  .str_colonne .desc_faire_difference > ul li p,
  .str_colonne .liste_dernier_credit .in_liste_dernier_credit .liste_content_last_cdt .lst_cdt span,
  .liste_des_avis_clients .small_width .detail_avis_client .desc_avis,
  .liste_option_conf .small_width > p span {
    font-size: 12px; }

  .header_haut > .middle_width .link_header_haut .espace_client_header_haut a,
  .header_haut > .middle_width .link_header_haut .rappel_gratuit_header_haut a,
  .header_haut .nav-main > .middle_width .acces_prive_header_haut a {
    font-size: 11px; }

  .header_haut > .middle_width .link_header_haut > p {
    font-size: 10px; }

  .lemoine_changer_assurance .small_width .changer_assurance {
    width: 66%; } }
@media screen and (max-width: 900px) {
  .header_haut > .middle_width,
  .text_desc_home .small_width {
    flex-wrap: wrap; }

  .header_haut > .middle_width figure {
    width: 100%;
    text-align: center;
    margin-bottom: 10px; }
    .header_haut > .middle_width figure img {
      width: 215px; }

  p.espace_client_header_haut,
  p.rappel_gratuit_header_haut {
    width: 25%; }

  .header_haut > .middle_width .link_header_haut > p {
    text-align: center; }

  .header_haut .nav-main > .middle_width {
    padding: 10px; }

  .photo_base .liste_prestation_ac .middle_width .liste_prestation_site {
    width: 25%; }

  .la_difference .small_width .desc_faire_difference,
  .la_difference .small_width aside {
    width: 100%; }

  .la_difference .small_width aside {
    max-width: 100%;
    display: flex;
    justify-content: space-between; }
    .la_difference .small_width aside > p, .la_difference .small_width aside > div {
      width: 30% !important; }

  .la_difference .small_width aside .contact_home .for_titre {
    margin: 0; }

  .la_difference .small_width aside .contact_home > div {
    margin-top: 15px; }

  .la_difference .small_width aside .contact_home > div a img {
    height: 20px;
    width: auto; }

  .la_difference .small_width aside .lien_aside {
    margin-bottom: 0 !important; }

  .la_difference .small_width aside .contact_home > div a {
    margin: 0 3px; }

  .dernier_courtier_credit {
    padding: 50px 0 20px; }

  .dernier_courtier_credit .small_width .liste_courtier_connecter_home,
  .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width,
  .offre_service_nl .middle_width .small_width,
  .str_colonne,
  .text_desc_home_parrain .small_width,
  .liste_option_conf .small_width,
  footer .community,
  footer .community .down-appli {
    flex-wrap: wrap;
    justify-content: space-around; }

  .dernier_courtier_credit .small_width .liste_courtier_connecter_home .content_liste_courtier_connecter_home,
  .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width > div {
    margin-bottom: 30px; }

  .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil {
    max-width: 88%; }

  .credit_obtenu_accueil .small_width::after {
    display: none; }

  .dernier_actualite_accueil .small_width .liste_latest_actu > div figure {
    height: inherit; }

  .simulateur_immo_accueil .liste_simulateur_immo_accueil {
    padding: 40px 0 10px; }

  .text_desc_home .small_width > div,
  .text_desc_home .small_width figure,
  .offre_service_nl .middle_width .small_width .offre_service_qualite,
  .offre_service_nl .middle_width .small_width .newsletter_accueil {
    width: 100%; }

  .derniers_avis_accueil .small_width .liste_avis_accueil > div {
    width: 35%;
    height: auto; }

  .offre_service_nl .middle_width .small_width .offre_service_qualite {
    background-size: 100% 100%; }

  .str_colonne .str_for_left,
  .str_colonne aside {
    width: 90%; }

  .text_desc_home_parrain .small_width > div,
  .text_desc_home_parrain .small_width .detail_etape,
  .liste_des_partenaire .small_width > .partenaire_page,
  .liste_des_avis_clients .small_width .detail_avis_client {
    width: 100%; }

  .liste_option_conf .small_width > p {
    width: 28%;
    margin-bottom: 30px; }

  .str_colonne aside .lien_aside {
    text-align: center; }

  .contenu_base_form .small_width .content_form_unit {
    width: 95%; }

  .contenu_base_form .small_width .content_form_unit .other_contact {
    margin: 0 10px; }

  .onglet_annexe_head .middle_width ul li a img {
    display: none; }

  .onglet_annexe_head .middle_width ul li {
    height: 30px;
    padding-left: 10px; }

  .onglet_annexe_head {
    background-repeat: repeat; }

  .str_colonne {
    margin: 0 !important; }

  .dossier_pret_forum .liste_prestation_site > div {
    width: 40%;
    margin-bottom: 30px; }

  .photo_base_forum .liste_credit_forum {
    position: inherit;
    left: 0;
    margin: 0 auto;
    width: 350px; }

  .photo_base_forum .head_intro {
    top: 20px;
    right: 0;
    width: 100%; }

  .dossier_pret_forum {
    max-width: 90%;
    margin: 0 auto; }

  .photo_base_forum .head_intro {
    font-size: 38px; }

  .photo_base > figure .for_titre,
  .la_difference .small_width .desc_faire_difference .pose_carte_france .for_titre,
  .dernier_courtier_credit .small_width > .for_titre,
  .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil > .for_titre,
  .dernier_actualite_accueil .small_width > .for_titre,
  .simulateur_immo_accueil > .for_titre,
  .derniers_avis_accueil .small_width > .for_titre,
  .photo_interne > figure .for_titre,
  .str_colonne .aside_region > .for_titre,
  .solo_content .small_width > .for_titre,
  .dossier_pret_forum > .for_titre {
    font-size: 22px; }

  .la_difference .small_width aside .contact_home .for_titre {
    font-size: 14px; }

  /* lemoine pages */
  .lemoine_changer_assurance .small_width {
    flex-direction: row; }
    .lemoine_changer_assurance .small_width .changer_assurance {
      width: 100%;
      margin-bottom: 20px; }
    .lemoine_changer_assurance .small_width aside {
      width: 100%;
      display: flex;
      justify-content: space-between; }

  .pourquoi_ext .small_width {
    flex-wrap: wrap; }
    .pourquoi_ext .small_width > div {
      width: 100% !important; } }
@media screen and (max-width: 600px) {
  .header_haut > .middle_width .link_header_haut > div,
  .la_difference .small_width .desc_faire_difference .pose_carte_france,
  .la_difference .small_width aside,
  .derniers_avis_accueil .small_width .liste_avis_accueil,
  footer .link_map,
  footer .community,
  footer .community .down-appli,
  .fieulle_parrain .big_width,
  .content_duo,
  .contenu_base_form .small_width .content_form_unit form > div,
  .contenu_base_form .small_width .content_form_unit .other_contact > div,
  .onglet_annexe_head .middle_width ul,
  .onglet_annexe_head .middle_width .onglet_content_annexe {
    flex-wrap: wrap; }

  p.espace_client_header_haut,
  p.rappel_gratuit_header_haut,
  p.autre_lien_header_haut,
  .header_haut > .middle_width .link_header_haut .acces_prive_header_haut {
    width: 250px;
    margin: 0 auto;
    margin-bottom: 10px !important; }

  p.autre_lien_header_haut {
    text-align: center; }

  .photo_base .liste_prestation_ac .middle_width .liste_prestation_site {
    width: 38%; }

  .la_difference .small_width .desc_faire_difference > ul li,
  .derniers_avis_accueil .small_width .liste_avis_accueil > div,
  footer .link_map > div,
  footer .link_map > p,
  .str_colonne .desc_faire_difference > ul li,
  .contenu_base_form .small_width .content_form_unit .other_contact > div p,
  .onglet_annexe_head .middle_width ul li,
  .onglet_annexe_head .middle_width .onglet_content_annexe > * {
    width: 100% !important; }

  .la_difference .small_width .desc_faire_difference .pose_carte_france {
    height: inherit;
    background-size: cover; }

  .la_difference .small_width .desc_faire_difference .pose_carte_france .for_titre {
    width: 100%;
    text-align: center;
    margin: 20px 0; }

  .la_difference .small_width .desc_faire_difference .pose_carte_france ul {
    width: 90%; }

  .la_difference .small_width aside > p,
  .la_difference .small_width aside > div,
  .dernier_actualite_accueil .small_width .liste_latest_actu > div,
  .contenu_base_form .small_width .content_form_unit form > div span,
  .contenu_base_form .small_width .content_form_unit form > div input, .contenu_base_form .small_width .content_form_unit form > div select, .contenu_base_form .small_width .content_form_unit form > div textarea {
    width: 100% !important; }

  .la_difference .small_width aside .lien_aside {
    margin-bottom: 30px !important; }

  .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil {
    width: 100%;
    padding: 0;
    max-width: 100%; }

  .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil {
    overflow-y: scroll; }
    .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil .in_content_credit_obtenu_accueil > p {
      width: 650px; }

  .credit_obtenu_accueil {
    margin: 50px 0; }

  .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil {
    height: inherit;
    padding-bottom: 30px; }

  .simulateur_immo_accueil .liste_simulateur_immo_accueil .small_width > div {
    width: 135px; }

  footer .link_map > div {
    padding: 0;
    margin: 0;
    padding-top: 20px;
    border: none; }

  footer .community .down-appli {
    margin: 30px 0 0; }
    footer .community .down-appli a {
      display: block;
      width: 40%;
      margin: 10px 5%; }
      footer .community .down-appli a img {
        width: 100%;
        height: auto; }

  .str_colonne .courtier_dans_region .liste_des_courtier_region {
    justify-content: space-around; }

  .str_colonne {
    margin: 0 auto !important; }

  .taux_credit_region .liste_taux_credit_region,
  .fieulle_parrain .big_width > div,
  .content_duo > div,
  .str_colonne .content_statique_site .content_dossier_pret ul li .left.avis,
  .str_colonne .content_statique_site .content_dossier_pret ul li .right.noteAvis {
    width: 100% !important; }

  .fieulle_parrain .big_width > div.fieulle {
    margin-bottom: 30px; }

  .content_duo {
    padding: 20px 0; }

  .liste_option_conf .small_width > p {
    width: 200px; }

  .contenu_base_form .small_width .content_form_unit {
    padding: 0; }

  .contenu_base_form .small_width .content_form_unit .other_contact > div p,
  .contenu_base_form .small_width .content_form_unit .other_contact > div p:last-child {
    text-align: center; }

  .contenu_base_form .small_width .content_form_unit .other_contact > div p:last-child {
    margin-top: 20px; }

  .onglet_annexe_head .middle_width ul li {
    margin-bottom: 1px; }

  .photo_base_forum .liste_credit_forum {
    width: 280px; }

  .dossier_pret_forum .liste_prestation_site > div {
    width: 90%; }

  .la_difference .small_width .desc_faire_difference .pose_carte_france .for_titre {
    font-size: 26px; }

  .photo_base > figure .for_titre,
  .dernier_courtier_credit .small_width > .for_titre,
  .credit_obtenu_accueil .small_width .content_credit_obtenu_accueil > .for_titre,
  .dernier_actualite_accueil .small_width > .for_titre,
  .simulateur_immo_accueil > .for_titre,
  .derniers_avis_accueil .small_width > .for_titre,
  .photo_interne > figure .for_titre,
  .str_colonne .aside_region > .for_titre,
  .solo_content .small_width > .for_titre,
  .dossier_pret_forum > .for_titre {
    font-size: 21px;
    position: inherit !important;
    margin-bottom: 30px; }

  .photo_base_forum .head_intro {
    font-size: 21px;
    line-height: 100%; }

  .photo_base_forum .liste_credit_forum p a span {
    font-size: 15px; }

  /* lemoine */
  .lemoine_changer_assurance .small_width aside {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center; }

  .pourquoi_ext .small_width .detail_etape .content_acc .panel div {
    display: block; }
    .pourquoi_ext .small_width .detail_etape .content_acc .panel div img {
      margin-bottom: 10px; }

  .lemoine_minisite_desc > div {
    display: block; }
    .lemoine_minisite_desc > div > p, .lemoine_minisite_desc > div > div {
      margin-left: 0; }
    .lemoine_minisite_desc > div img {
      margin-bottom: 10px; } }
/*!
 * ImageHover.css - http://www.imagehover.io
 * Version 2.0
 * Author: Ciarán Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 */
[class^="imghvr-"],
[class*=" imghvr-"] {
  position: relative;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  background-color: #435E79;
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transform: translateZ(0); }
  [class^="imghvr-"] > img,
  [class*=" imghvr-"] > img {
    vertical-align: top;
    max-width: 100%; }
  [class^="imghvr-"] figcaption,
  [class*=" imghvr-"] figcaption {
    background-color: #435E79;
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #e0e0e0; }
    [class^="imghvr-"] figcaption h1,
    [class^="imghvr-"] figcaption h2,
    [class^="imghvr-"] figcaption h3,
    [class^="imghvr-"] figcaption h4,
    [class^="imghvr-"] figcaption h5,
    [class^="imghvr-"] figcaption h6,
    [class*=" imghvr-"] figcaption h1,
    [class*=" imghvr-"] figcaption h2,
    [class*=" imghvr-"] figcaption h3,
    [class*=" imghvr-"] figcaption h4,
    [class*=" imghvr-"] figcaption h5,
    [class*=" imghvr-"] figcaption h6 {
      color: #e0e0e0; }
  [class^="imghvr-"] a,
  [class*=" imghvr-"] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }

[class^="imghvr-"],
[class*=" imghvr-"],
[class^="imghvr-"]:before,
[class^="imghvr-"]:after,
[class*=" imghvr-"]:before,
[class*=" imghvr-"]:after,
[class^="imghvr-"] *,
[class*=" imghvr-"] *,
[class^="imghvr-"] *:before,
[class^="imghvr-"] *:after,
[class*=" imghvr-"] *:before,
[class*=" imghvr-"] *:after {
  box-sizing: border-box;
  transition: all 0.35s ease; }

/* imghvr-fade-*
   ----------------------------- */
[class^="imghvr-fade"] figcaption,
[class*=" imghvr-fade"] figcaption {
  opacity: 0; }
[class^="imghvr-fade"]:hover figcaption,
[class*=" imghvr-fade"]:hover figcaption {
  opacity: 1; }
[class^="imghvr-fade"]:hover > img,
[class^="imghvr-fade"]:hover figcaption,
[class*=" imghvr-fade"]:hover > img,
[class*=" imghvr-fade"]:hover figcaption {
  transform: translate(0, 0); }

/* imghvr-fade
   ----------------------------- */
/* imghvr-fade-in-up
   ----------------------------- */
.imghvr-fade-in-up figcaption {
  transform: translate(0, 15%); }

/* imghvr-fade-in-down
   ----------------------------- */
.imghvr-fade-in-down figcaption {
  transform: translate(0, -15%); }

/* imghvr-fade-in-left
   ----------------------------- */
.imghvr-fade-in-left figcaption {
  transform: translate(-15%, 0); }

/* imghvr-fade-in-right
   ----------------------------- */
.imghvr-fade-in-right figcaption {
  transform: translate(15%, 0); }

/* imghvr-push-*
   ----------------------------- */
[class^="imghvr-push-"]:hover figcaption,
[class*=" imghvr-push-"]:hover figcaption {
  transform: translate(0, 0); }

/* imghvr-push-up
   ----------------------------- */
.imghvr-push-up figcaption {
  transform: translateY(100%); }
.imghvr-push-up:hover > img {
  transform: translateY(-100%); }

/* imghvr-push-down
   ----------------------------- */
.imghvr-push-down figcaption {
  transform: translateY(-100%); }
.imghvr-push-down:hover > img {
  transform: translateY(100%); }

/* imghvr-push-left
   ----------------------------- */
.imghvr-push-left figcaption {
  transform: translateX(100%); }
.imghvr-push-left:hover > img {
  transform: translateX(-100%); }

/* imghvr-push--right
   ----------------------------- */
.imghvr-push-right figcaption {
  transform: translateX(-100%); }
.imghvr-push-right:hover > img {
  transform: translateX(100%); }

/* imghvr-slide-*
   ----------------------------- */
[class^="imghvr-slide-"]:hover figcaption,
[class*=" imghvr-slide-"]:hover figcaption {
  transform: translate(0, 0); }

/* imghvr-slide-up
   ----------------------------- */
.imghvr-slide-up figcaption {
  transform: translateY(100%); }

/* imghvr-slide-down
   ----------------------------- */
.imghvr-slide-down figcaption {
  transform: translateY(-100%); }

/* imghvr-slide-left
   ----------------------------- */
.imghvr-slide-left figcaption {
  transform: translateX(100%); }

/* imghvr-slide-right
   ----------------------------- */
.imghvr-slide-right figcaption {
  transform: translateX(-100%); }

/* imghvr-slide-top-left
   ----------------------------- */
.imghvr-slide-top-left figcaption {
  transform: translate(-100%, -100%); }

/* imghvr-slide-top-right
   ----------------------------- */
.imghvr-slide-top-right figcaption {
  transform: translate(100%, -100%); }

/* imghvr-slide-bottom-left
   ----------------------------- */
.imghvr-slide-bottom-left figcaption {
  transform: translate(-100%, 100%); }

/* imghvr-slide-bottom-right
   ----------------------------- */
.imghvr-slide-bottom-right figcaption {
  transform: translate(100%, 100%); }

/* imghvr-reveal-*
   ----------------------------- */
[class^="imghvr-reveal-"]:before,
[class*=" imghvr-reveal-"]:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: #435E79; }
[class^="imghvr-reveal-"] figcaption,
[class*=" imghvr-reveal-"] figcaption {
  opacity: 0; }
[class^="imghvr-reveal-"]:hover:before,
[class*=" imghvr-reveal-"]:hover:before {
  transform: translate(0, 0); }
[class^="imghvr-reveal-"]:hover figcaption,
[class*=" imghvr-reveal-"]:hover figcaption {
  opacity: 1;
  transition-delay: 0.21s; }

/* imghvr-reveal-up
   ----------------------------- */
.imghvr-reveal-up:before {
  transform: translateY(100%); }

/* imghvr-reveal-down
   ----------------------------- */
.imghvr-reveal-down:before {
  transform: translateY(-100%); }

/* imghvr-reveal-left
   ----------------------------- */
.imghvr-reveal-left:before {
  transform: translateX(100%); }

/* imghvr-reveal-right
   ----------------------------- */
.imghvr-reveal-right:before {
  transform: translateX(-100%); }

/* imghvr-reveal-top-left
   ----------------------------- */
.imghvr-reveal-top-left:before {
  transform: translate(-100%, -100%); }

/* imghvr-reveal-top-right
   ----------------------------- */
.imghvr-reveal-top-right:before {
  transform: translate(100%, -100%); }

/* imghvr-reveal-bottom-left
   ----------------------------- */
.imghvr-reveal-bottom-left:before {
  transform: translate(-100%, 100%); }

/* imghvr-reveal-bottom-right
   ----------------------------- */
.imghvr-reveal-bottom-right:before {
  transform: translate(100%, 100%); }

/* imghvr-hinge-*
   ----------------------------- */
[class^="imghvr-hinge-"],
[class*=" imghvr-hinge-"] {
  perspective: 50em; }
  [class^="imghvr-hinge-"] figcaption,
  [class*=" imghvr-hinge-"] figcaption {
    opacity: 0;
    z-index: 1; }
  [class^="imghvr-hinge-"]:hover img,
  [class*=" imghvr-hinge-"]:hover img {
    opacity: 0; }
  [class^="imghvr-hinge-"]:hover figcaption,
  [class*=" imghvr-hinge-"]:hover figcaption {
    opacity: 1;
    transition-delay: 0.21s; }

/* imghvr-hinge-up
   ----------------------------- */
.imghvr-hinge-up img {
  transform-origin: 50% 0%; }
.imghvr-hinge-up figcaption {
  transform: rotateX(90deg);
  transform-origin: 50% 100%; }
.imghvr-hinge-up:hover > img {
  transform: rotateX(-90deg); }
.imghvr-hinge-up:hover figcaption {
  transform: rotateX(0); }

/* imghvr-hinge-down
   ----------------------------- */
.imghvr-hinge-down img {
  transform-origin: 50% 100%; }
.imghvr-hinge-down figcaption {
  transform: rotateX(-90deg);
  transform-origin: 50% -50%; }
.imghvr-hinge-down:hover > img {
  transform: rotateX(90deg);
  opacity: 0; }
.imghvr-hinge-down:hover figcaption {
  transform: rotateX(0); }

/* imghvr-hinge-left
   ----------------------------- */
.imghvr-hinge-left img {
  transform-origin: 0% 50%; }
.imghvr-hinge-left figcaption {
  transform: rotateY(-90deg);
  transform-origin: 100% 50%; }
.imghvr-hinge-left:hover > img {
  transform: rotateY(90deg); }
.imghvr-hinge-left:hover figcaption {
  transform: rotateY(0); }

/* imghvr-hinge-right
   ----------------------------- */
.imghvr-hinge-right img {
  transform-origin: 100% 50%; }
.imghvr-hinge-right figcaption {
  transform: rotateY(90deg);
  transform-origin: 0 50%; }
.imghvr-hinge-right:hover > img {
  transform: rotateY(-90deg); }
.imghvr-hinge-right:hover figcaption {
  transform: rotateY(0); }

/* imghvr-flip-*
   ----------------------------- */
[class^="imghvr-flip-"],
[class*=" imghvr-flip-"] {
  perspective: 50em; }
  [class^="imghvr-flip-"] img,
  [class*=" imghvr-flip-"] img {
    backface-visibility: hidden; }
  [class^="imghvr-flip-"] figcaption,
  [class*=" imghvr-flip-"] figcaption {
    opacity: 0; }
  [class^="imghvr-flip-"]:hover > img,
  [class*=" imghvr-flip-"]:hover > img {
    opacity: 0; }
  [class^="imghvr-flip-"]:hover figcaption,
  [class*=" imghvr-flip-"]:hover figcaption {
    opacity: 1;
    transition-delay: 0.14s; }

/* imghvr-flip-horiz
   ----------------------------- */
.imghvr-flip-horiz figcaption {
  transform: rotateX(90deg);
  transform-origin: 0% 50%; }
.imghvr-flip-horiz:hover img {
  transform: rotateX(-180deg); }
.imghvr-flip-horiz:hover figcaption {
  transform: rotateX(0deg); }

/* imghvr-flip-vert
   ----------------------------- */
.imghvr-flip-vert figcaption {
  transform: rotateY(90deg);
  transform-origin: 50% 0%; }
.imghvr-flip-vert:hover > img {
  transform: rotateY(-180deg); }
.imghvr-flip-vert:hover figcaption {
  transform: rotateY(0deg); }

/* imghvr-flip-diag-1
   ----------------------------- */
.imghvr-flip-diag-1 figcaption {
  transform: rotate3d(1, -1, 0, 100deg); }
.imghvr-flip-diag-1:hover > img {
  transform: rotate3d(-1, 1, 0, 100deg); }
.imghvr-flip-diag-1:hover figcaption {
  transform: rotate3d(0, 0, 0, 0deg); }

/* imghvr-flip-diag-2
   ----------------------------- */
.imghvr-flip-diag-2 figcaption {
  transform: rotate3d(1, 1, 0, 100deg); }
.imghvr-flip-diag-2:hover > img {
  transform: rotate3d(-1, -1, 0, 100deg); }
.imghvr-flip-diag-2:hover figcaption {
  transform: rotate3d(0, 0, 0, 0deg); }

/* imghvr-shutter-out-*
   ----------------------------- */
[class^="imghvr-shutter-out-"]:before,
[class*=" imghvr-shutter-out-"]:before {
  background: #435E79;
  position: absolute;
  content: "";
  transition-delay: 0.105s; }
[class^="imghvr-shutter-out-"] figcaption,
[class*=" imghvr-shutter-out-"] figcaption {
  opacity: 0;
  transition-delay: 0s; }
[class^="imghvr-shutter-out-"]:hover:before,
[class*=" imghvr-shutter-out-"]:hover:before {
  transition-delay: 0s; }
[class^="imghvr-shutter-out-"]:hover figcaption,
[class*=" imghvr-shutter-out-"]:hover figcaption {
  opacity: 1;
  transition-delay: 0.105s; }

/* imghvr-shutter-out-horiz
   ----------------------------- */
.imghvr-shutter-out-horiz:before {
  left: 50%;
  right: 50%;
  top: 0;
  bottom: 0; }
.imghvr-shutter-out-horiz:hover:before {
  left: 0;
  right: 0; }

/* imghvr-shutter-out-vert
   ----------------------------- */
.imghvr-shutter-out-vert:before {
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0; }
.imghvr-shutter-out-vert:hover:before {
  top: 0;
  bottom: 0; }

/* imghvr-shutter-out-diag-1
   ----------------------------- */
.imghvr-shutter-out-diag-1:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  transform: rotate(45deg); }
.imghvr-shutter-out-diag-1:hover:before {
  top: -35%;
  bottom: -35%; }

/* imghvr-shutter-out-diag-2
   ----------------------------- */
.imghvr-shutter-out-diag-2:before {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  transform: rotate(-45deg); }
.imghvr-shutter-out-diag-2:hover:before {
  top: -35%;
  bottom: -35%; }

/* imghvr-shutter-in-*
   ----------------------------- */
[class^="imghvr-shutter-in-"]:after, [class^="imghvr-shutter-in-"]:before,
[class*=" imghvr-shutter-in-"]:after,
[class*=" imghvr-shutter-in-"]:before {
  background: #435E79;
  position: absolute;
  content: ""; }
[class^="imghvr-shutter-in-"]:after,
[class*=" imghvr-shutter-in-"]:after {
  top: 0;
  left: 0; }
[class^="imghvr-shutter-in-"]:before,
[class*=" imghvr-shutter-in-"]:before {
  right: 0;
  bottom: 0; }
[class^="imghvr-shutter-in-"] figcaption,
[class*=" imghvr-shutter-in-"] figcaption {
  opacity: 0;
  z-index: 1; }
[class^="imghvr-shutter-in-"]:hover figcaption,
[class*=" imghvr-shutter-in-"]:hover figcaption {
  opacity: 1;
  transition-delay: 0.21s; }

/* imghvr-shutter-in-horiz
   ----------------------------- */
.imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
  width: 0;
  height: 100%; }
.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
  width: 50%; }

/* imghvr-shutter-in-vert
   ----------------------------- */
.imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {
  height: 0;
  width: 100%; }
.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {
  height: 50%; }

/* imghvr-shutter-in-out-horiz
   ----------------------------- */
.imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {
  width: 0;
  height: 100%;
  opacity: 0.75; }
.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {
  width: 100%; }

/* imghvr-shutter-in-out-vert
   ----------------------------- */
.imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {
  height: 0;
  width: 100%;
  opacity: 0.75; }
.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {
  height: 100%; }

/* imghvr-shutter-in-out-diag-1
   ----------------------------- */
.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
  width: 200%;
  height: 200%;
  transition: all 0.6s ease;
  opacity: 0.75; }
.imghvr-shutter-in-out-diag-1:after {
  transform: skew(-45deg) translateX(-150%); }
.imghvr-shutter-in-out-diag-1:before {
  transform: skew(-45deg) translateX(150%); }
.imghvr-shutter-in-out-diag-1:hover:after {
  transform: skew(-45deg) translateX(-50%); }
.imghvr-shutter-in-out-diag-1:hover:before {
  transform: skew(-45deg) translateX(50%); }

/* imghvr-shutter-in-out-diag-2
   ----------------------------- */
.imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {
  width: 200%;
  height: 200%;
  transition: all 0.6s ease;
  opacity: 0.75; }
.imghvr-shutter-in-out-diag-2:after {
  transform: skew(45deg) translateX(-100%); }
.imghvr-shutter-in-out-diag-2:before {
  transform: skew(45deg) translateX(100%); }
.imghvr-shutter-in-out-diag-2:hover:after {
  transform: skew(45deg) translateX(0%); }
.imghvr-shutter-in-out-diag-2:hover:before {
  transform: skew(45deg) translateX(0%); }

/* imghvr-switch-*
  ----------------------------- */
[class^='imghvr-switch-'] > img,
[class^='imghvr-switch-'] figcaption,
[class*=' imghvr-switch-'] > img,
[class*=' imghvr-switch-'] figcaption {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
[class^='imghvr-switch-']:hover figcaption,
[class*=' imghvr-switch-']:hover figcaption {
  transform: translate(0, 0); }

/* imghvr-switch-up
  ----------------------------- */
.imghvr-switch-up figcaption {
  transform: translateY(100%); }
.imghvr-switch-up:hover > img {
  transform: translateY(100%); }

/* imghvr-switch-down
  ----------------------------- */
.imghvr-switch-down figcaption {
  transform: translateY(-100%); }
.imghvr-switch-down:hover > img {
  transform: translateY(-100%); }

/* imghvr-switch-left
  ----------------------------- */
.imghvr-switch-left figcaption {
  transform: translateX(100%); }
.imghvr-switch-left:hover > img {
  transform: translateX(100%); }

/* imghvr-switch-right
  ----------------------------- */
.imghvr-switch-right figcaption {
  transform: translateX(-100%); }
.imghvr-switch-right:hover > img {
  transform: translateX(-100%); }

/* imghvr-pivot-in*
   ----------------------------- */
[class^='imghvr-pivot-in'] figcaption,
[class*=' imghvr-pivot-in'] figcaption {
  background-color: #435E79; }
[class^='imghvr-pivot-in']:hover figcaption,
[class*=' imghvr-pivot-in']:hover figcaption {
  transform: rotate(0deg); }

/* imghvr-pivot-in-top-left*
   ----------------------------- */
.imghvr-pivot-in-top-left figcaption {
  transform: rotate(90deg);
  transform-origin: 0 0; }

/* imghvr-pivot-in-top-right*
   ----------------------------- */
.imghvr-pivot-in-top-right figcaption {
  transform: rotate(-90deg);
  transform-origin: 100% 0; }

/* imghvr-pivot-in-bottom-left*
   ----------------------------- */
.imghvr-pivot-in-bottom-left figcaption {
  transform: rotate(-90deg);
  transform-origin: 0 100%; }

/* imghvr-pivot-in-bottom-right*
   ----------------------------- */
.imghvr-pivot-in-bottom-right figcaption {
  transform: rotate(90deg);
  transform-origin: 100% 100%; }

/* imghvr-pivot-out-*
   ----------------------------- */
[class^='imghvr-pivot-out'] > img,
[class*=' imghvr-pivot-out'] > img {
  transform: rotate(0deg); }
[class^='imghvr-pivot-out'] figcaption,
[class*=' imghvr-pivot-out'] figcaption {
  background-color: #435E79;
  z-index: -1; }

/* imghvr-pivot-out-top-left*
   ----------------------------- */
.imghvr-pivot-out-top-left > img {
  transform-origin: 0 0; }
.imghvr-pivot-out-top-left:hover > img {
  transform: rotate(90deg); }

/* imghvr-pivot-out-top-right*
   ----------------------------- */
.imghvr-pivot-out-top-right > img {
  transform-origin: 100% 0; }
.imghvr-pivot-out-top-right:hover > img {
  transform: rotate(-90deg); }

/* imghvr-pivot-out-bottom-left*
   ----------------------------- */
.imghvr-pivot-out-bottom-left > img {
  transform-origin: 0 100%; }
.imghvr-pivot-out-bottom-left:hover > img {
  transform: rotate(-90deg); }

/* imghvr-pivot-out-bottom-right*
   ----------------------------- */
.imghvr-pivot-out-bottom-right > img {
  transform-origin: 100% 100%; }
.imghvr-pivot-out-bottom-right:hover > img {
  transform: rotate(90deg); }

/* imghvr-fold*
   ----------------------------- */
[class^="imghvr-fold"],
[class*=" imghvr-fold"] {
  perspective: 50em; }
  [class^="imghvr-fold"] img,
  [class*=" imghvr-fold"] img {
    transform-origin: 50% 0%; }
  [class^="imghvr-fold"] figcaption,
  [class*=" imghvr-fold"] figcaption {
    z-index: 1;
    opacity: 0; }
  [class^="imghvr-fold"]:hover > img,
  [class*=" imghvr-fold"]:hover > img {
    opacity: 0;
    transition-delay: 0; }
  [class^="imghvr-fold"]:hover figcaption,
  [class*=" imghvr-fold"]:hover figcaption {
    transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
    opacity: 1;
    transition-delay: 0.21s; }

/* imghvr-fold-up
   ----------------------------- */
.imghvr-fold-up > img {
  transform-origin: 50% 0%; }
.imghvr-fold-up figcaption {
  transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  transform-origin: 50% 100%; }
.imghvr-fold-up:hover > img {
  transform: rotateX(90deg) scale(0.6) translateY(50%); }

/* imghvr-fold-down
   ----------------------------- */
.imghvr-fold-down > img {
  transform-origin: 50% 100%; }
.imghvr-fold-down figcaption {
  transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
  transform-origin: 50% 0%; }
.imghvr-fold-down:hover > img {
  transform: rotateX(-90deg) scale(0.6) translateY(-50%); }

/* imghvr-fold-left
   ----------------------------- */
.imghvr-fold-left > img {
  transform-origin: 0% 50%; }
.imghvr-fold-left figcaption {
  transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
  transform-origin: 100% 50%; }
.imghvr-fold-left:hover > img {
  transform: rotateY(-90deg) scale(0.6) translateX(50%); }

/* imghvr-fold-right
   ----------------------------- */
.imghvr-fold-right > img {
  transform-origin: 100% 50%; }
.imghvr-fold-right figcaption {
  transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
  transform-origin: 0 50%; }
.imghvr-fold-right:hover > img {
  transform: rotateY(90deg) scale(0.6) translateX(-50%); }

/* imghvr-zoom-in
   ----------------------------- */
.imghvr-zoom-in figcaption {
  opacity: 0;
  transform: scale(0.5); }
.imghvr-zoom-in:hover figcaption {
  transform: scale(1);
  opacity: 1; }

/* imghvr-zoom-out*
   ----------------------------- */
[class^="imghvr-zoom-out"] figcaption,
[class*=" imghvr-zoom-out"] figcaption {
  transform: scale(0.5);
  transform-origin: 50% 50%;
  opacity: 0; }
[class^="imghvr-zoom-out"]:hover figcaption, [class^="imghvr-zoom-out"].hover figcaption,
[class*=" imghvr-zoom-out"]:hover figcaption,
[class*=" imghvr-zoom-out"].hover figcaption {
  transform: scale(1);
  opacity: 1;
  transition-delay: 0.35s; }

/* imghvr-zoom-out
   ----------------------------- */
.imghvr-zoom-out:hover > img {
  transform: scale(0.5);
  opacity: 0; }

/* imghvr-zoom-out-up
   ----------------------------- */
.imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img {
  animation: imghvr-zoom-out-up 0.4025s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

@-webkit-keyframes imghvr-zoom-out-up {
  50% {
    transform: scale(0.8) translateY(0%);
    opacity: 0.5; }
  100% {
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5; } }
@keyframes imghvr-zoom-out-up {
  50% {
    transform: scale(0.8) translateY(0%);
    opacity: 0.5; }
  100% {
    transform: scale(0.8) translateY(-150%);
    opacity: 0.5; } }
/* imghvr-zoom-out-down
   ----------------------------- */
.imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img {
  animation: imghvr-zoom-out-down 0.4025s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

@-webkit-keyframes imghvr-zoom-out-down {
  50% {
    transform: scale(0.8) translateY(0%);
    opacity: 0.5; }
  100% {
    transform: scale(0.8) translateY(150%);
    opacity: 0.5; } }
@keyframes imghvr-zoom-out-down {
  50% {
    transform: scale(0.8) translateY(0%);
    opacity: 0.5; }
  100% {
    transform: scale(0.8) translateY(150%);
    opacity: 0.5; } }
/* imghvr-zoom-out-left
   ----------------------------- */
.imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img {
  animation: imghvr-zoom-out-left 0.4025s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

@-webkit-keyframes imghvr-zoom-out-left {
  50% {
    transform: scale(0.8) translateX(0%);
    opacity: 0.5; }
  100% {
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5; } }
@keyframes imghvr-zoom-out-left {
  50% {
    transform: scale(0.8) translateX(0%);
    opacity: 0.5; }
  100% {
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5; } }
/* imghvr-zoom-out-right
   ----------------------------- */
.imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img {
  animation: imghvr-zoom-out-right 0.4025s linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

@-webkit-keyframes imghvr-zoom-out-right {
  50% {
    transform: scale(0.8) translateX(0%);
    opacity: 0.5; }
  100% {
    transform: scale(0.8) translateX(150%);
    opacity: 0.5; } }
@keyframes imghvr-zoom-out-right {
  50% {
    transform: scale(0.8) translateX(0%);
    opacity: 0.5; }
  100% {
    transform: scale(0.8) translateX(150%);
    opacity: 0.5; } }
/* imghvr-zoom-out-flip-horiz
   ----------------------------- */
.imghvr-zoom-out-flip-horiz {
  perspective: 50em; }
  .imghvr-zoom-out-flip-horiz figcaption {
    opacity: 0;
    transform: rotateX(90deg) translateY(-100%) scale(0.5); }
  .imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
    transform: rotateX(-100deg) translateY(50%) scale(0.5);
    opacity: 0;
    transition-delay: 0; }
  .imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
    transform: rotateX(0) translateY(0%) scale(1);
    opacity: 1;
    transition-delay: 0.35s; }

/* imghvr-zoom-out-flip-vert
   ----------------------------- */
.imghvr-zoom-out-flip-vert {
  perspective: 50em; }
  .imghvr-zoom-out-flip-vert figcaption {
    opacity: 0;
    transform: rotateY(90deg) translate(50%, 0) scale(0.5); }
  .imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img {
    transform: rotateY(-100deg) translateX(50%) scale(0.5);
    opacity: 0;
    transition-delay: 0; }
  .imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption {
    transform: rotateY(0) translate(0, 0) scale(1);
    opacity: 1;
    transition-delay: 0.35s; }

/* imghvr-blur
   ----------------------------- */
.imghvr-blur figcaption {
  opacity: 0; }
.imghvr-blur:hover > img {
  filter: blur(30px);
  transform: scale(1.2);
  opacity: 0; }
.imghvr-blur:hover figcaption {
  opacity: 1;
  transition-delay: 0.21s; }

/* imghvr-fall-away-*
  ----------------------------- */
[class^='imghvr-fall-away-'],
[class*=' imghvr-fall-away-'] {
  perspective: 50em; }
  [class^='imghvr-fall-away-'] img,
  [class*=' imghvr-fall-away-'] img {
    transform-origin: 50% 50%;
    transition: all 0.455s ease-in; }
  [class^='imghvr-fall-away-'] figcaption,
  [class*=' imghvr-fall-away-'] figcaption {
    opacity: 0;
    background-color: #435E79; }
  [class^='imghvr-fall-away-']:hover img,
  [class*=' imghvr-fall-away-']:hover img {
    opacity: 0; }
  [class^='imghvr-fall-away-']:hover figcaption,
  [class*=' imghvr-fall-away-']:hover figcaption {
    opacity: 1;
    transition-delay: 0.455s; }

/* imghvr-fall-away-horiz
  ----------------------------- */
.imghvr-fall-away-horiz:hover img {
  transform: rotateX(-360deg) scale(0.2); }

/* imghvr-fall-away-vert
  ----------------------------- */
.imghvr-fall-away-vert:hover img {
  transform: rotateY(-360deg) scale(0.2); }

/* imghvr-fall-away-cc
  ----------------------------- */
.imghvr-fall-away-cc:hover img {
  transform: rotate(360deg) scale(0.2); }

/* imghvr-fall-away-ccc
  ----------------------------- */
.imghvr-fall-away-ccc:hover img {
  transform: rotate(-360deg) scale(0.2); }

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg); }

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg); }

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
  .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); } }
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); } }
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg); }

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }
  .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg); }

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }
  .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
    -webkit-animation-name: hvr-wobble-to-bottom-right;
    animation-name: hvr-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px); }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px); }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }
  .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
    -webkit-animation-name: hvr-wobble-top;
    animation-name: hvr-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }
  .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
    -webkit-animation-name: hvr-wobble-skew;
    animation-name: hvr-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px); }

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color; }
  .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    background-color: #ED7C36;
    color: white; }

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75); } }
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color; }
  .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
    -webkit-animation-name: hvr-back-pulse;
    animation-name: hvr-back-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #ED7C36;
    background-color: #2098d1;
    color: white; }

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white; }
    .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
    color: white; }
    .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-sweep-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
    color: white; }
    .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1); }

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: white; }
    .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1); }

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
    color: white; }
    .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
    color: white; }
    .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
    color: white; }
    .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }
  .hvr-bounce-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
    color: white; }
    .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: white; }
    .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
      -webkit-transform: scale(2);
      transform: scale(2); }

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #ED7C36;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
    color: white; }
    .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
      -webkit-transform: scale(0);
      transform: scale(0); }

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #ED7C36;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1e1e1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
    color: white; }
    .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
      -webkit-transform: scale(0);
      transform: scale(0); }

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
    color: white; }
    .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
      -webkit-transform: scale(1);
      transform: scale(1); }

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #ED7C36;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
    color: white; }
    .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
      -webkit-transform: scaleX(0);
      transform: scaleX(0); }

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ED7C36;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: white; }
    .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #ED7C36;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
    color: white; }
    .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
      -webkit-transform: scaleY(0);
      transform: scaleY(0); }

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ED7C36;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
    color: white; }
    .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1); }

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }
  .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
    box-shadow: inset 0 0 0 4px #ED7C36, 0 0 1px transparent;
    /* Hack to improve aliasing on mobile/tablet devices */ }

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }
  .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
    background: none; }

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-trim:before {
    content: '';
    position: absolute;
    border: white solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
  .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
    opacity: 1; }

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s; }
  .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out; }

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1; } }
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s; }
  .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in; }

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-outline-out:before {
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left; }
  .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px; }

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-outline-in:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #e1e1e1 solid 4px;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left; }
  .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1; }

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius; }
  .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
    border-radius: 1em; }

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  .hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0; }

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  .hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0; }

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  .hvr-underline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
    left: 0; }

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  .hvr-overline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
    right: 0; }

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  .hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    top: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
    left: 0;
    right: 0; }

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  .hvr-overline-from-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
    left: 0; }

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  .hvr-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #ED7C36;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px; }

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  .hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ED7C36;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }
  .hvr-overline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    background: #ED7C36;
    height: 3px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow; }
  .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow; }
  .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); }

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform; }
  .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow; }
  .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */ }
  .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
    /* Hack to improve aliasing on mobile/tablet devices */ }

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity; }
  .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    /* move the element up by 5px */ }
    .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
      opacity: 1;
      -webkit-transform: translateY(5px);
      transform: translateY(5px);
      /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ }

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-shadow-radial:before, .hvr-shadow-radial:after {
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
  .hvr-shadow-radial:before {
    bottom: 100%;
    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
  .hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
  .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
    opacity: 1; }

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-bubble-top:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent; }
  .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-bubble-right:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1; }
  .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent; }
  .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-bubble-left:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent; }
  .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
    .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); }

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-bubble-float-right:before {
    position: absolute;
    z-index: -1;
    top: calc(50% - 10px);
    right: 0;
    content: '';
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
    .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
      -webkit-transform: translateX(10px);
      transform: translateX(10px); }

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-bubble-float-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    bottom: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
    .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
      -webkit-transform: translateY(10px);
      transform: translateY(10px); }

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform; }
  .hvr-bubble-float-left:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    left: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform; }
  .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
    .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px); }

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s; }
  .hvr-icon-back .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px); }

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s; }
  .hvr-icon-forward .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-down .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-up .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-spin .hvr-icon {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  .hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
	100% {
    opacity: 1; } }
@keyframes hvr-icon-drop {
  0% {
    opacity: 0; }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  51%,
	100% {
    opacity: 1; } }
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-drop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-fade .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color;
    transition-property: color; }
  .hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
    color: #0F9E5E; }

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em); } }
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-float-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em); } }
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-sink-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0); }

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-pulse .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse;
    animation-name: hvr-icon-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); } }
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-pulse-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-grow;
    animation-name: hvr-icon-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .hvr-icon-pulse-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate; }

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); } }
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-push .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-pop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
    -webkit-animation-name: hvr-icon-pop;
    animation-name: hvr-icon-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-bounce .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-grow-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg); }

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-float .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px); }

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-sink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-bob .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
    animation-name: hvr-icon-bob-float, hvr-icon-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); } }
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-hang .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate; }

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-wobble-horizontal .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px); }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-wobble-vertical .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); } }
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-buzz .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg); }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg); }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg); }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg); }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0); }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0); } }
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  .hvr-icon-buzz-out .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  .hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
    -webkit-animation-name: hvr-icon-buzz-out;
    animation-name: hvr-icon-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1; }

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-curl-top-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
    /*For IE7-8-9*/
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
    width: 25px;
    height: 25px; }

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-curl-top-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
    width: 25px;
    height: 25px; }

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-curl-bottom-right:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    right: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
    width: 25px;
    height: 25px; }

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }
  .hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: white;
    /* IE9 */
    background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height; }
  .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
    width: 25px;
    height: 25px; }

/*# sourceMappingURL=screen.css.map */

/* Keep hero copy and actions readable at tablet and phone widths. */
@media screen and (max-width: 900px) {
  .photo_base > figure .for_titre {
    position: static;
    box-sizing: border-box;
    margin: 0;
    padding: 24px 20px 32px;
    font-size: 28px;
    line-height: 1.2;
  }
  .photo_base > figure .link_to_head {
    position: static;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
    margin: 16px 0;
    padding: 0 20px;
  }
  .photo_base > figure .link_to_head > a {
    width: auto;
    min-width: 0;
    border-radius: 4px;
  }
  .photo_base > figure .link_to_head > a span {
    box-sizing: border-box;
    min-width: 0;
    gap: 12px;
    justify-content: flex-start;
    padding: 8px;
    font-size: 19px;
    line-height: 1.2;
  }
  .photo_base > figure .link_to_head > a img {
    width: 56px;
    height: auto;
    flex: 0 0 56px;
    margin: 0;
  }
  .photo_base > figure > cite {
    position: static;
    display: block;
    margin: 24px 20px;
    text-align: center;
    text-indent: 0;
    color: #435e79;
    font-size: 24px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 600px) {
  .photo_base > figure .link_to_head { grid-template-columns: minmax(0, 1fr); }
  .photo_base > figure .for_titre { font-size: 26px; }
}

@media screen and (max-width: 600px) {
  .la_difference .lien_video a {
    box-sizing: border-box;
    width: calc(100% - 40px);
    max-width: 382px;
    align-items: center;
    font-size: 20px;
  }
  .la_difference .lien_video a img { flex: 0 0 35px; }
}

/* css_ac/main.css */
.nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 4.5rem;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  padding: 0;
  display: block;
  transition: all 0.2s ease-in-out;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden; }
  .nav.-sticky {
    position: fixed; }
    @media screen and (min-width: 0rem) and (max-width: 49.9375rem) {
      .nav.-sticky.-bottom {
        top: unset;
        bottom: 0;
        display: flex;
        flex-direction: column-reverse; }
        .nav.-sticky.-bottom .nav-list.-open {
          padding-bottom: 0;
          padding-top: 4.5rem; } }
    .nav.-sticky.-bottom .nav-list__wrapper {
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      @media screen and (min-width: 50rem) {
        .nav.-sticky.-bottom .nav-list__wrapper {
          flex-direction: row;
          justify-content: flex-start; } }
  .nav-main {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background-color: #435E79; }
  .nav-toggle {
    z-index: 2;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background-color: transparent;
    cursor: pointer;
    box-shadow: none;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0 0.5rem; }
    .nav-toggle:focus {
      outline: 2px solid #a4daa6 !important; }
    .nav-toggle * {
      pointer-events: none; }
    @media screen and (min-width: 50rem) {
      .nav-toggle {
        display: none; } }
  .nav-logo {
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.5rem;
    max-width: 60px; }
    .nav-logo:focus {
      outline: 2px solid #a4daa6 !important; }
    @media screen and (min-width: 50rem) {
      .nav-logo.-mobile {
        display: none; } }
  .nav-list {
    background-color: transparent;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    overflow-x: hidden; }
    @media screen and (min-width: 50rem) {
      .nav-list {
        display: flex;
        position: relative;
        width: 100%;
        height: 100%;
        min-height: initial;
        background: transparent;
        visibility: visible;
        overflow: visible; } }
    .nav-list.-mobile {
      display: flex;
      position: absolute;
      left: -99vw;
      width: 0;
      height: 100vh;
      visibility: hidden;
      -webkit-overflow-scrolling: touch;
      transition: all 500ms ease-out;
      backface-visibility: hidden;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      transition: all 500ms ease; }
      @media screen and (min-width: 50rem) {
        .nav-list.-mobile {
          display: none; } }
      .nav-list.-mobile.-open {
        position: relative;
        width: 100%;
        left: 0;
        opacity: 1;
        visibility: visible;
        padding-bottom: 4.5rem;
        transition: width 500ms cubic-bezier(0.1, 0.54, 0.17, 0.9); }
        .nav-list.-mobile.-open .nav-list__wrapper {
          overflow-y: auto;
          overscroll-behavior-y: auto;
          -webkit-overflow-scrolling: touch; }
        .nav-list.-mobile.-open .nav-list__link {
          opacity: 1;
          transition: opacity 350ms ease-in 150ms, color 200ms ease-in-out; }
    .nav-list__wrapper {
      background: #212121;
      position: relative;
      width: 60%;
      height: 100%; }
      @media screen and (min-width: 50rem) {
        .nav-list__wrapper {
          height: 100%;
          width: 100%;
          opacity: 1;
          border-top: 0;
          background: transparent;
          display: flex;
          align-items: center;
          overflow: visible; } }
    .nav-list__item {
      display: flex;
      padding: 2px;
      border-bottom: 1px solid rgba(176, 176, 176, 0.5); }
      .nav-list__item:last-child {
        border-bottom: 0; }
      @media screen and (min-width: 50rem) {
        .nav-list__item {
          margin-left: 1.5rem;
          margin-bottom: 0;
          padding: 0;
          border-bottom: 0;
          justify-content: flex-start; }
          .nav-list__item:first-child {
            margin-left: 0; } }
    .nav-list__link {
      opacity: 0;
      border-color: transparent;
      padding: 0.75rem 0.875rem 0.5rem 0.875rem;
      flex-basis: 100%;
      display: block;
      background: transparent;
      font-size: 17px;
      color: #fff !important;
      color: #a4daa6;
      transition: color 200ms ease-in-out;
      text-decoration: none;
      cursor: pointer; }
      .nav-list__link:focus {
        outline: 2px solid #a4daa6 !important; }
      .nav-list__link:hover {
        color: #c2eac6; }
      @media screen and (min-width: 50rem) {
        .nav-list__link {
          border-bottom: 0;
          display: block;
          flex-basis: unset;
          background: transparent;
          padding: 0.8125rem 0;
          font-size: 1rem;
          opacity: 1;
          transition: color 200ms ease-in-out; } }
  .nav-overlay {
    height: 100%;
    background: rgba(59, 59, 59, 0.65);
    cursor: pointer;
    width: 40%;
    position: relative;
    display: block;
    z-index: 2; }
    @media screen and (min-width: 50rem) {
      .nav-overlay {
        display: none;
        z-index: -1;
        overflow: hidden; } }

._disableScroll {
  overflow: hidden !important; }

.-right-aligned .nav-list.-mobile {
  text-align: right;
  flex-direction: row-reverse;
  left: unset;
  right: -99vw; }
  .-right-aligned .nav-list.-mobile.-open {
    right: 0; }

.burger {
  height: 3em;
  width: 3em;
  position: relative;
  font-size: 10px;
  cursor: pointer;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all; }
  .burger:after {
    content: '';
    display: block;
    position: absolute;
    height: 150%;
    width: 150%;
    top: -25%;
    left: -25%; }
  .burger > .burger-lines {
    top: 50%;
    margin-top: -0.125em; }
    .burger > .burger-lines:before {
      left: 0;
      top: 1em; }
    .burger > .burger-lines:after {
      left: 0;
      top: -1em; }
  .burger.-offset > .burger-lines {
    top: 50%;
    margin-top: -0.125em; }
    .burger.-offset > .burger-lines:before {
      left: 1em;
      top: 1em; }
    .burger.-offset > .burger-lines:after {
      left: 0;
      top: -1em; }
  .burger.-squeeze .burger-lines, .burger.-squeeze .burger-lines:before, .burger.-squeeze .burger-lines:after {
    -webkit-transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
    -o-transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
    transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s; }
  .burger.-squeeze .burger-lines:after {
    left: 0;
    top: -1em; }
  .burger.-squeeze .burger-lines:before {
    left: 0;
    top: 1em; }
  .burger.-squeeze.-offset .burger-lines:before, .burger.-squeeze.-offset .burger-lines:after {
    width: 2em; }
  .burger.-squeeze.-offset .burger-lines:after {
    left: 0;
    top: -1em; }
  .burger.-squeeze.-offset .burger-lines:before {
    left: 1em;
    top: 1em; }
  .burger.-squeeze.open .burger-lines, .burger.-squeeze.open .burger-lines:before, .burger.-squeeze.open .burger-lines:after {
    -webkit-transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
    -o-transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
    transition: .2s background-color, .2s top, .2s left, .2s transform .15s; }
  .burger.-squeeze.open .burger-lines {
    background-color: transparent; }
  .burger.-squeeze.open .burger-lines:before, .burger.-squeeze.open .burger-lines:after {
    left: 0.5em;
    top: 0px; }
  .burger.-squeeze.open .burger-lines:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .burger.-squeeze.open .burger-lines:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.burger-lines,
.burger-lines:after,
.burger-lines:before {
  pointer-events: none;
  display: block;
  content: '';
  width: 100%;
  border-radius: 0.25em;
  background-color: #e0e0e0;
  height: 0.25em;
  position: absolute;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0); }

.burger.-squeeze > .burger-lines {
  top: 50%;
  margin-top: -0.125em; }
  .burger.-squeeze > .burger-lines, .burger.-squeeze > .burger-lines:after, .burger.-squeeze > .burger-lines:before {
    transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s; }
  .burger.-squeeze > .burger-lines:after {
    left: 0;
    top: -1em; }
  .burger.-squeeze > .burger-lines:before {
    left: 0;
    top: 1em; }
.burger.-squeeze.-offset > .burger-lines, .burger.-squeeze.-offset > .burger-lines:after, .burger.-squeeze.-offset > .burger-lines:before {
  transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s; }
.burger.-squeeze.-offset > .burger-lines:after, .burger.-squeeze.-offset > .burger-lines:before {
  width: 2em; }
.burger.-squeeze.-offset > .burger-lines:after {
  left: 0;
  top: -1em; }
.burger.-squeeze.-offset > .burger-lines:before {
  left: 1em;
  top: 1em; }
.burger.-squeeze.open > .burger-lines, .burger.-squeeze.open > .burger-lines:after, .burger.-squeeze.open > .burger-lines:before {
  transition: .2s background-color, .2s top, .2s left, .2s transform .15s; }
.burger.-squeeze.open > .burger-lines:after, .burger.-squeeze.open > .burger-lines:before {
  width: 2em; }
.burger.-squeeze.open > .burger-lines {
  background-color: transparent; }
.burger.-squeeze.open > .burger-lines:before, .burger.-squeeze.open > .burger-lines:after {
  left: 0.5em;
  top: 0px; }
.burger.-squeeze.open > .burger-lines:before {
  transform: rotate(-45deg); }
.burger.-squeeze.open > .burger-lines:after {
  transform: rotate(45deg); }

.button-default {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #303030;
  background: #7dc580;
  font-weight: 600;
  border: 0;
  border-radius: 6px;
  font-size: 1rem;
  margin: 0 0.125rem;
  padding: 0.3125rem 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  z-index: 2; }
  .button-default:hover {
    background: #56ae58; }

.image {
  border: 0;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  position: relative; }
  .image > img {
    display: block;
    border-radius: 3px; }
  .image.-left, .image.-right {
    max-width: 35%; }
    .image.-left > img, .image.-right > img {
      width: 100%;
      border-radius: 3px; }
  .image.-left {
    float: left;
    padding: 0 1rem 0.5rem 0;
    top: 0.25rem; }
  .image.-right {
    float: right;
    padding: 0 0 0.5rem 1rem;
    top: 0.25rem; }
  .image.-fit {
    display: block;
    margin: 0 0 1.5rem 0;
    width: 100%; }
    .image.-fit > img {
      width: 100%;
      border-radius: 2px; }

._title {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  color: #e0e0e0;
  margin: 12px 0 8px; }

._heather {
  color: #9e9e9e; }

._mint {
  color: #a4daa6; }

._mt1, ._mt1:first-of-type {
  margin-top: -1rem; }

._mt2, ._mt2:first-of-type {
  margin-top: -2rem; }

._mthalf, ._mthalf:first-of-type {
  margin-top: -0.5rem; }

._mt0, ._mt0:first-of-type {
  margin-top: 0; }

.flex-container {
  display: flex;
  flex-direction: column; }
  .flex-container > * {
    flex: 1 1 100%;
    margin: 0 0 1rem 0; }
    .flex-container > *:last-child {
      margin-bottom: 0; }
  .flex-container.alt {
    flex-direction: row; }

@media screen and (min-width: 569px) {
  .flex-container {
    flex-direction: row; }
    .flex-container > * {
      margin-right: 1rem;
      margin-bottom: 0; }
      .flex-container > *:last-child {
        margin-right: 0; }
    .flex-container.alt {
      flex-direction: column; }
      .flex-container.alt > * {
        margin-right: 0; } }
@media screen and (min-width: 0rem) and (max-width: 49.9375rem) {
  .nav.-sticky.-bottom + main {
    padding-top: 0; } }

/*# sourceMappingURL=main.css.map */

/* css_ac/tinycarousel.css */
/* Tiny Carousel */
#liste_credit_aside {
    height: 1%;
    margin:0;
    position: relative;
    padding: 0;
}

#liste_credit_aside .viewport {
    height: 125px;
    overflow: hidden;
    position: relative;
}

#liste_credit_aside .buttons {
    background: #435E79;
    display: block;
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 22px;
}

#liste_credit_aside .next {
    right: 0;
    left: auto;
    top: inherit;
	bottom: -35px;
}

#liste_credit_aside .buttons:hover {
    color: #fff;
    background: #F3AC4B;
}

#liste_credit_aside .disable {
    visibility: hidden;
}

#liste_credit_aside .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
    left: 0;
    top: 0;
}

#liste_credit_aside .overview li {
    float: left;
    width: 100%;
 }

/* css_ac/core.css */
.hbtn {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  padding: 8px 20px;
  margin: 0 3px 6px 3px;
  text-align: center;
  border: solid 2px #ffffff;
  text-decoration: none;
  color: #ffffff;
  white-space: nowrap;
  z-index: 0;
}

.hbtn i {
  padding-right: 8px;
}

.hpill {
  border-radius: 50px;
}

.hbtn.hb-fill-on:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.hbtn.hb-fill-on:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-bottom:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-bottom:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-left:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-left:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-top:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-right:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-right:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-middle:hover:before {
  width: 100%;
  height: 50%;
  opacity: 1;
}

.hbtn.hb-fill-middle2:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle2:hover:before {
  width: 50%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-on-rev:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-on-rev:hover:before {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.hbtn.hb-fill-bottom-rev:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-bottom-rev:hover:before {
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-left-rev:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-left-rev:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top-rev:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top-rev:hover:before {
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-right-rev:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-right-rev:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle-rev:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
}

.hbtn.hb-fill-middle-rev:hover:before {
  width: 100%;
  height: 0%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-rev:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 50%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-rev:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hb-fill-top, .hb-fill-right, .hb-fill-bottom, .hb-fill-left, .hb-fill-on, .hb-fill-middle, .hb-fill-middle2 {
  background: transparent;
  color: #ffffff;
  transition: color 0.3s ease,
 background 0s ease;
}

.hb-fill-top:hover, .hb-fill-right:hover, .hb-fill-bottom:hover, .hb-fill-left:hover, .hb-fill-on:hover, .hb-fill-middle:hover, .hb-fill-middle2:hover {
  color: #000000;
  background: #ffffff;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}

.hb-fill-top-rev, .hb-fill-right-rev, .hb-fill-bottom-rev, .hb-fill-left-rev, .hb-fill-on-rev, .hb-fill-middle-rev, .hb-fill-middle2-rev {
  background: #ffffff;
  color: #000000;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}

.hb-fill-top-rev:hover, .hb-fill-right-rev:hover, .hb-fill-bottom-rev:hover, .hb-fill-left-rev:hover, .hb-fill-on-rev:hover, .hb-fill-middle-rev:hover, .hb-fill-middle2-rev:hover {
  background: transparent;
  color: #ffffff;
  transition: color 0.3s ease,
 background 0s ease;
}

.hb-fill-middle:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}

.hb-fill-middle:hover:after {
  height: 50%;
}

.hb-fill-middle-rev:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
}

.hb-fill-middle-rev:hover:after {
  height: 0;
}

.hb-fill-middle2:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;
}

.hb-fill-middle2:hover:after {
  width: 50%;
}

.hb-fill-middle2-rev:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 50%;
  height: 100%;
  opacity: 1;
}

.hb-fill-middle2-rev:hover:after {
  width: 0;
}

.hbtn.hb-fill-on-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.hbtn.hb-fill-on-bg:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-bottom-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-bottom-bg:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-left-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-left-bg:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-top-bg:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-right-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-right-bg:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-middle-bg:hover:before {
  width: 100%;
  height: 50%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-bg:hover:before {
  width: 50%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-on-rev-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-on-rev-bg:hover:before {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.hbtn.hb-fill-bottom-rev-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-bottom-rev-bg:hover:before {
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-left-rev-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-left-rev-bg:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top-rev-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top-rev-bg:hover:before {
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-right-rev-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-right-rev-bg:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle-rev-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
}

.hbtn.hb-fill-middle-rev-bg:hover:before {
  width: 100%;
  height: 0%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-rev-bg:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 50%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-rev-bg:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hb-fill-top-bg, .hb-fill-right-bg, .hb-fill-bottom-bg, .hb-fill-left-bg, .hb-fill-on-bg, .hb-fill-middle-bg, .hb-fill-middle2-bg {
  background: transparent;
  color: #ffffff;
  transition: all 0.3s ease;
}

.hb-fill-top-bg:hover, .hb-fill-right-bg:hover, .hb-fill-bottom-bg:hover, .hb-fill-left-bg:hover, .hb-fill-on-bg:hover, .hb-fill-middle-bg:hover, .hb-fill-middle2-bg:hover {
  color: #000000;
  background: #ffffff;
  transition: all 0.3s ease;
}

.hb-fill-top-rev-bg, .hb-fill-right-rev-bg, .hb-fill-bottom-rev-bg, .hb-fill-left-rev-bg, .hb-fill-on-rev-bg, .hb-fill-middle-rev-bg, .hb-fill-middle2-rev-bg {
  background: #ffffff;
  color: #000000;
  transition: all 0.3s ease;
}

.hb-fill-top-rev-bg:hover, .hb-fill-right-rev-bg:hover, .hb-fill-bottom-rev-bg:hover, .hb-fill-left-rev-bg:hover, .hb-fill-on-rev-bg:hover, .hb-fill-middle-rev-bg:hover, .hb-fill-middle2-rev-bg:hover {
  background: transparent;
  color: #ffffff;
  transition: all 0.3s ease;
}

.hb-fill-middle-bg:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
}

.hb-fill-middle-bg:hover:after {
  height: 50%;
}

.hb-fill-middle-rev-bg:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
}

.hb-fill-middle-rev-bg:hover:after {
  height: 0;
}

.hb-fill-middle2-bg:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;
}

.hb-fill-middle2-bg:hover:after {
  width: 50%;
}

.hb-fill-middle2-rev-bg:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 50%;
  height: 100%;
  opacity: 1;
}

.hb-fill-middle2-rev-bg:hover:after {
  width: 0;
}

.hbtn.hb-fill-on-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-on-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-bottom-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-bottom-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-left-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 0;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-left-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-top-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-right-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-right-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-middle-br:hover:before {
  width: 100%;
  height: 50%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 0;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-middle2-br:hover:before {
  width: 50%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-on-rev-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-on-rev-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.hbtn.hb-fill-bottom-rev-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-bottom-rev-br:hover:before {
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-left-rev-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-left-rev-br:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top-rev-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-top-rev-br:hover:before {
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-right-rev-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-right-rev-br:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle-rev-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-middle-rev-br:hover:before {
  width: 100%;
  height: 0%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-rev-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 50%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-middle2-rev-br:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hb-fill-top-br, .hb-fill-right-br, .hb-fill-bottom-br, .hb-fill-left-br, .hb-fill-on-br, .hb-fill-middle-br, .hb-fill-middle2-br {
  background: transparent;
  color: #ffffff;
  transition: color 0.3s ease,
 background 0s ease;
}

.hb-fill-top-br:hover, .hb-fill-right-br:hover, .hb-fill-bottom-br:hover, .hb-fill-left-br:hover, .hb-fill-on-br:hover, .hb-fill-middle-br:hover, .hb-fill-middle2-br:hover {
  color: #000000;
  background: #ffffff;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}

.hb-fill-top-rev-br, .hb-fill-right-rev-br, .hb-fill-bottom-rev-br, .hb-fill-left-rev-br, .hb-fill-on-rev-br, .hb-fill-middle-rev-br, .hb-fill-middle2-rev-br {
  background: #ffffff;
  color: #000000;
  transition: color 0.3s ease,
 background 0s 0.3s ease;
}

.hb-fill-top-rev-br:hover, .hb-fill-right-rev-br:hover, .hb-fill-bottom-rev-br:hover, .hb-fill-left-rev-br:hover, .hb-fill-on-rev-br:hover, .hb-fill-middle-rev-br:hover, .hb-fill-middle2-rev-br:hover {
  background: transparent;
  color: #ffffff;
  transition: color 0.3s ease,
 background 0s ease;
}

.hb-fill-middle-br:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hb-fill-middle-br:hover:after {
  height: 50%;
}

.hb-fill-middle-rev-br:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hb-fill-middle-rev-br:hover:after {
  height: 0;
}

.hb-fill-middle2-br:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hb-fill-middle2-br:hover:after {
  width: 50%;
}

.hb-fill-middle2-rev-br:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 50%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hb-fill-middle2-rev-br:hover:after {
  width: 0;
}

.hbtn.hb-fill-on-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-on-bg-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-bottom-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-bottom-bg-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-left-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 0;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-left-bg-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-top-bg-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-right-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-right-bg-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-middle-bg-br:hover:before {
  width: 100%;
  height: 50%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 0;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-middle2-bg-br:hover:before {
  width: 50%;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-on-rev-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-on-rev-bg-br:hover:before {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.hbtn.hb-fill-bottom-rev-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-bottom-rev-bg-br:hover:before {
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-left-rev-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-left-rev-bg-br:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-top-rev-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-top-rev-bg-br:hover:before {
  width: 100%;
  height: 0;
  opacity: 1;
}

.hbtn.hb-fill-right-rev-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-right-rev-bg-br:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hbtn.hb-fill-middle-rev-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-middle-rev-bg-br:hover:before {
  width: 100%;
  height: 0%;
  opacity: 1;
}

.hbtn.hb-fill-middle2-rev-bg-br:before {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 50%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hbtn.hb-fill-middle2-rev-bg-br:hover:before {
  width: 0;
  height: 100%;
  opacity: 1;
}

.hb-fill-top-bg-br, .hb-fill-right-bg-br, .hb-fill-bottom-bg-br, .hb-fill-left-bg-br, .hb-fill-on-bg-br, .hb-fill-middle-bg-br, .hb-fill-middle2-bg-br {
  background: transparent;
  color: #ffffff;
  transition: all 0.3s ease;
}

.hb-fill-top-bg-br:hover, .hb-fill-right-bg-br:hover, .hb-fill-bottom-bg-br:hover, .hb-fill-left-bg-br:hover, .hb-fill-on-bg-br:hover, .hb-fill-middle-bg-br:hover, .hb-fill-middle2-bg-br:hover {
  color: #000000;
  background: #ffffff;
  transition: all 0.3s ease;
}

.hb-fill-top-rev-bg-br, .hb-fill-right-rev-bg-br, .hb-fill-bottom-rev-bg-br, .hb-fill-left-rev-bg-br, .hb-fill-on-rev-bg-br, .hb-fill-middle-rev-bg-br, .hb-fill-middle2-rev-bg-br {
  background: #ffffff;
  color: #000000;
  transition: all 0.3s ease;
}

.hb-fill-top-rev-bg-br:hover, .hb-fill-right-rev-bg-br:hover, .hb-fill-bottom-rev-bg-br:hover, .hb-fill-left-rev-bg-br:hover, .hb-fill-on-rev-bg-br:hover, .hb-fill-middle-rev-bg-br:hover, .hb-fill-middle2-rev-bg-br:hover {
  background: transparent;
  color: #ffffff;
  transition: all 0.3s ease;
}

.hb-fill-middle-bg-br:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hb-fill-middle-bg-br:hover:after {
  height: 50%;
}

.hb-fill-middle-rev-bg-br:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hb-fill-middle-rev-bg-br:hover:after {
  height: 0;
}

.hb-fill-middle2-bg-br:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hb-fill-middle2-bg-br:hover:after {
  width: 50%;
}

.hb-fill-middle2-rev-bg-br:after {
  position: absolute;
  content: '';
  background: #ffffff;
  transition-duration: .3s;
  z-index: -1;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 50%;
  height: 100%;
  opacity: 1;
  border: solid 2px #ffffff;
}

.hb-fill-middle2-rev-bg-br:hover:after {
  width: 0;
}

.hpill.hb-border-off:after {
  border-radius: 50px;
}

.hpill.hb-border-off2:after {
  border-radius: 50px;
}

.hpill.hb-border-off3:after {
  border-radius: 50px;
}

.hpill.hb-border-top:after {
  border-radius: 50px;
}

.hpill.hb-border-right:after {
  border-radius: 50px;
}

.hpill.hb-border-bottom:after {
  border-radius: 50px;
}

.hpill.hb-border-left:after {
  border-radius: 50px;
}

.hbtn.hb-border-off {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-off:hover {
  border-color: transparent;
}

.hbtn.hb-border-off2 {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-off2:hover {
  border-color: initial;
}

.hbtn.hb-border-off3 {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-off3:hover {
  border-color: initial;
}

.hbtn.hb-border-top {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-top:hover {
  border-color: initial;
}

.hbtn.hb-border-right {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-right:hover {
  border-color: initial;
}

.hbtn.hb-border-bottom {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-bottom:hover {
  border-color: initial;
}

.hbtn.hb-border-left {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-left:hover {
  border-color: initial;
}

.hbtn.hb-border-off2 {
  transition: border-top-color 0.1s 0.21s linear,
 border-right-color 0.1s 0.14s linear,
 border-bottom-color 0.1s 0.07s linear,
 border-left-color 0.1s 0s linear;
}

.hbtn.hb-border-off2:hover {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transition: border-top-color 0.1s 0s linear,
 border-right-color 0.1s 0.07s linear,
 border-bottom-color 0.1s 0.14s linear,
 border-left-color 0.1s 0.21s linear;
}

.hbtn.hb-border-off3 {
  transition: border-top-color 0.1s 0s linear,
 border-right-color 0.1s 0.07s linear,
 border-bottom-color 0.1s 0.14s linear,
 border-left-color 0.1s 0.21s linear;
}

.hbtn.hb-border-off3:hover {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transition: border-top-color 0.1s 0s linear,
 border-right-color 0.1s 0.07s linear,
 border-bottom-color 0.1s 0.14s linear,
 border-left-color 0.1s 0.21s linear;
}

.hbtn.hb-border-top {
  transition: border-right-color 0.1s 0.14s linear,
 border-bottom-color 0.1s 0.07s linear,
 border-left-color 0.1s 0s linear;
}

.hbtn.hb-border-top:hover {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transition: border-right-color 0.1s 0s linear,
 border-bottom-color 0.1s 0.07s linear,
 border-left-color 0.1s 0.14s linear;
}

.hbtn.hb-border-right {
  transition: border-bottom-color 0.1s 0.14s linear,
 border-left-color 0.1s 0.07s linear,
 border-top-color 0.1s 0s linear;
}

.hbtn.hb-border-right:hover {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  transition: border-bottom-color 0.1s 0s linear,
 border-left-color 0.1s 0.07s linear,
 border-top-color 0.1s 0.14s linear;
}

.hbtn.hb-border-bottom {
  transition: border-left-color 0.1s 0.14s linear,
 border-top-color 0.1s 0.07s linear,
 border-right-color 0.1s 0s linear;
}

.hbtn.hb-border-bottom:hover {
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  transition: border-left-color 0.1s 0s linear,
 border-top-color 0.1s 0.07s linear,
 border-right-color 0.1s 0.14s linear;
}

.hbtn.hb-border-left {
  transition: border-top-color 0.1s 0.14s linear,
 border-right-color 0.1s 0.07s linear,
 border-bottom-color 0.1s 0s linear;
}

.hbtn.hb-border-left:hover {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transition: border-top-color 0.1s 0s linear,
 border-right-color 0.1s 0.07s linear,
 border-bottom-color 0.1s 0.14s linear;
}

.hpill.hb-border-off:after {
  border-radius: 50px;
}

.hpill.hb-border-off2:after {
  border-radius: 50px;
}

.hpill.hb-border-off3:after {
  border-radius: 50px;
}

.hpill.hb-border-top:after {
  border-radius: 50px;
}

.hpill.hb-border-right:after {
  border-radius: 50px;
}

.hpill.hb-border-bottom:after {
  border-radius: 50px;
}

.hpill.hb-border-left:after {
  border-radius: 50px;
}

.hbtn.hb-border-off2 {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-off2:hover {
  border-color: transparent;
}

.hbtn.hb-border-off22 {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-off22:hover {
  border-color: initial;
}

.hbtn.hb-border-off32 {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-off32:hover {
  border-color: initial;
}

.hbtn.hb-border-top2 {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-top2:hover {
  border-color: initial;
}

.hbtn.hb-border-right2 {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-right2:hover {
  border-color: initial;
}

.hbtn.hb-border-bottom2 {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-bottom2:hover {
  border-color: initial;
}

.hbtn.hb-border-left2 {
  border-color: #ffffff;
  transition-duration: .3s;
}

.hbtn.hb-border-left2:hover {
  border-color: initial;
}

.hbtn.hb-border-top2 {
  transition: all 0.2s 0s linear;
}

.hbtn.hb-border-top2:hover {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  transition: all 0.2s 0s linear;
}

.hbtn.hb-border-right2 {
  transition: all 0.2s 0s linear;
}

.hbtn.hb-border-right2:hover {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  transition: all 0.2s 0s linear;
}

.hbtn.hb-border-bottom2 {
  transition: all 0.2s 0s linear;
}

.hbtn.hb-border-bottom2:hover {
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  transition: all 0.2s 0s linear;
}

.hbtn.hb-border-left2 {
  transition: all 0.2s 0s linear;
}

.hbtn.hb-border-left2:hover {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transition: all 0.2s 0s linear;
}

.hpill.hb-border-off-br:after {
  border-radius: 50px;
}

.hpill.hb-border-off2-br:after {
  border-radius: 50px;
}

.hpill.hb-border-off3-br:after {
  border-radius: 50px;
}

.hpill.hb-border-top-br:after {
  border-radius: 50px;
}

.hpill.hb-border-right-br:after {
  border-radius: 50px;
}

.hpill.hb-border-bottom-br:after {
  border-radius: 50px;
}

.hpill.hb-border-left-br:after {
  border-radius: 50px;
}

.hbtn.hb-border-off-br {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off-br:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-off2-br {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off2-br:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-off3-br {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off3-br:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-top-br {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-top-br:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-right-br {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-right-br:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-bottom-br {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-bottom-br:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-left-br {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-left-br:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-top-br:after {
  transition: border-right-color 0.1s 0.14s linear,
 border-bottom-color 0.1s 0.07s linear,
 border-left-color 0.1s 0s linear,
 border-top-width 0.1s 0s linear;
}

.hbtn.hb-border-top-br:hover:after {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-width: 4px;
  transition: border-right-color 0.1s 0s linear,
 border-bottom-color 0.1s 0.07s linear,
 border-left-color 0.1s 0.14s linear,
 border-top-width 0.1s 0.14s linear;
}

.hbtn.hb-border-right-br:after {
  transition: border-bottom-color 0.1s 0.14s linear,
 border-left-color 0.1s 0.07s linear,
 border-top-color 0.1s 0s linear,
 border-right-width 0.1s 0s linear;
}

.hbtn.hb-border-right-br:hover:after {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-width: 4px;
  transition: border-bottom-color 0.1s 0s linear,
 border-left-color 0.1s 0.07s linear,
 border-top-color 0.1s 0.14s linear,
 border-right-width 0.1s 0.14s linear;
}

.hbtn.hb-border-bottom-br:after {
  transition: border-left-color 0.1s 0.14s linear,
 border-top-color 0.1s 0.07s linear,
 border-right-color 0.1s 0s linear,
 border-bottom-width 0.1s 0.14s linear;
}

.hbtn.hb-border-bottom-br:hover:after {
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-width: 4px;
  transition: border-left-color 0.1s 0s linear,
 border-top-color 0.1s 0.07s linear,
 border-right-color 0.1s 0.14s linear,
 border-bottom-width 0.1s 0.14s linear;
}

.hbtn.hb-border-left-br:after {
  transition: border-top-color 0.1s 0.14s linear,
 border-right-color 0.1s 0.07s linear,
 border-bottom-color 0.1s 0s linear,
 border-left-width 0.1s 0s linear;
}

.hbtn.hb-border-left-br:hover:after {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-width: 4px;
  transition: border-top-color 0.1s 0s linear,
 border-right-color 0.1s 0.07s linear,
 border-bottom-color 0.1s 0.14s linear,
 border-left-width 0.1s 0.14s linear;
}

.hpill.hb-border-off-br2:after {
  border-radius: 50px;
}

.hpill.hb-border-off2-br2:after {
  border-radius: 50px;
}

.hpill.hb-border-off3-br2:after {
  border-radius: 50px;
}

.hpill.hb-border-top-br2:after {
  border-radius: 50px;
}

.hpill.hb-border-right-br2:after {
  border-radius: 50px;
}

.hpill.hb-border-bottom-br2:after {
  border-radius: 50px;
}

.hpill.hb-border-left-br2:after {
  border-radius: 50px;
}

.hbtn.hb-border-off-br2 {
  position: relative;
  transition-duration: .2s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off-br2:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-off2-br2 {
  position: relative;
  transition-duration: .2s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off2-br2:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-off3-br2 {
  position: relative;
  transition-duration: .2s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off3-br2:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-top-br2 {
  position: relative;
  transition-duration: .2s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-top-br2:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-right-br2 {
  position: relative;
  transition-duration: .2s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-right-br2:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-bottom-br2 {
  position: relative;
  transition-duration: .2s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-bottom-br2:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-left-br2 {
  position: relative;
  transition-duration: .2s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-left-br2:after {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
}

.hbtn.hb-border-top-br2:after {
  transition: all 0.2s linear;
}

.hbtn.hb-border-top-br2:hover:after {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-width: 4px;
  transition: all 0.2s linear;
}

.hbtn.hb-border-right-br2:after {
  transition: all 0.2s linear;
}

.hbtn.hb-border-right-br2:hover:after {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-width: 4px;
  transition: all 0.2s linear;
}

.hbtn.hb-border-bottom-br2:after {
  transition: all 0.2s linear;
}

.hbtn.hb-border-bottom-br2:hover:after {
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-width: 4px;
  transition: all 0.2s linear;
}

.hbtn.hb-border-left-br2:after {
  transition: all 0.2s linear;
}

.hbtn.hb-border-left-br2:hover:after {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-width: 4px;
  transition: all 0.2s linear;
}

.hpill.hb-border-off-br3:after {
  border-radius: 50px;
}

.hpill.hb-border-off2-br3:after {
  border-radius: 50px;
}

.hpill.hb-border-off3-br3:after {
  border-radius: 50px;
}

.hpill.hb-border-top-br3:after {
  border-radius: 50px;
}

.hpill.hb-border-right-br3:after {
  border-radius: 50px;
}

.hpill.hb-border-bottom-br3:after {
  border-radius: 50px;
}

.hpill.hb-border-left-br3:after {
  border-radius: 50px;
}

.hbtn.hb-border-off-br3 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off-br3:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-off2-br3 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off2-br3:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-off3-br3 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off3-br3:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-top-br3 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-top-br3:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-right-br3 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-right-br3:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-bottom-br3 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-bottom-br3:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-left-br3 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-left-br3:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-bottom-br3:after {
  left: 0;
  bottom: 0;
  border-top-width: 2px;
  transition: border-top-width 0.1s 0.2s,
 height  0.2s 0.1s,
 width   0.2s 0.0s,
 margin  0.2s 0.0s;
}

.hbtn.hb-border-bottom-br3:hover:after {
  width: 60%;
  height: 0px;
  border-width: 2px;
  border-top-width: 0px;
  margin: 0 20%;
  transition: border-top-width 0.1s 0.0s,
 height 0.2s 0.1s,
 width  0.2s 0.2s,
 margin 0.2s 0.2s;
}

.hbtn.hb-border-left-br3:after {
  bottom: 0;
  left: 0;
  border-right-width: 2px;
  transition: border-right-width 0.1s 0.2s,
 width  0.2s 0.1s,
 height   0.2s 0.0s,
 margin  0.2s 0.0s;
}

.hbtn.hb-border-left-br3:hover:after {
  width: 0;
  height: 60%;
  border-width: 2px;
  border-right-width: 0px;
  margin: 5% 0;
  transition: border-right-width 0.1s 0.0s,
 width 0.2s 0.1s,
 height  0.2s 0.2s,
 margin 0.2s 0.2s;
}

.hbtn.hb-border-top-br3:after {
  top: 0;
  right: 0;
  border-bottom-width: 2px;
  transition: border-bottom-width 0.1s 0.2s,
 height  0.2s 0.1s,
 width   0.2s 0.0s,
 margin  0.2s 0.0s;
}

.hbtn.hb-border-top-br3:hover:after {
  width: 60%;
  height: 0;
  border-width: 2px;
  border-bottom-width: 0px;
  margin: 0 20%;
  transition: border-bottom-width 0.1s 0.0s,
 height 0.2s 0.1s,
 width  0.2s 0.2s,
 margin 0.2s 0.2s;
}

.hbtn.hb-border-right-br3:after {
  bottom: 0;
  right: 0;
  border-left-width: 2px;
  transition: border-left-width 0.1s 0.2s,
 width  0.2s 0.1s,
 height   0.2s 0.0s,
 margin  0.2s 0.0s;
}

.hbtn.hb-border-right-br3:hover:after {
  width: 0;
  height: 60%;
  border-width: 2px;
  border-left-width: 0px;
  margin: 5% 0;
  transition: border-left-width 0.1s 0.0s,
 width 0.2s 0.1s,
 height  0.2s 0.2s,
 margin 0.2s 0.2s;
}

.hpill.hb-border-off-br4:after {
  border-radius: 50px;
}

.hpill.hb-border-off2-br4:after {
  border-radius: 50px;
}

.hpill.hb-border-off3-br4:after {
  border-radius: 50px;
}

.hpill.hb-border-top-br4:after {
  border-radius: 50px;
}

.hpill.hb-border-right-br4:after {
  border-radius: 50px;
}

.hpill.hb-border-bottom-br4:after {
  border-radius: 50px;
}

.hpill.hb-border-left-br4:after {
  border-radius: 50px;
}

.hbtn.hb-border-off-br4 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off-br4:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-off2-br4 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off2-br4:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-off3-br4 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-off3-br4:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-top-br4 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-top-br4:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-right-br4 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-right-br4:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-bottom-br4 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-bottom-br4:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-left-br4 {
  position: relative;
  transition-duration: .3s;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  padding: 10px 22px;
}

.hbtn.hb-border-left-br4:after {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  border: solid 2px #ffffff;
  z-index: 2;
  margin: 0 0;
}

.hbtn.hb-border-bottom-br4:after {
  left: 0;
  bottom: 0;
  border-top-width: 2px;
  transition: border-top-width 0.1s 0.2s,
 height  0.2s 0.1s,
 width   0.2s 0.0s,
 margin  0.2s 0.0s,
 border-bottom-width 0.2s 0.0s;
}

.hbtn.hb-border-bottom-br4:hover:after {
  width: 60%;
  height: 0px;
  border-width: 2px;
  border-top-width: 0px;
  border-bottom-width: 4px;
  margin: 0 20%;
  transition: border-top-width 0.1s 0.0s,
 height 0.2s 0.1s,
 width  0.2s 0.2s,
 margin 0.2s 0.2s,
 border-bottom-width 0.2s 0.2s;
}

.hbtn.hb-border-left-br4:after {
  bottom: 0;
  left: 0;
  border-right-width: 2px;
  transition: border-right-width 0.1s 0.2s,
 width  0.2s 0.1s,
 height   0.2s 0.0s,
 margin  0.2s 0.0s,
 border-left-width 0.2s 0.0s;
}

.hbtn.hb-border-left-br4:hover:after {
  width: 0;
  height: 60%;
  border-width: 2px;
  border-right-width: 0px;
  border-left-width: 4px;
  margin: 5% 0;
  transition: border-right-width 0.1s 0.0s,
 width 0.2s 0.1s,
 height  0.2s 0.2s,
 margin 0.2s 0.2s,
 border-left-width 0.2s 0.2s;
}

.hbtn.hb-border-top-br4:after {
  top: 0;
  right: 0;
  border-bottom-width: 2px;
  transition: border-bottom-width 0.1s 0.2s,
 height  0.2s 0.1s,
 width   0.2s 0.0s,
 margin  0.2s 0.0s,
 border-top-width 0.2s 0.0s;
}

.hbtn.hb-border-top-br4:hover:after {
  width: 60%;
  height: 0;
  border-width: 2px;
  border-bottom-width: 0px;
  border-top-width: 4px;
  margin: 0 20%;
  transition: border-bottom-width 0.1s 0.0s,
 height 0.2s 0.1s,
 width  0.2s 0.2s,
 margin 0.2s 0.2s,
 border-top-width 0.2s 0.2s;
}

.hbtn.hb-border-right-br4:after {
  bottom: 0;
  right: 0;
  border-left-width: 2px;
  transition: border-left-width 0.1s 0.2s,
 width  0.2s 0.1s,
 height   0.2s 0.0s,
 margin  0.2s 0.0s,
 border-right-width  0.2s 0.0s;
}

.hbtn.hb-border-right-br4:hover:after {
  width: 0;
  height: 60%;
  border-width: 2px;
  border-left-width: 0px;
  border-right-width: 4px;
  margin: 5% 0;
  transition: border-left-width 0.1s 0.0s,
 width 0.2s 0.1s,
 height  0.2s 0.2s,
 margin 0.2s 0.2s,
 border-right-width 0.2s 0.2s;
}


.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  opacity: 1;
  transition: opacity 0.3s linear;
}

.body-overlay:after {
  position: fixed;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.55);
}

.hidden {
  opacity: 0;
}

.hbor1 {
  border-width: 1px;
}

.hbor1:after, .hbor1:before {
  border-width: 1px !important;
}

.hbor2 {
  border-width: 2px;
}

.hbor2:after, .hbor2:before {
  border-width: 2px !important;
}

.hbor3 {
  border-width: 3px;
}

.hbor3:after, .hbor3:before {
  border-width: 3px !important;
}

.hbor4 {
  border-width: 4px;
}

.hbor4:after, .hbor4:before {
  border-width: 4px !important;
}

.hbor5 {
  border-width: 5px;
}

.hbor5:after, .hbor5:before {
  border-width: 5px !important;
}

.hpad1 {
  padding: 8px 20px !important;
}

.hpad2 {
  padding: 12px 24px !important;
}

.hpad3 {
  padding: 16px 28px !important;
}

.hpad4 {
  padding: 20px 32px !important;
}

.hpad5 {
  padding: 24px 36px !important;
}

.lead {
  font-family: "Righteous", serif;
}

.body-wrap {
  padding: 30px 30px;
  color: #ffffff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
      -webkit-justify-content: center;
          justify-content: center;
  -ms-flex-align: start;
      -webkit-align-items: flex-start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  font-family: "Lato", sans-serif;
  margin-bottom: 250px;
}

.body-wrap--light {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424242+0,1e1e1e+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #424242 0%, rgba(30, 30, 30, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#001e1e1e',GradientType=0 );
  /* IE6-9 */
  margin: 0;
}

.container {
  padding: 20px 15px;
  width: 100%;
  text-align: center;
}

.container.bg-color {
  background: #1e1e1e !important;
}

.container h3 {
  font-size: 3rem;
}

.options {
  padding: 10px;
}

.options a {
  margin: 0 4px;
}

.options h5 {
  margin-top: 0;
  margin-bottom: 6px;
}

.options-fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #1e1e1e;
  border-bottom: 1px solid #ebebeb;
  background: rgba(30, 30, 30, 0.9);
  z-index: 5;
}

.buttons-wrapper {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
      -webkit-align-items: center;
          align-items: center;
  -ms-flex-pack: center;
      -webkit-justify-content: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 20px 0 50px 0;
}

.buttons-wrapper iframe {
  margin: 0 10px !important;
  margin-bottom: 10px !important;
}

.hsmall {
  font-size: 12px;
  padding: 4px 10px !important;
}

.class-helper {
  background: #1e1e1e;
  border-top: 2px solid #ebebeb;
  padding: 30px 30px 50px 30px;
  color: #ffffff;
  -ms-flex-pack: center;
      -webkit-justify-content: center;
          justify-content: center;
  -ms-flex-align: center;
      -webkit-align-items: center;
          align-items: center;
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
}

.class-helper__inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      -webkit-justify-content: center;
          justify-content: center;
  -ms-flex-align: center;
      -webkit-align-items: center;
          align-items: center;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
}

.class-helper__inner h4 {
  width: 100%;
  margin: 15px 0;
}

.class-helper__inner pre {
  width: 100%;
  background: #383838;
}

.class-helper__inner2 {
  -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 30vh;
  overflow-Y: scroll;
  background: #383838;
}

.class-helper__inner2 h4 {
  width: 100%;
  margin: 15px 0;
}

.class-helper__inner2 pre {
  white-space: pre-wrap;
  font-size: 1rem;
  text-align: left !important;
}

.class-helper .close-icon {
  position: absolute;
  top: 15px;
  right: 30px;
}

.hbtn-x {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .body-wrap {
    -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .options {
    padding: 10px;
  }
  .class-helper {
    font-size: 1.2rem;
  }
  .class-helper pre {
    white-space: pre-wrap;
    text-align: center;
  }
  .class-helper .close-icon {
    position: absolute;
    top: auto;
    bottom: 15px;
    right: 30px;
  }
}

/* css_ac/moderne.css */
/* =====================================================================================
   Accord-credit.fr : modernisation de l'ancien site (28/09/2026)
   Regle d'Ahmed : Accord garde SON squelette (organisation, blocs, couleurs, ordre).
   On ne change que la police, les finitions des composants et la nettete des images.
   Ce fichier est charge en dernier par templates/temp/front_office_page.tpl.
   Aucune regle d'Immo ici : Accord a son propre design.
   ===================================================================================== */

:root {
	--ac-police: 'Plus Jakarta Sans', "Jakarta Fallback", system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--ac-bleu: #435E79;          /* bleu ardoise d'Accord (bandeaux, menu, pied) */
	--ac-bleu-fonce: #2F4760;
	--ac-orange: #F3AC4B;        /* orange d'Accord (fonds, boutons) */
	--ac-orange-texte: #D98A1F;  /* orange un peu plus soutenu pour le texte sur fond blanc (lisibilite) */
	--ac-encre: #25303B;         /* titres */
	--ac-texte: #4F5B67;         /* texte courant */
	--ac-gris: #7A8591;
	--ac-ligne: #E2E7EC;
	--ac-fond: #F5F7F9;
	--ac-ombre: 0 1px 2px rgba(31, 42, 54, .06), 0 4px 14px rgba(31, 42, 54, .08);
	--ac-ombre-forte: 0 2px 4px rgba(31, 42, 54, .08), 0 10px 28px rgba(31, 42, 54, .14);
	--ac-rayon: 4px;
	--ac-rayon-carte: 6px;
}

/* ---------- Police : Plus Jakarta Sans sur le texte, jamais sur les polices d'icones ---------- */
body,
body :is(h1, h2, h3, h4, h5, h6, p, span, li, a, label, div, b, strong, em, small, cite, td, th,
	figcaption, blockquote, legend, option, input, select, textarea, button, dt, dd):not([class*="fa-"]):not(.fa):not([class*="icon"]):not([class*="ion-"]):not(i) {
	font-family: var(--ac-police) !important;
}
body {
	color: var(--ac-texte);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* ---------- Titres de section (.for_titre) : plus nets, sans changer leur place ---------- */
.for_titre {
	font-weight: 600;
	letter-spacing: .01em;
	color: var(--ac-encre);
}
.for_titre span,
.photo_base > figure .for_titre span,
.photo_interne > figure .for_titre span { color: var(--ac-orange-texte); }

/* ---------- En-tete ---------- */
.header_haut > .middle_width { padding: 14px 0 12px; }
.header_haut > .middle_width figure img { height: 54px; width: auto; }
.header_haut > .middle_width .link_header_haut > p,
.header_haut > .middle_width .link_header_haut > div { color: var(--ac-gris); }
.header_haut > .middle_width .link_header_haut .autre_lien_header_haut a {
	font-size: 12px; font-weight: 600; letter-spacing: .06em; color: var(--ac-bleu);
	transition: color .15s ease;
}
.header_haut > .middle_width .link_header_haut .autre_lien_header_haut a:hover { color: var(--ac-orange-texte); }

/* Boutons « Rappel gratuit » et « Acces prive » : meme forme, finition moderne */
.header_haut .rappel_gratuit_header_haut a,
.header_haut .acces_prive_header_haut a {
	white-space: nowrap;
	border-radius: var(--ac-rayon) !important;
	box-shadow: 0 1px 2px rgba(31, 42, 54, .12), 0 2px 6px rgba(31, 42, 54, .08) !important;
	font-weight: 700 !important; letter-spacing: .04em;
	transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.header_haut .rappel_gratuit_header_haut a img,
.header_haut .acces_prive_header_haut a img { border-radius: var(--ac-rayon) 0 0 var(--ac-rayon) !important; }

/* Menu bleu */
.header_haut .nav-main { background-color: var(--ac-bleu); }
.header_haut .nav-main > .middle_width .nav-list__item a {
	font-size: 14px; font-weight: 500; letter-spacing: .03em; white-space: nowrap;
	position: relative;
}
.header_haut .nav-main > .middle_width .nav-list__item a:after {
	content: ""; position: absolute; left: 10px; right: 10px; bottom: 2px; height: 2px;
	background: var(--ac-orange); transform: scaleX(0); transform-origin: left; transition: transform .2s ease;
}
.header_haut .nav-main > .middle_width .nav-list__item a:hover:after,
.header_haut .nav-main > .middle_width .nav-list__item a.hvr-rectangle-out-active:after { transform: scaleX(1); }

/* ---------- Bandeau photo de l'accueil et des pages ---------- */
.photo_base > figure .for_titre,
.photo_interne > figure .for_titre {
	font-weight: 600; letter-spacing: .02em; color: var(--ac-encre);
	background-color: rgba(255, 255, 255, .82);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
/* Les deux boutons du bandeau (Etude gratuite / Comparateur) : memes blocs, finition moderne */
.photo_base > figure .link_to_head > a {
	border-radius: var(--ac-rayon);
	box-shadow: var(--ac-ombre-forte);
	transition: transform .2s ease, box-shadow .2s ease;
}
.photo_base > figure .link_to_head > a:hover { transform: translateY(-2px); }
.photo_base > figure .link_to_head > a span {
	border-radius: 3px; border-color: rgba(255, 255, 255, .45);
	font-weight: 600; font-size: 17px; letter-spacing: .03em;
}
.photo_base > figure .link_to_head > a img { border-radius: 3px 0 0 3px; }

/* Tuiles des services (6 carres) */
.photo_base .liste_prestation_ac .middle_width .liste_prestation_site {
	background-color: #fff;
	border-radius: var(--ac-rayon-carte);
	box-shadow: 0 0 0 1px var(--ac-ligne), var(--ac-ombre);
	transition: box-shadow .2s ease, transform .2s ease;
}
.photo_base .liste_prestation_ac .middle_width .liste_prestation_site:hover {
	box-shadow: 0 0 0 2px var(--ac-orange), var(--ac-ombre-forte);
	transform: translateY(-2px);
}
.photo_base .liste_prestation_ac .middle_width .liste_prestation_site div > p { background-color: var(--ac-fond); border-radius: var(--ac-rayon); }
.photo_base .liste_prestation_ac .middle_width .liste_prestation_site div > p a {
	font-size: 13px; font-weight: 600; letter-spacing: .04em; color: var(--ac-encre);
}

/* ---------- Blocs et cartes ---------- */
.lien_aside a, .lien_aside img,
.content_liste_courtier_connecter_home,
.liste_latest_actu > div,
.pose_carte_france, .contact_home,
.offre_service_qualite, .newsletter_accueil,
.text_desc_home img {
	border-radius: var(--ac-rayon-carte);
}
.lien_aside a, .liste_latest_actu > div { overflow: hidden; box-shadow: var(--ac-ombre); transition: box-shadow .2s ease, transform .2s ease; }
.lien_aside a:hover, .liste_latest_actu > div:hover { box-shadow: var(--ac-ombre-forte); transform: translateY(-2px); }
.content_liste_courtier_connecter_home { transition: transform .2s ease; }
.content_liste_courtier_connecter_home:hover { transform: translateY(-3px); }

/* Tableau des derniers credits */
.in_content_credit_obtenu_accueil table { border-collapse: separate; border-spacing: 0; border-radius: var(--ac-rayon-carte); overflow: hidden; box-shadow: 0 0 0 1px var(--ac-ligne); }
.in_content_credit_obtenu_accueil table th { font-weight: 600; letter-spacing: .02em; }
.in_content_credit_obtenu_accueil table td { font-variant-numeric: tabular-nums; }

/* Simulateurs */
.liste_simulateur_immo_accueil .small_width > div { border-radius: var(--ac-rayon-carte); transition: transform .2s ease; }
.liste_simulateur_immo_accueil .small_width > div:hover { transform: translateY(-3px); }
.liste_simulateur_immo_accueil .small_width > div p,
.liste_simulateur_immo_accueil .small_width > div a { font-weight: 600; }

/* ---------- Boutons ---------- */
.link_to_conf a, .lien_video a, .derniers_avis_accueil .link a, .bloc_lien a,
.validForm, .btn_valider, button, input[type="submit"], input[type="button"], input[type="reset"],
.offre_service_qualite a {
	border-radius: var(--ac-rayon) !important;
	font-weight: 600;
	letter-spacing: .03em;
	transition: background-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.lien_video a, .derniers_avis_accueil .link a { box-shadow: var(--ac-ombre); }

/* ---------- Champs de saisie : 35 px, bordure fine, bordure noire au focus ---------- */
main input[type="text"], main input[type="email"], main input[type="tel"], main input[type="number"],
main input[type="password"], main select, main textarea,
.popup_block input[type="text"], .popup_block input[type="email"], .popup_block input[type="tel"],
.popup_block select, .popup_block textarea,
.newsletter_accueil input[type="text"], .newsletter_accueil input[type="email"] {
	border: 1px solid #C9D2DB;
	border-radius: var(--ac-rayon);
	background-color: #fff;
	color: var(--ac-encre);
	font-size: 14px;
	transition: border-color .15s ease, box-shadow .15s ease;
}
main input[type="text"], main input[type="email"], main input[type="tel"], main input[type="number"],
main input[type="password"], main select,
.popup_block input[type="text"], .popup_block input[type="email"], .popup_block input[type="tel"], .popup_block select {
	min-height: 35px;
	padding: 0 10px;
}
main textarea, .popup_block textarea { padding: 8px 10px; }
main input:focus, main select:focus, main textarea:focus,
.popup_block input:focus, .popup_block select:focus, .popup_block textarea:focus,
.newsletter_accueil input:focus {
	outline: none;
	border-color: #1C2530;
	box-shadow: 0 0 0 3px rgba(67, 94, 121, .15);
}

/* ---------- Pied de page bleu ---------- */
footer { background-color: var(--ac-bleu); }
footer .link_map > div.menu_prima_foot .for_titre { color: var(--ac-orange); font-weight: 700; letter-spacing: .04em; }
footer a { transition: color .15s ease, opacity .15s ease; }
footer .seconta_foot_menu p a { color: rgba(255, 255, 255, .88); }
footer .seconta_foot_menu p a:hover { color: var(--ac-orange); }
footer .community .get_community { font-weight: 700; letter-spacing: .04em; }
p.copyright { color: var(--ac-gris); }

/* ---------- Images regenerees (nettes, double resolution) ---------- */
.offre_service_nl .middle_width .small_width .offre_service_qualite {
	background: url(/images_ac/offre-service.jpg) center / cover no-repeat;
	height: auto; min-height: 220px; padding-bottom: 24px;
}
.text_desc_home_parrain .small_width .detail_etape,
.pourquoi_ext .small_width .detail_etape {
	background-image: url(/images_ac/accueil-proximite.jpg);
	background-size: cover; background-position: center;
}
.photo_base > figure > img { display: block; width: 100%; max-width: 1300px; height: auto; }

@media (max-width: 767px) {
	.photo_base > figure .for_titre { font-size: 24px; line-height: 1.2; }
}

/* =====================================================================================
   PLEINE LARGEUR (demande d'Ahmed, 28/09/2026) : plus de boite de 1300 px centree.
   Les bandeaux (en-tete, menu, photo, sections de couleur, pied) vont d'un bord a l'autre ;
   le contenu reste dans une colonne lisible, plus large qu'avant.
   ===================================================================================== */
:root { --ac-colonne: 1440px; --ac-colonne-texte: 1320px; --ac-marge: 32px; }
body > header, body > main, body > footer,
header, main, footer {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
header section.header_haut, header .nav-main,
main > section, main > div, main > p,
footer > p.copyright { width: 100% !important; max-width: none !important; }
body .middle_width { width: min(var(--ac-colonne), calc(100% - 2 * var(--ac-marge))); max-width: none; }
body .small_width { width: min(var(--ac-colonne-texte), calc(100% - 2 * var(--ac-marge))); max-width: none; }
body .big_concent { width: min(var(--ac-colonne-texte), calc(100% - 2 * var(--ac-marge))); max-width: none; }

/* Bandeau photo : toute la largeur, hauteur proportionnee a l'ecran */
.photo_base > figure, .photo_interne > figure { width: 100%; max-width: none; position: relative; overflow: hidden; }
.photo_base > figure > img {
	width: 100%; max-width: none; height: clamp(420px, 36vw, 680px); object-fit: cover; object-position: 60% 40%;
}
.photo_interne > figure > img { width: 100%; max-width: none; height: auto; min-height: 175px; object-fit: cover; }
.photo_base > figure .link_to_head { width: min(1100px, 86%); left: 50%; transform: translateX(-50%); }

@media (max-width: 767px) {
	:root { --ac-marge: 16px; }
	.photo_base > figure > img { height: auto; }
}
@media (min-width: 768px) {
	/* citation du bandeau alignee sur la colonne de contenu */
	.photo_base > figure > cite {
		left: calc(max(var(--ac-marge), (100% - var(--ac-colonne)) / 2) + 50px);
		top: clamp(50px, 5vw, 96px);
		font-size: clamp(31px, 2.3vw, 42px); font-weight: 500; line-height: 1.25;
		text-shadow: 0 2px 14px rgba(0, 0, 0, .35);
	}
}

/* css_ac/accord-2026.css */
/* Police de secours aux dimensions de Plus Jakarta Sans (01/10/2026) : la police web arrive sans bloquer l'affichage
   et sans faire bouger le texte. Mesures : regulier 104 % d'Arial, gras 100 %, ascendante 1,04 em, descendante 0,22 em. */
@font-face { font-family: "Jakarta Fallback"; src: local("Arial"), local("ArialMT"), local("Helvetica"); size-adjust: 104%; ascent-override: 100%; descent-override: 21.2%; line-gap-override: 0%; font-weight: 100 500; }
@font-face { font-family: "Jakarta Fallback"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"); size-adjust: 100%; ascent-override: 104%; descent-override: 22%; line-gap-override: 0%; font-weight: 600 900; }

/* =====================================================================================
   Accord-credit.fr - refonte 2026
   Meme organisation que l'accueil historique d'Accord, nouveau langage visuel :
   bleu nuit + bleu ardoise dominants, ambre d'Accord en accent, pleine largeur.
   Classes prefixees ac- (aucun conflit avec les anciennes feuilles css_ac/screen.css).
   Aucune regle d'Immo ici.
   ===================================================================================== */

:root {
	--ac-r-max: 7px;        /* arrondi maximum de tout le projet (demande d Ahmed 28/09/2026) */
	--ac-nuit: #16283A;
	--ac-nuit-2: #1E3650;
	--ac-ardoise: #435E79;
	--ac-ardoise-2: #5A7794;
	--ac-ambre: #F3AC4B;
	--ac-ambre-fonce: #9A5A00;  /* 01/10/2026 : #9a5a00 -> contraste 5:1 sur blanc et ambre clair (accessibilite) */
	--ac-ambre-clair: #FDF4E6;
	--ac-encre: #14202C;
	--ac-texte: #4A5868;
	--ac-gris: #5F6B78;       /* 01/10/2026 : #5f6b78 -> contraste 5,4:1 (accessibilite) */
	--ac-ligne: #E3E8EE;
	--ac-fond: #F3F6F9;
	--ac-r: 7px;
	--ac-r-btn: 6px;
	--ac-ombre-1: 0 1px 2px rgba(20, 32, 44, .05), 0 6px 20px rgba(20, 32, 44, .06);
	--ac-ombre-2: 0 2px 6px rgba(20, 32, 44, .08), 0 18px 40px rgba(20, 32, 44, .12);
	--ac-police: 'Plus Jakarta Sans', "Jakarta Fallback", system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--ac-large: 1320px;
}

/* ---------- bases ---------- */
body { background: #fff; }
.ac-wrap { width: min(var(--ac-large), calc(100% - 64px)); margin: 0 auto; }
.ac-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
[class^="ac-"] svg, [class*=" ac-"] svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ac-hero, .ac-services, .ac-section, .ac-reseau, .ac-simulateurs, .ac-bande-cta, .ac-infos-bas, .ac-pied,
.ac-topbar, .ac-entete { font-family: var(--ac-police); color: var(--ac-texte); line-height: 1.55; }
.ac-hero *, .ac-services *, .ac-section *, .ac-reseau *, .ac-simulateurs *, .ac-bande-cta *, .ac-infos-bas *, .ac-pied *,
.ac-topbar *, .ac-entete * { box-sizing: border-box; }
.ac-section h2, .ac-section h3, .ac-section p, .ac-section ol, .ac-section ul, .ac-section dl, .ac-section blockquote,
.ac-hero h1, .ac-hero p, .ac-hero ul, .ac-reseau h2, .ac-reseau p, .ac-reseau ul, .ac-simulateurs h2, .ac-simulateurs p { margin: 0; padding: 0; }
.ac-section ol, .ac-section ul, .ac-hero ul, .ac-reseau ul { list-style: none; }
.ac-section a, .ac-hero a, .ac-reseau a, .ac-simulateurs a, .ac-pied a, .ac-entete a, .ac-topbar a, .ac-bande-cta a, .ac-infos-bas a { text-decoration: none; }

/* titres de section */
.ac-surtitre {
	display: inline-flex; align-items: center; gap: 10px;
	font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
	color: var(--ac-ambre-fonce); margin-bottom: 14px !important;
}
.ac-surtitre:before { content: ""; width: 22px; height: 2px; background: currentColor; }
.ac-surtitre-clair { color: var(--ac-ambre); }
.ac-surtitre-fonce { color: var(--ac-nuit); }
.ac-titre { font-size: clamp(30px, 3vw, 44px); line-height: 1.12; font-weight: 800; letter-spacing: -.02em; color: var(--ac-encre); }
.ac-titre em { font-style: normal; color: var(--ac-ardoise); }
.ac-titre-clair { color: #fff; }
.ac-titre-clair em { color: var(--ac-ambre); }
.ac-entete-section { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
.ac-section { padding: clamp(64px, 7vw, 104px) 0; }
.ac-note { margin-top: 18px !important; font-size: 13px; color: var(--ac-gris); }

/* liens et boutons */
.ac-lien-fleche { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 15px; color: var(--ac-ardoise); white-space: nowrap; }
.ac-lien-fleche svg { transition: transform .2s ease; }
.ac-lien-fleche:hover svg, a:hover > .ac-lien-fleche svg { transform: translateX(3px); }
.ac-lien-clair { color: #fff; }
.ac-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; padding: 0 20px; border-radius: var(--ac-r-btn);
	font-family: var(--ac-police); font-weight: 700; font-size: 15px; line-height: 1; cursor: pointer;
	border: 1px solid transparent; transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.ac-btn:hover { transform: translateY(-1px); }
.ac-btn-ambre { background: var(--ac-ambre); color: var(--ac-nuit) !important; }
.ac-btn-ambre:hover { background: #f6b863; box-shadow: 0 8px 20px rgba(243, 172, 75, .35); }
.ac-btn-bleu { background: var(--ac-ardoise); color: #fff !important; }
.ac-btn-bleu:hover { background: var(--ac-nuit-2); }
.ac-btn-nuit { background: var(--ac-nuit); color: #fff !important; min-height: 52px; padding: 0 26px; font-size: 16px; }
.ac-btn-nuit:hover { background: #0e1c2a; }
.ac-btn-ligne { background: transparent; color: var(--ac-nuit) !important; border-color: var(--ac-ligne); }
.ac-btn-ligne:hover { border-color: var(--ac-nuit); }

/* ---------- en-tete ---------- */
header[role="heading"] { position: sticky; top: 0; z-index: 900; background: #fff; }
.ac-topbar { background: var(--ac-nuit); color: rgba(255, 255, 255, .72); font-size: 12px; }
.ac-topbar .ac-wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 36px; }
.ac-topbar-mention { margin: 0; }
.ac-topbar-liens { display: flex; gap: 22px; }
.ac-topbar-liens a { color: rgba(255, 255, 255, .85); font-weight: 600; }
.ac-topbar-liens a:hover { color: var(--ac-ambre); }
.ac-entete { background: #fff; border-bottom: 1px solid var(--ac-ligne); }
.ac-entete-in { display: flex; align-items: center; gap: 28px; min-height: 78px; }
.ac-logo img { display: block; width: 250px; height: auto; }
.ac-menu { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.ac-menu a { position: relative; padding: 8px 10px; font-size: 15px; font-weight: 600; color: var(--ac-encre); white-space: nowrap; }
.ac-menu a:after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 2px; background: var(--ac-ambre); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.ac-menu a:hover { color: var(--ac-ardoise); }
.ac-menu a:hover:after, .ac-menu a[aria-current="page"]:after { transform: scaleX(1); }
.ac-menu .ac-menu-accueil { display: none; }
.ac-entete-actions { display: flex; align-items: center; gap: 10px; }
.ac-burger { display: none; width: 44px; height: 44px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-btn); background: #fff; padding: 12px 11px; flex-direction: column; justify-content: space-between; cursor: pointer; }
.ac-burger span { display: block; height: 2px; background: var(--ac-nuit); border-radius: 2px; }

/* ---------- 1. bandeau ---------- */
.ac-hero { position: relative; overflow: hidden; background: var(--ac-nuit); min-height: clamp(560px, 74vh, 780px); display: flex; align-items: center; padding: 72px 0 128px; }
.ac-hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; }
.ac-hero:before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(22, 40, 58, .96) 0%, rgba(22, 40, 58, .86) 34%, rgba(22, 40, 58, .35) 62%, rgba(22, 40, 58, 0) 82%); }
.ac-hero-in { position: relative; z-index: 2; }
.ac-hero-in > * { max-width: 640px; }
.ac-hero-titre { font-size: clamp(40px, 4.8vw, 72px); line-height: 1.02; font-weight: 800; letter-spacing: -.03em; color: #fff; }
.ac-hero-titre em { font-style: normal; color: var(--ac-ambre); }
.ac-hero-texte { margin-top: 22px !important; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, .82); max-width: 560px !important; }
.ac-hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 36px; max-width: 700px !important; }
.ac-cta { display: flex; align-items: center; gap: 14px; padding: 12px 16px 12px 12px; border-radius: var(--ac-r-max, 7px); cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.ac-cta:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(0, 0, 0, .28); }
.ac-cta-bleu { background: var(--ac-ardoise); border: 1px solid rgba(255, 255, 255, .22); color: #fff !important; }
.ac-cta-ambre { background: var(--ac-ambre); color: var(--ac-nuit) !important; }
.ac-cta-ico { width: 54px; height: 54px; flex: none; border-radius: var(--ac-r-max, 7px); background: #fff; display: grid; place-items: center; }
.ac-cta-ico img { width: 38px; height: 38px; object-fit: contain; }
.ac-cta-txt { display: flex; flex-direction: column; font-size: 16px; font-weight: 700; line-height: 1.25; }
.ac-cta-txt small { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .75; margin-bottom: 3px; }
.ac-cta .ac-fleche { margin-left: auto; }
.ac-hero-garanties { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 28px !important; max-width: 760px !important; }
.ac-hero-garanties li { display: flex; align-items: center; gap: 8px; font-size: 14px; color: rgba(255, 255, 255, .86); }
.ac-hero-garanties svg { color: var(--ac-ambre); width: 16px; height: 16px; }

/* ---------- 2. services ---------- */
.ac-services { position: relative; z-index: 5; margin-top: -76px; }
.ac-services-grille { display: grid; grid-template-columns: repeat(6, 1fr); background: #fff; border-radius: var(--ac-r); box-shadow: var(--ac-ombre-2); overflow: hidden; }
.ac-service { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 24px 22px 22px; color: var(--ac-encre); border-right: 1px solid var(--ac-ligne); transition: background-color .2s ease; }
.ac-service:last-child { border-right: 0; }
.ac-service:hover { background: var(--ac-fond); }
.ac-service-ico { width: 56px; height: 56px; border-radius: var(--ac-r-max, 7px); background: var(--ac-fond); display: grid; place-items: center; transition: background-color .2s ease; }
.ac-service:hover .ac-service-ico { background: var(--ac-ambre-clair); }
.ac-service-ico img { width: 34px; height: 34px; object-fit: contain; }
.ac-service-nom { font-size: 16px; font-weight: 700; line-height: 1.25; }
.ac-service .ac-fleche { position: absolute; right: 18px; top: 26px; color: var(--ac-ambre-fonce); opacity: 0; transform: translateX(-4px); transition: opacity .2s ease, transform .2s ease; }
.ac-service:hover .ac-fleche { opacity: 1; transform: none; }

/* ---------- 3. pourquoi ---------- */
.ac-pourquoi-in { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.ac-atouts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 32px !important; }
.ac-atouts li { display: flex; gap: 18px; padding: 26px; background: #fff; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r); transition: border-color .2s ease, box-shadow .2s ease; }
.ac-atouts li:hover { border-color: transparent; box-shadow: var(--ac-ombre-2); }
.ac-atout-num { font-size: 30px; font-weight: 800; line-height: 1; color: #B06A0B; letter-spacing: -.02em; }
.ac-atouts h3 { font-size: 18px; font-weight: 700; line-height: 1.3; color: var(--ac-encre); margin-bottom: 6px !important; }
.ac-atouts p { font-size: 15px; }
.ac-pourquoi-cote { display: grid; gap: 16px; }
.ac-carte-photo { position: relative; display: block; aspect-ratio: 16 / 10; border-radius: var(--ac-r); overflow: hidden; cursor: pointer; }
.ac-carte-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.ac-carte-photo:hover img { transform: scale(1.04); }
.ac-carte-photo:after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(22, 40, 58, 0) 35%, rgba(22, 40, 58, .88) 100%); }
.ac-carte-photo span { position: absolute; left: 20px; right: 20px; bottom: 18px; z-index: 1; display: flex; flex-direction: column; color: #fff; font-size: 19px; font-weight: 700; line-height: 1.2; }
.ac-carte-photo small { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ac-ambre); margin-bottom: 4px; }
.ac-avis-lien { padding: 20px; border-radius: var(--ac-r); background: var(--ac-ambre-clair); }
.ac-avis-lien p { font-weight: 700; color: var(--ac-encre); margin-bottom: 12px !important; }
.ac-avis-lien div { display: flex; gap: 10px; }
.ac-avis-lien a { width: 52px; height: 52px; border-radius: var(--ac-r-max, 7px); background: #fff; display: grid; place-items: center; box-shadow: var(--ac-ombre-1); }
.ac-avis-lien img { max-width: 28px; max-height: 28px; }

/* ---------- 4. reseau ---------- */
.ac-reseau { position: relative; overflow: hidden; padding: clamp(64px, 7vw, 104px) 0; background: radial-gradient(1200px 500px at 85% 20%, rgba(90, 119, 148, .45), transparent 60%), var(--ac-nuit); }
.ac-reseau-in { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.ac-reseau-valeurs { display: grid; gap: 14px; margin: 30px 0 34px !important; }
.ac-reseau-valeurs li { display: flex; align-items: center; gap: 16px; font-size: 20px; font-weight: 600; color: #fff; }
.ac-reseau-valeurs em { font-style: normal; color: var(--ac-ambre); }
.ac-reseau-valeurs span { width: 40px; height: 40px; flex: none; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .25); display: grid; place-items: center; font-size: 13px; font-weight: 700; color: var(--ac-ambre); }
.ac-btn-video { background: rgba(255, 255, 255, .08); color: #fff !important; border-color: rgba(255, 255, 255, .28); }
.ac-btn-video:hover { background: rgba(255, 255, 255, .16); }
.ac-btn-video svg { fill: currentColor; stroke: none; }
.ac-reseau-carte { max-width: 560px; justify-self: end; width: 100%; }
.ac-reseau-carte svg { width: 100% !important; height: auto !important; }
.ac-reseau-carte svg path { fill: rgba(255, 255, 255, .07) !important; stroke: rgba(255, 255, 255, .45) !important; stroke-width: 1 !important; transition: fill .2s ease; }
.ac-reseau-carte svg a:hover path, .ac-reseau-carte svg path:hover { fill: rgba(243, 172, 75, .75) !important; }
.ac-reseau-carte svg text { display: none; }

/* ---------- 5. experts ---------- */
.ac-experts { background: var(--ac-fond); }
.ac-experts-grille { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ac-expert { display: flex; gap: 18px; padding: 18px; background: #fff; border-radius: var(--ac-r); box-shadow: var(--ac-ombre-1); transition: box-shadow .2s ease, transform .2s ease; }
.ac-expert:hover { box-shadow: var(--ac-ombre-2); transform: translateY(-2px); }
.ac-expert-photo { position: relative; width: 116px; flex: none; }
.ac-expert-photo img { width: 116px; height: 136px; object-fit: cover; border-radius: var(--ac-r-max, 7px); display: block; background: var(--ac-fond); }
.ac-expert-enligne { position: absolute; left: 8px; bottom: 8px; display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: var(--ac-r-max, 7px); background: rgba(255, 255, 255, .94); font-size: 11px; font-weight: 700; color: #1d7a45; }
.ac-expert-enligne:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #22a55a; }
.ac-expert-infos { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ac-expert-infos h3 { font-size: 17px; font-weight: 700; color: var(--ac-encre); line-height: 1.25; }
.ac-expert-ville { display: flex; align-items: center; gap: 5px; font-size: 14px; color: var(--ac-texte); }
.ac-expert-ville svg { width: 15px; height: 15px; color: var(--ac-ambre-fonce); }
.ac-expert-dispo { font-size: 13px; color: var(--ac-gris); }
.ac-expert .ac-lien-fleche { margin-top: auto; font-size: 14px; }
.ac-etoiles { display: flex; align-items: center; gap: 1px; font-size: 16px; line-height: 1; color: #D5DBE2; }
.ac-etoiles .plein { color: var(--ac-ambre); }
.ac-etoiles small { margin-left: 8px; font-size: 13px; color: var(--ac-gris); }

/* ---------- 6. credits obtenus ---------- */
.ac-credits-grille { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ac-credit { display: flex; flex-direction: column; gap: 14px; padding: 24px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r); background: #fff; transition: box-shadow .2s ease, border-color .2s ease; }
.ac-credit:hover { border-color: transparent; box-shadow: var(--ac-ombre-2); }
.ac-credit-objet { display: flex; flex-direction: column; font-weight: 700; color: var(--ac-encre); }
.ac-credit-objet small { font-weight: 500; font-size: 13px; color: var(--ac-gris); }
.ac-credit-montant { font-size: 32px; font-weight: 800; letter-spacing: -.02em; color: var(--ac-nuit); font-variant-numeric: tabular-nums; }
.ac-credit dl { display: grid; grid-template-columns: repeat(3, auto); gap: 8px; padding: 14px 0; border-top: 1px dashed var(--ac-ligne); border-bottom: 1px dashed var(--ac-ligne); }
.ac-credit dt { font-size: 12px; color: var(--ac-gris); }
.ac-credit dd { margin: 0; font-weight: 700; color: var(--ac-encre); font-size: 14px; }
.ac-credit-taux { display: inline-block; padding: 1px 8px; border-radius: var(--ac-r-max, 7px); background: var(--ac-ambre-clair); color: var(--ac-ambre-fonce) !important; }
.ac-credit .ac-btn { margin-top: auto; width: 100%; }

/* ---------- 7. actualites ---------- */
.ac-actus { background: var(--ac-fond); }
.ac-actus-grille { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ac-actu { display: flex; flex-direction: column; gap: 10px; min-height: 230px; padding: 26px; border-radius: var(--ac-r); background: #fff; color: var(--ac-texte); box-shadow: var(--ac-ombre-1); transition: box-shadow .2s ease, transform .2s ease; }
.ac-actu:hover { box-shadow: var(--ac-ombre-2); transform: translateY(-2px); }
.ac-actu small { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ac-ambre-fonce); }
.ac-actu h3 { font-size: 19px; font-weight: 700; line-height: 1.3; color: var(--ac-encre); }
.ac-actu p { font-size: 15px; }
.ac-actu .ac-lien-fleche { margin-top: auto; }
.ac-actu-ambre { background: var(--ac-ambre); justify-content: space-between; }
.ac-actu-ambre h3, .ac-actu-ambre .ac-lien-fleche { color: var(--ac-nuit); }

/* ---------- 8. simulateurs ---------- */
.ac-simulateurs { padding: clamp(64px, 7vw, 96px) 0; background: linear-gradient(135deg, var(--ac-ardoise) 0%, var(--ac-nuit-2) 100%); }
.ac-simus-grille { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.ac-simu { display: flex; flex-direction: column; gap: 8px; padding: 24px 22px; border-radius: var(--ac-r); background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); color: #fff; transition: background-color .2s ease, transform .2s ease, border-color .2s ease; }
.ac-simu:hover { background: rgba(255, 255, 255, .13); border-color: rgba(243, 172, 75, .6); transform: translateY(-2px); }
.ac-simu img { width: 40px; height: 36px; object-fit: contain; object-position: left; margin-bottom: 10px; }
.ac-simu strong { font-size: 17px; font-weight: 700; }
.ac-simu small { font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, .72); }

/* ---------- 9. proximite ---------- */
.ac-proximite-in { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.ac-proximite-texte p:not(.ac-surtitre) { font-size: 16px; margin-top: 14px !important; }
.ac-proximite-texte strong { color: var(--ac-encre); }
.ac-proximite-texte a:not(.ac-btn) { color: var(--ac-ardoise); font-weight: 700; }
.ac-proximite-texte .ac-titre { margin-bottom: 8px; }
.ac-proximite-texte .ac-btn { margin-top: 28px; }
.ac-proximite-photo { position: relative; margin: 0; }
.ac-proximite-photo:before { content: ""; position: absolute; right: -18px; bottom: -18px; width: 55%; height: 60%; border-radius: var(--ac-r); background: var(--ac-ambre); }
.ac-proximite-photo img { position: relative; display: block; width: 100%; height: auto; border-radius: var(--ac-r-max, 7px); box-shadow: var(--ac-ombre-2); }

/* ---------- 10. avis ---------- */
.ac-avis-grille { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ac-avis-carte { display: flex; flex-direction: column; gap: 14px; padding: 26px; border-radius: var(--ac-r); background: var(--ac-fond); }
.ac-avis-carte blockquote { margin: 0; font-size: 15px; line-height: 1.6; color: var(--ac-encre); }
.ac-avis-auteur { margin-top: auto !important; display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: baseline; font-size: 14px; }
.ac-avis-auteur small { width: 100%; color: var(--ac-gris); font-size: 12px; }
.ac-avis-vide { grid-column: 1 / -1; align-items: flex-start; }

/* ---------- bande CTA + newsletter (toutes les pages) ---------- */
.ac-bande-cta { background: var(--ac-ambre); }
.ac-bande-cta-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 40px 0; }
.ac-bande-cta-texte p { margin: 0; }
.ac-bande-cta .ac-surtitre { margin-bottom: 6px !important; }
.ac-bande-cta-titre { font-size: clamp(24px, 2.4vw, 34px); font-weight: 800; letter-spacing: -.02em; color: var(--ac-nuit); line-height: 1.15; }
.ac-infos-bas { background: #fff; padding: 48px 0; border-bottom: 1px solid var(--ac-ligne); }
.ac-infos-bas-in { display: grid; gap: 28px; }
.ac-newsletter { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 28px 32px; border-radius: var(--ac-r); background: var(--ac-fond); }
.ac-newsletter p { margin: 0; }
.ac-newsletter .ac-surtitre { margin-bottom: 6px !important; }
.ac-newsletter-titre { font-size: 20px; font-weight: 700; color: var(--ac-encre); }
.ac-newsletter-champs { display: flex; gap: 10px; align-items: center; }
.ac-newsletter-champs label span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ac-newsletter-champs input { width: 220px; height: 46px !important; min-height: 46px; padding: 0 14px !important; border: 1px solid #CBD3DC !important; border-radius: var(--ac-r-btn) !important; background: #fff; font-family: var(--ac-police); font-size: 15px; color: var(--ac-encre); }
.ac-newsletter-champs input:focus { outline: none; border-color: var(--ac-nuit) !important; box-shadow: 0 0 0 3px rgba(67, 94, 121, .18); }
.ac-newsletter-champs .ac-btn { min-height: 46px; }
.ac-mention-commission { display: flex; gap: 10px; margin: 0; font-size: 13px; line-height: 1.55; color: var(--ac-gris); }
.ac-mention-commission svg { color: var(--ac-ardoise); margin-top: 1px; }

/* ---------- pied de page ---------- */
.ac-pied { background: var(--ac-nuit); color: rgba(255, 255, 255, .72); padding: 64px 0 28px; }
.ac-pied-haut { display: grid; grid-template-columns: 1.1fr 2fr 1fr; gap: 48px; padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.ac-pied-nom { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.ac-pied-nom span { color: var(--ac-ambre); }
.ac-pied-slogan { margin: 6px 0 22px; font-size: 15px; }
.ac-pied-contacts { display: grid; gap: 10px; }
.ac-pied-contacts a { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-weight: 600; }
.ac-pied-contacts a:hover { color: var(--ac-ambre); }
.ac-pied-contacts svg { color: var(--ac-ambre); }
.ac-pied-titre { margin: 0 0 14px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ac-ambre); }
.ac-pied .seconta_foot_menu p { margin: 0; font-size: 14px; line-height: 2; color: rgba(255, 255, 255, .35); }
.ac-pied .seconta_foot_menu p a { color: rgba(255, 255, 255, .8); }
.ac-pied .seconta_foot_menu p a:hover { color: var(--ac-ambre); }
.ac-pied .seconta_foot_menu > div { margin-top: 14px; font-size: 14px; }
.ac-pied .seconta_foot_menu > div a { display: inline-block; margin-left: 6px; padding: 3px 10px; border-radius: var(--ac-r-max, 7px); background: rgba(255, 255, 255, .1); color: #fff; }
.ac-pied-appli { font-size: 14px; }
.ac-pied-appli a img { height: 44px !important; width: auto !important; margin: 6px 8px 0 0; border-radius: var(--ac-r-max, 7px); }
.ac-pied-appli p, .ac-pied-appli div { color: rgba(255, 255, 255, .72); font-size: 14px; background: none !important; }
.ac-pied-bas { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; }
.ac-pied-bas .copyright { margin: 0; text-align: left; font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, .55); background: none; padding: 0; }
.ac-pied-reseaux { display: flex; gap: 8px; }
.ac-pied-reseaux a { width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, .08); display: grid; place-items: center; transition: background-color .2s ease; }
.ac-pied-reseaux a:hover { background: var(--ac-ambre); }
.ac-pied-reseaux img { max-width: 18px; max-height: 18px; filter: brightness(0) invert(1); }

/* ---------- ecrans moyens ---------- */
@media (max-width: 1280px) {
	.ac-menu a { font-size: 14px; padding: 8px 7px; }
	.ac-logo img { width: 210px; }
	.ac-topbar-mention { display: none; }
}
@media (max-width: 1140px) {
	.ac-menu { position: absolute; top: 100%; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 24px 20px; background: #fff; border-bottom: 1px solid var(--ac-ligne); box-shadow: var(--ac-ombre-2); }
	.ac-menu.ac-ouvert { display: flex; }
	.ac-menu a { padding: 14px 4px; border-bottom: 1px solid var(--ac-ligne); font-size: 16px; }
	.ac-menu a:after { display: none; }
	.ac-menu .ac-menu-accueil { display: block; }
	.ac-entete-in { position: relative; }
	.ac-entete-actions { margin-left: auto; }
	.ac-burger { display: flex; }
	.ac-services-grille { grid-template-columns: repeat(3, 1fr); }
	.ac-service:nth-child(3n) { border-right: 0; }
	.ac-service:nth-child(-n+3) { border-bottom: 1px solid var(--ac-ligne); }
	.ac-pourquoi-in, .ac-reseau-in, .ac-proximite-in { grid-template-columns: 1fr; }
	.ac-pourquoi-cote { grid-template-columns: 1fr 1fr 1fr; }
	.ac-reseau-carte { justify-self: center; }
	.ac-experts-grille, .ac-avis-grille { grid-template-columns: 1fr 1fr; }
	.ac-credits-grille, .ac-actus-grille { grid-template-columns: 1fr 1fr; }
	.ac-simus-grille { grid-template-columns: repeat(3, 1fr); }
	.ac-pied-haut { grid-template-columns: 1fr 1fr; }
	.ac-pied-plan { grid-column: 1 / -1; order: 3; }
	.ac-newsletter { grid-template-columns: 1fr; }
}

/* ---------- mobile ---------- */
@media (max-width: 767px) {
	.ac-wrap { width: calc(100% - 32px); }
	.ac-topbar { display: none; }
	.ac-entete-in { min-height: 64px; gap: 12px; }
	.ac-logo img { width: 170px; }
	.ac-entete-actions .ac-btn-ligne { display: none; }
	.ac-entete-actions .ac-btn-ambre { padding: 0 12px; font-size: 14px; }
	.ac-hero { min-height: 0; padding: 48px 0 104px; }
	.ac-hero:before { background: linear-gradient(180deg, rgba(22, 40, 58, .7) 0%, rgba(22, 40, 58, .92) 55%, rgba(22, 40, 58, .97) 100%); }
	.ac-hero-titre { font-size: 38px; }
	.ac-hero-texte { font-size: 16px; }
	.ac-hero-actions { grid-template-columns: 1fr; }
	.ac-hero-garanties { flex-direction: column; }
	.ac-services { margin-top: -64px; }
	.ac-services-grille { grid-template-columns: 1fr 1fr; }
	.ac-service { border-right: 1px solid var(--ac-ligne) !important; border-bottom: 1px solid var(--ac-ligne); padding: 18px 16px; }
	.ac-service:nth-child(2n) { border-right: 0 !important; }
	.ac-service:nth-last-child(-n+2) { border-bottom: 0; }
	.ac-service .ac-fleche { display: none; }
	.ac-entete-section { flex-direction: column; align-items: flex-start; }
	.ac-atouts, .ac-pourquoi-cote, .ac-experts-grille, .ac-avis-grille, .ac-credits-grille, .ac-actus-grille { grid-template-columns: 1fr; }
	.ac-simus-grille { grid-template-columns: 1fr 1fr; }
	.ac-reseau-valeurs li { font-size: 17px; }
	.ac-proximite-photo:before { right: -8px; bottom: -8px; }
	.ac-bande-cta-in { flex-direction: column; align-items: flex-start; }
	.ac-newsletter { padding: 22px; }
	.ac-newsletter-champs { flex-direction: column; align-items: stretch; }
	.ac-newsletter-champs input { width: 100%; }
	.ac-pied-haut { grid-template-columns: 1fr; }
	.ac-pied-bas { flex-direction: column; align-items: flex-start; }
}

/* ---------- correctifs (priorite sur les anciennes feuilles) ---------- */
.ac-topbar .ac-topbar-mention { color: rgba(255, 255, 255, .62); font-size: 12px; }
.ac-topbar-liens { align-items: center; }
.ac-topbar .ac-topbar-rappel { display: inline-flex; align-items: center; gap: 6px; color: var(--ac-ambre); font-weight: 700; cursor: pointer; }
.ac-topbar .ac-topbar-rappel svg { width: 14px; height: 14px; }
.ac-btn, .ac-menu a, .ac-cta-txt { white-space: nowrap; }
.ac-cta-txt { white-space: normal; }
.ac-cta-bleu .ac-cta-txt, .ac-cta-bleu .ac-cta-txt small, .ac-cta-bleu .ac-fleche { color: #fff; }
.ac-cta-ambre .ac-cta-txt, .ac-cta-ambre .ac-cta-txt small, .ac-cta-ambre .ac-fleche { color: var(--ac-nuit); }
.ac-hero-garanties li { color: rgba(255, 255, 255, .86) !important; }
html, body { overflow-x: clip; }
.ac-logo img { width: 220px; }
.ac-entete-in { gap: 22px; }
.ac-menu a { padding: 8px 9px; }
[class^="ac-"] svg path, [class*=" ac-"] svg path, [class^="ac-"] svg circle, [class*=" ac-"] svg circle { stroke: currentColor; }
.ac-hero-garanties svg { color: var(--ac-ambre) !important; stroke: var(--ac-ambre) !important; }
@media (max-width: 1400px) { .ac-menu a { font-size: 14px; padding: 8px 7px; } }
/* L'ancienne feuille pose « * { color:#333; font-family:Roboto } » sur tout : dans la refonte, chaque element herite de son parent. */
:where(.ac-topbar, .ac-entete, .ac-hero, .ac-services, .ac-section, .ac-reseau, .ac-simulateurs, .ac-bande-cta, .ac-infos-bas, .ac-pied) :where(*) { color: inherit; font-family: inherit; }
.ac-reseau { padding: clamp(56px, 6vw, 88px) 0; }
.ac-reseau-carte { max-width: 470px; }
.ac-reseau-valeurs p { margin: 0; }
.ac-avis-lien a { background: var(--ac-nuit); box-shadow: none; }
.ac-avis-lien a:hover { background: var(--ac-ardoise); }
.ac-actus-grille { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.ac-reseau-carte { max-width: 420px; }
.ac-menu .ac-menu-rappel { display: none; }
@media (max-width: 1140px) { .ac-menu .ac-menu-rappel { display: block; color: var(--ac-ambre-fonce); cursor: pointer; } }
@media (max-width: 767px) {
	.ac-entete-actions .ac-btn-ambre { width: 44px; padding: 0; }
	.ac-entete-actions .ac-btn-libelle { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}

/* =====================================================================================
   DENSITE (retour d'Ahmed 28/09) : pas d'espace perdu ; les 6 services visibles
   sans defiler sur un ecran d'ordinateur (1366x768 et plus).
   ===================================================================================== */
.ac-hero { min-height: 0; padding: 40px 0 92px; }
.ac-hero-in > * { max-width: 760px; }
.ac-surtitre { margin-bottom: 10px !important; font-size: 12px; }
.ac-hero-titre { font-size: clamp(34px, 3.4vw, 54px); line-height: 1.04; }
.ac-hero-texte { margin-top: 14px !important; font-size: 17px; line-height: 1.5; max-width: 640px !important; }
.ac-hero-actions { margin-top: 22px; gap: 12px; }
.ac-cta { padding: 10px 14px 10px 10px; }
.ac-cta-ico { width: 48px; height: 48px; }
.ac-cta-ico img { width: 32px; height: 32px; }
.ac-hero-garanties { margin-top: 18px !important; flex-wrap: nowrap; gap: 20px; max-width: none !important; }
.ac-hero-garanties li { white-space: nowrap; font-size: 13.5px; }

.ac-services { margin-top: -60px; }
.ac-service { flex-direction: row; align-items: center; gap: 12px; padding: 16px 16px; }
.ac-service-ico { width: 46px; height: 46px; flex: none; border-radius: var(--ac-r-max, 7px); }
.ac-service-ico img { width: 30px; height: 30px; }
.ac-service-nom { font-size: 15px; }
.ac-service .ac-fleche { top: auto; right: 12px; }

.ac-section { padding: clamp(40px, 4vw, 60px) 0; }
.ac-services + .ac-section { padding-top: 48px; }
.ac-titre { font-size: clamp(26px, 2.3vw, 36px); }
.ac-entete-section { margin-bottom: 24px; }

.ac-pourquoi-in { gap: 32px; grid-template-columns: minmax(0, 1fr) 360px; align-items: stretch; }
.ac-atouts { margin-top: 20px !important; gap: 12px; }
.ac-atouts li { padding: 20px 22px; }
.ac-pourquoi-cote { gap: 12px; grid-template-rows: 1fr 1fr auto; }
.ac-carte-photo { aspect-ratio: auto; min-height: 120px; }
.ac-avis-lien { padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ac-avis-lien p { margin: 0 !important; font-size: 14px; }
.ac-avis-lien a { width: 40px; height: 40px; }
.ac-avis-lien img { max-width: 22px; max-height: 22px; }

.ac-reseau { padding: 44px 0; }
.ac-reseau-in { gap: 40px; }
.ac-reseau-valeurs { margin: 20px 0 24px !important; gap: 10px; }
.ac-reseau-valeurs li { font-size: 18px; }
.ac-reseau-valeurs span { width: 34px; height: 34px; }
.ac-reseau-carte { max-width: 330px; }

.ac-experts-grille, .ac-credits-grille, .ac-actus-grille, .ac-avis-grille { gap: 14px; }
.ac-expert { padding: 14px; }
.ac-expert-photo, .ac-expert-photo img { width: 96px; }
.ac-expert-photo img { height: 112px; }
.ac-credit { padding: 18px 20px; gap: 10px; }
.ac-credit-montant { font-size: 28px; }
.ac-credit dl { padding: 10px 0; }
.ac-credit .ac-btn { min-height: 40px; }
.ac-actu { min-height: 0; padding: 20px 22px; gap: 8px; }
.ac-actu h3 { font-size: 17px; }

.ac-simulateurs { padding: 44px 0; }
.ac-simu { padding: 18px; gap: 6px; }
.ac-simu img { margin-bottom: 4px; height: 32px; }
.ac-simu strong { font-size: 16px; }

.ac-proximite-in { gap: 44px; }
.ac-proximite-texte p:not(.ac-surtitre) { margin-top: 10px !important; font-size: 15.5px; }
.ac-proximite-texte .ac-btn { margin-top: 18px; }
.ac-proximite-photo img { aspect-ratio: 4 / 3; object-fit: cover; }

.ac-avis-compact { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 26px; border-radius: var(--ac-r); background: var(--ac-fond); }
.ac-avis-compact p { margin: 0; font-size: 16px; color: var(--ac-encre); font-weight: 600; }
.ac-avis-compact div { display: flex; gap: 10px; flex-wrap: wrap; }

.ac-bande-cta-in { padding: 26px 0; }
.ac-infos-bas { padding: 28px 0; }
.ac-infos-bas-in { gap: 16px; }
.ac-newsletter { padding: 18px 24px; }
.ac-pied { padding: 44px 0 22px; }
.ac-pied-haut { padding-bottom: 28px; gap: 40px; }
.ac-pied-bas { padding-top: 18px; }

@media (max-width: 1280px) { .ac-hero-garanties { flex-wrap: wrap; } .ac-hero-garanties li { white-space: normal; } }
@media (max-width: 1140px) {
	.ac-services-grille { grid-template-columns: repeat(3, 1fr); }
	.ac-pourquoi-cote { grid-template-rows: none; }
	.ac-carte-photo { aspect-ratio: 16 / 9; }
}
@media (max-width: 767px) {
	.ac-hero { padding: 32px 0 84px; }
	.ac-hero-titre { font-size: 34px; }
	.ac-hero-garanties { flex-direction: column; gap: 8px; }
	.ac-service { flex-direction: column; align-items: flex-start; }
	.ac-avis-compact { flex-direction: column; align-items: flex-start; }
	.ac-reseau-carte { max-width: 280px; }
}
/* equilibrage des colonnes (pas de vide) */
.ac-pourquoi-in { align-items: start; }
.ac-pourquoi-cote { grid-template-rows: none; }
.ac-carte-photo { min-height: 0; height: 142px; }
.ac-reseau-in { grid-template-columns: minmax(0, 1fr) 300px; }
.ac-reseau-valeurs { grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ac-reseau-valeurs li { flex-direction: column; align-items: flex-start; gap: 12px; padding: 18px; border-radius: var(--ac-r); background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); font-size: 17px; line-height: 1.3; }
.ac-reseau-carte { max-width: 300px; }
.ac-avis-compact { grid-column: 1 / -1; }
@media (max-width: 1140px) { .ac-reseau-in { grid-template-columns: 1fr; } .ac-carte-photo { height: auto; aspect-ratio: 16 / 9; } }
@media (max-width: 767px) { .ac-reseau-valeurs { grid-template-columns: 1fr; } }

/* ---------- adaptation a l'ecran : toujours en dernier ---------- */
@media (max-width: 1140px) {
	.ac-pourquoi-in, .ac-reseau-in, .ac-proximite-in { grid-template-columns: 1fr; }
	.ac-pourquoi-cote { grid-template-columns: 1fr 1fr 1fr; }
	.ac-reseau-carte { justify-self: start; }
	.ac-services-grille { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
	.ac-services-grille { grid-template-columns: 1fr 1fr; }
	.ac-service:nth-child(3n) { border-right: 1px solid var(--ac-ligne) !important; }
	.ac-service:nth-child(2n) { border-right: 0 !important; }
	.ac-service:nth-child(-n+4) { border-bottom: 1px solid var(--ac-ligne); }
	.ac-service:nth-last-child(-n+2) { border-bottom: 0; }
	.ac-pourquoi-cote, .ac-atouts, .ac-reseau-valeurs { grid-template-columns: 1fr; }
	.ac-carte-photo { height: auto; aspect-ratio: 16 / 9; }
	.ac-reseau-carte { display: none; }
	.ac-avis-lien { flex-wrap: wrap; }
}

/* =====================================================================================
   Retours d'Ahmed 28/09 (2) : pas de sur-titres a tiret, photo d'expert neutre, nouveau pied
   ===================================================================================== */
.ac-surtitre { display: none !important; }
.ac-hero-titre { margin-top: 0; }

/* photo d'expert : vraie photo, sinon silhouette neutre (jamais le logo) */
.ac-expert-photo { height: 112px; border-radius: var(--ac-r-max, 7px); overflow: hidden; background: linear-gradient(160deg, #E4EAF0 0%, #C9D4DF 100%); }
.ac-expert-photo img { position: relative; z-index: 1; }
.ac-expert-avatar { position: absolute; inset: 0; display: grid; place-items: end center; color: #9AAABB; }
.ac-expert-avatar svg { width: 78%; height: 78%; fill: currentColor; stroke: none; }
.ac-expert-enligne { z-index: 2; }

/* bande CTA et newsletter sans sur-titre */
.ac-bande-cta-sous { margin: 6px 0 0 !important; font-size: 15px; color: rgba(22, 40, 58, .78); font-weight: 500; }
.ac-newsletter-titre { font-size: 19px; }
.ac-newsletter-sous { margin: 4px 0 0 !important; font-size: 14px; color: var(--ac-texte); }

/* ---------- nouveau pied de page ---------- */
.ac-pied { padding: 48px 0 20px; background: var(--ac-nuit); }
.ac-pied-grille { display: grid; grid-template-columns: 1.35fr repeat(4, 1fr); gap: 40px; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.ac-pied-logo { display: inline-flex; align-items: center; gap: 10px; color: #fff; }
.ac-pied-logo svg { width: 38px; height: 35px; fill: none; stroke: var(--ac-ambre); stroke-width: 2.4; }
.ac-pied-logo span { font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.ac-pied-logo b { color: var(--ac-ambre); font-weight: 800; }
.ac-pied-slogan { margin: 12px 0 18px; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, .62); max-width: 300px; }
.ac-pied-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ac-pied-actions .ac-btn { min-height: 40px; font-size: 14px; padding: 0 14px; }
.ac-btn-contour { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .28); }
.ac-btn-contour:hover { border-color: #fff; }
.ac-pied-appli-titre { margin: 22px 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.ac-pied-stores { display: flex; gap: 8px; }
.ac-pied-stores img { height: 40px; width: auto; border-radius: 7px; display: block; }
.ac-pied-col { display: flex; flex-direction: column; gap: 9px; }
.ac-pied-titre { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: none; color: #fff; }
.ac-pied-col a { font-size: 14px; color: rgba(255, 255, 255, .66); transition: color .15s ease; }
.ac-pied-col a:hover { color: var(--ac-ambre); }
.ac-pied-bas { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 18px; }
.ac-pied-legal .copyright { margin: 0; text-align: left; font-size: 12.5px; line-height: 1.6; color: rgba(255, 255, 255, .5); background: none; padding: 0; }
.ac-pied-reseaux a { width: 34px; height: 34px; }
.ac-pied-reseaux img { max-width: 16px; max-height: 16px; }
@media (max-width: 1140px) {
	.ac-pied-grille { grid-template-columns: repeat(2, 1fr); }
	.ac-pied-marque { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
	.ac-pied-grille { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
	.ac-pied-bas { flex-direction: column; align-items: flex-start; }
}

/* Pied de page : logo officiel d'Accord (image), pose sur un fond blanc pour rester fidele sur le bleu nuit */
.ac-pied-logo { display: inline-flex; padding: 8px 12px; background: #fff; border-radius: var(--ac-r-max, 7px); }
.ac-pied-logo img { display: block; width: 200px; height: auto; }

/* =====================================================================================
   Boutons du bandeau (retour d'Ahmed 28/09) : plus de cartes a pictogramme.
   Un bouton principal plein + un bouton secondaire en contour, sobres et professionnels.
   ===================================================================================== */
.ac-hero-actions, .ac-page-actions { display: flex !important; flex-wrap: wrap; gap: 12px; grid-template-columns: none !important; }
.ac-hbtn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border-radius: var(--ac-r-max, 7px); font-family: var(--ac-police); font-size: 16px; font-weight: 700; line-height: 1; letter-spacing: .005em; text-decoration: none !important; cursor: pointer; white-space: nowrap; transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease; }
.ac-hbtn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .15s ease; }
.ac-hbtn:hover svg { transform: translateX(3px); }
.ac-hbtn-primaire { background: var(--ac-ambre); color: var(--ac-nuit) !important; border: 1px solid var(--ac-ambre); }
.ac-hbtn-primaire:hover { background: #f6b863; }
.ac-hbtn-second { background: rgba(22, 40, 58, .45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff !important; border: 1px solid rgba(255, 255, 255, .55); }
.ac-hbtn-second:hover { background: rgba(22, 40, 58, .65); border-color: #fff; }
.ac-page-actions .ac-hbtn { min-height: 46px; padding: 0 20px; font-size: 15px; }
.ac-service-ico { background: transparent !important; }
.ac-service-ico img { width: 34px !important; height: 34px !important; }
@media (max-width: 767px) {
	.ac-hero-actions, .ac-page-actions { flex-direction: column; align-items: stretch; }
	.ac-hbtn { white-space: normal; text-align: center; }
}

/* =====================================================================================
   Fenetres a formulaire chargees en iframe (comparateur, credit immobilier, rachat, reme, pro) :
   roue de chargement visible derriere l'iframe tant que le formulaire n'est pas arrive (28/09).
   ===================================================================================== */
#comparatif::before, #menu_ci::before, #menu_cic::before, #menu_cip::before, #menu_cr::before {
	content: "Chargement du formulaire\2026"; position: absolute; left: 0; right: 0; top: 190px; z-index: 0;
	text-align: center; font-weight: 600; font-size: 16px; color: var(--ac-nuit, #16283A); pointer-events: none;
}
#comparatif::after, #menu_ci::after, #menu_cic::after, #menu_cip::after, #menu_cr::after {
	content: ""; position: absolute; left: calc(50% - 16px); top: 140px; z-index: 0; width: 32px; height: 32px; box-sizing: border-box;
	border: 4px solid #E3EAF1; border-top-color: var(--ac-ambre, #F3AC4B); border-radius: 50%; animation: acAttenteIframe .8s linear infinite; pointer-events: none;
}
@keyframes acAttenteIframe { to { transform: rotate(360deg); } }
#comparatif iframe, #menu_ci iframe, #menu_cic iframe, #menu_cip iframe, #menu_cr iframe,
#comparatif [id^="container_popup_"], #menu_ci [id^="container_popup_"], #menu_cic [id^="container_popup_"], #menu_cip [id^="container_popup_"], #menu_cr [id^="container_popup_"] { position: relative; z-index: 1; }
.ac-iframe-prete::before, .ac-iframe-prete::after { display: none !important; }

/* =====================================================================================
   Pas de cadre bleu au clic (retour d'Ahmed 29/09) : contour de focus, ombre Bootstrap et
   surbrillance tactile supprimes a la souris et au doigt. Le contour reste pour la navigation
   au clavier (:focus-visible), indispensable a l'accessibilite.
   ===================================================================================== */
html { -webkit-tap-highlight-color: transparent; }
a:focus:not(:focus-visible), button:focus:not(:focus-visible), [role="button"]:focus:not(:focus-visible),
.btn:focus:not(:focus-visible), .btn:active, .btn:first-child:active, .btn-check + .btn:active,
input[type="button"]:focus:not(:focus-visible), input[type="submit"]:focus:not(:focus-visible) {
	outline: none !important; box-shadow: none !important;
}
a:focus-visible, button:focus-visible, .btn:focus-visible { outline: 3px solid var(--ac-ambre, #F3AC4B) !important; outline-offset: 2px; box-shadow: none !important; }

/* Bandeau RGPD (02/10/2026) : boutons cote a cote et lisibles (ils se chevauchaient sur mobile, « Accepter » blanc sur ambre
   illisible : contraste 1,9). Bleu marine sur l'ambre, comme les autres boutons d'Accord. */
#popup_rgpd.popup_block_hp {
	left: 0 !important; right: 0; bottom: 0; width: auto !important; margin: 0 !important;
	background: var(--ac-nuit, #16283A); border-top: 3px solid var(--ac-ambre, #F3AC4B); border-radius: 0;
	padding: 14px 16px calc(14px + env(safe-area-inset-bottom)); box-shadow: 0 -6px 24px rgba(0, 0, 0, .25);
	font-family: var(--ac-police); box-sizing: border-box; transition: none;
}
#popup_rgpd .titreFormAvis { color: #fff; font-size: 14px; line-height: 1.5; text-align: center; max-width: 760px; margin: 0 auto 12px; padding: 0; }
#popup_rgpd #bt_oui_non { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0; }
#popup_rgpd #bt_oui_non .bt_nok, #popup_rgpd #bt_oui_non .bt_ok {
	display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 130px; margin: 0;
	padding: 10px 18px; border-radius: var(--ac-r-max, 7px); font-size: 15px; font-weight: 700; text-transform: none;
	text-decoration: none; line-height: 1.2; float: none; box-sizing: border-box; transition: background-color .15s, border-color .15s;
}
#popup_rgpd #bt_oui_non .bt_nok { background: transparent; color: #fff !important; border: 2px solid rgba(255, 255, 255, .8); }
#popup_rgpd #bt_oui_non .bt_ok { background: var(--ac-ambre, #F3AC4B); color: var(--ac-nuit, #16283A) !important; border: 2px solid var(--ac-ambre, #F3AC4B); }
#popup_rgpd #bt_oui_non .bt_nok:hover { background: rgba(255, 255, 255, .12); }
#popup_rgpd #bt_oui_non .bt_ok:hover { background: #F7C27A; border-color: #F7C27A; }

/* css_ac/accord-2026-pages.css */
/* =====================================================================================
   Accord-credit.fr - refonte 2026 : pages interieures
   Bandeau compact + mise en forme commune des anciens contenus (colonne de texte,
   colonne laterale, tableaux, formulaires). Charge apres accord-2026.css.
   ===================================================================================== */

/* ---------- bandeau compact ---------- */
.ac-page-hero { position: relative; overflow: hidden; background: var(--ac-nuit); font-family: var(--ac-police); }
.ac-page-hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 75% 35%; }
.ac-page-hero:before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(22, 40, 58, .96) 0%, rgba(22, 40, 58, .88) 38%, rgba(22, 40, 58, .45) 66%, rgba(22, 40, 58, .15) 100%); }
.ac-page-hero-in { position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; min-height: 230px; padding: 34px 0 34px; }
.ac-page-hero-texte { max-width: 720px; }
.ac-fil { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 13px; color: rgba(255, 255, 255, .6); }
.ac-fil a { color: rgba(255, 255, 255, .8); text-decoration: none; }
.ac-fil a:hover { color: var(--ac-ambre); }
.ac-fil span:last-child { color: rgba(255, 255, 255, .9); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60ch; }
.ac-page-titre { margin: 0; font-size: clamp(28px, 2.8vw, 42px); line-height: 1.1; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.ac-page-titre em { font-style: normal; color: var(--ac-ambre); }
.ac-page-intro { margin: 12px 0 0; font-size: 16px; line-height: 1.5; color: rgba(255, 255, 255, .8); max-width: 600px; }
.ac-page-actions { display: flex; gap: 10px; flex: none; }
.ac-mini-cta { display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border-radius: var(--ac-r-max, 7px); cursor: pointer; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.ac-mini-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0, 0, 0, .25); }
.ac-mini-cta img { width: 40px; height: 40px; padding: 6px; border-radius: 7px; background: #fff; object-fit: contain; }
.ac-mini-cta span { display: flex; flex-direction: column; font-size: 15px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.ac-mini-cta small { font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .75; }
.ac-mini-cta-bleu { background: var(--ac-ardoise); border: 1px solid rgba(255, 255, 255, .22); }
.ac-mini-cta-bleu span, .ac-mini-cta-bleu small { color: #fff; }
.ac-mini-cta-ambre { background: var(--ac-ambre); }
.ac-mini-cta-ambre span, .ac-mini-cta-ambre small { color: var(--ac-nuit); }
/* services sous le bandeau des pages : chevauchement plus discret */
.ac-page-hero + .ac-services { margin-top: -18px; }
.ac-page-hero + .ac-services .ac-services-grille { box-shadow: var(--ac-ombre-1); }

/* ---------- conteneur des anciens contenus ---------- */
main { font-family: var(--ac-police); }
main .small_width, main .big_concent, main .middle_width { width: min(var(--ac-large), calc(100% - 64px)) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }

/* ---------- colonne de texte + colonne laterale (pages dossiers et apparentees) ---------- */
main .str_colonne { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; align-items: start; padding: 40px 0 48px !important; }
main .str_colonne > .str_for_left { width: auto !important; float: none !important; min-width: 0; }
main .str_colonne > aside { width: auto !important; float: none !important; display: grid; gap: 12px; position: sticky; top: 130px; }
main .content_statique_site { padding: 0 !important; background: none !important; }
main .content_statique_site > .for_titre:first-child { display: none; } /* titre repris dans le bandeau */
main .desc_content_statique_site { font-size: 16px !important; line-height: 1.7 !important; color: var(--ac-texte) !important; }
main .desc_content_statique_site h2, main .desc_content_statique_site h3 { margin: 28px 0 10px !important; font-family: var(--ac-police) !important; font-weight: 800 !important; letter-spacing: -.01em; color: var(--ac-encre) !important; line-height: 1.25 !important; text-transform: none !important; }
main .desc_content_statique_site h2 { font-size: 24px !important; }
main .desc_content_statique_site h3 { font-size: 19px !important; }
main .desc_content_statique_site strong, main .desc_content_statique_site b { color: var(--ac-encre); }
main .desc_content_statique_site a { color: var(--ac-ardoise); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
main .desc_content_statique_site img[style*="float"] { border: 0 !important; padding: 0 !important; border-radius: var(--ac-r-max, 7px); margin: 4px 28px 18px 0 !important; max-width: 44% !important; height: auto; box-shadow: var(--ac-ombre-1); }
main .desc_content_statique_site ul { margin: 12px 0 16px; padding-left: 0; list-style: none; }
main .desc_content_statique_site ul li { position: relative; padding-left: 22px; margin: 6px 0; }
main .desc_content_statique_site ul li:before { content: ""; position: absolute; left: 4px; top: .7em; width: 7px; height: 7px; border-radius: 50%; background: var(--ac-ambre); }
main table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 14.5px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); overflow: hidden; }
main table th { background: var(--ac-fond); color: var(--ac-encre); font-weight: 700; text-align: left; }
main table th, main table td { padding: 10px 14px; border-bottom: 1px solid var(--ac-ligne); }
main table tr:last-child td { border-bottom: 0; }

/* colonne laterale : cartes lien et avis */
main aside .lien_aside { margin: 0 !important; }
main aside .lien_aside a { display: block; border-radius: var(--ac-r); overflow: hidden; box-shadow: var(--ac-ombre-1); transition: transform .2s ease, box-shadow .2s ease; }
main aside .lien_aside a:hover { transform: translateY(-2px); box-shadow: var(--ac-ombre-2); }
main aside .lien_aside img { display: block; width: 100% !important; height: auto !important; }
main aside .contact_home { margin: 0 !important; padding: 14px 16px !important; border-radius: var(--ac-r); background: var(--ac-ambre-clair) !important; display: flex; align-items: center; justify-content: space-between; gap: 10px; height: auto !important; box-shadow: none !important; }
main aside .contact_home .for_titre { margin: 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: 700 !important; color: var(--ac-encre) !important; text-transform: none !important; background: none !important; }
main aside .contact_home .for_titre:before, main aside .contact_home .for_titre:after { display: none !important; }
main aside .contact_home > div { display: flex; gap: 8px; margin: 0 !important; padding: 0 !important; background: none !important; }
main aside .contact_home > div a { width: 38px; height: 38px; border-radius: var(--ac-r-max, 7px); background: var(--ac-nuit); display: grid; place-items: center; }
main aside .contact_home > div img { max-width: 20px; max-height: 20px; }

/* ---------- titres de section des anciennes pages ---------- */
main > section .for_titre, main .small_width > .for_titre, main .big_concent > .for_titre {
	font-family: var(--ac-police) !important; font-weight: 800 !important; letter-spacing: -.02em !important; text-transform: none !important;
	font-size: clamp(24px, 2.2vw, 32px) !important; line-height: 1.15 !important; color: var(--ac-encre) !important; background-image: none !important;
}
main > section .for_titre span, main .small_width > .for_titre span { color: var(--ac-ardoise) !important; }

/* ---------- formulaires des anciennes pages ---------- */
main form input[type="text"], main form input[type="email"], main form input[type="tel"], main form input[type="number"], main form input[type="password"], main form select, main form textarea {
	width: 100%; min-height: 44px !important; padding: 0 14px !important; border: 1px solid #CBD3DC !important; border-radius: var(--ac-r-max, 7px) !important;
	background: #fff !important; font-family: var(--ac-police) !important; font-size: 15px !important; color: var(--ac-encre) !important; box-shadow: none !important;
}
main form textarea { min-height: 120px !important; padding: 12px 14px !important; }
main form input:focus, main form select:focus, main form textarea:focus { outline: none !important; border-color: var(--ac-nuit) !important; box-shadow: 0 0 0 3px rgba(67, 94, 121, .18) !important; }
main form button, main form input[type="submit"], main form input[type="reset"], main form .validForm {
	min-height: 46px; padding: 0 24px !important; border: 0 !important; border-radius: var(--ac-r-max, 7px) !important; font-family: var(--ac-police) !important;
	font-size: 15px !important; font-weight: 700 !important; letter-spacing: .01em !important; text-transform: none !important; cursor: pointer;
	background: var(--ac-ambre) !important; color: var(--ac-nuit) !important; box-shadow: none !important;
}
main form input[type="reset"], main form button[type="reset"] { background: #fff !important; color: var(--ac-nuit) !important; border: 1px solid var(--ac-ligne) !important; }

@media (max-width: 1140px) {
	main .str_colonne { grid-template-columns: 1fr; }
	main .str_colonne > aside { position: static; grid-template-columns: repeat(3, 1fr); }
	.ac-page-hero-in { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767px) {
	main .small_width, main .big_concent, main .middle_width { width: calc(100% - 32px) !important; }
	.ac-page-hero-in { min-height: 0; padding: 26px 0; gap: 18px; }
	.ac-page-hero:before { background: linear-gradient(180deg, rgba(22, 40, 58, .8), rgba(22, 40, 58, .95)); }
	.ac-page-actions { width: 100%; flex-direction: column; }
	.ac-mini-cta { width: 100%; }
	.ac-fil span:last-child { max-width: 24ch; }
	main .str_colonne > aside { grid-template-columns: 1fr; }
	main .desc_content_statique_site img[style*="float"] { float: none !important; max-width: 100% !important; margin: 0 0 16px !important; }
}

/* ---------- blocs communs ---------- */
.ac-titre-bloc { margin: 0 0 8px; font-family: var(--ac-police); font-size: 22px; font-weight: 800; letter-spacing: -.01em; color: var(--ac-encre); }
.ac-texte-bloc { margin: 0 0 20px; font-size: 15px; line-height: 1.6; color: var(--ac-texte); }

/* ---------- formulaire moderne (intitule dans le champ) ---------- */
.ac-form-grille { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ac-champ { position: relative; }
.ac-champ-large { grid-column: 1 / -1; }
.ac-champ-duo { display: grid; grid-template-columns: 130px 1fr; gap: 14px; }
main form.ac-form .ac-champ input, main form.ac-form .ac-champ textarea {
	width: 100%; height: 52px; min-height: 52px !important; padding: 20px 14px 6px !important;
	border: 1px solid #CBD3DC !important; border-radius: var(--ac-r-max, 7px) !important; background: #fff !important;
	font-family: var(--ac-police) !important; font-size: 15px !important; color: var(--ac-encre) !important;
}
main form.ac-form .ac-champ textarea { height: auto; min-height: 130px !important; padding-top: 26px !important; resize: vertical; }
.ac-champ label { position: absolute; left: 15px; top: 16px; margin: 0; font-family: var(--ac-police); font-size: 15px; font-weight: 500; color: var(--ac-gris); pointer-events: none; transition: top .15s ease, font-size .15s ease, color .15s ease; }
.ac-champ input:focus + label, .ac-champ input:not(:placeholder-shown) + label,
.ac-champ textarea:focus + label, .ac-champ textarea:not(:placeholder-shown) + label { top: 7px; font-size: 11.5px; font-weight: 700; letter-spacing: .02em; color: var(--ac-ardoise); }
.ac-champ .erreur { display: block; margin-top: 4px; font-size: 13px !important; font-weight: 600 !important; color: #C0392B !important; }
.ac-form-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 18px; }
.ac-form-boutons { display: flex; gap: 10px; }
main form.ac-form .ac-form-boutons .ac-btn { min-height: 48px; }
main form.ac-form .ac-btn-ligne { background: #fff !important; color: var(--ac-nuit) !important; border: 1px solid var(--ac-ligne) !important; }
.ac-form-note { margin: 12px 0 0; font-size: 12.5px; color: var(--ac-gris); }

/* ---------- page contact ---------- */
.ac-contact { background: var(--ac-fond); }
.ac-contact-in { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.ac-carte-form, .ac-carte-infos { padding: 28px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-contact-cote { display: grid; gap: 12px; }
.ac-coordonnees { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 14px; }
.ac-coordonnees li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 1.45; color: var(--ac-encre); }
.ac-coordonnees svg { width: 20px; height: 20px; color: var(--ac-ambre-fonce); margin-top: 1px; }
.ac-coordonnees a { color: var(--ac-encre); font-weight: 700; text-decoration: none; }
.ac-raccourci { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); cursor: pointer; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.ac-raccourci:hover { transform: translateY(-2px); box-shadow: var(--ac-ombre-2); }
.ac-raccourci-ico { width: 44px; height: 44px; border-radius: var(--ac-r-max, 7px); display: grid; place-items: center; background: var(--ac-ambre-clair); color: var(--ac-ambre-fonce); flex: none; }
.ac-raccourci > span:nth-child(2) { display: flex; flex-direction: column; }
.ac-raccourci strong { font-size: 16px; color: var(--ac-encre); }
.ac-raccourci small { font-size: 13px; color: var(--ac-gris); }
.ac-raccourci .ac-fleche { margin-left: auto; color: var(--ac-ardoise); }
@media (max-width: 1140px) { .ac-contact-in { grid-template-columns: 1fr; } .ac-contact-cote { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) {
	.ac-form-grille { grid-template-columns: 1fr; }
	.ac-contact-cote { grid-template-columns: 1fr; }
	.ac-carte-form, .ac-carte-infos { padding: 20px; }
	.ac-form-boutons { width: 100%; }
	.ac-form-boutons .ac-btn { flex: 1; }
}

/* ---------- page temoignages ---------- */
.ac-temoignages { background: var(--ac-fond); }
.ac-temoignages-in { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 24px; align-items: start; }
.ac-note-site { position: sticky; top: 130px; padding: 26px; border-radius: var(--ac-r); background: var(--ac-nuit); color: #fff; }
.ac-note-chiffre { margin: 0; font-size: 56px; line-height: 1; font-weight: 800; letter-spacing: -.03em; color: #fff; }
.ac-note-chiffre small { font-size: 22px; color: rgba(255, 255, 255, .6); margin-left: 4px; }
.ac-etoiles-grandes { font-size: 22px !important; margin: 10px 0 4px !important; }
.ac-note-legende { margin: 0; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .8); }
.ac-note-texte { margin: 18px 0 20px; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, .7); }
.ac-note-site .ac-btn { width: 100%; }
.ac-temoignages-liste { display: grid; gap: 12px; }
.ac-temoignages-liste .ac-titre-bloc { margin-bottom: 4px; }
.ac-avis-ligne { background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-avis-tete { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ac-avis-auteur-nom { margin: 0 0 4px; display: flex; flex-direction: column; font-weight: 700; color: var(--ac-encre); }
.ac-avis-auteur-nom small { font-weight: 500; font-size: 13px; color: var(--ac-gris); }
.ac-avis-expert { display: flex; flex-direction: column; align-items: flex-end; font-size: 13px; color: var(--ac-texte); }
.ac-avis-expert a { color: var(--ac-ardoise); font-weight: 700; text-decoration: none; }
.ac-pagination { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ac-pagination a { min-width: 38px; height: 38px; padding: 0 10px; display: grid; place-items: center; border-radius: var(--ac-r-max, 7px); background: #fff; border: 1px solid var(--ac-ligne); color: var(--ac-encre); font-weight: 700; text-decoration: none; }
.ac-pagination a.active, .ac-pagination a:hover { background: var(--ac-nuit); border-color: var(--ac-nuit); color: #fff; }
@media (max-width: 1140px) { .ac-temoignages-in { grid-template-columns: 1fr; } .ac-note-site { position: static; } }
.ac-temoignages .ac-avis-compact { background: #fff; box-shadow: var(--ac-ombre-1); }
main .ac-services + * .str_colonne, main .ac-services + .str_colonne { padding-top: 28px !important; }
main aside .contact_home > div a { width: 38px !important; height: 38px !important; padding: 0 !important; margin: 0 !important; line-height: 0; }
main aside .contact_home > div a img { width: auto !important; height: auto !important; }
main aside .contact_home .for_titre { flex: 1 1 auto; min-width: 0; width: auto !important; }
main aside .contact_home > div { flex: none; gap: 6px !important; width: auto !important; }
main aside .contact_home > div a { width: 36px !important; height: 36px !important; }
/* choix de la note (formulaire d'avis) */
.ac-note-choix { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 6px 2px; }
.ac-note-choix-libelle { font-size: 15px; font-weight: 600; color: var(--ac-encre); }
.ac-etoiles-choix { display: flex; gap: 4px; }
main form .ac-etoiles-choix button { min-height: 0 !important; width: 40px; height: 40px; padding: 0 !important; border-radius: var(--ac-r-max, 7px) !important; border: 1px solid var(--ac-ligne) !important; background: #fff !important; color: #D5DBE2 !important; font-size: 22px !important; line-height: 1; cursor: pointer; }
main form .ac-etoiles-choix button.plein { color: var(--ac-ambre) !important; border-color: var(--ac-ambre) !important; background: var(--ac-ambre-clair) !important; }
.ac-page-hero *, .ac-page-hero *:before, .ac-page-hero *:after { box-sizing: border-box; }

/* =====================================================================================
   Bandeaux : photo entiere (retour d'Ahmed 28/09 : images coupees).
   La photo garde sa proportion d'origine (2400x1018), collee a droite, fondue dans le bleu nuit.
   ===================================================================================== */
.ac-page-hero-in { min-height: 290px; }
.ac-page-hero-photo {
	left: auto !important; right: 0; top: 0; bottom: 0;
	width: auto !important; height: 100% !important; aspect-ratio: 2400 / 1018; max-width: 72%;
	object-fit: cover; object-position: right center;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30%); mask-image: linear-gradient(90deg, transparent 0, #000 30%);
}
.ac-page-hero:before { background: linear-gradient(90deg, rgba(22, 40, 58, .55) 0%, rgba(22, 40, 58, .2) 45%, rgba(22, 40, 58, 0) 70%); }
@media (max-width: 767px) {
	.ac-page-hero { display: flex; flex-direction: column; }
	.ac-page-hero-photo { position: relative !important; order: -1; width: 100% !important; height: auto !important; max-width: none; aspect-ratio: 2400 / 1018; -webkit-mask-image: none; mask-image: none; }
	.ac-page-hero:before { display: none; }
	.ac-page-hero-in { min-height: 0; }
}
@media (min-width: 768px) {
	.ac-page-hero-in { flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; }
	.ac-page-hero-texte { max-width: min(640px, 48%); }
	.ac-page-hero-in > .ac-page-actions { max-width: 48%; }
}

/* =====================================================================================
   Bandeaux pleine largeur (retour d'Ahmed 28/09 : trop de bleu).
   Photos panoramiques dediees (images_ac/bandeau-*.jpg, 3,6:1, personnes a droite,
   decor calme a gauche) : la photo couvre tout le bandeau ; un voile degrade a gauche
   seulement assure la lisibilite du texte.
   ===================================================================================== */
.ac-page-hero-photo {
	left: 0 !important; right: 0; width: 100% !important; height: 100% !important; max-width: none !important; aspect-ratio: auto;
	object-fit: cover; object-position: 70% 38%;
	-webkit-mask-image: none; mask-image: none;
}
.ac-page-hero:before { background: linear-gradient(90deg, rgba(22, 40, 58, .9) 0%, rgba(22, 40, 58, .72) 30%, rgba(22, 40, 58, .25) 55%, rgba(22, 40, 58, 0) 72%); }
.ac-page-hero-in { min-height: 300px; }
@media (max-width: 767px) {
	.ac-page-hero-photo { position: relative !important; height: auto !important; aspect-ratio: 16 / 9; object-position: 78% 40%; }
}
.ac-page-hero-photo { object-position: 70% 12%; }

/* css_ac/pages-lemoine-confiance.css */
/* Accord refonte 2026 : pages lemoine-confiance (lot parallele) */
/* Pages : loi_lemoine.php (classes ac-lm-*) et contrat_confiance/index.php (classes ac-cc-*) */

/* neutralise les anciennes feuilles (* { color; font-family }) dans nos blocs */
.ac-lm, .ac-cc { font-family: var(--ac-police); color: var(--ac-texte); line-height: 1.55; }
.ac-lm *, .ac-cc * { box-sizing: border-box; }
:where(.ac-lm, .ac-cc) :where(*) { color: inherit; font-family: inherit; }
.ac-lm h2, .ac-lm h3, .ac-lm p, .ac-lm ul, .ac-lm ol, .ac-lm figure, .ac-lm blockquote,
.ac-cc h2, .ac-cc h3, .ac-cc p, .ac-cc ul, .ac-cc ol, .ac-cc figure, .ac-cc blockquote { margin: 0; padding: 0; }
.ac-lm ul, .ac-lm ol, .ac-cc ul, .ac-cc ol { list-style: none; }
.ac-lm li, .ac-cc li { margin: 0; padding: 0; background: none; border: 0; }
.ac-lm li:before, .ac-cc li:before { content: none; }
.ac-lm a, .ac-cc a { text-decoration: none; }
.ac-lm sup, .ac-cc sup { font-size: .62em; line-height: 0; vertical-align: .55em; }
.ac-lm .ac-titre-bloc, .ac-cc .ac-titre-bloc { color: var(--ac-encre); line-height: 1.2; text-transform: none; }
.ac-lm h3, .ac-cc h3 { font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--ac-encre); letter-spacing: -.005em; text-transform: none; }
.ac-lm p, .ac-cc p { font-size: 15.5px; line-height: 1.65; }
.ac-lm strong, .ac-cc strong { color: var(--ac-encre); font-weight: 700; }
section.ac-lm.ac-section, section.ac-cc.ac-section { padding: 52px 0; }

/* ================= LOI LEMOINE ================= */

/* 1. introduction + cartes photo */
.ac-lm-intro-in { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 40px; align-items: stretch; }
.ac-lm-texte .ac-titre-bloc { font-size: 26px; margin-bottom: 10px; }
.ac-lm-texte p + .ac-titre-bloc { margin-top: 26px; }
.ac-lm-cartes { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.ac-carte-photo.ac-lm-carte { aspect-ratio: auto; min-height: 140px; height: auto; box-shadow: var(--ac-ombre-1); }
.ac-carte-photo.ac-lm-carte img { position: absolute; inset: 0; }
.ac-lm-carte span { color: #fff !important; font-size: 19px; }

/* 2. pourquoi + a qui */
.ac-lm-pourquoi { background: var(--ac-fond); }
.ac-lm-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch; }
.ac-lm-carte-blanche { padding: 30px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-lm-carte-blanche .ac-titre-bloc { margin-bottom: 8px; }
.ac-lm-carte-blanche .ac-texte-bloc { margin-bottom: 18px; }
.ac-lm-carte-blanche > h3 { margin-bottom: 10px; }
.ac-lm-liste { display: grid; gap: 9px; }
.ac-lm-liste li { position: relative; padding-left: 26px; font-size: 15px; line-height: 1.55; color: var(--ac-texte); }
.ac-lm-liste li:before { content: ""; position: absolute; left: 2px; top: 5px; width: 14px; height: 14px; border-radius: 50%;
	background: var(--ac-ambre-clair) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C97B14' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 10px no-repeat; }
.ac-lm-encart { margin-top: 22px; padding: 18px 20px; border-radius: var(--ac-r-max, 7px); background: var(--ac-ambre-clair); border-left: 4px solid var(--ac-ambre); }
.ac-lm-encart h3 { margin-bottom: 4px; }
.ac-lm-encart p { font-size: 15px; }
.ac-lm-publics { display: grid; gap: 12px; margin-top: 14px; }
.ac-lm-publics li { display: flex; gap: 16px; align-items: flex-start; padding: 16px 18px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); }
.ac-lm-ico { width: 52px; height: 52px; flex: none; border-radius: var(--ac-r-max, 7px); background: var(--ac-fond); display: grid; place-items: center; }
.ac-lm-ico img { width: 36px; height: 36px; object-fit: contain; }
.ac-lm-publics h3 { margin-bottom: 3px; font-size: 16px; }
.ac-lm-publics p { font-size: 14.5px; line-height: 1.55; }

/* 3. resume + formulaire */
.ac-lm-contact-in { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 20px; align-items: stretch; }
.ac-lm-resume { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: 32px; border-radius: var(--ac-r);
	background: var(--ac-nuit) url("/images_ac/bandeau-lemoine.jpg") 70% 30% / cover no-repeat; color: rgba(255, 255, 255, .82); }
.ac-lm-resume:before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(22, 40, 58, .95) 0%, rgba(22, 40, 58, .72) 45%, rgba(22, 40, 58, .95) 100%); }
.ac-lm-resume > * { position: relative; }
.ac-lm .ac-lm-resume h2 { font-size: 28px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; color: #fff; margin-bottom: 12px; }
.ac-lm .ac-lm-resume p { color: rgba(255, 255, 255, .82); }
.ac-lm .ac-lm-resume-fort { font-size: 18px; line-height: 1.45; }
.ac-lm .ac-lm-resume strong { color: var(--ac-ambre); }
.ac-lm-resume-date { padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .16); }
.ac-lm .ac-lm-resume-quand { font-size: 22px; font-weight: 700; line-height: 1.25; color: #fff; margin-bottom: 6px; }
.ac-lm-contact .ac-carte-form { box-shadow: var(--ac-ombre-1); border: 1px solid var(--ac-ligne); }
.ac-lm-contact .ac-carte-form > .ac-titre-bloc { margin-bottom: 18px; scroll-margin-top: 140px; }
.ac-lm-contact .content_form_unit { width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; }
.ac-lm-contact .ac-champ { margin: 0 !important; }
.ac-lm-merci p { margin-bottom: 8px; }
.ac-lm .abeille { display: none !important; }

/* ================= CONTRAT DE CONFIANCE ================= */

/* 1. types de projets : bandeau blanc qui chevauche le bandeau photo */
.ac-cc-projets { position: relative; z-index: 5; margin-top: -18px; }
.ac-cc-projets-grille { display: grid; grid-template-columns: repeat(5, 1fr); background: #fff; border-radius: var(--ac-r); box-shadow: var(--ac-ombre-2); overflow: hidden; }
.ac-cc-projets-grille li { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-right: 1px solid var(--ac-ligne); font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--ac-encre); }
.ac-cc-projets-grille li:last-child { border-right: 0; }
.ac-cc-projet-ico { width: 44px; height: 44px; flex: none; border-radius: var(--ac-r-max, 7px); overflow: hidden; display: grid; place-items: center; background: var(--ac-ambre); }
.ac-cc-projet-ico img { width: 44px; height: 44px; object-fit: contain; }

/* 2. clarte */
.ac-cc-clarte-haut { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 40px; align-items: stretch; }
.ac-cc-clarte-texte .ac-titre-bloc { font-size: 26px; margin-bottom: 12px; }
.ac-cc .ac-cc-chapeau { font-size: 17px; line-height: 1.6; color: var(--ac-encre); margin-bottom: 22px; }
.ac-cc-clarte-texte h3 + p { margin-top: 4px; }
.ac-cc-raisons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.ac-cc-raisons li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--ac-encre); }
.ac-cc-raisons span { width: 30px; height: 30px; flex: none; border-radius: var(--ac-r-max, 7px); background: var(--ac-ambre-clair); color: var(--ac-ambre-fonce); display: grid; place-items: center; font-weight: 800; font-size: 14px; }
.ac-cc-photo { position: relative; border-radius: var(--ac-r); overflow: hidden; min-height: 280px; background: var(--ac-fond); box-shadow: var(--ac-ombre-1); }
.ac-cc-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.ac-cc-trio { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 16px; margin-top: 28px; }
.ac-cc-carte { padding: 22px 24px; border-radius: var(--ac-r); background: var(--ac-fond); }
.ac-cc-carte h3 { margin-bottom: 6px; }
.ac-cc-carte p { font-size: 15px; }
.ac-cc-puces { display: grid; gap: 4px; margin-top: 8px; }
.ac-cc-puces li { position: relative; padding-left: 18px; font-size: 14.5px; line-height: 1.5; color: var(--ac-texte); }
.ac-cc-puces li:before { content: ""; position: absolute; left: 2px; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: var(--ac-ambre); }

/* 3. etapes */
.ac-cc-etapes { background: var(--ac-fond); }
.ac-cc-etapes .ac-titre-bloc { font-size: 26px; margin-bottom: 20px; }
.ac-cc-etapes-in { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 20px; align-items: stretch; }
.ac-cc-photo-haute { min-height: 100%; }
.ac-cc-etapes-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ac-cc-etapes-liste li { display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border-radius: var(--ac-r-max, 7px); background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-cc-etapes-liste li > span { width: 32px; height: 32px; flex: none; border-radius: 50%; background: var(--ac-nuit); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 14px; }
.ac-cc-etapes-liste p { font-size: 14.5px; line-height: 1.55; }

/* 4. avantages + raccourcis */
.ac-cc-avantages-in { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 40px; align-items: start; }
.ac-cc-avantages-texte .ac-titre-bloc { font-size: 24px; margin-bottom: 12px; }
.ac-cc-avantages-texte p + p { margin-top: 10px; }
.ac-cc .ac-cc-nb { margin-top: 20px; padding: 16px 20px; border-radius: var(--ac-r-max, 7px); background: var(--ac-ambre-clair); border-left: 4px solid var(--ac-ambre); font-size: 14.5px; line-height: 1.55; font-style: italic; color: var(--ac-texte); }
.ac-cc-nb strong { font-style: normal; }
.ac-cc-cote { display: grid; gap: 12px; }
.ac-cc-avis { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-radius: var(--ac-r); background: var(--ac-ambre-clair); }
.ac-cc .ac-cc-avis p { font-size: 15px; font-weight: 700; color: var(--ac-encre); }
.ac-cc-avis div { display: flex; gap: 8px; }
.ac-cc-avis a { width: 38px; height: 38px; border-radius: var(--ac-r-max, 7px); background: var(--ac-nuit); display: grid; place-items: center; transition: transform .2s ease; }
.ac-cc-avis a:hover { transform: translateY(-2px); }
.ac-cc-avis img { max-width: 20px; max-height: 20px; display: block; }

/* 5. offres */
.ac-cc-offres { padding: 0 0 52px; }
.ac-cc-offres-grille { display: grid; grid-template-columns: repeat(5, 1fr); background: #fff; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r); overflow: hidden; }
.ac-cc-offre { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-right: 1px solid var(--ac-ligne); font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--ac-encre) !important; transition: background-color .2s ease; }
.ac-cc-offre:last-child { border-right: 0; }
.ac-cc-offre:hover { background: var(--ac-fond); }
.ac-cc-offre-ico { width: 46px; height: 46px; flex: none; border-radius: var(--ac-r-max, 7px); background: var(--ac-fond); display: grid; place-items: center; transition: background-color .2s ease; }
.ac-cc-offre:hover .ac-cc-offre-ico { background: var(--ac-ambre-clair); }
.ac-cc-offre-ico img { width: 30px; height: 30px; object-fit: contain; }

/* 6. simulateurs (styles de l'accueil) */
.ac-cc-simus .ac-entete-section { margin-bottom: 24px; }

/* ================= responsive ================= */
@media (max-width: 1140px) {
	.ac-lm-intro-in { grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; }
	.ac-lm-duo { grid-template-columns: 1fr; }
	.ac-lm-contact-in { grid-template-columns: 1fr; }
	.ac-cc-projets-grille, .ac-cc-offres-grille { grid-template-columns: repeat(3, 1fr); }
	.ac-cc-projets-grille li, .ac-cc-offre { border-bottom: 1px solid var(--ac-ligne); }
	.ac-cc-projets-grille li:nth-child(3n), .ac-cc-offre:nth-child(3n) { border-right: 0; }
	.ac-cc-projets-grille li:nth-last-child(-n+2), .ac-cc-offre:nth-last-child(-n+2) { border-bottom: 0; }
	.ac-cc-clarte-haut { grid-template-columns: 1fr 1fr; gap: 28px; }
	.ac-cc-trio { grid-template-columns: 1fr 1fr; }
	.ac-cc-trio .ac-cc-carte:last-child { grid-column: 1 / -1; }
	.ac-cc-etapes-in { grid-template-columns: 1fr; }
	.ac-cc-photo-haute { display: none; }
	.ac-cc-avantages-in { grid-template-columns: 1fr; gap: 24px; }
	.ac-cc-cote { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
	section.ac-lm.ac-section, section.ac-cc.ac-section { padding: 36px 0; }
	.ac-lm .ac-wrap, .ac-cc .ac-wrap { width: calc(100% - 32px); }
	.ac-lm-intro-in { grid-template-columns: 1fr; gap: 20px; }
	.ac-lm-cartes { grid-template-rows: none; grid-template-columns: 1fr 1fr; gap: 10px; }
	.ac-carte-photo.ac-lm-carte { min-height: 120px; }
	.ac-carte-photo.ac-lm-carte span { left: 12px; right: 12px; bottom: 10px; font-size: 15px; }
	.ac-lm-texte .ac-titre-bloc, .ac-cc-clarte-texte .ac-titre-bloc, .ac-cc-etapes .ac-titre-bloc { font-size: 22px; }
	.ac-lm-carte-blanche, .ac-lm-resume { padding: 20px; }
	.ac-lm-publics li { padding: 14px; gap: 12px; }
	.ac-lm-ico { width: 44px; height: 44px; }
	.ac-lm-ico img { width: 30px; height: 30px; }
	.ac-cc-projets { margin-top: -12px; }
	.ac-cc-projets-grille, .ac-cc-offres-grille { grid-template-columns: 1fr 1fr; }
	.ac-cc-projets-grille li, .ac-cc-offre { padding: 12px; gap: 10px; font-size: 14px; border-right: 1px solid var(--ac-ligne) !important; border-bottom: 1px solid var(--ac-ligne) !important; }
	.ac-cc-projets-grille li:nth-child(2n), .ac-cc-offre:nth-child(2n) { border-right: 0 !important; }
	.ac-cc-projets-grille li:last-child, .ac-cc-offre:last-child { grid-column: 1 / -1; border-bottom: 0 !important; border-right: 0 !important; }
	.ac-cc-projet-ico { width: 36px; height: 36px; }
	.ac-cc-projet-ico img { width: 36px; height: 36px; }
	.ac-cc-offre-ico { width: 38px; height: 38px; }
	.ac-cc-clarte-haut { grid-template-columns: 1fr; gap: 20px; }
	.ac-cc-photo { min-height: 200px; }
	.ac-cc-raisons, .ac-cc-trio, .ac-cc-etapes-liste { grid-template-columns: 1fr; }
	.ac-cc-cote { grid-template-columns: 1fr; }
	.ac-cc-offres { padding-bottom: 36px; }
}

/* equilibre des deux cartes de la section 2 (Lemoine) */
@media (min-width: 1141px) {
	.ac-lm-duo > .ac-lm-carte-blanche:last-child { display: flex; flex-direction: column; }
	.ac-lm-duo > .ac-lm-carte-blanche:last-child .ac-lm-publics { flex: 1; grid-auto-rows: 1fr; }
}
.ac-lm-publics li { align-items: center; }
@media (max-width: 767px) { .ac-cc-simus .ac-simu:last-child { grid-column: 1 / -1; } }

/* css_ac/pages-partenaires-actus.css */
/* Accord refonte 2026 : pages partenaires-actus (lot parallele)
   partenaires_entites.php, partenaires_banques_assurances.php, actu/index.php.
   Aucune regle d'Immo ici. */

:where(.ac-part, .ac-actus-page, .ac-actus-raccourcis) :where(*) { color: inherit; font-family: inherit; }
.ac-part *, .ac-actus-page *, .ac-actus-raccourcis * { box-sizing: border-box; }

/* ---------- partenaires : colonne laterale + liste ---------- */
.ac-part { background: var(--ac-fond); color: var(--ac-texte); }
.ac-part-in { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; align-items: start; }

.ac-part-cote { text-align: left; position: sticky; top: 130px; display: flex; flex-direction: column; gap: 14px; padding: 24px; border-radius: var(--ac-r); background: var(--ac-nuit); color: #fff; }
.ac-part .ac-part-compteur { display: flex; align-items: baseline; gap: 12px; margin: 0; }
.ac-part-compteur strong { font-size: 52px; line-height: 1; font-weight: 800; letter-spacing: -.03em; color: #fff; }
.ac-part-compteur span { display: block; font-size: 15px; line-height: 1.35; font-weight: 600; color: rgba(255, 255, 255, .8); }
.ac-part-compteur em { font-style: normal; color: var(--ac-ambre); }
.ac-part .ac-part-cote-titre { margin: 4px 0 -4px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .14); font-size: 14px; font-weight: 700; color: #fff; }
.ac-part-regions { display: flex; flex-wrap: wrap; gap: 6px; }
.ac-part-regions a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: var(--ac-r-max, 7px); border: 1px solid rgba(255, 255, 255, .2); font-size: 13.5px; font-weight: 600; color: rgba(255, 255, 255, .88); text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.ac-part-regions a:hover { border-color: var(--ac-ambre); color: #fff; }
.ac-part-regions a.actif { background: var(--ac-ambre); border-color: var(--ac-ambre); color: var(--ac-nuit); }
.ac-part-regions strong { font-size: 14px; color: rgba(255, 255, 255, .8); }
.ac-part-cote .ac-btn { width: 100%; }

.ac-part-principal { min-width: 0; display: grid; gap: 14px; }
.ac-part-entete { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ac-part-entete .ac-titre-bloc { margin: 0; }
.ac-part-entete .ac-titre-bloc em { font-style: normal; color: var(--ac-ardoise); }
.ac-part-filtre { position: relative; display: block; width: 280px; margin: 0; }
.ac-part-filtre svg { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--ac-gris); }
.ac-part-filtre input { width: 100%; height: 42px; min-height: 42px; margin: 0; padding: 0 14px 0 40px !important; border: 1px solid #CBD3DC; border-radius: var(--ac-r-max, 7px); background: #fff; font-family: var(--ac-police); font-size: 14.5px; color: var(--ac-encre); }
.ac-part-filtre input::placeholder { color: var(--ac-gris); }
.ac-part-filtre input:focus { outline: none; border-color: var(--ac-nuit); box-shadow: 0 0 0 3px rgba(67, 94, 121, .18); }

/* grilles de fiches */
.ac-part-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ac-part-grille-4 { gap: 12px; }
/* fiches banques / assurances : logo a gauche, texte a droite (liste longue, plus dense) */
.ac-part-carte.ac-part-carte-mini { flex-direction: row; align-items: stretch; gap: 14px; padding: 12px; }
.ac-part-carte-mini .ac-part-logo { width: 104px; height: 72px; flex: none; }
.ac-part-carte-mini .ac-part-corps { gap: 4px; }
.ac-part-carte-mini .ac-part-adresse { font-size: 13.5px; line-height: 1.4; }
.ac-part-carte-mini .ac-lien-fleche { font-size: 13px; }
.ac-part-carte { display: flex; flex-direction: column; gap: 14px; padding: 16px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); transition: box-shadow .2s ease, transform .2s ease; }
.ac-part-carte:hover { box-shadow: var(--ac-ombre-2); transform: translateY(-2px); }
.ac-part-carte[hidden], .ac-part-groupe[hidden], .ac-part-vide[hidden] { display: none; }
/* derniere ligne incomplete : la derniere fiche s'elargit (pas de carte isolee ni de trou) ; en ligne pour les fiches larges */
.ac-part-grille > .ac-part-carte:last-of-type:nth-of-type(3n+1) { grid-column: 1 / -1; }
.ac-part-grille > .ac-part-carte:last-of-type:nth-of-type(3n+2) { grid-column: span 2; }
.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+1), .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+2) { flex-direction: row; align-items: center; gap: 22px; }
.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+1) .ac-part-logo, .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+2) .ac-part-logo { width: 220px; flex: none; }
.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+1) .ac-part-corps, .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+2) .ac-part-corps { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); column-gap: 28px; row-gap: 6px; align-items: start; }
.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+1) .ac-part-corps > *, .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+2) .ac-part-corps > * { grid-column: 1; }
.ac-part .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+1) .ac-part-coord, .ac-part .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+2) .ac-part-coord { grid-column: 2; grid-row: 1 / span 4; margin: 0; padding: 0 0 0 28px; border-top: 0; border-left: 1px solid var(--ac-ligne); }

/* zone du logo : taille fixe, fond blanc, logo contenu ; pictogramme de repli si pas de logo */
.ac-part-logo { position: relative; display: grid; place-items: center; height: 84px; margin: 0; padding: 10px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); background: #fff; overflow: hidden; }
.ac-part-logo img { position: absolute; z-index: 1; inset: 8px; display: block; width: calc(100% - 16px); height: calc(100% - 16px); max-width: none; object-fit: contain; background: #fff; }
.ac-part-repli { position: absolute; width: 34px !important; height: 34px !important; color: var(--ac-ardoise-2); stroke-width: 1.6 !important; opacity: 0; }
.ac-part-logo.ac-sans-logo { background: var(--ac-fond); border-color: transparent; }
.ac-part-logo.ac-sans-logo .ac-part-repli { opacity: 1; }

.ac-part-corps { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1; }
.ac-part-nom { margin: 0; font-size: 16px; line-height: 1.3; font-weight: 700; color: var(--ac-encre); overflow-wrap: anywhere; }
.ac-part-carte-mini .ac-part-nom { font-size: 15px; }
.ac-part-contact { margin: 0; font-size: 14px; font-weight: 600; color: var(--ac-ardoise); }
.ac-part .ac-part-adresse { display: flex; gap: 8px; margin: 0; font-size: 14px; line-height: 1.45; color: var(--ac-texte); }
.ac-part-adresse svg { width: 16px; height: 16px; margin-top: 2px; color: var(--ac-ambre-fonce); }
.ac-part .ac-part-coord { list-style: none; margin: 4px 0 0; padding: 10px 0 0; border-top: 1px solid var(--ac-ligne); display: grid; gap: 4px; font-size: 13.5px; line-height: 1.4; color: var(--ac-encre); }
.ac-part-coord li { display: flex; gap: 8px; min-width: 0; }
.ac-part-coord li > span { flex: none; width: 64px; color: var(--ac-gris); }
.ac-part-coord a { color: var(--ac-ardoise); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.ac-part-coord a:hover { text-decoration: underline; }
.ac-part-corps .ac-lien-fleche { margin-top: auto; padding-top: 4px; font-size: 14px; text-decoration: none; }

/* groupes (assurances, banques par secteur) */
.ac-part-groupes { display: grid; gap: 22px; }
.ac-part-groupe { display: grid; gap: 12px; }
.ac-part-groupe-tete { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 10px; border-bottom: 1px solid var(--ac-ligne); }
.ac-part-groupe-tete h3 { margin: 0; font-size: 18px; line-height: 1.3; font-weight: 800; letter-spacing: -.01em; color: var(--ac-encre); }
.ac-part-groupe-tete h3 a { color: var(--ac-encre); text-decoration: none; }
.ac-part-groupe-tete h3 a:hover { color: var(--ac-ardoise); text-decoration: underline; text-underline-offset: 3px; }
.ac-part-badge { display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; border-radius: var(--ac-r-max, 7px); background: var(--ac-ambre-clair); font-size: 13px; font-weight: 700; color: var(--ac-ambre-fonce); }

.ac-part .ac-part-vide { grid-column: 1 / -1; margin: 0; padding: 18px 20px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); font-size: 15px; font-weight: 600; color: var(--ac-encre); }
.ac-part .ac-pagination { margin: 4px 0 0 !important; }
.ac-part .ac-pagination:empty, .ac-part .ac-pagination:not(:has(a + a)) { display: none; }
/* bloc actualites qui suit, sur le meme fond : pas de double marge */
.ac-part ~ .ac-actus { padding-top: 8px; }
.ac-pagination-ellipse { min-width: 24px; height: 38px; display: grid; place-items: center; font-weight: 700; color: var(--ac-gris); }

/* ---------- actualites ---------- */
.ac-actus-page { background: var(--ac-fond); color: var(--ac-texte); }
.ac-services + .ac-actus-page { padding-top: 40px; }
.ac-actus-page-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
/* la plus recente sur deux colonnes, et la derniere elargie si besoin : la grille reste pleine quel que soit le nombre */
.ac-actus-page-carte:first-child:not(:only-child) { background: var(--ac-nuit); }
.ac-actus-page-carte:first-child:not(:only-child):not(:nth-last-child(3n)), .ac-actus-page-carte:last-child:nth-child(3n+1):not(:only-child) { grid-column: span 2; }
.ac-actus-page .ac-actus-page-carte:first-child:not(:only-child) .titre_actu, .ac-actus-page .ac-actus-page-carte:first-child:not(:only-child) .titre_actu a { font-size: 21px !important; color: #fff !important; }
.ac-actus-page-carte:first-child:not(:only-child) .ac-actus-page-texte { color: rgba(255, 255, 255, .78); }
.ac-actus-page-carte:first-child:not(:only-child) .ac-lien-fleche { color: var(--ac-ambre); }
.ac-actus-page-carte:only-child { grid-column: 1 / -1; }
.ac-actus-page-carte { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); transition: box-shadow .2s ease, transform .2s ease; }
.ac-actus-page-carte:hover { box-shadow: var(--ac-ombre-2); transform: translateY(-2px); }
.ac-actus-page .titre_actu { margin: 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 1.3 !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--ac-encre) !important; background: none !important; }
.ac-actus-page .titre_actu a { color: var(--ac-encre) !important; text-decoration: none; }
.ac-actus-page .titre_actu a:hover { color: var(--ac-ardoise) !important; }
.ac-actus-page-texte { font-size: 14.5px; line-height: 1.55; color: var(--ac-texte); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; overflow-wrap: anywhere; }
.ac-actus-page-texte img { display: none; }
.ac-actus-page .ac-actus-page-texte p { margin: 0 0 6px; }
.ac-actus-page-carte .ac-lien-fleche { margin-top: auto; font-size: 14px; text-decoration: none; }
.ac-actus-page .ac-actus-page-vide { grid-column: 1 / -1; margin: 0; padding: 18px 20px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); font-size: 15px; font-weight: 600; color: var(--ac-encre); }

.ac-actus-page { padding-bottom: 14px; }
.ac-actus-raccourcis { padding: 0 0 48px !important; background: var(--ac-fond); }
.ac-actus-raccourcis-grille { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ac-actus-raccourcis .ac-raccourci { color: var(--ac-encre); }
.ac-actus-raccourcis .ac-raccourci strong { font-size: 16px; font-weight: 700; color: var(--ac-encre); }
.ac-actus-raccourcis .ac-fleche { margin-left: auto; color: var(--ac-ardoise); }

/* ---------- adaptations ---------- */
@media (max-width: 1140px) {
	.ac-actus-page-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ac-actus-page-carte:first-child:not(:only-child):not(:nth-last-child(3n)), .ac-actus-page-carte:last-child:nth-child(3n+1):not(:only-child) { grid-column: auto; }
	.ac-actus-page-grille > .ac-actus-page-carte:first-child:not(:only-child), .ac-actus-page-grille > .ac-actus-page-carte:last-child:nth-child(2n) { grid-column: 1 / -1; }
	.ac-part-in { grid-template-columns: 1fr; }
	.ac-part-cote { position: static; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 24px; align-items: center; }
	.ac-part-compteur, .ac-part-cote .ac-btn { grid-column: 1; }
	.ac-part-cote-titre { display: none; }
	.ac-part-regions { grid-column: 2; grid-row: 1 / span 2; }
}
@media (max-width: 1000px) {
	.ac-part-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ac-part-grille > .ac-part-carte:last-of-type:nth-of-type(3n+1), .ac-part-grille > .ac-part-carte:last-of-type:nth-of-type(3n+2) { grid-column: auto; }
	.ac-part-grille > .ac-part-carte:last-of-type:nth-of-type(2n+1) { grid-column: 1 / -1; }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+1), .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+2) { flex-direction: column; align-items: stretch; }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+1) .ac-part-logo, .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+2) .ac-part-logo { width: auto; }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+1) .ac-part-corps, .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+2) .ac-part-corps { display: flex; align-items: stretch; }
	.ac-part .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+1) .ac-part-coord, .ac-part .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(3n+2) .ac-part-coord { padding: 10px 0 0; border-left: 0; border-top: 1px solid var(--ac-ligne); }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(2n+1) { flex-direction: row; align-items: center; gap: 22px; }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(2n+1) .ac-part-logo { width: 220px; flex: none; }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(2n+1) .ac-part-corps { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); column-gap: 28px; row-gap: 6px; align-items: start; }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(2n+1) .ac-part-corps > * { grid-column: 1; }
	.ac-part .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(2n+1) .ac-part-coord { grid-column: 2; grid-row: 1 / span 4; margin: 0; padding: 0 0 0 28px; border-top: 0; border-left: 1px solid var(--ac-ligne); }
}
@media (max-width: 767px) {
	.ac-part-cote { display: flex; align-items: stretch; padding: 20px; }
	.ac-part-cote-titre { display: block; }
	.ac-part-compteur strong { font-size: 42px; }
	.ac-part-filtre { width: 100%; }
	.ac-part-carte-mini .ac-part-logo { width: 88px; height: 64px; }
	.ac-part-grille { grid-template-columns: 1fr; }
	.ac-part-grille > .ac-part-carte { grid-column: auto !important; }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(2n+1) { flex-direction: column; align-items: stretch; }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(2n+1) .ac-part-logo { width: auto; }
	.ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(2n+1) .ac-part-corps { display: flex; align-items: stretch; }
	.ac-part .ac-part-grille:not(.ac-part-grille-4) > .ac-part-carte:last-of-type:nth-of-type(2n+1) .ac-part-coord { padding: 10px 0 0; border-left: 0; border-top: 1px solid var(--ac-ligne); }
	.ac-actus-page-grille { grid-template-columns: 1fr; }
	.ac-actus-page-grille > .ac-actus-page-carte { grid-column: auto !important; }
	.ac-actus-raccourcis-grille { grid-template-columns: 1fr; gap: 10px; }
}

/* css_ac/pages-simulateurs-rgpd-regions.css */
/* =====================================================================================
   Accord refonte 2026 : pages simulateurs, simulation de pret, RGPD, pages regionales
   (recherche.php) et Clic @nd Cheques. Charge apres accord-2026.css et accord-2026-pages.css.
   Les anciennes feuilles posent * { color:#333; font-family:Roboto } : on neutralise dans nos blocs.
   ===================================================================================== */

:where(.ac-simus-page, .ac-simu-calcul, .ac-simulation, .ac-rgpd, .ac-region, .ac-cheques) :where(*) { color: inherit; font-family: inherit; }
.ac-simus-page, .ac-simu-calcul, .ac-simulation, .ac-rgpd, .ac-region, .ac-cheques { font-family: var(--ac-police); color: var(--ac-texte); line-height: 1.55; }
.ac-simus-page *, .ac-simu-calcul *, .ac-simulation *, .ac-rgpd *, .ac-region *, .ac-cheques * { box-sizing: border-box; }
.ac-carte { padding: 24px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-carte > .ac-titre-bloc:first-child { margin-top: 0; }

/* ---------- 1. Nos simulateurs (simulateur/index.php) ---------- */
.ac-simus-page { background: var(--ac-fond); padding: 36px 0 40px; }
.ac-simus-outils { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.ac-simus-recherche { margin: 0; font-size: 15px; font-weight: 700; color: var(--ac-encre); white-space: nowrap; }
.ac-simus-outils select { width: 320px !important; max-width: 100%; height: 44px !important; padding: 0 12px !important; border: 1px solid #CBD3DC !important; border-radius: var(--ac-r-max, 7px) !important; background-color: #fff !important; font-family: var(--ac-police) !important; font-size: 15px !important; color: var(--ac-encre) !important; text-transform: none !important; box-shadow: none !important; }
.ac-simus-liste { display: flex; flex-wrap: wrap; gap: 12px; }
.ac-simu-carte { flex: 1 1 200px; display: flex; align-items: center; gap: 12px; min-height: 66px; padding: 10px 14px 10px 10px; border-radius: var(--ac-r-max, 7px); background: #fff; border: 1px solid var(--ac-ligne); text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.ac-simu-carte:hover { border-color: transparent; box-shadow: var(--ac-ombre-2); transform: translateY(-2px); }
.ac-simu-ico { width: 46px; height: 46px; flex: none; display: grid; place-items: center; border-radius: var(--ac-r-max, 7px); background: var(--ac-fond); transition: background-color .2s ease; }
.ac-simu-ico img { width: 34px; height: 34px; object-fit: contain; }
.ac-simu-carte > span:last-child { font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--ac-encre); }
.ac-simu-carte:hover .ac-simu-ico { background: var(--ac-ambre-clair); }
.ac-simu-carte.ac-simu-actif { border-color: var(--ac-ambre); box-shadow: 0 0 0 1px var(--ac-ambre) inset; }
.ac-simu-carte.ac-simu-actif .ac-simu-ico { background: var(--ac-ambre-clair); }
.ac-simu-calcul { padding: 40px 0 48px; }
.ac-simu-cadre { padding: 24px 28px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); border: 1px solid var(--ac-ligne); scroll-margin-top: 120px; }
.ac-simu-cadre .ac-titre-bloc { margin-bottom: 14px; }
main .ac-simu-cadre .big_concent { width: 100% !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; }
.ac-simu-cadre iframe { display: block; width: 100%; min-height: 400px; border: 0; }

@media (max-width: 767px) {
	.ac-simus-page { padding: 24px 0 28px; }
	.ac-simus-outils { flex-direction: column; align-items: stretch; gap: 8px; margin-bottom: 0; }
	.ac-simus-outils select { width: 100% !important; }
	.ac-simus-liste { margin-top: 14px; gap: 8px; }
	.ac-simu-carte { flex-basis: 100%; min-height: 56px; }
	.ac-simu-calcul { padding: 24px 0 32px; }
	.ac-simu-cadre { padding: 16px 12px; }
}

/* ---------- 2. Simulateur de pret (simulation.php) ---------- */
.ac-simulation-texte { padding: 40px 0 36px; }
.ac-simulation-intro { column-count: 2; column-gap: 48px; font-size: 15.5px; line-height: 1.7; color: var(--ac-texte); }
.ac-simulation-intro p { margin: 0 0 14px; }
.ac-simulation-intro p:first-child { font-size: 17px; color: var(--ac-encre); }
.ac-simulation-outil { background: var(--ac-fond); padding: 40px 0 48px; }
.ac-simulation-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 20px; align-items: stretch; }
.ac-simulation-gauche { display: grid; gap: 20px; align-content: start; }
.ac-simulation-outil .ac-carte { position: relative; }
.ac-simulation-outil .titreBloc { margin: 0 0 16px !important; padding: 0 !important; background: none !important; font-size: 20px !important; font-weight: 800 !important; letter-spacing: -.01em; line-height: 1.25 !important; text-transform: none !important; text-align: left !important; color: var(--ac-encre) !important; }
.ac-simulation-outil .titreBloc:before, .ac-simulation-outil .titreBloc:after { display: none !important; }
.ac-simulation-outil form { margin: 0; }
.ac-simulation-outil .formToEtapeToo { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin: 0 !important; padding: 0 !important; background: none !important; }
.ac-simulation-outil .contentFormInt { display: flex; flex-direction: column; gap: 5px; margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; background: none !important; }
.ac-simulation-outil .contentFormInt label { width: auto !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; font-weight: 700 !important; color: var(--ac-ardoise) !important; text-align: left !important; float: none !important; }
.ac-simulation-outil .contentFormInt > p { position: relative; display: flex; align-items: center; margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; }
.ac-simulation-outil .contentFormInt > p > span { font-size: 15px !important; color: var(--ac-encre) !important; }
.ac-simulation-outil .inputFormulaire { flex: 1; display: block; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.ac-simulation-outil .inputFormulaire + span { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-weight: 600; color: var(--ac-gris) !important; pointer-events: none; }
.ac-simulation-outil .contentFormInt input[type="text"], .ac-simulation-outil .contentFormInt select {
	width: 100% !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 44px 0 12px !important; border: 1px solid #CBD3DC !important; border-radius: var(--ac-r-max, 7px) !important;
	background-color: #fff !important; font-family: var(--ac-police) !important; font-size: 15px !important; font-weight: 600; color: var(--ac-encre) !important; box-shadow: none !important; text-align: left !important;
}
.ac-simulation-outil .contentFormInt select { padding-right: 12px !important; }
.ac-simulation-outil .contentFormInt input[readonly] { background-color: var(--ac-fond) !important; border-color: var(--ac-ligne) !important; }
.ac-simulation-outil .contentFormInt input:focus, .ac-simulation-outil .contentFormInt select:focus { outline: none; border-color: var(--ac-nuit) !important; box-shadow: 0 0 0 3px rgba(67, 94, 121, .18) !important; }
.ac-simulation-outil .petite_pastille { position: absolute; right: -22px; }
/* bouton : l'ancien visuel image portait le mot Calculer, repris ici en texte */
.ac-simulation-outil .nextEtapeSimulateur { margin: 18px 0 0 !important; text-align: left !important; }
.ac-simulation-outil .nextEtapeSimulateur a { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 180px; min-height: 46px; padding: 0 24px; border-radius: var(--ac-r-btn); background: var(--ac-ambre); box-shadow: none !important; transform: none !important; transition: background-color .15s ease; cursor: pointer; }
.ac-simulation-outil .nextEtapeSimulateur a:hover { background: #f6b863; }
.ac-simulation-outil .nextEtapeSimulateur a:after { content: "Calculer"; font-size: 15px; font-weight: 700; color: var(--ac-nuit); pointer-events: none; }
.ac-simulation-outil .nextEtapeSimulateur input.button { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0; cursor: pointer; background: none !important; }
/* resultat */
.ac-simulation-outil #result_container .formToEtapeToo { grid-template-columns: repeat(4, 1fr); gap: 10px; }
.ac-simulation-outil #result_container .contentFormInt { padding: 12px 14px !important; border-radius: var(--ac-r-max, 7px); background: var(--ac-fond) !important; }
.ac-simulation-outil #result_container .contentFormInt input[type="text"] { height: auto !important; min-height: 0 !important; padding: 0 20px 0 0 !important; border: 0 !important; background: none !important; font-size: 18px !important; font-weight: 800; }
.ac-simulation-outil #result_container .contentFormInt > p > span:not(.inputFormulaire) { font-size: 18px !important; font-weight: 800; }
.ac-simulation-outil #result_container .inputFormulaire + span { right: 0; font-size: 15px !important; font-weight: 700; }
.ac-simulation-outil #result_container .contentFormInt:first-child { background: var(--ac-nuit) !important; }
.ac-simulation-outil #result_container .contentFormInt:first-child label { color: rgba(255, 255, 255, .7) !important; }
.ac-simulation-outil #result_container .contentFormInt:first-child input, .ac-simulation-outil #result_container .contentFormInt:first-child span { color: #fff !important; }
.ac-simulation-outil .refaireSimulForm { display: none; }
.ac-simulation-outil #result_container .spacer, .ac-simulation-outil #result_container > br { display: none !important; }
.ac-simulation-outil .contentResultatSimu { display: flex; flex-direction: column; }
.ac-simulation-outil #result_container { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.ac-simulation-outil .tableauSimulResult { flex: 1 1 0; min-height: 260px; height: auto !important; margin-top: 16px !important; overflow: auto; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); }
.ac-simulation-outil .tableauSimulResult table { border: 0 !important; border-radius: 0; font-size: 14px; font-variant-numeric: tabular-nums; }
.ac-simulation-outil .tableauSimulResult tr { background: #fff !important; }
.ac-simulation-outil .tableauSimulResult th { position: sticky; top: 0; z-index: 1; padding: 10px 12px !important; background: var(--ac-nuit) !important; color: #fff !important; font-size: 13px !important; font-weight: 700; text-align: right !important; border: 0 !important; }
.ac-simulation-outil .tableauSimulResult td { padding: 7px 12px !important; border: 0 !important; border-bottom: 1px solid var(--ac-ligne) !important; text-align: right !important; color: var(--ac-encre) !important; font-size: 14px !important; }
.ac-simulation-outil .tableauSimulResult th:first-child, .ac-simulation-outil .tableauSimulResult td:first-child { text-align: left !important; }
.ac-simulation-outil .tableauSimulResult tr.impaire td { background: #FAFBFC; }
/* barometre */
.ac-simulation-outil .firstSimulation .pressBloc { margin: 0 0 12px !important; padding: 0 !important; background: none !important; font-size: 14px !important; line-height: 1.5; text-align: left !important; color: var(--ac-texte) !important; }
.ac-simulation-outil .firstSimulation .pressBloc a { color: var(--ac-ardoise) !important; font-weight: 700; text-decoration: underline; }
.ac-simulation-outil .firstSimulation table { border: 1px solid var(--ac-ligne) !important; font-size: 14px; }
.ac-simulation-outil .firstSimulation th { padding: 9px 8px !important; border: 0 !important; border-bottom: 1px solid var(--ac-ligne) !important; background: #fff !important; color: var(--ac-encre) !important; font-size: 14px !important; font-weight: 600 !important; text-align: center !important; line-height: 1.25 !important; }
.ac-simulation-outil .firstSimulation tr:first-child th { background: var(--ac-nuit) !important; color: #fff !important; font-weight: 700 !important; }
.ac-simulation-outil .firstSimulation tr:first-child th[onclick]:hover { background: var(--ac-ardoise) !important; }
.ac-simulation-outil .firstSimulation th:first-child { text-align: left !important; background: var(--ac-fond) !important; color: var(--ac-encre) !important; }
.ac-simulation-outil .firstSimulation tfoot td { padding: 10px 12px !important; border: 0 !important; background: var(--ac-fond) !important; font-size: 12.5px !important; line-height: 1.5; color: var(--ac-gris) !important; }

@media (max-width: 1140px) {
	.ac-simulation-grille { grid-template-columns: 1fr; }
	.ac-simulation-intro { column-count: 1; }
	.ac-simulation-outil .tableauSimulResult { flex: none; height: 420px !important; }
}
@media (max-width: 767px) {
	.ac-simulation-texte, .ac-simulation-outil { padding: 28px 0 32px; }
	.ac-simulation-outil .ac-carte { padding: 18px 16px; }
	.ac-simulation-outil #result_container .formToEtapeToo { grid-template-columns: 1fr 1fr; }
	.ac-simulation-outil .firstSimulation { overflow-x: auto; }
	.ac-simulation-outil .firstSimulation th { padding: 8px 4px !important; font-size: 12.5px !important; white-space: nowrap; }
	.ac-simulation-outil .firstSimulation tr:first-child th:first-child { white-space: normal; }
}

/* ---------- 3. RGPD ---------- */
.ac-rgpd { background: var(--ac-fond); padding: 40px 0 48px; }
.ac-rgpd-in { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; align-items: start; }
.ac-rgpd-cote { position: sticky; top: 130px; display: grid; gap: 12px; }
.ac-rgpd-accord { padding: 22px; border-radius: var(--ac-r); background: var(--ac-nuit); }
.ac-rgpd-accord p { margin: 0 0 16px; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, .82); }
.ac-rgpd .validateFormAdm { margin: 0 !important; padding: 0 !important; background: none !important; text-align: left !important; }
.ac-rgpd .validateFormAdm a.bt_ok { width: 100%; min-height: 46px; margin: 0 !important; padding: 0 20px !important; border-radius: var(--ac-r-btn) !important; background: var(--ac-ambre) !important; color: var(--ac-nuit) !important; font-family: var(--ac-police) !important; font-size: 15px !important; font-weight: 700 !important; text-transform: none !important; text-decoration: none !important; box-shadow: none !important; }
.ac-rgpd .validateFormAdm a.bt_ok:hover { background: #f6b863 !important; }
.ac-rgpd-sommaire { padding: 18px 20px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-rgpd-sommaire-titre { margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--ac-gris); }
.ac-rgpd-sommaire ol { margin: 0; padding: 0; list-style: none; counter-reset: rgpd; }
.ac-rgpd-sommaire li { counter-increment: rgpd; border-top: 1px solid var(--ac-ligne); }
.ac-rgpd-sommaire li:first-child { border-top: 0; }
.ac-rgpd-sommaire a { display: flex; gap: 10px; padding: 8px 0; font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--ac-encre); text-decoration: none; }
.ac-rgpd-sommaire a:before { content: counter(rgpd); flex: none; width: 20px; font-weight: 800; color: var(--ac-ambre-fonce); }
.ac-rgpd-sommaire a:hover { color: var(--ac-ardoise); }
.ac-rgpd-texte { min-width: 0; padding: 32px 36px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); font-size: 15.5px; line-height: 1.7; color: var(--ac-texte); }
.ac-rgpd-texte p { margin: 0 0 12px; }
.ac-rgpd-intro { margin-bottom: 26px; padding: 20px 22px; border-radius: var(--ac-r-max, 7px); background: var(--ac-ambre-clair); }
.ac-rgpd-intro p { margin: 0 0 8px; color: var(--ac-encre); }
.ac-rgpd-intro p:last-child { margin: 0; font-weight: 700; }
.ac-rgpd-texte h2 { margin: 30px 0 12px; padding-top: 0; font-size: 22px; font-weight: 800; letter-spacing: -.01em; line-height: 1.25; color: var(--ac-encre); scroll-margin-top: 130px; }
.ac-rgpd-texte h2.ac-rgpd-grand-titre { margin: 0 0 4px; padding-bottom: 14px; border-bottom: 1px solid var(--ac-ligne); font-size: 26px; }
.ac-rgpd-texte h2.ac-rgpd-grand-titre + h2 { margin-top: 20px; }
.ac-rgpd-texte h3 { margin: 22px 0 8px; font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--ac-ardoise); }
.ac-rgpd-texte > span, .ac-rgpd-texte p > span { font-weight: 700; color: var(--ac-encre); }
.ac-rgpd-texte > span { display: block; margin: 16px 0 4px; }
.ac-rgpd-texte ul { margin: 6px 0 16px; padding: 0; list-style: none; }
.ac-rgpd-texte ul li { position: relative; margin: 5px 0; padding-left: 22px; }
.ac-rgpd-texte ul li:before { content: ""; position: absolute; left: 4px; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: var(--ac-ambre); }
.ac-rgpd-tableau { margin: 14px 0 20px; overflow-x: auto; }
.ac-rgpd-tableau table { min-width: 100%; font-size: 14px; line-height: 1.45; }
.ac-rgpd-tableau th { background: var(--ac-nuit) !important; color: #fff !important; font-size: 13.5px; vertical-align: bottom; }
.ac-rgpd-tableau td { vertical-align: top; color: var(--ac-encre); }
.ac-rgpd-tableau tbody tr:nth-child(2n) td { background: #FAFBFC; }
.ac-rgpd-cookies table { min-width: 860px; }
.ac-rgpd-cookies td:nth-child(1) { width: 15%; font-weight: 700; }
.ac-rgpd-cookies td:nth-child(2), .ac-rgpd-cookies td:nth-child(3) { white-space: nowrap; }
.ac-rgpd-cookies td:nth-child(4) { min-width: 260px; }
.ac-rgpd-cookies td:nth-child(5) { width: 19%; word-break: break-all; font-size: 13px; color: var(--ac-texte); }
.ac-rgpd-cookies td:nth-child(6) { white-space: nowrap; }
.ac-rgpd-fin { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--ac-ligne); }
.ac-rgpd-fin .validateFormAdm a.bt_ok { width: auto; min-width: 200px; }
@media (max-width: 1140px) {
	.ac-rgpd-in { grid-template-columns: 1fr; }
	.ac-rgpd-cote { position: static; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
	.ac-rgpd { padding: 24px 0 32px; }
	.ac-rgpd-cote { grid-template-columns: 1fr; }
	.ac-rgpd-texte { padding: 20px 16px; font-size: 15px; }
	.ac-rgpd-texte h2 { font-size: 20px; }
	.ac-rgpd-texte h2.ac-rgpd-grand-titre { font-size: 22px; }
	.ac-rgpd-fin .validateFormAdm a.bt_ok { width: 100%; }
}

/* ---------- 4. Pages regionales des experts (recherche.php) ---------- */
/* le bandeau commun (header_image.tpl) est remplace par celui de recherche.tpl */
body[rel="front_office_page/pages/recherche/recherche.tpl"] main > .ac-page-hero,
body[rel="front_office_page/pages/recherche/recherche.tpl"] main > .ac-services { display: none; }
.ac-region-hero .ac-page-titre { max-width: 760px; }
.ac-region-corps { background: var(--ac-fond); padding: 44px 0 48px; }
.ac-region .ac-services + .ac-region-corps { padding-top: 44px; }
.ac-region-in { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; }
.ac-region-principal { display: grid; gap: 20px; min-width: 0; }
.ac-region-cote { display: grid; gap: 20px; min-width: 0; }
.ac-region-bloc, .ac-region-carte, .ac-region-dossiers { padding: 24px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-region .ac-titre-bloc { margin: 0 0 14px; font-size: 21px; line-height: 1.25; }
.ac-region .ac-titre-bloc em { font-style: normal; color: var(--ac-ardoise); }
/* introduction */
.ac-region-intro .ac-titre-bloc { font-size: 20px; }
.ac-region-projets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.ac-region-projets li { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: var(--ac-r-max, 7px); background: var(--ac-fond); font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--ac-encre); }
.ac-region-projets li:before { content: ""; width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--ac-ambre); }
.ac-region-intro-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 16px; }
.ac-region-intro-bas p { margin: 0; font-size: 15px; font-weight: 600; color: var(--ac-texte); }
.ac-region-liens { display: flex; gap: 10px; flex-wrap: wrap; }
.ac-region-liens .ac-btn { min-height: 42px; font-size: 14px; }
.ac-region .ac-btn-ligne { background: #fff; }
/* experts */
.ac-region-precision { margin: 0 0 14px; padding: 12px 16px; border-radius: var(--ac-r-max, 7px); background: var(--ac-ambre-clair); font-size: 14.5px; color: var(--ac-encre); }
.ac-region-precision a { color: var(--ac-ardoise); font-weight: 700; text-decoration: underline; }
.ac-region-experts-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ac-region-experts .ac-expert { border: 1px solid var(--ac-ligne); box-shadow: none; }
.ac-region-experts .ac-expert:hover { border-color: transparent; box-shadow: var(--ac-ombre-2); }
.ac-region-experts .ac-expert-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ac-region-experts .ac-expert-infos h3 { margin: 0; font-size: 17px; }
.ac-region-experts .ac-expert-infos p { margin: 0; }
/* pourquoi */
.ac-region-pourquoi .ac-atouts { margin: 0 !important; padding: 0; list-style: none; }
.ac-region-pourquoi .ac-atouts li { padding: 18px 20px; }
.ac-region-pourquoi .ac-atouts h3 { margin: 0 0 4px !important; font-size: 16.5px; }
.ac-region-pourquoi .ac-atouts p { margin: 0; font-size: 14.5px; line-height: 1.5; }
/* meilleurs taux */
.ac-region-taux-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; }
.ac-region-taux-carte { display: flex; flex-direction: column; gap: 2px; padding: 16px; border-radius: var(--ac-r-max, 7px); border: 1px solid var(--ac-ligne); background: #fff; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.ac-region-taux-carte:hover { border-color: transparent; box-shadow: var(--ac-ombre-2); transform: translateY(-2px); }
.ac-region-taux-carte.select { border-color: var(--ac-ambre); box-shadow: 0 0 0 1px var(--ac-ambre) inset; }
.ac-region-taux-duree { font-size: 13px; color: var(--ac-gris); }
.ac-region-taux-duree strong { color: var(--ac-encre); }
.ac-region-taux-valeur { margin-top: 4px; font-size: 30px; font-weight: 800; line-height: 1.05; letter-spacing: -.02em; color: var(--ac-nuit); font-variant-numeric: tabular-nums; }
.ac-region-taux-valeur small { margin-left: 2px; font-size: 17px; color: var(--ac-ambre-fonce); }
.ac-region-taux-type { font-size: 12.5px; color: var(--ac-gris); }
.ac-region-taux-carte .ac-lien-fleche { margin-top: 10px; font-size: 13.5px; white-space: normal; }
/* carte des departements */
.ac-region-carte { background: var(--ac-nuit); }
.ac-region-carte .ac-titre-bloc { color: #fff; }
.ac-region-carte .content_aside_map_region { margin: 0 0 18px !important; padding: 0 !important; background: none !important; }
.ac-region-carte svg { display: block; width: 100% !important; height: auto !important; max-height: 240px; margin: 0 auto; fill: initial; stroke: initial; }
.ac-region-carte svg path { fill: var(--ac-ardoise-2) !important; stroke: var(--ac-nuit) !important; stroke-width: 1px; transition: fill .15s ease; }
.ac-region-carte svg a:hover path { fill: var(--ac-ambre) !important; }
.ac-region-france { width: 100%; min-height: 42px; font-size: 14px; }
.ac-region-valeurs { display: grid; gap: 8px; margin: 16px 0 0; padding: 16px 0 0; border-top: 1px solid rgba(255, 255, 255, .12); list-style: none; }
.ac-region-valeurs li { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 700; line-height: 1.3; color: #fff; }
.ac-region-valeurs img { width: 30px; height: 30px; object-fit: contain; flex: none; }
.ac-region-valeurs em { font-style: normal; color: var(--ac-ambre); }
/* derniers dossiers (carrousel vertical tinycarousel) */
.ac-region-dossiers .ac-titre-bloc { font-size: 17px; }
.ac-region-dossiers #liste_credit_aside { height: auto !important; padding: 34px 0; }
.ac-region-dossiers #liste_credit_aside .viewport { height: 440px !important; }
.ac-region-dossiers #liste_credit_aside .buttons { top: 0; height: 28px; display: grid; place-items: center; border-radius: var(--ac-r-max, 7px); background: var(--ac-fond); color: var(--ac-nuit); line-height: 1; }
.ac-region-dossiers #liste_credit_aside .buttons.next { top: auto; bottom: 0; }
.ac-region-dossiers #liste_credit_aside .buttons:hover { background: var(--ac-ambre); color: var(--ac-nuit); }
.ac-region-dossiers #liste_credit_aside .buttons.disable { visibility: visible; opacity: .35; pointer-events: none; }
.ac-region-dossiers .overview li { padding: 0 0 8px; }
.ac-region-dossiers .liste_content_last_cdt { height: 212px; overflow: hidden; padding: 12px 14px; border-radius: var(--ac-r-max, 7px); border: 1px solid var(--ac-ligne); background: #fff; }
.ac-region-dossiers dl { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; margin: 0 0 10px; }
.ac-region-dossiers dl div { min-width: 0; }
.ac-region-dossiers dt { font-size: 11.5px; font-weight: 600; color: var(--ac-gris); }
.ac-region-dossiers dd { margin: 0; font-size: 13.5px; font-weight: 700; line-height: 1.3; color: var(--ac-encre); overflow-wrap: anywhere; }
.ac-region-dossiers dd a { color: var(--ac-ardoise); text-decoration: none; }
.ac-region-dossiers .taux { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 7px 12px; border-radius: var(--ac-r-max, 7px); background: var(--ac-ambre-clair); }
.ac-region-dossiers .taux span { font-size: 13px; font-weight: 700; color: var(--ac-ambre-fonce); }
.ac-region-dossiers .taux span + span { font-size: 18px; font-weight: 800; color: var(--ac-nuit); }
.ac-region-dossiers .link_content { margin: 8px 0 0; text-align: right; }
.ac-region-dossiers .link_content a { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; color: var(--ac-ardoise); text-decoration: none; }
.ac-region-dossiers .link_content a svg { width: 15px; height: 15px; }
/* graphique d'evolution des taux */
.ac-region-graphe { margin: 0 !important; background: #fff; padding: 40px 0 48px; }
.ac-region-graphe .content_credit_obtenu_accueil { width: auto !important; margin: 0 !important; padding: 24px 24px 20px !important; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r); background: #fff !important; box-shadow: none !important; }
.ac-region-graphe .content_credit_obtenu_accueil:before, .ac-region-graphe .content_credit_obtenu_accueil:after { display: none !important; }
.ac-region-graphe .in_content_credit_obtenu_accueil { width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; overflow-x: auto; }
.ac-region-graphe table { min-width: 640px; border: 0 !important; border-radius: 0; font-size: 13px; }
.ac-region-graphe td { padding: 6px 4px !important; border: 0 !important; background: none !important; font-size: 12.5px; font-weight: 600; color: var(--ac-texte) !important; text-align: center; }
.ac-region-graphe .div_graphe { width: 22px !important; border: 0 !important; border-radius: 5px 5px 0 0 !important; background: #C9D4DF !important; }
.ac-region-graphe .div_graphe:hover { background: var(--ac-ardoise) !important; }
.ac-region-graphe .div_graphe.actuel { background: var(--ac-ambre) !important; }
.ac-region-graphe tr.ss_bat td { border-top: 1px solid var(--ac-ligne) !important; color: var(--ac-gris) !important; }
.ac-region-graphe tr.ss_bat td.actuel { color: var(--ac-ambre-fonce) !important; font-weight: 800; }
.ac-region-graphe tr.ss_bot td { border: 0 !important; border-top: 2px solid var(--ac-ligne) !important; font-weight: 700; color: var(--ac-encre) !important; }
.ac-region-graphe tr.ss_bot td + td { border-left: 2px solid var(--ac-ligne) !important; }

@media (max-width: 1140px) {
	.ac-region-in { grid-template-columns: 1fr; }
	.ac-region-cote { grid-template-columns: 1fr 1fr; align-items: start; }
	.ac-region-projets { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
	.ac-region-corps { padding: 24px 0 32px; }
	.ac-region-bloc, .ac-region-carte, .ac-region-dossiers { padding: 18px 16px; }
	.ac-region-cote, .ac-region-experts-grille, .ac-region-projets { grid-template-columns: 1fr; }
	.ac-region-intro-bas, .ac-region-liens { flex-direction: column; align-items: stretch; }
	.ac-region-liens .ac-btn { white-space: normal; text-align: center; line-height: 1.25; padding: 10px 16px; }
	.ac-region-taux-grille { grid-template-columns: 1fr; gap: 8px; }
	.ac-region-taux-carte { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "duree valeur" "type valeur" "lien valeur"; align-items: center; gap: 2px 12px; padding: 12px 14px; }
	.ac-region-taux-duree { grid-area: duree; }
	.ac-region-taux-valeur { grid-area: valeur; margin: 0; font-size: 26px; }
	.ac-region-taux-type { grid-area: type; }
	.ac-region-taux-carte .ac-lien-fleche { grid-area: lien; margin-top: 2px; }
	.ac-region-graphe { padding: 28px 0 32px; }
	.ac-region-graphe .content_credit_obtenu_accueil { padding: 16px 12px !important; }
}

/* ---------- 5. Clic @nd Cheques (parrainage) ---------- */
.ac-cheques { background: var(--ac-fond); padding: 40px 0 48px; }
.ac-cheques-in { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; }
.ac-cheques-principal { display: grid; gap: 20px; min-width: 0; }
.ac-cheques .ac-carte p { margin: 0 0 10px; font-size: 15.5px; line-height: 1.65; }
.ac-cheques .ac-carte p:last-child { margin-bottom: 0; }
.ac-cheques .ac-titre-bloc { margin: 0 0 12px; }
.ac-cheques-accroche { font-size: 17px !important; font-weight: 700; color: var(--ac-ardoise); }
.ac-etapes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 0 0 14px; padding: 0; list-style: none; }
.ac-etapes li { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: var(--ac-r-max, 7px); border: 1px solid var(--ac-ligne); }
.ac-etape-num { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--ac-ambre); font-size: 16px; font-weight: 800; color: var(--ac-nuit); }
.ac-etapes li p { margin: 0 !important; font-size: 14.5px !important; line-height: 1.55 !important; }
.ac-etapes li strong { display: block; font-weight: 800 !important; margin-bottom: 2px; font-size: 15px; color: var(--ac-encre); }
.ac-cheques-note { font-weight: 700; color: var(--ac-encre); }
.ac-avantages { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ac-avantage { padding: 20px; border-radius: var(--ac-r-max, 7px); background: var(--ac-fond); }
.ac-avantage h3 { margin: 0 0 8px; font-size: 17px; font-weight: 800; color: var(--ac-encre); }
.ac-avantage p { font-size: 15px !important; }
.ac-cheques-cta { margin-top: 18px; }
.ac-cheques-cote { position: sticky; top: 130px; display: grid; gap: 12px; }
.ac-cheques-cote .ac-carte-photo { display: block; height: auto !important; min-height: 0; aspect-ratio: auto; box-shadow: var(--ac-ombre-1); }
.ac-cheques-cote .ac-carte-photo:after { display: none; }
.ac-cheques-cote .ac-carte-photo img { display: block; width: 100%; height: auto !important; aspect-ratio: 280 / 153; object-fit: cover; }
@media (max-width: 1140px) {
	.ac-cheques-in { grid-template-columns: 1fr; }
	.ac-cheques-cote { position: static; grid-template-columns: repeat(3, 1fr); align-items: start; }
}
@media (max-width: 767px) {
	.ac-cheques { padding: 24px 0 32px; }
	.ac-cheques .ac-carte { padding: 18px 16px; }
	.ac-etapes, .ac-avantages, .ac-cheques-cote { grid-template-columns: 1fr; }
	.ac-cheques-cta .ac-btn { width: 100%; }
}

/* =====================================================================================
   Page Nos simulateurs (28/09/2026, retour d'Ahmed) : la liste ne prend plus le haut de page.
   Colonne de gauche compacte classee par theme (collante), calculateur a droite visible
   des l'arrivee. Mobile : menu deroulant puis calculateur.
   ===================================================================================== */
.ac-simus { background: var(--ac-fond); padding: 28px 0 48px !important; scroll-margin-top: 110px; }
.ac-simus-in { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 20px; align-items: start; }
.ac-simunav { position: sticky; top: 124px; max-height: calc(100vh - 140px); overflow: auto; padding: 14px 10px; background: #fff; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); font-family: var(--ac-police); }
.ac-simunav-mobile { display: none; }
.ac-simunav-groupe { margin: 10px 8px 4px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--ac-gris) !important; }
.ac-simunav-groupe:first-child { margin-top: 0 !important; }
.ac-simunav-lien { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: var(--ac-r-max, 7px); color: var(--ac-encre) !important; font-size: 14.5px; font-weight: 600; line-height: 1.25; text-decoration: none !important; transition: background-color .15s ease; }
.ac-simunav-lien img { width: 28px; height: 28px; flex: none; }
.ac-simunav-lien:hover { background: var(--ac-fond); }
.ac-simunav-lien.ac-actif { background: var(--ac-ambre-clair); box-shadow: inset 3px 0 0 var(--ac-ambre); }
.ac-simu-cadre { min-width: 0; padding: 22px 24px; background: #fff; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); box-shadow: var(--ac-ombre-1); }
.ac-simu-tete { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--ac-ligne); }
.ac-simu-tete .ac-titre-bloc { margin: 0; font-size: 24px; }
.ac-simu-tete p { margin: 0; font-size: 14px; color: var(--ac-texte); }
.ac-simu-tete a { color: var(--ac-ardoise); font-weight: 700; text-decoration: underline; cursor: pointer; }
.ac-simu-iframe iframe { display: block; width: 100%; min-height: 400px; border: 0; }
@media (max-width: 1024px) {
	.ac-simus-in { grid-template-columns: 1fr; }
	.ac-simunav { position: static; max-height: none; padding: 14px; }
	.ac-simunav-liste { display: none; }
	.ac-simunav-mobile { display: block; }
	.ac-simunav-mobile label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; color: var(--ac-encre); }
	.ac-simunav-mobile select { width: 100%; height: 46px; padding: 0 12px; border: 1px solid #CBD3DC; border-radius: var(--ac-r-max, 7px); font: 600 15px var(--ac-police); color: var(--ac-encre); background: #fff; }
	.ac-simu-cadre { padding: 16px; }
}

/* css_ac/pages-popups-express.css */
/* =====================================================================================
   Accord refonte 2026 : credit express (fenetre 850 px) + fenetres du site (etude gratuite,
   rappel / appel immediat, je veux profiter de ce taux, ecrans merci) + conteneur des popups.
   Classes prefixees acx- ; couleurs propres (--acx-*) pour fonctionner aussi hors des pages
   qui chargent accord-2026.css (mini-sites : la fenetre modale charge cette feuille elle-meme).
   popup.css n'est pas modifie : il est charge APRES cette feuille, d'ou les selecteurs renforces.
   ===================================================================================== */

:root {
	--acx-nuit: #16283A;
	--acx-nuit-2: #1E3650;
	--acx-ardoise: #435E79;
	--acx-ambre: #F3AC4B;
	--acx-ambre-hover: #EB9E36;
	--acx-ambre-fonce: #9a5a00;
	--acx-ambre-clair: #FDF4E6;
	--acx-encre: #14202C;
	--acx-texte: #4A5868;
	--acx-gris: #6B7785;
	--acx-bord: #CBD3DC;
	--acx-ligne: #E3E8EE;
	--acx-fond: #F3F6F9;
	--acx-rouge: #C0392B;
	--acx-rouge-clair: #FDF0EE;
	--acx-vert: #1E8E5A;
	--acx-police: 'Plus Jakarta Sans', "Jakarta Fallback", system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--acx-r-carte: 7px;
	--acx-r-champ: 7px;
	--acx-r-btn: 6px;
	--acx-ombre: 0 1px 2px rgba(20, 32, 44, .05), 0 6px 20px rgba(20, 32, 44, .06);
}

/* -------------------------------------------------------------------------------------
   1. Briques communes : champs a libelle flottant, choix, boutons, erreurs
   ------------------------------------------------------------------------------------- */
.acx-express *, .acx-express *::before, .acx-express *::after,
.acx-pop, .acx-pop *, .acx-pop *::before, .acx-pop *::after { box-sizing: border-box; }

.acx-grille { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.acx-large { grid-column: 1 / -1; }

.acx-champ { position: relative; min-width: 0; margin: 0; padding: 0; }
html body .acx-champ input[type="text"], html body .acx-champ input[type="email"], html body .acx-champ input[type="tel"], html body .acx-champ select {
	display: block; width: 100%; height: 52px; min-height: 52px; margin: 0; float: none;
	padding: 20px 14px 5px; border: 1px solid var(--acx-bord); border-radius: var(--acx-r-champ) !important;
	background-color: #fff; box-shadow: none; -webkit-appearance: none; appearance: none;
	font-family: var(--acx-police); font-size: 15px; font-weight: 500; line-height: 1.2; color: var(--acx-encre);
	transition: border-color .15s ease, box-shadow .15s ease;
}
html body .acx-champ select {
	padding-right: 38px; cursor: pointer; text-overflow: ellipsis;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23435E79' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 8px;
}
html body .acx-champ label {
	position: absolute; left: 15px; top: 16px; right: 15px; margin: 0; padding: 0; width: auto; float: none;
	font-family: var(--acx-police); font-size: 15px; font-weight: 500; line-height: 1.25; color: var(--acx-gris);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; text-align: left; background: none;
	transition: top .15s ease, font-size .15s ease, color .15s ease;
}
html body .acx-champ input:focus + label, html body .acx-champ input:not(:placeholder-shown) + label, html body .acx-liste label {
	top: 7px; font-size: 11.5px; font-weight: 700; letter-spacing: .02em; color: var(--acx-ardoise);
}
html body .acx-champ input:focus, html body .acx-champ select:focus,
.acx-date-champs input:focus, .acx-anc-champs input:focus, .acx-precision:focus {
	outline: none; border-color: var(--acx-ardoise); box-shadow: 0 0 0 3px rgba(67, 94, 121, .16);
}
.acx-champ label strong, .acx-requis { color: var(--acx-ambre-fonce); font-weight: 700; }
html body .acx-suffixe input[type="text"] { padding-right: 36px; }
.acx-unite { position: absolute; right: 14px; top: 0; height: 52px; padding-top: 14px; display: flex; align-items: center; font-weight: 600; font-size: 15px; color: var(--acx-gris); pointer-events: none; }

/* Choix exclusifs en boutons (radios) et cases (checkbox) */
.acx-choix, .acx-groupe { min-width: 0; margin: 0; padding: 0; border: 0; }
.acx-choix-titre, .acx-groupe-titre, .acx-cases legend {
	display: block; margin: 0 0 6px; padding: 0; float: none; width: auto; border: 0;
	font-family: var(--acx-police); font-size: 12.5px; font-weight: 700; letter-spacing: .02em; line-height: 1.3; color: var(--acx-ardoise);
}
.acx-choix-options { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.acx-choix-options input[type="radio"], .acx-cases-options input[type="checkbox"] {
	position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; pointer-events: none;
}
html body .acx-choix-options label, html body .acx-cases-options label {
	display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: 0; padding: 0 16px; float: none; width: auto;
	border: 1px solid var(--acx-bord); border-radius: var(--acx-r-champ); background: #fff; cursor: pointer;
	font-family: var(--acx-police); font-size: 15px; font-weight: 600; line-height: 1.2; color: var(--acx-encre);
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
html body .acx-choix-options label:hover, html body .acx-cases-options label:hover { border-color: var(--acx-ardoise); }
html body .acx-choix-options input:checked + label { background: var(--acx-nuit); border-color: var(--acx-nuit); color: #fff; }
.acx-choix-options input:focus-visible + label, .acx-cases-options input:focus-visible + label { outline: 2px solid var(--acx-ambre); outline-offset: 2px; }
/* case a cocher dessinee dans l'etiquette */
.acx-cases-options label::before {
	content: ''; flex: 0 0 18px; width: 18px; height: 18px; border: 1.5px solid var(--acx-bord); border-radius: 4px; background: #fff center / 12px 12px no-repeat;
}
html body .acx-cases-options input:checked + label { border-color: var(--acx-ardoise); background: #F1F5F9; }
.acx-cases-options input:checked + label::before {
	border-color: var(--acx-nuit); background-color: var(--acx-nuit);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.acx-cases { margin: 16px 0 0; padding: 0; border: 0; min-width: 0; }
.acx-cases-options { position: relative; display: flex; flex-wrap: wrap; gap: 8px; }

/* Petits champs dans les groupes (date, precision de nationalite, anciennete) */
html body .acx-date-champs input, html body .acx-anc-champs input[type="text"], html body .acx-precision {
	height: 44px; min-height: 44px; margin: 0; padding: 0 10px; float: none;
	border: 1px solid var(--acx-bord); border-radius: var(--acx-r-champ); background: #fff; box-shadow: none;
	font-family: var(--acx-police); font-size: 15px; font-weight: 500; color: var(--acx-encre);
}
.acx-date-champs { display: flex; align-items: center; gap: 6px; }
html body .acx-date-champs input { width: 58px; text-align: center; }
html body .acx-date-champs input.acx-annee { width: 78px; }
.acx-date-champs span { color: var(--acx-gris); font-weight: 600; }
.acx-anc-champs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
html body .acx-anc-champs input[type="text"] { width: 64px; text-align: center; }
html body .acx-precision { flex: 1 1 130px; min-width: 0; width: auto; }
.acx-date-champs input::placeholder, .acx-precision::placeholder { color: #A3ADB8; font-weight: 500; }

/* Erreurs de validation */
html body .acx-err input[type="text"], html body .acx-err select, html body .acx-err .acx-choix-options label, html body .acx-err .acx-cases-options label { border-color: var(--acx-rouge) !important; }
html body .acx-champ.acx-err input[type="text"], html body .acx-champ.acx-err select { background-color: var(--acx-rouge-clair) !important; }
html body .acx-erreur, html body span.erreur.acx-erreur {
	display: block; float: none; width: auto; margin: 5px 0 0; padding: 0; text-align: left;
	font-family: var(--acx-police); font-size: 13px !important; font-weight: 600 !important; line-height: 1.35; color: var(--acx-rouge) !important;
}
html body .acx-erreur-bloc {
	margin: 14px 0 0; padding: 10px 14px; border-radius: var(--acx-r-champ); background: var(--acx-rouge-clair); text-align: left;
	font-family: var(--acx-police); font-size: 14px; font-weight: 600; line-height: 1.4; color: #A5281B;
}

/* Boutons */
html body .acx-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; width: auto; height: auto;
	margin: 0; padding: 0 22px; border: 1px solid transparent; border-radius: var(--acx-r-btn); box-shadow: none;
	font-family: var(--acx-police); font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: 0; text-transform: none; text-decoration: none;
	cursor: pointer; white-space: nowrap; transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
html body .acx-btn-ambre { background: var(--acx-ambre) !important; border: 1px solid var(--acx-ambre) !important; color: var(--acx-nuit) !important; }
html body .acx-btn-ambre:hover, html body .acx-btn-ambre:focus-visible { background: var(--acx-ambre-hover) !important; border-color: var(--acx-ambre-hover) !important; color: var(--acx-nuit) !important; }
html body .acx-btn-ligne { background: #fff !important; border: 1px solid var(--acx-bord) !important; color: var(--acx-nuit) !important; }
html body .acx-btn-ligne:hover, html body .acx-btn-ligne:focus-visible { border-color: var(--acx-nuit) !important; color: var(--acx-nuit) !important; }
html body .acx-btn:focus-visible { outline: 2px solid var(--acx-nuit); outline-offset: 2px; }
html body .acx-btn[disabled] { opacity: .6; cursor: default; }

/* -------------------------------------------------------------------------------------
   2. Credit express (credit-express-frame.php, fenetre de 850 px)
   ------------------------------------------------------------------------------------- */
body.acx-express {
	margin: 0; min-width: 0; background: var(--acx-fond);
	font-family: var(--acx-police); font-size: 15px; line-height: 1.5; color: var(--acx-texte);
	-webkit-font-smoothing: antialiased;
}
.acx-entete {
	display: flex; align-items: center; gap: 22px; padding: 16px 24px;
	background: #fff; border-bottom: 1px solid var(--acx-ligne);
}
.acx-logo { flex: 0 0 auto; margin: 0; }
.acx-logo img { display: block; width: 190px; height: auto; }
.acx-entete-texte { min-width: 0; padding-left: 22px; border-left: 1px solid var(--acx-ligne); }
.acx-express .acx-titre { margin: 0; font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -.015em; color: var(--acx-encre); }
.acx-express .textValid { margin: 4px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--acx-texte); }
.acx-contenu { max-width: 820px; margin: 0 auto; padding: 20px 16px 28px; }

/* barre de progression */
.acx-etapes { margin: 0 0 16px; padding: 16px 12px 14px; background: #fff; border: 1px solid var(--acx-ligne); border-radius: var(--acx-r-carte); box-shadow: var(--acx-ombre); }
.acx-etapes ol { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.acx-etapes li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0; padding: 0 2px; text-align: center; }
.acx-etapes li::before { content: ''; position: absolute; top: 15px; right: 50%; width: 100%; height: 3px; background: var(--acx-ligne); }
.acx-etapes li:first-child::before { display: none; }
.acx-etapes li.acx-fait::before, .acx-etapes li.active::before { background: var(--acx-ardoise); }
.acx-num {
	position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;
	width: 32px; height: 32px; border-radius: 50%; background: #fff; border: 2px solid var(--acx-bord);
	font-size: 14px; font-weight: 800; line-height: 1; color: var(--acx-gris);
}
.acx-etapes li.acx-fait .acx-num { background: var(--acx-ardoise); border-color: var(--acx-ardoise); color: #fff; }
.acx-etapes li.active .acx-num { background: var(--acx-ambre); border-color: var(--acx-ambre); color: var(--acx-nuit); box-shadow: 0 0 0 4px rgba(243, 172, 75, .28); }
.acx-lib { font-size: 12.5px; font-weight: 600; line-height: 1.25; color: var(--acx-gris); }
.acx-etapes li.acx-fait .acx-lib { color: var(--acx-ardoise); }
.acx-etapes li.active .acx-lib { font-weight: 800; color: var(--acx-nuit); }
.acx-etape-mobile { display: none; margin: 10px 0 0; text-align: center; font-size: 14px; color: var(--acx-texte); }
.acx-etape-mobile strong { color: var(--acx-nuit); }

/* cartes de chaque etape */
.acx-carte { margin: 0 0 14px; padding: 20px 22px 22px; background: #fff; border: 1px solid var(--acx-ligne); border-radius: var(--acx-r-carte); box-shadow: var(--acx-ombre); }
.acx-express .acx-carte-titre { margin: 0 0 14px; font-size: 18px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; color: var(--acx-encre); }
.acx-express #antiSpam { margin: 0 0 14px; padding: 16px 22px; background: #fff; border: 1px solid var(--acx-ligne); border-radius: var(--acx-r-carte); box-shadow: var(--acx-ombre); }
.acx-captcha { min-height: 40px; }
.acx-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 0; }
.acx-actions .next { margin-left: auto; }
.acx-actions-centre { justify-content: center; }
.acx-actions-centre .next { margin-left: 0; }

/* ecran de resultat */
.acx-resultat { text-align: center; padding: 28px 24px; }
.acx-resultat .titre_bloc { font-size: 15px; color: var(--acx-texte); }
.acx-resultat p { margin: 0 0 8px; }
.acx-resultat-icone { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 10px; border-radius: 50%; background: #E7F5EE; color: var(--acx-vert); }
.acx-express .acx-resultat-titre { margin: 0 0 6px; font-size: 24px; font-weight: 800; color: var(--acx-encre); }
.acx-resultat-titre-erreur { font-weight: 700; color: #A5281B; }
.acx-resultat-liste { display: inline-block; margin: 4px 0 12px; padding: 0 0 0 18px; text-align: left; }
.acx-resultat-fermer { color: var(--acx-gris); font-size: 14px; }

@media (max-width: 640px) {
	.acx-entete { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px 16px; }
	.acx-entete-texte { padding-left: 0; border-left: 0; }
	.acx-logo img { width: 170px; }
	.acx-express .acx-titre { font-size: 20px; }
	.acx-contenu { padding: 14px 12px 24px; }
	.acx-grille { grid-template-columns: 1fr; }
	.acx-carte { padding: 16px; }
	.acx-express #antiSpam { padding: 14px 16px; }
	.acx-etapes { padding: 14px 8px 12px; }
	.acx-lib { display: none; }
	.acx-etape-mobile { display: block; }
}
@media (max-width: 480px) {
	.acx-actions { flex-direction: column-reverse; align-items: stretch; }
	.acx-actions .acx-btn { width: 100%; }
	.acx-actions .next { margin-left: 0; }
}

/* -------------------------------------------------------------------------------------
   3. Conteneur des popups du site (js/popup/popup.js : .popup_block + #fade + a.close)
   ------------------------------------------------------------------------------------- */
/* #fade (voile) : deja style par pages-produits.css, non modifie ici */
html body .popup_block {
	border: 0 !important; border-radius: var(--ac-r-max, 7px) !important; background: #fff;
	box-shadow: 0 2px 6px rgba(20, 32, 44, .10), 0 24px 60px rgba(10, 20, 30, .35) !important;
}
html body .popup_block > a.close {
	position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; z-index: 20;
	display: block; width: 40px; height: 40px; margin: 0 !important; padding: 0 !important; float: none;
	border-radius: 50%; background: var(--acx-fond) !important; opacity: 1; text-indent: 0;
	transition: background-color .15s ease;
}
html body .popup_block > a.close:hover, html body .popup_block > a.close:focus-visible { background: var(--acx-ligne) !important; }
html body .popup_block > a.close:focus-visible { outline: 2px solid var(--acx-nuit); outline-offset: 2px; }
html body .popup_block > a.close img { display: none !important; }
html body .popup_block > a.close::before, html body .popup_block > a.close::after {
	content: ''; position: absolute; top: 19px; left: 12px; width: 16px; height: 2px; border-radius: 2px; background: var(--acx-nuit);
}
html body .popup_block > a.close::before { transform: rotate(45deg); }
html body .popup_block > a.close::after { transform: rotate(-45deg); }

/* Fenetre Etude gratuite du gabarit commun : en-tete photo et coin remplaces par l'en-tete du formulaire */
html body #etude_gratuite.popup_block { width: min(640px, calc(100vw - 24px)) !important; padding: 0 !important; overflow: visible; }
html body #etude_gratuite.popup_block::after { display: none !important; }
html body #etude_gratuite.popup_block > .coinLeft, html body #etude_gratuite.popup_block > .photo_interne { display: none !important; }
html body #etude_gratuite.popup_block form { width: auto !important; margin: 0; padding: 0 !important; background: none !important; z-index: auto; }

/* Fenetre Je veux profiter de ce taux (accueil, recherche) */
html body #profiter_taux.popup_block { width: min(580px, calc(100vw - 24px)) !important; padding: 0 !important; }
html body #profiter_taux.popup_block > .titreFormAvis {
	margin: 0 !important; padding: 26px 64px 0 28px !important; border: 0 !important; text-align: left;
	font-family: var(--acx-police); font-size: 22px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em;
	color: var(--acx-encre) !important; text-transform: lowercase; background: none;
}
html body #profiter_taux.popup_block > .titreFormAvis::first-letter { text-transform: uppercase; }
html body #profiter_taux.popup_block > .titreFormAvis #taux_popup {
	display: block; margin-top: 4px; font-size: 15px !important; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--acx-ambre-fonce);
}
html body #profiter_taux.popup_block > .titreFormAvis #taux_popup:empty { display: none; }

/* -------------------------------------------------------------------------------------
   4. Contenu des fenetres (gabarit commun et fenetres modales Bootstrap)
   ------------------------------------------------------------------------------------- */
.acx-pop { padding: 26px 28px 24px; font-family: var(--acx-police); font-size: 15px; line-height: 1.5; color: var(--acx-texte); text-align: left; }
#profiter_taux .acx-pop { padding-top: 16px; }
.acx-pop-tete { margin: 0 0 18px; padding-right: 44px; }
html body .acx-pop .acx-pop-titre {
	margin: 0; padding: 0; border: 0; background: none; text-align: left; text-transform: none;
	font-family: var(--acx-police); font-size: 22px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; color: var(--acx-encre);
}
.acx-pop-sous { margin: 6px 0 0; font-size: 14.5px; line-height: 1.45; color: var(--acx-texte); }
html body .acx-pop .acx-pop-intro { margin: 0 0 16px; }
.acx-pop form { margin: 0; padding: 0; width: auto; background: none; box-shadow: none; }
html body .acx-pop p, html body .acx-pop legend, html body .acx-pop button, html body .acx-modal .modal-footer .btn { font-family: var(--acx-police); }
.acx-pop .abeille, .acx-modal .abeille { display: none !important; }
.acx-pop .g-recaptcha { margin: 16px 0 0; min-height: 0; }
.acx-pop .acx-captcha-erreur { margin-top: 4px; }
.acx-pop-bas { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 18px 0 0; }
.acx-pop-note { margin: 0; font-size: 12.5px; line-height: 1.4; color: var(--acx-gris); }
.acx-pop-bas .acx-btn { margin-left: auto; min-width: 150px; }
.acx-pop .pastille, #etude_gratuite_wait { width: 24px; height: 24px; vertical-align: middle; }

/* ecran merci */
.acx-merci { font-family: var(--acx-police); display: flex; align-items: flex-start; gap: 14px; margin: 0; padding: 18px; border-radius: var(--ac-r-max, 7px); background: #EEF7F2; color: var(--acx-encre); font-size: 15.5px; font-weight: 600; line-height: 1.45; text-align: left; }
.acx-merci-icone { flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--acx-vert); color: #fff; }
.acx-merci p { margin: 0; }
.acx-merci p + p { margin-top: 6px; font-weight: 500; color: var(--acx-texte); }

/* Fenetres modales Bootstrap (popup/etude_gratuite.tpl, popup/appel_immediat.tpl) : fonctionnent avec ou sans bootstrap.css */
.acx-modal.modal { position: fixed; top: 0; left: 0; z-index: 1055; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; max-width: none !important; }
.acx-modal.modal.fade { transition: opacity .15s linear; }
.acx-modal.modal.fade:not(.show) { opacity: 0; }
.acx-modal .modal-dialog { position: relative; width: auto; max-width: 640px; margin: 28px auto; padding: 0 12px; pointer-events: none; }
.acx-modal .modal-content {
	position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; overflow: hidden;
	background: #fff; border: 0; border-radius: var(--ac-r-max, 7px); box-shadow: 0 2px 6px rgba(20, 32, 44, .10), 0 24px 60px rgba(10, 20, 30, .35);
	font-family: var(--acx-police); color: var(--acx-texte);
}
.acx-modal .modal-header { position: relative; display: block; padding: 24px 72px 0 28px; border: 0; }
html body .acx-modal .modal-title { margin: 0; padding: 0; text-align: left; font-family: var(--acx-police); font-size: 22px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; color: var(--acx-encre); text-transform: none; }
.acx-modal .modal-body { padding: 0; }
.acx-modal .modal-body .acx-pop { padding-top: 16px; padding-bottom: 8px; }
.acx-modal .modal-body .acx-pop-tete { padding-right: 0; }
html body .acx-modal .btn-close {
	position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; margin: 0; padding: 0; opacity: 1;
	border: 0 !important; border-radius: 50% !important; background: var(--acx-fond) !important; box-shadow: none; cursor: pointer;
}
html body .acx-modal .btn-close:hover { background: var(--acx-ligne) !important; }
html body .acx-modal .btn-close:focus-visible { outline: 2px solid var(--acx-nuit); outline-offset: 2px; box-shadow: none; }
.acx-modal .btn-close::before, .acx-modal .btn-close::after { content: ''; position: absolute; top: 19px; left: 12px; width: 16px; height: 2px; border-radius: 2px; background: var(--acx-nuit); }
.acx-modal .btn-close::before { transform: rotate(45deg); }
.acx-modal .btn-close::after { transform: rotate(-45deg); }
.acx-modal .modal-footer { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; padding: 8px 28px 24px; border: 0; }
.acx-modal .modal-footer > * { margin: 0; }
.acx-modal .acx-envoi-hors-modale { display: none; }
body > .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; max-width: none !important; background-color: var(--acx-nuit); }
body > .modal-backdrop.fade { opacity: 0; }
body > .modal-backdrop.show { opacity: .7; }
/* formulaire de la fenetre modale renvoye dans une page (ex. etude-gratuite.php apres un refus) : bouton d'envoi dans le formulaire */
.acx-envoi-hors-modale { margin: 18px 0 0; text-align: right; }

@media (max-width: 600px) {
	.acx-pop { padding: 22px 18px 20px; }
	#profiter_taux .acx-pop { padding-top: 14px; }
	html body #profiter_taux.popup_block > .titreFormAvis { padding: 22px 60px 0 18px !important; font-size: 20px; }
	html body .acx-pop .acx-pop-titre, html body .acx-modal .modal-title { font-size: 20px; }
	.acx-pop .acx-grille { grid-template-columns: 1fr; }
	.acx-pop-bas { flex-direction: column-reverse; align-items: stretch; }
	.acx-pop-bas .acx-btn { width: 100%; margin-left: 0; }
	.acx-modal .modal-dialog { margin: 12px auto; }
	.acx-modal .modal-header { padding: 20px 64px 0 18px; }
	.acx-modal .modal-footer { padding: 8px 18px 20px; }
	.acx-modal .modal-footer .acx-btn { flex: 1 1 auto; }
	html body .acx-cases-options label { width: 100%; }
}

/* Fenetres .popup_block et fond #fade : js/popup/popup.js les fait apparaitre / disparaitre en fondu jQuery.
   La regle generale "body * { transition: .5s }" de screen.css retardait chaque pas de ce fondu :
   la fenetre surgissait presque opaque, s'assombrissait puis revenait (fondu d'ouverture invisible une fois sur deux). */
html body .popup_block,
html body #fade { transition: none !important; }

/* css_ac/pages-standalone.css */
/* Accord refonte 2026 : pages autonomes (etude-gratuite.php, credit-immobilier.php, assurance-pret.php,
   rachat-credit.php, credit-remere.php, credit-professionnel.php). Prefixe ac-sa-.
   Bandeau : header_image.tpl (commun). Formulaire : .ac-form / .ac-champ (accord-2026-pages.css). */

/* ---------- bloc principal : formulaire + colonne ---------- */
.ac-sa { background: var(--ac-fond); }
.ac-sa-in { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.ac-sa-principal { min-width: 0; padding: 28px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-sa-principal > .ac-texte-bloc { margin-bottom: 20px !important; }
.ac-sa-principal > .ac-texte-bloc strong { color: var(--ac-encre); font-weight: 700; }
.ac-sa-cote { display: grid; gap: 12px; min-width: 0; }
.ac-sa-bloc { padding: 24px 26px; border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-sa-bloc-titre { margin: 0 0 12px !important; font-size: 18px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; color: var(--ac-encre); }
.ac-sa-liste { display: grid; gap: 10px; }
.ac-sa-liste li { position: relative; padding-left: 28px; font-size: 15px; line-height: 1.45; color: var(--ac-encre); }
.ac-sa-liste li:before {
	content: ""; position: absolute; left: 0; top: 1px; width: 19px; height: 19px; border-radius: 50%;
	background: var(--ac-ambre-clair) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C97B14' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat;
}

/* ---------- questionnaire en iframe ---------- */
.ac-sa-iframe { margin: 4px -28px -28px; padding: 8px 12px 12px; border-top: 1px solid var(--ac-ligne); }
.ac-sa-iframe iframe { display: block; height: 820px; }
.ac-sa-chargement { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 260px; font-size: 15px; color: var(--ac-gris); text-align: center; }
.ac-sa-chargement p { margin: 0; }
.ac-sa-roue { width: 34px; height: 34px; border-radius: 50%; border: 3px solid var(--ac-ligne); border-top-color: var(--ac-ambre); animation: ac-sa-tourne .8s linear infinite; }
@keyframes ac-sa-tourne { to { transform: rotate(360deg); } }

/* ---------- formulaire etude gratuite ---------- */
.ac-sa-form { margin-top: 4px; }
.ac-sa-en-erreur input { border-color: #C0392B !important; background: #FFF7F6 !important; }
.ac-sa-alerte { display: grid; gap: 2px; margin: 0 0 16px; padding: 12px 16px; border-radius: var(--ac-r-max, 7px); border-left: 4px solid #C0392B; background: #FDF1EF; font-size: 14px; color: #8E2A1F; }
.ac-sa-alerte strong { font-weight: 700; }
.ac-sa-choix { margin: 20px 0 0; padding: 0; border: 0; min-width: 0; }
.ac-sa-choix legend { margin: 0 0 10px; padding: 0; font-size: 15px; font-weight: 700; color: var(--ac-encre); }
.ac-sa-choix-grille { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ac-sa-case { display: flex; align-items: center; gap: 12px; min-height: 50px; margin: 0; padding: 10px 14px; border: 1px solid #CBD3DC; border-radius: var(--ac-r-max, 7px); background: #fff; font-size: 15px; font-weight: 500; color: var(--ac-encre); cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.ac-sa-case:hover { border-color: var(--ac-ardoise); }
.ac-sa-case input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--ac-ardoise); cursor: pointer; }
.ac-sa-case:has(input:checked) { border-color: var(--ac-ambre); background: var(--ac-ambre-clair); }
.ac-sa-choix > .erreur, .ac-sa-form > .erreur { display: block; margin-top: 6px; font-size: 13px; font-weight: 600; color: #C0392B; }
.ac-sa-form .g-recaptcha { margin: 18px 0 0; }
.ac-sa-form .ac-form-note { flex: 1 1 320px; margin: 0; }
.ac-sa-form .ac-form-note a { color: var(--ac-ardoise); font-weight: 600; text-decoration: underline; }
.ac-sa-form .ac-form-boutons { align-items: center; }
.ac-sa-attente { width: 24px; height: 24px; }
main form.ac-sa-form .ac-btn { min-height: 48px; }

/* ---------- blocs du bas : cartes et questions ---------- */
.ac-sa-bas-blanc { background: #fff; }
.ac-sa-bas-fond { background: var(--ac-fond); }
.ac-sa-titre { margin-bottom: 28px !important; }
.ac-sa-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ac-sa-grille-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ac-sa-carte { padding: 24px; border-radius: var(--ac-r); border: 1px solid var(--ac-ligne); background: #fff; }
.ac-sa-bas-fond .ac-sa-carte { border-color: transparent; box-shadow: var(--ac-ombre-1); }
.ac-sa-carte h3 { margin: 16px 0 6px; font-size: 17px; font-weight: 800; line-height: 1.3; color: var(--ac-encre); }
.ac-sa-carte p { font-size: 15px; line-height: 1.55; color: var(--ac-texte); }
.ac-sa-ico, .ac-sa-num { width: 46px; height: 46px; border-radius: var(--ac-r-max, 7px); display: grid; place-items: center; background: var(--ac-ambre-clair); color: var(--ac-ambre-fonce); }
.ac-sa-ico svg { width: 22px; height: 22px; stroke-width: 1.8; }
.ac-sa-num { background: var(--ac-nuit); color: #fff; font-size: 18px; font-weight: 800; }

.ac-sa-faq { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.ac-sa-question { border-radius: var(--ac-r); background: #fff; border: 1px solid var(--ac-ligne); }
.ac-sa-bas-fond .ac-sa-question { border-color: transparent; box-shadow: var(--ac-ombre-1); }
.ac-sa-question summary { display: flex; font-family: var(--ac-police); align-items: center; justify-content: space-between; gap: 14px; padding: 18px 22px; font-size: 16px; font-weight: 700; line-height: 1.35; color: var(--ac-encre); cursor: pointer; list-style: none; }
.ac-sa-question summary::-webkit-details-marker { display: none; }
.ac-sa-question summary:after { content: "+"; flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--ac-fond); font-size: 20px; font-weight: 500; line-height: 1; color: var(--ac-ardoise); }
.ac-sa-question[open] summary:after { content: "\2212"; background: var(--ac-ambre-clair); color: var(--ac-ambre-fonce); }
.ac-sa-question summary:hover { color: var(--ac-ardoise); }
.ac-sa-question p { padding: 0 22px 20px; font-size: 15px; line-height: 1.6; color: var(--ac-texte); }

@media (max-width: 1140px) {
	.ac-sa-in { grid-template-columns: 1fr; }
	.ac-sa-cote { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
	.ac-sa-grille, .ac-sa-grille-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.ac-sa-principal { padding: 22px 18px; }
	.ac-sa-iframe { margin: 4px -18px -22px; padding: 6px 4px 8px; }
	.ac-sa-cote { grid-template-columns: 1fr; }
	.ac-sa-bloc { padding: 20px 18px; }
	.ac-sa-choix-grille, .ac-sa-grille, .ac-sa-grille-4, .ac-sa-faq { grid-template-columns: 1fr; }
	.ac-sa-carte { padding: 20px; }
	.ac-sa-question summary { padding: 16px 18px; font-size: 15px; }
	.ac-sa-question p { padding: 0 18px 18px; }
	.ac-sa-form .ac-form-boutons, .ac-sa-form .ac-form-boutons .ac-btn { width: 100%; }
}

/* messages d'erreur du formulaire : la classe .erreur a un style ancien (centre, marges) dans les feuilles historiques */
main form.ac-sa-form .erreur { display: block !important; float: none !important; position: static !important; width: auto !important; height: auto !important; margin: 5px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.4 !important; color: #C0392B !important; }

/* css_ac/ux-contenus.css */
/* Accord refonte 2026 : organisation UI/UX - contenus (lot parallele) */
/* Pages dossiers (dossiers_nouveau.php), loi Lemoine, contrat de confiance, RGPD, actualites,
   Clic @nd Cheques, simulateur de pret. Surcharge accord-2026-pages.css sans le modifier. */

/* =====================================================================
   1. Pages dossiers : sommaire collant | texte | colonne utile
   (classes .ac-doc* ajoutees par js/ac-sommaire.js ; sans JS, l'ancienne mise en page reste)
   ===================================================================== */
main .str_colonne.ac-doc { grid-template-columns: 236px minmax(0, 1fr) 272px; gap: 40px; margin-top: 0 !important; padding-top: 28px !important; }
main .ac-services + * .str_colonne.ac-doc, main .ac-services + .str_colonne.ac-doc { padding-top: 24px !important; }
main .str_colonne.ac-doc > .ac-doc-gauche { position: sticky; top: 130px; max-height: calc(100vh - 150px); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; min-width: 0; }
main .str_colonne.ac-doc > .ac-doc-gauche:empty { display: none; }
main .str_colonne.ac-doc > aside.ac-doc-cote { position: static; display: grid; gap: 12px; align-content: start; min-width: 0; }

/* sommaire (details/summary : ouvert en permanence sur ordinateur, replie sur mobile) */
.ac-sommaire { margin: 0; }
.ac-sommaire > summary { list-style: none; margin: 0 0 8px; font-family: var(--ac-police); font-size: 13px; font-weight: 700; color: var(--ac-gris); cursor: default; pointer-events: none; }
.ac-sommaire > summary::-webkit-details-marker { display: none; }
.ac-sommaire ol { margin: 0; padding: 0; list-style: none; border-left: 2px solid var(--ac-ligne); }
.ac-sommaire li { margin: 0; padding: 0; }
.ac-sommaire li:before { display: none !important; }
.ac-sommaire a { display: block; margin-left: -2px; padding: 7px 0 7px 14px; border-left: 2px solid transparent; font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--ac-texte); text-decoration: none; transition: color .15s ease, border-color .15s ease; }
.ac-sommaire .ac-sommaire-sous a { padding-left: 26px; font-size: 13px; font-weight: 500; }
.ac-sommaire a:hover { color: var(--ac-encre); border-left-color: var(--ac-gris); }
.ac-sommaire a.ac-actif { color: var(--ac-encre); font-weight: 700; border-left-color: var(--ac-ambre); }
main .desc_content_statique_site .ac-ancre { scroll-margin-top: 140px; }

/* liste des dossiers (colonne de droite, ou de gauche quand la page n'a pas de sommaire) */
.ac-doc-liens { display: flex; flex-direction: column; padding: 14px 16px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r); background: #fff; }
.ac-doc-groupe { margin: 10px 0 4px !important; font-size: 13px !important; font-weight: 700 !important; color: var(--ac-gris) !important; }
.ac-doc-groupe:first-child { margin-top: 0 !important; }
.ac-doc-liens a { display: block; padding: 5px 8px; margin: 0 -8px; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--ac-encre); text-decoration: none; }
.ac-doc-liens a:hover { background: var(--ac-fond); color: var(--ac-ardoise); }
.ac-doc-liens a.ac-actif { background: var(--ac-ambre-clair); box-shadow: inset 2px 0 0 var(--ac-ambre); }
.ac-doc-liens a:last-child { margin-top: 6px; color: var(--ac-ardoise); text-decoration: underline; text-underline-offset: 3px; }
.ac-doc-gauche .ac-doc-liens { padding: 0; border: 0; background: none; }

/* raccourcis compacts (remplacent les 2 grandes images-liens) */
.ac-doc-actions { display: grid; gap: 10px; }
.ac-doc-cote .ac-raccourci { padding: 12px 14px; gap: 12px; color: var(--ac-encre); text-decoration: none; }
.ac-doc-cote .ac-raccourci-ico { width: 38px; height: 38px; }
.ac-doc-cote .ac-raccourci-ico svg, .ac-doc-cote .ac-fleche { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ac-doc-cote .ac-raccourci > span:nth-child(2) { line-height: 1.3; gap: 2px; min-width: 0; }
.ac-doc-cote .ac-raccourci strong { font-size: 15px; font-weight: 700; line-height: 1.3; }
.ac-doc-cote .ac-raccourci small { line-height: 1.3; }
.ac-doc-cote .ac-raccourci:first-child { background: var(--ac-nuit); }
.ac-doc-cote .ac-raccourci:first-child strong { color: #fff; }
.ac-doc-cote .ac-raccourci:first-child small { color: rgba(255, 255, 255, .72); }
.ac-doc-cote .ac-raccourci:first-child .ac-raccourci-ico { background: var(--ac-ambre); color: var(--ac-nuit); }
main .ac-doc-cote .ac-raccourci:first-child .ac-fleche { color: var(--ac-ambre) !important; stroke: var(--ac-ambre) !important; }
main .ac-doc-cote .contact_home { box-sizing: border-box; width: auto !important; max-width: 100%; }
.ac-outil-lien > span:nth-child(2) small { line-height: 1.35; margin-top: 2px; }

/* texte : titres internes saisis en h1 (mentions legales) remis au niveau des h2, tableaux defilants */
main .ac-doc .desc_content_statique_site h1:not(.for_titre) { margin: 28px 0 10px !important; font-family: var(--ac-police) !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -.01em; color: var(--ac-encre) !important; text-transform: none !important; }
main .ac-doc .desc_content_statique_site h1:not(.for_titre) *, main .ac-doc .desc_content_statique_site h2 font, main .ac-doc .desc_content_statique_site h2 span { font: inherit !important; color: inherit !important; background: none !important; }
main .ac-doc .desc_content_statique_site h1:not(.for_titre):empty { display: none; }
main .ac-doc .desc_content_statique_site > *:first-child, main .ac-doc .desc_content_statique_site > h2:first-child { margin-top: 0 !important; }
main .ac-doc .desc_content_statique_site table { width: 100% !important; max-width: 100%; margin: 12px 0 18px; border-collapse: collapse; font-size: 15px; }
main .ac-doc .desc_content_statique_site th, main .ac-doc .desc_content_statique_site td { padding: 8px 10px; border-bottom: 1px solid var(--ac-ligne); text-align: left; vertical-align: top; }
main .ac-doc .desc_content_statique_site th { color: var(--ac-encre); background: var(--ac-fond); }
main .ac-doc .desc_content_statique_site img { max-width: 100%; height: auto; }
/* polices et justification collees depuis un traitement de texte (mentions legales, infos clients) : police du site, texte aligne a gauche */
main .ac-doc .desc_content_statique_site font[face], main .ac-doc .desc_content_statique_site [style*="font-family"] { font-family: inherit !important; }
main .ac-doc .desc_content_statique_site [style*="justify"], main .ac-doc .desc_content_statique_site [align="justify"] { text-align: left !important; }

/* outil de calcul en haut des pages calcul (79, 80, 81, 82) et carte-lien (72) */
.ac-outil { display: block; margin: 0 0 32px; padding: 6px 12px 12px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r); background: #fff; box-shadow: var(--ac-ombre-1); }
.ac-outil-cadre { min-height: 260px; }
.ac-outil-cadre iframe { display: block; width: 100%; border: 0; }
.ac-outil-pied { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 18px; margin: 4px 8px 0; padding-top: 10px; border-top: 1px solid var(--ac-ligne); }
.ac-outil-aide { margin: 0 !important; font-size: 13.5px !important; line-height: 1.45 !important; color: var(--ac-texte) !important; }
.ac-outil-aide a { font-weight: 700; color: var(--ac-encre) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.ac-outil-plus { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--ac-ardoise) !important; text-decoration: none; white-space: nowrap; }
.ac-outil-plus svg, .ac-outil-lien svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ac-outil-plus:hover { color: var(--ac-encre) !important; }
.ac-outil.ac-outil-lien { display: flex; align-items: center; gap: 16px; padding: 16px 20px; text-decoration: none; color: var(--ac-encre); transition: box-shadow .2s ease; }
.ac-outil.ac-outil-lien:hover { box-shadow: var(--ac-ombre-2); }
.ac-outil-lien .ac-raccourci-ico svg { width: 22px; height: 22px; }
.ac-outil-lien > span:nth-child(2) { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.ac-outil-lien strong { font-size: 18px; font-weight: 800; color: var(--ac-encre); }
.ac-outil-lien small { font-size: 13.5px; color: var(--ac-texte); }
.ac-outil-lien .ac-btn { flex: none; gap: 8px; }

@media (max-width: 1280px) {
	main .str_colonne.ac-doc { grid-template-columns: 220px minmax(0, 1fr); gap: 32px; }
	main .str_colonne.ac-doc > .ac-doc-gauche { grid-row: 1 / span 2; }
	main .str_colonne.ac-doc > .str_for_left, main .str_colonne.ac-doc > aside.ac-doc-cote { grid-column: 2; }
	main .str_colonne.ac-doc > aside.ac-doc-cote { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	main .str_colonne.ac-doc > aside.ac-doc-cote .ac-doc-liens { grid-row: span 2; }
	main .str_colonne.ac-doc-avec-sommaire > aside.ac-doc-cote .ac-doc-liens { flex-flow: row wrap; gap: 0 18px; grid-column: 1 / -1; grid-row: auto; }
	main .str_colonne.ac-doc-avec-sommaire > aside.ac-doc-cote .ac-doc-groupe { flex-basis: 100%; }
	main .str_colonne.ac-doc-avec-sommaire > aside.ac-doc-cote .ac-doc-liens a { margin: 0; }
}
@media (max-width: 1140px) {
	main .str_colonne.ac-doc { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	main .str_colonne.ac-doc > .ac-doc-gauche { position: static; max-height: none; overflow: visible; grid-row: auto; order: 3; }
	main .str_colonne.ac-doc > .str_for_left, main .str_colonne.ac-doc > aside.ac-doc-cote { grid-column: 1; }
	main .str_colonne.ac-doc > aside.ac-doc-cote { order: 2; }
	main .str_colonne.ac-doc-sans-sommaire > .ac-doc-gauche .ac-doc-liens { flex-flow: row wrap; gap: 0 18px; padding: 14px 16px; border: 1px solid var(--ac-ligne); background: #fff; }
	main .str_colonne.ac-doc-sans-sommaire > .ac-doc-gauche .ac-doc-groupe { flex-basis: 100%; }
	main .str_colonne.ac-doc-sans-sommaire > .ac-doc-gauche .ac-doc-liens a { margin: 0; }
	/* sommaire mobile : bouton repliable place avant le texte */
	.ac-sommaire { margin: 0 0 22px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r); background: #fff; }
	.ac-sommaire > summary { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 12px 16px; font-size: 15px; color: var(--ac-encre); cursor: pointer; pointer-events: auto; }
	.ac-sommaire > summary:after { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--ac-ardoise); border-bottom: 2px solid var(--ac-ardoise); transform: rotate(45deg); margin-top: -4px; transition: transform .2s ease; }
	.ac-sommaire[open] > summary:after { transform: rotate(-135deg); margin-top: 4px; }
	.ac-sommaire ol { margin: 0 16px 12px; }
}
@media (max-width: 767px) {
	main .str_colonne.ac-doc > aside.ac-doc-cote { grid-template-columns: minmax(0, 1fr); }
	main .ac-doc .desc_content_statique_site table { display: block; overflow-x: auto; }
	.ac-outil { padding: 4px 6px 10px; }
	.ac-outil.ac-outil-lien { flex-wrap: wrap; }
	.ac-outil-lien .ac-btn { width: 100%; justify-content: center; }
}

/* =====================================================================
   2. RGPD : sommaire existant (colonne collante) toujours visible entierement
   ===================================================================== */
.ac-rgpd-cote { max-height: calc(100vh - 150px); }
.ac-rgpd-sommaire { display: flex; flex-direction: column; min-height: 0; }
.ac-rgpd-sommaire ol { overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.ac-rgpd-sommaire a { transition: color .15s ease; }
.ac-rgpd-sommaire a.ac-actif { color: var(--ac-encre); box-shadow: inset 3px 0 0 var(--ac-ambre); padding-left: 10px; margin-left: -10px; background: var(--ac-ambre-clair); border-radius: 4px; }
.ac-rgpd-texte h2[id], .ac-rgpd-texte h3[id] { scroll-margin-top: 140px; }
.ac-rgpd-texte > p, .ac-rgpd-texte > ul, .ac-rgpd-texte > ol { max-width: 82ch; }
@media (max-width: 1140px) {
	.ac-rgpd-cote { max-height: none; }
}

/* =====================================================================
   3. Simulateur de pret (simulation.php) : outil en premier, texte ensuite
   ===================================================================== */
.ac-simulation-outil.ac-simulation-premier { padding-top: 20px; }
.ac-simulation-premier .ac-carte.lancementSimu { padding-top: 20px; }
.ac-simulation-premier .lancementSimu .titreBloc { margin-bottom: 10px !important; }
.ac-simulation-texte.ac-simulation-apres { background: #fff; }

/* =====================================================================
   4. Actualites : recherche + compteur au-dessus de la grille
   ===================================================================== */
.ac-actus-outils { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin: 0 0 18px; }
.ac-actus-recherche { position: relative; flex: 0 1 420px; }
.ac-actus-recherche label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ac-actus-recherche input { width: 100%; height: 44px; padding: 0 14px 0 40px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); background: #fff; font: inherit; font-size: 15px; color: var(--ac-encre); }
.ac-actus-recherche input:focus { outline: 2px solid var(--ac-ambre); outline-offset: 1px; border-color: var(--ac-ambre); }
.ac-actus-recherche svg { position: absolute; left: 13px; top: 50%; width: 18px; height: 18px; margin-top: -9px; fill: none; stroke: var(--ac-gris); stroke-width: 2; stroke-linecap: round; pointer-events: none; }
.ac-actus-compteur { margin: 0; font-size: 14px; font-weight: 600; color: var(--ac-texte); }
.ac-actus-compteur strong { color: var(--ac-encre); }
.ac-actus-aucun { margin: 0; padding: 16px 20px; border: 1px dashed var(--ac-ligne); border-radius: var(--ac-r); font-size: 15px; color: var(--ac-texte); background: #fff; }
.ac-actus-page-carte[hidden] { display: none !important; }

/* =====================================================================
   5. Clic @nd Cheques : action principale dans le premier bloc, colonne compacte
   ===================================================================== */
.ac-cheques-intro-tete { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 24px; margin-bottom: 12px; }
.ac-cheques-intro-tete .ac-titre-bloc { margin-bottom: 4px; }
.ac-cheques-intro-tete .ac-btn { flex: none; gap: 8px; }
.ac-cheques-intro-tete .ac-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ac-cheques-cote .ac-raccourci { padding: 12px 14px; gap: 12px; color: var(--ac-encre); text-decoration: none; }
.ac-cheques-cote .ac-raccourci-ico { width: 38px; height: 38px; }
.ac-cheques-cote .ac-raccourci-ico svg, .ac-cheques-cote .ac-fleche { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ac-cheques-cote .ac-raccourci > span:nth-child(2) { line-height: 1.3; gap: 2px; min-width: 0; }
.ac-cheques-cote .ac-raccourci strong { font-size: 15px; font-weight: 700; line-height: 1.3; }
.ac-cheques-cote .ac-raccourci small { line-height: 1.3; }
@media (max-width: 767px) {
	.ac-cheques-intro-tete .ac-btn { width: 100%; justify-content: center; }
}

/* css_ac/ux-relation.css */
/* Accord refonte 2026 : organisation UI/UX - relation (lot parallele)
   Pages : contact, temoignages (liste + depot d'avis), partenaires professionnels, banques et assurances,
   pages regionales (recherche.php), parrainage, recrutement.
   Principe : la tache principale de chaque page est visible au premier ecran (1366 x 768). Arrondis <= 7 px. */

/* =====================================================================================
   1. Pages formulaire : Contact et Deposer un temoignage
   Bandeau plus bas sur ces deux pages (visages entiers) et formulaire resserre : le bouton d'envoi
   est visible sans defiler. Le texte d'accueil passe dans la colonne de droite (reassurance a cote).
   ===================================================================================== */
body[rel$="contact/contact.tpl"] .ac-page-hero-in,
body[rel$="temoignages/form_temoignage.tpl"] .ac-page-hero-in { min-height: 232px; padding-top: 22px; padding-bottom: 22px; }
body[rel$="contact/contact.tpl"] .ac-page-hero .ac-page-intro,
body[rel$="temoignages/form_temoignage.tpl"] .ac-page-hero .ac-page-intro { margin-bottom: 0; }

.ux-formpage.ac-section { padding: 24px 0 48px; }
.ux-formpage .ac-carte-form { padding: 22px 26px 20px; }
.ux-formpage .ac-carte-form > .ac-titre-bloc { margin-bottom: 14px; }
.ux-formpage .ac-form-grille { gap: 12px; }
main .ux-formpage form.ac-form .ac-champ input { height: 50px; min-height: 50px !important; }
main .ux-formpage form.ac-form .ac-champ textarea { min-height: 104px !important; height: 104px; }
.ux-formpage .ac-form-bas { margin-top: 12px; }
.ux-formpage .ac-form-note { margin-top: 8px; }
.ux-formpage .ac-carte-infos { padding: 22px 24px; }
.ux-formpage-texte { margin: 4px 0 0; font-size: 14.5px; line-height: 1.55; color: var(--ac-texte); }
.ux-formpage .ac-coordonnees { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ac-ligne); }
.ux-formpage .ac-contact-cote { position: sticky; top: 124px; }
.ux-formpage .ac-raccourci { padding: 13px 16px; }
/* depot d'avis : code postal + ville et la note sur la meme ligne */
.ux-formavis .ac-champ-duo.ac-champ-large, .ux-formavis .ac-note-choix { grid-column: auto; }
.ux-formavis .ac-note-choix { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-height: 50px; }
.ux-formavis .ac-note-choix-libelle { margin: 0; }

@media (max-width: 1140px) {
	.ux-formpage .ac-contact-cote { position: static; }
}
@media (max-width: 767px) {
	.ux-formpage.ac-section { padding: 18px 0 36px; }
	.ux-formpage .ac-carte-form { padding: 18px 16px; }
	.ux-formavis .ac-champ-duo.ac-champ-large, .ux-formavis .ac-note-choix { grid-column: 1 / -1; }
}

/* =====================================================================================
   2. Temoignages : compteur d'avis, grille dense sur 2 colonnes, un seul bouton "Donner mon avis"
   quand aucun avis n'est encore publie (etat vide compact).
   ===================================================================================== */
.ux-temoignages.ac-section { padding: 28px 0 48px; }
.ux-temoignages .ac-note-site { top: 131px; padding: 22px; }
.ux-liste-tete { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ux-liste-tete .ac-titre-bloc { margin: 0; }
.ux-compteur { margin: 0; font-size: 14px; color: var(--ac-gris); }
.ux-compteur strong { color: var(--ac-encre); font-weight: 800; }
.ux-avis-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ux-avis-grille > .ac-avis-carte { padding: 18px 20px; gap: 10px; }
.ux-avis-grille > .ac-avis-carte blockquote { font-size: 14.5px; line-height: 1.55; }
.ux-avis-grille > .ac-avis-compact { grid-column: 1 / -1; }
.ux-temoignages-in:has(.ac-avis-compact) .ac-note-site .ac-btn,
.ux-temoignages .ac-temoignages-in:has(.ac-avis-compact) .ac-note-site > .ac-btn { display: none; }
@media (max-width: 900px) {
	.ux-avis-grille { grid-template-columns: 1fr; }
}
@media (max-width: 1140px) {
	/* mobile / tablette : les avis d'abord, la note globale ensuite */
	.ux-temoignages .ac-note-site { order: 2; }
}

/* =====================================================================================
   3. Partenaires professionnels / banques et assurances
   Barre de recherche collante avec nombre de resultats, acces rapide par type et par lettre,
   grille dense (4 colonnes de fiches compactes). Le lien "Plus de details" ne menait nulle part
   (href="#") : masque.
   ===================================================================================== */
.ux-part.ac-section { padding: 24px 0 48px; }
.ux-part .ac-part-cote { top: 131px; gap: 12px; padding: 20px; max-height: calc(100vh - 147px); overflow: auto; }
.ux-part .ac-part-compteur strong { font-size: 44px; }
.ux-part-types { display: grid; gap: 4px; }
.ux-part-types a { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 0 10px 0 12px; border-radius: var(--ac-r-max, 7px); background: rgba(255, 255, 255, .06); color: #fff !important; font-size: 14.5px; font-weight: 600; text-decoration: none; transition: background-color .15s ease; }
.ux-part-types a:hover { background: rgba(255, 255, 255, .14); }
.ux-part-types b { min-width: 34px; padding: 2px 8px; border-radius: var(--ac-r-max, 7px); background: var(--ac-ambre); color: var(--ac-nuit); font-size: 13px; font-weight: 800; text-align: center; }
.ux-part .ac-part-principal { gap: 12px; }
.ux-part .ac-part-entete { position: sticky; top: 115px; z-index: 5; margin: -6px 0 0; padding: 8px 0; background: var(--ac-fond); box-shadow: 0 1px 0 var(--ac-ligne); }
.ux-part .ac-part-entete .ac-titre-bloc { font-size: 20px; margin-right: auto; }
.ux-part-resultat { margin: 0; font-size: 14px; font-weight: 700; color: var(--ac-ardoise); white-space: nowrap; }
.ux-part-resultat[hidden] { display: none; }
.ux-part .ac-part-groupes { gap: 18px; }
.ux-part .ac-part-groupe { scroll-margin-top: 180px; gap: 10px; }
.ux-part .ac-part-groupe-tete { padding-bottom: 8px; }
.ux-part .ac-part-groupe-tete h3 { font-size: 16.5px; }
.ux-part .ac-part-grille-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ux-part .ac-part-grille-4 > .ac-part-carte:last-of-type { grid-column: auto; }
.ux-part .ac-part-carte.ac-part-carte-mini { gap: 10px; padding: 10px; align-items: center; }
.ux-part .ac-part-carte-mini:hover { transform: none; }
.ux-part .ac-part-carte-mini .ac-part-logo { width: 64px; height: 48px; padding: 4px; }
.ux-part .ac-part-carte-mini .ac-part-logo img { inset: 4px; width: calc(100% - 8px); height: calc(100% - 8px); }
.ux-part .ac-part-carte-mini .ac-part-repli { width: 24px !important; height: 24px !important; }
.ux-part .ac-part-carte-mini .ac-part-nom { font-size: 14px; line-height: 1.25; }
.ux-part .ac-part-carte-mini .ac-part-adresse { font-size: 12.5px; line-height: 1.35; }
.ux-part .ac-part-corps > .ac-lien-fleche[href="#"] { display: none; }
.ux-part .ac-part-carte.ux-repere { box-shadow: 0 0 0 2px var(--ac-ambre), var(--ac-ombre-1); }
/* acces direct par lettre */
.ux-alpha { display: flex; flex-wrap: wrap; gap: 4px; }
.ux-alpha[hidden] { display: none; }
.ux-alpha button { min-width: 30px; height: 30px; padding: 0 6px; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); background: #fff; color: var(--ac-encre); font: 700 13px var(--ac-police); cursor: pointer; }
.ux-alpha button:hover { border-color: var(--ac-nuit); background: var(--ac-nuit); color: #fff; }
.ux-alpha button:disabled { opacity: .35; cursor: default; background: #fff; color: var(--ac-encre); border-color: var(--ac-ligne); }
/* partenaires professionnels : fiche unique sur toute la largeur, plus compacte */
.ux-part-entites .ac-part-carte { padding: 14px; }

@media (max-width: 1280px) {
	.ux-part .ac-part-grille-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1140px) {
	.ux-part .ac-part-cote { max-height: none; overflow: visible; }
	.ux-part .ac-part-entete { position: static; margin: 0; padding: 0; box-shadow: none; }
}
@media (max-width: 767px) {
	.ux-part .ac-part-grille-4 { grid-template-columns: 1fr; }
	.ux-part .ac-part-entete .ac-titre-bloc { font-size: 18px; }
	.ux-part .ac-part-filtre { width: 100%; }
	.ux-part .ac-part-cote { gap: 10px; padding: 14px 16px; }
	/* mobile : bloc de tete compact pour que la liste arrive vite */
	.ux-part .ac-part-compteur strong { font-size: 32px; }
	.ux-part .ac-part-compteur span { font-size: 14px; }
	.ux-part-types { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
	.ux-part .ac-part-cote-titre { margin: 0; padding-top: 10px; }
	.ux-part .ac-part-cote:not(:has(.ac-part-regions .actif)) > .ac-btn { display: none; }
}
.ux-part .ac-part-carte.ac-part-carte-mini { align-items: flex-start; }

/* =====================================================================================
   4. Pages regionales (recherche.php, courtier-credit-*.html)
   Tache principale : trouver un expert pres de chez soi. Experts de la zone en tete de colonne,
   a droite un choix de zone (liste deroulante + carte) colle en haut de l'ecran.
   ===================================================================================== */
.ux-region.ac-region-corps { padding: 24px 0 44px; }
.ux-region .ac-region-principal, .ux-region .ac-region-cote { gap: 16px; }
.ux-region .ac-region-bloc { padding: 22px; }
.ux-trouver { padding: 20px; }
.ux-trouver .ac-titre-bloc { margin-bottom: 12px; font-size: 19px; }
.ux-trouver-form { margin: 0 0 14px; }
.ux-trouver-form label { display: block; margin: 0 0 6px; font-size: 13.5px; font-weight: 600; color: rgba(255, 255, 255, .82); }
.ux-trouver-ligne { display: flex; gap: 8px; }
.ux-trouver-ligne select { flex: 1; min-width: 0; height: 44px; padding: 0 10px; border: 0; border-radius: var(--ac-r-max, 7px); background: #fff; font: 600 14.5px var(--ac-police); color: var(--ac-encre); }
.ux-trouver-ligne .ac-btn { min-height: 44px; padding: 0 16px; }
.ux-trouver-aide { margin: 0 0 8px; font-size: 13px; color: rgba(255, 255, 255, .7); }
.ux-trouver .content_aside_map_region { margin-bottom: 14px !important; }
.ux-trouver svg { max-height: 220px; }
.ux-trouver .ac-region-valeurs { margin-top: 0; }
/* bande des services : desormais sous le contenu */
.ac-region .ac-region-corps + .ac-services { margin-top: 0; padding: 0 0 40px; background: var(--ac-fond); }


/* =====================================================================================
   5. Parrainage (/parrainage/)
   L'offre (gains du parrain, avantages du filleul) en tete, sommaire colle a gauche avec le bouton
   "Devenez parrain", sections sur un meme fond, FAQ en accordeon, reglement en largeur de lecture.
   ===================================================================================== */
.uxp { background: var(--ac-fond); }
.uxp-grille { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 24px; align-items: start; padding: 24px 0 48px; }
.uxp-sommaire { position: sticky; top: 131px; display: grid; gap: 4px; padding: 14px 10px; background: #fff; border: 1px solid var(--ac-ligne); border-radius: var(--ac-r-max, 7px); font-family: var(--ac-police); }
.uxp-sommaire-titre { margin: 0 8px 4px; font-size: 13px; font-weight: 700; color: var(--ac-gris); }
.uxp-sommaire ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.uxp-sommaire a:not(.ac-btn) { display: block; padding: 7px 8px; border-radius: var(--ac-r-max, 7px); color: var(--ac-encre); font-size: 14.5px; font-weight: 600; line-height: 1.3; text-decoration: none; }
.uxp-sommaire a:not(.ac-btn):hover { background: var(--ac-fond); }
.uxp-sommaire a.uxp-actif { background: var(--ac-ambre-clair); box-shadow: inset 3px 0 0 var(--ac-ambre); }
.uxp-sommaire .ac-btn { margin: 10px 4px 2px; }
.uxp-contenu { min-width: 0; display: grid; gap: 16px; }
.uxp-contenu > .acp-section { padding: 0; background: none; scroll-margin-top: 131px; }
.uxp-contenu .ac-wrap { width: auto; margin: 0; }
.uxp-contenu .acp-carte { border: 1px solid var(--ac-ligne); box-shadow: none; }
.uxp-contenu .acp-titre-section { margin-bottom: 12px !important; font-size: 22px; }
.uxp-contenu .acp-duo { gap: 16px; }
/* l'offre : la carte du parrain (gains) d'abord, a gauche et plus large */
#offre .acp-duo { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
#offre .acp-parrain { order: -1; }
#offre .acp-paliers span { white-space: normal; line-height: 1.3; }
#offre .acp-filleul .acp-avantages { align-content: start; gap: 16px; margin-top: 4px !important; }
#offre .acp-carte { padding: 24px 26px; }
/* reglement : ~70 caracteres par ligne */
.uxp-contenu .acp-modalites > ol { column-gap: 32px; }
/* FAQ en accordeon */
.uxp-contenu .acp-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: start; }
.uxp-contenu details.acp-q { padding: 0; }
.uxp-contenu details.acp-q summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; cursor: pointer; list-style: none; }
.uxp-contenu details.acp-q summary::-webkit-details-marker { display: none; }
.uxp-contenu details.acp-q summary:after { content: "+"; flex: none; width: 24px; height: 24px; display: grid; place-items: center; border-radius: var(--ac-r-max, 7px); background: var(--ac-fond); font-weight: 800; color: var(--ac-ardoise); }
.uxp-contenu details.acp-q[open] summary:after { content: "\2212"; }
.uxp-contenu details.acp-q summary h3 { margin: 0 !important; font-size: 15px; line-height: 1.35; }
.uxp-contenu details.acp-q p { margin: 0; padding: 0 16px 14px; }

@media (max-width: 1140px) {
	.uxp-grille { grid-template-columns: 1fr; gap: 14px; padding-top: 16px; }
	.uxp-sommaire { position: static; display: flex; align-items: center; gap: 8px; overflow-x: auto; padding: 8px; }
	.uxp-sommaire-titre { display: none; }
	.uxp-sommaire ul { display: flex; gap: 4px; }
	.uxp-sommaire a:not(.ac-btn) { white-space: nowrap; }
	.uxp-sommaire .ac-btn { display: none; }
	#offre .acp-duo { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
	.uxp-contenu .acp-faq { grid-template-columns: 1fr; }
}

/* =====================================================================================
   6. Recrutement : sous-menu de la rubrique allege et integre a l'en-tete
   (retour d'Ahmed : la barre sombre faisait "deuxieme en-tete"). Barre claire d'onglets sous le
   menu principal, onglet actif souligne en ambre ; sur mobile, bouton "Menu recrutement" clair.
   ===================================================================================== */
.rc-nav { background: #fff; border-top: 0; border-bottom: 1px solid var(--ac-ligne); }
.rc-body .ac-entete { border-bottom-color: #EEF1F5; }
.rc-nav-liste { min-height: 42px; gap: 0; }
.rc-nav-liste > li > a, .rc-nav-ouvrir { padding: 0 12px; font-size: 14px; font-weight: 600; color: var(--ac-texte); }
.rc-nav-liste > li > a:hover, .rc-nav-ouvrir:hover { color: var(--ac-encre); box-shadow: inset 0 -2px 0 var(--ac-ligne); }
.rc-nav-liste > li > a[aria-current="page"], .rc-nav-actif > .rc-nav-ouvrir { color: var(--ac-encre); box-shadow: inset 0 -2px 0 var(--ac-ambre); }
.rc-nav-ouvrir svg { width: 14px; height: 14px; color: var(--ac-gris); }
.rc-nav-sous { border: 1px solid var(--ac-ligne); border-top: 0; }
@media (max-width: 900px) {
	.rc-nav-bouton { min-height: 42px; color: var(--ac-encre); font-size: 14.5px; }
	.rc-nav-bouton svg { color: var(--ac-gris); }
	.rc-nav-liste { border-top: 1px solid var(--ac-ligne); }
	.rc-nav-liste > li > a:hover, .rc-nav-ouvrir:hover { box-shadow: none; }
}
/* bandeau des pages interieures (titre seul) plus bas : le contenu remonte */
.rc-hero:not(.rc-hero-accueil) .ac-page-hero-in { min-height: 204px; padding-top: 24px; padding-bottom: 24px; }
/* contact de la rubrique : bouton Envoyer visible au premier ecran */
.rc-section:has(> .rc-contact) { padding-top: 24px; }
.rc-contact .ac-carte-form { padding: 22px 26px; }
.rc-contact .ac-carte-form > .ac-titre-bloc { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rc-contact .ac-form-grille { gap: 12px; }
.rc-main .rc-contact form.ac-form .ac-champ input { height: 50px; min-height: 50px !important; }
.rc-main .rc-contact form.ac-form .ac-champ textarea { height: 100px; min-height: 100px !important; }
.rc-contact .ac-form-bas { margin-top: 12px; }
.rc-contact .ac-carte-infos { padding: 22px 24px; }
/* pages de contenu de la rubrique : largeur de lecture ~75 caracteres */
.rc-contenu > p, .rc-contenu > ul, .rc-contenu > ol, .rc-contenu > h2, .rc-contenu > h3, .rc-contenu > h4 { max-width: 78ch; }
/* parrainage : bloc de l'offre resserre pour que les paliers de gains tiennent au premier ecran */
.uxp-grille { padding-top: 18px; }
#offre .acp-carte { padding: 20px 24px; }
#offre .acp-titre { margin-bottom: 8px !important; }
#offre .acp-parrain-intro, #offre .acp-parrain-base { font-size: 15px; line-height: 1.55; }
#offre .acp-paliers { margin-top: 12px !important; }
#offre .acp-paliers li { padding: 10px 12px 8px; }
#offre .acp-total { margin-top: 14px; padding-top: 14px; }
/* temoignages : pagination masquee quand il n'y a qu'une page */
.ux-temoignages .ac-pagination:empty, .ux-temoignages .ac-pagination:not(:has(a + a)) { display: none; }

/* css_ac/ux-produits.css */
/* Accord refonte 2026 : organisation UI/UX - produits (lot parallele)
   1. Pages produits /services/*.php : questionnaire au premier ecran, chiffres sous le formulaire, FAQ en accordeon natif.
   2. Pages racine autonomes (*_standalone.tpl) : barre produits compacte, en-tete de carte resserre.
   3. Mini-sites d'agence : onglets produits sous le contenu, appel direct dans l'en-tete, raccourcis contact en tete de colonne. */

/* ---------- 1. Pages produits /services ---------- */
/* bandeau sans reserve pour la bande de chiffres (deplacee sous le formulaire) */
.aci-hero .ac-page-hero-in { min-height: 0; padding-bottom: 40px; }
.aci-hero .ac-page-intro { margin-bottom: 0; max-width: 760px; }
.aci-main { padding-top: 20px; }
.aci-form-header { padding: 12px 24px; }
.aci-form-header h2 { font-size: 18px; }

/* bande de chiffres : apres le formulaire, sur le fond de page */
.aci-chiffres { margin-top: 0; padding: 0 0 40px; background: var(--ac-fond); }
.aci-main + .aci-chiffres { margin-top: -24px; }

/* FAQ : details/summary (ouvrable au clavier) */
details.aci-faq-item > summary { list-style: none; }
details.aci-faq-item > summary::-webkit-details-marker { display: none; }
details.aci-faq-item[open] { border-color: var(--ac-ardoise); }
details.aci-faq-item[open] .aci-faq-q:after { transform: rotate(180deg); }
details.aci-faq-item .aci-faq-a { display: block; }
details.aci-faq-item > summary:focus-visible { outline: 2px solid var(--ac-ambre); outline-offset: 2px; border-radius: var(--ac-r-max, 7px); }

@media (max-width: 767px) {
	.aci-hero .ac-page-hero-in { padding-bottom: 28px; }
	.aci-main + .aci-chiffres { margin-top: -20px; padding-bottom: 28px; }
}

/* ---------- 2. Pages racine autonomes (etude-gratuite, credit-immobilier, assurance-pret, rachat-credit, credit-remere, credit-professionnel) ----------
   La feuille est reliee depuis les gabarits *_standalone.tpl : regles limitees aux pages qui contiennent .ac-sa. */
body:has(.ac-sa) .ac-page-hero + .ac-services .ac-service { flex-direction: row; align-items: center; gap: 10px; padding: 10px 14px; }
body:has(.ac-sa) .ac-page-hero + .ac-services .ac-service-ico { width: 38px; height: 38px; flex: none; }
body:has(.ac-sa) .ac-page-hero + .ac-services .ac-service-ico img { width: 26px; height: 26px; }
body:has(.ac-sa) .ac-page-hero + .ac-services .ac-service-nom { font-size: 15px; }
body:has(.ac-sa) .ac-page-hero + .ac-services .ac-service .ac-fleche { display: none; }
main .ac-section.ac-sa:not(.ac-sa-bas) { padding-top: 20px; }
/* la barre des 6 produits passe sous le formulaire (navigation secondaire) : le questionnaire remonte au premier ecran */
main:has(> .ac-sa) { display: flex; flex-direction: column; }
main:has(> .ac-sa) > .ac-sa ~ * { order: 2; }
main:has(> .ac-sa) > .ac-page-hero + .ac-services { order: 1; margin-top: 0; padding: 0 0 36px; background: var(--ac-fond); }
main:has(> .ac-sa) > .ac-sa:not(.ac-sa-bas) { padding-bottom: 28px; }
/* page etude-gratuite : le formulaire est deja dans la page, le bouton "Etude gratuite" du bandeau (fenetre du meme formulaire) fait doublon */
main:has(#form_etude_gratuite_page) > .ac-page-hero .ac-mini-cta-bleu { display: none; }
.ac-sa .ac-sa-principal { padding: 20px 24px 24px; }
.ac-sa .ac-sa-principal > .ac-titre-bloc { margin-bottom: 4px; font-size: 20px; }
.ac-sa .ac-sa-principal > .ac-texte-bloc { margin-bottom: 12px !important; font-size: 14.5px; line-height: 1.5; }
.ac-sa .ac-sa-iframe { margin: 0 -24px -24px; padding-top: 4px; }
.ac-sa .ac-sa-bloc { padding: 20px 22px; }

@media (max-width: 767px) {
	/* barre produits : une seule ligne defilante au lieu de 3 rangees, le formulaire remonte */
	body:has(.ac-sa) .ac-page-hero + .ac-services .ac-services-grille { display: flex; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	body:has(.ac-sa) .ac-page-hero + .ac-services .ac-services-grille::-webkit-scrollbar { display: none; }
	body:has(.ac-sa) .ac-page-hero + .ac-services .ac-service { flex: none; border-bottom: 0; border-right: 1px solid var(--ac-ligne); padding: 8px 12px; }
	body:has(.ac-sa) .ac-page-hero + .ac-services .ac-service-ico { width: 32px; height: 32px; }
	body:has(.ac-sa) .ac-page-hero + .ac-services .ac-service-ico img { width: 22px; height: 22px; }
	body:has(.ac-sa) .ac-page-hero + .ac-services .ac-service-nom { font-size: 14px; white-space: nowrap; }
	main .ac-section.ac-sa:not(.ac-sa-bas) { padding-top: 14px; }
	.ac-sa .ac-sa-principal { padding: 16px 16px 18px; }
	.ac-sa .ac-sa-iframe { margin: 0 -16px -18px; padding: 4px 4px 8px; }
}

/* ---------- 3. Mini-sites d'agence ---------- */
/* bandeau : plus de reserve pour la carte d'onglets (deplacee sous le contenu) */
.ms-main > .ms-hero .ac-page-hero-in { min-height: 230px; padding-bottom: 32px; }
/* appel direct dans l'en-tete */
.ms-entete-actions .ms-btn-appel { font-variant-numeric: tabular-nums; white-space: nowrap; }
/* onglets des solutions : section ordinaire sous le contenu */
.ms-main .ms-onglets { margin-top: 0; padding: 40px 0 48px; background: #fff; }
.ms-onglets .ms-onglets-titre { margin: 0 0 16px; font-size: clamp(22px, 2vw, 28px); font-weight: 800; line-height: 1.2; letter-spacing: -.02em; color: var(--ac-encre); }
.ms-main .ms-onglets .ms-onglets-carte { border: 1px solid var(--ac-ligne); box-shadow: none; }
/* colonne des pages de contenu : raccourcis de contact avant la carte de l'adresse */
.msp-page:not(.msp-page--bande) > .msp-cote > .msp-cote-pile { order: 1; }
.msp-page:not(.msp-page--bande) > .msp-cote > .ms-adresse { order: 2; }

@media (max-width: 767px) {
	.ms-main .ms-onglets { padding: 28px 0 32px; }
	.ms-main > .ms-hero .ac-page-hero-in { min-height: 0; padding-bottom: 24px; }
	/* telephone : l'appel direct reste visible (icone seule) a cote de l'acces prive */
	.ms-entete-actions .ac-btn-ligne.ms-btn-appel { display: inline-flex; width: 44px; padding: 0; }
}

/* css/popup/popup.css */
/* LE POPUP */
	#fade 
	{
		display: none;
		background: #000; 
		position: fixed; left: 0; top: 0; 
		width: 100%; height: 100%;
		opacity: .80;
		z-index: 999;
		max-width: 100%;
	}

	.stick_close_forum{
	  margin-top: 5px;
	  background-color: white;
	  width: 2%;
	  float: right;
	}

	.stick_close_blog{
	  margin-top: 5px;
	  background-color: white;
	  width: 2%;
	  float: right;
	}
	
	.popup_block > .titreFormAvis
	{
		font-size:21px;
	}
.popup_block > .titreFormAvis > span{
	font-weight: 700; color: #FF6500;
}
.popup_block > .titreFormAvis > strong{
	font-size: 41px!important;
	font-weight: 700;
	text-transform: uppercase!important;
}
	.popup_block{
		display: none;
		background: #fff;
		/*padding: 20px; 	*/
		border: 10px solid #435E79;
		/*float: left;*/
		position: absolute;
		top: 0%; left: 50%;
		z-index: 1000;
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		width:700px;
	}

	.popup_block_blog #bt_oui_non .bt_nok{color:white;}
	.popup_block_blog #bt_oui_non .bt_ok{color:white;}
	.popup_block_blog p{color:black;}

	.popup_block_blog{
		display: none;
		background: #fff;
		padding: 20px; 	
		border: 5px solid #ddd;
		float: left;
		position: fixed;
		bottom: 0;
		z-index: 99991;
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-left:98px;
		line-height: 1.3em!important;
	}

	.popup_block_hp .titreFormAvis{
		font-size:16px;
		color: #fff;
	}

	.popup_block_forum{
		display: none;
		background: #fff;
		padding: 20px; 	
		border: 5px solid #ddd;
		float: left;
		 position: fixed;
		bottom: 0;
		z-index: 10;
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-left:98px;
	}
	.popup_block_minisite{
		display: none;
		background: #fff;
		padding: 20px; 	
		border: 20px solid #ddd;
		float: left;
		 position: fixed;
		bottom: 0;
		z-index: 10;
		-webkit-box-shadow: 0px 0px 20px #000;
		-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-left:98px;
		
	}

	.popup_block_forum .titreFormAvis{font-size:14px; text-align: center;}

	.popup_block_hp{
		display: none;
		background: #435E79;
		border-top:3px solid #fff;
		padding: 10px 0; 	
		position: fixed;
		bottom: 0;
		z-index: 10000;
		-webkit-box-shadow: 0px 0px 20px #000;
			-moz-box-shadow: 0px 0px 20px #000;
		box-shadow: 0px 0px 20px #000;
		max-width: 100%;
		width: 100%;
	}

	img.btn_close {
		float: right; 
		margin: -30px -30px 0 0;
	}
	
	.bt_ok
	{
		padding:20px 50px 20px 50px;
		text-align:center;
		background-color:#F3AC4B ;
		color:white;
		margin-right:10px;
	}
	
	.bt_nok
	{
		padding:20px 50px 20px 50px;
		text-align:center;
		background-color:#0D3250;
		color:white;
		margin-left:10px;
		margin-right:2%;
	}
	#bt_oui_non
	{
		margin:20px;
		margin-top:30px;
		font-size: 1.3em;
	}
	#popup_rgpd p.titreFormAvis {
		border-bottom:0px;
		padding-bottom:5px;
		padding-top: 10px;
	}
	p.titreFormAvis
	{
		line-height:1.5em;
	}
	#bt_oui_non a
	{
		text-transform: uppercase;
		font-size:15px;
	}
	#bt_oui_non a:hover
	{
		color:#fff;
	}

/* ADAPTATION INTERIEUR DU POPUP AVEC CLASSES */

	.popup_block .inputFormAvis
	{
		width:100%;
	}
	
	.coinLeft 
	{
		left: -10px;
		position: absolute;
		top: -10px;
		display: none!important;
	}

.dv_blog{top:65%!important;}
.popup_block .close{
	padding: 10px!important;
	top: 0!important;
	background-color: #435E79;
}


@media screen and (max-width:320px)
{
	.popup_block{
		width:75%!important;
	}
	#content_menu_ci{
        max-width:245px !important;
    }
    #content_menu_cic{
        max-width:245px !important;
    }
    #content_menu_cr{
        max-width:245px !important;
    }
    #content_menu_cip{
        max-width:245px !important;
    }
    .content_menu_compare{
        max-width:245px !important;
    }
    #dv_popup_me{
		margin: 0% auto!important;
		left:0%!important;
		top:0!important;
	}
	#dv_popup_minisite{
		margin: 0% auto!important;
		left:2.5%!important;
		top:0!important;
	}
	.dv_blog {
    	margin: 0% auto!important;
		left:0!important;
		top:0!important;
	}
	#dv_popup_forum{
		margin: 0% auto!important;
		left:0!important;
		top:0!important;
	}
	.popup_block_blog{
		margin:0 auto;
		width:90%;
		left:5%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:70%;
		left:2.5%;
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:10px;margin-left: -145px;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:10px;margin-right:-153px;}

	.popup_block_hp{
		margin:0 auto;
		width:70%;
		left:2.5%;
	}

	.popup_block_hp #bt_oui_non .bt_nok{padding:10px;margin-left: -20px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:10px;margin-right:0px;}

	.popup_block_forum{
		margin:0 auto;
		width:70%;
		left:2.5%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:10px;margin-left: -5px;color:white;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:10px;color:white;}
    

	.popup_block_blog #bt_oui_non{margin:20px 0px;}
	.popup_block_blog #bt_oui_non .bt_nok{padding:8px;font-size:1em;color:white;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:8px;font-size: 1em;color:white;}
}

@media screen and (min-width:321px) and (max-width:400px)
{
	#dv_popup_me{
		margin: 0% auto!important;
		left:0%!important;
		top:0!important;
	}
	#dv_popup_minisite{
		margin: 0% auto!important;
		left:2.5%!important;
		top:0!important;
	}
	.dv_blog {
    	margin: 0% auto!important;
		left:0!important;
		top:0!important;
	}
	#dv_popup_forum{
		margin: 0% auto!important;
		left:0!important;
		top:0!important;
	}
	.popup_block_blog{
		margin:0 auto;
		width:90%;
		left:5%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:75%;
		left:2.5%;
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:10px;margin-left: -145px;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:10px;margin-right:-153px;}

	.popup_block_hp{
		margin:0 auto;
		width:75.8%;
		left:2.1%;
	}

	.popup_block_hp #bt_oui_non .bt_nok{padding:10px;margin-left: -20px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:10px;margin-right:0px;}

	.popup_block_forum{
		margin:0 auto;
		width:76%;
		left:2.1%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:10px;margin-left: -5px;color:white;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:10px;color:white;}
    

	.popup_block_blog #bt_oui_non{margin:20px 0px;}
	.popup_block_blog #bt_oui_non .bt_nok{padding:8px;font-size: 1em;color:white;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:8px;font-size: 1em;color:white;}
    }
}

@media screen and (min-width:321px) and (max-width:480px)
{	.content_menu_compare #wizard{
		width:240px!important;
	}
	iframe {
        max-width:302px !important;
        width: 300px!important;
	    top: 0;
	    left: 0;
	    height: auto;
	    border: 0;
    }
	.popup_block{
		width:300px!important;
	}
	#content_menu_ci{
        max-width:302px !important;
    }
    #content_menu_cic{
        max-width:302px !important;
    }
    #content_menu_cr{
        max-width:302px !important;
    }
    #content_menu_cip{
        max-width:302px !important;
    }
    .content_menu_compare{
        max-width:302px !important;
        position: relative;
	    overflow: hidden;
	    padding-top: 56.25%;
    }
    .control-group .control-label{
    	text-align:left;
    }

    .container-fluid {

    	padding-right: 5px;
	    padding-left: 5px;
	    *zoom: 1;

	}
	#rootwizard{
		max-width:240px !important;
	}
}
@media screen and (min-width:401px) and (max-width:500px)
{	
	.popup_block_blog{
		margin:0 auto;
		width:80%;
		left:10%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:61%;
		left:10%;
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:10px;margin-left: -145px;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:10px;margin-right:-153px;}

	.popup_block_hp{
		margin:0 auto;
		width:61%;
		left:10%;
	}

	.popup_block_hp #bt_oui_non .bt_nok{padding:14px;margin-left: -20px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:14px;margin-right:0px;}

	.popup_block_forum{
		margin:0 auto;
		width:61%;
		left:10%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:13px;margin-left: -5px;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:13px;}
    

	.popup_block_blog #bt_oui_non .bt_nok{padding:10px;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:10px;}
}

@media screen and (min-width:501px) and (max-width:600px)
{
	.popup_block_blog{
		margin:0 auto;
		width:80%;
		left:10%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:65%;
		left:10%;
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:15px;margin-left: -145px;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:15px;margin-right:-153px;}

	.popup_block_hp{
		margin:0 auto;
		width:65%;
		left:10%;
	}

	.popup_block_hp #bt_oui_non .bt_nok{padding:15px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:15px;}

	.popup_block_forum{
		margin:0 auto;
		width:65%;
		left:10%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:15px;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:15px;}
    

	.popup_block_blog #bt_oui_non .bt_nok{padding:15px;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:15px;}
}

@media screen and (min-width:601px) and (max-width:700px)
{
	.popup_block_blog{
		margin:0 auto;
		width:80%;
		left:10%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:67%;
		left:10%;
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:15px;margin-left: 0;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:15px;}

	.popup_block_hp{
		margin:0 auto;
		width:67%;
		left:10%;
	}

	.popup_block_hp #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_forum{
		margin:0 auto;
		width:67%;
		left:10%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_blog #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:16px;}
}

@media screen and (min-width:701px) and (max-width:800px)
{
	.popup_block_blog{
		margin:0 auto;
		width:69%;
		left:15%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:55%;
		left:15%;
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:15px;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:15px;}

	.popup_block_hp{
		margin:0 auto;
		width:69%;
		left:10%;
	}

	.popup_block_hp #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_forum{
		margin:0 auto;
		width:69%;
		left:10%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_blog #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:16px;}
}

@media screen and (min-width:801px) and (max-width:900px)
{
	.popup_block_blog{
		margin:0 auto;
		width:58%;
		left:20%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:43%;
		left:25%;
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_hp{
		margin:0 auto;
		width:58%;
		left:17%;
	}

	.popup_block_hp #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_forum{
		margin:0 auto;
		width:58%;
		left:20%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_blog #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:16px;}
}

@media screen and (min-width:481px) and (max-width:960px)
{
	.popup_block{
		width:400px!important;
	}
	#content_menu_ci{
        max-width:400px !important;
    }
    .content_menu_compare{
        max-width:400px !important;
    }
    #content_menu_cic{
        max-width:400px !important;
    }
    #content_menu_cr{
        max-width:400px !important;
    }
    #content_menu_cip{
        max-width:400px !important;
    }
}

@media screen and (min-width:901px) and (max-width:1000px)
{
	.popup_block_blog{
		margin:0 auto;
		width:49%;
		left:25%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:43%;
		left:25%;
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_hp{
		margin:0 auto;
		width:45%;
		left:24%;
	}

	.popup_block_hp #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_forum{
		margin:0 auto;
		width:45%;
		left:25%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_blog #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:16px;}
}

@media screen and (min-width:1001px) and (max-width:1200px)
{
	.popup_block_blog{
		margin:0 auto;
		width:43%;
		left:25%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:43%;
		left:25%;
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_hp{
		margin:0 auto;
		width:45%;
		left:25%;
	}

	.popup_block_hp #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_forum{
		margin:0 auto;
		width:45%;
		left:25%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:16px;}

	.popup_block_blog #bt_oui_non .bt_nok{padding:16px;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:16px;}
}



@media screen and (min-width:1201px)
{
	.popup_block_blog{
		margin:0 auto;
		width:45%;
		left:25%;
	}

	.popup_block_minisite{
		margin:0 auto;
		width:45%;
		left:25%;
	   
	}

	.popup_block_minisite #bt_oui_non .bt_nok{padding:8px 15px;}
	.popup_block_minisite #bt_oui_non .bt_ok{padding:8px 15px;}
	.popup_block_hp #bt_oui_non .bt_nok{padding:8px 15px;}
	.popup_block_hp #bt_oui_non .bt_ok{padding:8px 15px;}
	.popup_block_forum{
		margin:0 auto;
		width:45%;
		left:25%;
		z-index: 99991;
	}

	.popup_block_forum #bt_oui_non .bt_nok{padding:8px 15px;}
	.popup_block_forum #bt_oui_non .bt_ok{padding:8px 15px;}

	.popup_block_blog #bt_oui_non .bt_nok{padding:8px 15px;}
	.popup_block_blog #bt_oui_non .bt_ok{padding:8px 15px;}
}

@media screen and (min-width:961px)
{
	.popup_block{
		width:700px;
	}
	#menu_cip{
		width:800px;
	}
	#content_menu_ci{
        max-width:800px !important;
    }
    .content_menu_compare{
        max-width:800px !important;
    }
    #content_menu_cic{
        max-width:800px !important;
    }
    #content_menu_cr{
        max-width:800px !important;
    }
    #content_menu_cip{
        max-width:800px !important;
    }
}



.dv_popup_me{position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,0.7);text-align:center;z-index:997;
	max-width: 100%;
}
.dv_popup_me_cntnt{width:450px;height:450px;max-width:90%;display:inline-block;margin-top:5%;position:relative;z-index:9998}
.circle_pop{width:100%;height:100%;border-radius:50%;background:#fff;border:5px solid #EB651A;overflow:hidden;position:relative;z-index:9;}
.dv_popup_img{max-width:100%;height:220px;display:block;position:relative;}
.dv_popup_img label{position:absolute;font-size:13pt;z-index:9;font-weight: bold;text-shadow: 0px 6px 5px #aaa;color:#0D3250;}
.dv_popup_me_cntnt table{width:100%;padding:0px;border:0px;display:block;}
.dv_popup_me_cntnt h2{font-size:2.5em;}
.dv_popup_me_cntnt table td{color:#fff;}
.dv_btnpopupinline{display:inline-block;vertical-align:middle;width:40%;text-align:center;color:#fff;background-size:contain !important;}
.dv_btnpopupinline a{color:#fff;text-decoration:none;border-radius: 3px;padding: 15px 0px;box-shadow: 1px 2px 5px #888;width:150px;display: inline-block;font-size:13pt;font-weight:bold;}


/******************** modif Bary ************************/
/* CSS Document */
.forContentPopNews{
	max-width: 90%;
	height: 300px;
	position: relative;
	margin: 200px auto 0;
}
.topPop{
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: -160px;
	width : 100%;
	font-size: 17px;
	font-family: 'Lato', sans-serif;
	line-height: 150%;
	font-weight: 600;
	color:#fff;
}
.newsPop{
	width: 300px;
	height: 300px;
	margin: 0;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 8px 0 rgba(0,0,0,.5);
	position: relative;
	
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

	text-align: center;
	border-radius: 50%;
	overflow: hidden;
}

.news_blog{width: 305px!important;height: 320px!important;}
.picbas{
	position: absolute;
	top: -80px;
	left: 70px;
	width: 180px;
	height: auto;
	margin: 0 auto;
	z-index: 9999;
}
.titrePopUpBlog{
	margin: 0;
	margin-top: 35px;
	background-color: #fff;
	text-align: center;
	padding: 10px 0px;
	font-size: 18px;
	font-weight: 400;
	color:black;
	font-family: 'Lato', sans-serif;
	line-height: 150%;
}
.titrePopUp{
	margin: 0;
	margin-top: 35px;
	background-color: #fff;
	text-align: center;
	padding: 10px 0px;
	font-size: 19px;
	font-family: 'Lato', sans-serif;
	line-height: 150%;
}
.titrePopUp b{
	color: #FF3F00;
	font-size:19px;
}
.titrePopUpBlog b{
	color: #FF3F00;
	font-size: 18px;
	font-weight: 400;
}
.listePopBlog{
	line-height: 1.7em;
	margin-left: -19px!important;
	margin-right: -19px!important;
}
.linkToPopBlog{
	line-height: 1em;
}
.listePop{
	padding: 5px 0;
}
.listePop p{
	margin: 0;
	padding: 0;
}
.listePop p a{
	font-size: 13px;
	color: #555555;
	font-weight: 700;
	display: inline-block;
	padding: 5px 14px;
	text-decoration: none
}
.listePop p a:hover{
	text-decoration: underline;
}
.listePop p a span{
	font-size: 13px;
	color: #FF3F00;
	font-weight: 700;
}
.linkToPop{
	width: 100%;
	min-height: 136px;
	background: url(/images/popup/picbas_2.png) top no-repeat;
}
.linkToPop p{
	margin: 0;
	padding: 25px 0 20px;
}
.linkToPop p a{
	padding: 5px 0;
	width: 33%;
	margin: 0 5px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
	display: inline-block;
}
.linkTop p .link{width: 33%!important;}
.bttBlog{
	background: #333;
}
.bttForum{
	background-color: #1D58AE;
}
.linkToPop p a:hover{
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	color: #000;
}
.backPop{
	text-align: center;
	display: block;
	margin: 0; 
	padding: 0;
}
.backPop a{
	text-transform: uppercase;
	font-size: 13px;
	padding: 0 0 10px;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: url(/images/popup/picbas_3.png) center bottom no-repeat;
}
.backPop a:hover{
	font-size: 14px;
}
		
.popup_block iframe{
	max-width: 100%!important;
	width: 100%!important;
}

/* responsive pop up */
@media screen and (max-width:501px){
	.popup_block, #content_menu_ci {
		width: 280px !important;
	}
	.step_item_content{
		width: 95%!important;
	}
	.txt_descript_optin{
		clear: both!important;
		margin-top: 20px;
	}
	#btp_cp_valider {
		text-align: center;
	}
	#btp_cp_valider a{
		clear: both!important;
		float: none!important
	}
	.control-group{
		width: 100%!important;
	}
	.control-group .control-label{
		text-align: left;
		float: none!important;
		width: 100%;
	}
	.control-group .controls{
		margin-left: 0!important;
	}
	.control-group .controls input[type="text"]{
		width: 90%!important;
	}
	#C_Duree_1, #C_Differe_1, #C_Duree_2, #C_Differe_2, #C_Duree_3, #C_Differe_1{
		width: 78%!important;
	}
}

/*
** pour la page categorie du wordpress
*/

.posts-blog-feed-module.masonry .hentry {
	opacity: 1 !important;
}




.titre-h1{
    width:0px !important;
    height:0px !important;
    float: left;
	display: block;
	font-size: xx-small;
	overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.equivH4 {
	display: block;
	margin-top: 1.33em;
	margin-bottom: 1.33em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

.equivH1 {
	 	display: block;
		font-size: 2em;
		margin-top: 0.67em;
		margin-bottom: 0.67em;
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
}

.equivH2 {
	 	display: block;
		font-size: 1.5em;
		margin-top: 0.83em;
		margin-bottom: 0.83em;
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
}

.equivH2Forum{
	display: block;
	font-size: 1.5em;
	margin-top: 0.83em;
	margin-bottom: 0.83em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	margin: 0;
    margin-top: 0px;
	margin-top: 35px;
	background-color: #fff;
	text-align: center;
	padding: 10px 0px;
	font-size: 19px;
	font-family: 'Lato', sans-serif;
	line-height: 150%;
}
.equivH2Forum b {

    color: #FF3F00;
    font-size: 19px;

}

.equivH3Minisite {
	display: block;
	font-size: 1.17em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;

}
.equivH3Minisite span {

    font-weight: 400;
    color: #fff;
    font-size: 18px;

}
.equivH3 {
	 	display: block;
		font-size: 1.17em;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 0;
		margin-right: 0;
		font-weight: bold;
		color: #e4a079;
    	text-transform: none;
}
.author-box-header .equivH3, .related-posts-header .equivH3 {

    margin: 0;
    padding: 10px 0 10px 20px;
    font-size: 16px;
    text-transform: uppercase;

}
.module-head .equivH1, .et_pb_extra_column .module-head .equivH1 {

    display: inline-block;
    padding: 0;
    color: #00A8FF;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1;
    text-transform: uppercase;

}
@media screen and (max-width: 400px) {
	.footerGen ul li a {
			font-size: 1.5em;
			color: #000;
			padding-left: 15px;
		}
		
		#popup_rgpd.popup_block_hp {

			display: none;
			background: #fff;
			padding: 20px;
			border: 10px solid #ddd;
			float: left;
			position: fixed;
			bottom: 0;
			z-index: 10;
			-webkit-box-shadow: 0px 0px 9px #000;
			-moz-box-shadow: 0px 0px 9px #000;
			box-shadow: 0px 0px 9px #000;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			margin-left: -2%;
			width: 85%;
			padding-bottom: 2px;

		}

		.contentImgUne img {

		    width: 100%;
		    height: auto;
		    min-height: 100px;

		}

		.left.avis {
		    width: 66%;
		    margin: 10px 0px 10px 15px;
		    font-size: 1.3em;
		    color: #394646;
		    font-weight: 500;
		    line-height: 130%;
		}

		.cloudApp a img {
		    margin-right: 5px;
		    max-width: 100%;
		    padding-bottom: 1%;
		}
}


.contenuPage{
	padding: 0;
	margin: 0;
	display: block!important;
}
.contenuPage .titreBloc{
	margin-top: 0!important;
	padding-top: 20px!important;
	background: #6d7274; /* Old browsers */
	background: -moz-linear-gradient(top,  #6d7274 0%, #444444 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6d7274 0%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6d7274 0%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d7274', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,.25);
	box-shadow: 0 5px 5px 3px rgba(0,0,0,.25);
	position: relative;
}
.contenuPage .titreBloc:after{
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	background-color: #e86628;
	position: absolute;
	bottom: 0;
	left: 0;
}
.body_content{
	width: 90%!important;
	padding: 20px 5%!important;
	background: rgba(0, 0, 0, 0.03)!important;
}
.body_content .champ_reponse label:hover span{
	color: #e86628!important;
	background-color: #fff!important;
}
.body_content .champ_reponse label{
	background-color: #fff!important;
	border: 1px solid #eee!important;
}
.step_item_content{
	background: none!important;
	border: none!important;
}
.intContentFormEtapeToo > .left .titreBlo{
	border: none!important;
}
.contenuPage .titreBloc span{
	font-size: 21px!important;
	color: #fff;
	font-family: "Roboto", sans-serif;
}
.main_form_section{
	border: none!important;
	max-width: 100%!important;
	height: auto !important;
	overflow: visible !important;
	transform: none !important;
	margin-top: 0 !important;
	padding: 0 !important;
}
.main_form_section.activate{
	height: auto !important;
	max-width: 100% !important;
	overflow: visible !important;
	transform: none !important;
	margin-top: 0 !important;
	padding: 10px !important;
}
.main_form_section #logo, .main_form_section > section.contenuPage{
	display: none!important
}
.step_tab_level{
	display: none !important;
}
.steps_wrapper.slick-initialized{
	display: block !important;
	height: auto !important;
	visibility: visible !important;
}
.main_form_section .steps_wrapper .slick-list,
.steps_wrapper.slick-initialized .slick-list,
div.slick-list[style]{
	height: auto !important;
	min-height: 300px !important;
	overflow: hidden !important;
}
.steps_wrapper.slick-initialized .slick-track{
	height: auto !important;
}
.steps_wrapper.slick-initialized .slick-slide{
	height: auto !important;
	z-index: 1 !important;
	opacity: 0 !important;
}
.steps_wrapper.slick-initialized .slick-slide.slick-current,
.steps_wrapper.slick-initialized .slick-slide.slick-active{
	z-index: 999 !important;
	opacity: 1 !important;
	position: relative !important;
}
.steps_wrapper .step_item_content{
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
}
.img_building_houses{
	float: none!important;
}

/*minisite */
.minisite .popup_block{
	background-color: #fff!important;
	/*position: relative;
	padding-bottom: 100px;*/
	position: absolute;
	top: 100px;
}
.minisite #etude_gratuite.popup_block{
	position: absolute!important;
}
/*
.minisite .popup_block:after{
	content: '';
	display: block;
	width: 100%;
	background-color: #eee;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 250px;
}
*/
.minisite .popup_block > .titreFormAvis{
	background: #6d7274; /* Old browsers */
	background: -moz-linear-gradient(top,  #6d7274 0%, #444444 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6d7274 0%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6d7274 0%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d7274', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,.25);
	box-shadow: 0 5px 5px 3px rgba(0,0,0,.25);
	margin-top: 0!important;
	color: #fff!important;
}
.minisite .popup_block > .titreFormAvis span{
	color: #fff!important;
}
.minisite .popup_block > form{
	width: 80%!important;
	margin: 0 auto;
	padding: 20px!important;
	background-color: #fff!important;
	-webkit-border-radius: 7px;
			border-radius: 7px;
	-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.15);
			box-shadow: 0 0 5px 3px rgba(0,0,0,.15);
	position: relative;
	z-index: 9999;
}


/* popup etude gratuite */

#etude_gratuite.popup_block{
	background-color: #fff!important;
	padding-bottom: 100px;
}
#etude_gratuite.popup_block:after{
	content: '';
	display: block;
	width: 100%;
	background-color: #eee;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 250px;
}
#etude_gratuite.popup_block > .titreFormAvis{
	background: #6d7274; /* Old browsers */
	background: -moz-linear-gradient(top,  #6d7274 0%, #444444 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6d7274 0%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6d7274 0%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d7274', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,.25);
	box-shadow: 0 5px 5px 3px rgba(0,0,0,.25);
	margin-top: 0!important;
	color: #fff!important;
}
#etude_gratuite.popup_block > .titreFormAvis span{
	color: #fff!important;
}
#etude_gratuite.popup_block form{
	width: 80%!important;
	margin: 0 auto;
	padding: 20px!important;
	background-color: #fff!important;
	/*-webkit-border-radius: 7px;
			border-radius: 7px;
	-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,.15);
			box-shadow: 0 0 5px 3px rgba(0,0,0,.15);*/
	position: relative;
	z-index: 9999;
}
#etude_gratuite.popup_block form .inputFormAvis > div label{
	font-size: 17px!important;
	text-align: left;
}
#etude_gratuite.popup_block form .inputFormAvis > div span{
	text-align: left;
	float: right;
}
#etude_gratuite.popup_block form .inputFormAvis > div span input{
	font-size: 19px!important;
	font-weight: 400!important;
}
.inputFormAvis > div span input[type="checkbox"]{
	margin: 0px 10px 5px 0!important;
}
.submitFormAvis{
	text-align: center!important;
}
.validForm{
	height: 42px!important;
}

/* A usable study form at narrow phone widths. */
@media screen and (max-width: 600px) {
  #etude_gratuite.popup_block form { box-sizing: border-box; width: 100% !important; padding: 16px !important; }
  #etude_gratuite.popup_block .inputFormAvis { padding: 0; margin: 0; }
  #etude_gratuite.popup_block form .inputFormAvis > div { width: 100%; margin-bottom: 16px; }
  #etude_gratuite.popup_block form .inputFormAvis > div label,
  #etude_gratuite.popup_block form .inputFormAvis > div span { float: none; display: block; width: 100%; box-sizing: border-box; }
  #etude_gratuite.popup_block form .inputFormAvis > div label { margin-bottom: 8px; }
  #etude_gratuite.popup_block form .inputFormAvis > div span input:not([type="checkbox"]) { box-sizing: border-box; width: 100%; min-height: 42px; padding: 8px; }
  #etude_gratuite.popup_block form .inputFormAvis > div span:has(input[type="checkbox"]) { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; }
  #etude_gratuite.popup_block form input[type="checkbox"] { flex: 0 0 18px; width: 18px; height: 18px; }
  #etude_gratuite.popup_block .submitFormAvis input[type="submit"] { max-width: 100%; }
}

@media screen and (max-width: 600px) {
  #etude_gratuite.popup_block form .inputFormAvis > div { box-sizing: border-box; padding: 0 0 12px; line-height: 1.4; }
}

#etude_gratuite .erreur { color: #b42318 !important; }
#etude_gratuite .choice-label { margin-bottom: 8px; }
#etude_gratuite .inputSolo > input[type="checkbox"] + label { margin: 0; }

/* css/tooltip/tooltip.css */
 /* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #ccc;
    color: #006080;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #888;
    color: #fff;
    text-align: left;
    padding: 5px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltiptext{
	font-size: 1em;
}
.tooltiptext *{
	font-size: inherit;
}

.tooltip-right {
  top: -1.5em;
  left: 110%;  
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.tooltip-bottom {
  top: 135%;
  left: 50%;  
  margin-left: -65px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;  
  margin-left: -65px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-left {
  top: -1.5em;
  bottom:auto;
  right: 110%;  
}
.tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}









/* popup */



.popup_tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.popup_tooltip .popup_tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 120px;
    background-color: #888;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    z-index: 1;
    transition: opacity 1s;
}



.popup_tooltiptext{
	font-size: 1.5em;
}
.popup_tooltiptext *{
	font-size: inherit;
}


/*.popup_tooltip .popup_tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
*/
/* Toggle this class - hide and show the popup_tooltip */
.popup_tooltip .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup_tooltip) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}