/* CSS Document */

body {
	color : #ffffff;
	font-family : sans-serif, Arial, Times New Roman, Helvetica;
	font-size : 10px;
	font-weight: bolder ; 
}

textarea {
    padding: 10px;
    max-width: 100%;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #999;
	font-family : verdana, sans-serif, Arial, Helvetica;
	font-size: 12px;
}

.div-ca {
  box-sizing: inherit;
  width: 180px;
  border: 1px solid #000;
  background: #FFFFA4;
  padding: 10px;
}

.div-atl {
  box-sizing: inherit;
  width: 180px;
  border: 1px solid #000;
  background: #B1FEF4;
  padding: 10px;
  position: absolute;
  left: 25%;
  top: 25%;
}

.div-evt {
  box-sizing: inherit;
  width: 180px;
  border: 1px solid #000;
  background: #BFFF95;
  padding: 10px;
  opacity: 0.8;
  position: absolute;
  left: 25%;
  top: 25%;
}

.image-clignote  {
   animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

.truncate {
  width: 150px;tabl
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.livretvous {
	color: #ffffff;
	font-family : Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 21px;
	font-weight: bolder ; 
}

.interject {
	color : #ffffff;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
}

.courant {
	color : #081038;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

@font-face {
	font-family: 'vijaya'; 
	src: url('../font/Vijaya.ttf');
}
.titre {
	font-family: vijaya;
	font-size: 76px; 
	color: #4b6345; 
	font-weight: bolder ; 
 }

.maintenance {
	font-family: vijaya;
	font-size: 25px; 
	color: #000000; 
	font-weight: bolder ; 
 }

.lototitre {
	font-family: vijaya;
	font-size: 40px; 
	color: #ffffff; 
	font-weight: bolder ; 
 }

.soustitre {
	font-family: vijaya;
	font-size: 28px; 
	color: #4b6345; 
	font-weight: bolder ; 
 }

.compt_blue {
	font-family: vijaya;
	font-size: 20px; 
	color: #3817F4; 
	font-weight: bolder ; 
 }

.compt_gris_barre {
	font-family: vijaya;
	font-size: 20px; 
	color: #ababab; 
	font-weight: bolder ; 
	text-decoration:line-through; 
}

.compt_gris {
	font-family: vijaya;
	font-size: 20px; 
	color: #ababab; 
	font-weight: bolder ; 
}

.compt_red {
	font-family: vijaya;
	font-size: 20px; 
	color: #ff0000; 
	font-weight: bolder ; 
 }

.compt_blk {
	font-family: vijaya;
	font-size: 20px; 
	color: #000000; 
	font-weight: bolder ; 
 }

.compt_tir28 {
	font-family: vijaya;
	font-size: 28px; 
	color: #000000; 
	font-weight: bolder ; 
 }

.connect_blue {
	font-family: vijaya;
	font-size: 26px; 
	color: #0000ff; 
	font-weight: bolder ; 
 }

.connect_red {
	font-family: vijaya;
	font-size: 26px; 
	color: #ff0000; 
	font-weight: bolder ; 
 }

.connect_gris {
	font-family: vijaya;
	font-size: 26px; 
	color: #999999; 
	font-weight: bolder ; 
 }

.rsv_accept {
	font-family: verdana;
	font-size: 12px; 
	color: #ccc639; 
	font-weight: bolder ; 
 }

.rsv_refus {
	font-family: verdana;
	font-size: 12px; 
	color: #F70416; 
	font-weight: bolder ; 
 }

.rsv_attente {
	font-family: verdana;
	font-size: 12px; 
	color: #999999; 
	font-weight: bolder ; 
 }

.tab_ent {
	font-family: vijaya;
	font-size: 20px; 
	color: #000000; 
}

.tab_ent2 {
	font-family: vijaya;
	font-size: 20px; 
	color: #000000; 
	text-decoration : underline; 
}

.norm {
	font-family: vijaya;
	font-size: 20px; 
	color: #000000; 
}

.expl_rad {
	font-family: vijaya;
	font-size: 18px; 
	color: #000000; 
	font-weight: bolder ; 
}

.reunion {
	font-family: verdana;
	font-size: 12px; 
	color: #000000; 
	font-weight: bolder ; 
}

.comment {
	font-family: vijaya;
	font-size: 16px; 
	color: #000000; 
	font-weight: bolder ; 
}

.comment_red {
	font-family: vijaya;
	font-size: 16px; 
	color: #ff0000; 
	font-weight: bolder ; 
}

.vijaya {
	font-family: vijaya;
	font-size: 22px; 
	color: #000000; 
	font-weight: bolder ; 
}

.vijaya_norm {
	font-family: vijaya;
	font-size: 20px; 
	color: #000000; 
}

.alerte {
	font-family : Arial, sans-serif, Helvetica, Times New Roman;
	font-size: 12px; 
	color: #ff0000; 
	font-weight: bolder ; 
	font-style: italic;
 }

.oeuvr {
	font-family : Arial, sans-serif, Helvetica, Times New Roman;
	font-size: 12px; 
	color: #ff0000; 
	font-weight: bolder ; 
	font-style: italic;
 }

.tableau_ombre {
	border-left: 1px solid #4b6345;
	border-right: 4px solid #4b6345;
	border-top: 1px solid #4b6345;
	border-bottom: 5px solid #4b6345;
	box-shadow:3px 3px 12px #666;
}

.tableau_ombre_color {
	border-left: 1px solid #4b6345;
	border-right: 4px solid #4b6345;
	border-top: 1px solid #4b6345;
	border-bottom: 5px solid #4b6345;
	background-color: #e4ebe2 ;
	box-shadow:3px 3px 12px #666;
}
 
.message {
	font-family : Arial, sans-serif, Helvetica, Times New Roman;
	font-size : 16px;
	color: #ff0000; 
	font-weight: bolder ; 
 }

.information {
	font-family : Arial, sans-serif, Helvetica, Times New Roman;
	font-size : 16;
	color: #8ba983; 
	font-weight: bolder ; 
 }

.horaires {
	font-family : Arial, sans-serif, Helvetica, Times New Roman;
	font-size : 18;
	color: #000000; 
	font-weight: bolder ; 
 }

.mini_message {
	font-family : Arial, sans-serif, Helvetica, Times New Roman;
	font-size: 16px; 
	color: #ff0000; 
	font-weight: bolder ; 
	font-style: italic;
 }

.total {
	color: #ff0000; 
}

.mini {
	font-family: Arial, sans-serif, Helvetica, Times New Roman;
	color: #000000; 
	font-size: 12px; 
	font-weight: bolder ; 
}

.minired{
	font-family: Arial, sans-serif, Helvetica, Times New Roman;
	font-size: 12px; 
	font-weight: bolder ; 
	color: #ff0000; 
}

.mini_barre{
	font-family: Arial, sans-serif, Helvetica, Times New Roman;
	font-size: 12px; 
	font-weight: bolder ; 
	text-decoration: line-through;
	font-style: italic;
	color: #5b5b5b; 
}

.button {
	display: inline-block;
	background-color: #0000ff;
	border-radius: 10px;
	border: 4px double #000000;
	color: #eeeeee;
	text-align: center;
	font-size: 14px;
	font-weight: bolder ; 
	padding: 8px;
	width: auto;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.bouton12 {
	display: inline-block;
	background:#ffffc8;
	border:2px;
	radius: 10px;
	color:#000;
	width: auto ;
	text-align: center;
	font-weight: bolder ; 
	font-size: 13px;
	padding:4px ;
	box-shadow:3px 3px 12px #666;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.bouton12:hover {
	background-color: #ffff00;
}

.bouton11 {
	display: inline-block;
	background:#4b6345;
	border:2px;
	radius: 10px;
	color:#fff;
	text-align: center;
	font-weight: bolder ; 
	font-size: 13px;
	padding:4px ;
	box-shadow:3px 3px 12px #666;
	transition: all 0.5s;
	margin: 5px;
}

.bouton10 {
	display: inline-block;
	background:#4b6345;
	border:2px;
	radius: 10px;
	color:#fff;
	text-align: center;
	font-weight: bolder ; 
	font-size: 13px;
	padding:4px ;
	box-shadow:3px 3px 12px #666;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.bouton10:hover {
	background-color: #e4ebe2;
	font-weight: bolder ; 
	color:#4b6345;
}

.button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.button span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.button:hover {
	background-color: #021548;
}

.button:hover span {
	padding-right: 25px;
}

.button:hover span:after {
	opacity: 1;
	right: 0;
}

.ajout {
	display: inline-block;
	background-color: #ffffc8;
	border-radius: 5px;
	border: 2px double #000000;
	box-shadow:3px 3px 12px #666;
	color: #000000;
	text-align: center;
	font-size: 10px;
	font-weight: bolder ; 
	padding:2px 2px 2px 2px;
	width: 70px;
	boton12	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.ajout span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.ajout span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.ajout:hover {
	background-color: #ffff00;
}

.ajout:hover span {
	padding-right: 25px;
}

.ajout:hover span:after {
	opacity: 1;
	right: 0;
}

.mini_button {
	display: inline-block;
	background-color: #0000ff;
	border-radius: 10px;
	border: 2px double #000000;
	color: #eeeeee;
	text-align: center;
	font-size: 11px;
	font-weight: bolder ; 
	padding: 8px;
	width: 80px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 3px;
}

.mini_button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.mini_button span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.mini_button:hover {
	background-color: #021548;
}

.mini_button:hover span {
	padding-right: 25px;
}

.mini_button:hover span:after {
	opacity: 1;
	right: 0;
}

.img_bulle {
  text-decoration:none;
  position:relative;
}
 
.img_bulle span {
  display:none;
   -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:#e4ebe2; 
}
 
.img_bulle span img {
  float:left;
  margin:0px 8px 8px 0;
}
 
.img_bulle:hover span {
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  z-index:1000;
  width:auto;
  min-height:128px;
  border:1px solid black;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:8px;
  box-shadow:3px 3px 12px #666;
}

a.info_bulle span {
	position : absolute;
	z-index:24;
	top : -2000em;
	left : -2000em;
	width : 1px;
	height : 1px;
	overflow : hidden;
	background : #e4ebe2; /* Définition du fond, sinon on a le même que notre lien */
	border-left: 1px solid #4b6345;
	border-right: 3px solid #4b6345;
	border-top: 1px solid #4b6345;
	border-bottom: 4px solid #4b6345;
	box-shadow:3px 3px 12px #666;
	border-radius: 5px;
	padding : 6px 10px 6px 6; /*Définition des marges intérieures de notre lien */
	color : #000000; /* Couleur de notre lien */
	font-family: arial;
	font-size: 12px; 
	text-decoration : none; /* Aucun soulignement du texte */
	font-weight: bolder ; 
	font-style: italic;
}

a.info_bulle {
	color : #000000; /* Couleur de notre lien */
	font-family: verdana;
	font-size: 12px; 
	text-decoration : none; /* Aucun soulignement du texte */
	font-weight: bolder ; 
	padding : 2px 12px 2px 2px; /*Définition des marges intérieures de notre lien */
	/* Définition de l'arrière plan de notre lien */
	background : transparent url('comment.gif') no-repeat right center;
}

a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span {
	top : auto;
	left : auto;
	width : auto;
	height : auto;
	overflow : visible;
}

a.info_bulle:hover {
	border : 0; /* ligne qui corrige le bug d'IE6 et inférieur */
}

img {  
	vertical-align:middle;
}

div {
  margin-bottom: 10px;
  position: relative;
}

input {
	font-weight: bolder ; 
}

input[type="number"] {
  width: 60px;
}

input + span {
  padding-right: 30px;
}

input:invalid+span:after {
	position: absolute; content: '✖';
	padding-left: 5px;
	color: #8b0000;
}

input:valid+span:after {
  position: absolute;
  content: '✓';
  padding-left: 5px;
  color: #009000;
}

.no-outline:focus {
	outline: none;
	border-top-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
	border-bottom-style: hidden;
}

.headcal {
	font-size: 16px;
	color: #FFFFFF;
}

#cherch_init{ 
	color:green; 
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration : none;
	font-weight: bolder ; 
}

#cherch_init a{
	color:green; 
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration : none;
	font-weight: bolder ; 
}

#navig {
	position: fixed;
	right: 0;
	top: 50%;
	width: 8em;
	margin-top: -2.5em;
}

#champ {
    height:30px;
}

.text_area {
    font-size:2em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}