root {
    display: block;
}

body {
    margin: auto;
    width: 940px;
    background-color: #aaa8ad;
    background-image: url('../image/background-body.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#header {
    height: 170px;
}

#header_search {
    float: right;
    text-align: right;
    color: white;
    padding: 12px 12px 0px 0px;
}

#header_search input {
    border: 0px;
    background-color: white;
    height: 28px;
    vertical-align: top;
    margin: 0px;
    padding: 0px 0px 0px 6px;
}

.header_searchButton {
    background-image: url('../image/background-header-search.png');
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    width: 28px;
    height: 28px;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

#header_search a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

#header_search a:hover {
    text-decoration: underline;
}

#header_translation {
    padding: 2px 0px 32px 0px;
}

#header_translation a {
    font-size: 14px;
    font-weight: normal;
}

#header_id {
    display: inline-block;
    margin-top: 2px;
    height: 24px;
    line-height: 28px;
    vertical-align: top;
    padding-right: 8px;
}

#header_id a {
    font-size: 14px;
    font-weight: normal;
}

#header_login {
    display: inline-block;
    margin-top: 2px;
    width: 24px;
    height: 24px;
    background-image: url('../image/background-header-login-white.png');
    background-repeat: no-repeat;
}

#header_facebook {
    display: inline-block;
    margin-top: 2px;
    width: 24px;
    height: 24px;
    background-image: url('../image/background-header-facebook-white.png');
    background-repeat: no-repeat;
}

#header_mailing {
    display: inline-block;
    margin-top: 2px;
    width: 24px;
    height: 24px;
    background-image: url('../image/background-header-mailing-white.png');
    background-repeat: no-repeat;
}

#header_twitter {
    display: inline-block;
    margin-top: 2x;
    width: 24px;
    height: 24px;
    background-image: url('../image/background-header-twitter-white.png');
    background-repeat: no-repeat;
}

#header_logo_fr {
    float: left;
    width: 263px;
    height: 148px;
    border: 0px;
    background-image: url('../image/logo-lightcone-fr.png');
    background-repeat: no-repeat;
    background-position: 20px 20px;
}

#header_logo_en {
    float: left;
    width: 263px;
    height: 148px;
    border: 0px;
    background-image: url('../image/logo-lightcone-en.png');
    background-repeat: no-repeat;
    background-position: 20px 20px;
}

#annexe {
     float: right;
     width: 300px;
     /*background-color: yellowgreen;*/
     padding-left: 20px;
     background-image: url('../image/background-annexe.png');
     background-repeat: no-repeat;
     background-position: 0px 80px;
}

#main {
     width: 560px;
     background-color: white;
     padding: 30px 30px 60px 30px;
     margin-top: 2px;
}

#main a, #main a:visited {
    color: black;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #aaaaaa;
}

#main a:hover {
    background-color: #dddddd;
}

#annexe a, #annexe a:visited {
    color: black;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #aaaaaa;
}

#annexe a:hover {
    background-color: #dddddd;
}

h1 {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

#main h2 {
    line-height: 28px;
    background-color: transparent;
    padding-left: 30px;
    margin: 30px 0px 36px -30px;
    color: #a0a0a0;
    background-image: url('../image/background-main-agenda-h2.png');
    background-repeat: no-repeat;
    background-position: top left;
    display: inline-block;
}

#main h3 {
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
    margin-top: -30px;
}

h4 {
    color: #a0a0a0;
}

h5 {
    height: 28px;
    padding: 10px 0px 0px 20px;
    margin: 0px -20px 0px -20px;
    color: #ededed;
    background-repeat: no-repeat;
    background-position: left;
    display: block;
    font-size: 18px;
    text-align: left;
}

#main p {
    text-align: justify;
    /*text-indent: 60px;*/
    /*line-height: 28px;*/
    line-height: 20px;
}

#main table {
    line-height: 24px;
}
/*
#main ul {
    list-style: circle;
    margin: 32px 0px;
}
*/
#main li {
    line-height: 24px;
    margin: 0px 62px 22px 62px;
    text-align: justify;
}

#nav {
    width: 620px;
}

#mainnav {
    height: 51px;
    width: 620px;
}

#mainnav ul {
    list-style: none;
    width: 620px;
    padding: 0px;
    margin: 0px;
}

#mainnav li span {
    float: left;
    padding: 0px;
    margin: 0px;
    line-height: 51px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #101010;
}

