/* INTERNAL CSS */
/* DEFAULTS
----------------------------------------------------------*/
/* bleu clair : #DEE6EB , bleu foncé :#638595 , vert : #70BF43 , vert clair : #DFEECE*/
body
{
    background: #FFF;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #635E5E;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page
{
    width: 100%;
    background-color: #fff;
    margin: 0px auto 0px auto;
}
.main, .main_popup
{
    min-height: 450px;
    margin: 25px 25px 0px 25px; /*padding-top:1px;*/ /*padding:0  25px 0 25px;*/
}
.main_popup
{
    margin: 0 !important;
    min-height: 200px !important;
    padding: 0 25px 0 25px;
}
.popup_buttons
{
    /*margin: 0 25px;*/
    padding: 0 25px;
}
.menu
{
    float: left;
    height: 35px;
    margin-left: 120px;
    margin-top: 55px;
}
#content
{
    clear: both;
    margin: 30px 0 25px;
    width: 100%; /*min-height:400px;*/
    background-color: #fff;
}
#footer
{
    clear: both;
    line-height: normal; /*margin-bottom: 5px;*/ /*margin-top: 5px;     padding-top: 20px;*/
    text-align: center;
}
.close
{
    height: 35px;
}

.td_title
{
    border-bottom: 1px solid #CCC; /* vert */ /*color: #638595; /* bleu foncé */
    font-variant: small-caps;
    margin: 0; /*padding: 6px 0 1px;*/
    padding-right: 15px;
    text-align: right;
    height: 32px;
}
.div_group, .div_group_multiple
{
    padding-left: 25px;
    padding-right: 25px;
}
.div_group
{
    padding-left: 0;
    padding-right: 0;
}
.div_group_title
{
    height: 10px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
}
.group_title
{
    padding-left: 10px;
    font-size: 15px;
    font-variant: small-caps;
    font-size: 17px;
    font-weight: bold;
}
.group_content
{
    margin: 10px 10px 25px 10px;
}
.address
{
    font-size: 15px;
    font-variant: small-caps;
}

/* MASTER PAGE HEADER 
------------------------*/
.header
{
    padding: 0px;
    background: #FFF;
    position: relative;
    height: 90px; /*background-image: url("/assets/images/back-menu-repeat-x.png");     background-repeat: repeat-x;     background-position: bottom;*/
}
.header .logo
{
    position: absolute;
    display: block;
    height: 91px;
    width: 97px;
    background: transparent url('/assets/images/pgn6_logo.png') no-repeat top left;
    margin: 5px 0 0 5px;
}
.header .logo span
{
    position: absolute;
    top: -2000px;
}
#box_logo
{
    position: absolute;
    margin-top: 5px;
    margin-left: 25px;
}
#DIV_User
{
    /*float:right;     margin:10px 10px 0px 0px;*/
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
}

/* LINKS 
---------*/

a:link, a:visited
{
    color: #635E5E; /*#638595;*/
}

a:hover
{
    color: #B7A9A9; /*#E81010;/*#70BF43;*/
    text-decoration: none;
}

a:active
{
    color: #635E5E; /*#638595;*/
}

/*AUTOCOMPLETE*/
/*.autocomplete_list
{   
    margin-top:0px !important;
    background-color: window;
    border: 1px solid buttonshadow;
    color: windowtext;
    cursor: default;
    display: none;
    left: 775px;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 187px;
    visibility: hidden;
    width: 429px;
    z-index: 1000;
}

.autocomplete_listItem
{
    background-color: highlight;
    color: highlighttext;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
}*/

/*MULTIPAGE*/
.multipage
{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #CCC;
    clear: both; /*margin-bottom: 5px;*/
    padding-bottom: -5px;
    padding-top: 5px;
    font-variant: small-caps;
    margin-top: 5px;
}
.view_on span, .view_off span
{
    margin-left: 30px; /*15px;*/
    margin-right: 30px; /*15px;*/
}
.view_on, .view_off
{
    display: inline-block;
    background-color: #fff;
    float: left;
    padding: 10px;
    margin-right: 15px;
    margin-left: 0px;
    height: 13px;
    color: #635E5E;
    font-weight: bold;
    font-size: 15px !important;
}
.view_on
{
    border-radius: 4px 4px 0px 0;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    font-weight: bold;
    padding-top: 7px;
}
.view_off
{
    border-left: 1px solid #FFFFFF; /*#F2F2F2;*/
    border-right: 1px solid #FFFFFF; /*#F2F2F2;*/
    border-top: 1px solid #FFFFFF; /*#F2F2F2;*/
    border-radius: 4px 4px 0 0;
    color: #CCCCCC !important;
    padding: 4px 15px 15px 15px;
    height: 10px !important;
}
.view_off:hover
{
    border-radius: 4px 4px 0 0;
    border-left: 1px solid #CCC; /*#635E5E;*/
    border-top: 1px solid #CCC; /*#635E5E;*/
    border-right: 1px solid #CCC; /*#635E5E;*/
    padding: 4px 15px 15px 15px;
    color: #635E5E !important;
    background-color: #F2F2F2;
}
a.view_on, a.view_off
{
    text-decoration: none;
}
a.view_on:hover
{
    color: #638595;
}
.multiBorder
{
    border-left: 1px solid #CCC;
    min-height: 300px;
    padding: 25px;
}

/*  GRIDS
-----------*/
.mGrid
{
    width: 100%;
    background-color: #FFF;
    margin: 5px 0 10px 0;
    border: solid 1px #CCC;
    border-collapse: collapse;
}

.mGrid td
{
    padding: 8px;
    background-color: #FFF;
    border: solid 1px #CCC; /*color: #003366; */
}

/*.mGrid td:hover, .mGrid tr, */.mGrid tr:hover
{
    background-color: #F2F2F2;
    color: #635E5E; /*white;*/
}

.mGrid .alt
{
    background-color: #F2F2F2;
}

.mGrid th
{
    padding: 8px 0;
    background-color: #F2F2F2;
    border: solid 1px #CCC; /*color: #000000;     background: #99CCFF;      font-size: 0.9em;          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#99CCFF'); /* for IE */ /*background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#9CF)); /* for webkit browsers */ /*background: -moz-linear-gradient(top,  #FFF,  #9CF); /* for firefox 3.6+ */
}
/*
.mGrid .alt  
{
    background: #CCCCCC;/*fcfcfc;*/
/*}

.mGrid .pgr 
{
    background: #FFFFFF; 
}

.mGrid .pgr table 
{ 
    margin: 5px 0; 
}

.mGrid .pgr td 
{ 
    border-width: 0px; 
    padding: 0 6px; 
    border: solid 1px #CCCCCC; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px;
}  

.mGrid .pgr a  
{
    color: #FFFFFF; 
    text-decoration: none;
}

.mGrid .pgr a:hover 
{ 
    color: #000; 
    text-decoration: none; 
}
 
.mGrid tr:hover
{
    background-color:#CCCCCC;
    border: solid 1px #635E5E; 
    color:#635E5E;/*white;*//*
}

End Grids */


/* ELEMENTS 
------------*/

a img
{
    border: 0px;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

.mandatory
{
    color: Red; /*#CE171D;*/
    font-style: italic;
    font-size: 11px;
}

.decor-input
{
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    height: 23px;
    line-height: 20px;
    padding: 4px 6px; /*margin-right: 5px;*/
}

input.decor-input:hover, input.decor-input:focus, textarea.decor-input:focus, textarea.decor-input:hover
{
    border: 1px solid #B7A9A9 /*#70BF43*/ !important;
    box-shadow: 0 0px 1px #70BF43 inset, 0 0 8px #B7A9A9; /*#70BF43;*/
}

input.decor-input:focus, textarea.decor-input:focus
{
    background-color: #FFF; /*#f2f1f1;/*#e6e5e5; /*#e7e2e2;/*#B7A9A9;/*#EAF7E0;*/
}
.header_user_name
{
    color: #638595;
    display: block;
    float: right;
    font-family: Arial;
    font-size: 16px;
    font-weight: bolder;
    margin-right: 10px;
    margin-top: 10px;
}
.settings
{
    clear: both;
    float: right;
    margin-right: 10px;
}



/* WAITING MESSAGE   
----------------------------------------------------------*/
#waitingMessage
{
    /* background-color: #DEE6EB; /* bleu clair : #DEE6EB , bleu foncé :#638595 , vert : #70BF43 , vert clair : #DFEECE**/ /*border: 1px solid #70BF43;*/
    display: none;
    font-weight: bold;
    left: 35%;
    padding: 30px;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 300px;
    z-index: 9999;
    color: #A4A4A4;
}
#waitingMessage #ajax-loader
{
    /*background: url("../assets/images/loading.gif") no-repeat scroll 100% center transparent;*/
    height: 50px;
    margin: 10px auto auto;
    width: 50px;
}
#waitingMessageContainer
{
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #635E5E;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* Error Message 
------------------*/

.errorMsg
{
    color: #B22222; /*red*/
}

.hideValidator
{
    display: none !important;
}

/* Response Summary 
--------------------*/

.summary-size
{
    width: 920px;
    margin: auto;
}
/*
.summary valid, .summary info, .summary error
{
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
}

.summary valid
{
    background-color: #CCFFCC;
}
.summary info
{
    background-color: #D4EEFC; /*#B5E0F7;*/ /*#9AD4F3;*/ /*#7BBAE1;*/ /*#7BB9E0;*/ /*#D4DEE5;*/ /*#B6C9D4;*/ /*#CCFFFF;*/ /*#DEE6EB;*//*
}/*
.summary error
{
    background-color: #FFDDDD;
}

.summary valid ul
{
    background: url("/assets/images/icons/summaryValid.png") no-repeat scroll 8px 0px transparent;
    color: #00B500;
    margin-left: 0;
    min-height: 32px;
    padding-left: 65px;
    list-style: none;
}

.summary info ul
{
    background: url("/assets/images/icons/summaryInfo.png") no-repeat scroll 8px 0px transparent;
    color: #635E5E;
    margin-left: 0;
    min-height: 32px;
    padding-left: 65px;
}

.summary error ul
{
    background: url("/assets/images/icons/summaryError.png") no-repeat scroll 8px 0px transparent;
    color: #B22222;
    margin-left: 0;
    min-height: 32px;
    padding-left: 65px;
}*/

/* SIMULATE FIELDSET IN DIV 
---------------------------- */

.div-fieldset, .div-fieldset-error
{
    position: relative;
    margin: 10px 0 15px 0;
    padding: 22px 22px 20px 25px;/*22px 22px 15px 25px;*/
    border-radius: 0px 4px 0px 4px;
    background-color: #fff; 
   /* width: 97%;*/
    min-height: 350px;
}

.div-fieldset
{
    border: 1px solid #CCC; /*#E91414;/*#70BF43; /* vert */
}

.div-fieldset-error
{
    border: 1px solid #B22222;
}

.div-fieldset-legend, .div-hidde-fieldset-legend
{
    font-variant: small-caps;
    display: inline;
    position: absolute;
    top: -18px;
    padding: 2px;
    background-color: #fff;
    color: #635E5E; /*#CCC;/*#A9572B;/*#B7A9A9;/* #638595; /* bleu foncé */
    font-weight: bold;
    font-size: 20px;
}

/* CLEAR FIX 
------------- */

.cf:before, .cf:after
{
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after
{
    clear: both;
}

/* HIDDEN FIELDSET 
------------------- */
.div-hidde-fieldset, .div-hidde-fieldset-error
{
    position: relative;
    margin: 10px 0 5px 0;
    padding: 0 0 15px 15px;
    background-color: #fff;
}
.div-hidde-fieldset
{
    border-top: 1px solid #70BF43; /* vert */
}
.div-hidde-fieldset-error
{
    border-top: 1px solid #B22222;
}

/* GROUPEMENT 
---------------- */

.div-group, .div-group-no-height, .div-group-no-height-error
{
    position: relative;
    padding: 15px 0 0 15px;
    background-color: #FFF;
    margin: 35px 20px 0 0;
    border-radius: 0px 0px 0px 0px;
}

.div-group, .div-group-no-height, .div-group h150
{
    border-top: 1px solid #70BF43; /* vert */
    border-left: 1px solid #70BF43; /* vert */
}

.div-group-no-height-error
{
    border-top: 1px solid #B22222;
    border-left: 1px solid #B22222;
}

.div-group
{
    min-height: 125px;
}

.h100
{
    min-height: 100px;
}

.h70
{
    min-height: 70px;
}

.h150
{
    min-height: 150px;
}

.h120
{
    min-height: 120px;
}

.h200
{
    min-height: 200px;
}

.h80
{
    min-height: 80px;
}

.div-group-legend
{
    display: inline;
    position: absolute;
    top: -25px;
    left: 0px;
    padding: 2px;
    width: 100%;
}

.button-right
{
    float: right;
}

.button-right a
{
    text-decoration: none;
}

.div-group-legend-title
{
    background-color: #fff;
    font-weight: bold;
    color: #638595; /* bleu foncé */
    vertical-align: top;
}

/* checkboxes */

.CR_checkBox
{
    margin-right: 35px;
}

.Lang_CB
{
    width: 135px;
    margin-right: 13px;
    margin-bottom: 10px;
    float: left;
    font-size: 11px;
}

.ListBox_Min-Height
{
    min-height: 25px;
}

/* Alignement des tableaux */

.align-center
{
    vertical-align: middle;
}

.align-right
{
    text-align: right;
}

/* Images */

.no-border, .no-border tr, .no-border th, .no-border td
{
    border: none !important;
}

/* min-width */
.minWidth-700
{
    min-width: 700px;
}

/* Buttons 
------------*/
.bt_connection
{
    background: url("/assets/images/icons/connection.png");
    background-repeat: no-repeat;
    background-position: left;
    text-align: right;
    padding: 5px;
    width: 50px;
}

/* container div */
.container
{
    text-align: left; /* width:95%;*/
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.bold
{
    font-weight: bold;
}

.hidden-input-file
{
    opacity: 0;
    filter: alpha(opacity = 0);
}