body , form
{
  /*background-color: #d0d6e2;*/
  background-color: white;
  padding:0;
  margin:0;
  font-family:Verdana;
}
table
{
  font-family:Verdana; 
  font-size:10px;
}
a{
  text-decoration:none;
  color:Black;
}
.tr1 {
  border : 1px solid #224268;
  background: url(../image/entete_login.png);
  width:579px;
  height:44px;
}
.tr2 {
	border : 1px solid #224268;
  background: url(../image/fondimage.png) repeat-x;
  width:581px;
  height:202px;
}
.tr3 {
	background-color:#B4C7DB;
}
.tr4
{
	background-color:#E7EFFF;
}
.classeLigne1
{
  border : 1px solid #224268;
  background: url(../image/fondSite.png);
}
.classeLigne2
{
	border : 1px solid #224268;
  background: url(../image/fondimage.png) repeat-x;
}
.tr3
{
	background: url(../image/degrade_boite.gif) repeat-x;
}
.nomActivite {
	font-family:Verdana;
	font-size:20px;
	color:#6086B1;
	font-weight:bold;
}
.lblTitre {
	font-size:24px;
	color:#FFFFFF ;
	padding-left:10px;
}
.nomSelect {
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	float:left;
	padding: 10 0 10 10;
}
.IndicateurSelect {
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.tr2td
{
	text-align:center;
	vertical-align:top;
}
.tr3td
{
	text-align:center;
	vertical-align:top;
}
.tr2tdAF{
  width:579px;
  text-align:center;
  vertical-align:top;
}
.ssTitre{
  font-family:Verdana;
  font-size:16px;
  color:#333333;
  padding:20px;
  font-weight:bold;
  text-align:center;  
}
.ssTitre2{
  font-family:Verdana;
  font-size:13px;
  color:#333333;
  padding:10px;
  font-weight:bold;
}
.ssTitre3{
  font-family:Verdana;
  font-size:10px;
  color:#002D96;
  font-weight:bold; 
}
a.ssTitre2{
	font-family:Verdana;
  font-size:13px;
  color:#333333;
  padding:10px;
  font-weight:bold;
}
.pointilleHorizontaux {
	background-image:url(../image/pointille_horizontaux.gif);
	background-position:center;
	background-repeat:repeat-x;
}
a:hover{
	color : #D21E60;
	font-weight : none;
}
.btnDeco{
  text-align:center;
  padding:30px;
}
.tdReco{
  width:289px;
  vertical-align:top;
  padding-left:40px
}
.tdReco2 {
	vertical-align:top;
  padding-left:40px
}
.tabReco{
   width:220px;
}
.lab{
  font-family:Verdana;
  color:#333333;
  font-size:11px;
}
.validationsummary{
   height:30px;
}
#boxcorner { 
	width: 271px; 
	margin-right: 10px; 
	margin-left: 10px; 
	padding: 3px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	float: right; 
	display: inline; 
	background-color: #000;
	border-radius: 12px; 
	-moz-border-radius: 12px; 
	-webkit-border-radius: 12px; 
}
#boxcorner p { 
	color: #eee; 
	font-size: 14px; 
	font-family: arial, helvetica, sans-serif; 
	text-align: center;
	margin: 0; 
	margin-bottom: 6px; 
}

#boxcorner p span.desactive { 
	color: #f4ffd5; 
	margin: 0; 
	font-size: 14px; 
}

#boxcorner p.tex { 
	color: #eee; 
	font-size: 12px; 
	font-family: arial, helvetica, sans-serif; 
	line-height: 14px; 
	margin: 0; 
	margin-left: 15px; 
	margin-right: 15px; 
}

