@charset "utf-8";


/*============================================================================
  GENERAL FORMATTING
============================================================================*/
body{
    width: 100%;
    /*height: 100%;*/
    background: #dde2ff url('../images/background-gradient.png') repeat-y top center;
    color: #000;
    font-size: 15px;
    line-height: 1.6em;
    /*font-family: 'Open Sans', sans-serif;*/
    /*letter-spacing: -0.5px;*/
    font-family: arial, helvetica, clean, sans-serif;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

h1, h2, h3, h4{
    font-weight: bold;
    text-align: center;
    line-height: 125%;
    color: #222;
}
h1{
    font-size: 25px;
    margin: 40px 0;
}
h2{
    font-size: 20px;
    margin: 35px 0;
}
h3{
    font-size: 18px;
    margin: 30px 0;
}
h4{
    font-size: 16px;
    margin: 25px 0;
}

ul, ol{
    margin: 10px 0;
}
li{
    margin-left: 25px;
    list-style: disc;
}
th{
    font-weight: bold;
}
p{margin: 20px 0;}
em{font-style: italic}
strong{font-weight: bold}
img{
    max-width: 100%;/*important for responsive*/
    padding: 1px;
}
img.lazy,img.lazyload {background: #F1F1FA;}
.imgshad{
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0, .5);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0, .5);
    box-shadow: 0px 0px 20px rgba(0,0,0, .5);
    border: 10px solid #fff;
    margin: 20px;
}
.shad{
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0, .5);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0, .5);
    box-shadow: 0px 0px 20px rgba(0,0,0, .5);
}

.p10{padding: 10px;}
.m10{margin: 10px;}
.m10t{margin-top: 10px;}
.m10b{margin-bottom: 10px;}


/* ------------ lignes -----------------------------  */
.lpb{border-bottom: 1px dotted #ccc;}
.lpt{border-top: 1px dotted #ccc;}
hr{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0,0,0, 0), rgba(0,0,0, 0.75), rgba(0,0,0, 0));
    margin: 20px 0;
}



/* ---------------------- text start ---------------------- */
.note{
    font-style: italic;
    color: #999;
    font-size: 12px;
}
.note2{
    font-style: italic;
    color: #666;
}
/* ---------------------- links start ---------------------- */
a:link {
    text-decoration: underline;
    color: #0025fb;
}
a:visited {
    text-decoration: underline;
    color: #0025fb;
}
a:hover {
    text-decoration: none;
    color: #0025fb;
}
.link-orange:link {
    text-decoration: underline;
    color: #ff3c00;
    font-weight: bold;
}
.link-orange:visited {
    text-decoration: underline;
    color: #ff3c00;
    font-weight: bold;
}
.link-orange:hover {
    text-decoration: none;
    color: #b02b00;
    font-weight: bold;
}


