/** COMMON DEB **/
body {
    background: url('/templates/img/body-background.jpg');
    background-repeat: repeat-x;
}
.container {
    margin-top: 20px;
    padding: 15px;
    background: #ffffff;
}
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}
.table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.link-dwn, .link-dwn:hover {
    background-color: #7daed4;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}
.dwn-tab {
    margin-left: auto;
    margin-right: auto;
    min-width: 60%;
    max-width: 80%;
}
.dwn-tab tr td:nth-child(1){ width: 60px; }
.dwn-tab tr td:nth-child(2){ width: 80%; }
.dwn-tab tr td:nth-child(3){ width: 110px; }
.dwn-tab td{ padding: 5px 10px; }
.dwn-tab tr:nth-child(even) { background-color: rgb(235, 235, 235); }
.dwn-tab tr:nth-child(odd) { background-color: rgb(213, 213, 213); }
.dwn-tab tr:hover, .table-striped .tr-roll:hover { background-color: rgb(185, 212, 232); }
.header {
    margin-bottom: 20px;
}
.header-logo { background-color: #ebebeb; /*overflow: hidden;*/ }
nav{

}
nav a {
    line-height: 30px;
}
label[for], input[type=checkbox], input[type=radio] {
    cursor: pointer;
}
.footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 2px #292929;
    font-size: 12px;
}
/** COMMON FIN **/

/** BOOTSTRAP DEB **/
.btn-primary, .btn-primary:hover {
    background: #237abf;
}
/** BOOTSTRAP FIN **/

/** TELETRANS DEB **/
.container.teletrans{
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}
.teletrans {
    font-family: Arial, Helvetica, Sans-Serif;
    width: 676px;
}
.teletrans-post-content {
    background: #ececec;
    padding: 10px;
}
.teletrans-content {
    background: #ffffff;
    margin: 0;
    padding: 10px;
    border: solid 1px #a7b9c3;
    min-height: 250px;
    display: inline-flex;
}
.teletrans-content div.col:nth-child(2){
    padding: 20px;
}
.teletrans-col-left {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #3C4E58;
}
.teletrans-img {
    /*border-right: solid 1px #a7b9c3;*/
    margin-bottom: 10px;
}
.teletrans h1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.teletrans-content-info {

}
.teletrans-content-title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    color: #999999;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 5px;
}
.teletrans-content-title:before {
    background-image: url("/templates/img/3carre.png");
    background-repeat: no-repeat;
    width: 37px;
    height: 15px;
    content: " ";
    display: inline-flex;
    margin-right: 8px;
}
.teletrans-content-body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
    color: #3C4E58;
}
.teletrans .footer{
    font-family: Arial, Helvetica, Sans-Serif;
}
/** TELETRANS FIN **/

/** TELESERVICES DEB **/
.container.teleservices {
    width: 984px;
    font-size: 12px;
}
.container.teleservices .header {
    margin-bottom: 0;
}
.teleservices-post-content {
    background: #ececec;
    padding: 10px;
}
.teleservices-content {
    background: #ffffff;
    margin: 0;
    padding: 10px;
    border: solid 1px #a7b9c3;
    min-height: 250px;
}
.container.teleservices h1 {
    margin: 0.2em 0;
    padding: 0;
    letter-spacing: normal;
    word-spacing: normal;
    text-decoration: none;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    line-height: inherit;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #1C3C54;
}
.container.teleservices h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #0099FF;
    text-align: left;
}
/** TELESERVICES FIN **/

/** CONTACTL DEB **/
.container.contactl {
    margin: 0 auto;
    width: 448px;
    font-size: 0.7em;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #4e4e4e;
}
.container.contactl .header-logo {
    overflow: hidden;
    background: #ffffff;
}
.container.contactl .contactl-content {
    background-color: #ececec;
}
.container.contactl h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #03558c;
    padding-bottom: 10px;
    border-bottom: dotted 1px #84acc7;
}
.container.contactl .footer {
    border-top: solid 2px #237abf;
}
/** CONTACTL FIN **/

/** CPAM DEB **/
.container.cpam {
    width: 600px;
}
.container.cpam .header-logo {
    overflow: hidden;
    background: #ffffff;
}
.container.cpam h2 {
    color: #0099FF;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.container.cpam a {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #3672A1;
    font-size: 14px;
}
/** CPAM FIN **/

/** MY AGATHE EMOTION - PREPARAMETRAGE DEB **/
.container.preparametrage {
    /*width: 600px;*/
}
.container.preparametrage .header-logo {
    overflow: hidden;
    background: #ffffff;
    text-align: center;
}
.container.preparametrage h2 {
    color: #0099FF;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.container.preparametrage a {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #3672A1;
    font-size: 14px;
}

