/* Html - Body */
html, body {
margin: 0;
padding: 0;
}
body {
background-color: white;
font-family: Roboto, Helvetica, sans-serif;
/*font-family: Arial, Helvetica, sans-serif;*/
font-size: 100%;
}
/*.A4L{width:29cm;height:19.6cm;}*/
.A4L {
width: 29.7cm;
height: 21cm;
/*background-color: white;*/
}
.A4P {
/*width: 20.45cm;*/
width: 21.00cm;
height: 29.7cm;
/*background-color: white;*/
/*padding: 5.0mm;*/
/*margin: 10mm auto;*/
/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
}
@media print { /*ne fonctionne pas avec pdf mais fonctionne avec le print de chrome !!!! */
}
/* #region Image img Picture */
.aspectRatio11{aspect-ratio: 1/1;}
.aspectRatio43{aspect-ratio: 4/3;}
.aspectRatio32{aspect-ratio: 3/2;}
.aspectRatio169{aspect-ratio: 16/9;}
/*#region FONT */
.condensed { font-family: Roboto-thin, Helvetica, sans-serif;}
.normal { font-family: Roboto, Helvetica, sans-serif;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.souligne{text-decoration:underline;}
.nobold{font-weight:normal;}
.rot-90 {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.f6{font-size:6px;}
.f7{font-size:7px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f23{font-size: 23px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f29{font-size:29px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f35{font-size: 35px;}
.f36{font-size:36px;}
.f42{font-size:42px;}
.f52{font-size:52px;}
.f70{font-size:70px;}
.lheight19{line-height:19px;}
.lheight26{line-height:26px;}
.lheight28{line-height:28px;}
.lheight37 {line-height: 37px;}
.lheight44{line-height:44px;}
.lheight50{line-height:50px;}
.lheight51{line-height:51px;}
.lheight64{line-height:64px;}
.lheight80{line-height:80px;}
.lheight144{line-height:144px;}
.uppercase{text-transform:uppercase;}
.flipH {
transform: scale(-1, 1);
/*color: #1c87c9;*/
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
/*-webkit-transform: scaleX(-1);*/
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
}
/*#endregion*/
/*#region POSITION */
.pos_abs{position:absolute!important;}
.pos_rel{position:relative;}
.dis_inblock{display:inline-block;}
.dis_block {display: block;}
.dis_none{display:none;}
.visi_none{visibility:hidden;}
.talignleft{text-align:left;}
.talignright{text-align:right;}
.taligncenter{text-align:center;}
.justify {text-align: justify;}
.vatop{vertical-align:top;}
.vamiddle{vertical-align:middle;}
.trendergeo{text-rendering:geometricPrecision;}
.overhidden{overflow:hidden;}
.preline{white-space: pre-line;}
.fleft{float: left;}
.fright{float:right;}
.cboth{clear:both;}
.zindex-5 {z-index: -5;}
.zindex-4 {z-index: -4;}
.zindex-3 {z-index: -3;}
.zindex-2 {z-index: -2;}
.zindex-1 {z-index: -1;}
.zindex1{z-index: 1;}
.zindex2{z-index: 2;}
.zindex10{z-index:10;}
.zindex15{z-index:15;}
.zindex20{z-index:20;}
.wspacenowrap{white-space:nowrap;}
/*#endregion*/
/*#region MARGIN */
.mtop-2{margin-top:-2px;}
.mtop-4{margin-top:-4px;}
.mtop-6{margin-top:-6px;}
.mtop-8{margin-top:-8px;}
.mtop-10{margin-top:-10px;}
.mtop-12{margin-top:-12px;}
.mtop-17{margin-top:-17px;}
.mtop-30{margin-top:-30px;}
.mtop-90{margin-top:-90px;}
.mtop-112{margin-top:-112px;}
.mtop-55{margin-top:-55px;}
.mtop-55{margin-top:-55px;}
.mtop2{margin-top:2px;}
.mtop3{margin-top:3px;}
.mtop5{margin-top:5px;}
.mtop7{margin-top:7px;}
.mtop9 {margin-top: 9px;}
.mtop10 {margin-top: 10px;}
.mtop11{margin-top:11px;}
.mtop12{margin-top:11px;}
.mtop15{margin-top:15px;}
.mtop20{margin-top:20px;}
.mtop25{margin-top:25px;}
.mtop35{margin-top:35px;}
.mtop49{margin-top:49px;}
.mtop50{margin-top:50px;}
.mtop56{margin-top:56px;}
.mtop58{margin-top:58px;}
.mtop69{margin-top:69px;}
.mtop72{margin-top:72px;}
.mtop80{margin-top:80px;}
.mtop90{margin-top:90px;}
.mtop95{margin-top:95px;}
.mtop100{margin-top:100px;}
.mrauto{margin-right:auto;}
.mright0{margin-right: 0px;}
.mright2{margin-right: 2px;}
.mright3{margin-right: 3px;}
.mright5{margin-right:5px;}
.mright6{margin-right:6px;}
.mright15{margin-right: 15px;}
.mright20{margin-right:20px;}
.mright30{margin-right:30px;}
.mright31{margin-right:31px;}
.mright45{margin-right:45px;}
.mright66 {margin-right: 66px;}
.mlauto{margin-left:auto;}
.mleft-5{margin-left:-5px;}
.mleft-40{margin-left:-40px;}
.mleft-33{margin-left:-33px;}
.mleft-85{margin-left:-85px;}
.mleft-295{margin-left:-295px;}
.mleft0{margin-left:0px;}
.mleft5{margin-left:5px;}
.mleft6{margin-left:6px;}
.mleft7{margin-left:7px;}
.mleft8{margin-left: 8px;}
.mleft9{margin-left:9px;}
.mleft10{margin-left:10px;}
.mleft11{margin-left:11px;}
.mleft12{margin-left:12px;}
.mleft15{margin-left: 15px;}
.mleft23{margin-left:23px;}
.mleft20{margin-left:20px;}
.mleft25{margin-left:25px;}
.mleft30{margin-left:30px;}
.mleft31{margin-left:31px;}
.mleft45{margin-left:45px;}
.mleft66{margin-left: 66px;}
.mleft90{margin-left: 90px;}
.mleft92{margin-left: 92px;}
.mleft99{margin-left: 99px;}
.mleft105{margin-left: 105px;}
.mleft113{margin-left: 113px;}
.mleft115{margin-left: 115px;}
.mleft118{margin-left: 118px;}
.mleft123{margin-left: 123px;}
.mleft125{margin-left: 125px;}
.mleft130{margin-left: 130px;}
.mleft133{margin-left: 133px;}
.mleft139{margin-left: 139px;}
.mleft146{margin-left: 146px;}
.mleft250{margin-left: 250px;}
.mleft330{margin-left:330px;}
.mleft336{margin-left:336px;}
.mbottom-2{margin-bottom:-2px;}
.mbottom0{margin-bottom:0px;}
.mbottom3{margin-bottom:3px;}
.mbottom5{margin-bottom:5px;}
.mbottom7{margin-bottom:7px;}
.mbottom8{margin-bottom:8px;}
.mbottom10{margin-bottom:10px;}
.mbottom12{margin-bottom: 12px;}
.mbottom15 {margin-bottom: 15px;}
.mbottom16 {margin-bottom: 16px;}
.mbottom18{margin-bottom:18px;}
.mbottom20{margin-bottom:20px;}
.mbottom30{margin-bottom:30px;}
.mbottom100{margin-bottom: 100px;}
/*#endregion*/
/*#region PADDING*/
.pleft2{padding-left:2px;}
.pleft3{padding-left:3px;}
.pleft4{padding-left:4px;}
.pleft5{padding-left:5px;}
.pleft10{padding-left:10px;}
.pleft13{padding-left:13px;}
.pleft15{padding-left:15px;}
.pleft20{padding-left:20px;}
.pleft30{padding-left:30px;}
.pleft31{padding-left:31px;}
.pleft50{padding-left:50px;}
.pleft60{padding-left:60px;}
.pright5{padding-right:5px;}
.pright10{padding-right:10px;}
.pright13{padding-right:13px;}
.pright15 {padding-right: 15px;}
.pright20 {padding-right: 20px;}
.pright25 {padding-right: 25px;}
.pright31 {padding-right: 31px;}
.pright37 {padding-right: 37px;}
.pright40 {padding-right: 40px;}
.pright122{padding-right:122px;}
.pright160 {padding-right: 160px;}
.ptop0{padding-top:0px;}
.ptop1{padding-top:1px;}
.ptop2{padding-top:2px;}
.ptop3{padding-top:3px;}
.ptop4{padding-top:4px!important;}
.ptop5{padding-top:5px;}
.ptop6{padding-top:6px;}
.ptop7{padding-top:7px;}
.ptop9{padding-top:9px;}
.ptop10{padding-top:10px;}
.ptop11{padding-top:11px;}
.ptop12{padding-top:12px;}
.ptop13{padding-top:13px;}
.ptop15{padding-top:15px;}
.ptop20{padding-top:20px;}
.ptop28{padding-top:28px;}
.ptop30{padding-top:30px;}
.ptop36{padding-top:36px;}
.ptop50{padding-top:50px;}
.ptop60{padding-top:60px;}
.ptop70{padding-top:70px;}
.ptop80{padding-top:80px;}
.ptop90{padding-top:90px;}
.ptop95{padding-top:95px;}
.ptop100{padding-top:100px;}
.ptop110{padding-top:110px;}
.pbottom0{padding-bottom:0px;}
.pbottom2{padding-bottom:2px;}
.pbottom3{padding-bottom:3px;}
.pbottom4{padding-bottom:4px;}
.pbottom5{padding-bottom:5px;}
.pbottom6 {padding-bottom: 6px;}
.pbottom7{padding-bottom:7px;}
.pbottom10{padding-bottom:10px;}
.pbottom11{padding-bottom:11px;}
.pbottom15{padding-bottom:15px;}
.pad1{padding:1px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.paddpe{padding:1px 2px 0px 3px;}
/*#endregion */
/*#region Min WIDTH */
.minw20 {min-width: 20px !important;}
.minw50 {min-width: 50px !important;}
/*#region WIDTH HEIGHT*/
.w14p{width:14%;}
.w16p{width:16.66%;}
.w19_3p{width:19.3%;}
.w19_4p{width:19.4%;}
.w19_45p{width:19.45%;}
.w20p{width:20%;}
.w22p{width:22%;}
.w24p{width:24%;}
.w28p{width:28%;}
.w29p{width:29%;}
.w30p{width:30%;}
.w31p{width:31%;}
.w32p{width:32%;}
.w33p{width:33%;}
.w36p{width:36%;}
.w39p{width:39%;}
.w40p{width:40%;}
.w42p{width:42%;}
.w45p{width:45%;}
.w46-85p{width: 46.85%;}
.w46p{width:46%;}
.w47p{width:47%;}
.w48p{width:48%;}
.w48-50p{width:49%;}
.w49p{width:49%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w58p{width:58%;}
.w59p{width:59%;}
.w60p{width:60%;}
.w63p{width:63%;}
.w66p{width:66%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w97p{width:97%;}
.w98p{width:98%;}
.w99p{width:99%;}
.w100p{width:100%;}
.w101p{width: 101%;}
.mw100p{max-width:100%;}
.w297{width:29.7cm;}
.w2{width:2px;}
.w10{width:10px;}
.w12{width:12px;}
.w15{width:15px;}
.w17{width:17px;}
.w18{width:18px;}
.w20{width:20px!important;}
.w20rem {width: 1.25rem !important; /* 20 pixels divisés par 16 pixels */}
.w25{width:25px!important;}
.w28{width: 28px !important;}
.w30{width: 30px !important;}
.w33{width: 33px !important;}
.w35{width: 35px !important;}
.w40{width:40px;}
.w41{width:41px;}
.w44{width:44px;}
.w45{width:45px;}
.w47{width:47px;}
.w50{width:50px;}
.w58{width:58px;}
.w60{width:60px;}
.w63{width:63px;}
.w67{width:67px;}
.w69{width:69px;}
.w72{width:72px;}
.w75{width:75px;}
.w79{width:79px;}
.w80{width:80px;}
.w85{width:85px;}
.w90{width:90px;}
.w92{width:92px;}
.w95{width:95px;}
.w100{width:100px;}
.w109{width:109px;}
.w111{width:111px;}
.w114{width:114px;}
.w118{width:118px;}
.w122{width:122px;}
.w124{width:124px;}
.w125{width:125px;}
.w128{width:128px;}
.w136{width:136px;}
.w138{width:138px;}
.w140{width:140px;}
.w141{width:141px;}
.w143{width:143px;}
.w145{width:145px;}
.w150{width:150px!important;}
.w154{width:154px;}
.w155{width:155px;}
.w156{width:156px;}
.w157{width:157px;}
.w159{width:159px;}
.w160{width:160px;}
.w166{width:166px;}
.w169{width:169px;}
.w170{width:170px;}
.w171{width:171px;}
.w173{width:173px;}
.w175{width:175px;}
.w178{width:178px;}
.w180{width:180px;}
.w184{width:184px;}
.w186{width:186px;}
.w188{width:188px;}
.w189{width:189px;}
.w190{width:190px;}
.w194{width:194px;}
.w197{width:197px;}
.w200{width:200px;}
.w203{width:203px;}
.w210{width:210px;}
.w212{width:212px;}
.w216{width:216px;}
.w220{width:220px;}
.w224{width:224px;}
.w225{width:225px;}
.w230{width:230px;}
.w232{width:232px;}
.w233{width:233px;}
.w239{width:239px;}
.w240{width:240px!important;}
.w244{width:244px!important;}
.w249{width:249px;}
.w250{width:250px;}
.w261{width:261px;}
.w263{width:263px;}
.w268{width:268px;}
.w270{width:270px;}
.w283{width:283px;}
.w285{width:285px;}
.w288{width:288px;}
.w290{width:290px;}
.w300{width:300px;}
.w304{width:304px;}
.w305{width:305px;}
.w306{width:306px;}
.w311{width:311px;}
.w312{width:312px;}
.w316{width:316px;}
.w332{width:332px;}
.w325{width:325px;}
.w330{width:330px;}
.w340{width:340px;}
.w345{width:345px;}
.w350{width:350px;}
.w352{width:352px;}
.w360{width:360px;}
.w363{width:363px;}
.w365{width:365px;}
.w370{width:370px;}
.w375{width:375px;}
.w380{width:380px;}
.w385{width:385px;}
.w387{width:387px;}
.w390{width:390px;}
.w391{width:391px;}
.w392{width:392px;}
.w393{width:393px;}
.w394{width:394px;}
.w395{width:395px;}
.w396{width:396px;}
.w397{width:397px;}
.w398{width:398px;}
.w400{width:400px;}
.w402{width:402px;}
.w404{width:404px;}
.w415{width:415px;}
.w420{width:420px;}
.w435{width:435px;}
.w440{width:440px;}
.w442{width:442px;}
.w460{width:460px;}
.w475{width:475px;}
.w480{width:480px;}
.w490{width:490px;}
.w505{width:505px;}
.w515{width:515px;}
.w530{width:530px;}
.w535{width:535px;}
.w544{width:544px;}
.w547{width:547px;}
.w555{width:555px;}
.w556{width:556px;}
.w561{width:561px;}
.w567{width:567px;}
.w570{width:570px;}
.w586{width:586px;}
.w590{width:590px;}
.w595{width:595px;}
.w600{width:600px;}
.w614{width:614px;}
.w635{width:635px;}
.w639{width:639px;}
.w650{width:650px;}
.w664{width:664px;}
.w685{width:685px;}
.w700{width:700px;}
.w712{width:712px;}
.w720{width:720px;}
.w733{width:733px;}
.w762{width:762px;}
.w767{width:767px;}
.w772{width:772px;} /* width 100% A4 pour du whkhtml Portrait */
.w777{width:777px;}
.w780{width:780px;}
.w785{width:785px;}
.w786{width:786px;}
.w787{width:787px;}
.w788{width:788px;}
.w789{width:789px;}
.w790{width:790px;}
.w793{width:793px;}
.w800{width:800px;}
.w850{width:850px;}
.w870{width:870px;}/* width 100% PHOTOS A4 pour du whkhtml Paysage */
.w900{width:900px;}
.w1100{width:1100px;}
.w1122{width:1122px;}/* width 100% A4 pour du whkhtml Paysage */
.w1800{width:1800px;}
.h31p{height:31%;}
.h33p{height:33%;}
.h45p{height:45%;}
.h46p{height:46%;}
.h50p{height:50%;}
.h95p{height:95%;}
.h98p{height:98%;}
.h99p{height:99%;}
.h100p{height:100%;}
.h10{height:10px;}
.h11{height:11px;}
.h14{height:14px;}
.h16{height:16px;}
.h18{height:18px;}
.h20{height:20px;}
.h22{height:22px;}
.h25{height:25px;}
.h28{height:28px;}
.h30{height:30px;}
.h32{height:32px;}
.h35{height:35px;}
.h38{height:38px;}
.h44{height:44px;}
.h45{height:45px;}
.h50{height:50px;}
.h52{height:52px;}
.h54{height:54px;}
.h56{height:56px;}
.h60{height:60px;}
.h61{height:61px;}
.h62{height:62px;}
.h65{height:65px;}
.h70{height:70px;}
.h72{height:72px;}
.h74{height:74px;}
.h75{height:75px;}
.h80{height:80px;}
.h81{height:81px;}
.h82{height:82px;}
.h83{height:83px;}
.h84{height:84px;}
.h93{height:93px;}
.h96{height:96px;}
.h100{height:100px;}
.h110{height:110px;}
.h120{height:120px;}
.h122{height:122px;}
.h130{height:130px;}
.h144{height:144px;}
.h145{height:145px;}
.h150{height:150px;}
.h158{height:158px;}
.h159{height:159px;}
.h160{height:160px;}
.h166{height:166px;}
.h169{height:169px;}
.h170{height:170px;}
.h175{height:175px;}
.h179{height:179px;}
.h180{height:180px;}
.h185{height:185px;}
.h190{height:190px;}
.h197{height:197px;}
.h200{height:200px;}
.h226{height:226px;}
.h230{height:230px;}
.h232{height:232px;}
.h247{height:247px;}
.h260{height:260px;}
.h262{height:262px;}
.h277{height:277px;}
.h280{height:280px;}
.h315{height:315px;}
.h320{height:320px;}
.h337{height:337px;}
.h350{height:350px;}
.h361{height:361px;}
.h368{height:368px;}
.h369{height:369px;}
.h357{height:357px;}
.h360{height:360px;}
.h364{height:364px;}
.h374{height:374px;}
.h380{height:380px;}
.h384{height:384px;}
.h390{height:390px;}
.h393{height:393px;}
.h396{height:396px;}
.h409{height:409px;}
.h445{height:445px;}
.h450{height:450px;}
.h455{height:455px;}
.h475{height:475px;}
.h502{height:502px;}
.h505{height:505px;}
.h554{height:554px;}/* height 100% PHOTOS avec footer A4 pour du whkhtml Paysage */
.h555{height:555px;}
.h720{height:720px;}/* height 100% PHOTOS avec side A4 pour du whkhtml Paysage */
.h800{height:800px;}
.h900{height:900px;}
.h950{height:950px;}
.h1052{height:1052px;}
.mh50p{max-height:50%;}
.mh275{max-height:275px;}
.mh288{max-height:288px;}
.mh445{max-height:445px;}
.mh800{max-height:800px;}
.minh56{min-height:56px;}
.minh90{min-height:90px;}
/*#endregion*/
/*#region LEFT TOP RIGHT BOTTOM*/
.left-1{left:-1px;}
.left-2{left:-2px;}
.left0 {left: 0px;}
.left1 {left: 1px;}
.left17{left:17px;}
.left20{left:20px;}
.left27{left:27px;}
.left30{left:30px;}
.left40{left:40px;}
.left50{left:50px;}
.left57{left:57px;}
.left60{left:60px;}
.left64{left:64px;}
.left66{left:66px;}
.left67{left:67px;}
.left69{left:69px;}
.left75{left:75px;}
.left100{left:100px;}
.left105{left:105px;}
.left114{left:114px;}
.left135{left:135px;}
.left145{left:145px;}
.left168{left:168px;}
.left175{left:175px;}
.left180{left:180px;}
.left186{left:186px;}
.left190{left:190px;}
.left197{left:197px;}
.left221{left:221px;}
.left235{left:235px;}
.left240{left:240px;}
.left244{left:244px;}
.left259{left:259px;}
.left260{left:260px;}
.left266{left:266px;}
.left286{left:286px;}
.left297{left:297px;}
.left308{left:308px;}
.left350{left:350px;}
.left367{left:367px;}
.left369{left:369px;}
.left380{left:380px;}
.left386{left:386px;}
.left398{left:398px;}
.left400{left:400px;}
.left404{left:404px;}
.left406{left:406px;}
.left407{left: 407px;}
.left416{left:416px;}
.left423{left:423px;}
.left427{left:427px;}
.left435{left:435px;}
.left460{left:460px;}
.left475{left:475px;}
.left485{left:485px;}
.left510{left:510px;}
.left517{left:517px;}
.left530{left:530px;}
.left552{left:552px;}
.left555{left:555px;}
.left573{left: 573px;}
.left577{left:577px;}
.left595{left:595px;}
.left600{left:600px;}
.bottom-3{bottom:-3px;}
.bottom-2{bottom:-2px;}
.bottom0{bottom:0px;}
.bottom5{bottom:5px;}
.bottom8{bottom:8px;}
.bottom10{bottom: 10px;}
.bottom12{bottom:12px;}
.bottom20{bottom:20px;}
.bottom30{bottom:30px;}
.bottom40{bottom:40px;}
.bottom46{bottom:46px;}
.bottom50{bottom:50px;}
.bottom56{bottom:56px;}
.bottom60{bottom:60px;}
.bottom64{bottom:64px;}
.bottom66{bottom:66px;}
.bottom74{bottom:74px;}
.bottom81{bottom:81px;}
.bottom86{bottom:86px;}
.bottom98{bottom:98px;}
.bottom100{bottom:100px;}
.bottom114{bottom:114px;}
.bottom115{bottom:115px;}
.bottom132{bottom:132px;}
.bottom149{bottom:149px;}
.bottom168{bottom:168px;}
.bottom174{bottom:174px;}
.bottom177{bottom:177px;}
.bottom185{bottom:185px;}
.bottom190{bottom:190px;}
.bottom221{bottom:221px;}
.bottom230{bottom:230px;}
.bottom240{bottom:240px;}
.bottom245{bottom:245px;}
.bottom258{bottom:258px;}
.bottom260{bottom:260px;}
.bottom273{bottom:273px;}
.bottom310{bottom:310px;}
.bottom342{bottom:342px;}
.bottom355{bottom:355px;}
.bottom383{bottom:383px;}
.bottom468{bottom:468px;}
.bottom472{bottom:472px;}
.bottom555{bottom:555px;}
.top-1 {top: -1px;}
.top0 {top: 0px;}
.top5{top:5px;}
.top6{top: 6px;}
.top12{top:12px;}
.top15{top:15px;}
.top17{top:17px;}
.top18{top:18px;}
.top20{top:20px;}
.top31{top:31px;}
.top33{top:33px;}
.top35{top:35px;}
.top36{top:36px;}
.top47{top:47px;}
.top51{top:51px;}
.top52{top:52px;}
.top58{top:58px;}
.top68{top:68px;}
.top69{top:69px;}
.top71{top:71px;}
.top72{top:72px;}
.top73{top:73px;}
.top80{top:80px;}
.top84{top:84px;}
.top85{top:85px;}
.top87{top:87px;}
.top90{top:90px;}
.top95{top:95px;}
.top100{top:100px;}
.top101{top:101px;}
.top102{top:102px;}
.top103{top:103px;}
.top104{top:104px;}
.top110{top:110px;}
.top112{top:112px;}
.top118{top:118px;}
.top119{top:119px;}
.top120{top:120px;}
.top121{top:121px;}
.top129{top:129px;}
.top137{top:137px;}
.top147{top:147px;}
.top166{top:166px;}
.top169{top:169px;}
.top190{top:190px;}
.top200{top:200px;}
.top225{top:225px;}
.top230{top:230px;}
.top250{top:250px;}
.top258{top:258px;}
.top263{top:263px;}
.top269{top:269px;}
.top285{top:285px;}
.top306{top:306px;}
.top325{top:325px;}
.top335{top:335px;}
.top343{top:343px;}
.top353{top:353px;}
.top357{top:357px;}
.top367{top:367px;}
.top372{top:372px;}
.top389{top:389px;}
.top407{top:407px;}
.top411{top:411px;}
.top418{top:418px;}
.top424{top:424px;}
.top428{top:428px;}
.top430{top:430px;}
.top432{top:432px;}
.top437{top:437px;}
.top443{top:443px;}
.top447{top:447px;}
.top452{top:452px;}
.top455{top:455px;}
.top466{top:466px;}
.top469{top:469px;}
.top477{top:477px;}
.top481{top:481px;}
.top486{top:486px;}
.top487{top:487px;}
.top498{top:498px;}
.top503{top:503px;}
.top506{top:506px;}
.top510{top:510px;}
.top521{top:521px;}
.top528{top:528px;}
.top537{top:537px;}
.top552{top:552px;}
.top555{top:555px;}
.top565{top:565px;}
.top570{top:570px;}
.top580{top:580px;}
.top588{top:588px;}
.top600{top:600px;}
.top610{top: 610px;}
.top604{top:604px;}
.top607{top:607px;}
.top610{top:610px;}
.top614{top:614px;}
.top621{top:621px;}
.top631{top:631px;}
.top635{top:635px;}
.top639{top:639px;}
.top648{top:648px;}
.top655{top:655px;}
.top662{top:662px;}
.top669{top:669px;}
.top675{top:675px;}
.top680{top:680px;}
.top682{top:682px;}
.top699{top:699px;}
.top705{top:705px;}
.top717{top:717px;}
.top718{top:718px;}
.top720{top:720px;}
.top729{top:729px;}
.top734{top:734px;}
.top742{top:742px;}
.top750{top:750px;}
.top752{top:752px;}
.top758{top:758px;}
.top759{top:759px;}
.top775{top:775px;}
.top787{top:787px;}
.top808{top:808px;}
.top817{top:817px;}
.top822{top:822px;}
.top833{top:833px;}
.top839{top:839px;}
.top840{top:840px;}
.top850{top:850px;}
.top858{top:858px;}
.top860{top:860px;}
.top865{top:865px;}
.top873{top:873px;}
.top879{top:879px;}
.top882{top:882px;}
.top892{top:892px;}
.top900{top:900px;}
.top902{top:902px;}
.top909{top:909px;}
.top913{top:913px;}
.top920{top:920px;}
.top932{top:932px;}
.top937{top:937px;}
.top945{top:945px;}
.top950{top:950px;}
.top956{top:956px;}
.top966{top:966px;}
.top968{top:968px;}
.top970{top:970px;}
.top971{top:971px;}
.top976{top:976px;}
.top979{top:979px;}
.top980{top:980px;}
.top984{top:984px;}
.top986{top:986px;}
.top989{top:989px;}
.top994{top:994px;}
.top996{top:996px;}
.top997{top:997px;}
.top1009{top:1009px;}
.top1026{top:1026px;}
.top1035{top:1035px;}
.right-544{right:-544px;}
.right-538{right:-538px;}
.right-94{right:-94px;}
.right-204{right:-204px;}
.right-230{right:-230px;}
.right-2{right:-2px;}
.right-1{right:-1px;}
.right-20{right:-20px;}
.right0{right:0px;}
.right5{right:5px;}
.right7{right:7px;}
.right9{right:9px;}
.right10{right:10px;}
.right14{right:14px;}
.right18{right:18px;}
.right20{right:20px;}
.right25{right:25px;}
.right30{right:30px;}
.right33{right:33px;}
.right45{right:45px;}
.right67{right:67px;}
.right85{right:85px;}
.right100{right:100px;}
.right130{right:130px;}
.right151{right:151px;}
.right250{right:250px;}
.right265{right:265px;}
.right317{right:317px;}
.right380{right:380px;}
.right420{right:420px;}
.right600{right:600px;}
/*#endregion*/
/*#region COULEUR BORDER*/
.bgalphablanc {background-color: rgba(255, 255, 255, 0.75);}
.bgblanc{background-color:white;}
.bgbleufonce{background-color:#191c34!important;}
.bgturquoise {background-color: #13a9e3;}
.bggris {background-color: #e3e1e2;}
.bgbleumoyen {background-color: #0791cf;}
.bggrisfonce {background-color: #bdbbbc;}
.bgvert {background-color: #b2d88c;}
.bgvertfonce {background-color: #7fad51;}
.bgcover{background-size:cover;}
.bgcenter{background-position:center;}
.turquoise {color: #13a9e3;}
.bleufonce{color:#191c34;}
.bleumoyen {color:#0791cf;}
.blanc{color:white;}
.noir{color:black;}
.grisfonce {color: #bdbbbc;}
.rborder1{border-right:1px solid #191c34;}
.tborder1 {border-top: 1px solid #191c34;}
.bborder1 {border-bottom: 1px solid #191c34;}
.bborder2 {border-bottom: 2px solid #13a9e3;}
.lborder1 {border-left: 1px solid #191c34;}
.bordertest{border: 1px solid red;}
.bordertest2{border: 1px solid blue;}
.border1{border: 1px solid #191c34;padding:3px 3px 3px 3px; border-radius:4px;}
.border2 {border: 1px solid #191c34;}
.border3{border: 1px solid white;padding:3px 3px 3px 3px; border-radius:4px;}
.border4 {border: 2px solid #191c34;}
.borderC {
border-left: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid
}
.borderCinv {
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid
}
.borderAll {border: 1px solid;}
.brad5 { border-radius: 5px 5px 0px 0px !important;}
.brad4 { border-radius: 5px;}
.brad10 { border-radius: 10px;}
.borderinfobien {border: 2px solid #e3e1e2;}
.bordergrisleft {border-left: 2px solid #e3e1e2;}
.bordergrisright {border-right: 2px solid #e3e1e2;}
.borderblancleft {border-left: 2px solid white;}
.borderblancright {border-right: 2px solid white;}
.borderbleumoyenleft {border-left: 2px solid #0791cf;}
.borderbleumoyenright {border-right: 2px solid #0791cf;}
.bordervendubien {border: 1px solid #0791cf;}
.borderattestation {border: 3px solid #0791cf;}
.borderlettre{border:2px solid black;}
.bordertest {border: 1px solid red;}
.bordemandatsimple{border-bottom: 2px solid #b2d88c;}
.borderbot{border-bottom: 1px solid;}
.brad50p{border-radius: 50%;}
.bgred{background-color:red!important;}
.ombreGDgris {box-shadow: 0px 20px 10px 0 white, 0px 0px 10px 0px #555;}
.badge {
display: inline-block;
min-width: 10px;
/*padding: 3px 7px;
font-size: 12px;
font-weight: 700;*/
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 5px;
}
/*#endregion*/
/*#region EHM*/
#manager1 {
position: absolute;
width: 125px;
height: 125px;
overflow: hidden;
/*border-radius: 50%;*/
border: 3px solid #0791cf;
right: 50px;
top: 457px;
}
#manager1info {
position: absolute;
text-align: right;
top: 537px;
bottom: 383px;
left: 0px;
width: 586px;
font-weight: bold;
}
#manager2 {
position: absolute;
width: 125px;
height: 125px;
overflow: hidden;
/*border-radius: 50%;*/
border: 3px solid #0791cf;
right: 400px;
top: 457px;
}
#manager2info {
position: absolute;
text-align: right;
top: 537px;
bottom: 383px;
left: 0px;
width: 235px;
font-weight: bold;
}
#nego1 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
/*border-radius: 50%;*/
border: 3px solid;
left: 150px;
bottom: 422px;
}
#nego1info {
position: absolute;
text-align:center;
bottom:383px;
left:100px;
width:200px;
font-weight:bold;
}
#nego2 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
/*border-radius: 50%;*/
border: 3px solid;
left: 346px;
bottom: 422px;
}
#nego2info {
position: absolute;
text-align:center;
bottom:383px;
left:297px;
width:200px;
font-weight:bold;
}
#nego3 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
/*border-radius: 50%;*/
border: 3px solid;
right: 150px;
bottom: 422px;
}
#nego3info {
position: absolute;
text-align: center;
bottom: 383px;
right: 100px;
width: 200px;
font-weight: bold;
}
#nego4 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
/*border-radius: 50%;*/
border: 3px solid;
left: 150px;
bottom: 266px;
}
#nego4info {
position: absolute;
text-align: center;
bottom: 221px;
left: 100px;
width: 200px;
font-weight: bold;
}
#nego5 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
/*border-radius: 50%;*/
border: 3px solid;
left: 346px;
bottom: 266px;
}
#nego5info {
position: absolute;
text-align: center;
bottom: 221px;
left: 297px;
width: 200px;
font-weight: bold;
}
#nego6 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
/*border-radius: 50%;*/
border: 3px solid;
right: 150px;
bottom: 266px;
}
#nego6info {
position: absolute;
text-align: center;
bottom: 221px;
right: 100px;
width: 200px;
font-weight: bold;
}
#rondblanc {
border-radius: 50%;
background-color: white;
width: 56px;
height: 56px;
margin-left: 10px;
margin-bottom: 5px;
margin-top: 5px;
}
.services {
float:left;
padding-left:15px;
padding-top:5px;
padding-right:15px;
width:85%;
text-align:justify;
}
.communes{
font-weight:bold;
font-size:16px;
text-align:center;
position:absolute;
width:150px;
}
.presta {
margin-top:3px;
border-bottom: 1px dotted gray;
height: 20px;
}
/*#endregion */
/*#region BOOK*/
#booknegop2 {
position: absolute;
width: 125px;
height: 125px;
overflow: hidden;
border-radius: 50%;
border: 3px solid white;
left: 79px;
top: 282px;
}
#bookmanager {
position: absolute;
width: 125px;
height: 125px;
overflow: hidden;
border-radius: 50%;
border: 3px solid #bdbbbc;
right: 0px;
top: 544px;
}
#bookmanagerinfo {
position: absolute;
left:0px;
text-align:right;
top: 588px;
width: 635px;
font-weight:bold;
}
#booknego1 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
border: 3px solid #bdbbbc;
left: 150px;
bottom: 380px;
}
#booknego1info {
position: absolute;
left: 100px;
text-align: center;
bottom: 342px;
width: 200px;
font-weight: bold;
}
#booknego2 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
border: 3px solid #bdbbbc;
left: 346px;
bottom: 380px;
}
#booknego2info {
position: absolute;
left: 297px;
text-align: center;
bottom: 342px;
width: 200px;
font-weight: bold;
}
#booknego3 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
border: 3px solid #bdbbbc;
right: 150px;
bottom: 380px;
}
#booknego3info {
position: absolute;
right: 100px;
text-align: center;
bottom: 342px;
width: 200px;
font-weight: bold;
}
#booknego4 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
border: 3px solid #bdbbbc;
left: 150px;
bottom: 227px;
}
#booknego4info {
position: absolute;
left: 100px;
text-align: center;
bottom: 190px;
width: 200px;
font-weight: bold;
}
#booknego5 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
border: 3px solid #bdbbbc;
left: 346px;
bottom: 227px;
}
#booknego5info {
position: absolute;
left: 297px;
text-align: center;
bottom: 190px;
width: 200px;
font-weight: bold;
}
#booknego6 {
position: absolute;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
border: 3px solid #bdbbbc;
right: 150px;
bottom: 227px;
}
#booknego5info {
position: absolute;
right: 100px;
text-align: center;
bottom: 190px;
width: 200px;
font-weight: bold;
}
#agence1 {
position: absolute;
width:49%;
top:665px;
left:0px;
}
#agence2 {
position: absolute;
width: 49%;
top: 665px;
right: 0px;
}
#agence3 {
position: absolute;
width: 49%;
top: 793px;
left: 0px;
}
#agence4 {
position: absolute;
width: 49%;
top: 793px;
right: 0px;
}
#agence5 {
position: absolute;
width: 49%;
top: 921px;
left: 0px;
}
#agence6 {
position: absolute;
width: 49%;
top: 921px;
right: 0px;
}
/*#endregion*/
/* #region FICHECOMMERCIAL */
/*rectangle fonctionnel*/
#fichecommercialmanager2 {
position: absolute;
width: 75px;
/*height: 75px;*/
/*overflow: hidden;*/
/*border-radius: 50%;*/
border: 3px solid #0791cf;
right: 30px;
top: -9px;
z-index: 10;
/*clip: rect(0px 78px 78px 0px);*/
/*-webkit-border-radius: 75px;
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);*/
}
/*carre fonctionnel*/
#fichecommercialmanager3 {
position: absolute;
width: 75px;
height: 75px;
overflow: hidden;
/*border-radius: 50%;*/
border: 3px solid #0791cf;
right: 30px;
top: -9px;
/*z-index: 10;*/
/*clip: rect(0px 78px 78px 0px);*/
/*-webkit-border-radius: 75px;
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);*/
}
#fichecommercialmanager{
/*position: absolute;*/
width: 75px;
height: 75px;
/*overflow: hidden;*/
/*border-radius: 50%;*/
border: 3px solid #0791cf;
right: 30px;
top: 0px;
z-index: 99;
/*clip: rect(0px 78px 78px 0px);*/
/*-webkit-border-radius: 75px;
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);*/
}
/*#endregion*/
.fillrouge{fill:red;}
/*DPE CONSO*/
.dpeA {background: #009c6d;}
.dpeB {background: #4fb050;}
.dpeC {background: #78bd76;}
.dpeD {background: #f4e708;}
.dpeE {background: #f0b50f;color:white;}
.dpeF {background: #eb8235;color:white;}
.dpeG {background: #d7221f;color:white;}
/*DPE CO2*/
.co2A {background: #a4dbf8;}
.co2B {background: #8cb4d3;}
.co2C {background: #7792b1;}
.co2D {background: #606f8f;}
.co2E {background: #4d5271;color:white;}
.co2F {background: #393551;color:white;}
.co2G {background: #281b35;color:white;}
/*DPE CO2 AVANT0721*/
/*.co2Avant21A {background: #f3eff4;}
.co2Avant21B {background: #d3c0de;}
.co2Avant21C {background: #c0aacf;}
.co2Avant21D {background: #b095c3;}
.co2Avant21E {background: #9275b1;}
.co2Avant21F {background: #74589d;color:white;}
.co2Avant21G {background: #604492;color:white;}
*/