@charset "utf-8";



/* reset css */

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;}

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; border:none!important}

.center{text-align:center}

.underline{text-decoration:underline}


/* hover css */

.hvr-sweep-to-top { 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-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; -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);}



.hvr-underline-from-center { 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-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098d1; 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;}



.hvr-grow { 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; -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);}



.hvr-sweep-to-right {  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-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; -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);}



/* config general site */

*{ margin:0; padding:0; font-family: 'Lato', sans-serif; color:#434D50;}

body{ width:100%; height:100%; background: url(../images/if_28.png) 98% 60% no-repeat, #E9E9E9 url(../images/if_1.png) bottom left repeat-x;}



.contentGen{ width:1480px; margin:0 auto 20px; max-width:95%; position:relative;}

.contentCorpGen{ padding:2% 2% 0; background-color:#F3F3F3;}

.blocCenterLeft{ width:65%;}

.blocCenterRight{ width:32%;}

.blocCenterUni{ width:100%; margin-bottom:30px;}

.picOk{ position:absolute; bottom:10px; left:-245px; z-index:999}



/* header */

.contentLogo{ height:120px; background:url(../images/if_2.png) top center no-repeat;}

.forLogo { margin:35px 0 0 20px;}

.forLogo *{ display:inline-block; vertical-align:text-top}

.forLogo img{ max-width:100%; height:auto}

.zone{ margin-left:20px; font-size:4.8em; font-weight:900; text-transform:uppercase; color:#3B4747; position:relative; top:-6px;}

.mentionVersement{display:block; margin-top:5px; font-size:1.4em}

.forComparateur{ width:280px; max-width:100%; padding:10px; background-color:#FFF; text-align:center;

-webkit-border-bottom-right-radius: 8px;

-webkit-border-bottom-left-radius: 8px;

-moz-border-radius-bottomright: 8px;

-moz-border-radius-bottomleft: 8px;

border-bottom-right-radius: 8px;

border-bottom-left-radius: 8px;

-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);}

.txtForComp{ font-size:1.8em; font-weight:600; margin-bottom:10px;}

.linkForComp{ background-color:#FF6600;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

}

.linkForComp a *{ float:left; height:50px; line-height:50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.linkForComp a span.textInLink{ width:80%; color:#FFF; font-weight:500; font-size:1.8em; text-transform:uppercase;}

.linkForComp a span.bttInLink{ width:20%; background:#434E50 url(../images/if_3.png) center center no-repeat;

-webkit-border-top-right-radius: 8px;

-webkit-border-bottom-right-radius: 8px;

-moz-border-radius-topright: 8px;

-moz-border-radius-bottomright: 8px;

border-top-right-radius: 8px;

border-bottom-right-radius: 8px;}

.linkForComp:hover{ background-color:#434E50;

-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);}

.linkForComp:hover span.bttInLink{background:#FF6600 url(../images/if_3.png) center center no-repeat;}



/* menu haut */

.contentNav.forDesk{ min-height:40px; background-color:#3B4747; padding:0 20px; border-bottom:5px solid #FF6501}

.contentNav.forDesk li{ float:left; list-style:none;}

.contentNav.forDesk li a{ display:inline-block; line-height:40px; padding:0 26px; color:#FFF; font-size:16px; font-weight:400; border-right:1px solid #fff; margin-right:1px;}

.contentNav.forDesk li:nth-child(2n) a{ background-color:#5C6E70}

.contentNav.forDesk li a.hvr-sweep-to-top:before, .contentNav.forDesk li a.active{ background: #FF6501; color:#000; font-weight:700}



/* menu secondaire */

.contentNavSec{ min-height:40px; background:#3B4747;}

.contentNavSec li{ float:left; list-style:none; padding:0 30px; border-left:1px solid #1E1F21; border-right:1px solid #4D5B5B; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.contentNavSec li:hover{ background-color: #1E1F21}

.contentNavSec li a{ line-height:40px; font-size:1.6em; color:#FFF; padding-left:20px; background:url(../images/if_4.png) left center no-repeat;}

.contentNavSec li:last-child{ float:right; border:none; background-color: #1E1F21}

.contentNavSec li:last-child a{ color:#ff6501}

.contentNavSec li:last-child:hover a{ color:#FFF}



/* menu mobile*/

.menuMob{ text-align:right; display:none}

.menuMob a{line-height:40px; color:#FFF; font-size:16px; font-weight:400; text-transform:uppercase}

.menuMob a:hover{ color: #FF6501}



/* grande image */

.contentImgUne{ width:100%; position:relative}

.contentImgUne img{ width:100%; height:auto}
.promoting{ position:absolute; width:45%; top:15%; right:5%;}
.headPro{ font-size:5.4em; font-weight:900; color:#E6EBEB;text-shadow: 4px 4px 1px #000; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-align:center} 
.tauxPro{ margin:30px 0}
.tauxPro span{ display:inline-block; width:44%; padding:10px 2%; background-color:#1E1F21; border-bottom:5px solid #FF6600; font-size:8.4em; font-weight:900; color:#FFF; float:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.tauxPro span:first-child{text-align:right; float:left;}
.tauxPro span b { color:#FF6600; font-size:25%; display:block;}
.linkPro{ width:100%; padding:10px 0; background-color:#FF6600; border:2px solid #fff; color:#fff; text-align:center; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.linkPro a{ display:block; font-size:1.9em; font-weight:700; color:#FFF}
.linkPro a img{ margin:0 30px; width:inherit; display:inline-block; vertical-align:middle}
.linkPro:hover{-webkit-box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.5);
box-shadow: 1px 1px 5px 5px rgba(0,0,0,0.5);}
.linkPro span{color:#FFF; font-size:1em; vertical-align:middle}




/* footer */

.footerGen{}

.contentFooter{ padding:2%; background:#3B4747}

.contentFooter > div{ width:31%;}

.contentFooter > div p.titreBcFooter{ font-size:1.9em; color:#FFF; margin-bottom:20px}

.contentFooter > div ul{ padding:20px; list-style:none; background:#2F3939 url(../images/if_25.png) top right no-repeat; height:220px;}

.contentFooter > div ul li{ list-style:none; float:left; width:50%; line-height:150%; margin-bottom:5px;}

.contentFooter > div ul li a{ color:#CBCDCD; font-size:1.3em; display:inline-block; padding-left:15px; background:url(../images/if_24.png) 0px 5px no-repeat}

.contentFooter > div ul li a:hover{ color:#FFF;}

.contentFooter > div ul li a.video{ color:#FF6600}

.listeSiteImmo{ margin-left:3%}

.logFooter{ padding-left:150px; background:url(../images/if_26.png) top left no-repeat; margin:40px 0 20px;}

.logFooter a{ padding-left:30px; background:url(../images/if_3.png) top left no-repeat; font-size:2.1em; color:#CBCDCD; display:inline-block; margin:20px 0; line-height:120%}

.logFooter a strong{ font-size:2em; color:#FF6600; font-weight:900; display:block; margin-top:10px;}

.logFooter a:hover{ color:#FFF}

.cloudApp{ margin-top:40px;}

.cloudApp a img{ margin-right:5px; max-width:100%}

.copyright{ text-align:center; padding:10px 0; font-size:1.3em; color:#666; background-color:#000}
.copyright a{color:#666;}
.mentionEngage{color:white; width:100% !important; margin: -10px 0 10px; font-size:1.6em}




/* debut home page */

/* barometre */

.barometre{ margin-bottom:30px;}

.barometre h1{ padding-left:30px; font-size:2.8em; color:#394646; background:url(../images/if_5.png) left center no-repeat; margin: 0 0 10px 20px;}

.barometre h1 strong{ font-size:100%; color:#FF6600 }

.contentBaro{ background-color:#FFF; padding:18px 3%;}

.contentBaro table, .contentBaro td{ padding:0; margin:0;}

.contentBaro p.dateMaj{ text-align:right; font-size:1.5em; margin-bottom:5px}

.contentBaro table thead td { padding:10px 0; text-align:center; color:#FFF; font-size:2.1em; background-color:#3B4747; border-bottom:5px solid #FF6501}
.contentBaro table thead td h2 { text-align:center; color:#FFF; font-size:1em; background-color:#3B4747;}
h2.barometre { margin: 0 21px 0 21px ; padding:10px 0; text-align:center; color:#FFF; font-size:2.1em; background-color:#3B4747; border-bottom:5px solid #FF6501}

.contentBaro table thead td a{ font-size:100%; color:#FF6600}

.contentBaro table tbody td{ padding:10px 0; text-align:center; font-size:1.3em; border-bottom:1px solid #ACB9B9}

.contentBaro table tbody tr:nth-child(2n){ background-color:#EEEEEE}

.contentBaro table tbody td b{font-size:100%;}

.contentBaro table tfoot td{ padding:10px;font-size:1.2em; line-height:150%}

/* GRAPHE DES meilleurs taux */
.div_graphe {background-color:#eeeeee ; border-radius:4px 4px 0 0; border: 1px solid #acb9b9; border-bottom:0; width:16px; margin: 0 auto;}

.div_graphe:hover {background-color:#3A4646;}

.div_graphe.select {background-color:#ff6600;}

.cel_graphe a, .cel_graphe span{font-size:0.9em}

td.actuel, div.actuel, div.actuel:hover{background-color:#aaccaa}

/* minute btt */

.minuteBtt{ width:100%; margin-bottom:30px; height:160px; background:url(../images/if_8.png) top left no-repeat, url(../images/if_7.png) top right no-repeat; position:relative}

.minuteBtt p{ position:absolute; top:20px; font-size:2.5em; color:#394646; font-weight:700; left:35%; text-align:center;}

.minuteBtt p span{ font-weight:900; color:#FF6500; text-transform:uppercase; font-size:170%; display:inline-block; margin-top:10px}

.flecheIf{ position:absolute; top:20%; right:22%}

.btMinuteIf{ position:absolute; display:block; right:17px; top:5.5%;}

.btMinuteIf:hover img{

-webkit-box-shadow: 4px 2px 4px 1px rgba(0,0,0,.25);

box-shadow: 4px 2px 4px 1px rgba(0,0,0,.25);

-webkit-border-radius: 100%;

-moz-border-radius: 100%;

border-radius: 100%;}



/* expert crédit home */

.contentAdressehome{ width:100%; margin-bottom:30px;}

.forUserHome{ width:48%;}

.blocCenterRight.left .forUserHome{ width:100%; margin-bottom:30px}

.forUserHome .titreBcUser{ height:40px; background:#FF6501 url(../images/if_11.png) center right no-repeat; line-height:40px; font-size:1.8em; color:#FFF; border:1px solid #FF6501; border-width:0 10px;}
h3.titreBcUser, h3.titreBcUser span{font-weight:400; color:#fff; font-size:18px}

.forUserHome .contentBcUser{ background-color:#fff;border:1px solid #FF6501; border-width:0 10px 10px; padding:10px; height:160px;}

.forUserHome .contentBcUser figure{ width:35%; text-align:center;}

.forUserHome .contentBcUser figure img{max-width:100%; height:auto; max-height:141px;}

.forUserHome .contentBcUser p{ width:60%; line-height:120%}

.forUserHome .contentBcUser p *{ display:inline-block; vertical-align:top;}

.forUserHome .contentBcUser p b{ width:25%; font-size:1.2em; color:#000; font-weight:900; line-height:120%}

.forUserHome .contentBcUser p span{ width:73%; font-size:1.2em; color:#434D50; line-height:120%}
.contentBcUser .right .oriasLibelle{width:68%}
.contentBcUser .right .oriasNombre{width:30%}
.separOrias{border-top:1px solid #acb9b9; margin-top:10px}
.separAdresse{border-top:1px solid #acb9b9; margin-top:10px; padding-top:5px}
.forUserHome .contentBcUser .nomFranchise{font-size:1.0em; display:inline}
.noteMoyenne, .noteMoyenne span {font-size:0.8em}
.forAdressehome .contentBcUser .noMarginTop{margin-top:0px; font-size:1em; display:inline}
.overflowHidden{overflow:hidden; max-width:100%}
.itemReviewed{font-size:1em}

/* Notre adresse home */

.forAdressehome{ width:48%;}

.blocCenterRight.left .forAdressehome{ width:100%;}

.forAdressehome .titreBcUser{ height:40px; background:#3B4747 url(../images/if_12.png) center right no-repeat; line-height:40px; font-size:1.8em; color:#FFF; border:1px solid #3B4747; border-width:0 10px;}

.forAdressehome .contentBcUser{ background-color:#fff;border:1px solid #3B4747; border-width:0 10px 10px; padding:10px; height:160px}

.forAdressehome .contentBcUser figure{ width:35%;}

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

.forAdressehome .contentBcUser p{ width:60%; line-height:120%}

.forAdressehome .contentBcUser p *{ display:inline-block; vertical-align:top;}

.forAdressehome .contentBcUser p b{ width:100%; font-size:1.2em; color:#000; font-weight:900; line-height:120%}

.forAdressehome .contentBcUser p span{ width:100%; font-size:1.2em; color:#434D50; line-height:120%; margin-top:5px}



/* faire simulation */

.simulation{ width:100%; margin-bottom:30px;}

.simulation h2{padding-left:30px; font-size:2.8em; color:#FF6501; background: url(../images/if_6.png) left center no-repeat; margin: 0 0 10px 20px;}

.simulation ul{background-color:#FFF; padding:20px 5%; list-style:none; border-bottom:5px solid #FF6501}

.simulation ul li{ list-style:none; display:block; padding:15px; margin-bottom:5px; background:#EEEEEE url(../images/if_4.png) 95% center no-repeat; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.simulation ul li:nth-child(2n){ background:#F9F9F9 url(../images/if_4.png) 95% center no-repeat}

.simulation ul li a{ font-size:1.9em; color:#394646}

.simulation ul li:hover{ background-color:#3b4747;

-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.5);

box-shadow: 0 0 1px 0 rgba(0,0,0,.5);}

.simulation ul li:hover a{ color:#FFF}

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

/* avis home */

.avisHome{ width:100%; margin-bottom:30px;}

.avisHome h2{ padding-left:30px; font-size:2.8em; color:#394646; background:url(../images/if_5.png) left center no-repeat; margin: 0 0 10px 20px;}

.avisHome h2 strong{ font-size:100%; color:#FF6600 }

.contentAvishome{background-color:#FFF; padding:20px 5% 1px; list-style:none;}

.contentAvishome ul{ list-style:none}

.contentAvishome ul li{ list-style:none; margin-bottom:20px;}

.nomAvis{ font-weight:900; color:#3A4646; font-size:1.5em; margin-bottom:5px}

.dateAvis{ color:#3A4646; font-size:1.5em; margin-bottom:5px}

.dateAvis img{ margin-left:2px}

.detAvis{ padding:10px; background-color:#F9F9F9; font-size:1.3em; line-height:130%}

.allAvis{}

.allAvis a{ display:block; padding:10px; text-align:right; background-color:#3b4747; font-size:1.6em; color:#fff; line-height:125%}

.allAvis a strong{ font-size:100%; text-transform:uppercase; color:#ff6600; font-weight:400}

.allAvis a.hvr-underline-from-center:before { background: #ff6600;}



/* contact + unis */

.pubContact{ border:10px solid #CCC; background:#FFF url(../images/if_13.png) center left no-repeat; position:relative}

.coinLeft{ position:absolute; top:-10px; left:-10px;}

.textPubC{ width:63%; padding:10px 0 10px 2%}
.creditGratuit{font-size:1em; color:#ff6500}

.textPubC > *{ display:inline-block; vertical-align:middle;}

.textPubC img{ margin-right:30px;}

.textPubC h3{ text-align: center; font-size:2.3em; line-height:130%}

.textPubC h3 a{ font-size:100%;}

.textPubC h3 strong{ font-size:100%; color:#FF6500}

.linkPubC{ width:32%; background:#113B59; height:130px;}

.linkPubC > div{ width:50%; height:130px;}

.forFB{}

.forFB p{ font-size:1.8em; color:#FFFFFF; margin:10px 0px 0px 15px; line-height:150%}

.forFB > div{ margin:5px 0 0 15px}

.forContact{ background-color:#FF6501}

.forContact a{ font-size:2.3em; color:#FFF; text-align:center; padding:20px 0 40px; background:url(../images/if_17.png) bottom center no-repeat, url(../images/if_18.png) top center no-repeat; display: block; margin-top:25px}



/* franchise */

.franchise{ margin-bottom:30px; border-bottom:5px solid #394646}

.franchise h2{ padding-left:30px; font-size:2.8em; color:#394646; background:url(../images/if_5.png) left center no-repeat; margin: 0 0 10px 20px;}

.contentfranchise{ background-color:#FFF; padding:18px 3%;}

.contentfranchise *{ font-size:100%}

.contentfranchise > *{ font-size:1.5em; line-height:150%;}

.contentfranchise h3{font-size:1.8em}

.contentfranchise ul{line-height:100%; margin-top:5px; margin-left:20px}
.contentfranchise ul li{line-height:150%;}

.contentfranchise br {line-height:50%}

.contentfranchise table{width:100%; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5); text-align: center;}
.contentfranchise thead{background-color:#444444; border-bottom:2px solid #ec671b; font-size:1em; font-weight:700; padding:20px 0;}
.contentfranchise thead td{color:#fff; padding:10px 5px; line-height:100%}
.contentfranchise tbody td{background-color:#e0e0e0; border-bottom:1px solid #fff; border-right:1px solid #fff; padding:3px 5px}
.contentfranchise tbody tr:nth-child(2n) td {background-color:#fff; border-right:1px solid #f0f0f0;}
.contentfranchise tbody tr:hover td {background-color: rgba(255, 102, 0, 0.3)}
.contentfranchise tr img{width:12px;}

/*.contentfranchise a, .contentfranchise strong{ color:#FF6500}*/
.contentfranchise a { color:#FF6500}

.contentfranchise a:hover{ text-decoration:underline;}

.orange{color:#FF6500}

/* telechargement */

.telechargement{ width:100%; margin-bottom:30px;}

.telechargement h4{padding-left:30px; font-size:2.8em; color:#FF6501; background: url(../images/if_6.png) left center no-repeat; margin: 0 0 10px 20px;}

.telechargement ul{background-color:#FFF; padding:20px 5%; list-style:none; border-bottom:5px solid #FF6501}

.telechargement ul li{ list-style:none; display:block; padding:15px; margin-bottom:5px; background:#EEEEEE url(../images/if_4.png) 95% center no-repeat; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.telechargement ul li:nth-child(2n){ background:#F9F9F9 url(../images/if_4.png) 95% center no-repeat}

.telechargement ul li a{ font-size:1.9em; color:#394646}

.telechargement ul li:hover{ background-color:#3b4747;

-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.5);

box-shadow: 0 0 1px 0 rgba(0,0,0,.5);}

.telechargement ul li:hover a{ color:#FFF}



/* cheque cadeaux */

.bttChqCadeau{ width:100%; margin-bottom:30px; background-color:#FFF;

-webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.25);

box-shadow: 0 0 4px 1px rgba(0,0,0,.25);}

.bttChqCadeau a{ display:block; background:#3B4747; height:58px; border:1px solid #fff;}

.bttChqCadeau a span{display:block; padding-left:100px; background:url(../images/if_21.png) 95% 50% no-repeat, url(../images/if_20.png) left center no-repeat; height:58px; font-size:2.6em; color:#FFF; line-height:60px;}

.bttChqCadeau a b{ color:#FF6600; font-size:100%; font-weight:normal;}

.bttChqCadeau a.hvr-sweep-to-right:before { background-color: #FF6600;}

.bttChqCadeau a:hover b{ color:#3B4747}



/* etre appeller */

.etreAppeler{ background:#FFF url(../images/if_22.png) center center no-repeat; padding:10px; border-bottom:5px solid #FF6501; position:relative;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;}

.etreAppeler a{ display:block; width:50%; text-align:center;}

.etreAppeler a > span{ font-size:2.1em; font-weight:600; line-height:120%}

.etreAppeler a > span span{ font-size:100%; color: #FF6501; line-height:120%}

.etreAppeler a strong{ text-transform:uppercase; color: #FF6501; font-size:4.2em; font-weight:900; line-height:130%}

.etreAppeler a u{ color:#113A59; font-size:1.6em; font-weight:700;}

.etreAppeler img.imgAppel{ position:absolute; bottom:-5px; right:20px;}


/* Newsletter */

.nl_text {
	font-size:14px;
	padding:3px;
}

.bt_nl_text {
	font-size:14px;
	padding-left: 10px;
	padding-right:20.5px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #FF6501;
	border:0px;
	color:white;
	cursor:pointer;
	text-transform:uppercase
}

.newsletter {
	background-color: #FFF;
	border-bottom: 5px solid #FF6501;
	border-top: 5px solid #FF6501;
}

/* fin home page */











/* debut partenaire */

/* liste des partenaire */

.listeMbr{ margin-bottom:30px;}

.listeMbr h1{font-size:2.8em; color:#394646; margin: 0 0 10px 0px;}

.listeMbr h1 strong{ font-size:100%; color:#FF6600 }

.listeMbr ul{ list-style:none;}

.listeMbr ul li{ list-style:none; width:46%; padding:10px 1%; margin-bottom:30px; background:url(../images/if_31.png) 50% 95% no-repeat, #fff url(../images/if_30.jpg) top left repeat-x; float:left;}

.listeMbr ul li:hover{ background:none; background:#3B4747 url(../images/if_29.jpg) top left repeat-x;}

.listeMbr ul li:nth-child(2n){ margin-left:4%;}

.listeMbr ul li figure{ width:40%; text-align:center}

.listeMbr ul li figure img{ max-width:100%; max-height:160px; height:auto; /*width:100%;*/ margin-top:50px;}

.listeMbr ul li figure span{ display:block; width:100%; height:3px; background-color:#3B4747; margin-top:5px;}

.listeMbr ul li:hover figure span{ background-color:#FF6501;}

.listeMbr ul li .descMbr{ width:55%; margin:10px 0 0 3%; height:180px;}

.listeMbr ul li .descMbr h2{ font-size:1.5em; color:#FF6501; margin-bottom:20px;}

.listeMbr ul li .descMbr p{ font-size:1.3em; color:#434C50; line-height:130%;}

.listeMbr ul li .descMbr p a{ font-size:100%; color:#FF6501}

.listeMbr ul li .descMbr p a:hover{ text-decoration:underline}

.listeMbr ul li:hover p{ color:#fff;}

.listeMbr ul li:hover p a{ color:#fff;}



/* debut banque */

.listeMbr.itsForBanque ul li .descMbr{ height:150px!important;}



/* debut actu */

.contentActu{ font-size:1.3em; line-height:150%; border-bottom:5px solid #394646}

.contentActu *{ font-size:100%;}

.contentActu a, .contentActu strong, .contentActu b{ color:#FF6600}

.contentActu a:hover{ text-decoration:underline;}



/* debut facebook */

.contentFacebook{ font-size:1.3em; line-height:150%; border-bottom:5px solid #394646}

.contentFacebook *{ font-size:100%;}

.contentFacebook a, .contentFacebook strong, .contentFacebook b{ color:#FF6600}

.contentFacebook a:hover{ text-decoration:underline;}



/* debut autre */

.contentAutre{ font-size:1.3em; line-height:150%; border-bottom:5px solid #394646}

.contentAutre *{ font-size:100%;}

.contentAutre a, .contentAutre strong, .contentAutre b{ color:#FF6600}

.contentAutre a:hover{ text-decoration:underline;}



/* pagination */

.pagination{ margin-bottom:30px;}

.pagination a{ display:inline-block; font-size:1.9em; color:#3A4646; padding:5px 8px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.pagination a:hover, .pagination a:focus, .pagination a:active{ background-color:#3A4646; color:#fff;}

.pagination a.select { background-color:#3A4646; color:#fff;}

/* pagination LIKE */

.paginationlike{ margin-bottom:30px;}

.paginationlike a, .paginationlike span{ display:inline-block; font-size:1.5em; color:#3A4646; padding:5px 8px; border:1px solid #3a4646;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.paginationlike a:hover, .paginationlike span:hover, .paginationlike a:focus, .paginationlike a:active{ background-color:#3A4646; color:#fff;}

.paginationlike a.select, .paginationlike span.select { background-color:#ff6600; color:#fff;}


/* devis express */

body.devisEx{ background:none; background:#3B4747 url(../images/devis_1.png) top left repeat-x; }

.contentGenDevis{ width:1480px; max-width:98%; margin:40px auto; position:relative;}

.showStat{ position:absolute; top:-20px; left:15px;}

.contentDevlogo{ max-width:98%}

.contentDevlogo img{ display:block; max-width:100%; margin-bottom:10px;}

.contentDevlogo span{ color:#EB661A; font-size:2.6em}

.navDev{ padding:10px; background-color:#2C3535; border:1px solid #2C3535; margin-top:30px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;}

.navDev ul{ list-style:none}

.navDev ul li{ padding:15px 0 15px 1%; background-color:#E7E7E7; border:1px solid #EEEEEE; float:left; margin-right:1.7%; width:14%;-webkit-transition: all 0.5s ease; transition: all 0.5s ease;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;}

.navDev ul li:nth-child(6){ margin:0}

.navDev ul li span{ display:inline-block; vertical-align:middle}

.numero{ width:45px; height:45px; background-color:#F9F9F9; border:2px solid #DDD; text-align:center; line-height:45px; font-size:2.5em; font-weight:900; color:#666; margin-right:2%;

-webkit-border-radius: 100%;

-moz-border-radius: 100%;

border-radius: 100%}

.textNum{ color:#666; font-size:1.5em;}

.textNum strong{ display:block; font-size:1.5em; color:#666}

.navDev ul li.active, .navDev ul li:hover{background-color:#FF6600; border:1px solid #FF7A22;}

.navDev ul li.active .numero, .navDev ul li:hover .numero{ background-color:#fff; border:2px solid #FF934A; color:#000; }

.navDev ul li.active .textNum, .navDev ul li:hover .textNum{ color:#000;}

.navDev ul li.active .textNum strong, .navDev ul li:hover .textNum strong{ display:block; font-size:1.5em; color:#fff}

.contentDevisEx{ margin-top:20px; padding:20px; background-color:#6C7575; border:2px solid #869191;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;}

.contentDevisEx figure{ width:45%;}

.contentDevisEx figure img{ width:100%;}

.contentDevisEx .contentForm{ width:53%}

.contentInp{ margin:20px;}

.contentInp > label{ margin-bottom:40px; font-size:2.4em; color:#000; display:block; text-transform:uppercase; font-weight:700;}

.contentInp p{ margin-bottom:30px;}

.contentInp p span{ display:inline-block; vertical-align:top}

.contentInp p span.chx{ width:35%; font-size:1.9em; color:#fff;}

.contentInp p span.inpTyp, .contentInp p span.inpTypNml{ width:60%;}

.contentInp p span.inpTyp input, .contentInp p span.inpTyp select{ width:99%; height:28px; border:1px solid #eee; background-color:#EBEBEB; font-size:1.6em;}

.contentInp p span.inpTypNml{ font-size:1.9em; color:#000}

.contentInp p span.inpTypNml  label{ font-size:100%; color:#000; margin-right:20px;}

.contentInp p span.inpTypNml input{ margin-right:10px;}

.contentInp p span.inpTypNml input:nth-child(2){ margin-left:30px;}

.contentBttNxt{ margin-top:50px; padding:52px 20px 0; background:url(../images/devis_3.jpg) top left repeat-x; text-align:right}

.contentBttNxt input.valide, .contentBttNxt a{ background:none; width:346px; height:84px; border:none; background:url(../images/btt_1.png) top left no-repeat; cursor:pointer;-webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:inline-block}

.contentBttNxt input.valide:hover, .contentBttNxt a:hover{background:url(../images/btt_1h.png) top left no-repeat;}

.textValid{ margin-top:20px; text-align:center; color:#FFF; font-size:1.9em; font-weight:200}


.contentBttNxt a.back{ background:none; border:none; width:180px; height:53px; background:url(../images/btt_precedent.png) top left no-repeat; cursor:pointer;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; float:left;}

.contentBttNxt a.back:hover{ background-position:bottom left;}

.contentBttNxt a.eatpe0{ background:url(../images/btt_1.png) top left no-repeat;}

.contentBttNxt a.eatpe0:hover{background:url(../images/btt_1h.png) top left no-repeat;}


.contentBttNxt a.eatpe1{ background:url(../images/btt_2.png) top left no-repeat;}

.contentBttNxt a.eatpe1:hover{background:url(../images/btt_2h.png) top left no-repeat;}



.contentBttNxt a.eatpe2{ background:url(../images/btt_3.png) top left no-repeat;}

.contentBttNxt a.eatpe2:hover{background:url(../images/btt_3h.png) top left no-repeat;}



.contentBttNxt a.eatpe3{ background:url(../images/btt_4.png) top left no-repeat;}

.contentBttNxt a.eatpe3:hover{background:url(../images/btt_4h.png) top left no-repeat;}



.contentBttNxt a.eatpe4{ background:url(../images/btt_5.png) top left no-repeat;}

.contentBttNxt a.eatpe4:hover{background:url(../images/btt_5h.png) top left no-repeat;}



.contentBttNxt a.eatpe5{ background:url(../images/btt_6.png) top left no-repeat;}

.contentBttNxt a.eatpe5:hover{background:url(../images/btt_6h.png) top left no-repeat;}



/* liste des avis */

.contentAvis{ margin-bottom:30px;}

.listeAvis{ margin-bottom:30px; padding-top:20px; margin-top:21px; background-color:#ffffff;}

.blocCenterLeft h1, .listeAvis h1{ padding-left:30px; font-size:2.8em; color:#394646; background:url(../images/if_5.png) left center no-repeat; margin: 0 0 10px 20px;}

.blocCenterLeft h1 strong, .listeAvis h1 strong{ font-size:100%; color:#FF6600 }

.noteGlobale * {font-size:1.8em;}

.noteGlobale strong {color:#FF6600}

.noteGlobale p * {font-size:75%; color:#333}
.noteGlobale p  strong {font-size:1em; color:#FF6600}

.listeAvis ul{ padding:20px 20px 1px; background-color:#fff;}

.listeAvis ul li{ list-style:none; margin-bottom:20px}

.contentDescAvis{ background-color:#F9F9F9;}
.contentDescAvis:hover{ box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8);}

.left.avis{ width:68%; margin:10px 0px 10px 15px; font-size:1.3em; color:#394646; font-weight:500; line-height:130%}

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

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

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

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

.forLisAv{ height:60px; background-color:#3B4747;}

.forLisAv .left{ height:40px; background-color:#FF6501; padding:10px 20px; line-height:40px; font-size:1.8em}

.forLisAv a:hover{ text-decoration:underline;}

.contentFormAvis{}

.contentFormAvis{ border:10px solid #CCC; background:#FFF; position:relative; padding:20px 10px;}

.titreFormAvis{ padding:20px 0 30px; text-align:center; border-bottom:1px dashed #ccc; margin-bottom:10px; font-size:1.6em;}

.titreFormAvis strong{ font-size:2.2em; color:#FF6500}

.inputFormAvis{ padding:30px 0; width:75%; margin:0 auto}

.inputFormAvis > div{ padding:10px 30px}

.inputFormAvis > div:hover{ background-color:#E5E5E5}

.inputFormAvis > div:hover input, .inputFormAvis > div:hover select, .inputFormAvis > div:hover textarea{ background-color:#FFF!important}

.inputFormAvis > div > *{ display:inline-block; vertical-align:top;}

.inputFormAvis > div > .indenEtoil{ vertical-align:inherit}

.inputFormAvis > div label{ width:35%; font-size:2.1em; color:#333;}

.inputFormAvis > div label strong{ font-size:100%; color:#FF6500}

.inputFormAvis > div span{ width:60%;}

.inputFormAvis > div span input[type=text], .inputFormAvis > div span textarea, .inputFormAvis > div span select{ width:100%; background:none; border:none; background-color:#F3F3F3; border:1px solid #CCCCCC; height:28px; font-size:1.9em;}

.inputFormAvis > div span textarea{ height:150px;}

.inputFormAvis > div span.inputDuo input[type=text], .inputFormAvis > div span.inputDuo select{ width:35%; margin-right:10px;}

.inputFormAvis > div span.inputTrio input[type=text], .inputFormAvis > div span.inputTrio select{ width:25%; margin-right:10px;}

.inputFormAvis > div span input[type=checkbox], .inputFormAvis > div span.inputDuo input[type=radio]{ margin:5px 10px 0 0; display:inline-block; vertical-align:text-bottom}

.inputFormAvis > div span strong{ font-size:1.3em; display:inline-block; vertical-align:middle; margin-right:20px;}

.noteGlobaleForm{ border-top:1px dashed #ccc; width:inherit; padding:30px 0 0}

.noteGlobaleForm > div{ width:75%; margin:0 auto}

.noteGlobaleForm label{ width:35%; font-size:2.1em; color:#333;}

.noteGlobaleForm label strong{ font-size:100%; color:#FF6500}

.noteGlobaleForm span{ width:60%;}

.submitFormAvis{ width:75%; text-align:right; margin:20px auto}

.validForm{ background:none; border:none; width:224px; height:64px; background:url(../images/btt_valider.png) top left no-repeat; cursor:pointer;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

.validForm:hover{ background-position:bottom left;}

.avis_merci {background-color:#F9F9F9; font-size:1.3em; font-weight:bold; padding:28px 4px; text-align:center;}


/* Taux */

.nomAvis .orange {font-size:1.5em; font-weight:900; color:#ff6600}
.nomAvis .auteurAvis {font-size:1em; font-weight:900;}
.nomAvis .CPAvis {font-size:1.5em;}

.contentTaux{font-size:1em; font-weight:800; display:inline-block; margin:5px 0;}

.strongTaux{font-size:1.2em; color:#ff6600}

.courtierGratuit{font-size:1.4em; text-align:center; font-weight:600}

.courtierGratuit a:hover{color:#ff6600; text-decoration:underline}

.conseilPro{font-size:1.1em; display:inline-block; margin:5px 0;}

.blocTaux{margin-top:10px}
.blocTaux .right.noteAvis a, .tauxActuelClic.right.noteAvis a{font-size:1.8em}

.tauxActuel a:hover{color:#ff6600; text-decoration:underline}

.tauxActuel:hover{ box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8);}

tr.space{display:block; margin:25px}

.contentBaro tr.tauxActuel td{border:none; text-align:left; padding:20px 10px 10px; font-size:1.4em; line-height:130%}

.tauxActuel li {list-style-type: none; padding: 5px 0 0 10px; font-size:1.4em}
.tauxActuel li:before {content: "- ";}

.contentBaro .tauxActuelClic{float:none; width:100%; padding-bottom:5%}
.tauxActuelClic a:hover{text-decoration:none}

.tauxActuelLeft{width:70%; vertical-align:top}

.tauxActuelRight{width:30%; padding:2% !important}

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

/* dernier etape */

.orContent{ text-align:center}

.orContent p#step1commands2, .orContent h2{ font-size:1.9em; color:#fff;}

.closWin{ padding:15px 0 15px 1%; background-color:#E7E7E7; border:1px solid #EEEEEE; margin-right:1.7%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width:25%; margin:0 auto;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;}

.closWin span{ display:inline-block; vertical-align:middle}





.closWin:hover{background-color:#FF6600; border:1px solid #FF7A22;}

.closWin:hover .numero{ background-color:#fff; border:2px solid #FF934A; color:#000; }

.closWin:hover span, .closWin:hover strong{ color:#fff}

.avisHome .equivH2 {

    padding-left: 30px;
    font-size: 2.8em;
    color: #394646;
    background: url(../images/if_5.png) left center no-repeat;
    margin: 0 0 10px 20px;

}
.avisHome .equivH2 strong {

    font-size: 100%;
    color: #FF6600;

}

.textPubC .equivH2 {

    text-align: center;
    font-size: 2.3em;
    line-height: 130%;

}
.textPubC .equivH2 strong {

    font-size: 100%;
    color: #FF6500;

}

.telechargement .equivH4 {

    padding-left: 30px;
    font-size: 2.8em;
    color: #FF6501;
    background: url(../images/if_6.png) left center no-repeat;
    margin: 0 0 10px 20px;

}

.contentfranchise .equivH3 {

    font-size: 1.8em;

}

.equivA{

    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    display: inline;

}

.blocCenterLeft .equivH1 strong, .listeAvis .equivH1 strong {

    font-size: 100%;
    color: #FF6600;

}
.barometre .equivH1 {

    font-size: 2.8em;
    display: inline;


}
.blocCenterLeft .equivH1, .listeAvis .equivH1 {
    font-size: 2.8em;
    color: #394646;
    margin: 0 0 10px 0px;

}

.minuteBtt .equivPminisite {

    position: absolute;
    display: inline;
    top: 20px;
    font-size: 2.5em;
    color: #394646;
    font-weight: 700;
    left: 35%;
    text-align: center;

}
.textPubC .equivH2Mini {

    text-align: center;
    font-size: 2.3em;
    line-height: 130%;

}
.textPubC .equivH2Mini strong {

    font-size: 100%;
    color: #FF6500;

}
.equivH2Mini {

    font-size: 1.5em;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;

}
@media screen and (max-width: 1328px){
	.minuteBtt .equivPminisite {

	    left: 5%;

	}
}
@media screen and (max-width: 479px){
	.minuteBtt .equivPminisite {

	    font-size: 1.7em;

	}
}


.minuteBtt .equivPminisite span {

    font-weight: 900;
    color: #FF6500;
    text-transform: uppercase;
    font-size: 170%;
    display: inline-block;
    margin-top: 10px;

}

.franchise .equivH2 {
  font-size: 2.8em;
  color: #394646;
  margin: 0 0 10px 0px;
}