#nav_lightcone {
    width: 103px;
    background-image: url('../image/background-navmainleft.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

#nav_catalogue, #nav_documentation, #nav_agenda, #nav_residence {
    width: 102px;
    border-left: 1px solid #cccccc;
    background-image: url('../image/background-navmaincenter.png');
    cursor: pointer;
}

#nav_boutique {
    width: 103px;
    border-left: 1px solid #cccccc;
    background-image: url('../image/background-navmainright.png');
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}

#subnav {
    width: 580px;
    padding: 20px;
    margin: 0px;
    display: none;
    color: white;
}

.subnav_hidden {
    display: none;
    padding: 20px;
}

#subnav ul {
    margin-top: 28px;
}

#subnav li {
    padding: 4px;
    line-height: 16px;
}

#subnav p {
    line-height: 20px;
    text-indent: 0px;
    text-align: justify;
}

#subnav a, #subnav a:visited {
    padding: 2px 4px;
    text-decoration: none;
    font-size: 14px;
    color: white;
    font-weight: bold;
}

#subnav a:hover {
    background-color: #aaaaaa;
}

#subnav hr {
    color: #cccccc;
    background-color: #cccccc;
    height: 1px;
    border: 0;
}

#subnav_close {
    margin-top: 24px;
    margin-right: 24px;
    float: right;
    background-image: url('../image/background-subnav-close.png');
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.subnav_close_hidden {
    display: none;
}

/*
.subnav_special {
     background-color: white;
     color: black;
     list-style: none;
}
/*
.subnav_special h2 {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

a .subnav_special, a:visited .subnav_special , a:hover .subnav_special  {
    text-decoration: none;
    font-weight: bold;
    color: black;
    font-size: 13px;
    padding: 0px;
    background-color: white;
}
*/
#bandeau {
    margin-top: 2px;
    width: 540px;
    text-align: right;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
    background-position: center center;
}

#bandeau h1 {
    display: inline;
    color: white;
    font-size: 36px;
    background-image: url('../image/background-bandeau.png');
    line-height: 41px;
}

.soustitre{
    display: inline;
    color: white;
    font-size: 16px;
    background-image: url('../image/background-bandeau.png');
    line-height: 20px;
}

#bandeau a {
    text-decoration: none;
}

#mainActualites {
    background-color: white;
    width: 315px;
    padding: 0px;
    background-image: url('../image/background-main-videos.png');
    background-repeat: repeat-y;
    background-position: right;
}

#mainAgenda {
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    width: 309px;
    margin: 0px;
    padding: 0px;
}

#mainAgendaTab {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    width: 309px;
}

#mainAgendaTab li {
    float: left;
    padding: 0px;
    margin: 0px;
    /*line-height: 41px;*/
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #101010;
    width: 101px;
}

#mainAgendaTab1.on {
    background-color: white;
    cursor: auto;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid #cccccc;
}

#mainAgendaTab1.off {
    background-color: #f4f4f4;
    cursor: pointer;
    border-left: 1px solid white;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#mainAgendaTab2.on {
    background-color: white;
    cursor: auto;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid #cccccc;
}

#mainAgendaTab2.off {
    background-color: #f4f4f4;
    cursor: pointer;
    border-left: 1px solid white;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#mainAgendaTab3.on {
    background-color: white;
    cursor: auto;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid #cccccc;
}

#mainAgendaTab3.off {
    background-color: #f4f4f4;
    cursor: pointer;
    border-left: 1px solid white;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#mainAgendaContent {
    padding-top: 30px;
}

#mainAgendaContent h2 {
    height: 28px;
    background-color: transparent;
    padding-left: 30px;
    margin: 20px 0px;
    color: #a0a0a0;
    background-image: url('../image/background-main-agenda-h2.png');
    background-repeat: no-repeat;
    background-position: left;
    display: block;
}

#mainAgendaUp {
    cursor: pointer;
    width:20px;
    height: 16px;
    background-image: url('../image/background-index-agenda-up.png');
    background-repeat: no-repeat;
}

#mainAgendaDown {
    cursor: pointer;
    width:20px;
    height: 16px;
    background-image: url('../image/background-index-agenda-down.png');
    background-repeat: no-repeat;
}

#mainResidences {
    width: 265px;
    padding: 0px 20px 20px 20px;
    background-color: white;
    /*background-image: url('../image/background-main-residences.jpg');
    background-repeat: no-repeat;*/
}

#mainVideos {
    width: 265px;
    padding: 0px 20px 20px 20px;
    background-color: white;
    background-color: #f1f1f1;
    border-top: 1px dotted #cccccc;
}

