/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
    padding: 0;
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
    /*background: url(../images/img01.gif) repeat-x left top;*/
    background-color: #fafafa;
    color: #616060;
    font-size: 12px;
    font-family: Arial;
}

h1,
h2,
h3 {
    margin: 0;
    font-weight: normal;
    color: #7D7D7D;
}

h2 {
    font-size: 23px;
}

p,
ul,
ol,
li {
    text-align: justify;
    line-height: 26px;
    list-style: none;
}

a:link {
    color: #616060;
}

a:hover,
a:active {
    text-decoration: none;
    color: #57460A;
    cursor: pointer;
}

a:visited {
    color: #CF9D33;
}

.clr {
    clear: both;
    font-size: 0;
    line-height: 1px;
}

img.left {
    float: left;
    margin-right: 15px;
}

img.right {
    float: right;
    margin-left: 15px;
}


/* Form */

form {
    margin: 0;
    padding: 0;
}

input,
textarea,
select {
    font-family: Arial;
    font-size: 12px;
    color: #616060;
    height: 24px;
    width: 310px;
    margin-left: 10px;
    z-index: 0;
    background: #fff;
}

.checker span {
    background: url(../images/bg-check.png) no-repeat;
    width: 16px;
    height: 16px;
    margin: 10px 0 0 5px;
    float: left;
    cursor: pointer;
}

.checker span.checked {
    background: url(../images/bg-check-h.png) no-repeat;
}

.checker span input {
    margin-top: 0 !important;
    width: 16px;
    margin-left: 0;
    cursor: pointer;
    height: 16px;
}

.selector {
    border: 1px solid #DFDFDF;
    position: relative;
    padding: 1px 25px 0 10px;
    background: url(../images/bg-select.png) no-repeat right;
    background-color: #fff;
    height: 26px;
    margin-left: 10px;
}

.selector select {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0px;
    width: 100% !important;
}

.selector select option {
    padding-left: 5px;
}

.selector span {
    line-height: 25px;
}

.radio span {
    background: url(../images/bg-box.png) no-repeat;
    width: 20px;
    height: 20px;
    margin: 5px 0 0 20px;
    float: left;
    cursor: pointer;
}

.radio span.checked {
    background: url(../images/bg-box-h.png) no-repeat;
}

.radio span input {
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
}

IFRAME {
    z-index: 500;
    width: 210px !important;
    display: block;
}

.iframe_tickbox {
    z-index: 500;
    display: block;
}


/* Header */

#header {
    width: 1113px;
    height: 0px;
    margin: 0 auto;
}


/* Menu */

#menu {
    float: right;
    margin: 30px 0 0 0px;
}


/** LOGO */

#logo {
    clear: both;
    width: 290px;
    height: 80px;
    background: url(../images/img02.gif) no-repeat left top;
}

#logo h1,
#logo h2 {
    margin: 0;
    padding: 0 0 0 75px;
    line-height: normal;
}

#logo h1 {
    text-transform: uppercase;
}

#logo h1 a {
    text-decoration: none;
    color: #FFFFFF;
}

#logo h1 a:hover {
    text-decoration: underline;
}

#logo h2 {
    padding: float: left;
    font: italic 20px Georgia, "Times New Roman", Times, serif;
    color: #66B209;
    font-weight: bold;
}

#logo p a {
    text-decoration: none;
}

#logo p a:hover {
    text-decoration: underline;
}


/* Page */

#page {
    min-height: 438px;
    margin: 0 auto;
    max-width: 1113px;
    position: relative;
    z-index: 10;
    width: 100%;
}

* html #page {
    height: 531px;
}


/* Content */

#content {
    float: right;
    width: 600px;
}


/* Post */

.post {
    padding: 15px 15px;
}

.title {
    color: #00a5db;
    width: 500px;
    float: left;
    font-size: 20px;
    margin-bottom: 10px;
}

.exportez {
    text-align: right;
}

.exportez a {
    color: #555555;
    background: url(../images/exporter.png) no-repeat left;
    padding: 3px 0 0 30px;
}

.exportez li h3 a {
    text-decoration: none;
}

.exportez li {
    margin-top: 10px;
}

.post .entry {}

.post .meta {
    height: 70px;
    padding: 40px 15px 0px 15px;
    background: url(../images/img03.jpg) repeat-x left top;
}

.post .meta p {
    margin: 0;
    line-height: normal;
    color: #999999;
}

.post .meta .byline {
    float: left;
}

.post .meta .links {
    float: right;
}

.post .meta .more {
    padding: 0 20px 0 18px;
    background: url(../images/img09.gif) no-repeat left 50%;
}

.post .meta .comments {
    padding-left: 22px;
    background: url(../images/img08.gif) no-repeat left 50%;
}

.post .meta b {
    display: none;
}


/* Sidebar */

#sidebar {
    float: left;
    width: 215px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar li {
    margin-bottom: 40px;
}

#sidebar li ul {
    background: url(../images/img03.jpg) repeat-x left bottom;
    padding-bottom: 20px;
}

#sidebar li li {
    margin: 0;
    padding-left: 12px;
}

#sidebar h2 {
    padding-top: 20px;
    margin-bottom: 10px;
    background: url(../images/img04.jpg) repeat-x left bottom;
    border-bottom: 1px dotted #D1D1D1;
    font-size: 18px;
}


/* Search */

#search {
    background: url(../images/img03.jpg) repeat-x left bottom;
    margin-bottom: 20px;
}

#search h2 {
    margin-bottom: 20px;
}

#s {
    width: 115px;
    margin-right: 5px;
    margin-left: 15px;
    margin-bottom: 20px;
    padding: 3px 0px 3px 15px;
    border: 1px solid #F0F0F0;
}

#x {
    margin-bottom: 20px;
    padding: 3px 3px 3px 3px;
    background: #ECECEC;
    border: none;
    text-transform: lowercase;
    font-size: 11px;
    color: #4F4F4F;
}


/* Boxes */

.box1 {
    padding: 20px;
    background: url(../images/img05.gif) no-repeat;
}

.box2 {
    color: #BABABA;
}

.box2 h2 {
    margin-bottom: 15px;
    background: url(../images/img10.gif) repeat-x left bottom;
    font-size: 16px;
    color: #FFFFFF;
}

.box2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.box2 a:link,
.box2 a:hover,
.box2 a:active,
.box2 a:visited {
    color: #EDEDED;
}


/* Footer */

#footer-wrap {
    height: 30px;
    margin: 0 auto;
    width: 1113px;
    max-width: 100%;
}

#footer {
    width: 100%;
    text-align: center;
    background: #00a5db;
    color: #fff;
}

#footer p {}

#legal {
    clear: both;
    text-align: center;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

#legal a {
    font-weight: bold;
    color: #FFFFFF;
}


/*********************** style table **********************************************/

table.tab {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #e8e6e6;
    margin-top: 15px;
    width: 100%;
    clear: left;
}

table.tab th {
    width: 215px;
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 1px;
    border-bottom: 1px solid #e8e6e6;
}

table.tab th.option {
    width: 40px;
}

table.tab td {
    text-align: left;
    border: 1px;
    border: 1px solid #e8e6e6;
    padding: 10px 5px;
}

table.tab tr th {
    text-align: left;
    background-color: #00a5db;
    color: #FFFFFF;
    height: 30px;
    font-size: 13px;
}

table.tab td.Odd {
    background: #E8E4C0;
}

.designation {
    width: 280px;
    background-color: red;
}

a.edit-new {
    background: url(../images/modifier.png) no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    text-indent: -9999em;
    font-size: 0;
    margin: 0 auto;
}

a.supp-new {
    background: url(../images/supp.png) no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    text-indent: -9999em;
    font-size: 0;
    margin: 0 auto;
}

a.annu-new {
    background: url(../images/supp.png) no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    text-indent: -9999em;
    font-size: 0;
    margin: 0 auto;
}


/********************************* Style pour formulaire ************************************/

.monForm {
    /*width: 875px;*/
    margin-left: auto;
    margin-right: auto;
}

.monForm p {
    margin: 2px 0;
}


/* fieldset , legend */

.monForm fieldset {
    vertical-align: top;
    display: block;
    padding: 14px;
    border: none;
}

.monForm fieldset legend {
    border-bottom: 1px solid #dfdfdf;
    margin: 0 0px 10px 0px;
    float: left;
    width: 99%;
    padding-bottom: 10px;
    font-size: 17px;
}


