/* DEFAULTS
----------------------------------------------------------

@font-face
{
  font-family: "Aller";
  font-weight: normal;
  src: url('Fonts/Aller_Rg.ttf');
}

@font-face
{ 
  font-family: "Aller";
  font-style: italic;
  src: url('Fonts/Aller_It.ttf');
}

@font-face
{
  font-family: "Aller";
  font-weight: bold;
  src: url('Fonts/Aller_Bd.ttf');
}

@font-face
{
  font-family: "Aller";
  font-weight: lighter;
  src: url('Fonts/Aller_Lt.ttf');
}

@font-face
{
  font-family: "Aller";
  font-weight: lighter;
  font-style: italic;
  src: url('Fonts/Aller_LtIt.ttf');
}

@font-face
{
  font-family: "Aller";
  font-weight: bold;
  font-style: italic;
  src: url('Fonts/Aller_BdIt.ttf');
}

@font-face
{
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/istokweb/v5/2koEo4AKFSvK4B52O_MwanZ2MAKAc2x4R1uOSeegc5U.eot);
  src: local('Istok Web Bold'), local('IstokWeb-Bold'), url(http://themes.googleusercontent.com/static/fonts/istokweb/v5/2koEo4AKFSvK4B52O_MwanZ2MAKAc2x4R1uOSeegc5U.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/istokweb/v5/2koEo4AKFSvK4B52O_MwanhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face
{
  font-family: 'Istok Web';
  font-style: italic;
  font-weight: 700;
  src: url(Fonts/IstokWeb-BoldItalic.eot);
  src: local('Istok Web Bold Italic'), local('IstokWeb-BoldItalic'), url(Fonts/IstokWeb-BoldItalic.eot) format('embedded-opentype'), url(Fonts/IstokWeb-BoldItalic.ttf) format("opentype"), url(Fonts/IstokWeb-BoldItalic.woff) format('woff');
}
@font-face
{
  font-family: 'Istok Web';
  font-style: italic;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/istokweb/v5/8-xqDtEk6sZ61magDpsV8WfQcKutQXcIrRfyR5jdjY8.eot);
  src: local('Istok Web Italic'), local('IstokWeb-Italic'), url(http://themes.googleusercontent.com/static/fonts/istokweb/v5/8-xqDtEk6sZ61magDpsV8WfQcKutQXcIrRfyR5jdjY8.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/istokweb/v5/8-xqDtEk6sZ61magDpsV8YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face
{
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/istokweb/v5/EvPKapBawcLZ3hbihjhqAfY6323mHUZFJMgTvxaG2iE.eot);
  src: local('Istok Web Regular'), local('IstokWeb-Regular'), url(http://themes.googleusercontent.com/static/fonts/istokweb/v5/EvPKapBawcLZ3hbihjhqAfY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/istokweb/v5/EvPKapBawcLZ3hbihjhqAT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

*/

.divBtnRefresh {
  z-index: 100000!important;
}

