@import url(//fonts.googleapis.com/css?family=Roboto:400,700&display=swap);

/* http://cssminifier.com/ */

body{

 font-family: Arial, sans-serif, 'Roboto';

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

 
font-weight: 400;
/*background-image:url('background.jpg');
background-repeat:repeat;*/
color: #363636;
background-color:#E0FFE4; /* light green */
background-color:#DDF8FF; /* light blue */


scrollbar-width:5px;

margin-left: 0;



}

.grecaptcha-badge {
  visibility: hidden;
}




.emoji {
            font-family: system-ui, -apple-system, 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif; /* Police pour les émojis */
            font-size: 16px; /* Taille plus grande pour les émojis */
        }

       /* Conteneur pour appliquer le zoom */
    .zoom_assistant {
      transform: scale(0.4); /* Ajustez ce facteur pour redimensionner l'ensemble */
      transform-origin: center;
    }

    /* Conteneur principal (icône ronde) */
    .chatbot-icon {
      position: relative;
      width: 120px;
      height: 120px;
      background-color: #A9D7FF;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 10px 12px 14px -2px rgba(0,0,0,0.48);
      overflow: visible;
    }

    /* Anneau animé bleu, passe derrière la bulle Hi! */
    .chatbot-icon::before {
      content: '';
      position: absolute;
      top: -15px;
      left: -15px;
      width: 150px;
      height: 150px;
      border: 6px solid transparent;
      border-top-color: #A9D7FF;
      border-right-color: #A9D7FF;
      border-radius: 50%;
      animation: spin 4s linear infinite;
      z-index: 1;
      box-shadow: 0 0 16px 2px #A9D7FF33;
      pointer-events: none;
    }
    @keyframes spin {
      100% { transform: rotate(360deg); }
    }

    /* Texte en filigrane "AI" (non affiché) */
    .chatbot-icon::after {
      content: "AI";
      position: absolute;
      display: none;
      font-size: 65px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.09);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
    }

    /* Bulle de bande dessinée */
    .chatbot-bubble {
      position: absolute;
      top: -25px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #f0f4f8;
      color: #333;
      font-size: 25px;
      font-weight: bold;
      padding: 8px 15px;
      border-radius: 20px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      z-index: 3;
    }
    .chatbot-bubble::after {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 8px 0 8px;
      border-color: #f0f4f8 transparent transparent transparent;
    }

    /* Animation des trois points */
    .typing-indicator {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 60px;
      height: 20px;
      z-index: 4;
    }
    .dot {
      width: 10px;
      height: 10px;
      background-color: #003A63;
      border-radius: 50%;
      animation: bounce 1.5s infinite ease-in-out;
    }
    .dot:nth-child(2) {
      animation-delay: 0.2s;
    }
    .dot:nth-child(3) {
      animation-delay: 0.4s;
    }
    @keyframes bounce {
      0%, 80%, 100% {
        transform: scale(1);
      }
      40% {
        transform: scale(1.5);
      }
    }
	 .chat-container {
            position: fixed;
            bottom: 10px;
            right: 10px;
            width: 300px;
            max-height: 500px;
            background-color: white;
            border: 1px solid #ccc;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			box-shadow: 5px 6px 7px -1px rgba(0,0,0,0.48);
            display: none;
            overflow:hidden;
			z-index:50000000;
        }

        .chat-header {
            background-color: #A9D7FF;
            color: black;
            padding: 10px;
            float:left;
			width:100%;
			display:flex;
			height:20px;
            justify-content: space-between;
            align-items: center;
            font-weight: bold;
			cursor:move;
			background-image: radial-gradient(circle, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
        }

        .chat-header .close-btn {
            background: none;
            border: none;
            color: white;
            font-size: 16px;
            cursor: pointer;
			margin-right:20px;
        }

        .chat-messages {
            float:left;
			width:100%;
			height:300px;
            padding: 10px;
            overflow: auto;
        }

        .chat-message {
            max-width: 80%;
            margin-bottom: 10px;
            padding: 10px;
            border-radius: 10px;
            clear: both;
			font-size:15px;
        }

        .chat-message.user {
            background-color: #DCF8C6;
            float: right;
            text-align: right;
			margin-right:20px;
        }

        .chat-message.assistant {
            background-color: #F1F0F0;
            float: left;
            text-align: left;
        }

        .chat-input {
            float:left;
			width:100%;
			display: flex;
			height:30px;
            border-top: 1px solid #ccc;
        }

        .chat-input input {
            flex: 1;
            border: none;
            padding: 10px;
            font-size: 14px;
        }

        .chat-input-button {
			
            background-color: #A9D7FF;
            color: white;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
			line-height:10px;
        }

        .chat-input-button:hover {
            background-color: #005BB5;
        }
		
		
.container_pub_premium {
	    display: flex; /* Utilise Flexbox pour le conteneur */
    justify-content: center; /* Centre les éléments horizontalement */
    align-items: center; /* Centre les éléments verticalement */
    text-align: center; /* Assure que le texte est centré si il occupe plusieurs lignes */
}



/* image avec leger ombre */

.image_reactive {
	transition: box-shadow 0.3s;
	border-radius:5px;
}


.image_reactive:hover {
	/* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);  leger ombre au survol */
	/* filter: brightness(105%); */
	filter: saturate(200%);
}

.image_reactive:active {
	transform: scale(1.1); /* Zoom de 10% au clic */
}


input[type="checkbox"] + label,
        input[type="radio"] + label {
            cursor: pointer;
        }

        input[type="checkbox"],
        input[type="radio"] {
            cursor: pointer;
        }


#background-wrap {
    bottom: 0;
	left: 0;
	padding-top: 50px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: -1;
}

/* KEYFRAMES */

@-webkit-keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

@-moz-keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloud {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: 100%;
    }
}

/* ANIMATIONS  http://codepen.io/Mark_Bowley/pen/xEbuI */

.x1 {

	
  position:absolute;
	margin-left:50px;
	margin-top:50px;
	
	-webkit-transform: scale(0.65);
	-moz-transform: scale(0.65);
	transform: scale(0.65);
}

