/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* - MOTEUR DE RECHERCHE ---------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.container-fluid {
	width:100%;
}

.ligne4 .colonne2 input{
	max-width:100px;
}


#accordionMoteur {
	padding-top:10px;
}

/* contour du moteur de recherche */
#moteurrecherche fieldset { 
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove #ccc;
}

/* titre du moteur de recherche*/
#accordionMoteur .accordion-heading {
	font-size:15px;
	cursor: pointer;
	color: #ffffff;
    background-color: #666666;
    padding:6px;
}
.textepetit {
	font-size:10px;
}
#accordionMoteur .accordion-heading i.fa.fa-search-plus {
	font-size:20px;
	margin-left:4px;
	margin-right:6px;
}
#accordionMoteur .accordion-heading i.fa.fa-chevron-circle-up, #accordionMoteur .accordion-heading i.fa.fa-chevron-circle-down {
	font-size:22px;
	margin-right:10px;
}
/* libellés des cases à côcher */
#moteurrecherche fieldset label{ 
    cursor: pointer;
    margin-right:20px;
}

/* style des listes Fonction et lieu de travail */
#moteurrecherche div.btn-group.bootstrap-select.show-tick.form-control button.btn.dropdown-toggle, #moteurrecherche .form-control {
	color: #000000;
    background-color: #ffffff !important;
    border-color: #95a5a6 !important;
}
/* largeur de chaque ligne du moteur */
#moteurrecherche .row{ 
    min-height: 37px;
    line-height: 37px;
}
/* espacer la dernière ligne contenant le bouton */
#moteurrecherche .ligne5{ 
    margin-top: 2px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* - RESULTATS DE RECHERCHE ------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* espacer le tableau de résultats du moteur */
#resultats{ 
    margin-top: 20px;
}
#resultats .minifiche{ 
    border: 1px solid #ccc;
    margin: 8px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px !important;
}
#resultats .minifiche:hover{ 
     background-image:linear-gradient(#FDFDFD 60%, #F5F5F5)  !important;
     border: 1px solid #BDBDBD !important;
}
#resultats .buttonscontainer { 
    margin: 20px;
    text-align:center;
}
#resultats i.iconepasdelogo { 
    color:#E6E6E6;
    margin-top: 20px;
}
.radius{ 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px !important;
}
#resultats .img-responsive.img-rounded {
    max-width: 120px;
    max-height: 110px;
    padding:4px;
    margin:0 auto;
    border: none;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 0px;
    border-top: 0;
}
.table-hover>tbody>tr:hover, .table>tbody>tr>td:hover, .table>tbody>tr:hover>td, .even, .even:hover {
    background: none;
}
#resultats .logocontainer { 
    text-align:center !important;
    max-width: 200px;
    padding:4px 2px;
}
#resultats .logocontainer { 
    text-align:center !important;
    max-width: 200px;
    padding:4px 2px;
}
#resultats-table thead th {
    background-color: #666666;
    padding: 8px 6px 8px 12px;
    color: #ffffff;
    border:0;
}

#resultats .ligne { 
	padding-top: 5px;
	padding-bottom: 5px;
}

#resultats .ligne-titre {
	margin-top: 5px;
}

@media screen and (max-width: 992px) {
  	#resultats .buttonscontainer { 
	    margin: 6px 4px 4px 0;
	    text-align:left;
	    display:inline-block;
	}
	#resultats .logocontainer { 
	    text-align:left !important;
	    max-width: 200px;
	    padding:4px 2px;
	}

	#resultats .img-responsive.img-rounded {
	    margin:0;
	}
	#resultats i.iconepasdelogo { 
	    margin-top: 0px;
	    display:none;
	}
}
.paddingtop15 {
	 padding-top: 15px;
}
i#mapcaller.fa.fa-map-marker.tip-n {
	font-size: 18px;
	padding-left: 4px;
	cursor:pointer;
	color: #337ab7 !important;
}
i#mapcaller.fa.fa-map-marker.tip-n:hover {
	color: #000000 !important;
}
.statutarrondi {
	display: inline-block;
	background: #F5F5F5;
    border: 1px solid #E6E6E6;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 4px;
	padding:2px 4px;
	line-height: 16px;
    font-size: 12px;
}
.tabhoraires th, .tabhoraires td {
	text-align: center;
	padding: 0 3px;
	line-height: 30px;
}

#resultats .ligne.ligne-horaires {
	margin-bottom: 5px;
}

#resultats .ligne.ligne-horaires table {
	margin-left: auto;
	margin-right: auto;
}