/* Label */

.monForm fieldset p {
    padding: 0 10px 0 10px;
    margin: 5px 0 7px 0;
    width: 540px;
    float: left;
}

* html .monForm fieldset p {
    margin: 0 0 3px 0;
    float: left;
    clear: left;
}

.monForm fieldset p.p_langue {
    padding: 0 10px 0 10px;
    margin: 0 0 7px 0;
    width: 700px;
}

.monForm label {
    display: block;
    width: auto;
    float: left;
    text-align: left;
    letter-spacing: 1px;
    cursor: pointer;
    margin-top: 5px;
}

.monForm label:hover {
    border: none;
}

.monForm .form_label_nostyle {
    background: none;
}

.obligatoire {
    width: 20px;
    color: red;
}

.p_champs {
    float: left;
}

.monForm div {
    float: left;
}

.date-new {
    position: relative;
}

.date-new .calanderstyle1 {
    position: absolute;
    right: 4px;
    cursor: pointer;
    top: 5px;
}

.monForm input {
    float: right;
    border: 1px solid #dfdfdf;
    width: 380px;
    height: 23px;
    background: transparent;
    padding: 2px 3px;
    font-size: 12px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    background: #fff;
}

.monForm input:focus {
    box-shadow: 0 0 8px #26a1e1;
    border: 1px solid #26a1e1;
}

.monForm textarea {
    float: right;
    border: 1px solid #DFDFDF;
    width: 386px;
    height: 50px;
    background: #fff;
}

.monForm input.inputDate {
    width: 120px;
    float: left;
}

.monForm select {
    margin-left: 1%;
    border: #CCC 1px solid;
    width: 302px;
    z-index: 0;
}

* html .monForm select {
    margin-left: 1%;
    border: #CCC 1px solid;
    width: 233px;
}

.monForm input:hover,
.monForm select:hover,
.monForm input:focus,
.monForm select:focus,
.monForm TEXTAREA:hover {
    /*border: #999 1px solid;*/
    /*background-color: #D2F6A7;*/
}

.monForm .form_input_day_month {
    width: 3%;
}

.monForm .form_input_year {
    width: 6%;
}

.monForm input.validation {
    border: none;
    background-color: #00a5db;
    cursor: pointer;
    color: #fff;
    padding: 0 20px 0 20px;
    width: auto;
    font-size: 14px;
    height: 28px;
}

.menu2 ul.sub li .monForm input.validation {
    margin: 0;
    height: unset;
    background-color: unset;
    font-size: 14px;
    padding: 0;
    float: unset;
    font-weight: 300;
}

.monForm input.validation#exporter_dossiers_labo {
    border: none;
    background-color: #00a5db;
    cursor: pointer;
    color: #fff;
    padding: 0 5px 0 5px;
    width: 298px;
    font-size: 14px;
    height: 28px;
}

.monForm input.validation#exporter_dossiers_examen {
    border: none;
    background-color: #00a5db;
    cursor: pointer;
    color: #fff;
    padding: 0 10px 0 10px;
    width: 298px;
    font-size: 14px;
    height: 28px;
}

.monForm input[type="reset"] {
    border: #DDEEFF 1px solid;
    width: 27%;
}

.monForm input[type="reset"]:hover {
    background-color: #D2F6A7;
    cursor: pointer;
}

.monForm input.radio {
    cursor: pointer;
}

span .label {
    margin-right: 0px;
    margin-left: 13px;
}

.group_radio {
    float: left;
}

#page h3 {
    color: #00a5db;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}

#code_labo.labo-envoie,
#uniform-clientcon {
    margin-right: 40px;
    width: 150px;
}

.monForm .d-lab {
    width: 170px;
}


/************************************ calendar  ********************************************/

#calendarDiv {
    position: absolute;
    width: 205px;
    border: 1px solid #317082;
    padding: 1px;
    background-color: #FFF;
    font-family: arial;
    font-size: 10px;
    padding-bottom: 20px;
    visibility: hidden;
    z-index: 1000;
}

* html #calendarDiv {
    /*display: block;left: 554px;margin-bottom: -7px;margin-left: 21px;margin-top: -156px;top: 842px;visibility: visible;z-index: 1000;*/
}


/*#calendarobject {background-color:#000;position: relative;z-index: 1000;}*/

#calendarDiv span,
#calendarDiv img {
    float: left;
}

#calendarDiv .selectBox,
#calendarDiv .selectBoxOver {
    line-height: 12px;
    padding: 1px;
    cursor: pointer;
    padding-left: 2px;
}

#calendarDiv .selectBoxTime,
#calendarDiv .selectBoxTimeOver {
    line-height: 12px;
    padding: 1px;
    cursor: pointer;
    padding-left: 2px;
}

#calendarDiv td {
    padding: 3px;
    margin: 0px;
    font-size: 10px;
}

#calendarDiv .selectBox {
    border: 1px solid #E2EBED;
    color: #E2EBED;
    position: relative;
}

#calendarDiv .selectBoxOver {
    border: 1px solid #FFF;
    background-color: #00a5db;
    color: #FFF;
    position: relative;
}

#calendarDiv .selectBoxTime {
    border: 1px solid #317082;
    color: #317082;
    position: relative;
}

#calendarDiv .selectBoxTimeOver {
    border: 1px solid #216072;
    color: #216072;
    position: relative;
}

#calendarDiv .topBar {
    height: 16px;
    padding: 2px;
    background-color: #00a5db;
}

#calendarDiv .activeDay {
    /* Active day in the calendar */
    color: #FF0000;
}

#calendarDiv .todaysDate {
    height: 17px;
    line-height: 17px;
    padding: 2px;
    background-color: #E2EBED;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 201px;
}

#calendarDiv .todaysDate div {
    float: left;
}

#calendarDiv .timeBar {
    height: 17px;
    line-height: 17px;
    background-color: #E2EBED;
    width: 72px;
    color: #FFF;
    position: absolute;
    right: 0px;
}

#calendarDiv .timeBar div {
    float: left;
    margin-right: 1px;
}

#calendarDiv .monthYearPicker {
    background-color: #E2EBED;
    border: 1px solid #AAAAAA;
    position: absolute;
    color: #317082;
    left: 0px;
    top: 15px;
    z-index: 1000;
    display: none;
}

#calendarDiv #monthSelect {
    width: 70px;
}

#calendarDiv .monthYearPicker div {
    float: none;
    clear: both;
    padding: 1px;
    margin: 1px;
    cursor: pointer;
}

#calendarDiv .monthYearActive {
    background-color: #00a5db;
    color: #fff;
}

#calendarDiv td {
    text-align: right;
    cursor: pointer;
}

#calendarDiv .topBar img {
    cursor: pointer;
}

#calendarDiv .topBar div {
    float: left;
    margin-right: 1px;
}

label {
    float: left;
}

label.error {
    float: right;
    color: red;
    padding-left: .5em;
    width: 200px;
    vertical-align: top;
    background: none !important;
    padding-right: 50px !important;
}

label.errorsexe {
    float: right;
    color: red;
    padding-left: .5em;
    width: 200px;
    vertical-align: top;
    background: none !important;
    padding-right: 50px !important;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: red !important;
    float: right;
    width: auto;
}

p {
    clear: both;
}

.submit {
    margin-left: 12em;
}

em {
    font-weight: bold;
    padding-right: 1em;
    vertical-align: top;
}

#prix_examen {
    color: red;
    font-weight: bold;
    margin-left: 15px;
    width: auto;
}

#temperature {
    color: red;
    font-weight: bold;
    margin-left: 10px;
    width: auto;
}

#se {
    margin-left: 5px;
    margin-right: 5px;
    color: red;
}

#se1 {
    margin-left: 5px;
    margin-right: 5px;
    color: red;
    float: left;
}

#titlelistee {
    padding: 2px 5px;
    float: left;
    color: #FFFFFF;
    padding-top: 5px;
}

#titlelistee1 {
    padding: 2px 5px;
    float: left;
    border-right: 1px solid #e0e0e0;
    color: #616060;
    height: 26px;
}

#boutton_con {
    color: #666666;
    cursor: pointer;
    display: block;
    float: right;
    font-family: verdana;
    font-size: 10px;
    text-decoration: none;
}

.titlelistee1 {
    padding-left: 5px;
    float: left;
    border-right: 1px solid #e0e0e0;
    color: #616060;
}