.x2 {
	position:absolute;
	margin-left:1200px;
	margin-top:50px;
		
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x3 {
	position:absolute;
	margin-left:240px;
	margin-top:-30px;
	
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.x4 {
	position:absolute;
	margin-left:-50px;
	margin-top:-20px;
		
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x5 {
	position:absolute;
	margin-left:1100px;
		margin-top:0px;
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	transform: scale(0.55);
}

.x6 {
	position:absolute;
	margin-left:1450px;
		margin-top:-10px;
	-webkit-transform: scale(0.55);
	-moz-transform: scale(0.55);
	transform: scale(0.42);
}


/* OBJECTS */



.cloud {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 5%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fff), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: -o-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: -ms-linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	background: linear-gradient(top,  #fff 5%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1',GradientType=0 );
	
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	
	-webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);

	height: 120px;
	position: relative;
	width: 350px;
}

.cloud:after, .cloud:before {
    background: #fff;
	content: '';
	position: absolute;
	z-indeX: -1;
}

.cloud:after {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;

	height: 100px;
	left: 50px;
	top: -50px;
	width: 100px;
}

.cloud:before {
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;

	width: 180px;
	height: 180px;
	right: 50px;
	top: -90px;
}



:lang(zh){
            /* font-family: SimSum-18030,SimHei, serif; */
			/* font-family: 'Noto Sans SC', sans-serif; */
        }

body a{

text-decoration:none;
cursor:hand;
}

img { border: 0; }
	
/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(#CCC,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}


.rond_link {
	background-color:;
}


.rond_link:hover {
	background-color:rgba(200,200,200,0.4);
}

.classeh1 {
font-size:38px;
letter-spacing:-1px;
line-height:25%; 
font-weight:normal; 
color: #363636;
}


.classeh2 {
		font-size: 12px;
		font-weight:bold; 
		color: #363636;
	
}

	  h2 {
      
	
	  }
	    
	h2  a:link {
		
	  }	  
	   h2  a:visited  {
		
	
	  }	  
	  
	  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

  .select {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

	  .puces {
        font-size: 11px;
		letter-spacing:0px;	
		color: #363636;	
		text-decoration: none;		
	  }
	  .puces  a {
	  font-size: 11px;
		 color: #363636;		
		 letter-spacing:0px;	
		text-decoration: none;
	  }
	  .puces  a:link {
	     font-size: 11px;
		 color: #363636;		
		 letter-spacing:0px;	
		text-decoration: none;
	  }	  
	  
	 .puces  a:visited  {
		  font-size: 11px;
		 color: #363636;		
		 letter-spacing:0px;	
		text-decoration: none;
	  }	  	

	 .puces  a:active  {
	   font-size: 11px;
		 color: #363636;		
		 letter-spacing:0px;	
		text-decoration: none;
	  }	  	
	  
	.puces   	a:hover  {
	  font-size: 11px;
		 color: #363636;		
		 letter-spacing:0px;	
		text-decoration: none;
	  }	  

	  
	  .remove {
		  color:white;
		  font-family:Arial;
		  font-size:8px;
	  }
	   .remove  a:link {
	      color:white;
	  }	  
	  
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.gif) no-repeat;
}

.leger {
		font-size:11px;
		color: #AAA;
}

.add_date {

				border:1px solid lightgray;
				-moz-border-radius:5px 5px 5px 5px;
				 border-radius:5px 5px 5px 5px;
				-webkit-border-radius:5px 5px 5px 5px;
				
}

.expand {
	min-width:10px;
	min-height:10px;
	line-height:10px;
	border:0px solid black;
	color:black;
	font-size:10px;
border-radius:2px 2px 2px 2px;
text-align:center;
cursor:pointer;
}


.collapse {
	min-width:10px;
	min-height:10px;
	line-height:10px;
	border:0px solid black;
	border-radius:2px 2px 2px 2px;
	color:black;
	font-size:10px;
text-align:center;
cursor:pointer;

	
}


.expand_white {
	min-width:10px;
	min-height:10px;
	line-height:10px;
	border:0px solid white;
		border-radius:2px 2px 2px 2px;
	color:white;
	font-size:10px;
text-align:center;
cursor:pointer;


}


.collapse_white {
	min-width:10px;
	min-height:10px;
	line-height:10px;
	border:0px solid white;
	color:white;
	font-size:10px;
	border-radius:2px 2px 2px 2px;
	text-align:center;
	cursor:pointer;
}


.petit_cal_picker {
	
	width:28px;
	height:25px;
	border:1px solid gray;
	border-width:6px 0px 1px 0px; 
	 border-color: #6997BC #6997BC lightgray #6997BC;
	 background-color:white;
	   /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
content: "Email address: ";
}

.texte_petit_cal_picker{
		
		width:100%;
		text-align:center;
		font-size:5px;
		color:lightgray;
		margin-top:2px;
		letter-spacing: 1px;
		line-height:5px;
        text-align:left;
		
}

.coin_petit_cal_picker{

		width:8px;
	height:8px;

	float:right;
	margin-top:-5px;
	border-bottom:8px solid #EBEBEB;
	border-left:8px solid lightgray;
		   /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

        
}

 .petit_cal_picker:before {
         
          position:relative;
          bottom:0;
          right:0;
          border-bottom:5px solid gray;
		  border-left:5px solid transparent;
      }
	  
.petit_cercle {
text-align: center;
font-size:10px;
font-weight:bold;
background-color:#6997BC;
color:white;
border-radius: 100%;
width: 15px;
    height: 15px;
  line-height: 15px;
   margin-left:2px;
transition: transform 0.3s; 

}

.petit_cercle:active {
transform: scale(1.1); /* Zoom de 10% */
}

.gros_cercle {
	width:30px;height:30px;border-radius:15px;
background-color: #4585F1;color:white;cursor:pointer;
transition: transform 0.3s; 
}

.gros_cercle:active {
transform: scale(1.1); /* Zoom de 10% */
}


.premier_cadre_vert {
				background-color: #9BC400; 
				color:white;				
				-moz-border-radius:5px 0px 5px 5px;
				 border-radius:5px 0px 5px 5px;
				-webkit-border-radius:5px 0px 5px 5px;
}
/* coint vert
 .premier_cadre_vert:before {
          content:"";
          position:absolute;
          top:0;
          right:0;
          border-width:0 30px 30px 0; 
          border-style:solid;
          border-color:#fff #fff #A6BD87 #A6BD87; 
          background:#A6BD87; 
          display:block; width:0; 
          -webkit-box-shadow:0 15px 15px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
          -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
          box-shadow:0 6px 6px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
		     border-bottom-left-radius:5px;
      }
	  */


.deuxieme_cadre_vert {
				background-color: #9BC400; 
				
				
				color:white;				
				-moz-border-radius:5px 0px 5px 5px;
				 border-radius:5px 0px 5px 5px;
				-webkit-border-radius:5px 0px 5px 5px;
}
 .deuxieme_cadre_vert:before {
          content:"";
          position:absolute;
          top:0;
          right:0;
          border-width:0 30px 30px 0; /* This trick side-steps a webkit bug */
          border-style:solid;
          border-color:#fff #fff #A6BD87 #A6BD87; /* A bit more verbose to work with .rounded too */
          background:#A6BD87; /* For when also applying a border-radius */
          display:block; width:0; /* Only for Firefox 3.0 damage limitation */
         
          box-shadow:-3px 3px 3px rgba(0,0,0,0.3);
		
		     border-bottom-left-radius:5px;
      }
	  




.cadre_vert {
				background-color: #9BC400; 
				color:white;				
				-moz-border-radius:0px 0px 5px 5px;
				 border-radius:0px 0px 5px 5px;
				-webkit-border-radius:0px 0px 5px 5px;
}

.orange {
				background-color: orange; 
				
}

.cadre_vert2 {
				background-color: #9BC400; 
				color:white;				
				-moz-border-radius:0px 0px 5px 5px;
				 border-radius:0px 0px 5px 5px;
				-webkit-border-radius:0px 0px 5px 5px;
}

.div_date_start  {
		border:1px solid #e0e0e0;
		
		-moz-border-radius:0px 10px 10px 10px;
		border-radius:0px 10px 10px 10px;
		-webkit-border-radius:0px 10px 10px 10px;
}
.div_date_end  {
		border:1px solid #e0e0e0;
		-moz-border-radius:10px 10px 0px 10px;
		border-radius:10px 10px 0px 10px;
		-webkit-border-radius:10px 10px 0px 10px;
}


.custom_param {
		-moz-border-radius:10px 0px 0px 0px;
		border-radius:10px 0px 10px 0px;
		-webkit-border-radius:10px 0px 0px 0px;
			background-color:white;
			color:black;
		border:1px solid #CCC;

}

.parametrage_semaine {
		border:1px solid #CCC;
		-moz-border-radius:10px 0px 10px 10px;
		border-radius:10px 0px 10px 10px;
		-webkit-border-radius:10px 0px 10px 10px;
		padding-top:10px;
		padding-bottom:10px;
		padding-right:10px;
		padding-left:10px;
}


	  	.month_calen{
        font-size: 11px;
		font-style:bold;
		color: white;
	  }
	  .day_calen{
        font-size: 35px;
		font-style:bold;
		color: white;
	  }
	  
	
	  
	  .select_calendar {
	  border:0px solid #e0e0e0;

	
	 font-size: 2.3em;
	  background-color:transparent;
	  -webkit-appearance:none;
	  
	  }
	  
	  select::-ms-expand {
		display: none;
		}

 .input_time {
		color: #363636;
		font-family: 'Roboto', sans-serif;
		cursor:pointer;
		cursor:hand;
		width:75px;
		height:14px;
		font-size: 10px;
		font-style:normal;
		padding-top:2px;
		padding-bottom:2px;
		border:2px solid #e0e0e0;
		-moz-border-radius:7px 0px 7px 7px; 
		border-radius:7px 0px 7px 7px;
		-webkit-border-radius:7px 0px 7px 7px;
	
		-moz-box-shadow: 0 0 1px 1px #e0e0e0;
		-webkit-box-shadow: 0 0 1px 1px #e0e0e0;
		box-shadow: 0 0 1px 1px #e0e0e0;
		
		valign:top;
		text-align:center;
		
		} 
		
		
	  .input_date {
		color: #363636;
		font-family: 'Roboto', sans-serif;
		cursor:pointer;
		cursor:hand;
		width:152px;
		height:23px;
		font-size: 20px;
		font-style:normal;
		padding-top:2px;
		padding-bottom:2px;
		border:2px solid #e0e0e0;
		-moz-border-radius:7px 0px 7px 7px; 
		border-radius:7px 0px 7px 7px;
		-webkit-border-radius:7px 0px 7px 7px;
	
		-moz-box-shadow: 0 0 1px 1px #e0e0e0;
		-webkit-box-shadow: 0 0 1px 1px #e0e0e0;
		box-shadow: 0 0 1px 1px #e0e0e0;
		
		valign:top;
		text-align:center;
		
		} 
		
		 .input_date_activated {
			color:#6997BC;
			color:white;
			
			background-color:#4585F1;
		background-color:#6997BC;
		border:2px solid #4585F1;
		border:2px solid #6997BC;
		
		-moz-border-radius:7px 0px 0px 0px; 
		border-radius:7px 0px 0px 0px;
		-webkit-border-radius:7px 0px 0px 0px;
		outline: none;
		}
		
		.input_date_busy {
			background-color:#6997BC;
		}
		
		
		.input_date::-ms-clear {
			display: none;
		}
		
		.input_resultat {
		
		cursor:pointer;
		cursor:hand;
		width:40px;
		height:15px;
		font-size: 12px;
		font-style:normal;
	
		border:1px solid white;
		-moz-border-radius:7px 0px 7px 7px; 
		border-radius:7px 0px 7px 7px;
		-webkit-border-radius:7px 0px 7px 7px;
	
		
		valign:top;
		text-align:center;
		
		} 

.petit_input_resultat {
	font-size:12px;
	width:40px;
	height:13px;
	text-align:center;
	border:0px solid red;
	border-radius: 4px 0 4px 4px;
	cursor:pointer;
}



.input_resultat_disabled{
		
		color: black;
		width:30px;
		height:15px;
		font-size: 12px;
		font-style:normal;
		background-color:transparent;
		border:1px solid white;
				-moz-border-radius:7px 0px 7px 7px; 
		border-radius:7px 0px 7px 7px;
		-webkit-border-radius:7px 0px 7px 7px;
		valign:top;
		text-align:center;
		
		} 

		
		.input_add {
		color: #363636;
		cursor:pointer;
		cursor:hand;
		width:52px;
		height:22px;
		font-size: 20px;
		font-style:normal;
		
		border:1px solid #e0e0e0;
		-moz-border-radius:7px 0px 7px 7px; 
		border-radius:7px 0px 7px 7px;
		-webkit-border-radius:7px 0px 7px 7px;
		-moz-box-shadow: 0 0 1px 1px #e0e0e0;
		-webkit-box-shadow: 0 0 1px 1px #e0e0e0;
		box-shadow: 0 0 1px 1px #e0e0e0;
		
		valign:top;
		text-align:right;
		
		} 
	  
/* This button was generated using CSSButtonGenerator.com */		

.buttonApply {
	-moz-box-shadow:inset 0px 0px 0px -4px #c5c9b7;
	-webkit-box-shadow:inset 0px 0px 0px -4px #c5c9b7;
	box-shadow:inset 0px 0px 0px -4px #c5c9b7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #636363), color-stop(1, #878787) );
	background:-moz-linear-gradient( center top, #636363 5%, #878787 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#878787');
	background-color:#636363;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0;
	border:1px solid #e5e6e1;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	text-align:center;
}
.buttonApply:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #878787), color-stop(1, #636363) );
	background:-moz-linear-gradient( center top, #878787 5%, #636363 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#878787', endColorstr='#636363');
	background-color:#878787;
}.buttonApply:active {
	position:relative;
	top:1px;
}

.Save {
	color:white;
	background-color:#9BC400;
	border-radius:6px;

	display:inline-block;
		font-size:13px;
	font-weight:bold;
	border:1px solid #e5e6e1;
	
		height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	float:right;
		margin-right:5px;
}

.SaveOff {
	color:white;
	background-color:#9BC400;
	border-radius:6px;

	display:inline-block;
		font-size:13px;
	font-weight:bold;
	border:1px solid #e5e6e1;
	
		height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	text-align:center;
	opacity:0.6;
	float:right;
	margin-right:5px;
}

.Copy {
	color:white;
	background-color:#1a73e8;
	border-radius:6px;

	display:inline-block;
		font-size:13px;
	font-weight:bold;
	border:1px solid #e5e6e1;
	
		height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	float:right;
	margin-right:5px;
		margin-right:5px;
}

.Delete {
	color:white;
	background-color:red;
	border-radius:6px;

	display:inline-block;
		font-size:13px;
	font-weight:bold;
	border:1px solid #e5e6e1;
	
		height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	float:right;
	margin-right:5px;
		margin-right:5px;
}

.DeleteOff {
	color:white;
	background-color:red;
	border-radius:6px;

	display:inline-block;
		font-size:13px;
	font-weight:bold;
	border:1px solid #e5e6e1;
	
		height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	text-align:center;
	opacity:0.6;
	float:right;
		margin-right:5px;
}

.buttonApply2 {
	-moz-box-shadow:inset 0px 0px 0px -4px #c5c9b7;
	-webkit-box-shadow:inset 0px 0px 0px -4px #c5c9b7;
	box-shadow:inset 0px 0px 0px -4px #c5c9b7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4585F1), color-stop(1, #4585F1) );
	background:-moz-linear-gradient( center top, #4585F1 5%, #4585F1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4585F1', endColorstr='#4585F1');

	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0;
	border:1px solid #e5e6e1;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	text-align:center;
}
.buttonApply2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4585F1), color-stop(1, #5F97EF) );
	background:-moz-linear-gradient( center top, #4585F1 5%, #5F97EF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4585F1', endColorstr='#5F97EF');

}.buttonApply2:active {
	position:relative;
	top:1px;
}

		.aide {
		
        font-size: 15px;
		font-style:normal;
		word-spacing: -0.1em;
		line-height: 1.065em;
		color: #666;
	  }
		
	.tabs {
	 font-size: 15px;
	color: #363636;
	background-color: #EBEBEB;  
				border:0px solid #bfbaba;	
	
			   -moz-border-radius:10px 10px 0px 0px;
				 border-radius:10px 10px 0px 0px;
				-webkit-border-radius:10px 10px 0px 0px;
		
width:107px; height:35px;		
	border-left: 1px solid lightgray; 
	border-right: 1px solid lightgray; 
	border-top: 1px solid lightgray; 
	border-bottom: 0px solid transparent;
	}		
 
	.tabs_off {
	 font-size: 15px;
	color: white;
width:107px; height:33px;	

	border-left: 1px solid #636363; 
	border-right: 1px solid #636363; 
	border-top: 1px solid #636363; 
	border-bottom: 0px solid transparent;
	
	background-color: #636363; 
					   -moz-border-radius:10px 10px 0px 0px;
				 border-radius:10px 10px 0px 0px;
				-webkit-border-radius:10px 10px 0px 0px;
	}	
	
	 .tabs_off  a  {
		color:white;
		text-decoration: none;
	  }
	  
	 .tabs_off  a:visited  {
		color:white;
		text-decoration: none;
	  }
	

	  .tabs_off  a:link {
		color:white;
		text-decoration: none;
	  }	
	 .tabs_off a:hover  {
		color:#79af30;
		
		text-decoration: none;
	  }		  
	
	  	 .tabs_off  a:active  {
		color:#79af30;
		text-decoration: none;
	  }	
	  
.aujourdhui {
 font-size: 12px;
background-color:#6997BC; 
 background-color:#363636;
 background-color:#636363;
 background-color:#6997BC; 


color: white;
text-align:center;
valign:center;
padding-top:3px;
}	
.aujourdhui:active{
 font-size: 12px;
background-color:#79af30;
color: white;
text-align:center;
valign:center;
padding-top:3px;
}	
	

.periode {
 font-size: 12px;
background-color:#363636;
color: white;
text-align:center;
		valign:center;
		padding-top:3px;
}	


.button_premium {
	
    letter-spacing: 0.1em;
    padding-top: 10px;
    padding-bottom: 10px;

    background-color: #0BB6FF;
    color: white;
    font-weight: normal;
    border-radius: 0px;
    line-height: 1;
    cursor: pointer;
    transition: color 100ms, background-color 100ms;
    text-decoration: none;	
	font-size:15px;
	cursor:pointer;
	width:270px;
	text-align:center;
}
.button_premium a {
	font-size:10px;
	color:white;
}

	  .plus {
        font-size: 70px;
		color:black;
		font-family:Arial;
		font-weight:bold;
	  }

	  	 .plus  a:visited  {
		text-decoration: none;
	  }
	

	  .plus  a:link {
		text-decoration: none;
	  }	
	 .plus a:hover  {
		color:#363636;
		text-decoration: none;
	  }		  
	
	  	 .plus  a:active  {
		text-decoration: none;
	  }	
	  
	    .mobile {
        font-size: 11px;
		color: white;	
		text-decoration: none;		
	  }
	  .mobile  a {
	  font-size: 11px;
		 color: white;		
		text-decoration: none;
	  }
	  .mobile  a:link {
	     font-size: 11px;
		 color: white;		
		text-decoration: none;
	  }	  
	  
	 .mobile  a:visited  {
		  font-size: 11px;
		 color: white;			
		text-decoration: none;
	  }	  	

	 .mobile  a:active  {
	   font-size: 11px;
		 color: white;		
		text-decoration: none;
	  }	  	
	  
	.mobile   	a:hover  {
	  font-size: 11px;
		 color: white;			
		text-decoration: none;
	  }	  
	  
	  
	  	.logo {
		padding-top:0px;padding-bottom:5px;
		padding-right:15px;
		padding-left:20px;
		text-decoration: none;
        font-size: 26px;
		background-color: #636363; 
		background: -moz-linear-gradient(top, #363636, #808080);
		color:white;

		border:0px solid #bfbaba;	
		-moz-border-radius:15px 15px 15px 15px;
		border-radius:15px 15px 15px 15px;
		-webkit-border-radius:15px 15px 15px 15px;
		
	  }
	  	  
	 .logo  a {
		color:white;
		text-decoration: none;
	  }	  
	  	
	 .logo  a:link {
		color:red;
		text-decoration: none;
	  }	  		
	  

	   .logo_pays {
        font-size: 18px;
		font-family:sans-serif;
		color:black;
		font-style:normal;
	  }
	  	  
	 .logo_pays  a:link {
		color:black;
		text-decoration: none;
	  }	  
	  
	 .logo_pays  a:link {
		color:black;
		text-decoration: none;
	  }	  
	  	 .logo_pays  a:visited {
		color:black;
			text-decoration: none;
	  }	  
	  	 .logo_pays  a:active {
		color:black;
			text-decoration: none;
	  }	  
	  	 .logo_pays  a:hover{
		color:black;
			text-decoration: none;
	  }	  

	  	  .ventilate_days{
		  font-size: 10px;
		  color:black;
		  border: 0px #557e9f solid; 
		  background:white;  
		  opacity:0.9;
		  filter:alpha(opacity=90);
		  padding-top:0px;
		padding-left:5px;		 padding-right:5px;
		  padding-bottom:0px;
		
		 		border:1px solid white;
		-moz-border-radius:7px 0px 7px 7px; 
		border-radius:7px 0px 7px 7px;
		-webkit-border-radius:7px 0px 7px 7px;	
		  }
		  
		  
		  
	  	  .popup{
		  font-size: 12px;
		  z-index:100;
		  color:white;
		  border: 0px lightgray solid; 
		  background-color: #636363; 
		  opacity:1;
		  filter:alpha(opacity=90);
		  padding-top:5px;
		padding-left:5px;		 padding-right:5px;
		  padding-bottom:5px;
		
		  -moz-border-radius:8px 8px 8px 8px;
				 border-radius:8px 8px 8px 8px;
				-webkit-border-radius:8px 8px 8px 8px;		
				
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);  /* pris sur Material Design Box Shadows https://codepen.io/sdthornton/pen/wBZdXq */
	
		  }
		  
		  .popup  a:link {
		   font-size: 10px;
		color:white;
		text-decoration: none;
	  }	  
	  
	 .popup  a:visited  {
   
		color:white;
		text-decoration: none;
	  }	  	

	 .popup  a:active  {
       
		color:#79af30;
		text-decoration: none;
	  }	  
	  
	 .popup a:hover  {
       
		color:#79af30;
		text-decoration: none;
	  }	  
		  
		 .popup2{
		  font-size: 14px;
		  color: #557e9f;
		  border: 1px lightgray solid; 
		  background:white;  
		  opacity:0.94;
		  filter:alpha(opacity=94);
		  padding-top:10px;
		padding-left:0px;		 padding-right:0px;
		  padding-bottom:10px;
		
		  -moz-border-radius:8px 8px 8px 8px;
				 border-radius:15px 15px 15px 15px;
				-webkit-border-radius:15px 15px 15px 15px;		
		  }
		   .popup2 a{
		     color: #557e9f;
		   }
	
 .parametrage  {
		font-size: 13px;
		color:#79af30;
		text-decoration: none;
		background-color: #636363; 


    -moz-border-radius:15px 0px 0px 0px;
	border-radius:15px 0px 0px 0px;
	-webkit-border-radius:15px 0px 0px 0px;
} 
	 .parametrage  a:link {
		
        font-size: 13px;
		color:white;
		text-decoration: none;
	  }	  
	  
	 .parametrage  a:visited  {
        font-size: 13px;
		color:white;
		text-decoration: none;
	  }	  	

  
	  
	 .parametrage a:hover  {
        font-size: 13px;
		color:#79af30;
		text-decoration: none;
	  }	  

	 .parametrage  a:active  {
        font-size: 13px;
		color:red;
		text-decoration: none;
	  }	
		

.flechesmois  a {
		
        font-size: 18px;
		color:black;
		text-decoration: none;
		font-weight:normal;
	  }	 
	  
	 .flechesmois  a:link {
		text-decoration: none;
	  }	  
	  
	 .flechesmois  a:visited  {
		text-decoration: none;
	  }	  	

	.flechesmois   	a:hover  {
		text-decoration: none;
		color:black;
		
	  }	  
	  
	 .flechesmois  a:active  {
		text-decoration: none;
		color:black;
		
	  }	  
	  
.flechesmois_glisse  a {
		
        font-size: 18px;
		color:gray;
		text-decoration: none;
		font-weight:normal;
		color:#79AF30;
	  }	 
	  
	 .flechesmois_glisse  a:link {
		text-decoration: none;
		color:#79AF30;
	  }	  
	  
	 .flechesmois_glisse  a:visited  {
		text-decoration: none;
	  }	  	

	.flechesmois_glisse   	a:hover  {
		text-decoration: none;
		color:#79AF30;
		
	  }	  
	  
	 .flechesmois_glisse  a:active  {
		text-decoration: none;
		color:black;
		
	  }	    

.moiscalendarYearStats{ 
font-size:14px;
float:left;
width:100px;
border:0px solid red;
color:#79AF30;
}
.moiscalendarYearStats  a {
		
        font-size: 14px;
		color:#79AF30;
		text-decoration: none;
		font-weight:normal;
		
	  }	 
	  
	 .moiscalendarYearStats  a:link {
		text-decoration: none;
		color:#79AF30;
	  }	  
	  
	 .moiscalendarYearStats  a:visited  {
		text-decoration: none;
		color:#79AF30;
	  }	  	

	.moiscalendarYearStats   	a:hover  {
		text-decoration: none;
		color:black;
	  }	  
	  
	 .moiscalendarYearStats  a:active  {
		text-decoration: none;
		color:black;
	  }	  		
	  
	  
.moiscalendarYear{
	  
font-size:14px;
float:left;
width:154px;
border:0px solid red;
}

.moiscalendarYear  a {
		
        font-size: 14px;
		color:#79AF30;
		text-decoration: none;
		font-weight:normal;
		
	  }	 
	  
	 .moiscalendarYear  a:link {
		text-decoration: none;
		color:#79AF30;
	  }	  
	  
	 .moiscalendarYear  a:visited  {
		text-decoration: none;
		color:#79AF30;

	  }	  	

	.moiscalendarYear   	a:hover  {
		text-decoration: none;
		

	  }	  
	  
	 .moiscalendarYear  a:active  {
		text-decoration: none;
		color:#04882F;
		color:black;
	  }	  		

	  
	
	.footercalendar {
		font-size: 14px;
		color:#363636;
		font-weight:bold;
	}
	  
	
	.footercalendar  a {
		
        font-size: 14px;
		color:#557e9f;
		text-decoration: none;
		font-weight:normal;
	  }	 
	  
	 .footercalendar  a:link {
		text-decoration: none;
	  }	  
	  
	 .footercalendar  a:visited  {
		text-decoration: none;
	  }	  	

	.footercalendar   	a:hover  {
		text-decoration: none;
		color:#404040; 
	  }	  
	  
	 .footercalendar  a:active  {
		text-decoration: none;
		color:#557e9f;
	  }	  		 
	  
	  
	  .footer {
		font-size: 14px;
		color:#557e9f;
		    font-weight: normal;
	  }

	.footer  a {
		
        font-size: 14px;
		color:#557e9f;
		text-decoration: none;
		font-weight:normal;
	  }	 
	  
	 .footer  a:link {
		text-decoration: none;
	  }	  
	  
	 .footer  a:visited  {
		text-decoration: none;
	  }	  	

	.footer   	a:hover  {
		text-decoration: none;
		color:#404040; 
	  }	  
	  
	 .footer  a:active  {
		text-decoration: none;
		color:#557e9f;
	  }	  		  
	  
	   

	  .footer2 {
		font-size: 14px;
		color:#79af30;
	  }

	.footer2  a {
		
        font-size: 14px;
		color:#557e9f;
		text-decoration: none;
	  }	 
	  
	 .footer2  a:link {
		text-decoration: none;
		
	  }	  
	  
	 .footer2  a:visited  {
		text-decoration: none;
	  }	  	

	 .footer2  a:active  {
		text-decoration: none;
		color:#79af30;
	  }	  	
	  
	.footer2   	a:hover  {
		text-decoration: none;
		color:#79af30;
	  }	  
	  	   

	  
	   .plus_moins, a.plus_moins , a.visited    {
        font-size: 14px;
		color:white;
		text-decoration: none;
	  }	 
	  


	  	a.plus_moins:active  {
		text-decoration: none;
		color:#6896BB;
	  }	 
	  
	  	.liens {
		
        font-size: 11px;
		color:#666;
		text-decoration: none;
	  }
	  	 .liens A:link {
		text-decoration: none;
		font-size: 11px;
		color:blue;
	  }	
	  	 .liens A:visited {
		text-decoration: none;
		font-size: 11px;
		color:blue;
	  }	
	  	 .liens A:active {
		text-decoration: none;
		font-size: 11px;
		color:blue;
	  }	
	  	 .liens A:hover {
		text-decoration: none;
		font-size: 11px;
		color: blue;
	  }	



.editboxperiod .cancel_periodic_custom {
		
        font-size: 20px;
		color:white;
		text-decoration: none;
	  }
.editboxperiod .cancel_periodic_custom A:link {
		text-decoration: none;
		font-size: 20px;
		color:white;
	  }	
.editboxperiod .cancel_periodic_custom A:visited {
		text-decoration: none;
		font-size: 20px;
		color:white;
	  }	
.editboxperiod .cancel_periodic_custom A:active {
		text-decoration: none;
		font-size: 20px;
		color:white;
	  }	
.editboxperiod .cancel_periodic_custom A:hover {
		text-decoration: none;
		font-size: 2Opx;
		color: white;
	  }	
	  
	  

	.delete_rule {
		
        font-size: 25px;
		color:#0BB6FF;
		text-decoration: none;
	  }
	  	 .delete_rule A:link {
		text-decoration: none;
		font-size: 25px;
		color:#0BB6FF;
	  }	
	  	 .delete_rule A:visited {
		text-decoration: none;
		font-size: 25px;
		color:#0BB6FF;
	  }	
	  	 .delete_rule A:active {
		text-decoration: none;
		font-size: 25px;
		color:#0BB6FF;
	  }	
	  	 .delete_rule A:hover {
		text-decoration: none;
		font-size: 25px;
		color: #0BB6FF;
	  }	

	  	.liens_achat {
		
        font-size: 12px;
		color:#363636;
		text-decoration: none;
	  }
	  .liens_achat:hover {
		
        font-size: 12px;
		color:#007133;
		text-decoration: none;
	  }
	  	 .liens_achat A:link {
		text-decoration: none;
		font-size: 12px;
		color:#363636;
	  }	
	  	 .liens_achat A:visited {
		text-decoration: none;
		font-size: 12px;
		color:#363636;
	  }	
	  	 .liens_achat A:active {
		text-decoration: none;
		font-size: 12px;
		color:#363636;
	  }	
	  	 .liens_achat A:hover {
		text-decoration: none;
		font-size: 12px;
		color: #007133;
		font-weight:bold;
	  }	
	  
	  
	  .liens_achat_calendar {
		
        font-size: 12px;
		color:#363636;
		text-decoration: none;
	  }
	  .liens_achat_calendar:hover {
		
        font-size: 12px;
		color:#D20A0A;
		font-weight:bold;
		text-decoration: none;
	  }
	  	 .liens_achat_calendar A:link {
		text-decoration: none;
		font-size: 12px;
		color:#D20A0A;
	  }	
	  	 .liens_achat_calendar A:visited {
		text-decoration: none;
		font-size: 12px;
		color:#D20A0A;
	  }	
	  	 .liens_achat_calendar A:active {
		text-decoration: none;
		font-size: 12px;
		color:#D20A0A;
	  }	
	  	 .liens_achat_calendar A:hover {
		text-decoration: none;
		font-size: 12px;
		color: #0073C6;
		font-weight:bold;
	  }	
	  	  
	  
	  	.liens2 {
		
        font-size: 11px;
		color:#79af30;
			line-height: 1.3em;
	
	  }
	   .liens2 a {
		text-decoration: none;
		font-size: 11px;
		color:#557e9f;
	
	  }	
	  	 .liens2 A:link {
		text-decoration: none;
	  }	
	  	 .liens2 A:visited {
		text-decoration: none;
	  }	
	  	 .liens2 A:active {
		text-decoration: none;
	  }	
	  	 .liens2 A:hover {
		text-decoration: none;
		color:#79af30;
	  }	
	  
	  
	  
	  .fleche_cal {
		
        font-size: 13px;
		color:black;
			line-height: 1.3em;
	
	  }
	   .fleche_cal a {
		text-decoration: none;
		font-size: 13px;
		color:black;
	
	  }	
	  	 .fleche_cal A:link {
		text-decoration: none;
	  }	
	  	 .fleche_cal A:visited {
		text-decoration: none;
	  }	
	  	 .fleche_cal A:active {
		text-decoration: none;
	  }	
	  	 .fleche_cal A:hover {
		text-decoration: none;
	  }	
	  
	  
	  
	.liens3 {
	    font-size: 14px;
		color:#557e9f;
		line-height: 1.3em;
	
	  }
	   .liens3 a {
		text-decoration: none;
		font-size: 14px;
		color:#557e9f;
	
	  }	
	  	 .liens3 A:link {
		text-decoration: none;
	  }	
	  	 .liens3 A:visited {
		text-decoration: none;
	  }	
	  	 .liens3 A:active {
		text-decoration: none;
	  }	
	  	 .liens3 A:hover {
		text-decoration: none;
	  }	
	  
	.lien_share {
	    font-size: 13px;
		color:#888179;
	  }
	   .lien_share a {
		text-decoration: none;
		font-size: 16px;
		color:#888179;
	
	  }	
	  	 .lien_share A:link {
		text-decoration: none;
	  }	
	  	 .lien_share A:visited {
		text-decoration: none;
	  }	
	  	 .lien_share A:active {
		text-decoration: none;
		color:black;
	  }	
	  	 .lien_share A:hover {
		text-decoration: none;
			color:black;
	  }	
	  
	  
.lien_config {
		
                font-size: 12px;
		font-style:normal;
		color: #363636;
	
	  }
	   .lien_config a {
		text-decoration: none;
		color: #363636;
	
	  }	
	  	 .lien_config A:link {
		text-decoration: none;
		color: #363636;
	  }	
	  	 .lien_config A:visited {
		text-decoration: none;
		color: #363636;
	  }	
	  	 .lien_config A:active {
		text-decoration: none;
		color:white;
	  }	
	  	 .lien_config A:hover {
		text-decoration: none;
color:white;	
	}	
	  
	  /* CSS3 Buttons Without Images */

button {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
		 border-radius: 5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}

button:hover {
	background:rgba(240,240,240,1);
}

button:active, button:focus {
	background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(185,185,185,1));
}

button:disabled {
	color:rgba(0,0,0,0.4);
	text-shadow:1px 1px 0px rgba(255,255,255,0.5);
	background:rgba(220,220,220,1);
}




.button2 {
  background-color: #4CAF50; /* Green background */
  color: white; /* White text */
  border: none; /* Remove borders */
  padding: 10px 20px; /* Add padding */
  font-size: 16px; /* Set font size */
  font-weight: bold; /* Make text bold */
  border-radius: 5px; /* Rounded corners */
  cursor: pointer; /* Add a pointer cursor on hover */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transitions */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.button2:hover {
  background-color: #45a049; /* Darker green on hover */
  transform: translateY(-2px); /* Slight lift on hover */
}

.button2:active {
  background-color: #3e8e41; /* Even darker green when clicked */
  transform: translateY(0); /* Reset lift effect */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Adjust shadow */
}

.button2:focus {
  outline: 2px solid #80e680; /* Accessible focus outline */
  outline-offset: 2px;
}

  
  	.tabs_calendar {
	 font-size: 12px;
	color: #363636;
	background-color:  #9BC400;  
				border:0px solid #bfbaba;	
	
			   -moz-border-radius:5px 5px 0px 0px;
				 border-radius:5px 5px 0px 0px;
				-webkit-border-radius:5px 5px 0px 0px;
				text-align:center;
				padding-top:3px;
	}	
   .tabs_calendar  a  {
		color: #363636;
		text-decoration: none;
	  }

	  .tabs_calendar  a:link {
			color: #363636;
		text-decoration: none;
	  }	
	  
	 .tabs_calendar  a:visited  {
			color: #363636;
		text-decoration: none;
	  }
	
	 .tabs_calendar a:hover  {
			color: #363636;
		text-decoration: none;
	  }		  
	
	.tabs_calendar  a:active  {
			color: #363636;
		text-decoration: none;
	  }	
	
    .tabs_calendar_off {
	 font-size: 12px;
	color: white;
	background-color:  #5B7200;  
				border:0px solid #bfbaba;	
			   -moz-border-radius:5px 5px 0px 0px;
				 border-radius:5px 5px 0px 0px;
				-webkit-border-radius:5px 5px 0px 0px;
				text-align:center;
				padding-top:3px;	
	}	
	
	 .tabs_calendar_off  a  {
		color:white;
		text-decoration: none;
	  }

	  .tabs_calendar_off  a:link {
		color:white;
		text-decoration: none;
	  }	
	  
	 .tabs_calendar_off  a:visited  {
		color:white;
		text-decoration: none;
	  }
	
	 .tabs_calendar_off a:hover  {
		color:#363636;
		text-decoration: none;
	  }		  
	
	.tabs_calendar_off  a:active  {
		color: white;
		text-decoration: none;
	  }	


  
  	.tabs_setup {
	 font-size: 16px;
	color: #363636;
	background-color:  #9BC400;  
				border:0px solid #bfbaba;	
			   -moz-border-radius:6px 6px 0px 0px;
				 border-radius:6px 6px 0px 0px;
				-webkit-border-radius:6px 6px 0px 0px;
				text-align:center;
				padding-top:3px;
			
	}	
   .tabs_setup  a  {
		color: #363636;
		text-decoration: none;
	  }

	  .tabs_setup  a:link {
			color: #363636;
		text-decoration: none;
	  }	
	  
	 .tabs_setup  a:visited  {
			color: #363636;
		text-decoration: none;
	  }
	
	 .tabs_setup a:hover  {
			color: #363636;
		text-decoration: none;
	  }		  
	
	.tabs_setup  a:active  {
			color: #363636;
		text-decoration: none;
	  }	
	
    .tabs_setup_off {
	 font-size: 16px;
	color: white;
	background-color:  #5B7200;  
				border:0px solid #bfbaba;	
			   -moz-border-radius:6px 6px 0px 0px;
				 border-radius:6px 6px 0px 0px;
				-webkit-border-radius:6px 6px 0px 0px;
				text-align:center;
				padding-top:3px;	
	}	
	
	 .tabs_setup_off  a  {
		color:white;
		text-decoration: none;
	  }

	  .tabs_setup_off  a:link {
		color:white;
		text-decoration: none;
	  }	
	  
	 .tabs_setup_off  a:visited  {
		color:white;
		text-decoration: none;
	  }
	
	 .tabs_setup_off a:hover  {
		color:#9BC400;
		text-decoration: none;
	  }		  
	
	.tabs_setup_off  a:active  {
		color: white;
		text-decoration: none;
	  }	
	  
	 .newsign {
		position:absolute;
		border-radius: 50%;
		width: 33px;
		height: 33px;
		background-color:#636363;
		
	 }
	  .face {
		position:absolute;
		border-radius: 50%;
		width: 8px;
		height: 8px;
		border:1.5px solid #A6A6A6;
		margin-left:11px;
		margin-top:5px;
		
	 }
	 .shoulder {
	width: 18px;
    height: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1.5px solid #A6A6A6;
    border-bottom: 0;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
			margin-left:8px;
		margin-top:15px;
}
	 
	 
	.configure_wh {
	 float:right;
	 background:#4585F1;
	 background-color:#6997BC;
	 color:white;
	 font-weight:normal;
	 padding-left:10px;
	 padding-right:10px; 
	 padding-top:5px;
	 padding-bottom:5px; 
	 
	 -moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	cursor:pointer;
	
	
	 }
	 
	 .configure_wh:hover {
		 font-weight:bold;
	 }
	 .configure_wh a {
	 float:right;
	 color:white;
	 font-weight:bold;
	 }
	 .configure_wh a:hover {
	 float:right;
	 background:#4585F1;
	 color:white;
	 font-weight:bold;
	 }
	 .configure_wh a:active {
	 float:right;
	 background:#4585F1;
	 color:white;
	 font-weight:bold;
	 }
	 
	 
	 .add_custom_period {
	 float:right;
	 background:orange;
	 color:white;
	 font-weight:normal;
	 padding-left:10px;
	 padding-right:10px; 
	 padding-top:5px;
	 padding-bottom:5px; 
	 
	 -moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	cursor:pointer;
	
	
	 }
	 
	 .add_custom_period:hover {
		 font-weight:bold;
	 }
	 .add_custom_period a {
	 float:right;
	 color:white;
	 font-weight:bold;
	 }
	 .add_custom_period a:hover {
	 float:right;
	 background:orange;
	 color:white;
	 font-weight:bold;
	 }
	 .add_custom_period a:active {
	 float:right;
	 background:orange;
	 color:white;
	 font-weight:bold;
	 }
	 
	 
	 .newsigin {
		 background-color:#1a73e8;
		 border: 1px solid transparent!important;
		 border-radius: 4px;
		  font-weight: 500;
		  color:#fff;
		 padding-left:10px;
	 padding-right:10px; 
	 padding-top:5px;
	 padding-bottom:5px; 
	     letter-spacing: 0.25px;
	 
	 -moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	height:15px;
	line-height:15px;
	 }
	 
	.newsigin:hover {
		  transition: box-shadow 0.1s ease-in-out;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.69);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.69);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.69);
	  }
	 
	 .signin {
	 float:right;
	/* background:#4585F1;*/
	 background-color:#1A73E8;
	 /*color:#79af30;*/
	 color:white;
	 font-weight:bold;
	 padding-left:10px;
	 padding-right:10px; 
	 padding-top:5px;
	 padding-bottom:5px; 
	 
	 -moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	
	 }
	 
	  .signin :hover {
		  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); 
	  }
	 
	 /* lorsque on invite à se connecter, pour attirer l'attention */
	 .signin_alert {
		 	 float:right;
	 background:#4585F1;
	 background:#1A73E8;
	 color:#79AF3E;
	-webkit-animation: NAME-YOUR-ANIMATION 1s infinite; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION 1s infinite; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION 1s infinite; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION 1s infinite; /* IE 10+, Fx 29+ */
		
		
	
	 font-weight:bold;
	 padding-left:10px;
	 padding-right:10px; 
	 padding-top:5px;
	 padding-bottom:5px; 
	 
	 -moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	 }
	 
	 
	 
	 @-webkit-keyframes NAME-YOUR-ANIMATION {
			0%, 49% {
				background:#4585F1;

			}
			50%, 100% {
			
				background:transparent;
			}
}

	 .signin a {
	 float:right;
	 
	 color:white;
	 font-weight:bold;
	 }
	 
	  .signin_alert a {
	 float:right;
	 background:#4585F1;
	 color:white;
	 font-weight:bold;
	 }
	 	 .cancelsign {
	 float:right;
	 color:#4585F1;
	 padding-left:10px;
	 padding-right:10px; 
	 padding-top:5px;
	 padding-bottom:5px; 

	
	 }

	 .cancelsign a {
	 float:right;
	 color:#4585F1;
	 font-weight:bold;
	 }
	
	.tooltip_calendar_new {
	position:absolute;
	font-size: 14px;
		  color: black;
	z-index:2200;
	width:300px;
     height:40px;
 padding-left:80px;
 padding-right:20px;
 padding-top:5px;
 min-width: 25px;
	visibility:hidden;
	 min-width:150px;
 padding-top:10px;
 padding-bottom:10px;
    border: 1px solid lightgray;
    padding: 4px;
    position: absolute;
    background-color:white;
    opacity:0.93;
filter:alpha(opacity=93);
	     -moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
text-align:center;	
vertical-align:center;	
pointer-events:none;

-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);
}