.modal-dialog {
    width: 100% !important;
    margin: 9px !important;
    padding: 0 !important;
}


.page-integration.page-integration-iframe-1 .modal-dialog {
    /*
    width: 100% !important;
    margin: 9px !important;
    padding: 0 !important;
    */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.page-integration.page-integration-iframe-1 .modal {
    width: 100% !important;
    margin: 0 !important;
    padding: 8px !important;
}

/* cacher le fond gris transparent des ùodules */
.page-integration.page-integration-iframe-1 .modal-backdrop {
    /*background:none !important;*/
    background-color: #FFF !important;
    filter:alpha(opacity=50);opacity:.5
}

.page-integration.page-integration-iframe-1 #modal-main div.modal-header, .page-integration.page-integration-iframe-1 #modal-map div.modal-header, .page-integration.page-integration-iframe-1 #modal-communication div.modal-header {
    background: #428bca !important;
}
.page-integration.page-integration-iframe-1 #modal-main div.modal-header h4, 
.page-integration.page-integration-iframe-1 #modal-main div.modal-header i.fa.fa-map-marker.fa-3x, 

.page-integration.page-integration-iframe-1 #modal-map div.modal-header h4, 
.page-integration.page-integration-iframe-1 #modal-map div.modal-header i.fa.fa-map-marker.fa-3x, 

.page-integration.page-integration-iframe-1 #modal-communication div.modal-header h4, 
.page-integration.page-integration-iframe-1 #modal-communication div.modal-header i.fa.fa-map-marker.fa-3x{
    color: #FFFFFF !important;
}

#modal-map .zonemap {
	min-height : 240px;
}



.textechargement, .textepasderesultat {
	color:#999;
	height:40px;
	line-height:40px;
	font-size:16px;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*-------------------styles for account social icons-Affectations and nouvelles demandes---------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
#resultats #socialTable { margin-top:15px; }
#resultats .account-ico-social { color: #fff; }
#resultats#socialmodal .account-ico-social { position:relative;	left:-9px;}
#resultats .account-ico-size-24 { 
	width: 30px;
	height: 24px;
	margin: 5px 2px;
	padding-top: 4px;
	font-size: 14px;
	line-height: 14px;
	padding-left: 8px;
}
#resultats .account-ico-size-20 {
    width: 25px;
    height: 20px;
    margin: 5px;
    padding-top: 2px;
    font-size: 14px;
    line-height: 14px;
    padding-left: 6px;
}
#resultats .account-ico-home { background: #4982c3;}
#resultats .account-ico-facebook { background: #4862a3; padding-left:11px !important}
#resultats .account-ico-linkedin { background: #0177b5;}
#resultats .account-ico-twitter { background: #55acee; }
#resultats .account-ico-rss { background: #fc8f55; }
#resultats .account-ico-home:hover { background: #33639A; color: #E8E8E8;}
#resultats .account-ico-facebook:hover { background: #31477D; color: #E8E8E8;}
#resultats .account-ico-linkedin:hover { background: #045B88; color: #E8E8E8;}
#resultats .account-ico-twitter:hover { background: #3377AB; color: #E8E8E8;}
#resultats .account-ico-rss:hover { background: #DA7037; color: #E8E8E8;}
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/



/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* - (ne pas modifier) ------------------------------------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* cacher le vrai sélect  */
#moteurrecherche div.btn-group.bootstrap-select.show-tick.form-control button.btn.dropdown-toggle span.couleurtextepardefaut {
	color: #999999 !important;
}
#moteurrecherche li.selected a{
	font-weight:bold;
	background-color: #f5f5f5;
}
.accordion-heading.accordion-toggle i.fa.fa-chevron-circle-down {
	display: none;
}
.accordion-heading.accordion-toggle i.fa.fa-chevron-circle-up {
	display: inline-block;
}
.accordion-heading.accordion-toggle.collapsed i.fa.fa-chevron-circle-down, .accordion-heading.accordion-toggle.collapsed .textepetit {
	display: inline-block;
}
.accordion-heading.accordion-toggle.collapsed i.fa.fa-chevron-circle-up, .accordion-heading.accordion-toggle .textepetit {
	display: none;
}
.hidden {
	display:none !important;
}
.dropdown-menu .tabulation {
	padding-left:40px !important;
	display: inline-block !important;
}
.filter-option .tabulation {
	padding-left:0px !important;
	display: none !important;
}
.page-integration.page-integration-iframe-1 #modal-main div.modal-header {display:none; !important}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */