﻿@import url("css/menu.css");

/* CSS Document */
body {
    background: transparent url(Images/bg_2.png) repeat-x;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/* ControlPanel style */
.ControlPanel {
    background: transparent;
    border: none;
    padding-bottom: 10px;
    width: 940px;
    margin: 0 auto;
}

.cpanel_left {
    background: url(images/cpanel_left.png) no-repeat bottom left;
    padding-left: 21px;
}

.cpanel_right {
    background: url(images/cpanel_right.png) no-repeat bottom right;
    padding-right: 33px;
}

/*-------- Default Style --------*/
body, th, td, div, p, table, h1, h2, h3, h4, h5, h6.Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover, input {
    font-family: Arial, Helvetica, sans-serif;
}

body, th, td, div, p, table, .Normal, .NormalDisabled, a:link, a:visited, a:hover {
    color: #2E3D47;
    font-size: 12px;
}

p {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    /*line-height: 1em;*/
    line-height: 1.2em;
}

    h1, h2, h3, h5, h1 input {
        font-weight: bold;
    }

h4, h6 {
    font-weight: normal;
}

h1, h2, h1 input {
    margin: 10px 0;
    color: #375162;
}

    h1, h1 input {
        /*font-size: 28px;*/
    }

h1 {
    display: block;
    border-bottom: solid 1px #c0c0c0;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
    color: #FF6600;
}

h4 {
    font-size: 18px;
}

h5, h6 {
    font-size: 12px;
    margin: 6px 0;
}

a, a:link, a:visited, a:active {
    color: #3E81B5;
    text-decoration: none;
    font-weight: normal;
}

    a:hover {
        color: #D00;
        text-decoration: underline;
    }

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox {
    font-family: Arial, Helvetica, sans-serif;
}

.Head {
    font-size: 16px;
    color: #2E3D47;
    font-weight: bold;
}

.SubHead {
    font-size: 14px;
    color: #4C6171;
}

.SubSubHead {
    font-size: 12px;
    color: #6E8AA0;
}

.NormalRed {
    color: #F00;
}

/*Lists */
.Normal ul li {
    /*list-style-image: url(Images/Puce_1.png);*/
}

.Normal ol {
    font-weight: bold;
}

    .Normal ol li {
        font-weight: normal;
    }

ul.AcoleaList li {
    list-style-image: url(Images/Puce_1.png);
}

/*Datagrids */
.DataGrid_Container {
    margin-top: 15px;
}

.DataGrid_Header {
    font-weight: bold;
}

    .DataGrid_Header td, .NormalBold td {
        font-weight: bold;
    }


.clear_float {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
}

/* ------- FileManager -------*/
div.FileManager {
    height: auto;
    border: none;
}

table.FileManager {
    width: 99%;
}


a.CommandButton:link, a.CommandButton:visited {
    color: #CB2027;
    font-weight: bold;
    text-decoration: none;
}

a.CommandButton:hover {
    color: #3E81B5;
    text-decoration: underline;
}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited {
    color: #3E81B5;
}

.ControlPanel a.CommandButton:hover {
    color: #CB2027;
    text-decoration: underline;
}

.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead {
    font-size: 11px;
}

/*------------ Breadcrumb Style --------------*/
#breadcrumb {
    /*width: 957px;*/
    margin-bottom: 20px;
    padding: 0 0 0 13px;
    float: left;
}

.top_breadcrumb {
    /*background : #abcdef  url(Images/bg_breadcrumb.png) repeat-x top left;*/ /*margin-left : 15px ;*/
    height: 20px;
    float: left;
    width: 950px;
}


.bc_separator {
    position: relative;
    top: 4px;
    margin: 0px 4px;
}

.Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:active, a.Breadcrumb:visited {
    position: relative;
    top: 3px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.8em;
    font-weight: normal;
    color: #003366;
    padding: 5px 0 0 0;
}

a.Breadcrumb:hover {
    color: #C00;
}

/*-------------- Link Style --------------*/
.linkscontainer {
    padding-top: 20px;
    text-align: center;
}

.links, a.links:link, a.links:active, a.links:visited {
    font-weight: bold;
    color: #3E81B5;
    text-transform: uppercase;
}

a.links:hover {
    color: #C00;
}

/*-------------- Login Style --------------*/
#connect {
    float: right;
    padding-right: 15px;
}

.user, a.user:link, a.user:active, a.user:visited {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.8em;
    font-weight: normal;
    color: #003366;
}

a.user:hover {
    color: #C00;
}



/*-------------- Footer Style --------------*/
.footer, a.footer:link, a.footer:active, a.footer:visited {
    text-align: center;
    color: #3E81B5;
}

a.footer:hover {
    color: #C00;
}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane {
    width: 0;
    padding: 0;
    margin: 0;
}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer {
    position: relative;
    white-space: nowrap;
}

div.SearchBorder {
    width: 180px;
    height: 20px;
    border: solid 1px #e0e0e0;
    float: left;
    background-color: White;
    white-space: nowrap;
    margin-top: 2px;
}

div.SearchContainer a {
    padding: 0px;
    display: block;
    float: left;
}

    div.SearchContainer a img {
        padding-left: 5px;
    }

div.SearchIcon {
    float: left;
    width: 31px;
    height: 20px;
    cursor: pointer;
    z-index: 11;
    background: no-repeat 2px 2px;
    text-align: right;
}

    div.SearchIcon img {
        margin-top: 3px;
    }

input.SearchTextBox {
    float: left;
    z-index: 10;
    border: 0px;
    width: 130px;
    height: 18px;
    margin-left: 3px;
    color: #43494D;
}

