/**********************************************************************************************************/
/**************************************** STYLES GENERAUX *************************************************/
/**********************************************************************************************************/

/* GESTION DES INCOMPATIBILITES ENTRE le style de base WORDPRESS et le style d'Azimut */

/* Pour tout formulaire, liste et fiche individuelle, on ecrase les boutons du theme wordpress*/
 #widget_form .fa-spin {
	-webkit-animation:none;
	animation:none;	
 }
 
#widget .fa-circle-o-notch:before {
	content:none;
}
.nav-pills .nav-link {
	background-color:black;
	color:white;
}

.nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link {
	background-color:rgb(228, 33, 39);
	color:white;
}
/****************************** le conteneur widget comprenant le widget_form, liste et fiche individuelle ******************************/
#widget {
 width:100%;
 }
 
 #craft_panier {
 display:none;
 }
 
/**********************************************************************************************************/
/**************************************** formulaire de recherche *****************************************/
/**********************************************************************************************************/

body {
 font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
 font-size:12px;
 }
 
#widget_form
{
		width:70%;
} 
  
#widget_form > div {
	 width:100%;
	 /*border:dotted gray thin;*/
	 margin-top: 4px;
	 padding-top:0.3%;
	 padding-bottom:0.3%;
	 line-height:20px;
 }
 
 #widget_form > div > div.prefg {
	 margin:0px;	 
	 width:100%;
	 overflow: hidden;
	 display:flex;
	 color:#3E629C;
	 font-size:14px;
	 font-weight: 600;
	 justify-content: flex-start;
	 
 }
  #widget_form > div > div.perfd {
	 margin:0px 0px 0px 0px;	 
	 /*border:dotted green thin ;*/
	 display:flex;
	 justify-content:flex-start;
	 max-width:300px;
	 width:100%;
 }

 #carte_affiche {
 display:none;
 }
 
 #widget_form select,
 #widget_form input{
color:#3E629C;
padding-left: 10px;
background-color: #ffffff !important;
border-width: 0 1px 1px 0;
border-color: #3E629C;
width:100%;
height:30px;
line-height:20px;
margin-bottom:10px;
font-size:12px;
padding: 1px 2px;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1); 


}
.btn {
    vertical-align: middle;
    cursor: pointer;
	font-size:12px;
	text-align:center;
}

#widget_btn_recherche,
.widget_btn_recherche,
.btn.btn-success 
{
    position: relative;
	display: inline-block;
	font-weight: 400;
	color: #fff;    	
	overflow: hidden;
	
    padding: 11px 20px;
	line-height:1.2em;	
    margin-bottom: 1%;    
    margin-right: 7px;
    
	background-image: none; 
    background-repeat: repeat-x;
    background-color: #3E629C;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    
	border: 0;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);        
}

i {
font-size:12px;
color:#000;
font-weight:italic;
line-height:20px;
display:inherit;
text-align:left;
}
/************************************** *************** ****************************************************/
/************************************** WIDGET RESULTAT ****************************************************/
/************************************** *************** ****************************************************/

#widget_resultat {
	width:100%;	
}
/* nombre de résultats */
#widget_resultat > h4 {
	font-size:170%;
	color:#3E629C;
	width: 30%;
	margin-left:30%;
	text-align:center;
}
/* bloc principal d'affichage d'une fiche */
#widget_resultat div.craft_liste div.fiche  {
	text-align:center;
    width: 31% !important;
	height: 360px !important;
	overflow:hidden;
    float: left;
    border: none !important;
    margin: 0% 1% 2% 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 5px 3px 14px 2px rgba(0,0,0,0.5);    
   
}
/* le bloc interieur au précédent contenant tous les 2 autres : */
#widget_resultat div.craft_liste div.fiche > a + div {
	text-align:center;
	padding:5px;
	height:100%;
}

/* le bloc contenant le nom de la structure */
#widget_resultat div.craft_liste div.fiche > a + div > div:first-child {			
	height:28%;
	overflow:hidden;
}

/* le h3 du nom de la structure */
#widget_resultat div.craft_liste div.fiche > a + div > div:first-child > h3 {
font-size:150%;
font-weight: 700;
/*text-align: center;*/
color:#3E629C;
line-height:20px;
overflow-y:auto;
overflow-x:hidden;
max-height:65%;
}


/* le bloc contenant description, logo et bouton voir la fiche */
#widget_resultat div.craft_liste div.fiche > a + div > div + div  {
	position:relative;
	height: 75%;
	display:flex;
	flex-direction:row-reverse;
	flex-wrap:wrap-reverse;
	margin-top:5%
}
/* le sous bloc du précédent contenant description */
#widget_resultat div.craft_liste div.fiche > a + div > div + div  > div:first-child {
	top:0px;
	height:75%;
	width:100%;
	margin-top:5%;
}

/* la description de l'entite */
#widget_resultat .craft_liste div.fiche > div > div + div > div > div.WIDGET_TEXT,
#widget_resultat .craft_liste div.fiche div.WIDGET_TEXT,
#champ_widget_3315
 {
    text-align: center;    
	font-size:14px; 
    width: 90%;	
	max-height:100px;
    margin-top: 5%;
	overflow-y:auto; 
    margin-left: 5%;    
    background:#fff ; 
	color:#3E629C;
	padding:2%;
}



