*
{
    margin: 0;
    padding: 0;
}
html, body
{
    height: 100%;
}
body
{
    margin: 0;
    padding: 0;
    font: 76% Verdana, Arial, sans-serif;
    background: #efefef url("./Images/fondpage.png") repeat-y top center;
}
form
{
    min-height: 100%;
    height: auto;
}
img
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, horline
{
    margin: .5em 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6
{
    font-family: Arial, Helvetica, sans-serif; /*letter-spacing: -1px;*/
    padding-bottom: 3px; /*background-color: #969684;*/
    color: Black;
}
h1
{
    font-size: 218%;
    text-align: center;
}
h2
{
    font-size: 164%;
}
h3
{
    font-size: 145%;
    border-width: 1px;
}
h4
{
    font-size: 118%;
}
h5
{
    font-size: 100%;
    font-weight: bold;
}
h6
{
    font-size: 86%;
    font-weight: bold;
}
input, select, textarea
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    margin: 1px;
}
input[type="button"], input[type="submit"]
{
    padding: 2px 6px 3px;
}
input[type="checkbox"]
{
    padding-top: 0;
}
fieldset
{
    padding: 10px;
}

.left {
    float:left;
}
.right {
    float:right;
}

.lblForm
{
    display: block;
    float: left;
    text-align: right;
    margin-right: 5px;
    width: 130px;
    height: 15px;
    line-height: 15px;
}
label.lblForm
{
    display: block;
    float: left;
    text-align: right;
    margin-right: 5px;
    width: 130px;
    height: 15px;
    line-height: 15px;
}

a, a:visited
{
    color: #6b6b5b;
    text-decoration: none;
}
a:hover, a:active
{
    color: black; /*background-color: #969684;*/
    text-decoration: underline;
}
a.lien2, a.lien2:visited
{
    color: White;
    text-decoration: none;
}
a.lien2:hover, a.lien2:active
{
    color: White;
    background-color: Transparent;
    text-decoration: underline;
}
#container
{
    position: relative;
    min-height: 97.7%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto; /*width: 973px; 	margin: 0 auto;*/
    padding: 0 5px 0 5px;
}
html > body #container
{
    height: auto;
}
#header
{
    width: 972px;
    margin: 0 auto;
    height: 86px;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 10px;
	box-shadow: 0px 6px 13px -6px rgba(0, 0, 0, 0.2);
}
.logo
{
    position: absolute;
    top: 25px;
    margin-left: 22px;
    width: 150px;
    z-index: 500;
}
#bonjour
{
    color: White;
    height: 22px;
    width: 973px;
    margin: 0 auto;
    background-color: #979684;
    line-height: 22px;
    text-align: right;
    border-bottom: solid 1px #
}
#bonjour a
{
    color: White;
}
#bonjour span
{
    margin: 0 8px;
}
#logoff
{
    padding-top: 65px;
    text-align: right;
    float: right;
}
#help
{
    width: 972px;
    margin: 0 auto;
    text-align: right;
    padding: 0 10px;
}
.contenu
{
    width: 950px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 5px 38px 5px;
}
#footer
{
    clear: both;
    bottom: 0px;
    height: 22px;
    width: 973px;
    margin: 0 auto;
    background-color: #ffe500;
    text-align: center;
    line-height: 22px;
    font-size: 10px;
    color: #969684;
}
#footer a, #footer a:active, #footer a:visited
{
    color: Black;
    font-weight: bold;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
    background-color: Transparent;
}
#footerLinks
{
    text-align: center;
}
#footerLinks img
{
    /*width: 70px;*/
    margin: 0 8px;
    vertical-align: middle;
}
.hdextra
{
    position: absolute;
    margin-left: 285px;
    width: 110px;
    height: 65px;
}
.hdproxi
{
    margin-left: 400px;
    width: 110px;
    height: 65px;
}
.hdblancbrun
{
    position: absolute;
    width: 180px;
    height: 65px;
}
.hddomial
{
    position: absolute;
    margin-left: 182px;
    width: 158px;
    height: 65px;
}
.hdcuisineplaisir
{
    position: absolute;
    margin-left: 345px;
    width: 115px;
    height: 65px;
}
.menu
{
    position: absolute;
    top: 59px;
    width: 773px;
    padding-left: 200px;
    border-top: solid 1px #979684;
}
a.bouton, a.bouton:visited
{
    display: block;
    width: 136px;
    height: 24px;
    line-height: 22px;
    background: url("./Images/btnoffbg.png");
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    float: left;
    border: solid 1px black;
}
a.bouton:hover, a.bouton:active
{
    display: block;
    width: 136px;
    height: 24px;
    line-height: 22px;
    background: url("./Images/btnonbg.png");
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    float: left;
    border: solid 1px #679800;
}
.inputFocus
{
    background-color: #fff387;
}