.textprofil {
    color: #616060;
    font-family: serif;
    font-size: 18px;
    margin-left: 10px;
}

.spaninfoexamen {
    padding: 0px;
    margin: 0px;
    float: right;
    width: auto;
}

.spanetitlegouche {
    float: left;
    margin-left: 10px;
}

.group_radio .spanetitlegouche {
    float: right;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 2px;
}

.monForm p.boutonDossier {
    margin-left: 300px;
    width: auto;
}

.monForm input.boutonDel {
    background-color: #00a5db;
    cursor: pointer;
    width: 36px;
    height: 27px;
    float: left;
    color: #fff;
    border: none;
    font-family: verdana;
}

.spanEt {
    margin: 7px 10px 0 10px;
    width: 20px;
    overflow: hidden;
    float: left;
    font-size: 13px;
}

#date_debut {
    margin: 0 0 0 0;
    float: right;
}

#date_fin {
    margin: 0 0 0 0;
    float: right;
}

#divCodeBarre {
    margin-left: 862px;
}

#spanelegend {
    float: left;
}

#mn {
    float: left;
    padding-left: 10px;
    display: none;
    padding-top: 1px;
}

#pl {
    float: left;
    padding-left: 10px;
    display: block;
    padding-top: 1px;
}


/************************************************************************************************/

.maj {
    text-transform: capitalize;
}

.plettremaj {
    text-transform: uppercase;
}


/***************************** **** ***PAGINATION*** **** ***************************************/

div.pagination {
    padding: 3px;
    margin: 3px;
    font-family: Verdana;
    font-size: 8pt;
    text-decoration: none;
}

div.pagination a {
    margin: 2px;
    border: 1px solid #d0d0d0;
    text-decoration: none;
    /* no underline */
    color: #616060;
    font-family: arial;
    font-size: 12px;
    padding: 3px 7px;
    border-radius: 3px;
    box-shadow: 0 0 3px #ccc;
}

div.pagination a:hover,
div.pagination a:active {
    margin: 2px;
    border: 1px solid #dedede;
    background-color: #e6e6e6;
    color: #999999;
    ffont-family: arial;
    font-size: 12px;
    padding: 3px 7px;
    text-decoration: none;
}

div.pagination span.current {
    margin: 2px;
    border: 1px solid #d0d0d0;
    font-weight: bold;
    background-color: #e6e6e6;
    color: #616060;
    border-radius: 3px;
    box-shadow: 0 0 3px #ccc;
    font-family: arial;
    font-size: 12px;
    padding: 3px 7px;
}

div.pagination span.disabled {
    margin: 2px;
    border: 1px solid #dedede;
    color: #999999;
    font-family: arial;
    font-size: 12px;
    padding: 4px 5px;
    border-radius: 3px;
    font-weight: bold;
    box-shadow: 0 0 3px #ccc;
}

.subpagination {
    margin-left: 28%;
}

.champ_recherche {
    color: #616060;
    margin-top: 10px;
    float: left;
    line-height: 13px;
    height: auto;
}

.champ_recherche1 {
    width: 448px;
}

.titlerechrche {
    display: block;
    float: left;
    margin-top: 7px;
    width: 90px;
}

.inp {
    width: 150px !important;
    margin-right: 5px;
}

.inpcodelabo {
    width: 50px !important;
    margin-right: 5px;
}

* html .inp {
    width: 130px;
}

* html .champ_recherche .error {
    margin-left: 5px;
    width: 180px;
}

.preload1 {
    background: url(drop3/blank_over.gif);
}

.preload2 {
    background: url(drop3/blank_overa.gif);
}

.menu2 {
    margin: 0;
    list-style: none;
    height: 36px;
    position: relative;
    z-index: 500;
    font-family: arial, verdana, sans-serif;
    /*max-width:835px;*/
    width: 100%;
    min-width: 830px;
}

.menu2 li.top {
    display: block;
    float: left;
}

.menu2 li a.top_link {
    display: block;
    float: left;
    line-height: 27px;
    color: #616060;
    text-decoration: none;
    font-size: 13px;
    padding: 0 11px 0 11px;
    cursor: pointer;
    height: 30px;
}

.menu2 li a.top_link:hover {
    color: #57460A;
    /*background: url(../images/blank_over.gif) no-repeat;*/
}

.menu2 li a.top_link:hover span {
    /*background: url(../images/blank_over.gif) no-repeat right top;*/
}

.menu2 li a.top_link:hover span.down {
    /*background: url(../images/blank_overa.gif) no-repeat right top;*/
}

.menu2 li:hover>a.top_link {
    color: #57460A;
    /*background: url(../images/blank_over.gif) no-repeat;*/
}

.menu2 li:hover>a.top_link span {
    /*background: url(../images/blank_over.gif) no-repeat right top;*/
}

.menu2 li:hover>a.top_link span.down {
    /*background: url(../images/blank_overa.gif) no-repeat right top;*/
}

.menu2 table {
    border-collapse: collapse;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
}


/* Default link styling */


/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {
    visibility: visible;
    position: relative;
    z-index: 200;
}

.menu2 li:hover {
    position: relative;
    z-index: 200;
}


/* keep the 'next' level invisible by placing it off screen. */

.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: 0 0 8px #ccc;
}

.menu2 :hover ul.sub {
    left: 0;
    top: 30px;
    background: #fff;
    border: 1px solid #f6f6f6;
    white-space: nowrap;
    width: 230px;
    height: auto;
    z-index: 300;
}

.menu2 :hover ul.sub li {
    display: block;
    height: 20px;
    position: relative;
    float: left;
    width: 220px;
    font-weight: normal;
    border-bottom: 1px solid #f6f6f6;
    padding: 5px;
}

.menu2 :hover ul.sub li a {
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    text-decoration: none;
    color: #265f7d;
}

.menu2 :hover ul.sub li a.fly {
    background: #fff url(../images/arrow.gif) 80px 7px no-repeat;
}

.menu2 :hover ul.sub li:hover {
    background: #f2f1f1;
}

.menu2 :hover ul.sub li a.fly:hover {
    background: #3a93d2 url(../images/arrow_over.gif) 80px 7px no-repeat;
    color: #fff;
}

.menu2 :hover ul li:hover>a.fly {
    background: #3a93d2 url(../images/arrow_over.gif) 80px 7px no-repeat;
    color: #fff;
}

.menu2:hover ul:hover ul,
.menu2:hover ul:hover ul:hover ul,
.menu2:hover ul:hover ul:hover ul:hover ul,

/*.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:120%; z-index:400; height:auto;}
*/

table.sortable thead {
    font-weight: bold;
    cursor: pointer;
}

.uploadP {
    width: 20px;
    float: left;
    width: 170px !important;
    clear: none;
}

.uploadLabelTitle {
    float: left;
    margin: -7px 0 5px -2px;
    background-color: #00a5db;
    color: #FFFFFF;
    width: 170px;
    height: 15px;
    padding: 6px;
    border: 2px solid;
}

.uploadDivlTitle {
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 7px 7px 7px 50px;
    /*border: 1px solid;*/
    width: 850px;
    clear: both;
    overflow: hidden;
    margin-left: 60px;
    margin-top: 50px;
}


/*-----------------New style---------------------*/

#head {
    background: url(../images/bg_header.png) repeat-x;
}

.sub-head {
    max-width: 1112px;
    height: 103px;
    padding: 0;
    position: relative;
    margin: 0 auto;
    z-index: 100;
    width: 100%;
}

.logo {
    float: left;
    padding-top: 10px;
}

.langue {
    position: absolute;
    top: 2px;
    right: 1px;
    color: #fff;
    font-weight: bold;
    width: 160px;
    background: #fafafa;
    padding: 3px 10px 3px 0;
}

.langue img {
    padding-left: 5px;
    border: none;
}

.lang-n {
    display: none;
}

.sub-langue {
    float: left;
    border-right: 2px solid #d6dde1;
    padding: 0 15px 0 10px;
    font-size: 15px;
}

.langue img.fr {
    padding-left: 7px;
}

.langue img.decon {
    padding-left: 42px;
}

.blc_vert {
    width: 100%;
    margin: 20px 0;
    float: left;
    border: 1px solid #00a5db;
}

.titre_vert {
    background: #00a5db;
    font-size: 22px;
    margin: 30px 0 10px 0;
    color: #fff;
    height: 35px;
    padding: 5px 0 0 15px;
}