/* -------------------- text color --------------------*/
.tn{color: #000;}
.tw{color: #fff;}
.tv{color: #09620c;}
.ty{color: #feff13;}
.tgp{color: #bbb;}
.taaa{color: #aaa;}
.tgp2{color: #888;}
.tc555{ color: #555; }
.tblue{color: #0068ff;}
.red{color: red;}
.tor{color: #ff1d00;}

/* -------------------- text size ------------------------*/
.ts12{font-size: 12px;}
.ts14{font-size: 14px;}
.ts16{font-size: 16px;}
.ts18{font-size:18px;}
.ts20{font-size:20px;}
.ts25{font-size:25px;}
.ts30{font-size:30px;}
.smaller70{font-size: 70%;}

/* -------------------- text effects -------------------------*/
.tac{text-align: center;}
.tal{ text-align: left; }
.tar{ text-align: right; }
.stk{text-decoration: line-through;}
.tem{font-style: italic;}
.tbold{font-weight: bold;}
.allcaps{text-transform: uppercase;}
.tshad{text-shadow: 1px 2px rgba(0,0,0,0.3);}

/* -------------------- block effects -------------------------*/
.clr{clear: both;}
.invisible{visibility: hidden;}
.left{ float: left;}
.right{ float: right;}
.float-right{ float: right; margin: 15px 0 15px 30px;}
.float-right{ float: right; margin: 15px 0 15px 30px;}

/* -------------------- cursor effects -------------------------*/
.cursor-pointer{cursor: pointer}

/* -------------------- background color --------------------*/
.bw{background: #fff;}
.bgp3{background: #f1f1f1;}
.byp{background: #fdfebe;}
.byp2{background: #ffee7e;}
.by{background: #ffff00;}
.bor{background: #ff5c00;}
.brd{background: #ff877c;}
.bglb{ background: #c7ecf1;}
.bgf1{ background: #f1f1f1;}
.bgf8{ background: #f8f8f8;}
.bgff{ background: #fff;}
.bglb{background: #ebf7ff;}
.bgv{background: #c1ff99;}

/* -------------------- boxes --------------------*/
.ybox{
    font-size: 15px;
    background: #ffee7e;
    padding: 30px;
    margin: 30px auto;
    max-width: 960px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    line-height: 115% !important;
}

/* ----------------------- lines & rulers -------------------  */
.lpb{border-bottom: 1px dotted #ccc;}
.lpt{border-top: 1px dotted #ccc;}
hr{
    border: 0;
    width: 80%;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
    margin: 60px auto;
}

/* ----------------------- TABLES -------------------  */
.tablestandard{}
.tablestandard td{
    padding: 2px 7px;
}
.atop{
    vertical-align: top;
}
.alternatecolor{
    border-spacing: 1px;
}
.alternatecolor th {
    background-color: #bbb;
    /*color: #fff;*/
    padding: 6px 2px;
    text-align: center;
}
.alternatecolor td {
    padding: 3px 2px;
}
.alternatecolor a:link{
    font-weight: normal;
}
.alternatecolor a:visited{
    font-weight: normal;
}
.alternatecolor tr:nth-child(even) {
    background-color: #e4e4e4;
}
.alternatecolor tr:hover:nth-child(even) {
    background-color: #d2ffac;
}
.alternatecolor tr:nth-child(odd) {
    background-color: #f0f0f0;
}
.alternatecolor tr:hover:nth-child(odd) {
    background-color: #d2ffac;
}

.alternatecolor2 tr:nth-child(even) {
    background-color: #eaeaea;
}
.alternatecolor2 tr:nth-child(odd) {
    background-color: #e1e1e1;
}

.alternatecolor3 tr:nth-child(even) {
    background-color: #ebebeb;
}
.alternatecolor3 tr:nth-child(odd) {
    background-color: #f5f5f5;
}

.tdottedlinebottom tr td{
    border-bottom: 1px dashed #ccc;
}

/* ----------------------- BLOCKQUOTE WITH OBTUSE TRIANGLE -------------------  */
.user-quote {
    position:relative;
    padding:15px 30px;
    margin:0;
    color:#000;
    background:#f0f0f0;
    /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
    -webkit-border-top-left-radius:25px 50px;
    -webkit-border-top-right-radius:25px 50px;
    -webkit-border-bottom-right-radius:25px 50px;
    -webkit-border-bottom-left-radius:25px 50px;
    -moz-border-radius:25px / 50px;
    border-radius:25px / 50px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.user-quote + p {margin:10px 150px 2em 0; text-align:right; font-style:italic;}

/* creates the larger triangle */
.user-quote:before {
    content:"";
    position:absolute;
    bottom:-30px;
    right:80px;
    border-width:0 0 30px 50px;
    border-style:solid;
    border-color:transparent #f3961c;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* creates the smaller triangle */
.user-quote:after {
    content:"";
    position:absolute;
    bottom:-30px;
    right:110px;
    border-width:0 0 30px 20px;
    border-style:solid;
    border-color:transparent #fff;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}