body
{
    width: 964px;
    margin: auto;
    background-color:  ? ;
    font-family: Verdana;
}

/*div#top
{
    background: URL("../Ressources/img_proj/top_defaut.png") no-repeat center;
    background-color:  ? ;
    height: 33px;
    margin: 0px;
}*/

header{
    margin:0 !important;
}

header *[class^="col-"]{
    padding: 0 !important;
}

header img#baniere, footer img#pied_page{
    margin: auto;
}

h1
{
	margin: auto;
	text-align: center;
	font-size: 1.3em;
	font-family: Arial;
	color: #474545;
	border-bottom: 1px dotted #969696;
	padding-bottom: 3px;
	margin-bottom: 15px;
	/*text-shadow: 0px 0px 2px rgba(144, 144, 144, 0.75);*/
}

h2
{
	margin:auto;
	text-align: left;
	padding-left: 50px;
	font-size: 1.0em;
	font-weight: normal;
	margin-bottom: 2px;
}



/* Style du menu */
#menu {}
#langues {position: absolute; top: 3px; right: 3px;}
#langues img {border: 1px solid black;}

#monmenu {font-size: 0.9em; margin-top: 10px; color: #565656; font-weight: bold;}
#monmenu ul ul {display: none; position: absolute; margin:0px; padding: 0px;}
#monmenu ul.niveau1 { width: 960px; margin: auto; border-bottom: 1px solid #9EA0A1; padding: 0px;}
#monmenu ul.niveau2 {left: -2px; top: 19px; border: 1px solid transparent;}
#monmenu ul.niveau3 {left: 167px; top: -1px; border: 1px solid transparent;}
/*#monmenu li {display: inline; list-style-type: none; position: relative; width: 160px; background-color: #F4F9FD; margin: 0px; padding: 0px; border: 1px solid #9EA0A1; z-index: 1000;}*/
#monmenu li {
	display: inline; list-style-type: none; position: relative; width: 160px; background-color: #F7F7F7; margin: 0px; padding: 0px; border: 1px solid #9EA0A1; z-index: 100;
	-moz-border-radius:10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; border-radius:10px 0 10px 0;
}
#monmenu li ul {width: 180px; font-weight: normal;}
#monmenu li ul li {display: block; margin-top: -1px; padding-right: 8px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
#monmenu li:hover, #monmenu li.sfhover {background-color: white;}
#monmenu li a {text-decoration:none;}
#monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}
#monmenu li.plus {background-position:right; background-image: url(../Ressources/fdroite.gif); background-repeat: no-repeat;}
#monmenu a {color: #565656; font-size: 0.9em;}
#monmenu li ul li a {color: #565656; font-size: 0.8em;}
#monmenu li ul li ul li a {color: #565656; font-style: italic;}


.col-lg-offset-2{
    margin-left: 0 !important;
}

.col-lg-8{
    width: 100%;
}

div#corps
{
	background-color:  ? ;
	margin: 0px;
	padding: 10px;
	padding-top: 20px;
	min-height:400px;
	height:auto !important;
	height:400px;
	margin-left: 0px;
}

div#pied
{
	background-image: URL("../Ressources/img_proj/foot.png");
	margin: 0px;
	clear: both;
	height: 23px;

}

.mentions
{
	margin-top: 50px;
	padding-top: 7px;
	margin-bottom: 0px;
	font-size: 0.55em;
	text-align: center;
	border-top: 1px dotted black;
}

.left
{
	float:left;
}

.right
{
	float: right;
}

.erreur
{
	font-family: Arial;
	font-size: 0.75em;
	margin: 20px;
	margin-top: 50px;
	padding: 10px;
	text-align: center;
	border: 1px dashed #c34a45;
	color: #c34a45;
}

.renoncer_heberg
{
	font-family: Arial;
	font-size: 0.75em;
	margin: 20px;
	margin-top: 50px;
	padding: 10px;
	text-align: center;
	border: 1px dashed #00ac2d;
	color: black;
}

form .erreur
{
	margin-top: 10px;
}

.form_soustitre
{
	display: block;
	margin-top: 20px;
	margin-left: 50px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}

.succes
{
	/*border: 1px dotted #00ac2d;
	color: #00ac2d;
	text-align: center;
	margin: 10px;
	padding: 10px;
	font-size: 0.9em;*/
	font-family: Arial;
	font-size: 0.75em;
	font-weight:bold;
	margin: 20px;
	padding: 10px;
	text-align: center;
	background-color: #D6F9D8;
	border:1px solid #A1EAA4;
	/*padding:5px;*/
	-moz-border-radius:10px 0;
	-webkit-border-radius:10px 0;
	border-radius:10px 0;
}

.erreur_input
{
	/*border: 1px dotted #c30000;
	color: #c30000;*/
	font-family: Arial;
	font-size: 0.75em;
	font-weight:bold;
	margin: 20px;
	padding: 10px;
	text-align: center;
	background-color: #FFE4E4;
	border:1px solid #F49F9F;
	/*padding:5px;*/
	-moz-border-radius:10px 0;
	-webkit-border-radius:10px 0;
	border-radius:10px 0;
}

a img, img
{
	border: none;
}

.lostpass
{
	color: black;
	font-size: 0.6em;
}

.menu_lien_middle
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
	display: block;
	background-color:  ? ;
	margin-bottom: 2px;
	font-weight: bold;
}

.menu_lien_middle:hover, .menu_dernier:hover
{
	background-color:  ? ;
}

#menuJS
{
	color:  ? ;
	display: none;
}

.menu_dernier
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
	background-color: #F2F2F6;
	display: block;
	padding-left: 5px;
}

table{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border-radius: 10px ;

}

table#main_table
{
	/*background-color:  ? ;
	font-size: 0.7em;
	font-family: Arial;
	width: 95%;
	border-collapse: collapse;
	border: 1px solid  ? ;*/
}

#main_table tr td
{
	padding: 3px;
	/*border: 1px solid #969696;
	vertical-align : top;*/
}

#main_table tr th
{
	padding: 3px;
	/*border: 2px outset #e6e6e6;*/
}

#main_table tr th a img, #main_table tr td a img
{
	position: relative;
	top: 2px;
}

.alterne1
{
	background-color:  ? ;
}

.alterne1vert
{
	background-color:  ? ;
}

.alterne1jaune
{
	background-color: ? ;
}

.alterne1rouge
{
	background-color:  ? ;
}

.alterne2
{
	background-color:  ? ;
}

.alterne2vert
{
	background-color:  ? ;
}

.alterne2jaune
{
	background-color:  ? ;
}

.alterne2rouge
{
	background-color:  ? ;
}

.status
{
	font-weight: bold;
	text-align: center
}

.invisible
{
    display: none !important;
}

h1
{
	margin: auto;
	text-align: center;
	font-size: 1.3em;
	font-family: Arial;
	color: #474545;
	border-bottom: 1px dotted #969696;
	padding-bottom: 3px;
	margin-bottom: 15px;
	/*text-shadow: 0px 0px 2px rgba(144, 144, 144, 0.75);*/
}

h2
{
	margin:auto;
	text-align: left;
	padding-left: 50px;
	font-size: 1.0em;
	font-weight: normal;
	margin-bottom: 2px;
}

#ariane
{
	display: none; /* A remettre eventuellement visible.. pour l'instant n'affiche que le titre de la page en petit */
	font-size: 0.55em;
	font-size: 0.55em;
	font-family: Verdana;
	margin:0px;
	margin-bottom: 30px;
	margin-top: -20px;
	margin-left: -8px;
}

#ariane a
{
	color: #2e437d;
	text-decoration: none;
	cursor: pointer;
}

#ariane a:hover
{
	text-decoration: underline;
	color: #be5f00;
}

.help
{
	font-family: Arial;
	font-size: 0.75em;
	font-weight:bold;
	margin: 20px;
	padding: 10px;
	text-align: center;
	/*border: 1px dashed #444dc3;
	color: #444dc3;
	font-weight: bold;*/
	background-color:#E4EFFF;
	border:1px solid #9FC6FF;
	/*padding:5px;*/
	-moz-border-radius:10px 0;
	-webkit-border-radius:10px 0;
	border-radius:10px 0;
}

.help legend
{
font-size: 1.3em;
font-family: Arial;
color: #444dc3;
font-weight: bold;
}


.descript_acti
{
    font-family: Arial;
    font-size: 1.1em;
    text-align: left;
    padding-left: 20px;
    color: #6A6A6A;
}

#bloc_import
{
	margin: 30px;
	border: 1px solid #323264;
	background-color:  ? ;
}

#liste_import
{
	margin: auto;
	font-family: Arial;
	font-size: 0.8em;
	border-collapse: collapse;
	margin-top: -15px;
	margin-bottom: 20px;
}

#liste_import tr
{
	border-bottom: 2px dotted #969696;
}

#liste_import tr td
{
	padding: 2px;
	padding-right: 20px;
	padding-left: 20px;
}






/* ---------- Formulaire ; Fieldset ---------- */

.formulaire
{
	font-family: Arial;
	font-size: 0.8em;
}

.formulaire label
{
	float: left;
	width: 400px;
	text-align: right;
	margin-right: 5px;
	padding-right: 3px;
}


form .erreur
{
	margin-top: 10px;
}

.form_soustitre
{
	display: block;
	margin-top: 20px;
	margin-left: 50px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}


form fieldset fieldset legend
{
	width:auto;
	border: 2px solid #C0C0C0;

}

form fieldset label
{
	float: left;
	width: 280px;
	text-align: right;
	margin-right: 5px;
	padding-right: 3px;
    margin-bottom: 10px;
}

.submit {
	text-align: center;
    margin-top: 2rem;
}

label.fieldlabel {
	font-weight: 600;
	font-size: 1rem;
	color: #2c3e50;
	cursor: pointer;
	gap: 0.4rem;
	user-select: none;
	margin-bottom: 0.35rem;
	white-space: nowrap;
  }

input, select {
	margin-bottom: 1rem;
	font-size: 1rem;
	padding: 0.5rem 0.75rem;
	border: 1px solid #ccc;
	border-radius: 8px;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
  }

input:focus, select:focus {
	outline: none;
	border-color: #007acc;
	box-shadow: 0 0 6px rgba(0, 122, 204, 0.3);
  }


/* ---------- Interfaces admin ---------- */

.fieldset_admin {
    position: relative;
    margin: 2rem 0;
    padding: 2rem 1.5rem 1rem 1.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.fieldset_admin:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
    border-color: #b0b0b0;
}

.fieldset_admin fieldset {
    border: 1px solid #dcdcdc;
    border-left: 4px solid #007acc;
    font-size: 0.95rem;
    margin: 1.5rem 0;
    padding: 1.5rem 1.25rem 1rem 1.25rem;
    background: #f9f9f9;
    border-radius: 8px;
}

.form_admin input[type="text"],
.form_admin input[type="email"],
.form_admininput[type="password"],
.form_admin input[type="number"],
.form_admin textarea {
    width: 40%;
    padding: 0.75rem 1rem;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 1rem;
    font-family: inherit;
    transition: border 0.3s, box-shadow 0.3s;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}


.form_admin select
 {
    width: 12em;
    padding: 0.75rem 1rem;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 1rem;
    font-family: inherit;
    transition: border 0.3s, box-shadow 0.3s;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}

.form_admin input:focus,
.form_admin select:focus,
.form_admin textarea:focus {
    border-color: #007acc;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 122, 204, 0.2);
}

.form_admin label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #333;
}

s
.form_admin .form-group {
    margin-bottom: 1.5rem;
}


label.fieldset_admin {
    all: unset;
    display: block;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    padding-left: 0.1rem;
}


label.fieldset_admin:hover {
    color: #007acc;
}


form .fieldset_admin legend {
	position: absolute;
        top: -0.9em;
        left: 0.5em;
	border: 1px solid #C0C0C0;
	padding: 5px 7px;
	font-size: 0.9em;
	font-weight: bold;
	margin-left: 30px;
	border-radius: 10px;
	background-color: white;
	line-height: 1;
}


.submit_admin {
    text-align: center;
    margin-top: 2rem;
}


.submit_admin[type="submit"] {
    background-color: #007acc;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.75rem 2rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 122, 204, 0.3);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    user-select: none;
    display: inline-block;
    min-width: 140px;
	text-align: center;
}

.submit_admin[type="submit"]:hover {
    background-color: #005fa3;
    box-shadow: 0 6px 14px rgba(0, 95, 163, 0.4);
}

.submit_admin[type="submit"]:focus {
    outline: 3px solid #99cfff;
    outline-offset: 2px;
}

.submit_admin[type="submit"]:disabled {
    background-color: #b0b0b0;
    cursor: not-allowed;
    box-shadow: none;
    color: #666;
}

/* Input désactivé */
input:disabled,
select:disabled,
textarea:disabled {
    background-color: #f0f0f0;
    color: #999999;
    border-color: #d0d0d0;
    cursor: not-allowed;
    box-shadow: none;
    opacity: 0.7;
    user-select: none;
}

.oblig
{
	color: #a00000;
	/*color: #CE3737;*/
}

.facultatif
{
	color: #00a000;
}



