﻿/* home */
#video {
    background-color: #333333;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
/* fin home*/
#content {
    padding: 18px;
    /*background: transparent url(fonds/degrade_vertical.gif) repeat-x 0 0;*/
    position: relative;
}
#content div.picto {
    float: left;
}
#content .picto.type1 {
    height: 85px;
    width: 82px;
    background: transparent url(pictos/picto1.png) no-repeat 0 0;
}
#content .picto.type2 {
    height: 85px;
    width: 84px;
    background: transparent url(pictos/picto2.png) no-repeat 0 0;
}
#content .picto.type3 {
    height: 75px;
    background: transparent url(pictos/picto3.png) no-repeat scroll 0 0;
}
#content .picto.type4 {
    height: 81px;
    background: transparent url(pictos/picto4.png) no-repeat scroll 0 0;
}
#content .picto.type5 {
    height: 84px;
    background: transparent url(pictos/picto5.png) no-repeat scroll 0 0;
}
#content .picto.type6 {
    height: 23px;
    background: transparent url(pictos/picto6.png) no-repeat scroll 0 0;
}
#content .picto.type7 {
    height: 23px;
    background: transparent url(pictos/picto7.png) no-repeat scroll 0 0;
}
#content .picto.type8 {
    height: 23px;
    background: transparent url(pictos/picto8.png) no-repeat scroll 0 0;
}
#content .picto.type9 {
    height: 23px;
    background: transparent url(pictos/picto9.png) no-repeat scroll 0 0;
}
#content .picto.type10 {
    height: 27px;
    background: transparent url(pictos/picto10.png) no-repeat scroll 0 0;
}
#content .picto.type11 {
    height: 23px;
    background: transparent url(pictos/picto11.png) no-repeat scroll 0 0;
}
#content .picto.type12 {
    height: 23px;
    background: transparent url(pictos/picto12.png) no-repeat scroll 0 0;
}
#content .picto.type13 {
    height: 88px;
    background: transparent url(pictos/picto13.png) no-repeat scroll 0 0;
}
#content .picto.type18 {
    height: 87px;
    background: url(pictos/picto18.png) no-repeat scroll 0 0;
}
#content .picto.type19 {
    height: 96px;
    background: url(pictos/picto19.png) no-repeat scroll 0 0;
}
#content .picto.type20 {
    height: 95px;
    background: url(pictos/picto20.png) no-repeat scroll 0 0;
}
#content .picto.type21 {
    padding-right: 26px;
    background: url(pictos/picto21.png) no-repeat scroll right center transparent;
}
#content .picto.type22 {
    height: 81px;
    background: transparent url(pictos/pictos22.gif) no-repeat scroll 0 0;
}
#content .picto.type23 {
    height: 23px;
    background: transparent url(pictos/pictos23.gif) no-repeat scroll 0 0;
}
#content .picto.type24 {
    height: 23px;
    background: transparent url(pictos/pictos24.gif) no-repeat scroll 0 0;
}
#content a.opener {
    padding-left: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #cc3399;
    font-size: 12px;
    background: transparent url(puces/noire2.png) no-repeat 2px 3px;
}
#content div.line.current a.opener {
    color: #000;
    background: transparent url(puces/noire22.png) no-repeat 0 6px;
}
#content div.line form {
    display: none;
}
#content div.line.current form {
    display: block;
}
#content div.largeright {
    position: relative;
    top: 0;
    width: 818px;
    margin-left: 100px;
    height: 340px;
}
#content p.soft {
    color: #666;
    font-size: 13px;
}
#content .largeright .line {
    margin: 0;
    border-top: solid 1px #dadada;
    padding: 8px 4px 8px 4px;
}
#content .largeright .line.last {
    border-bottom: solid 1px #dadada;
}
#content .spaced {
    margin-left: 20px;
}
#content .over {
    margin: 8px 0 8px 0;
    width: 100%;
    overflow: auto;
    background-color: #f8f8f8;
    font-size: 12px;
}
span.error {
    color: #ff0000;
    font-size: 12px;
    font-weight: bold;
    margin-left: 4px;
    float: left;
}
/* apercu import */
#content .grid {
    color: #000;
    margin: 1px 0 0 1px;
}
#content .grid, #content .grid th, #content .grid td {
    border: solid 1px #dadada;
}
#content .grid td {
    border-top-style: none;
    border-bottom-style: none;
}
#content .grid .pager * {
    border-style: none;
}
#content .grid tr {
    padding: 1px 0 1px 0;
    color: #707070;
    background-color: #fff;
}
#content .grid tr.alt {
    background-color: #fff9cc;
}
#content .grid th {
    color: #000;
}
#content .grid th, #content .grid td {
    padding: 0 8px 0 5px;
}
#content .grid .pager {
    text-align: right;
}
#content .grid .pager th, #content .grid .pager td {
    padding: 0 2px 0 2px;
}
#content #contenuCounter {
    color: #cc3399;
    font-weight: bold;
}
#content .contenuCounter {
    color: #cc3399;
    font-weight: bold;
}
/* table alternée */
#content table.type1 {
    border-collapse: collapse;
    border-bottom: 1px solid #cccccc;
    width: 100%;
}
#content table.type1 thead {
    background-color: #5996b0; /*background-color: #ffe600;*/
}
#content table.type1 tfoot {
    border-top: 1px solid #cccccc;
}
#content table.type1 tr.alt {
    background-color: #f8f8f8;
}
#content table.type1 td {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 2px 6px 2px 6px;
}
#content table.type1 th {
    border: 1px solid #cccccc;
    text-align: center;
    white-space: nowrap;
    padding: 0 6px 0 6px;
}
#content table.type2 {
    border-collapse: collapse;
    border-bottom: 1px solid #cccccc;
}
#content table.type2 td.firstmiddle {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 0 6px 0 6px;
}
#content table.type2 td.last {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 0 6px 0 6px;
}
#content table.type2 td.jaune {
    background-color: #5996b0;
    border: 1px solid #cccccc;
    color: #FFF;
    text-align: left;
    white-space: nowrap;
    padding: 0 6px 0 6px;
    font-weight: bold;
}
#content table.detailstat {
    margin-bottom: 10px;
    border-collapse: collapse;
    border: 1px solid #cccccc;
}
#content table.detailstat hidden {
    display: none;
}
#content table.detailstat tr.titre {
    background-color: #5996b0;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
}
#content table.detailstat tr {
    background-color: #ffffff;
}
#content table.detailstat tr.alt {
    background-color: #f8f8f8;
}
#content table.detailstat td {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 0 0 0 6px;
}
#content table.detailstat td.chiffre {
    text-align: right;
    width: 70px;
    padding-right: 6px;
}
#content table.detailstat td.pourcentage {
    text-align: right;
    width: 70px;
    padding-right: 6px;
}
#content table.detailstat th {
    border: 1px solid #cccccc;
    text-align: center;
    white-space: nowrap;
    padding: 0 6px 0 6px;
}
#content .imagemodelecampagne {
    float: left;
    display: block;
    width: 200px;
    height: 130px;
    margin: 2px 2px 2px 2px;
}
#content .imagemodelecampagne img {
    height: 130px;
}
#content #pager {
    height: 25px;
    margin: 0 0 5px;
}
#content #pager #contenuCount {
    font-weight: bold;
}
.boldpink {
    font-weight: bold;
    color: #cc3399;
}
#content #pager-left {
    display: inline-block;
    float: left;
    width: 33%;
    text-align: left;
    height: 25px;
    padding: 3px 0 0;
}
#content #pager-middle {
    display: inline-block;
    float: left;
    width: 33%;
    text-align: center;
    height: 25px;
}
#content #pager-right {
    display: inline-block;
    color: #cc3399;
    width: 34%;
    float: left;
    text-align: right;
    height: 25px;
}
#content #pager-right a {
    color: #cc3399;
}
#content #pager-right input {
    margin: 0 5px 0 3px;
}
#content #grid-pager {
    float: left;
    width: 100%;
}
#content #grid-pager select {
    margin: 10px 0 0 0;
}
#content #webmail input {
    margin: 0 5px 0 0;
}
/* ================================
    Critères d'achat de fichiers
================================ */
#control-check-zone a.opener {
    padding-left: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #cc3399;
    font-size: 12px;
    background: transparent url(puces/noire2.png) no-repeat 2px 3px;
}
#control-check-zone div.current a.opener {
    color: #000;
    background: transparent url(puces/noire22.png) no-repeat 0 6px;
}
#control-check-zone div div {
    display: none;
}
#control-check-zone div.current div {
    display: block;
}
/* ================================
    Choix canal
================================ */
#content .col-1 {
    width: 280px;
    float: right;/*
    background: transparent url(fonds/fond-pres-col.png) repeat;
    height: 417px;
    display: inline-block;
    margin: 0px 0px 0px 0px;*/
}
#content .col-1 h2 {
    padding-top: 10px;
    background: transparent;
}
#content .col-1 p {
    font-size: 13px;
    font-weight: bold;
    margin: 4px 0 16px 20px;
    padding: 2px 0 0 10px;
    background: transparent url(puces/noire2.png) no-repeat scroll left 5px;
}
#content .col-1 p.first {
    margin: 4px 0 0 20px;
}
#content .col-1 ul {
    margin-top: 0px;
    margin: 0 0 16px 40px;
}
#content .col-1 li {
    font-size: 13px;
}
#content .col-2 {
    margin-left: 15px;
    float: left;
    width: 600px;
}
#content .col-2 .choix {
    padding: 14px 0 0 0;
}
#content .col-2 .text {
    padding: 0 0 0 90px;
}
#content .col-2 .text {
    color: #666;
}
#content .col-2 h2 {
    margin-top: 0px;
}
#content .col-2 .sms {
    display: inline-block;
    height: 236px;
    width: 190px;
    float: left;
    background: transparent url(pictos/picto14.png) no-repeat scroll bottom left;
}
#content .col-2 .radio-text {
    float: right;
    margin: 200px 14px 0 0;
    font-size: 20px;
}
#content .col-2 .email {
    display: inline-block;
    height: 236px;
    width: 190px;
    float: left;
    margin: 0 12px 0 0;
    background: transparent url(pictos/picto15.png) no-repeat scroll bottom left;
}
#content .col-2 .mailing {
    display: inline-block;
    height: 236px;
    width: 190px;
    float: left;
    margin: 0 12px 0 0;
    background: transparent url(pictos/picto16.png) no-repeat scroll bottom left;
}
#content .one-col {
    background-color: #fff;
    padding: 18px;
    min-height: 500px;
}
#content .col-left {
    display: inline-block;
    float: left;
    padding-left: 15px;
    position: relative;
    width: 660px;
}
#content .col-left h2 {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 6px 0 0 20px;
    background: transparent url(puces/h2.gif) no-repeat scroll left 8px;
}
#content .col-left .carte {
    display: inline-block;
    float: left;
}
.col-left .title {
    border-bottom: solid 1px #dadada;
    margin: 5px 0 10px 0;
    height: 38px;
}
#content .col-left .options {
    display: inline-block;
    padding: 0 0 0 14px;
    width: 326px;
}
#content .col-left .button {
    margin: 0;
}
#content .bascul-criteres {
    display: inline-block;
    font-size: 12px;
    padding: 8px 28px 0 20px;
    float: right;
    height: 34px;
}
#content #aide {
    background: transparent url(puces/question.png) no-repeat scroll 0 0;
    height: 21px;
    width: 22px;
    display: inline-block;
}
.carteCrypto-aide {
    position: relative;
    top: 4px;
    margin-left: 5px;
}
#content .col-left #aide {
    float: left;
    margin: 5px 0 0 7px;
}
#content .mini-col-3 {
    display: inline-block;
    float: left;
    width: 125px;
}
#content .mini-col-4 {
    display: inline-block;
    width: 125px;
}
#content #geozones .geopener {
    background: transparent url(puces/h4.gif) no-repeat scroll left center;
    margin: 4px 0 16px 0;
    font-size: 13px;
    font-weight: bold;
    color: #CC3399;
    padding: 2px 0 0 12px;
}
#shareZone .sim-title-1 {
    background: transparent url(pictos/simulateur_title1.png) no-repeat scroll 0 0;
    height: 31px;
    width: 31px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-left: 10px;
}
#shareZone .sim-title-3 {
    background: transparent url(pictos/simulateur_title3.png) no-repeat scroll 0 0;
    height: 31px;
    width: 31px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-left: 5px;
    margin-right: 10px;
}
#content .sim-zone-picto-email {
    background: transparent url(pictos/simulateur_email_picto.png) no-repeat scroll 0 0;
    height: 61px;
    width: 61px;
    display: inline-block;
    margin: 18px 0 5px 0;
}
#content .sim-zone-picto-sms {
    background: transparent url(pictos/simulateur_sms_picto.png) no-repeat scroll 0 0;
    height: 61px;
    width: 61px;
    display: inline-block;
    margin: 18px 0 5px 0;
}
#content .sim-zone-picto-courrier {
    background: transparent url(pictos/simulateur_postal_picto.png) no-repeat scroll 0 0;
    height: 61px;
    width: 61px;
    display: inline-block;
    margin: 18px 0 5px 0;
}
#content .sim-zone-picto-add {
    background: transparent url(pictos/simulateur_adresse_picto.png) no-repeat scroll 0 0;
    height: 61px;
    width: 61px;
    display: inline-block;
    margin: 18px 0 5px 0;
}
#content .sim-zone-picto-saispas {
    background: transparent url(pictos/simulateur_saispas_picto.png) no-repeat scroll 0 0;
    height: 61px;
    width: 61px;
    display: inline-block;
    margin: 18px 0 5px 0;
}
#content #content_inter .simZone {
    padding-left: 6px;
    height: 133px;
    background: url("fonds/simulateur_div_bg.png");
    z-index: 0;
    margin-bottom: 15px;
}
#content #content_inter .simZone .simZone-line {
    background: url("pictos/simulateur-zone-line.png") no-repeat 20% 90% transparent;
    width: 133px;
    height: 133px;
    float: left;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}
