@charset "utf-8";
/*************************************** 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('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(../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(../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(../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(../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(../if_images/img_52.png) 99% center no-repeat}
.navToo nav > ul > li > ul > li > span.revert{ background:url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../if_images/img_10.png) center center no-repeat}
.secondary ul li:nth-child(2n):after{background:url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../if_images/img_24.jpg) top right no-repeat, url(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../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(../if_images/img_30.gif) bottom left no-repeat; color:#EC671B}
.forumHome h4.orange{color:#0C3250; background:url(../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(../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(../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(../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(../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(../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(../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(../if_images/img_53.gif) left center no-repeat}
.footerGen ul li a:hover{ color:#EB661A}

.logFooter{ padding-left:150px; background:url(../if_images/if_26.png) top left no-repeat; margin:0px 0 20px;}
.logFooter a{ padding-left:30px; background:url(../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(../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(../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}
.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(../if_images/img_69.png) top left no-repeat; background-size:100% auto;}
.validationGbl div.validationBttGbl input.validBttTo{ width:324px; height:50px; background:url(../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(../if_images/img_71.png) top left no-repeat; background-size:100% auto;}
.validationGbl div.validationBttGbl input.validBttLibelle{ width:196px; height:75px; background:url(../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(../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(../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(../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(../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(../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(../if_images/img_74.png) bottom center no-repeat, url(../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(../if_images/img_74.png) bottom center no-repeat, url(../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(../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(../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("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(../if_images/img_71_b.png) top left no-repeat; background-size:100% auto;
     color:white;
  }

  .detail_rgpd{
     width:196px; height:75px; background:url(../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;

}