.titre_home {
    color: #616060;
    font-size: 22px;
    font-weight: bold;
    margin-top: 30px;
}

.blc_form {
    width: 953px;
    border: 1px solid #fff;
    margin: 8px 0 0 73px;
}

.monForm fieldset h2.titre_form,
.monForm fieldset h2.titre_form1 {
    color: #00a5db;
    font-size: 17px;
    border: none;
    margin: 0px 0 12px 0;
    float: left;
    width: 99%;
    border-bottom: 1px solid #dadada;
    padding: 0 0 5px 0;
}

.monform1 {
    color: #616060;
    clear: left;
}

.monform1 label {
    color: #616060;
    white-space: nowrap;
}

.monform1 label.error {
    float: right;
    color: red;
    width: auto;
    background: none !important;
}

.monform1 label.minilabel {
    width: 100px;
    float: left;
}

.monform1 fieldset p {
    width: 800px;
}

.monform1 fieldset p.p_langue {
    width: auto;
}

.monform1 fieldset p.p_langue1 {
    width: auto;
}

.monform1 input {
    border: 1px solid #dfdfdf;
    color: #616060;
    float: left;
}

.monform1 input.filestyle {
    height: 24px;
    margin-left: 85px;
}

.monform1 input.mininput {
    width: 40px;
}

.monform1 select {
    border: 1px solid #dfdfdf;
    color: #616060;
    width: 335px;
    height: 25px;
    background: #fff;
    cursor: pointer;
    float: left;
    font-size: 11px;
    margin-left: 0;
    margin-bottom: 4px;
    z-index: 0;
}

.monform1 textarea {
    border: 1px solid #dfdfdf;
    color: #616060;
    width: 330px;
    height: 25px;
    background: #fff;
    float: left;
    font-size: 11px;
    margin-bottom: 8px;
    padding: 3px;
}

.monform1 .bout {
    background: #00A5DB;
    color: #fff;
    cursor: pointer;
    width: 176px;
    height: 30px;
    margin-bottom: 4px;
    width: 176px;
    border: none;
}

.monform1 input.validation {
    float: left;
    background-color: #00A5DB;
    color: #fff;
}

.monform1 input.validationDossier {
    margin-left: 0px;
}

.monform1 fieldset {
    border: 1px solid #00a5db;
}

.left-labo {
    width: 548px;
}

.labo-new {
    width: 548px;
    margin-bottom: 15px;
}

.labo-new p.p_langue1 {
    margin: 0;
}

#renseignementsclinique {
    width: 518px;
    margin: 0 0px 10px 0px;
    float: left;
}

#prele {
    width: 370px;
    margin: 0 0px 10px 15px;
    float: left;
}

.monForm .bas-prelev .boutonDossier {
    float: right;
    margin-left: 15px;
    clear: none;
}

.monForm .bas-prelev input.validation {
    padding: 10px 14px;
    background: #00a5db;
    height: auto;
    font-family: arial;
    font-weight: bold;
    font-size: 12px;
}

.monform1 .bas-prelev p {
    width: auto;
}

#labo_idlabo {
    height: 25px;
    padding-top: 2px;
}

.code-barre fieldset {
    border: none;
    padding: 0;
    width: 160px;
    float: left;
    margin: 0 4px;
}

.code-barre {
    padding: 14px;
    border: 1px solid #00A5DB;
    width: 518px;
    margin-bottom: 15px;
}

.code-barre fieldset p {
    width: auto;
    padding: 0;
}

.code-barre input {
    width: 156px;
    margin: 0;
}

.patient-new {
    width: 550px;
    margin-left: 15px;
}

.patient-new fieldset p {
    width: auto;
    padding: 0;
    clear: none;
    margin: 10px 0;
}

.patient-new input {
    width: 226px;
    color: #616060;
    font-family: arial;
}

.monform1 .patient-new p.p_langue {
    width: 100%;
    margin-top: 6px;
}

.div_langue {
    margin-top: 10px;
}

.div_langue .b-langue {
    width: 226px;
}

.date-langue {
    position: relative;
}

.b-langue label {
    margin: 0 0 10px 10px;
}

.calanderstyle {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.monForm .b-langue input.boutonDel {
    border: none;
    color: #fff;
    background: #00a5db !important;
    height: 27px;
    width: 40px;
}

.age-new {
    float: left;
    margin: 25px 0 0 25px;
    width: 96px;
    position: relative;
}

.age-new img {
    top: 2px;
}

.bas-prelev {
    float: left;
    margin-top: 15px;
}

#div_prelevement .prelev {
    position: relative;
}

.prelev .calanderstyle {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}

.monform1 #div_prelevement label {
    margin-top: 0;
    width: 144px;
}

.prelev input.inputDate {
    margin-left: 0;
}

.left-liste-d {
    width: 630px;
    margin-top: 10px;
}

.left-liste-d input {
    width: 260px;
    float: left;
    margin-left: 0;
}

.left-liste-d textarea {
    width: 260px;
    float: left;
    margin-left: 0;
}

.monForm .left-liste-d p {
    width: auto;
    padding: 0;
}

.right-liste-d {
    width: 350px;
    margin-top: 10px;
}

.monForm .right-liste-d p {
    width: 100%;
    padding-left: 0;
}

.right-liste-d .date-langue input {
    width: 135px;
}

.right-liste-d .date-langue .calanderstyle1 {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.right-liste-d .selector {
    width: 40px;
}

.right-liste-d .selector select {
    width: 75px;
}

.right-liste-d label {
    width: 174px;
}

.sub-left-liste {
    width: 285px;
}

.sub-right-liste {
    width: 285px;
    margin-left: 15px;
}

.left-liste-d input#dossiers_traite {
    width: 20px;
    margin-left: 0;
    margin-top: 7px;
}

.right-liste-d .nb-page label {
    width: 238px;
}

.right-liste-d .nb-page {
    margin-top: 15px;
}

.monForm .right-liste-d input.validation {
    margin-right: 22px;
    margin-top: 10px;
}

.monform1 label.m-patient {
    margin-top: 0;
}

.monform1 input.validation.v-right {
    float: right;
    margin-top: 20px;
}

.rech-d {
    margin-top: 15px;
}

.rech-d input {
    margin-left: 0;
    margin-right: 15px;
}

.rech-d input.validation {
    margin-left: 15px;
}


/*---- fin new style----------------------*/

.login {
    width: 275px;
    margin: 20% auto 0 auto;
    background: #4cc9f2;
    padding: 15px;
    box-shadow: 0 0 15px #00A5DB;
}

.login h1 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: arial;
    margin-bottom: 10px;
}

.login input {
    width: 270px;
    height: 32px;
    border: 1px solid #35b2e7;
    color: #fff;
    font-size: 13px;
    margin: 5px 0 0 0;
    padding: 3px 0 0 0px;
}

.login .log-n {
    background: #a4e3f8 url(../images/login-n.png) no-repeat;
    padding-left: 30px;
}

.login .pass-n {
    background: #a4e3f8 url(../images/pass-n.png) no-repeat;
    padding-left: 30px;
}

.login .validation {
    color: #00a5db;
    font-weight: bold;
    cursor: pointer;
    border: none;
    width: 270px;
    margin-top: 15px;
}

#examen {
    width: 100%;
    margin-bottom: 15px;
}

.monForm #examen label {
    width: 150px;
}

.monForm #examen .selector {
    width: 492px;
}

.monForm #examen .ajt-lang .selector {
    width: 600px;
    padding-left: 3px;
}

.monForm #examen .p_langue #codeacte_designation {
    width: 612px !important;
}

.val-newz {
    float: right !important;
    margin: 5px 5px 0 0;
}

.monform1 fieldset p#boutton_ajout_examen {
    float: left;
    width: auto;
    clear: none;
}

.liste-exam {
    border: 1px solid #00a5db;
    overflow: hidden;
    width: 99%;
    overflow: hidden;
    margin: 15px 0 0 9px;
}

.sub-liste-exam {
    background-color: #00a5db;
    height: 26px;
    width: 100%;
}

.line-liste {
    height: 26px;
    overflow: hidden;
    width: 100% !important;
    padding: 0! important;
    margin: 0px !important;
}

.exa1 {
    width: 100px;
}

.exa2 {
    width: 650px;
    display: block;
}

.exa3 {
    width: 90px;
    text-align: center;
}