/* le sous-bloc du précédent contenant  logo et le bouton voir la fiche */
#widget_resultat div.craft_liste div.fiche > a + div > div + div  > div + div  {
	top:60%;
	height:30%;	
	width:100%;	
	text-align:center !important; 
}

#widget_resultat div.craft_liste div.fiche > a + div > div + div  > div + div  > img { 
    min-height: 50px; 
	min-width:100px;
	max-width:150px;
	max-height:100px;
}

#widget_resultat .craft_liste div.fiche  a.btn.btn-success,
#widget_resultat .craft_liste div.fiche  a.btn,
#widget_resultat .craft_liste div.fiche  a.btn-success
 {
    text-decoration:none;
	text-align: center;
	height:40px;
	vertical-align:middle;
    border: 0;
    background-image: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    background-repeat: repeat-x;
    background-color: #3E629C;;
    color: #fff;    
    position: absolute;
    top: 75%;
    left: 0px;
    font-size: 12px;
}

#widget_resultat .btn:hover, 
#widget_resultat .craft_liste div.fiche  a.btn.btn-success:hover,
#widget_resultat a.btn.btn-success:hover,
#widget_resultat a.btn-success:hover,
#widget_resultat div.craft_fiche a.btn.btn-success:hover
 {
 background-color: #fff;
    color: #3E629C;
	border: solid #3E629C thin;
}

#widget_resultat .craft_liste div.fiche div div h3 img {
display:none;
}

 
/**********************************************************************************************************/
/**************************************** fiche individuelle **********************************************/
/**********************************************************************************************************/
div.craft_fiche > div + div
{ 
	border: dotted #3E629C thin; 
	margin-left:5%;
	margin-right:5%;
	max-width:90%;
} 

/* bloc comprenant le nom et le logo */

div.craft_fiche > div + div > div  > div {
	padding-bottom:5%;
}
/* le nom de la structure */
div.craft_fiche > div + div > div > div  > h3 
{
	text-align:center;
    color: #3E629C; 
    font-size: 200%;
    font-weight:bold;
}

/* logo dans la fiche indiv */
div.craft_fiche >  div + div > div > div > img.image_widget_icone {
	max-height: 100px;
	max-width: 150px;
	position: absolute;
}

/* bouton retout au résultat dans la fiche indiv */
#widget_resultat > div.craft_fiche > div > a.btn.btn-success {
	text-decoration:none;
    margin-right:5%;
	margin-bottom:10px;    
    border: 0;
    background-image: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    background-repeat: repeat-x;
    background-color: #3E629C;
    color: #fff;        
    font-size: 12px;    
}

/* les libellés des champs */
div.craft_fiche .selection_champ.with-tip {
	font-weight:800 ;
	color: #3E629C;
	font-size:14px;
	display:block;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

div.craft_fiche .selection_champ.with-tip:hover {
	border: dashed;    
    color: #fff;
	background-color:#3E629C;
    padding: 3px;
	cursor:pointer;	
}

#champ_widget_3323, #champ_widget_3324, #champ_widget_3457, #champ_widget_3325 {
margin-bottom:3%;
}

#champ_widget_3319, #champ_widget_3322{
margin-bottom:3%;
}
*/

/* l information "cliquez sur les libelles des champs pour modifier les valeurs" */
div.craft_fiche  > div + div > div + div + div + div + div + div  {
	text-align:center;
	font-size:120%;
	padding-bottom : 0px !important;
}
div.craft_fiche  > div + div > div + div + div + div + div + div i {
	font-weight:800 ;
	color: #3E629C;
}

.col-md-12 {
background-color:#bddaf9 !important;
font-size:12px;
line-height:20px;
text-decoration:none;
}

.form{
display:flex;
flex-direction:column;
flex-wrap:wrap;
max-width:60%;
word-wrap:break-word;

}

.btn.btn-danger, .btn.btn-danger :hover {
  background-color:#3e629C !important;
  color:#fff !important;
  font-weight:normal !important;
}


.btn.btn-primary {
  background-color:#3e629C;
  color:#fff;
}

a{
text-decoration:none;
}

a.button {
  color: #3E629C !important;
  background-color:#e6e6e6 !important;
  font-weight:normal !important;
}

font{
color:green !important;
}

.button.red {
background-color:#3e629C !important;
  color:#fff !important;
}

.btn {
color:#3E629C;
background-color:#e6e6e6;
}

.btn, .button, .button.red, .btn.btn-danger
{
  text-decoration : none;
  display: inline-block;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  text-align: left !important;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
          border-radius: 5px;
  text-shadow:none !important;
  background-image: none !important;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active
{
  color: #3E629C;
  background-color: #e6e6e6;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.btn:hover,
.btn:focus {
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #fff;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


#craft_panier{
background-color : #bddaf9 !important;
}

h2 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.table{
width:85%;
}

#widget_nom_demande {
max-width : 200px;
margin-left:49px;
}
#widget_email_demande{
max-width : 200px;
margin-left:42px;
}
#widget_tel_demande{
max-width:200px;
margin-left:14px;
}