/*
Theme Name: calculatrice_carden
Author: Etienne Laurent
Version: 1.0.0
*/
@charset "UTF-8";
/* CSS Document */

/*Propriété de la calculatrice*/
#calculatrice-carden {
  max-width: 1370px;
  margin: auto;
  padding: 0 90px;
  position: relative;
  text-align:center;
  /*  Durée des transitions de style*/
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }


/*Affichage des boutons de choix de catégorie*/
/*Affichage des boutons de catégories*/
#calculatrice-carden .carden-categories label {position:relative;display:inline-block;vertical-align:middle;width:22%;height:60px;line-height:60px;margin-left:4%;background: #fff;border:1px solid #fff;color:#0e7162;font-weight:normal;text-align:center;cursor:pointer;font-weight: bold;}
/*Alignement en haut à gauche du bouton restauration*/
#calculatrice-carden .carden-categories label.choice_0 {margin-left:0;}
/*Couleur du bouton sélectionné*/
#calculatrice-carden .carden-categories label.active {background:#0e7162;color:#fff;}
/*Masquage des boutons radio*/
#calculatrice-carden .carden-categories input {display:none;}


/*Affichage des bordures entre les boutons de choix de catégorie et les champs inputs*/
/*Bordure verticale des boutons*/
#calculatrice-carden .carden-categories .inputs-border {display:none;position:absolute;z-index:0;top:100%;left:50%;width:1px;height:30px;border-left: 2px solid #0e7162;}
/*Affichage de la bordure verticale du bouton sélectionné*/
#calculatrice-carden .carden-categories label.active .inputs-border {display:block;}
/*Positionnement en hauteur de la bordure verticale*/
#calculatrice-carden .carden-categories label {margin-bottom:10px;}
/*Bordure de l'ensemble des inputs*/
#calculatrice-carden .carden-inputs .inputs-border {margin-top:20px;display:block;z-index:0;top:0;width:100%;height:30px;border: 2px solid #0e7162;border-bottom:0;}


/*Affichage des champs inputs*/
#calculatrice-carden .carden-inputs {text-align:center;}
/*Affichage général des div de carden-inputs (bordure et champs de saisie)*/
#calculatrice-carden .carden-inputs > div {display:none;position:relative;}
/*Alignement des champs inputs sur une ligne*/
#calculatrice-carden .carden-input {display:inline-block;}
/*Positionnement des champs restauration*/
#calculatrice-carden #inputs_etablissement_0 .carden-input {width:33%;}


/*Affichage d'un champ input*/
#calculatrice-carden .carden-inputs input {padding:6px;width:135px;height:auto;text-align:center;color:#000;}
/*Affichage du label d'un champ input*/
#calculatrice-carden .carden-inputs label {display:block;margin-bottom:10px;font-weight:normal;}
/*Affichage de l'image d'un champ input*/
#calculatrice-carden .carden-inputs label i {display:block;margin:0 auto 10px auto;}


/* Affichage des résultat */
#simulation-biodechets {
  max-width: 1370px;
  margin: auto;
  padding: 0 90px;
}
/*Positionnement de la section résultat*/
#simulation-biodechets {padding:25px 0;text-align:center;display:none;}
/*Titre du résultat*/
#simulation-biodechets h1 {margin:0 0 18px 0;font-size:1.8em !important;color:#000;}
#simulation-biodechets h2 {margin:0 0 18px 0;font-size:1.4em !important;color:#000;}
/*Alignement des projections sur une ligne et positionnement*/
#simulation-biodechets .projection {display:inline-block;width:33%;}
/*Affichage de l'image des projections*/
#simulation-biodechets label i {display:block;margin:0 auto 10px auto;}