/*----------------------------  REDEF HTML */
HTML{font-size: 100%;height:100%}
@font-face {
font-family: 'avenir';
src: url('Avenir-Book.otf') format('truetype'),url('Avenir-Medium.otf') format('truetype'),url('Avenir-Heavy.otf') format('truetype');
font-weight: normal;
font-style: normal;
}	 
BODY
{
	font: 13px  'Segoe UI',Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:auto;
	margin:0px 0px; padding:0px 0px;
	background-color: FFFFFF;
	text-align:left;
	height:100%;
}
hr { border: 0;
    height:1px;
	margin:10px 0px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.50), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.50), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.50), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.50), rgba(0,0,0,0));  
	
}
p,li {font-size:14px }
form {margin:0px 0px}
a img {border:none }
a {color:inherit;  text-decoration:none;}
a:hover {text-decoration:underline;}
h3 {margin:0px 0px 15px;color:#675c63}

/*--- mise en page ----------------------------------*/
.main {margin: 1% 1.5%; padding: 50px 50px;min-height:90%;
	-moz-box-shadow: 2px 2px 6px #aaa; 
  -webkit-box-shadow: 2px 2px 6px #aaa; 
  box-shadow: 2px 2px 6px #aaa;}
.adroite {float:right }
.clear {clear:both}
.hmin {min-height:500px;margin-top:15px}
img.puce {float:left;margin-right:8px;height:18px;width:18px;margin-top:-3px }
p.souspuce {margin-left:26px }
.listeover {height:80vh;overflow:auto }
/*---- Gabarits --------------------------------------------*/
.colonnes25-75 .gauche {float:left;width:18%;margin-right:1%; /*padding:15px 15px;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);min-height:500px*/}
.colonnes25-75 .droite {float:left;width:76%;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);padding:25px 25px;min-height:500px}
/*#panneau {padding:0px 0px 0px 25px;min-height:500px};*/
.scrollable {height:350px;overflow:auto;padding:10px 10px  }
/*-------------------------------------------- inputs */
input[type='text'],textarea {border:solid 1px #D3D3C2;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding:3px 3px;}
input.small {padding:3px 3px;width:12px;text-align:center}
input[type='checkbox'] {border:none }
input[type='radio'] {border:none }
.oblig {/*border-bottom:solid 2px #FFCC33 */}
.obligLess {border:solid 2px #Cc0000}

/** haut */
.blochaut {margin:-10px -10px}
.blochaut .logo { float:left;width:350px;height:67px;overflow:hidden}
.blochaut .login { float:right;margin-top:10px}
.blochaut .bloctitre {float:left;font-size:150%;padding-top:23px;text-transform:uppercase;color:#6e267b;font-weight:bold;width:470px;overflow:hidden}
.blochaut .banche {float:left }
.blochaut .branche div {float:left;padding:25px 30px;color:#988f86}
.blochaut .branche .current {color:#3e3d40 }
/*--- pied fixe 04/12 */
#piedfixe{
   position: fixed;
   width: 100%;
   height: 14px;
   left: 0px;
   bottom: 0px;
  background: #E5E5E5;
  font-size:9px;padding:4px 3px;
  /*background:url(IMG/decor/fond_top_login.jpg) bottom repeat-x;color:white*/
}


/** menus head **/
#menuhead .current {font-weight:bold }
#menuhead a {color:#C7C2BA}
#menuhead .current a {color:white}

.bgwarmgray1 {background:#e0ded8}
.bgwarmgray7 {background:#988f86}
.bgwarmgray11 {background:#675c63}
.bgnoir {background:#3e3d40 }
.coviolet {color:#6e267b }
.conoir {color:#3e3d40 }

#home {margin:10px -30px;}
#home .manchette {width:335px;float:left;padding-left:10px}
#home .corps{margin-left:355px;padding:0px 10px;;max-height:100%;overflow:auto}
#home h3 {margin:10px 0px;font-size:20px }
.smalltext {font-size:12px;line-height:100% }

/**------ tableau à liste --------------- */
.tbliste {margin-bottom:20px;border:solid 1px #DDD;border-bottom:none;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px}
.tbliste TD,.tbliste TH{border-bottom:dotted 1px #AEA79F;padding:2px 8px;height:20px;}
/*.tbliste TR:hover {background-color:#E0DED8} 
.tbliste thead TR:hover {background-color:none} */
.tbliste thead {background:#E0DED8;}
.tbliste TD table TD {border:none;height:auto }
.tbliste thead td,.tbliste thead th {font-size:105%;font-weight:bold;}

.ligneURL TD {cursor:pointer }
/*---------------------------- interfaces 2011 ----------------------*/
.toolbar {margin:0px 0px 0px 0px;padding-top:20px}
.toolbar {float:right}
.toolbar .item {float:right;margin:0px 0px 12px 0px}
#toolbar {padding: 12px 0px;display: inline-block;float:right; }
/* support: IE7 */  *+html #toolbar {    display: inline;  }

.cadrerond {background-color:#FFFFFF; border:solid 1px #D3D3C2;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:15px 20px 15px 20px;}
.cadrerond select  {background:#FFFFFF; border:solid 1px #D3D3C2;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;padding:2px 2px 2px 2px;}
.cadrerond p,.cadrerond li  {margin-top:0px;/*color:#363636*/}

/** messages et instructions **/
.instructions {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;border:solid 1px #CCCCCC; background: #F0F0F0 url(../IMG/icons/bullet_go.png) 3px 4px no-repeat;padding:5px 5px ;padding-left:23px;font-weight:bold}
.informations {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;border:solid 1px #CCCCCC; background: #F0F0F0 url(../images/icons/comment.png) 11px 12px no-repeat;padding:10px 15px ;padding-left:45px;margin-left:0px;clear:both}
.msgerreur {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;border:solid 1px #FF0000;  background: #FFD2D2;padding:10px 5px ; color:#FF0000 }
.msgOK {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; border:solid 1px #336600;  background:#DFFFDF;padding:5px 15px 5px 15px ;border-color:#00FF00;color:#336600;font-weight:bold;position:absolute;margin-left:350px;width:auto}

.surtitre {color:#666666;}
._titre {font-size:19px;color:#330000;font-weight:bold;margin-bottom:15px;}
.titre {font:20px 'avenir', sans-serif;color:#6e267b;margin-bottom:15px;text-transform:uppercase}

/* -- boites des taches */
div.TT_saisie {float:left;margin-right:3px;; border:solid 1px #D3D3C2;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:3px 4px;font-weight:bold;font-size:10px }
div.TT_saisie .tache {float:left }
div.TT_saisie .effectif {float:left; color:#333;background:#FFF;padding:2px 2px;margin-left:5px;font-size:10px }
.inNormes { margin:3px 1px;clear:none}

.horaire {width:30px;margin:0px auto;border:solid 1px #D3D3C2;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:3px 4px;font-weight:bold;font-size:10px;background:#EFEFEF;color:#603}

.dialogWithDropShadow  {-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
.currentDialog	{margin:15px}
.grisclair {background:#C7C2BA;color:gray}
 
 /* button 
---------------------------------------------- */
.bouton {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% 'Lato',Arial, Helvetica, sans-serif;
	padding: .4em .5em ;	
/*		padding: .5em 1em .55em;	*/
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
	text-transform:uppercase;
	/*- couleur -*/
	color: white!important /*#faddde*/;
	/*border: solid 1px #669900;*/
	background: #6e267b;
	background: -webkit-gradient(linear, left top, left bottom, from(#A1006B), to(#6E267B));
	background: -moz-linear-gradient(top,  #A1006B,  #6E267B);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1006B', endColorstr='#6E267B');
}

.button:hover {	text-decoration: none;
	background: #669900;
	background: -webkit-gradient(linear, left top, left bottom, from(#95dd00), to(#669900));
	background: -moz-linear-gradient(top,  #95dd00,  #669900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#95dd00', endColorstr='#669900');}
.button:active {position: relative;	top: 1px;	color: white /*#de898c*/;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
a.button ,a.button:visited,a.button:link {text-decoration:none;color:#fff}

.green {
	color: white /*#faddde*/;
	border: solid 1px #669900;
	background: #4d7100;
	background: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#4d7100));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#669900', endColorstr='#4d7100');
}
.green:hover {
	background: #669900;
	background: -webkit-gradient(linear, left top, left bottom, from(#95dd00), to(#669900));
	background: -moz-linear-gradient(top,  #95dd00,  #669900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#95dd00', endColorstr='#669900');
}
.green:active {
	color: white /*#de898c*/;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

.btselect {font: 12px/100% 'Lato',Arial, Helvetica, sans-serif;
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#999999));
	background: -moz-linear-gradient(top,  #666666,  #555555);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#555555');	 }
a.green ,a.green:visited,a.green:link {text-decoration:none;color:#fff}
.dashboard {}
.dashboard div.tuile {float:left;width:30%;margin-right:1%;}
.dashboard div.tuile h3 {text-transform:uppercase;}

/*-- pour calendrier --*/
.jourencours {font-weight:bold}
a.jouroccupe, a:link.jouroccupe ,a:visited.jouroccupe {background:#eb2228;color:#FFFFFF!important; font-weight:bold;padding:0px 1px }
.calSemaine {color:#eb2228;font-weight:bold }
#calendrier {}
table thead {display: table-header-group;}
table tfoot { display: table-footer-group;}
table tbody { display: table-row-group;}
.page-break { page-break-after:always;}

.tablescroll_head td,.tablescroll_foot td  {background:#988f86;color:white;text-transform:uppercase;font-weight:normal;font-size:11px;padding:1px 4px}
.tablescroll_wrapper { border:none}
.tablescroll_wrapper td {padding:1px 3px }
.ui-dialog-titlebar {color:white;background:#988f86; text-transform:uppercase;font-weight:normal }

/*----- reglette de temps pour tache type*/
/*a.ui-slider-handle {font-size:11px;text-decoration:none;padding:2px 2px;text-align:center}*/
.ui-regletteDuree {font-size:10px!important;text-align:center;}
#taquet {width:360px;text-align:center;padding:0px 0px}
#duree {border:none;text-align:right }
.regletteJour {width:240px;display:none;margin:5px 2px}
.regletteJour a {font-size:10px!important;padding:1px 5px!important;cursor:e-resize;text-decoration:none}


/*--------- listes triables (compétences) -----*/
.triable { list-style-type: none; margin: 0;padding:0 }
.triable li { margin: 0 0px 2px 0px; border:solid 1px #DDD;padding:2px 4px;cursor:move;font-size:12px;background:#FCFCFC; }
.accessoire{display:none;}

/** silouhettes **/
.silouhette {float:left;margin-top:0px;min-width:121px;min-height:20px;background: url(/images/icons/silouhetteTrain90.png) left top no-repeat;font-weight:500;padding: 4px 2px 2px 5px;cursor:pointer;font-size:9px;text-align:left;}
.silactive {background-color:#87C700  }
.numeros {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
.numeros > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 35px; /* Give each list item a left margin to make room for the numbers */
    padding:2px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    background:#fff;
	border:solid 1px #ccc;margin-bottom:5px
}
ol.numeros > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-1px;
    left:-35px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:34px;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:2px;
    border:1px solid #ccc;
    background:#eee;
    font-weight:bold;
    text-align:center;
}

.inputonplace input {background:#EEE;width:85%!important;padding:0px 5px;height:20px!important}

/*------- braid crump */
#breadcrumb { float: right; display: block;margin-left:-15px }
#breadcrumb ul { list-style: none; }
.crumbs { display: block; }
.crumbs li {  display: inline; }
.crumbs li.first { padding-left: 6px; }
.crumbs li a, .crumbs li a:link, .crumbs li a:visited { color: #666; display: block; float: left; font-size: 12px; margin-left: -13px; padding: 7px 17px 11px 25px; position: relative; text-decoration: none; }
.crumbs li a { background-image: url('/css/img/bg-crumbs.png');  background-repeat: no-repeat; background-position: 100% 0; position: relative; }
.crumbs li a:hover,.crumbs li.current a { color: #333; background-position: 100% -48px; cursor: pointer;color:white }
.crumbs li a:active { color: #111; background-position: 100% -96px;}
.crumbs li.first a span { height: 29px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 0px; left: 0px; }


/** search box */
.found {background-color:#f99;}
#searchbox {width:350px; position:absolute;
_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight-10);
left:10px; bottom:10px; background-color:#ccc; border:2px outset #ccc; padding:1px;}
body > #searchbox {position:Fixed;}
#searchbox fieldset {border:0;text-align:center;margin:3px;}
#searchbox input {margin:1px;padding:2px;}
#search {width:160px;}

/* pour panneau prog */
.tsection {margin:0px;text-transform:uppercase;font:23px 'avenir',sans-serif;color:#6e267b;margin-bottom:10px}

.support {background:#ECECEC;padding:10px;;-moz-box-shadow: 2px 2px 6px #aaa;   -webkit-box-shadow: 2px 2px 6px #aaa;   box-shadow: 2px 2px 6px #aaa;}
.rotate {
-webkit-transform: rotate(-90deg);/* Safari */
-moz-transform: rotate(-90deg);/* Firefox */
-ms-transform: rotate(-90deg);/* IE */
-o-transform: rotate(-90deg);/* Opera */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/* Internet Explorer */

}

/** pour modal d'attente */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(0, 0, 0, .5 ) 
                url(/images/decor/FhHRx.gif) 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}

div.contextmenu {
	background: #fafafa;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 100;
	display: none;
	border-radius: 3px;
	width:250px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}
.contextmenu li {margin:5px 0px }
.contextmenu a {color:#000;display:block;font-size:12px;padding:5px;border-bottom:solid 1px #d7d7d7}
.contextmenu a:hover {background:#d7d7d7;text-decoration:none}
.contextmenu span {float:left }
.simpleColorContainer {z-index:10000 }

.btnico {display:inline-block;width:24px;height:24px;background:url(/images/icons/LineIconSet.png) 0px 0px no-repeat;margin-right:4px;opacity:.75;float:left}
.btnico:hover {opacity:1 } 
.fermer {background-position:-79px -702px;float:right }
.ok {background-position:-118px -702px }
.pdf {background-position:-41px -0px;margin-right:0px }
.impr {background-position:0px -76px; }
.agtroles {background-position:-235px -156px} 
.progico {background-position:-40px -195px }
.cle {background-position:-352px -157px}
.agtabsent {background:url(/images/decor/fondabs.png)!important}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .2 ) 
                url( /images/decor/loading6.gif)
                50% 50% 
                no-repeat;
}
.modal #waittitre {font-size:150%;color:white;margin-top:30%;text-align:center }

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

/* feuille de service */
	.tbFS h2 {margin:0px}
	.tbFS thead td {font-weight:bold;text-transform:uppercase;background:#DDD;text-align:center;font-size:11px}
	.tbFS td {border:solid 1px #CCC;font: 12px Arial, sans-serif}

/* edition modèle */
#listelignes,#listetrains,#listetaches ,#listedivers{list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
	}
	#listetaches {height:300px;overflow:auto}
	
/* liste des taches / trains > trains suivants / précédent*/
.tabletrain {xwidth:147px;margin:0px;font-size:85%}
.tabletrain td { border:none;padding:0px 1px}
.tabletrain .nt {width:70px}
.tabletrain .s {width:8px;text-align:right}
.tabletrain .h {width:32px;text-align:right}
.tabletrain .v {width:15px;text-align:right}
div.tabletrain div {}

ul#triple {width:100%;margin-bottom:20px;overflow:hidden;padding:0px}
ul#triple li{line-height:1.5em; float:left;  display:inline;width:33.333%; }