.submitButtonGray {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: none !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: white !important;
  height: 30px !important;
  width: auto !important;
  cursor: pointer !important;
  background-image: -webkit-linear-gradient(top,#a3a6a3,#a3a6a3) !important;
  background-image: -ms-linear-gradient(top,#a3a6a3,#a3a6a3) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a6a3', endColorstr='#a3a6a3',GradientType=0) !important;
  background-image: -ms-linear-gradient(top,#a3a6a3,#a3a6a3) !important;
  background-image: linear-gradient(top,#a3a6a3,#a3a6a3) !important;
  border: 1px solid #a3a6a3 !important;
}

  .submitButtonGray:hover {
    background-image: -webkit-linear-gradient(top,#a3a6a3,#afb1af) !important;
    background-image: -ms-linear-gradient(top,#a3a6a3,#afb1af) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a6a3', endColorstr='#afb1af',GradientType=0) !important;
    background-image: -ms-linear-gradient(top,#a3a6a3,#afb1af) !important;
    background-image: linear-gradient(top,#a3a6a3,#afb1af) !important;
    border: 1px solid #afb1af !important;
    text-decoration: none !important;
  }

.submitButtonGreen {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: none !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: white !important;
  height: 30px !important;
  width: auto !important;
  cursor: pointer !important;
  background-image: -webkit-linear-gradient(top,#5EF047,#2ead2a) !important;
  background-image: -ms-linear-gradient(top,#5EF047,#2ead2a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EF047', endColorstr='#2ead2a',GradientType=0) !important;
  background-image: -ms-linear-gradient(top,#5EF047,#2ead2a) !important;
  background-image: linear-gradient(top,#5EF047,#2ead2a) !important;
  border: 1px solid #2ead2a !important;
}

  .submitButtonGreen:hover {
    background-image: -webkit-linear-gradient(top,#5EF047,#34C42F) !important;
    background-image: -ms-linear-gradient(top,#5EF047,#34C42F) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EF047', endColorstr='#34C42F',GradientType=0) !important;
    background-image: -ms-linear-gradient(top,#5EF047,#34C42F) !important;
    background-image: linear-gradient(top,#5EF047,#34C42F) !important;
    border: 1px solid #34C42F !important;
    text-decoration: none !important;
  }

.submitButtonOrange {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: none !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: white !important;
  height: 30px !important;
  width: auto !important;
  cursor: pointer !important;
  background-image: -webkit-linear-gradient(top,rgb(255, 157, 83), rgb(255, 86, 0)) !important;
  background-image: -ms-linear-gradient(top,rgb(255, 157, 83), rgb(255, 86, 0)) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEA347', endColorstr='#DE8317',GradientType=0 ) !important;
  background-image: -ms-linear-gradient(rgb(255, 157, 83), rgb(255, 86, 0)) !important;
  background-image: linear-gradient(rgb(255, 157, 83), rgb(255, 86, 0)) !important;
  border: 1px solid rgb(255, 86, 0)!important;
}

  .submitButtonOrange:hover {
    background-image: -webkit-linear-gradient(top,rgb(255, 157, 83),rgb(243, 110, 42)) !important;
    background-image: -ms-linear-gradient(top,rgb(255, 157, 83),rgb(243, 110, 42)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEB367', endColorstr='#DE8317',GradientType=0 ) !important;
    background-image: -ms-linear-gradient(top,rgb(255, 157, 83),rgb(243, 110, 42)) !important;
    background-image: linear-gradient(top,rgb(255, 157, 83),rgb(243, 110, 42)) !important;
    border: 1px solid rgb(255, 157, 83) !important;
    text-decoration: none !important;
  }

.submitButtonRed {
  border: 1px solid #C42F34 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: none !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: white !important;
  height: 30px !important;
  width: auto !important;
  cursor: pointer !important;
  background-color: rgb(255,48,25) !important; /* Old browsers */
  background-image: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%) !important; /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))) !important; /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ) !important; /* IE6-9 */
  border: 1px solid #ad2a2e !important;
}

  .submitButtonRed:hover {
    background-color: rgb(255,100,83) !important; /* Old browsers */
    background-image: -moz-linear-gradient(top, rgba(255,100,83,1) 0%, rgba(251,35,35,1) 100%) !important; /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,100,83,1)), color-stop(100%,rgba(251,35,35,1))) !important; /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(255,100,83,1) 0%,rgba(251,35,35,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(255,100,83,1) 0%,rgba(251,35,35,1) 100%) !important; /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(255,100,83,1) 0%,rgba(251,35,35,1) 100%) !important; /* IE10+ */
    background-image: linear-gradient(to bottom, rgba(255,100,83,1) 0%,rgba(251,35,35,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6453', endColorstr='#fb2323',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #C42F34 !important;
    text-decoration: none !important;
  }

.submitButtonBlue {
  border: 1px solid #342FC4 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: none !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: white !important;
  height: 30px !important;
  width: auto !important;
  cursor: pointer !important;
  background-color: rgb(185,199,223) !important; /* Old browsers */
  background-image: -moz-linear-gradient(top, rgba(185,199,223,1) 0%, rgba(109,136,183,1) 100%) !important; /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,199,223,1)), color-stop(100%,rgba(109,136,183,1))) !important; /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, rgba(185,199,223,1) 0%,rgba(109,136,183,1) 100%) !important; /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, rgba(185,199,223,1) 0%,rgba(109,136,183,1) 100%) !important; /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, rgba(185,199,223,1) 0%,rgba(109,136,183,1) 100%) !important; /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(185,199,223,1) 0%,rgba(109,136,183,1) 100%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c7df', endColorstr='#6d88b7',GradientType=0 ) !important; /* IE6-9 */
  border: 1px solid rgb(155,149,183) !important;
}

.submitButtonBlueSel {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: none !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: white !important;
  height: 30px !important;
  width: auto !important;
  cursor: pointer !important;
  background: rgb(84, 139, 232) !important; /* Old browsers */
  background: -moz-linear-gradient(top, rgba(137, 160, 199, 1) 0%, rgba(62, 87, 131, 1)100%) !important; /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137, 160, 199, 1)), color-stop(100%,rgba(62, 87, 131, 1))) !important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(137, 160, 199, 1) 0%,rgba(62, 87, 131, 1) 100%) !important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(137, 160, 199, 1) 0%,rgba(62, 87, 131, 1) 100%) !important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(137, 160, 199, 1) 0%,rgba(62, 87, 131, 1) 100%) !important; /* IE10+ */
  background: linear-gradient(to bottom, rgba(137, 160, 199, 1) 0%,rgba(62, 87, 131, 1) 100%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94A9CC', endColorstr='#3B5B91',GradientType=0 ) !important; /* IE6-9 */
  border: 1px solid rgb(50, 112, 220) !important;
}

