html {
	background: #FFF; margin: 0px; border: currentColor; border-image: none; min-height: 100%; text-align: center; color: #4f4f4f; font-family: Ubuntu, Trebuchet MS, Verdana; font-color: blue; font-size: 12px; line-height: 17px; background-color:#eff0f2;
}
body {
	background: #FFF; margin: 0px; border: currentColor;  border-image: none; min-height: 100%; text-align: center; color: #4f4f4f; font-family: Ubuntu, Trebuchet MS, Verdana; font-size: 12px; line-height: 17px; background-color:#eff0f2;
}


/* couleurs 

blanc: #FFF

gris clair : #eff0f2 (couleur fond de page)
gris moyen : #c1c1c1 (calendrier)
gris : #666 (animation chargement)
gris foncé : #4f4f4f (couleur de police)

bleu clair transparent : #d6e8f8 (couleur de fond des titres d'onglets + calendrier)
bleu pâle transparent : #bdd3ef (titres onglets hover)
bleu gris : #b6d8e1 (calendrier)
bleu clair : #89beec
bleu moyen : #5398d5 (menu latéral hover et actif)
bleu foncé : #1e73be
bleu très foncé : #112277 (menu horizontal actif et hover)
bleu sombre : #134979 (bordures formulaire et boutons)

violacé pâle : #f5f5ff
parme : #eeeeff
lavande : #d1d1ff

orange : #FFA010 (warning)
rouge : #F00 (ereur)
rouge pâle : #FFE4E4 (background erreur)
vert : #339900 (réussite)
vert pâle : #E8FFE8 (background réussite)

*/

/* ------------------------------- MEDIA QUERIES PROVISOIRES ----------------------------------- */
@media screen and (max-width: 1110px)
{
  .section_table{
	width:320px;
    }
	.tableau_sections{
		height:310px;overflow:auto; width:340px;background-color:#ffffff; margin:auto; border:5px #f4f4ff solid; border-radius:10px;
	}
    
    
}
@media screen and (min-width:1111px)
{
  .section_table{
	width:520px;
    }
	.tableau_sections{
		height:380px;overflow:auto; width:540px;background-color:#ffffff; margin:auto; border:5px #f4f4ff solid; border-radius:10px;
	}
    
}
/*@media screen  {
	body {
		padding-left: 10%;
	}
	.Formulaire{
		ewidth: 80%;
	}
	.Formulairetel{
		width:auto;
	}
	.menu_lateral{
		width:250px!important; min-width:250px
	}
     .ligne_menu1{ width:250px!important; min-width:250px; text-align:center}
	.cssload-loader {
	width: 160px;
	height: 160px;
	left: calc(50% - 80px);
	}
}*/
/* ----------- FIN MEDIA QUERIES PROVISOIRES ------------ */ 

hr {
	color:#89beec; background-color:#89beec; height:1px; margin-left:35%; margin-right:35%;
}
a {
	border: currentColor; 
	border-image: none;
}
img {
	border: currentColor; border-image: none;
}

.img_os {
	height:40px;
	width:40px;
}
table{
	align:center;
	border-collapse:collapse;
	width:100%;
	font-size:12px;
}
tr{
	border: 1px #89beec solid; 
	height: 30px; 
}
td{
	padding:2px;
	text-align:center;
	vertical-align:middle;
}




.tablangue{
	height:310px;
	overflow:auto;
	direction: rtl; 
	width:335px;
	background-color:#ffffff;
	margin:auto; 
	border:5px #f4f4ff solid; 
	border-radius:10px;
}
.tabicone{
	height:300px;
	overflow:auto; 
	width:150px; 
	direction: rtl; 
	background-color:#3399FF; 
	text-align:center; 
	margin:auto;
}
.tabicone2{
	height:90px;overflow:auto; width:150px;direction: rtl;  text-align:center;	margin:auto;

}
/*.section_table{
	width:420px;
}*/
.section_line {
	padding:0px;
	margin:auto;
	height:auto;
	width:120px;
	display: inline-block;
}
.section_line1 {
	padding:0px;
	margin:auto;
	height:auto;
	width:100px;
	padding-bottom:5px;
}




