.color_header { background-color: #0aa6bd; }
    .color_button { background: #0aa6bd !important; }
    .color_buttonhover { background: #0aa6bd !important; }
    .text_white { color: #fff; } 
    /*.color_grey{ background-color: green; }*/

    .text_big { font-size: 18px; }

    input.listbox {
        margin-top: 0px !important;
    }

    input[type="button"].listbox, input[type="submit"].listbox {
        margin-top: -20px !important;
        padding: 0 !important;
    }

    input[type="checkbox"].checkbox_recurring {
        margin: 0 6px 0 0;
    }
    
    input.dateinput {
        width: 160px;
    }
    
    input[type="button"].caddyadd_box {
        max-width: 208px;
        float: right !important;
    }
    
    .box_content {
        position: relative;
        margin-bottom: 30px;
        color: #000;
    }
    
    .box_header {
        position: relative;
        width: 100%;
        height: 165px;
        background-color: #242424;
        /* border: 1px solid #d4d4d4; */
    }

    .box_text .middle, .box_text_big .middle {
        line-height: 55px;
    }
    
    .box_icon {
        position: absolute;
        right: -2px;
        bottom: 0;
        height: 55px;
        width: 25%;
        /* border-left: 1px solid #ffffff; */
    }
    
    p.box_padding {
        padding: 2% 10%;
    }
    
    p.box_padding_big {
        padding: 6% 10%;
    }
    
    .box_button, a.box_button {
        position: relative;
        width: 80%;
        height: 25px;
        background-color: none !important;
        color: #fff !important;
    }
    
    .list_line:hover{
        cursor: pointer;
        background-color: #ccc;
        color: #ffffff;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .list_line:hover div{
        color: #ffffff;
    }

    table {
        -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    -o-box-sizing: border-box;
	    box-sizing: border-box;
	    border: none;
	    /*font-size: 11px !important;*/
    }
    
    table tr, table th, table tr, table th {
        padding: 20px 5px !important;
    }
    
    td.box_description {
        height: 170px;
    }
    
    td.box_description p {
        margin-bottom: 1rem;
    }

    div.box_button a {
        display: inline-block;
        padding: 20px 5px !important;
    }

    table th div.columns, table tr div.columns, table td div.columns {
        margin: 0 !important;
        /*margin-left: 1% !important;*/
        padding: 0 !important;
        padding-left: 1% !important;
    }
    
    table th div.one.column,
	table th div.one.columns                    { width: 6.66666666667%; }
	table th div.two.columns                    { width: 15.3333333333%; }
	table th div.three.columns                  { width: 24%;            }
	table th div.four.columns                   { width: 32.6666666667%; }
	table th div.five.columns                   { width: 41.3333333333%; }
	table th div.six.columns                    { width: 50%;            }
	table th div.seven.columns                  { width: 58.6666666667%; }
	table th div.eight.columns                  { width: 67.3333333333%; }
	table th div.nine.columns                   { width: 76.0%;          }
	table th div.ten.columns                    { width: 84.6666666667%; }
	table th div.eleven.columns                 { width: 93.3333333333%; }
	table th div.twelve.columns                 { width: 100%; margin-left: 0; }
	
	table tr div.one.column,
    table tr div.one.columns                    { width: 6.66666666667%; }
    table tr div.two.columns                    { width: 15.3333333333%; }
    table tr div.three.columns                  { width: 24%;            }
    table tr div.four.columns                   { width: 32.6666666667%; }
    table tr div.five.columns                   { width: 41.3333333333%; }
    table tr div.six.columns                    { width: 50%;            }
    table tr div.seven.columns                  { width: 58.6666666667%; }
    table tr div.eight.columns                  { width: 67.3333333333%; }
    table tr div.nine.columns                   { width: 76.0%;          }
    table tr div.ten.columns                    { width: 84.6666666667%; }
    table tr div.eleven.columns                 { width: 93.3333333333%; }
    table tr div.twelve.columns                 { width: 100%; margin-left: 0; }
	
	table td div.one.column,
    table td div.one.columns                    { width: 6.66666666667%; }
    table td div.two.columns                    { width: 15.3333333333%; }
    table td div.three.columns                  { width: 24%;            }
    table td div.four.columns                   { width: 32.6666666667%; }
    table td div.five.columns                   { width: 41.3333333333%; }
    table td div.six.columns                    { width: 50%;            }
    table td div.seven.columns                  { width: 58.6666666667%; }
    table td div.eight.columns                  { width: 67.3333333333%; }
    table td div.nine.columns                   { width: 76.0%;          }
    table td div.ten.columns                    { width: 84.6666666667%; }
    table td div.eleven.columns                 { width: 93.3333333333%; }
    table td div.twelve.columns                 { width: 100%; margin-left: 0; }
	

    
    /*, #calendar .fc-list-heading, #calendar .fc-list-view, #calendar .fc-list-table, #calendar .fc-list-heading-main, #calendar .fc-list-item {*/
    /*
    #calendar .fc-list-view table tr, #calendar .fc-list-view table th, #calendar .fc-list-view table td,
    #calendar table tr, #calendar table th, #calendar table td {  
        margin: 0 !important;
        padding: 0 !important;
    }
    */
    
    table {
        font-size: 13px !important;
    }

    table.box {
        margin: 0px;
        padding: 0px;
        position: relative;
        border-collapse: separate;
        width: 100%;
        height: 220px;
    }

    table.boxfree {
        position: relative;
        border-collapse: separate;
        width: 100%;
    }

    table.box th, table.box td {
        vertical-align: middle;
        text-align: center;
    }
    
    table.box td {
        background-color: #fff;
    }

    table.box th {
        background-color: #777777;
    }

    table.boxfree th, table.boxfree td {
        vertical-align: middle;
        padding: 10px;
        text-align: center;
    }

    table.box th, table.boxfree th {
        color: #fff;
    }

    table.box th.center, table.boxfree th.center {
        text-align: center;
    }

    tale.linbe .table_border {
        border-bottom: 1px solid #ddd !important; /*#d4d4d4;*/
    }
    
    table.box {
        border: 1px solid #ddd !important; /*#d4d4d4;*/
    } 

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/*
.fond-bb{background-color:#FFF; margin-left:15px; margin-right:15px;padding:15px; border-top:none; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.borduregd{border-left:1px solid #e1e1e2; border-right:1px solid #e1e1e2;}
.fond-bb1{ margin-left:15px; margin-right:15px; }
.bordureg{ border-left:1px solid #e1e1e2;}
.bordureh{border-top:1px solid #F00;}
*/


/* -----------------------------------------
police titre
----------------------------------------- */

/*  Personnal  */
    .middle { vertical-align: middle; }
    .bold { font-weight: bold; }
    .italic { font-style: italic; }
    .normal { font-weight: normal; }
    .show_narrow { display: none !important}
    .height20 { height: 20px; }    
    .height20.middle { padding-top: 3px; }
    .height30 { height: 30px; }
    .height30.middle { padding-top: 5px; }
    .height40 { height: 40px; }
    .height40.middle { padding-top: 10px; }
    .height60 { height: 60px; }
    .height60.middle { padding-top: 20px; }
    .height80 { height: 80px; }
    .height80.middle { padding-top: 30px; }
    .height100 { height: 100px; }
    .height100.middle { padding-top: 40px; }
    .height120 { height: 120px; }
    .height120.middle { padding-top: 50px; }
    .height140 { height: 140px; }
    .height140.middle { padding-top: 60px; }
    .left { text-align: left; }
    .right { text-align: right; }
    .right-float { float: right !important; }
    .center {
        margin: auto;
        text-align: center;
    }

    .radius_tl {
        border-top-left-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -ms-border-top-left-radius: 3px;
        -o-border-top-left-radius: 3px;
    }
    
    .radius_tr {
        border-top-right-radius: 3px;
        -moz-top-right-border-radius: 3px;
        -webkit-top-right-border-radius: 3px;
        -ms-top-right-border-radius: 3px;
        -o-top-right-border-radius: 3px;
    }
    
    .radius_bl {
        border-bottom-left-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -ms-border-bottom-left-radius: 3px;
        -o-border-bottom-left-radius: 3px;
    }
    
    .radius_br {
        border-bottom-right-radius: 3px;
        -moz-bottom-right-border-radius: 3px;
        -webkit-bottom-right-border-radius: 3px;
        -ms-bottom-right-border-radius: 3px;
        -o-bottom-right-border-radius: 3px;
    }

/* -----------------------------------------
   Masque image+lien
----------------------------------------- */

.view {
   margin: 0;
   padding: 0 0 !important;
   width: 100%;
   overflow: hidden;
   position: relative;
   cursor: pointer;
   /*border: 1px solid #777777 !important;*/
}

.view .mask {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   text-align: center;
   top: 0;
   left: 0;
}
.view a.mask_location {
   display: block;
   width: 21px;
   height: 33px;
   /* background-image: url('../../images/elements/icone-localisation-petit-blanc.png'); */ 
   position: absolute;
   top: 50% !important;
   left: 50%;
   margin-top: -36px;
   margin-left: -10px;
}
.view a.mask_abo {
   display: block;
   width: 32px;
   height: 32px;
   /* background-image: url('../../images/elements/icone-abonnements-petit-blanc.png'); */ 
   position: absolute;
   top: 50% !important;
   left: 50%;
   margin-top: -36px;
   margin-left: -16px;
}
.view a.mask_centre {
   display: block;
   width: 100%;
   color: #fff;
   text-decoration: none; 
   position: absolute;
   top: 50% !important;
   background: none;
}

.view table tr td {
	padding: 15px 10px;
}
   
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   opacity: 0;
   background-color: rgba(0,0,0, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   opacity: 1;
}
.view-first .mask1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   opacity: 0;
   background-color: rgba(0,0,0, 0.3);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.view-first:hover .mask1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   opacity: 1;
}

.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   opacity: 1;
}

/*
CUSTOM TARIF BOX
*/
    .box_content h1{
        margin-top: 0 !important;
        margin-bottom: 30px !important;
        font-size: 32px !important;
    }
    .box_content h2.titre_abo{
        margin-bottom: 20px !important;
        font-size: 26px !important;
        font-weight: bold; 
    }
    .box_content h3.titre_abo_nomargin{
        margin-bottom: 10px;
        font-size: 18px !important;
        font-weight: bold; 
    }
    .box_content span.text_abo{
        display: inline-block;
        margin-bottom: 25px;
        font-size: 12px !important;
        color: black;
    }
    .box_content span.text_abo_nomargin{
        display: inline-block;
        margin-bottom: 0;
        font-size: 12px !important;
        color: black;
    }