#SearchChoices {
    clear: both;
    display: none;
    border: solid 1px #C3D4DF;
    z-index: 2000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #F3F7FA;
    position: absolute;
    top: 22px;
    left: 0px;
}

    #SearchChoices li {
        cursor: pointer;
        margin: 0;
        padding: 2px 2px 0 2px;
        padding-left: 25px;
        height: 18px;
        text-align: left;
        background-color: #F3F7FA;
        background-repeat: no-repeat;
        background-position: 2px center;
        list-style: none;
        list-style-image: none;
        border: none;
        display: block;
    }

        #SearchChoices li.searchHilite {
            background-color: #CE0D0D;
            color: #ffffff;
            border: none;
        }

        #SearchChoices li.searchDefault {
            background-color: #F8FAFF;
            border: none;
        }

/*------------ Footer Style --------------*/
#footer {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0;
}

#terms_style {
    width: 49%;
    float: left;
}

#copy_style {
    width: 49%;
    float: right;
}

/*-------------Style G�n�ral-------------*/
#AcoleaTemplate_left {
    margin: 0 auto;
    width: 970px;
    padding: 0;
    background: Transparent url(Images/c2_left.png) repeat-y top left;
}

#AcoleaTemplate_right {
    background: transparent url(Images/c2_right.png) repeat-y top right;
}

#AcoleaTemplate {
    margin: 0 auto;
    width: 956px;
    padding: 0;
}

#AcoleaFooter_left {
    margin: 0 auto;
    height: 25px;
    width: 970px;
    padding: 0;
    background: Transparent url(Images/c2_bg.png) no-repeat top left;
}

#AcoleaFooter_right {
    height: 25px;
    background: transparent url(Images/c2_bd2.png) no-repeat top right;
}

#AcoleaFooter {
    height: 25px;
    margin: 0 20px 25px 22px;
    width: 926px;
    padding: 0;
    background: transparent url(Images/c2_bottom.png) repeat-x top left;
}

#header {
    /*    margin: 0 0 0 15px;*/
    width: 950px;
    height: auto;
    padding: 0;
}


#nav {
    /*margin: 0px 0 0px 15px;*/
    background: #003366 url(Images/bg_ss_nav.png) repeat-x top left;
    width: 956px;
    height: 20px;
    padding: 0;
    float: left;
    display: inline;
}

#sous_nav {
    float: left;
    width: 942px;
    margin: 0 0 0 7px;
    padding-top: 15px;
    background-color: #FFFFFF;
}

#center {
    /* margin: 0 15px;*/
    float: left;
    width: 932px;
    padding: 0 5px;
    margin-left: 7px;
    background-color: #FFFFFF;
}

.Logo {
    float: left;
    margin: 5px 0 0 15px;
    width: 255px;
}

.BannerPane {
    color: #FFF;
    float: right;
    margin-left: 10px;
    width: 600px;
    margin: 0px 0 0 30px;
    height: 69px;
}

    .BannerPane .SubHead, .BannerPane .Normal {
        color: #FFF;
        font-family: Segoe Print;
        font-size: 1.1em;
        font-weight: Bold;
    }

    .BannerPane .DNN_HTMLContent {
        padding: 25px 0px;
    }

.Bandeau {
    background-image: url(Images/Tab-menu.png);
    width: 956px;
    height: 69px;
    float: left;
}


    .Bandeau h2 {
        color: #FFF;
        font: Arial, Helvetica,sans-serif;
        margin: 2px 0 0 15px;
    }


.ModuleTitle_MenuItem {
    border: 0px;
}


/* Styles pour FCKEditor*/

.FCK_blue {
    color: #0066cc;
}

.FCK_BlueBold {
    color: #0066cc;
    font-weight: bold;
}

.FCK_img {
    margin: 10px;
}


/* Styles pour Aricie.SimpleSignin */

.Bloc_Gauche_Contact .Head_Contact, .Bloc_Centre_Contact .Head_Message {
    color: #0066CC;
}

.Bloc_Buttons a.Submit:link, .Bloc_Buttons a.Submit:hover, .Bloc_Buttons a.Submit:visited {
    Background: #abcdef url(./Images/bt_valider_lightblue.gif) no-repeat Top Left;
}


/* Styles pour le Slider Aricie */

.aricie-slider-item h1 {
    margin: 0px;
    line-height: 20px;
}

/*Button styles */
/*------------------------------------------------*/
/* BUTTONS STYLE */
/*------------------------------------------------*/
/* Primary Style Button (blue)*/
button.primaryButton,
a.primaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #3B96B6;
    background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9);
    background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

/* Secondary Style Button (darkgray) */
button.secondaryButton,
a.secondaryButton {
    display: inline-block;
    padding: 12px 20px;
    margin-bottom: 5px;
    background-color: #666;
    background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a);
    background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffffff;
    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

/* Alternative Style Button (darkgray with arrow) */
button.altButton,
a.altButton {
    display: inline-block;
    padding: 9px 32px 9px 22px;
    margin-bottom: 5px;
    background: #484848 url('images/arrow.png') no-repeat 87% center;
    background: url('images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
    background: url('images/arrow.png') no-repeat 87% center, -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #ffbf00;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

a.dnnPrimaryAction {
    color: #efefef;
}

a.dnnSecondaryAction {
    color: #555;
}

button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover {
    cursor: pointer;
    cursor: hand;
    background-image: none;
    background-color: #D00;
}

button.altButton:hover,
a.altButton:hover {
    cursor: pointer;
    cursor: hand;
    background: #D00 url('images/arrow.png') no-repeat 87% center;
}
