/* formulaires Alterre */

/************* ALERTES **********************/
.alerte {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: bold;
	}
.alerte span {
	background-color:#7e7513;
	color: #FFFFFF;
	max-width: 66%;
	padding: 7px 12px;
	display: inline-block;
	text-shadow: 2px 2px 4px rgba(76,70,5, 0.4);
	}
	
form p {
	overflow: hidden;
	width: 100%;
}/*
#colonne2 form p {
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
}
form table p { width: auto; }*/
#textfield, input[type="text"], input[type="password"], textarea{
	background-color:transparent;
	border:none;
	border-bottom:1px solid #569bd2;
	display: inline;
	font-size: 17px;
	color: #005da8;
	width: 76%;
	vertical-align: middle;
	margin: 0px;
	padding: 4px 1%;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
	outline: none;
	background-color: rgba(255,255,255,0.47);
	color: #002c50;
}
input[type="submit"], input[type="button"] {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #005da8;
	padding: 10px;
	margin:0;
	text-align: center;
	border: none;
	font-size: 15px;
	text-shadow: 2px 2px 4px rgba(0, 23, 43, 0.42);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #00325a;
	cursor:  pointer;
}
textarea { height: 200px; }/*
input[type="radio"], input[type="checkbox"] {
	width: 15px;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 0px;
}/*
input[type="hidden"] {
	display: none;
	visibility: hidden;
}
input[type="text"].moyen { width: 60%; }
input[type="text"].court { width: 120px; }
input[type="text"].trescourt { width: 40px; }
input[type="password"].court { width: 120px; }
input[type="password"].trescourt { width: 40px; }
*/
select { max-width:72%; 
background-repeat:repeat;
}
#colonne2 select { max-width:none;
width:100%;
 }

/************* LABEL **********************/
label {
	float:left;
	width:20%;
	margin-right:3%;
	text-align:right;
	font-weight:bold;
	color: #43678a;
	clear: both;
	padding-top: 2px;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: normal;
  }/*
#colonne2 label {
	font-size: 11px;
	width:20%; 
	}	
.post_label {
	margin-left: 18%;
	display: block;
}

/************* ABECEDAIRE *****************/
#abecedaire {
	font-size: 12px;
	font-weight: bold;
	color: #253646;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	text-transform: uppercase;
	line-height:30px;
height: 36px;
}
#abecedaire a, #abecedaire a:visited {
	line-height:normal;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	color: #0070CF;
	text-decoration: none;
	font-weight: bold;
	background-color: #e5f2ff;
	padding: 4px 6px;
	margin-right: 1px;
	margin-left: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#abecedaire a:hover { background-color: #FFFFFF;
	color: #003f75; 
	margin-top:6px;
	}
#abecedaire  .page_en_cours {
	display:inline-block;
	padding: 3px 7px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #FFF;
	color: #003f75;
	font-size:15px;
}

/************* FORMULAIRE DE CONTACT *****************/
#id_f_captcha {
	width: 30%;
	font-size: 20px;
}
.AFC_captcha_img {
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 20px;
}
#bouton_valider {
	text-align: center;
}
.ArkoFormTitre {
	font-size: 15px;
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: left;
}
.ArkoFormChamp  { margin-bottom: 12px; }

/************* BOUTON **********************/
.bouton {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 500;
	clear:both;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 17px;
	text-transform:lowercase;
}
.bouton a:link, .bouton a:visited       {
	color: #FFFFFF;
	background-color: #005da8;
	margin-right: 2px;
	margin-left: 2px;
	padding: 6px 8px;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;
	transition-property: background-color;
	transition-duration: 0.4s;
	display:inline-block;
}
.bouton a:hover    {
	background-color: #0070CF;
	text-decoration: none;
}

/************* FACETTES **********************/
body.facettes #contenu_central {padding:0;}
body.facettes .titre_page {position:inherit;
background-color: rgba(223, 49, 102, 0.90);
}

.nombre_facettes {margin-top: 15px;
margin-bottom: 25px;
}
.nombre_facettes strong {
font-size: 23px;
color: #253646;
	}
/*
.facette_resultats.liste li {margin-bottom:8px;}*//*
.tableau_facettes {text-align:left;}
.tableau_facettes td {padding:7px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
	}
.tableau_facettes tr:nth-child(even) { background-color : #f7fafc; }
.tableau_facettes tr:hover > td { background-color: #e3efff;}
.tableau_facettes h4 {margin:0;}

/************* FACETTES MODES PRESENTATION **********************/
#facettes_mode_presentation, #macaron_filtres, #macaron_facettes {padding: 5%;
background-color:#FFFFFF;
margin-bottom:10px;
}
#facettes_mode_presentation h3, #macaron_facettes h3, #macaron_filtres h3 {
	font-size:18px!important;
	color:#6c9ed0;
	margin-bottom: 10px;
	margin-top: 0px;
	}