#boxcorner p.tex a { 
	color: #90c000; 
	font-size: 13px; 
	font-weight: normal; 
	font-family: arial, helvetica, sans-serif; 
}
.messageAlerte {
	font-size : 14px;
	color : #FF0000;
	text-align: center;
}
.enteteMenu {
	background-image: url(../image/menu_sous_menu_bleu.gif);
	height:26px;
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size : 14px;
	color : #FFFFFF;
	font-style: normal;
	font-weight : bold;
  padding-left:10px;
}
.enteteMenu2 {
	background-image: url(/image/fondSite.png);
	height:26px;
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size : 14px;
	color : #FFFFFF;
	font-style: normal;
	font-weight : bold;
  padding-left:10px;
}
.menu {
	padding-top:4px;
	font-family:Verdana;
	color:#000000;
	font-size:14px;
	width:130px;
}
.iconeMenu {
	padding-top:4px;
	width:20px;
}
.titreColonneTableauAdmin {
	font-family:Verdana;
	color:#000000;
	font-size:10px;
	font-weight : bold;
	text-align: center;
	/*border : 1px solid #002D96;*/
}
.TraitBleuBottom {
	border-bottom : 1px solid #002D96;
}
.cadreBleu {
	border : 1px solid #002D96;
}
.cadreBleu2 {
	border-left : 2px solid #002D96;
	border-right : 2px solid #002D96;
	border-bottom : 2px solid #002D96;
}
.cadreBleu2Top {
	border-top : 2px solid #002D96;
}
.cadreBleu3 {
	border-left : 2px solid #002D96;
	border-bottom : 2px solid #002D96;
}
.cadreBleu3Right {
	border-right : 2px solid #002D96;
}
.ssTitreTab {
	font-family:Verdana;
  font-size:13px;
  color:#333333;
  padding:10px;
  font-weight:bold;
  background-color: #EEEEEE;
  text-align:center;
}
.ssTitreTab2 {
	font-family:Verdana;
  font-size:10px;
  color:#333333;
  padding:10px;
  background-color: #EEEEEE;
  text-align:center;
}
.texteTab {
	font-family:Verdana;
  font-size:10px;
  color:#000000;
  padding:2px;
}
.texteFondBleu {
	font-family:Verdana;
  font-size:13px;
  color:#FFFFFF;
  padding:10px;
  font-weight:bold;
	background-color: #235ED7; /*#90C0DC;*/
  text-align:center;
}
/* Calendrier */
TH.calMois {
	font-size : 10px;
	font-weight: bold;
	text-align : center;
	font-family : verdana, geneva, helvetica, sans-serif;
	color : #ffffff;
	background : #7B849C;
}
TD.calSing {
	font-size : 9px;
	text-align : center;
	font-family : verdana, geneva, helvetica, sans-serif;
	color : #000000;
	background : #7B849C;
}
TD.calSemaine {
	font-size : 9px;
	font-family : verdana, geneva, helvetica, sans-serif;
	color : #000000;
	background : #B5B5C6;
}
TD.calJour {
	font-size : 9px;
	text-align : center;
	font-family : verdana, geneva, helvetica, sans-serif;
	color : #000000;
	background : #C0C8D6;
}
TD.calJour A {
	font-size : 9px;
	text-align : center;
	font-family : verdana, geneva, helvetica, sans-serif;
	color : #000000;
	background : #C0C8D6;
	text-decoration: none;
}
TD.calJour A:hover {
	font-size : 9px;
	text-align : center;
	font-family : verdana, geneva, helvetica, sans-serif;
	color : #ffffff;
	background : #C0C8D6;
	text-decoration: none;
}
TD.calJourSel {
	font-size : 9px;
	font-weight: bold;
	text-align : center;
	font-family : verdana, geneva, helvetica, sans-serif;
	color : #000000;
	background : #EEEEEE;
	border : 1px solid black;
}