#mainBoutique {
    border-top: 1px dotted #cccccc;
    width: 265px;
    padding: 0px 20px 20px 20px;
    background-color: white;
}

/*
#main2425 {
    width: 265px;
    padding: 122px 20px 0px 20px;
    background-color: #f1f1f1;
    border-top: 1px dotted #cccccc;
    background-image: url('../image/background-main-2425.png');
    background-repeat: no-repeat;
    background-position: 50% 30px;
}
*/

/*
#mainnav ul {
    list-style: none;
    width: 620px;
    padding: 0px;
    margin: 0px;
}

#mainnav li a {
    float: left;
    padding: 0px;
    margin: 0px;
    line-height: 51px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #101010;
}
*/


#annexeTab {
    list-style: none;
    width: 300px;
    padding: 0px;
    margin: 0px;
}

#annexeTab li {
    float: left;
    padding: 0px;
    margin: 0px;
    line-height: 41px;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #101010;
    width: 100px;
}

#annexeTab1.on {
    background-image: url('../image/background-tab-annexe-1-on.png');
    cursor: auto;
}

#annexeTab1.off {
    background-image: url('../image/background-tab-annexe-1-off.png');
    cursor: pointer;
}

#annexeTab2.on {
    background-image: url('../image/background-tab-annexe-2-on.png');
    cursor: auto;
}

#annexeTab2.off {
    background-image: url('../image/background-tab-annexe-2-off.png');
    cursor: pointer;
}

#annexeTab3.on {
    background-image: url('../image/background-tab-annexe-3-on.png');
    cursor: auto;
}

#annexeTab3.off {
    background-image: url('../image/background-tab-annexe-3-off.png');
    cursor: pointer;
}

#annexeContent {
    width: 260px;
    background-color: white;
    padding: 40px 20px 40px 20px;
    clear: both;
}

#annexeBoutique {
    color: black;
    margin-top: 20px;
    width: 260px;
    background-image: url('../image/background-cloud.png');
    padding: 20px 20px;
    clear: both;
    background-color: #ffffff;
}

.annexeAnnonce {
    font-size: 12px;
    line-height: 16px;
    color: black;
    margin-top: 20px;
    width: 260px;
    background-image: url('../image/background-cloud.png');
    padding: 20px 20px;
    clear: both;
    background-color: #ffffff;
}

.annexeAnnonce h5 {
    color: black;
    font-size: 14px;
}

#annexeCloud {
    margin-top: 20px;
    width: 260px;
    background-image: url('../image/background-cloud.png');
    padding: 20px 20px;
    text-align: center;
}

#annexeCloud a, #annexeCloud a:visited, #annexeCloud a:hover {
    color: white;
    text-decoration: none;
}

.illustration{
    float: right;
    padding: 0px 0px 10px 20px;
    border: 0px;
}

.catalogue {
    width: 100%;
}

.catalogue_miniature {
    width: 126px;
    height: 99px;
}

.catalogue_data {
    font-size: 13px;
}

.catalogue_annexe {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    clear: both;
    background-color: #efefef;
}

.catalogue_annexe:hover {
    background-color: #efefef;
}

.catalogue_annexe_miniature {
    padding: 0px;
    margin: 2px;
    height: 80px;
    width: 116px;
    background-color: #cacaca;
}

.catalogue_annexe_data {
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 80px;
    width: 132px;
    padding: 4px;
    margin: 0px;
    color: #9d5554;
}

.alerte {
    color: #801010;
    font-weight: bold;
}

.plus {
    background-image: url("../image/background-plus.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
}

.popup {
    background-image: url("../image/background-popup.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
    font-weight: normal;
}

.popup a, .popup a:visited {
    font-weight: normal;
}

#annexe .plus {
    font-size: 13px;
    line-height: 26px;
    margin-top: 4px;
    display: block;
}

#annexe .plus a {
    font-weight: normal;
}

.alerte_big {
    margin: auto;
    background-image: url("../image/class_alerte_big.png");
    background-repeat: no-repeat;
    line-height: 60px;
    padding: 10px 10px 40px 40px;
    color: #c10d0d;
    font-weight: bold;
    text-align: left;
    font-size: 12pt;
}

.info_big {
    margin: auto;
    background-image: url("../image/class_info_big.png");
    background-repeat: no-repeat;
    line-height: 60px;
    padding: 10px 10px 40px 40px;
    color: #ffb82f;
    font-weight: bold;
    text-align: left;
    font-size: 12pt;
    /*background-color: #eeeeee;*/
}