#facettes_mode_presentation ul {
	padding: 0px;
	margin: 0px;
	}
#facettes_mode_presentation li {
	float:left;
	display:inline-block;
	padding: 0px;
	margin:0;
	margin-right:1%;
	margin-left:1%;
	width:31%;
	list-style-type:none;
	list-style-image: none;
	height:70px;
	background-color:#a9d2fc;
	background-position:center 15px;
	}
#facettes_mode_presentation.deux_modes_facettes li {width:48%;}
#facettes_mode_presentation li a {
	background-color: #6c9ed0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display:block;
	height:70px;
	background-position:center 13px;
	}
#facettes_mode_presentation li a:hover {background-color: #005da8;
text-decoration:none;}
#facettes_mode_presentation .mosaique, #facettes_mode_presentation .mosaique a {background-image:url(../images/icones/facettes_mosaique.gif);}
#facettes_mode_presentation .tableau, #facettes_mode_presentation .tableau a {background-image:url(../images/icones/facettes_tableau.gif);}
#facettes_mode_presentation .liste, #facettes_mode_presentation .liste a {background-image:url(../images/icones/facettes_liste.gif);}
#facettes_mode_presentation li span {
	display:block;
	color:#FFF;
	text-align:center;
	padding-top:51px;
	text-transform:uppercase;
	font-size:11px;
}

/************* FACETTES LOADING **********************/
body.facettes_loading .icone_chargement {display:block;}
.icone_chargement {
	display:none;
	background-image:url(../images/icones/chargement_en_cours.svg);
	background-position:center center;
	width:300px;
	height:300px;
	position:fixed;
	z-index:999;
	left:40%;
	top:30%;
	pointer-events: none;
	opacity:0;
 animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
    animation-name: loading_facettes;
	-webkit-animation-name: loading_facettes;
   animation-timing-function: ease-in;
   -webkit-animation-timing-function: ease-in; 
}
  @keyframes loading_facettes {
    from {opacity:0;}
    to {opacity:1;}
  }
  @-webkit-keyframes loading_facettes {
     from {opacity:0;}
    to {opacity:1;}
}

/************* FACETTES ACTIVES **********************/
#macaron_facettes {background-color: #f2d2dc;
color:#62001e;
}
#macaron_facettes h3 {color:#bc8a9a;}
#macaron_facettes p {margin-left:30px;
margin-right: 0;
margin-bottom:10px;
}
.intitule_filtre {padding-top:2px;
display:inline-block;}
#macaron_facettes .supprimer_petit {margin-left:-30px;
float:left;
}
.reset_facettes {
	margin-top:12px;
	display:block;
padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	font-size: 16px;
	text-transform:lowercase;
	font-weight:bold;
	color: #FFFFFF!important;
	background-color: #cb1950;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.reset_facettes:hover {
	background-color: #92002c;
text-decoration:none;
}

/************* FACETTES BOUTON SUPPRIMER **********************/
.supprimer_petit {
	margin-right: 8px;
	display: inline-block;
	vertical-align: middle;
height: 20px;
	width: 20px;
	border-radius: 12px;
	background-position: center center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	overflow: hidden;
	background-position: center center;
	background-color: #de1a62;
	background-image: url(../images/icones/supprimer.svg);
	background-size:12px;
}
.supprimer_petit:hover {
	background-color: #af0040;
	text-decoration: none;
}
.supprimer_petit span { visibility: hidden; }

/************* FACETTES FILTRES **********************/
#macaron_filtres h4 {
	margin-bottom:5px;
margin-top: 20px;
font-size: 15px;
}
#macaron_filtres h4:first-of-type {margin-top:5px;}
#macaron_filtres li {margin-bottom: 4px;}
.facette_input_search {
padding:7px 0!important;
font-size: 15px!important;
}
#macaron_filtres .facette_button_search {
	padding: 7px!important;
font-size: 14px;
float:right;
}
.conteneur_slider {text-align:center;
display: block;
}
#colonne2 #macaron_filtres .input_saisie_slider {
	width:36%;
margin-top:15px;
font-size: 13px;
margin-right:5px;
text-align:center;
}
.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {background-image: url(../images/interface/facettes_slider.png)!important;}
.conteneur_slider input[type="button"] {
	margin-top:15px;
	padding:5px 4px;
	font-size: 12px;
	vertical-align: middle;
}
.conteneur_slider .irs {margin-top: -15px;}

/************* RESULTAT MOSAIQUE **********************/
.resultat_mosaique {
	width: 25%;
	display: inline-block;
	padding-right: 4%;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 5px;
	text-align:left;
	}
.facette_imagette {
	background-color:#df3166;
	display: inline-block;
	}
