html {
  height: 100%;
}

input, textarea, checkbox {
    FONT: 13px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #991418;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #d4d4d4;
    border: 1px solid #CECECE;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 4px;
    background-color: #F4F4F4;
}

.message {
    margin-left: 20px;
    padding: 10px;
    font-weight: bold;
    font-size: 13px;
    background-color: #cefad5;
}

.error {
    margin-left: 20px;
    padding: 10px;
    font-weight: bold;
    font-size: 13px;
    background-color: #f4a7a7;
}

body {
    margin:0;padding:0;
    font-family: arial, geneva, helvetica, sans-serif;
    font-size: 12.7px;
    color: #333;
    background-color: #d4d4d4;
    line-height:17px;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

a:link, a:visited {
    color: #991418;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    text-decoration: underline;
    font-weight: normal;
}

input.button { cursor: pointer; }

p {
    margin-top: 0;
    margin-bottom: 5px;
}

img {
    border: 0 none;
}

.tab_white {
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}

.blog .article_separator {
    display:  none;
}

/*
#jflanguageselection {
    margin: 0;
    padding-right: 20px;
}
*/

#jflanguageselection {
/* display: none; */
}

#hr_bottom {
    width: 100%;
    margin-top: 15px;
    border-bottom: 1px solid #C4C4C4;
    padding: 0;
}

#contact_arrow {
    background: url(../images/black_arrow.gif) no-repeat 0 4px;
    margin-left: -5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 1px;
}

#trans_arrow {
    background: url(../images/trans_arrow.png) no-repeat 0 4px;
    margin-left: -5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 1px;
}

marquee {
    color: #fff;
    background-color: #262626;
    height: 25px;
    margin-right: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0;
    border-style: none;
    font-weight: normal;
}

.border_tab {
    border: 1px solid #D3D3D3;
}

.contact {
    margin-top: 10px;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 15px;
}

.contact_info {
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    font-size: 12px;
    padding-top: 14px;
    padding-left: 15px;
    padding-right: 2px;
}

.marquee {
    color: #fff;
    background-color: #262626;
    height: 25px;
    margin-right: 0;
    margin-left: 0;
    font-weight: bold;
    margin-bottom: 7px;
}

.contentpaneopen {
    margin-left: 14px;
    width: 740px;
}

.contentheading {
    color:  #991418;
    font-weight: normal;
    font-size: 26px;
    padding-bottom: 13px;
    padding-top: 10px;
    border-bottom: 1px solid #C4C4C4;
}

#intro_text {
    font-family: arial, geneva, helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    line-height:20px;
    padding: 12px 0 0;
}

h1 {
    font-size: 18px;
    color:  #991418;
    font-weight: normal;
}

h2 {
    font-family: Arial, geneva, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #4B668F;
}

h3 {
    font-family: Arial, geneva, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

.menu_outs_link {
    background-color: #f7f7f7;
}

#img_outs_aio{
    margin-left: 100px;
}
.price_tab_tab {
    border: 1px solid #9bbd62;
    width:  60%;
}

.menu_outs_tab {
    margin-top: 12px;
    width: 780px;
    height: 65px;
    border: 1px solid #D3D3D3;
    margin-left: 16px;
    margin-bottom: 9px;
}

.menu_outs_right, a.menu_outs_right:active, a.menu_outs_right:visited {
    border: 1px solid #D3D3D3;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: #f7f7f7;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 2px;
}

.menu_outs_right_hover{
    text-decoration: none;
    background-color: #FFFFFF;

    padding-left: 15px;
    padding-right: 2px;
}

.price_tab_title {
    background-color: #CAE1A3;
    padding: 6px;
    font-weight: bold;
    font-size: 13px;
}

.price_tab_txt {
    background-color: #eef4e4;
    padding: 6px;
}

.dev_txt_softs {
    color: #454545;
}

.tab_menu_in, a.tab_menu_in, a.tab_menu_in:active, a.tab_menu_in:visited {
    background-color: #991418;
    color: #FFFFFF;
}

.tab_menu_out {
    background-color: #f7f7f7;
}

.menu_link,a.menu_link, a.menu_link:active, a.menu_link:visited {
    color: #FFFFFF;
}

.dev_title_softs {
    font-family: Arial, geneva, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #DA0017;
}

.buttonheading {

    right: 10px;
    left: 10px;
    margin-left: -100px;
}

.header {
    background: url(../images/homepage-02.gif) repeat;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
}

.mainlevel, a.mainlevel, a.mainlevel:active, a.mainlevel:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background: url(../images/homepage-08.gif) no-repeat 0 3px;
}

a.mainlevel:hover{
    text-decoration: underline;
    color: #FFFFFF;
}

.mainlevelfooter, a.mainlevelfooter, a.mainlevelfooter:active, a.mainlevelfooter:visited {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    margin-right: 8px;
    font-size: 11px;
}

a.mainlevelfooter:hover{
    text-decoration: underline;
    color: #FFFFFF;
}

.componentheading {
    display:  none;

}

.mainlevelsub, a.mainlevelsub, a.mainlevelsub:active, a.mainlevelsub:visited {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    margin-right: 8px;
}

a.mainlevelsub:hover{
    text-decoration: underline;
}

.header_tagline {
    font-size: 13.5px;
    font-style: italic;
    color: #636363;
    letter-spacing: 0.5px;
}

.moduletable {
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

.copyright {
    font-size: 10px;
    color: #636363;
}

.footer {
    background-color: #991418;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
}


/**
 * Ajouté par renaud pour page messagerue
 */

#table-onglet {
    width:100%;
    margin-top:20px;
}

#table-onglet tr.onglet-click {
    height:25px;
    vertical-align:middle;
    text-align:center;

}


#table-onglet tr.onglet-click td.active {
     cursor:pointer;
     width:16%;
     background-color:#FFF;
     border:1px solid #991418;
     border-bottom:0px;
     color:#991418;
     font-weight:bold;
}

#table-onglet tr.onglet-click td {
     cursor:pointer;
     width:18%;
     background-color:#FFF;
     border:1px solid #991418;
     border-bottom:0px;
     color:white;
     background-color:#991418;
     font-weight:bold;
}

#table-onglet tr.onglet-click td.inter{
        background-color:white;
        width:2%;
        border:0px;
        border-bottom:1px solid #991418;
}

#table-onglet tr.onglet-click td.inter-board{
        background-color:white;
        width:5%;
        border:0px;
        border-bottom:1px solid #991418;
}

#table-onglet tr.onglet-click td.inter-board-end{
        background-color:white;
        width:28%;
        border:0px;
        border-bottom:1px solid #991418;
}

#table-onglet tr.content-active {
    text-align:center;
    width:100%;
    height:250px;
}

#table-onglet tr.content {
    text-align:center;
    width:100%;
    height:250px;
}

#table-onglet tr td {
    background-color:#FFF;
}

.page-onglet {
    text-align:left;
}

.page-onglet h1{
    margin-top:20px;

}

 .page-onglet p{
     text-align:justify;
}

.product-argument h2 {
    height:30px;
    margin-top:0px;
    padding-top:7px;
    margin-left:40px;
}

.product-argument  img {
    width:32px;
    height:32px;
    float:left;
}

.zarafa-listing li {
    text-align:justify;
}