th { color: white; font-size: 8pt; font-family: Verdana; background-color: #2b6e9f }
td { color: black; font-size: 8pt; font-family: Verdana }
body { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; background-color: #f2f0f0 }
.body1 { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; background-color: #e5f1f4 }

A{ color : #ff8f20; }
A:Visited{ color : #ff8f20; }
A:Hover{ color : #f8fbfc; }

.texteBlancGras { color: white; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.texteBlancGras1 { color: white; font-weight: bold }
.texteNoirGras { color: black; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.texteNoirGras1 { color: black; font-weight: bold }
.texteNoir { color: black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.texteNoir1 { color: black; }
.texteGris { color: gray; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.texteGris1 { color: gray; }
.texteRouge { color: red; }

.texteMarronGras { color: #ff8f20; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.texteMarronGras1 { color: #ff8f20; font-weight: bold }
.texteMarron { color: #ff8f20; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.texteBeige { color: #dfa76f; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right }
.texteBordeau { color: #990000; font-size: 9px; font-style: oblique }
.Important { color: red; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.Important1 { color: red; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

.text10{ font-size: 10px; }
.text11{ font-size: 11px; }
.text12{ font-size: 12px; }
.text18{ font-size: 18px; }
.text20{ font-size: 20px; }

.titre{
	font-size: 14pt;
	color: #ff8f20;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	text-align: left;
}

.titre_important { color: red; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
.titre_important1 { color: red; font-weight: bold }

.annee  { color: #a4c8f0; font-size: 30px; font-family: Arial, Helvetica, sans-serif, Verdana; font-style: italic; font-weight: bold }
.titre_imp_blink{
	font-size: 20pt;
	color: #a4c8f0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: italic;
	text-decoration: blink;
}

.situation{
	font-size: 10pt;
	color: #000000;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: right;
	vertical-align: top;
}

.itemTableau { color: #ff8f20; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }

.titreTableau{
	font-size: 10pt;
	color: #ffffff;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #ff8f20;
	text-align: center;
}
.compteur   { color: #ffffff; font-size: 7pt; font-family: Verdana; font-weight: bold; background-color: gray; text-align: center }
.texteGras{
	font-size: 8pt;
	color: #ff8f20;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.texte { color: #000000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif }
.TDGras{
	font-size: 9pt;
	color: #2b6e9f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	height: 25px;
}

.alignGauche{
	margin-left: 50px;
}

.sousTitre{
	font-size: 10pt;
	color: #ffffff;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
.ErrorMessage
{
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size: 10pt;
	color: Red;
}
.HiddenTextBox
{
	color : #F2F0F0;
	border : none;
	background-color : #F2F0F0;
}

.TABLEbandeau
{
	border : none;
	background-color : #ffffff;
}

.TABLEbandeau1
{
	border : none;
	font-color: #ffffff;
	color: #ffffff;
}

.TABLEbandeau2
{
	border : none;
	font-color: #ffffff;
	color: #ffffff;
	background-color: #ffffff;
}

.tableau { background-color: white; font-size: 10px; font-family: Verdana; border: solid thin gray }
.tableau1 { background-color: #f1faff; border: solid thin gray }
.orange { font-size: 9px; color: black; background-color: #fc0; text-align: center; border: 1px solid #ffffff}
.bleuclair { font-size: 9px; color: black; background-color: #089cff; text-align: center; border: 1px solid #ffffff}
.vert { font-size: 9px; color: black; background-color: #6c9; text-align: center; border: 1px solid #ffffff}
.rouge { font-size: 9px; color: black; background-color: #ff645f; text-align: center; border: 1px solid #ffffff}
.jaune { font-size: 9px; color: black; background-color: #ff0; text-align: center; border: 1px solid #ffffff}
.gris { font-size: 9px; color: black; background-color: #bbb; text-align: center; border: 1px solid #ffffff}
.transp { color: black; font-size: 9px; background-color: transparent; text-align: center; border: solid 1px #ffffff }
.transpBT { color: black; font-size: 9px; background-color: transparent; text-align: center; border: 1px solid #ffffff}
.bleufonce { font-size: 9px; color: white; background-color: #006; text-align: center }
.lila { font-size: 9px; color: black; background-color: #9e9eed; text-align: center; border-width: 1px; }
.blanc { font-size: 9px; color: black; background-color: white; text-align: center; border: 1px solid #ffffff}
.blanc1 { font-size: 9px; color: black; background-color: white; border: solid 1px #ffffff}
.bleugris { font-size: 9px; color: black; background-color: #B0C4DE; text-align: center; border: 1px solid #ffffff}
.vertpom { font-size: 9px; color: black; background-color: #90EE90; text-align: center; border: 1px solid #ffffff}
.turquoise { font-size: 9px; color: black; background-color: aqua; text-align: center; border: 1px solid #ffffff}
.rose  { color: black; font-size: 9px; background-color: #ffa7ed; text-align: center; border: 1px solid #ffffff}
.fushia { color: black; font-size: 9px; background-color: #ee82ee; text-align: center; border: solid 1px #ffffff }
.vertbleu { color: black; font-size: 9px; background-color: #40e0d0; text-align: center; border: solid 1px #ffffff }
.marron { color: black; font-size: 9px; background-color: #bc8f8f; text-align: center; border: solid 1px #ffffff }
.creme { color: black; font-size: 9px; background-color: #f5deb3; text-align: center; border: solid 1px #ffffff }
.bleufonceB { font-size: 9px; color: white; background-color: #006; text-align: center; }
.bleufonceV { font-size: 9px; color: #BFD730; background-color: #006; text-align: center; }
.grisP {
	color: #333333;
	text-decoration: underline;
}
.bleufonceP    { color: blue }
.rougefonceP { color: #990000 }
.vertP {
	font-size: 9px;
	color: #BFD730;
	text-align: center;
	text-decoration: underline;
}
.rougeP {
	font-size: 9px;
	color: #990000;
	text-align: center;
	text-decoration: underline;
}
.Gras    { color: #ff8f20; font-size: 11px; font-family: Verdana, Arial; font-weight: bold; background-color: #ffffff }

.titremois  { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: bold; color: #ffffff; background: #ff8f20 }
/*
.titremois:link  { font-family: Helvetica, Arial; font-size: 15px; font-weight: bold; color: #ffffff; background: #ff8f20; text-decoration: none }
.titremois:visited  { font-family: Helvetica, Arial; font-size: 15px; font-weight: bold; color: #ffffff; background: #ff8f20; text-decoration: none }
.titremois:hover  { font-family: Helvetica, Arial; font-size: 15px; font-weight: bold; color: #FF0000; background: #a4c8f0; text-decoration: underline }
*/
.titrejours  { font-family: Verdana, Helvetica, Arial; font-size: 12px; color: #ffffff; background: #a4c8f0 }
.titrenum   { color: #fdfc65; font-size: 12px; font-family: Helvetica, Arial; background: #a4c8f0 }
.titrenum2  { font-family: Helvetica, Arial; font-size: 15px; color: #aaaaaa; background: #a4c8f0 }
.titreweek  { font-family: Helvetica, Arial; font-size: 13px; color: #000000; background: #a4c8f0 }
.titreweek2  { font-family: Helvetica, Arial; font-size: 11px; color: #000000; background: #a4c8f0 }
.titrewend   { color: #ffffff; font-size: 12px; font-family: Helvetica, Arial; background: #e5f1f4 }
.titrewend2  { font-family: Helvetica, Arial; font-size: 15px; color: #aaaaaa; background: #e5f1f4 }
.titrenow   { color: #ffffff; font-size: 12px; font-family: Helvetica, Arial; background: #f2f2f2 }
.titrenowactivite { color: red; font-size: 12px; font-family: Helvetica, Arial; background: #f2f2f2 }
.titreactivite { color: red; font-size: 12px; font-family: Helvetica, Arial; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
.table  { border: solid thin #a4c8f0 }
.tableBB1 { border: solid thin white }
.tableBB  { padding: 10px; border: solid thin white }
.tableFB  { background-color: white; border: solid 1px #a4c8f0 }
.FB { background-color: white; padding: 10px }

div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:0.8em;
}
.form_text_red { background-color: #ff7f7f; }
.form_text_green { background-color: #8eff8e; }

#map {
	height: 80%;
	width: 100%;
}
#legend {
    font-family: Arial, sans-serif;
    background: #fff;
    padding: 10px;
    margin: 10px;
    border: 3px solid #000;
}
.element_Aff_Masq {
	display:  block;
}

.element_centre_vertical { /* inutilisé */
  margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

.bouton_annee {
	border-radius:12px 0 12px 0;
	background: #f5f5f5;
	border:none;
	color:#555;
	font:bold 12px Verdana;
	padding:6px 0 6px 0;
	box-shadow:1px 1px 3px #999;
}

#element_margin_auto {
    margin:auto;
}

.element_p { line-height:5em; }
.element_span {
  display:inline-block;
  line-height:1.3em;
}

/* Calendrier_01_1 */

.td_num {
    -moz-box-shadow:inset 1px 0px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 0px 0px 0px #ffffff;
    box-shadow:inset 1px 0px 0px 0px #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#c0c0c0);
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    /*text-shadow:-1px -1px 0px #000000;*/
    height:40px;
	width:40px;
    /*float:left;margin:0;position:relative;z-index:1;-moz-outline-style:none;outline:none;*/
}
.td_sans_num {
    -moz-box-shadow:inset 1px 0px 0px 0px #ffffff;
    -webkit-box-shadow:inset 1px 0px 0px 0px #ffffff;
    box-shadow:inset 1px 0px 0px 0px #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#c0c0c0);
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    /*text-shadow:-1px -1px 0px #000000;*/
    height:40px;
	width:40px;
    /*float:left;margin:0;position:relative;z-index:1;-moz-outline-style:none;outline:none;*/
}
.td_num_fond_coul {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #a4c8f0) );
    background: -moz-linear-gradient( center top, #ffffff 5%, #a4c8f0 100%);
}
.td_num_select_fond_coul {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.90, #ffffff), color-stop(1, #2b6e9f) );
    background: -moz-linear-gradient( center top, #ffffff 90%, #2b6e9f 100%);
}
.td_week_fond_coul {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #ffffff) );
    background: -moz-linear-gradient( center top, #eeeeee 5%, #ffffff 100%);
}
.td_num:hover {
	/*position: relative;/*
	/*z-index: 100;*/
	/*word-wrap: break-word;*/
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	/*-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;*/
	/*cursor: text;*/
    color:#ff8f20;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4c8f0), color-stop(1, #ffffff) );
    background: -moz-linear-gradient( center top, #a4c8f0 5%, #ffffff 100%);
}
.td_sem_fond_coul {
	color:#ffffff;
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4c8f0), color-stop(1, #a4c8f0) );
    background: -moz-linear-gradient( center top, #a4c8f0 5%, #a4c8f0 100%);
}
.td_jour_fond_coul {
	color:#2b6e9f;
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #eeeeee) );
    background: -moz-linear-gradient( center top, #eeeeee 5%, #eeeeee 100%);
}

/* FIN Calendrier */

.onglet {
    -moz-box-shadow:inset 1px 0px 0px 0px #C4E1B0;
    -webkit-box-shadow:inset 1px 0px 0px 0px #C4E1B0;
    box-shadow:inset 1px 0px 0px 0px #C4E1B0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ccc);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ccc) );
    background: -moz-linear-gradient( center top, #ffffff 5%, #ccc 100%);
    color:#ff8f20;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    /*text-shadow:-1px -1px 0px #000000;*/
    height:30px;
	/*width:100%;*/
	margin: 5px 0 5px 0;
	padding: 2px;
	/*line-height:1.7em;*/
}
.onglet_no_hover {
    -moz-box-shadow:inset 1px 0px 0px 0px #C4E1B0;
    -webkit-box-shadow:inset 1px 0px 0px 0px #C4E1B0;
    box-shadow:inset 1px 0px 0px 0px #C4E1B0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ccc);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ccc) );
    background: -moz-linear-gradient( center top, #ffffff 5%, #ccc 100%);
    color:#ff8f20;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    /*text-shadow:-1px -1px 0px #000000;*/
    height:30px;
	/*width:100%;*/
	margin: 5px 0 5px 0;
	padding: 2px;
    /*line-height:1.7em;*/
}
.onglet:hover{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d2e7ff');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d2e7ff) );
    background:-moz-linear-gradient( center top, #ffffff 5%, #d2e7ff 100% );
    color:#ff8f20;
}

.table_liste{
	border-spacing: 0;
	border-collapse: collapse;
}
.td_liste {
    -moz-box-shadow:inset 1px 0px 0px 0px #ffd6ae;
    -webkit-box-shadow:inset 1px 0px 0px 0px #ffd6ae;
    box-shadow:inset 1px 0px 0px 0px #ffd6ae;
    color:#ff8f20;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    /*text-shadow:-1px -1px 0px #000000;*/
    height:30px;
	/*width:100%;*/
	margin: 5px 0 5px 0;
	padding: 5px;
}
.td_liste_no_hover {
    -moz-box-shadow:inset 1px 0px 0px 0px #ffd6ae;
    -webkit-box-shadow:inset 1px 0px 0px 0px #ffd6ae;
    box-shadow:inset 1px 0px 0px 0px #ffd6ae;
    color:#ff8f20;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    /*text-shadow:-1px -1px 0px #000000;*/
    height:30px;
	/*width:100%;*/
	margin: 5px 0 5px 0;
	padding: 5px;
}
.td_liste_fond {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e5f1f4);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e5f1f4) );
    background: -moz-linear-gradient( center top, #ffffff 5%, #e5f1f4 100%);
}
.td_liste:nth-child(odd) {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e5f1f4);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e5f1f4) );
    background: -moz-linear-gradient( center top, #ffffff 5%, #e5f1f4 100%);
}
.td_liste:nth-child(even) {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #eeeeee) );
    background: -moz-linear-gradient( center top, #ffffff 5%, #eeeeee 100%);
}
.td_liste:hover{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffd6ae);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffd6ae) );
    background: -moz-linear-gradient( center top, #ffffff 5%, #ff8f20 100% );
    color:#ff8f20;
}

@media (max-width: 320px) {
	.td_liste_collapse{
		visibility: collapse;
	}
}
.margin_left_5{
	  margin-left: 5px;
}
.margin_top_5{
	margin-top: 5px;
}
.margin_bottom_5{
	margin-bottom: 5px;
}

/* seances_liste_01_4 */
ol {
	margin: 0; padding: 0;
	counter-reset: nb;
	border: none;
	font-family: 'Lobster', arial, serif; 
	font-size: 0.9em;
}

ol li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 250px;
	height: 120px;
	margin: 0 2px 2px 0;
	padding: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	word-wrap: break-word;
	outline: none;
	border: 1px solid gray;	
	background: #ddd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ddd), to(#fefefe));
	background: -moz-linear-gradient(#ddd, #fefefe);
	background: linear-gradient(#ddd, #fefefe);
    box-shadow: 1px 1px 5px #2b6e9f;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#2b6e9f', Direction=135, Strength=5);
  	zoom: 1;
}
/*
ol li:first-child {
	border: 1px solid transparent;	
	background: none;
}
*/
ol li:before { /*ol li:not(:first-child):before {*/
	display: inline-block;
	width: 22px;
	text-align: right;
	counter-increment: nb;
	content: counter(nb) " ";
	padding: 1px 5px 1px 0;
	margin-right: 6px;
	background: #789;
	color: #fff;
	-webkit-border-radius: 20px 50px 50px 0;
	-moz-border-radius: 20px 50px 50px 0;
	border-radius: 20px 50px 50px 0;
}
ol li:hover {/*ol li:not(:first-child):hover {*/
	position: relative;
	z-index: 100;
	/*word-wrap: break-word;*/
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	/*cursor: text;*/
}
ol li:focus {/*ol li:not(:first-child):focus {*/
	border: 1px solid #333;
	/*cursor: text;*/
}
ol li:hover:after {/*ol li:not(:first-child):hover:after {*/
	/*content: "click to edit";*/
	position: absolute;
	bottom: 2px; right: 3px;
	font-size: 12px;
	color: #555;
}
.li_selection {
	background: #FFD1D1;
}
.maxheight70px {
	max-height: 70px;
	max-width: 70px;
}
.maxheight130px {
	max-height: 130px;
	max-width: 130px;
}
.maxheight22width80 { /* img logo */
	max-height: 30px;
    max-width: 80px; /* pas pris en compte */
}
.li_alerte {
	display:block;
	position: absolute;
    z-index: 1;
	float: left;
	width: 100%;
	height: 80%;
	font-size: 10px;
	line-height: 13px;
	color: #fff;
	text-align: left;
	  padding: 5;
	background-color: black;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
overflow:hidden;
overflow-x: hidden;
overflow-y: auto;
overflow : -moz-scrollbars-vertical;
}

.planning_crs_croix {
	background-image:url(../img/croix.png);
	background-size:contain;
  	background-repeat: no-repeat;
    height:100%;
    width:auto;
    filter: alpha(opacity=90);
	opacity: .90;
}
.planning_crs_croix_valide_blanche {
	background-image:url(../img/croix_valide_blanche_op.png);
	background-size:contain;
	background-repeat: no-repeat;
	height:100%;
	width:auto;
	filter: alpha(opacity=90);
	opacity: .90;
	zoom: 1;
}
.planning_crs_croix_noire {
	background-image:url(../img/croix_noire.png);
	background-size:contain;
  	background-repeat: no-repeat;
    height:100%;
    width:auto;
    filter: alpha(opacity=90);
	opacity: .90;
}
.planning_crs_croix_rouge {
	background-image:url(../img/croix_rouge.png);
	background-size:contain;
  	background-repeat: no-repeat;
    height:100%;
    width:auto;
    filter: alpha(opacity=90);
	opacity: .90;
}
.planning_crs_croix_orange {
	background-image:url(../img/croix_orange.png);
	background-size:contain;
  	background-repeat: no-repeat;
    height:100%;
    width:auto;
    filter: alpha(opacity=90);
	opacity: .90;
}
.planning_crs_coche_rouge {
	background-image:url(../img/coche_rouge.png);
	background-size:contain;
  	background-repeat: no-repeat;
    height:100%;
    width:auto;
    filter: alpha(opacity=90);
	opacity: .90;
}
.planning_crs_coche_orange {
	background-image:url(../img/coche_orange.png);
	background-size:contain;
  	background-repeat: no-repeat;
    height:100%;
    width:auto;
    filter: alpha(opacity=90);
	opacity: .90;
}
.planning_crs_coche_verte {
	background-image:url(../img/coche_verte.png);
	background-size:contain;
  	background-repeat: no-repeat;
    height:100%;
    width:auto;
    filter: alpha(opacity=90);
	opacity: .90;
}
.planning_crs_coche_blanche {
	background-image:url(../img/coche_blanche.png);
	background-size:contain;
	background-repeat: no-repeat;
	height:100%;
	width:auto;
	filter: alpha(opacity=90);
	opacity: .90;
	zoom: 1;
}
.pannier_gds {
	background-image:url(../img/panier.png);
	background-size:contain;
  	background-repeat: no-repeat;
    height:100%;
    width:auto;
    filter: alpha(opacity=100);
	opacity: .100;
}

@media (max-width: 320px) {
	.solde_cours_aff {
		width: 180px;
		display : hide;
   	 	z-index: 1;
		text-align: left;
		overflow:hidden;
		overflow-x: auto;
		overflow-y: auto;
		overflow : -moz-scrollbars-vertical;
	}
    .width300 {
  		width: 300px;
  		/*line-height:5em;*/
  		display:inline-block;
   		float: left;
	}
}
.solde_cours_aff {
	display : hide;
   	 z-index: 1;
	text-align: left;
}

/* FIN seances_liste_01_4 */
.element_Aff_Masq {
	display: none; /* block*/
}
.conteneur {
	display : table;
    margin : 0 auto;
}
.width300 {
  width: auto;
  /*line-height:5em;*/
  display:inline-block;
   float: left;
}
.width250 {
  width: 250px;
  /*line-height:5em;*/
  display:inline-block;
}
.width200 {
  width: 200px;
  /*line-height:5em;*/
  display:inline-block;
}

.tableau_div {display: table;border-spacing: 0.5rem;border-collapse: collapse;}
.cellule {display: table-cell;padding: 0.5rem; border: 1px solid #999; white-space : nowrap;}
.ligne {display: table-row;}
/* Quelques sélecteurs */
.ligne:nth-child(odd) {background: #e5f1f4;}
.ligne:nth-child(even) {background: #f8fbfc;}
.ligne:hover {background: #ffd6ae;cursor:pointer;} 
.col {display: table-column;}
.corp {display: table-row-group}
.colgroupe {display: table-column-group;}
.pied {display: table-footer-group;font-weight:bold;background-color:#eee;}
.tete {background-color:#2b6e9f;color:#ffffff;display: table-header-group;font-weight:bold;text-align:center;}
.legende {display: table-caption;padding: 0.5rem;background-color:#2b6e9f;color:#ffffff;font-weight:bold;text-align:center;}

.clignotte {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.div_planning {
	/*lay: inline-block;*/
	vertical-align: top;
	position: relative;
	width: 250px;
	height: 80px;
	margin: 0 2px 2px 0;
	padding: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	word-wrap: break-word;
	outline: none;
	border: 1px solid gray;	
	background: #ddd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ddd), to(#fefefe));
	background: -moz-linear-gradient(#ddd, #fefefe);
	background: linear-gradient(#ddd, #fefefe);
    box-shadow: 1px 1px 5px #2b6e9f;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#2b6e9f', Direction=135, Strength=5);
  	zoom: 1;
}
.div_planning:hover {/*ol li:not(:first-child):hover {*/
	position: relative;
	z-index: 100;
	/*word-wrap: break-word;*/
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	/*cursor: text;*/
}

.invisible_min_width_992{
	display: none;
}
@media (min-width: 992px) {
	.invisible_min_width_992{
		display: block;
	}
}
.invisible_max_width_991{
	display: none;
}
@media (max-width: 991px) {
	.invisible_max_width_991{
		display: block;
	}
}
.ul_puce_corbeille {
	margin-left:-50px;
    list-style-type: disc;
    list-style-image: url(../img/corbeille.png);
    list-style-position: inside;
}
.ul_puce_sans {
	margin-left:-50px;
 	list-style: none;
 	list-style-position: outside;
}
.btn-panier {
  color: black;
  background-color: #fff;
  border-color: black;
  padding: 6px 10px;
}
.champs-modif{
	background-color:rgba(255,0,0,0.15);
	background-size:auto auto;
}
.mot-modif{
	color:red;
	text-decoration:line-through;
}
.mot-red{
	color:red;
}
/* Hide Object */
.object-hidden{
	display:none;
}
/* Visible Object */
.object-visible{
	visibility: visible;
}
/* Non Visible Object */
.object-non-visible{
	visibility: hidden;
}