.container.preparametrage fieldset{ border-color:#ebce9b; }
.container.preparametrage legend{ color:#e74c96; }
.container.preparametrage .cartridge{ margin-bottom:20px; margin-left:30px; margin-right:30px; color:#5b4b46; }
.container.preparametrage .cartridge_capsule{ width:100%; text-align:center; }
.container.preparametrage .cartridge_content{ text-align:left; display:inline-block; }
.container.preparametrage input, .container.preparametrage select{ vertical-align:text-bottom; margin:2px; }
.container.preparametrage ul > li{ margin-bottom:5px; }
.container.preparametrage blockquote, .container.preparametrage .art-PostContent blockquote{ margin-left:0; background-image:inherit; padding:10px; font-style:normal; background-color:#ebebeb; border-color:#c5b4a5;  }
.container.preparametrage blockquote, .container.preparametrage .art-PostContent blockquote p{ font-style:normal; }
.container.preparametrage .methode_title{
    background-color:#ff53a1; color:#fff; padding:5px; margin:5px; font-weight:bold;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;
}
.container.preparametrage .methodes{ border-bottom:solid 1px #ebce9b; padding-bottom:5px; margin-bottom:5px; background-color:#fff; }
.container.preparametrage .msg{ text-align:center; font-size:1.5em; }
.container.preparametrage .msg_ok{ color:green; }
.container.preparametrage .msg_ko{ color:darkred; }
/** MY AGATHE EMOTION - PREPARAMETRAGE FIN **/

/** SUPPORT DEB **/
.container.support {
    width: 600px;
    background-color: #FDE3EB;
    border: solid 1px #e65590;
    padding-top: 0;
}
.container.support .header-logo {
    overflow: hidden;
    background: #d81f7e;
    padding-bottom: 20px;
}
.container.support a {
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #ffffff;
    font-size: 14px;
}
.container.support .btns {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.container.support .btn {
    background-color: #d81f7e !important;
    border-color: #d81f7e !important;
    width:200px;
}
/** SUPPORT FIN **/

/** INDI DEB **/
.indi-title {
    color: #487082;
}
.indi-select {
    height: 27px;
    min-width: 110px;
}
.indi-bordereaux-date-colonne {
    width: 220px;
}
/** INDI FIN **/

/** SONDAGES DEB **/
form#enquete { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; }
input[type="radio"], input[type="checkbox"] { margin-right: 5px; }
.titre1bc {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-align: left;
    color: #999999; background-image: url('/templates/img/3carre.png'); background-repeat: no-repeat;
    padding-left: 50px;
}
.smileChecked {
    border: solid 2px #333;
    -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;
    -khtml-border-radius: 30px; border-radius: 30px;
}
.smileUnchecked { border: solid 2px #fff; }
.sondage-fond { background-color: #fff; }
.sondage-fond-19, .sondage-fond-20, .sondage-fond-21, .sondage-fond-23 {
    background-color: RGBA(255,255,255,0) !important;
    background:url('/templates/img/evaluation/estompe.gif');
}
.sondage-fond-22 { background-color: #C9DEE4; }
.sondage-title { color: #676767; }
.sondage-title-19, .sondage-title-20, .sondage-title-21, .sondage-title-22, .sondage-title-23 { color: #676767; }
.sondage-fond-22 td { color: #3f656a; }
.sondage-nom { }
.sondage-nom-32 { background-image:inherit; padding-left:0; color:#000; }
.sondage-chap { background-color: #666666; color: #cccccc; font-size: 14px; font-weight: bold; padding-left: 10px; }
.sondage-chap-15, .sondage-chap-16, .sondage-chap-17, .sondage-chap-18 { }
.sondage-chap-19, .sondage-chap-20, .sondage-chap-21, .sondage-chap-23 { font-size: 12px; }
.sondage-chap-22 { background-color: #3f656a; font-size: 12px; }
.sondage-quest {  }
.sondage-15-quest-chap-1, .sondage-16-quest-chap-1, .sondage-17-quest-chap-1, .sondage-18-quest-chap-1 { background-color: #FFFFFF; text-align:center; }
.sondage-15-quest-chap-2, .sondage-16-quest-chap-2, .sondage-17-quest-chap-2, .sondage-18-quest-chap-2 { background-color: #FFFFFF; text-align:center; }
.sondage-15-quest-chap-3, .sondage-16-quest-chap-3, .sondage-17-quest-chap-3, .sondage-18-quest-chap-3 { background-color: #FFFFFF; text-align:center; }
.sondage-15-quest-chap-4, .sondage-16-quest-chap-4, .sondage-17-quest-chap-4, .sondage-18-quest-chap-4 { background-color: #FFFFFF; text-align:center; }
.sondage-15-quest-chap-5, .sondage-16-quest-chap-5, .sondage-17-quest-chap-5, .sondage-18-quest-chap-5 { background-color: #FFFFFF; text-align:center; }
.sondage-15-quest-chap-6, .sondage-16-quest-chap-6, .sondage-17-quest-chap-6, .sondage-18-quest-chap-6 { background-color: #FFFFFF; text-align:center; }
.sondage-15-quest-chap-7, .sondage-16-quest-chap-7, .sondage-17-quest-chap-7, .sondage-18-quest-chap-7 { background-color: #FFFFFF; text-align:center; }
.sondage-15-quest-chap-8, .sondage-16-quest-chap-8, .sondage-17-quest-chap-8, .sondage-18-quest-chap-8 { background-color: #FFFFFF; text-align:center; }
.sondage-15-quest-chap-9, .sondage-16-quest-chap-9, .sondage-17-quest-chap-9, .sondage-18-quest-chap-9 { background-color: #FFFFFF; text-align:center; }
.sondage-quest-67, .sondage-quest-71 { font-weight: bold; }
/** SONDAGES FIN **/

@media screen and (max-width: 576px) {
    .container { margin-left: auto; margin-right: auto; width: 90%; display: block; }
    .header-logo { overflow: hidden; }
    .header-logo > img { max-width: 190%; }
    form#enquete textarea, form#enquete table { width: 100%; }
    form#enquete tbody, form#enquete tr { display: contents; }
    form#enquete td { display: inline-block; width: 100%; }
    form#enquete div {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
        padding-top: 0 !important;
        width: auto !important;
        min-width: 25px !important;
        display: flex;
    }

    /* [DEB] contact hotline */
    form[name=cpform] textarea, form[name=cpform] select, form[name=cpform] input[type=text] { width: 100%; }
    .ch-dispo { display: inline-block; }
    .ch-dispo select { width: inherit !important; }
    /* [FIN] contact hotline */
}