.submitButtonBlue:hover {
  background-color: rgb(196,208,228) !important; /* Old browsers */
  background-image: -moz-linear-gradient(top, rgba(196,208,228,1) 0%, rgba(130,154,194,1) 100%) !important; /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,208,228,1)), color-stop(100%,rgba(130,154,194,1))) !important; /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, rgba(196,208,228,1) 0%,rgba(130,154,194,1) 100%) !important; /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, rgba(196,208,228,1) 0%,rgba(130,154,194,1) 100%) !important; /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, rgba(196,208,228,1) 0%,rgba(130,154,194,1) 100%) !important; /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(196,208,228,1) 0%,rgba(130,154,194,1) 100%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d0e4', endColorstr='#829ac2',GradientType=0 ) !important; /* IE6-9 */
  border: 1px solid rgb(176,188,208) !important;
  text-decoration: none !important;
}

.submitButtonBlueSel:hover {
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background-position: 0% 0%;
  background-image: linear-gradient(to bottom, rgba(196,208,228,1) 0%,rgba(130,154,194,1) 100%) !important !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d0e4', endColorstr='#829ac2',GradientType=0 ) !important; /* IE6-9 */
  border: 1px solid rgb(50, 93, 168) !important;
  background-color: rgb(64, 124, 226) !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
  text-decoration: none !important;
}

.submitButtonGreen, .submitButtonRed, .submitButtonBlue, .submitButtonBlueSel, .submitButtonOrange, .submitButtonGray {
  padding: 5px 15px;
  white-space: nowrap !important;
  font-size: 13px !important;
  color: white !important;
  font-family: Helvetica,Arial,Tahoma,Sans-Serif !important;
  /*  border-radius:5px; */
}

a.submitButtonGreen, a.submitButtonRed, a.submitButtonBlue, a.submitButtonBlueSel, a.submitButtonOrange, a.submitButtonGray {
  height: 15px !important;
  display: inline-block; 
}

body {
  /*   background-image: url('img/all/fond/bg_site.png');   background-repeat:repeat-x;   background-color: #41435D;   */
  font-size: 12px;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif !important; /* "Istok Web" , "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif; */
  margin: 0px;
  padding: 0px;
  color: #696969;
  -webkit-print-color-adjust: exact;
}

img {
  border: 0; /*!important;  // le !important est-il vraiment utile ?? il me gene car je veux un border sur image dans un cas precis. DCH */
}

a:link, a:visited {
  color: #282828;
  text-decoration: none;
}

a:hover {
  color: #383838;
  text-decoration: underline;
}

a:active {
  color: #034af3;
}

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

select {
  margin: 0px 0px 0px 0px !important;
  padding: 2px 2px 2px 0px !important;
  border: Solid 1px #ccc;
  width: 200px;
}

  select option {
    /*background: #ccc;*/
  }


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

h1, h2, h3, h4, h5, h6 {
  font-size: 1.5em;
  color: #666666;
  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;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
  margin-top: 0px;
}

hr {
  padding-bottom: 15px;
  border: 0px;
  border-top: Solid 1px #ccc;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

@media screen {
  body {
    background-color: #96979c;
  }

  .page {
    min-width: 1240px;
    background-color: #ffffff;
    margin: 0px auto 0px auto;
    border: 0;
    border-left: 1px solid Gray; /*#496077;*/
    border-right: 1px solid Gray; /*#496077;*/
    max-width: 1240px;
    padding-bottom: 10px;
  }
}

@media print {
  body {
    background-color: #fff;
  }

  #pnlAlert
  {
    display : none;
  }

  .page {
    width: 100%;
    background-color: #ffffff;
    margin: 0px auto 0px auto;
    border: 0;
    min-width: 1000px;
  }
}

.bidon {
  position: absolute;
}

.header {
  position: relative;
  margin: 0px;
  padding: 0px; /*background: White; /*#4b6c9e;*/ /*   background-image: -webkit-gradient(     linear,     left top,     left bottom,     color-stop(0.0, rgb(244,241,222)),     color-stop(0.35, rgb(255,255,255)),     color-stop(0.4, rgb(255,255,255)),     color-stop(0.72, rgb(245,245,245))   );   background-image: -moz-linear-gradient(       center top,       rgb(244,241,222) 0%,       rgb(255,255,255) 35%,       rgb(255,255,255) 40%,       rgb(245,245,245) 72%   );   background-image: -ms-linear-gradient(       center top,       rgb(244,241,222) 0%,       rgb(255,255,255) 35%,       rgb(255,255,255) 40%,       rgb(245,245,245) 72%   );   background-image: -o-linear-gradient(       center top,        rgb(244,241,222) 0%,       rgb(255,255,255) 35%,       rgb(255,255,255) 40%,       rgb(245,245,245) 72%   );   background-image: linear-gradient(       center top,        rgb(244,241,222) 0%,       rgb(255,255,255) 35%,       rgb(255,255,255) 40%,       rgb(245,245,245) 72%   );   -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F2F0E6, endColorstr=#FFFFFF)";   */
  width: 100%; /* border-bottom: 1px Solid gray;   */
  background-image: url('img/all/fond/bruxelle.jpg');
  background-position: right top;
  background-repeat: repeat-x;
   z-index: 10000;
}

  .header h1 {
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #696969; /*#f9f9f9;*/
    border: none;
    line-height: 100px; /*2em;*/
    font-size: 2em;
  }

.main {
  padding: 0px; /*12px; */
  margin: 0px; /*12px 8px 8px 8px;*/
  min-height: 1030px;
  padding-bottom: 50px; /*   background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.95, rgba(128,128,128,0.0)),  color-stop(1.0, rgba(42,42,42,0.2))  ) !important;   background-image: -moz-linear-gradient(  center top,  rgba(128,128,128,0.0) 95%,  rgba(42,42,42,0.2) 100%  ) !important;   background-image: -ms-linear-gradient(  center top,  rgba(128,128,128,0.0) 95%,  rgba(42,42,42,0.2) 100%  );   background-image: -o-linear-gradient(  center top,   rgba(128,128,128,0.0) 95%,  rgba(42,42,42,0.2) 100%  );   background-image: linear-gradient(  center bottom,   rgba(128,128,128,0.0) 95%,  rgba(42,42,42,0.2) 100%  );    */
}

.leftCol {
  padding: 6px 0px;
  margin: 12px 8px 8px 8px;
  width: 200px;
  min-height: 200px;
}

.contentPan {
  /*width: 1000px;*/ /*min-height: 850px; */
  padding: 12px;
  padding-bottom: 30px;
}

.rightPan {
  width: 350px; /* height: 600px; */
  padding: 5px; /* border-left: 1px solid Silver; /*#496077;   /*grey;*/ /*background-color: #DEDEDE;*/
}

.footer {
  width: 1240px; /*background: none repeat scroll 0 0 #4B6C9E;  /*#496077;*/
  background-color: #E3E1E1;
  background-image: url('img/all/fond/footer.png');
  background-position: left top;
  background-repeat: repeat-x;
  margin: 0px auto 0px auto;
  border: 1px solid Gray; /*#C3C3C3;  /*#496077;*/
  min-height: 140px;
  color: White;
}

  /* le degradé dans le footer, qui se place au dessus de lui */
  .footer div.degradFooter {
    height: 30px;
    margin-top: -31px;
    z-index: -1;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.0, rgba(128,128,128,0.0)), color-stop(1.0, rgba(42,42,42,0.2)) ) !important;
    background-image: -moz-linear-gradient( center top, rgba(128,128,128,0.0) 0%, rgba(42,42,42,0.2) 100% ) !important;
    background-image: -ms-linear-gradient( center top, rgba(128,128,128,0.0) 0%, rgba(42,42,42,0.2) 100% );
    background-image: -o-linear-gradient( center top, rgba(128,128,128,0.0) 0%, rgba(42,42,42,0.2) 100% );
    background-image: linear-gradient( center bottom, rgba(128,128,128,0.0) 0%, rgba(42,42,42,0.2) 100% );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#808080, endColorstr=#2A2A2A),   progid:DXImageTransform.Microsoft.Alpha(style=1, opacity=0, startX=0, startY=0, finishX=0, finishY=100, finishOpacity=20)"; /*background-color:Black;   /* pour IE seulepment, lorsqu'il aura ignoré les autres pour passer au -ms-filter !! */
  }