.section_table tr{
	border:0px;
	padding:0px;
	margin:0px;
	height:auto;
	width:auto;
}
.section_table td{
	padding:0px;
	margin:auto;
	height:auto;
	width:100px;
	padding-bottom:5px;
}
.section_table_image{
	border-width:0px;
	padding:0px;
	margin:0px;
	width:120px
}
.section_table_imagepetite{
	border-width:0px;
	padding:0px;
	margin:0px;
	width:60px
}

.tr_entete{
border: 1px #89beec solid;
height: 50px; 
font-weight:bold; 
background-color:#f5f5ff; text-align:center; vertical-align:middle
}
.td_entete{ border-right: 1px #89beec solid;}
.tr_list{
	border: 1px #89beec solid; 
	height: 30px; 
}
.td_list{
 vertical-align:middle; text-align:center;
}
.td_court{vertical-align:middle; text-align:center; width:80px}

.td_icon {
	width:50px;
	text-align:center;
	vertical-align:middle;
}
.td_icon2 {
	width:50px;
	text-align:center;
	vertical-align:middle;
	border-right: 1px #89beec solid;
}
.td_iconmoyenne {
	width:110px;
	text-align:center;
	vertical-align:middle;
}
.td_image {
	width:10%;
}
.recap tr {
	height: 30px;
}

.total_page {
	width: 100%;
	height: 100%; 
}



/******************************************************** Header ********************************************************/
.header_background {
	background: #1e73be; text-align: center; height:60px;
}
.logoheader{
	width:160;
	float:left; 
	margin-left:5%; 
	margin-top:10px;
}
.Titre_welcome {
	color: #FFF;
	font-size: 15px; 
	valign: bottom; 
	witdh:40%; 
	align:center; 
	margin-top:20px; 
	display: inline-block;
}
.blocdropdownlangues{
	width:15%;
	padding: 5px 15px 5px 5px; 
	text-align: right;
	height:40px;
	float:right; 
	margin-top:5px;
}
.dropdownlangues{
	width: 150px; 
	height:40px;
	margin:0px; 
	font-weight: bold;

}



.linkheader_background{
	height: 20px;
	width: 100px;
	background-color: #89beec;
	align:left;
	text-align:center;
	padding-top:10px;
	padding-bottom: 2px;
	margin-top:15px;
	margin-bottom:10px;
	float:right; 
	margin-right:5%;
}
.linkheader { 
	color: #FFF;font-size: 12px; margin: 10,10,10,10; text-decoration: none;
}
/******** Fin Header ********/






/*********************************************************** Menu Horizontal***************************************************/
.menu_horizontal{
	display:table; text-align: center; height:60px; width:100%; margin:0; padding:0; background-color:#1e73be; margin-top:-10px;
	
}
.menu_horizontal_titre{
	display:table-cell;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	color:#FFF;
	text-decoration:none;
	margin:0;
	width:20%;
	border:3px #89beec solid;
	cursor: pointer;
	
	/* Effet fade hover */
	-webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
.menu_horizontal_titre a, .menu_horizontal_titre_actif a{
	text-decoration :none;
	display:block;
	color:#FFF;
	height:100%;
	padding-top: 17px;
}
.menu_horizontal_titre:hover{
	background-color:#112277;
}
.menu_horizontal_titre_actif{
	display:table-cell;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	color:#FFF;
	text-decoration:none;
	margin:0;
	width:20%;
	border:3px #89beec solid;
	cursor: pointer;
	background-color:#112277;
}




.main_part{
	display:table; 
	width:100%; 
	height:100%; 
}




/**************************************************************** Menu latéral ********************************************************/
.menu_lateral{
	display: table-cell; 
	align: left;
	background-color:#89beec;
	font-color:#FFF;
	vertical-align:top; width:250px
	
}
.menu_background {
	vertical-align: top; 
	text-align: left; 
	align:top;
	background-color: #89beec
}

.boutonmenu{text-align: center; padding-top:10px; padding-bottom:10px}
.MenuTitre_background{
	text-align: center;
	background-color: #1e73be;
}
.MenuTitre {
	text-align:center;
	font-size: 16px; 
	font-weight: bold;
	background-color: #1e73be;
	box-width:100%;
	color: #FFF;
	cursor: pointer;
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 3px #89beec solid;
}
.MenuLien_background{
	background-color: #89beec;
}
.MenuLien{
	width:100%;
	height: auto;
	padding-top:10px;
	padding-bottom: 10px;
	color: white;
	text-decoration:none;
	border-bottom: 1px #1e73be solid;
	
	/* Effet fade hover */
	-webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
.MenuLien:hover{
	background-color: #5398d5;
}
.disabled{
	box-width :100%;
	height: 30px;
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 1px #1e73be solid;
	color: #1e73be;
}
.Menu_actif_background{
	background-color: #5398d5;
}
.menu_actif {
	
	box-width :100%;
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 1px #1e73be solid;
	font-size: 16px; 
	font-weight: bold; 
	background-color: #112277;
}
.MenuLien  a{
	color: #FFF;
	font-size: 14px; 
	text-decoration: none; 
	cursor: pointer;
	display:block;
	box-width :100%;
	margin-left: 3%;
}
.menu_actif  a{
	color:white;
	text-decoration:none;
	margin-left: 3%;
}
.disabled a{
	color:#1e73be;
	font-size: 14px; 
	text-decoration: none;
	display:block;
	box-width :100%;
	margin-left: 3%;
}


/******** Fin Menu ********/




/**************************************************************** Content ********************************************************/

.content_part {
	
	display:table-cell; 
	width:100%; 
	padding:0px; 
	height:100%;
	background-color: #eff0f2; 
	float:right;
}
.content_part2 {
	
	display:table-cell; 
	width:100%; 
	padding:50px; 
	height:100%;
	background-color: #eff0f2; 
	float:right;
}

.contenutel{
	display:table; width:100%;
}

.contenu{
	display:table; width:100%; }


	/**** Formulaire ****/

	.Formulaire{
		margin-bottom: 30px;
		margin:auto;
		text-align:center; padding-left:100px;padding-right:100px
	}
	.Formulairetel{
		margin-bottom: 30px;
		margin:auto;
		text-align:center;
	}
	.form_side{
		display:table-cell; align: left;  vertical-align:top!important; width:100%; padding-left:20px; padding-right:20px
	}

	.Formulaire_Onglet{
		align:left;
		text-align:center;
		kkbox-width:100%;
		padding: 15px ;
		border:1px #134979 solid;
		border-radius:1px;
		border-top:none;
		background-color:#fff;
	}
	.Titre_step {
		color: #1e73be;
		font-size: 25px; 
		font-family:regular; 
		text-transform: uppercase; 
		text-align:center;
	}
	.etiquette {
		display:table;
		width:100%;
	}
	.titre_onglet {
		align:left;
		display:table-cell;
		cursor: pointer;
		padding:10px;
		border: 1px #134979 solid;
		border-radius:1px;
		background-color:#d6e8f8;
		width:50%;
		color:#1e73be!important; 
		text-decoration:none;
		
		/* Effet fade hover */
		-webkit-transition: background-color 0.3s ease-in-out;
		-moz-transition: background-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}
	.titre_onglet a {color:#1e73be!important;  text-decoration:none}
	.titre_onglet1sur3 {
		align:left;
		display:table-cell;
		cursor: pointer;
		padding:10px;
		border: 1px #134979 solid;
		border-radius:1px;
		background-color:#d6e8f8; 
		width:33.33%;
		color:#1e73be; text-decoration:none;
		
		/* Effet fade hover */
		-webkit-transition: background-color 0.3s ease-in-out;
		-moz-transition: background-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}
	.titre_onglet1sur3 a {color:#1e73be!important;  text-decoration:none}
	.titre_onglet_actif {
		align:left;
		display:table-cell;
		padding:10px;
		border: 1px #134979 solid;
		border-radius:1px;
		border-bottom:none;
		background-color:white;
		width:50%;
		color:#1e73be;
	}
	.titre_onglet_actif1sur3 {
		align:left;
		display:table-cell;
		padding:10px;
		border: 1px #134979 solid;
		border-radius:1px;
		border-bottom:none;
		background-color:white;
		width:33.33%;
		color:#1e73be;
	}
	.titre_onglet:hover{
		background-color:#bdd3ef;
	}
	.titre_onglet1sur3:hover{
		background-color:#bdd3ef;
	}

	.titre_onglet_creation {
		align: left;
		display: table-cell;
		padding: 10px;
		border: 1px #134979 solid;
		border-radius: 1px;
		background-color: #d6e8f8;
		width: 50%;
		color: #1e73be !important;
		text-decoration: none;
		/* Effet fade hover */
		-webkit-transition: background-color 0.3s ease-in-out;
		-moz-transition: background-color 0.3s ease-in-out;
		-o-transition: background-color 0.3s ease-in-out;
		transition: background-color 0.3s ease-in-out;
	}

	.titre_onglet_actif_creation {
		align: left;
		display: table-cell;
		padding: 10px;
		border: 1px #134979 solid;
		border-radius: 1px;
		border-bottom: none;
		background-color: white;
		width: 50%;
		color: #1e73be;
	}



		/* Mise en forme texte */

		.mini_titre{
			font-weight:bold;
			text-align:center;
			font-size:16px;
		}
		.mega_mini_titre{
			font-size:14pt;
			font-weight:bold;
			text-align:center;
		}
		.astuce{
			font-size: 12px; 
			font-style: italic;
			align: right;
		}
		.Legende {
			line-height: 20px; 
			padding-left: 2px; 
			font-size: 13px; 
			font-style: italic;
		}
		.petit_lien {
			color:#89beec;
			font-weight:bold;
			text-decoration:none;
			border: 1px #89beec solid;
			border-radius: 5px;
			padding:3px;
			margin:5px;
		}
		.petit_lien_ville{
			color:#89beec;
			font-weight:bold;
			text-decoration:none;
		}
		.link_underline1
		{
			color:#89beec;
			 text-decoration: underline;
		 }
		.confidentiel{
			background-color:#f5f5ff;
			padding:10px 5px;
		}
		.message_direct{
			background-color:#f5f5ff;
			max-width:500px;
			display:inline-block; 
			padding:5px 20px 5px 20px; 
			border:1px #89beec solid;
			border-radius:3px;
		}
		.encart{
			margin-left:17.5%;
		}
		.encart select, .encart textarea{
			width:75%;
			margin-right:10%;
		}

		/* Fin mise en forme texte */
	
	
/* -------------- */


		/* Items du contenu */

		.main_button{
			display:inline-block;
			width:200px;
			background-color:#1e73be;
			border: 1px #134979 solid;
			border-radius:1px;
			color:white;
			text-decoration:none;
			font-size:14px;
			text-align:center;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			padding:10px 2px 10px 2px;
			margin:5px 1%;
			cursor:pointer;
		}
		.main_button a{
			color:white;
			text-decoration:none;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			font-size:14px;
			cursor: pointer;
		}

		.main_button2{
			display:inline-block;
			width:200px;
			background-color:#89beec;
			border: 1px #1e73be solid;
			border-radius:1px;
			color:white;
			text-decoration:none;
			font-size:14px;
			text-align:center;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			padding:10px 2px 10px 2px;
			margin:5px 1%;
			cursor:pointer;
		}
		.main_button2 a{
			color:white;
			text-decoration:none;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			font-size:14px;
			cursor: pointer;
		}

.main_button_petit3 {
	display: inline-block;
	background-color: #1e73be;
	border: 1px #134979 solid;
	border-radius: 1px;
	color: white;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	font-family: Ubuntu, Trebuchet MS, Verdana;
	cursor: pointer;
	width: 66%;
	padding: 6px;
	margin-left: 0px;
}

		.main_button_petit{
			display:inline-block;
			background-color:#1e73be;
			border: 1px #134979 solid;
			border-radius:1px;
			color:white;
			text-decoration:none;
			font-size:14px;
			text-align:center;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			padding:10px 10px 10px 10px;
			margin:5px  1%;
			cursor:pointer;
		}
		.main_button_petit a{
			color:white;
			text-decoration:none;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			font-size:14px;
			cursor: pointer;
		}

		.main_button_petit2{
			display:inline-block;
			background-color:#89beec;
			border: 1px #1e73be solid;
			border-radius:1px;
			color:white;
			text-decoration:none;
			font-size:14px;
			text-align:center;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			padding:10px 10px 10px 10px;
			margin:5px 1%;
			cursor:pointer;
		}
		.main_button_petit2 a{
			color:white;
			text-decoration:none;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			font-size:14px;
			cursor: pointer;
		}


		.bouton_secondaire{
			display:inline-block;
			width:auto;
			background-color:#89beec;
			border: 1px #1e73be solid;
			border-radius:1px;
			color:white;
			text-decoration:none;
			font-size:14px;
			text-align:center;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			padding:5px 5px 5px 5px;
			margin:5px 1%;
			cursor:pointer;
		}
		.bouton_delete{
			display:inline-block;
			width:auto;
			background-color:#FF6666;
			border: 1px #7A3030 solid;
			border-radius:1px;
			color:white;
			text-decoration:none;
			font-size:14px;
			text-align:center;
			font-family: Ubuntu, Trebuchet MS, Verdana;
			padding:5px 2px 5px 2px;
			margin:5px 1%;
			cursor:pointer;
		}
		
		.input_file_button{
			opacity:0; 
			position: absolute; 
			width:195px;
			font-size:14px;
			height:18px;
			margin-top:4px;
			margin-left:-255px;
			padding:10px 2px 10px 2px;
		}
		.stats_install{
			width:30%; margin:auto;
		}
		/*.tableau_sections{
			height:310px;overflow:auto;direction: rtl; width:440px;background-color:#ffffff; margin:auto; border:5px #f4f4ff solid; border-radius:10px;
		}*/
		.tableau_couleurs{
			width:80%; margin:auto;
		}
		.tablist_activite{
			border:0;
		}
		.tablist_activite tr{
			border:none;
		}
		.tablist_activite td{
			width:50%;
			text-align:left;
		}
		.tablist_activite label{
			margin-left:-30%;
		}
		
		/* Fin Items du contenu */
	

/* ----------- */


		/* Mise en forme Items */
        .ligne_form1{ padding-bottom:20px}
        .ligne_form2{ padding-bottom:10px}
        .ligne_form3{ }
        .ligne_tab{display:table; vertical-align:top; margin:auto; text-align:center; }
        .row_table{ display:table-row}
        .column_tab{display:table-cell;vertical-align:middle;  }
        .column_tab2{display:table-cell;vertical-align:middle; }
        .column_tab3{display:table-cell;vertical-align:middle; padding:10px }
        .column_block{display:inline-block; margin:10px; }
        .ligne_form3{ }
        .cb_vertical{ white-space: nowrap;}
        .column_tab100{display:table; width:100%;}
        .column_tab50{display:table-cell;width:50%; }
        .columntabbutton{display:table-cell; width:54px; vertical-align:middle; text-align:center;}
		.tb_list{ width:150px}
	
	.champform0{
		display: table-cell; 
		text-align:left; 
		vertical-align:middle;
	}
	.label_champform1
	{
			display: inline-block;
			width:150px; 
			text-align:right; 
			padding-right:20px;
			vertical-align:middle; 
	}
	.champform1{
		display:inline-block; 
		text-align:left; 
		width:280px;
		vertical-align:middle;
	}
	.label_champform11
	{
			display: inline-block;
			width:90px; 
			text-align:right; 
			vertical-align:middle; 
	}
	
	
	.champform11{
		display:inline-block; 
		text-align:left; 
		width:180px;
		vertical-align:middle; 
	}
	.label_champformtel1
	{
			display: inline-block;
			width:150px; 
			text-align:right; 
			padding-right:20px;
			vertical-align:middle; 
	}
	.champformtel1{
		display:inline-block; 
		text-align:left; 
		width:280px;
		vertical-align:middle; 
	}
	.label_champformtel2
	{
			display: inline-block;
			width:250px; 
			text-align:right; 
			padding-right:20px;
			vertical-align:middle;
	}
	.champformtel2{
		display:inline-block; 
		text-align:left;
		vertical-align:middle; 
	}
	.champformtel21{
		display:inline-block; 
		text-align:left; 
		width:120px;
		vertical-align:middle; 
	}
	.champformtel22{
		display:inline-block; 
		text-align:left; 
		width:160px;
		vertical-align:middle; 
	}
	
	
	.lineform3
	{ display:inline-table; text-align:center; padding-bottom:20px
	}
	
	.label_champform3
	{
			display:  table-cell;
			width:150px; 
			text-align:right; 
			padding-right:10px;
			vertical-align:middle; 
	}
	.champform3{
		display: table-cell; 
		text-align:left; 
		width:140px;
		vertical-align:middle;
	}
	
	.lineform4
	{ display:inline-table; text-align:center; padding-bottom:20px
	}
	.lineform41
	{ display:inline-table; text-align:center; 
	}
	
	.label_champform4
	{
			display:  table-cell;
			width:300px; 
			text-align:right; 
			padding-right:10px;
			vertical-align:middle; 
	}
	.label_champform41
	{
			display:  table-cell;
			width:200px; 
			text-align:right; 
			padding-right:10px;
			vertical-align:middle; 
	}
	.champform4{
		display: table-cell; 
		text-align:left; 
		width:300px;
		vertical-align:middle; 
	}
	.champform40{
		display: table-cell; 
		text-align:left; 
		vertical-align:middle; 
	}
	.label_champformtel40
	{
		display: table-cell; 
			width:150px; 
			text-align:right; 
			padding-right:20px;
			vertical-align:middle; 
	}
	.champformtel40{
		display: table-cell; 
		text-align:left; 
		width:140px;
		vertical-align:middle; 
	}
	.champformtel40{
		display: table-cell; 
		text-align:left; 
		width:140px;
		vertical-align:middle; 
	}
	
	
	
		.petite_icone {
			border-width:0px;
			cursor: hand;
			height:20px;
			width:20px;
		}
		.moyenne_icone {
			border-width:0px;
			cursor: hand;
			width:80px;
		}
		
		.moyenne2_icone {
			border-width:0px;
			width:100px;
		}
		.petite_icone_libre {
			display:inline-block;
			border-width:0px;
			cursor: hand;
			height:20px;
			width:20px;
			margin: auto;
			align:center;
			padding:10px 15px 10px 15px;
		}
		.status_icone{
			display:table-cell;
			border-width:0px;
			cursor: hand;
			height:20px;
			width:20px;
			align:center;
			padding:10px 15px 10px 15px;
		}
		.miniphoto {
			height:60px; 
			width:60px;
			border-width:0px;
		}
		
		
		.td_titre1{ }
		.td_width1{width:250px }
		.td_width2{width:150px }
		.td_width3{width:350px }
		.td_width4{width:100px }
		.td_icone1{ width:150px; border: none; vertical-align:middle}
		.td_icone2{min-width:150px; border:none;}
		.td_icone3{ border:none;}
		.table_icone{ border:none}
		.tr_icone{ border:none}
		
		
		.tbformtel{	margin:0;
	        padding:10px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:250px
        }
		.ddlformtel{	margin:0;
	        padding:10px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:270px
        }
		.ddlformtel2{	margin:0;
	        padding:10px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:50px
        }
		.tbform1{	margin:0;
	        padding:10px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:250px
        }
		.tbform11{	margin:0;
	        padding:10px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:200px
        }
		.cblform1{	margin:0;
	        padding:10px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:300px; min-height:300px
        }
		.tbform2{	margin:0;
	        padding:3px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:150px
        }
		.tbform3{	margin:0;
	        padding:3px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:200px
        }
		.ddlform3{	margin:0;
	        padding:3px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:210px
        }
		.ddlform4{	margin:0;
	        padding:3px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:100px
        }
        
		.ddlform1{	margin:0;
	        padding:10px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:270px
        }
		.ddlform11{	margin:0;
	        padding:10px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:150px
        }
		.ddlform12{	margin:0;
	        padding:10px;
	        align:center;
	        color:#4f4f4f;
	        border: 1px #1e73be solid;
	        border-radius:1px;
	        font-family:Ubuntu, Trebuchet MS, Verdana;
	        width:100px
        }
        
        
        .div_scroll{height:300px;overflow:auto;}
        .table_cb{ text-align:left; border:none;}
        .table_cb tr{border:none;}
        .table_cb td{text-align:left; }
        
		/* Fin mise en forme Items */


/* ----------- */


		/* vue téléphone */

		.Formulaire_phone{
			background-color: white; 
			align:center;
			margin-bottom: 30px;
			width:100%;
		}
		.phone_side{
			display:table-cell;
			vertical-align:top;
			margin:auto;
		}
		.phone_view{
			display:table-cell;
			vertical-align:middle;
			width:290px;
		}
		.phone_side tr{
			height:auto;
			border:0px;
			padding:0px;
			margin:0px;
		}

		/* Fin vue téléphone */


	/**** Fin formulaire ****/


/******** Fin content ********/


.hide{
	display:none;
}
.tabactivity { text-align:left
	
}
	.champactivite1{
		display:inline-block; 
		text-align:left; 
		width:100px;
		vertical-align:middle; 
	}
	.champactivite2{
		display:inline-block; 
		text-align:left; 
		width:250px;
		vertical-align:middle; 
	}
	.champactivite3{
		display:inline-block; 
		text-align:left; 
		width:80px;
		vertical-align:middle; 
	}


.text_red{ color:Red; font-weight:bold}
/******************************************************** Autres ********************************************************/

/*telephone*/
.backgroundphone {
	background-position: center; height: 500px; background-image: url("phone.png"); background-repeat: no-repeat;
}
.sscontentphone {
	height: 500px; padding-top: 70px; padding-right: 34px; padding-left: 32px;
}
.contentphone {
	height: 500px;
	margin-top: -38%;
	padding-top: 141px;
	padding-right: 34px;
	padding-left: 49px !important;
}

.imgImage_manageP {
	width: 204px !important;
	margin-top: -100px;
}

.imgImage_myStore {
	width: 90%;
	margin-top: -16%;
}

.imgImage_newList {
	width: 203px;
	margin-top: -44%;
}

.ligne_form {
	height: 20px;
	text-align: left;
	padding-right: 5px;
	padding-bottom: 10px;
}
.listphone {
	padding-top: 2px; padding-bottom: 2px; border-bottom-color: rgb(76, 76, 76); border-bottom-width: 1px; border-bottom-style: solid;
}
.tbcolor {
	width:100px; vertical-align:middle; margin:auto; margin-right:15px; border:1px rgb(212, 212, 212) solid; height:30px
}
.tdform {
	padding: 5px; text-align: left;
}
.divcolor {
	border-width: 1px; border-style: solid; border-color: rgb(212, 212, 212); width: 100px; height: 30px; margin:auto;
}

.positioncontent{width:226px;height:326px; padding-top:3px; padding-left:5px; text-align:left}
/*fin telephone*/

/* ------ Calendriers ------ */

.CalendarClass {
	border: 1px solid #b6d8e1 !important; border-image: none !important; width:170px
}
.CalendarClass tr{
	height:25px;
}
.CalendarClass a{
	text-decoration:none;
}
.calendar_NextPrev a{
	color: #4f4f4f;
	text-decoration:none;
	font-size:20px;
	border:0px;
}
.calendar_OtherMonthDay  a{
	color: #c1c1c1 !important;
}
.calendar_Title  td{
	border-image: none !important;
	font-weight:bold;
	background-color:#f5f5ff;
}
.calendar_Title  td{
	color: #4f4f4f;
}
.calendar_Selector {
	color: #FFF; background-color: #89beec;
}
.calendar_DayHeader {
	color: #FFF; background-color: #b6d8e1;
}
.calendar_Selector {
	color: #FFF; background-color: #b6d8e1;
}
.calendar_Day {
	color: #b6d8e1; background-color: #FFF;
}
.calendar_Day a {
	color: #4f4f4f;
}
.calendar_NextPrev {
	color: #FFF; border:none;
}
.calendar_NextPrev a {
	color: #4f4f4f;
	text-decoration:none;
	font-size:20px;
	border:0px;
}
.calendar_SelectedDay {
	color: #FFF; background-color: #89beec; border: 1px #1e73be solid;
}
.calendar_SelectedDay a {
	color: #FFF !important; background-color: #89beec;
}
.calendar_TodayDay {
	color: #1e73be; background-color:#d6e8f8;
}
.calendar_TodayDay a {
	color: #1e73be; background-color:#d6e8f8;
}
.calendar_WeekendDay {
	background-color:#f5f5ff;
}
.calendar_WeekendDay a{
	color: #4f4f4f;
}

/* ------ Fin Calendriers ------ */



.warning{
	font-weight:bold;
	color:#FFA010;
}
.erreur{
	color:#F00;
	font-size:14px;
	font-weight:bold;
	width:60%;
	padding:10px 5px;
	margin:15px auto;
	background-color:#FFE4E4;
	border : 2px #F00 solid;
	border-radius:5px;
}
.reussite{
	color:#339900;
	font-size:14px;
	font-weight:bold;
	width:350px;
	padding:10px 5px;
	margin:15px auto;
	background-color:#E8FFE8;
	border : 2px #339900 solid;
	border-radius:5px;
}

/* --------------------Palette choix des couleurs --------------- */
area{
	cursor: pointer;
}
.palette_couleur{
	border:10px #f8f8ff solid; border-radius:5px;
}
.texte_palette{
	padding-bottom:20px; padding-top:20px; text-align:center
}
.palette{
	margin-right: 2px;
}
.code_hexa_couleur{
	width: 50px; padding-top: 7px; padding-left: 5px; display:none; margin:auto;
}
.tb_hexa_couleur{
	width: 70px;
}




/* ----------------- Page QR Code ----------------- */


	.tab_device{
		width:auto; margin:auto; border-collapse:inherit;
	}
	.linkdevice {
	  color:#BBB;font-size:12px; text-decoration:none;
	  }
	a:link.app_link
	{font-size:12px; color: rgb(70, 150, 255); text-decoration:none; padding:2px;} 
	a:visited.app_link  
	{font-size:12px; color: rgb(70, 150, 255); text-decoration:none; padding:2px;}
	a:hover.app_link  
	{font-size:12px; color: rgb(00,100, 180); text-decoration:none; padding:2px;}

	
	
	
	
/* ---------- Animation de chargement ------------- */

.loading_context{
	position:fixed;
	z-index:0;
	text-align: center;
	vertical-align: middle;
	z-index:0;
	width: 20%;
	padding: 10px 5px;
	margin-left:12.5%;
	background-color: #f5f5ff;
	border: 10px #eeeeff solid;
	border-radius:5px;
	box-shadow: 3px 3px 3px #d1d1ff;
}


.loading_context2{
	position:fixed;
	z-index:0;
	text-align: center;
	vertical-align: middle;
	width: 20%;
	padding: 10px 5px;
	margin-left:12.5%;
	background-color: #f5f5ff;
	border: 10px #eeeeff solid;
	border-radius:5px;
	box-shadow: 3px 3px 3px #d1d1ff;
	top:25%;
    left:25%;
}

/* Animation waiting gif */

.cssload-loader {
	position: relative;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 2000px;
	width: 160px;
	height: 160px;
	left: calc(50% - 80px);
}
.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}
.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
		-o-animation: cssload-rotate-one 1.15s linear infinite;
		-ms-animation: cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: cssload-rotate-one 1.15s linear infinite;
		-moz-animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 8px solid #1e73be;
}
.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
		-o-animation: cssload-rotate-two 1.15s linear infinite;
		-ms-animation: cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: cssload-rotate-two 1.15s linear infinite;
		-moz-animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 8px solid #89beec;
}
.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
		-o-animation: cssload-rotate-three 1.15s linear infinite;
		-ms-animation: cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: cssload-rotate-three 1.15s linear infinite;
		-moz-animation: cssload-rotate-three 1.15s linear infinite;
	border-top: 8px solid #666;
}

@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}
@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}
@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}
@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}
@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}
@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}
@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}
@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
/* Fin animation waiting gif  */

.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.ColorPopup
{
    min-width:500px;
    min-height:300px;
    background:white;
}
.ColorPopup2 {
	min-width: 500px;
	background: white;
}
.tb_formpwd{ display:none}