.facette_resultats .facette_imagette img {
	max-width: 134px;
	max-height:190px;
}
@media only screen and (min-width : 1300px) {.facette_resultats .facette_imagette img {max-width: 160px;}}
.resultat_mosaique h3 {font-size:14px;
margin-top: 13px;
}
.resultat_mosaique h4 {font-size:12px;
margin:0;
margin-bottom: 3px;
font-weight:normal;
text-align:left;}

.tableau_facettes h4 {font-size: 15px;}

/************* DETAIL FACETTE **********************/
#fiche_detaillee.facettes .champ_formulaire {display:inline;}
#fiche_detaillee.facettes #central {float:none;
width:100%;
}
#fiche_detaillee.facettes #abecedaire {margin-bottom:20px;}

.colonne_droite_facette_detail {
	display:inline-block;
	float:right;
	width: 30%;
	margin-left: 4%;
}
.colonne_droite_facette_detail_interieur {
	font-size: 13px;
color: #4a698a;
background-color: #eaf2fa;
padding: 20px 6%;
margin-bottom:15px;
}
.colonne_droite_facette_detail ul {margin-bottom:20px;}
.colonne_droite_facette_detail p, #macaron_facette_detail_fichier p {
	text-align:left;
	font-size:13px;
	line-height:normal;	
}
.colonne_droite_facette_detail h6 {text-align:left;}
.colonne_droite_facette_detail .facette_detail_motcle {
    display: list-item;
    margin-bottom: 4px;
	text-align:left;
}

.colonne_droite_facette_detail .virgule {display: none;}

#macaron_facette_detail_fichier {
	display: inline-block;
	float: right;
	clear: right;
	width: 30%;
	margin-left: 4%;
margin-bottom: 15px;
	background-color: rgba(255,169,195,0.26);
	padding: 20px 2%;
}

.colonne_gauche_facette_detail {
	display:inline-block;
	float:left;
	width: 66%;
	margin-bottom:30px;
}

body.sidde #facettes_conteneur_detail {margin-left:10%;}
body.mediatheque #facettes_conteneur_detail {margin:0 5%;}
#fiche_detaillee.facettes .facette_imagette {
	float: right;
	margin-bottom: 20px;
	margin-left: 25px;
	display: inline-block;
}
#fiche_detaillee.facettes h1.titre_page {display:none;}
#fiche_detaillee.facettes h2.titre_ressource {
	margin-top: 0;
	font-size: 28px;
	color:#253646;
}

#facettes_conteneur_detail h3 {color:#df3166;
margin-top:0;
}

#facettes_conteneur_detail h4 {color: #43678a;
font-weight:normal;
}
#facettes_conteneur_detail h4 div {display:inline;}
#facettes_conteneur_detail h4 div + div {background-image:url(../images/icones/puce_blanche.svg);
background-size:10px;
background-position:0 center;
padding-left:20px;
margin-left:10px;
}
#facettes_conteneur_detail .description {margin:15px 5% 20px;}

/************* SIDDE FACETTE **********************/
body.sidde #article_haut {
	width: 115px;
height: 156px;
background-image: url(../images/macarons/personnage_sidde.png);
position: absolute;
margin-top: -50px;
margin-left: -20px;
z-index:1;
}
body.sidde.facettes #article_haut {margin-top: -50px;}
body.facettes.sidde h2.sous_titre {display:none;}
body.sidde .titre_page {background-color: #2ca181;
padding-left:100px;
margin-bottom: 20px;
}

/************* SIDDE DETAIL **********************/
#fiche_detaillee.sidde h2.titre_ressource {color: #008d67;}
.sidde #facettes_conteneur_detail h3 {color:#1b8f6f;}

/************* FACETTE AUTO COMPLETE **********************/
#macaron_filtres input[type="text"] {width: 82%;}
#macaron_filtres .facette_button_autocomplete {
	padding: 7px!important;
font-size: 14px;
float:right;
}
.auto_list {
	font-size: 13px;
	background-color : #EFF5FA;
	border-top : none;
	-webkit-box-shadow: 2px 2px 5px rgba(40,49,59,0.23);
	box-shadow: 2px 2px 5px rgba(40,49,59,0.23);
	z-index : 9999;
	text-transform:lowercase;
	max-height:1100px;
	overflow:scroll;
}
.auto_list .auto_item {
	display : block;
	color : #005da8;
	text-decoration: none;
	min-height : 20px;
	padding:4px 8px;
	text-align: left;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.auto_list .auto_item:hover {
	background-color : rgba(180,222,255,0.63);
	color: #00355f!important;
}
.auto_list .auto_item strong { color : #001221; }
.auto_list .valeur_supp {
	font-size: 12px;
	font-style: italic;
	color: #6a849e;
}