.underfooter {
  color: #4e5766;
  padding: 8px 0px 0px 0px;
  margin: 0px auto;
  text-align: center;
  line-height: normal;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
  background-color: #3a4f63;
  width: 100%;
}

div.menu {
  text-align: left;
  padding: 0px; /*4px 0px 0px 8px;*/
  background-color: transparent; /*#F5F5F5;    /*#efefef;*/ /*border-top: 1px Solid silver;*/
  font-size: 11px;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-image: url('img/all/fond/bkg_menu_2.png');
  border-left: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  border-top: 1px solid #AEAEAE;
}

  div.menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    z-index: 1000;
  }

    div.menu ul.static {
      height: 38px;
    }

    div.menu ul li a {
      color: #000000;
      display: block;
      line-height: 20px;
      padding: 3px 20px;
      text-decoration: none;
      white-space: nowrap;
      padding: 4px 10px;
    }

    div.menu ul.dynamic.level2 {
      margin-top: -2px;
    }

    div.menu ul.static {
      border-left: 0px;
      background-image: url('img/all/fond/bkg_menu_2.png');
      background-position: left bottom;
      background-repeat: repeat-x;
    }

      div.menu ul.static li.static {
        border-right: 1px solid #C7C7C7;
      }

        div.menu ul.static li.static a.static {
          color: #777;
          text-transform: uppercase;
          text-shadow: 1px 1px #FFFFFF;
          height: 24px;
        }

a.level1.static {
  padding-top: 8px;
}

div.menu ul.static li.static a.static.selected, div.menu ul.static li.static a.static.highlighted {
  /* text-shadow:none; */ /* color: White; */ /* background-position: center bottom; */
}

div.menu ul.static li.static a.static.selected {
  /* background-image: url('img/all/fond/bkg_menu_over_l3.png'); */
}