.exa3 a {
    color: #616060;
    text-decoration: none;
}

.edit-exa {
    margin-left: 15px !important;
}

.ac_results {
    border: 1px solid #ccc !important;
}

.ac_results li {
    border-bottom: 1px solid #f6f6f6 !important;
    color: #265f7d !important;
    padding: 4px 5px !important
}

.ac_results li:hover {
    background: #f2f1f1 !important;
}

#DHTMLgoodies_formTooltipDiv div {
    background: #00a5db !important;
    border: none !important;
}

#DHTMLgoodies_formTooltipDiv {
    border-radius: 10px !important
}

#renseignements_clinique_f .clinique {
    margin: 8px 0;
    width: 100%;
}

#renseignements_clinique_f .clinique label,
.clinique label {
    width: 150px;
}

#renseignements_clinique_f .clinique #nombre_foetus,
#renseignements_clinique_f .clinique #poids_patiente {
    width: 165px;
}

tr.odd {
    background: #f1efef;
}

.tr.even {
    background: #fafafa;
}

.ajt-agent {
    margin: 10px 40px 0 0;
}

.ajt-agent label {
    width: 100px;
}

.ajt-agent .selector {
    width: 351px;
}

.ajt-agent .selector select {
    width: 385px;
}

.bt-valid {
    width: 100%;
    margin-top: 20px;
}

.bt-valid .validation {
    float: right !important;
    margin-top: 15px;
}

.liste-retard .bt-valid .validation {
    margin-right: 55px;
}

.ajt-cerba {
    margin: 10px 30px 0 0;
    width: 489px;
}

.ajt-cerba label {
    width: 162px;
}

.ajt-cerba input {
    width: 300px;
}

#agent_idagent {
    width: 329px;
}

#agent_idagent option {
    width: 329px;
}

#labo_ajoutt fieldset {
    margin-bottom: 15px;
}

.liste-retard {
    width: 500px;
}

.liste-retard .selector {
    width: 190px;
}

.liste-retard .selector select {
    width: 222px;
}

.tab .checker {
    margin-left: 18px;
}

.sel-annee .selector {
    width: 130px;
    float: left;
}

.sel-annee {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 20px;
}

.sel-annee form {
    width: 460px;
    margin: 0 auto;
    height: 30px;
}

.sel-annee form label {
    float: left;
    margin-top: 7px;
    width: 150px;
}

.nb-dossier-sta {
    float: left;
    width: 515px;
    margin: 0px 70px 0 0;
}

.nb-dossier {
    float: left;
    width: 515px;
}

.titre-sta {
    text-align: left;
    margin: 20px 0 20px 0;
    font-weight: bold;
    text-transform: uppercase;
}

.nb-dossier-sta h2,
.nb-dossier h2 {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 4px #CCCCCC;
    font-size: 17px;
    margin: 10px 0 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.nb-dossier-sta .tab-sta,
.nb-dossier .tab-sta {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 4px #CCCCCC;
}

.dossier-pays {
    margin: 20px 0 0 0;
}

.dossier-pays #resultats_statistiques {
    margin: 5px 0 0 20px;
}

.corn-new {
    margin: 20px 5px 20px 30px;
}

.hist-corn {
    box-shadow: 0 0 5px #CCCCCC;
    margin: 10px 0 0 35px;
}

.detail-pro {
    width: 100%;
    margin: 8px 0;
}

.detail-pro label {
    width: 130px;
    margin-top: 0;
}

.detail-pro span {
    color: #616060;
    font-size: 17px;
}

.ajt-utilisateur {
    margin: 8px 5px;
}

.ajt-utilisateur label {
    width: 130px;
}

.ajt-utilisateur .selector {
    width: 350px;
}

.area-b select {
    margin-left: 10px;
    width: 388px;
    padding: 2px 0;
    height: 26px;
}

.liste-param {
    width: 100%;
    margin: 10px 0;
}

.liste-param label {
    width: 120px;
}

.liste-mail {
    margin: 10px 0;
}

#examen_ajout label {
    width: 194px;
}

#examen_ajout #liste_doc_choisis {
    margin: 0 0 0 10px;
    padding-left: 5px;
    padding-top: 3px;
    width: 385px;
}

#examen_ajout .selector {
    width: 350px;
}

#examen_ajout input.validation {
    float: right;
}

#patient_ajout {
    border: 1px solid #00A5DB;
}

.liste-param input {
    float: left;
}

.liste-param .group_radio .label {
    float: right;
    margin-top: 7px;
}

.stat-1 {
    padding: 15px;
    width: 90%;
}

.stat-1 div {
    margin: 0 0 10px 15px;
}

.histo-labo {
    float: none;
    margin: 0 auto;
}

.age-new label.error {
    position: absolute;
    top: 30px;
    left: -15px;
}

.titlerechrche {
    text-align: left;
}

.date-langue {
    width: 140px;
}

.date-langue label.error {
    margin-right: -30px;
    padding-right: 0 !important;
}


/*************menu-video**************/

.sub-head .icon-video {
    background: url(../images/system_help.png)no-repeat;
    display: block;
    float: right;
    height: 22px;
    position: absolute;
    right: -22px;
    top: 5px;
    width: 25px;
}

.sub-head .doss-v {
    margin-right: 18px;
}

.aide {
    font-size: 16px;
    background: url(../images/system_help-2.png) no-repeat;
    padding-left: 28px;
    padding-top: 2px;
    margin-top: 3px;
    height: 25px;
}

.aide a {
    text-decoration: none;
    color: #fff;
}

.right {
    float: right;
    padding-right: 8px;
}


/**********ecran 1215*********/

@media all and (max-width:1214px) and (min-width: 520px) {
    .left-labo {
        width: 49%;
    }
    .labo-new {
        width: 100%;
    }
    #patient {
        width: 95%;
    }
    .code-barre {
        width: 98.6%;
    }
    .patient-new {
        width: 49%;
        margin-left: 2%;
    }
    .bas-prelev {
        width: 100%;
    }
    #renseignementsclinique {
        width: 46.5%;
    }
    #prele {
        margin: 0 0 10px 2%;
        width: 32%;
    }
}
@media (max-width: 740px) and (min-width: 520px) {
    .sw-filter fieldset {
        padding-left: 10px !important;
        padding-right: 0 !important;
    }
}
@media (max-width: 660px) {
    span.sw-tags p {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/***************/

#examen #field_docs p#docs input[type="checkbox"] {
    float: left !important;
    width: 15px !important;
}

#examen #field_docs p#docs .error {
    float: left;
    margin-top: 0;
}

#examen #field_docs p#docs br {
    display: none;
}


/********impression***********/

.impressionFDA {
    height: 842px;
    max-width: 100%;
    font-family: verdana;
    color: #373532;
    font-size: 11px;
    background: #fff;
}

.bgimage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.header-impression {
    width: 100%;
    float: left;
}

.logo-impression {
    margin: 0 20px 15px 0;
    float: left;
    width: 120px;
    height: 145px;
}

