.customize-radio label > input[type = 'radio'] {
    visibility: hidden;
    position: absolute;
}


.customize-radio label > input[type = 'radio'] ~ span{
    cursor: pointer;
    width: 17px;
    height: 14px;
    display: inline-block;
    background-size: 17px 14px;
    background-repeat: no-repeat;
}
.photo-img {
    background-image: url('image/voyant_gris.png');
}

.customize-radio label > input[type = 'radio']:checked ~ span.photo-img{
     background-image: url('image/voyant_vert.png');
}

.field_set{
  border-color: #b9d8c4;
  border-style: solid;
  -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
}

.field_set_fonce{
  border-color: #5ea589;
  border-style: solid;
  -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
}



.image-upload>input {
  display: none;
  
 
}

#square {
    height: 75px;
    width: 75px;
	
	 max-width: 400px;
        overflow: hidden;
    }
	
#myDiv
	{
		  height: auto;
		  width: 150;
	}
	#myDiv img
	{
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		display: block;
	}

.titre {
	FONT-FAMILY: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	FONT-SIZE: 19px;
	line-height: 18px;
	text-align: center;
	COLOR: #95103c;
	FONT-WEIGHT: bold;
	font-style: italic;
	text-decoration: underline;


}

.texte {
	FONT-FAMILY: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	FONT-SIZE: 16px;
	line-height: 18px;
	text-align: left;
	
	
}
#cadre_menu {
	margin-left: 0px;
  margin-right: auto;
	height: 150;
	width: 480px;
	
	padding-top: 10px;
	
	padding-right: 10px;
	 
}

#map {
	margin-left: 10px;
  
	height: 300px;
	width: 300px;

}
#map_etapes {
	margin-left: 10px;
  
	height: 300px;
	width: 650px;

}


.cadre_image{
	  
   
   
  
    width: 100px; height: 100px;
	max-height:100px;
	max-width:100px;
	align-item:center;
	
	
}



.fond_texte_itineraire
{
	 height:30px;
    width:250px;
    border:1px black;
	padding-left:5px;
	padding-top:10px;
	 background:white;
	 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
}

.fond_texte_itineraire_2_ligne
{
	 height:40px;
    width:350px;
    border:1px black;
	padding-left:10px;
	 background:white;
	 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
}
.fond_texte_itineraire_rouge
{
	 height:30px;
    width:250px;
    border:1px black;
	padding-left:5px;
	padding-top:10px;
	 background: #C90D10;
	 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
}
.fond_texte_itineraire_jaune
{
	 height:30px;
    width:250px;
    border:1px black;
	padding-left:5px;
	padding-top:10px;
	 background: #D5CF1D;
	 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
}

.fond_sous_version_event
{
	 height:30px;
    width:400px;
   
	padding-left:5px;
	
	padding-top:10px;
	 background: #fbff02;
	 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		border-color: black;
		border: solid;
		border: 2px solid;
		behavior: url(PIE.htc);
}




.fond_blanc_input
{
	
	background-color: #7eb5b5;
	
background-image:url("image/fond_cartouche_1.png");
background-repeat: no-repeat;
border:none;
width: 300px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */

}
.fond_blanc_input_event
{
	
	background-color: #7eb5b5;
	
background-image:url("image/fond_cartouche_300.png");
background-repeat: no-repeat;
border:none;
width: 300px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */

}

.fond_blanc_css
{
		background-color: #FFFFFF;
	

background-repeat: no-repeat;

width: 329px; /* largeur à spécifier */
height: 50px; 
	 padding: 0px 0px;	
  text-align: center;
  outline: none;
 
		 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		border-color: black;
		border: solid;
		border: 2px solid;
		behavior: url(PIE.htc);
}

