/* TAGS */
* {margin:0;padding:0}
html {min-width:960px} 
body {background:#313131;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.1em;line-height:1em;color:#434343;min-width:960px;}
object {vertical-align:top;outline:none}
input, textarea, select {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border:0;vertical-align:top;text-align:left}
ul, ol {list-style:none}
/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.container {width:100%}
/* GLOBAL */
#header, #content .row-1, #content .row-2, #footer .footer {font-size:0.9em;width:960px;margin:0 auto}
.col-1, .col-2, .col-3 {float:left}
/* TAILING */
.tail-top {background-color:#FFF;}
.tail-middle {background-color:#e8e8e8}

/* LISTS */
.site-map li {float:left;line-height:1.54em}
.site-map li.m1 {width:190px}
.site-map li.m2 {width:240px}
.site-map li.m3 {width:182px}
.site-map li.m4 {width:178px}
.site-map li a {color:#b2da42}
.site-map li ul li {float:none}
.site-map li.last {margin:0}
/* OTHER */
.img-indent {margin-bottom:20px}
.img-box1 {width:100%;overflow:hidden;line-height:1.54em;padding-bottom:14px}
.img-box1 img {float:left;margin:0 20px 0 0}
.img-box1.alt {position:relative;margin-left:-13px}
.img-box1.alt img {margin-right:12px}
.img-box2 {left:20px;top:-8px;position:relative}
.img-box2 p {color:#b2da42;margin:0;line-height:1.69em;margin-bottom:21px}
.img-box2 p.extra {color:#c2e575;font-size:.91em;line-height:1.83em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin:0}
.img-box2 p.extra a {color:#fff}
.img-box2 .inner {padding:0 49px 28px 15px}
.img-box2.extra .inner {padding-bottom:51px}
p {margin-bottom:20px;line-height:1.54em}
.p0 { margin:0}
.p1 {margin-bottom:30px}
.address {width:303px;line-height:1.69em}
.address b {float:left;width:90px}
.extra-column {width:552px;float:left;line-height:1.54em}
/* TXT, LINKS, LINES, TITLES */
a {color:#06C;outline:none; text-decoration:none}
a:hover {text-decoration:none}
h1 {font-size:2.4em;line-height:1.2em;margin-bottom:15px;margin-top:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#069;}
h2 {font-size:1.4em;line-height:1.2em;margin-bottom:0.5em;margin-top:1em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:1em;margin-top:2em;}
h3 {font-size:1.1em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-left:0em;margin-bottom:0.2em; color:#900;}
h4 {font-size:1em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; font-weight:bold;margin-left:1em;}
.txt1 {color:#06C;font-size:17px;line-height:1.2em}
.txt2 {color:#06C}
.txt3 p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.link1 {display:block;float:left;background:url(../image/link1-tail.gif) repeat-x left top;color:#fff;text-decoration:none;line-height:.92em}
.link1 em {display:block;background:url(../image/link1-left.gif) no-repeat left top}
.link1 b {display:block;background:url(../image/link1-right.gif) no-repeat right top;padding:7px 15px 7px 15px;font-style:normal}
.link1:hover {text-decoration:underline}

/* HEADER */
#header {height:552px;background:url(../image/entete_logiciel_paie_2016.png) no-repeat left bottom;position:relative}
#header .row-1 {height:105px}
#header .row-1 .fleft {padding:5px 0 0 0}
#header .row-1 .fright {padding:66px 0 0 0; width:75%}
#header .row-1 .fright ul li {float:right;font-size:14px;line-height:1.2em;padding-left:1.5em;}
#header .row-1 .fright ul li a {color:#06C; text-decoration:underline;font-weight:bold}
#header .row-1 .fright ul li a:hover,
#header .row-1 .fright ul li a.active {color:#000;text-decoration:none; font-weight:bold}
#header .row-2 span {text-align:right;display:block;padding:69px 50px 0 0}
#header .row-2 b {margin-bottom:18px;display:block}
#header .row-2 a {margin-right:-2px}
/* CONTENT */
#content {margin-top:-112px;position:relative}
#content .row-1 .inside {padding:0 0 40px 2em}
#content .row-2 .inside {padding:32px 0 40px 0}
#content .aside {float:left;width:240px;margin-right:0px}
#content .aside ul {padding-bottom:5px}
#content .aside ul li {font-size:1.08em;color:#848484;width:100%;overflow:hidden;vertical-align:top;padding-bottom:12px;}
#content .aside ul li img {float:left;position:relative;top:3px;margin-right:1em}
#content .aside ul li span {display:block;color:#000;font-size:20px;line-height:1.2em;padding-bottom:2px}
#content .content {float:left;width:850px; padding-left:2em;}
#content .indent {padding:0 20px}
.inner_copy, .inner_copy a {border:0;float:right;background:inherit;color:#f00;width:35%;line-height:10px;font-size:10px;margin:-100% 0 0 0;overflow:hidden;padding:0}
/* FOOTER */
#footer {background-color:#313131}
#footer .footer {line-height:1.67em;color:#fff;text-align:center;padding:37px 0 36px 0;}
#footer a {color:#FFF}
#footer a:hover {text-decoration:none; color:#09F}