.logo-impression span {
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.disc-haut-impression {
    float: left;
    display: block;
    width: 220px;
}

.disc-haut-impression h2 {
    font-size: 12px;
    text-transform: uppercase;
    color: #009ed6;
}

.disc-haut-impression span {
    display: block;
    margin-top: 5px;
}

.code-barre-impression {
    float: right;
    display: block;
    text-align: center;
    text-transform: uppercase;
    width: 305px;
}

.code-imp {
    /*float:right;*/
    border: 1px solid #373532;
    font-weight: bold;
    font-size: 12px;
    padding: 8px 10px;
    /*margin-top:-15px;*/
}

.content-impression {
    width: 100%;
    float: left;
}

.content-impression h3 {
    text-align: center;
    color: #009ed6;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.content-impression h4 {
    color: #009ed6;
    font-size: 12px;
    text-transform: uppercase;
}

.content-impression h5 {
    color: #009ed6;
    font-size: 9px;
    font-weight: normal;
}

.resul-imp {
    margin-right: 25px;
    background: url(../images/carre-imp-h.jpg) no-repeat right;
    padding: 0 25px 0 0;
}

.patient-imp {
    float: left;
    width: 100%;
    margin-top: 10px;
    border-bottom: 1px dashed #373532;
    padding-bottom: 10px;
}

.patient-sub {
    margin-top: 5px;
    width: 100%;
    float: left;
}

.patient-sub label {
    font-weight: bold;
    font-size: 9px;
    text-transform: uppercase;
    width: 30%;
}

.patient-sub label.small-imp {
    font-weight: normal;
    text-transform: none;
}

.patient-sub label b {
    font-size: 9px;
}

.text-imp {
    border-bottom: 1px solid #373532;
    display: inline-block;
    width: 70%;
}

.text-imp2 {
    border-bottom: 1px solid #373532;
    display: inline-block;
    width: 40%;
}

.ens-imp {
    float: left;
    width: 81%;
    margin-top: 5px;
}

.ens-imp label {
    width: 36%;
}

.code-barre-patient {
    float: right;
    width: 18%;
    border: 2px solid #009ed6;
    height: 80px;
    display: block;
}

.code-barre-patient img {
    float: right;
}

.code-barre-patient span {
    float: left;
    margin-top: 28px;
}

.line-imp {
    width: 50%;
    min-height: 35px;
}

.line-imp label {
    width: 52%;
}

.line-imp3,
.line-imp4 {
    width: 25%;
    margin-top: 10px;
}

.line-imp0 {
    width: 32%;
    margin-top: 10px;
}

.line-imp5 {
    width: 22%;
    margin-top: 10px;
}

.line-imp6 {
    width: 21%;
    margin-top: 10px;
}

.line-imp7 {
    width: 37%;
    margin-top: 10px;
}

.line-imp8 {
    width: 30%;
    margin-top: 10px;
}

.line-imp9 {
    width: 13%;
    margin-top: 10px;
}

.line-imp10 {
    width: 18%;
    margin-top: 10px;
}

.line-patient {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.line-patient label {
    width: auto;
}

.patient-imp table {
    width: 100%;
    font-size: 10px;
}

.patient-imp table td,
.patient-imp table th {
    padding: 5px 10px;
    text-align: left;
    border: 1px solid #373532;
    font-weight: normal;
}

.bleu-imp {
    background: #009ed6;
    color: #fff !important;
    padding: 1px 6px;
    font-size: 11px !important;
    text-transform: none !important;
    border: 1px solid #009ed6;
}

.bleu-imp b {
    font-weight: normal;
}

.trait-imp {
    border: 2px solid #333;
    padding: 0px 5px;
    border-top: 0;
    margin: 4px 5px 0;
    float: left;
    height: 18px;
    line-height: 20px;
    min-width: 15px;
    text-align: center;
}

.line-patient .trait-imp {
    height: 24px;
}

.haut-imp .trait-imp {
    margin: 5px 5px 0;
    height: 18px;
    line-height: normal;
    font-weight: normal;
}

.gris-imp {
    background: #373532;
    color: #fff !important;
    padding: 1px 6px;
    font-size: 11px !important;
    text-transform: none !important;
    border: 1px solid #373532;
}

.gris-imp b {
    font-weight: normal;
}

.transp-imp {
    padding: 1px 2px;
    font-size: 11px !important;
    text-transform: none !important;
    border: 1px solid #373532;
}

.transp b {
    font-weight: normal;
}

.plus-imp {
    float: left;
    margin-top: 8px;
    font-size: 13px;
}

.patient-sub label b {
    font-weight: normal;
    text-transform: none;
}

.patient-sub em {
    font-style: normal;
    line-height: 30px;
    margin-left: 7px;
    padding-right: 0;
    font-weight: normal;
}

.patient-sub p {
    line-height: normal;
}

.ou-imp {
    text-align: center;
}

.comt-imp {
    width: 26% !important;
}

.no-bord {
    border-bottom: none;
}

.comment-imp {
    width: 73%;
    float: left;
}

.haut-imp label {
    text-transform: none;
}

.line-imp8 label {
    width: 40%;
}

.left-labo .code-barre h2.titre_form1 {
    font-size: 15px !important;
}

.left-labo .code-barre h2.titre_form1 br {
    display: none;
}

.monform1 label.error[for="labo_idlabo"] {
    padding: 3px 0 0 0;
}

.monForm .labo-new fieldset {
    padding: 14px 14px 26px;
}

.monform1 label.error[for="date_naissance"] {
    padding: 11px 0 0;
}

.error-select {
    width: 130px;
}

.monform1 label.error[for="date_prelev"] {
    padding: 11px 0 0;
    clear: both;
    width: 108px !important;
}


/*****16-11-16*******/

.ajt-cerba .hprime_oui {
    float: left;
    width: auto;
    margin-top: 9px;
    margin-left: 5px;
}

.ajt-hprime-new label {
    margin-top: 10px;
}

.liste-rec-new label {
    margin-top: 10px;
}

.ajt-rec-new {
    margin-top: 15px;
    margin-right: 0;
}

.ajt-rec-new label {
    width: auto;
}

.code-barre-new h2.titre_form1 {
    min-height: 36px;
}

#prele.prele-new {
    width: 520px;
}

.p_langue1.p_ajt_new {
    padding: 0;
}

.p_ajt_new .titlerechrche {
    width: auto;
}

.ajt-rec-code #code_labo,
.ajt-agent-new #code {
    margin-right: 0px;
}

.monform1 fieldset p.p_langue1.ajt-rec-code {
    padding-left: 0;
    margin-right: 10px;
}

.ajt-agent .ajt-rec-code .selector {
    width: 550px !important;
}

.ajt-agent-new {
    margin-right: 10px;
}

.ajt-statut-new {
    /*clear: both;*/
    margin-right: 10px;
}

.ajt-statut-new .selector {
    margin-left: 0;
    width: 160px;
}

.nomreclamation-new {
    margin-right: 22px;
}

.nomreclamation-new label.error {
    clear: both;
}

.suiv-rec-new .checker span {
    margin-top: 5px;
}

.liste-rec-new input {
    float: left;
    margin: 0;
    width: 455px;
}

.right-liste-d label.date_ar_new {
    width: 184px;
}


/************29-11-16****************/

.statistique-evo {
    width: 100%;
}

.statistique-evo .evo-line1 {
    width: 100%;
    margin-top: 13px;
}

.statistique-evo .evo-line1 label {
    min-width: 70px;
    margin-right: 5px;
}

.statistique-evo .evo-line1 span {
    margin: 2px 35px 0 0px;
}

input[type="text"]:disabled,
.disabled,
textarea[disabled] {
    background-color: #eeeeee;
}

.ajt-agent.ajt-code-labo .selector {
    width: 550px;
}

.ajt-agent .titlerechrche {
    min-width: 150px;
}

.clr-new {
    width: 100%;
    clear: both;
}

.ajt-agent .idstatut {
    margin-top: 10px;
}

.ajt-agent.nomreclamation-new {
    clear: both;
}


/***************/

.bt-valider-mine {
    margin: 5px auto;
    text-align: right;
}

.bt-valider-mine input {
    border: none;
    background-color: #00a5db;
    cursor: pointer;
    color: #fff;
    padding: 0 20px 0 20px;
    width: auto;
    font-size: 14px;
    height: 28px;
}

.tab .traiter-mine .checker {
    margin-left: 0;
    background: none;
    text-align: center;
}

.traiter-mine .checker span {
    margin: 0;
    float: none;
    display: inline-block;
}

.monForm #examen .ajt-lang.ajt-mod-mine .selector {
    min-height: 26px;
    height: auto;
    line-height: normal;
    text-align: left;
    width: 580px;
}

.monForm #examen .ajt-lang.ajt-mod-mine .selector span {
    line-height: 20px;
}

.monform1 fieldset p#boutton_ajout_examen.add-exam-mine {
    float: right;
    margin-top: 44px;
    margin-right: 0;
    padding-right: 0;
}

.row-mine .col-xs-6 {
    width: 47%;
    float: left;
    padding-left: 1.5%;
    padding-right: 1.5%;
}

.p_langue1.p_ajt_new .selector {
    height: auto;
    width: 330px !important;
    text-align: left;
}

.p_langue1.p_ajt_new .selector#labo_idlabo {
    width: 340px;
    height: auto;
    min-height: 25px;
}


/*************/

.liste_statistique .exportez {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.liste_statistique h3.title {
    float: left;
    clear: both;
}

h3.title {
    cursor: pointer;
}

.inner {
    overflow: hidden;
    display: none;
    width: 100%;
}

.code-lta fieldset {
    margin-bottom: 15px;
}

.mar-btt {
    margin-bottom: 20px;
}

.monForm .center-div {
    margin: auto;
    display: table;
    float: none;
}

.monForm input.validation.merge-width#exporter_dossiers_examen,
.monForm input.validation.merge-width#exporter_dossiers_labo {
    width: auto;
}

