@font-face { font-family: 'appo_paintregular'; src: url('../font/appopaint-regular-webfont.eot'); src: url('../font/appopaint-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/appopaint-regular-webfont.woff2') format('woff2'), url('../font/appopaint-regular-webfont.woff') format('woff'), url('../font/appopaint-regular-webfont.ttf') format('truetype'), url('../font/appopaint-regular-webfont.svg#appo_paintregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'maridavidregular'; src: url('../font/maridavid-webfont.eot'); src: url('../font/maridavid-webfont.eot?#iefix') format('embedded-opentype'), url('../font/maridavid-webfont.woff2') format('woff2'), url('../font/maridavid-webfont.woff') format('woff'), url('../font/maridavid-webfont.ttf') format('truetype'), url('../font/maridavid-webfont.svg#maridavidregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MetaRegular'; src: url('../font/MetaCorrWebPro.eot'); src: url('../font/MetaCorrWebPro.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MetaBold'; src: url('../font/MetaCorrWebPro-Bold.eot'); src: url('../font/MetaCorrWebPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MetaBoldItalic'; src: url('../font/MetaCorrWebPro-BoldItalic.eot'); src: url('../font/MetaCorrWebPro-BoldItalic.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MetaRegularItalic'; src: url('../font/MetaCorrWebPro-Italic.eot'); src: url('../font/MetaCorrWebPro-Italic.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MetaBlack'; src: url('../font/MetaScWebPro-Black.eot'); src: url('../font/MetaScWebPro-Black.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MetaMedium'; src: url('../font/MetaWebPro-Medium.eot'); src: url('../font/MetaWebPro-Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MetaLight'; src: url('../font/MetaWebPro-Light.eot'); src: url('../font/MetaWebPro-Light.woff') format('woff'); font-weight: normal; font-style: normal; }



b, strong { font-family: 'MetaBold'; font-weight: normal; } 
i { font-style:italic; } 

img { max-width: 100%; height: auto; }
html, body { min-height: 100%; }


ul.lg.mobile, .slogan-mobile, .logo-mobile { display: none; }

.only-mobile { display: none; }
.only-desktop { display: block; }

.abc .content .block-5 ul li, .abc .content .block-6 ul li, .abc .content #tabs-b ul li, .abc .content .block-7 ul li, .abc .content #tabs-c ul li, .mathias .content ul li { background: url(../img/com/li-1.png) no-repeat left 6px; padding-left: 15px; margin-left: 20px; padding-bottom: 10px; }


/* -----------------------   general   ------------------------------- */

body { background: #ffffff; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0; font-size: 14px; color: #3f4c51; font-family: 'MetaRegular', Verdana, tahoma, Arial, Helvetica; position: relative; line-height: 19px; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

p, .p-like, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure { padding: 0; }
ul, ol { padding-left: 0; }
.row > * { display: block; }

a { color: #0097d0; }
a:hover { text-decoration: none; }

.wrapper { max-width:1024px; margin:0 auto; position:relative; width: 894px; }
.userbar1 .wrapper, .userbar2 .wrapper, .userbar3 .wrapper { width: 1024px; }


input[type="text"] {  background: none repeat scroll 0 0 #FFFFFF; border: 0px solid #FFFFFF; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:1px 1px 2px 0 #B4B6B6 inset; box-shadow:1px 1px 2px 0 #B4B6B6 inset; padding: 5px; color:#849298; font-size: 0.95em; }
input[type="text"].input-on { color: #3f4c51; }
select {  background: none repeat scroll 0 0 #FFFFFF; border: 0px solid #FFFFFF; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:1px 1px 2px 0 #B4B6B6 inset; box-shadow:1px 1px 2px 0 #B4B6B6 inset; padding: 5px 0 5px 2px; color:#849298; font-size: 0.95em; font-family: 'MetaRegular'; }
select option { padding-right:10px; margin: 5px 0; }


img { vertical-align:middle; }

.rmq { color: #849298; font-size: 11px; }


ol { margin-left: 30px; margin-bottom: 15px; }

ol > li { padding: 5px 0; position: relative; margin-left: 15px; }
ol > li:before { display: inline-block; background: #f18700; border-radius: 15px; color: white; width: 20px; height: 20px; text-align: center; font-family: 'maridavidregular'; font-size: 16px; line-height: 20px; padding: 2px; margin: 0 8px 0 0; position: absolute; left: -31px; }
ol > li:first-child:before { content:'1'; }
ol > li:nth-child(2):before { content:'2'; }
ol > li:nth-child(3):before { content:'3'; }
ol > li:nth-child(4):before { content:'4'; }
ol > li:nth-child(5):before { content:'5'; }
ol > li:nth-child(6):before { content:'6'; }
ol > li:nth-child(7):before { content:'7'; }
ol > li:nth-child(8):before { content:'8'; }
ol > li:nth-child(9):before { content:'9'; }



h1 { padding: 40px 0; color: #0097d0; font-size: 2.5em; letter-spacing: 0.06em; font-family: 'maridavidregular'; line-height: normal; }
h2 { padding: 20px 0; color: #f18700; font-size: 2em; letter-spacing: 0.06em; font-family: 'maridavidregular'; line-height: normal; }
h3 { padding: 20px 0; color: #0097d0; font-size: 1.2em;  line-height: normal; }

.special-1 { padding: 0; color: #f18700; font-size: 27px; letter-spacing: 0.06em; font-family: 'maridavidregular'; line-height: normal; }
.mathias .content p.special-1 { padding: 0; }


.ui-widget { font-family: 'MetaRegular', Verdana, tahoma, Arial, Helvetica; font-size: 1em; color: #3f4c51; line-height: 19px; }

.cloned .userbar3, .etc .original .userbar3, .index .original .userbar3 { height: 63px; }
.etc .userbar3 .logo, .index .userbar3 .logo { bottom: -40px; }

.page-overlay-1.page-overlay-spot ul { color: #0097d0; }


.textlink-quote {}
.textlink-quote a:hover { text-decoration:none;}


/* -------------------------------------- com -------------------------------------- */

.color00 { color: white; }
.color01 { color: #0097d0; }
.color02 { color: #f18700; }

.txt-08 { font-size: 0.8em; }
.txt-09 { font-size: 0.9em; }
.txt-11 { font-size: 1.1em; }
.txt-17 { font-size: 1.7em; }

.meta-1 { font-family: 'MetaRegular'; }
.sup-1 { position: relative; top: -10px; }
.sup-2 { position: relative; top: -1px; }
























/* -------------------------------------- userbar 1 -------------------------------------- */

header { background: white; }
header.cloned { -webkit-box-shadow: 0 2px 5px 0 #9C9C9C; box-shadow: 0 2px 5px 0 #9C9C9C; border-bottom: 1px solid white; }
header.cloned .userbar1 { display: none; }


.userbar1 { text-align: right; margin-top: 10px; margin-bottom: 34px; }
.userbar1 ul, .userbar1 .border { display: inline-block; font-size: 13px; }
.userbar1 ul li { display: inline-block; }

.userbar1 ul.rs { padding-right: 10px; }
.userbar1 ul.rs li { padding: 0 3px; }

.userbar1 .border { border-right: 1px solid #dddddd; height: 20px; vertical-align: middle;  }

.userbar1 ul.lg { padding-left: 5px; }
.userbar1 ul.lg li { border-right: 1px solid #0097d0; padding: 0 9px 0 7px; line-height: 13px; text-transform: uppercase; position: relative; }
.userbar1 ul.lg li a { color: #0097d0; text-decoration: none; }
.userbar1 ul.lg li:hover a { color: #f18700; }
.userbar1 ul.lg li:last-child { border-right: 0; }
.userbar1 ul.lg li.active a { background: #0097d0; color: white; padding: 8px 9px; border-radius: 19px;  }

.userbar1 li.mobileEthias { display: none; }






















/* -------------------------------------- index -------------------------------------- */

.index .content { background: #ebf7fc; padding: 60px 0; }
.index .content .wrapper { text-align: center; }

.index .content .row { display: inline-block; text-align: center; width: 300px; margin: 0 40px; }

.index .content h2 strong { font-family: 'maridavidregular'; font-weight: bold; }
.index .content .row1 h2 { color: #0097d0; }

.index .content .row a { display: block; width: 272px; height: 460px; }
.index .content .row.row1 a { background: url(../img/index/link-1.png) no-repeat center top; }
.index .content .row.row2 a { background: url(../img/index/link-2.png) no-repeat center top; }

.index .userbar3 .logo { background: url(../img/header/logo-com.png) no-repeat; display: block; width: 181px; height: 138px; position: absolute; bottom: -39px; }
.index .cloned .userbar3 .logo { background: url(../img/header/logo-sticky-com.png) no-repeat; left: 26px; }
.index .cloned .userbar3 .logo { background: url(../img/header/logo-sticky-com.png) no-repeat; }
.habitation .cloned .userbar3 .logo { background: url(../img/header/logo-sticky-starter.png) no-repeat; left: 26px; }


.habitation .slogan-patch { position: absolute; top: 10px; right: 20px; }

.slogan-patch-auto { position: absolute; top: 10px; left: -120px; }
.slogan-patch-auto-mobile { display: none; }
















/* -------------------------------------- userbar 2 -------------------------------------- */

.userbar2 { color: #0097d0; margin-top: 20px; }
.userbar2 ul { margin-left: 206px; font-family: 'maridavidregular'; font-size: 25px; letter-spacing: 0.06em; }

/*
.userbar2 ul li { display: inline-block; padding: 5px 10px; background: url(../img/header/li.png) right no-repeat;  }
.userbar2 ul li.active { display: inline-block; background: #0097d0; }
.userbar2 ul li a { text-decoration: none; color: #0097d0; }
.userbar2 ul li a:hover { color: #f18700; }
.userbar2 ul li.active a { color: white; }
*/

.userbar2 ul li { display: inline-block; }
.userbar2 ul li a { display: inline-block; padding: 5px 10px; text-decoration: none; color: #0097d0; }
.userbar2 ul li.active { display: inline-block; background: #0097d0; }
.userbar2 ul li a:hover { color: #f18700; }
.userbar2 ul li.active a { color: white; }


.userbar2 .ethias { position: absolute; right: 0; background: #e85112; border-radius: 5px; padding: 3px 5px 0 5px; top: -15px; }
.userbar2 .ethias:hover { background: #0097d0; }
.userbar2 .ethias a { color: white; text-decoration: none; }
.userbar2 .ethias a span { position: relative; top: -4px; }






















/* -------------------------------------- userbar 3 -------------------------------------- */

.userbar3 { font-family: 'maridavidregular'; font-size: 25px; letter-spacing: 0.06em; background: #0097d0; padding: 5px; }
.userbar3 ul { padding: 9px 0 7px 0; margin-left: 181px; }
.userbar3 ul li { display: inline-block; padding: 5px 10px; border-right: 1px solid #3f4c51; line-height: 6px; }
.userbar3 ul li:last-child { border-right: 0; }
.userbar3 ul li a { color: white; text-decoration: none; padding: 3px 15px; }
.userbar3 ul li.active a, .userbar3 ul li:hover a { background:#f18700; }

.userbar3 .logo { background: url(../img/header/logo.png) no-repeat; display: block; width: 181px; height: 138px; position: absolute; bottom: -5px; }
.cloned .userbar3 .logo { background: url(../img/header/logo-sticky.png) no-repeat; left: 26px; }
.cloned .userbar3 .logo { background: url(../img/header/logo-sticky.png) no-repeat; }
.cloned .userbar2 .ethias { display: none; }
.cloned .userbar2 { margin-top: 5px; }

























/* -------------------------------------- branding -------------------------------------- */


#branding { background: url(../img/branding/bg.jpg) center top repeat-x; height: 150px; display: block; }


.front #branding .branding-bg { background: url(../img/branding/front.jpg) center -60px repeat-x; height: 100%; display: block; width: 100%; position: absolute; }

.front #branding {
	background: #b1d7ec; /* Old browsers */
background: -moz-linear-gradient(left,  #b1d7ec 0%, #def3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b1d7ec), color-stop(100%,#def3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #b1d7ec 0%,#def3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #b1d7ec 0%,#def3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #b1d7ec 0%,#def3fd 100%); /* IE10+ */
background: linear-gradient(to right,  #b1d7ec 0%,#def3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d7ec', endColorstr='#def3fd',GradientType=1 ); /* IE6-9 */
height: 340px; display: block; position: relative; margin-bottom: 50px;
}

.front #branding .wrapper { height: 100%; }

.front #branding .panneau { background: url(../img/branding/panneau.png) center top repeat-x; height: 320px; display: block; width: 142px; position: absolute; bottom: 0px; right: 0; }
.front #branding .panneau a { 
  display: block; width: 142px; font-family: 'maridavidregular'; color: white; vertical-align: top; font-size: 35px; line-height: 34px; text-align: center; text-decoration: none; padding: 25px 0 25px 0; border-radius: 80px; 
  -moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
  }



#branding .slogan { display: table-cell; margin: auto; height: 150px; vertical-align: middle; }
.front #branding .slogan { height: 519px; width: 790px; padding-left: 0px; display: block; position: relative; left: 20px; }


#branding .slogan p { font-family: 'appo_paintregular'; font-size: 39px; color: #0097d0; margin-left: 137px; padding-top: 29px; line-height: 1.3em; }
#branding .slogan p:last-child { padding-top: 29px; }

#branding .slogan-img { display: table-cell; vertical-align: bottom; height: 150px; }
.front #branding .slogan-img { width: auto; height: 409px; top: 0; overflow: hidden; position: absolute; }
.front #branding .slogan-img img { position: relative; top: -40px; }
#branding .slogan-content { display: table-cell; vertical-align: middle; padding-left: 0px; font-family: 'appo_paintregular'; font-size: 35px; color: #3f4c51; line-height: normal; }

.front #branding .slogan-content { position: relative; }























/* -------------------------------------- content front -------------------------------------- */

.front .content p { margin-bottom: 15px; }

.front .content .titre01 { font-family: 'maridavidregular'; font-size: 42px; letter-spacing: 0.06em; color: #0097d0; line-height: 1.1em; padding-bottom: 15px; display: block; }
.front .content .titre02 { font-family: 'maridavidregular'; font-size: 34px; letter-spacing: 0.06em; color: #0097d0; line-height: 1.1em; padding-bottom: 7px; display: block; padding-top: 9px; background: url(../img/com/titre02.png) no-repeat top left, url(../img/com/titre02.png) no-repeat bottom left; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }
.front .content .titre03 { font-family: 'maridavidregular'; font-size: 42px; letter-spacing: 0.06em; color: #f18700; line-height: 1.1em; margin-top: 43px; display: block; }







/* -----------------------   content-alter  ------------------------------- */

.content-alter { padding: 40px 0 0 0; background: #f1faf9; position: relative; }

.content-alter .wrapper { background: url(../img/content/groupe-ethiassien.png) no-repeat right bottom; display: block; background-size: contain; padding-bottom: 40px; }
.content-alter .row { display: inline-block; vertical-align: top; }
.content-alter .row.row1 { width: 60%; }
.content-alter .row.row2 { width: 45%; position: relative; min-height: 258px; }

.content-alter h3 { font-size: 30px; color: #0097d0; width: 80%; line-height: normal; }


.content-alter a.btn-02 { text-decoration: none; font-size: 20px; font-family: 'Metamedium'; color: white; width: 220px; padding: 11px 62px 12px 17px; display: block; line-height: normal; background: url(../img/btn/fleche03.png) no-repeat right 13px #ff4e00; border: 2px solid white; border-radius: 4px; margin: 20px 0; }

.content-alter .bloc-2 { display: block; width: 100%; height: 40px; position: relative; }
.content-alter .bloc-2 .bloc-2-contain { background: url(../img/content/bloc-2.png) no-repeat center; display: block; width: 100%; height: 40px; background-size: contain; position: absolute; top: 1px; }


.content2 { padding: 10px 0; background: #3ba4bd; position: relative; color: white;; font-size: 12px; }
.content2 .ombre { background: url(../img/branding/ombre.png) no-repeat; position: absolute; bottom: -25px; display: block; width: 100%; height: 14px; }





















/* -------------------------------------- habitation -------------------------------------- */


.habitation #branding .branding-bg { background: url(../img/branding/habitation.jpg) center -60px repeat-x; height: 100%; display: block; width: 100%; position: absolute; }

.abc.habitation #branding { background: url(../img/branding/bg-habitation-2.jpg) center -100px repeat-x; height: 150px; display: block; }
.abc.habitation #branding .slogan { display: table-cell; margin: auto; height: 150px; vertical-align: middle; }

.habitation #branding {
	background: #b1d7ec; /* Old browsers */
background: -moz-linear-gradient(left,  #b1d7ec 0%, #def3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b1d7ec), color-stop(100%,#def3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #b1d7ec 0%,#def3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #b1d7ec 0%,#def3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #b1d7ec 0%,#def3fd 100%); /* IE10+ */
background: linear-gradient(to right,  #b1d7ec 0%,#def3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d7ec', endColorstr='#def3fd',GradientType=1 ); /* IE6-9 */
height: 336px; display: block; position: relative; margin-bottom: 50px;
}
.habitation #branding .wrapper { height: 100%; }

  .habitation #branding .slogan p { font-family: 'maridavidregular'; }

  
  .habitation #branding .slogan { height: 336px; width: 100%; padding-left: 0px; display: block; position: relative; }
  
.habitation #branding .slogan-img { position: absolute; top: -7px; left: 40px; }
.habitation #branding .slogan-img img { max-width: none; }
.abc.habitation #branding .slogan-img { left: 0px; top: 3px; }
.habitation #branding .slogan-content { position: relative; padding-left: 113px; }
.habitation #branding .slogan p { padding-top: 0; line-height: 40px; }
.habitation #branding .slogan .slogan-content p:first-child { color: #f18700; font-size: 70px; padding-top: 26px; line-height: 56px; }


.habitation .content p { margin-bottom: 15px; }

.habitation .content .titre01 { font-family: 'maridavidregular'; font-size: 42px; letter-spacing: 0.06em; color: #0097d0; line-height: 1.1em; padding-bottom: 15px; display: block; }
.habitation .content .titre02 { font-family: 'maridavidregular'; font-size: 34px; letter-spacing: 0.06em; color: #0097d0; line-height: 1.1em; padding-bottom: 7px; display: block; padding-top: 9px; background: url(../img/com/titre03.png) no-repeat top left, url(../img/com/titre03.png) no-repeat bottom left; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); margin-bottom: 60px; }
.habitation .content .titre03 { font-family: 'maridavidregular'; font-size: 42px; letter-spacing: 0.06em; color: #f18700; line-height: 1.1em; margin-top: 43px; display: block; }


.habitation .content { padding-top: 40px; }

.habitation .avantages { background: #0097d0; color: white; }
.habitation .avantages .row a { color: white; }
.habitation .avantages .row a:hover { background: #087eac; }

.habitation .link .wrapper { background: url(../img/avantages/bottom-habitation.png) no-repeat center top; display: table; }
.habitation .avantages .titre04 { position: relative; }

.habitation .avantages .titre04-special:before { background: url(../img/avantages/titre04-special.png) no-repeat; display: block; width: 229px; height: 4px; position: absolute; content: '';  top: -7px; }
.habitation .avantages .titre04-special:after { background: url(../img/avantages/titre04-special.png) no-repeat; display: block; width: 229px; height: 4px; position: absolute; content: '';  bottom: -7px; }

.habitation .avantages .row1.pastille a { padding: 11px 0; }


.habitation .link  { background: white; }
.habitation .link  .tip { padding: 20px 0 100px 0; }
.habitation .link  .tip .tip-img, .habitation .link  .tip p, .habitation .link  .tip h2 { display: inline-block; vertical-align: middle; }
.habitation .link  .tip .tip-img { background: url(../img/habitation/tip.png) no-repeat; width: 92px; height: 107px; }

.habitation .link  .tip .tip-img2, .habitation .link  .tip p, .habitation .link  .tip h2 { display: inline-block; vertical-align: middle; }
.habitation .link  .tip .tip-img2 { background: url(../img/habitation/spots.png) no-repeat; width: 108px; height: 110px; }

.habitation #url-overlay .header .titre { background: #0097d0; }
.habitation #url-overlay .headerbg { background: url("../img/overlay/header.png") no-repeat scroll 0 0 #0097d0; }

.habitation #url-overlay div#close { background: url("../img/overlay/close2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }


.habitation .page-overlay--habitation-1 .titre02 { color: white; margin-bottom: 15px; }
.habitation .page-overlay--habitation-1 .overlay-habitation-1 { background: url(../img/habitation/overlay-1.png) no-repeat; display: block; width: 381px; height: 232px; padding: 17px 15px 17px 54px; }
.habitation .page-overlay--habitation-1 .overlay-habitation-1 p { font-family: "maridavidregular"; font-size: 23px; line-height: 25px; }
.habitation .page-overlay--habitation-1 .overlay-habitation-1 p:first-child { color: white; }

.habitation .page-overlay--habitation-1 .titre02 { background: none; position: relative; font-size: 32px; }
.habitation .page-overlay--habitation-1 .titre02:before { background: url("../img/habitation/titre04-special.png") no-repeat; content: ''; display: block; width: 84px; height: 5px; position: absolute; top: 4px; }
.habitation .page-overlay--habitation-1 .titre02:after { background: url("../img/habitation/titre04-special.png") no-repeat; content: ''; display: block; width: 84px; height: 5px; position: absolute; bottom: 4px; }



.habitation .page-overlay--habitation-1 .overlay-habitation-1-title { margin: 25px 0; }
.habitation .page-overlay--habitation-1 .overlay-habitation-1-title .overlay-habitation-1-title-1, .habitation .page-overlay--habitation-1 .overlay-habitation-1-title .overlay-habitation-1-title-2 { display: inline-block; vertical-align: baseline; }
.habitation .page-overlay--habitation-1 .overlay-habitation-1-title .overlay-habitation-1-title-1 { font-family: "maridavidregular"; font-size: 28px; color: #f18700;  }
.habitation .page-overlay--habitation-1 .overlay-habitation-1-title .overlay-habitation-1-title-2 { font-family: "metaBold"; font-size: 20px; color: #0097d0;  }

.habitation .userbar3 .logo { background: url("../img/header/logo-com-starter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }


/* -------------------------------------- logo starterpack -------------------------------------- */


.abc .userbar3 .logo-starter { background: url("../img/header/logo-com-starter.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.abc .cloned .userbar3 .logo-starter { background: url("../img/header/logo-sticky-starter.png") no-repeat; left: 26px; }

.userbar3 .logo-starter { background: url(../img/header/logo.png) no-repeat; display: block; width: 181px; height: 138px; position: absolute; bottom: -5px; }
.cloned .userbar3 .logo-starter { background: url(../img/header/logo-sticky.png) no-repeat; left: 26px; }
.cloned .userbar3 .logo-starter { background: url(../img/header/logo-sticky.png) no-repeat; }












/* -------------------------------------- content apps -------------------------------------- */

.apps .content { padding: 0 0 100px 0; }
.apps .content .equalheight .row { display: inline-block; width: 40%; vertical-align: top; min-height: 663px; }
.apps .content .equalheight .row.border-1 { width: 10%; background: url(../img/apps/border-1.png) no-repeat top center; }
.apps .content .row h2 { line-height: 69px; }


.apps .link-apps p, .apps .link-apps .link-apps-store { float: left; }
.apps .link-apps .link-apps-store a { display: block; padding: 9px 0 9px 30px; }























/* -------------------------------------- content abc -------------------------------------- */

.abc .content { padding: 40px 0; }
.abc .content p { padding: 8px 0;  }
.abc .content a { color: #0097d0; }
.abc .content .col-left, .abc .content .col-border, .abc .content .col-right { display: inline-block; vertical-align: top; }
.abc .content h2 { padding: 0; }

.abc .content .col-left { width: 661px; }
.abc .content .col-border { width: 30px; }
.abc .content .col-right { /*width: 275px; */ text-align: center; }

.abc .tabs.ui-widget-content, .abc .tabs.ui-widget-content .ui-widget-header { background: none; border: 0; }

.abc .tabs .ui-state-default { border:0 ; background: url(../img/abc/tabs.png) no-repeat; display: inline-block; width: 200px; height: 106px; }
.abc .tabs.ui-tabs .ui-tabs-nav li { margin: 0 6px; }
.abc .tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: block; width: 100%; height: 106px; cursor: pointer; font-family: 'maridavidregular'; font-size: 24px; color: white; padding: 18px 10px 0; line-height: 29px; letter-spacing: 0.05em; }

.abc .tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor .tabs-content { position: relative; display: block; width: 100%; height: 87px; }
.abc .tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor .tabs-content .tabs-fleche { background: url(../img/abc/tabs-off.png) no-repeat; width: 24px; height: 18px; display: block; position: absolute; right: 0px; bottom: 6px; }
.abc .tabs.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor .tabs-content .tabs-fleche, .abc .tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover .tabs-content .tabs-fleche { background: url(../img/abc/tabs-on.png) no-repeat; width: 18px; height: 24px; display: block; position: absolute; right: 0px; bottom: 5px; }

.abc .lettrine { font-family: 'appo_paintregular'; font-size: 1.7em; }


.abc .col-border { background: url(../img/abc/border.png) no-repeat top center; min-height: 611px; } 

.abc .col-right .level1 a { display: block; background: #4aa522; color: white; font-family: 'maridavidregular'; font-size: 29px; text-align: center; text-decoration: none; width: 194px; line-height: 1em; letter-spacing: 0.06em; padding: 29px 0; border-radius: 200px; border: 0; }
.nl.abc .col-right .level1 a { width: 181px; }
.nl.abc.habitation .col-right .level1 a { width: 195px; }
.abc .col-right .level1 a:hover { background: #0097d0; }
.abc .col-right .level1 a p { padding-top: 14px; }

.abc .col-right .level2 { text-align: left; width: 210px; padding-top: 50px; }
.abc .col-right .level2 a { text-align: center; }
.abc .col-right .level2 p { padding: 6px 0 0 0; }


.abc .col-left .pastille { background: #f18700; font-family: 'maridavidregular'; display: block; padding: 33px 1px; border-radius: 125px; color: white; vertical-align: top; font-size: 27px; width: 100%; line-height: 28px; text-align: center; }
.abc .col-left .pastille .titre { font-size: 1.1em; letter-spacing: 0.03em; font-weight: 700; color: #914813; }


.abc .col-left .row2 { display: block; vertical-align: top; float: right; }
.abc .col-left .block-2 .row2 { margin-bottom: 100px; }
.abc .col-left .block-3 .row2, .abc .col-left .block-6 .row2 { float: left; margin-right: 15px; margin-bottom: 15px; }


.abc .col-left .block-1 .row { display: inline-block; vertical-align: top; float: none; }
.abc .col-left .row1 { width: auto; display: table-cell; }
.abc .col-left .row2 { width: 177px; }




.abc .abc-link { margin: 15px 0; }

.abc #tabs-a h1 { padding-bottom: 0; }

.abc #tabs-a .block-1 { background: #f1f6f8; padding: 5px 10px 10px 10px; margin-bottom: 40px; }
.abc #tabs-a .block-1 .row { display: inline-block; vertical-align: top; }

.abc #tabs-a .block-1 .row.row1 { width: 40%; }
.abc #tabs-a .block-1 .row.row2 { width: 55%; }

.abc #tabs-a .block-1 .titre-1 { color: #db451d; font-family: 'maridavidregular'; letter-spacing: 0.06em; font-size: 27px; line-height: 51px; }
.abc #tabs-a .block-1 .row.row1 .titre-1 .attention { background: #db451d; color: white; font-family: 'maridavidregular'; letter-spacing: 0.06em; font-size: 27px; border-radius: 32px; padding: 5px 15px; line-height: 50px; }


.abc #tabs-a .block-1 .row.row2 .titre-2 { color: #b0bcc0; font-family: 'maridavidregular'; letter-spacing: 0.06em; font-size: 27px; line-height: 51px; }
.abc #tabs-a .block-1 .row.row2 .titre-2 .option { background: #b0bcc0; color: white; font-family: 'maridavidregular'; letter-spacing: 0.06em; font-size: 27px; border-radius: 32px; padding: 5px 15px; line-height: 50px; }



.abc #tabs-a .block-1 .row ul { margin-left: 20px; }
.abc #tabs-a .block-1 .row ul li { list-style: none; background: url(../img/com/li-2.png) no-repeat left 6px; padding-left: 12px; padding-bottom: 6px; }
.abc #tabs-a .block-1 .row ul li a { color: #0097d0; text-transform: uppercase; font-size: 14px; font-family: 'MetaLight'; }



.abc #tabs-a .block-3 { margin: 40px 0 35px; }
.abc #tabs-a .block-3 .pastille { padding: 49px 1px; }
.abc #tabs-a .block-3 .row1 { padding: 17px 0 0 10px; }


.abc #tabs-a .block-4 { margin-bottom: 40px; }
.abc #tabs-a .block-4 .col { display: table-cell; vertical-align: top; width: 21%; padding: 10px 7px 0 0; line-height: 30px; }

.abc #tabs-a .block-4 .equalheight { display: table; border-collapse: separate; border-spacing: 8px 0px; }

.abc #tabs-a .block-4 .row1 { border-radius: 8px 8px 0 0; color: white; font-family: 'MetaBold'; text-align: center; font-size: 17px; vertical-align: middle; padding: 5px 0; display: table; width: 100%; }
.abc #tabs-a .block-4 .row1 .block-4-content { line-height: normal; display: table-cell; vertical-align: middle; }


.abc #tabs-a .block-4 .col1 .row1 { background: #ce9dbf; }
.abc #tabs-a .block-4 .col2 .row1 { background: #9e6bab; }
.abc #tabs-a .block-4 .col3 .row1 { background: #d2d449; }
.abc #tabs-a .block-4 .col4 .row1 { background: #aba700; }

.abc #tabs-a .block-4 .col1 .row2 { border-left: 1px solid #ce9dbf; border-right: 1px solid #ce9dbf; }
.abc #tabs-a .block-4 .col2 .row2 { border-left: 1px solid #9e6bab; border-right: 1px solid #9e6bab; }
.abc #tabs-a .block-4 .col3 .row2 { border-left: 1px solid #d2d449; border-right: 1px solid #d2d449; }
.abc #tabs-a .block-4 .col4 .row2 { border-left: 1px solid #aba700; border-right: 1px solid #aba700; }

.abc #tabs-a .block-4 .col1 .row3 { border-left: 1px solid #ce9dbf; border-right: 1px solid #ce9dbf; border-bottom:1px solid #ce9dbf; background: #e6cede; border-radius: 0 0 8px 8px; }
.abc #tabs-a .block-4 .col2 .row3 { border-left: 1px solid #9e6bab; border-right: 1px solid #9e6bab; border-bottom:1px solid #9e6bab; background: #cdb6d8; border-radius: 0 0 8px 8px; }
.abc #tabs-a .block-4 .col3 .row3 { border-left: 1px solid #d2d449; border-right: 1px solid #d2d449; border-bottom:1px solid #d2d449; background: #e8e9b0; border-radius: 0 0 8px 8px; }
.abc #tabs-a .block-4 .col4 .row3 { border-left:1px solid  #aba700; border-right: 1px solid #aba700; border-bottom:1px solid #aba700; background: #d6d18a; border-radius: 0 0 8px 8px; }

.abc #tabs-a .block-4 .row3 { font-size: 13px; padding: 6px; line-height: normal; }


.abc #tabs-a .block-4 .row2 { font-size: 13px; float: none; padding-bottom: 5px; }
.abc #tabs-a .block-4 .row2 ul { margin-left: 9px; }
.abc #tabs-a .block-4 .row2 ul li { background: url(../img/abc/plus.png) no-repeat left 12px; padding-left: 10px; line-height: normal; padding-top: 10px; }
.abc #tabs-a .block-4 .col1 .row2 ul li { list-style: disc inside; background: none; padding-left: 0; }

.abc #tabs-a .block-4 .row2 .titre { font-family: 'MetaBold'; font-size: 14px; padding-left: 10px; }
.abc #tabs-a .block-4 .col2 .row2 .titre { color: #ce9dbf; }
.abc #tabs-a .block-4 .col3 .row2 .titre { color: #9e6bab; }
.abc #tabs-a .block-4 .col4 .row2 .titre { color: #d2d449; }



.abc .content #tabs-c ol li { background: none; padding-left: 0px; margin-left: 0px; padding-bottom: 0px; }
.abc .content #tabs-c ul ol { margin: 0 0 20px 52px; }

.abc #tabs-a .block-5 .row2 { margin-bottom: 120px; }
.abc #tabs-a .block-5 .pastille { width: 209px; }


.abc #tabs-a .block-6 { padding-top: 40px; }
.abc #tabs-a .block-6 .row1 { padding: 17px 0 0 10px; }
.abc #tabs-a .block-6 .abc-link { margin: 0; }
.abc #tabs-a .block-6-a table { width: auto; }

.abc #tabs-a .block-6 td:first-child { padding-right: 3px; }




.abc .ui-tabs .ui-tabs-panel { padding: 1em 0; }



.abc #tabs-b h1 { padding-bottom: 0px; }
.abc #tabs-b h2 { padding: 20px 0; }
.abc #tabs-b .block-7 { background: #f1f6f8; padding: 5px 10px 10px 10px; margin: 20px 0 40px; }

.abc #tabs-b .block-7 table { border-collapse: collapse; }
.abc #tabs-b .block-7 table tr:first-child td { background: #dbe8ed; }
.abc #tabs-b .block-7 table tr:last-child td { background: #dbedf4; }
.abc #tabs-b .block-7 table td { text-align: center; border: 1px solid white; font-size: 12px; padding: 6px 4px; }
.abc #tabs-b .block-7 table tr td.hop { font-family: 'MetaBold'; background: #0097d0; color: white; }




.abc #tabs-c .block-8 { background: #f1f6f8; padding: 5px 10px 10px 10px; margin-bottom: 40px; }


.abc #tabs-c .block-8 ul li { list-style: none; background: url(../img/com/li-2.png) no-repeat left 8px; padding-left: 12px; padding-bottom: 14px; }
.abc #tabs-c .block-8 ul li a { color: #0097d0; font-size: 17px; font-family: 'MetaLight'; }
.abc #tabs-c .block-8 ul li a:hover { text-decoration: none; background: none; }
.abc #tabs-c .block-8 ul li:last-child { visibility: hidden; }

.abc .content #tabs-c h2 { padding: 53px 0 10px; }

.abc .pastille a { color: white; text-decoration: none; }

.abc .col-left #tabs-c .block-9  { padding-top: 23px; }
.abc .col-left #tabs-c .block-9 a  { color: white; background: #f18700; border-radius: 5px; position: relative; display: block; text-decoration: underline; }
.abc .col-left #tabs-c a:hover .pastille { background: #0097d0; }
.abc .col-left #tabs-c a h3 { color: white; padding: 0; }
.abc .col-left #tabs-c a h3 img { position: absolute; right: 10px; top: 12px; }

.abc .col-left #tabs-c .block-9 p  { color: white; background: #f18700; border-radius: 5px; padding: 15px; margin: 30px 0 0 0; position: relative; display: block; text-decoration: none; }
.abc .col-left #tabs-c .block-9 h2  { padding-top: 15px; }



.abc #tabs-c .block-10 a { text-decoration: none; }
.abc #tabs-c .block-10 .pastille { width: 200px; padding: 26px 1px; letter-spacing: 0.03em; }
.abc #tabs-c .block-10 .pastille:hover { background: #0097d0; }

.abc .col-left #tabs-c ul a  { color: #0097d0; text-decoration: underline; }


.abc .block-bm { display: block; width: 100%; text-align: center; border-collapse: collapse;  }
.abc .block-bm .row { display: inline-block !important; margin: 15px 0; width: auto !important; text-align: center; font-size: 11px; }
.abc .block-bm .row .col:first-child, .abc .block-7-level1 { background: #f8f5f0; border: 1px solid #f18700; }
.abc .block-bm .row .col:last-child, .abc .block-7-level2 { background: #dbedf4; border: 1px solid #0097d0; margin-top: 2px; }
.abc .block-bm .row .col { padding: 6px 4px; border-right: 1px solid white; }

.abc .block-bm .row .col.selected:first-child { background: #0097d0; color: white; }
.abc .block-bm .row .col.selected:last-child { background: #0097d0; color: white; }

.abc .block-7-level1, .abc .block-7-level2 { padding: 6px; width: 97%; margin: 10px auto; }

/*
.abc .block-bm { display: table; width: 100%; text-align: center; border-collapse: collapse; }
.abc .block-bm .row { display: table-cell; width: auto; text-align: center; font-size: 12px; }
.abc .block-bm .row .col:first-child { background: #dbe8ed; }
.abc .block-bm .row .col:last-child { background: #dbedf4; }
.abc .block-bm .row .col { padding: 6px 4px; border-right: 1px solid white; border-top: 1px solid white; }
.abc .block-bm .row:first-child .col { border-left: 1px solid white; }
.abc .block-bm .row:first-child .col { border-left: 1px solid white; border-bottom: 1px solid white; }
*/



























/* -------------------------------------- mathias -------------------------------------- */

.mathias .content { padding: 40px 0; }
.mathias .content p { padding: 8px 0; }
.mathias .content a { color: #0097d0; }



.mathias .content .col-left, .mathias .content .col-border, .mathias .content .col-right { display: inline-block; vertical-align: top; }
.mathias .content .col-left { width: 665px; }
.nl.mathias .content .col-left { width: 640px; }
.mathias .content .col-border { width: 30px; }
.mathias .content .col-right { /* width: 275px; */ text-align: center; }
.mathias .col-border { background: url(../img/abc/border.png) no-repeat top center; min-height: 611px; } 


.mathias .col-right { text-align: center; }


.mathias .col-right .level0 { font-size: 14px; margin: 0 auto 30px; padding-bottom: 30px; border-bottom: 1px dotted #a9b3b7; width: 75%; }
.mathias .col-right .level0 p { padding:0; margin: 0; }

.mathias .col-right .level1 { margin: 0 auto; }
.mathias .col-right .level1 a { margin: 0 auto; display: block; background: #4aa522; color: white; font-family: 'maridavidregular'; font-size: 29px; text-align: center; text-decoration: none; width: 176px; line-height: 1em; letter-spacing: 0.06em; padding: 29px 0; border-radius: 200px; border: 0; }
.mathias .col-right .level1 a:hover { background: #0097d0; }
.mathias .col-right .level1 a p { padding-top: 14px; }

.mathias .col-right .level2 { text-align: center; padding-top: 50px; margin: 0 auto; }
.mathias .col-right .level2 a { text-align: center; }
.mathias .col-right .level2 p { padding: 6px 0 0 0; }

.mathias h2 { color: #0097d0; margin-top: 110px; }


.mathias .block-mathias-link ul li { list-style: none; background: url(../img/com/li-2.png) no-repeat left 7px; padding-left: 12px; padding-bottom: 6px; }
.mathias .block-mathias-link ul li a { color: #0097d0; font-size: 17px; font-family: 'MetaLight'; }


























/* -------------------------------------- parents -------------------------------------- */

.parents .block-11 .row { display: table-cell; width: auto; vertical-align: middle; }
.parents .block-11 .row2 { padding-right: 15px; }

.parents .content .titre01 { font-family: 'maridavidregular'; font-size: 42px; letter-spacing: 0.06em; color: #0097d0; line-height: 1.1em; padding-bottom: 15px; display: block; }
.parents .content .titre02 { font-family: 'maridavidregular'; font-size: 34px; letter-spacing: 0.06em; color: #0097d0; line-height: 1.1em; padding-bottom: 7px; display: block; padding-top: 9px; background: url(../img/com/titre02.png) no-repeat top left, url(../img/com/titre02.png) no-repeat bottom left; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }
.parents .content .titre03 { font-family: 'maridavidregular'; font-size: 42px; letter-spacing: 0.06em; color: #f18700; line-height: 1.1em; margin-top: 43px; display: block; }

.parents .content-bis { padding: 0 0 120px 0; }

.parents .content-bis .border-avantages { background: url(../img/avantages/bottom.png) no-repeat center top; display: block; height: 20px; top: -1px; position: relative; }












































/* -------------------------------------- etc -------------------------------------- */

.etc #branding .slogan-img { vertical-align: middle; }
.etc .content { padding: 25px 0; }
.etc .content h2 { color: #0097d0; padding-top: 50px; }
.etc .block-12 .row p { padding-top: 15px; }
.etc .block-12 .row { display: table-cell; width: auto; vertical-align: middle; }
.etc .pastille { background: #4aa522; font-family: 'maridavidregular'; display: block; padding: 33px 1px; border-radius: 125px; color: white; vertical-align: top; font-size: 27px; width: 171px; line-height: 28px; text-align: center; cursor: pointer; margin-right: 15px; }
.etc .pastille:hover { background: #0097d0; }
.etc .pastille a { color: white; text-decoration: none; line-height: 32px; }


.etc .block-13 { display: table; width: 80%; margin: auto; }
.etc .block-13 .level { display: table-cell; width: 33%; text-align: center; border-right: 1px dotted #b4b6b6; }
.etc .block-13 .level:last-child { border-right: 0; }
.etc .block-13 .level .block-13-img { display: block; width: auto; height: 151px; vertical-align: top; margin-bottom: 10px; }
.etc .block-13 .level .block-13-img img { vertical-align: bottom; }
.etc .block-13 a { text-decoration: none; color: #0097d0; }
.etc .block-13 a:hover { color: #f18700; }

.etc .block-14 ul { margin-left: 20px; }
.etc .block-14 ul li { list-style: none; background: url(../img/com/li-2.png) no-repeat left 8px; padding-left: 12px; padding-bottom: 14px; }
.etc .block-14 ul li a { color: #0097d0; font-size: 17px; font-family: 'MetaLight'; }



.etc .userbar3 .logo { background: url(../img/header/logo-com.png) no-repeat; display: block; width: 181px; height: 138px; position: absolute; bottom: -39px; }
.etc .cloned .userbar3 .logo { background: url(../img/header/logo-sticky-com.png) no-repeat; left: 26px; }
.etc .cloned .userbar3 .logo { background: url(../img/header/logo-sticky-com.png) no-repeat; }




























/* -------------------------------------- avantage -------------------------------------- */

.avantages { background: #f18700; padding-bottom: 15px; }
.avantages .wrapper { background: url(../img/avantages/top.png) no-repeat center top; padding-top: 40px; }

.avantages .row { display: table-cell; vertical-align: middle; }
.avantages .row a { display: inline-block; width: 49%; vertical-align: top; color: #5b3402; text-decoration: none; font-size: 14px; padding: 8px 12px; border-radius: 4px; margin-bottom: 19px; }
.avantages .row a:hover { background: #fc920c; }

.avantages .row a .pastille { background: white; font-family: 'maridavidregular'; display: inline-block; padding: 6px 10px; border-radius: 15px; color: #f18700; vertical-align: top; font-size: 27px; margin-right: 5px; }
.avantages .row a .titre04 { font-family: 'maridavidregular'; color: white; font-size: 26px; letter-spacing: 0.06em; display: inline-block; line-height: 1em; }
.avantages .row a p { margin-top: 15px; }

.avantages .row.pastille a { background: #4aa522; color: white; font-family: 'maridavidregular'; font-size: 29px; text-align: center; text-decoration: none; width: 206px; line-height: 1em; letter-spacing: 0.06em; padding: 29px 0; border-radius: 200px; border: 15px solid white; }
.avantages .row.row2.pastille a { background: #31880b; }
.avantages .row.pastille a:hover { background: #0097d0; }
.avantages .row.pastille a p { margin-top: 20px; }

.avantages .row.row2.pastille { display: none; }


.avantages .row .equalheight a p img { position: absolute; right: 10px; bottom: 0; }
.avantages .row .equalheight a p { position: relative; }







/* -------------------------------------- avantage sans lien -------------------------------------- */



.avantages .row .no-a { display: inline-block; width: 49%; vertical-align: top; color: #fff; text-decoration: none; font-size: 14px; padding: 8px 12px; border-radius: 4px; margin-bottom: 19px; }


.avantages .row .no-a .pastille { background: white; font-family: 'maridavidregular'; display: inline-block; padding: 6px 10px; border-radius: 15px; color: #f18700; vertical-align: top; font-size: 27px; margin-right: 5px; }
.avantages .row .no-a .titre04 { font-family: 'maridavidregular'; color: white; font-size: 26px; letter-spacing: 0.06em; display: inline-block; line-height: 1em; }
.avantages .row .no-a p { margin-top: 15px; }

.avantages .row.pastille .no-a { background: #4aa522; color: white; font-family: 'maridavidregular'; font-size: 29px; text-align: center; text-decoration: none; width: 206px; line-height: 1em; letter-spacing: 0.06em; padding: 29px 0; border-radius: 200px; border: 15px solid white; }
.avantages .row.row2.pastille .no-a { background: #31880b; }
.avantages .row.pastille .no-a p { margin-top: 20px; }

.avantages .row.row2.pastille { display: none; }


.avantages .row .equalheight .no-a p img { position: absolute; right: 10px; bottom: 0; }
.avantages .row .equalheight .no-a p { position: relative; }
















/* -------------------------------------- link -------------------------------------- */

.link { background: #f1faf9; border-bottom: 0px solid white; }
.link .wrapper { background: url(../img/avantages/bottom.png) no-repeat center top; display: table; }

.link .wrapper .row { display: table-cell; color: #0097d0; padding: 54px 0; width: 30%; }
.link .wrapper .row a { display: block; background: #cbeaf8; border-radius: 10px; margin: 0 15px; text-decoration: none; position: relative; padding: 8px; height: 152px; }

.link .wrapper .row a .titre { font-family: 'maridavidregular'; font-size: 32px; letter-spacing: 0.06em; color: #0097d0; line-height: 1.1em; display: block; }
.link .wrapper .row a .fleche { margin: auto; text-align: center; bottom: 11px; position: absolute; width: 100%; background: url(../img/link/fleche.png) center no-repeat; display: block; height: 44px; }

.link .wrapper .row a:hover { background: #0097d0; }
.link .wrapper .row a:hover .titre { color: white; }
.link .wrapper .row a:hover .fleche { background: url(../img/link/flecheon.png) center no-repeat; }

.link .wrapper .row a .img { position: absolute; right: -23px; top: -11px; }
.link .wrapper .row.row2 a .img { right: -15px; }
























/* -------------------------------------- postscript -------------------------------------- */

.postscript { background: #3d4248; padding: 15px 0; color: white; }
.postscript .wrapper { display: table; }
.postscript .wrapper .row { display: table-cell; width: 25%; vertical-align: top; }
.postscript .wrapper .row-group { width: 60%; }

.postscript .wrapper .row ul li:first-child { font-family: 'maridavidregular'; font-size: 25px; letter-spacing: 0.06em; color: white; line-height: 1.1em; }
.postscript .wrapper .row ul li { padding: 5px 0; }
.postscript .wrapper .row ul li a { color: #c6cdd8; text-decoration: none; font-size: 14px; }
.postscript .wrapper .row ul li:hover a { color: #0097d0; }

.postscript .wrapper .row.rowimg ul li a { padding: 0 5px; }
.postscript .wrapper .row.rowimg ul li div { display: inline; }

.postscript .wrapper .row:last-child { vertical-align: bottom; }

























/* -------------------------------------- footer -------------------------------------- */

.footer { background: #f6f7f7; padding: 15px 0; color: #0097d0; text-align: center; }
.footer ul li { display: inline-block; border-right: 1px solid #0097d0; padding: 0 13px 0 10px; line-height: 10px; }
.footer ul li:last-child { border: 0; }
.footer ul li a { color: #919da8; font-size: 12px; }
.footer ul li a:hover { color: #0097d0; }




















/* -----------------------   overlay   ------------------------------- */

#overlay { display: none; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; top: 0; bottom: 0; left: 0; right: 0; overflow-y: scroll; overflow-x: hidden;   }
div#url-overlay { display: none; background: #f1faff; padding: 0px; position: relative; margin: 8% auto; width: 80%; max-width: 894px; box-shadow: 0px 0px 20px #000; border-radius: 12px; }
div#url-overlay #wrapper { max-width: 659px; }
div#close { background:url(../img/overlay/close.png) no-repeat; position: absolute; right: 8px; top: 16px; z-index: 2; cursor: pointer; height: 30px; width: 30px; }



#url-overlay { background: #f1fafe; width:100%; max-width:100%; line-height: 1.4em; border-radius: 5px; padding-bottom: 125px; overflow: hidden; position: relative; }
#url-overlay .page-overlay-3 { padding-bottom: 85px; }
#url-overlay .page-overlay-2 { padding-bottom: 135px; }
#url-overlay .page-overlay-4 { padding-bottom: 181px; }
#url-overlay .page-overlay-parents { padding-bottom: 169px; }

.front #url-overlay .content, .habitation #url-overlay .content { max-width:92%; z-index: 1; position: relative; }

.page-overlay-bg1 { background-image: url(../img/overlay/bg-1.png); background-repeat: no-repeat; no-repeat; background-size: cover;  position: absolute; bottom: -50px; left: -103px; display: block; width: 477px; height: 250px; }
.page-overlay-bg2 { background-image: url(../img/overlay/bg-2.png); background-repeat: no-repeat; no-repeat; background-size: cover;  position: absolute; bottom: -50px; right: -103px; display: block; width: 477px; height: 250px; }
.page-overlay-bg3 { background-image: url(../img/overlay/bg-3.png); background-repeat: no-repeat; no-repeat; background-size: cover;  position: absolute; bottom: 45px; right: 38px; display: block; width: 224px; height: 300px; }

#url-overlay .headerbg { height: 10px; background: url(../img/overlay/header.png) no-repeat #f18700; }
#url-overlay .header .titre { font-family: 'maridavidregular'; font-size: 44px; letter-spacing: 0.06em; color: white; line-height: 1.1em; padding: 15px 30px 15px 15px; display: block; background: #f18700; }
#url-overlay .content .titre2 { font-family: 'maridavidregular'; font-size: 34px; letter-spacing: 0.06em; color: #f18700; line-height: 1.1em; padding: 15px 15px 15px 0; display: block; }
#url-overlay .content .titre2a { font-family: 'maridavidregular'; font-size: 34px; letter-spacing: 0.06em; color: #0097d0; line-height: 1.1em; padding: 15px 15px 15px 0; display: block; }

#url-overlay .link-apps-store { position: relative; }
#url-overlay .link-apps-store a { display: inline; margin: 0 20px 0 0; }
#url-overlay .link-apps-qr { position: relative; top: 20px; }



#url-overlay .content { padding: 20px; text-align: left; }
#url-overlay .content a { color: #0097d0;  }
#url-overlay ul li { background: url(../img/com/li-1.png) no-repeat left 6px; padding-left: 15px; margin-left: 20px; padding-bottom: 10px; }

#url-overlay .content .btn { display: block; text-align: center; margin: 35px 0; }
#url-overlay .content .btn a.btn-vert { display: inline-block; background: url(../img/btn/fleche-1.png) no-repeat right center #4aa522; color: white; padding: 10px 50px 10px 15px; text-transform: uppercase; text-decoration: none; border-radius: 4px; font-size: 1.2em; }
#url-overlay .content .btn a.btn-vert:hover { background: url(../img/btn/fleche-1.png) no-repeat right center #f18700; }

#url-overlay .page-overlay-1 { padding-bottom: 36px; }





















/* -----------------------   reglement   ------------------------------- */

.reglement p { padding: 10px 0; }
.reglement ol > li:before { display: none; }
.reglement ol li ul { margin-left: 40px; }
.reglement ol > li { padding: 28px 0; }
.reglement ul { margin-top: 10px; margin-bottom: 10px; }
.reglement ul li { padding: 8px 0; }

.challenges ul li { list-style: disc; }
.challenges ul li ul li { list-style: square; }
.challenges ul li ul li ul li { list-style: circle; }

.challenges p { padding: 10px 0; }
.challenges ol > li:before { display: none; }
.challenges ol li ul { margin-left: 40px; }
.challenges ol > li { padding: 20px 0 0 0; }
.challenges ul { margin-top: 10px; margin-bottom: 10px; }
.challenges ul li { padding: 8px 0; }

.challenges ul li { list-style: disc; }
.challenges ul li ul li { list-style: square; }
.challenges ul li ul li ul li { list-style: circle; }





.prix h2.prixh2 { margin-top: 60px; }
.prix .rmq { margin: 60px 0; }

























/* -----------------------   month prize   ------------------------------- */

.month-prize {
	background: #0095b4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #0095b4 48%, #00758e 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(48%,#0095b4), color-stop(100%,#00758e)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #0095b4 48%,#00758e 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #0095b4 48%,#00758e 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #0095b4 48%,#00758e 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #0095b4 48%,#00758e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095b4', endColorstr='#00758e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
margin: auto; padding: 15px; color: white; text-align: center;
}

.month-prize .close { position: absolute; top: 10px; left: 10px; }

.month-prize h1 { padding: 29px 0 10px 0; color: white; font-size: 2.5em; letter-spacing: 0.06em; font-family: 'maridavidregular'; line-height: normal; }
.month-prize h2 { padding: 20px 0; color: white; font-size: 2em; letter-spacing: 0.06em; font-family: 'maridavidregular'; line-height: normal; }

.month-prize input { background: white; border: 0 none; border-radius: 10px; color: #fa5b1e; margin: 25px auto; padding: 14px 30px; font-family: 'MetaMedium'; font-size: 1.1em; }