*{margin:0;padding:0}
html{min-width:780px}
body {font-size:74%;font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, 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;}
#menu1{width:775px;float:left}
#menu1 img {position:absolute;top:80px;left:66px}
#wrapcontent960 {width:960px;clear:both;margin:0 auto}
#home #content {width:760px;float:left}
#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}
/*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}
.intro {font:12px Arial, Helvetica, sans-serif; text-align:right; color:#505900; font-weight:bold}
#left {text-align:left}
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 {color:#869116}
p, td {padding-left:8px;line-height:1.2em}
#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}