div.menu ul.static li.static a.static.highlighted {
  /* background-image: url('img/all/fond/bkg_menu_over_l4.png'); */
  text-shadow: none;
  color: White;
  background-image: url('img/all/fond/bkg_menu_over_l5.png');
  background-position: center top;
}

div.menu ul.dynamic {
  border: 1px solid #949FA8;
  background-image: url('img/all/fond/bkg_menu_nb.png');
  background-position: left bottom;
  background-repeat: repeat-x;
  background-color: white;
}

  div.menu ul.dynamic li.dynamic a.dynamic.selected, div.menu ul.dynamic li.dynamic a.dynamic.highlighted {
    background-image: url('img/all/fond/bkg_menu_over_l2.png');
    background-position: left bottom;
  }

ul.level2, ul.level3 {
  box-shadow: rgba(0, 0, 0, 0.75) 2px 2px 7px 0px;
}

/*
div.menu ul li a, div.menu ul li a:visited
{
  background-image: url('img/all/boutons/menu_default.png');
  background-position: left bottom;
  background-repeat: repeat-x;
  border: 1px solid #C7C7C7;
  color: #000000;
  display: block;
  line-height: 20px;
  padding: 3px 20px; 
  text-decoration: none;
  white-space: nowrap;
}

div.menu ul.level1 li
{
  border-right: 1px solid White;
}

div.menu ul.level1 li a
{
  padding: 3px 20px;
}

div.menu ul.level2 li a
{
  padding: 3px 20px;
}

div.menu ul li a:hover
{
  background-image: url('img/all/boutons/menu_hover.png');
  background-position: left top;
  background-repeat: repeat-x;
  color: White; 
  text-decoration: none;
}

div.menu ul li a.selected
{
  background-image: url('img/all/boutons/menu_selected.png');
  background-position: left top;
  background-repeat: repeat-x;
  color: White; 
  text-decoration: none;
}

div.menu ul li a:active
{
  background-image: url('img/all/boutons/menu_hover.png');
  background-position: left top;
  background-repeat: repeat-x;
  color: #FFCD00; 
  text-decoration: none;
  border: 1px solid #FFCD00;
}
*/


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

fieldset {
  margin: 1em 0px;
  padding: 1em;
  border: 1px solid #ccc;
}

  fieldset p {
    margin: 2px 12px 10px 10px;
  }

  fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
  }

  fieldset label.inline {
    display: inline;
  }

legend {
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px;
}

input, textarea, select {
  /* font-family: "Istok Web" , "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif; */
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif !important;
}

  input[type=text], input[type=password], textarea {
    border: 1px solid #ccc;
    padding: 2px;
  }

  input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
  }

.textEntry300px {
  width: 300px;
  border: 1px solid #ccc;
}

select.textEntry300px {
  width: 306px;
}

.textEntry240px {
  width: 240px;
  border: 1px solid #ccc;
}

.textEntry120px {
  width: 120px;
  border: 1px solid #ccc;
}

.textEntry100Pct {
  width: 100%;
  border: 1px solid #ccc;
}

.textEntry50Pct {
  width: 50%;
  border: 1px solid #ccc;
}

.textEntry20Pct {
  width: 20%;
  border: 1px solid #ccc;
}

input.passwordEntry {
  width: 320px;
  border: 1px solid #ccc;
}

div.accountInfo {
  width: 42%;
}

/* MISC  
----------------------------------------------------------*/
.ongletOr, .ongletArgent {
  text-align: center;
  padding: 3px 10px;
  border-left: 1px solid silver;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  cursor: pointer;
  background-color: #E8E8E8;
}

.ongletOr {
  color: #DAA34B; /*#DDB34B;   /*#D1AF5C;*/
  border-radius: 7px 15px 0 0;
}

.ongletArgent {
  color: #707070;
  border-radius: 15px 15px 0 0;
}

#divCours td.selected {
  border-bottom: 0px;
  background-color: White;
  margin-right: -7px;
  margin-left: -7px;
}

.ongletVide {
  width: 33%;
  border-bottom: 1px solid silver;
}


