body {font-family: 'Poppins', sans-serif;}  
header {display:none}  
h3 {margin-top:0px}
:not([class*="emaildemandeur"])::first-letter { text-transform:capitalize}
:not([class*="emailsecretariat"])::first-letter { text-transform:capitalize}
.emaildemandeur, .emailsecretariat { text-transform:lowercase; color:#555;
    border-radius: 4px;
    height: 34px;
	width:100%;	
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.emaildemandeur::placeholder, .emailsecretariat::placeholder {
  text-transform: capitalize;
  color:#999
} 
.container { margin-top: 20px;}
img { max-width:unset !important;} /*prévision d'install sur wordpress*/			
.form-group label {margin-bottom: 5px;}
.bgcolor { background-color:rgb(142, 194, 46)}
.bgcolorlight { background-color:#b1e454}
.bgcolorlight2 { background-color: lightgreen;}
.colortext { color:white}
.padinside { padding:15px;}
select { line-height : 24px; width:100%; color:gray}
.glyphicon {padding-left:8px}
button .btn {font-size:18px; font-weight:bold}
.border2 {border:2px dashed white } 
#bandeau {background-color:lightgray; margin-bottom:25px}  
#entitedemande {background-color:#43b671; margin-bottom:25px; padding-bottom:0px;-webkit-box-shadow: 7px 7px 5px 0px rgba(237,234,237,1);
-moz-box-shadow: 7px 7px 5px 0px rgba(237,234,237,1);
box-shadow: 7px 7px 5px 0px rgba(237,234,237,1);}
#razbutton { opacity:0.6}
#razbutton_resp { display:none}
#divprisencharge, #divdestination { margin-bottom:25px;}
.ecritureenfant {font-family: 'Sacramento', cursive;font-size:35px;}
.titre_bloc {font-family: 'Sacramento', cursive;}
h3.titre_bloc {font-size:35px;text-align:center;}
.glyph-pec {color:gray}	
.colortexte_demandeur {color:#43b671}
.colortexte_commun {color:silver}
.bg_unenfant {background-color:#ffb5a0} .colortexte_unenfant {color:#ffb5a0}
.bg_deuxenfants {background-color:#98a0f9}.colortexte_deuxenfants {color:#98a0f9}
.bg_troisenfants {background-color:#ffc04e}.colortexte_troisenfants {color:#ffc04e}
.bouton_memelieu {width:100%}	
.tooltip-inner {background-color: orange !important;}
.tooltip .tooltip-arrow {border-top: 8px solid orange !important;}
.texte90deg {			
-webkit-transform: rotate(-45deg);			
-moz-transform: rotate(-45deg);			
-ms-transform: rotate(-45deg);			
-o-transform: rotate(-45deg);			
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}		
.etiquette_enfant {font-size:21px; margin-top:100px}
.glyph-pec, .glyph-dest {display:none}
#bloc_boutons {margin-top:25px}
input[type="radio"] {display:none;}			
#unenfant { border-top-left-radius: 25px;border-top-right-radius: 20px;}
.radius4px { border-radius: 4px;}
#boutonErgo3emeEnfant { font-weight:bold; margin-top:25px}
#closedeux {position:absolute;bottom:0px;left:5%;font-size:28px;border:1px solid red;
border-radius:50%;padding:4px 15px;color:white;cursor:pointer}			
#closetrois {position:absolute;bottom:0px;left:5%;font-size:28px;border:1px solid red;
border-radius:50%;padding:4px 15px;color:white;cursor:pointer}
.inner-outline {outline: 1px dashed white;outline-offset: -8px;}	
#_message {float:left; text-align:center; font-size:11px; margin-bottom:15px}
._champ_erreur2  { background-color:tomato}
._champ_erreur2::before { content: "!";  position: relative; top: 10px; padding:0px 4px; background-color:tomato;color:white; font-size:9px; border-radius:50%; border:1px solid tomato}
.texte_rouge {color:red} .texte_vert {color:green} .texte_orange {color:orange}
input[type=number].nospinner::-webkit-inner-spin-button, 
input[type=number].nospinner::-webkit-outer-spin-button {
	 -webkit-appearance: none;}			
.flash { animation: animationFrames 0.6s;}        
@keyframes animationFrames{ 0% { background-color: blue; } 30% { background-color: orange; }
  45% { background-color: purple; } 100% { background-color: transparent;}		}
.flash-lent { animation: animationFrames 1.8s;}        
@keyframes animationFrames{ 0% { background-color: blue; } 30% { background-color: orange; }
  45% { background-color: purple; } 100% { background-color: transparent;}		}
.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	display:none;
	animation: spin 2s linear infinite;
}

#bloc_code_activation {margin-bottom:20px; width:33%; font-style:italic}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}			  
.datepickerenfant { width:85%; text-align:center}

#bloccoorddemandeur { margin-top:20px; border-right:1px solid white}
#logo_demandeur, #logo_ajoutdoc { font-size:36px}

/* pour les choix select (A pieds, en voiture...)*/
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:bold}.multiselect-container>li>label.multiselect-group{margin:0;padding:3px 20px 3px 10px;height:100%;font-weight:bold;}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:normal}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type="checkbox"]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}