#content .simFile {
    background: url("fonds/simulateur_fichier_bg.png");
    z-index: 0;
    height: 53px;
    margin-bottom: 15px;
}
#content .simFile .simFile-line {
    height: 53px;
    float: left;
    text-align: left;
    vertical-align: middle;
    z-index: 1;
}
#content .sim-file-picto-1 {
    background: transparent url(pictos/simulateur_fichier_1_picto.png) no-repeat scroll 0 0;
    height: 37px;
    width: 26px;
    margin: 9px 0 5px 20px;
    float: left;
}
#content .sim-file-picto-4 {
    background: transparent url(pictos/simulateur_fichier_4_picto.png) no-repeat scroll 0 0;
    height: 37px;
    width: 26px;
    margin: 9px 0 5px 20px;
    float: left;
}
#content .sim-file-picto-2 {
    background: transparent url(pictos/simulateur_fichier_2_picto.png) no-repeat scroll 0 0;
    height: 37px;
    width: 26px;
    margin: 9px 0 5px 20px;
    float: left;
}
#content .sim-file-picto-3 {
    background: transparent url(pictos/simulateur_fichier_3_picto.png) no-repeat scroll 0 0;
    height: 37px;
    width: 26px;
    margin: 9px 0 5px 20px;
    float: left;
}
#content .simFile-radio {
    background: transparent url(pictos/simulateur_fichier_line_picto.png) no-repeat scroll 0 0;
    float: right;
    margin: 3px 12px 0px 0px;
    height: 29px;
    width: 29px;
    text-align: center;
    vertical-align: middle;
}
#content .simCalcul {
    background: url("fonds/simulateur_critere_bg.png");
    z-index: 0;
    height: 53px;
    font-size: 13px;
    font-weight: bold;
}
#content_inter {
    height: inherit;
    background-color: #ffffff;
    padding: 8px;
    padding-bottom: 75px;
}
#content .sim-prix-include-left {
    background: url("fonds/simulateur_prix_bg.png");
    z-index: 0;
    height: 53px;
}
#content .sim-prix-include-picto {
    background: url("pictos/simulateur_prix_picto.png") no-repeat;
    z-index: 1;
    height: 38px;
    width: 38px;
    float: left;
    position: relative;
    top: -10px;
}
#content .sim-prix-include-list {
    float: left;
}
#content .sim-prix-include-list ul li span {
    color: #666;
    font-size: 13px;
}
#content .sim-prix-include-list ul {
    margin: 10px 0 8px 20px;
    padding: 0px;
}
#content .rec-content {
    margin: 20px;
}
#content .rec-paiement_picto_1 {
    background: url("pictos/paiement_picto_1.png") no-repeat;
    height: 93px;
    width: 82px;
    padding: 0px;
    margin-right: 10px;
    float: left;
}
#content .rec-content-right {
    float: left;
    width: 825px;
}
#content .rec-content-right-inter {
    padding: 15px;
    border: 1px solid #cccccc;
    margin-bottom: 18px;
}
#content .rec-content-right-inter span {
    font-size: 15px;
    font-weight: bold;
}
#content .rec-content-right-inter table {
    margin-top: 15px;
    border-bottom: 0px;
}
#content .rec-content-right table .thleft1 {
    padding-left: 15px;
    text-align: left;
    width: 280px;
}
#content .rec-content-right table .thleft2 {
    padding-left: 15px;
    text-align: left;
    width: 170px;
}
#content .rec-content-right table thead th {
    height: 25px;
}
/*
#content .rec-content-right table tbody tr td { height: 25px; }
*/
#content .rec-content-right table tfoot tr {
    height: 30px;
    font-size: 15px;
    font-weight: bold;
}
#content .rec-content-right table tfoot tr span {
    font-size: 13px;
    font-weight: normal;
    color: #666;
}
#content .rec-content-right table .cost {
    text-align: right;
}
#content .rec-content-right table .tfoot1 {
    border: 1px solid #cccccc;
}
#content .rec-content-right table .tfoot2 {
    border-left: 0px;
}
#content .rec-content-right table .tfoot3 {
    border-bottom: 1px solid #cccccc;
}
#content .rec-content-condition {
    float: left;
    margin: 18px 130px 0px 0px;
    padding: 6px 18px 6px 18px;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #CC3399;
}
#content .rec-content-del {
    background: url("pictos/paiement_picto_2.png") no-repeat;
    height: 15px;
    width: 14px;
    padding-right: 0px;
    margin-right: 10px;
    margin-left: 10px;
    float: right;
}
#content .paiement_picto_3 {
    background: url("pictos/paiement_picto_3.png") no-repeat;
    height: 93px;
    width: 82px;
    padding: 0px;
    margin-right: 10px;
    float: left;
}
#content .paiement-content-right-inter {
    border: 1px solid #ccc;
    padding: 15px;
}
#content .paiement-content-right-inter .color333 {
    color: #333;
}
#content .paiement-content-right-inter table.type1 .thfirst {
    border-right: 0px;
    height: 25px;
    text-align: left;
    padding-left: 10px;
    border-right: 0px;
}
#content .paiement-content-right-inter table.type1 .tdfirst {
    border-right: 0px;
    height: 30px;
    padding-left: 10px;
}
#content .paiement-content-right-inter table.type1 .thsecond {
    height: 25px;
    border-left: 0px;
    text-align: left;
}
#content .paiement-content-right-inter table.type1 .tdsecond {
    border-left: 0px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
}
#content table.type1 td.red {
    color: #cc3399;
}
/* Formules */
#formules {
    background-color: #d4efff;
    padding: 0 0 16px 10px !important;
}
#formules #formules-opener {
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-left: 15px;
    top: 6px;
    background: transparent url(puces/h2.gif) no-repeat scroll 0px 3px;
}
#formules #formules-form {
    overflow-y: hidden;
    position: relative;
    overflow: auto;
    width: 780px;
    height: 140px;
}
#formules #formules-zone {
    height: 155px;
    position: relative;
    top: 16px;
}
#formules .formules-div h2 {
    font-size: 15px;
    padding: 9px 0 0 22px;
    border-bottom: 1px solid #e7e7e7;
    margin: 0;
    display: block;
    height: 28px;
    background: transparent url("puces/menu.gif") no-repeat scroll 8px 10px;
    background-color: #FFFFFF;
}
#formules .formules-div.enabled h2 {
    background-color: #fff;
}
#formules .formules-div-info .noir2 {
    font-size: 12px;
    margin: 0 0 0 10px;
    padding-left: 8px;
    background: transparent url(puces/noire2.png) no-repeat scroll left 5px;
}
#formules .formules-div-info .bold {
    font-weight: bold;
}
#formules .formules-div {
    cursor: pointer;
    border: 1px solid #c9e2f1;
    float: left;
    padding: 0px;
    margin-right: 10px;
    background: url(fonds/paiement_formule_bg.gif) repeat-x 0 0;
    height: 138px;
    width: 183px;
}
#formules .formules-div.enabled, #formules .formules-div:hover {
    border-color: #cc3399;
    background: url(fonds/paiement_formule_bg_select.gif) repeat-x 0 0;
}
/* Formules non cliquables */
#formules .formules-div.unused {
    cursor: default;
    background: url(fonds/paiement_formule_bg_noselec.gif) repeat-x 0 0;
}
#formules .formules-div.unused:hover {
    border-color: #ccc;
}
#formules .formules-div-info {
    position: relative;
    padding: 10px;
}
#formules-label {
    background-color: #fff;
}
#formules-label .label-left {
    height: 16px;
    padding: 8px 8px 8px 5px;
    float: left;
}
#formules-label .label-right {
    height: 16px;
    padding: 8px 8px 8px 10px;
    float: right;
    font-weight: bold;
    color: #cc3399;
    width: 65px;
}
#content .paiement-content-right-inter table .formule-last {
    background-color: #fff;
}
#formules-total {
    margin: 14px 0 20px 0;
    width: 793px;
    border-collapse: collapse;
}
#formules-total .left {
    width: 500px;
    text-align: right;
}
#formules-total .display1 {
    border: 1px solid #ccc;
    padding: 3px;
    padding-left: 10px;
    width: 200px;
    font-size: 15px;
    font-weight: bold;
}
#formules-total .display2 {
    border: 1px solid #ccc;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}
