/* --- STYLES POUR LES CLASS POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

.presentation
{   
	background-color:#DFEFFC;    
	border-radius:20px;
	text-align:center;
}


/* fixe la taille des colonnes d'un tableau en pourcentage */
.col5 {width: 20%;}
.col4 {width: 25%;}
.col3 {width: 33%;}
.col2 {width: 50%;}

.w1 {width: 1%;}.w2 {width: 2%;}.w3 {width: 3%;}.w4 {width: 4%;}.w5 {width: 5%;}.w6 {width: 6%;}.w7 {width: 7%;}.w8 {width: 8%;}.w9 {width: 9%;}.w10 {width: 10%;}.w11 {width: 11%;}.w12 {width: 12%;}.w13 {width: 13%;}.w14 {width: 14%;}.w15 {width: 15%;}.w16 {width: 16%;}.w17 {width: 17%;}.w18 {width: 18%;}.w19 {width: 19%;}.w20 {width: 20%;}.w21 {width: 21%;}.w22 {width: 22%;}.w23 {width: 23%;}.w24 {width: 24%;}.w25 {width: 25%;}.w26 {width: 26%;}.w27 {width: 27%;}.w28 {width: 28%;}.w29 {width: 29%;}.w30 {width: 30%;}.w31 {width: 31%;}.w32 {width: 32%;}.w33 {width: 33%;}.w34 {width: 34%;}.w35 {width: 35%;}.w36 {width: 36%;}.w37 {width: 37%;}.w38 {width: 38%;}.w39 {width: 39%;}.w40 {width: 40%;}.w41 {width: 41%;}.w42 {width: 42%;}.w43 {width: 43%;}.w44 {width: 44%;}.w45 {width: 45%;}.w46 {width: 46%;}.w47 {width: 47%;}.w48 {width: 48%;}.w49 {width: 49%;}.w50 {width: 50%;}.w51 {width: 51%;}.w52 {width: 52%;}.w53 {width: 53%;}.w54 {width: 54%;}.w55 {width: 55%;}.w56 {width: 56%;}.w57 {width: 57%;}.w58 {width: 58%;}.w59 {width: 59%;}.w60 {width: 60%;}.w61 {width: 61%;}.w62 {width: 62%;}.w63 {width: 63%;}.w64 {width: 64%;}.w65 {width: 65%;}.w66 {width: 66%;}.w67 {width: 67%;}.w68 {width: 68%;}.w69 {width: 69%;}.w70 {width: 70%;}.w71 {width: 71%;}.w72 {width: 72%;}.w73 {width: 73%;}.w74 {width: 74%;}.w75 {width: 75%;}.w76 {width: 76%;}.w77 {width: 77%;}.w78 {width: 78%;}.w79 {width: 79%;}.w80 {width: 80%;}.w81 {width: 81%;}.w82 {width: 82%;}.w83 {width: 83%;}.w84 {width: 84%;}.w85 {width: 85%;}.w86 {width: 86%;}.w87 {width: 87%;}.w88 {width: 88%;}.w89 {width: 89%;}.w90 {width: 90%;}.w91 {width: 91%;}.w92 {width: 92%;}.w93 {width: 93%;}.w94 {width: 94%;}.w95 {width: 95%;}.w96 {width: 96%;}.w97 {width: 97%;}.w98 {width: 98%;}.w99 {width: 99%;}.w100 {width: 100%;}
.bordure{
	border-style: solid;
	border-width: 1px;
	border-radius: 12px;
	border-color:#97DAE3;
}

.bt_div {
	padding: 3px;
	margin: .3em;
	text-align:center;
	border:1px solid #97DAE3; 
	border-radius:10px;
	cursor: default;
}

.bouton, .bt_menu, .bt_dd, .bt_footer, .bt_admin, .bt_mini  {	
	color: #115098;
	background-color: #DFEFFC;
	border: 1px solid #C5DBEC;
	border-radius: 5px; /*corrige le bug du bouton blanc*/
	box-shadow: 1px 1px 1px #97DAE3;
	padding : 0.1em 0.5em;
	cursor: pointer;
}