#field_nbr_speciaux, #mdp_nbr_majuscule{
	/* Fait car sinon le texte dépasse et c'est moche */
	white-space : normal;
}

  .form_admin label.fieldlabel > span,
  label.fieldlabel::first-child {
	flex-grow: 1;
  }


  .form_admin label.fieldlabel img {
	width: 18px;
	height: 18px;
	cursor: help;
	opacity: 0.7;
	transition: opacity 0.25s ease;
  }

  .form_admin label.fieldlabel img:hover {
	opacity: 1;
	filter: drop-shadow(0 0 2px #007acc);
	transform: scale(1.1);
	transition: opacity 0.25s ease, transform 0.25s ease;
  }



.fieldlabel2
{
	float: none;
	width: auto;
	text-align: right;
        margin-top: 5px;
	margin-right: 5px;
	padding-right: 3px;
	color: #444dc3;
	font-weight: normal;
	//height: 50px;
}



.barre_form
{
	width: 100% + 20px;
	height: 3px;
	background-color:  ? ;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 20px;
}

.barre_horiz
{
	border-bottom: 2px dotted #646464;
	width: 600px;
	height: 2px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.image_submit
{
	margin-top : 5px;

}




#tri_todo
{
	text-align: center;
	font-family: Arial;
	font-size: 0.9em;
	margin: 20px;
	border: 1px dashed #9ccbcd;
	background-color:  ? ;
}

#todo_float_left
{
	text-align: left;
	float: left;
	width: 330px;
	padding: 15px;
}

#todo_float_left input
{
	margin-left: 30px;
}

#todo_float_right
{
	padding: 15px;
	margin-left: 360px;
}

/* ---------- Panier ---------- */

#panier
{
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	width: 182px;
	float: left;
	margin-top: 8px;
	background-color: white;
	border-bottom: 2px solid  ? ;
	border-left: 3px solid  ? ;
	border-right: 1px solid  ? ;
}

#caddie
{
	float: left;
	padding: 3px;
	border-bottom: 1px solid black;
	width: 177px;
	background-color:  ? ;
	font-weight: bold;
	border-bottom: 1px solid black;
	font-size: 0.85em;
}

#caddie img
{
	float: left;
	margin-right: 5px;
}

.panier_montant
{
	float: right;
}

#contenu_panier
{
	clear: both;
	padding: 3px;
	margin-bottom: 6px;
}

#contenu_panier h1
{
	text-align: left;
	margin: 0px;
	padding: 1px;
}

#contenu_panier h5
{
	text-align: left;
	margin: 0px;
	padding: 2px;
	border-bottom: 1px solid  ? ;
}

#contenu_panier p
{
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
}

/* ---------- Menu d'inscription à l'évènement ---------- */

#menu_inscription
{
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	background-color: #b2b3b4;
	margin-bottom: 15px;
}

#menu_inscription h1
{
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	text-align: left;
	border-bottom: 1px solid black;
}

#menu_inscription h1 .prenom
{
	font-size: 0.8em;
	font-weight: normal;
}

#menu_inscription a, #menu_inscription a:visited
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
	display: block;
	font-weight: bold;
}

#menu_inscription a:hover
{
	background-color: #dcdddf;
}

.accueil
{
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin: -10px;
}

.table_recherche th
{
	border: 0 none;
}

#liste_participants
{
	width: 700px;
	margin: auto;
	margin-bottom: 10px;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid #737579;
	font-size: 0.9em;
}

#liste_participants th
{
	border: 1px solid #737579;
	font-size: 1.2em;
	background-color: #bebebe;
}

#liste_participants td
{
	border: 1px solid #eaeaea;
	border-left: 1px solid #737579;
	border-right: 1px solid #737579;
}

.add_ptcp
{
	margin-left: 50px;
}

/* ---------- Programme ---------- */

#table_programmes
{
	border-collapse: collapse;
	width: 700px;
	margin: auto;
	margin-bottom: 30px;
	font-size: 0.9em;
	text-align: center;
}

#table_programmes .date td
{
	background-color: #e9e9e9;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}

#table_programmes .spacer
{
	width: 30px;
}

.disabled
{
	color: #b5b3a7;
}

/* ---------- Transport ---------- */

.formulaire_transport
{
	font-family: Arial;
	font-size: 0.8em;
}

.transport_left
{
	font-family: Arial;
	font-size: 0.8em;
	float: left;
}

.transport_left label
{
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 5px;
	padding-right: 3px;
	position: relative;
	top: 3px;
}

form h2
{
	text-decoration: underline;
	font-size: 1.2em;
}

#info_achemin
{
	text-align:left;
	font-family: Verdana;
	font-size: 0.8em;
	padding: 20px;
	padding-bottom: 0px;
	margin: 20px;
	margin-top: 0px;
	margin-left: 370px;
	border: 1px dashed #96afbf;
	background-color:  ? ;
}

/* ---------- Hôtel ---------- */

#descript_hotel
{
	text-align:left;
	font-family: Verdana;
	font-size: 0.9em;
	padding: 5px;
	padding-bottom: 0px;
	margin: 20px;
	margin-top: 5px;
	margin-left: 100px;
	border: 1px dashed #96afbf;
	background-color:  ? ;
	min-height:95px;
	height:auto !important;
	height:95px;
}

#descript_hotel a
{
	color: #3d3db0;
}

#descript_hotel img
{
	display: block;
	float: left;
	padding: 10px;
	margin: 0px;
}

#descript_hotel label
{
	width: 80px;
	color: black;
	position: relative;
	top: 1px;
	padding: 2px;
}

.sstitre_hotel
{
	display: block;
	margin-top: 20px;
	margin-left: 50px;
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
}

.achemin
{
	margin: auto;
	text-align: center;
	font-size: 1.2em;
	font-family: Arial;
	border-bottom: 1px dotted #969696;
	padding-bottom: 3px;
	margin-bottom: 15px;
	display: block;
}

.achemin_trajet
{
	padding-left: 20px;
	font-weight: bold;
	display: block;
	margin-top: 15px;
}

.achemin_label
{
	color: #a00000;
}

#info_achemin img
{
	position: relative;
	top: 4px;
}

#select_groupe
{
	position: relative;
	top: 10px;
	left: 10px;
	width: 350px;
}

.hotel
{
	color: #a00000;
	text-align: right;
	width: 120px !important;
}

#info_chambre
{
	float: right;
	text-align:left;
	font-family: Verdana;
	padding: 20px;
	margin: 20px;
	margin-top: 0px;
	margin-left: 100px;
	border: 1px dashed #96afbf;
	background-color:  ? ;
	max-width: 350px;
}

#info_chambre label
{
	width: 100px;
}

#info_chambre .sstitre_hotel
{
	font-size: 1.0em;
	margin-bottom: 5px;
	margin-left: 0px;
}

#liste_hotellerie
{
	text-align:left;
	font-family: Verdana;
	font-size: 0.9em;
	padding: 5px;
	padding-bottom: 0px;
	margin: 20px;
	margin-top: 5px;
	margin-left: 100px;
	border: 1px dashed #afbaba;
	background-color:  ? ;
}

#liste_hotellerie span
{
	font-size: 1.2em;
	margin: 10px;
	margin-top: 20px;
	color: #586767;
}

input.left, input.right
{
	color: red;
	font-weight: bold;
}

input.left:hover, input.right:hover
{
	color: red;
	font-weight: bold;
}


/* ---------- Des boutons ---------- */

.red_button
{
	color: red;
	font-weight: bold;
}

.black_button
{
	color: black;
	font-weight: bold;
}

.recap
{
	color: black;
	font-weight: bold;
}

.ss_titre_recap
{
	margin-left: 170px;
	font-size: 1.2em;
	display: block;
	margin-top: 10px;
	text-decoration: underline;
	margin-bottom: 5px;
	font-weight: bold;
}

table.table
{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
	margin: auto;
	border-collapse: collapse;
	border: 1px solid  ? ;
}

.table th
{
	padding: 5px;
	text-align: center;
	background-color:  ? ;
	border: 1px solid  ? ;
	font-family: Arial;
}

.table td
{
	padding: 2px;
	text-align: center;
	border: 1px solid  ? ;
}

.report_erreur
{
	margin: auto;
	border: 1px dashed #9ccbcd;
	background-color:  ? ;
	margin: 30px;
	padding-left: 50px;
	size: 0.9em;
}

.report_erreur .rubrique
{
	font-weight: bold;
}

.report_erreur .intitule
{
	font-weight: bold;
	font-style: italic;
}

/* ---------- Mails ---------- */

#choix_mailing
{
	margin: 30px;
	border: 1px solid #323264;
	background-color:  ? ;
}

#choix_mailing h2, .bloc_colore h2
{
	font-size: 1.2em;
	margin-top: 20px;
}

.bloc_colore
{
	margin: 30px;
	border: 1px solid #323264;
	background-color:  ? ;
}

.bloc_colore label
{
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 5px;
	padding-right: 3px;
	font-size: 0.8em;
	font-family: Arial;
}

.unvisible
{
	visibility: hidden;
}

#table_gestion
{
	width: 50%;
	margin: auto;
	text-align: center;
	float:left;
}

#table_gestion_2
{
	width: 50%;
	margin: auto;
	text-align: center;
}

/*#table_gestion_2 th
{
	border: 1px solid #757575;
	background-color:  ? ;
	font-weight: bold;
}*/

/*#table_gestion_2 td
{
	border: 1px solid #dedede;
	font-size: 0.8em;
}*/

/*#table_gestion th
{
	border: 1px solid #757575;
	background-color:  ? ;
	font-weight: bold;
}

#table_gestion td
{
	border: 1px solid #dedede;
	font-size: 0.8em;
}*/

.surligne, .surligne td
{
	background-color:  ? ;
	color: #6c4305;
}

/* HOTEl */
#table_hotel_aj
{
	border-collapse: collapse;
	width: 95%;
	margin: auto;
	text-align: center;
}

#table_hotel_aj th
{
	border: 1px solid #757575;
	background-color:  ? ;
	font-weight: bold;
	font-size: 0.7em;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#table_hotel_aj td
{
	border: 1px solid #dedede;
	font-size: 0.7em;
	padding: 3px;
}
.surligne, .surligne td
{
	background-color:  ? ;
	color: #6c4305;
	border: 1px solid orange;
}

p.info{

	font-size: 0.8em;
	border-style: solid;
	border-width: 2px;
	border-color: #cde4f6;
	background-color: #cde4f6;
	padding : 4px;
	border-radius: 5px;      /* navigateur récent */
	-moz-border-radius: 5px;     /* mozilla firefox */
	-webkit-border-radius: 5px;    /* google chrome */
	-khtml-border-radius: 5px;     /* safari */
}

a.info {
   position: relative;
   color: black;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}

/*
a.info:hover {
   background: none; */ /* correction d'un bug IE */
  /* z-index: 500; */ /* on définit une valeur pour l'ordre d'affichage */

  /* cursor: help;*/ /* on change le curseur par défaut en curseur d'aide */
/*}*/

/*
a.info:hover span {
   display: inline; *//* on affiche l'infobulle */
   /*position: absolute;

   white-space: nowrap; *//* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   /*top: -60px; *//* on positionne notre infobulle */
   /*left: 20px;

   background: white;
   padding: 5px;
   padding-bottom: 2px;

   border: 1px solid black;
}
*/
.question_enquete
{
	border-bottom: 1px dashed #cacaca;
	margin: 0px;
	padding: 3px;
	font-weight: normal;
}

/* ---------- Facturation ; Facture ---------- */

#facturation
{
	border-collapse: collapse;
}

#facturation tr th
{
	border: 1px solid #757575;
	background-color:  ? ;
	font-weight: bold;
	font-size: 0.8em;
	padding: 5px;
}

#facturation .activite
{
	background-color: #f1f1f1;
}

#facturation .titre_acti
{
	background-color:  ? ;
}



#facturation tr td
{
	border: 1px solid #d0d0d0;
	padding: 3px;
	font-size: 0.8em;
	text-align: right;
}

#facturation tr td input
{
	border: 1px inset #f1f1f1;
	text-align: right;
	background-color: #fafdfa;
	padding: 2px;
	margin: 2px;
}

#facturation [disabled]
{
	color: dedede;
	background-color: #e2e2e2;
	border: 1px inset #f1f1f1;
}

.BC h5, #facture h5
{
	margin: 5px;
	font-size: 1em;
}

.montant
{
	float: right;
}
.BC ul li a, .BC ul li a:visited
{
	color: black;
	text-decoration: none;
}

.BC ul, #facture ul
{
	margin: 0px;
	list-style-image: url("../Ressources/images_boutons/puce_Rouge.png");
	padding-left: 50px;
}

.BC ul li, #facture ul li
{
	font-size: 0.9em;
}

.BC ul li ul, #facture ul li ul
{
	margin-left: 2px;
	padding-left: 20px;
	list-style-image: url("../Ressources/images_boutons/puce_Gris.png");
}

.BC ul li ul li, #facture ul li ul li
{
	padding-left: 5px;
	margin-left: 0px;
	background-color: #fbfbfb;
	border-bottom: 1px dashed #efefef;
}

/* ---------- Authentification ---------- */

#auth
{
	width: 99%;
	margin: auto;
	/*border-collapse: collapse;*/
}

#auth tr td
{
	text-align: left;
}

#auth tr td div
{
	padding: 0px;
	font-size: 0.8em;
	margin-bottom: 20px;
	text-align: center;
}

#auth tr td label
{
	width: 130px;
	padding-right: 5px;
}

#auth_milieu
{
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 7px;
	border: 2px solid #F2F2F2;
	-moz-border-radius: 9px 9px 9px 9px;
	-webkit-border-radius: 9px 9px 9px 9px;
	border-radius: 9px 9px 9px 9px;

}

#auth_milieu_titre{

	margin-top: -10px;
	margin-bottom: 0;
	padding: 5px !important;
	background-color: #F2F2F2;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}

#auth_droite
{
	width: 30%;
}

#auth_gauche
{
	width: 30%;
}

#auth_gauche label, #auth_droite label, #auth_milieu label
{
	width: 110px;
	float: left;
	font-size: 0.75em;
	text-align: right;
}

#fond_sombre
{
	position: absolute;
	top: 0px;
	left: 0px;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
	background-color: black;
	display: none;
	z-index : 2997;
}

#boite_magique
{
	position: absolute;
	border: 1px solid black;
	background-color: white;
	padding: 0px;
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
	display: none;
	overflow: auto;
	z-index : 2999 !important;
}

#contenu_boite_magique
{
	padding: 10px;
}

/* Croix pour quitter le formulaire */
#annule_bm {
	float: right;
    padding:5px;
    /*border:solid 1px #c0c0c0;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;*/

	cursor: pointer !important;
    width: 2em !important;
    height: auto !important;
    object-fit: contain !important;
}


#facture
{
	width: 100%;
	margin: auto;
}

/* ---------- Enquete ---------- */

td.enquete_blank
{
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

input.publish
{
	border: 1px solid #7D7D7D;
	background-color: #FFFFFF;
	color: #808080;
	display: inline;
}

#table_enquete
{
	border-collapse: collapse;
	width: 95%;
	margin: auto;
	text-align: center;
}

#table_enquete th
{
	border: 1px solid #757575;
	background-color:  ? ;
	font-weight: bold;
}

#table_enquete td
{
	border: 1px solid #dedede;
	font-size: 0.8em;
}

span.bold_enquete
{
	font-weight: bold;
}

div.enquete_cadre_presentation
{
	border-left: 1px solid #757575;
	padding: 0px;
	margin-left: 15px;
}

div.enquete_cadre
{
	border: 1px dashed #6A6A6A;
	padding: 10px;
	background-color: #EAEAFF;
	margin-left: 25px;
	margin-right: 25px;
}

img.enquete_flag
{
	width: 15px;
	height: 10px;
	border: 1px solid #000000;
}

span.enquete_msg
{
	color: #575757;
}

input.enquete_button_hide
{
	border: 1px solid #7D7D7D;
	background-color: #FFFFFF;
	color: #808080;
	display: inline;
	margin-left: 50px;
	margin-bottom: 10px;
}

label.entete
{
	text-align: left;
	width: auto;
}

span.button
{
	cursor: pointer;
	font-size: 0.9em;
}

div.edit_categ
{
	border: 1px solid #8E8E8E;
	width: 500px;
	padding: 20px;
}

div.new_categ_cadre
{
	border: 1px solid #8E8E8E;
	width: 500px;
	padding: 20px;
	color: #444dc3;
	font-family: Arial;
	font-size: 0.8em;
}

input.new_categ
{
	border: 1px solid #7D7D7D;
	background-color: #FFFFFF;
	color: #808080;
	display: inline;
}

span.enquete_traduc
{
	color: #6A6A6A;
}

table.question_recap
{
	border: 0px solid #7D5E5E;
	width: 400px;
	padding: 10px;
	font-family: Arial;
	font-size: 1em;
	text-align: center;
}

div.new_question
{
	border: 1px solid #9E7D7D;
	width: 500px;
	padding: 0px;
	font-family: Arial;
	background-color: #ECECFF;
}

div.new_question_close
{
	border: 0px solid #9E7D7D;
	width: 490px;
	padding: 5px;
	font-family: Arial;
	text-align: right;
}

div.new_question_cadre
{
	border: 0px solid #9E7D7D;
	width: 500px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	font-family: Arial;
	text-align: left;
}

span.num_question
{
	color: #444dc3;
	font-weight: bold;
	margin-left: 20px;
}

div.survey_question
{
	margin-top: 10px;
}

div.enquete_legende
{
	margin-left: 6px;
	margin-top: 8px;
	font-size: 0.9em;
	color: #6A6A6A;
}

div.cadre_reponse
{
	margin-left: 30px;
	margin-top: 10px;
}

td.notation_table
{
	border-top: 1px solid #7D7D7D;
	border-bottom: 1px solid #7D7D7D;
}

div.espace_reponse
{
	margin-top: 7px;
}

td.numero_class
{
	font-style: italic;
}

div.question_edit
{
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 8px;
}

div.question_edit_div
{
	padding: 6px;
}

table.question_edit_action
{
	width: 630px;
	border: 2px solid #CCCCCC;
}

tr.question_style_1
{
	background-color: #DCDCFF;
}

tr.question_style_2
{
	background-color: #ECECFF;
}

div.mask_dispo
{
	margin-left: 35px;
	margin-top: 10px;
}

span.type_aff
{
	font-weight: bold;
}

div.reponse_aff
{
	font-size: 0.9em;
	margin-left: 30px;
	margin-top: 5px;
	color: #656565;
}

#onglets_enquete
{
	list-style-type : none;
	padding-bottom: 24px;
	border-bottom: 1px solid #9EA0A1;
	margin-left: 0;
}

#onglets_enquete li
{
	float: left;
	height: 21px;
	background-color: #F4F9FD;
	margin: 2px 2px 0 2px !important;
	margin: 1px 2px 0 2px;
	border: 1px solid #9EA0A1;
}

#onglets_enquete li.active
{
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}

#onglets_enquete a
{
	display: block;
	color: #565656;
	font-size: 0.8em;
	text-decoration: none;
	padding: 4px;
}

#onglets_enquete a:hover
{
	background: #FFFFFF;
}

#menu_participant {
    margin: 20px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#onglets_inscr {
    list-style: none;
    display: flex;
    gap: 1rem;
    padding: 0;
    border-bottom: 2px solid #e0e0e0;
    overflow-x: auto; /* pour scroll si trop large */
    scrollbar-width: thin;
}


#onglets_inscr li a {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    color: #555;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    border-radius: 6px 6px 0 0;
}

#onglets_inscr li.active a,
#onglets_inscr li a:hover {
    color: #007acc;
    border-bottom-color: #007acc;
    background-color: #f0f8ff;
    box-shadow: 0 2px 8px rgba(0, 122, 204, 0.15);
}

/* Scrollbar sympa pour Firefox */
#onglets_inscr::-webkit-scrollbar {
    height: 6px;
}

#onglets_inscr::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 3px;
}

#onglets_inscr::-webkit-scrollbar-track {
    background: transparent;
}

/* Responsive: sur mobile, onglets en colonne */
@media (max-width: 600px) {
    #onglets_inscr {
        flex-direction: column;
        border-bottom: none;
        gap: 0.5rem;
    }

    #onglets_inscr li a {
        border-radius: 6px;
        border-bottom: none;
        border-left: 4px solid transparent;
    }

    #onglets_inscr li.active a,
    #onglets_inscr li a:hover {
        border-left-color: #007acc;
        border-bottom-color: transparent;
        box-shadow: none;
        background-color: #e6f0ff;
    }
}


div.cadre_msg
{
	border: 1px dashed #000000;
	background-color: #EDEDFF;
	font-family: Arial;
	font-size: 0.9em;
	padding: 15px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	line-height: 18pt;
}

span.lien_enquete
{
	color: #343478;
}

div.enquete_liste_ptcp
{
	padding-left: 5px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #565665;
	width: 300px;
	height: 100px;
	overflow: auto;
}

/* ---------- Fin Enquete ---------- */

/* ---------- Validations suppressions ---------- */
#table_validations_suppressions
{
	border-collapse: collapse;
	width: 95%;
	margin: auto;
	text-align: center;
}