#formules-total .display3 {
    color: #CD399C;
    border: 1px solid #ccc;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}
#formules-total .display1 span {
    color: #666;
    font-size: 13px;
    font-weight: normal;
}
/* /Formules */
#content .rec-paiement_picto_4 {
    background: url("pictos/paiement_picto_4.png") no-repeat;
    height: 93px;
    width: 82px;
    padding: 0px;
    margin-right: 10px;
    margin-left: 10px;
    float: left;
    margin-top: 20px;
    margin-bottom: 264px;
}
#content .rec-content-left {
    float: left;
    width: 300px;
    margin: 0 0 30px 0;
}
#content .h2-without-picto {
    background: transparent url('');
    padding: 2px 0 0 0;
}
#content .fichier-right {
    width: 100%;
    margin-bottom: 75px;
}
#content .title13px {
    font-size: 13px;
    font-weight: bold;
}
#content .title15px {
    font-size: 15px;
    font-weight: bold;
}
#content .text12px666 {
    font-size: 12px;
    color: #666;
}
#content .text-block {
    margin: 0 0 10px 0;
}
#content table.type1 .fichier-col1 {
    width: 260px;
    text-align: left;
}
#content table.type1 .fichier-col2 {
    width: 100px;
    text-align: left;
}
#content table.type1 .fichier-col3 {
    text-align: center;
}
#content .align-center {
    text-align: center;
}
#content .fichier-import {
    background: url();
    margin-top: 20px;
}
#content .simFile .fichier-div-left {
    width: 195px;
    height: 49px;
    float: left;
    margin-right: 20px;
    background: url("fonds/paiement_fichier_div_bg.png") repeat scroll 0 0 transparent;
}
#content .simFile .fichier-div-right {
    width: 205px;
    height: 49px;
    float: left;
    margin-right: 20px;
    background: url("fonds/paiement_fichier_div_bg.png") repeat scroll 0 0 transparent;
}
#content .simFile .fichier-div-right2 {
    width: 190px;
    height: 49px;
    float: left;
    background: url("fonds/paiement_fichier_div_bg.png") repeat scroll 0 0 transparent;
}
#content .simFile-radio input {
    position: relative;
    top: 5px;
}
#content .simFile-text-1 {
    float: left;
    font-weight: bold;
}
#content .fichier-separate {
    background: transparent url(fonds/paiement_fichier_div_separate.png) no-repeat scroll 0 0;
    height: 49px;
    float: left;
    width: 18px;
    margin-left: 10px;
}
#content .fichier-import .fichier-text {
    position: relative;
    top: 5px;
}
#content .fichier-bottom-bar {
    position: relative;
    float: right;
    bottom: 70px;
    width: 505px;
    margin-right: 0px;
    height: 0px;
}
#content .fichier-content-left {
    padding-right: 10px;
    padding-top: 20px;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 30px;
}
#content .fichier-content {
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
}
#content .fichier-buttons-bas {
    padding-left: 40px;
    padding-right: 40px;
}
.fichier-buttons-bas2 {
    padding-left: 40px;
    padding-right: 30px;
}
#content .import-selection_picto_1 {
    background: url("pictos/picto1.png") no-repeat;
    height: 85px;
    width: 82px;
    padding: 0px;
    margin-right: 10px;
    float: left;
}
#content .import-selection_picto_2 {
    background: url("pictos/picto2.png") no-repeat;
    height: 85px;
    width: 82px;
    padding: 0px;
    margin-right: 10px;
    float: left;
}
.largeright .aide {
    position: relative;
    top: -2px;
}
#content .selection-bottom-bar {
    position: relative;
    float: right;
    bottom: 0px;
    width: 818px;
    margin-right: 0px;
}
#content .largeright .import-mappage-table {
    margin-top: 5px;
    margin-bottom: 5px;
}
#content .largeright .import-mappage-table tr {
    height: 18px;
}
#content .rec-content-right .line {
    margin: 0;
    border-top: solid 1px #dadada;
    padding: 8px 4px 8px 4px;
}
#content #contenuForm {
    /*border-top:solid 1px #dadada; border-bottom:solid 1px #dadada; background-color:#FFFFFF;   */
}
#content .rec-content-right .form p label {
    width: 15em;
}
#content .rec-content-right .form textarea {
    width: 400px;
    height: 60px;
}
#content .rec-paiement_picto_5 {
    background: url("pictos/paiement_picto_5.png") no-repeat;
    height: 93px;
    width: 82px;
    padding: 0px;
    margin-right: 10px;
    float: left;
}
#content .rec-content-right #opForm {
}
#content .rec-paiement_calendrier {
    background: url("pictos/paiement_calendrier.png") no-repeat;
    height: 21px;
    width: 21px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 8px;
}
#content .opForm-div {
    width: 405px;
}
#content .opForm-div-input2 {
    float: right;
    width: 300px;
}
#content .opForm-div .opForm-div-heure {
    width: 120px;
}
#content .opForm-div .opForm-div-date {
    width: 80px;
}
#content .opForm-div p {
    height: 25px;
}
#content #opDesc {
    width: 395px;
}
#content .center {
    text-align: center;
}
/* Validation d'une opération */
#opForm label {
    width: 200px;
    font-size: 13px;
    font-weight: bold;
}
#opForm .pavegauche {
    width: 520px;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    float: left;
}
#opForm .descript {
    width: 650px;
    font-size: 13px;
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 0px;
}
#opForm .div {
    width: 400px;
    font-size: 13px;
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
#content .paiementCarteForm {
    border: solid 1px #dadada;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 15px;
}
#content .paiementCarteForm .paiementCarteForm-right1 {
    width: 160px;
    float: right;
    position: relative;
    top: -3px;
}
#content .paiementCarteForm .paiementCarteForm-right1 .paiementCarte-year {
    margin-left: 6px;
    width: 55px;
}
#content .paiementCarteForm .paiementCarteForm-right1 .paiementCarte-month {
    margin-left: 6px;
    width: 90px;
}
#content .paiementCarteForm .button-crea-right {
    position: relative;
    top: -65px;
}
#content .rec-paiement_cb {
    background: url("pictos/paiement_CB.png") no-repeat;
    height: 17px;
    width: 27px;
    display: inline-block;
}
#content .rec-paiement_master {
    background: url("pictos/paiement_Master.png") no-repeat;
    height: 17px;
    width: 27px;
    display: inline-block;
}
#content .rec-paiement_visa {
    background: url("pictos/paiement_VISA.png") no-repeat;
    height: 17px;
    width: 27px;
    display: inline-block;
}
#content .paiementCarteForm .paiementCarteForm-div1 {
    width: 280px;
}
#content .paiementCarteForm .paiementCarteForm-div2 {
    width: 380px;
}
#content #carteCrypto {
    width: 40px;
    margin-left: 10px;
}
#content #carteNumber {
    width: 150px;
}
#content .paiementCarteForm .paiementCarteForm-right2 {
    width: 240px;
    float: right;
    position: relative;
    top: -3px;
}
#content .paiementCarteForm .paiementCarteForm-right2 input {
    float: right;
}
#content .paiementCarteForm .paiementCarteForm-right2 .rib {
    width: 230px;
}
#content .paiementCarteForm .paiementCarteForm-right2 textarea {
    width: 230px;
    float: right;
}
#content .paiementCarteForm .paiementCarteForm-commentaire {
    height: 50px;
}
#content .color666 {
    color: #666;
}
#content .paiementCarteForm-attention {
    text-align: right;
    padding-right: 110px;
}
#content .rec-paiement_picto_6 {
    background: url("pictos/paiement_picto_6.png") no-repeat;
    height: 94px;
    width: 82px;
    padding: 0px;
    margin-right: 10px;
    float: left;
}
#content .textCC3399 {
    color: #cc3399;
}
#content .form-paiement-adresse {
    background-color: #f8f8f8;
}
#content .form-paiement-adresse-blockform {
    position: relative;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background-color: #EDEDED;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 5px;
}
#content .form-paiement-adresse-blockleft {
    position: relative;
    float: left;
    width: 40%;
}
#content .form-paiement-adresse-blockright {
    position: relative;
    float: left;
    width: 60%;
}
#content .form-paiement-adresse-question {
    position: relative;
    float: left;
    padding-top: 3px;
    margin-right: 10px;
    font-weight: bold;
    text-align: right;
    width: 130px;
    vertical-align: middle;
}
#content .form-paiement-adresse-reponse {
    position: relative;
    float: left;
    font-size: 11px;
}
#content .form-paiement-adresse-reponse-civilite input {
    width: 20px;
}
#content .form-paiement-adresse-element {
    clear: both;
    padding-top: 10px;
}
#content .form-paiement-adresse-inputinscriptionlarge {
    padding: 3px 0 0 4px;
    border: 1px solid #c842a3;
    width: 509px;
    min-height: 20px;
}
#content .form-paiement-adresse-inputinscription {
    padding: 3px 0 0 4px;
    border: 1px solid #c842a3;
    width: 180px;
    min-height: 20px;
}
#content .form-paiement-adresse-inputinscriptionselect {
    padding: 3px 0 0 4px;
    border: 1px solid #c842a3;
    width: 186px;
    min-height: 20px;
}
#content .form-paiement-adresse-inputinscriptionlarge {
    padding: 3px 0 0 4px;
    border: 1px solid #c842a3;
    width: 509px;
    min-height: 20px;
}
#content .form-paiement-adresse-validation {
    float: right;
}
#content .rec-content-right .form-paiement-adresse p label {
    width: 127px;
}
#content .rec-content-right .form-paiement-adresse p input[type=text] {
    width: 177px;
}
#content .rec-content-right .form-paiement-adresse .radio label {
    width: 65px;
    margin-right: 22px;
}
#content .rec-content-right .form-paiement-adresse .radio .salutation {
    width: 80px;
}
#content #opSelf {
    margin-left: 10px;
}
#content .import-validation-soft {
    width: 720px;
}
#content #campaignTable {
    margin-bottom: 16px;
}
#content #campaignTable thead th {
    height: 25px;
    text-align: left;
}
#content #campaignTable tbody tr td {
    height: 25px;
}
#content #campaignTable .campaign_action {
    width: 95px;
    text-align: center;
}
#content .operation-voir-div {
    width: 230px;
}
#content .operation-voir-div a {
    float: right;
}
#content #control-check-zone {
    margin-top: 0px;
}
#content .fichier-right-conteneur {
    float: left;
}
#content .paiement-comfirmation-text {
    margin-bottom: 5px;
}
#content .paiement-comfirmation-button {
    position: relative;
    top: -55px;
}
#content .fichier-contact-column {
    float: left;
    width: 50%;
}
#content .form .fichier-contact-column p label {
    width: 11em;
    margin: 0px 0px 0px 5px;
}
#content .form .fichier-contact-column p.radio label {
    width: 6em;
    margin-right: 9px;
}
.form-paiement-adresse .radio label {
    width: 80px;
}
#content .form .fichier-contact-column p.radio label.editSalutationClass0 {
    width: 4em;
}
#content .fichier-contact-sauver {
    position: relative;
    right: 33px;
}
#content .fichier-contact-table1 {
    width: 255px;
    float: left;
    margin-top: 15px;
    margin-right: 30px;
}
#content .fichier-contact-table1 th {
    height: 20px;
}
#content .fichier-contact-table2 th {
    height: 20px;
}
#content .fichier-contact-table1-right {
    width: 55px;
}
#content .fichier-contact-table1 tr {
    height: 25px;
}
#content .fichier-contact-table2 tr {
    height: 25px;
}
#content .fichier-contact-table2 {
    width: 355px;
    float: left;
    margin-top: 15px;
}
#geoVerify {
    margin-top: 10px;
}
#geoVerify a {
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
}
#geoResult {
    float: left;
    width: 350px;
    text-align: left;
    color: #cc3399;
    text-align: left;
    position: relative;
    margin-top: 5px;
    height:80px;
    overflow:auto;
}
#geozones #geoResult {
    width: 350px;
    height:88px;
    overflow:auto;
}
#geoResult div {
    color: #000;
    padding-bottom: 6px;
}
#geoResult a {
    text-decoration: none;
    color: #cc3399;
}
#rayon-zone div {
    margin-bottom: 6px;
}
#rayon-zone #catchSelect {
    width: 100px;
}
#rayon-zone ul li {
    margin: 0px;
    padding: 0px;
}
optgroup {
    font-size: 10px;
    color: #666;
    font-weight: normal;
}
option {
    font-size: 12px;
    color: #000;
}
table.type1 tr:hover td.hilite {
    color: #cc3399;
    cursor: pointer;
}
#content .search-actions a {
    color: #cc3399;
    font-weight: bold;
}
#pro-dialog-area {
    padding: 0px;
}
#pro-dialog-area p {
    margin: 8px 8px 8px 18px;
}
#pro-dialog-area ul.dialog-items {
    overflow: auto;
    height: 300px;
}
#pro-dialog-area ul.dialog-items a {
    color: #CC3399;
    text-decoration: none;
}
#pro-dialog-area ul {
    margin-top: 0px;
    list-style-type: circle;
}
#pro-dialog-area ul.dialog-items li {
    line-height: 1.7em;
}
#pro-dialog-area ul.dialog-items li label {
    color: #CC3399;
}
#pro-dialog-area ul.dialog-path {
    padding: 8px;
    padding-left: 16px;
    border-bottom: solid 1px #666;
}
#pro-dialog-area ul.dialog-path a {
    font-size: 11px;
}
#pro-dialog-area div.search-box, #pro-dialog-area div.select-all {
    padding: 16px;
}
#pro-dialog-area a.button {
    margin: 0;
}
#flat-dialog ul.dialog-items {
    height: 360px;
}
#control-check-zone .check-zone {
    background-color: #f2f2f2;
}
/* page pres/into.aspx */
.pres-ul {
    padding: 0px 0 8px 14px;
}
#pres-video {
    background-color: #333333;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
