@charset "UTF-8";
/* CSS Document */

/* PERSONNES RESSOURCES */

#ressource-fiche .col-droite {
	width:50%;
	margin: 0 20px;
	float:left;
	min-width: 280px;
	}
	
	
@media all and (max-width: 3000px)

{

#ressource-titre h1, #liste-fiche h1 { color:#f6a11a; padding: 0 0 20px;
}

#ressource-titre #retour { background-color: #c0c0c0; float: right; padding: 5px 10px; text-align: right;}
#ressource-titre #retour a { color:#fff; text-decoration:none}
#ressource-titre #retour a:hover { color:#fac879; text-decoration:none}
section#content {
max-width:624px;
}

#ressource-fiche .col-droite {
	min-width: 280px;
	}
	
}
#ressource-titre h1 small { color:#999}

#ressource-fiche .col-gauche {
	background-color:#fefefe;
	width:42%; float:left;
	min-width: 220px;
	margin-bottom: 20px;
	}



#ressource-fiche .col-gauche h4 {
	color:#be0d0b; text-transform:uppercase; font-size:1.2em; margin:0;}

#ressource-fiche .col-gauche .icone-contact {
	float:left;
	width:15px;
	margin: 0 8px;
	background:url(//www.monasbl.be/images/icone-enveloppe.png) no-repeat center ;
	height:auto;
	
	}
.contact .url a { font-weight:bold;}


#ressource-fiche .col-gauche .icone-horaire {
	float:left;
	width:15px;
	margin: 0 8px;
	background:url(//www.monasbl.be/images/icone-horloge.png) no-repeat center ;
	height:auto;
	}

#ressource-fiche .col-gauche .icone-infos {
	float:left;
	width:15px;
	margin: 0 8px;
	background:url(//www.monasbl.be/images/icone-info.png) no-repeat center ;
	height:auto;
	}
#ressource-fiche .col-gauche .icone-photos {
	float:left;
	width:15px;
	margin: 0 8px;
	background:url(//www.monasbl.be/images/icone-photos.png) no-repeat center ;
	height:auto;
	}
	
#ressource-fiche .col-gauche .contact, #ressource-fiche .col-gauche .horaire, #ressource-fiche .col-gauche .infos, #ressource-fiche .col-gauche .photos {
	display: table;
	margin-bottom:35px;
	}
#ressource-fiche .col-gauche .logo-ressource { margin-bottom:30px; 
/*background-color:#999*/
}


#ressource-fiche { display: table; width: 100%; background-color:#f3f3f3}

#ressource-fiche .col-droite h4 { color:#f6a11a; text-transform:uppercase;  }

#ressource-fiche .col-droite p {margin:20px 0 40px;}

#ressource h2 { font-size:1.8em; font-weight:500;}


#form_contact h3 { margin:10px 0 20px 0; color:#999; text-transform:uppercase; font-weight:500; font-size:1em }

/* listing fiches */
#liste-fiche {
	background-color:#f3f3f3;
	padding:20px;}

#liste-fiche .gallery {
	width:100%;
	clear:both;
	display:table;
	margin-left: 10px;
margin-top: 20px;
}
	
#liste-fiche .gallery .span2 {
	width:18%;
	float:left;
	display:block;
	margin:10px 10px 10px 0px;
	padding:0px;
	text-align:center;}
	
#liste-fiche .gallery .span2 img {border:1px solid #D1D1D1;}
	
#liste-fiche .gallery .span2 h2 { margin:0px; font-size:1em; text-overflow: ellipsis; height:15px; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;}
#liste-fiche .gallery .span2 em { font-size:11px; color:#828282; min-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; word-wrap: break-word; display:block; }

#Job_list .pagination ul li,
#elearning_list .pagination ul li,
#liste-fiche ul li {
	display:inline; margin:0 5px;
}

.pagination { padding:0px; margin:0px;}
.pagination ul { padding:0px; margin:0px;}

.pagination li.active a { font-weight:bold; }


.inscription .cke_ul {
    margin-left: 20px;
	font-size:1.1em;
}

.cke_ul ul li::before {
    color: #f7a03d;
    content: "•";
    display: block;
    font-size: 16px;
    left: -14px;
    max-height: 0;
    max-width: 0;
    position: relative;
    top: 0;
}
.cke_ul ul li {
    color: #404040;
    line-height: 22px;
    list-style: outside none none;
    margin-left: -25px;
}

.box-erreur, .box-gauche .box-erreur {
    background-color: #eb2b45;
    color: #fff;
    margin: 10px 20px 10px 0;
    padding: 20px;
}


/* Bloc Personnes ressources */

#bloc-ressources { background-color:#f6a11a; padding: 0px 20px; display:table;}
#bloc-ressources h2 { color:#FFFFFF; font-size:1.4em; text-transform:uppercase; padding-top:20px; font-weight:300; line-height:1.3em }
#bloc-ressources h2 span {  font-size:1.4em; font-weight:600; }
#bloc-ressources p { color:#fff; }
#bloc-ressources .bloc-img { float:left; margin:0px 4px; border:1px solid #F7F7F7;}
#bloc-ressources .savoir a { float:right; margin:0px 4px; color:#fff; text-transform:uppercase; margin:7px 0px; }
#bloc-ressources .savoir a:hover { text-decoration:underline;}


/* Partie Client */

#crea-fiche {height: auto; margin-left: auto; margin-right: auto; width: 100%;}

.boxes { margin: 20px 0;}