.inputError
{
    background-color: #FF7676;
}
.watermark
{
    color: Gray;
    font-style: italic;
}
.centered
{
    text-align: center;
}
.centrer
{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.rouge
{
    color: Red;
}
.bleu
{
    color: blue;
}
.orange
{
    color: Orange;
}
.vert
{
    color: Green;
}
.gras
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
.divErreur
{
    background-color: #FF7676;
    border: solid 2px red;
    margin-bottom: 25px;
    padding: 5px;
}
table.tableau
{
    margin: 0 auto;
    border: solid 1px #969684;
    border-collapse: collapse;
}
table.tableau td
{
    border-left: solid 1px #969684;
    border-right: solid 1px #969684;
    padding: 2px;
}
table.tableau th
{
    padding: 3px;
}
table.tableauIncidents
{
    margin: 0 auto;
    border: solid 1px #969684;
    border-collapse: collapse;
}
table.tableauIncidents tr
{
    border-bottom: solid 1px #969684;
}
table.tableauIncidents td
{
    border-left: solid 1px #969684;
    border-right: solid 1px #969684;
    padding: 5px;
}
.entete
{
    background-color: #ffe500;
    font-weight: bold;
    color: Black;
    padding: 5px;
}
.entete a, .entete a:visited
{
    color: Black;
    text-decoration: none;
}
.entete a:hover, .entete a:active
{
    color: Black;
    background-color: Transparent;
    text-decoration: underline;
}
.ligneImpaire
{
    background-color: #e0e0da;
}
/* Ajax calendar */
table.tableau td table td
{
    border: solid 0px white;
    padding: 0;
}
.ajax__calendar_day
{
    background-color: #fff7b1;
    border: solid 0px white;
    padding: 0px;
}
/* Modal Popup */
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 10000;
}
.modalPopup
{
    background-color: white;
    border: solid 1px black;
    position: relative;
}
.modalPopup h1
{
    display: block;
    color: Black;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background-color: #ffe500;
    padding: 0;
    margin: 0 0 0.5em 0;
}
.modalPopupClose
{
    top: 0px;
    width: 99%;
    padding: 2px;
    text-align: right;
    position: absolute; /*z-index:100000;*/
}

/* Plans Achats */
.M
{
    color: Black;
    background-color: Yellow;
}
.N
{
    color: Black;
    background-color: #99ccff;
}
.S
{
    color: Black;
    background-color: Red;
}
.T
{
    color: Red;
    background-color: White;
}

/* MENU */

.menu .AspNet-Menu-Horizontal
{
}