/* page pres/operation.aspx ,  creation.aspx*/
/* page pres/operation.aspx ,  creation.aspx*/
.pres-newligne {
    display: block;
    height: 150px;
    border-bottom: #ACC0C6 1px solid;
}
.pres-newligne.last {
    border-bottom: none;
}
.pres-newligne ul, .pres-newligne li {
    display: inline;
}
.pres-newligne li {
    float: left;
    height: 150px;
}
.pres-newligne li.icone {
    width: 155px;
    text-align: center;
}
.pres-newligne li.icone p {
    font-weight: bold;
    font-size: 15px;
    margin-top: 0;
    padding-top: 0;
    color: #bd5bb6;
}
.pres-newligne li.icone img {
    margin-top: 10px;
    margin-bottom: 0px;
}
.pres-newligne li.separat {
    width: 25px; /*background: transparent url(../img/pres/image_fichiers_separation.gif) no-repeat center center ;*/
}
.pres-newligne li.texte {
    width: 400px;
}
.pres-newligne li.texte p {
    margin-top: 20px;
    margin-bottom: 15px;
}
.pres-newligne li.texte img {
    position: relative;
}
.pres-newligne li.texte.l0 img {
    left: 0px;
}
.pres-newligne li.texte.l1 img {
    left: 0px;
}
.pres-newligne li.texte.l2 img {
    left: 0px;
}
.pres-newligne li.texte.l3 img {
    left: 0px;
}
/*.pres-newligne{
    display: block;
    height: 120px;
}
.pres-colgauche{
    position: relative;
    float: left;
    left: 0;
    text-align:center;
    width: 125px;
}
.pres-colcentre{
    position: relative;
    float: left;
    left: 30px;
}
.pres-coldroite{
    position: relative;
    left: 55px;
    top: 10px;
}*/
/* ---- page achat/point.aspx--- */
#content .col-left {
    height: 417px;
}
#content .content-options {
    padding-bottom: 5px;
}
#mappy {
    border: solid 1px #000;
    width: 290px;
    height: 290px;
}
#content #contenuStore {
    background-color: #ffffff;
    padding: 8px 0 18px 0;
    height: 45px;
    border: 1px solid #cccccc;
    border-top: none;
}
#content #contenuForm {
    width: 100%;
}
#content .col-left .options-point {
    display: inline-block;
    float: left;
    padding: 0 0 0 0px;
    width: 353px;
}
#content #contenuStore a {
    color: #cc3399;
    font-size: 12px;
}
#content #contenuStore span {
    padding: 0px;
    color: #666666;
}
#contenuForm .point-mini-col-1 {
    display: inline-block;
    float: left;
    border-right: solid 1px #dadada;
    width: 180px;
    margin-right: 10px;
    height: 285px;
}
#contenuForm .point-mini-col-1 #areaXlabel {
    color: #666;
}
#contenuForm .point-mini-col-1 span {
    color: #666;
}
#contenuForm .point-mini-col-1 h4 {
    margin-bottom: 10px;
}
#content .point-mini-col-2 {
    display: inline-block;
    height: 185px;
    width: 350px;
    overflow: auto;
    border: 1px solid #cccccc;
}
#content .pave-titre-point {
    display: block;
    margin-top: 8px;
    height: 43px;
    color: #cc3399;
    font-weight: bold;
    font-size: 13px;
    background: transparent url(../styles/fonds/fond_titre_point.jpg) no-repeat;
    padding: 5px 5px 0 5px;
}
#content .pave-titre-point-left {
    float: left;
}
#content .pave-titre-point-left-large {
    float: left;
    width: 350px;
}
#content .pave-titre-point-right-lib-ray {
    float: left;
    background: url("puces/h4.gif") no-repeat scroll left center transparent;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    margin: 13px 0 16px 0;
    padding: 2px 0 0 10px;
}
#content .pave-titre-point-right-list-ray {
    float: right;
    padding-top: 8px;
    padding-right: 5px;
    padding-left: 25px;
}
#content .pave-titre-point-right {
    float: right;
    height: 35px;
}
#content #mapZone {
    height: 35px;
}
#content .pave-mappy {
    float: right;
}
#content #contenuStore .pdv-affich-top, .pdv-affich-left, .pdv-affich-bottom {
    float: left;
}
#content #contenuStore .pdv-affich-top {
    display: block;
    width: 100%;
}
#content #contenuStore .pdv-affich-left {
    width: 200px;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    padding: 0px 5px 0 5px;
}
#content #contenuStore .pdv-affich-left span {
    color: #666666;
    font-size: 12px;
    padding-left: 10px;
}
#content #contenuStore .pdv-affich-left span.titre {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    padding: 0px 5px 0 10px;
    background: url("puces/h4.gif") no-repeat scroll left center transparent;
    background-position: 0px 2px;
}
#content #contenuStore .pdv-affich-right {
    float: right;
    padding-right: 5px;
}
#content #contenuStore .pdv-affich-bottom {
    display: block;
    padding-bottom: 8px;
}
#content #contenuStore .pdv-affich-bottom select {
    width: 135px;
}
#contenuForm .titrecritgeo-right {
    margin-top: 8px;
    color: #cc3399;
    background-color: #F2F2F2;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
