/* FORMULAIRES */

/*.si_ens_anim {float: left; width: 60%; padding: 0.5em}
.si_ens_anim {width: 40%;}*/
/*h4 {white-space: nowrap;}*/

/* Zone textes */
 input, textarea {
border-radius: 5px;	
background-color: #E8F1F8;
}

button {
    font-weight:normal;
    color:#0C6D9E;
	border-radius: 10px;
    background-image: url(https://test.lairetmoi.org/files/lairetmoi/icon/abeille.png), linear-gradient(101deg, #E8F1F8, #E8F1F8); background-repeat: no-repeat ;background-position: right; background-size: auto ; 
    border-radius: 7px ;  
    box-shadow: 0 1px 2px #777; 
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top:0.21em;
    padding-bottom:0.2em;
    padding-left:0.4em;
    padding-right:0.4em;
    animation: 5s infinite;
    width: 200px;
    height: 35px;
}

button:hover {
    font-weight:normal;
    text-decoration:none;
    color: #0C6D9E;
    cursor: pointer;
    margin: 4px;
    border: none;
    border-radius: 10px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


/* Bug IE8 */
.ie8 #ctrl_7 legend, .ie8 #ctrl_39 legend {color: #fff !important;}
.ie8 #footer {height: 120px}

.ie8 #ctrl_password, .ie8 #ctrl_password_confirm, .ie8 #password {font-family: Arial;}

select {
margin-bottom: 1em;
border-radius: 5px;
}

/* connexion */
#f_connexion {width: 450px}
#username, #ctrl_email, #ctrl_9 {width: 250px}
#f_connexion label  {width: 125px; display: inline-block}
#f_connexion .captcha_text {display: block; margin-bottom: 0.8em; margin-top:0}
/* Registration */

#tl_registration input {width:250px}
#tl_registration select {width:257px}
.el_etape2 {border: 1px solid green; background-color: #9AEA9A}
/*window.addEvent('domready', function() {$('f_connexion').toggle();});*/

/* Questionnaires 1 minute / avis enseignant / avis eleves */
span.mandatory {padding: 0 0.2em}
.questionnaire_enseignant h4 {font-size: 1.2em; color: #FF6666}
.radio_container legend {margin-bottom: 0em}
.a4_qe span { float: left; width: 50%}
.a4_qe span.mandatory {display: inline;float: none !important; width:auto;}
.questionnaire_enseignant fieldset {border-radius: 5px; border: 1px solid #aaa; padding: 0.2em; background-color: #ddd; margin-bottom: 0.8em}
.questionnaire_enseignant fieldset legend {background-color: #fff;border: 1px solid #aaa; padding: 0.2em;margin-bottom: 0.5em}
.questionnaire_enseignant fieldset legend {background-color: #fff;border: 1px solid #aaa; padding: 0.2em;margin-bottom: 0.5em}
.questionnaire_enseignant fieldset.gender_f7, .questionnaire_enseignant fieldset.gender_f7 legend  {background-color: transparent; border: none}
.questionnaire_enseignant fieldset.gender_f7 legend  {display: inline-block}
#q_avis_enfants  .input_resultat {width: 45px; display: inline; height: 20px}
#q_avis_enfants label.input_resultat { margin:0}
#q_avis_enfants br {display: none}
#q_avis_enfants input.input_resultat  {margin-right: 0.3em}
.avis_videos label {font-size: 0.85em}
/*[for=ctrl_67], [for=ctrl_116] {display: none}*/
label.lastname_f7, label.firstname_f7, label.date_animation_f7, label.etablissement_f7, label.autre_type_lieu_f7,label.autre_type_animateur_f7, label.postal_f7, label.city_f7,[for=ctrl_109],[for=ctrl_128],[for=ctrl_159], label.etablissement_adresse_f7, label.module_f7, label.classe_autre_f7, label.text classe_autre_f7, label.nombre_eleves_f7, label.email_f7, label.intervenant_exterieur_f7, label.educateur_f7  {display: inline-block; width: 30%}
[name=lastname],[name=firstname],[name=etablissement],[name=city], [name=etablissement_adresse],[name=autre_type_lieu],[name=autre_type_animateur], [name=email], [name=structure_inervenant_1], [name=nom_prenom_intervenant_1], [name=structure_inervenant_2],[name=nom_prenom_enseignant],[name=tel_enseignant],[name=mail_enseignant]  {width: 45%}
select[name=city] {margin-left: 5px}
textarea.commentaire_f7{width: 98%}
.commentaire_f7 {margin-bottom: 0.5em; display: inline-block;}
.CalendarFieldIcon {
/*float: right;
margin-right: 41%;*/
position: absolute;
}

.widget-checkbox span {display: inline-block}

/* Bug IE8 */
.ie8 input[type=radio], .ie8 input[type=checkbox] {border: none}


/* comments */
.ce_comments .comment_default{border-radius: 2px; border: 3px dashed #66CCCC; margin-bottom: 0.8em; background-color: #E4F1FB; padding: 0.5em; }
.ce_comments .info {background-color: #fff; padding: 0 0.5em; border-radius: 5px; border: 1px solid #aaa}
.ce_comments .comment {padding: 0 0.5em;}

.ce_comments .comment_default.odd {border-color: #FF9933; background-color:#FDF1B3}
.comment_default.last {margin-bottom: 2em}


/* 2 minutes Limesurvey */
.container_iframe {position: relative; min-height:1590px}
.limesurvey {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1590px !important; 
min-height: 1590px !important;
border: 0;
}


.text.mandatory {
margin-left: 25px;	
}



/* 2 minutes Limesurvey Responsive */



@media only screen and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2){ {
.container_iframe {position: relative; min-height:7800px}
.limesurvey {
width: 100%;
height: 7800px !important; 
min-height: 7800px !important;
}
}

@media screen and (max-height: 1050px) {
.container_iframe {position: relative; min-height:1590px}
.limesurvey {
width: 100%;
height: 1590px !important; 
min-height: 1590px !important;
}
}


@media  screen and (max-width: 1440px){
.container_iframe {position: relative; min-height:2220px}
.limesurvey {
width: 100%;
height: 2220px !important; 
min-height: 2220px !important;
}
}



/* NOM MAJ */
#ctrl_1.text.mandatory {
text-transform: uppercase;
}

#ctrl_2.text.mandatory {
margin-left: 4px;
}

#ctrl_3.text.mandatory {
margin-left: 20px;
}