.fond_bleu_event
{
	
	 background: #01E7EB;
	 
background-repeat: no-repeat;

	 padding: 0px 0px;	
  text-align: center;
		 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		border-color: black;
		border: solid;
		border: 2px solid;
		behavior: url(PIE.htc);

width: 90px; /* largeur à spécifier */
height: 45px; /* longueur à spécifier */
}

.fond_jaune_event
{
	
	 background: #FFFF66;
	 	
background-repeat: no-repeat;

	 padding: 0px 0px;	
  text-align: center;
		 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		border-color: black;
		border: solid;
		border: 2px solid;
		behavior: url(PIE.htc);

width: 90px; /* largeur à spécifier */
height: 45px; /* longueur à spécifier */
}
.fond_vert_event
{
	 background: #99FF99;
	 	
background-repeat: no-repeat;

	 padding: 0px 0px;	
  text-align: center;
		 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		border-color: black;
		border: solid;
		border: 2px solid;
		behavior: url(PIE.htc);

width: 90px; /* largeur à spécifier */
height: 45px; /* longueur à spécifier */
}
.fond_rouge_event
{
	
	 background: #FF6666;
	  	
background-repeat: no-repeat;

	 padding: 0px 0px;	
  text-align: center;
		 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		border-color: black;
		border: solid;
		border: 2px solid;
		behavior: url(PIE.htc);

width: 90px; /* largeur à spécifier */
height: 45px; /* longueur à spécifier */
}


.fond_blanc_input_petit
{
	
	background-color: #7eb5b5;
	
background-image:url("image/fond_cartouche_1.png");
background-repeat: no-repeat;
border:none;
width: 100px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */

}
.fond_blanc_input_etape
{
	
	background-color: #7eb5b5;
background-image:url("image/fond_cartouche_230.png");
background-repeat: no-repeat;
border:none;
width: 410px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */
align-items: baseline;
align-content:left;
align-self: baseline;
alignment-baseline:baseline

}
.fond_blanc_input_quiz
{
	
	background-color: #7eb5b5;
background-image:url("image/fond_cartouche_230.png");
background-repeat: no-repeat;
border:none;
width: 460px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */
align-items: baseline;
align-content:left;
align-self: baseline;
alignment-baseline:baseline

}
.fond_blanc_input_30px
{
	
	background-color: #7eb5b5;
background-image:url("image/fond_cartouche_1_30px.png");
background-repeat: no-repeat;
border:none;
width: 150px; /* largeur à spécifier */
height: 30px; /* longueur à spécifier */

}

.fond_blanc_input_w30px
{
	
	background-color: #7eb5b5;

background-repeat: no-repeat;
border:none;
width: 30px; /* largeur à spécifier */
height: 45px; /* longueur à spécifier */
padding-left:40px;

}

.fond_blanc_credits_30px
{
	
	background-color: #7eb5b5;
background-image:url("image/fond_cartouche_credits_30px.png");
background-repeat: no-repeat;
border:none;
width: 160px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */


}


.fond_blanc_credits
{
	
	background-color: #7eb5b5;
background-image:url("image/fond_cartouche_credits.png");
background-repeat: no-repeat;
border:none;
width: 170px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */

}
.fond_blanc_date
{
	
	background-color: #7eb5b5;
background-image:url("image/fond_cartouche_credits_150.png");
background-repeat: no-repeat;
border:none;
width: 170px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */

}
.fond_blanc_css_170
{
	
	 	background-color: #FDFDFD;
background-repeat: no-repeat;

	 padding: 0px 0px;	
  text-align: center;
		 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		border-color: black;
		border: solid;
		border: 2px solid;
		behavior: url(PIE.htc);

width: 90px; /* largeur à spécifier */
height: 45px; /* longueur à spécifier */

}

.image_ok_input
{
	

	background-color: transparent;
background-image:url("image/bouton_conexion.png");
background-repeat: no-repeat;
border:none;
width: 50px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */
cursor: pointer;


}
.evenement_creation
{
	background-color: #7eb5b5;
background-image:url("image/bouton_ajout_evenement.png");
background-repeat: no-repeat;
border:none;
width: 350px; /* largeur à spécifier */
height: 46px; /* longueur à spécifier */
cursor: pointer;
}