.fixingOr, .fixingArgent {
  display: inline-block;
  width: 49.1%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  margin-top: 7px;
  background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.0, rgb(64,64,64)), color-stop(1.0, rgb(12,12,12)) ) !important;
  background-image: -moz-linear-gradient( center top, rgb(64,64,64) 0%, rgb(12,12,12) 100% ) !important;
  background-image: -ms-linear-gradient( center top, rgb(64,64,64) 0%, rgb(12,12,12) 100% );
  background-image: -o-linear-gradient( center top, rgb(64,64,64) 0%, rgb(12,12,12) 100% );
  background-image: linear-gradient( center bottom, rgb(64,64,64) 0%, rgb(12,12,12) 100% );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#404040, endColorstr=#0C0C0C)";
}

.fixingOr {
  margin-left: 0px;
  color: #D1AF5C; /*#B99D51;*/
}

.fixingArgent {
  margin-right: 0px;
  color: #E8E8E8;
}

.clear {
  clear: both;
}

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

.loginDisplay {
  text-shadow: 0px 0px 10px #000, 0px 0px 8px #000, 0px 0px 6px #000; /*  background-image:url('img/all/fond/shadow.png');   background-repeat : repeat-x;*/
  padding: 2px;
  font-size: 1.1em;
  display: block;
  text-align: right; /*padding: 10px;*/
  color: white; /* #696969; */
  position: absolute;
  right: 3px;
  top: 2px;
  font-size: 11px!important;
  z-index: 10;
}

  .loginDisplay a:link {
    color: white; /*#696969; /*White;*/
  }

  .loginDisplay a:visited {
    color: white; /*#696969; /*White;*/
  }

  .loginDisplay a:hover {
    color: white; /*#696969; /*White;*/
  }

.failureNotification {
  font-size: 1.2em;
  color: Red;
	text-align: center;
	padding: 15px;
}

.bold {
  font-weight: bold;
}

.submitButton {
  text-align: right;
  padding-right: 10px;
}

.floatright {
  float: right;
  position: absolute;
}

.floatleft {
  float: left;
}


/* POPUP STYLE */
.mask {
  display: none;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 10000;
}

.alertPopup {
  display: none;
  position: fixed;
  width: 300px;
  left: 50%;
  top: 30%;
  margin-left: -150px;
  z-index: 99999;
  background-color: #EEE;
  color: Black;
  padding: 10px;
  opacity: 0.8;
  box-shadow: 0px 0px 5px #999; /* CSS3 */
  -moz-box-shadow: 0px 0px 5px #999; /* Firefox */
  -webkit-box-shadow: 0px 0px 5px #999; /* Safari, Chrome */
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
}

.popup {
  display: none;
  position: fixed;
  top: 45%;
  width: 1000px;
  left: 50%;
  margin-left: -500px;
  z-index: 99999;
  background-color: White;
  color: Black; /*  box-shadow: 0px 0px 120px #999; /* CSS3 */ /*  -moz-box-shadow: 0px 0px 120px #999; /* Firefox */ /*  -webkit-box-shadow: 0px 0px 120px #999; /* Safari, Chrome */
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
}

.popupHeader {
  background-color: #4B6C9E;
  color: White;
  width: 100%;
  margin: auto;
}

.trHeader {
  background-color: #4B6C9E;
	background-color: #343332;
  color: White;
  width: 100%;
  margin: auto;
}

.box {
  border: 1px solid #4B6C9E;
	border: 1px solid #343332;
}

img.btn_close {
  float: right;
  padding: 2px;
  margin: 2px 2px 0 0;
}

input[type="image"]:hover, a:hover img {
  opacity: 0.8;
}

@media Print {
  .noprint {
    display: none;
    background-color: White;
    border: 0px solid white;
  }

  .noscreen {
    display: block;
    background-color: White;
  }

  .tdnoscreen {
    display: table-cell;
    background-color: White;
  }
}

@media Screen {
  .noscreen {
    display: none !important;
  }

  .tdnoscreen {
    display: none;
  }
}