.tooltip_calendar_new:after {
content: '';
display: block;
position: absolute;
top: 48px;
left: 130px;
width: 0;
height: 0;
border-color:     white transparent transparent transparent;
border-style: solid;
border-width: 10px;
pointer-events:none;
}
.tooltip_calendar_new:before {
content: '';
display: block;
position: absolute;
top: 48px;
left: 129px;
width: 0;
height: 0;
border-color: lightgray transparent transparent  transparent ;
border-style: solid;
border-width: 11px;
pointer-events:none;
}

	.tooltip-container {
            position: fixed;
            z-index: 220000;
            background-color: #fff;
            color: #000;
            padding: 10px;
            border-radius: 7px;
            border: 1px solid lightgray;
            visibility:hidden;
            max-width: 300px;
            word-wrap: break-word;
            -webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);
			margin-left:400px;
			margin-top:100px;
			text-align:center;
			    opacity:0.93;
			filter:alpha(opacity=93);
			pointer-events:none;
        }

        .tooltip-container p {
            margin: 0;
        }

        /* Arrow styling */
        .tooltip-container::after {
            content: '';
            position: absolute;
            top: 100%; /* Position at the bottom of the tooltip */
            left: 50%;
            transform: translateX(-50%);
            border-width: 10px;
            border-style: solid;
            border-color: #fff transparent transparent transparent;
        }

        .tooltip-container::before {
            content: '';
            position: absolute;
            top: 100%; /* Position at the bottom of the tooltip */
            left: 50%;
            transform: translateX(-50%);
            border-width: 11px;
            border-style: solid;
            border-color: #ccc transparent transparent transparent;
        }

.aide_calendrier {
	position:absolute;
	font-size: 14px;
		  color: black;
	z-index:2200;
	width:360px;
     height:160px;
 padding-left:80px;
 padding-right:20px;
 padding-top:5px;
 min-width: 25px;
	visibility:hidden;
	 min-width:150px;
 padding-top:20px;
 padding-bottom:10px;
    border: 1px solid lightgray;
    padding: 4px;
    position: absolute;
    background-color:white;
    opacity:0.93;
filter:alpha(opacity=93);
	     -moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
text-align:center;	
vertical-align:center;	
pointer-events:none;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);  /* pris sur Material Design Box Shadows https://codepen.io/sdthornton/pen/wBZdXq */
	    border:1px solid #DCA; background:#fffAF0;
}

.aide_calendrier:after {
content: '';
display: block;
position: absolute;
top: 168px;
left: 120px;
width: 0;
height: 0;
border-color:     #fffAF0 transparent transparent transparent;
border-style: solid;
border-width: 10px;
pointer-events:none;
}
.aide_calendrier:before {
content: '';
display: block;
position: absolute;
top: 168px;
left: 119px;
width: 0;
height: 0;
border-color: lightgray transparent transparent  transparent ;
border-style: solid;
border-width: 11px;
pointer-events:none;
}



.period_info {
	position:absolute;
	font-size: 10px;
		  color: black;
	z-index:10000;
	width:320px;
     height:65px;
 padding-left:80px;
 padding-right:20px;
 padding-top:5px;
 min-width: 25px;
	visibility:hidden;
	 min-width:150px;
 padding-top:10px;
 padding-bottom:10px;
    border: 2px solid #91B700;

    padding: 4px;
    position: absolute;
    background-color:white;
	background-color: rgba(255, 255, 255, 0.85); /* Ceci est noir avec une transparence */
    /*opacity:0.9;
filter:alpha(opacity=99);
*/
	     -moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
text-align:left;	
vertical-align:center;	
pointer-events:none;

/* comme signout */	
	-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);


}

.period_info:after {
content: '';
display: block;
position: absolute;
top: 73px;
left: 150px;
width: 0;
height: 0;
border-color:     white transparent transparent transparent;
border-style: solid;
border-width: 10px;
pointer-events:none;
}
.period_info:before {
content: '';
display: block;
position: absolute;
top: 74px;
left: 149px;
width: 0;
height: 0;
border-color: #91B700 transparent transparent  transparent ;
border-style: solid;
border-width: 11px;
pointer-events:none;
}

.period_info_big {
	position:absolute;
	font-size: 10px;
		  color: black;
	z-index:10000;
	width:330px;
     height:65px;
 padding-left:80px;
 padding-right:20px;
 padding-top:5px;
 min-width: 25px;
	visibility:hidden;
	 min-width:150px;
 padding-top:10px;
 padding-bottom:10px;
    border: 2px solid #91B700;

    padding: 4px;
    position: absolute;
    background-color:white;
    opacity:0.99;
filter:alpha(opacity=99);
	     -moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
text-align:left;	
vertical-align:center;	
pointer-events:none;

/* comme signout */	
	-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);


}

.period_info_big:after {
content: '';
display: block;
position: absolute;
top: 73px;
left: 162px;
width: 0;
height: 0;
border-color:     white transparent transparent transparent;
border-style: solid;
border-width: 10px;
pointer-events:none;
}
.period_info_big:before {
content: '';
display: block;
position: absolute;
top: 74px;
left: 161px;
width: 0;
height: 0;
border-color: #91B700 transparent transparent  transparent ;
border-style: solid;
border-width: 11px;
pointer-events:none;
}

.visiblemessage {
position:absolute;
text-align:center;
overflow: hidden;
max-height:25px;
width:75px;
word-wrap:break-word;
margin-top:45px;
margin-left:0px;
font-size:10px;
line-height:120%;
}

.visiblemessagehaut {
position:absolute;
text-align:center;
overflow: hidden;
max-height:25px;
width:75px;
word-wrap:break-word;
margin-top:10px;
margin-left:0px;
font-size:10px;
line-height:90%;
}

.visiblemessagebas {
position:absolute;
text-align:center;
overflow: hidden;
max-height:25px;
width:75px;
word-wrap:break-word;
margin-top:45px;
margin-left:0px;
font-size:10px;
line-height:90%;
}



.minidot {
	float:right;
	margin-right:5px;
	width:21px;
	height:21px;
	background-color:white;
	border-radius:2px;
}



.minitdot1 {
width:3px;
height:3px;
background-color: #636363; 
margin-left:2px;
margin-top:2px;
float:left;
border-radius:1px;
}

.minitdot2 {
width:3px;
height:3px;
background-color: white; 
margin-left:2px;
margin-top:2px;
float:left;
border-radius:1px;
}
.pub_hol  {
		font-size: 11px;
		color: white;
		
}
.pub_hol:hover {
		font-size: 11px;
		color: white;
		font-weight:bold;
}


.list_languages {
cursor:pointer;
	font-size: 12px;
	line-height:160%;
	color: #6896BB;
	background-color:white;
	font-weight:bold;
	font-style:italic;
	color: white;
	background-color: #636363; 
	z-index:122222000;
	
	padding-left:10px;
	 padding-right:10px;
	 padding-top:4px;
	 padding-bottom:10px;
border-style: solid;
border-width: 0px;
   
    position: absolute;
    
    opacity:0.98;
	filter:alpha(opacity=98);
-moz-border-radius:7px 7px 7px 7px;
border-radius:7px 7px 7px 7px;
-webkit-border-radius:7px 0px 7px 7px;
text-align:center;	
vertical-align:center;	
visibility:hidden;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);  /* pris sur Material Design Box Shadows https://codepen.io/sdthornton/pen/wBZdXq */


}

.infodiv {
	line-height:130%;
	color: white;
	background-color: #636363; 
	font-size: 12px; 
	border-radius:5px;
	padding:10px;
	pointer-events:none;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

}

.hide {

  
 opacity: 0;
 transition:0.3s;
}

.show {

visibility: visible;
opacity: 0.98;
transition:0.4s;

}


.list_languages  a:link{
        font-size: 12px;
		color: white;
		text-decoration: none;
		font-style:normal;
		font-weight: normal;
}

.list_languages  a:visited {
        font-size: 12px;
		color: white;
		text-decoration: none;
}

.list_languages  a:hover{
        font-size: 12px;
		color: blue;
				color:#79af30;
		text-decoration: none;
			font-weight:bold;
	font-style:italic;
		
}





.signout {
	font-size: 10px;
	color: black;
	z-index:6000;
    margin-left: 15px;
    width:250px;
	margin-left:800px;
	margin-top:40px;
	padding-left:10px;
	 padding-right:10px;
	 padding-top:10px;
	 padding-bottom:10px;
	
    border: 1px solid lightgray;
    padding: 4px;
	 padding:15px;
    position: absolute;
    background-color:white;
    opacity:0.99;
	filter:alpha(opacity=99);
   -moz-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	text-align:left;	
	vertical-align:center;	
	visibility:hidden;


-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);
}

.signout:after {
content: '';
display: block;
position: absolute;
top: -20px;
left: 190px;
width: 0;
height: 0;
border-color: transparent transparent  white transparent;
border-style: solid;
border-width: 10px;

}
.signout:before {
content: '';
display: block;
position: absolute;
top: -22px;
left: 189px;
width: 0;
height: 0;
border-color: transparent transparent lightgray transparent ;
border-style: solid;
border-width: 11px;
}

.signout .custo a:link {
			
	         font-size: 10px;
			color:#9C9C9C;
			text-decoration: none;
		  }	  
		  
.signout .custo a:visited  {
	       
		color:#9C9C9C;
		text-decoration: none;
	  }	  	

.signout .custo a:active  {

		color:#9C9C9C;
		text-decoration: none;
	  }	  
	  
.signout .custo a:hover  {

		color: #727272;
		text-decoration: none;
	  }	  





	.editboxperiod {
	font-size: 10px;
	color: black;
	z-index:2000;
    margin-left: 15px;
    width:320px;
	height:300px;
	padding-left:10px;
	 padding-right:10px;
	 padding-top:10px;
	 padding-bottom:10px;
    border: 2px solid #91B700;
    padding: 4px;
    position: absolute;
    background-color:white;
    opacity:0.99;
	filter:alpha(opacity=99);
   -moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	text-align:left;	
	vertical-align:center;	
	visibility:hidden;
	
/* comme signout */	
	-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);

}

.editboxperiod:after {
content: '';
display: block;
position: absolute;
top: -18px;
left: 150px;
width: 0;
height: 0;
border-color: transparent transparent  white transparent;
border-style: solid;
border-width: 10px;
}
.editboxperiod:before {
content: '';
display: block;
position: absolute;
top: -22px;
left: 149px;
width: 0;
height: 0;
border-color: transparent transparent #91B700 transparent ;
border-style: solid;
border-width: 11px;
}

 .editboxperiod a:link {
			
	         font-size: 28px;
			color:#9C9C9C;
			text-decoration: none;
		  }	  
		  
	 .editboxperiod a:visited  {
	       
		color:#9C9C9C;
		text-decoration: none;
	  }	  	

	 .editboxperiod a:active  {

		color:#9C9C9C;
		text-decoration: none;
	  }	  
	  
	 .editboxperiod a:hover  {

		color: #727272;
		text-decoration: none;
	  }	  


 .editboxperiod .periodic a:link {
			
	         font-size: 10px;
			color:#9C9C9C;
			text-decoration: none;
		  }	  
		  
	 .editboxperiod .periodic a:visited  {
	       
		color:#9C9C9C;
		text-decoration: none;
	  }	  	

	 .editboxperiod .periodic a:active  {

		color:#9C9C9C;
		text-decoration: none;
	  }	  
	  
	 .editboxperiod .periodic a:hover  {

		color: #727272;
		text-decoration: none;
	  }	  

	
	
.premium_box ul {
  list-style-image: url("check_small.png");
  font-weight:bold;
  line-height:150%;
  margin-left:20px;
}

.premium_box .liste2 ul {
	list-style: inside;
	font-weight:normal;
	font-size:13px;
  line-height:100%;
  margin-left:10px;
  margin-top:130px;
}

	.big_editboxperiod {
margin: 0 auto;
width:570px;margin-top:140px;height:370px;
	padding-left:10px;
	 padding-right:10px;
	 padding-top:10px;
	 padding-bottom:10px;
    border: 2px solid #91B700;
    background-color:white;z-index:150000000;
    background-color: rgba(255, 255, 255, 1);

   -moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
		-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);

}



 .big_editboxperiod a:link {
			
	         font-size: 35px;
			color:#9C9C9C;
			text-decoration: none;
		  }	  
		  
	 .big_editboxperiod a:visited  {
	       
		color:#9C9C9C;
		text-decoration: none;
	  }	  	

	 .big_editboxperiod a:active  {

		color:#9C9C9C;
		text-decoration: none;
	  }	  
	  
	 .big_editboxperiod a:hover  {

		color: #727272;
		text-decoration: none;
	  }	  


 .big_editboxperiod .periodic a:link {
			
	         font-size: 10px;
			color:#9C9C9C;
			text-decoration: none;
		  }	  
		  
	 .big_editboxperiod .periodic a:visited  {
	       
		color:#9C9C9C;
		text-decoration: none;
	  }	  	

	 .big_editboxperiod .periodic a:active  {

		color:#9C9C9C;
		text-decoration: none;
	  }	  
	  
	 .big_editboxperiod .periodic a:hover  {

		color: #727272;
		text-decoration: none;
	  }	  


 .big_editboxperiod .cancel_periodic_custom_big a:link {
			
	         font-size: 20px;
			color:white;
			text-decoration: none;
		  }	  
		  
	 .big_editboxperiod .cancel_periodic_custom_big a:visited  {
	       
		color:white;
		text-decoration: none;
	  }	  	

	 .big_editboxperiod .cancel_periodic_custom_big a:active  {

		color:white;
		text-decoration: none;
	  }	  
	  
	 .big_editboxperiod .cancel_periodic_custom_big a:hover  {

		color: white;
		text-decoration: none;
	  }	  
	  

	.editboxnew {
	font-size: 14px;
	color: black;
	z-index:2000;
    margin-left: 15px;
    width:250px;
	height:220px;
	padding-left:10px;
	 padding-right:10px;
	 padding-top:10px;
	 padding-bottom:10px;
    border: 1px solid lightgray;
    padding: 4px;
    position: absolute;
    background-color:white;
    opacity:0.93;
	filter:alpha(opacity=93);
   -moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	text-align:left;	
	vertical-align:center;	
	visibility:hidden;
}

.editboxnew:after {
content: '';
display: block;
position: absolute;
top: -20px;
left: 120px;
width: 0;
height: 0;
border-color: transparent transparent  white transparent;
border-style: solid;
border-width: 10px;
}
.editboxnew:before {
content: '';
display: block;
position: absolute;
top: -22px;
left: 119px;
width: 0;
height: 0;
border-color: transparent transparent lightgray transparent ;
border-style: solid;
border-width: 11px;
}

	 .editboxnew a:link {
			
	         font-size: 22px;
			color:#9C9C9C;
			text-decoration: none;
		  }	  
		  
	 .editboxnew a:visited  {
	       
		color:#9C9C9C;
		text-decoration: none;
	  }	  	

	 .editboxnew a:active  {

		color:#9C9C9C;
		text-decoration: none;
	  }	  
	  
	 .editboxnew a:hover  {

		color: #727272;
		text-decoration: none;
	  }	  

	.editboxnew_orange {
	font-size: 14px;
	color: black;
	z-index:2000;
    margin-left: 15px;
    width:250px;
	padding-left:10px;
	 padding-right:10px;
	 padding-top:10px;
	 padding-bottom:10px;
    border: 1px solid lightgray;
    padding: 4px;
    position: absolute;
    background-color:orange;
    opacity:0.93;
filter:alpha(opacity=93);
	     -moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
text-align:left;	
vertical-align:center;	
visibility:hidden;
}

.editboxnew_orange:after {
content: '';
display: block;
position: absolute;
top: -20px;
left: 120px;
width: 0;
height: 0;
border-color: transparent transparent  orange transparent;
border-style: solid;
border-width: 10px;
}
.editboxnew_orange:before {
content: '';
display: block;
position: absolute;
top: -22px;
left: 119px;
width: 0;
height: 0;
border-color: transparent transparent lightgray transparent ;
border-style: solid;
border-width: 11px;
}

	 .editboxnew_orange a:link {
			
	         font-size: 22px;
			color:gray;
			text-decoration: none;
		  }	  
		  
	 .editboxnew_orange a:visited  {
	       
		color:gray;
		text-decoration: none;
	  }	  	

	 .editboxnew_orange a:active  {

		color:gray;
		text-decoration: none;
	  }	  
	  
	 .editboxnew_orange a:hover  {

		color: black;
		text-decoration: none;
	  }	    
	  		
	.deselectbox {
	font-size: 14px;
	font-weight:bold;
		  color: black;
	z-index:2000;
    margin-left: 15px;
    min-width:290px;
	
	 padding-left:10px;
 padding-right:10px;
 padding-top:10px;
 padding-bottom:10px;
	 border: 0px solid #91B700;  /* comme editboxperiod */
 border: 1px solid lightgray;

    padding: 4px;
    position: absolute;
    background-color:white;
    opacity:0.99;  
filter:alpha(opacity=99);
   -moz-border-radius:7px 7px 7px 7px;
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
text-align:left;	
vertical-align:center;	
visibility:hidden;
   -webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
    -moz-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
    box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
}

.deselectbox:after {
content: '';
display: block;
position: absolute;
top: -20px;
left: 120px;
width: 0;
height: 0;
border-color: transparent transparent  white transparent;
border-style: solid;
border-width: 10px;
}
.deselectbox:before {
content: '';
display: block;
position: absolute;
top: -22px;
left: 119px;
width: 0;
height: 0;
border-color: transparent transparent gray transparent ;
border-style: solid;
border-width: 11px;
}


  .stats {

   font-size:16px;
}
table.stats  {
 border-width: 0px;
  border-spacing: 0px;
  table-layout: fixed;
}
table.stats2  {
 border-width: 0px;
  border-spacing: 0px;
  table-layout: fixed;
}

table.stats th {

	min-width:82px;
 max-width:82px;
 height:60px;
 word-wrap: break-word;
 word-break:break-all;
 border: 1px solid lightgray;
 padding: 1px;
 text-align:center;
 
}	


table.stats  tr:hover td{
background:#EEE!important;
color:black!important;
cursor:pointer;
}

table.stats2  tr:hover td{

}

table.stats  th:hover td{

}

table.stats td {
 min-width:82px;
 max-width:82px;
 
 word-wrap: break-word;
 border: 1px solid lightgray;
 padding: 1px;
 text-align:center;
 
 
}	
	
table.stats2 td {
 min-width:82px;
 max-width:82px;
 
 word-wrap: break-word;
 border: 1px solid lightgray;
 padding: 1px;
 text-align:center;
 
 
}	
	
  table.calendar {
margin-left:0px;
margin-top:5px;

  border-width: 0px;
 border-spacing: 2px;
 border-style: outset;
 border-color: lightgray;
 border-collapse: collapse;
 background-color: white;
   font-size:9px;
}


.calendar a:link {
		text-decoration: none;
		font-size: 10px;

	  }	
	  
table.calendar th {
 border-width: 0px;
 padding: 1px;
  background-color: #9BC400 ;
  font-size:10px;
   line-height:90%;

}

table.calendar tr {

  font-size:8px;
}
table.calendar td {
 font-size:10px;
 width:42px;
 padding: 0px;
 text-align:center;
   line-height:90%;
  background-color: #9BC400 ;
  font-weight:bold;
}





 table.calendar_legende {
margin-left:0px;
margin-top:2px;
color:white;
  border-width: 0px;
   font-size:10px;
}


table.calendar_legende th {
 height:1px;
 text-align:left;
 vertical-align:center;
line-height:95%; 
margin-left:10px;
font-weight:400;
padding-left:6px;
letter-spacing:0px;
}

table.calendar_legende td {
 width:140px;
 height:22px;
 padding: 0px;
 cursor:pointer;
 text-align:left;
 line-height:100%;
 vertical-align:center; 
}

.calendar_legende a:link {
		text-decoration: none;
		font-size: 10px;
		color:white;
	  }	
	.calendar_legende a:visited {
		text-decoration: none;
		font-size: 10px;
		color:white;
	  }	  
	  
	
.weeks_big_cal {

    font-size: 11px;
	color:#79AF30;

 
 }
 
.weeks_big_cal a:link {
	 
	 color:#79af30;
 }
 .weeks_big_cal a:visited {
	 
	 color:#79af30;
 }
 
  .weeks_big_cal a:hover {
	 
	 color:#79af30;
	 font-weight:bold;
 }
 
 table.calendarbig {
margin-left:0px;
margin-top:5px;

  border-width: 0px;
 border-spacing: 2px;
 border-style: outset;
 border-color: lightgray;
 border-collapse: collapse;
 background-color: white;
   font-size:9px;
}


.calendarbig a:link {
		text-decoration: none;
		font-size: 18px;
		color: black;
	  }	
.calendarbig a:visited {
		text-decoration: none;
		font-size: 18px;
		color: black;
	  }	
	  
table.calendarbig th {
 border-width: 0px;
 padding: 1px;
 border-style: inset;
 border-color: red;
line-height:90%;
font-size: 11px;
color:#557e9f;
 width:75px;
 height:10px;
}

table.calendarbig tr {
  font-size:8px;
}
table.calendarbig td {
 font-size:10px;
 width:75px;
 height:10px;
  border-width: 0px;
 padding: 0px;
 border-style: inset;
 border-color: lightgray;
font-size: 11px;
color:#79AF30;
 text-align:center;
 line-height:100%;
 vertical-align:center; 

}


table.table_customdates_setup  {
	width: 600px;
	overflow-x:scroll;
}
table.table_customdates_setup  tbody {
	max-height: 100px;
    overflow-y:scroll;
    display:block;
}


.mydatepicker {
	
position:absolute;
background-color:gray;
z-index:5000000;
margin-top:202px;
margin-left:620px;
width:420px;


border:0px solid red;
overflow:auto;

	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:6px 6px 6px 6px;


-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);
text-align:center;
visibility:hidden;
padding-bottom:10px;
	background-color:#EBEBEB;
}

.mydatepicker_premiere_ligne {
	width:100%;
	height:50px;
	line-height:50px;	
	background-color:#EBEBEB;

	background-color:#4585F1;
		background-color:#6997BC;
	font-size:20px;
	color:white;
	text-align:center;
}

	  .select_mydatepicker {
	  border:0px solid #e0e0e0;
	 font-size: 20px;
	  background-color:#636363;

	  background-color:#4585F1;
	  background-color:#6997BC;
	  -webkit-appearance:none;
	  -moz-user-select: none; 
	  color:white;
	  cursor:pointer;
	  }
	  
.mydatepicker_cell_we {
	float:left;
	height:40px;
	line-height:40px;
	color:#636363;
	background-color:#EBEBEB;
		width:calc(100% / 8.1);
		font-size:18px;
		text-align:center;
		font-size:15px;
}

/* 8.1 pour laisser un leger padding */

/* relatif à la taille et positionnement */
.mydatepicker_cell_size {
	float:left;
	height:45px;
	line-height:45px;
	cursor:pointer;	
	font-size:20px;
	margin-left:0px;
	width:calc(100% / 8.1);
	text-align:center;
	border:1px solid #EBEBEB;
		background-color:white; 
			color:#636363;
}

.mydatepicker_cell_size:hover {
	background-color:#ADD8E6;
	color:white;
}

.mydatepicker_cell_weekend {
	float:left;
	height:40px;
	background-color:#BCD3BE; 
	line-height:40px;
	cursor:pointer;
	border:1px solid #EBEBEB;
	margin-left:0px;
	width:calc(100% / 8.1);
	text-align:center;
	font-size:20px;
	color:white;
		color:#636363;
}

.mydatepicker_cell_weekend:hover {
	background-color:#ADD8E6;
	color:white;
}

.mydatepicker_cell {
	float:left;
	height:45px;
	line-height:45px;
	cursor:pointer;
	border:1px solid #EBEBEB;
	margin-left:0px;
	width:calc(100% / 8.1);
	text-align:center;
	font-size:18px;
	color:#636363;
	color:black;
}



.mydatepicker_cell_hover {
	background-color:#ADD8E6;
	color:red;
	opacity:1;
	border:1px dashed gray;
}


.mydatepicker_cell_jour_cadre {
	float:left;
	height:40px;
	margin-left:0px;
	width:calc(100% / 8.1);
	text-align:center;
	background-color:white;

}

.mydatepicker_cell_jour { /* cercle qui vient se centrer dans mydatepicker_cell_jour_cadre rectancle un peu plus large */
	float:left;
	height:36px;
	width:36px;
	border-radius:36px;
	margin: 0 auto;
	border-radius:36px;
	background-color:#4585F1; 
	background-color:#6997BC;
	line-height:36px;
	cursor:pointer;
	text-align:center;
	color:white;
	margin-left:7px;
	margin-top:3px;
	z-index:2000;
	//border:2px dashed black;
	box-shadow: 0px 0px 22px -5px rgba(0,0,0,0.56);
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.56);  /*  Horizontal decalage, vertical decalage,  blur raduis, spreda radius color */
	
}
.mydatepicker_cell_jour_inactif { 
	float:left;
	height:36px;
	width:36px;
	border-radius:36px;
	margin: 0 auto;
	border-radius:36px;
	line-height:36px;
	cursor:pointer;
	text-align:center;
	margin-left:8px;
	margin-top:1px;
	z-index:2000;
	opacity:1;
	border:0px solid #4585F1;	
}