.menu .AspNet-Menu-Vertical
{
    position: relative;
    top: 3em;
    left: 0;
    z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.menu ul
{
    background-color: Transparent;
}

/* Top tier */
.menu .AspNet-Menu-Vertical ul.AspNet-Menu
{
    width: 9em;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.menu ul.AspNet-Menu ul
{
    width: 10.5em;
    z-index: 400;
}

.menu ul.AspNet-Menu ul ul
{
    width: 11.5em;
    left: 10.4em;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.menu ul.AspNet-Menu li, .menu ul.AspNet-Menu li.AspNet-Menu-Leaf
{
    color: #666666;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    cursor: default;
}

.menu ul.AspNet-Menu li.AspNet-Menu-Leaf
{
    border-bottom: 1px solid #dcdadb;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.menu ul.AspNet-Menu li span, .menu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
}

.menu ul.AspNet-Menu li a, .menu ul.AspNet-Menu li.AspNet-Menu-Leaf a
{
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.menu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.menu ul.AspNet-Menu li:hover, .menu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    color: #9e9e9e;
}

.menu ul.AspNet-Menu li:hover a, .menu ul.AspNet-Menu li:hover span, .menu ul.AspNet-Menu li.AspNet-Menu-Hover a, .menu ul.AspNet-Menu li.AspNet-Menu-Hover span
{
    color: #9e9e9e;
}

.menu ul.AspNet-Menu li:hover li:hover a, .menu ul.AspNet-Menu li:hover li:hover span, .menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .menu ul.AspNet-Menu li:hover li:hover ul a:hover, .menu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: #9e9e9e;
    background-color: #f7f4f4;
}

.menu ul.AspNet-Menu li:hover ul a, .menu ul.AspNet-Menu li:hover ul span, .menu ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .menu ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .menu ul.AspNet-Menu li:hover li:hover ul a, .menu ul.AspNet-Menu li:hover li:hover ul span, .menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .menu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: Black;
    padding:0 15px;
    font-weight: normal;
    cursor: pointer;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.menu ul.AspNet-Menu li a:hover, .menu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
    background: transparent;
}

.menu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}


/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.menu .AspNet-Menu-Horizontal
{
    position: absolute;
    top: 0;
    z-index: 300;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 800px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 280px;
    left: -1px;
    top: 100%;
    border-left: solid 1px #dcdadb;
    border-right: solid 1px #dcdadb;
}

.menu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.menu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    /*width: 200px;*/
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    padding: 0 12px;
    text-align: center;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align: left;
    width: 280px;
    padding: 0;
    background-color: #f2efef;
}

.menu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 11.5em;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.menu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}

/* Global and per-level link styles */
.RadSiteMap a
{
    text-decoration: none;
}
.RadSiteMap .rsmLevel1 a
{
    font: normal 13px Arial,sans-serif;
}
div.RadSiteMap .rsmLevel1 .rsmItem
{
    font-size: 0.6em;
}
.Header
{
    padding-left: 20px;
    line-height: 30px;
    color: #333333;
    font-family: sans-serif;
    background-color: url(Images/backTitle.gif) no-repeat scroll 0 0;
}
.RadSiteMap .rsmLevel
{
    background: url(Images/back.gif) no-repeat scroll 0 100%;
}
.RadSiteMap .rsmTemplate, .ContentHolder span
{
    zoom: 1;
}
.RadSiteMap .rsmList .rsmItem
{
    padding: 0 0 3px;
}

div.RadSiteMap_Default .rsmLink, div.RadSiteMap_Default .rsmTemplate
{
    border: 0;
}