.blocmoyendedeplacement {background-color: transparent; padding:15px}
.blocmoyendedeplacement label{ margin-top: 5px;}

.blocautremoyendedeplacement { float:left; display:none; width:100%; margin-top: 5px;}

#blocdatesheuresenfant_1{background-color: transparent; padding:15px}

[id*='autremoyendedeplacementpourenfant']::first-letter { text-transform:capitalize !important}

.horloge {
    text-align: center;
    width: 80px;
}

#boutonmodalinfocopiees {display:none}
#modalinfocopiees {text-align:center; text-transform: uppercase; font-weight:bold}

#boutonmodalreinitform {display:none}
#modalreinitform {text-align:center; text-transform: uppercase; font-weight:bold}

#boutonmodalinverseadresse {display:none}
#modalinverseadresse {text-align:center; text-transform: uppercase; font-weight:bold}

.mask_telephone {text-align:center; font-size:12px; padding:6px 3px}

.blocinfotelsadulterefrent { text-align: center; font-size: 20px; opacity: 0.7;}

#iframe_docs_a_envoyer {width:100%; height:100px; border:0}
#parent_liste_doc_pret_a_envoyer { color:black}
#bloc_ajoutdoc {background-color: rgba(141,141,141,.1); margin-top:20px;}

#commentaireenfant_un { height:100px }
#commentaireenfant_deux,#commentaireenfant_trois { height:60px }

.bouton-recopier-datesetheures { color:black; background-color:#fbfb33}

/*[id*="email"]:first-letter { text-transform:none !important}*/

 .datepicker table tr td.active {
  background: brown !important; color:white !important
}
.datepicker table tr td.today, .datepicker table tr td.today:hover{
  background: peachpuff !important;
}

#bloc_bouton_inverse_pec_dest { margin-bottom:-15px; z-index:800; font-size:10px}
#bloc_bouton_inverse_pec_dest  button{ background-color:floralwhite; border-radius:15px}
#bloc_bouton_inverse_pec_dest  .glyphicon{ padding-right:8px; font-size:11px}

.form-control-chrome-android {display:inline-block} /* enleve le display:block pour Chrome ou Android car décalage de position de curseur ??!! ex: 123456 1A23, alors que le A tapé devrait etre entre le 2 et le 3 ???  */

/* CSS RESPONSIVE : */
@media only screen and (max-width: 992px) {
	.pull-right, .pull-left {text-align:center; float:none !important}		
	#razbutton { margin-top:10px}
	#bloc_code_activation {width:100%}
}	
@media only screen and (max-width: 767px) {
	#razbutton { display:none}
	#razbutton_resp { display:block; margin:15px 0px;} 		
	.glyph-pec, .glyph-dest {display:none}
	.titre_bloc {text-align:center}
	.pull-right {text-align:center; float:none !important}
	#divdegauche { padding-right:0px}
	#divdedroite { padding-left:0px}
	#coordonnees {clear:both}
	#titreprincipal { text-align:center;font-size: 25px;}		
	#groupeenfants { padding:0; margin-bottom:25px; text-align:center;}		
	#form_wrap_general, #groupe_unenfant, #groupe_deuxenfants, #groupe_troisenfants { padding:0;}		
	.etiquette_enfant {margin-top:10px}
	.bouton_memelieu { display:none }
	.radio-inline+.radio-inline { margin-left:0px }
	#unenfantcoche {padding:0px 15px}
	.datepickerenfant { width:60%; margin: 15px 0px;}
	#datepicker {display:block; margin:0 auto; margin-bottom:5px}
	.bouton-ajout-recurrences {width:100%}
}