*{margin:0;padding:0}
html{min-width:780px}
body {font-size:74%;font-family:"Tahoma MS", Arial,helvetica sans-serif; color:#333;line-height:1.5em}
/*////////////////////////////////////////////////////////////////////////////*/
/*Pages internes*/
#wrapper {display:block;background:#fff url(bk.gif) repeat-x;width:100%;padding:0 auto}
#header {background:url(bk_vivelys.gif) top left no-repeat; width:100%;height:155px;}
#clients #header {background:url(bk_vivelys-clients.gif) top left no-repeat; width:100%;height:155px}
#clients #langues {background:url(bktop-clients-onglets.gif) top right no-repeat;text-align:center;height:30px;padding-top:11px}
#langues img {margin:2px;margin-bottom:-2px}
#menu1{width:775px;float:left}
#menu1 img {position:absolute;top:80px;left:66px}
#wrapcontent960 {width:960px;clear:both;margin:0 auto}
#content {width:760px;clear:both;margin:0 auto;float:none}
#content, #sidebar, #main {padding:0;text-align:left}
/* Fix double margin bug in IE on floats using display:inline */
#main, #footermain {margin:0;width:509px;float:right;padding-left:18px;display:inline}
#main {background:url(linevertic.gif) 0px 40px no-repeat}
#sidebar, #footersidebar {margin:0;display:inline;width:230px;float:left}
#sidebar {padding:57px 0 0 0}
/* --------------------------------------------------------------
GRILLE
-------------------------------------------------------------- */
.container {width: 950px;margin: 0 auto}
.column {float: left;margin-right: 10px}
.last {margin-right: 0}
.span-1 {width: 30px} .span-2 {width: 70px} .span-3 {width: 110px} .span-4 {width: 150px} .span-5 {width: 190px} .span-6 {width: 230px}
.span-7 {width: 270px} .span-8 {width: 310px} .span-9 {width: 350px} .span-10 {width: 390px} .span-11 {width: 430px} .span-12 {width: 470px} .span-13 {width: 510px} .span-14 {width: 550px} .span-15 {width: 590px} .span-16 {width: 630px} .span-17 {width: 670px} .span-18 {width: 710px} .span-19 {width: 750px} .span-20 {width: 790px} .span-21 {width: 830px} .span-22 {width: 870px} .span-23 {width: 910px} .span-24 {width: 950px;margin: 0}
.append-1 {padding-right: 40px} .append-2 {padding-right: 80px} .append-3 {padding-right: 120px} .append-4 {padding-right: 160px} .append-5 {padding-right: 200px} .append-6 {padding-right: 240px} .append-7 {padding-right: 280px} .append-8 {padding-right: 320px} .append-9 {padding-right: 360px} .append-10 {padding-right: 400px} .append-11 {padding-right: 440px} .append-12 {padding-right: 480px} .append-13 {padding-right: 520px} .append-14 {padding-right: 560px} .append-15 {padding-right: 600px} .append-16 {padding-right: 640px} .append-17 {padding-right: 680px} .append-18 {padding-right: 720px} .append-19 {padding-right: 760px} .append-20 {padding-right: 800px} .append-21 {padding-right: 840px} .append-22 {padding-right: 880px} .append-23 {padding-right: 920px}
.prepend-1 {padding-left: 40px} .prepend-2 {padding-left: 80px} .prepend-3 {padding-left: 120px} .prepend-4 {padding-left: 160px} .prepend-5 {padding-left: 200px} .prepend-6 {padding-left: 240px} .prepend-7 {padding-left: 280px} .prepend-8 {padding-left: 320px} .prepend-9 {padding-left: 360px} .prepend-10 {padding-left: 400px} .prepend-11 {padding-left: 440px} .prepend-12 {padding-left: 480px} .prepend-13 {padding-left: 520px} .prepend-14 {padding-left: 560px} .prepend-15 {padding-left: 600px} .prepend-16 {padding-left: 640px} .prepend-17 {padding-left: 680px} .prepend-18 {padding-left: 720px} .prepend-19 {padding-left: 760px} .prepend-20 {padding-left: 800px} .prepend-21 {padding-left: 840px} .prepend-22 {padding-left: 880px} .prepend-23 {padding-left: 920px}
/* Use these classes on an element to push it into the next column, or to pull it into the previous column. */
.pull-1 {margin-left: -40px} .pull-2 {margin-left: -80px} .pull-3 {margin-left: -120px} .pull-4 {margin-left: -160px}
.push-0 {margin: 0 0 0 18px} .push-1 {margin: 0 -40px 0 18px} .push-2 {margin: 0 -80px 0 18px} .push-3 {margin: 0 -120px 0 18px} .push-4 {margin: 0 -160px 0 18px}
.push-0, .push-1, .push-2, .push-3, .push-4 {float: right}
.box {padding: 1.5em;margin-bottom: 1.5em}
hr {background: #ddd;color: #ddd;clear: both;float: none;width: 100%;height: .1em;margin: 0 0 1.4em;border: none}
hr.space {background: #fff;color: #fff}
.clear {display: inline-block}
.clear:after, .container:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
* html .clear {height: 1%}
.clear {display: block}
div.clearleft {display: block;clear:left}
.padsides10 {padding:0 10px}
.padtop5 {padding-top:5px}
/*Commun*/
a:link {font-weight:bold; color:#8A9715; text-decoration:none}
a:visited {color:#727E1D; text-decoration:none; font-weight:bold}
a:hover {color:#BAC94B; text-decoration:underline}
a img {border:none}
.intro {font:12px Arial, Helvetica, sans-serif; text-align:right; color:#505900; font-weight:bold}
#left {text-align:left}
.right {text-align:right}
.center {text-align:center}
h1 {font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:28px; color:#A90056; text-align:right}
h2 {background:url(bkh2.gif) no-repeat right; border-left:6px solid; line-height:16px; text-indent:9px; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#A90056; font-weight:bold; margin-bottom:10px}
h2.grey { background-image:url(bkh2grey.gif);margin-bottom:10px}
h3 {font:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:13px; font-weight:bold; color:#A90056; margin:10px 8px 0px}
#green,.green {color:#869116}
p, td {padding-left:8px}
#main td {vertical-align:top}
#main h1 {padding:0;margin:0 0 38px 0}
.sm {font-size:10px}
.bas {background:url(bkbas.gif) repeat-x}
.highlight {color:#A90056;font-weight:bold}
#home #main h2 {margin-bottom:10px}
#home #main p { padding-left:5px}
#sidebar img.imgborder {position:relative;clear:both;margin-bottom:41px}
.clear {display: inline-block;clear:both;height:1px;line-height:0px}
/*bordures images*/
.imgborder {margin-left:3px; border-top:2px solid #9FA73C; border-bottom:7px solid #C1C877}
/*lignes de séparation*/
.ligneh {background:url(dot.gif) repeat-x center; margin:10px 8px 10px 8px}
.lignev {background:url(dot.gif) repeat-y center}
/* ----- FORMULAIRES ----- */
form div {clear:left;display:block; width:490px;margin:3px 0 0 0;padding:3px 3px 5px 3px}
fieldset legend {font-weight:bold}
fieldset {border:0;margin-top:15px;color:#000}
input, textarea {border:1px solid #869116; background:#FDFEFA;font:11px Verdana, tahoma, Helvetica, sans-serif;color:#000;line-height:0.5em;padding:3px}
input {width:150px}
textarea {width:490px}
.buttonSubmit {height:25px;width:100px;border:1px solid #869116; background:#FDFEFA;color:#000;margin-top:10px}
form div label {display:block;float:left;width:120px;padding:1px 10px 0px 0;margin:0 0 6px 0;text-align:right}
form div.optional label,label.optional
{font-weight:normal}
form div.required label,label.required
{font-weight:bold}
form div label.labelCheckbox, form div label.labelRadio
{float:none;display:block;width:210px;padding:0;margin:0 0 5px 162px;text-align:right}
input.checkbox {width:auto}
div.optional, div.required
{margin:0;padding:0;font-weight:normal}
input.small {width:100px}
#login form div {clear:left;display:block; width:228px;margin:3px 0 0 0}
#login {clear:both;position:relative;width:228px;clear:both}
.log {margin:0;padding:0;width:228px}
#login input {border:1px solid #869116; background:#FDFEFA;font:11px Verdana, tahoma, Helvetica, sans-serif;color:#000;line-height:0.5em;padding:3px;display:inline;width:120px}
#login label {display:inline;float:left;width:80px;padding:0px 10px 0px 0;margin:0 0 6px 0;text-align:right}
#logimg {width:228px;padding:0;margin:0}
#logimg img {float:right;padding-right:7px}
/* ----- NAVIGATION ----- */
ul#menu_haut {list-style:none;margin:0;padding:10px 0 0;font-weight:bold; text-align:left;width:735px;float:left;clear:both}
ul#menu_haut li {display:inline;float:right;padding:0 5px;position:relative;height:20px;width:50px;text-align:center}
#menu_haut a:link, #menu_haut a:visited
{font:9px Verdana, Arial, sans-serif; color:#666; text-decoration:none}
#menu_haut a:hover {font:9px Verdana, Arial, Helvetica, sans-serif; color:#8A9715; text-decoration:none}
#menu_haut img {position:absolute;top:50%;left:40%;height:11px;margin-top:-6px;}
.menuwidth {width:95px}
#home .menuwidth {width:110px}
ul#minitabs {list-style:none;margin:0; font-weight:bold; text-align:left;padding:66px 0 0 0}
ul#minitabs li {display:inline;float:right;padding:0 3px}
ul#minitabs a {display:block;font:11px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;padding:0 0 1px; border-bottom:4px solid #505900;color:#505900;font-size:1.05em;height:18px}
ul#minitabs a:hover {border-color:#A90056}
/* navigation accueil*/
#home ul#minitabs {list-style:none;margin:0; font-weight:bold; text-align:left;padding:0}
/*////////////////////////////////////////////////////////////////////////////*/
/*footer*/
.spacer_clear {clear:both;width:100%;display:block}
.spacer_clear:after {color:#fff;content:".";width:100%}
#footer {background:url(bkbas.gif) repeat-x;width:100%;/*position:relative;*/clear:both;height:130px;margin-top:1px;display:block}
#foot {width:760px;clear:both;margin:0px auto;padding:0px 0 0 0}
#footerlinks {margin-top:10px;clear:both}
/*Accueil*/
#home {display:block;background:url(hbk.gif) repeat-x;width:100%;padding:0 auto}
#headcontainer {width:780px;float:left}
#bknav2 {background:url(hbktop.gif) top left no-repeat; width:100%;height:59px;text-align:center;position:relative}
#hviverys {display:block;background:url(hbkVivelys.jpg) no-repeat;width:760px;height:120px;float:left;padding-bottom:47px}
#hviverys p {line-height:12px; width:294px;padding-left:450px}
#home #menu1 {width:775px;float:left}
#home #menu1 img {top:104px;left:256px}
#home p {line-height:1.15em}
#hcolbas {background:url(dot.gif) 0px 15px repeat-x;width:760px;/*height:270px*/;clear:both;margin-bottom:10px}
#col1, #col2 {padding-right:15px;margin:0;float:left; width:238px; background:url(linevertic.gif) 240px 0px no-repeat}
#col2 {width:245px;background:url(linevertic.gif) 245px 0 no-repeat;float:right}
#col3 {padding-right:5px;margin:0;float:right; width:238px}
#col1bas {width:497px; padding:30px 20px 0 0;margin:0;float:left;background:url(linevertic.gif) 502px 0px no-repeat}
#col2bas {width:235px; padding:30px 5px 0 0;margin:0;float:right}
/*////////////////////////////////////////////////////////////////////////////*/
/* Styles page accueil pour emailings */
.cell180 {width:180px;float:right;padding:40px 7px 0 7px;background:url(bk_grey_gradient.gif) repeat-x}
.cell180 h2 {background:none;margin-left:0;border-left:0;text-indent:0;text-align:center;font-size:1.2em}
.cell180 .intro {text-align:center;margin-bottom:3px}
.cell180 img {margin:2px 0 0 5px ;float:right}
.cell180 .ligneh {margin:4px 0 4px 0}