.mydatepicker_cell_jour_inactif:hover { /* cercle qui vient se centrer dans mydatepicker_cell_jour_cadre rectancle un peu plus large */
	float:left;
	height:36px;
	width:36px;
	border-radius:36px;
	margin: 0 auto;
	border-radius:36px;
	border:1px solid lightgray;
	//border:2px solid #4585F1;
	//transition: border .2s linear;
	line-height:36px;
	cursor:pointer;
	text-align:center;
	//color:white;
	margin-left:8px;
	margin-top:1px;
	z-index:2000;
	//background-color:#4585F1; 
	opacity:1;
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.56); 
	zoom: 1.1;

}

.mydatepicker_cell_jour_1 {
	float:left;
	height:40px;
	background-color:#6997BC;
	background-color:#4585F1; /* bleu roi */
	line-height:40px;
	cursor:pointer;

	border-right:4px solid black;
	border-bottom:4px solid black;
	border-top:1px solid #EBEBEB;
	border-left:1px solid #EBEBEB;
	
	margin-left:0px;
	width:calc(100% / 8.1);
	text-align:center;
	color:white;
}

.mydatepicker_cell_off {
	float:left;
	height:45px;
	background-color:#EBEBEB;
	line-height:45px;
	cursor:pointer;
	margin-left:0px;
	width:calc(100% / 8.1);
}




.mydatepicker_derniere_ligne {

padding-right:15px;
display:block;
float:left;
width:420px;	
color:rgb(99, 99, 99);;
height:10px;
line-height:10px;
text-align:right;
font-size:12px;
border:0px solid red;
margin-top:10px;
	
}
.mydatepicker_derniere_ligne  a {
		
        font-size: 12px;
		color:gray;
		text-decoration: none;
		font-weight:bold;
		color:#4585F1;
		
	  }	 
	  
	 .mydatepicker_derniere_ligne  a:link {
		text-decoration: none;
		color:#4585F1;
	  }	  
	  
	 .mydatepicker_derniere_ligne  a:visited  {
		text-decoration: none;
	  }	  	

	.mydatepicker_derniere_ligne   	a:hover  {
		text-decoration: none;
		color:#4585F1;
		
	  }	  
	  
	 .mydatepicker_derniere_ligne  a:active  {
		text-decoration: none;
		color:black;
		
	  }	    