.ok {
    color: #64b200;
    font-weight: bold;
}

.ok_big {
    margin: auto;
    background-image: url("../image/class_ok_big.png");
    background-repeat: no-repeat;
    line-height: 60px;
    padding: 10px 10px 40px 40px;
    color: #64b200;
    font-weight: bold;
    text-align: left;
    font-size: 12pt;
}

.video_big {
    margin: auto;
    background-image: url("../image/class_video_big.png");
    background-repeat: no-repeat;
    line-height: 60px;
    padding: 10px 10px 40px 40px;
    color: #2e6e9b;
    /*font-weight: bold;*/
    text-align: left;
    font-size: 12pt;
    background-color: #eeeeee;
}

.copie table {
    width: 100%;
}

.copie th {
    width: 160px;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    border-right: 1px solid rgb(169,208,216);
    padding: 0px 10px 0px 0px;
}

.copie td {
    /*width: 65%;*/
    padding: 0px 0px 0px 10px;
}

.information table {
    width: 100%;
}

.information th {
    width: 160px;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    border-right: 1px solid rgb(169,208,216);
    padding: 0px 10px 0px 0px;
}

.information td {
    padding: 0px 0px 0px 10px;
}

.information a {
    font-weight: normal;
}

/*
 * PAGE BAR
 */

.pageBar {
    /*clear: both;*/
    font-size: 14px;
    padding: 32px 0px;
    font-weight: bold;
    /*background-color: yellowgreen;*/
    text-align: center;
}

.pageBar a {
    display: inline-block;
    margin-top: 6px;
    border: 1px solid #aaaaaa;
    text-decoration: none;
    padding: 2px 4px;
    color: black;
}

.pageBar a:visited {
    color: black;
}

.currentPage {
    border: 1px solid black;
    padding: 2px 4px;
    background-color: black;
    color: white;
}

.calendrier_blog{
    width: 28px;
    padding: 0px;
    margin: 0px;
}

.calendrier_blog_haut{
    background-image: url("../image/calendrier_haut.png");
    background-repeat: no-repeat;
    font-size: 8px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    color: white;
    font-weight: bold;
}

.calendrier_blog_milieu{
    background-image: url("../image/calendrier_bas.png");
    background-repeat: no-repeat;
    height: 18px;
    line-height: 21px;
    text-align: center;
    color: #5a6f86;
    font-weight: bold;
    font-size: 14px;
}

.calendrier_blog_bas{
    background-image: url("../image/calendrier_bas.png");
    background-repeat: no-repeat;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #5a6f86;
    font-weight: bold;
    font-size: 14px;
}

.calendrier_blog_bas2{
    background-image: url("../image/calendrier_bas.png");
    background-repeat: no-repeat;
    background-position: bottom;
    height: 12px;
    line-height: 8px;
    text-align: center;
    color: #5a6f86;
    font-weight: bold;
    font-size: 8px;
}

.mailing_list {
    background-image: url("../image/background-email.png");
    background-repeat: no-repeat;
    line-height: 60px;
    padding: 10px 10px 40px 40px;
    color: #a92485;
    font-weight: bold;
    text-align: left;
    font-size: 14pt;
}

input {
    font-family: Arial, Verdana, sans-serif;
    color: #000000;
    background-color: #eeeeee;
    border: 1px solid black;
    margin: 0px;
    padding: 1px;
}

input[type="checkbox"] {
    font-family: Arial, Verdana, sans-serif;
    color: #000000;
    background-color: #eeeeee;
    outline: 1px solid black;
    margin: 0px;
    padding: 1px;
}

textarea {
    font-family: Arial, Verdana, sans-serif;
    color: #000000;
    background-color: #eeeeee;
    border: 1px solid black;
    margin: 0px;
    padding: 2px;
}

select {
    font-family: Arial, Verdana, sans-serif;
    color: #000000;
    background-color: #eeeeee;
    border: 1px solid black;
    margin: 0px;
    padding: 0px;
}

option {
    border: 0px;
    background-color: #eeeeee;
    font-family: Arial, Verdana, sans-serif;
    color: #000000;
    vertical-align: text-bottom;
    font-weight: normal;
    padding: 0px;
}

#footer {
    clear: both;
    margin: 20px 0px 40px 0px;
    text-align: center;
    color: white;
}

#footer a {
    padding: 4px;
    color: white;
    text-decoration: none;
}

#footer a:hover {
    color: #aaaaaa;
    background-color: white;
}