.etape_creation
{
	background-color: #7eb5b5;
background-image:url("image/bouton_ajout_etape.png");
background-repeat: no-repeat;
border:none;
width: 202px; /* largeur à spécifier */
height: 46px; /* longueur à spécifier */
cursor: pointer;
}

.bouton_importer
{
	background-color: transparent;
background-image:url("image/bouton_importer.png");
background-repeat: no-repeat;
border:none;
width: 50px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */
cursor: pointer;
}

.upload_vert
{
	background-color: transparent;
background-image:url("image/bouton_importer_40.png");
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}


.enregistrer
{
	background-color: transparent;
background-image:url("image/bouton_enregistrer.png");
background-repeat: no-repeat;
border:none;
width: 164px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */
cursor: pointer;
}
.enregistrer_vert
{
	background-color: transparent;
background-image:url("image/bouton_enregistrer.png");
background-repeat: no-repeat;
border:none;
width: 164px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */
cursor: pointer;
}
.evenement_vert
{
	background-color: transparent;
background-image:url("image/bouton_menu_accuei_petitl.png");
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}
.parametre_valider
{
	background-color: transparent;
background-image:url("image/bouton_menu_parametre_petit.png");
background-repeat: no-repeat;
border:none;
width: 100px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}
.etape_valider
{
	background-color: transparent;
background-image:url("image/bouton_menu_etapes_petit.png");
background-repeat: no-repeat;
border:none;
width: 100px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}
.itineraire_valider
{
	background-color: transparent;
background-image:url("image/bouton_menu_itineraire_petit.png");
background-repeat: no-repeat;
border:none;
width: 100px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}
.resource_valider
{
	background-color: transparent;
background-image:url("image/bouton_menu_ressource_petit.png");
background-repeat: no-repeat;
border:none;
width: 100px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}

.ajouter_vert
{
	background-color: #7eb5b5;
background-image:url("image/bouton_ajouter_40.png");
background-repeat: no-repeat;
border:none;
width: 164px; /* largeur à spécifier */
height: 50px; /* longueur à spécifier */
cursor: pointer;
}




.texte_bandeau
{
	 font-family: 'arlrdbd';
    src: url('arlrdbd.ttf');
	font-size: 24px;
	color: white;
}
button, input[type="submit"]{
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
.valide_bouton_off
{
 pointer-events: none;
}

.valide_bouton_on
{
	background-color: transparent;
background-image:url("image/bouton_suprimer.png");
 
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
text-indent: -9999px; 
}
.valide_bouton_on_photo
{
	background-color: #7eb5b5;
background-image:url("image/bouton_selection.png");
 
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}
.recherche_vert
{
	background-color: transparent;;
background-image:url("image/bouton_cherche.png");
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}

.engrenage_vert
{
	background-color: transparent;
background-image:url("image/bouton_entrer_evenement.png");
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}

.engrenage_30
{
	 background: transparent;
background-image:url("image/bouton_entrer_evenement_30.png");
background-repeat: no-repeat;
border:none;
width: 30px; /* largeur à spécifier */
height: 30px; /* longueur à spécifier */
cursor: pointer;
}

.phase_vert
{
	background-color: #7eb5b5;
background-image:url("image/bouton_phase_40.png");
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}
.engrenage_vert_30
{
	background-color: #7eb5b5;
background-image:url("image/bouton_entrer_evenement_30.png");
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}

.dupliquer
{
	background-color: #7eb5b5;
background-image:url("image/bouton_dupliquer_40.png");
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;

}
.dupliquer_30
{
	background-color: #7eb5b5;
background-image:url("image/bouton_dupliquer_30.png");
background-repeat: no-repeat;
border:none;
width: 30px; /* largeur à spécifier */
height: 30px; /* longueur à spécifier */
cursor: pointer;
}
.envoyer
{
	background-color: #7eb5b5;
background-image:url("image/bouton_exporter_40.png");
background-repeat: no-repeat;
border:none;
width: 40px; /* largeur à spécifier */
height: 40px; /* longueur à spécifier */
cursor: pointer;
}

.resize{
	
	max-width: 100px;
	max-height: 100px;

}
.resize_40{
	
	
	max-width: 30px;
	max-height: 30px;

}

.champ_form
{
	
width: 170px; /* largeur à spécifier */

}
.champ_form2
{
padding-left:10px;	
width: 60px; /* largeur à spécifier */
-moz-border-radius: 10px;

        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
}

textarea {
   resize: none;
}

#cadre_milieu {
	
	margin-left: auto;
  margin-right: auto;
	
	width: 660px;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 58px;
	
	background-color: #7eb5b5;
   -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
	
	
}
#cadre_milieu_large {
	margin-left: auto;
  margin-right: auto;
	