#table_validations_suppressions th
{
	border: 1px solid #757575;
	background-color:  ? ;
	font-weight: bold;
	font-size: 0.8em;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

#table_validations_suppressions td
{
	border: 1px solid #dedede;
	font-size: 0.8em;
	padding: 3px;
}

/* ---------- Badge ---------- */

.badge_participant
{
	margin: 30px;
	border: 1px solid #323264;
	background-color:  ? ;
	line-height: 18pt
}

.badge_participant .h2
{
	font-size:1.1em;
	font-weight: bold;
	margin-left: 25px;

}

.badge_participant .type_badge
{
	float: left;
	margin-left: 300px;
}

.badge_participant .input
{
	float: right;
	margin-right:180px;
}

.badge_participant .select
{
	float: right;
	margin-right:280px;
}

.badge_participant .marginright,.badge_participant .radioinput
{
	margin-right: 5px;
	float: right;
}

.badge_participant .submit
{
	margin-left: 25px;
}

.prestations label
{
	float: none;
}

.infobulle
{
	font-size: 0.8em;
	max-width: 600px;
	border: 2px solid #434cc3;
	color: #434cc3;
	padding: 5px;
	background-color: #f5f5ff;
}

.descript_presta
{
	color: #565656;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}

/* Palette de couleurs */

.palette_couleur
{
	position: absolute;
	width: 112px;
	height: 90px;
	background-color: #F0F0F6;
	border: 1px solid #000000;
	border-bottom: 2px solid #676767;
	border-right: 2px solid #676767;
	cursor: move;
}

.palette_transparent
{
	position: absolute;
	width: 112px;
	height: 90px;
	background-color: #F0F0F6;
	border: 1px solid #000000;
	border-bottom: 2px solid #676767;
	border-right: 2px solid #676767;
	cursor: default;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.palette_close
{
	float: right;
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../Ressources/images_boutons/del_bis.png);
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
}

.palette_body
{
	float: left;
	width: 100%;
	display: block;
}

.palette_element
{
	float: left;
	display: inline;
	border: 1px solid #000000;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-left: 6px;
	margin-bottom: 4px;
}

/* ---------- Bandeau de recherche ---------- */
#bandeau_toggle
{
	border: 1px solid #9EA0A1;
	border-bottom: 1px dashed #9EA0A1;
	-moz-border-radius: 14px 14px 0px 0px;
	-webkit-border-radius: 14px 14px 0px 0px;
	border-radius: 14px 14px 0px 0px;
	background-color: #F7F7F7;
	padding: 3px;
	font-size: 0.9em;
	color: black;
	font-style: italic;
	cursor: pointer;
}

#bandeau
{
	border: 1px solid #9EA0A1;
	border-top: none;
	-moz-border-radius: 0px 0px 14px 14px;
	-webkit-border-radius: 0px 0px 14px 14px;
	border-radius: 0px 0px 14px 14px;
	background-color: #F7F7F7;
	padding-bottom: 3px;
}

#bandeau table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9em;}

#bandeau table tr th {
	text-align: center;
	padding: 0 5px;
	padding-bottom: 3px;}

#bandeau table tr td {	padding: 0 10px;}
#bandeau table tr td.left {min-width: 400px;}
#bandeau table tr td input.text { width: 200px;}
#bandeau table tr td select { width: 180px;}
#bandeau table tr td p.submit { margin: 0px; padding: 0px;}
label.stats span { color: black;}

#bandeau table tr td label {
	float: left;
	width: 180px;
	text-align: right;
	padding-right: 3px;}

