/*--------------------------------------------------------------
		SPECIFIC STYLES
--------------------------------------------------------------*/
@media screen {

    /* Début popup connexion */
    #connexion {
        z-index: 200;
        position: absolute;
        height: 275px;
        width: 600px;
        top: 70px;
        left: 50%;
        margin-left: -325px;
        text-align: left;
        padding: 10px;
        background: rgba(0, 0, 0, 0.3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
    }

    #connexion_content {
        padding: 15px;
        background: white;
        overflow: hidden;
        height: 243px;
        border: 1px solid #7E7E7E;
    }
    /*Caldner left cursor background color*/
    /*.dxeButtonEditButton_PlasticBlue {
        padding: 0px;
        background: #00AAE8;
        border: 1px Solid #00AAE8;
    }*/
    #connexion .border-right {
        border-right: 1px solid #E9E9E9;
        width: 239px;
        margin-right: 20px;
    }

    .colonneConnexion h2 {
        color: #00175C;
    }

    .colonneConnexion label {
        margin-bottom: 4px;
    }

    .formulaireConnexion label {
        color: #00175C;
        display: block;
        font-weight: bold;
    }

    #form-contact input.submit,
    input.submit {
        font: normal 11px Verdana, Tahoma, 'Helvetica Neue', Arial, sans-serif;
        border: 0;
        background: #007b68;
        color: white;
        width: 100px;
        height: 23px;
        clear: both;
        cursor: pointer;
        padding-top: 0;
        margin: 0;
    }

    #connexion a.button {
        margin-top: 2px;
        clear: both;
    }


    .formulaireConnexion input.submit {
        background: #003D9F;
        padding-top: 1px;
        height: 27px;
    }
    /* Fin popup connexion */

    /*Debut ajout PCD 20042010 */
    /******************************/
    /* Annuler lien sur Voi le site du CCO */
    .lienNonUnder {
        text-decoration: none;
    }

        .lienNonUnder:hover {
            text-decoration: underline;
        }
    /**********************************************************
			POPUP LIGHTBOX
	**********************************************************/


    #ieframe, .lightbox_content, .lightbox {
        display: none;
    }

    .lightbox {
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        position: fixed;
        z-index: 100;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background: white;
    }

    * html .lightbox {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }

    /* Début popup de présentation d'une démo */
    #videodemo {
        z-index: 200;
        position: absolute;
        height: 480px;
        width: 632px;
        top: 50px;
        left: 50%;
        margin-left: -325px;
        text-align: left;
        padding: 10px; /* 			background: #000; */
        background: rgba(0, 0, 0, 0.3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000)";
        zoom: 1;
    }

    #videodemo_content {
        padding: 15px;
        background: white;
        overflow: hidden;
        height: 447px;
        border: 1px solid #7E7E7E;
    }
    /* Fin popup de présentation d'une démo */

    /* Début popup lire la suite.... lors d'un clic bandeau Flash */
    #optimissions, #dadsu {
        z-index: 200;
        position: absolute;
        height: 300px;
        width: 700px;
        top: 50px;
        left: 50%;
        margin-left: -350px;
        text-align: left;
        padding: 10px;
        background: rgba(0, 0, 0, 0.3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000)";
        zoom: 1;
    }

    #optimissions_content, #dadsu_content {
        padding: 15px;
        background: white;
        overflow: hidden;
        height: 267px;
        border: 1px solid #7E7E7E;
    }

        #optimissions_content ul li, #dadsu_content ul li {
            background: transparent url('../img/layout/puces/carres/vi.png') 0 5px no-repeat;
            list-style-image: none;
            list-style-type: none;
            padding-bottom: 5px;
            padding-left: 15px;
        }

        * html #optimissions_content ul li {
            background: transparent url('../img/layout/puces/carres/vi.png') 0 5px no-repeat;
        }

        * + html #optimissions_content ul li {
            background: transparent url('../img/layout/puces/carres/vi.png') 0 5px no-repeat;
        }

        * html #dadsu_content ul li {
            background: transparent url('../img/layout/puces/carres/vi.png') 0 5px no-repeat;
        }

        * + html #dadsu_content ul li {
            background: transparent url('../img/layout/puces/carres/vi.png') 0 5px no-repeat;
        }


    /* Début popup d'affichage de la carte Google map */

    #googlemap {
        z-index: 200;
        position: absolute;
        height: 650px;
        width: 740px;
        top: 50px;
        left: 50%;
        margin-left: -325px;
        text-align: left;
        padding: 10px;
        background: rgba(0, 0, 0, 0.3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000)";
        zoom: 1;
    }

    #googlemap_content {
        padding: 15px;
        background: white;
        overflow: hidden;
        height: 600px;
        border: 1px solid #7E7E7E;
    }

    /* Fin popup d'affichage de la carte Google map */


    /* Fin popup lire la suite... */

    .submitParagraphe {
        margin-top: 17px;
        margin-bottom: 20px;
    }

    .fermer {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    #ieframe {
        z-index: 50;
        position: fixed;
        top: 0;
        left: 0;
        background-color: transparent;
        border: none;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        height: 100%;
        width: 100%;
    }

    * html #ieframe {
        /* ie6 hack */
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }

    span.utilisateur {
        font-size: 11px;
        font-weight: normal;
        color: black;
    }


    /*fin ajout pcd */
    /**********************************************************
			HOMEPAGE
	**********************************************************/

    .homepage #content {
        margin-top: 0;
    }

    .homepage #flash {
        margin-bottom: 5px;
        height: 190px;
        width: 940px;
    }

    a#sidebar-visuel {
        display: block;
        width: 190px;
        height: 0;
        font-size: 1em;
        padding-top: 106px;
        text-indent: -2000px;
        overflow: hidden;
        background: url('../images/layout/sidebar-visuel.jpg') 0px 0px no-repeat;
    }

        a#sidebar-visuel:hover {
            background-position: 0px -106px;
        }

    a.acrobat {
        padding-right: 22px;
        padding-bottom: 3px;
        background: transparent url('../img/layout/pictos/page_white_acrobat.png') 100% 0% no-repeat;
    }

    ul.medium li h3.hover {
        text-decoration: underline;
    }

    .fondblanc {
        background: white;
        padding: 10px 18px;
    }

    /* #flash
	{
		margin-top: -1em;
	} */

    /* ajout JLR : selection ligne tableau */
    .TextBoxZoom {
        /*margin-right:2px;*/
    }

    .TextBoxPopupZoom {
        width: 93%;
        float: none;
    }

    .ZoomPopup {
        /* Inspiré de la classe CSS "ui-widget-content" de JQuery-UI */
        border: 1px solid #a6c9e2;
        background: #fcfdfd;
        color: #222222; /* Inspiré de la classe CSS "ui-corner-all" de JQuery-UI */
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; /* Inspiré de la classe CSS "ui-dialog" de JQuery-UI */
        position: relative;
        padding: .2em;
        width: 300px;
    }

    .ZoomPopupBG {
        /* Inspiré de la classe CSS "ui-widget-overlay" de JQuery-UI */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #aaaaaa;
        opacity: .30;
        filter: Alpha(Opacity=30);
    }

    .popupConfirmSite {
        z-index: 1000;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .popupConfirmation {
        position: relative;
        z-index: 1001;
        border: 1px solid #a6c9e2;
        background: #fcfdfd;
        margin: auto;
        color: #222222;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: .2em;
        width: 400px;
        top: 200px; /*display:none;*/
    }

    table.vtable tr.gridView_RowSelect td {
        background-color: #AAAAAA;
    }


    table.vtable tr.gridView_RowSurvol td {
        background-color: #DFE3F6;
    }

    table.vtable tr.gridView_RowSurvol_Selectable td {
        cursor: pointer;
    }

    table.vtable tr.gridView_RowSurvol_Selectable.gridView_RowSelect td {
        background-color: #AAAAAA;
        color: white;
        cursor: pointer;
    }

    table.vtable img.asc {
        background: transparent url(../img/layout/sort-up.png) no-repeat scroll 0 0;
        height: 5px;
        width: 9px;
    }

    table.vtable img.desc {
        background: transparent url(../img/layout/sort-down.png) no-repeat scroll 0 0;
        height: 5px;
        width: 9px;
    }

    .SuggestBoxAdherent li {
        width: 400px;
    }

    /* Ajout par ED  */
    /* Note - GVS : l'"orange" est-il aussi orange dans les autres thèmes ? */
    span.orangey {
        color: #F29400;
    }

    /* Taille de police plus reduite pour contourner le pb d'affichage des ddl tronquées en 1024 */
    .ddlFontMinimize {
        font-family: Arial;
        font-size: 1em;
        font-weight: bolder;
    }

    .ddlWidthMinimize {
        max-width: 380px;
        min-width: 150px;
    }

    * html #content select.ddlWidthMinimize {
        width: expression(document.body.clientWidth > 1024 ? "auto" : "150px");
    }

    * + html #content select.ddlWidthMinimize {
        width: expression(document.body.clientWidth > 1024 ? "auto" : "150px");
    }


    /* Champ disable avec fond gris sous IE */
    input[type=text][disabled] {
        background: #F1F1F1;
    }


    /* Pour figer la largeur de la textbox dans un customdate */
    .textBoxDate {
        width: 70px;
    }

    /* Gestion de l'affichage des liste */
    .CompletionList {
        font-size: 10px;
        color: #000;
        z-index: 120;
        margin: 0px;
        padding: 3px;
        overflow: auto;
        background-color: #FFFFFF;
        cursor: pointer;
        border: solid 1px #444444;
        overflow: auto;
        visibility: hidden;
    }


        .CompletionList li {
            padding: 0px 0px;
            list-style-type: none;
            list-style-image: none;
            padding: 2px;
        }

    .CompletionListItem {
        background-color: #FFFFFF;
    }

    .CompletionListHighlighted {
        background-color: #D1D4E0;
    }

    /* Zones de saisie spécifique dans repetar */
    .montantTab {
        text-align: right; /*border-style:none;*/
        float: right;
    }

    .dateTab {
        width: 70px;
    }

    .dateTabGen {
        width: 150px;
    }

    /* POPUP */
    #popup, #PopupAutocomplete, .popup {
        width: 400px;
        background-color: #f1f1f1;
        border: 1px solid #3AB9E2;
    }

    #popup_titre {
        text-align: left;
        line-height: 30px;
        margin: 2px 2px 2px 2px;
        padding-left: 15px;
        background-color: #223E99;
        color: #FFFFFF;
    }

    #popup_content {
        width: 100%;
        margin: 0 0 1em 0;
        padding: .5em 1.4em 1.4em;
        font-weight: normal;
        color: #000;
    }

    p.popup_trait {
        border-bottom: 1px solid #3AB9E2;
        margin: 0 2px 20px 2px;
    }
    /*
	.popup_header
	{
		position:relative;
		height:31px;
		text-indent:3px;
		line-height:31px;
		font-weight:bold;
		color:#fff;
		background:#f1f1f1 url(../../Ressource/Images/table_header_small.jpg) repeat-x top;
	}
	*/
    .popup_content {
        position: relative;
        font-weight: bold;
        padding: 20px 7px 20px 7px;
        text-align: center;
    }

    .popup_background {
        background-color: Black;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    /* Positionnement Boutons actions (Deconnexion) */
    #useractions {
        margin: 0 0 1em;
        position: absolute;
        top: 50px;
        right: 0;
        float: right;
        text-align: right;
    }

        #useractions li {
            margin: 0 1em 0 0;
            display: inline;
        }

    input.positive[type="submit"][disabled] {
        cursor: inherit; /*display:none;*/ /*visibility:hidden;*/
        background-color: GrayText;
    }

    .disabledClass input {
        background-color: GrayText;
    }

    /* Affichage d'un libelle "et le" pour une information "date comprise entre" */
    .dateComprise {
        text-align: center;
        font-weight: bold;
    }

    /* colonnes spécifiques dans les tableau */
    /* nombres */
    .colonne-nombre {
        text-align: right;
        white-space: nowrap;
    }

    .colonne-date {
        min-width: 90px;
        text-align: right;
    }

        /* Bidouille pour IE */
        .colonne-date .dxeButtonEdit {
            width: 90px !important;
        }

    .colonne-cachee-exportee {
        display: none;
    }

    /* theme des onglets : */
    /* inspiré de http://forums.asp.net/p/1115645/1728379.aspx */

    /* default layout */
    .ajax__tab_default .ajax__tab_header .ajax__tab_tab {
        white-space: nowrap; /* Ajout du white-space dans .ajax__tab_tab  pour le problème de chevauchement */
    }

    .ajax__tab_default .ajax__tab_outer {
        display: -moz-inline-box;
        display: inline-block;
        height: 31px;
    }

    .ajax__tab_default .ajax__tab_inner {
        display: -moz-inline-box;
        display: inline-block;
    }

    .ajax__tab_default .ajax__tab_tab {
        margin-right: 4px;
        overflow: hidden;
        text-align: center;
        cursor: pointer;
        display: -moz-inline-box;
        display: inline-block;
    }

    /* xp theme */
    .ajax__tab_xp2 .ajax__tab_header {
        background: url(../img/tabs/tab-line.gif) repeat-x bottom;
    }

    .ajax__tab_xp2 .ajax__tab_outer {
        background: url(../img/tabs/tab-right.gif) no-repeat right;
        height: 21px;
    }

    .ajax__tab_xp2 .ajax__tab_inner {
        padding-left: 3px;
        background: url(../img/tabs/tab-left.gif) no-repeat;
    }

    .ajax__tab_xp2 .ajax__tab_tab {
        height: 13px;
        padding: 4px;
        margin: 0;
        background: url(../img/tabs/tab.gif) repeat-x;
    }

    .ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {
        background: url(../img/tabs/tab-hover-right.gif) no-repeat right;
    }

    .ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {
        background: url(../img/tabs/tab-hover-left.gif) no-repeat;
    }

    .ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {
        background: url(../img/tabs/tab-hover.gif) repeat-x;
    }

    .ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {
        background: url(../img/tabs/tab-active-right.gif) no-repeat right;
    }

    .ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {
        background: url(../img/tabs/tab-active-left.gif) no-repeat;
    }

    .ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {
        background: url(../img/tabs/tab-active.gif) repeat-x;
    }

    .ajax__tab_xp2 .ajax__tab_body {
        padding: 8px;
    }

    /* scrolling */
    .ajax__scroll_horiz {
        overflow-x: scroll;
    }

    .ajax__scroll_vert {
        overflow-y: scroll;
    }

    .ajax__scroll_both {
        overflow: scroll;
    }

    .ajax__scroll_auto {
        overflow: auto;
    }


    /* Bandeau Flash sur la page d'accueil */
    #flash {
        margin-bottom: 5px;
        height: 190px;
        width: 940px;
    }

    /* Page d'aide alimentée par le CMS */
    /* """""""""""""""""""""""""""""""" */
    .AideSommaire ul li {
        list-style-image: url(../img/layout/bullets/squares/orangey.png);
    }

        .AideSommaire ul li.active {
            list-style-image: url(../img/layout/bullets/arrows/orangey.png);
        }

    h1.AideTitre {
        /* Reprise de la CSS du h3 dans b_typo */
        font: 200 1.8em/1.1 'Helvetica Neue', Arial, Helvetica, sans-serif;
        margin-bottom: .666667em;
        color: #333;
    }

    .AideContenu h1 {
        font-size: 1.5em;
        color: #04378B;
        font-weight: bold;
        line-height: 1.5em;
        margin-bottom: 0.5em;
    }

    .AideContenu h2 {
        font-size: 1.5em;
        color: #ED7F27;
    }

    .AideContenu h3 {
        font-size: 1em;
        color: #04378B;
        font-style: italic;
    }


    /**********************************************************
			E-BILLING
	**********************************************************/
    .EBEtapes UL {
        padding: 0;
    }

    .EBEtapes li {
        list-style: none none;
        margin: 0;
        padding-left: 18px;
    }

        .EBEtapes li.active {
            /* list-style-image: url('../img/layout/bullets/arrows/orangey.png'); */
            background-image: url('../img/layout/bullets/arrows/orangey.png');
            background-position: left center;
            background-repeat: no-repeat;
            font-weight: bold;
        }

    .EBEtapesTitre div {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }

        .EBEtapesTitre div span {
            color: #BFB9B7;
            font-size: 1.6em;
            margin-right: 10px;
        }

            .EBEtapesTitre div span.active {
                color: #223E99;
            }

    .EBMasterContenu div.EBinfo {
        background: url(../img/layout/pictos/information.png) no-repeat 0 3px;
        padding-left: 25px;
        padding-bottom: 10px;
        font-size: 1.2em;
    }

    Div.EBinfo UL {
        padding-left: 0;
    }

        Div.EBinfo UL LI {
            background-image: url('../img/layout/bullets/squares/orangey.png');
            background-repeat: no-repeat;
            background-position: left center;
            list-style: none;
            list-style-image: none;
            margin-left: 0;
            padding-left: 20px;
        }

    /* Classe CSS appliquée au TdB E-billing */
    .EBTdB {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

        .EBTdB .fakelabel {
            width: 40px;
        }

        .EBTdB label {
            text-align: left;
        }

        .EBTdB .tooltip {
            float: left;
            margin-right: 20px;
        }

    /* Classe CSS appliquée en cas d'affiliation d'un assuré sur la période de la déclaration */
    .EBAffSurPer, table.vtable tbody td.EBAffSurPer {
        background-color: Green;
        color: White;
    }
    /* Classe CSS appliquée en cas de radiation d'un assuré sur la période de la déclaration */
    .EBRadSurPer, table.vtable tbody td.EBRadSurPer {
        background-color: Red;
        color: White;
    }
    /* Carrés de légende correspondants */
    div.EBAffSurPer, div.EBRadSurPer {
        height: 1em;
        width: 2em;
        float: left;
        margin-right: 15px;
        margin-top: 2px;
    }

    /* Caché par défaut, deviendra visible au survol par jQuery */
    .survol {
        visibility: hidden;
    }


    .pave {
        border: solid 2px #223E99;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .pave p {
            margin-bottom: 0px;
        }

    div.pave.coll div.collE {
        font-size: 1em;
        font-weight: normal;
        color: White;
        margin-bottom: 10px;
    }

    div.pave.collP div.collE /* Position Pliée */ {
        cursor: pointer;
        padding-left: 30px;
        background: #223E99 url(../../../Ressources/img/Plus.png) no-repeat 5px 0px;
    }

    div.pave.collD div.collE /* Position Dépliée */ {
        cursor: pointer;
        padding-left: 30px;
        background: #223E99 url(../../../Ressources/img/Moins.png) no-repeat 5px 0px;
    }

    div.flagFiltre {
        float: right;
        width: 18px;
        height: 16px;
        background: url(../img/layout/pictos/71.png) no-repeat;
    }


    /* Ecran Liste des projets */
    /* """"""""""""""""""""""" */

    .CodePosition_40 {
        background-color: #8DB6FF;
    }

    .CodePosition_50 {
        background-color: #ECB3CA;
    }

    /* Saisie de montants */
    /* """""""""""""""""" */

    .numericInt, .numeric, .numericSimple {
        text-align: right;
    }

    .textalign-center {
        text-align: center;
    }

    /* Ecran Devis Financement */
    /* """"""""""""""""""""""" */

    td.paddingHeader {
        padding-left: 4px;
        padding-right: 0;
    }

    td.largeurNoOrdrePalier {
        width: 30px;
    }

    td.largeurCommandColumn {
        width: 50px;
    }

    td.textAlignCenter {
        text-align: center;
    }

    /* Ecran Devis Assurance Detail */
    /* """"""""""""""""""""""" */

    input.pourcentage {
        width: 35px;
    }

    /* Coordonnées */
    /* """""""""""""""""" */
    input.adresse {
        width: 250px;
    }

    input.email, .email input {
        width: 200px;
    }

    input.codepostal {
        width: 45px;
        margin-right: 10px;
    }

    input.ville {
        width: 180px;
    }

    /* Offre concurrente */
    /* """""""""""""""""" */
    p span.cbxMotifRefus label {
        width: auto;
        font-weight: normal;
    }

    /*balise de fin de @media screen*/
}