div.RadSiteMap .rsmLink, div.RadSiteMap .rsmTemplate, div.RadSiteMap .rsmTwoLevels .rsmTemplate, div.RadSiteMap .rsmLevel1 .rsmLink, div.RadSiteMap .rsmLevel1 .rsmTemplate, div.RadSiteMap .rsmLevel1 .rsmFlow
{
    margin: 0;
    padding: 0;
    border: 0;
}
/* RadSiteMap1 */
#SiteMap1 .rsmLevel
{
    background: none;
}
#SiteMap1 .rsmLevel > li.rsmItem
{
    margin-bottom: 4px;
    padding-bottom: 7px;
}
#SiteMap1 .Header
{
    width: 75%;
    background: linear-gradient(#979684, #ededed);
    border-top: solid 1px #979684;
    border-left: solid 1px #979684;
    border-right: solid 1px #979684;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 120%;
    margin: 0 auto;
    padding: 0;
    color: #fff;
    height: 32px;
    line-height: 32px;
}
#SiteMap1 .Header span
{
    padding-left: 20px;
}
#SiteMap1 ul.rsmLevel1
{
    width: 75%;
    margin: 0 auto;
    background-color: #ededed;
    border-bottom: solid 1px #979684;
    border-left: solid 1px #979684;
    border-right: solid 1px #979684;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
#SiteMap1 .rsmLevel1 a
{
    padding-left: 20px;
    color: #333333;
}
#SiteMap1 .rsmLevel1 a:hover
{
    color: white;
    background: none #979684;
}
#SiteMap1 .rsmLevel1 .rsmDisabled a
{
    color: #CCC;
}

/* désactiver les liens */
#SiteMap1 .rsmLevel1 .rsmDisabled a:hover
{
    color: #CCC;
    cursor: default;
}
#SiteMap1 .rsmLevel1 .rsmItem
{
    min-height: 19px;
    margin-bottom: 1px;
    padding-left: 0px;
}
.infos
{
    background: #D8D8D0 url(Images/info.png) no-repeat 10px 15px; /*height:70px;*/
    width: 350px;
    padding-left: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 146px;
}
/*---------*/
/* TELERIK */
/*---------*/
.RadScheduler .rsHeader h2
{
    color: White;
}
/********Prévisionnel*******/
.RadScheduler .AppointmentStyleValideCommOuiPrev .rsAptContent
{
    background: #4C914C url(Images/info18.gif) no-repeat 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.RadScheduler .AppointmentStyleValideCommNonPrev .rsAptContent
{
    background: #4C914C;
}
.RadScheduler .AppointmentStyleNonValideCommOuiPrev .rsAptContent
{
    background: #AFF5AF url(Images/info18.gif) no-repeat 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.RadScheduler .AppointmentStyleNonValideCommNonPrev .rsAptContent
{
    background: #AFF5AF;
}
.RadScheduler .AppointmentStyleValideCongePrev .rsAptContent
{
    background: #4C914C url(Images/conges18.gif) no-repeat 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.RadScheduler .AppointmentStyleNonValideCongePrev .rsAptContent
{
    background: #AFF5AF url(Images/conges18.gif) no-repeat 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
/***********Rapport************/
.RadScheduler .AppointmentStyleNonValideCommOui .rsAptContent
{
    background: #C1FFFF url(Images/info18.gif) no-repeat 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.RadScheduler .AppointmentStyleNonValideCommNon .rsAptContent
{
    background: #C1FFFF;
}

.RadScheduler .AppointmentStylValideAnnCommOui .rsAptContent
{
    background: #C4D4E9 url(Images/info18.gif) no-repeat 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.RadScheduler .AppointmentStyleValideAnnCommNon .rsAptContent
{
    background: #C4D4E9;
}

.RadScheduler .AppointmentStylValideCommOui .rsAptContent
{
    background: #2AFAFA url(Images/info18.gif) no-repeat 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.RadScheduler .AppointmentStyleValideCommNon .rsAptContent
{
    background: #2AFAFA;
}


.RadScheduler .AppointmentStyleNonValideConge .rsAptContent
{
    background: #C1FFFF url(Images/conges18.gif) no-repeat;
    padding-left: 10px;
    padding-top: 18px;
    padding-bottom: 15px;
}

.RadScheduler .AppointmentStyleValideAnnConge .rsAptContent
{
    background: #C4D4E9 url(Images/conges18.gif) no-repeat 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.RadScheduler .AppointmentStyleValideConge .rsAptContent
{
    background: #2AFAFA url(Images/conges18.gif) no-repeat 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.incidents li
{
    list-style-type: none;
    padding-left: 75px;
    padding-right: 75px;
}
.incidents
{
    margin-bottom: 15px;
}

.btn-support
{
    background-color: #ffe500;
    padding: 10px;
    margin-top: 10px;
    display: inline-block;
    color: #000;
    -moz-box-shadow: 3px 3px 10px 1px #656565;
    -webkit-box-shadow: 3px 3px 10px 1px #656565;
    -o-box-shadow: 3px 3px 10px 1px #656565;
    box-shadow: 3px 3px 10px 1px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=10);
}

.tbIncidents
{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

a.lienRouge, a.lienRouge:visited
{
    color: Red;
    text-decoration: none;
}
a.lienRouge:hover, a.lienRouge:active
{
    color: Red;
    background-color: Transparent;
    text-decoration: underline;
}
/* RadTabStrip style */

.pageView
{
    border: 1px solid #000;
    border-top: none;
    margin-top: -6px;
    height: 100%;
    font-size: 14px;
}
.exampleWrapper
{
    padding: 10px;
    float: left;
}
.radPageView
{
    padding: 10px 10px;
    background: #fff;
}
.rtsTxt
{
    font: 16px Verdana,Arial,sans-serif;
    font-weight: bold;
}
RadPageView li
{
    font-size: 14px;
}

.rgButton {
   min-width: 40px !important;
   width: 40px !important;
}

.contenuPleineLargeur {
    width: 100%;
    background-color: Transparent;
}

.msgErreur
{
    padding: 5px;
    text-align: center;
    border: solid 2px #ce3037; /*Rouge*/
    background-color: #f0c0c2; /*Rose*/
    line-height : normal;
}

/********************************   Affichage Solde Congés   ********************************/

.panelSolde
{
    margin-top: -7px;
    margin-left: 10px;
    margin-right: auto;
    font-size: 14px;
    font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
    font-weight: bold;
}

/* Dans la page de traitement des demandes */
.panelSoldeTraitement
{
    font-size: 145%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: -102px;
    margin-left: 450px;
}
.panelSoldeTraitement fieldset
{
    padding: 5px;
}

.tableSolde
{
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.labelSolde
{
    font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
    background-color: #CFCFCF;
    font-weight: bold;
    font-style: normal;
}

.panelInfos
{
    text-align: left !important;
}

/********************************************************************************************/


/************************************   Planning Congés   ***********************************/

/************ Couleurs en fonction du type de congés ************/
.RadScheduler .Conges .rsAptContent, .RadScheduler .Conges .rsAptMid,
.RadScheduler .Conges .rsAptIn
{
    background: #0000FF;
    border-color: #3c7fb1;
    background-image: url('Images/backPlanning.png') !important;
}

.RadScheduler .evenementsFamiliaux .rsAptContent, .RadScheduler .evenementsFamiliaux .rsAptMid,
.RadScheduler .evenementsFamiliaux .rsAptIn
{
    background: #8B008B;
    border-color: #6600CC;
    background-image: url('Images/backPlanning.png') !important;
}

.RadScheduler .autresConges .rsAptContent, .RadScheduler .autresConges .rsAptMid,
.RadScheduler .autresConges .rsAptIn
{
    background: #006600;
    border-color: #197519;
    background-image: url('Images/backPlanning.png') !important;
}

.RadScheduler .RCE .rsAptContent, .RadScheduler .RCE .rsAptMid,
.RadScheduler .RCE .rsAptIn
{
    background: #FF9900;
    border-color: #FF8533;
    background-image: url('Images/backPlanning.png') !important;
}

/* Si le congé n'est pas validé */
.RadScheduler .nonValide .rsAptContent, .RadScheduler .nonValide .rsAptMid,
.RadScheduler .nonValide .rsAptIn
{
    background: #FF0000 !important;
    border-color: #990000 !important;
    background-image: url('Images/backPlanning.png') !important;
}

/****************************************************************/

/********************* Couleur du jour Ferié ********************/
.jourFerie
{
    background: #DDDDBD;
}

/****************************************************************/

/************ Pas de changement de couleur OnMouseOver **********/
.RadScheduler .rsDayView .rsContentTable .rsRow:hover
{
   background: none; /* transparent */
}

.RadScheduler .rsContentTable .rsRow .rsAptCreate, 
.RadScheduler .rsAllDayRow .rsAptCreate 
{
   background: transparent none repeat scroll 0%;
}

/****************************************************************/
    
/********************************************************************************************/



/*******************************   CSS Demandes d'Ouverture   *******************************/

/**************************** Panels ****************************/

.panelGauche
{
    font-weight: normal;
    font-size: 13px;
    font-style: italic;
    color: #485151;
}

.panelDroite
{
    font-weight: normal;
    margin-left: 295px;
    margin-top: -109px;
    font-size: 13px;
    font-style: italic;
    color: #485151;
}

.panelConditions
{
    margin-left: 180px;
    margin-top: -30px;
    font-size: 13px;
    font-style: italic;
    color: #003399;
    visibility: hidden;
}
/****************************************************************/

/*************************** DataGrid ***************************/

.RadGrid_ModernBrowsers
{
     border-radius: 5px;
     overflow: hidden;
     width: 752px !important;
     text-align: center;
}

.alignCenter
{
    text-align: center !important;
}

/****************************************************************/

/**************************** Accueil ***************************/

.barreRecherche
{
    font-style: italic;
    color: #AAA;
}

/****************************************************************/

/************************** Formulaire **************************/

.container 
{
    border: 2px solid #ccc;
    width: 250px;
    height: 77px;
    overflow-y: scroll;
    margin-left: 105px;
    margin-top: -28px;
}

.btnFormulaire
{
    width: 135px;
}

.btnEnvoi
{
    width: 115px;
    visibility: hidden;
}

.btnAlign
{
    margin-left: 170px;
}

.siren
{
    color: #aaa;
}

/****************************************************************/

/*************************** Documents **************************/

.labelListe
{
    font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
}

.msgInfo
{
    padding: 5px;
    font-size: 12px;
    border: solid 2px #18215f; /*Couleur1*/
    background-color: #f9d719; /*Couleur2*/
}


/****************************************************************/
/**********************  EXPO AMORTISSEMENT  ********************/
/****************************************************************/

.btn-navigation {
    width: 100%;
    text-align: right;
    padding-top: 5px;
    display: inline-block;
}

.expo-label, .expo-label-xsmall, .expo-label-small, .expo-label-medium, .expo-label-xmedium, .expo-label-large, .expo-label-xlarge, .expo-label-xxlarge  {
    float : left;
    padding-left: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight: bold;
    text-align : left;
    width : 150px;
}

.expo-label-xsmall {
    width : 80px !important;
}

.expo-label-small {
    width : 100px !important;
}

.expo-label-medium {
    width : 120px !important;
}

.expo-label-xmedium {
    width : 160px !important;
}

.expo-label-large {
    width : 170px !important;
}

.expo-label-xlarge {
    width : 200px !important;
}

.expo-label-xxlarge {
    width : 280px !important;
}

.ligne-form {
    margin-top : 6px;
    margin-bottom : 6px;
}

.table-bordure {
    border-collapse : collapse;
    margin: 0 auto;
}

.table-bordure td, th { 
    border : 1px solid black;
    padding : 5px;        
}

.table-bordure th { 
    background-color : #d8d6d6;
    text-align : center
}

.div-tree-container {
    height : 200px;
}

.div-tree {
    width : 49%;
}

.div-tree legend {
    font-weight : bold;
    padding-left : 5px;
    padding-right : 5px;
}

.div-tree-content {
    margin: -10px;
    height : 142px;
    overflow : scroll;
    overflow-x : hidden;
}

.div-col3 {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    width: 31%;
    vertical-align: top;
}
.div-col2 {
    vertical-align: top;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    width: 47%;
}

.div-inline-1, .div-inline-x {
    display : inline-block;
    vertical-align: middle;
}
     
.div-inline-x {
    margin-left : 5px;
}

.rouge {
    color : Red;
}


/* Correction probleme affichage Telerik */
.rbToggleRadioChecked:before, .rbToggleRadio:before {
    content : "" !important;
}

.centeredDiv {
    text-align : center;
    width : 100%;
}

.sitemapNew {
    font-weight: bold;
    color: Red;
}