#bandeau table tr td.centre label {
	float: none;
	width: auto;
	text-align: left;}

#bandeau>div:nth-child(2) { border-left: 1px dashed black; border-right: 1px dashed black; border-color: #9EA0A1;}

#bandeau::after {
    content: "";
    clear: both;
    display: table;
}

.input_gris
{
	border: 1px solid gray;
	background-color: #EAEAEF;
}


.bandeau_mailing_gauche h2, .bandeau_mailing_droite h2
{
	margin-left:30px;
	font-size: 1.2em;
}

.bandeau_mailing_gauche
{
	float:left;
	width:50%;
	font-size: 0.8em;
	margin-right: 10px
}

.bandeau_mailing_droite
{
	font-size: 0.8em;
	margin-left: 10px
}


.validations_suppressions input
{
	font-family: Arial;
}



.bandeau_mailing_gauche label, .bandeau_mailing_droite label
{
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 5px;
}

.formulaire_cgv
{
	font-family: Arial;
	font-size: 0.8em;
}

.formulaire_cgv label
{

	float: left;
	width: 300px;
	text-align: right;
	margin-right: 5px;
	padding-right: 3px;
}

.profil_legend
{
width: 210px;
display:block;
}

.table_cahier
{

	width: 70%;
	margin-left: 30px;
	text-align: left;
}
.table_cahier th
{
	font-size: 0.8em;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
}
.table_cahier td
{
	font-size: 0.8em;
	padding-left: 7px;
	padding-right: 7px;
	height: 25px;
}