TD.calJourOk,TD.calJourOk A{
	color : #FFFFFF;
	background : #6ACA02;
}
TD.calJourInfo{
	color : #FFFFFF;
	background-image: url(../image/FondInfoAdmin.png);
}
TD.calJourInfo A {
	color : #FFFFFF;
	text-decoration: none;
}
TD.calJourAlerte,TD.calJourAlerte A{
	background : #FFF117;
	color : #000000;
}
TD.calJourErreur,TD.calJourErreur A{
	color : #FFFFFF;
	background : #FC0000;
	color : #FFFFFF;
}
TD.calSelect,TD.calSelect A{
	background : #000000;
	color: #FFFFFF;
}
.alerte {
	font-size : 11px;
	font-weight: bold;
	font-style: italic;
	font-family : verdana, geneva, helvetica, sans-serif;
	color : #000000;
}
.menuOn {
	font-size:14px;
	font-weight: bold;
}
.menuOff {
	font-size:14px;
}
.sousmenuOn {
	font-size : 9px;
	padding-left : 6px;
	color : #D21E60;
}
.sousmenuOff {
	font-size : 9px;
	padding-left : 6px;
}
.popupListeConstructeur {
	font: normal 13px Verdana;
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	top: 0;
	list-style: none;
	background: white; /* background color of drop down */
	border: 1px solid lightgray;
	border-bottom-width: 0;
	box-shadow: 0 0 8px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 0 0 8px #818181;
	-moz-box-shadow: 0 0 8px #818181;
}
.liPopupListeConstructeur {
	padding: 3px 10px 3px 3px;
	height:18px;
	border-bottom: solid 1px #888;
}
.AdminSaisieTitreColonne {
  font-family:Verdana;
	border-left :1px solid #5B6B92;
	border-top :1px solid #5B6B92;
  font-style:normal;
  font-weight:bold;
  font-size:12px;
  color:#5B6B92;
  text-decoration: none;
  text-align:center;
}
.AdminSaisieTitreLigne {
	vertical-align:middle;
	border-left :1px solid #5B6B92;
	border-top :1px solid #5B6B92;
	font-family:Verdana;
	font-size:14px;
	color:#A40934;
	line-height:30px;
	font-weight:bold;
  text-align:center;
}
.AdminSaisieFinColonne {
	border-right :1px solid #5B6B92;
}
.AdminSaisieFinLigne {
	border-bottom :1px solid #5B6B92;
}
.caseValeurMoyenne {
	border-left :1px solid #5B6B92;
	font-family:Verdana;
	font-size:12px;
}
.caseObjectifMoyen,.caseValeurMoyenne {
	border-top :1px solid #5B6B92;
	line-height:24px;
  text-align:center;
}
#msgLoading {
	position:absolute;
	top:250px;
	/*width:776px;*/
	width:100%;
	z-index:10;
	text-align:center;
}
.TextLoading{
	border: solid 1px #000;
	font-size: 10pt;
	text-align: center;
	background-color: #B7BCCE;
	-moz-opacity:0.94;
	opacity: 0.94;
	font-size: 8pt;
	text-align:center;
}
.LienMenu { 
  /*border:solid 1px transparent;*/
  vertical-align:middle;
  cursor:pointer;
}
.LienMenu:hover {
  background-color:#F7F3F7;
  /*border:1px solid #3F3F3F;*/
}
.titreNiveau1 {
	font-size: 11px;
}
.btGenere {
	text-shadow:0 0 2px #000;
	border-radius:10px;
	color:#FFF!important;
	cursor:pointer;
	display:inline-block;
	font-family:'Open Sans', sans-serif;
	font-size:15px!important;
	font-weight:700!important;
	line-height:25px;
	text-decoration:none!important;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	margin:4px;
	padding:4px 20px;
}
.magenta:active {
	background-color:#9227B4;
	box-shadow:inset 1px 1px 2px #9227B4,0px 0 3px black, inset 0 18px 0 #9F32CA !important;
}
.magenta:hover {
	background-color:#9227B4;
	box-shadow:1px 1px 5px black,inset 1px 1px 2px #8727B4,0 0 2px #9F32CA, inset 0 18px 0 #9F32CA;
}
.magenta {
	background-color:#7C1AAA;
	box-shadow:1px 1px 5px black,inset 1px 1px 2px #A835CC,0 0 2px #8D1AAA, inset 0 18px 0 #A025BF;
}
/* Container */
.modal {
    /* Overlay page content */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;

    /* Transition opacity on open */
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;

    /* Hide for now */
    opacity: 0;
    pointer-events: none;
}
/* Show modal */
.modal:target {
    opacity: 1;
    pointer-events: auto;
    /* at time of writing (Feb 2012), pointer-events not supported by Opera or IE */
}
/* Content */
.modal > div {
  width: 650px;
  background: #fff;
  position: relative;
  margin: 10% auto;

  /* Default minimise animation */
  -webkit-animation: minimise 500ms linear;
  -moz-animation: minimise 500ms linear;
  animation: minimise 500ms linear;

  /* Prettify */
  padding: 30px;
  border-radius: 7px;
  box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  background: #fff;
  background: -moz-linear-gradient(#fff, #ccc);
  background: -webkit-linear-gradient(#fff, #ccc);
  background: -o-linear-gradient(#fff, #ccc);
  background: linear-gradient(#fff, #ccc);
  text-shadow: 0 1px 0 #fff;
}
/* Override animation on modal open */
.modal:target > div {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    animation-name: bounce;
}
.modal h2 {
    font-size: 36px;
    padding: 0 0 20px;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale3d(0.1,0.1,1);
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
    -webkit-transform: scale3d(1.08,1.08,1);
    box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
    -webkit-transform: scale3d(0.95,0.95,1);
    box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
    -webkit-transform: scale3d(1,1,1);
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}
@-webkit-keyframes minimise {
  0% {
    -webkit-transform: scale3d(1,1,1);
  }
  100% {
    -webkit-transform: scale3d(0.1,0.1,1);
  }
}
@-moz-keyframes bounce {
  0% {
    -moz-transform: scale3d(0.1,0.1,1);
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
    -moz-transform: scale3d(1.08,1.08,1);
    box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
    -moz-transform: scale3d(0.95,0.95,1);
    box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
    -moz-transform: scale3d(1,1,1);
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}
@-moz-keyframes minimise {
  0% {
    -moz-transform: scale3d(1,1,1);
  }
  100% {
    -moz-transform: scale3d(0.1,0.1,1);
  }
}
@keyframes bounce {
  0% {
    transform: scale3d(0.1,0.1,1);
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
    transform: scale3d(1.08,1.08,1);
    box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
    transform: scale3d(0.95,0.95,1);
    box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
    transform: scale3d(1,1,1);
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@keyframes minimise {
  0% {
    transform: scale3d(1,1,1);
  }
  100% {
    transform: scale3d(0.1,0.1,1);
  }
}
/* Modal close link */
.modal a[href="#close"] {
  position: absolute;
  right: 0;
  top: 0;
  color: transparent;
}
/* Reset native styles */
.modal a[href="#close"]:focus {
    outline: none;
}
/* Create close button */
.modal a[href="#close"]:after {
  content: 'X';
  display: block;

  /* Position */
  position: absolute;
  right: -10px;
  top: -10px;
  width: 1.5em;
  padding: 1px 1px 1px 2px;

  /* Style */
  text-decoration: none;
  text-shadow: none;
  text-align: center;
  font-weight: bold;
  background: #000;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.modal a[href="#close"]:focus:after {
    outline: 1px solid #000;
}
a.boutonOK{
  /*margin: 1em auto;*/
  margin-bottom:4px;
  width: 20px;
  background: #ccc;
  text-align: center;
  /*padding: 3px;*/
  padding-left:4px;
  padding-right:4px;
  padding-top:4px;
  border-radius: 7px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #ddd);
  background: -webkit-linear-gradient(#fff, #ddd);
  background: -o-linear-gradient(#fff, #ddd);
  background: linear-gradient(#fff, #ddd);
  text-shadow: 0 1px 0 #fff;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
a.boutonOK:hover,
a.boutonOK:focus {
  background: -moz-linear-gradient(#fff, #ccc);
  background: -webkit-linear-gradient(#fff, #ccc);
  background: -o-linear-gradient(#fff, #ccc);
  background: linear-gradient(#fff, #ccc);
}
.aideindicateur {
	font-family:Arial;
	font-size: 20px;
	padding: 0 0 20px;
	width: 650px;
	height: 70px;
}
.aideregle {
	font-family:Arial;
	width: 650px;
	height: 80px;
	font-size: 14px;
}
.aidechamplibre {
	font-family:Arial;
	font-size: 12px;
	width: 650px;
	height: 90px;
	font-style: italic;
}
.enteteBloc {
	color:white;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	/*text-align:center;*/
	padding-left:10px;
	height:25px;
	background: linear-gradient(#84AACE, #24416B);
	border-right: solid 1px #336699;
	border-left: solid 1px #336699;
	border-top: solid 1px #336699;
  margin-left:2px;
	margin-right:2px;
  line-height: 170%;
}
.CadreGrapheImage {
	border-left:1px solid #336699;
	border-right:1px solid #336699;
	border-bottom:1px solid #336699;
	margin-left:2px;
	margin-right:2px;
}
.enteteTableau {
	color:Black;
	text-align:center;
	padding-right:1px;
	padding-left:1px;
	border-right : 1px solid white;
	background-color:#6086B1;
	height:26px;	
}
.enteteTableau:last-of-type {
	border-right : 0px;
}
.trTableau {
	height:18px;
}
.trTableau:nth-child(2n+1) {
	background-color:#E7E7E7;
}
.trTableau:nth-child(2n+0) {
	background-color:#FFFFFF;
}
.caseTableau {
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-left:5px;
	padding-right:5px;
}
.caseTableau:last-of-type {
	border-right: 0px;
}
.texteTableauRight {
	text-align:right;
	padding-right:1px;
}
.compteBoutonPlus {
	float:left;
	padding:2px 0px 0px 2px;
}
.trAlterne2 {
	height:18px;
	counter-increment: linecounter;					/* Incrémente le compteur*/
}
.trAlterne2:nth-child(2n) {
	background-color:#FFFFFF;
}
.trAlterne2:nth-child(2n+1) {
	background-color:#E7E7E7;
}
.trAlterne2 td {
	border-right:solid 1px white;
}
.trAlterne2 td:last-child {
	border-right:0px;
}
.texteTableauTD {
	height:1px;
	text-align:center;
}
.LienHTTP {
  color: #214571;
  text-decoration: underline;  
}
.curseurMain {
  cursor:pointer;
}
.cliquable {
	text-align: center !important;
	cursor: pointer;
}
.divPopup {
  position:absolute;
  display:none;
 	background-color:#E6ECF3;
  left : 0px;
  top: 100px;
  padding-left:19px;
  width: 603px;
  z-index:5000;
  border:solid 1px #000;
}
.iPopup {
	display:block;
	width:598px;
	z-index:5001;
	background-color:#D0D6E2;
}
.boutonValiderBleu {
	background: #E4F6FF;
	cursor:pointer;
	border-radius: 0.3vw 0.3vw 0.3vw 0.3vw;
	height: 2vw;
}
.texteBoutonValiderBleu {
	color : #1338A3;
	padding: 0 1.0vw;
	font-family:Verdana;
	cursor:pointer;
	font-size:1vw;
}
.boutonValiderBleuPopup {
	background: #E4F6FF;
	cursor:pointer;
	border-radius: 0.6vw 0.6vw 0.6vw 0.6vw;
	height: 4vw;
}
.texteBoutonValiderBleuPopup {
	color : #1338A3;
	padding: 0 2.0vw;
	font-family:Verdana;
	cursor:pointer;
	font-size:2vw;
}
.TableauNomEntite {
  font-weight: bold;
  padding-left: 4px;
  font-size: 1.5vw;
  height: 3.1vw;
  text-align: left;
  border-bottom: solid 2px #1338A3;
  color: #1338A3;
}
.pagesVuesMenu1 {
	font-weight:bold;
	font-size:12px;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-left:5px;
	padding-right:5px;
}
.pagesVuesMenu2 {
	font-size:12px;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-left:10px;
	padding-right:5px;
}
.pagesVuesMenu3 {
	font-size:11px;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-left:20px;
	padding-right:5px;
}
.pagesVuesMenu4 {
	font-size:10px;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	padding-left:30px;
	padding-right:5px;
}
/* .pagesVuesMenu1 { */
	/* font-size:12px; */
	/* color:#000000; */
	/* font-weight:bold; */
	/* background-color:#B4C7DB; */
/* } */
/* .pagesVuesMenu2 { */
	/* font-size:12px; */
	/* color:#000000; */
	/* border-bottom:1px solid #CCCCCC; */
	/* background-color:#E7E7E7; */
	/* padding-left:10px; */
/* } */
/* .pagesVuesMenu3 { */
	/* font-size:11px; */
	/* color:#000000; */
	/* padding-left:20px; */
	/* border-bottom:1px solid #CCCCCC; */
/* } */
/* .pagesVuesMenu4 { */
	/* font-size:10px; */
	/* color:#000000; */
	/* padding-left:30px; */
	/* font-weight:normal; */
	/* border-bottom:1px solid #DDDDDD; */
/* } */