html {font-size:15px;}body {background: url(http://www.ardenneprevoyante.be/uploads/ngrey/body.png) repeat-x scroll left top #f4f4f4;color: #004b8f;margin: 0;padding: 0;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 75.01%!important;line-height: 1.1em;text-align: justify;}.container {background:#fff;max-width:1024px;padding:0px;}.accessibility {display:none;}div#pagewrapper {/* min max width, IE wont understand these, so we will use java script magic in the */width: 1024px;/* now that width is set this centers wrapper */margin: 0 auto;background-color: #fefefe;color: #004B8F;}/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */header {/* adjust according your image size */height: 173px; //height: 180px;margin: 0;padding: 0;/* you can set your own image here, will go behind h1 a image */background: #f4f4f4 url(http://www.ardenneprevoyante.be/uploads/ardenneprevoyante/img/header_100ans.jpg) repeat-x left top;/* border just the bottom */border-bottom: 0px solid #D9E2E6;}header h1 a {/* you can set your own image here *//* this will make the "a" link a solid shape */display: block;/* adjust according your image size */height: 173px; //height: 180px;/* this hides the text */text-indent: -999em;/* old firefox would have shown underline for the link, this explicitly hides it */text-decoration: none;}header h1 {margin: 0;padding: 0;/*these keep IE6 from pushing the header to more than the set size*/line-height: 0;font-size: 0;/* this will keep IE6 from flickering on hover */}header h2 {/* this is where the site name is */float: right;line-height: 1.2em;/* this keeps IE6 from not showing the whole text */font-size: 1.5em;/* keeps the size uniform */margin: 35px 65px 0px 0px;/* adjust according your text size */color: #f4f4f4;}div#languages {list-style-type:none;float:right;margin: 10px 13px 0 0;}ul#languages a {width:17px;height:21px;}div.crbk {/* sets all to 0 */margin: 0;padding: 0;/* you can set your own image here */clear:left;}div.breadcrumbs {/* CSS short hand rule first value is top then right, bottom and left */padding: 1em 0em 1em 1em;/* its good to set font sizes to be relative, this way viewer can change his/her font size */font-size: 90%;/* css shorthand rule will be opened to be "0px 0px 0px 0px" */margin: 0px 0px 20px 0px;font-size: 1em;/* you can set your own image here */}div.breadcrumbs span.lastitem {font-weight: bold;}.navbar-form {margin:0px!important;padding: 0;}.navbar-form .form-group {padding:0px;}#cntnt01searchinput{max-width:200px;margin-top:4px;}.btn-search {border: none;height: 30px;width: 45px;margin: 0px 0px 0px 2px;padding: 0px 2px 2px 0px;/* makes the hover cursor show, you can set your own cursor here */cursor: pointer;/* you can set your own image here */background: url(http://www.ardenneprevoyante.be/uploads/ardenneprevoyante/img/search-button.png) no-repeat center center;text-indent:-999em;}.btn-search:hover {background-color:transparent!important;}.search-input {background-color:transparent;border-color:transparent;}h2 {color: #294B5F;/* font size for h2 the higher the h number the smaller the font size, most times */font-size: 1.5em;text-align: left;/* some air around the text */padding-left: 0em;padding-bottom: 1px;/* set borders around header */border-bottom: 0px solid #899092;border-left: 0em solid #899092;/* a larder than h1 line height */line-height: 1.5em;/* and some air under the border */margin: 0 0 0.5em 0;font-weight:bold;}h3 {color: #294B5F;font-size: 1.3em;line-height: 1.3em;margin: 0 0 0.5em 0;font-weight:bold;}p {margin: 0 0 1.5em;padding: 0;}.column-left #menu_vert,.column-left #particulier_entreprise,.column-left .legal {margin-left:12px;}.main {margin-left:12px;padding:0px 30px;}/* relational links under content */div.left49 {/* combined percentages of left+right equaling 100% might lead to rounding error on some browser */width: 70%;clear:left;}div.right49 {float: right;width: 29%;/* set right to keep text on right */text-align: right;clear:left;}.footer-wrapper {background: url(http://www.ardenneprevoyante.be/uploads/ardenneprevoyante/img/bg_footer.png) repeat-x scroll center top;padding: 30px 0 5px 0;}footer {background: #004789;font-size:0.9em;text-align:center;padding:3px 15px;}footer p {line-height:1.2em;margin-bottom:0.5em;color: #fff!important;}footer a,footer a:hover,footer a:visited {color: #fff!important;}/* BOF MENU */div.navbar {background: url(http://www.ardenneprevoyante.be/uploads/ardenneprevoyante/img/bg_menu.png) no-repeat scroll left top rgba(0, 0, 0, 0);/*max-height: 48px;*/margin: 0;padding: 0;border:0px;}.navbar-default {background:none;border:0px;}nav.navbar {margin:0px;}.navbar {/*min-height:48px;*/border-radius:0px;}nav .collapsing,nav .collapse.in {background-color:#88ab06;}.navbar-brand {color:#fff!important;padding: 8px 5px 5px 15px;}.navbar-toggle {margin-top:3px;padding:7px;}ul.nav > li li {border-top: 1px solid #bdbfbe;}ul.nav ul > li li:first-child {border-top: none;}ul.nav li li > a {background: transparent url(http://www.ardenneprevoyante.be/images/puce.png) no-repeat 0px 10px;}ul.nav, ul.nav ul {/* remove any default bullets */list-style-type: none;margin: 0;padding: 0;}ul.nav {/* pushes the menu div up to give room above for background color to show */padding-top: 0px;/* keeps the first menu item off the left side */padding-left: 10px;}ul.nav ul {/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */position: absolute;/* top being the bottom of the li it comes out of */top: auto;/* keeps it hidden till hover event */display: none;/* same size but different color for each border */border-top: 1px solid #C8D3D7;border-right: 1px solid #C8D3D7;border-bottom: 1px solid #ADC0C7;border-left: 1px solid #A5B9C0;}ul.nav ul ul {/* now we move the next level ul down from the top a little for distinction */margin-top: 1px;/* pull it in on the left, helps us not lose the hover effect when going to next level */margin-left: -1px;/* keeps the left side of this ul on the right side of the one it came out of */left: 100%;/* sets the top of it inline with the li it came out of */top: 0px;}ul.nav li li {/* Set the width of the menu elements at second level. Leaving first level flexible. */width: 220px;margin-left: 0px;margin-top: -1px;float: none;font-size:0.85em;}ul.nav li li ul li {}/* set the "a" link look here */ul.nav li a {/* specific font size, this could be larger or smaller than default font size */font-size: 1.1em;/* make sure we keep the font normal */font-weight: bold;/* set default link colors */color: #fff!important;/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */padding: 13px 15px 12px;display: block;/* sets no underline on links */text-decoration: none;border-left: 1px solid #759607;}ul.nav li:first-child a {border-left:none;}ul.nav li a:hover {/* kind of obvious */background-color: transparent;}ul.nav li li a:hover {/* this is set to #000, black, below so hover will be white text *//* color: #FFF;*/}ul.nav li a.menuactive {/* color: #fff;*//* bold to set it off from non active */font-weight: bold;/* set your image here */}ul.nav li.menuactive ul {color: #fff!important;/* bold to set it off from non active */font-weight: bold;/* set your image here */}ul.nav li a.menuactive:hover {/* keep it the same */font-weight: bold;}ul.nav li li a.menuparent span {/* makes it hold a shape */display: block;/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */background: url(http://www.ardenneprevoyante.be/uploads/ngrey/parent.png) no-repeat 98% center;}/* gif for IE6, as it can't handle transparent png */* html ul.nav li li a.menuparent span {/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */background: url(http://www.ardenneprevoyante.be/uploads/ngrey/parent.gif) no-repeat 98% center;}ul.nav li ul a {/* insures alignment */text-align: left;margin: 0px;/* keeps it relative to it's container */position: relative;/* less padding than first level no need for large links here */padding: 10px 3px 10px 20px;/* if first level is set to bold this will reset this level *//* first level is #FFF/white, we need black to contrast with light background */color: #004B8F!important;border-top: 0 none;border-right: 0 none;border-left: 0 none;}ul.nav li ul {/* very lite grey color, by now you should know what the rest mean */background: #ebedec;margin: 0px;padding: 0px;position: absolute;width: auto;height: auto;display: none;position: absolute;z-index: 999;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #374B51;/*Info: The opacity property is CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/opacity: 0.95;/* CSS 3 */}ul.nav li ul ul {/*Info: The opacity property is CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/opacity: 95;/* CSS 3 */}/* Styling the appearance of menu items on hover */ul.nav li:hover,ul.nav li.menuh,ul.nav li.menuparenth,ul.nav li.menuactiveh {/* set your image here, dark grey image *//* color: #FFF;*/}/* Styling the appearance of menu items on hover */ul.nav li li:hover,ul.nav li li.menuh,ul.nav li li.menuparenth,ul.nav li li.menuactiveh {/* set your image here, dark grey image */color: #004B8F;background:#e0e7c8;}/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level addul.nav li:hover ul ul ul,ul.nav li.menuparenth ul ul ul,*/ul.nav ul,ul.nav li:hover ul,ul.nav li:hover ul ul,ul.nav li.menuparenth ul,ul.nav li.menuparenth ul ul {display: none;}/* for fourth level addul.nav ul ul ul li:hover ul,ul.nav ul ul ul li.menuparenth ul,*/ul.nav li:hover ul,ul.nav ul li:hover ul,ul.nav ul ul li:hover ul,ul.nav li.menuparenth ul,ul.nav ul li.menuparenth ul,ul.nav ul ul li.menuparenth ul {display: block;}/* IE6 Hacks */ul.nav li li {/*float: left;*//*clear: both;*/}ul.nav li li a {height: 1%;}.navbar-collapse {padding:0px;}.navbar-nav > li > a {line-height:1em!important;}.navbar-nav > li > a span {color:#fff!important;}.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background:none;}/* EOF MENU */.main ul {color: #8fb114;list-style-type: square;}.main ul li {line-height: 1.4em;}.main ul li span {}a,a:hover,span,p {color: #004b8f;}.mifid {background:#8cd000;padding: 1px 10px 5px 5px;margin: 30px 0px 10px 0px;color:#fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}.mifid h4 {color:#fff;font-weight:bold;font-size:14px;border-bottom:1px solid #fff;padding-bottom:3px;}.mifid p,.mifid a {color:#fff;}.mifid a[href$=".pdf"] {background: url(http://www.ardenneprevoyante.be/uploads/ardenneprevoyante/img/pdf.png) no-repeat left center;padding-left: 22px;}.criteres-segmentation {background:#0076c0;padding: 1px 10px 5px 5px;margin: 30px 0px 10px 0px;color:#fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}.criteres-segmentation h4 {color:#fff;font-weight:bold;font-size:14px;border-bottom:1px solid #fff;padding-bottom:3px;}.criteres-segmentation p,.criteres-segmentation a {color:#fff;}.criteres-segmentation a[href$=".pdf"] {background: url(http://www.ardenneprevoyante.be/uploads/ardenneprevoyante/img/pdf.png) no-repeat left center;padding-left: 22px;}@media (max-width: 992px) {.main {margin-left:0px!important;}.navbar-form {display:none!important;}}@media (min-width: 992px) {.navbar-header {display:none;}.navbar-form {float: right !important;}.tpl-2-col .main {padding: 10px 50px 40px 15px;width:750px;}.tpl-3-col .main {padding: 0px 20px 0px 0px;width:500px;}.tpl-3-col .column-right {padding: 0px 0px 0px 0px;width:212px!important;}.column-left {width: 290px;}div#main_home > div {max-width: 320px;}}@media (min-width: 768px) {.navbar-header {display:none!important;}}@media (min-width: 600px) and (max-width: 800px) {.navbar-form {display:none;}#main_home > div {max-width:270px!important;}#main_home .vignettes {padding-left:5px!important;}div#main_home h2 a {font-size:14px!important;}#main_home div ul {padding: 10px 0 0 10px;}div#main_home_entreprises,div#main_home_particuliers {background-position:center right!important;}}@media (min-width: 768px) and (max-width: 800px) {#main_home > div {max-width:230px!important;}div#main_home .vignettes img {margin: 0 5px 5px 0!important;}div#main_home h2 a {font-size: 12px !important;}.main {padding:0 15px!important;}}@media (min-width: 480px) and (max-width: 767px) {ul#particulier_entreprise li {display: inline-block;padding: 0 0 15px;width:50%;float:left;}.main {clear:left;}}@media (min-width: 320px) and (max-width: 480px) {#main_home .vignettes {padding-left:25px!important;}div#main_home_entreprises,div#main_home_particuliers {background-position:center right!important;}div#main_home h2 a {font-size:13px!important;}.main {clear:left;}.column-right {margin:0 auto!important;}} /* Stylesheet: AP02 Bootstrap Sample by Web EP Modified On 2015-09-12 21:04:07 */