#contenuForm {
    overflow: auto;
}
/* ---- page achat/adresse.aspx--- */
.col-left-adresse {
    height: 417px;
}
.titlepdv {
    border-bottom: 1px solid #dadada;
    height: 60px;
    margin: 5px 0 10px;
}
#pdvCol2 {
    float: left;
    padding: 0 0 0 18px;
    width: 340px;
}
#pdvCol2 .point-geo {
    width: 250px;
}
#pdvCol2 label {
    width: 12em;
    color: #666666;
    font-size: 13px;
    font-weight: normal;
}
#mappy p {
    padding: 0 8px 0 8px;
    position: relative;
    top: 115px;
    text-align: center;
}
#content #pdvZone ul {
    margin: 0;
    padding-left: 14px;
}
#content #pdvZone ul li div {
    margin-left: 0px;
}
/*#rayon-zone { float:right; position:relative; top:-29px; right:6px; }*/
/*#rayon-zone ul li{ list-style-type:none; }
#rayon-zone #catchSelect { width: 100px; }*//* Points */
#pdvZone #rayon-zone {
    float: right;
    position: relative;
    top: -29px;
    width: 185px;
}
#pdvZone #rayon-zone #catchSelect {
    width: 110px;
}
#pdvZone ul {
    margin: 0;
    padding-left: 14px;
}
#pdvZone #rayon-zone ul li {
    list-style-type: none;
}
#pdvZone .point-add a {
    float: right;
}
#pdvZone .head span {
    display: inline-block;
    width: 12em;
    margin: 0 8px 0 0;
}
#pdvZone .head .header-opener-pdv {
    color: #000;
    padding: 2px 5px 0 12px;
    width: 12em;
}
#pdvZone .head {
    background-color: #5996b0;
    font-weight: bold;
    border-top: solid 1px #ccc;
    height: 20px;
    padding-top: 5px;
}
#pdvZone .head, #pdvZone .point-title {
    border-bottom: solid 1px #ccc;
    width: 100%;
    height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#pdvZone .point-title span {
    display: inline-block;
    width: 12em;
    margin: 0 8px 0 0;
    color: #666;
}
#pdvZone span.soft {
    color: #666;
}
#pdvZone span.last {
    padding-left: 3em;
    width: 10em;
}
#pdvZone span.last a {
    color: #cc3399;
    text-decoration: none;
    padding-right: 5px;
    font-weight: bold;
}
#pdvZone span.opener-pdv {
    color: #000;
    padding: 2px 0 0 12px;
    font-size: 15px;
    font-weight: bold;
    width: 10em;
    background: transparent url(../styles/puces/noire2.png) no-repeat 0 6px;
}
#pdvZone .current .opener-pdv {
    background: transparent url(../styles/puces/noire22.png) no-repeat 0 9px;
}
#pdvZone #geoResult .geoResult-inter {
    display: block;
}
#pdvZone #geoVerify a {
    margin: 0px;
}
/* PointFormControl */
#pointForm {
    border-bottom: solid 1px #cccccc;
}
#pointForm p {
    margin: 0 0 8px 0;
}
#pointForm label {
    width: 170px;
    font-weight: normal;
}
#pointForm input {
    width: 160px;
}
#pointForm ul input {
    width: auto;
}
#pointForm ul input[type="text"] {
    width: 55px;
}
#pointForm .point-save {
    float: right;
}
#pointForm .col1 {
    float: right;
    width: 335px;
}
#pointForm .col1 ul {
    list-style-type: none;
    text-align: right;
    margin-bottom: 0px;
}
#pointForm .col1 ul li div {
    float: right;
}
#pointForm .col1 ul li {
    height: 30px;
}
#pointForm .col2 {
    float: left;
    text-align: right;
}
#pointForm .col2 * {
    text-align: left;
}
#pointForm #mappy {
    border: solid 1px #000;
    width: 310px;
    height: 300px;
}
/* ContactSearch */
#contactSearch label {
    width: 65px;
}
#contactSearch table {
    width: 100%;
}
#contactSearch input {
    font-size: 11px;
}
/* Image coulissante par dessus SimulationControl */
img#image-simulateur {
    position: absolute;
    top: 182px;
    width: 534px;
    height: 111px;
    cursor: pointer;
}
/* SimulationControl */
#simulation-zone {
    width: 534px;
    height: 0px;
    position: absolute;
    top: 292px;
    background-color: #FFF;
    overflow: auto;
}
#simulation-form {
    padding: 8px 8px 0px 8px;
}
#simulation-zone h3 {
    margin: 4px 0 7px 6px;
    padding: 2px 0 0 20px;
}
#simulation-zone ul {
    clear: both;
    display: block;
    height: 90px;
}
#simulation-zone li {
    float: left;
    display: inline;
}
#simulation-zone select {
    width: 250px;
}
#sim-global div {
    line-height: 28px;
    clear: left;
}
#sim-global div label {
    font-size: 12px;
    font-weight: bold;
    float: left;
    width: 90px;
    line-height: 28px;
}
/* page login.aspx */
#login-form,
#register-form {
    float: left;
    padding: 10px;
    width: 380px;
    border: 1px solid #CCCCCC;
    background-color: #EDEDED;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#register-form {
    width: 450px;
    margin-left: 20px;
}
#login-form div.blockform,
#register-form div.blockform {
    border: none;
    background-color: transparent;
}
/* RegisterControl.aspx */
/* MainLoginControl.aspx */
.control_block {
    font-size: 12px;
    border: 1px solid #ccc;
    background-color: #ededed;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
}
.form_text {
    padding: 3px 0 0 4px;
    border: 1px solid #00739f;
    min-height: 20px;
}
.form_question {
    float: left;
    clear: left;
    margin-right: 10px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}