.cellcalendarbig {
 float:left;
 font-size:22px;
 width:75px;
 height:70px;
 border:1px solid lightgray;
 padding: 0px;
 text-align:center;
 line-height:100%;
 vertical-align:center; 

  /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

.cellcalendarbigSelected {
 float:left;
 font-size:22px;
 width:  75px;
 height: 70px;
 border: 2px solid #91B700;
 padding: 0px;
 text-align:center;
 line-height:100%;
 vertical-align:center; 

  /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}



.cellcalendarAccueil {  
 float:left;
 font-size:22px;
 width:42px;
 height:34px;
border:1px dotted black;

 padding: 0px;
 text-align:center;
 line-height:100%;
 vertical-align:center; 

 /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

.cellcalendarAccueilSelected {
 float:left;
 font-size:22px;
 width:42px;
 height:34px;
 border: 2px solid #91B700;

 padding: 0px;
 text-align:center;
 line-height:100%;
 vertical-align:center; 

  /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

.cellcalendarAccueilOffPeriod {  
 float:left;
 font-size:22px;
 width:42px;
 height:34px;
border:1px dotted white;

 padding: 0px;
 text-align:center;
 line-height:100%;
 vertical-align:center; 

 
   /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

.Dimanche {
	border-right:1px solid lightgray;
}
.Lundi {
	border-left:1px solid lightgray;
}


.cellcalendarYearStats {
 float:left;
 margin-left:0px;
 font-size:10px;
 width:18px;
 height:17px;
 border:0px solid lightgray;
 padding: 0px;
 text-align:center;
 line-height:100%;
 vertical-align:center; 
 
   /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

.cellcalendarYearStatsSelected {
 float:left;
 margin-left:0px;
 font-size:10px;
 width:18px;
 height:17px;
 border: 2px solid #91B700;
 padding: 0px;
 text-align:center;
 line-height:100%;
 vertical-align:center; 

   /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

.cellcalendarYear {
 float:left;
 margin-left:0px;
 font-size:10px;
 width:18px;
 min-width:18px;
 max-width:18px;
 height:12px;
 min-height:12px;
 max-height:12px;
 border:0px solid lightgray;
 padding: 0px;
 text-align:center;
 line-height:100%;
 vertical-align:center; 
 
   /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

input[type="radio"] {
    margin-top: 0px;
    vertical-align: middle;
}

.cellcalendarYear :hover{
	 border:1px solid #79AF30;
	 cursor: url('crayon_papier.png') 1 31, auto;
}

.cellweek {
	color:#79AF30;
	border-right:1px solid #79AF30;
	font-style:italic;
	cursor:default;	
}

.cellweek a:link {
	color:#79AF30;
	font-style:italic;
	cursor:pointer;	
}

.cellweek a:visited {
	color:#79AF30;
	font-style:italic;
	cursor:pointer;	
}

.cellweek a:hover {
	color:#79AF30;
	font-style:italic;
	cursor:pointer;	
	font-weight:bold;
}


.cellcalendarYearSelected {
 float:left;
 margin-left:0px;
 font-size:10px;
 width:18px;
 height:12px;
 border: 2px solid #91B700;
 padding: 0px;
 text-align:center;
 line-height:100%;
 vertical-align:center; 

   /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}


.calendarYear_month {

position:absolute;
border:0px solid #79AF30;
font-size:10px;

}

.calendar4
{
   /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

/* calendrier 4 mois en responsive */
.calendar4_month
{
float:left;
width:47%;
height:50%;
margin-left:3%;

}

.header4
{
float:left;
width:100%;
height:calc(100% / 12);
}
.letter4
{
float:left;
width:calc(100% / 7);
height:calc(100% / 12);
}
.cell4_day
{
float:left;
width:calc(100% / 7);
height:calc(100% / 6);
}

/*




table.calendarbig td:hover {
  border-style: outset;
 border-color: #AAA;

}
*/

.sample_working_days {
 height:18px;
 width:18px;
 border:0px dotted black;	
 background-color: white; 
 position:absolute;
 margin-top:-15px;
 margin-left:110px;
}

.sample_end_days {
 height:18px;
 width:18px;
 border:0px dotted black;	
 background-color: gray; 
 position:absolute;
 margin-top:-15px;
 margin-left:110px;
 }

.sample_holidays {
 height:18px;
 width:18px;
 border:0px dotted black;	
 background-color: red; 
 position:absolute;
 margin-top:-15px;
 margin-left:110px;
 }

.number_sample {
  position:absolute;
   margin-left:0px;
   margin-top:0px;
 	border-left: 12px solid lightblue;
	border-bottom: 9px solid transparent;
	
}
.number {
  position:absolute;
   margin-left:0px;
   margin-top:0px;
   color:white;
	border-left: 25px solid lightblue;
	border-bottom: 18px solid transparent;
	pointer-events:none;
}


.starting {
  position:absolute;
   margin-left:-2px;
   margin-top:-2px;
   width:38px;
   height:30px;
   color:white;
	border-top: 4px solid black;
	border-left: 4px solid black;
	z-index:9;
	pointer-events:none;
}

.ending {
  position:absolute;
   margin-left:1px;
   margin-top:1px;
   width:38px;
   height:30px;
   color:white;
	border-bottom: 4px solid black;
	border-right: 4px solid black;
	z-index:9;
	pointer-events:none;
}

.class_starting {
	border-top: 4px solid black;
	border-left: 4px solid black;
	animation: blink 1s;
    animation-iteration-count: 3;
}
@keyframes blink { 50% { border-color:#fff ; }  }
.class_ending {
	border-bottom: 4px solid black;
	border-right: 4px solid black;
		animation: blink 1s;
    animation-iteration-count: 3;
}


.numerotation {
  position:absolute;
z-index:10;
 margin-top:-4px;
margin-left:1px;
 font-size:9px;
  color: #363636;
pointer-events:none;

width:10px;
text-align:center;
}



.petiteflechefooter {
  position:absolute;
	z-index:100;
 	border-left: 10px solid transparent; 
	border-right: 10px solid transparent; 
	border-top: 10px solid #636363; 
	border-bottom: 10px solid transparent;
	 opacity:0.9;
	filter:alpha(opacity=90);
   }
   


.petitdeselect {
  position:absolute;
	z-index:0;
   margin-top:-23px;
   margin-left:32px;
   font-size:10px;
   color:black;
   pointer-events:none;
   visibility:hidden;	  
}

.deselectAccueil {
  position:absolute;
	z-index:0;
   margin-top:-5px;
   margin-left:27px;
   font-size:13px;
   color:black;
   pointer-events:none;
   visibility:hidden;	  
}

.deselect {
  position:absolute;
	z-index:0;
   margin-top:0px;
   margin-left:62px;
   font-size:13px;
   color:black;
   pointer-events:none;
   visibility:hidden;	  
}

.fetejour {
  position:absolute;
  z-index:100;
   margin-top:15px;
   margin-left:2px;
   font-size:9px;
   line-height:70%;
   width:70px;
   text-align:center;
   color:lightgray;
   pointer-events:none;
   visibility:visible;	  
}

.info {
  position:absolute;
   visibility:hidden;
   display: none;
}

/*
http://nicolasgallagher.com/pure-css-gui-icons/demo/default.css
*/
.info_cercle {
  
	background:#2385BA;
     color:white;
	width:18px;
    height:18px;
	   line-height:18px;
	   font-weight:bold;
	   font-size:12px;
    font-style:italic;
	 text-align:center;
	   /* css3 */
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
}

.info_cercle_home {
  
	background-color:#CCC;
     color:white;
	width:16px;
    height:16px;
	   line-height:18px;
	   font-weight:bold;
	   font-size:12px;
	 text-align:center;
	   /* css3 */
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
	cursor:pointer;
}
.info_cercle_home:hover {
  
	background-color:#6997BC;
  
}

.crayon {
  position:absolute;
  z-index:1000;
   margin-top:45px;
   margin-left:2px;
   font-size:12px;
   color:orange;
   pointer-events:none;
   visibility:hidden;	  
   
}

.crayonh {
  position:absolute;
  z-index:1000;
   margin-top:6px;
   margin-left:2px;
   font-size:12px;
   color:orange;
   pointer-events:none;
   visibility:hidden;	  
}
.petitcrayon {
  position:absolute;
	z-index:1000;
   margin-top:15px;
   margin-left:0px;
   pointer-events:none;
   visibility:hidden;	  
}
.days_month {
  position:absolute;
	z-index:0;
   margin-top:8px;
   margin-left:12px;
   font-size:12px;
 
   pointer-events:none;
}
.days_month_we {
  position:absolute;
	z-index:0;
   margin-top:8px;
   margin-left:14px;
   font-size:12px;
   pointer-events:none;
}

.days_month_custom {
  position:absolute;
	z-index:0;
   margin-top:8px;
   margin-left:15px;
   font-size:12px;
   pointer-events:none;
}
/*
.days_month_custom_orange {
  position:absolute;
	z-index:0;
   margin-top:8px;
   margin-left:15px;
   font-size:12px;
   color:orange;
   pointer-events:none;
}
.days_month_custom_yellow {
  position:absolute;
	z-index:0;
   margin-top:8px;
   margin-left:15px;
   font-size:12px;
   color:yellow;
   pointer-events:none;
}
.days_month_custom_blue {
  position:absolute;
	z-index:0;
   margin-top:8px;
   margin-left:15px;
   font-size:12px;
   color:#4585F1;
   pointer-events:none;
}
.days_month_custom_green {
  position:absolute;
	z-index:0;
   margin-top:8px;
   margin-left:15px;
   font-size:12px;
   color:#91B700;
   pointer-events:none;
}
.days_month_custom_pink {
  position:absolute;
	z-index:0;
   margin-top:8px;
   margin-left:15px;
   font-size:12px;
   color:pink;
   pointer-events:none;
}
*/

.days_other_month {
  position:absolute;
	z-index:0;
   margin-top:8px;
   margin-left:15px;
   font-size:12px;
   color:lightgray;
   pointer-events:none;
}



.menu_head {
	padding: 4px 0px;
	float:left;
	width:100%;
	margin:0px;
	min-height:17px;
	border:0px solid red;

}

.none {
display:none;
}

.ventilation_days {
background:#EBEBEB;
color: black;
font-weight:normal;
font-size:12px;
line-height:85%;
 margin-top:0px;
width:100%;
float:left;

}

.ventilation_days  a {
	color: black;
}

.ventilation_days  a:visited {
	color: black;
}

.ventilation_days   a:hover{
	color: green;
	font-weight:bold;
}
.ventilation_days   a:active{
	color: green;
	font-weight:bold;
}


.ventilation_workingdays {
background:#EBEBEB;
font-size:12px;
line-height:85%;
font-weight:normal;
 margin-top:0px;
 width:100%;
float:left;
}

.ventilation_wedays {
background:#EBEBEB;
font-size:12px;
line-height:85%;
font-weight:normal;
 margin-top:0px;
 width:100%;
float:left;
}

.ventilation_publicdays {
background:#EBEBEB;
font-size:12px;
line-height:85%;
font-weight:normal;
 margin-top:0px;
 width:100%;
float:left;
}


.ventilation_customdays {
background:#EBEBEB;
font-size:12px;
line-height:85%;
font-weight:normal;
 margin-top:0px;
 width:100%;
float:left;
}

.ventilation_vacances_scolaires {
background:#EBEBEB;
font-size:12px;
line-height:85%;
font-weight:normal;
 margin-top:0px;
 width:100%;
float:left;
}

.languages {
        font-size: 12px;
		color: gray;
		text-decoration: none;
}

.languages a:link {
        font-size: 12px;
		color: gray;
		text-decoration: none;
}
.languages a:visited {
        font-size: 12px;
		color: gray;
		text-decoration: none;
}

	  	.main_label {
		
        font-size: 12px;
		color: #363636;
		text-decoration: none;
	  }
	  	 .main_label a:link {
		text-decoration: none;
		font-size: 12px;
		color:#363636;
	  }	

	  	.main_label a:visited {
		text-decoration: none;
		font-size: 12px;
		color:#363636;
	  }	
	  	 .main_label a:hover {
		text-decoration: none;
		font-size: 12px;
		color:white;
	  }	
	  
	  	.main_label_active {
		
        font-size: 12px;
		color: white;
		text-decoration:none;
	  }
	  	 .main_label_active A:link {
		text-decoration:underline;
		font-size: 12px;
		color:white;
	  }		  
	  
	  .gray , .gray_horizontal {
	  color:white;
	  background-color:gray;
	  }
	  .gray_datepicker {
		color:white;
	    background-color:rgba(128, 128, 128, 0.6);
	  }
	  .red , .red_horizontal {
	    color:white;
	  background-color:red;
	  }
	   .red_datepicker {
	    color:white;
		background-color:rgba(255, 0, 0, 0.6);
	  }
	  /* les couleurs possibles pour le highligher */
	  
	   .orange {
	   color:orange;
	  }
	  .yellow {
	   color:#FEFE14;
	  }
	  .blue {
	   color:#4585F1;
	  }
	  .green{
	   color:#91B700;
	  }
	  .pink_front {
	   color:pink;
	  }	  
	  
	  
	  .orange_back , .orange_back_horizontal {
	   color:black;
	   background-color:orange;
	  }
	  .orange_back_datepicker {
	   color:black;
	   background-color:rgba(255, 165, 0, 0.6);
	  }
	  .yellow_back ,.yellow_back_horizontal {
	   color:black;
	   background-color:#FEFE14;
	   
	  }
	   .yellow_back_datepicker {
	   color:black;
	   background-color:rgba(254, 254, 20, 0.6);
	  }
	  .blue_back ,  .blue_back_horizontal {
	   color:black;
	   background-color:#4585F1;
	  }
	  
	  .periodic_back , .periodic_back_horizontal {
	   color:white;
	   background-color:#0BB6FF;
	  }
	  .periodic_back_datepicker {
	   color:white;
	   background-color:rgba(11, 182, 255, 0.6);
	  }
	  
	  .blue_back_datepicker {
	   color:black;
	   background-color:rgba(69, 133, 241, 0.6);
	  }
	  .green_back , .green_back_horizontal {
	   color:black;
	   background-color:#91B700;
	  }
	  .green_back_datepicker {
	   color:black;
	   background-color:rgba(145, 183, 0, 0.6);
	  }
	  .pink_back , .pink_back_horizontal {
	   color:black;
	   background-color:pink;
	  }
	  .pink_back_datepicker {
	   color:black;
	   background-color:rgba(255, 192, 203, 0.6);
	  }
	  
	  	.periodic_front {
	   color:#0BB6FF;
	   background-color:white;
	  }
	   .periodic_front_datepicker {
	    color:#0BB6FF;
	      background-color:rgba(255, 255, 255, 0.6);
	  }
	  
	  .orange_front {
	   color:orange;
	   background-color:white;
	  }
	  .orange_front_datepicker {
	   color:orange;
	   background-color:rgba(255, 255, 255, 0.6);
	  }
	  .yellow_front {
	   color:#FEFE14;
	   color:#CC9900;
	   background-color:white;
	  }
	  .yellow_front_datepicker {
	   color:#FEFE14;
	   background-color:rgba(255, 255, 255, 0.6);
	  }
	  .blue_front {
	   color:#4585F1;
	   background-color:white;
	  }
	   .blue_front_datepicker {
	   color:#4585F1;
	   background-color:rgba(255, 255, 255, 0.6);
	  }
	  .green_front {
	   color:#91B700;
	   background-color:white;
	  }
	  .green_front_datepicker {
	   color:#91B700;
	   background-color:rgba(255, 255, 255, 0.6);
	  }
	  .pink_front {
	   color:pink;
	   background-color:white;
	  }	  
	   .pink_front_datepicker {
	   color:pink;
	   background-color:rgba(255, 255, 255, 0.6);
	  }	  
	  
	  .selected {
		
		color:black;
		border:5px solid black;
		
	  }
	  .white_selected {
	  color:black;
	   background-color:white;
	   border:1px solid black;
	  }
	  
	  .white {
		color:black;
	    background-color:white;
	  }
	  .white_datepicker {
		color:black;
	    background-color:rgba(255, 255, 255, 0.6);
	  }
	  
	  .white_custom {
		   color:orange;
		   background-color:white;	
	  }
	  
	  
	  	.demi_orange_custom, .orange_front_white, .white_orange_front , .orange_front_white_datepicker , .white_orange_front_datepicker  {
	
			color:orange;
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }
	  
	 
	  
	  	  .demi_orange_custom_datepicker {
	
		    color:orange;  /*TODO*/
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }
	  
	 	.demi_yellow_custom, .yellow_front_white, .white_yellow_front , .yellow_front_white_datepicker , .white_yellow_front_datepicker {
	
		   color:yellow;
		   
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }
	  	 	
			.demi_yellow_custom_datepicker /*TODO*/ {
	
		   color:yellow;
		   
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }
		 	.demi_blue_custom, .blue_front_white, .white_blue_front ,.blue_front_white_datepicker ,.white_blue_front_datepicker  {
	
		   color:#4585F1;
		   
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }  
	  		 	.demi_blue_custom_datepicker /*TODO*/ {
	
		   color:#4585F1;
		   
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }  
	  
	  		 	.demi_green_custom, .green_front_white, .white_green_front, .green_front_white_datepicker , .white_green_front_datepicker {
	
		   color:#91B700;
		   
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }  
	  
	   	.demi_green_custom_datepicker /*TODO*/ {
	
		   color:#91B700;
		   
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }  
	  
	  	  .demi_pink_custom , .pink_front_white, .white_pink_front , .pink_front_white_datepicker , .white_pink_front_datepicker  {
	
		   color:pink;
		   
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }  
	  	  	  .demi_pink_custom_datepicker /*TODO*/ {
	
		   color:pink;
		   
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }  
	  	  .blue_custom {
		   color:#4585F1;
		   background-color:white;	
	  }
	   .blue_custom_datepicker /*TODO*/  {
		   color:#4585F1;
		   background-color:white;	
	  }
	  
	  .orange_white, .orange_back_white{
	   color:black;
		background-image: linear-gradient(bottom, transparent 50%, orange 50%);
		background-image: -o-linear-gradient(bottom, transparent 50%, orange 50%);
		background-image: -moz-linear-gradient(bottom, transparent 50%, orange 50%);
		background-image: -webkit-linear-gradient(bottom, transparent 50%, orange 50%);
		background-image: -ms-linear-gradient(bottom, transparent 50%, orange 50%);
	  }
	  	.orange_white_datepicker, .orange_back_white_datepicker {
		color:black;
		background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
		background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
		background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
		background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
	  }
	  
	  .yellow_back_white, .yellow_white {
	   color:black;
		background-image: linear-gradient(bottom, transparent 50%, yellow 50%);
		background-image: -o-linear-gradient(bottom, transparent 50%, yellow 50%);
		background-image: -moz-linear-gradient(bottom, transparent 50%, yellow 50%);
		background-image: -webkit-linear-gradient(bottom, transparent 50%, yellow 50%);
		background-image: -ms-linear-gradient(bottom, transparent 50%, yellow 50%);
	  }
	  .yellow_white_datepicker , .yellow_back_white_datepicker  {
		color:black;
		background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
		background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
		background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
		background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
	  }
	  
	  	.green_back_white, .green_white {
		color:black;
		background-image: linear-gradient(bottom, transparent 50%, #91B700 50%);
		background-image: -o-linear-gradient(bottom, transparent 50%, #91B700 50%);
		background-image: -moz-linear-gradient(bottom, transparent 50%, #91B700 50%);
		background-image: -webkit-linear-gradient(bottom, transparent 50%, #91B700 50%);
		background-image: -ms-linear-gradient(bottom, transparent 50%, #91B700 50%);
	  }
	  	 .green_white_datepicker , .green_back_white_datepicker  {
		color:black;
		background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
		background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
		background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
		background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
	  }
	  	.blue_back_white, .blue_white  {
	   color:black;
		background-image: linear-gradient(bottom, transparent 50%, #4585F1 50%);
		background-image: -o-linear-gradient(bottom, transparent 50%, #4585F1 50%);
		background-image: -moz-linear-gradient(bottom, transparent 50%, #4585F1 50%);
		background-image: -webkit-linear-gradient(bottom, transparent 50%, #4585F1 50%);
		background-image: -ms-linear-gradient(bottom, transparent 50%, #4585F1 50%);
	  }
	  	.blue_white_datepicker ,.blue_back_white_datepicker {
	   color:black;
		background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
		background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
		background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
		background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
	  }
	  	  .pink_back_white, .pink_white  {
	   color:black;
		background-image: linear-gradient(bottom, transparent 50%, pink 50%);
		background-image: -o-linear-gradient(bottom, transparent 50%, pink 50%);
		background-image: -moz-linear-gradient(bottom, transparent 50%, pink 50%);
		background-image: -webkit-linear-gradient(bottom, transparent 50%, pink 50%);
		background-image: -ms-linear-gradient(bottom, transparent 50%, pink 50%);
	  }
	    .pink_white_datepicker  , .pink_back_white_datepicker {
	   color:black;
		background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
		background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
		background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
		background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
	  }
	  
	    
	  .periodic_back_white ,.periodic_back_white_datepicker {
		color:black;
		background-image: linear-gradient(bottom, white 50%, #0BB6FF 50%);
		background-image: -o-linear-gradient(bottom, white 50%, #0BB6FF 50%);
		background-image: -moz-linear-gradient(bottom, white 50%, #0BB6FF 50%);
		background-image: -webkit-linear-gradient(bottom, white 50%, #0BB6FF 50%);
		background-image: -ms-linear-gradient(bottom, white 50%, #0BB6FF 50%);
		
	  }
	  
	  	.white_periodic_back , .white_periodic_back_datepicker{
		color:black;
		background-image: linear-gradient(bottom, #0BB6FF 50%, white 50%);
		background-image: -o-linear-gradient(bottom, #0BB6FF 50%, white 50%);
		background-image: -moz-linear-gradient(bottom, #0BB6FF 50%, white 50%);
		background-image: -webkit-linear-gradient(bottom, #0BB6FF 50%, white 50%);
		background-image: -ms-linear-gradient(bottom, #0BB6FF 50%, white 50%);
		
	  }
	   
	   
	    .periodic_back_red {
		color:black;
		background-image: linear-gradient(bottom, red 50%, #0BB6FF 50%);
		background-image: -o-linear-gradient(bottom, red 50%, #0BB6FF 50%);
		background-image: -moz-linear-gradient(bottom, red 50%, #0BB6FF 50%);
		background-image: -webkit-linear-gradient(bottom, red 50%, #0BB6FF 50%);
		background-image: -ms-linear-gradient(bottom, red 50%, #0BB6FF 50%);
		
	  }
	  
	  	.red_periodic_back {
		color:black;
		background-image: linear-gradient(bottom, #0BB6FF 50%, red 50%);
		background-image: -o-linear-gradient(bottom, #0BB6FF 50%, red 50%);
		background-image: -moz-linear-gradient(bottom, #0BB6FF 50%, red 50%);
		background-image: -webkit-linear-gradient(bottom, #0BB6FF 50%, red 50%);
		background-image: -ms-linear-gradient(bottom, #0BB6FF 50%, red 50%);
		
	  }
	  
	  
	   .periodic_back_gray {
		color:black;
		background-image: linear-gradient(bottom, gray 50%, #0BB6FF 50%);
		background-image: -o-linear-gradient(bottom, gray 50%, #0BB6FF 50%);
		background-image: -moz-linear-gradient(bottom, gray 50%, #0BB6FF 50%);
		background-image: -webkit-linear-gradient(bottom, gray 50%, #0BB6FF 50%);
		background-image: -ms-linear-gradient(bottom, gray 50%, #0BB6FF 50%);
		
	  }
	  
	  	.gray_periodic_back {
		color:black;
		background-image: linear-gradient(bottom, #0BB6FF 50%, gray 50%);
		background-image: -o-linear-gradient(bottom, #0BB6FF 50%, gray 50%);
		background-image: -moz-linear-gradient(bottom, #0BB6FF 50%, gray 50%);
		background-image: -webkit-linear-gradient(bottom, #0BB6FF 50%, gray 50%);
		background-image: -ms-linear-gradient(bottom, #0BB6FF 50%, gray 50%);
		
	  }
	  .white_periodic_front , .white_periodic_front_datepicker {
			color:#0BB6FF;
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }
	   .periodic_front_white, .periodic_front_white_datepicker {
			color:#0BB6FF;
		    background-color:white;
			background-image: linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -o-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -moz-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -webkit-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
			background-image: -ms-linear-gradient(bottom, white 47%,lightgray 3%, white 50%);
	  }
	  
	  	 .white_orange, .white_orange_back {
		  color:black;   
		background-image: linear-gradient(bottom, orange 50%, transparent 50%);
		background-image: -o-linear-gradient(bottom, orange 50%, transparent 50%);
		background-image: -moz-linear-gradient(bottom, orange 50%, transparent 50%);
		background-image: -webkit-linear-gradient(bottom, orange 50%, transparent 50%);
		background-image: -ms-linear-gradient(bottom, orange 50%, transparent 50%);
	  }
	   .white_orange_datepicker , .white_orange_back_datepicker  {
		  color:black;   
		background-image: linear-gradient(bottom, rgba(255, 165, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -o-linear-gradient(bottom, rgba(255, 165, 0, 0.6)  50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -moz-linear-gradient(bottom, rgba(255, 165, 0, 0.6)  50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(255, 165, 0, 0.6)  50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -ms-linear-gradient(bottom, rgba(255, 165, 0, 0.6)  50%, rgba(255, 255, 255, 0.6) 50%);
	  }
	   .white_yellow_back , .white_yellow {
		  color:black;  
	  background-image: linear-gradient(bottom, yellow 50%, transparent 50%);
	background-image: -o-linear-gradient(bottom, yellow 50%, transparent 50%);
	background-image: -moz-linear-gradient(bottom, yellow 50%, transparent 50%);
	background-image: -webkit-linear-gradient(bottom, yellow 50%, transparent 50%);
	background-image: -ms-linear-gradient(bottom, yellow 50%, transparent 50%);
	  }
	   .white_yellow_datepicker , .white_yellow_back_datepicker {
		  color:black;  
	  background-image: linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -o-linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -moz-linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -webkit-linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -ms-linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	  }
	   .white_green_back, .white_green {
	color:black;  
	 background-image: linear-gradient(bottom, #91B700 50%, transparent 50%);
	background-image: -o-linear-gradient(bottom, #91B700 50%, transparent 50%);
	background-image: -moz-linear-gradient(bottom, #91B700 50%, transparent 50%);
	background-image: -webkit-linear-gradient(bottom, #91B700 50%, transparent 50%);
	background-image: -ms-linear-gradient(bottom, #91B700 50%, transparent 50%);
	  }
	  .white_green_datepicker , .white_green_back_datepicker {
	color:black;  
	 background-image: linear-gradient(bottom, rgba(145, 183, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -o-linear-gradient(bottom, rgba(145, 183, 0, 0.6)50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -moz-linear-gradient(bottom, rgba(145, 183, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -webkit-linear-gradient(bottom, rgba(145, 183, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -ms-linear-gradient(bottom, rgba(145, 183, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	  }
	  	   .white_blue_back, .white_blue {
		  color:black;  
	  background-image: linear-gradient(bottom, #4585F1 50%, transparent 50%);
	background-image: -o-linear-gradient(bottom, #4585F1 50%, transparent 50%);
	background-image: -moz-linear-gradient(bottom, #4585F1 50%, transparent 50%);
	background-image: -webkit-linear-gradient(bottom, #4585F1 50%, transparent 50%);
	background-image: -ms-linear-gradient(bottom, #4585F1 50%, transparent 50%);
	  }
	    .white_blue_datepicker , .white_blue_back_datepicker{
		  color:black;  
	  background-image: linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -o-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -moz-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -webkit-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -ms-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	  }
	    .white_pink_back , .white_pink {
		  color:black;  
	  background-image: linear-gradient(bottom, pink 50%, transparent 50%);
	background-image: -o-linear-gradient(bottom, pink 50%, transparent 50%);
	background-image: -moz-linear-gradient(bottom, pink 50%, transparent 50%);
	background-image: -webkit-linear-gradient(bottom, pink 50%, transparent 50%);
	background-image: -ms-linear-gradient(bottom, pink 50%, transparent 50%);
	  }
	    .white_pink_datepicker , .white_pink_back_datepicker {
		  color:black;  
	  background-image: linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -o-linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -moz-linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -webkit-linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	background-image: -ms-linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	  }
	  
	  	
	  
	.red_white {
		color:black;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	  	.red_white_datepicker {
		color:black;
		 
	  background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
	  }
	  	
		.white_red {
		color:black;
		background-image: linear-gradient(bottom, red 50%, white 50%);
		background-image: -o-linear-gradient(bottom, red 50%, white 50%);
		background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
		background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
		background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }
	  	.white_red_datepicker  {
		color:black;
		background-image: linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -o-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -ms-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	  }
	  
	  .orange_red , .orange_back_red {
		color:black;
		 
	  background-image: linear-gradient(bottom, red 50%, orange 50%);
	background-image: -o-linear-gradient(bottom, red 50%, orange 50%);
	background-image: -moz-linear-gradient(bottom, red 50%, orange 50%);
	background-image: -webkit-linear-gradient(bottom, red 50%, orange 50%);
	background-image: -ms-linear-gradient(bottom, red 50%, orange 50%);
	  }
	  
	   .gray_red  {
		color:black;
		 
	  background-image: linear-gradient(bottom, red 50%, gray 50%);
	background-image: -o-linear-gradient(bottom, red 50%, gray 50%);
	background-image: -moz-linear-gradient(bottom, red 50%, gray 50%);
	background-image: -webkit-linear-gradient(bottom, red 50%, gray 50%);
	background-image: -ms-linear-gradient(bottom, red 50%, gray 50%);
	  }
	  
	  	  .orange_red_datepicker {
		color:black;
		 
	  background-image: linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
	background-image: -o-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
	background-image: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
	background-image: -webkit-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
	background-image: -ms-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
	  }
	  	.red_orange ,.red_orange_back {
		color:black;
		 
	  background-image: linear-gradient(bottom, orange 50%, red 50%);
background-image: -o-linear-gradient(bottom, orange 50%, red 50%);
background-image: -moz-linear-gradient(bottom, orange 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, orange 50%, red 50%);
background-image: -ms-linear-gradient(bottom, orange 50%, red 50%);
	  }
	  
	  	.red_gray {
		color:black;
		 
	  background-image: linear-gradient(bottom, gray 50%, red 50%);
background-image: -o-linear-gradient(bottom, gray 50%, red 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, red 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, red 50%);
	  }
	  
	  	  	.red_orange_datepicker {
		color:black;
		 
	  background-image: linear-gradient(bottom,  rgba(255, 165, 0, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
background-image: -o-linear-gradient(bottom,  rgba(255, 165, 0, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
background-image: -moz-linear-gradient(bottom,  rgba(255, 165, 0, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom,  rgba(255, 165, 0, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
background-image: -ms-linear-gradient(bottom,  rgba(255, 165, 0, 0.6) 50%, rgba(255, 0, 0, 0.6) 50%);
	  }
	  
	  	  .blue_back_red {
		color:black;
		 
	  background-image: linear-gradient(bottom, red 50%, #4585F1 50%);
	background-image: -o-linear-gradient(bottom, red 50%, #4585F1 50%);
	background-image: -moz-linear-gradient(bottom, red 50%, #4585F1 50%);
	background-image: -webkit-linear-gradient(bottom, red 50%, #4585F1 50%);
	background-image: -ms-linear-gradient(bottom, red 50%, #4585F1 50%);
	  }
	    	  .blue_red_datepicker , .blue_back_red_datepicker {
		color:black;
		 
	  background-image: linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
	background-image: -o-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
	background-image: -moz-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
	background-image: -webkit-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
	background-image: -ms-linear-gradient(bottom, rgba(255, 0, 0, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
	  }
	  	.red_back_blue {
		color:black;
		 
	  background-image: linear-gradient(bottom, #4585F1 50%, red 50%);
background-image: -o-linear-gradient(bottom, #4585F1 50%, red 50%);
background-image: -moz-linear-gradient(bottom, #4585F1 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, #4585F1 50%, red 50%);
background-image: -ms-linear-gradient(bottom, #4585F1 50%, red 50%);
	  }
	    	.red_blue_datepicker  {
		color:black;
		 
	  background-image: linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 0, 0, 0.6)  50%);
background-image: -o-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 0, 0, 0.6)  50%);
background-image: -moz-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 0, 0, 0.6)  50%);
background-image: -webkit-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 0, 0, 0.6)  50%);
background-image: -ms-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%, rgba(255, 0, 0, 0.6)  50%);
	  }
	  	
		.yellow_back_red {
		color:black;
		 
	  background-image: linear-gradient(bottom, red 50%, yellow 50%);
	background-image: -o-linear-gradient(bottom, red 50%, yellow 50%);
	background-image: -moz-linear-gradient(bottom, red 50%, yellow 50%);
	background-image: -webkit-linear-gradient(bottom, red 50%, yellow 50%);
	background-image: -ms-linear-gradient(bottom, red 50%, yellow 50%);
	  }
	  	.red_back_yellow {
		color:black;
		 
	  background-image: linear-gradient(bottom, yellow 50%, red 50%);
background-image: -o-linear-gradient(bottom, yellow 50%, red 50%);
background-image: -moz-linear-gradient(bottom, yellow 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, yellow 50%, red 50%);
background-image: -ms-linear-gradient(bottom, yellow 50%, red 50%);
	  }
	  
	  		.pink_back_red {
		color:black;
		 
	  background-image: linear-gradient(bottom, red 50%, pink 50%);
	background-image: -o-linear-gradient(bottom, red 50%, pink 50%);
	background-image: -moz-linear-gradient(bottom, red 50%, pink 50%);
	background-image: -webkit-linear-gradient(bottom, red 50%, pink 50%);
	background-image: -ms-linear-gradient(bottom, red 50%, pink 50%);
	  }
	  	.red_pink_back {
		color:black;
		 
	  background-image: linear-gradient(bottom, pink 50%, red 50%);
background-image: -o-linear-gradient(bottom, pink 50%, red 50%);
background-image: -moz-linear-gradient(bottom, pink 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, pink 50%, red 50%);
background-image: -ms-linear-gradient(bottom, pink 50%, red 50%);
	  }

	  	.red_yellow_back {
		color:black;
		 
	  background-image: linear-gradient(bottom, yellow 50%, red 50%);
background-image: -o-linear-gradient(bottom, yellow 50%, red 50%);
background-image: -moz-linear-gradient(bottom, yellow 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, yellow 50%, red 50%);
background-image: -ms-linear-gradient(bottom, yellow 50%, red 50%);
	  }
	  
	  	.red_blue_back {
		color:black;
		 
	  background-image: linear-gradient(bottom, #4585F1 50%, red 50%);
background-image: -o-linear-gradient(bottom, #4585F1 50%, red 50%);
background-image: -moz-linear-gradient(bottom, #4585F1 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, #4585F1 50%, red 50%);
background-image: -ms-linear-gradient(bottom, #4585F1 50%, red 50%);
	  }
	  
	  .green_back_red, .green_red {
		color:black;
		 
	  background-image: linear-gradient(bottom, red 50%, #91B700 50%);
	background-image: -o-linear-gradient(bottom, red 50%, #91B700 50%);
	background-image: -moz-linear-gradient(bottom, red 50%, #91B700 50%);
	background-image: -webkit-linear-gradient(bottom, red 50%, #91B700 50%);
	background-image: -ms-linear-gradient(bottom, red 50%, #91B700 50%);
	  }
	  	.red_green_back {
		color:black;
		 
	  background-image: linear-gradient(bottom, #91B700 50%, red 50%);
	background-image: -o-linear-gradient(bottom, #91B700 50%, red 50%);
background-image: -moz-linear-gradient(bottom, #91B700 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, #91B700 50%, red 50%);
background-image: -ms-linear-gradient(bottom, #91B700 50%, red 50%);
	  }
	  
	
	  
	  
	  /*
	  	.gray_white{
		color:black;
		 
	  background-image: linear-gradient(bottom, white 50%, gray 50%);
background-image: -o-linear-gradient(bottom, white 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, white 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, white 50%, gray 50%);
	  }
	  
	  	  .white_gray {
		  color:black;
		   
	  background-image: linear-gradient(bottom, gray 50%, white 50%);
background-image: -o-linear-gradient(bottom, gray 50%, white 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, white 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, white 50%);
	  }
	  */
	  
	  .demi_weekend_matin , .gray_white{
		color:black;
		background-image: linear-gradient(bottom, white 50%, gray 50%);
		background-image: -o-linear-gradient(bottom, white 50%, gray 50%);
		background-image: -moz-linear-gradient(bottom, white 50%, gray 50%);
		background-image: -webkit-linear-gradient(bottom, white 50%, gray 50%);
		background-image: -ms-linear-gradient(bottom, white 50%, gray 50%);
	  }
	  	  .demi_weekend_aprem , .white_gray {
		color:black;
		background-image: linear-gradient(bottom, gray 50%, white 50%);
		background-image: -o-linear-gradient(bottom, gray 50%, white 50%);
		background-image: -moz-linear-gradient(bottom, gray 50%, white 50%);
		background-image: -webkit-linear-gradient(bottom, gray 50%, white 50%);
		background-image: -ms-linear-gradient(bottom, gray 50%, white 50%);
	  }
	  	  .demi_weekend_matin_datepicker , .gray_white_datepicker {
		color:black;
		background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
		background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
		background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
		background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
	  	  .demi_weekend_aprem_datepicker , .white_gray_datepicker {
		color:black;
		background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
		background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 255, 255, 0.6) 50%);
	  }
	  
	  /* demi custom ouvré sur week end */
	  	  	.gray_white_orange_custom , .gray_orange_front  {
		color:orange;
		 
	  background-image: linear-gradient(bottom, white 50%, gray 50%);
	background-image: -o-linear-gradient(bottom, white 50%, gray 50%);
	background-image: -moz-linear-gradient(bottom, white 50%, gray 50%);
	background-image: -webkit-linear-gradient(bottom, white 50%, gray 50%);
	background-image: -ms-linear-gradient(bottom, white 50%, gray 50%);
	  }
	  
	  	.gray_white_orange_custom_datepicker , .gray_orange_front_datepicker  {
		color:orange;
		 
	  background-image: linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
	  
	  	  .white_gray_orange_custom  , .orange_front_gray {
		  color:orange;
		   
	  background-image: linear-gradient(bottom, gray 50%, white 50%);
background-image: -o-linear-gradient(bottom, gray 50%, white 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, white 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, white 50%);
	  }
	  
	   .white_gray_orange_custom_datepicker , .orange_front_gray_datepicker {
		  color:orange;
		   
	  background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
	  }
	  
	  
	  	  	  	.gray_white_green_custom ,.gray_green_front {
		color:#91B700;
		 
	  background-image: linear-gradient(bottom, white 50%, gray 50%);
background-image: -o-linear-gradient(bottom, white 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, white 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, white 50%, gray 50%);
	  }
	  	.gray_white_green_custom_datepicker , .gray_green_front_datepicker {
		color:#91B700;
		 
	  background-image: linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
	  
	  	  .white_gray_green_custom , .green_front_gray {
		  color:#91B700;
		   
	  background-image: linear-gradient(bottom, gray 50%, white 50%);
background-image: -o-linear-gradient(bottom, gray 50%, white 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, white 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, white 50%);
	  }
	   .white_gray_green_custom_datepicker , .green_front_gray_datepicker {
		  color:#91B700;
		   
	  background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
	  }
	  
	  
	  	 .gray_white_yellow_custom , .gray_yellow_front {
		color:yellow;
		 
	  background-image: linear-gradient(bottom, white 50%, gray 50%);
background-image: -o-linear-gradient(bottom, white 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, white 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, white 50%, gray 50%);
	  }
	    	.gray_white_yellow_custom_datepicker , .gray_yellow_front_datepicker {
		color:yellow;
		 
	  background-image: linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
	  
	  	  .white_gray_yellow_custom , .yellow_front_gray {
		  color:yellow;
		   
	  background-image: linear-gradient(bottom, gray 50%, white 50%);
background-image: -o-linear-gradient(bottom, gray 50%, white 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, white 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, white 50%);
	  }	  
.white_gray_yellow_custom_datepicker , .yellow_front_gray_datepicker  {
		  color:yellow;
		   
	  background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
	  }	  
	.gray_white_blue_custom ,.gray_blue_front {
		color:#4585F1;
		 
	  background-image: linear-gradient(bottom, white 50%, gray 50%);
background-image: -o-linear-gradient(bottom, white 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, white 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, white 50%, gray 50%);
	  }
	  .gray_white_blue_custom_datepicker , .gray_blue_front_datepicker {
		color:#4585F1;
		 
	  background-image: linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
	  
	  	  .white_gray_blue_custom , .blue_front_gray {
		  color:#4585F1;
		   
	  background-image: linear-gradient(bottom, gray 50%, white 50%);
background-image: -o-linear-gradient(bottom, gray 50%, white 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, white 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, white 50%);
	  }	  
	 
.white_gray_blue_custom_datepicker , .blue_front_gray_datepicker {
		  color:#4585F1;
		   
	  background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, white 50%);
	  }	  

	.gray_white_pink_custom , .gray_pink_front {
		color:pink;
		 
	  background-image: linear-gradient(bottom, white 50%, gray 50%);
background-image: -o-linear-gradient(bottom, white 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, white 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, white 50%, gray 50%);
	  }
	  .gray_white_pink_custom_datepicker , .gray_pink_front_datepicker {
		color:pink;
		 
	  background-image: linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, white 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
	  
	  	  .white_gray_pink_custom , .pink_front_gray {
		  color:pink;
		   
	  background-image: linear-gradient(bottom, gray 50%, white 50%);
background-image: -o-linear-gradient(bottom, gray 50%, white 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, white 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, white 50%);
	  }	  
.white_gray_pink_custom_datepicker , .pink_front_gray_datepicker {
		  color:pink;
		   
	  background-image: linear-gradient(bottom, gray 50%, white 50%);
background-image: -o-linear-gradient(bottom, gray 50%, white 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, white 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, white 50%);
	  }	  
	  
	  
	  .red_white_orange_custom  , .red_orange_front {
		color:orange;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	    .red_white_orange_custom_datepicker /*TODO*/ {
		color:orange;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	  
	   .white_red_orange_custom , .orange_front_red {
		color:orange;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
	    .white_red_orange_custom_datepicker /*TODO*/ {
		color:orange;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
	  	  .red_white_green_custom , .red_green_front {
		color:#91B700;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	  
	   .red_white_green_custom_datepicker /*TODO*/ {
		color:#91B700;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	  
	   .white_red_green_custom , .green_front_red {
		color:#91B700;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
	  
	   .white_red_green_custom_datepicker /*TODO*/ {
		color:#91B700;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
	  
	  	  .red_white_yellow_custom  ,.red_yellow_front {
		color:#FEFE14;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	  
	   .red_white_yellow_custom_datepicker /*TODO*/ {
		color:#FEFE14;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	  
	   .white_red_yellow_custom , .yellow_front_red {
		color:#FEFE14;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
	   .white_red_yellow_custom_datepicker /*TODO*/ {
		color:#FEFE14;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
	  	  	  .red_white_pink_custom , .red_pink_front{
		color:#FFC0CB;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	    .red_white_pink_custom_datepicker /*TODO*/ {
		color:#FFC0CB;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	  
	   .white_red_pink_custom , .pink_front_red {
		color:#FFC0CB;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
	  .white_red_pink_custom_datepicker /*TODO*/ {
		color:#FFC0CB;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
	 .red_white_blue_custom , .red_blue_front, .red_periodic_front {
		color:#4585F1;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	  
	   .red_white_blue_custom_datepicker /*TODO*/ {
		color:#4585F1;
		 
	  background-image: linear-gradient(bottom, white 50%, red 50%);
background-image: -o-linear-gradient(bottom, white 50%, red 50%);
background-image: -moz-linear-gradient(bottom, white 50%, red 50%);
background-image: -webkit-linear-gradient(bottom, white 50%, red 50%);
background-image: -ms-linear-gradient(bottom, white 50%, red 50%);
	  }
	   .white_red_blue_custom , .blue_front_red , .periodic_front_red {
		color:#4585F1;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
	  
	   
	  
	  
	  .white_red_blue_custom_datepicker /*TODO*/ {
		color:#4585F1;
		 
	  background-image: linear-gradient(bottom, red 50%, white 50%);
background-image: -o-linear-gradient(bottom, red 50%, white 50%);
background-image: -moz-linear-gradient(bottom, red 50%, white 50%);
background-image: -webkit-linear-gradient(bottom, red 50%, white 50%);
background-image: -ms-linear-gradient(bottom, red 50%, white 50%);
	  }	
 .gray_orange ,.gray_orange_back {
   color:black;
    
	  background-image: linear-gradient(bottom, orange 50%, gray 50%);
background-image: -o-linear-gradient(bottom, orange 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, orange 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, orange 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, orange 50%, gray 50%);
	  }
	  .gray_orange_datepicker , .gray_orange_back_datepicker  {
   color:black;
    
	  background-image: linear-gradient(bottom, rgba(255, 165, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(255, 165, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(255, 165, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(255, 165, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(255, 165, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
	  
  .orange_gray , .orange_back_gray {
  color:black;
   
background-image: linear-gradient(bottom, gray 50%, orange 50%);
background-image: -o-linear-gradient(bottom, gray 50%, orange 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, orange 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, orange 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, orange 50%);
	  }
	  
/* les classes pour la vue week; on fait evoluer la syntaxe ; différence entre right (commence par la droite) et to right vers la droite !! */	  
.orange_back_gray_horizontal {
  color:black;   
background-image: linear-gradient(to right,  orange 50%, gray 50%);
	  }
.blue_back_gray_horizontal {
  color:black;   
background-image: linear-gradient(to right,  #4585F1 50%, gray 50%);
	  }
.yellow_back_gray_horizontal {
  color:black;   
background-image: linear-gradient(to right,  yellow 50%, gray 50%);
	  }	  	  
.pink_back_gray_horizontal {
  color:black;   
background-image: linear-gradient(to right,  pink 50%, gray 50%);
	  }	  	  
.green_back_gray_horizontal {
  color:black;   
background-image: linear-gradient(to right,  #91B700 50%, gray 50%);
	  }	  
.red_back_gray_horizontal {
  color:black;   
background-image: linear-gradient(to right,  red 50%, gray 50%);
	  }	  
.periodic_back_gray_horizontal {
  color:black;   
background-image: linear-gradient(to right,  #0bb6ff 50%, gray 50%);
	  }	  


.gray_orange_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  orange 50%, gray 50%);
	  }
.gray_blue_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  #4585F1 50%, gray 50%);
	  }
.gray_yellow_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  yellow 50%, gray 50%);
	  }	  	  
.gray_pink_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  pink 50%, gray 50%);
	  }	  	  
.gray_green_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  #91B700 50%, gray 50%);
	  }	  
.gray_red_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  red 50%, gray 50%);
	  }	  
.gray_periodic_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  #0bb6ff 50%, gray 50%);
	  }	  
	  
	  
.orange_back_red_horizontal {
  color:black;   
background-image: linear-gradient(to right,  orange 50%, red 50%);
	  }
.blue_back_red_horizontal {
  color:black;   
background-image: linear-gradient(to right,  #4585F1 50%, red 50%);
	  }
.yellow_back_red_horizontal {
  color:black;   
background-image: linear-gradient(to right,  yellow 50%, red 50%);
	  }	  	  
.pink_back_red_horizontal {
  color:black;   
background-image: linear-gradient(to right,  pink 50%, red 50%);
	  }	  	  
.green_back_red_horizontal {
  color:black;   
background-image: linear-gradient(to right,  #91B700 50%, red 50%);
	  }	  
.red_back_red_horizontal {
  color:black;   
background-image: linear-gradient(to right,  red 50%, red 50%);
	  }	  
.periodic_back_red_horizontal {
  color:black;   
background-image: linear-gradient(to right,  #0bb6ff 50%, red 50%);
	  }	  


.red_orange_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  orange 50%, red 50%);
	  }
.red_blue_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  #4585F1 50%, red 50%);
	  }
.red_yellow_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  yellow 50%, red 50%);
	  }	  	  
.red_pink_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  pink 50%, red 50%);
	  }	  	  
.red_green_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  #91B700 50%, red 50%);
	  }	  

.redd_periodic_back_horizontal {
  color:black;   
background-image: linear-gradient(to left,  #0bb6ff 50%, red 50%);
	  }	  
	  
	  .orange_gray_datepicker ,  .orange_back_gray_datepicker  {
  color:black;
   
background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 165, 0, 0.6) 50%);
	  }
	  
	  
	  
.gray_green , .gray_green_back  {
   color:black;
    
	  background-image: linear-gradient(bottom, #91B700 50%, gray 50%);
background-image: -o-linear-gradient(bottom, #91B700 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, #91B700 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, #91B700 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, #91B700 50%, gray 50%);
	  }
	  .gray_green_datepicker , .gray_green_back_datepicker {
   color:black;
    
	  background-image: linear-gradient(bottom, rgba(145, 183, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(145, 183, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(145, 183, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(145, 183, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(145, 183, 0, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
	  
  .green_gray , .green_back_gray {
  color:black;
   
background-image: linear-gradient(bottom, gray 50%, #91B700 50%);
background-image: -o-linear-gradient(bottom, gray 50%, #91B700 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, #91B700 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, #91B700 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, #91B700 50%);
	  }
	  
	  .green_gray_datepicker , .green_back_gray_datepicker  {
  color:black;
   
background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(145, 183, 0, 0.6) 50%);
	  }
.gray_blue , .gray_blue_back {
   color:black;
    
	  background-image: linear-gradient(bottom, #4585F1 50%, gray 50%);
background-image: -o-linear-gradient(bottom, #4585F1 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, #4585F1 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, #4585F1 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, #4585F1 50%, gray 50%);
	  }
	  
	  .gray_blue_datepicker , .gray_blue_back_datepicker  {
   color:black;
    
	  background-image: linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%,  rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%,  rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%,  rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%,  rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(69, 133, 241, 0.6) 50%,  rgba(128, 128, 128, 0.6) 50%);
	  }
	  
  .blue_gray , .blue_back_gray {
  color:black;
   
background-image: linear-gradient(bottom, gray 50%, #4585F1 50%);
background-image: -o-linear-gradient(bottom, gray 50%, #4585F1 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, #4585F1 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, #4585F1 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, #4585F1 50%);
	  }	  
  .blue_gray_datepicker , .blue_back_gray_datepicker   {
  color:black;
   
background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(69, 133, 241, 0.6) 50%);
	  }	  
.gray_yellow , .gray_yellow_back {
   color:black;
    
	  background-image: linear-gradient(bottom, yellow 50%, gray 50%);
background-image: -o-linear-gradient(bottom, yellow 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, yellow 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, yellow 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, yellow 50%, gray 50%);
	  }
	  .gray_yellow_datepicker ,  .gray_yellow_back_datepicker {
   color:black;
    
	  background-image: linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(254, 254, 20, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
  .yellow_gray , .yellow_back_gray {
  color:black;
   
background-image: linear-gradient(bottom, gray 50%, yellow 50%);
background-image: -o-linear-gradient(bottom, gray 50%, yellow 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, yellow 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, yellow 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, yellow 50%);
	  }	  
  .yellow_gray_datepicker , .yellow_back_gray_datepicker {
  color:black;
   
background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(254, 254, 20, 0.6) 50%);
	  }	  
	.gray_pink , .gray_pink_back {
   color:black;
    
	  background-image: linear-gradient(bottom, pink 50%, gray 50%);
background-image: -o-linear-gradient(bottom, pink 50%, gray 50%);
background-image: -moz-linear-gradient(bottom, pink 50%, gray 50%);
background-image: -webkit-linear-gradient(bottom, pink 50%, gray 50%);
background-image: -ms-linear-gradient(bottom, pink 50%, gray 50%);
	  }
	  	.gray_pink_datepicker , .gray_pink_back_datepicker {
   color:black;
    
	  background-image: linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(255, 192, 203, 0.6) 50%, rgba(128, 128, 128, 0.6) 50%);
	  }
	  
  .pink_gray , .pink_back_gray {
  color:black;
   
background-image: linear-gradient(bottom, gray 50%, pink 50%);
background-image: -o-linear-gradient(bottom, gray 50%, pink 50%);
background-image: -moz-linear-gradient(bottom, gray 50%, pink 50%);
background-image: -webkit-linear-gradient(bottom, gray 50%, pink 50%);
background-image: -ms-linear-gradient(bottom, gray 50%, pink 50%);
	  }	  
	    .pink_gray_datepicker , .pink_back_gray_datepicker {
  color:black;
   
background-image: linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
background-image: -o-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
background-image: -moz-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
background-image: -webkit-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
background-image: -ms-linear-gradient(bottom, rgba(128, 128, 128, 0.6) 50%, rgba(255, 192, 203, 0.6) 50%);
	  }	 
	.vacances {
	  
	  background-image: url(stripe.png);
	  
	  }
	  .vacances_datepicker /*TODO*/ {
	  
	  background-image: url(stripe.png);
	  
	  }
	  
	  .message {
	  z-index:10000;position:absolute;margin-top: 80px;margin-left: 450px;
	  max-width:300px;
	background-color:#F9EDBE;
	border:1px solid #F0C36D;
	font-size:16px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	padding-left:10px;
	padding-right:10px;
	-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);
visibility:hidden;
	  }
	  
	  
	   	  .zone_comments {
	  z-index:100000000;position:absolute;
	  margin-left: 300px;
	  margin-top: 200px;
	  width:300px;
	  height:300px;
	background-color:#F9EDBE;
	background-color:white;
	    background-color: rgb(155, 196, 0);
		background-color:#DDF8FF;
		opacity:0.99;
	border:0px solid #F0C36D;
	font-size:16px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	padding-left:10px;
	padding-right:10px;
	-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);
visibility:hidden;
	  }

.zone_comments  a:link {
			text-decoration: none;
			color:#363636;
	  }
	  .zone_comments  a:visited {
			text-decoration: none;
				color:#363636;
	  }
	  
	  	  .zone_pdf {
	  z-index:100000000;position:absolute;
	  margin-left: 300px;
	  margin-top: 200px;
	  width:300px;
	  height:350px;
	background-color:#F9EDBE;
	background-color:white;

	
	
	    background-color: rgb(155, 196, 0);
		background-color:#DDF8FF;
		
			overflow:auto;
			
		opacity:0.99;
	border:0px solid #F0C36D;
	font-size:16px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	padding-left:10px;
	padding-right:10px;
	-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);
visibility:hidden;
	  }
	  .zone_pdf  a:link {
			text-decoration: none;
			font-size: 30px;
			color:#363636;
	  }
	  .zone_pdf  a:visited {
			text-decoration: none;
			font-size: 30px;
				color:#363636;
	  }
	  
	  .contact {
	  padding-left:10px;
	  text-align:center;
	  font-size:25px;
	  }
	  
	  .contact  a:link {
			text-decoration: none;
			color:#557e9f;
	  }
	  .contact  a:visited {
			text-decoration: none;
				color:#557e9f;
	  }
	  
	  
	  .cookie_bar {
	  padding-left:10px;
	  text-align:left;
	  font-size:18px;
	  }
	  
	  .cookie_bar  a:link {
			text-decoration: none;
			color:#4585F1;
	  }
	  .cookie_bar  a:visited {
			text-decoration: none;
				color:#4585F1;
	  }
	  
	  	  .message_mobile {
	  z-index:10000;position:absolute;margin-top: 140px;margin-left: 0px;
	background-color:#F9EDBE;
	border:1px solid #F0C36D;
	font-size:16px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	padding-left:10px;
	padding-right:10px;
	-webkit-box-shadow: 0px 8px 15px rgba(45, 50, 50, 0.73);
-moz-box-shadow:    0px 8px 15px rgba(45, 50, 50, 0.73);
box-shadow:         0px 8px 15px rgba(45, 50, 50, 0.73);
visibility:hidden;
	  }
	  
	     .message_datefixe {
	 
	z-index:10000;position:absolute;margin-top: -20px;margin-left:-80px;
	background-color:#6997BC;
	color:white;
	font-size:16px;
	min-width:150px;
	text-align:center;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	padding-left:10px;
	padding-right:10px;
	height:20px;
	visibility:hidden;

	  }
	  	  .message_datefixe:after {
			content: '';
			display: block;
			position: absolute;
			top: 18px;
			left: 100px;
			width: 0;
			height: 0;
			border-color: #6997BC transparent  transparent  transparent ;
			border-style: solid;
			border-width: 7px;

		}
	 
.ruban_label {
    border-radius: 0px 0px 0px 0px;
	border:1px solid lightgray;
	border-bottom:6px solid #79AF30;
      color: #363636;
	  font-size:14px;
    text-align: center;
	cursor:default;
	height:22px;
	line-height: 14px;
	    /* la taille de la bordure ne doit pas influer sur la taille de la div */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.ruban_lien {
	cursor:pointer;
	  font-size:14px;
	border:1px solid lightgray;
	border-bottom:1px solid lightgray;
      color: #363636;
	font-weight:normal;
    text-align: center;
	height:22px;
	line-height: 14px;
	width:80px;
			    /* la taille de la bordure ne doit pas influer sur la taille de la div */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* pas d'espace avant le : sinon marche pas !! */
.ruban_lien:hover{
	cursor:pointer;
	border-bottom:1px solid lightgray;

	font-weight:normal;
	height:22px;
	line-height: 14px;
	border-bottom:6px solid #A7DD5E;
		    /* la taille de la bordure ne doit pas influer sur la taille de la div */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
 
.pp {
	float:left;
	color:#ADD8E6;
	margin-left:65px;
	visibility:hidden;
}


.mondiv {
  /* la taille de la bordure ne doit pas influer sur la taille de la div */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}

.cadenas
{

width:20px;
height:22px;
margin-top:27px;
}

.crochet
{
position:absolute;
margin-top:-4px;
border-radius: 5px 5px 0 0;
height: 8px;
width: 15px;
margin-left:2px;
border: 3px solid #C4D2DD;
border-bottom: none;
}


.crochet_ouvert
{
position:absolute;
margin-top:-4px;
border-radius: 5px 5px 0 0;
height: 8px;
width: 15px;
margin-left:-9px;
border: 3px solid #C4D2DD;
border-bottom: none;
}

.corps
{
position:absolute;
margin-top:5px;
border-radius: 2px;
width:19px;
height:14px;
background-color:#6997BC;
background-color:#C4D2DD;
}

.serrure
{
position:absolute;
margin-top:9px;
margin-left:8px;
border-radius: 1px;
width:2px;
height:6px;
border-radius: 0px;
background-color:white;
}



 

.geolocation {
border:0px solid #636363;
width:40px;
height:30px;
}

.boule {
position:absolute;
margin-top:0px;
margin-left:7px;
border:1px solid #636363;
border-radius: 15px 15px 0px 0px;
border-radius: 50%;
width:18px;
height:18px;
background-color:#636363;
}

.pic {
position:absolute;
margin-top:11px;
margin-left:8px;

	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	
	border-top: 18px solid #636363;
	}
	
	.boule_blanche {
position:absolute;
margin-top:5px;
margin-left:12px;
width:8px;
height:8px;
background-color:white;
border-radius:50%;
}

.smiley {
border-radius: 50%;
border:2px solid #636363;
height:17px;
width:17px;
}

.oeil_gauche {
position:absolute;

height:2px;
width:2px;
margin-top:3px;
margin-left:3px;
background-color:#636363;
}
.oeil_droit {
position:absolute;

background-color:#636363;
height:2px;
width:2px;
margin-top:3px;
margin-left:9px;
}
.bouche {
position:absolute;
border-radius: 50%;
border:1px solid #636363;
border-bottom:0px solid #636363;
border-radius: 6px 6px 0px 0px;
height:4px;
width:8px;
margin-top:7px;
margin-left:3px;
}

.social {
	border-radius: 0px 8px 8px 0px;
	width:48px;
	height:48px;
	margin-top:3px;
	box-shadow: -7px 6px 7px -1px rgba(0,0,0,0.48);
}

.social:hover {

	margin-left:10px;
}

.custom_categories {
	float:left;
	width:100%;
	padding:3px;
	border-radius:3px;
	box-sizing: border-box;
	border:1px solid white;
}
.custom_categories:hover {
	border:1px dotted gray;
	font-weight:bold;
}

.count  {
	color:white;
	font-size:22px;
	cursor:pointer;
}

.count:hover  {
	/*color:#5B7200;
	color:#ADD8E6;*/
	font-weight:bold;
	
}

.switch_home {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 10px;

}

.switch_home input {display:none;}



.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;

}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider_home {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}


.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}


.slider_home:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 0px;
  bottom: -2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  
}


input:checked + .slider {
  background-color: #6997BC;
}

input:checked + .slider_home {
  background-color: #6997BC;
}


input:focus + .slider {
  box-shadow: 0 0 1px #6997BC;
}

input:focus + .slider_home {
  box-shadow: 0 0 1px #6997BC;
}


input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

input:checked + .slider_home:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}


/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

/* Rounded sliders */
.slider_home.round_home {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

.slider_home.round_home:before {
  border-radius: 50%;
  box-shadow: 0 0 2px #6997BC;
  
}

.label_switch_off
{
	float:left;
	color:#ccc;
	margin-top:2px;
	margin-left:3px;
	
}
.label_switch_on
{
	float:left;
	color:#6997BC;
	margin-top:2px;
	font-weight:normal;
	margin-left:3px;
}

.label_switch_home_off
{
	float:left;
	color:white;
	font-size: 12px;
	font-weight: normal;
	margin-top:-1px;
	margin-left:5px;
}
.label_switch_home_on
{
	float:left;
	color:#6997BC;
	color:#363636;
	font-size: 12px;
	font-weight: bold;
	margin-top:-1px;
	margin-left:5px;
}


.zone_excel {
width:288px;
height:300px;
max-width:279px;
background-color: #9BC400; 
overflow:auto;
overflow-x: hidden;
-moz-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
-webkit-border-radius:0px 0px 5px 5px;
visibility:hidden;
color:black;
font-size:12px;
padding-left:15px;
text-align:left;
}
				
.zone_excel  a:link {
			text-decoration: none;
			font-size: 12px;
			color:white;
	  }
	  .zone_excel  a:visited {
			text-decoration: none;
			font-size: 12px;
				color:white;
	  }
	  

.chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
	margin-top:4px;
}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
	margin-top:3px;
}


.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
}


.signin_text {
	font-size: 12px;
	color: #363636;
}

.signin_text a , .signin_text a:hover, .signin_text a:visited,.signin_text a:active   {
	font-size: 12px;
	color: #4585f1;
}


.rating
        {
            color: orange;
			font-size:18px;
			cursor:pointer;
        }
	 


	 
	 /* using  https://spritegen.website-performance.org/    
	 il faut virer "sprites-"
	 
	 HS: http://zerosprites.com/ 
	 */

.sprites {
    background-image: url(sprites28.png);
    background-repeat: no-repeat;
    display: block;
}

.Albania {
    width: 24px;
    height: 24px;
    background-position: -5px -5px;
}

.Argentina {
    width: 24px;
    height: 24px;
    background-position: -39px -5px;
}

.Australia {
    width: 24px;
    height: 24px;
    background-position: -73px -5px;
}

.Austria {
    width: 24px;
    height: 24px;
    background-position: -107px -5px;
}

.Belarus {
    width: 24px;
    height: 24px;
    background-position: -141px -5px;
}

.Belgique {
    width: 24px;
    height: 24px;
    background-position: -175px -5px;
}

.Bolivia {
    width: 24px;
    height: 24px;
    background-position: -209px -5px;
}

.Bosnia-and-Herzegovina {
    width: 24px;
    height: 24px;
    background-position: -243px -5px;
}

.Brazil {
    width: 24px;
    height: 24px;
    background-position: -277px -5px;
}

.Bulgaria {
    width: 24px;
    height: 24px;
    background-position: -311px -5px;
}

.Canada {
    width: 24px;
    height: 24px;
    background-position: -5px -39px;
}

.Chile {
    width: 24px;
    height: 24px;
    background-position: -39px -39px;
}

.China {
    width: 24px;
    height: 24px;
    background-position: -73px -39px;
}

.Colombia {
    width: 24px;
    height: 24px;
    background-position: -107px -39px;
}

.Costa-Rica {
    width: 24px;
    height: 24px;
    background-position: -141px -39px;
}

.Croatia {
    width: 24px;
    height: 24px;
    background-position: -175px -39px;
}

.Czech-Republic {
    width: 24px;
    height: 24px;
    background-position: -209px -39px;
}

.Denmark {
    width: 24px;
    height: 24px;
    background-position: -243px -39px;
}

.Dominican-Republic {
    width: 24px;
    height: 24px;
    background-position: -277px -39px;
}

.Ecuador {
    width: 24px;
    height: 24px;
    background-position: -311px -39px;
}

.England {
    width: 24px;
    height: 24px;
    background-position: -5px -73px;
}

.Estonia {
    width: 24px;
    height: 24px;
    background-position: -39px -73px;
}

.Finland {
    width: 24px;
    height: 24px;
    background-position: -73px -73px;
}

.France {
    width: 24px;
    height: 24px;
    background-position: -107px -73px;
}

.Germany {
    width: 24px;
    height: 24px;
    background-position: -141px -73px;
}

.Greece {
    width: 24px;
    height: 24px;
    background-position: -175px -73px;
}

.Guatemala {
    width: 24px;
    height: 24px;
    background-position: -209px -73px;
}

.Hong-Kong {
    width: 24px;
    height: 24px;
    background-position: -243px -73px;
}

.Hungary {
    width: 24px;
    height: 24px;
    background-position: -277px -73px;
}

.India {
    width: 24px;
    height: 24px;
    background-position: -311px -73px;
}

.Ireland {
    width: 24px;
    height: 24px;
    background-position: -5px -107px;
}

.Israel {
    width: 24px;
    height: 24px;
    background-position: -39px -107px;
}

.Italy {
    width: 24px;
    height: 24px;
    background-position: -73px -107px;
}

.Japan {
    width: 24px;
    height: 24px;
    background-position: -107px -107px;
}

.Latvia {
    width: 24px;
    height: 24px;
    background-position: -141px -107px;
}

.Lithuania {
    width: 24px;
    height: 24px;
    background-position: -175px -107px;
}

.Luxembourg {
    width: 24px;
    height: 24px;
    background-position: -209px -107px;
}

.Macedonia {
    width: 24px;
    height: 24px;
    background-position: -243px -107px;
}

.Malta {
    width: 24px;
    height: 24px;
    background-position: -277px -107px;
}

.Mexico {
    width: 24px;
    height: 24px;
    background-position: -311px -107px;
}

.Moldova {
    width: 24px;
    height: 24px;
    background-position: -5px -141px;
}

.Monaco {
    width: 24px;
    height: 24px;
    background-position: -39px -141px;
}

.Netherlands {
    width: 24px;
    height: 24px;
    background-position: -73px -141px;
}

.New-Zealand {
    width: 24px;
    height: 24px;
    background-position: -107px -141px;
}

.Northern_ireland {
    width: 24px;
    height: 24px;
    background-position: -141px -141px;
}

.Norway {
    width: 24px;
    height: 24px;
    background-position: -175px -141px;
}

.Panama {
    width: 24px;
    height: 24px;
    background-position: -209px -141px;
}

.Paraguay {
    width: 24px;
    height: 24px;
    background-position: -243px -141px;
}

.Peru {
    width: 24px;
    height: 24px;
    background-position: -277px -141px;
}

.Poland {
    width: 24px;
    height: 24px;
    background-position: -311px -141px;
}

.Portugal {
    width: 24px;
    height: 24px;
    background-position: -5px -175px;
}

.Romania {
    width: 24px;
    height: 24px;
    background-position: -39px -175px;
}

.Russia {
    width: 24px;
    height: 24px;
    background-position: -73px -175px;
}

.Scotland {
    width: 24px;
    height: 24px;
    background-position: -107px -175px;
}

.Serbia {
    width: 24px;
    height: 24px;
    background-position: -141px -175px;
}

.Singapore {
    width: 24px;
    height: 24px;
    background-position: -175px -175px;
}

.Slovakia {
    width: 24px;
    height: 24px;
    background-position: -209px -175px;
}

.Slovenia {
    width: 24px;
    height: 24px;
    background-position: -243px -175px;
}

.South-Africa {
    width: 24px;
    height: 24px;
    background-position: -277px -175px;
}

.South-Korea {
    width: 24px;
    height: 24px;
    background-position: -311px -175px;
}

.Spain {
    width: 24px;
    height: 24px;
    background-position: -5px -209px;
}

.Sweden {
    width: 24px;
    height: 24px;
    background-position: -39px -209px;
}

.Switzerland {
    width: 24px;
    height: 24px;
    background-position: -73px -209px;
}

.Taiwan {
    width: 24px;
    height: 24px;
    background-position: -107px -209px;
}

.Turkey {
    width: 24px;
    height: 24px;
    background-position: -141px -209px;
}

.Ukraine {
    width: 24px;
    height: 24px;
    background-position: -175px -209px;
}

.United-Kindom {
    width: 24px;
    height: 24px;
    background-position: -209px -209px;
}

.United-States {
    width: 24px;
    height: 24px;
    background-position: -243px -209px;
}

.Uruguay {
    width: 24px;
    height: 24px;
    background-position: -277px -209px;
}

.Venezuela {
    width: 24px;
    height: 24px;
    background-position: -311px -209px;
}

.ai {
    width: 31px;
    height: 37px;
    background-position: -5px -243px;
}

.api-icon2 {
    width: 25px;
    height: 25px;
    background-position: -46px -243px;
}

.connect {
    width: 48px;
    height: 48px;
    background-position: -81px -243px;
}

.crayon_papier {
    width: 31px;
    height: 31px;
    background-position: -139px -243px;
}

.env {
    width: 30px;
    height: 40px;
    background-position: -180px -243px;
}

.excel_logo {
    width: 22px;
    height: 19px;
    background-position: -220px -243px;
}

.github {
    width: 30px;
    height: 30px;
    background-position: -252px -243px;
}

.globe {
    width: 48px;
    height: 48px;
    background-position: -292px -243px;
}

.gmail {
    width: 30px;
    height: 30px;
    background-position: -5px -301px;
}

.highlighter {
    width: 30px;
    height: 24px;
    background-position: -45px -301px;
}

.highlighter2 {
    width: 26px;
    height: 28px;
    background-position: -85px -301px;
}

.link {
    width: 22px;
    height: 13px;
    background-position: -121px -301px;
}

.linkedin {
    width: 30px;
    height: 30px;
    background-position: -153px -301px;
}

.modify {
    width: 20px;
    height: 20px;
    background-position: -193px -301px;
}

.moreflags {
    width: 22px;
    height: 10px;
    background-position: -223px -301px;
}

.par {
    width: 39px;
    height: 47px;
    background-position: -255px -301px;
}

.print {
    width: 16px;
    height: 14px;
    background-position: -304px -301px;
}

.settings {
    width: 12px;
    height: 12px;
    background-position: -330px -301px;
}

.settings_white {
    width: 12px;
    height: 12px;
    background-position: -223px -323px;
}

.small_modify {
    width: 12px;
    height: 12px;
    background-position: -330px -323px;
}

.stackoverflow {
    width: 30px;
    height: 30px;
    background-position: -345px -5px;
}

.stripe {
    width: 31px;
    height: 31px;
    background-position: -345px -45px;
}

.sun {
    width: 45px;
    height: 46px;
    background-position: -386px -5px;
}

.tumblr {
    width: 30px;
    height: 30px;
    background-position: -386px -61px;
}

.twitter {
    width: 30px;
    height: 30px;
    background-position: -345px -101px;
}

.vac {
    width: 26px;
    height: 39px;
    background-position: -385px -101px;
}

.xcel {
    width: 40px;
    height: 35px;
    background-position: -345px -150px;
}

.xcel2 {
    width: 30px;
    height: 26px;
    background-position: -395px -150px;
}