/* RESET */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin: 0; padding: 0;font-family: 'Arial', sans-serif; font-size: 12px; font-weight: 300;}
/*table{ border-spacing: 0;}*/
fieldset, img{ border: 0;}
address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal;}
ol, ul{ list-style: none;}
caption, th{ text-align: left;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;}
q:before, q:after{ content: '';}
abbr, acronym{ border: 0;}
a { text-decoration: none;}
.clear { clear: both !important; float: none !important; font-size: 0;}
.no-display { display: none;}
.uppercase { text-transform: uppercase;}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.col2-set,
.col3-set,
.col4-set { width: 100%;}

.col2-set .col-1 { float: left; width: 48%;}
.col2-set .col-2 { float: right; width: 48%;}

.col2-set .col-1,
.col2-set .col-2 { float: left; width: 50%;}
.col2-set .col-2 {  float: right;}

.col2-list .col-item { float: left; width: 48%; margin-right: 1%;}

.col3-set .col-1,
.col3-set .col-2 { float: left; width: 33%; margin-right: 1%;}
.col3-set .col-2 { margin-right: 0;}
.col3-set .col-3 { float: right; width: 32%;}

.col4-set .col-1,
.col4-set .col-2,
.col4-set .col-3,
.col4-set .col-4 { float: left; width: 24%; margin-right: 1%;}
.col4-set .col-4 { float: right; margin-right: 0;}

.row{width:100%;}
.row:before{ clear: both;
    content: "";
    display: block;}
.row .content{min-width:728px;max-width:1020px;margin:0 auto;padding:30px 0;}
.page_view .content{min-width:728px;max-width:1020px;margin:0 auto;padding:15px 0;}
.col6{width:98% !important;margin:0 1%;}
.col5{width:81.2859% !important;margin:0 1%;display:inline-block;}
.col4{width:64.4938% !important;margin:0 1%;display:inline-block;}
.col3{width:47.8103% !important;margin:0 1%;display:inline-block;}

.col2{width:30.8000% !important;margin:0 1%;display:inline-block;}
.col1{width:14.2985% !important;margin:0 1%;display:inline-block;}
.col1-noborder{width:16.6671% !important;display:inline-block;}

/* OUTILS */
.bold       {font-weight: bold;}
.normal     {font-weight: normal;}
.clear      {clear: both !important;}
.upper      {text-transform: uppercase !important;}
.f-left     {float: left !important;}
.f-right    {float: right !important;}