.float-div {
    float: left;
    margin-right: 20px;
}

.monForm .left-liste-d .float-div p {
    margin: 8px 0 8px 0;
}

.monForm .left-liste-d .float-div .add-margin {
    margin: 12px 0 10px 0;
}

.containt-validate {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.containt-validate input.validation {
    float: left;
}

table.tab .center {
    text-align: center;
}

table.tab.dashbord tr th {
    border: 1px solid #e8e6e6;
    white-space: nowrap;
}

.dashbord-contain {
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    width: 100%;
}

.dashbord-tab {
    display: table;
    width: 33%;
    float: left;
    margin-bottom: 40px;
}

.ico-tab-dash {
    display: table;
    width: 150px;
    height: 150px;
    text-align: center;
    background-color: #50acc0;
    margin: auto;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    position: relative;
}

#page .title-dash {
    text-align: center;
    width: 100%;
    height: 80px;
}

#page .title-dash a {
    text-align: center;
    text-decoration: none;
    color: #50acc0;
}

.ico-tab-dash img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
}

.dash-margin-tab {
    width: 100%;
    margin: auto;
}

.dash-margin-tab span {
    display: inline-block;
    text-align: left;
    width: 60%;
}

#page .title-dash:after {
    background-color: #ccc;
    content: "";
    display: table;
    height: 4px;
    position: relative;
    width: 80px;
    top: 20px;
    margin: auto;
}

.dash-margin-tab li {
    font-family: Colaborate-Light;
    color: #68788c;
    font-size: 16px;
}

.dash-margin-tab .separator {
    display: inline-block;
    width: 50px;
    text-align: center;
}

.dash-margin-tab ul {
    display: table;
    width: 80%;
    text-align: center;
    margin: auto;
}

.content-exam {
    position: relative;
    padding: 0 10px 0 10px;
}

.content-exam-designation {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 38px;
    z-index: 999;
    left: 1%;
    border: 1px solid #ccc;
    padding: 20px 0px;
    height: 400px;
    overflow: auto;
    display: none;
}

.left-content-exam {
    width: 50%;
}

.right-content-exam {
    width: 50%;
}

.content-exam-designation ul li {
    font-size: 14px;
    padding: 6px 0px 6px 34px;
    border-bottom: none;
    width: 90%;
    text-align: left;
    max-width: 100%;
    word-wrap: break-word;
    line-height: normal;
    float: left;
    cursor: pointer;
    color: #68788C;
    font-weight: normal;
    font-family: Colaborate-Light;
    position: relative;
}

.content-exam .codeacte_designation {
    width: 100%;
}

.monForm .content-exam {
    width: 100%;
}

.monForm .desc-exam {
    width: 82%;
    float: left;
    position: relative;
}

.content-exam-designation .full-width {
    width: 100%;
}

.content-exam-designation ul li:hover {
    background-color: #3ab8ac;
    color: #fff;
}

.monForm fieldset .content-exam-designation h2.titre_form1 {
    color: #3ab8ac;
    text-transform: uppercase;
    margin-left: 30px;
    margin-bottom: 0;
}

.monForm fieldset .content-exam-designation .left-content-exam h2.titre_form1 {
    background-image: url(../images/exam.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 24px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 80%;
}

.monForm fieldset .content-exam-designation .right-content-exam h2.titre_form1 {
    background-image: url(../images/synonyme.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 80%;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: absolute;
    top: 100px;
    left: 240px;
    z-index: 100;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2000;
    opacity: 0.8;
}

.spinner-dots {
    width: 70px;
    text-align: center;
}

.spinner-dots .dot1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner-dots .dot2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.spinner-dots span {
    width: 12px;
    height: 12px;
    background-color: #67707d;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: spinner-dots 1.4s infinite ease-in-out both;
    animation: spinner-dots 1.4s infinite ease-in-out both;
}

.content-dash-data {
    background-image: url(../images/camember.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 280px;
    height: 280px;
    position: relative;
    float: left;
}

.content-reception {
    width: 45%;
    float: left;
}

.content-enregistrement {
    width: 45%;
    float: left;
}

.top-dashbor {
    display: table;
    width: 100%;
    margin-bottom: 40px;
}

.content-dash-data span {
    font-size: 30px;
    color: #fff;
    position: absolute;
}

span.data-1 {
    top: 30%;
    left: 15%;
}

span.data-2 {
    top: 30%;
    right: 15%;
}

span.data-3 {
    bottom: 15%;
    left: 0;
    right: 0;
    text-align: center;
}

.content-reception h2,
.content-enregistrement h2 {
    text-align: center;
    color: #00a4da;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-left: -50px;
}

.left-side {
    float: left;
    width: 20%;
    text-align: center;
    height: 280px;
    position: relative;
}

.right-side {
    float: left;
    width: 20%;
    text-align: center;
    height: 280px;
    position: relative;
}

.bottom-side {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 40px auto;
}

.left-side span,
.right-side span,
.bottom-side span {
    color: #68788C;
    font-size: 18px;
}

.left-side span,
.right-side span {
    position: absolute;
    left: 0;
    top: 30%;
}

.content-date {
    float: left;
    width: 8%;
    position: relative;
    display: table;
    height: 340px;
}

.content-date span {
    font-size: 20px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.favoris:before {
    content: url('../images/etoile.png');
    position: absolute;
    left: 10px;
}


/** Actualités */

.sw-actuTitle {
    color: #2d408e;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 30px;
}

.sw-actuTitle:after {
    content: '';
    width: 60px;
    height: 2px;
    background-color: #2d408e;
    position: absolute;
    left: 0;
    bottom: 0;
}

.sw-actus {
    display: table;
}

.sw-actuElem-row {
    height: max-content;
    display: flex;
    padding: 10px 0;
}

.sw-actuElem {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    border-bottom: 1px solid #e1e4e9;
    padding-bottom: 20px;
}

.sw-actuElem>span {
    font-weight: 600;
}

.sw-actuElem .sw-tag {
    margin-bottom: 10px;
    font-weight: 600;
}

.sw-actuElem .sw-titreAlt a {
    color: #50acc0;
    text-decoration: none;
    font-size: 23px;
}

.sw-actuElem .sw-date {
    font-weight: 100;
}

#page .sw-actuElem h3 {
    margin: 10px 0px;
    font-weight: 100;
    font-size: 15px;
}

#page .sw-actuElem h3 a {
    text-decoration: none;
    color: #616060;
}

#page .sw-voirPlus a,
.sw-actuElem .sw-voirPlus a {
    background-image: url(../images/ico-voirPlus.png);
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    line-height: 21px;
    padding-right: 40px;
    background-position: 100% 0;
    width: max-content;
    background-size: 35px 21px;
    color: #2e3f8d;
    font-size: 16px;
    text-decoration: none;
}

#page .sw-voirPlus a:hover,
.sw-actuElem .sw-voirPlus a:hover {
    text-decoration: underline;
}

.linkedText a {
    color: #50acc0;
    text-decoration: underline;
}

.content-incomplet {
    display: table;
    width: 100%;
}

.content-incomplet a {
    background-color: #DF8857;
    font-size: 17px;
    line-height: 23px;
    font-family: Colaborate-Regular;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    display: inline-block;
    float: right;
}

.liste-retard .float-left-select #uniform-nb_de_dossiers_par_page {
    float: left;
}

.form-required {
    position: relative;
}

.ajt-cerba {
    margin: 14px 31px 0 0;
}

.monForm .codecerba label.error {
    top: 46px;
}

.monForm #uniform-agent_idagent label.error,
.monForm #uniform-statut_labo_idstatut_labo label.error {
    left: -185px;
}

.monForm .list-examens .content-exam {
    margin-bottom: 10px;
}

.list-examens .add-exam-mine .validation {
    float: right;
}

.monForm #examen .fav {
    width: auto;
}

#pays_ajout.monForm label.error {
    position: initial;
}

#pays_ajout .form-required {
    margin-bottom: 20px;
}

.ecart_saisie .submit-btn .add-margin {
    margin: 0;
}

.home-dashbord .content-reception {
    width: 50%;
}

.home-dashbord .bottom-side {
    width: 91%;
}

