
img {
	border: none;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=30);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}

.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 550px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}

@media (max-width: 600px) {
	.popup_block {
	top: 10%;
	left: 65%;
		background: #ddd;
	padding: 1px 8px;
	//border: 10px solid #fff;
	float: left;
	width: 350px;
	position: fixed;
	margin: 0 0 0 -250px;
	z-index: 100;
  }
}






.agenda_text { width:auto;font-size:12px ;line-height:99%;padding:4px 4px;}
.titreMois { 
	font-family: Calibri ,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #385B88;

	font-size: 1.8em;
	}
	
input[type="text"] {
font-family: Arial;font-size: 14pt;border:1px solid black; font-weight: bold;width:340px;
}

textarea {
min-height:200px;width:340px;font-family: Arial; font-size: 12pt;

}

.select_s {
font-family: Arial; font-size: 14pt; font-weight: bold; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1;
}


.ag_saisie{
font-size:16px;width:150px; display:inline-block;text-align:left;vertical-align:top;margin: 5px 5px 5px;
}


.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

/*-- Faire IE6 gérer le positionnement fixe --*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }


.Cetat { font-size:10px;font-weight:bold; font : Arial,"Trebuchet MS", Helvetica; color:#FF0000;}
.Cnom { font-size:10px; font : Arial,"Trebuchet MS", Helvetica; color:#000000;}
.Texte { font-size:12px; font-weight:bold;font : Arial,"Trebuchet MS", Helvetica; color:#003399;}


#one-column-emphasis
{
	font-family: "Arial","Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border:1px;
	margin-left:auto; 
  margin-right:auto;

}
#one-column-emphasis th
{
	text-align:center;
	
	font-size: 14px;
	font-weight: normal;
	padding: 5px 5px;
	color: #039;
background: #d0dafd;	
}
#one-column-emphasis td
{
	padding: 4px 4px;
	color: #669;
	border-top: 1px solid #e8edff;
	border-left: 1px solid #e8edff;
	border-bottom: 1px solid #e8edff;
	border-right: 1px solid #e8edff;
	height:30px;
	vertical-align:top;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	text-align:center;
}

#one-column-emphasis td {
}
#one-column-emphasis td:hover {
background-color:#eff2ff;
}
.horaire { font-size:14px;font-weight:bold; font : Arial,"Trebuchet MS", Helvetica; color:#039;text-align:center;}

.fondhmn {
	background-color: black;
	color: white;
	text-align:center;
	font-size:12px;
 	font : Arial,"Trebuchet MS", Helvetica;
font-weight:bold;
	padding:1;
 }
.texthmn {
	color: gray;
	font-size:11px;
 	font : Arial,"Trebuchet MS", Helvetica;
 }
.affhmn {

	color:gray;
 	width: 160px;
 	height:12px
 	display: block;
 	
	line-height:12px;
	max-height :12px;
	min-height :12px;
	
	max-width : 160px;
	min-width : 100px;
	
	overflow:hidden;
 	
 } 
 
#triangle-hg {
	position:absolute;
     width: 10;
     height: 10;
     border-top: 10px solid red; 
     border-right: 10px solid transparent;          
}
 
.aujourdhui { font-size:12px;font-weight:bold; font : Verdana,"Trebuchet MS", Helvetica;background: #99FFCC;width:18px; color:#039;text-align:left;}

.css_jour { 
	width:20px;
	height:18px;
	padding:1px 2px 1px 2px;
	font:bold 10px Arial;
	background:#f5f5f5;
	color:#555;
	border-radius:2px;
	text-align:center;
	box-shadow:1px 1px 3px #999;
	margin:1;
	vertical-align:top;
	display: inline-block;
	
	}








.nagenda-container-tit {
	display:flex;
	vertical-align: top;
	justify-content: center;
	flex-wrap: wrap;
	background:#d0dafd;
	margin-bottom:10px;
}
@media (max-width: 700px) {
	.nagenda-container-tit {
	position:relative;
	//left:220px;
	margin-top:20px;
}
}




.nagenda-container2 {
	display:flex;
	vertical-align: top;
	//justify-content: center;
	flex-wrap: wrap;
}
.nagenda2 {
	//background-color: #ffffff;
	box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 4px;
	flex: 1;
	padding: 0 14px 10px;
	margin: 4px;
	min-width: 180px;
	max-width: 180px;
}


.nagenda-container {
	display:flex;
	vertical-align: top;
	justify-content: center;
	flex-wrap: wrap;
}

.rdv-container {
	vertical-align: top;
	position:relative;
  top:-18px;
  left:-18px;
}

.rdv-hmn {
	background-color: rgba(255, 255, 255, 0);
	color:gray;
 	//width: 260px;
	min-width: 250px;
	max-width: 350px;
 	height:14px
 	display: block;
 	//border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  //border-bottom-width: 200px;
 }
.rdv-hmn hr {
	color:gray;
	margin-left:40px;
	height:-1px;
	//border: 0px solid;
	border-top: 1px solid
	justify-content: center;
 }  
 
.rdv-heure {
	text-align:center;
	font-size:12px;
 	font : Arial,"Trebuchet MS", Helvetica;
	//font-weight:bold;
	//padding:1;
	border-radius: 20%;
	cursor: pointer; 
 }
.rdv-nom {
	font-size:12px;
 	font : Arial,"Trebuchet MS", Helvetica;
	font-weight:bold;
	color:#5d5d5d;
	cursor: pointer; 
	line-height: 10px;
 }

.rdv-heure:hover {
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
	transform: translateY(-3px);
}

.rdv-text {
	font-size:12px;
 	font : Arial,"Trebuchet MS", Helvetica;
	line-height:99%;
	cursor: pointer; 
	padding : 1px 1px;
	border-left: 2px solid #FF0000;
	//border-left: 1px solid #FF0000;
	//box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.1);
	//box-shadow: 1px 1px #FFFFFF, -1em 0 .4em #FF0000;
	margin-left:30px;
 }





.heurc {
  display: inline-block;
  position:relative;
  top:-11px;
  left:-19px;
  //border: 1px solid gray;
  //border-radius: 20%;
  //width: 30px;
  //height: 16px;
	text-align: center;
	margin-right : 2px;
	margin-left : 1px;
	font-size:12px;
	cursor: pointer; 
	
}

.heurc:hover {
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
	transform: translateY(-3px);
}

.nagenda {
	//background-color: #ffffff;
	box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 4px;
	flex: 1;
	padding: 0 14px 10px;
	margin: 4px;
	min-width: 250px;
	max-width: 350px;
}

.nagenda-tit {
	background:#d0dafd;
	flex: 0;
	padding: 10px 10px 10px;
	min-width: 250px;
	max-width: 350px;
	text-align: center;
}


.nagenda h5 {
	//text-transform: uppercase;
	text-align: center;
}

.features-list {
	padding: 3 ;
	list-style-type: none;
	list-style-position: inside;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

 


.features-list li {
	padding: 4px 0;


}

.features-list li:not(:last-of-type) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.btn-primary {
	border-radius: 25px;
	border: none;
	background-color: #eff2ff;
	color: #385b88;
	cursor: pointer;
	padding: 3px 5px;
	margin-top: 1px;
	transition: all 0.1s ease-in-out;
	text-align:center;
}

.btn-primary a {
	text-decoration:none;
	color: #385b88;
}

.btn-primary:hover {
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
	transform: translateY(-3px);
}

.nagenda-bg-image {
	//background-image: url('https://images.unsplash.com/photo-1550029402-226115b7c579?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=701&q=80');
	background-color: #b0b0b0;
	background-size: cover;
	background-position: center center;
	color: #ffffff;
}

.nagenda-bg-image .features-list li {
	border-bottom-color: rgba(255, 255, 255, 1);
}

.nagenda-bg-image .btn-primary {
	background-color: #ffffff;
	color: #000;
}

.j_jour { 
	width:13px;
	height:13px;
	padding:1px 2px 1px 2px;
	font:bold 10px Arial;
	background:#f5f5f5;
	color:#555;
	border-radius:30px;
	text-align:center;
	box-shadow:1px 1px 3px #999;
	//margin:1;
	//vertical-align:top;
	display: inline-block;
	float: right;
	}