/* Couleurs */
/*.c-vert, .c-vert a          {color: #25BD54 !important;}*/
.c-bleu1, .c-bleu1 a        {color: #01BCCB !important;}
.c-bleu-clair, .c-bleu-clair a        {color: #009DE3 !important;}
.c-bleu2, .c-bleu2 a        {color: #01A6B4 !important;}
.c-jaune, .c-jaune a        {color: #F4FF83 !important;}
.c-orange1, .c-orange1 a    {color: #FAB414 !important;}
.c-orange2, .c-orange2 a    {color: #FE8100 !important;}
.c-violet1, .c-violet1 a    {color: #B37BB8 !important;}
.c-violet2, .c-violet2 a    {color: #904C96 !important;}
.c-violet3, .c-violet3 a    {color: #562D84 !important;}
.c-gris1, .c-gris1 a        {color: #B2B6C0 !important;}
.c-gris2, .c-gris2 a        {color: #8B919F !important;}
.c-gris3, .c-gris3 a        {color: #4F5D71 !important;}
.c-gris4, .c-gris4 a        {color: #434751 !important;}
.c-vert2, .c-vert2 a        {color: #00A733 !important;}

.bg-vert1    {background-color: #00A440 !important;}
.bg-vert2    {background-color: #96C100 !important;}
.bg-vert3    {background-color: #005D21 !important;}
.bg-gris    {background-color: #EFF2F5 !important;}
.bg-gris2    {background-color: #e9edf1 !important;}
.bg-bleu1   {background-color: #0059B7 !important;}
.bg-bleu2   {background-color: #005DB0 !important;}
.bg-bleu3  {background-color: #003963 !important;}
.bg-bleu-clair  {background-color: #009DE3 !important;}
.bg-jaune   {background-color: #F4FF83 !important;}
.bg-orange1 {background-color: #FAB414 !important;}
.bg-orange2 {background-color: #FE8100 !important;}
.bg-violet1 {background-color: #B37BB8 !important;}
.bg-violet2 {background-color: #904C96 !important;}
.bg-violet3 {background-color: #562D84 !important;}
.bg-gris1   {background-color: #B2B6C0 !important;}

.bg-gris3   {background-color: #4F5D71 !important;}
.bg-gris4   {background-color: #434751 !important;}

/* Border radius et box-shadows */
.b-rad          {border-radius: 3px !important;}
.b-rad-top      {border-radius: 3px 3px 0 0 !important;}
.b-rad-bottom   {border-radius: 0 0 3px 3px !important;}
.b-rad-left     {border-radius: 3px 0 0 3px !important;}
.b-rad-right    {border-radius: 0 3px 3px 0 !important;}

.b-rad-big          {border-radius: 8px !important;}
.b-rad-big-top      {border-radius: 8px 8px 0 0 !important;}
.b-rad-big-bottom   {border-radius: 0 0 8px 8px !important;}
.b-rad-big-left     {border-radius: 8px 0 0 8px !important;}
.b-rad-big-right    {border-radius: 0 8px 8px 0 !important;}

.b-sha          {box-shadow: 0 0 3px -1px #999 !important;}
.b-sha-ligth    {box-shadow: 0 0 3px -1px #999 !important;}
.b-sha-strong   {box-shadow: 0 0 3px -1px #999 !important;}

/* Pastilles */
.pastille,
.pastille-v,
.pastille-b,
.pastille-o,
.pastille-r {
    display: inline-block;
    font-size: 9px;
    text-align: center;
    background: #999;
    color: #FFF;
    font-weight: bold;
    border-radius: 10px;
    height: 14px;
    line-height: 14px;
    padding: 0 7px;
}

.pastille-v { background-color: #87cd00;}
.pastille-b { background-color: #009DB8;}
.pastille-o { background-color: #f68100;}
.pastille-r { background-color: #f67870;}


/* Boutons flat */
.light-button,
.light-button:hover {
    margin: 0;
    display: inline-block;
    padding: 0 5px;
    background: transparent;
    border: 0;
    color: #FFF;
    height: 14px;
    font: normal 300 12px/14px 'Roboto', sans-serif;
}
button,input[type="submit"]{-webkit-appearance:none;}
button.f-button,
button.f-button-v,
button.f-button-r,
button.f-button-b,
button.f-button-small,
button.f-button-small-v,
button.f-button-small-r,
button.f-button-small-b,
button.f-button-tiny,
button.f-button-tiny-v,
button.f-button-tiny-r,
button.f-button-tiny-b {
    display: inline-block;
    text-transform: none;
    font-size: 12px;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fcfcfc 0%, #eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%, #eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
    border: 0;
    box-shadow: 0 0 0 1px #D5D5D5;
    border-radius: 3px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    color: #666;
    text-shadow: 0 1px 0 #FFF;
}

button.f-button:hover,
button.f-button-v:hover,
button.f-button-r:hover,
button.f-button-b:hover,
button.f-button-small:hover,
button.f-button-small-v:hover,
button.f-button-small-r:hover,
button.f-button-small-b:hover,
button.f-button-tiny:hover,
button.f-button-tiny-v:hover,
button.f-button-tiny-r:hover,
button.f-button-tiny-b:hover {
    background: #EEEEEE; /* Old browsers */
    background: -moz-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #DDDDDD)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%); /* IE10+ */
    background: linear-gradient(to bottom, #EEEEEE 0%, #DDDDDD 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD', GradientType=0); /* IE6-9 */
    box-shadow: 0 0 0 1px #CCC;
}

button.f-button-v,
button.f-button-r,
button.f-button-b,
button.f-button-small-v,
button.f-button-small-r,
button.f-button-small-b,
button.f-button-tiny-v,
button.f-button-tiny-r,
button.f-button-tiny-b {
    color: #FFF;
    box-shadow: none;
}

button.f-button-v:hover,
button.f-button-r:hover,
button.f-button-b:hover,
button.f-button-small-v:hover,
button.f-button-small-r:hover,
button.f-button-small-b:hover,
button.f-button-tiny-v:hover,
button.f-button-tiny-r:hover,
button.f-button-tiny-b:hover {
    box-shadow: none;
}

button.f-button-v,
button.f-button-small-v,
button.f-button-tiny-v {
    background: #8add6d; /* Old browsers */
    background: -moz-linear-gradient(top, #8add6d 0%, #60b044 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8add6d), color-stop(100%, #60b044)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8add6d 0%, #60b044 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8add6d 0%, #60b044 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8add6d 0%, #60b044 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8add6d 0%, #60b044 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8add6d', endColorstr='#60b044', GradientType=0); /* IE6-9 */
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

button.f-button-v:hover,
button.f-button-small-v:hover,
button.f-button-tiny-v:hover {
    background: #79d858; /* Old browsers */
    background: -moz-linear-gradient(top, #79d858 0%, #569e3d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79d858), color-stop(100%, #569e3d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #79d858 0%, #569e3d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #79d858 0%, #569e3d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #79d858 0%, #569e3d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #79d858 0%, #569e3d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79d858', endColorstr='#569e3d', GradientType=0); /* IE6-9 */
}

button.f-button-r,
button.f-button-small-r,
button.f-button-tiny-r {
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
    text-shadow: 0 -1px 0 #990303;
}

button.f-button-r:hover,
button.f-button-small-r:hover,
button.f-button-tiny-r:hover {
    background: #ef1717; /* Old browsers */
    background: -moz-linear-gradient(top, #ef1717 0%, #bf0303 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef1717), color-stop(100%, #bf0303)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ef1717 0%, #bf0303 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ef1717 0%, #bf0303 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ef1717 0%, #bf0303 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ef1717 0%, #bf0303 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef1717', endColorstr='#bf0303', GradientType=0); /* IE6-9 */
}

button.f-button-b,
button.f-button-small-b,
button.f-button-tiny-b {
    background: #31dded; /* Old browsers */
    background: -moz-linear-gradient(top,  #31dded 0%, #1e8e99 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31dded), color-stop(100%,#1e8e99)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #31dded 0%,#1e8e99 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #31dded 0%,#1e8e99 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #31dded 0%,#1e8e99 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #31dded 0%,#1e8e99 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dded', endColorstr='#1e8e99',GradientType=0 ); /* IE6-9 */
    text-shadow: 0 -1px 0 #176977;
}

button.f-button-b:hover,
button.f-button-small-b:hover,
button.f-button-tiny-b:hover {
    background: #2dc4d8; /* Old browsers */
    background: -moz-linear-gradient(top,  #2dc4d8 0%, #1b7989 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2dc4d8), color-stop(100%,#1b7989)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2dc4d8 0%,#1b7989 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2dc4d8 0%,#1b7989 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2dc4d8 0%,#1b7989 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2dc4d8 0%,#1b7989 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dc4d8', endColorstr='#1b7989',GradientType=0 ); /* IE6-9 */
}

button.f-button-small,
button.f-button-small-v,
button.f-button-small-r {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
}

button.f-button-tiny,
button.f-button-tiny-v,
button.f-button-tiny-r,
button.f-button-tiny-b {
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
}


button.fl-button,
button.fl-button-v,
button.fl-button-r,
button.fl-button-b {
    display: inline-block;
    text-transform: none;
    font-size: 12px;
    background: #444; /* Old browsers */
    border: 0;
    border-radius: 0;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    color: #FFF;
    text-shadow: 0 -1px 0 #CCC;

    -webkit-transition: background 100ms ease-in;
    -moz-transition: background 100ms ease-in;
    -ms-transition: background 100ms ease-in;
    -o-transition: background 100ms ease-in;
    transition: background 100ms ease-in;
}

button.fl-button-v { background-color: #87cd00; text-shadow: 0 -1px 0 #4f8100; }
button.fl-button-v:hover { background-color: #6dae00; text-shadow: 0 -1px 0 #406d00;}

button.fl-button-r { background-color: #f35a4e; text-shadow: 0 -1px 0 #aa4237;}
button.fl-button-r:hover { background-color: #d1594d; text-shadow: 0 -1px 0 #954035;}

button.fl-button-b { background-color: #2b94cd; text-shadow: 0 -1px 0 #006181; }
button.fl-button-b:hover { background-color: #0078ae; text-shadow: 0 -1px 0 #00566d;}



/* Helper pour les transitions */
.trans-bkg {
    -webkit-transition: background 100ms ease-in;
    -moz-transition: background 100ms ease-in;
    -ms-transition: background 100ms ease-in;
    -o-transition: background 100ms ease-in;
    transition: background 100ms ease-in;
}

.trans-col {
    -webkit-transition: color 100ms ease-in;
    -moz-transition: color 100ms ease-in;
    -ms-transition: color 100ms ease-in;
    -o-transition: color 100ms ease-in;
    transition: color 100ms ease-in;
}

.trans-bkg-col {
    -webkit-transition: background 100ms ease-in, color 100ms ease-in;
    -moz-transition: background 100ms ease-in, color 100ms ease-in;
    -ms-transition: background 100ms ease-in, color 100ms ease-in;
    -o-transition: background 100ms ease-in, color 100ms ease-in;
    transition: background 100ms ease-in, color 100ms ease-in;
}

/* Tooltip en CSS 3 */
.tooltipped {
    position: relative;
}
.tooltipped:hover:before,   .tooltipped:hover:after,
.tooltipped:active:before,  .tooltipped:active:after {
    display: inline-block;
    text-decoration: none;
}

.tooltipped:before {
    position: absolute;
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    color: rgba(0,0,0,1);
    pointer-events: none;
    content: "";
    border: 5px solid transparent;
    top: auto;
    right: 50%;
    bottom: -5px;
    margin-right: -5px;
    border-bottom-color: rgba(0,0,0,1);
}

.tooltipped:after {
    position: absolute;
    z-index: 1000000;
    display: none;
    padding: 5px 8px;
    font: normal 300 11px/1.5 'Roboto', sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    content: attr(aria-label);
    background: rgba(0,0,0,1);
    border-radius: 3px;
    top: 100%;
    right: 50%;
    margin-top: 5px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
.validation-advice{color:red;}


input[type="search"] {
    -webkit-appearance: textfield;
}