#login_form .form_question {
    width: 100px;
}
#register_form .form_question {
    width: 220px;
}
.form_answer {
    float: left;
    font-size: 11px;
}
/* 2 colonnes avec recap à droite */
.site_large_holder {
    background-color:#FFFEF8;
}
.site_large_left {
    float: left;
    padding: 20px;
    border-right: solid 1px #ccc;
    width: 630px;
    background-color: #fff;
}
.site_large_right {
    float: left;
    padding: 10px;
    width: 260px;
}
/* site_sem_quantite */
.site_sem_quantite_pack {
    text-align: center;
    float: left;
    border: solid 1px #ccc;
    padding: 25px 7px 0px 7px;
    height: 140px;
    background-color: #fffEf8;
}
.site_sem_quantite_pack:hover {
    border-color: #000;
}
.site_sem_quantite_pack_text {
    height: 110px;
}
.site_sem_quantite_pack_title {
    font-size: 16px;
    font-weight: bold;
}
.site_sem_quantite_pack_subtitle {
    font-size: 14px;
    font-weight: bold;
}
/* ~/sc/quantite.aspx */
.sc_quantite_pack {
    text-align: center;
    float: left;
    border: solid 1px #ccc;
    padding: 25px 7px 0px 7px;
    height: 140px;
    background-color: #fffEf8;
    width: 175px;
}
.sc_quantite_pack:hover {
    border-color: #000;
}
.sc_quantite_pack_text {
    height: 110px;
}
.sc_quantite_pack_title {
    font-size: 16px;
    font-weight: bold;
}
.sc_quantite_pack_subtitle {
    font-size: 14px;
    padding: 10px 5px;
}
.sc_quantite_pack_note {
    font-size: 12px;
    font-weight: bold;
    color: #cc3399;
}