.fieldlabel_first
{
	text-align:center;
	color:black;
	font-weight:bold;
	border-bottom:1px solid black;

}

.oblig1
{
	color: #444DC3;
	float: none;
}
.righteous
{
	width:220px;
	height:12px;
	text-align: right;
	color:#444DC3;
	font-family:Arial;
	font-size: 1em;
}

.lefting
{
font-size:1em;
position: relative;

left: 235px;
bottom: 12px;

}

#glisse_verticale_1 fieldlabel
{
color: red;

}
.explication
{
	border:1px dotted  #CADEEF;
	color:#444DC3;
	font-size:0.9em;
	margin:10px;
	padding:10px;
	text-align:center;
}

#select_lodging_upgrade
{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.fieldlabel_cahier
{

	width: 270px;
	color: #444dc3;

}
table#table_agence
{

	font-size: 0.9em;
	font-family: Arial;
	width: 95%;
	border-collapse: separate;
	margin: auto;

}

#table_agence tr td
{
	padding: 3px;
	text-align: center;
	vertical-align : center;
	background-color:  ? ;
}


#table_detaille
{
	border-collapse: collapse;
	width: 95%;
	margin: auto;
	text-align: center;
}

#table_detaille th
{
	border: 1px solid #757575;
	background-color: #f9f9f9;
	font-weight: bold;
	font-size: 0.8em;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#table_detaille td
{
	border: 1px solid #dedede;
	font-size: 0.8em;
	padding: 3px;
}
#zone_toggle {
	border: 1px solid black;
	border-bottom: 1px dashed black;
	background-color: #efefef;
	padding: 3px;
	font-size: 0.9em;
	margin: auto;
	color: black;
	width: 95%;
	font-style: italic;
	cursor: pointer;}

#div_categorie{

background-color:#e5ebef;
text-align:left;
padding-left:45px;
padding-top:9px;
padding-bottom:9px;
font-size: 1.2em;
font-weight: bold;
vertical-align: bottom;
border-left:1px solid #98afbf;
border-bottom:1px solid #98afbf;
}

/* ---------- Barre de progression ---------- */


#progressbar{
    border:1px solid black;
    width:200px;
    height:20px;
    position:relative;
    color:black;
}

#progressbar div.progress{
    position:absolute;
    width:0;
    height:100%;
    overflow:hidden;
    background-color:#369;
}
/* text on bar */
#progressbar div.progress .text{
    position:absolute;
    text-align:center;
    color:white;
}
/* text off bar */
#progressbar div.text{
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
}

.aff_read_more
{
	text-decoration: underline;
	font-size : 0.7em;
	font-style: italic;

}
#table_meeting
{
	border-collapse: collapse;

}
#table_meeting th
{
	background-color:#cde4f6;
	border-left:3px solid white;
	font-weight : normal;
}
/*
#table_meeting td
{
	border-top:3px solid white;
	border-bottom:3px solid white;
}*/
.div_calendar_meeting
{
	float: left;
	border-right : 2px solid #cde4f6;
	margin-right : 10px;
	padding-right : 10px;
}

.td_left
{
	color:#444DC3;
	text-align:right;
	padding-right : 30px;
	font-family:Arial;
	font-size:0.9em;
	padding-bottom : 15px;
}
.td_right
{
	color:#444DC3;
	text-align:left;
	font-family:Arial;
	font-size:0.9em;
	padding-bottom : 13px;
}

.pop_up{
	background-color: white;
	border-radius: 5px;      /* navigateur récent */
	-moz-border-radius: 5px;     /* mozilla firefox */
	-webkit-border-radius: 5px;    /* google chrome */
	-khtml-border-radius: 5px;     /* safari */
	padding: 10px;
	max-width: 1100px;
	overflow-x: auto;
	text-align : center;
	z-index: 2999;
}

.pop_up h1{

	display: block;
	margin: auto;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 440px;
	/*color: #444dc3;*/
	border: 1px solid #C0C0C0;
	background-color: #F5F5F5;
	border-radius: 5px;      /* navigateur récent */
	-moz-border-radius: 5px;     /* mozilla firefox */
	-webkit-border-radius: 5px;    /* google chrome */
	-khtml-border-radius: 5px;     /* safari */
}

#tableau_ordre_inscription{

	border-collapse:collapse;
	border:1px solid black;
	margin-top : 20px;
}

#tableau_ordre_inscription tr{
	border: 1px solid black;
}

#tableau_ordre_inscription th{
	background-color: #cde4f6;
}

#tableau_ordre_inscription td, #tableau_ordre_inscription th{
	border: 1px solid black;
	text-align: center;
	padding : 5px;
}

table#tableau_ordre_inscription tr:nth-child(odd){
  background-color: rgb(220, 228, 237);
}

.suivi_inscription{

	color:#444DC3;
	font-size:0.8em;
}

#tab_balises_dispo{
	text-align: left;
	border: 1px solid black;
	border-spacing:0;
    border-collapse:collapse;
	margin: auto;
	margin-top: 12px;
	margin-bottom: 10px;
	vertical-align:center;
}

table#tab_balises_dispo tr:nth-child(odd){
  background-color: rgb(220, 228, 237);
}

#tab_balises_dispo td{
	padding: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
}

#tab_balises_dispo th{
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #cde4f6;
}

#form_affiliation_es dt{
	font-weight : bold;
}

#statistiques{

	width: 964px;
	text-align:left;
	margin:auto;
	font-family: Arial;
	font-size: 0.8em;
	background-color : #fff0f0;
	border-style : solid;
	border-width: 1px;
	border-color: black;
	padding : 3px;
	padding-left: 6px;
}

/* ---------- ?????? ---------- */

input[type=text],input[type=password],select , textarea{
	border: 1px solid #b7bbbd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 6px;
	margin : 1px;
    margin-bottom: 10px;
	/*width: 140px;*/
}

input[type=checkbox]{
    margin-bottom: 10px;
}

/*table tr:first-child th:last-child*/
.table_new {
	font-size: .8em;
	margin: 0 auto;
	width: 98%;
	border-collapse: separate;
    background-color: white;
	border-spacing: 0px;
	border: 0;
	text-align: center;
}

.table_new td {
	padding: 5px;
	/*border-bottom: solid 1px #919191;
	border-left: solid 1px #C0C0C0;*/
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	margin: 0px;
}

.table_new th {
	padding: 5px;
	/*border-bottom: solid 1px #919191;
	border-left: solid 1px #919191;*/
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	/*background-color: #C0C0C0;*/
	background-color: #F2F2F2;
	color: #565656;
	font-weight: 600;
        text-align: center;
}