#footer hr {
    height: 1px;
    background-color: white;
    border: 0px;
    margin: 10px 0px 30px 0px;
}

#footer ul {
    list-style: none;
}

#footer li {
    padding: 4px 4px 4px 12px;
}

.footer_sub {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 225px;
}

.footer_header {
    border-bottom: 1px dotted white;
    font-weight: bold;
    padding: 4px;
    margin-bottom: 12px;
}

/* V2 */

.formulaire {
    margin: 50px 0px 30px 0px;
}

.formulaire fieldset {
    border: 0px;
}

.formulaire label {
    display: inline-block;
    width: 160px;
    text-align: right;
    margin-right: 20px;
    vertical-align: top;
}

.manquant {
    color: red;
}

.formulaire input[type=text] {
    display: inline-block;
    width: 320px;
}

.formulaire select {
    display: inline-block;
}

.validation {
    display: inline-block;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #efefef;
    font-weight: bold;
    padding: 8px 12px;
    color: white;
    transition: all 0.5s ease;
    cursor: pointer;
    text-align: center;
}

fieldset.validation  {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    cursor: default;
}

.next {
    background-color: yellowgreen;
}

.next:hover{
    background-color: #64b200;
}

.previous {
    background-color: orange;
}

.previous:hover {
    background-color: #EC5800;
}

.mini {
    padding: 1px 5px;
}

.asynch_data {
    display: inline-block;
}

/* Module de réservation */
.rent_movie_label{
    display: inline-block;
    width: 140px;
    text-align: left;
}

.rent_movie_input{
    margin-top: 1%;
}

.rent_movie_large_input{
    width: 50%;
}

.rent_movie_table_input{
    width: 50px;
}

.rent_movie_table{
    /*margin-left: -30px;*/
    border: none;
    border-collapse:collapse;

    width: 100%;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
}

.rent_movie_table th{
    /*border: solid 1px black;*/
}

.rent_movie_table .libelle_titre{
    /*padding-top: 2%;*/
    /*margin-top: 2%;*/
    /*margin-bottom: 2%;*/
    border-top: 1px black solid;
}

.rent_movie_table td{
    /*border: solid 1px black;*/
    /*border: solid 1px black;*/
    /*padding: 1%;*/
}

.rent_movie_add_table{
    /*padding: 0;*/
}

.rent_movie_table .hidden{
    display: none;
}

/************************/
/*Adresse*/
.large_input{
    width: 99%;
}

.select-adresse-table{
    border-collapse: collapse;
}

.select-adresse-tr{
    border: white 1px solid;
    border-radius: 4px;
}

.select-adresse-tr:hover{
    background-color: #ECEDEA;
    /*cursor: pointer;*/
    transition: all 0.5s ease;
}

.select-adresse-add .center{
    display: block;
    margin: auto;
}

.selected-adresse-tr{
    background-color: #64b200;
}

.not-selected-adresse-tr{
    opacity: 0.5;
}

.select-adresse-td-text{

}

.select-adresse-td-button{
    width: 45%;
}

.button-adresse-facturation-no-selected{

}

.button-adresse-facturation-selected{
    display: none;
}

.select-adresse-td-button-edit{
    width: 45%;
    display: none;
}

#id-adresse-facturation-new, #id-adresse-livraison-new, #id-adresse-projection-new{
    display: none;
}

/*Telephone*/
.select-telephone-table{
    border-collapse: collapse;
}

.select-telephone-tr{
    border: white 1px solid;
    border-radius: 4px;
}

.select-telephone-tr:hover{
    background-color: #ECEDEA;
    /*cursor: pointer;*/
    transition: all 0.5s ease;
}

.select-telephone-add .center{
    display: block;
    margin: auto;
}

.selected-telephone-tr{
    /*border: #64b200 3px solid;*/
    background-color: #64b200;
}

.not-selected-telephone-tr{
    opacity: 0.5;
}

.select-telephone-td-text{

}

.select-telephone-td-button{
    width: 45%;
}

#id-phone-facturation-new, #id-phone-livraison-new, #id-phone-projection-new{
    display: none;
}

.button-phone-facturation-no-selected{

}

.button-phone-facturation-selected{
    display: none;
}


.selected_rent{
    background-color: #64b200;
}

.helper_content{
    border: solid black 1px;
}

.helper_content:hover{
    background-color: #65b200;
}

.helper_content_hidden{
    display: none;
}

.helper_content_hidden{
   border: solid black 1px;
}
.helper_content_hidden:hover{
   background-color: #65b200;
}