.bouton, .bt_float_hd, .bt_footer  {	
	text-align: right;	
	margin : 0.2em ;	
}

.bouton:hover {
	color: #ff0000;
}

.bt_menu  {	
	text-align: left;
	margin : 0.2em auto 0.2em auto;	
	width: 93%;
	font-size: 1.1em;
	display:block;
}

.bt_admin   {
	background-color: #B4ED97;
}

.bt_menu:hover , .bt_dd:hover, .bt_footer:hover, .bt_admin:hover {
	color: #000000;
	background-color: #FFFCC6;
}

.bt_menu:disabled , .bt_dd:disabled, .bt_footer:disabled, .bt_admin:disabled, .bouton:disabled {	
	background-color: #DFEFFC;
	color: #929292;
}

.bt_menu:hover:disabled  , .bt_dd:hover:disabled, .bt_footer:hover:disabled, .bt_admin:hover:disabled {	
	background-color: #DFEFFC;
	color: #FFFCC6;
}

.bt_float_hd {
	text-align:center;
	float:right;
	position: relative;
}

.bt_dd {	
	margin : 0em auto 0.6em auto;
	width: 90%;
	font-size: 1.1em;
	cursor: ns-resize;
}

.bt_footer {
	margin : 0px;
}

.bt_confirm {
	text-align:left; 
	color: #FF3535; 
	border-color: #FF3535;	
	background-color:#FFB7C1;
}

.bt_lien {
	text-decoration: underline;
	color: mediumblue;
	border:none;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	padding:0;
}

.bt_lien:hover {
	color: crimson;
}

.bt_discret {
	margin: .2em 0 0 0;
	padding: 2px;
	font-size: .8em;
}

.bt_mini {
	margin: .2em 0 0 0;
	padding: .3em 3em !important;
	font-size: .9em !important;
}

div.validation {
	text-align: right; 
	display: block;
}

.bt_div:hover {
	background-color: #FFC896;;
}

div.erreur {
	float: left; 
	margin: 10px auto; 
	padding: .25em 1em;
	display: none; 	
}

.flex_container {
    display: flex;
    justify-content: space-around;
}

.flex_center {	
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2px;
}

.fml {
	border:1px solid #97DAE3;
	border-radius: 10px;
}

.historique {
	color: #115098;
	min-height: 2.4em;
}

.identite {
	font-size: 1em;
	text-indent: -2.5em;
	padding: 1em 2.5em;	
}

.identite > p {
	margin: 1em;
}

.intitule {
	font-weight: 900;	
}

.lien {	
	box-shadow: 5px 5px 2px 2px #cae3fc;		
	background-color:#79bbff;	
	border-top-left-radius:20px;	
	border-top-right-radius:20px;	
	border-bottom-right-radius:20px;	
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	line-height:36px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
	margin:0 0 5px 0;
}
.lien:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );	
	background-color:#4197ee;
}
.lien:active {
	position:relative;
	top:1px;
}