.ico-controler {
    background: url(../images/ico3.png) no-repeat;
    width: 29px;
    height: 34px;
    display: inline-block;
    font-size: 0;
    margin: 0 auto;
    background-size: cover;
    margin-right: 5px;
    float: left;
}

.label-client-connect {
    margin-left: 25px !important;
}

.updatemdp {
    font-family: Colaborate-Light;
    background-color: #DF8857;
    border: 0;
    padding: 10px 35px;
    height: auto;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    margin-top: 0;
    color: #fff;
    float: right;
}

.mdp-utilisateur {
    width: 501px;
}

#utilisateur_ajout label.error {
    white-space: normal;
    position: initial;
    line-height: 16px;
    margin-left: 0;
    width: 100%;
    float: left;
}

#utilisateur_ajout .mdp-utilisateur .mdp {
    width: 380px;
}

#utilisateur_ajout .ajt-utilisateur {
    height: 50px;
    width: 49%;
    margin: 7px 0;
}

#utilisateur_ajout .user-field {
    display: table;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.show_preload {
    display: flex !important;
}

#field_docs .checkbox-doc:focus {
    box-shadow: none;
    border: none;
}

/* page ressources */

 .sw-video-vedette {
    background: #eee;
    font-family: Colaborate-Regular;
    padding: 4% 0 4% 2%;
    border-radius: 6px;
    margin-bottom: 40px;
    margin-top: 20px;
}
ul#nb-ressource.one-item {
    width: 100% !important;
}

ul#nb-ressource.one-item li {
    width: 100% !important;
}
.sw-video-slid .sw-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    border-radius: 6px;
    
}
.ressource.content-vedette {
    border-radius: 6px;
    background: #fff;
    width: 97%;
}

.sw-video-slid p.sw-content {
    font-size: 14px;
    line-height: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 24px;
}

.sw-video-slid a.nb-btn {
    background: #30c7dc;
    color: #fff;
    text-decoration: wavy;
    border-radius: 18px;
    padding: 8px 15px;
    font-size: 13px;
}
p.content-cerba {
    color: #616360;
    font-family: Colaborate-Regular;
    padding-bottom: 15px;
}
 .sw-video-slid {
    position: relative;
}
.sw-video-slid .row-video {
    min-height: 240px;
    height: 240px;
    padding: 14px 14px 14px 26px;
}
 

.sw-video-slid  p.sw-time {
    position: absolute;
    right: 4%;
    top: 12%;
    color: #30c7dc;
    font-size: 14px;
}

.sw-video-vedette .lSAction {
    display: none !important;
}

.sw-video-vedette ul.lSPager.lSpg {
    display: none !important;
}
#page .ressource.content-vedette .sw-video-slid .row-video h3 {
    color: #000;
    width: 60%;
}
.ressource.card-ressource {
    margin-top: 30px;
}

.ressource.card-ressource .card {
    border: none;
    font-family: Colaborate-Regular;
}
.ressource.card-ressource .card .card-img-top {
    min-height: 200px;
}

.ressource.card-ressource .card-body {
    background: #f6f6f6;
    padding: 35px 40px 30px;
}

.ressource.card-ressource .card-body .card-text {
    color: #373737;
    font-size: 14px;
    line-height: 20px;
    min-height: 108px;
}

.ressource.card-ressource .card-body .card-title {
    color: #000;
    font-size: 18px;
    min-height: 44px;
}
.ressource.card-ressource .card-body .nb-time {
    margin: 0 10px 0 0;
    color: #7c7c7c;
    white-space: nowrap;
}
span.sw-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

span.sw-tags p {
    margin: 0;
    background: #dbdbdb;
    color: #3f3f3f;
    border-radius: 20px;
    margin-right: 12px;
    margin-bottom: 10px;
    padding: 3px 24px;
    text-transform: capitalize; 
}
.ressource.card-ressource .card-body  a.sw-btn {
    color: #30c7dc;
    text-decoration: none;
    font-size: 15px;
}

.sw-checker {
    position: relative;
    padding: 7px 30px;
    background: #cdcdcd;
    margin: 8px;
    border-radius: 38px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.sw-checker .checker span input {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.sw-checker:hover{
    background-color: #30c7dc;
    color: #fff;
}
.sw-checker .checker span {
    opacity: 0;
    width: 0;
}
.sw-checker .checker {
    width: 0;
}
.sw-filter .d-flex {
    float: none;
    padding-right: 90px;
}
.sw-filter fieldset label {
    margin-right: 20px !important;
}
.sw-filter fieldset {
    display: flex;
    align-items: center;
    border: 0 !important;
    background: #eeeeee !important;
    padding: 10px 26px !important;
    font-family: Colaborate-Regular;
    border-radius: 10px;
}
.more-tuto p {
    margin: 0;
    font-family: Colaborate-Regular;
}

.more-tuto a {
    color: #30c7dc;
    text-decoration: none;
}
.sw-video-cerba {
    background-image: url(../images/Rectangle1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 324px;
    position: relative;
    font-family: Colaborate-Regular;
    margin-bottom: 70px;
}
.sw-video-cerba .content {
    padding: 53px 88px;
    color: #fff;
}

.sw-video-cerba h2 {
    color: #fff;
    font-size: 50px;
    padding-bottom: 35px;
    font-weight: bold;
}

.sw-video-cerba p {
    font-size: 23px;
    padding-bottom: 40px;
}
.sw-video-cerba a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 25px;
    border: 3px solid;
    padding: 6px 30px;
    border-radius: 10px;
}
.sw-video-cerba a:hover {
    background:  #30c7dc;
}
iframe.sw-iframe {
    width: 100% !important;
    height: 650px;
}
p.option_videos {
    font-size: 15px;
    padding-top: 30px;
}
.sw-download p {
    color: #030303 !important;
}
.sw-download a {
    background-image: url(../images/felche.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-color: #dddddd;
    color: #939393;
    font-size: 15px;
    text-transform: uppercase;
    padding: 11px 36px 11px 34px;
    text-decoration: none;
    border-radius: 30px;
}
.key_informations p {
    margin: 0;
}
.sw-download {
    padding-bottom: 50px;
}
.useful_links p {
    color: #000 !important;
}
.useful_links a {
    color: #0c9cb7;
}
.useful_links {
    display: none;
}

.key_informations ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    padding-left: 14px;
  }
  .key_informations ol li {
    counter-increment: my-awesome-counter;
  }
  .key_informations ol li::before {
    content: counter(my-awesome-counter) " - ";
    color: #2d408f;
    font-weight: bold;
    font-size: 18px;
  }
  a.sw-script {
    display: block;
    text-align: center;
    width: 18%;
    padding: 15px;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    background: #cdcdcd;
    color: #939393;
    border-radius: 38px;
}
a.sw-script:hover ,a.sw-resrc:hover{
    background-color: #30c7dc;
    color: #fff;
}
 
a.sw-resrc {
    text-align: center;
    color: #939393;
    display: block;
    background: #cdcdcd;
    border-radius: 38px;
    text-decoration: none;
    width: 28%;
    margin: 16px auto 20px;
    padding: 15px;
    text-transform: uppercase;
    font-size: 18px;
}
.key_informations {
    color: #030303 !important;
}
.key_informations p {
    margin: 0;
}

.key_informations ul {
    padding: 0;
}

.key_informations ul li {margin-right: 30px;}

.key_informations ul li a {
    color: #0c9cb7;
}

.key_informations em {
    font-style: normal;
}
.sw-filter div .validation {
    display: none;
}
.sw-checker.sw-selected {
    background: #30c7dc;
    color: #fff;
}
#boutton_con {
    margin: 0;
    padding-top: 1px;
}
.useful_links p:nth-of-type(2n + 1) {
    float:left;
    width:max-content; 
    margin-right: 10px;
    font-weight: 100 !important;
    color: #030303 !important;
  }
  .useful_links p  {
    clear:unset;
  }
.sw-download a:hover {
    color: #fff;
    background: #30c7dc;
}

a.reset_filter {
    color: #000000;
}
a.reset_filter:hover, a.reset_filter:active, a.reset_filter:focus {
    color: white;
}
.user_idutilisateur_dos
{
    width: 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
}
.selector select#user_idutilisateur_dos {
    width: 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
}

.monForm fieldset .selector #user_idutilisateur_dos {
    width: 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
}
a.show-dossier {
    background: url(../images/show.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -9999em;
    font-size: 0;
    margin: 0 auto;
}