width: 950px;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 50px;
	
	background-color: #628A71;
   -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);

}
#cadre_milieu2 {
	margin-left: auto;
  margin-right: auto;
	
	width: 650px;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 90px;
	
	background-color: #7eb5b5;
   -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
	
	
}
#cadre_qr_code {

	
	width: 150px;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;

	
	
}
#cadre_qr_code_nom {

	
	width: 150px;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	

	
}

#cadre_arrondi {
	
   -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
	
	
}
.cadre_menu_fond {
	
  background-size: 710px 105px;
background-image:url('image/bandeau.png');
background-repeat:no-repeat;
	margin-left: -10px;
	margin-top: -10px;
  margin-right: auto;
	
	
	padding-top: -10px;
	
	padding-right: 10px;
	
}

.check_box {
    	display:none;
    }

    .check_box + label{
    	background:url('image/voyant_gris.png') no-repeat;
    	height: 40px;
    	width: 40px;
    	display:inline-block;
        padding: 0 0 0 0px;
    }

    .check_box:checked + label{
        background:url('image/voyant_vert.png') no-repeat;
    	height: 40px;
    	width: 40px;
    	display:inline-block;
        padding: 0 0 0 0px;
    }
	
	.check_box_petit {
    	display:none;
    }

    .check_box_petit + label{
    	background:url('image/voyant_gris_20.png') no-repeat;
    	height: 20px;
    	width: 20px;
    	display:inline-block;
        padding: 0 0 0 0px;
    }

    .check_box_petit:checked + label{
        background:url('image/voyant_vert_20.png') no-repeat;
    	height: 20px;
    	width: 20px;
    	display:inline-block;
        padding: 0 0 0 0px;
    }




#cadre_milieu_etape {
		margin-left: auto;
  margin-right: auto;
	
	width: 670px;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 125px;
	
	background-color: #7eb5b5;
   -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
	
	
}
#cadre_visuel {
		margin-left: auto;
  margin-right: auto;
	
	width: 1100px;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 125px;
	
	background-color: #7eb5b5;
   -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
	
	
}
.bord_arrondie{
	background-color: #FFFFFF;
 -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(PIE.htc);
		
}

#cadre_vide_gauche {
	height:20px;
	width: 20px;
	float:left;
	
}
#cadre_vide_droit {
	height:20px;
	width: 20px;
	float:left;
	
}

#cadre_vide_haut {
	height:20px;
	width: 820px;
	
}
div.arrondi {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
		behavior: url(/menu/PIE.htc);
      }
.arial_narrow {
	font-family: Arial Narrow;
}

details {
  overflow: hidden;
  margin-top: 0.125em;
 
 
  color: #333333;

}

details summary {
  display: block;
  cursor: pointer;
  padding: .5em .5em .5em .7em;
  
  color: #2b2b2b;
  
}