.menufixsup {
	position: fixed;
	height: 25px;
	width: 99.5%;
	top: 0;/* vaut mieux fixer les valeurs par défaut pour ne pas avoir de mauvaises surprises */    
	text-align: right;
	padding: .5em 2em .5em 0;
	background: linear-gradient(to bottom, #85A5EB 0%, #1E5799 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	/*background-color:#000000;*/
	color:#ffffff;
	border: 0px solid;
	margin: 0 auto 5px auto;
	border-radius:0px;
	z-index: 99; /* corrige bug des map qui passent sur le bandeau */	
}

.navigation{
	background-color: #E1EBF2; /* transparent; */
	text-align: left;
	border: 2px solid #115098;
	padding: 5px 5px 10px 5px;
	margin-bottom: 1em;
	border-radius:20px;		
}

.note {
	font-size: .8em;
}

.radio_hist {
	line-height: 12px;
	vertical-align: middle;
}

.txt_droit {
	text-align: right;
}

.txt_gauche {
	text-align: left;
}

.validation {
	margin:15px;
}

.bleu { 
	background-color : #E1EBF2; 
}
	
.jaune {
	background-color : #FFFCC6;
}

.couleur tr:nth-child(2n) { /*Toutes les lignes paires*/
		background-color : #E1EBF2; 
	}
	
.couleur tr:nth-child(2n+1) { /*Toutes les lignes impaires*/	
		background-color : #FFFCC6;
	}
	
.couleur th {
		background-color : #eeeeee;
	}

.gristext{ 
	color: #939393;
}

.av_rouge, .av_orange, .av_jaune, .av_vert, .av_bleu, .av_color,
.av_blanc, .av_gris {	
	text-align: center;
	border: 1px solid;
	margin: 0.2em 0 0.2em 0.5em;
	padding: 3px;
	border-radius:7px;	
	//display: inline-block;
	//text-indent: 0px;
}

.av_blanc {
	color: #115098;
	border-color: #A6A6A6;
	background-color:#ffffff;
}

.av_gris {
	color: #505050;
	border-color: #a0a0a0;
	background-color:#dedede;
}

.av_jaune {
	color: #8B8B8B;
	border-color: #8B8B8B;
	background-color:#FDFD7F;
}

.av_rouge {
	color: #FF3535;
	border-color: #FF3535;
	background-color:#FFB7C1;
}

.av_orange {
	color: #D36600;	
	border-color: #D36600;	
	background-color:#FFC896;
}

.av_vert {
	color: #00AD11;
	border-color: #00AD11;
	background-color:#9BE8A3;
}

.av_bleu {
	color: #115098;
	border-color: #115098;
	background-color: #afd6f7;	
}

.av_centre {
	width:80%; 
	padding:1em; 
	margin:auto;
}

.notice {
	padding:1em 1em; 
	margin:1em auto;
	min-width:25%;
	max-width:60%;	
}

.etiquette {
	padding: .1em; 
	float: right; 
	font-size: .8em;
	cursor: pointer;
	min-width: 14em;
	vertical-align: middle;
}

.bulle {
	padding : 0em 1em 0em 1em; 
	font-size: 0.8em;
	cursor: default;
}

.titremenu, .titrebulle {
	padding: 3px 0 5px 12px;
	margin: -2px -2px 10px -2px;
	border-radius:17px 17px 0px 0px;
	background-color:#115098;
	border: 1px solid #115098;
	color: #ffffff;
}

.submenu {
	padding: 2px 0 0 10px;
	margin: 2px 0;
	font-weight: bold;
}

.contenaire {
	padding: 0;
	margin:0;
}

.contenu {
	display:inline-block;
	vertical-align: top;
	margin : 0;
}

.notation {
	display:inline-block;
	margin : 0;
	padding-left : 20px;
	
}

.telephone{	
	text-align: center;
	border: 1px solid #3399FF;
	margin: 2px;
	padding: 1px;
	border-radius:15px; 
}

.spacer {
  clear: both;
}

.encart {
	text-align: center; 
	font-size: 1.5em; 
	background-color: #DFEFFC;	
	border-radius: 0 0 0 30px; 
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

.ui-progressbar div{
    background-color: #DFEFFC;	
	padding: 0px !important;
	border-radius: 10px;
}

.grid {
	display: grid;
	grid-auto-rows: min-content max-content auto;	
	grid-template-columns: repeat(12, 1fr);
}

.observation {
	margin: 1em;
	padding: .5em 1em;
	border: 1px solid #97DAE3;	
}

.cadre {
	background-color:#eeeeee;
}

.map{	
	padding: 0;
	margin: 0;
	border:1px solid #97DAE3; 
	border-radius:10px;
}

.mesForms, .mesMenu{ /* form cote a cote (boutons) */
	display:inline-block;
}

.mesMenu {
	width:100%;
	padding:0;
}

.money, .montant {
	text-align:center;
}

.rotate {
	-moz-transform: rotate(-90.0deg);  /* FF3.5+ */
	-o-transform: rotate(-90.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}

.info {	
	margin:9px auto; 
	width:70%; 
	padding:6px;
}

.horaire {
	width: 70px; 
	text-align:center;
}

.tooltip {
  position: relative;
  display: inline-block;  
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}