.table_new tr:first-child th{ border-top: solid 1px #C0C0C0; }
.table_new tr th:last-child{ border-right: solid 1px #C0C0C0; }
.table_new tr td:last-child{ border-right: solid 1px #C0C0C0; }
.table_new  tr:first-child th:first-child { -moz-border-top-left-radius: 14px ; -webkit-border-top-left-radius: 14px ; border-top-left-radius: 14px ; }
.table_new  tr:first-child th:last-child { -moz-border-top-right-radius: 14px ; -webkit-border-top-right-radius: 14px ; border-top-right-radius: 14px ; }
.table_new tr:last-child td:first-child { -moz-border-bottom-left-radius:14px; -webkit-border-bottom-left-radius:14px; border-bottom-left-radius:14px; }
.table_new tr:last-child td:last-child { -moz-border-bottom-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; border-bottom-right-radius: 14px; }

.table_new tr:nth-child(odd) td{
  /*background-color: rgb(220, 228, 237);*/
  /*background-color: #E6EBF2;*/
  background-color: #EFF3F7;
}

.blank{
    background-color: white !important;
    border-left: none !important;
    border-right: none !important;
}

/*.border-top-double.titre td{
	border-top: solid 2px #9E9C9C;
}*/

/* Pour presta */

#table_hotel.table_prestation td {
	text-align: center !important;
	vertical-align: middle !important;
  }


#table_hotel.table_prestation {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 0.95rem;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
    text-align: center;
}

#table_hotel.table_prestation th {
    background-color: #f4f6f8;
    padding: 1rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

#table_hotel.table_prestation td {
    padding: 0.75rem 1rem;
    vertical-align: top;
    border-top: 1px solid #f0f0f0;
    color: #333;
    text-align: center;
}

#table_hotel input[type="text"],
#table_hotel select,
#table_hotel textarea {
    display: inline-block;
    text-align: center;
}

#table_hotel.table_prestation td:first-child {
    text-align: center;
    font-weight: 500;
    color: #555;
}



#table_presta td{ background-color: #FFFFFF; }
#table_presta .titre td{ background-color: #EFF3F7 !important; }
#table_presta .fond-gris td{ background-color: #DDDDDD !important; }
#table_presta .fond-gris.titre td{ background-color: #D6D6D6 !important; }

.table_planning {
  width: 90%;
  margin-left: 50px;
  border-collapse: collapse;
  font-family: 'Segoe UI', Tahoma, sans-serif;
  font-size: 0.95rem;
  color: #333;
}

.table_planning th {
  text-align: left;
  height: 40px;
  font-size: 1.1rem;
  background-color: #f5f7fa;
  border-bottom: 2px solid #ccc;
  padding: 10px 20px;
}

.table_planning td {
  padding: 12px 20px;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: middle;
}

.table_planning tr:hover {
  background-color: #f9f9f9;
}

.table_planning select {
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 0.95rem;
  background-color: #fff;
  color: #333;
}

.table_planning input[type="checkbox"] {
  transform: scale(1.2);
  margin-right: 6px;
  cursor: pointer;
}


/* ---------- Boutons ---------- */

.btn-style-blanc {
	-moz-box-shadow: 1px 3px 2px -1px #c2c2c2;
	-webkit-box-shadow: 1px 3px 2px -1px #c2c2c2;
	box-shadow: 1px 3px 2px -1px #c2c2c2;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
	background-color:#ffffff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	text-indent:-0.99px;
	border:1px solid #807d80;
	display:inline-block;
	color: #3d3c3d;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	padding : 3px 13px;
	text-decoration:none;
	text-align:center;
	cursor: pointer;
}

.btn-style-blanc:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e8e8e8) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #e8e8e8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8');
}


.btn-style-export {
	-moz-box-shadow: 1px 3px 2px -1px #c7c7c7;
	-webkit-box-shadow: 1px 3px 2px -1px #c7c7c7;
	box-shadow: 1px 3px 2px -1px #c7c7c7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #5e5e5e) );
	background:-moz-linear-gradient( center top, #d1d1d1 5%, #5e5e5e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#5e5e5e');
	background-color:#d1d1d1;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	text-indent:0px;
	border:1px solid #292929;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	padding : 5px 15px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 5px #c2c2c2;
	cursor: pointer;
}

.btn-style-export:hover, .btn-style-gris:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #adadad), color-stop(1, #5e5e5e) );
	background:-moz-linear-gradient( center top, #adadad 5%, #5e5e5e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#5e5e5e');
}

#alert_emailing{
	text-align: center;
	font-style: bold;
	font-size: small;
	display: none;
	padding: 0;

}

/*Par Tim - juillet 2022 - design des formulaires ajax du module manager*/


#menu_participant li>a>span{
    font-weight:bold;
}
#menu_participant{
    display:flex;
    margin-top:10px;
    justify-content: center;
}
#onglets_inscr
{
    display:inline-flex;
	list-style-type : none;

    padding-left:0px ;
    justify-content: center;
    margin:0px;
}

#onglets_inscr li
{

	background-color: #F4F9FD;
	/*margin: 2px 2px 0 2px !important;*/
    box-shadow: 0px 1px 1px gray;
	margin: 0px 1px;
    padding:4px 8px;
    border:solid 1px;
	/*border: 1px solid #9EA0A1;*/
	font-size: 0.8em;
	color: #565656;
}

#onglets_inscr li:active
{
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
    box-shadow: 0px 1px 2px gray inset;
}

#onglets_inscr a
{
	display: block;
	color: #454545;
	font-size: 1em;
	text-decoration: none;
}


#onglets_inscr li:hover
{
	/*background-color: #FFFFFF !important;*/
    box-shadow: 0px 1px 2px gray inset;

}


.input_container{
    display: flex;
    flex-direction: column;
}



/* juillet 2022 par Timothée */
/*affichage de l'apercu d'une image avec la loupe */
a.apercu_img {
   position: relative;
   color: black;
   text-decoration: none;
}
a.apercu_img span img{
    max-width:300px;
    max-height:400px;
    height:auto;
}
a.apercu_img span {
   display: none; /* on masque l'infobulle */
}
a.apercu_img:hover {
   background: none;
   z-index: 500;

   cursor: help;
}
a.apercu_img:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propri�t� white-space pour qu'il n'y ait pas de retour � la ligne non-d�sir� */
   background-color: white;
   box-shadow: 0px 2px 4px  black;
}

#email_options_div {
    display: flex;
    flex-direction: column;
    gap: 10px; /* spacing between the 3 options */
    align-items: flex-start; /* optional: aligns to the left */
}