html, body, div, form, table {margin:0; padding:0; }
        body {font-family:Calibri, Tahoma, Arial, "sans serif"; color:#303030; background-color:white; font-size:1em; min-height:100%;}
        img {border:none; }
        div {box-sizing:border-box;}
        table, th, td, div {border-collapse:collapse;}
        .mainAdmin {width:832px; margin:15px auto 50px auto; border:solid 1px #3797D3; border-collapse:collapse; padding:0;}

        .enteteAdmin {text-align:center; background-color:white;}
        .divFieldset {margin:15px;}
        .bleu {color:#3996D2;}
        fieldset {
            display:block; width:770px;
             border:solid 1px #3797D3;
             margin: 15px;
             padding:15px;
                 
        }
        legend {font-weight:bold; color:#3797D3;}
        
        .PnlMenu {padding:0; text-align:center; }

    .divB15 {border:solid 1px #3797D3; padding:15px;}
       
        #Menu1 {margin:5px 0; padding:5px; background-color:#EFEFEF;}

        .menu, .menu2 {font-size:16px;  display:inline-block; padding:3px 6px;  border:solid 1px #3797D3;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                
        }
        .menu {background-color:#3797D3;color:white;}
        .menu2 {background-color:white;color:#3797D3;}
         a.menu {color:#303030;}
        .menu:hover {background-color:#3797D3; color:#303030;}
        
         a.menu2 {background-color:white; color:#3797D3;}
        .menu2:hover {background-color:#3797D3; color:white;}
        
                .bgRed {background-color:red;}
        a.actif, .actif {color:#757575; font-weight:bold;}
        .left , .left > * {text-align:left;}
        .barre, .barre > * {text-decoration:line-through;}
        .red, .red > * {color:red;}
       /* a.actif:before { content:"⇨ ";} */

        .search {margin: 15px;}
        .search span {font-weight:bold;}
  
        .panel {}
        .libelle {display:inline-block;  width:250px;}
        .redB {color:red; font-weight:bold;}
  
        .textMail {width:763px; height:400px; border:dotted 1px #3797D3;}
        .h3Titre {color:#303030; font-size:22px; margin-left:15px; border-bottom:solid 1px #3797D3; margin-right:300px; text-transform:uppercase;}
        .hidden {visibility:hidden; }
        .red {color:red;}
        .tabRessources {width:800px; margin:20px auto; border:solid 1px #3797D3;border-collapse:collapse;color:#303030;}
        .tabRessources td,  .tabRessources th {border:solid 1px #3797D3; border-collapse:collapse; padding:5px; }    
        .tabRessources a {color:#3797D3;}
        .tabRessources a:visited {color:#3797D3;}
        .tabRessources a:hover {color:#757575;}        


        .tabListe {width:1198px; border:none; color: #333333; background-color:white; margin-bottom:18px;} /*border-bottom:solid 1px #e6e6e6;*/
        .tabListe th, .tabListe td {width:110px; border:solid 1px #e6e6e6; text-align:center;}
        .tabListe th , .tabListe thead td {font-size:14px; text-decoration:none; vertical-align:top; font-weight:normal; height:45px; line-height:14px; padding-top:4px; border-top:solid 1px #e6e6e6;}
        .tabListe td {overflow:hidden; font-size:12px; height:25px; border-top:none; border-bottom:none; }
        .tabListe td:nth-child(1) , .tabListe th:nth-child(1) { border-left:none; width:50px;} 
        .tabListe th:last-child , .tabListe td:last-child { border-right:none; }
        .tabListe a {color:#3996d2; text-decoration:underline;}
        .tabListe a:visited {color:#3996d2;}
        .tabListe a:hover {color:#3996d2; text-decoration:none;}
        .tabListe th a,  .tabListe thead td a {color:#333333; text-decoration:none;}
        .tabListe th a:visited, .tabListe th a:hover .tabListe thead td a:hover  {color:#333333;}

        .tabListe tr:nth-last-child(2)  td {border-bottom:solid 1px #e6e6e6 !important;}
        .tabListe tr:hover {background-color:#B2B2B2 !important; color:black;}
        .tabListe tr:hover th {background-color:white;}

        .tabAchats {width:770px; margin:0; border:solid 1px #3797D3; border-collapse:collapse; color:#303030;}
        .tabAchats th, .tabAchats td {border-bottom:solid 1px #3797D3; border-right:solid 1px #3797D3; border-collapse:collapse;}
        .tabAchats .headTh th {background-color:#3797D3; color:white;}
        .tabAchats td {padding:10px;}
        .tabAchats th {text-align:left; padding:5px 10px;}
        .small {font-size:12px;}
        .tabAchats td {font-size:12px;}

        .tabAbt {width:800px; margin:-18px -15px 0 -15px; border:none; border-collapse:collapse; color:#303030; text-align:left;}
        .tabAbt th , .tabAbt td { padding:5px 15px; }
        .tabAbt td {border-top: solid 1px #3797D3;}
        .tabAbt th:nth-child(2) { color:#3797D3;}

        .tabStats {width:800px; margin:20px 0; border:none; border-collapse:collapse; color:#303030; text-align:left;}
        .tabStats th, .tabStats td {border-collapse:collapse; border:solid 1px#3797D3; padding:5px 15px;}
        .tabStats td {font-size:12px;}


        #piedPage {width:100%; height:28px; line-height:28px; background-color:#3797D3; color:white; text-align:center; font-size:12px; margin-top:50px;}
        .tb400 {width:400px;}
        .tdRight {text-align:right;}
        .redAlert{color:red; font-weight:bold; font-size:24px; }
        .lb100 {display:inline-block; width:100px;}

        .graph {width:780px;background-color:white; margin-bottom:15px; min-height:370px; }

        .w90 {width:90%; margin:0 5%;}

        .tabAdh {min-height:440px;}
        .tabAdh, .tabAdh th, .tabAdh td {border-collapse:collapse; border:solid 1px gray; font-size:14px; }
        .tabAdh th { background-color:#3797D3; color:white; text-align:right; padding-right:5px; height:26px; }
        .tabAdh td {width:300px; height:26px; background-color:white; padding-left:3px;}
        .tabAdh td .grise {background-color: #B2E1FD;}

        .grise {background-color:#D3D3D3;}

        [contenteditable="true"]:active,
        [contenteditable="true"]:focus{
       background-color:#FFFFC0;
        }



#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}

.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #B2E1FD;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
a.close { display:inline-block; float:right;}
#CoursAffectables {}
#CoursAffectables div {max-height: 600px; overflow:auto;}
#tabListeCoursAffectables {border:solid 1px blue;}
#tabListeCoursAffectables th {background-color:#3797D3; color:white;}

.btVoirTrue { color:red !important;}


       #mask
        {
            position: fixed;
            left: 0px;
            top: 0px;
            z-index: 4;
            opacity: 0.4;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* first!*/
            filter: alpha(opacity=40); /* second!*/
            background-color: gray;
            display: none;
            width: 100%;
            height: 100%;
        }

.imgFermerAdh {width:30px; height:20px; background-image:url(/v2013/img/pictos.png); background-position:0 125px;}
.imgFermerAdh {float:right !important; margin:-15px -10px 5px 5px;}
.center {text-align:center;}

/* Pagination gridview */
.paging {}
tr.paging, tr.paging td { border-left:none !important; border-right:none !important; border-bottom:none !important; }
tr.paging td {width:25px; text-align:left;}
tr.paging td:first-child:before {content:'Pagination '; padding-right:15px;}
tr.paging td span {font-weight:bold;   }
tr.paging td:nth-child(1) {width:120px; text-align:right !important; padding-right:25px !important;}


/* Alerte */
#alert { min-width:200px;}
#alertHead{padding:10px !important; font-size:16px; font-weight:bold; border-bottom:solid 1px #e6e6e6; background-color: #e6e6e6;}
#alert img {float:right; width:30px; height:20px; background-image:url(/v2013/img/pictos.png); background-position:0 100px; margin:-5px -5px 0 0; cursor:pointer;}
#alert img:hover {border:solid 1px white;}
#innerAlert {min-height:80px; text-align:center; padding:10px !important; font-size:14px;}