/***** 10 novembre 2015 **********************/ /******************* FONTS ********************/ @font-face { font-family: 'latobold'; src: url('../fonts/lato-bold-webfont.eot'); src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('../fonts/lato-light-webfont.eot'); src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('../fonts/lato-regular-webfont.eot'); src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('../fonts/lato-italic-webfont.eot'); src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-italic-webfont.woff') format('woff'), url('../fonts/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato-italic-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolightitalic'; src: url('../fonts/lato-lightitalic-webfont.eot'); src: url('../fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-lightitalic-webfont.woff') format('woff'), url('../fonts/lato-lightitalic-webfont.ttf') format('truetype'), url('../fonts/lato-lightitalic-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } /******************* GENERAL ********************/ html, body{margin:0; padding:0; height: 100%;} body {background:#fff; color:#3b3b3b; font-family:Helvetica,Arial,sans-serif;} *{margin:0; padding:0; border:0} a{text-decoration:none !important; outline:none; color:#3b3b3b;} p img{border:none} li,ol,ul{ list-style-type:none} strong{font-weight:700;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} sup { top: -0.5em} sub { bottom: -0.25em} p{font-size: 12px;} p.more a {color: #3b3b3b} #main{background:#f3f3f3; margin:25px auto; width:1000px; clear:both;} #global{height: 218px;} #side{display:inline-block; vertical-align:top; margin:0 16px; background:#f3f3f3;} #side .calltoaction img{margin-bottom:10px} #parcours{float:left;} .hide {display:none;} .bold{font-weight: bold;} .bloc{margin:20px auto;} .redbutton{display:block; width:273px; height:46px; line-height:46px; background-color:#c20725; text-align:center; color:#fff; font-size:16px; font-weight:normal; font-family:latoregular, arial, sans-serif;border-radius: 3px;margin: 15px auto;} .adv{text-align:center;} .sb-fb{background: #ffffff; width: 300px;} #breadcrumb .adv{display:none;}/*pub sfr sous le breadcrumb*/ .bloc-apce{padding:10px 0 5px; text-align:center;} .pub {background:#ffffff; border:1px solid #e0e0e0; width:300px; padding:16px;} .adapce{margin-top:20px} .feature a{color:#727272;} .posttop{ color:#646464; font-family:"Georgia", "Times New Roman",serif; font-size:12px; font-weight:normal; line-height:15px; margin-bottom:4px} .border-bottom{border-bottom: 1px solid #e0e0e0 !important;} /******************* HEADER ********************/ #header{width:100%; font-family:"latoregular", arial, sans-serif;} /******* HEADER -- WRAP LOGO/ADV *******/ #logoAdv{ width:1000px; margin: 0 auto; padding: 15px 0;} /******* HEADER -- LOGO *******/ .logo {float:left; margin-top: 30px} #logo a:focus{outline:0} /******* HEADER -- DISPLAY PUB 728*90 *******/ #topadv {height: 90px; margin-bottom:20px; float:right; width: 728px; margin-top: 0 !important} /******* HEADER -- FIRST NAV *******/ #firstnav{background: #e1e1e1; height: 35px; position: fixed; width: 100%; z-index: 10;} #firstnav .nav, #nLogoBanner, #nav, #searchbox, #searchtheme{margin:0 auto; width: 1000px;} #firstnav .nav {position: relative;} #firstnav h1, #firstnav #h1 {float:left; font-size:14px; font-weight:normal;padding-top: 10px; display: inline-block;} #firstnav ul {float: right; padding-top: 7px; margin-right: 25px;} #firstnav li {float:left; font-size: 0.82em; font-weight:normal;} #firstnav li.maSelection, #firstnav li.newsletter {padding-top: 2px;} #firstnav li a:hover{color:#c20725;} #firstnav li a{color:#3b3b3b;} /*== S�lection d'enseignes / Newsletter ==*/ #firstnav .maSelection a, #firstnav .newsletter a{height:15px; padding: 0 15px 0 20px; border-right:1px solid #e0e0e0; margin: 0 10px 0 5px;} #firstnav .maSelection a{background: url('../hab/MR2013/select-icon.png') no-repeat 0 0 ;} #firstnav .newsletter a{background: url('../hab/MR2013/newsletter-icon.gif') no-repeat 0 0 ;} #firstnav .maSelection a:hover, #firstnav .newsletter a:hover{background-position: 0 -15px;} #firstnav .social {margin: 0 4px;} #firstnav .social.fb a{display: inline-block; width: 20px; height:20px; background: url('../hab/MR2013/reseaux.png') no-repeat 0 0;} #firstnav .social.twit a{display: inline-block; width:20px; height:20px; background: url('../hab/MR2013/reseaux.png') no-repeat -23px 0;} #firstnav .social.li a{display: inline-block; width:20px; height:20px; background: url('../hab/MR2013/reseaux.png') no-repeat -46px 0;} #firstnav .social.gplus a{display: inline-block; width:20px; height:20px; background: url('../hab/MR2013/reseaux.png') no-repeat -69px 0;} #firstnav .social.via a{display: inline-block; width:20px; height:20px; background: url('../hab/MR2013/reseaux.png') no-repeat -92px 0;} #firstnav .social.ytube a{display: inline-block; width:20px; height:20px; background: url('../hab/MR2013/reseaux.png') no-repeat -115px 0; margin-right: 8px;} #firstnav .social.fb a:hover{background: url('../hab/MR2013/reseaux.png') no-repeat 0 -20px;} #firstnav .social.twit a:hover{background: url('../hab/MR2013/reseaux.png') no-repeat -23px -20px;} #firstnav .social.li a:hover{background: url('../hab/MR2013/reseaux.png') no-repeat -46px -20px;} #firstnav .social.gplus a:hover{background: url('../hab/MR2013/reseaux.png') no-repeat -69px -20px;} #firstnav .social.via a:hover{background: url('../hab/MR2013/reseaux.png') no-repeat -92px -20px;} #firstnav .social.ytube a:hover{background: url('../hab/MR2013/reseaux.png') no-repeat -115px -20px;} #firstnav .searchbar {position: absolute; right: 0; z-index: 200;} /*== Ancien habillage du Search engine ==*/ /* #firstnav #motsCles{height:23px; border:1px solid #e0e0e0; width: 140px; border-radius:3px; margin-top:-5px; padding-left:25px;} #firstnav form#search {margin:0; width:165px; height:23px;} */ /**** Nouvel habillage Search engine dans firstnav ****/ .searchbox{position:relative; width:35px; height:35px; float:right; overflow:hidden; transition: width 0.3s; top: 0px; z-index: 100;} .searchbox-input{position: absolute; top:0; right:0; border:0; outline:none; background:white; width:350px; height:35px; padding:0px 55px 0px 20px; } .searchbox-input::-webkit-input-placeholder, .searchbox-input:-moz-placeholder, .searchbox-input::-moz-placeholder,.searchbox-input:-ms-input-placeholder {color: #e0e0e0;} input[type="search"].searchbox-input {-webkit-appearance: none;-webkit-border-radius: 0px;} .searchbox-icon,.searchbox-submit{width:35px;height:35px;display:block;position:absolute;top:0;right:0;padding:0;margin:0; line-height:35px;text-align:center;cursor:pointer;} .searchbox-submit{background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; /*color: transparent;*/ border: none; outline: none; z-index: -1;} /*.searchbox-submit:before{content:url(../hab/search-2.png); height: 19px; width: 19px; display:block; overflow: hidden; margin: 7px auto;}*/ .searchbox-icon{background: #e1e1e1; z-index: 90;} .searchbox-icon:hover{background:#bfbfbf;} .searchbox-icon:before {content:url(../hab/search.png); height: 19px; width: 19px; display:block; overflow: hidden; margin: 7px auto;} .searchbox-icon:hover:before,.searchbox-open .searchbox-icon:before {content:url(../hab/search-2.png); height: 19px; width: 19px; display:block; overflow: hidden; margin: 7px auto;} .searchbox-open{width:450px;} .searchbox-open .searchbox-icon{z-index: 11; background: #bfbfbf; } .searchbox-open .searchbox-submit{z-index: 90;} /******* HEADER -- MAIN NAV *******/ #nav {height: 45px; margin: auto; position: relative; top: 0px; width: 1000px; z-index: 9; clear:both;background:url('../hab/MR2013/gradient-main-nav.png') repeat-x;} #topnav {font-family:latoregular, arial, sans-serif; font-size: 14px; height: 42px; list-style: none outside none; margin: 0;position: relative; width: 1000px; border-top:1px solid #c3c3c3;} #topnav .selected { background:#c20725; height: 42px;border-bottom:1px solid #940018; border-top:1px solid #940018;} #topnav li {float: left; margin: 0; padding: 0; text-align: center; } #topnav li a img {border: 0 none;} #topnav li a, #topnav li a:hover {border: solid transparent; border-width:0 0 0 1px; border-image:url('../hab/MR2013/border-menu.gif') 1 repeat; color: #c20725; text-transform:uppercase; display: block; padding: 4px 0 6px; text-decoration: none; width: 135px;} #topnav li a span {color: #3b3b3b; display: block; font-weight: normal; text-transform:none; font-family:latoregular, arial, sans-serif;} #topnav #home a {display: block;overflow: hidden; padding: 0; position: relative; width: 45px; border: none; background:url('../hab/MR2013/home.gif') no-repeat top left; height:43px;} #topnav #home.selected a,#topnav #home a:hover {background:url('../hab/MR2013/home.gif') no-repeat 0 -43px; border-bottom:1px solid #940018;} #topnav li:hover, #topnav #home:hover {background: #c20725;} #topnav li.selected a, #topnav li.selected a span, #topnav li:hover a, #topnav li:hover a span {color: #ffffff; font-family:latoregular, arial, sans-serif;} #topnav li:hover .subnav {display: block; z-index: 10;} #topnav li div.subnav {background: #f3f3f3; display: none; left: -1px; margin: 0 0 0 1px; padding: 0 0 15px; position: absolute; width: 1000px; z-index: 300;border-top:3px solid #c20725;border-bottom:2px solid #e1e1e1;} #topnav li div.subnav ul.subnav {border-right: 1px solid #e0e0e0; float: left; margin: 10px; padding-left: 10px;} #topnav li div.subnav ul.subnav:last-child {border-right: none;} #topnav li div.subnav li {background: none; border: 0 none; float: none; font-weight: normal; text-align: left;} #topnav div.subnav li a, #topnav li#outils div.subnav li a, #topnav div.subnav li span.nolien {background: url("../hab/MR2013/arrow-red.png") 0 6px no-repeat; border: 0 none; color: #3b3b3b; font-size: 13px; font-family:arial, sans-serif; font-weight: bold; height: auto; line-height: 14px; margin: 0; padding: 4px 0 5px 11px; width: 198px; text-transform:none;} #topnav div.subnav li a:hover {color: #c20725;} #topnav li#home div.subnav {clear: both; left: 0; position: relative;} #topnav li#home .subnav a {height: auto; padding: 4px 0 5px 6px; width: 198px;} #topnav li#home .subnav li li a {padding: 1px 0 3px;} #topnav div.subnav li.selected, #topnav div.subnav li.selected a {color: #C10014; height: auto; margin: 0;} #topnav div.subnav li ul {margin-left: 5px; padding: 0 0 5px 10px;} #topnav div.subnav li li a, #topnav li#outils div.subnav li li a {background: none; color: #3b3b3b; font-size: 11px; font-weight: normal; padding: 1px 0 3px; width: 198px;} #topnav li#outils div.subnav li li a.matinale {color: #c20725;} #topnav li#outils div.subnav li li a.matinale span {color: #777777; display: inline; font-size: 11px;} #topnav li#outils div.subnav li .follow_facebook, #topnav li#outils div.subnav li .follow_twitter {background: url("../hab/MR2013/social-icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); padding-left: 35px; height:22px;} #topnav li#outils div.subnav li .follow_twitter {background-position: 0 -26px; margin-top:10px;} #topnav .pubheader {display: inline; height: 130px; margin-top: 12px; position: absolute; right: 20px; width: 245px; z-index: 20;} #topnav .pubheader a, #topnav .pubheader img, #topnav .pubheader a:hover {border: 0 none !important; display: block; height: auto; margin-bottom: 10px; padding: 0; width: 245px;} /******* HEADER -- NAV SECTEURS (& search engine nav) *******/ #searchbox {width:1000px; height:46px; background:url(../hab/MR2013/bg-search.gif) 0 0 repeat-x;} #searchbox .title_form_search_header{font-family:'latobold', Arial, sans-serif; color:#ffffff; font-size:13px; font-weight:normal; padding:6px 13px; float:left; width:180px} #searchbox .title_form_search_header div {text-transform: uppercase;} #searchtheme {height:40px; border-bottom: 2px solid #f3f3f3;} #searchtheme .zone-secteurs {border-bottom:1px solid #e0e0e0; float:left; background:url(../hab/MR2013/bg-secteurs.gif) no-repeat; width:112px; height:28px; color:#3b3b3b; font-family:latoregular, Arial, sans-serif; font-size:14px; padding:10px 0 0 10px;} #searchtheme ul {float:left; border-bottom:1px solid #e0e0e0;} #searchtheme ul li:first-child{border: none; padding:0;} #searchtheme li { border-left: 1px solid #e1e1e1; display:block; float:left; width:46px; height:38px; margin:0; padding: 0 0 0 17px;} .searchtheme li a{display:block; text-indent:-9999px; height:40px; background:url(../hab/MR2013/ico-secteurs.png) 0px 0px no-repeat;} .searchtheme li.franchises-beaute-sante-bien-etre a{background-position:0px -43px;} .searchtheme li.franchises-commerce-alimentaire a{background-position:0px -83px;} .searchtheme li.franchises-commerce-specialise a{background-position:0px -127px;} .searchtheme li.franchises-culture-loisirs a{background-position:0px -170px;} .searchtheme li.franchises-deco-et-amenagement a{background-position:0px -214px;} .searchtheme li.franchises-economie-verte a{background-position:0px -254px;} .searchtheme li.franchises-hotellerie-restauration a{background-position:0px -299px;} .searchtheme li.franchises-immobilier a{background-position:0px -340px;} .searchtheme li.franchises-distribution a{background-position:0px -383px;} .searchtheme li.franchises-pret-a-porter a{background-position:0px -426px;} .searchtheme li.franchises-services-aux-entreprises a{background-position:0px -470px;} .searchtheme li.franchises-services-aux-particuliers a{background-position:0px -512px;} .searchtheme li.franchises-travaux-et-habitat a{background-position:0px -556px;} .searchtheme li.franchises-auto-moto:hover a{background-position:-81px -0px;} .searchtheme li.franchises-beaute-sante-bien-etre:hover a{background-position:-81px -43px;} .searchtheme li.franchises-commerce-alimentaire:hover a{background-position:-75px -83px;} .searchtheme li.franchises-commerce-specialise:hover a{background-position:-78px -127px;} .searchtheme li.franchises-culture-loisirs:hover a{background-position:-78px -170px;} .searchtheme li.franchises-deco-et-amenagement:hover a{background-position:-81px -214px;} .searchtheme li.franchises-economie-verte:hover a{background-position:-75px -254px;} .searchtheme li.franchises-hotellerie-restauration:hover a{background-position:-77px -299px;} .searchtheme li.franchises-immobilier:hover a{background-position:-79px -340px;} .searchtheme li.franchises-distribution:hover a{background-position:-79px -383px;} .searchtheme li.franchises-pret-a-porter:hover a{background-position:-75px -426px;} .searchtheme li.franchises-services-aux-entreprises:hover a{background-position:-78px -470px;} .searchtheme li.franchises-services-aux-particuliers:hover a{background-position:-79px -512px;} .searchtheme li.franchises-travaux-et-habitat:hover a{background-position:-76px -556px;} /* styles propre au rollover des icons */ .tip-twitter {z-index:1000; text-align:center; border-radius:3px; padding:5px 3px; margin:80px 0 0 0; max-width:135px; color:#fefefe; font-family:arial,sans-serif; font-size:12px; font-weight:bold; background-color:#c20725;} /******* HEADER -- SEARCH ENGINE HEADER *******/ #searchbox form{float:left;} #searchbox #combo_secteur:focus, #searchbox #combo_apport:focus, #searchbox #combo_enseigne:focus{border-color:#444; box-shadow: 0px 2px 4px #444;} #combo_secteur, #combo_apport, #combo_enseigne{width:227px; margin:12px 5px; height:23px; border:1px solid #cacaca; display:inline} #searchbox form p {vertical-align:middle; text-transform:uppercase; color:#ffffff; font-family:'latobold', Arial, sans-serif; font-size:14px; display:inline; margin:0; padding:0;} #searchbox .button input {width:145px; background:none; color:#fff} .option_secteur{color:#c20725; font-weight:bold} #searchbox .button {width:140px; background:url("../hab/btnOK-vide.gif") -41px 0 no-repeat; height:22px; padding:5px 0 7px; height:20px\9; *padding-top:4px; color:#fff} /******* HEADER -- BREADCRUMB *******/ #breadcrumb{clear:both; color:#3b3b3b; font-size:12px; width:1000px; margin:5px auto; padding:10px 0 0;} #breadcrumb .location img{ padding:0px 4px; vertical-align:middle} #breadcrumb .location a { color:#3b3b3b} #breadcrumb .location a:hover {color:#C20725} /******************* MAIN CONTENT ********************/ /******* MAIN CONTENT -- NEWS GLOBAL*******/ /*** news global -- General ***/ #news {width:618px; display:inline-block; box-sizing: border-box;} #news .post.tall .postlist li{ background:transparent; margin-bottom:4px} #news .post.tall .postlist li img { margin-right:2px} #news .voir_archives{float:left;text-align:center;font-family:Arial,Georgia,"Times New Roman",serif;font-size:16px;font-weight:bold;margin-top:20px;color:#c20725;text-decoration:none} #news .voir_archives:hover{ text-decoration:underline} #news blockquote#top_description{color:#304C60; font:italic 13px/18px Georgia,"Times New Roman",serif; padding:15px 20px 20px; border:1px dotted #ccc; border-bottom:0; background:#fbfbfb; width:544px; font-style: italic;} #news h1 {color:#3b3b3b; font-size:28px; margin:5px 0 20px 0; font-family:"latoregular", sans-serif; font-weight:normal;} #news .post .sublevel h5 a:hover, #news h2 a:hover{color:#c20725; text-decoration:underline} #news .post .sublevel h5 a{font-family: Helvetica, Arial, sans-serif; color:#c20725; font-size:14px; text-transform:uppercase; margin-bottom:8px; background:0; padding:0} #news .post .sublevel h5 {font-family: Helvetica, Arial, sans-serif; color:#777; font-size:12px; font-weight:normal;} /*** News global -- Post ***/ /**post**/ .post{/*margin-bottom:5px;*/ padding-bottom:10px;/* clear:both;*/ overflow:hidden} .post.last{ border-bottom:none} .post.thema-news{border-bottom:1px solid #e0e0e0;border-left:4px solid #e0e0e0;border-right:4px solid #e0e0e0;padding:15px;background:white;margin-top:5px;} .post.thema-news:first-child{border-top:1px solid #e0e0e0; border-bottom: none; margin-top:0; padding-bottom:0;} .post.thema-news.redbg{background-color:#fff6f7;}/*choisir son enseigne > Secteurs d'activit� en franchise*/ .thema-news>.post{border-bottom:1px solid #e0e0e0; padding-bottom:25px; margin:0 0 25px;} .post.intro.thema-news{margin:0;padding-top:0;} /* Tribunes libres */ #news .thema-news .tribune, #news .thema-news .tribune h2{border:none;} #news .thema-news .tribune, #news .thema-news .tribune h2 a{text-decoration: none;} #news .thema-news .tribune .more{margin-top:25px;} /*niveau 3*/ #archive .post{border-bottom:1px solid #e0e0e0;} /*sublevel*/ #news .post .sublevel {clear:both; margin:25px 0 10px 0;} #news .post .sublevel li{font-family:Helvetica, Arial, sans-serif;} #news .post .sublevel a{font-weight:normal; font-size:13px; line-height:22px; text-transform:none; padding:0 0 10px 13px; background: url(../hab/MR2013/arrow-red.png) left 2px no-repeat; color:#3b3b3b;} #news .post .sublevel .allarticles{background:0; font-size:11px; text-indent:0;color:#777; text-align:right; margin-top:-6px} #news .post .sublevel a:hover{color:#c20725;} #news .post .une-tribune{border-bottom: 1px solid #e0e0e0;padding-bottom: 15px;} /**posttitle**/ .posttitle a {font-family: Georgia, serif; font-size:18px; color:#3b3b3b; font-weight:normal;} .posttitle a:hover{ color:#c20725; text-decoration:none;} .post.first .posttitle{ font-size:18px; line-height:20px} .posttitle img {float:left; margin-right:15px;width:165px;} h3.posttitle {margin-bottom:15px;} /**posthat**/ .posthat{color:#777777; position:relative; font-size:13px; line-height:17px; margin-bottom:0px; overflow:hidden} .posthat .txt {position:absolute; left:175px; top:0px; width:212px} .posthat .txt p {margin-bottom:5px} .posthat .txt p a {color:#777777; font-weight:normal;} .posthat .txt ul {margin-left:6px; margin-bottom:5px} .posthat .txt ul li {color:#333; margin-bottom:1px} .posthat .txt ul li a{color:#333} .posthat .txt ul li a:hover {color:#c20725} .posthat img{float:left; margin-right:10px;margin-bottom:10px; padding:7px; background:#f3f3f3} .posthat a { color:#777777} .posthat .location, .posthat .infos{color:#777; font-size:11px} /**postlist**/ .postlist{ color:#6b6b6b; font-size:12px; line-height:14px; margin-bottom:5px; margin-top:10px; display:none} .postlist li{ background:url(../hab/MR2013/arrow-red.png) 0px 3px no-repeat; padding-left:9px} .postlist li a { color:#6b6b6b} .postlist li a:hover{ color:#c20725} /**postquote**/ .postquote{ background:url(../hab/blockquote.gif) 0px 0px no-repeat; font-family:Georgia,"Times New Roman",serif; font-size:14px; padding-left:25px} .postquote div{ background:url(../hab/blockquote-p.gif) bottom right no-repeat; padding-right:25px} .postquote div p{ line-height:18px; margin-bottom:15px} /******* MAIN CONTENT *******/ /* News Home -- All */ #news #une h2, #news #actu h2, #news #slidehome1 h2, #news #slidehome2 h2, #news .encart h2, #news .encart-video h2, #news .publi h2, #news .wrapper-sliderwide h2, #news .tribune h2 {font-family:"latoregular", "Arial", sans-serif; font-weight: normal; font-size:23px; color:#3b3b3b;line-height:30px;} #news #une h2, #news #actu h2, /*#news .tribune h2 ,*/ #news #outils_services_home h2 {border-bottom: 1px solid #e0e0e0;padding-bottom:8px; margin-bottom:14px;} #news #une h2 > span, #news #actu h2 > span , #news #slidehome1 h2 > span, #news #slidehome2 h2 > span, #news .encart h2 > span, #news .encart-video h2 > span, #news .publi h2 > span, #news .wrapper-sliderwide h2 > span, #news .tribune h2 > span {color:#c20725;} /* News Home -- A la Une & Tribunes libres */ #news #une, #news .tribune {background:#ffffff; border:1px solid #e0e0e0; border-left-width:4px; border-right-width:4px; padding:15px;} #news #une .posttitle, #news .tribune .posttitle {margin-bottom:10px;} #news #une h3 a > img, #news .tribune a > img { float:left; margin-right:8px;} #news .tribune {margin-top:5px; border-top:none; clear:both;} #news .tribune h2{margin-bottom:20px;} #news .tribune .more {background: #c20725; text-align: center; padding: 3px 0;border-radius: 3px;font-size: 14px; color:#ffffff; font-family: latoregular, arial, sans-serif;width: 244px;margin: 15px auto 20px auto;} #news .tribune .more a{color: #ffffff !important;} #news #archive p.more a{color:#ffffff; font-family:latoregular, sans-serif; font-size:14px; background:#c20725; border-radius: 3px; text-align:center; padding:4px 20px; margin:15px 0 auto;float:right;} /* News Home -- Actualite des reseaux - Home */ #news #actu {background:#ffffff; border-bottom:1px solid #e0e0e0; border-left:4px solid #e0e0e0; border-right:4px solid #e0e0e0; padding:15px; margin:5px 0;} #news.home #home_agenda .titre-actu, #news.home .last_actu .titre_info, #news.home .home_actualites .titre_info {color:#c20725; font-size:14px; text-transform:uppercase; font-weight:normal; border-bottom: 1px solid #e0e0e0; padding:0 0 8px 0; margin:0 0 7px 0;} #news.home .duo .post {border:none;padding-left:11px;} /*News Home -- Actualit� des r�seaux*/ #news #actu .last_actu{width:277px; float:left; border-bottom: 1px solid #e0e0e0;height:220px;} #news #actu .last_actu span.time {font-size:11px;color:grey; font-family:Helvetica, Arial, sans-serif; padding:7px 0;} #news #actu .last_actu a {display: block;font-family: "Georgia", serif; font-size:18px; color:#3b3b3b; font-weight:normal; margin:4px 0 8px 0;} #news #actu .last_actu a:hover{ color:#c20725; text-decoration:none;} #news #actu .last_actu p{font-family:"helvetica", "arial", sans-serif; font-size:12px; margin: 0 0 20px 0; padding:0; color:#777777;} #formulaire .fields span.form_lib_projet {font-size:11px;color:#c20725;} /*News Home -- Agenda*/ #news.home #home_agenda{width:291px; float:right; border-bottom: 1px solid #e0e0e0; height:220px} #news.home #home_agenda ul{margin:0; padding:0; border-bottom: 1px solid #e0e0e0;} #news.home #home_agenda li{clear:both; margin: 0 0 10px 0px; line-height:18px; min-height: 50px;} #news.home #home_agenda li h3, #news.home #home_agenda li a, #news.home #home_agenda a:hover{color:#3b3b3b; display:inline; font-family: Helvetica, Arial, sans-serif; font-size:12px;} #news.home #home_agenda li div.date{float:left; width:62px; height:50px; color:#ffffff; margin-right:8px; background:url(../hab/MR2013/agenda.gif) 0 0 repeat-x;} #news.home #home_agenda li div.date .day{display:block; margin-top:13px; font-family:'latobold', sans-serif; font-size:20px; text-align:center;} #news.home #home_agenda li div.date .month{display:block;font-size:12px; text-align:center; font-family:latoregular, sans-serif;} #news.home #home_agenda p.more, #formulaire.newsletter .redbuttonsml, .infobulle a.link, #news.services.partenaires .feature .demonstration li a, #side .side-bloc a.redbuttonplus,#side .side-bloc a.redbuttonsml, #side .side-bloc a.redbuttonlarge, #remerciement .button{background:#c20725; border-radius: 3px; text-align:center; padding:3px; width:195px; margin:7px auto; } #side .side-bloc a.redbuttonplus,#side .side-bloc a.redbuttonsml, #side .side-bloc a.redbuttonlarge{display:block;width: 90px; height:24px;line-height:24px;font-size:11px;color:#fff;font-weight:bold;text-align:center; text-shadow: 1px 1px 0 #860911; margin:-5px 0 0 222px; } #side .side-bloc a.redbuttonplus:hover,#side .side-bloc a.redbuttonsml:hover, #side .side-bloc a.redbuttonlarge:hover{color:#fff !important;} #side .side-bloc a.redbuttonplus:before{content:"+"; font-size:28px; margin-right:5px; width: 10px; height:10px; color:#fff !important; vertical-align: middle;} #formulaire.newsletter .redbuttonsml{display: block; color: #fff; cursor:pointer;padding:0;width: 80px; height: 35px;} #news.home #home_agenda p.more a, #news.home #home_agenda p.more a:hover{color:#ffffff; text-decoration:none; font-size:14px; font-family:latoregular, sans-serif;} /*News Home & Secteurs /Sous-secteurs -- Fil info et Actualités*/ #news.home .home_actualites{clear:both; padding:10px 0 0 0;} #news.home .home_actualites ul{border-bottom: 1px solid #e0e0e0;} #news.home .home_actualites li, #news.secteur .last_actu li{font-family: 'helvetica', 'arial', sans-serif; font-size:12px; margin-bottom:12px;} #news.home .home_actualites li a{color:#3b3b3b; text-decoration:none; } #news.home .home_actualites li a:hover{color:#cc102e; text-decoration:none;} #news.home .home_actualites li a .time, #news.secteur .last_actu li a .time {font-size:11px;color:grey; font-family:Helvetica, Arial, sans-serif; float:left; margin-right:10px;} #news.home .home_actualites p.more{font-family:latoregular, sans-serif; font-size:14px; background:#c20725; border-radius: 3px; text-align:center; padding:3px; width:156px; margin:7px auto;} #news.home .home_actualites p.more a, #news.home #home_agenda p.more a:hover{color:#ffffff; text-decoration:none;} /*News Home -- Vu dans les Echos --- Rencontres Franchise*/ /*#news .post {clear:none;}*/ #news .duo{clear:both; background:#ffffff; border-bottom:1px solid #e0e0e0; border-left:4px solid #e0e0e0; border-right:4px solid #e0e0e0; padding:15px 0; margin-top:5px; position: relative; min-height: 230px;} #news .duo .first{float:left; width:279px; margin-right:20px;} #news .duo .first .duo-titre {color:#c20725; font-family:'latobold', arial, sans-serif; font-size:14px; font-weight:normal; text-transform:uppercase; clear:both;} #news .duo .first .duo-titre > img {padding:2px 0 0 6px; position:absolute;} #news .duo .second{float:left; width:275px;} #news .duo .second > img {float:left;} #news .duo .second .duo-titre{float:left; color:#c20725; font-family:latoregular, arial, sans-serif; font-size:16px; font-weight:normal; text-transform:uppercase; letter-spacing:50; margin: 6px 0 0 15px; padding:0px;} #news .duo .second .duo-titre > span {color:#3b3b3b; font-family:'latobold', arial, sans-serif; font-size:16px; font-weight:normal; text-transform:none; letter-spacing:35; margin-left:4px;} #news .duo .first h3 {border-top:1px solid #e0e0e0; padding-top:9px; margin: 22px 0 8px; height:65px;} #news .duo .second h3 {border-top:1px solid #e0e0e0; padding-top:9px; margin: 39px 0 8px;height:65px;} #news .duo h3 {font-family:"Georgia", serif; font-size:18px; font-weight:normal; clear:both; } #news .duo h3 > a {color:#3b3b3b; text-decoration:none;} #news .duo h3 > a:hover {color:#c20725; text-decoration:none;} #news .duo p{color: #777777; font-family: helvetica,arial,sans-serif; font-size: 12px; padding-bottom: 26px;/*height:60px;*/} #news .duo .second p {margin-bottom:14px;height:59px;} #news .duo .div_more {border-top:1px solid #e0e0e0; padding:10px 0; margin-top:15px; position: absolute; bottom: 5px; width: 279px;} #news .duo .more {margin:auto; width:195px; background:#c20725; border-radius:3px; text-align:center; font-family:latoregular, arial, sans-serif; font-size:14px; font-weight:normal; padding:3px 0;} #news .duo .more > a, #news .duo .more > a:hover {color:#fffefe; text-decoration:none;} /******* MAIN CONTENT -- ENCART TEMOIGNAGES & INTERVIEWS *******/ /*Encart -- General*/ #news .encart, #news .publi{clear:both; background:#ffffff; margin-top:5px; padding:15px; border-bottom:1px solid #e0e0e0; border-left:4px solid #e0e0e0; border-right:4px solid #e0e0e0;} #news .publi ul {padding:0; margin:17px 0 0 -2px; height:363px; border-bottom:1px solid #e0e0e0;} #news .encart ul {padding:0; margin:17px 0 0 -2px; height:196px; border-bottom:1px solid #e0e0e0;} #news .encart li, #news .publi li{height:175px; width:174px; float:left; margin:0 30px 10px 0px;} .ie6 .encart li{display:inline} #news .encart img , #news .publi img{width:164px; height:95px;} #news .encart img {background:#000000; padding:5px 0;} #news .encart p.enseigne, #news .publi p.enseigne {color:#c20725; font-family:latoregular, arial, sans-serif; font-size:16px; font-weight:normal;} #news .encart p, #news .publi p {font-family:helvetica, arial, sans-serif; font-size:12px; padding:0; margin:3px 0 0 0;color:#777777;} #news .encart p.nom, #news .publi p.nom{color:#3b3b3b; margin-top:3px;} #news .encart p.fonction{color:#777;} #news .encart a, #news .publi a {color:#3b3b3b;} #news .encart .more, #news .publi .more{clear:both;} #news .publi p.more{width:244px; margin:15px auto 20px auto;} #news .publi p.more, #news .encart p.more, #news .encart p.more1{background:#c20725; text-align:center; padding:3px 0; border-radius:3px; font-size:14px; font-family:latoregular, arial, sans-serif;} #news .encart p.more > a, #news .publi p.more > a, #news .encart p.more1 > a {color:#ffffff; text-decoration:none;} #news .encart .more-encart {padding:10px 0; margin-bottom:30px;} #news .encart .more-encart p.more{float:left; width:244px;} #news .encart .more-encart p.more1{float:right; width:276px;} #news .encart.contour h2 {text-transform:none;} #news .encart.contour ul {border:none;} /*Video 2010_bloc_thematique_2_bloc_3 (Vid�os)*/ #news .encart.thema-news ul{border-bottom:none;height:100%;} /********* MAIN CONTENT -- PUBLI-INTERVIEW *****/ #article.publi-interview{display: inline; float: left; overflow: hidden; width: 618px; font-size: 14px; line-height: 20px; background: #f3f3f3;} #article.publi-interview .content h2{font-family:'latobold', arial, sans-serif;} #article.publi-interview .content h3{color: #cb0000; display: inline; font-size: 12px; margin-bottom: 20px; margin-right: 0.4em; text-transform: uppercase;} #article.publi-interview .content h2 + h3, #article.publi-interview .content hr + h2, #article.publi-interview .content h2 {margin-bottom:18px; margin-top:18px} #article.publi-interview .content h3 + p{display:inline} #article.publi-interview .content p{color:#3b3b3b;font-size:14px;line-height:20px;margin:20px 0} #article.publi-interview .content p iframe{display:block; margin:auto; border:10px solid #e5e5e5} /*video brightCove*/ #article.publi-interview .content{padding-bottom:10px} #article.publi-interview .photo{background:#f8f9fa; color:#999;float:left;font-size:12px;line-height:18px;margin:0px 15px 10px 0px; padding:0 0px 10px 0px; width:220px;} #article.publi-interview .content a{color:#3b3b3b; text-decoration:none} #article.publi-interview .content a:hover{color:#3b3b3b;text-decoration:none} #article.publi-interview .info{border-bottom:1px solid #e0e0e0; color:#e0e0e0; font-size:12px; line-height:21px; margin:10px 0 0 0; padding:0 0 6px 0; position:relative;} #article.publi-interview .auteur{color:#777;font-size:12px;line-height:14px; padding:4px 30px 4px 0; margin:0px} #article.publi-interview .tools{color:#535353; text-align:right; position:absolute; top:-2px; right:0} #article.publi-interview .tools > *{display:inline-block;} #article.publi-interview .tools .fb{top:0; left:-65px; position:absolute;} #article.publi-interview .info span{float:left} #article.publi-interview blockquote{background:url(../hab/MR2013/blockquote.gif) 0px 0px no-repeat;font-family:Georgia,"Times New Roman",serif;margin:25px 0 30px; font-style: italic;} #article.publi-interview blockquote p{background:url(../hab/MR2013/blockquote-p.gif) bottom right no-repeat;color:#777; font-size:16px; font-weight:normal;padding:0 25px; line-height:22px;} #article.publi-interview .contour-first .post.thema-news #videos_enseigne .post{border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 5px;} #article.publi-interview .contour-first .post.thema-news #videos_enseigne a .posttitle{font-family: Georgia, serif; font-size: 18px; color: #3b3b3b; font-weight: normal; padding-right:15px} #article.publi-interview .contour-first .post.thema-news #videos_enseigne a:hover .posttitle {color: #c20725; text-decoration: none;} #article.publi-interview .contour-first .post.thema-news #videos_enseigne a img{float:left;height:95px;margin:0px 5px 0px 0px;width:165px} #article.publi-interview .contour-first .post.thema-news #videos_enseigne a p{color: #777777; position: relative; font-size: 13px; line-height: 17px; margin-bottom: 0px;} #article.publi-interview ul{margin:20px 0 0 0; font-size:13px; line-height:24px;} #article.publi-interview ul li{background: url("../hab/MR2013/arrow-red.png") no-repeat 0 8px;clear: both;padding-left: 14px;} #article.publi-interview ul li a{color:#6B6B6B;} #article.publi-interview ul li a:hover{color:#c20725;} /******* MAIN CONTENT -- LEVEL 1 *******/ /*** level 1 -- General ***/ /*level 1 -- Introduction */ #news div.intro div.symbole{padding:30px 0px 0px; border-top:1px solid #e0e0e0;} #news div.intro img{background:#f3f3f3} /* level 1 -- B type post */ #news .post.type_b ul.sublevel{clear:both; padding-top:10px} #news .post.type_b ul.sublevel li{line-height:20px; margin-bottom:10px;} #news .post.type_b ul.sublevel div a{text-transform:uppercase; color:#c20725; font-size:14px; background:none; margin:0; padding:0;} #news .post.type_b ul.sublevel li div {color:#777; font-size:13px;} #news .post.intro.type_b h3.posttitle img{float:left; margin:0 20px 0 0} #news .post.intro.type_b h3{margin:0px 0px 8px 0} #news .symbole>div{min-height:95px;} /******* MAIN CONTENT -- LEVEL 1 -- PANORAMA DES SECTEURS *******/ #panorama{margin:0 0 20px 0;} #panorama .intro{font-size:13px; line-height:18px} #panorama .intro strong{font-size:18px; line-height:18px; font-weight:normal; display:block; margin-bottom:15px;} #panorama .intro span{color:#c20725; font-size:18px; line-height:18px; font-weight:normal; display:block; margin-top:15px;} #panorama ul{margin:20px 0 20px 0;} #panorama ul li{display:block; width:229px; float:left; margin: 0 10px 18px 0; padding:0px 0 0 51px; font-family:latoregular, arial, sans-serif; font-size:16px; font-weight:normal; position:relative} #panorama ul li a{color:#777} #panorama ul li a span{display:block; background:url(../hab/MR2013/icones-secteurs-red.png) no-repeat; width:46px; height:43px; position:absolute; left:0; top:0} #panorama ul li strong{margin-top:5px; display:block; font-size:15px; line-height:16px; text-transform:uppercase; font-family:latoregular, arial, sans-serif; font-weight:normal; color:#3b3b3b} #panorama div {clear:both; border-top:1px solid #e0e0e0; /*width:545px;*/ padding-top:20px; margin-top:20px; display:inline-block} #panorama div img{background:#d6c5c5} #panorama ul li.auto-moto span {background-position:0 0} #panorama ul li.beaute-sante-bien-etre span {background-position:0 -429px} #panorama ul li.commerce-alimentaire span {background-position:0 -62px} #panorama ul li.commerce-specialise span {background-position:0 -491px} #panorama ul li.culture-loisirs span {background-position:0 -123px} #panorama ul li.deco-et-amenagement span {background-position:0 -550px} #panorama ul li.distribution span {background-position:0 -184px} #panorama ul li.economie-verte span {background-position:0 -611px} #panorama ul li.immobilier span {background-position:0 -674px} #panorama ul li.hotellerie-restauration span {background-position:0 -247px} #panorama ul li.pret-a-porter span {background-position:0 -307px} #panorama ul li.services-aux-particuliers span {background-position:0 -368px} #panorama ul li.services-aux-entreprises span {background-position:0 -735px} #panorama ul li.travaux-et-habitat span {background-position:0 -796px} #panorama ul li a:hover{color:#777} #panorama ul li a:hover strong{color:#777} /******* MAIN CONTENT -- FICHE ENSEIGNE / BANQUE*******/ /*** Fiche enseigne / banque - general ***/ #identity{display:inline /*ie6*/; float:left; width:715px; border-left:4px solid #e0e0e0; padding:20px 0 20px 15px; background:#fff; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;} #identity .tabs{height:42px; width:706px; background: #fff;} #identity .tabs li{display:inline;} #identity .tabs a{margin-right:2px; border-top-left-radius:4px; border-top-right-radius:4px; border:1px solid #e0e0e0; background:#f7f7f7; color:#3b3b3b; cursor:pointer; display:block; float:left; font-size:14px; font-weight:normal; font-family:latoregular, arial, sans-serif; height:41px; text-align:center} #identity .tabs a:hover, #identity .tabs a.on{background-color: #c20725; color:#fff; text-decoration:none; border: 1px solid #ac0520;} #identity .tabs a.off{background-color:#e0e0e0; color:#777777;cursor: default} #identity .tabs a.off:hover{border:1px solid #e0e0e0;} #identity .bloc{margin:0; padding:0;} #identity .bloc h2{color:#c20725; font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:normal; line-height:25px; margin: 15px 0 20px;} #identity .bloc h2 span.sub {font-size:small;font-style:italic; display: block; color: #777;} #identity .content {width:674px; border:1px solid #e0e0e0; padding:10px 15px;} #identity .content p, #identity .content ol, #identity .content ul{line-height:20px; margin-bottom:20px} #identity .content ol, #identity .content ul{font-size:12px; padding:0px 10px} #identity .content li{margin:0} #identity .content .thumb{ background:url(../hab/id-thumb.gif) 0px 0px no-repeat; height:136px; display:block; float:left; margin-right:5px; padding:4px 0px 0px 4px; width:204px} #identity .bloc .focus{ background: #fafafa; border: 1px solid #cecece; color: #6b6b6b; padding: 10px 20px 20px 20px; border-radius: 5px;} #identity .bloc .focus h3{font-family:Georgia,"Times New Roman",serif; font-size:18px; font-weight:normal; line-height:30px; margin-bottom:5px; color: #c20725;} #identity .bloc .focus p{ color:#777; font-size:12px; line-height:16px} /*** Fiche enseigne -- Carte identite***/ #brand{background:#f8f9fa; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-left: 4px solid #E0E0E0; border-right: 4px solid #E0E0E0; margin:20px 0 0 0; position:relative; min-height: 200px; height:auto !important;overflow:hidden} #brand #left-panel{display:table-cell; padding:10px 0 0px 15px; background-color: white; border-right: 4px solid #e0e0e0;min-height: 230px; position:relative;} #brand #left-panel .label{margin-bottom: 10px;} #brand #right-panel{display:table-cell; background: #fafafa; height: 200px;} #brand h1 {margin-left: 155px; width: 559px;} #brand h1 span.subtitle{color:#3b3b3b; display:block; font-size:14px; line-height:14px; text-transform:none; font-style:normal; font-family:helvetica, arial, sans-serif; border-bottom:1px solid #e0e0e0; padding:5px 0 15px 0;} #brand blockquote{background: url(../hab/MR2013/blockquote.gif) 0px 0px no-repeat; font-family:"Georgia","Times New Roman",serif; color:#777; font-size:16px; font-weight:normal; font-style:italic; line-height:22px; margin:18px 0 20px 150px; width: 500px; padding-left: 40px;} #brand blockquote p{display: inline-block; background: url(../hab/MR2013/blockquote-p.gif) bottom right no-repeat; padding-right: 40px;} #brand .logo{position:absolute; top:60px;margin-top: 10px;} #brand .location{color:#3b3b3b; padding: 0 15px; width:235px;} #brand .location p{font-size:14px; text-transform:uppercase; color:#c20725; line-height:16px; display:block;} #brand .location p:nth-child(2){margin-top:10px;} #brand .location p a, #brand .location ul li a{ color:#3b3b3b; font-weight:normal; font-size:12px; line-height:23px; text-transform:none; text-decoration: none; margin-top:29px} #brand .location p a:first-child, #brand .location ul li a:first-child{ font-weight: bold;} #brand .location ul li{background:url(../hab/MR2013/arrow-red.png) 0px 6px no-repeat;clear:both;padding-left:14px} #brand .details{color:#3b3b3b; clear:both; display:block; border-top:1px solid #e0e0e0; margin: 5px 15px 10px; width:225px; font-size: 11px; padding-top: 5px;} #brand .details strong{line-height:20px; color:#3b3b3b; font-weight:bold} #brand .adhesion{position:absolute; top:10px; right:275px} #brand .adhesion img{margin-left:10px} /*** Fiche enseigne -- Date de mise à jour de l'article ***/ #identity .date_maj{text-align: right; font-size: 10px; color: #888; margin-right: 17px;} /*** Fiche enseigne -- Onglets***/ #identity #tab01{width:118px; height:31px; padding:10px 0 0 0;} #identity #tab02{width:140px; height:38px; padding:3px 0 0 0;} #identity #tab03{width:124px; height:31px; padding:10px 0 0 0;} #identity #tab04{width:109px; height:38px; padding:3px 0 0 0;} #identity #tab05{width:88px; height:38px; padding:3px 0 0 0;} #identity #tab06{margin-right:0px; width:105px; height:31px; padding:10px 0 0 0;} /*** Fiche enseigne -- Onglet fonctionnement du r�seau***/ #identity .bloc .commentaires{ padding:10px 20px 20px 20px;margin-top:10px;margin-bottom:10px; } #identity .bloc .commentaires p{ color:#000; font-size:12px; font-weight:bold; line-height:16px; } #identity .bloc .col{ float:left; text-align:left; width:324px} #identity .bloc .col.first{ margin-right:20px} #identity .bloc .col .item, #identity .bloc .comments{ clear:both; border:1px solid #cecece; font-size: 14px;} #identity .bloc .col .item{margin-bottom: 10px;} #identity .bloc .col .item .title, #identity .bloc .comments .title{ color:#201E1E; font-weight:bold; line-height:17px; padding:10px; width:95px; background-color: #EBEBEB; border-right: 1px solid #cecece; display: table-cell;} #identity .bloc .col .item .title{ padding:10px 20px 10px 10px; position:relative; width:150px;} #identity .bloc .col .item .title .question{ background:url(../hab/MR2013/infobulle-bg.gif) 0px 0px no-repeat; display:block; height:19px; position:absolute; right:3px; top:4px; width:19px; font-size: 14px;} #identity .bloc .col .item .info, #identity .bloc .comments .info{ color:#5e5e5e; line-height:17px; padding:10px; width:575px; background-color: #fff; display: table-cell;} #identity .bloc .col .item .info{width:122px; max-height:300px; overflow-y:auto;} /*** Fiche enseigne -- Onglet Implantation***/ #identity .bloc .location{float:right; height:303px; margin-right:10px; padding:9px; width:265px} #identity .bloc .location .status .filters{ height:43px; font-size: 14px;} #identity .bloc .location .status .filters a{ background:0px 0px no-repeat; display:block; float:left; font-weight:bold; height:35px; line-height:35px; padding-left:26px} #identity .bloc .location .status .filters a.exist{ background:url(../hab/MR2013/pushpin_ok.gif) left center no-repeat;} #identity .bloc .location .status .filters a.exist span{color: #FFB322;} #identity .bloc .location .status .filters a.free{background: url(../hab/MR2013/pushpin_free.gif) left center no-repeat; color:#4b4b4b; margin-left:20px;} #identity .bloc .location .status .filters a.free span{color: #00BF54;} #identity .bloc .location .status .list{ clear:both; height:260px; overflow-x:hidden; overflow-y:scroll; width:265px} #identity .bloc .location .status .list a{ background:#F5F5F5 url(../hab/MR2013/pushpin_free.gif) 7px 10px no-repeat; display:block; font-weight:bold; line-height:16px; margin-bottom:5px; padding: 10px 0px 10px 35px; width:212px} #identity .bloc .location .status .list a.on{background: #F5F5F5 url(../hab/MR2013/pushpin_ok.gif) 7px 10px no-repeat;} #identity .bloc .location .status .list a span{ display:block} #identity .bloc .location .status .list a span.address{ color:#4b4b4b; font-size: 14px;} #identity .bloc .map{ border:1px solid #e8e8e8; height:317px; overflow:hidden; margin-bottom:10px; padding:3px; width:347px} #identity .bloc.implantation .focus h3{ background:url(../hab/h3-globe.gif) 0px 0px no-repeat; padding-left:35px} /*** Fiche enseigne -- Onglet Candidats recherches***/ #identity .bloc.profile .info{ margin-bottom: 25px; width: 400px; display: inline-block; float: left;} #identity .bloc.profile .info h2{ margin-bottom:15px} #identity .bloc.profile .info p{ color:#3b3b3b; font-size: 12px; line-height:18px; margin-bottom:0px} #identity .bloc.profile .info p strong{color:#000;} #identity .bloc.profile .info p.profil_type{font-family:Georgia,"Times New Roman",serif;margin-bottom:20px;font-weight:bold} #identity .bloc.profile .focus{ margin:0px 20px 10px 0px; width:350px; display: inline-block;} #identity .bloc .stars{ float:right; width:227px; display: inline-block; margin-right: 15px;} #identity .bloc .stars .rating{ border:1px solid #cecece; height:33px; margin-bottom:10px; position:relative} #identity .bloc .stars .rating .title{background: #EBEBEB; border-right:1px solid #cecece; color:#201E1E; float:left; font-weight:bold; height:33px; line-height:33px; text-indent:10px; width:117px; font-size: 14px;} #identity .bloc .stars .rating .rank{ background:#f6f6f6;float:left; height:33px; line-height:33px; position:relative; text-indent:-290486px; width:107px} #identity .bloc .stars .rating .rank span{ background-image:url(../hab/MR2013/stars.gif); right:20px; top:8px} #identity .bloc .stars .help{ padding-top:20px} #identity .bloc .stars .help .rank{ float:left; font-weight:bold; height:16px; line-height:16px; position:relative; text-indent:-290486px; width:77px} #identity .bloc .stars .help .rank span{ left:0px; top:0px} #identity .bloc .stars .help .text{ color:#727272; font-weight:bold; height:16px; line-height:16px; margin:5px 0px; font-size: 14px;} /*** Fiche enseigne -- Onglet Actu du reseau***/ #identity .bloc .feed p { background:#FAFAFA;color:#000000;font-size:14px;line-height:20px; margin-bottom:5px; padding:10px; border-bottom:1px dotted #ccc; border-left:1px dotted #ccc; border-right:1px dotted #ccc} #identity .bloc .feed{ margin-bottom:20px} #identity .bloc .feed ul li{ display:inline;/*ie6*/} #identity .bloc .feed ul li{ display:inline-block; width:100%; margin:7px 0 0 0;} #identity .bloc .feed ul li a{border-bottom:1px solid #E0E0E0; color:#3b3b3b; display:block; font-family:"Arial","Times New Roman",serif; font-size:16px; font-weight:normal; line-height:19px; padding:0 10px 7px 0;} #identity .bloc .feed ul li a.read{ font-weight:bold} #identity .bloc .feed ul li a:hover{ color:#c20725} #identity .bloc .feed span.label, #actualite .news span.label{ background:#dc0000; color:#fff; font-family:Arial,Georgia,"Times New Roman",serif; padding:2px 3px; font-weight:bold; font-size:10px; text-transform:uppercase} #identity .bloc .feed.article ul li a, #actualite .news .article ul li a{font-size:14px} #identity .bloc .feed ul li .date, #actualite .news ul li .date { font-size:14px; color:#c20725; font-weight:bold} #identity .bloc .feed ul li .time, #actualite .news ul li .time{ font-size:14px; color:#c20725} /*** Fiche enseigne -- Onglet temoignages***/ .temoignage{margin:10px 0px 20px; border-bottom: 1px #cecece solid;} .temoignage .post{margin:0;padding:0} #identity .temoignage .sublevel {clear:both} #identity .temoignage .sublevel li a{ color:#6B6B6B} /* similaire � "#actualite .news ul li a" */ #identity .temoignage .sublevel li a:hover{color:#c20725;} /*** Fiche enseigne -- Video***/ #identity .bloc.video{} #identity .bloc .videobox{ border:1px dotted #afafaf; height:190px; margin:0px 0px 20px 0px; padding:5px} #identity .bloc .videobox .videolist{ color:#4b4b4b; font-size:11px; height:188px; overflow-x:hidden; overflow-y:scroll} #identity .bloc .videobox .videolist li{ float:left; height:140px; margin-bottom:5px; padding-bottom:5px; width:158px} #identity .bloc .videobox .videolist a{ color:#c20725} /*** Fiche enseigne -- Bloc slideshow***/ #identity .bloc.diaporama{ padding:30px 10px} #identity .bloc.diaporama .image{ float:left; width:340px; padding:4px; border:1px solid #EEE} #identity .bloc.diaporama .image .credits{ display:block; padding: 0 5px 0 5px; text-align:center; font-size:11px; color:#555} #identity .bloc.diaporama .description{ float:left; padding-left:10px; width:330px} #identity .bloc.diaporama .description h2{ margin-bottom:10px; text-align:left} #identity .bloc.diaporama .description h3{ font-size:14px; margin-bottom:10px; position:relative} #identity .bloc.diaporama .description h3 .links{ color:#CCC; font-weight:normal; position:absolute; right:0px; top:0px; font-size:11px} #identity .bloc.diaporama .description h3 .links a{ color:#444; text-decoration:none} #identity .bloc.diaporama .description h3 .links a:hover{ color:#c20725} #identity .bloc.diaporama .description p{ margin-bottom:10px} /*Fiche enseigne -- Ranking */ .rank span{ background:url(../hab/MR2013/stars-blanc.gif) 0px 0px no-repeat; display:block; height:16px; position:absolute; width:67px} .rank0 span{ background-position:0px 0px} .rank1 span{ background-position:0px -16px} .rank2 span{ background-position:0px -32px} .rank3 span{ background-position:0px -48px} .rank4 span{ background-position:0px -64px} .rank5 span{ background-position:0px -80px} .rank6 span{ background-position:0px -96px} /*** Fiche banque ***/ .partenaires {background:#ffffff} .partenaires #brand{background:#ffffff; border-left:4px solid #e0e0e0} .partenaires #brand h1 span{font-family:helvetica, arial, sans-serif; font-size:14px; color:#3b3b3b;} .partenaires #brand h1{font-family:georgia,serif; font-size:28px; color:#0dafeb;} .partenaires #brand img {left: 15px; top:16px; position:absolute; margin:0; padding:0;} .partenaires #brand blockquote{background-image:url(../hab/MR2013/blockquote-partenaire.gif)} .partenaires #brand blockquote p{background-image:url(../hab/MR2013/blockquote-p-partenaire.gif)} .partenaires #brand .location p > img{margin:7px 0 0; padding:0; position:inherit;} .partenaires #identity .bloc h2{font-size:georgia, serif; color:#0dafeb; font-size:22px; font-weight:normal; line-height:25px; margin:30px 0;} .partenaires #identity .bloc h2 a {color:#0dafeb; text-decoration:underline} .partenaires #identity .bloc{border-top:none} .partenaires #identity .bloc .content {color:#3b3b3b;font-size:13px;} .partenaires .content p{text-align:justify; margin-top:20px; } .partenaires #identity .tabs li a:hover, .partenaires #identity .tabs li a.on{background:#0dafeb; border:1px solid #0092c8; color:#fff} .partenaires #identity .tabs a.off{background:#e0e0e0 !important; color:#777777 !important;cursor: default} .partenaires #identity .tabs a.off:hover{border:1px solid #e0e0e0;} .partenaires #identity .tabs li a#tab01, .partenaires #identity .tabs li a#tab02, .partenaires #identity .tabs li a#tab03, .partenaires #identity .tabs li a#tab04, .partenaires #identity .tabs li a#tab05{width:162px; height:41px; line-height:41px; padding:0;} .partenaires #actions a.documentation{margin-bottom:10px} /******* MAIN CONTENT -- PAGE ARTICLE / DOSSIER*******/ /*** Page article / dossier -- generique ***/ #dossier h1 {clear:both} #dossier p object, #article p object{display:block; margin:auto; text-align:center; background:#ddd; padding:10px} #article .content h2{font-family:"Georgia","Times New Roman",serif; font-size:20px; line-height:23px} #article .more a, #lexique .more a, #actualite .more a{color:#6b6b6b} #article .more a:hover, #lexique .more a:hover, #actualite .more a:hover{color:#c20725} #article .content .pagination, #dossier.chapitre .content .pagination, #actu_du_reseau .content .pagination{padding:20px 0px; text-align:center; clear:both;} #article .content .pagination a, #article .content .pagination span, #dossier.chapitre .content .pagination a, #actu_du_reseau .content .pagination a, #actu_du_reseau .content .pagination span{background:#e0e0e0; color:#3b3b3b !important; font-size:14px; font-weight:normal; height:23px; line-height:23px; padding:5px 10px;margin-right:5px} #article .content .pagination a:hover, #article .content .pagination span,#dossier.chapitre .content .pagination a:hover, #actu_du_reseau .content .pagination a:hover, #actu_du_reseau .content .pagination span{color:#ffffff !important; background:#3b3b3b;} #article .content .pagination a.text, #dossier.chapitre .content .pagination a.text, #actu_du_reseau .content .pagination a.text {color: #777!important; background:none; font-weight:normal;} #article .content .pagination a.text img, #dossier.chapitre .content .pagination a.text img, #actu_du_reseau .content .pagination a.text img {vertical-align:middle;} #article #brand_article #actions .bloc {background:url("../hab/MR2013/actions-bloc.gif") no-repeat scroll 0 0;} .article {display:inline-block;overflow:hidden; width:618px; font-size:14px; line-height:20px;} .article .content h2, #dossier_illustre h2{font-family: "Georgia","Times New Roman",serif; font-size:20px; line-height:23px;} #dossier_illustre h2{text-align: center; margin-bottom: 20px;} .article .content h3{color:#c20725;display:inline;font-size:12px;margin-bottom:20px;margin-right:0.4em;text-transform:uppercase;} .article h2 + h3, .article hr + h2, .article p + h2 {margin-bottom:18px; margin-top:18px;} .article .content h3 + p{display:inline;} .article .content {padding-bottom:10px} .article .photo, .photo_article1, .photo_last{background:#f8f9fa; color:#999;float:left;font-size:12px;line-height:18px;margin:0px 15px 10px 0px; padding:0 0px 10px 0px; width:220px;} .article .content p{color:#3b3b3b;font-size:14px;line-height:20px;margin:20px 0} .article .content p iframe{display:block; margin:auto; border:10px solid #e5e5e5;} /*video brightCove*/ .partenaires .article .content a, .partenaires .article .content a.text:hover, .article .content a, .article .content a:hover, #identity a, #dossier.chapitre .contour-first .post.thema-news .content a, #dossier.chapitre .contour-first .post.thema-news .content a:hover, .article .content a.text:hover,.article .content a:hover {color:#0dafeb; text-decoration:none;} .article .auteur, .article .content .auteur a{color:#777;font-size:12px;line-height:14px; padding:4px 30px 4px 0; margin:0px;} .article .content .auteur a:hover{color:#0dafeb;} .article .info{border-bottom:1px solid #e0e0e0; color:#e0e0e0; font-size:12px; line-height:21px; margin:10px 0 0 0; padding:0 0 6px 0; position:relative;} .article .tools {color:#535353; text-align:left;} .article .tools > * {display:inline-block;} .article .info span{float:left;} .article .more, #lexique .more, #actualite .more{clear:both; margin-top: 5px; padding-bottom: 10px;} .article .more ul, #lexique .more ul, #actualite .more ul {color:#3b3b3b;font-size:13px;line-height:24px; margin-bottom:10px;margin-top:5px;} .article .more li, #lexique .more li, #actualite .more li{background:url(../hab/MR2013/arrow-red.png) 0px 5px no-repeat;clear:both;padding-left:14px} .article .subtitle {color:#000;font-size:14px;font-weight:bold;margin-bottom:20px} .article blockquote {background:url(../hab/MR2013/blockquote.gif) 0px 0px no-repeat;font-family:Georgia,"Times New Roman",serif;margin:25px 0 30px; font-style:italic;} .article blockquote p {background:url(../hab/MR2013/blockquote-p.gif) bottom right no-repeat;color:#777; font-size:16px; font-weight:normal;padding:0 25px; line-height:22px;} .article .exergue, #identity .exergue {background:url(../hab/exergue.gif) 5px 0px no-repeat;float:right;margin:0 0 0px 25px;padding-bottom:30px;width:220px} .article .exergue .auteur, #identity .exergue .auteur{background:url(../hab/exergue-p.gif) bottom right no-repeat;background-image:none;display:block;font-size:11px;font-style:italic;line-height:20px;margin-bottom:0;margin-top:8px;padding:0 25px 0 30px;text-align:right} .article .exergue p, #identity .exergue p {background:url(../hab/exergue-p.gif) bottom right no-repeat;font-size:16px;font-style:italic;line-height:20px;margin-bottom:0;padding:0 25px 0 30px} .content h3 + p + hr{margin:0 0 20px; display:block} .content hr{visibility:hidden; display:none; margin:0} .content li{background:none;} .content ul li{list-style-image: none;padding: 0 0 0 15px;background: url(../hab/MR2013/arrow-red.png) no-repeat 2px 5px;} .content ol li{list-style-type:decimal; margin:10px 0 0 35px;} .content ul, .content ol{margin:20px 0;} .img_livre {background:#EEE;border-bottom:1px dotted #ccc;color:#6b6b6b;float:left;font-size:12px;line-height:15px;margin:0px 20px 10px 0px;padding:5px;width:150px} .credits {color:#999;font-size:11px;} .texteassocie {font-style: italic; font-size: 12px;} .photo_article1{width:560px; float:none; margin:auto} .article .droite{float:right;margin:0 0 10px 20px} .photo img, .photo_article1 img,.photo_last img{margin-bottom:5px} .photo_article1 img{height:150px;width:560px} /*** Page article -- Encart bleu wide ***/ .saviezvous .text {color:#777;font-size:13px;line-height:17px; margin:0 0 20px} .saviezvous .text ul{margin-bottom:15px; font-size:14px} .saviezvous .text li{list-style-type:disc; margin:0 0 2px 15px} .saviezvous h2, .saviezvous h5 {color:#c20725;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:normal;line-height:20px;} .article .wide,#identity .wide{width:auto; float:none} .fl-right{float:right; margin:10px 0 10px 20px} /*** Page article -- Tableau article ***/ .tableau-article {border-top:1px solid #C10014;} .tableau-article table { font-size:12px;} .tableau-article tr.lign-color { background:#C10014; color:#ffffff;} .tableau-article td {vertical-align:middle;padding:2px;font-size:13px;} /*** Page article -- carte enseigne ***/ #brand_article{border:1px solid #e0e0e0; padding:8px; margin:0 0 20px 0; position:relative; width:563px} #brand_article .logo{margin:0; width:130px; left:13px; position:absolute; top:15px; box-shadow: 1px 1px 2px 0px #e0e0e0;} #brand_article .h1{color:#3b3b3b;font-family:Helvetica, Arial,sans-serif;font-size:20px;font-weight:normal; padding-left:150px;line-height:22px;position:relative;text-transform:uppercase;top:0px; margin:5px} #brand_article .h1 span{display:block;font-size:13px;line-height:14px;text-transform:none; color:#777; font-style:italic;} #brand_article #actions{background:#fff; border:0; position:relative; overflow:hidden; right:0; width:auto; margin:0 0 5px 144px; padding:0; zoom:1} #brand_article #actions a{ *display:inline} #brand_article #actions .documentation{float:right; margin:2px 0 0} #brand_article #actions .bloc, #brand_article #actions .alone {float:left; height:22px; line-height:15px; margin:3px 0px 0px 9px; padding:9px 0 8px 36px;position:relative;width:169px} #article #brand_article #actions .actu_reseau, #article #brand_article #actions .voir_fiche {background-position:0px -42px; height:24px; line-height:12px; padding:8px 0 8px 36px; width:55px} #brand_article #actions .ok{background:#fff url(../hab/actions-blue.gif) top center repeat-x; border:1px solid #999; color:#608e24;height:40px;width:167px} #brand_article #actions .icon{background:url(../hab/MR2013/ajout-selection.png) 0 0px no-repeat} #brand_article #actions .voir_fiche .icon{background:transparent url(../hab/MR2013/icon-fiche.png) 0px center no-repeat; margin-top:2px;} #brand_article #actions .actu_reseau .icon{background:url(../hab/MR2013/icon-actu-reseau.png) 0px center no-repeat; margin-top:2px;} #brand_article #actions .cv .icon{background:transparent url(../hab/action-icon-cv.gif) 5px center no-repeat} #brand_article #actions .infos .icon{background:transparent url(../hab/action-icon-doc.gif) 5px center no-repeat} #brand_article #actions .ok .icon{background-image:url(../hab/actions-ok.gif)} #brand_article #actions .okselection .icon{background-image:url(../hab/icon-malette-delete.gif)} #brand_article #actions .alone .icon{background-position:0 0} /*** Page article -- Video enseigne ***/ #videos_enseigne{margin:20px 0px 20px 0px} #videos_enseigne .bloc{margin-bottom:10px } #videos_enseigne .bloc .posthat{float:left;font-size:12px;margin:0px 0px 0px 0px;width:410px} /******* MAIN CONTENT -- PAGE DOSSIER*******/ /*** Page dossier -- general ***/ #dossier.chapitre{display: inline; float: left; overflow: hidden; width: 618px; font-size: 14px; line-height: 20px;} #article.publi-interview .content h2{font-family:'latobold', arial, sans-serif;} #article.publi-interview .content h3{color: #cb0000; display: inline; font-size: 12px; margin-bottom: 20px; margin-right: 0.4em; text-transform: uppercase;} #article.publi-interview .content h2 + h3, #article.publi-interview .content hr + h2, #article.publi-interview .content h2 {margin-bottom:18px; margin-top:18px} #article.publi-interview .content h3 + p{display:inline} #article.publi-interview .content p iframe{display:block; margin:auto; border:10px solid #e5e5e5} /*video brightCove*/ #article.publi-interview .content{padding-bottom:10px} #article.publi-interview .photo{background:#f8f9fa; color:#999;float:left;font-size:12px;line-height:18px;margin:0px 15px 10px 0px; padding:0 0px 10px 0px; width:220px;} #article.publi-interview .content a{color:#ac0520; text-decoration:none} #article.publi-interview .content a:hover{color:#ed1944;text-decoration:none} #article.publi-interview .info{border-bottom:1px solid #e0e0e0; color:#e0e0e0; font-size:12px; line-height:21px; margin:10px 0 0 0; padding:0 0 6px 0; position:relative;} #article.publi-interview .auteur{color:#777;font-size:12px;line-height:14px; padding:4px 30px 4px 0; margin:0px} #article.publi-interview .tools{position:relative; text-align:left; top:-2px; right:0} #article.publi-interview .tools > *{display:inline-block;} .tools .widget-share iframe{bottom: 7px;position: relative;} .tools .widget-share iframe{vertical-align: baseline !important; top:1px !important;} #article.publi-interview .info span{float:left} #article.publi-interview blockquote{background:url(../hab/MR2013/blockquote.gif) 0px 0px no-repeat;font-family:Georgia,"Times New Roman",serif;margin:25px 0 30px; font-style: italic;} #article.publi-interview blockquote p{background:url(../hab/MR2013/blockquote-p.gif) bottom right no-repeat;color:#777; font-size:16px; font-weight:normal;padding:0 25px; line-height:22px;} /*** Page dossier -- Sommaire ***/ #sommaire a:hover{text-decoration:none} #sommaire .label span {background:none; margin-bottom:10px;} #sommaire{clear:both;} #sommaire #liste{float:right;margin-right:10px;width:340px; font-size:12px; line-height:16px; font-weight:normal;} #sommaire #liste .dossier{border-bottom:1px solid #e0e0e0;color:#3b3b3b;font-family:Georgia,"Times New Roman",serif; font-size:16px; line-height:20px; font-weight:normal; margin-bottom: 20px; padding-bottom: 10px;} #sommaire #menu{margin-left:20px; position:relative} #sommaire #menu li{margin-bottom:15px; margin-left:8px; font-weight:bold;} #sommaire #menu a{color:#3b3b3b} #sommaire #menu a:hover{color:#c20725} #sommaire #menu span{color:#c20725;font-size:14px; text-transform:uppercase; font-weight:normal;} #sommaire #menu .num{background:url(../hab/MR2013/sommaire-bg.gif) no-repeat;color:#ffffff;display:block;font-weight:bold;height:19px;margin-left:-28px;padding-top:1px;position:absolute;text-align:center;width:19px;} #sommaire #menu .hover, #sommaire #previsu div.smlpagination li a.hover, #sommaire #previsu div.smlpagination li a:hover {background:url(../hab/MR2013/sommaire-bg.gif) no-repeat;color:#fff} #sommaire #liste .active{font-weight:bold} #sommaire #previsu{float:left; width:190px} #sommaire #previsu div{display:none} #sommaire #previsu h3 {font-family: Georgia, serif; font-size:16px; color:#3b3b3b; font-weight:normal; line-height:20px; margin:10px 0;} #sommaire #previsu a{color:#000;font-size:12px;font-weight:normal;line-height:16px;text-decoration:none} #sommaire #previsu a:hover{color:#c20725} #sommaire #previsu h2 a{color:#1f4979;font-family:Arial,Georgia,"Times New Roman",serif;font-size:16px;font-weight:bold;line-height:18px;margin:5px 0} #sommaire #previsu h2 a:hover{color:#c20725} #sommaire #previsu .active{display:block} #sommaire #previsu img, #dossier .more {clear:both; margin-bottom: 19px;} #sommaire #previsu p{color:#777;font-size:12px;line-height:17px;margin-bottom:20px} #sommaire .pagination{clear:both;height:35px;padding:0} #sommaire .pagination .precedente, #dossier .info span {float:left;} #sommaire .pagination .suivante, #formulaire.newsletter .form .fields input{float:right;} /*** Page dossier -- Pagination ***/ #pagination_top{font-size:12px; height: 20px;padding: 10px 0;border-bottom: 1px solid #e0e0e0;} #pagination_top li{display:inline} #pagination_top a{color:#7d7d7d; float:left;} #pagination_top a:hover{color:#555;} #pagination_top .precedente {background:url(../hab/MR2013/arrow-red-back.gif) no-repeat 0 0; padding-left:25px; width:10px} #pagination_top .suivante {background: url(../hab/MR2013/big-arrow-red.gif) no-repeat right 0; padding:0 60px 0px 5px; width:10px; text-align:right; float:right} /*** Page dossier -- Slide pagination ***/ #slidepagination{padding-top:20px; position:relative; clear:both} #slidepagination a:focus{margin-top:1px;} #slidepagination .dossier{_margin-top:-30px;clear:both;margin:5px 0 20px;text-align:center} #slidepagination .dossier a{color:#3b3b3b} #dossier_illustre #slidepagination .pagination{position:absolute; top:0; width:100%; border:none; } #dossier_illustre #slidepagination .pagination a{background:none;display:block;padding:6px 0px 0px; position:absolute;} #slidepagination .vignettes{height:115px;margin:auto;width:540px;overflow:hidden} #slidepagination .vignettes li{background:none;display:block;float:left; font-size:10px; margin:0 4px; padding:0; width:82px; line-height:10px} #slidepagination .vignettes li a{color:#3b3b3b; display:block; padding:3px 3px 5px;} #slidepagination .vignettes li img{border-bottom:2px solid #fff;display:block; margin:0 auto 5px; opacity:0.3;} #slidepagination .vignettes li.selected a, #slidepagination .vignettes li a:hover{color:#C20725;} #slidepagination .vignettes li.selected img, #slidepagination .vignettes li a:hover img{border-bottom:2px solid #C20725; opacity:1} #slidepagination .vignettes ul{margin:0;_margin-left:-8px;clear:both;height:150px;width:600px; width:540px} /*** page dossier -- dossier chapitre*******/ #dossier.chapitre .contour-first .post.thema-news .info{border-bottom:1px solid #e0e0e0; color:#e0e0e0; font-size:12px; line-height:21px; margin:10px 0 0 0; padding:0 0 6px 0; position:relative;} #dossier.chapitre .contour-first .post.thema-news .auteur{color:#777;font-size:12px;line-height:14px; padding:4px 30px 4px 0; margin:0px} #dossier.chapitre .contour-first .post.thema-news .tools > *{display:inline-block;} #dossier.chapitre .contour-first .post.thema-news .tools .fb{top:0; left:-65px; position:absolute;} #dossier.chapitre .info span{float:left} #dossier.chapitre .contour-first .post.thema-news blockquote{background:url(../hab/MR2013/blockquote.gif) 0px 0px no-repeat;font-family:Georgia,"Times New Roman",serif;margin:25px 0 30px; font-style: italic;} #dossier.chapitre .contour-first .post.thema-news blockquote p{background:url(../hab/MR2013/blockquote-p.gif) bottom right no-repeat;color:#777; font-size:16px; font-weight:normal;padding:0 25px; line-height:22px;} #dossier.chapitre .contour-first .post.thema-news .content h2{font-family:'latobold', 'arial', sans-serif;} #dossier.chapitre .contour-first .post.thema-news .content h3{color: #cb0000; display: inline; font-size: 12px; margin-bottom: 20px; margin-right: 0.4em; text-transform: uppercase;} #dossier.chapitre .contour-first .post.thema-news .content h2 + h3, #article.publi-interview .content hr + h2, #article.publi-interview .content h2 {margin-bottom:18px; margin-top:18px} #dossier.chapitre .contour-first .post.thema-news .content h3 + p{display:inline;} #dossier.chapitre .contour-first .post.thema-news .content p{color:#3b3b3b;font-size:14px;line-height:20px;margin:20px 0} #dossier.chapitre .contour-first .post.thema-news #sommaire .label span{display: block; font-family: 'latolight', 'arial', sans-serif; font-size: 26px; font-weight: normal; color: #3b3b3b; padding: 0 0 20px 0; background: none; margin-bottom: 8px;} #dossier.chapitre .contour-first .post.thema-news #sommaire a h2.posttitle{font-family: Georgia, serif; font-size: 18px; color: #3b3b3b; font-weight: normal; padding-right:15px; margin-bottom: 18px;} #dossier.chapitre .contour-first .post.thema-news #sommaire a:hover h2.posttitle{color: #c20725; text-decoration: none;} #dossier.chapitre .contour-first .post.thema-news .more ul li{background: url("../hab/MR2013/arrow-red.png") no-repeat 0 5px; clear: both; padding-left: 14px;} #dossier.chapitre .img_livre .credits{color:#999} #dossier.chapitre .info a:hover, #dossier .more ul li a:hover, .cta_group li a:hover, .posthat .txt p a:hover {color:#c20725} #dossier.chapitre .more ul li a{color:#6b6b6b} #dossier.chapitre .titre_dossier{color:#6B6B6B;font-family:"Georgia","Times New Roman",serif;font-size:16px;font-weight:bold;line-height:18px;margin-bottom:5px;margin-top:0px} #dossier.chapitre .top{line-height:14px} #dossier.chapitre .top span{display:block;letter-spacing:normal;padding:1px 4px;} #dossier.chapitre .photo{float: left;width: 245px;font-style: italic;} #dossier.chapitre .photo.droite{float: right;width: 245px;margin: 5px 10px 6px 15px;} /*** Page dossier -- dossier illustré ***/ #dossier_illustre .texte{float: right; width: 230px;} #dossier_illustre .texte p:first-child{margin-top: 0;} #dossier_illustre .content p{font-size:13px;line-height:17px} #dossier_illustre .content ul li a{color:#3b3b3b} #dossier_illustre .content ul li a:hover{color:#c20725;text-decoration:none} #dossier_illustre .contour .content h2{font-family:"Georgia", serif; font-size:18px; font-weight:normal; color:#3b3b3b; background:none; width:100%; margin:0 0 20px 0; padding:0;} #dossier_illustre .img_livre .credits{color:#999} #dossier_illustre .info a{color:#535353} #dossier_illustre .info a:hover{color:#c20725} #dossier_illustre .info span{float:left} #dossier_illustre .more{clear:both;} #dossier_illustre .more ul{color:#6b6b6b;font-size:14px;line-height:24px;margin-bottom:10px;margin-top:5px;} #dossier_illustre .more ul li{background:url(../hab/MR2013/arrow-red.png) 0px 8px no-repeat;clear:both} #dossier_illustre .more ul li a{color:#6b6b6b} #dossier_illustre .more ul li a:hover{color:#c20725} #dossier_illustre .more ul li img{float:left;margin-bottom:10px;margin-right:10px} #dossier_illustre .more ul.lien_illustre li{line-height:18px} #dossier_illustre .more ul.lien_illustre li h4{font-size:14px;margin-bottom:10px} #dossier_illustre .pagination{margin: 5px 0 20px; padding-bottom: 37px; position:relative; border-bottom:1px solid #e0e0e0;} #dossier_illustre .pagination .precedente{background:url(../hab/MR2013/arrow-red-back.gif) no-repeat left center;float:left;padding-left:14px;position:absolute;left:0;top:0; color: #777; } #dossier_illustre .pagination .suivante{margin:0; background:url(../hab/MR2013/big-arrow-red.gif) no-repeat right center;float:right;padding-right:15px;position:absolute;right:0;top:0; color: #777;} #dossier_illustre .pagination a{background:#e0e0e0; color:#3b3b3b; font-size:14px; font-weight:normal; height:23px; line-height:23px; padding:5px 10px;margin-right:5px} #dossier_illustre .photo {width: 330px;} #dossier_illustre .photo .texteassocie,#dossier_illustre .photo .texteassocie p {color: #999;font-size: 12px; line-height: 18px;} #essentiel{margin-bottom:10px;width:356px} #essentiel h4, .essentiel h4 {border-bottom:1px solid #dfdfdf;color:#535353;font-size:12px;padding-bottom:2px;text-transform:uppercase} #essentiel ul li{display:inline} #essentiel ul li a, .essentiel ul li a{background:url(../hab/MR2013/arrow-red.png) 0px 10px no-repeat;border-bottom:1px dotted #ccc;color:#1f4979;display:block;font-family:Arial,"Times New Roman",serif;font-size:14px;font-weight:normal;line-height:16px;padding:5px 10px} #essentiel ul li a:hover{color:#c20725} #essentiel ul li.first a{background-position:0px 12px;font-size:16px;line-height:18px;} #toolssix{display:inline;float:left;margin-left:3px;margin-top:10px;width:356px} #toolssix .toolbox{background:#d3ecf5 0px 0px no-repeat;border:1px dotted #afafaf;display:inline;float:left;height:62px;margin:0px 5px 5px 0px;padding:7px 5px 0px 45px;width:121px} #toolssix .toolbox .info{color:#636363;font-size:11px;line-height:13px} #toolssix .toolbox .title{color:#c20725;font-size:12px;font-weight:bold;line-height:17px} #toolssix .toolbox span{display:block;} #toolssix .toolbox.annuaire{background-image:url(../hab/toolbox-house.png)} #toolssix .toolbox.comparateur{background-image:url(../hab/toolbox-stats.png)} #toolssix .toolbox.faq{background-image:url(../hab/toolbox-docs.png)} #toolssix .toolbox.geo{background-image:url(../hab/toolbox-france.png)} #toolssix .toolbox.lexique{background-image:url(../hab/toolbox-folder.png)} #toolssix .toolbox.search{background-image:url(../hab/toolbox-search.png)} #toolssix .videobox{border:1px dotted #afafaf;margin:0px 0px 5px 0px;padding:9px;width:165px} #toolssix .videobox .videolist {background:#eee;border-top:1px solid #bcbcbc;color:#4b4b4b;font-size:11px;height:455px;overflow-x:hidden;overflow-y:scroll;width:165px} #toolssix .videobox .videolist a{color:#c20725} #toolssix .videobox .videolist li{border-bottom:1px dotted #afafaf;margin-bottom:5px;padding-bottom:5px} #toolssix .videobox h4{color:#535353;font-size:11px;margin-bottom:5px;text-transform:uppercase} .article .info span.IN-widget, #dossier.chapitre .info span.IN-widget, #dossier_illustre .info span.IN-widget{float:none;} /******* MAIN CONTENT -- RESULTAT RECHERCHE*******/ /*** Resultat recherche - general ***/ #search{_display:inline;/*ie6*/ float:left; width:618px; border-top:1px solid #e0e0e0;} #search span.label span.num{font-family: "latoregular", "helevetica", "arial", sans-serif; font-size: 22px; color: #c20725;} #adv_searchenginesem {background: #e0e0e0; height:51px; margin: 20px auto; padding: 3px; position: relative;} #adv_searchenginesem form {width: 580px; height: 50px; margin-left: 20px; margin-top: 15px;} #adv_searchenginesem form input.field{width:484px; height:19px; padding: 2px 5px; border-radius:2px; color:#3b3b3b; font-size:14px; font-weight:normal; font-family:"latoregular", "helvetica", "arial", sans-serif;} #adv_searchenginesem form input.button{cursor:pointer; vertical-align: middle;} .enseigneresultsem {margin-bottom:30px; padding:0;} .enseigneresultsem .bloc {background:#f8f9fa; border:1px solid #e0e0e0; float:left; margin:10px 0 0 0px; position:relative; width:280px; height:60px;} .enseigneresultsem .bloc:nth-child(2n){margin-left: 15px;} .enseigneresultsem img {display:block; height:32px; width:32px; margin:10px; overflow:hidden; padding:2px; background:#ffffff; border:1px solid #e0e0e0;} .enseigneresultsem .title {left:55px; position:absolute; top:10px;} .enseigneresultsem .title a {font-size:14px; line-height: 20px;} .enseigneresultsem .title a :hover{color:#c20725; display:block;} .semsearchresults .bloc {border-bottom:1px solid #e0e0e0; padding-bottom:15px; margin-bottom:15px} .semsearchresults .bloc p.posthat{margin:10px 0 15px 0;} .semsearchresults .bloc p{font-size: 12px;} .semsearchresults .bloc #location, .semsearchresults .bloc #infos{font-size:14px; color:#c20725; text-transform:uppercase; line-height:20px;} #drilldow{position:relative; overflow:hidden; } #drilldow p{font-size: 12px; margin-bottom: 15px;} #drilldow li{margin-bottom:4px} #drilldow .col1, #drilldow .col2, #drilldow .col3{float:left; width:229px; min-height:175px; _height:175px; padding:15px 20px 30px; font-size:12px;} #drilldow .col1 a, #drilldow .col2 a, #drilldow .col3 a{color:#777} #drilldow a:hover{color:#777} #drilldow .col1 a.actif, #drilldow .col2 a.actif, #drilldow .col3 a.actif {color:#c20725; font-weight:bold} #drilldow h3{margin:0 0 15px 0; font-size:19px; font-family:"latoregular", "arial", sans-serif; color:#3b3b3b; font-weight:normal;} .apports{line-height:17px} #search dl {font-size:13px; line-height:20px; margin: 5px 0 20px; position:relative; overflow:hidden} #search dl dt {width:60px; float:left; clear:both; font-weight:bold} #search dl dd {width:400px; float:left; color:#c20725} #search dl dd.apports{font-weight:bold} #search .pagination{padding:20px 0px; text-align:center; clear:both;} #search .pagination p{display: inline-block;} #search .pagination a, #search .pagination span{background:#e0e0e0; color:#3b3b3b; font-size:14px; font-weight:normal; height:23px; line-height:23px; padding:5px 10px;margin-right:5px} #search .pagination a:hover, #search .pagination span {color:#ffffff; background:#3b3b3b} #search .pagination a.text {color:#777; background:none; font-weight:normal;} #search .pagination a.text img {vertical-align:middle;} #search h1 span{font-size: 19px; color:#3b3b3b; font-family:"latoregular", helvetica, sans-serif; font-weight:normal;} #result {margin-bottom: 30px;} #result #emphasize, .saviezvous {padding: 15px;margin-bottom: 20px; border-radius: 5px; background: #f8f0f1; border: 1px solid #E2A0AB;} #result #emphasize h2 strong {font-size:26px} #result #emphasize h2 span {font-size:18px; font-weight:bold;} /*** Resultat recherche - trouver une franchise ***/ #search.contour {width:580px} #search.contour h1 span {font-family:"latoregular", "arial", sans-serif; font-size:18px; color:#3b3b3b; font-weight:normal;} /*** Resultat recherche - tableau enseigne - page express ***/ #search .contour-first .post.thema-news h2.secteur-selec{margin: 30px 0 20px 0; font-family:"Georgia","Times New Roman",serif; font-size:18px; font-style:italic; line-height:22px; color:#777777; font-weight: normal;} #search .contour-first .post.thema-news #secteurs{margin-bottom: 30px;width: 585px;border-top: 1px solid #fff; border-bottom: 1px solid #aaa; height: 135px;} #search .contour-first .post.thema-news #secteurs ul{float: left; width: 170px; padding-left: 5px; margin-top: 10px; border-left: 1px dotted #aaa;font-size: 12px;} #search .contour-first .post.thema-news #secteurs ul:first-child{border:none;} #search .contour-first .post.thema-news #secteurs ul li{padding-bottom: 5px;} #search .contour-first .post.thema-news #secteurs ul li:last-child{padding-bottom: 0;} #search .contour-first .post.thema-news #secteurenseigne #focusenseigne{padding-bottom: 0;} #search .contour-first .post.thema-news #secteurenseigne #focusenseigne h2{border: 1px solid #e0e0e0;} #search .contour-first .post.thema-news p.mentionlegale{font-size: 10px;} table.info_enseinges {clear:both; border-collapse:collapse; font-size:12px; border-top-left-radius:5px; border-top-right-radius:5px; } #secteurenseigne table.info_enseinges {margin-bottom: 20px; z-index:5;} table.info_enseinges caption{text-align:left; font-size:16px; font-weight:bold; text-transform:uppercase; margin: 10px 0; padding:4px 10px 2px; height: 20px; background:url(../hab/MR2013/arrow-red.png) no-repeat 0 7px;} @media screen and (-webkit-min-device-pixel-ratio:0) {table.info_enseinges thead tr {background-position-x: -10px}}/* Hack chrome */ #secteurenseigne table.info_enseinges thead tr {color:#475157} #main #secteurenseigne table.info_enseinges thead tr {background-position:-20px top} table.info_enseinges thead th {padding-left:9px; text-align:center; border-left:1px solid #ac0520; background:#c20725; color:#ffffff; font-weight:normal; height:38px; line-height:38px; vertical-align:middle;} table.info_enseinges thead th:first-child {border-left:none; border-top-left-radius: 5px;text-align:left;} table.info_enseinges thead th:last-child {border-right:none; border-top-right-radius: 5px;} #secteurenseigne table.info_enseinges thead th{height:26px} table.info_enseinges th:hover{cursor:pointer} table.info_enseinges th span{display:inline-block; background:url(../hab/MR2013/headsorter.png) 0 0 no-repeat; width: 8px; height: 7px; margin-left: 5px;}/*MODIFIER LE CHEMIN!!*/} table.info_enseinges th.headerSortDown span{background-position:0 -8px} table.info_enseinges th div.select-all {font-weight:normal; margin-top:5px; line-height:20px} table.info_enseinges tr.premium {background:#f8f0f1; border-bottom:1px solid #c96b7a;} table.info_enseinges tr.presence {background:#f8f9fa; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0;} table.info_enseinges tr.free {background:#ffffff; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0;} table.info_enseinges tbody tr, #secteurenseigne table.info_enseinges thead tr {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;} table.info_enseinges tbody tr.presence, table.info_enseinges tr.presence td {border-color:#e0e0e0} table.info_enseinges tbody tr.free, table.info_enseinges tr.free td {border-color:#e0e0e0} table.info_enseinges tr td {text-align:center} table.info_enseinges img.logo_franchise {padding:5px; float:left;} table.info_enseinges h5{font-weight:bold; font-size:12px; text-align:left; margin-left: 25px;} #secteurenseigne table.info_enseinges h5{margin-left:10px} table.info_enseinges a.selection img, table.info_enseinges a.selected img {float:right; margin-right:25px} table.info_enseinges img.add:hover {margin-top:1px; cursor:pointer} table.info_enseinges dfn {display:none} #secteurenseigne table.info_enseinges img.add{width:25px} /******* MAIN CONTENT -- NEWS -- ALL STYLES COMMUNS *******/ #main .contour {background:#ffffff; border-bottom: 1px solid #e0e0e0; border-left: 4px solid #E0E0E0; border-right: 4px solid #E0E0E0; clear: both; margin-bottom: 5px; border-top:1px solid #e0e0e0; padding:15px 0 0;} #main .contour-first{background:#f3f3f3;} #main .post.contour {background:#fff6f7} #news #entete, #news div.intro p.intro {font-family:"Georgia","Times New Roman",serif; font-size:18px; font-style:italic; line-height:22px; color:#777777; margin: 25px 0;} #search h1, #article h1, .article h1, #dossier h1, #brand h1, #search.contour h1 {color:#c20725; font-size:28px; font-family:"Georgia", serif; font-weight:normal; line-height:normal;} #search h1{margin-bottom: 15px;} #main .contour h2, .article .label span, #article.publi-interview .label span, #dossier.chapitre .contour-first .post.thema-news .label span, #sommaire .label span, #brand .label, #actualite .label span, .e-box h1, #formulaire h1, #news #article.partenaire h3, .post.thema-news h2.h2title, #news .post.thema-news h1.thematique, .post.thema-news h2.thematique, .post.thema-news.tribune h2 a, h2.tribune, h2.tribune a, #search .contour-first .post.thema-news span.label, #search .contour-first .post.thema-news h3.label, #news.secteur .post.thema-news .label, #enseignes_a_la_une h4 {display:block; font-family:'latoregular', 'arial', sans-serif; font-size:23px; font-weight:normal; background: url("../hab/MR2013/h2-titre.png") no-repeat left bottom; padding:0 0 20px 0; margin-bottom:19px; color: #3b3b3b !important; text-transform: none;} .post.thema-news h2.thematique a{color: #3b3b3b !important;} #main .contour h2 a, #news .contour h2 a:hover{color:#3b3b3b; text-decoration:none;} #sommaire .label span {background:none;} /******* MAIN CONTENT -- PAGE SECTEUR & SECTIONS *******/ #news.secteur #soussecteur, #news.secteur .more {margin:0;} #news.secteur #soussecteur{font-size:13px; background:url('../hab/MR2013/arrow-red.png') no-repeat 0 2px; margin:0 0 0px 15px;} #news.secteur ul#soussecteur {font-size:13px; text-align: 18px; background: none; list-style-image:url('../hab/MR2013/arrow-red.png'); margin:0px 0px 20px 15px;} #news.secteur #soussecteur a, #news.secteur ul#soussecteur li a {color:#3b3b3b; padding-left: 10px;} #news.secteur #soussecteur a:hover, #news.secteur ul#soussecteur li a:hover {color:#c20725;} #news.secteur .bloc {border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 15px; } #news.secteur .post {border-bottom:1px solid #e0e0e0; padding-bottom:15px; margin-bottom:5px;} #news .duo .post:last-child, #.thema-news>.post:last-child, #news.secteur .post:last-child, #news.secteur .post.thema-news .post:last-child{border-bottom:none; margin:0; padding-bottom:15px;} #news.secteur .post h3, #news .duo .post h3 {margin-bottom:10px;} #news.secteur .post img, #news .duo .post img{margin:0 11px 0 0; float:left;} #news.secteur .post p > a, #news .duo .post p > a{font-size:13px; line-height:17px; color:#777; height:95px;} #news.secteur .post p, #news .duo .post p{margin:0; padding:0;} #news.secteur .more{clear:both; text-align:center; font-family:'latoregular','arial', sans-serif; font-size:14px; padding: 40px 0;} #news.secteur .more a, #news.secteur .post.thema-news > p.more a{color:#ffffff; background:#c20725; text-align:center; border-radius:3px; padding:3px 25px;} #news.secteur .post.thema-news > p.more{margin-top:15px;}/*btn Tous les articles du secteur des secteurs*/ #news.secteur .pagination{padding:20px 0px; text-align:center; clear:both;} #news.secteur .pagination p{display: inline-block;} #news.secteur .pagination a, #news.secteur .pagination span{background:#e0e0e0; color:#3b3b3b; font-size:14px; font-weight:normal; height:23px; line-height:23px; padding:5px 10px;margin-right:5px} #news.secteur .pagination a:hover, #news.secteur .pagination span {color:#ffffff; background:#3b3b3b} #news.secteur .pagination a.text {color:#777; background:none; font-weight:normal;} #news.secteur .pagination a.text img {vertical-align:middle; float: none; margin: 0;} #news .post .post-info {margin-top:16px; clear:both;padding-top:5px;} #news .post .post-info a {color:#3b3b3b; font-size:13px; text-transform:none;} #news .post .post-info span{text-transform:uppercase; font-size:14px; color:#c20725; line-height:21px;} .retour{margin:10px 0; padding:0; overflow:hidden; display:block; clear:both; text-align:right} .retour{border-top:1px solid #E0E0E0;} .retour li{display:inline; margin-right:5px} .retour a{font-size:11px; color:#666;padding:2px 5px 0; line-height:20px; /*border-bottom:2px solid #eee;*/ background:#f8f8f8; white-space:nowrap; border-radius: 4px} .retour a:hover{color:#c20725; background:0} /*** Page secteur /sidebar --- Ces enseignes recherchent des entrepreneurs ***/ #focusenseigne {clear: both; width: 580px; margin: 30px auto;} #focusenseigne h2{color: #c20725; background: #ffffff; border-top-right-radius: 5px; border-top-left-radius: 5px; font-size: 13px; font-weight: bold; text-transform: uppercase; height: 30px; line-height: 40px; text-align: center;} #focusenseigne .bgverti{padding: 15px 0 10px 25px; border-bottom: 1px solid #ffffff; background-color: #c20725;} #focusenseigne ul{margin:0; padding:0;} #focusenseigne li{display:inline;} #focusenseigne li span {display:block; line-height:20px; padding:0 5px} #focusenseigne li a, #network .slider a, #side .bgverti a {border-radius: 2px; box-shadow: 1px 1px 0px 0px #e0e0e0; background: #fff; color: #3b3b3b; display: block; float: left; font-size: 11px; height: 100px; margin: 0px 5px 15px 0px; text-align: center; width: 100px; overflow: hidden; zoom: 1; margin: 0 6px 7px 0;} #focusenseigne a img{/*margin-top:5px; width:70px; height:70px; float:none;*/} #focusenseigne .bgbottom{padding: 10px 15px; background: #c20725; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: block; clear: both; text-align: center; font-size: 13px; font-weight: bold; } #focusenseigne .bgbottom span{font-size:15px; font-weight:normal;} #focusenseigne .bgbottom a {text-align:center; font-family: "Arial", sans-serif; font-size:13px; font-weight:bold; color: #ffffff;} #side #focusenseigne {width:335px; margin:15px auto;} #side #focusenseigne .bgverti{padding:15px 0 10px 10px; border-bottom: 1px solid #ffffff; background-color: #c20725;} #side #focusenseigne ul{margin:0; padding:0;} #side #focusenseigne li{display:inline;} #side #focusenseigne li span {line-height:11px; padding:2px 5px; font-size: 10px;} #side #focusenseigne a img{margin-top:5px; width:70px; height:70px; float:none;} #side #focusenseigne .bgbottom{padding: 10px 15px; background: #c20725; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: block; clear: both; text-align: center; font-size: 13px; font-weight: bold; } #side #focusenseigne .bgbottom span{font-size:15px; font-weight:normal;} #side #focusenseigne .bgbottom a {text-align:center; font-family: "Arial", sans-serif; font-size:13px; font-weight:bold; color: #ffffff;} #news #archive h1 {color:#c20725; background:none; font-family:"Georgia", serif; font-size:28px; font-weight:normal;} #news #archive h1 span.num {color:#777; font-size:20px; font-weight:normal;} #news #archive span.location {font-size:14px; color:#c20725;} #news #archive span.location a{color:#3b3b3b; font-size:13px; line-height:26px;} #news #archive span.infos {font-size:13px; color:#777777;} #news #archive span.infos a{color:#3b3b3b; font-weight:bold;} #news #archive h2 {border-top:1px solid #e0e0e0; padding-top:20px; margin-bottom:15px; background:none;} #news #archive h2.tribune{padding: 0;padding-top: 20px;border: none;} #news #archive .pagination{padding:20px 0px; text-align:center; clear:both; /*border-top:1px solid #e0e0e0;*/} #news #archive .pagination a, #news #archive .pagination span{background:#e0e0e0; color:#3b3b3b; font-size:14px; font-weight:normal; height:23px; line-height:23px; padding:5px 10px;margin-right:5px} #news #archive .pagination a:hover, #news #archive .pagination span {color:#ffffff; background:#3b3b3b} #news #archive .pagination a.text {color:#777; background:none; font-weight:normal;} #news #archive .pagination a.text img {vertical-align:middle;} #news #archive .pagination a.backtop{display:block; border:none; background:url(../hab/MR2013/arrows-red-top.gif) center right no-repeat; color:#3b3b3b; font-size:11px; padding:5px 15px 5px 0px; text-align:right; margin-top:30px} #news #archive .pagination a.backtop:hover{color:#c20725; border:0} /******* MAIN CONTENT -- PAGE OUTILS ET SERVICES*******/ /*** Page outils et services -- general ***/ #news #page_outils_services.contour-first {background:#ffffff; border-bottom:1px solid #e0e0e0; border-left:4px solid #e0e0e0; border-right:4px solid #e0e0e0; padding:15px;border-top:1px solid #e0e0e0;} #page_outils_services h1{color:#F57516; margin:5px 0 25px 0; font-size:28px;} #page_outils_services .illus{margin-bottom:25px;} #page_outils_services #outils_services li h2{margin-bottom:5px;} #page_outils_services #outils_services li h2 a, #page_outils_services #outils_services li h2 a:hover{color:#F57516; font-weight:normal; font-size:14px; font-family:Helvetica,arial,sans-serif; text-transform:uppercase; text-decoration:none;} #page_outils_services #outils_services li p{font-size:13px; color:#3b3b3b; line-height:18px;} #page_outils_services #outils_services li{width:280px; height:120px;} /******* MAIN CONTENT -- FEATURES OUTILS ET SERVICES*******/ /*** Features outils et services -- general ***/ #news.services{font-size:12px;} #news.services p{line-height: 20px; margin-bottom: 20px;} #news.services h3{font-size:16px; font-family:'latoregular',sans-serif; margin:15px 0;} #news.services .intro{font-family:helvetica, arial, sans-serif; line-height:18px; overflow:visible; margin-bottom:40px;padding-top:15px;} #news.services .intro p{margin-bottom:8px;color:#727272;} #news.services .intro img{background:0} #news.services .intro .cadre_matinale{margin-right:8px} #news.services .intro .button_savethedate{position:absolute; opacity:0; z-index:99} #news.services .intro a:hover .cadre_matinale{position:relative; top:2px} a.buttoncontact, .telus{background-image:url(../hab/btn-red-contact.png); display:block; float:right; padding-left:25px; margin-top:15px; width:136px; height:40px; line-height:40px; color:#fff; text-align:center; font-size:15px; font-weight:bold; text-shadow: 1px 1px 0 #860911} .telus{margin-right:30px; background-image:url(../hab/btn-red-telus.png)} #news.services h1{margin-bottom:10px; line-height:32px; position:relative} #news.services h1 img{position:absolute; right:0} #news.services h2{background:#c20725; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff !important; font-weight:normal; font-size:18px; font-family:latoregular, arial, sans-serif; padding: 10px 25px; border:0; clear:both; line-height: 22px;} #news.services h2{margin-bottom:0} #news.services h2 span.open, #news.services h2 span.close{display:block; width:16px; height:16px; background:url(../hab/h2openclose.png) no-repeat; position:absolute; right:5px;top:7px; _right:20px; _height:15px} #news.services h2 span.close{background-position:0 100%} #news.services .intro h3{font-size:21px; font-family:'latoregular',sans-serif;color:#3b3b3b; margin:15px 0;font-weight:normal;border-bottom:1px solid #e0e0e0;padding-bottom:5px;} #news.services .intro h3 span{display:block; color:#626161} #news.services.partenaires div.abo h3{margin-bottom:15px; color:#c20725; font-size:16px} #news.services.partenaires div.abo h3 span{color:#2d2d2d} #news.services.partenaires div.feature h3 a{color:#000} #news.services.partenaires div.feature h3 a:hover{color:#c20725} #news.services.partenaires div.feature h3{margin-bottom:10px; margin-top:15px; color:#3b3b3b; font-family:georgia,serif; font-size:20px; font-weight:normal; line-height:22px;} #news.services.partenaires div.feature.fiches_apce h3 {margin-left:110px; margin-bottom:15px; margin-top:0;} #news.services.partenaires div.feature .more {text-align:right; padding:15px 0 0 0;} #news.services.partenaires div.feature .more a, .moreapce a {color:#ffffff; font-family:latoregular, sans-serif; font-size:14px; background:#c20725; border-radius: 3px; text-align:center; padding:3px 20px; margin:7px auto;} .fiches_apce>div h4{color:#c20725;font-weight:normal;margin-top:20px;} /*** Features outils et services -- APCE */ #news.contour {width:580px; padding:10px 15px;} #news.services.partenaires .intro.apce img {margin:23px 0 0 0} #news.services.partenaires .intro.apce p img {margin:0 25px 0 0; float:left} /*#news.services.partenaires div.feature.fiches_apce p {margin-left:110px}*/ /*#news.services.partenaires div.feature.fiches_apce p img{position:absolute; margin-left:-110px; margin-top:-35px}*/ #news.services.partenaires div.feature.fiches_apce p strong{color:#c20725} /******* MAIN CONTENT -- ANNUAIRE DES RESEAUX DE FRANCHISE *******/ #list_alpha{height:30px; line-height:30px; margin-bottom:20px; padding-left:4px; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; background:#f8f9fa;} #list_alpha li{display:inline} #list_alpha li a {display:block; width:21px; float:left; text-align:center; color:#3b3b3b; font-size:12px; font-weight:bold} #list_alpha li a:hover{color:#c20725;} #list_alpha li.first a{width: 30px} #list_enseigne dt{background:#ffffff; position:relative; height:70px; line-height:70px; padding-left:70px; font-size:17px; color:#777; border:1px solid #e0e0e0; border-bottom:0;} #list_enseigne dt span{display:block; background:#c20725; position:absolute; top: 15px; left:15px; width:40px; height:40px; line-height:40px; color:#fff; font-weight:normal; font-size:20px; font-family:latoregular, arial, sans-serif; text-align:center; border-radius: 5px;} #list_enseigne dd {position:relative; overflow:hidden; margin-bottom:5px; margin-left:40px} #list_enseigne dd li{width:150px; float:left; _display:inline; padding:0 20px 3px 0} #list_enseigne dd li a{color:#3b3b3b; font-size: 12px; line-height:15px;} #list_enseigne dd.premium{background:#fff; margin-bottom:15px; margin-left:0; padding:10px 0; border:1px solid #e0e0e0; border-top:0;} #list_enseigne dd.premium li{background:#f8f9fa; width: 220px; height:35px; margin:0 32px 10px 26px; padding:15px 9px 0 0; border:1px solid #e0e0e0; position:relative} #list_enseigne dd.premium li a{font-size: 13px; color:#3b3b3b; display:block; padding-left:75px;} #list_enseigne dd.premium li a:hover{color:#c20725;} #list_enseigne dd.premium li a img{width:40px; height:40px; float:left; position:absolute; left:6px; top:5px} #list_enseigne dd a.backtop{display:block; border:none; background:url(../hab/MR2013/arrows-red-top.gif) right 40px no-repeat; color:#3b3b3b; padding-right:15px; font-size:11px; font-weight:normal; padding:35px 12px 5px 0px; text-align:right; font-family:latoregular, arial, sans-serif; margin-top:80px; clear:both} #list_enseigne dd a:hover{color:#c20725} /******* MAIN CONTENT -- PAGE AGENDA *******/ .e-box-cont a:hover{color:#c20725} div.e-box{display:inline-block; /*float:left;*/ width:618px; /*border-top:1px solid #e0e0e0*/} .clear {position:relative; clear:both; height:0px !important; _height:1px; overflow:hidden; margin:0} div.e-box div.e-box-cont{background:#f3f3f3;} div.e-calendrier{position:relative; background:#f8f9fa; margin: 0 15px 30px 15px;} div.e-ephe{position:relative; float:left; padding-top: 43px; margin-left: 15px; width:152px; /*218-PAD*/ height:121px; /*201-PAD*/ font:30px latoregular, Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; background:url('../hab/MR2013/bg_e-ephe_24.png') center center repeat-x} div.e-ephe span {font-size:49px; font-weight:normal; font-family:'latobold', arial, sans-serif; color:#ffffff} div.select-month {margin-top:30px; font-family:latoregular, helvetica, arial, sans-serif; font-size:18px; color:#f22143; text-transform:uppercase; display:block;position:relative;} table.e-calend{ position:relative; float:right; z-index:10; width:356px; font:12px Arial, Helvetica, sans-serif; margin: 13px 15px 0 0;} table.e-calend caption{ text-align:center; color:#c20725; padding-bottom:21px; text-transform:uppercase; font-weight:bold } img.e-f-cal-gau {position:absolute; left:0; top:2px} img.e-f-cal-dro {position:absolute; right:0; top:2px;} img.cal-gau {position:absolute; left:11px; top:10px} /*pour flèches boutons bas page agenda*/ img.cal-dro {position:absolute; right:11px; top:10px;}/*pour flèches boutons bas page agenda*/ .e-box .pagination {position:relative; padding:10px 0 20px; width:618px; margin-bottom:20px; background:none; font-family:latoregular, arial, sans-serif; font-size:14px; font-weight:normal;} .e-box .pagination a, .e-box .pagination a :hover {color:#3b3b3b;} .e-box .pagination .precedente{position:absolute; left:8px; padding:10px 15px 10px 28px; background:#ffffff; border-radius:5px; border:1px solid #e0e0e0;} .e-box .pagination .suivante{position:absolute; right:5px; padding:10px 28px 10px 15px; background:#ffffff; border-radius:5px; border:1px solid #e0e0e0;} .e-box h1{margin:15px;} /*.e-box .pagination img {margin-top:1px}*/ table.e-calend th {text-align:center; font-size:13px; font-weight:bold; color:#999; padding:6px 0px; text-transform:uppercase; border-bottom:1px solid #e0e0e0} table.e-calend td {text-align:center; font-size:12px; font-weight:normal; color:#999; /*padding:2px 16px;*/ border-bottom:1px solid #e0e0e0; width:26px; height:36px; line-height:36px } table.e-calend td span{display:block; width:26px; height:26px; line-height:26px; /*margin:0px 2px;*/ background:#ff6780; border: 1px solid inherit; border-radius: 5px; font-weight: bold} table.e-calend td span a{color:#ffffff; /*padding:0 15px*/} table.e-calend td span a:hover{color:#ffffff; text-decoration:underline; background:#f22143; display:block; border: 1px solid inherit; border-radius: 5px;} div.e-mephe {position:relative; float:left; padding:11px 0px 0 0; width:69px; /*71-PAD*/ height:55px; /*68-PAD*/ margin:0 15px; font-family:latoregular, arial, sans-serif; font-size:14px; color:#ffffff; line-height:11px; text-align:center; background:url('../hab/MR2013/bg_e-mephe_24.gif') 0 0 repeat-x;} div.e-mephe span{font-size:22px; font-weight:normal; color:#ffffff; font-family:'latobold', arial, sans-serif; line-height:26px} div.e-agenda{ position:relative; float:left; _display:inline; width:486px; padding-bottom:20px; border-bottom:1px solid #e0e0e0; margin-bottom:20px; color:#777; font-size:13px;} div.e-agenda:last-child{border:none;} div.e-agenda u {font-size:14px; text-transform:uppercase; color:#c20725; text-decoration:none;} div.e-agenda p.e-agenda-item{ position:relative; margin:0 0 10px 0; background-image:url('../hab/f_mod_rouge_dro_24.gif') !important; _background-image:url('../hab/f_mod_rouge_dro.png'); background:no-repeat 0px 3px; text-indent:15px} div.e-agenda a{color:#0dafeb;}div.e-agenda a:hover{color:#c20725} #main .e-box div.e-agenda h2{color:#3b3b3b; background:none; font-family:georgia, serif; font-size:18px; line-height:22px; padding:0; margin-bottom:15px} .new-event{text-align:right; width:561px; padding: 15px 0; margin:-1px auto 5px; clear:both;} .new-event.bottom{ margin-bottom:0; padding-bottom:27px;} .new-event a, .new-event a:hover{color:#3b3b3b; font-family:latoregular, arial, sans-serif; font-weight:normal; font-size:14px; text-align:center; background:#e0e0e0; border-radius:3px; padding:3px 20px;} /******* MAIN CONTENT -- MATINALE RESEAUX *******/ /*** Matinale reseaux -- general ***/ #news.services.matinale .intro{font-size:13px; line-height:18px; font-weight:bold; } #news.services.matinale .intro_matinale{line-height:18px; color:#555} #news.services.matinale .intro_matinale p:first-child {font-size:16px; font-family:"Georgia", serif; font-style:italic; margin-bottom:15px; color:#000} #news.services.matinale ul{font-size:11px; line-height:16px; color:#555} #news.services.matinale li{margin-bottom:35px; font-style:italic; width:350px; position:relative} #news.services.matinale li span.title{display:block; text-transform:uppercase; font-size:"trebuchet MS"; font-size:14px} #news.services.matinale li strong{color:#444; font-style:normal; line-height:20px; font-size:13px} #news.services.matinale li a:hover strong{color:#c20725} #news.services.matinale li .link{display:block; text-align:right; margin-top:10px; position:absolute; bottom:0; right:-200px} #FlabellComponent, #FlabellComponent2, #FlabellComponent3{display:block; margin:0 auto 20px; height:338px; padding-top:10px;} #news.services.matinale h1{background:url(../hab/matinale-logo-partenaires.png) no-repeat; height:150px; overflow:hidden; text-indent:-9999px} #news.services.matinale h2{background-image:none; text-transform:uppercase; padding:7px 10px} #news.services.matinale h2 a{font-size:15px; color:#fff; font-weight:normal; background:url(../hab/arrow-title.gif) #6a6162 0 4px no-repeat; padding:0 0 0 18px;} .archive{padding-top:55px} .archives_matinales{background:#f7f7f2; position:relative; border:1px solid #6A6162; border-top:0} .compte-rendu{margin-bottom:15px;padding-left:15px; background:url("../hab/MR2013/arrow-red.png") 0 50% no-repeat} /* matinale reseaux -- display none **/ .modale_matinale{margin:100px; text-align:center} .modale_matinale p{margin-bottom:20px} .modale_matinale p+p{font-weight:bold} .modale_matinale {background: url(/hab/synopsis-horsserie.jpg) no-repeat 100% 100% #fff; border: 1px solid #fff; box-shadow: 0 0 4px #444444; padding:20px;} .mat_part2, .mat_part3, .mat_part5, .mat_part6 {display:none} .mat_part6 table{margin-bottom:10px; background:#d6d6d2; border:1px solid #c4c4c3 ;} .mat_part6 td{padding:3px 5px; border-left:1px dotted #c4c4c3;} .mat_part6 td:nth-child(2n){background:#e9e9e5;} .mat_part6 p{font-weight:bold;} .mat_part1{height:380px} .mat_part2, .mat_part5, .mat_part6{padding:55px 15px 15px} .tab1, .tab2, .tab3, .tab4, .tab5, .tab6{position:absolute; top:0; width:191px; text-align:center; background:url(../hab/id-tabs2.gif) #6A6162 repeat-x; line-height:32px;font:bold 16px/32px Georgia,"Times New Roman",serif; color:#fff; cursor:pointer; border:1px solid #999; border-top:0} .tab1{border-left-width:0} .tab2 {left:195px} .tab3,.tab6{right:0; border-right-width:0} .tab4{border-left-width:0; width:171px} .tab5{left:175px} .tab6{width:211px} .posttitle.active, .tab1:hover, .tab2:hover, .tab3:hover{background:url(../hab/id-tabs-on.gif)} /******* MAIN CONTENT -- CREER PORTAIL COLLABORATIF **/ #news.services div.slide, #news.services div.no-slide{background:#f8f8f8; padding:20px 15px 10px} .js #news.services div.slide{display:none} #news.services.partenaires.contour .top-logo {margin-bottom: 15px;} #news.services.partenaires.contour .top-logo h1 {width: 400px; float:left} #news.services.partenaires.contour .top-logo img {float:left} #news.services .intro{clear: both;} #news.services.partenaires.contour .dropdown {margin-bottom: 15px;} #news.services.partenaires.contour .dropdown h2.slide {border-radius: 5px; clear: both;} #news.services.partenaires.contour .dropdown h2.slide .open, #news.services.partenaires.contour .dropdown h2.slide .close{float: right; position: relative; top:5px;right:0; background:url("../hab/MR2013/arrow-white-openclose.gif"); width:8px; height:5px;} #news.services.partenaires.contour .dropdown h2.slide .close{background-position: 0 5px;} #news.services.partenaires.contour .dropdown .feature.slide ul {margin: 0;} #news.services .dropdown .feature.slide ul li{background: url("../hab/MR2013/arrow-red.png") no-repeat 0 8px; padding-left: 14px; margin:0 0 10px 20px} #news.services .dropdown .feature.slide ol{color: #6B6B6B;font-size: 13px; line-height: 24px;} #news.services .dropdown .feature.slide p{margin-bottom:15px; line-height:18px;} #news.services .dropdown .feature.slide p:nth-child(2n+2){font-weight: bold;} #news.services.partenaires.contour .dropdown .feature.slide{padding: 35px;} /******* MAIN CONTENT -- PAGE PARTENAIRE*******/ #news.services.partenaires div.feature .date{margin-bottom:0;} #news.services.partenaires div.feature ul, #news.services.partenaires div.feature .premium ul{margin:20px 0 0 0; color:#6B6B6B; font-size:13px; line-height:24px;} #news.services.partenaires div.feature .premium ul{display: inline-block; margin: 0;} #news.services.partenaires div.feature ul li{background:url("../hab/MR2013/arrow-red.png") no-repeat 0 8px; clear:both; padding-left:14px;} #news.services.partenaires div.feature .cta_question{width: 120px; height:40px;} #news.services.partenaires div.feature .cta_question.fiches{height:40px; width:330px;} #news.services.partenaires div.feature .cta_question a{color:#fff; font-weight:normal; font-size:16px; font-family:'latoregular','arial', sans-serif; display:block; padding:10px 10px; line-height:20px} #news.services.partenaires div.feature .cta_question span{font-size:16px;} #news.services.partenaires .intro.offreco{background:#f1f1f1; margin-bottom: 20px; border-radius: 5px;} #news.services.partenaires .intro.offreco img{display: block; margin: 0 auto;} #news.services.partenaires .intro.offreco p{margin: 20px; padding-bottom: 15px; color: #3b3b3b; font-style:italic;} #news.services.partenaires div.feature,#news.services div.feature{background:#f8f9fa; padding:20px; border:1px solid #e0e0e0; border-top:0; position:relative; overflow:hidden; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin-bottom:30px;} #news.services div.feature p, #news.services div.feature ul, #news.services div.feature ol{margin-top:5px; color:#6B6B6B; line-height:24px;} #news.services.partenaires div.abo{padding:0 23px 5px} #news.services.partenaires .textabo{border-top:1px solid #999; padding:21px 0 65px; margin-top:-1px} #news.services.partenaires div div.premium span.spe{font-size:30px;font-weight:bold;display:block; position:relative; width:50px;margin:15px auto} #news.services.partenaires div.abo li{background:url(../hab/MR2013/arrow-red.png) 0 4px no-repeat; padding-left:10px; margin: 4px 0 6px 15px} #news.services.partenaires div.feature p{margin-bottom:15px; font-size:13px; line-height:18px;color:#727272;} #news.services.partenaires div.feature.feature-last p{line-height:24px;display:inline-block;width:225px;vertical-align:top;} #news.services.partenaires div.feature p.partenariat{/*position:absolute;*/ background:url(../hab/MR2013/arrow-red.png) 0 4px no-repeat; padding-left:10px;display:inline-block;} #news.services.partenaires div.feature p.partenariat a {color:#777} #news.services.partenaires div.feature .contact-button{} #news.services.partenaires div.feature img{float:left; margin-right:15px; margin-top:6px;} #news.services.partenaires div.feature.feature-last img{display:inline-block;width:300px;} #news.services.partenaires div.feature img.banniere {float:none;position:relative;top:-15px} #news.services a.redbutton.expert{width:400px; font-size: 17px;} #article.partenaire .partenaire{border:1px solid #e0e0e0;margin-bottom:20px;padding:15px 15px 0} #article.partenaire h1{margin:10px 0} #news.services .post.thema-news h2.title{font-family: 'latolight', arial, sans-serif; font-size: 26px; font-weight: normal; color: #3b3b3b !important; background: url("../hab/MR2013/h2-titre.png") no-repeat left bottom; padding: 0 0 25px 0;} #article.partenaire .partenaire .post{padding-bottom:10px; clear:both; overflow:hidden; border-bottom:1px solid #e0e0e0; padding-bottom:15px;} #article.partenaire .partenaire .post:last-child{border:none} #article.partenaire dt{color: #727272;font-family:'latoregular', arial, sans-serif;font-size:16px; margin-bottom: 20px !important; display: block !important;} #article.partenaire dt strong{color:#c20725;font-family:'latoregular', arial,sans-serif;font-size:30px;font-weight:normal; margin-right:7px; line-height: 27px;} #article.partenaire dt .date{margin-top: 10px;} #article.partenaire .partenaire .post .post-txt{float:right; width: 470px; margin-top: 20px;} #article.partenaire .post a {width:65px; height:65px;} #article.partenaire .post a img{float:left; margin-top: 17px;} #article.partenaire dd {font-size:13px; color:#777; line-height:18px; display: block !important; margin-bottom: 15px;} #article.partenaire a{color:#0dafeb;} #article.partenaire a.btn{background:#c20725; border-radius:3px; font-family:latoregular, arial, sans-serif; font-size:14px; color:#fff; display:inline-block; text-decoration:none; width: 144px; height: 22px; float: right; text-align: center; line-height: 20px;} #news.services .post.thema-news .post-txt-news{float:right; width: 500px; overflow: hidden; border-bottom: 1px solid #e0e0e0;} #news.services .post.thema-news .post:last-child .post-txt-news{border: none;} #news.services .post.thema-news .post-txt-news strong{color:#c20725;font-family:'latoregular', arial,sans-serif;font-size:19px;font-weight:normal; margin-right:10px;} #news.services .post.thema-news .post-txt-news dt{color: #727272;font-family:'latoregular', arial, sans-serif;font-size:16px; margin-bottom: 20px !important; display: block !important;} #news.services .post.thema-news .post-txt-news dd{font-size: 13px; color: #777; line-height: 18px; display: block !important; margin-bottom: 15px;} #news.services .post.thema-news .miniature {width:65px; height:65px;} #news.services .post.thema-news .miniature img{float:left; margin-top: 17px; margin-right: 15px;} .js #article.partenaire .partenaire{margin-top:65px;position:relative} .js #article.partenaire .partenaire dl{display:none} .js #article.partenaire h2{cursor:pointer; background:#f7f7f7; border:1px solid #e0e0e0; border-top-left-radius:5px; border-top-right-radius:5px; color:#3b3b3b !important; font-size:14px; font-weight:normal; font-family:'latoregular', arial, sans-serif; height:41px; line-height:41px; margin:0; padding:0; position:absolute; text-align:center; top:-43px; left:0; width:157px} .js #article.partenaire h2.active, .js #article.partenaire h2.hover{background:#c20725; border:1px solid #7e0000; color:#ffffff !important;} .js #article.partenaire h2.second{left:162px} .ancres{margin-bottom:25px; margin-left: 20px;} .ancres li {font-size: 13px;line-height: 22px;text-transform: none; padding-left: 13px; background: url(../hab/MR2013/arrow-red.png) left center no-repeat;} .ancres li a{color: #777777;font-weight: normal;text-decoration:none} .ancres li a:hover{color:#c20725} #news.services .archives_matinale{background:0; color:#1f4979; font-size:25px; line-height:28px; margin:40px 0 10px; padding:20px 0 0; border-top:1px solid #ddd } .archives_matinale span{text-transform:uppercase} #news.services .intro strong{font-size:12px} #news.services.asterop li{margin:0 0 15px 15px} #news.services ol li{list-style-type:decimal; list-style-position: inside;} #news.services dl dt{display:inline-block; margin-top:20px;} #news.services dl dd{display:inline} #news.services .rapports{position:relative;overflow:hidden} #news.services .rapports p{margin:10px 0} #news.services .rapports div{width:180px; float:left; margin-right:15px} .liste, #news.services .rapports div li{background:url(../hab/MR2013/arrow-red.png) 0 4px no-repeat; padding-left:10px} #news.services .rapports div li{margin:8px 0} #news.services .rapports div li a{color:#666} #news.services .rapports div li a:hover{color:#c20725} #news.services .rapports div p{font-size:14px; font-weight:bold; color:#555} #news.services .rapports div p strong{color:#c20725} #news.services .rapports p a{color:#c20725; text-align:center; font-weight:bold; font-size:14px} #news.services .etude{padding:15px 20px 15px 200px; background:url(../hab/MR2013/asterop-30p.png) #f8f8f8 30px 30px no-repeat; line-height:18px} #news.services .etude p{margin-bottom:15px;color:#727272;font-size:14px;} #news.services .redbutton.etudes{width:240px;height:35px; line-height: 30px;} #news.services .redbutton.comptable{width: 400px; margin: 0 auto 25px !important;} #news.services .redbutton{display:block; margin: 0 auto; border-radius: 3px; width:272px; height:50px; background: #c20725; text-align:center; color:#fff; font-size:17px;} #news.services .redbutton:hover{} #news.services .feature.fiches_apce .redbutton{margin-right:0;} #news.services p.partenariat{font-style:italic; color:#888; text-align:right; margin-top:10px} #news.services p.partenariat img{position:relative; top:4px; left:6px; width:60px} #news.services.partenaires .feature .demonstration li{display:block;float:left; width:150px; height:100px; text-align:center; margin-left:70px; /*margin-left:10px; si 3 �l�ments*/ padding:10px; background:#fff; position:relative; list-style-type:none; border-bottom:4px solid #dedede; color:#555; } #news.services.partenaires .feature .demonstration li strong{font-size:14px; color:#222; font-family: 'Georgia', 'Times New Roman', serif; line-height:24px} #news.services.partenaires .feature .demonstration li a:hover{color:#f6dda8} #news.services a.redbutton.large {width:274px; float:none; margin:auto; background-image:url(../hab/btn-red-272x40.png); padding:0} #news.services.partenaires ol a:visited{color:#6e26ad} .plaquette_supplement{width:149px; height:161px; position:absolute; right:20px; bottom:100px} .plaquette_supplement:hover{bottom:99px} /******* MAIN CONTENT -- PAGE LEXIQUE FRANCHISE*******/ #lexique .cta_article{ margin:30px 0 0 -35px; background:url("../hab/bg-cta-bas.png") no-repeat; width:593px; height:136px;} .cta_article_text{line-height: 18px;color:#333;font-size:13px; padding-top:15px; text-align:center;} .cta_article_text strong{color:#1F4979; font-size:15px} .article .content .cta_article_bouton, .article .content .cta_article_bouton:hover{color:#fff; text-decoration:none} .cta_article_bouton, #lexique .cta_article_bouton{display:block; margin:10px auto 0 auto;text-align:center;vertical-align:middle; background:url("../hab/cta-bas.png") no-repeat; width:349px; height:72px; color:transparent;cursor:pointer;padding:8px 14px;font-size:14px;line-height:normal;} .cta_article_bouton:hover, .cta_article_bouton:active, #lexique .cta_article_bouton:hover, #lexique .cta_article_bouton:active{background:url("../hab/cta-bas-ro.png") no-repeat; text-decoration:none;} #lexique .more{margin:50px 0 15px} /******* MAIN CONTENT -- QUI SOMMES NOUS *******/ #quisommesnous .h1{ border-bottom:1px solid #ccc; padding-bottom:10px;} #quisommesnous .h2{ font-family:'latolight', arial, sans-serif; font-size:26px; font-weight:normal; color:#3b3b3b; background: url("../hab/MR2013/h2-titre.png") no-repeat left bottom; padding:0 0 20px 0; margin-bottom:19px; } #quisommesnous p{margin-bottom:30px; font-size:13px; color:#333; line-height:18px} #quisommesnous a{ color:#3b3b3b} #quisommesnous a:hover{ color:#c20725} /******* MAIN CONTENT -- PAGE CONTACT*******/ #contacts{font-size:13px} #contacts h1{margin: 0;} #contacts h2{font-family: 'latolight', arial, sans-serif;font-size: 26px;font-weight: normal;color: #3b3b3b;background: url("../hab/MR2013/h2-titre.png") no-repeat left bottom;padding: 0 0 25px 0; margin-bottom: 20px;} #contacts p{margin-bottom:30px; font-size:13px; line-height:21px color:#3b3b3b} #contacts p.intro{background:url(../hab/MR2013/favicon119.png) 0 0 no-repeat; font:14px/21px Helvetica, Arial, sans-serif; color:#3b3b3b; padding-left: 160px; margin:30px 0 30px 15px} #contacts p.intro strong{font:17px Helvetica, Arial, sans-serif; font-weight:bold;} #contacts a{color:#0dafeb} #contacts a:hover{ color:#c20725} /******* MAIN CONTENT -- PAGE CONDITION GENERALES UTILISTATION*******/ #cgu{ color:#777777;font-size:12px} #cgu .h1{ border-bottom:1px solid #ccc; padding-bottom:10px;} #cgu p{margin-bottom:30px; font-size:13px; color:#333; line-height:18px} #cgu .title{ color:#666666;font-size:12px;font-weight:bold} #cgu a{ color:#3b3b3b} #cgu a:hover{ color:#c20725} /******* MAIN CONTENT -- PAGE MENTIONS LEGALES*******/ #news #mentionslegales h1{ border-bottom:1px solid #ccc; padding-bottom:10px;} #mentionslegales p{margin-bottom:30px; font-size:13px; color:#333; line-height:18px} #mentionslegales a{ color:#3b3b3b} #mentionslegales a:hover{ color:#c20725} /*******MAIN CONTENT-- SLIDESHOW *******/ /***Slideshow -- Main slideshow***/ /*Slidehome1 & Slidehome2 -- Slideshow*/ .js #slidehome1 h2, #slidehome2 h2 {margin:0 0 20px 0;} .js #slidehome1 .sous-titre, #slidehome2 .sous-titre, #slideshow .sous-titre {display: block; background:#ffffff; opacity:0.8; bottom: 0; color: #000000; font:14px Helvetica,Arial,sans-serif; padding: 3px 5px 2px 5px; position: absolute; width: 377px; z-index: 5; border:1px solid #e0e0e0;height:34px;} .js #slidehome1 a, .js #slidehome1 a:hover, #slidehome2 a, #slidehome2 a:hover, #slideshow a, #slideshow a:hover {color:#3b3b3b; text-decoration:none;} .js #slidehome1, #slidehome2, .js#slideshow {border-left:4px solid #e0e0e0; border-right:4px solid #e0e0e0; padding:15px; background:#ffffff; position:relative; border-bottom:1px solid #e0e0e0;} /*.js #slidehome2 #slide-content{}*/ .js #slideshow {margin:20px 0;} .js #slideshow.slideshow-news {padding: 0 15px 25px; border-bottom:1px solid #e0e0e0; margin:0;background:white;border-left:4px solid #e0e0e0;border-right:4px solid #e0e0e0;} .js #slidehome2 {border-bottom:1px solid #e0e0e0;margin-top:5px;} .js #slidehome1 dt, #slidehome2 dt{margin:-1px 0 0 389px; clear:both; padding:0 0 0 10px; width:180px; height:39px; line-height:39px; color:#c20725; font-size:13px; font-family:latoregular,Arial,sans-serif; z-index:10; background:#ffffff; border:1px solid #e0e0e0;} .js #slidehome1 dt.selected, .js #slidehome2 dt.selected, .js #slidehome1 dt:hover, .js #slidehome2 dt:hover, .js #slideshow dt:hover{cursor:pointer; color:#ffffff; background:#c20725;} .js #slidehome1 dd{/*float:left; */height:200px; margin-top:21px; width:389px;} .js #slidehome2 dd {height:200px; margin-top:-9px; width:389px;} .js #slidehome1 dd.selected, .js #slidehome2 dd.selected, .js #slideshow dd.selected{display:block;} .js #slidehome1 div, #slidehome2 div, .js #slideshow div{padding:0; width:389px; position:absolute; top:73px; left:15px; overflow:hidden;} .js #slidehome1 div{ top:43px; } .js #slidehome1 dd img, #slidehome2 dd img, .js #slideshow dd img{width:387px; height:199px; border:1px solid #e0e0e0;} /*Main slideshow -- Slideshow general*/ .js #slideshow dt{margin:-1px 0 0 0px; clear:both; padding:0 0 0 20px; width:170px; height:49px; line-height:50px; color:#c20725; font-size:13px; font-family:latoregular,Arial,sans-serif; z-index:10; background:#ffffff; border:1px solid #e0e0e0;} .js #slideshow dd{height:200px; width:389px; margin-left:176px; margin-top:-73px; position:relative} .ie8.js #slideshow h3, .ie8.js #slidehome1 h3, .ie8.js #slidehome2 h3, .ie7.js #slideshow h3, .ie7.js #slidehome1 h3, .ie7.js #slidehome2 h3, .ie6.js #slideshow h3, .ie6.js #slidehome1 h3, .ie6.js #slidehome2 h3{background-image:url(../hab/slideshow-titre.png); border-top:1px solid #eee;} /***Slideshow -- Home Enseignes slideshow***/ /*Home Enseignes slideshow -- general*/ .franchise-une {min-height: 275px;} .ie6 .franchise-une {height: 275px;} .franchise-une .sliderwide {left: 36px; position: absolute; top: 55px;} .wrapper-sliderwide {background:#ffffff; border-bottom:1px solid #e0e0e0; border-left:4px solid #e0e0e0; border-right:4px solid #e0e0e0; margin-top:5px; padding: 15px; position: relative;} .sliderwide {margin: auto; width: 540px; height: 110px; overflow: hidden;} .sliderwide li {border: 1px solid #e0e0e0; cursor: pointer; float: left; height: 100px; margin: 2px 3px 0; text-align: center; width: 100px;} .sliderwide ul li .slide-title {color: #777777; display: block; font-size: 11px; font-weight: normal; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 3px;} .sliderwide ul li img {width:70px; height:70px; margin-top: 5px; float:none;} .sliderwide .arrow {bottom: -6px; margin: 0; position: absolute; width:38px; height:13px;} .sliderwide ul li.selected {border: 1px solid #d90d2e; position: relative;} #x1.sliderwide {height: 108px;} .no-js .wrapper-sliderwide .pagination, .no-js .wrapper-sliderwide .detailenseigne, .no-js .sliderwide .arrow {display: none;} .wrapper-sliderwide .pagination, #focusenseigne .sectoriel {bottom: 0; clear: both; height: 99px; padding: 0; position: absolute; width: 585px; top: 27px;} .wrapper-sliderwide .pagination a, #focusenseigne .sectoriel a {border: 0 none; height: 102px; overflow: hidden; padding: 30px 1px 0; position: absolute; width: 15px;} .wrapper-sliderwide .pagination .precedente, #focusenseigne .sectoriel .precedente {left: 1px;} .wrapper-sliderwide .pagination .suivante, #focusenseigne .sectoriel .suivante {right: 3px;} .wrapper-sliderwide .detailenseigne {background-color: #f8f9fa; border:1px solid #e0e0e0; height: 130px; margin-top: 117px; margin-bottom:10px; overflow: hidden;} .wrapper-sliderwide .detailenseigne div {float: left; padding-left: 10px;padding-right:10px; height: 100%;} .wrapper-sliderwide .detailenseigne .prez {width: 40%; border-right: 1px solid #e0e0e0;} .wrapper-sliderwide .detailenseigne .actu {width: 50%;} .wrapper-sliderwide .detailenseigne span.slider {display: inline-block; text-transform:uppercase; color:#d60c2d; font-size:14px; padding: 3px 0px; margin:5px 0 0 0;} .wrapper-sliderwide .detailenseigne p {font-size: 12px; color:#777777; padding-bottom: 4px;} .wrapper-sliderwide .detailenseigne p a {color: #777777;} .wrapper-sliderwide .detailenseigne .prez span {margin:5px 0 0 0;} .wrapper-sliderwide .detailenseigne .prez span a span{color:#ffffff;} .wrapper-sliderwide .detailenseigne .prez span a {color: #3b3b3b; font-weight: bold; background:#e0e0e0; font-size:12px; padding:3px 5px; position:absolute; margin-top:2px} .wrapper-sliderwide .detailenseigne .prez span a:hover {color: #ffffff; text-decoration:none;} .special-salon h3 {color: #1F4979; margin-left: 10px;} .special-salon {background: none repeat scroll 0 0 #E5E5E5; border-bottom: 1px solid #BBBBBB; border-radius: 4px 4px 4px 4px;} .js .special-salon {height: 138px; overflow: hidden;} .special-salon .sliderwide ul {height: 115px;} .special-salon .sliderwide li {background: none repeat scroll 0 0 #FFFFFF; border: 0 none; height: 105px; margin: 2px 3px 0;} .special-salon .sliderwide a {border: 1px solid #FFFFFF; color: #1F4979; display: block; height: 103px;} .special-salon .sliderwide a:hover {border: 1px dotted #1F4979; color: #c20725;} .special-salon .sliderwide ul li span {height: auto; margin: 2px 1px;} .special-salon .pagination {margin-left: 5px; width: 575px;} .no-js .franchise-une .sliderwide {position: static;} /*** Slideshow -- Slideshow enseigne***/ .slider_diapo{background:#eee; border-radius:3px; border:1px solid #ccc; clear:both; overflow:hidden;} .slider_diapo_standard, .slider_diapo_vertical{ margin:0 25px 20px 0; float:left} .slider_diapo_banniere{margin:0 auto 20px} .slider_diapo img{padding:7px} #bloctab01 hr{clear:both; display:block} .slider_diapo_standard {width:294px; height:201px} .slider_diapo_banniere {width:674px; height:244px} .slider_diapo_vertical {width:294px; height:494px} .no-js .slider_diapo{overflow: visible; width:auto; height:auto} /******* MAIN CONTENT -- FORMS *******/ /***Forms -- General ***/ #formulaire, #remerciement {display:inline;/*ie6*/ float:left; padding:15px; width:580px; background:#ffffff; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 4px solid #E0E0E0; border-right: 4px solid #E0E0E0;} #formulaire h2{font-family:"Georgia","Times New Roman",serif; font-size:18px; color:#c20725; line-height: 22px; font-weight:normal; margin-bottom: 15px;} #formulaire h3{font-size:13px; font-weight:bold; margin-bottom: 15px;} #formulaire p {margin-bottom:15px; font-size:13px; color: #777777; line-height: 18px; clear:both;} #formulaire a{ color:#0dafeb; display: inline-block; float: right;} #formulaire a.concoursOui, #formulaire .modif-enseigne a, #formulaire .legal a{float: none;} #formulaire .modif-enseigne a.btn-red{display: block;} #formulaire a:hover{ color:#c20725} #formulaire ul li{margin-bottom:7px; margin-top:7px; font-size:12px; color: #777777; line-height: 18px;} #formulaire .form li {line-height:22px} #formulaire .fields {border:1px solid #e0e0e0; border-radius:4px; color:#3b3b3b; margin-bottom:25px; padding:15px 15px 0; font-size:13px; position:relative; zoom:1; height: 165px; background:#f8f9fa;} #formulaire .fields.frame1 {height: 323px;} #formulaire .fields.frame2 {height: 265px;} #formulaire .fields.nl-actu {height: 60px; clear: both;} #formulaire .fields.nl-actu .choix-nl {display: inline-block;} #formulaire .fields.nl-actu .modif-choix {float:right;} #formulaire .fields.bloc-civilite {height: 110px;} #formulaire .fields.identifiants {height: 195px;} #formulaire .fields.nl-situation {height: 105px;} #formulaire .fields.nl-optin {height: 125px;} #formulaire .fields.coordonees {height: 170px;} #formulaire .fields.al-situation {height: 170px;} #formulaire .fields.secteur {height: 260px;} #formulaire .fields.al-optin {height: 95px;} #formulaire .fields.optin {height: 100px !important;} #formulaire .fields #parcours textarea {resize:none; height: :100px;} .ie6 #formulaire .fields{height:50px} #formulaire #form_fomrulaire .fields {height: 323px;} #formulaire .colG, #formulaire .colD{width:265px; float:left; *display:inline} #formulaire .colD{width:250px; float:right; padding-left:15px; margin:0 0 10px 15px; border-left: 1px solid #e0e0e0} #formulaire .frame2 .colD{position:absolute; width:250px; left:282px; top:15px; overflow:hidden} .ie6 #formulaire .frame2 .colG{ position:static; } #formulaire input, #formulaire select, #formulaire textarea.float{width:200px; height:20px; border:1px solid #e0e0e0; border-radius:4px; float: right;} #formulaire select{height:23px;} #formulaire input.radio{border:0} #formulaire .bradio{height: 25px;} #formulaire label{float:left; *display:inline; clear:both; width:auto; font-weight:bold} #formulaire textarea{border:1px solid #e0e0e0; width:100%; border-radius: 3px;} #formulaire select:focus, #formulaire textarea:focus{border-color:#60767e; box-shadow: 0px 1px 4px #60767e; outline:0} #formulaire input:focus{outline:0} #formulaire input.text, #formulaire select.combo_promo,#formulaire select#civilite, #formulaire select#pays{float:right;} #formulaire input, #formulaire select, #formulaire label, #formulaire textarea.float{margin-bottom:10px; padding:1px 0;} #formulaire input{height: initial;} #formulaire .civilite, #formulaire select.civilite-enseigne {float:right} #formulaire .civilite label, #formulaire .civilite input{display:inline; width:auto; float:none; vertical-align: top;} #formulaire .civilite input{margin-left:25px;} /* bug ie */ #formulaire .colD.nofloat select{width:248px} .ie6 #formulaire .frame1 .colG input, .ie6 #formulaire .frame1 .colD * {position:relative; overflow:hidden} .ie6 #formulaire .frame1 .colG label, .ie6 #formulaire .optin .inline {margin-right:-3px} .ie7 #formulaire .frame1 label {margin-top:2px} /* fin bug ie */ #formulaire .frame1 label {width:85px} /*** Frame2 ***/ .ie6 #formulaire .frame2{height:235px} #formulaire .frame2 input, #formulaire .frame2 select, #formulaire .frame2 label{float:none; display:block} #formulaire .frame2 input, #formulaire .frame2 select, #searchside ul {width:100%} #formulaire .frame2 label{margin-bottom:2px} #formulaire .frame2 .inline, #formulaire .frame1 .colG .inline, #formulaire .optin .inline, #formulaire .al-optin .inline{display:inline; width:auto; margin-top:5px; float:none; float:left; clear:none; font-weight:normal} #formulaire .frame2 label.inline, #formulaire .frame1 label.inline{margin-right:20px} #formulaire #encadrement{ position:relative; width:30px} #formulaire .prez_radio label{width:100%; margin-bottom:2px} #formulaire .optin input.inline, #formulaire .al-optin input.inline{margin-left:20px} #formulaire .optin label, #formulaire.newsletter .optin label{width:351px} #formulaire .optin .floatright, #formulaire .al-optin .floatright{width:130px; text-align:right; float:right} #formulaire .fields span.form_lib_projet {font-size:11px;color:#c20725; font-weight:normal} #formulaire .fields .wide{width:auto; *width:100%; margin:7px 0 2px} #formulaire #montant_investissement, #formulaire #apport, #formulaire #besoin_financement, #formulaire #siren, #formulaire .fields .labelwide{width:120px} #formulaire #message-investissement{clear:both; margin-top:-10px; margin-left:-16px} #formulaire #message-investissement .warning{font-size:11px; font-style:italic; color:#222; padding-left:5px; border-left:3px solid #c20725} #formulaire .legal p{font-size:12px; text-align:justify;} #formulaire p.legal{font-size:12px; text-align:justify; background: none !important;} #formulaire p.legal a{background: none !important;float: none !important;color: #0dafeb !important;} #formulaire .birth{float:right;width:162px; margin-top:5px} #formulaire .birth select{float:left; margin-right:5px;} #formulaire .form p strong.enseigne{font-weight:bold; display: inline-block; font-size:15px; padding-left: 28px; padding-right:5px; background: url(../hab/picto-tick.gif) no-repeat 9px center} #formulaire .secteur{overflow:hidden} #formulaire .prefalertes{min-height:50px; overflow:hidden; height: 70px;} #formulaire .secteur input, #formulaire .prefalertes input{width:auto!important;} #formulaire #posExemple {display: none;font-size: 10px;font-weight: normal;right: 6px; top: 40px; position: absolute;width: 122px;z-index: 1;} #formulaire #posExemple ul{width: auto;margin: 0;padding: 0;} #formulaire #posExemple li{line-height: 16px;} #formulaire .form h2 {font-size:18px; font-family:georgia, serif; color:#c20725; line-height:22px; font-weight:normal; margin-bottom:10px;} /****Forms -- Spécial page demande de doc <3 ***/ #formulaire .fields.frame1 #civilite-doc,#formulaire .fields.frame1 #nom-doc,#formulaire .fields.frame1 #prenom-doc,#formulaire .fields.frame1 #pays-doc,#formulaire .fields.frame1 #id_fonction-doc,#formulaire .fields.frame1 #email-doc,#formulaire .fields.frame1 #telephone_portable-doc,#formulaire .fields.frame1 #adresse1-doc,#formulaire .fields.frame1 #CP-doc,#formulaire .fields.frame1 #ville-doc{float: left;} #formulaire .fields.frame2 .optionregionsouhaite #regionsouhaite{float: none;} /***Forms -- Newsletter ***/ #formulaire .form li #newsletters{margin: 4px 0 4px 5px; width: 20px;} #formulaire.newsletter h1{clear:both} #formulaire.newsletter a{display:inline-block; float: left; color:#777; padding-left:15px; background:url("../hab/MR2013/arrow-red.png") left center no-repeat;} #formulaire.newsletter .form .fields {box-shadow: 0 1px 0 #fff inset;} #formulaire.newsletter .form .fields ul{display: inline-block;} #formulaire.newsletter #frm.form .fields:first-child {height: 50px;} #formulaire.newsletter #frm.form .fields:nth-child(2) {height: 115px;} #formulaire.newsletter .form .fields.form-nl {height: 90px;} #formulaire.newsletter .form .fields.form-nl ul{display: block;} #formulaire.newsletter .form .fields h3{width:150px; margin:0 0 10px; float:left; clear:both} #formulaire.newsletter .form .fields input#mot_de_passe, #formulaire.newsletter .form .fields input#login, #formulaire.newsletter .form .fields input#email{width: 350px} #formulaire.newsletter input, #formulaire.newsletter input, #formulaire.newsletter select{width:350px;padding:2px; float: right;} #formulaire.newsletter label{width:180px} #formulaire.newsletter .form .fields div.label{float:right; width:350px;} #formulaire.newsletter .form .fields.nl-optin div.label {width: inherit;} #formulaire.newsletter .form .fields div.label input {display:inline-block; float:none; width:auto; margin-right:2px} #formulaire.newsletter .form .fields div.label label{width:50px; float:none; display:inline-block; vertical-align: top;} /***Forms -- Demande de financement ***/ #formulaire .profil{background:#8aacb9; position:relative; overflow:hidden; padding:5px 0; margin-bottom:15px; border:1px solid #8aacb9; text-align:center; box-shadow: 0 0 0 1px #fff inset; background-color: #d6e2e6; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d6e2e6', EndColorStr='#c2d4da'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d6e2e6', EndColorStr='#c2d4da')"} #formulaire .profil label{float:none; font-weight:bold; margin:3px 5px 0 0} #formulaire .profil select#profil{float:none; width:250px; margin:0; border:1px solid #496a77} #formulaire .fields.etude {padding: 2px 15px;min-height: 0;} #formulaire .fields.etude label {float: none;display: inline-block;width:100px;padding: 10px 17px;margin: 0;} #formulaire .fields.etude label input {float: none;width: 13px;border: none;margin: 0;} #formulaire .fields.etude label span {display: inline-block;width: 80px;vertical-align: middle;margin: 0 0 0 3px;} #formulaire .fields.etude label span img {display: block;max-width: 80px;} #formulaire .profil {margin-bottom: 0;border-bottom: none;} /***Forms -- Remerciement (page de confirmation)***/ #formulaire #confirmation, #confirmationBas {border: 1px solid #c20725; margin:20px 0 30px; padding:10px 10px 0; background:#f8dede; display:none; } #formulaire #confirmation h2.ok, #formulaire #confirmationBas h2.ok { background:transparent url(../hab/icon-check.gif) no-repeat 5px 13px; font-size: 13px; padding: 15px 20px 5px 45px} #formulaire #confirmation h2.no, #formulaire #confirmationBas h2.no { background:transparent url(../hab/icon-wrong.png) no-repeat left 4px; color:#c20725; padding: 15px 20px 5px 45px; font-size: 13px} #formulaire #confirmation p, #formulaire #confirmationBas p{background:url(../hab/MR2013/arrow-red.png) left 5px no-repeat; margin-bottom:10px; padding-left:10px} #remerciement .mentionlegale{font-size:11px; line-height:12px; padding-top:30px;} #remerciement .mentionlegale a{color:#2b4b79;} #remerciement h1{background:none; color:#1f4979;font-family:"Georgia","Times New Roman",serif;font-size:25px;font-weight:normal;line-height:30px;margin:5px 0px} #remerciement h1 img{width:490px; margin-left:-6px} #remerciement p.merci strong, #remerciement h2{font-weight:normal; color:#d3001d; font-size:22px; line-height:40px} #remerciement h2{line-height:30px; margin-bottom:20px; padding-top:10px; border-top:1px dotted #ccc} #remerciement p.merci{background: #e3eef2; color: #333333; line-height: 21px; margin-bottom: 15px; padding: 10px; font-size: 12px;} #remerciement p.merci span{color:#444; font-weight:bold; background:#fff8c8; padding:1px 3px} #remerciement p.merci strong.enseigne{display: inline-block; color:#000; font-size:17px} #remerciement .colg{margin-bottom: 20px; width:220px; clear:both; float:left; *display:inline} #remerciement .cold{float:left; margin-bottom: 20px; margin-left:20px; display:inline} #remerciement input.cold{padding-right:0; *margin-right:250px} #remerciement input.text{width:300px; padding:2px; margin-left:-50px; margin-right:0; border:1px solid #999; padding:2px; color:#888} #remerciement div.cold, #remerciement div.cold ul{width:500px} #remerciement .cold li{display:block; width:219px; float: left; height: 22px} #remerciement .cold li.more{display:none} #remerciement .cold p.more{clear:both; color:#7f7f7f; margin-left:210px; background:0;} #remerciement .alertes{width:auto; *width:580px} #remerciement input, #formulaire.newsletter input{float:none} /*#remerciement .button{height:45px; margin:5px auto; padding-top:2px; text-align:center; width:211px; margin-top:15px; clear:both;}*/ #remerciement .button a{padding-left: 0;} #remerciement .button a:hover{color:#c20725} #remerciement .financement img{border-bottom:2px solid #fff; margin-bottom:20px; display:block} #remerciement .financement:hover img{border-bottom:2px solid #c20725} #formulaire .form, #remerciement .form {position: relative;} #formulaire .form .button, #remerciement .form .button {background:transparent url(../hab/MR2013/btn-red.gif) 100% 0 no-repeat; height:46px; width: 175px; line-height:46px; float: right;} #formulaire .form .button a, #remerciement .form .button a {color:#fff; font-size:19px; font-family:"latoregular","Helvetica","Arial",sans-serif; background: none; width: 175px; text-align: center; padding-left: 0;} #formulaire .form .button a, #formulaire .form .button a.bouton-doc{float:none;} #remerciement .form .button a{font-size:18px; letter-spacing:0;margin: 0 !important;padding: 0!important;line-height: 18px;} /***Forms -- Demande d'information***/ #formulaire .form p span.conseil{font-weight:bold; display: inline-block; font-size:15px; padding-left: 20px; background: url(../hab/icon-conseil.png) no-repeat center left; *clear:both} /***Forms -- Errors***/ #formulaire input.error, #formulaire select.error, #formulaire label.error, #formulaire textarea.error, #remerciement .text.error{border-color:#c20725; border-right-width:4px} #formulaire .fields.frame1 input.error{width:auto} /***Forms -- Référencer & modifier une enseigne***/ #formulaire .modif-enseigne{margin-bottom: 25px;} #formulaire .modif-enseigne hr{background: #d0d0d0; height: 1px;} .col_gauche{margin: 5px 0px 0px;} form.formular {font-family: arial; font-size: 13px; color:#1F4979; width:580px; margin-bottom: 40px;} label.error {color: red; margin: 0 15px 0 0; float: right !important;} .formular h2{font-size:18px; color:#1F4979; margin-bottom:2px; font-weight:normal;} .formular .fieldset {background:#f8f9fa; color:#3b3b3b; border: 1px solid #d0d0d0; padding: 15px 15px 15px; border-radius: 5px; overflow: hidden;} .formular .fieldset:not(:nth-child(7)) {margin-bottom: 30px;} .formular .fieldset label {display: block; float: none !important; text-align: inherit;} .formular .fieldset label.inline {float: none; width: auto;} .formular label span {float:left; padding-top:7px; width:160px;} .formular select {padding:2px; width:250px; margin-top: 4px; border:1px solid #B78E8E;} .formular .text-input {width: 250px; color: #555; padding: 2px; border:1px solid #B78E8E; font-size: 14px; margin-top: 4px;} .formular .infos {background: #FFF; color: #333; font-size: 12px; padding: 10px; margin-bottom: 10px;} .formular hr {clear: both; visibility: hidden;} .formular .fc-error {width: 350px; color: 555; padding: 4px; border: 1px solid #B5B8C8; font-size: 12px; margin-bottom: 15px; background: #FFEAEA;} .formular #message_validation {color:#fff; font-size:13px; font-weight:bold; text-align:center; padding:10px; background:#cb0000; margin-top:15px; margin-left:15px; display:none; line-height:22px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D90000', EndColorStr='#741f1f'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D90000', EndColorStr='#741f1f')"; border-radius: 4px;} span.submit_referencement{display: block; width: 200px; margin: 10px auto 20px} .btn-red{color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: url(../hab/MR2013/btn-red.gif) 0 0 no-repeat; height:46px; width:175px; line-height:46px; display: block; margin: 20px auto; text-align: center;} input.submit{width: 175px !important; float: none !important; height: 46px !important; border: none !important; font-size: 18px; font-weight: bold; line-height: 42px;} input.submit:hover{color:#cb0000} .formular .fieldset div.radio{clear:both; padding:5px 0 4px} .formular .fieldset span.radio{display:block; float:left; width:155px;} .formular .fieldset label.radio{float:none; padding-right:1px; width:30px; display:inline; _padding-bottom:6px} .arrows{background: url(../hab/MR2013/arrow-red.png) no-repeat 0 5px; padding-left: 11px;} /******* MAIN CONTENT -- BUTTONS *******/ /*** Level 1 -- Etapes suivantes et precedantes ***/ #etapes {position:relative; overflow:hidden} #etapes a{display:block; position:relative; top:0; width:245px; font-family: "georgia", serif; color: #777; font-size:18px; font-weight:normal;} #etapes a.prev{float:left; text-align:left; padding-left:25px; background:url(../hab/MR2013/exergue.gif) 0 0 no-repeat; } #etapes a.next{float:right; text-align:right; font-weight:normal; padding-right:25px;background:url(../hab/MR2013/exergue-p.gif) right 0 no-repeat;} #etapes a strong{display:block; font-size:19px; text-transform:uppercase; color:#3b3b3b; font-weight:normal; font-family: "latoregular", "arial", sans-serif;} #etapes a:hover strong{color:#c20725} .secteur #etapes{margin-top:10px} .secteur #etapes a strong{font-size:20px; background-position:0 6px} .secteur #etapes a.next strong{background-position:100% 6px;} #news.secteur #etapes a{font-size:15px;} #etapes.etapes-bottom{padding:15px; margin-top:5px;border-left:4px solid #e0e0e0;border-right:4px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:white;} /*******MAIN CONTENT -- OTHER BLOCKS*******/ /***Other Blocks -- Home:Outils et services***/ #news #outils_services_home h2 {text-transform: uppercase; font-family:"latoregular", Arial, sans-serif; font-weight: normal; font-size:20px; color:#3b3b3b;} #news #outils_services_home h2 > span {color:#f57516;} #news #outils_services_home li h3{font-size:14px; font-weight:normal; font-family:"latoregular",arial,sans-serif; text-transform:uppercase; margin-bottom:5px;} #news #outils_services_home li h3 a, #outils_services li h3 a:hover{text-decoration:none; color:#f57516;} #news #outils_services_home{clear:both; margin-top:5px; padding:15px; background:#ffffff; border-bottom:1px solid #e0e0e0; border-left:4px solid #E0E0E0; border-right:4px solid #E0E0E0;} #news ul#outils_services{margin:0; padding:0;overflow:hidden; padding-bottom:15px;} #news #outils_services li{display:block; float:left; width:212px; padding:3px 0 10px 60px; background:url(../hab/MR2013/bg-outils-services.png) 0 -13px no-repeat;} #news.home #outils_services li.trouver-local {width:210px; float:left; margin:0 0 0 37px;} #news #outils_services li p{font-size:12px; font-family:helvetica, arial, sans-serif;} #news #outils_services li p a, #news #outils_services li p a:hover{color:#3b3b3b; text-decoration:none;} #news #outils_services_home div.more{border-top:1px solid #e0e0e0; clear:both; text-align:center; font-weight:normal; font-family:"latoregular", arial, sans-serif; font-size:14px; padding:15px 0 10px 0px;} #news #outils_services_home .more a{color:#ffffff; text-decoration:none; width:206px; background:#f57516; border-radius: 3px; text-align:center; padding:3px 20px;} /* Styles sp�cifiques aux sprites */ #news #outils_services li.comparer-enseignes {background-position:0 -944px;} #news #outils_services li.trouver-local {background-position:0 -1077px;} #news #outils_services li.fiches-pro {background-position:0 -1209px} #news #outils_services li.nl {background-position:0 -410px} #news #outils_services li.annuaire-reseaux {background-position:0 -543px} #news #outils_services li.agenda-franchise {background-position:0 -1475px} #news #outils_services li.lexique-franchise{background-position:0 -676px} #news #outils_services li.financer-franchise{background-position:0 -1739px} #news #outils_services li.apce{background-position:0 -1607px} #news #outils_services li.emploi-recrutement{background-position:0 -809px} #news #outils_services li.jal{background-position:0 -950px} #news #outils_services li.alertes {background-position:0 -1341px} /*Espace franchiseur*/ #news #outils_services li.referencer {background-position:0 -2006px} #news #outils_services li.partenaire-site {background-position:0 -2406px} #news #outils_services li.modifier-enseigne {background-position:0 -2140px} #news #outils_services li.annoncer-echos {background-position:0 -1875px} #news #outils_services li.plateforme-axone {background-position:0 -2268px} /***Other Blocks -- Actualites***/ #actualite {background:#ffffff; border-left: 4px solid #E0E0E0; border-bottom:1px solid #e0e0e0; width:700px; padding:15px; margin:0px 0 20px 0; border-right: 1px solid #e0e0e0;} #actualite .video{float:left; width:220px; margin:0px 10px 20px 0} #actualite .surtitre{color:#777; font-size:13px; font-weight:normal; font-family:georgia, serif; font-style:italic;} #actualite .titre, #actualite .chapeau{float : left;width:220px;padding-bottom:5px} #actualite .titre a{color:#c20725; font-size:16px;font-weight:normal; font-family:latoregular, arial, sans-serif; text-decoration:none} #actualite .titre a:hover{color:#c20725;width:220px} #actualite .chapeau a{color:#3b3b3b;font-size:13px} #actualite .chapeau a:hover{text-decoration:none;color:#3b3b3b} #actualite .news{margin-bottom:20px} #actualite .news ul li a{background:url(../hab/MR2013/arrow-red.png) 0px 5px no-repeat; color:#6B6B6B; font-size:13px; line-height:22px; display:block; padding:0 0 0 14px} #actualite .news ul li a.read{ font-weight:bold} #actualite .news ul li a:hover{ color:#c20725} #actualite .more li {line-height:22px;} #actualite .more p.more {width:156px; font-family:latoregular, arial, sans-serif; font-size:14px; background:#c20725; text-align:center; border-radius:3px; padding:3px; margin:15px auto;} #actualite .more p.more a{color:#ffffff; } /******************* RIGHT CONTENT ********************/ /*******RIGHT CONTENT -- NOUVELLE RECHERCHE*******/ #new-search{height:148px; width:336px; background: url(../hab/MR2013/new-search.png) #c20725 0 0 no-repeat; color:#fff; margin:0 auto 10px} #new-search select{width:311px; border:1px solid #e0e0e0; border-radius:3px; height:22px; margin-left:13px;} #new-search select#combo_secteur_droite {margin-top:14px;} #new-search p{line-height:35px; font-size:14px; margin-left:13px;} #new-search h3{text-transform:uppercase; font-family:latoregular, arial, sans-serif; font-size:14px; font-weight:normal; margin:0 0 0 53px; padding:20px 0 0;} /*******RIGHT CONTENT -- CAROUSEL ENSEIGNE *******/ /*Carousel enseigne -- general*/ #side #network{width:335px; margin:15px auto; font-family:"arial", "helvetica", sans-serif;} #side #network h2 {color:#c20725; background:#ffffff; border-top-right-radius: 5px; border-top-left-radius: 5px; font-size:13px; font-weight:bold; text-transform:uppercase; height:40px; line-height:40px; text-align:center;} #side #network span img {position:absolute; margin: -1px 0 0 20px; z-index:5; } #side #network .slider .logo {margin-top: 3px; width:60px; height:60px; float:none;} #side #network .slider ul{border-bottom:1px solid #ffffff; margin:0; padding:15px 0 10px 10px; background:#c20725; width:325px;} #side #network .slider li{display:inline;/*ie6*/} #side #network .slider ul li span {display: block; line-height: 11px; margin-top:3px; color:#3b3b3b;} #side #network a.more{padding:10px 15px; background:#c20725; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display:block; clear:both; text-align:center; font-size:13px; font-weight:bold;} #side #network a.more, #network a.more:hover{color:#ffffff; text-decoration:none;} .carousel_title{padding-top: 15px; line-height: normal !important;} /*******RIGHT CONTENT -- SERVICES PARTENAIRES FRANCHISE *******/ /*services partenaire franchise -- general*/ #side .cta_group{background:#ffffff; width:300px; margin:0 auto 10px auto; border: 1px solid #E0E0E0;} #side .cta_group ul {padding:0px 15px 15px 15px;} #side .cta_group li {display:block; font-size:12px; padding:10px 0 10px 83px; border-bottom:1px solid #e0e0e0; height: 70px;} #side .cta_group li a, #side .cta_group li a:hover{color:#3b3b3b;} #side .cta_group .h2title, #side .networknews .h2title {font-family:'latobold', arial, sans-serif; font-weight:normal; font-size:12px; background:url(../hab/MR2013/cta_titre.gif) #c20725 left bottom no-repeat; min-height:30px; line-height:21px; text-transform:uppercase; color:#fff; padding:5px 8px; display: block;} #side .cta_group li {font-family:arial,sans-serif; font-size:14px; text-transform:uppercase; font-weight:normal; margin-top:15px} #side .cta_group li a, #side .cta_group li a {color:#c20725;} #side .cta_group p.more {font-family:latoregular, arial, sans-serif; font-size:14px; background:url(../hab/MR2013/cta-group-puce.gif) 39% 0 no-repeat; text-align:right; padding:0 15px 15px 25px; margin:0;} #side .cta_group p.more a, #side #networknews p.more a {color:#c20725;} #side .cta_group p.more a:hover, #side #networknews p.more a:hover {color:#3b3b3b;} /*services partenaire franchise -- specifics*/ #side .cta_group .apce {background:url(../hab/MR2013/apce-CTA-partenaires.gif) 0 0 no-repeat;} #side .cta_group .financement {background:url(../hab/MR2013/financer-CTA-partenaires.gif) 0 0 no-repeat;} #side .cta_group .cessionpme {background:url(../hab/MR2013/cessionpme-CTA-partenaires.gif) 0 0 no-repeat;} #side .cta_group .axone {background:url(../hab/MR2013/axone-CTA-partenaires.gif) 0 0 no-repeat;} #side .cta_group .monster{background:url(../hab/MR2013/monster-CTA-partenaires.gif) 0 0 no-repeat;} /*******RIGHT CONTENT -- ACTUALITES / INTERVIEWS / VIDEOS *******/ /*actualites / interviews / videos -- general*/ #side #networknews, #side .networknews{width:300px; background:#fff; font-size:12px; margin:10px auto; border:1px solid #e0e0e0;} /*networkslide HP*/ #side #networknews .networkslide li{float:left; text-transform:uppercase; color:#777777; border-right:1px solid #e0e0e0; width:110px; height:30px; line-height:30px; font-size:15px; font-weight:normal;text-align:center; } #side #networknews .networkslide li.inactive{background:#e9e9e9;} #side #networknews div, #side .networknews div{clear:both; padding: 15px 10px 0;} #side #networknews h3.titre-network{line-height: 30px; font-size: 15px; font-weight: normal; text-align: left; text-transform: uppercase; color: #777777; padding-left:10px;} #side #networknews div ul, #side .networknews div ul{margin-bottom:15px;overflow:hidden; border-bottom:1px solid #e0e0e0;} #side #networknews div li, #side .networknews div li{ padding:0 0 15px 0;} #side #networknews div li a, #side .networknews div li a{ color:#3b3b3b;} #side #networknews div li a:hover .info, #side #networknews div li a .time, #side .networknews div li a:hover .info, #side .networknews div li a .time{color:#c20725} #side #networknews div li a .time, #side .networknews div li a .time {color:#777777} #side #networknews .more, #side .networknews .more {text-transform:none;font-family:latoregular, arial, sans-serif; font-size:14px; text-align:right; padding: 0 15px 15px 25px;} #side #networknews div.actualites .more {background:url(../hab/MR2013/cta-group-puce.gif) 148px 0 no-repeat;} #side #networknews div.interviews .more {background:url(../hab/MR2013/cta-group-puce.gif) 80px 0 no-repeat;} #side #networknews div.videos .more {background:url(../hab/MR2013/cta-group-puce.gif) 105px 0 no-repeat;} #side #networknews .networkslide li.videos {border:none; width:112px;} /*networknews pages sectorielles*/ #side .networknews .more {background:url(../hab/MR2013/cta-group-puce.gif) 30% 0 no-repeat;} #side .networknews p {font-size:14px; color:#3b3b3b; text-transform:uppercase; padding:10px 0 0 10px;} #side .networknews ul#soussecteur{margin-left:20px;padding: 10px 0;} #side .networknews ul#soussecteur li{height: 30px; padding-left: 15px; background:url(../hab/MR2013/arrow-red.png) 0 2px no-repeat;} /*******RIGHT CONTENT -- MENU FIXE *******/ /***Menu fixe -- demande de doc / Financement Franchise***/ #menu_enseigne{float:right; width:260px; position: relative;} #actions, #financement{font-size:12px; border: 1px solid #e0e0e0; margin-top: 25px; width:249px; border-radius:3px; background:#f7f7f7} #actions .bloc{background:#fff url(../hab/MR2013/actions-bloc.gif) 0 -82px no-repeat; color:#3b3b3b; display:block; font-weight:bold; height:41px; line-height:40px; margin:0 auto 11px auto; padding:0 0 0 40px; position:relative; width:163px} #actions .bloc_disabled{ background:#FFF url(../hab/actions-bloc-disabled.gif) top left no-repeat; color:#666; display:block; font-weight:bold; height:41px; line-height:38px; margin-bottom:10px; padding-left:36px; position:relative; width:152px} #actions .bloc_disabled .icon{ background:url(../hab/action-icon-cv-disabled.gif) 5px center no-repeat; display:block; height:20px; left:10px; position:absolute; top:10px; width:20px} #actions .bloc .icon{ background:url(../hab/MR2013/ajout-selection.png) 0 center no-repeat; display:block; height:20px; left:10px; position:absolute; top:9px; width:20px} #actions .ok{ background:#fff url(../hab/actions-blue.gif) top center repeat-x; border:1px solid #999; color:#608e24; height:40px; width:167px} #actions .ok .icon{ background-image:url(../hab/actions-ok.gif)} #actions .okselection .icon{background:url(../hab/MR2013/suppression-selection.gif) 0 center no-repeat;} #actions .comparateur .icon{ background-image:url(../hab/actions-sdm.gif)} #actions .cv { display:none; } #actions .cv .icon{ background:transparent url(../hab/action-icon-cv.gif) 5px center no-repeat} #actions .infos .icon{ background: transparent url(../hab/action-icon-doc.gif) 5px center no-repeat} #actions .voir_selection .icon{ background: transparent url(../hab/MR2013/icon-voir-selection.png) 0 center no-repeat} #actions .documentation, #financement > a{display:block; margin:20px auto 5px auto; width:205px; height:88px; overflow:hidden; position:relative} .ie6 #actions .documentation, .ie6 #financement a {display:block; margin-bottom:15px; width:205px; height:88px; overflow:hidden; position:relative} /* R�p�tition de la d�claration pour ie6 */ #actions .documentation img, #financement > a img{position:relative; top:0} #actions a:hover{color:#c20725} #actions a:focus{top:1px} /*******RIGHT CONTENT -- CALL TO ACTION *******/ #side .cta{background:#f7f7f2; background:#fff; margin-bottom:10px} #side .cta h4{font-size:12px; background:#b3c1cf; border:5px solid #cfd8e2; height:20px; line-height:20px; text-transform:uppercase; color:#333; padding:0 5px; position:relative} #side .cta h4 a{color:#333} #side .cta h4 img{position:absolute; top:-4px; right:19px} #side .cta a{ color:#565656} #side .cta a:hover{ color:#c20725;} #side .cta h5{font-size:13px; color:#2d2d2d; margin:10px;} #side .cta h5 img{float:left; margin:0 10px 0 0} #side .cta p{clear:both; margin:0 10px 10px} #side .cta p.more{background-color:#CFD8E2; background-position:320px 50%; margin:0; padding:3px 5px 3px 0} #side .cta p.more a{margin-right:15px} #side .calltoaction img{margin-bottom:10px} #side .side-bloc{background:#fff; padding:10px; margin:15px 0;width:316px;} #side .side-bloc h4{color:#c20725; font-size:16px;margin-bottom:15px; font-weight:bold} #side .side-bloc h5{font-size:12px;color:#727272;margin:5px 0; font-weight:normal; text-transform:uppercase;text-decoration:underline;} #side .side-bloc p, #side .side-bloc td{color:#3b3b3b;margin-bottom:10px;font-size:13px;} #side .side-bloc a{color:#c20725;font-size:14px;font-weight:bold;} #side .side-bloc a:hover{color:#c20725} #side .side-bloc p strong{color:#c20725} #side .side-bloc p em{font-weight:bold;font-style:normal} #side .side-bloc table{margin: 0 0 10px 5px} #side .side-bloc a.redbuttonsml{width:92px; padding:0; background-position:0 -30px; font-size:10px} #side .side-bloc a.redbuttonlarge{width:192px; padding:0; background-position:0 -60px; font-size:10px} a.redbuttonplus:hover{color:#f6dda8} #side .side-bloc a.liste{font-style:italic} /*******RIGHT CONTENT -- CONSEIL DU JOUR APCE *******/ #side .apce_conseiljour{width:316px; min-height:172px; padding:10px; margin:15px auto 25px; background:url(../hab/apce_conseiljour.png) #6d6d6d bottom no-repeat; margin-bottom:15px; position:relative} #side .apce_conseiljour h3 a{width:340px; color:#fff; margin-bottom:10px; font-family:georgia,serif; font-size:20px; font-weight:normal; line-height:22px;} #side .apce_conseiljour a{color:#fff; display:block; padding-right: 76px; line-height:17px; font-size:13px;} #side .apce_conseiljour .conseil{display:block; position:absolute; bottom:0 ; line-height:32px; font-size:15px; font-weight:bold} /*******RIGHT CONTENT -- CTA PAGE LEXIQUE *******/ #side .bouton_haut a{ background:url("../hab/bg-cta-haut.png") no-repeat; width:327px; height:72px;} .bouton_haut, #side .bouton_haut a{display:block; margin:0 auto 10px auto;vertical-align:middle; color:transparent; background:url("../img/cta-haut.png") no-repeat; width:327px; height:72px;margin-top:15px;} .bouton_haut a:hover, .bouton_haut a:active, #side .bouton_haut a:hover, #side .bouton_haut a:active{background:url("../hab/cta-haut-ro.png") no-repeat; text-decoration:none;color:transparent;} /********** PRE-FOOTER CONTENT ******************/ #pre-footer{background: #f8f9fa none repeat scroll 0% 0%; margin: 25px auto; width: 1000px; clear: both;} #pre-footer h2 {margin-bottom:15px; background:#f8f9fa; border-top:1px solid #e0e0e0; font-family:"latoregular", "arial", sans-serif; font-size:17px; font-weight:normal; height:48px; line-height:48px; text-align:center} #pre-footer h2 a{text-decoration:none;color:#3b3b3b;} #pre-footer h2 a:hover{text-decoration:none;color:#c20725;} /******************* FOOTER ********************/ /*Footer -- general*/ #footer{font-family:arial,sans-serif; font-size:12px; color:#777777; position: relative; height: 466px;} /******* FOOTER -- FOOTERMAP *******/ #footermap{ margin:15px 0; padding:0; background:#3b3b3b; color:#ffffff; height:370px;} #footermap .title{text-transform:uppercase; width:1000px; margin:auto; padding:15px 0; font-size:19px; font-family:latoregular, arial, sans-serif;} #footermap #sitemap {width:1000px; margin:auto;} #footermap #sitemap > ul{margin:0 auto; padding:0 33px 0 0; width:167px; float: left;} #footermap #sitemap > ul li{padding:0; margin:0 0 25px 0; font-weight:bold; font-size:14px; font-family:"latoregular", arial, sans-serif; font-weight:normal;} #footermap #sitemap > ul li a, #footermap ul li a{color:#fff; margin: 0 0 11px;} #footermap #sitemap > ul li a{width:100%; padding:0px 0 4px 0; border-bottom:1px solid #898989; display:block;} #footermap #sitemap > ul li ul li{list-style-type:disc; font-family:arial, sans-serif; font-size:12px; margin:0 0 0 16px; line-height:9px; line-height:14px;} #footermap #sitemap > ul li ul li a, #footermap ul li ul li a:hover{color:#fff; border:none; margin:0;} #footermap #sitemap .align-col1 {padding-top:19px;} /******* FOOTER -- FOOTERLINKS *******/ #footerlinks{position: relative; height: 162px; clear:both; margin:auto; padding: 0; text-align:center;} #footerlinks .links{background:#515151; border-top: 5px solid #c20725; height: 55px; line-height: 55px;} #footer-partenaires{background:#484848; height: 103px;} #footer-partenaires .partner-links{height: 103px; line-height: 20px; padding-top: 1.6%;} #footerlinks a {color:#ffffff; text-decoration:none; } #footerlinks .links a, #footerlinks #footer-partenaires a{margin:0 8px;} #footerlinks .links a:hover, #footerlinks #footer-partenaires a:hover{margin:0 8px; color:#b1b1b1;} /******* FOOTER -- FOOTERGROUP *******/ #footergroup{height:175px; overflow:hidden; font-size:0.916em; background: #3b3b3b; clear: both;} #footergroup .inner{ width:980px; margin:auto; text-align:left; padding: 25px 0px;} #footergroup .group{ float:left;height:auto; overflow:hidden; width: 100%;} #footergroup .group .title{float:left; width:208px; margin-right: 50px;} #footergroup .group #group-links{display: inline-block; padding-top: 3%;} #footergroup .group ul{float:left; width:175px; border-left:1px solid #e0e0e0;} #footergroup .group ul li{ float:left; padding:2px 10px 3px 10px; width:168px} #footergroup .group ul li a, #footergroup .legals ul li a{ color:#fff} #footergroup .group ul li a:hover, #footergroup .legals ul li a:hover{ color:#b1b1b1} #footergroup .legals{float:left; width:209px} #footergroup .legals ul li{ padding:2px 10px 3px 10px; color:#C00} #footergroup .cnil{float:left; padding:20px 0; width:100%; color:#B5B5B5; text-align:center} /******* FOOTER -- FOOTERLEGAL *******/ #footerlegal{height:147px; margin:0 auto;background:#3b3b3b;color:#fff; font-weight:bold; text-align:center;} #footerlegal .law{ margin:auto;font-size:11px; font-weight:normal; width:996px} /******************* OTHER ********************/ /******* OTHER -- WIDGET PANIER*******/ /*widget -- General*/ #widget{width:330px; position:relative} #widget, #panier {width:312px; background:#fff; border:3px solid #e0e0e0; margin:20px auto; padding:10px;} #widget p, #panier p {margin:10px 28px; padding:5px; background:#f8f8f8; border:1px solid #eee; text-align:center; color:#777} #widget .container .simplemodal-close { position:absolute; top:8px; right:8px; z-index:1000} #widget .list{width:310px; overflow-y:auto; margin:0 7px; max-height:232px; _height:232px; height:232px\9} #widget .list .bloc, #panier .list .bloc{border:1px solid #e0e0e0; background:#f8f9fa; width: 260px;height: 35px; display:block; clear:both;padding: 15px 15px 20px;} #widget .list .bloc .infos, #panier .list .bloc .infos { float:left; white-space:nowrap; display: inline-block;} #panier .list .bloc .infos{white-space: normal;width: 175px;} #widget .list .bloc .delete, #panier .list .bloc .delete {display:inline-block; margin-right:10px; margin-top:5px; padding:5px; font-size:11px; float:right} #widget .list .bloc.error, #panier .list .bloc.error{border-color:#c20725} #widget .list .bloc a, #panier .list .bloc a{color:#3b3b3b; font-size:14px; font-weight:normal} #widget .list .bloc img.avatar, #panier .list .bloc img.avatar{margin-right:10px; float:left; border:0} #widget .list .bloc span.apport, #panier .list .bloc span.apport{font-size:11px; color:#828282} #widget .redbutton, #panier .redbutton{margin:15px auto 0} #widget .propositions, #panier .propositions{font-weight:bold;font-size:12px;} #widget .propositions p, #panier .propositions p{color:#3b3b3b; margin:10px 0 5px 0; border:0} #widget .propositions li, #panier .propositions li{padding:6px 0 3px 12px; border-bottom:1px solid #e0e0e0; background:url(../hab/MR2013/arrow-red.png) 2px 8px no-repeat; clear:both; height: 25px;} #widget .propositions li a, #panier .propositions li a{color:#3b3b3b; font-weight:normal; display:inline} #widget .propositions li a, #panier .propositions li a{*float:left} #widget .propositions li a.add img, #panier .propositions li a.add img{display:block; float:right} #widget .propositions li a.add:hover img, #panier .propositions li a.add:hover img{top:6px} #simplemodal-overlay { background-color:#1f4979; cursor:pointer} #widget #menu, #panier #menu {overflow:hidden; border-bottom:1px solid #e0e0e0; margin:0 8px; padding:5px 0 10px; text-align:center; zoom:1 } #widget #menu a, #panier #menu a {color:#3b3b3b; display:inline; font-size:12px; font-weight:bold; text-transform:none; margin-left:17px} #widget #menu img, #panier #menu img {position:relative; top:2px} #panier #menu a:hover, #panier .list .bloc a:hover, #panier .propositions a:hover, #widget #menu a:hover, #widget .list .bloc a:hover, #widget .propositions a:hover{color:#c00725} #widget h2, #panier h2 {background:url(../hab/MR2013/franchise_select.png) 0 0 no-repeat; height:35px; position:relative; padding:10px 0 0 43px; color:#c20725; font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:normal; border:0} /******* OTHER -- infobulle*******/ .infobulle, #selecttooltip{position:absolute; z-index:3000; border:1px solid #cecece; background:#fff; box-shadow: 0 2px 3px #888; color:#333; font-size:12px; padding: 10px;} .infobulle {width:260px;} .infobulle-title {font-weight: bold;} .infobulle p.presentation, #widget .infobulle p.presentation, #panier .infobulle p.presentation{color:#fff; font-weight:bold; font-size:10px; margin:0px -9px; padding:5px 10px 8px; width:auto; white-space:normal; background:url(../hab/btnclose2.gif) #6a6162 100% 0 no-repeat; text-align:left; border:0} .infobulle p.presentation, #widget .infobulle p.presentation, #panier .infobulle p.presentation{background-color:#C10014} .infobulle p.presentation .titre, #widget .infobulle p.presentation .titre, #panier .infobulle p.presentation .titre{font-size:14px; text-transform:uppercase;font-family:"Trebuchet MS",Helvetica,arial,sans-serif;border-bottom:1px dotted #e2828d; display:inline-block; margin:0 0 3px; width:220px} .infobulle table{font-size:10px; width:240px; border-collapse:collapse; border:0; margin-top:2px} table.info_enseinges .infobulle tr{border:0} .infobulle th, .infobulle td, table.info_enseinges td .infobulle th, table.info_enseinges td .infobulle td {border:1px dotted #004061; border-left:0; border-right:0; margin:0; padding:2px; text-align:left; vertical-align:top} .infobulle img.close{position:absolute; top:-10px; right:-22px} .infobulle a.link{display:block; text-align:center; font-size:11px; color:#132e4c; border-bottom:1px solid #c9c7aa; width:140px; height:22px; line-height:22px; background:url(../hab/icon-fiche2.gif) #f2e4c3 3px 0 no-repeat; padding-left:23px; margin:5px auto 2px } .infobulle a.link:hover{color:#f6dda8} .infobulle img.pointeinfobulle{position:absolute; margin-top:5px; left:15px} #selecttooltip{padding:4px 7px} /******* OTHER -- MEDIA ELEMENT*******/ .mejs-container{position:relative; background:#000; font-family:Helvetica,Arial; margin:auto; border:10px solid #ddd} .mejs-container-fullscreen{position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden} .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video{width:100%; height:100%} .mejs-background{position:absolute; top:0; left:0} .mejs-mediaelement{position:absolute; top:0; left:0; background:url(../hab/videoplayer/logo.png) 6px 6px no-repeat} .mejs-poster{position:absolute; top:0; left:0; overflow:hidden; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .mejs-overlay{position:absolute; top:0; left:0} .mejs-overlay-play{cursor:pointer; background:rgba(0,0,0,.5)} .me-plugin{} .mejs-overlay-button{position:absolute; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; background:url(../hab/videoplayer/bigplay.png) top left no-repeat} .mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px} .mejs-overlay-loading{position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px; background:#333; background:url(../hab/videoplayer/background.png); background:rgba(0,0,0,0.9); background:linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9))} .mejs-overlay-loading span{display:block; width:80px; height:80px; background:transparent url(../hab/videoplayer/loading.gif) center center no-repeat} .mejs-container .mejs-controls{position:absolute; background:none; list-style-type:none; margin:0; padding:0; bottom:0; left:0; background:url(../hab/videoplayer/background.png); background:rgba(0,0,0,0.7); background:linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); height:30px; width:100%} .mejs-container .mejs-controls div{list-style-type:none; background-image:none; display:block; float:left; margin:0; padding:0; width:26px; height:26px; font-size:11px; line-height:11px; font-family:Helvetica,Arial} .mejs-controls .mejs-button span{cursor:pointer; display:block; font-size:0px; line-height:0; text-decoration:none; margin:7px 5px; height:16px; width:16px; background:transparent url(../hab/videoplayer/controls.png) 0 0 no-repeat} .mejs-container .mejs-controls .mejs-time{color:#fff; display:block; height:17px; width:auto; padding:8px 3px 0 3px; overflow:hidden; text-align:center; padding:auto 4px} .mejs-container .mejs-controls .mejs-time span{font-size:11px; color:#fff; line-height:12px; display:block; float:left; margin:1pdebutx 2px 0 0; width:auto} .mejs-container .mejs-controls .mejs-time span{font-size:11px; color:#fff; line-height:12px; display:block; float:left; margin:1px 2px 0 0; width:auto} .mejs-controls .mejs-play span{background-position:0 0} .mejs-controls .mejs-pause span{background-position:0 -16px} .mejs-controls .mejs-stop span{background-position:-112px 0} .mejs-controls div.mejs-time-rail{width:200px; padding-top:5px} .mejs-controls .mejs-time-rail span{display:block; position:absolute; width:180px; height:10px; border-radius:2px; cursor:pointer} .mejs-controls .mejs-time-rail .mejs-time-total{margin:5px; background:#333; background:rgba(50,50,50,0.8); background:linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#1E1E1E,endColorstr=#3C3C3C)} .mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8; background:rgba(60,170,200,0.8); background:linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#2C7C91,endColorstr=#4EB7D4); width:0} .mejs-controls .mejs-time-rail .mejs-time-current{width:0; background:#fff; background:rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FFF,endColorstr=#C8C8C8)} .mejs-controls .mejs-time-rail .mejs-time-handle{display:none; position:absolute; margin:0; width:10px; background:#fff; border-radius:5px; cursor:pointer; border:solid 2px #333; top:-2px; text-align:center} .mejs-controls .mejs-time-rail .mejs-time-float{visibility:hidden; position:absolute; display:block; background:#eee; width:36px; height:17px; border:solid 1px #333; top:-26px; margin-left:-18px; text-align:center; color:#3b3b3b} .mejs-controls .mejs-time-rail:hover .mejs-time-float{visibility:visible} .mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px; width:30px; display:block; text-align:center; left:0} .mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute; display:block; width:0; height:0; line-height:0; border:solid 5px #eee; border-color:#eee transparent transparent transparent; border-radius:0; top:15px; left:13px} .mejs-controls .mejs-fullscreen-button span{background-position:-32px 0} .mejs-controls .mejs-unfullscreen span{background-position:-32px -16px} .mejs-controls .mejs-volume-button{} .mejs-controls .mejs-mute span{background-position:-16px -16px} .mejs-controls .mejs-unmute span{background-position:-16px 0} .mejs-controls .mejs-volume-button{position:relative} .mejs-controls .mejs-volume-button .mejs-volume-slider{display:none; height:115px; width:25px; background:url(../hab/videoplayer/background.png); background:rgba(50,50,50,0.7); border-radius:0; top:-115px; left:0; z-index:1; position:absolute; margin:0} .mejs-controls .mejs-volume-button:hover{border-radius:0 0 4px 4px} .mejs-controls .mejs-volume-button:hover .mejs-volume-slider{display:block} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute; left:11px; top:8px; width:2px; height:100px; background:#ddd; background:rgba(255,255,255,0.5); margin:0} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute; left:11px; top:8px; width:2px; height:100px; background:#ddd; background:rgba(255,255,255,0.9); margin:0} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute; left:4px; top:-3px; width:16px; height:6px; background:#ddd; background:rgba(255,255,255,0.9); cursor:N-resize; border-radius:1px; margin:0} .mejs-controls .mejs-captions-button{position:relative} .mejs-controls .mejs-captions-button span{background-position:-48px 0} .mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden; position:absolute; bottom:26px; right:-10px; width:130px; height:100px; background:url(../hab/videoplayer/background.png); background:rgba(50,50,50,0.7); border:solid 1px transparent; padding:10px; overflow:hidden; border-radius:0} .mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible} .mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0; padding:0; display:block; list-style-type:none !important; overflow:hidden} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0; padding:0; list-style-type:none !important; display:block; color:#fff; overflow:hidden} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both; float:left; margin:3px 3px 0px 5px} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px; float:left; padding:4px 0 0 0; line-height:15px; font-family:helvetica,arial; font-size:10px} .mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px; margin:0 0 5px 0} .mejs-chapters{position:absolute; top:0; left:0; -xborder-right:solid 1px #fff; width:10000px} .mejs-chapters .mejs-chapter{position:absolute; float:left; background:#222; background:rgba(0,0,0,0.7); background:linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000); overflow:hidden; border:0} .mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px; color:#fff; padding:5px; display:block; border-right:solid 1px #333; border-bottom:solid 1px #333; cursor:pointer} .mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none} .mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666; background:rgba(102,102,102,0.7); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666,endColorstr=#323232)} .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px; font-weight:bold; display:block; white-space:nowrap; text-overflow:ellipsis; margin:0 0 3px 0; line-height:12px} .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px; line-height:12px; margin:3px 0 4px 0; display:block; white-space:nowrap; text-overflow:ellipsis} .mejs-captions-layer{position:absolute; bottom:0; left:0; text-align:center; line-height:22px; font-size:12px; color:#fff} .mejs-captions-layer a{color:#fff; text-decoration:underline} .mejs-captions-layer[lang=ar]{font-size:20px; font-weight:normal} .mejs-captions-position{position:absolute; width:100%; bottom:15px; left:0} .mejs-captions-position-hover{bottom:45px} .mejs-captions-text{padding:3px 5px; background:url(../hab/videoplayer/background.png); background:rgba(20,20,20,0.8)} .mejs-clear{clear:both} .me-cannotplay{} .me-cannotplay a{color:#fff; font-weight:bold} .me-cannotplay span{padding:15px; display:block} .mejs-controls .mejs-loop-off span{background-position:-64px -16px} .mejs-controls .mejs-loop-on span{background-position:-64px 0} .mejs-controls .mejs-backlight-off span{background-position:-80px -16px} .mejs-controls .mejs-backlight-on span{background-position:-80px 0} .mejs-controls .mejs-picturecontrols-button{background-position:-96px 0} /******* OTHER -- Ajout SDV*******/ #companies .bloc {margin-bottom:10px} #footeradv{ border-bottom:2px solid #cecece; border-top:1px solid #fff; padding:10px 0px; text-align:center} #page404{ border-bottom:2px solid #cecece; border-top:1px solid #fff; padding:0px 0px 20px 0px} #page404 h2{line-height: 21px;} #page404 h2:before{content:" "; background-image: url('../hab/MR2013/infobulle-bg.gif'); display:inline-block; width:19px; height: 19px; margin-right: 10px;} #page404 h3{color:#535353; font-size:12px; margin-bottom:5px; text-transform:uppercase} #page404 .bloc h4{background:#c20725;width:350px;color:#c20725; font-size:12px; margin-bottom:5px; text-transform:uppercase} #page404 .bloc h4 a{color:#ffffff} #page404 .bloc h4 a:hover{text-decoration:underline} #page404 .bloc{ float:left; width:350px} #page404 ul{ position:relative} #page404 ul li{ background:url(../hab/MR2013/arrow-red.png) 0px 6px no-repeat; display:block; line-height:18px; padding-left:8px} #page404 ul li a{ color:#535353; font-size:12px} #page404 ul li a:hover{ color:#c20725} /******* OTHER -- *********************************************/ #toptext a {color:#555} #toptext a:hover {color:#c20725} #toptext {color:#CCC;margin:0 0 3px 0px; line-height:9px;font-size:10px} #topadv .megaban{ height:90px; margin:0px; position:absolute; left:0px; top:19px} #topadv .ban{ height:90px; margin:0px; position:absolute; left:731px; top:19px} #bgtopleft, #bgtopright {display:none} #filInfos{_margin-top:3px} #filInfos a img, #partners .frame form p img, #partners form .frame p img, #syndication h5 img, #footerlinks .rights img{ vertical-align:middle} #window, .window{ background:#fff; padding:10px; margin-bottom:10px} #window{margin-top:20px} /* rajout de #side pour diff�rencier avec #tools #partners */ #partners.bloc{ border-color:#9c9c9c; padding:10px 8px 10px 10px; display:none} #partners h4 { border-bottom:1px solid #bcbcbc; display:block; margin-bottom:5px; padding-bottom:5px} #partners .frame{ border:1px solid #9d9d9d; margin-bottom:10px; padding:10px} #partners .frame h5{ border-bottom:1px dotted #ccc; color:#484848; font-size:11px; line-height:12px; padding-bottom:8px; text-transform:uppercase} #partners .frame form p, #partners form .frame p { float:left; padding:5px 0px; width:50%} #partners .frame form p label, #partners form .frame p label{ color:#1f4979; cursor:pointer; font-size:12px; font-weight:bold} #partners .button{ border:1px solid #c1bfbf; width: 180px; height:18px; margin:5px auto; padding-top:2px; text-align:center} #partners .button a{ background:url(../hab/MR2013/arrow-red.png) center right no-repeat; color:#4b4b4b; font-size:11px; font-weight:bold; padding:4px 15px 4px 10px} #side .lrec2 {padding:20px 8px 22px 26px; border:0px dotted #c0c0c0; margin-right:21px} #syndication{background:#fff; margin-bottom:10px; padding:10px 8px 10px 10px; border:1px solid #ccc;width:300px;font-size:12px;} #syndication h4{ border-bottom:1px solid #bcbcbc; padding-bottom:5px; text-transform:uppercase; font-family:"trebuchet MS",Helvetica,Arial,sans-serif} #syndication h5{ border-bottom:1px dotted #bcbcbc; color:#c20725; font-size:12px; padding:5px 0px; text-transform:uppercase} #syndication h6{ border-bottom:1px dotted #ccc; font-size:12px; padding:5px 0px} #syndication li{ border-bottom:1px dotted #ccc} #syndication li a{ display:block; line-height:13px; overflow:hidden; padding:5px 0px} #syndication li a .time{ color:#c20725} #syndication li a .info{ color:#4b4b4b} #syndication li a:hover .info{ color:#c20725} /* Module PUB / Partenariat */ .fiche_apce_wide{margin-top:30px; display:none;} #article .fiche_apce_wide{display:none;} /* Page Nos Enseignes */ .page-footer-enseignes h1 { padding:10px 0; text-align:center;} .page-footer-enseignes h1 a { font-size: 18px; font-weight: normal; color: #c20725; text-decoration:none;} .page-footer-enseignes h1 a:hover { text-decoration: none;} #companies{width:996px; margin:auto} #companies .col{ display:inline;/*ie6*/ float:left; margin:0px 0px 0px 7px; overflow:hidden;/*ie6*/ width:191px} #companies .bloc{ background:#fff; border:1px solid #cecece; overflow:hidden;/*ie6*/ padding:13px; width:163px} #companies .bloc .titre-secteur-enseigne { color:#c20725; font-size:12px; margin-bottom:15px; text-transform:uppercase} #companies .bloc .titre-secteur-enseigne span{ color:#4b4b4b} #companies .bloc .titre-secteur-enseigne span.surtitre {display:block; font-size:10px; font-weight:normal} #companies .bloc .titre-secteur-enseigne a{ color:#c20725; font-size:12px; margin-bottom:15px; text-transform:uppercase;text-decoration:none} #companies .bloc .titre-secteur-enseigne a{ color:#c20725; font-size:12px; margin-bottom:15px; text-transform:uppercase;text-decoration:none} #companies .bloc .titre-enseigne{ background:url(../hab/MR2013/arrow-red.png) 0px 4px no-repeat; color:#888; font-size:11px; font-weight:normal; line-height:16px; text-indent:8px; text-transform:uppercase} #companies .bloc .titre-enseigne a{ text-decoration:none;color:#888} #companies .bloc .titre-enseigne a:hover { text-decoration:none;color:#c20725} #companies .bloc ul{ margin-bottom:10px} #companies .bloc ul li.more {text-align:right} #companies .bloc ul li.more a{ color:#06c} #companies .bloc ul li a{ color:#313131; font-size:12px; font-weight:bold; line-height:18px} #companies .bloc ul li a:hover{ color:#c20725} #companies .bloc ul li a.plus_d_enseignes{ color:#313131; font-size:10px; font-weight:normal;line-height:18px;color:#c20725} #companies .bloc ul li a.plus_d_enseignes:hover{ text-decoration:underline} #hire{ background:#eaeaea; border-bottom:1px solid #cecece; border-top:1px solid #fff} /* GR */ #focus #reduireTousSecteurs {display:none;cursor:pointer;background:url(../hab/left-double-arrow-red.png) center left no-repeat;padding-left:15px;padding-right:0px} #focus #tousSecteurs {display:none} #focus #tousSecteurs li:first-child {border-top:none} /* GR */ .tip { font-size: 12px; background:#FFF url(../hab/tip.gif) top left no-repeat; display:block; border:1px solid #999;position:absolute; color:#333; left:206px; top:4px; width: 300px; line-height:16px; padding:14px} .tip strong { color:#c20725; text-transform:uppercase} /* CGU */ #mode_emploi{ color:#777777;font-size:12px} #mode_emploi .h1{ border-bottom:1px dotted #ccc; padding-bottom:10px; color:#1f4979; font-family:Georgia,"Times New Roman",serif; font-size:22px; font-weight:normal; margin-bottom:15px} #mode_emploi .h2{ color:#1f4979; font-family:Arial,Georgia,"Times New Roman",serif; font-size:16px; font-weight:bold; text-decoration:underline; line-height:20px; margin:25px 0px 5px 0px} #mode_emploi p{margin-bottom:30px} #mode_emploi .title{ color:#666666;font-size:12px;font-weight:bold} #mode_emploi a{ color:#1f4979} #mode_emploi a:hover{ color:#c20725} #mode_emploi img{ border : 1px solid #dddddd} #essentiel, .essentiel{ margin-bottom:10px; width:336px} #essentiel h4, .essentiel h4, #identity .bloc .feed h4 { border-bottom:1px solid #dfdfdf; color:#535353; font-size:12px; padding-bottom:2px; text-transform:uppercase} #essentiel ul li, .essentiel ul li{ display:inline;/*ie6*/} #essentiel ul li a, .essentiel ul li a{ background:url(../hab/MR2013/arrow-red.png) 0px 10px no-repeat; border-bottom:1px dotted #ccc; color:#1f4979; display:block; font-family:Arial,"Times New Roman",serif; font-size:14px; font-weight:normal; line-height:16px; padding:5px 10px} #essentiel ul li a:hover, .essentiel ul li a:hover{ color:#c20725} #contact_gratuit { display:inline;/*ie6*/ float:left; margin:10px 0px 10px 19px; width:580px} .content .news{margin-bottom: 20px; border-bottom: 1px dotted #CCCCCC; clear: both;} .content .news ul li {background: url("../hab/MR2013/arrow-red.png") no-repeat scroll 0 9px transparent !important; list-style-type: none !important; font-weight: normal;line-height: 19px !important; padding: 3px 10px !important;} .content .news ul li a{color: #6B6B6B;display: block;font-family: Arial,"Times New Roman",serif;font-size: 11px !important; font-weight: normal; line-height: 14px; padding: 3px 10px!important;} #identity .label {padding: 10px 0;margin-top: 10px;} #identity .label span{background: none repeat scroll 0 0 #C10014;color: #FFFFFF;font-family: Arial,Georgia,"Times New Roman",serif; font-size: 11px; letter-spacing: 1px; padding: 2px 4px; text-transform: uppercase; border-radius: 3px;} #videos_enseigne .bloc .posttitle{font-size:13px;font-weight:bold;margin:0px 0px 0px 0px;padding-right:15px} #videos_enseigne .bloc img{float:left;height:95px;margin:0px 5px 0px 0px;width:165px} #videos_enseigne .bloc p{color:#000;font-size:12px;line-height:20px;margin-bottom:20px;padding-right:15px} #window #focus{border-color:#9d9d9d;margin:0;width:auto} #window #focus .more a{font-weight:bold} .essentiel{margin-bottom:10px;width:356px} .essentiel ul li{display:inline} .essentiel ul li a:hover{color:#c20725} .essentiel ul li.first a{background-position:0px 12px;font-size:16px;line-height:18px} #financement{margin-top:5px; text-align:center;} #financement h3, #plus_enseignes h3{text-transform:uppercase; font-size:16px; margin:15px;} #financement h3{color:#0dafeb; text-transform:uppercase; font-size:16px; margin:15px;} #financement p{margin:0px 15px 15px 15px;text-align:left;} #side #plus_enseignes{margin:0px 20px 0px 0px} #plus_enseignes{height: 362px;font-size: 12px;border: 1px solid #e0e0e0;margin-top: 5px;width: 249px;border-radius: 3px;background: #f7f7f7;} #plus_enseignes h3{color: #c20725;font-size: 14px;} #plus_enseignes ul{border-top: 1px solid #e0e0e0;} #plus_enseignes li{padding:10px 2px 10px 5px; border-bottom:1px solid #ccc; font-size:11px; color:#494949; background:#fff; *min-height:1%} #plus_enseignes li a img{clear:both; float:left; margin-right:10px; margin-left:0px; background-color:none; margin-bottom:10px} #plus_enseignes li a{font-size:11px; color:#494949; display: block; text-align:left; background: none; padding:0} #plus_enseignes li a:hover, #menu_enseigne .enseignes li a span:hover{color:#cd0000} #plus_enseignes li h4 {_margin-top:-10px} #plus_enseignes li h4 a{color:#1F4979; font-size:14px; font-weight:bold; line-height:14px; display:inline} #plus_enseignes li h4 a:hover{color:#1f4979} #plus_enseignes li a span{font-weight:bold;color:#000} #plus_enseignes a{display:block; text-align:right; font-size:11px; color:#c20725; background:url(../hab/MR2013/arrow-red.png) #fff no-repeat scroll right center; padding:8px 15px 8px 0} #plus_enseignes .more{ background:url(../hab/MR2013/arrow-red.png) #fff center right no-repeat; color:#c20725; padding-right:10px} #plus_enseignes .more:hover{ color:#c20725} #side #plus_enseignes li{*min-height:0; *padding-bottom:5px; _padding-bottom:15px;} #side #plus_enseignes li a{display:inline} #side #plus_enseignes li h3 {_margin-top:-15px} #side #plus_enseignes li a img {margin-bottom:0} /*modale*/ #simplemodal-overlay {background-color:#1f4979;} #modale {background:url(../hab/modalbg.jpg) #fff no-repeat top center; border: 2px solid #666; width:380px; padding:20px 30px 0; _padding-bottom:100px; position:relative} img.simplemodal-close{position:absolute; right:8px; top:8px; cursor:pointer} #modale h1{color:#ca0024; font-style:normal; font-size:22px; padding: 0 0 8px 35px; border-bottom:1px dotted #ccc; margin:0 0 15px; background:url(../hab/warning24.png) no-repeat 0 1px} #modale p{color:#272727; margin-bottom:7px; line-height:18px} #modale p span.montantdapport{font-weight:bold} #modale li{list-style-image: url(../hab/MR2013/arrow-red.png); margin-left:30px; font-size:13px; font-weight:bold; color:#7f7f7f;padding-bottom:6px} #modale li .apport{color: #c20725; font-size: 12px} #modale li span.montantdapport{color:#545454} #modale div.buttons{position:relative; width:380px; height:60px; padding:14px 30px 8px; background:url(../hab/buttonsbg.gif) #fdfdfd repeat-x top; border-top:1px dotted #ddd; margin: 15px 0 0 -30px; _position:absolute } #modale div.buttons a.simplemodal-close, #modale div.buttons a.continue{display:block;float:left; margin-right:20px;padding:13px 10px 10px 50px;width:120px; background:url(../hab/btnretour.png) no-repeat; font-size:14px; color:#3f3f3f; cursor:pointer} #modale div.buttons a.continue{display:block;float:left;margin-right:0;padding:16px 60px 16px 20px; width:100px; background:url(../hab/btncontinue.png) no-repeat; font-size:20px; white-space:nowrap} #modale div.buttons a:hover{color:#c20725} .mentionlegale{clear:both;} .mentionlegale a{float: none !important;} .confirm .mentionlegale{margin: 0 30px;} /****Infobulle JS****/ #droits-dentree, #type-de-contrat, #redevance-d-exploitation, #redevance-publicitaire, #apport-personnel-minimum, #investissement-hors-local, #type-d-emplacement{background-color: #ffffff; border-radius: 3px;} /*Clearfix*/ .clearfix:before, .clearfix:after{content: " "; display: table;} .clearfix:after {clear: both;} /*IE6/7*/ .clearfix {*zoom: 1;} /* bandeau cookie sept 2014 */ #cookiemenu { background-color: #fbdcbf; width: 100%; text-align: center; position: relative; z-index: 3; min-height: 44px; padding: 10px 45px; box-sizing: border-box;} #cookiemenu p { font-family: "Arial", "Helvetica", sans-serif; font-size: 14px; color: #1f1d1e; margin: 0; line-height: 1.5; } #cookiemenu p a { color: #ff5858; text-transform: uppercase; margin-left: 15px; box-sizing: border-box; } #cookiemenu a.close-cookie {text-indent: -9999px; background: url('../hab/close-cookie.png') no-repeat center center #ff5858; width: 30px; height: 30px; display: block; position: absolute; top: 7px; right: 15px; box-sizing: border-box; } /* bandeau cookie sept 2014 */ .globalsite {background : white; width: 100%; margin : 0 auto; padding-top: 30px; position: relative; min-height: 100%;} .redbutton-comm{background: #c20725 none repeat scroll 0 0; border-radius: 3px; color: #fff; display: block; float: right; font-size: 15px; font-weight: bold; height: 45px; margin: 0 auto; text-align:center; text-shadow: 1px 1px 0 #860911; width: 30%;} /**** Pages secteurs et sous-secteurs : base ****/ .separation{height: 13px; margin-bottom: 30px;} /**** Pages secteurs et sous-secteurs : Slider ****/ #slidesecteur{height: 260px; width: 585px; border-bottom: 3px solid #c51f3a; background: #e0e0e0;overflow:hidden;} #slidesecteur #slider-wrap {position: relative; height: 260px; clear: both;} #slider-wrap #slider-left {position: relative; width: 375px; height: 260px; float: left;} #slider-wrap:nth-child(n+2):nth-child(-n+3) #slider-left{display:none;} #slider-wrap:nth-child(n+2):nth-child(-n+3) #slider-right{display:none;} /** à supprimer dès que JS en place**/ #slidesecteur #slide-img {position: absolute; left: 0; width:375px; height: 260px;} #slidesecteur #slider-left a {display:block; width:375px; height:260px;} #slidesecteur #slider-left .bloc-sous-titre {display: block; width: 355px; min-height: 10px; position: absolute; bottom: 0; background-color: #ffffff; opacity: 0.7; word-wrap: break-word; hyphens: auto; padding: 10px;} /*** pour les titres en plusieurs lignes***/ #slidesecteur #slider-left .bloc-sous-titre a{display: block; width: 375px; min-height: 30px;} #slidesecteur #slider-left .bloc-sous-titre, #slidesecteur #slide-text, #slider-right{font-family: "latoregular", Arial, sans-serif; font-weight: bold;} #slidesecteur #slider-right {width: 180px; height: 55px; background: #F3F3F3 none repeat scroll 0% 0%; border-bottom: 1px solid #E0E0E0; padding-left: 20px; margin-left: 375px; word-wrap: break-word; font-size: 13px;text-align: left; padding-top: 10px; padding-right: 10px;} #slidesecteur #slider-right.selected{background-color: #e0e0e0; border-bottom: 1px solid #cccccc;}/** à rajouter dans le JS**/ #slidesecteur #slider-wrap #slider #slide-text .thumbnail{display: inline-block; width: 40px; height: 40px; background-color: #cccccc; margin-left: 10px;}/*** enlever bg-color quand image en place**/ #slidesecteur #slider-right #slide-text .slide-titre{display: inline-block; max-width: 140px; margin-left: 5px;} #slidesecteur .slide-arrow-wrap{position: absolute; right: 210px; height: 65px; width:11px; z-index: 10; padding-top: 20px; top: 0px;} #slidesecteur .slide-arrow-wrap .slide-arrow{display:inline-block; width: 11px; height: 25px;} /**** Pages secteurs et sous-secteurs : CTA Sélection ****/ #cta-selection{display: block; width: 585px; margin-bottom: 65px;} #top-selection{position: relative; height: 75px; width: 587px; background-color: #c51f3a;} #top-selection h2{display: inline-block; color: #ffffff; font-family: "latolightitalic", sans-serif; font-size: 16px; line-height: 21px; padding-top: 15px; margin-left: 20px; } #cta-selection .cta-highlight{display: inline-block; font-size: 28px;} #cta-selection .secteur-auto-moto, #cta-selection .secteur-beaute-sante-bien-etre, #cta-selection .secteur-commerce-alimentaire, #cta-selection .secteur-commerce-specialise, #cta-selection .secteur-culture-loisirs, #cta-selection .secteur-deco-et-amenagement, #cta-selection .secteur-economie-verte, #cta-selection .secteur-hotellerie-restauration, #cta-selection .secteur-immobilier, #cta-selection .secteur-distribution, #cta-selection .secteur-pret-a-porter, #cta-selection .secteur-services-aux-entreprises, #cta-selection .secteur-services-aux-particuliers, #cta-selection .secteur-travaux-et-habitat{background: url('../hab/MR2013/icones-cta-selection.png') 0 0 no-repeat; display:inline-block; height:32px; width: 49px; margin-left: 25px;} #top-selection .secteur-beaute-sante-bien-etre{background-position: 0 -32px;} #top-selection .secteur-commerce-alimentaire{background-position: 0 -64px;} #top-selection .secteur-commerce-specialise{background-position: 0 -96px;} #top-selection .secteur-culture-loisirs{background-position: 0 -128px;} #top-selection .secteur-deco-et-amenagement{background-position: 0 -160px;} #top-selection .secteur-economie-verte{background-position: 0 -192px;} #top-selection .secteur-hotellerie-restauration{background-position: 0 -224px;} #top-selection .secteur-immobilier{background-position: 0 -256px;} #top-selection .secteur-distribution{background-position: 0 -288px;} #top-selection .secteur-pret-a-porter{background-position: 0 -320px;} #top-selection .secteur-services-aux-entreprises{background-position: 0 -352px;} #top-selection .secteur-services-aux-particuliers{background-position: 0 -384px;} #top-selection .secteur-travaux-et-habitat{background-position: 0 -416px;} #top-selection #fleche{display:inline-block; width: 35px; height:18px; background:url('../hab/MR2013/fleche-cta-selection.png') -35px 0 no-repeat; right: 25px; top: 30px; position: absolute; cursor: pointer; animation: bounce 1.7s ease infinite;} @keyframes bounce{from {top: 35px;} 50% {top: 28px;} to {top: 35px;}} #top-selection #fleche.open{background-position: 0 0;} #bottom-selection{display: none; position: relative; width: 585px; background-color: rgb(255, 255, 255); border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; height: 380px;}/** hauteur à ajuster normalement 374px**/ #bottom-selection #ma-selection{width: 585px; background-color: rgb(255, 255, 255); border-bottom: 1px solid #dedfdf; height: 33px; display: block; clear: both;} #bottom-selection #ma-selection #selec-gauche{ display: inline-block; float: left; width: 124px; height: 33px; background-color: #f3f3f3; margin: 0; padding: 0;} #bottom-selection #ma-selection .arrow{ display: inline-block; float:left; background :url('../hab/MR2013/arrow-cta-select.png') 0 0 no-repeat; width: 16px; height: 33px;} #bottom-selection #ma-selection #selec-gauche #txt_selection{font-family: "latoregular", sans-serif; font-size: 13px; padding: 8px 13px; height: 33px; display: block;} #bottom-selection #ma-selection #selec-gauche #nb_selection{display:inline-block;} #bottom-selection #ma-selection #selec-droite{width: 440px; display: inline-block; float: right; margin: 0; padding: 0; height: 33px; position: relative; } #selec-droite .bouton-wrap{display: inline-block; position: absolute; top: 10px; cursor: pointer; width: 14px; height: 14px;} #selec-droite .bouton-wrap.gauche{left: 10px;} #selec-droite .bouton-wrap.droite{right: 10px;} #selec-droite .bouton-wrap #bouton-gauche,#selec-droite .bouton-wrap #bouton-droite{background:url("../hab/MR2013/nav-cta-selection.png") 0 -28px no-repeat; width: 14px; height: 14px;} #selec-droite .bouton-wrap #bouton-droite{background-position: 0 -14px;} #selec-droite .slider-mini-selection{display: inline-block; position: relative; position: absolute; left: 30px;} #selec-droite #selec-item{display: block; text-align: center; width: 380px; height: 33px;} /* Ajout Justine */ #selec-droite #selec-item li a{ background: rgba(0, 0, 0, 0) url("http://www.lesechosdelafranchise.com/hab/MR2013/suppr-selection.png") no-repeat scroll 0 0; display: none; height: 30px; position: absolute; top: 0; width: 30px; z-index: 2; cursor: pointer;} #selec-droite #selec-item li:hover a{display: block;} #selec-droite #selec-item li:first-of-type{margin-left: 30px;} /* Fin ajout Justine */ #selec-droite #selec-item li{width: 30px; height: 30px; margin: 2px 5px; position: relative; float: left; display: inline-block} /* Justine ajout position et display*/ #selec-droite #selec-item li img{width: 30px; height: 30px; position: relative; z-index: 1} /* Justine ajout position et z-index */ #cta-selection #cta-content{height: 147px; width:586px;} #cta-selection #cta-content #enseigne-row{height: 147px; width:586px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: box; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: left;} #cta-selection #cta-content #enseigne-row .enseigne-bloc{position: relative; height: 147px; width:146px;} #cta-selection #cta-content #enseigne-row .enseigne-bloc:nth-child(n+1):nth-child(-n+4){border-right: 1px solid #ffffff; cursor: pointer;} #cta-selection #cta-content #enseigne-row .enseigne-logo{height: 112px; width:147px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: box; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: center;} #cta-selection #cta-content #enseigne-row .enseigne-bloc .enseigne-hover{position: absolute; display: none; top: 0px; left: 0; width: 147px; height: 145px; background: #dff2ec; text-align: center;} #cta-selection #cta-content #enseigne-row .enseigne-bloc .enseigne-hover p{font-size: 11px;} #cta-selection #cta-content #enseigne-row .enseigne-bloc .enseigne-hover::after{content:"Contacter \203A"; display: block; position: absolute; bottom: 0; left: 0; width: 145px; height: 33px; background: #25b675 0 0 no-repeat; color: #ffffff; line-height: 2;} #cta-selection #cta-content #enseigne-row .enseigne-bloc .enseigne-hover .enseigne-nom, #cta-selection #cta-content #enseigne-row .enseigne-bloc .enseigne-hover::after{font-family: "latoregular", Arial, sans-serif; font-weight: bold;} #cta-selection #cta-content #enseigne-row .enseigne-bloc .enseigne-hover .enseigne-txt{position: relative; height: 50px; top: 35%; margin-top: -25px;} #cta-selection #cta-content #enseigne-row .enseigne-bloc .enseigne-hover .enseigne-nom{font-size: 14px; line-height: 14px;} #cta-selection #cta-content #enseigne-row .enseigne-titre{height: 33px; width:145px; background-color:#dedfdf; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: box; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: center; font-family: "latoregular", sans-serif; font-weight: bold; font-size: 14px; text-align: center;} /**** Pages secteurs et sous-secteurs: Bouton de confirmation et pagination ****/ #bottom-wrap{position: relative; width:585px; height:50px; border-bottom: 3px solid #c20725; } .pagination.sectoriel {position: absolute; height: 50px; top: 0px; left: 15px; padding: 0 0 !important; margin-top: 10px;} .pagination.sectoriel a{width: 14px; height: 14px; margin-top: 90px; cursor:pointer} .pagination.sectoriel a.text:hover{color: #3b3b3b !important;} .pagination.sectoriel a.precedente{background:url("../hab/MR2013/nav-cta-selection.png") 0 -28px no-repeat; float: left; margin-left: 7px;} .pagination.sectoriel a.suivante{background:url("../hab/MR2013/nav-cta-selection.png") 0 -14px no-repeat; float: right; margin-right: 6px;} #bottom-wrap form.cta-button button{position: absolute; top: 0; right: 0; width: 240px; height: 50px; background-color:#1e9560; color: #ffffff; font-family: "latoregular", sans-serif; font-size: 16px; cursor:pointer; text-align:left; padding-left: 15px;} #bottom-wrap form.cta-button button:hover{background-color: #25b675;} #bottom-wrap form.cta-button button::after{content:"\00bb"; display: block; position: absolute; top: 0; right: 0; background: #25b675 0 0 no-repeat; width: 50px; height: 100%; color: #ffffff; font-weight: bold; font-size: 32px; line-height: 1.5; text-align: center;} /**** Pages secteurs et sous-secteurs : Slider enseignes ****/ #focusenseigne.sectoriel{position: relative; background-color: #f3f3f3; border: none; border-top: 2px solid #c20725; text-align: center; width: 587px; padding: 0; padding-bottom: 14px; border-bottom: 3px solid #e0e0e0; margin-top: 0;} #focusenseigne.sectoriel span.carousel_title{display: block; margin: 15px auto; padding: 0; font-family: "latoregular", sans-serif; font-weight: bold; font-size: 18px;} #focusenseigne.sectoriel li{height: 80px; width: 80px; margin: 0 3px;} /* #focusenseigne.sectoriel li:first-child{margin-left: 5px;} à voir quand JS réparé #focusenseigne.sectoriel li:last-child{margin-right: 5px;} */ #focusenseigne.sectoriel li a{height: 80px; width: 80px; margin: 0p;} #focusenseigne.sectoriel li a img{width: 70px; height: 70px; margin: 5px;} #pagination.sectoriel .precedente, #pagination.sectoriel .suivante{background: transparent url("../hab/MR2013/nav-cta-selection.png") no-repeat scroll 0px -14px; width: 14px; height: 14px; padding: 0; margin-top: 55px;} #focusenseigne.sectoriel #pagination.sectoriel .precedente{background-position: 0px -28px; margin-left: 5px;} #focusenseigne.sectoriel #pagination.sectoriel .suivante{margin-right: 5px;} /**** Pages secteurs et sous-secteurs : Interviews Vidéos ****/ .encart-video{position: relative; both; background: #FFF none repeat scroll 0% 0%; margin-top: 5px; background-color: #1b1b1b; width: 556px; height: 265px; padding: 15px;} #news .encart-video h2{color:#ffffff;} #news .encart-video ul {padding:0; margin: 10px; width: 556px;} #news .encart-video li{position: relative; height:150px; width:174px; float:left; margin-right: 10px;} #news .encart-video .video-play {position: absolute; top: 25%; left: 40%; z-index: 5; height:32px; width:32px;} #news .encart-video .video-play img{} #news .encart-video img.pic{border: 2px solid #ffffff; z-index: 0; opacity: 0.7;} #news .encart-video img:hover{opacity: 1;} #news .encart-video p, #news .encart-video .more-encart p{font-family: "helvetica","arial",sans-serif; font-size: 12px; padding: 0; margin: 3px 0px 0px; color: #ffffff;} #news .encart-video .more-encart p{font-family: "latoregular","arial",sans-serif; font-size: 14px; padding-top: 25px; margin: 3px 0px 0px;}