#crea-fiche #col-gauche, #commande-fiche #col-gauche {float: left; width: 64%; margin: 20px 0 0 5px;}

.box-gauche {background-color: #f3f3f3; float: left; margin-bottom: 20px; margin-right: 15px; min-height: 100%; min-width: 99%;}
.box-gauche h2, .box-droite h2 { color: #f7a03d; font-size: 25px; margin: 20px; text-transform: uppercase;}
#compte-commande .box-droite h2 {  font-size: 24px; margin-bottom: 0px; }
.box-gauche form, .box-gauche h3.titre {margin: 0 20px;}

#recap-paiement, #crea-fiche .box-gauche {padding: 0 20px; margin-left:5px;min-width: 300px;width:99%;}
#recap-paiement h2, #crea-fiche .box-gauche h2 {margin-left: 0px;}

.orange {color: #f7a03d;}
/*.exemple {color: #c0c0c0; font-size: 10px; margin: 5px;}*/
.exemple { font-size: 0.92308em; margin: 5px; }

.box-gauche .box-erreur h3 { color:#FFF; }
.box-info h3,.box-gauche .box-info h3, .box-erreur h3,.box-gauche .box-erreur h3, .zone-l h3 {margin: 0 0 5px;}
.box-info { background-color:#f4e2cf; margin: 10px 20px 10px 0; padding:20px; color:#000;}
.box-info h3,.box-gauche .box-info h3 { color:#000;}
.box-erreur a { color:#FFF; text-decoration:underline; }

.box-gauche h3, .box-droite h3 {color: #404040; font-size: 20px; margin: 20px 0px 10px 0px; text-transform: uppercase;}
#Job_form input[type="checkbox"],
#crea-fiche input[type="checkbox"],
#crea-fiche input[type="radio"],
#pr-search input[type="checkbox"], 
input[type="radio"]  {
    clip: rect(1px, 1px, 1px, 1px);
    height: 15px;
    width:15px;
    overflow: hidden;
    position: static !important;
    margin: 0 3px; 
	background-color:white;
	border: 1px grey solid;
	}


#crea-fiche input[type="checkbox"]:checked, 
#Job_form input[type="checkbox"]:checked, 
input[type="radio"]:checked {
	background-color:#f6a11a;
}

#cat-activite label { font-size:12px; text-indent: -24px; margin-left: 21px; margin-bottom: 3px;}
.box-gauche .txt-exemple { color: #404040;float: left;height: 15px;line-height: 15px;margin: 5px 0;text-transform: uppercase;vertical-align: middle;width: 23%;}
.box-droite { background-color: #f3f3f3;float: right; margin-bottom: 20px; min-width: 100%;}
.box-droite .cke_ul ul { padding: 0 10px 0 57px;}
.cke_ul ul li::before { color: #f7a03d;content: "•";display: block;font-size: 16px;left: -14px;max-height: 0; max-width: 0;position: relative;top: 0;}
.cke_ul ul li {color: #404040; line-height: 22px; list-style: outside none none; margin-left: -25px;}
.box-droite p {color: #404040; font-size: 16px; margin: 20px;}
.question {background-color: #7f736f; clear: both; color: #fff; float: right; height: 80px; margin-bottom: 20px; min-width: 100%;}
.question .sigle {color: #fff; float: left; font-size: 70px; line-height: 80px; margin: 0 10px 0 20px; vertical-align: middle;}
.question .txt {color: #fff; float: left; line-height: 30px; margin: 10px; text-transform: uppercase; vertical-align: middle;}
.question .txt .big, .agenda .txt .big, .experts .txt .big, .annonces .txt .big {font-size: 30px;text-transform: uppercase;}
body.sidebar-second .sidebar-right {width: 35%; min-width: 320px }


@media screen and (max-width: 370px)
{
   #ressource-fiche .col-gauche {
    width: 100%;
}


	#ressource-fiche .col-droite {
		min-width: 100%;
	}
	

#ressource-fiche .col-gauche .contact, #ressource-fiche .col-gauche .horaire, #ressource-fiche .col-gauche .infos, #ressource-fiche .col-gauche .photos {
	margin:10px;
	}
}



@media all and (min-width: 380px) and (max-width: 900px)
{
   #ressource-fiche .col-gauche {
    width: 35%;
	min-width: 269px;
	}

	#ressource-fiche .col-droite {
    width: 50%;
	min-width: 200px;
	}
	#ressource-fiche .col-gauche .contact, #ressource-fiche .col-gauche .horaire, #ressource-fiche .col-gauche .infos, #ressource-fiche .col-gauche .photos {
		margin:10px;
		width:85%;
	}

	section#content {
		max-width: 100%;
		min-width: 100%; 
	}
}
.hidden { display:none; }
#adresse_act { margin: 15px 0 3px 0; }
input[type=checkbox]:disabled { background: #dddddd; }

input[type=radio] { -webkit-appearance: radio; }
input[type=checkbox] { -webkit-appearance: checkbox; }


.box-droite span.mailto { display:none; }



[role="main"] .block-facetapi-refiners ul.facetapi-facetapi-links li a {
	background-position: 0px 0px;
	}



#map_canvas {
    border: 1px solid #ccc;
    min-height: 200px;
    margin: auto;
    min-width: 300px;
	width:100%;
}

.hidden {
    display:none;
}

input[type="text"]:disabled {
    background: #EBEBEB;
    font-style:italic;
    color:grey;
}



#Job_detail .grid-center .row {
flex-direction: row;
}

#Job_form label input[type=radio] {
    margin-top:-3px;
    margin-right: 10px;
}