/*------------------- BODY -------------------*/
body{
	width: 95%;
	min-width: 900px;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;	
	padding: 10px; 
	font-family: Arial, Verdana, serif;
 }

/*----------------- EN TETE -------------------*/
 #en_tete{
   width: 100%;
   height: 70px;
   background-color:black;
   border: 1px solid black;
}

.box_connection{
	font-size: 10px;
	font-weight: bold;
	float:right;
	margin-top:10px;
}

.box_connection a{
   text-decoration:none;
   color: white;
}

.box_connection p{
   color: white;
}

.box_connection a:hover{

   text-decoration : underline;
}

.box_logo{
	margin-left:5px;
	width:300px;
	height:100%;
	float:left;
}

.box_logo a{
	text-decoration: none;
}

.box_logo img{
	border: 1px solid black;
}
/*----------------- MENU ----------------------*/
 #menu{
   width: 100%;
   height: 25px;
   text-align: left;
   background-color:black;   
   border: 1px solid black;   
}

.button_menu{
	font-size: 110%;	
	text-decoration:none;
	border:1px solid silver;
	padding-left:30px;
	padding-right:30px;
	color:black;
	background-image:url('images/fond_htob.png'); 
}

.button_menu:hover{
	color:silver;
}

/*------------------ CORPS ---------------------*/
#corps{
	width: 100%;
	/*Test WithOUt border border: 1px solid silver; */
	margin-bottom: 10px; 	
	min-height:500px;
	/*overflow:auto;*/
}

.corps_index{
	width: 100%;
	border: 1px solid silver; 
	margin-bottom: 10px; 
}

/*------------- CORPS-INDEX ------------------*/
.nbpronsftconfiance{
   width: 100%;
   text-align:right;
   font-size:70%;
   font-weight: bold;
}

#map div span {
	text-align:left;
	font-size: 80%;
	color: black;	
}

#map{	
	border: 1px solid silver;	
	max-width:100%;
	min-height:350px;
	margin-left:350px;
}

#index_search{
	float:left;	
	width: 330px;
	margin-left:5px;
	font-size:80%;
	font-weight: bold;
}

#index_search  p{
 margin:1px;
}

#index_search_msg_error
{
	color:red; 
	font-size:100%;
	text-align:center;
}

#pro_result_list{
	margin-top:5px;
	width: 100%;
	height:200px;
	/*done in functions_google.js\DisplayMarkersUsingManager
	overflow:scroll;
	border: 1px solid Silver;*/
}

.pro_retrieved{
	border-top: 3px solid black;	
	margin:5px;
	font-weight: normal;
}

/*----------------- PIED DE PAGE ---------------*/
#pied_de_page{
   width: 100%;
   height: 20px;
   border: 1px solid silver;
   font-size:small;
   text-align: center;
   bottom:100%;
}

/*------------------- OTHER -------------------*/
.ErrorMsg{
	color:red; 
}

.captcha_text{
	width:200px;
	height:40px;
	float:left;
}

.captcha_image{
	margin-left:205px;
}

/*Google Map*/
.infoVous{
	margin-left:10px;
	font-size: 80%;
	width:90%;	
	margin:auto;
}
.infoVous a{
	color: black;
	text-decoration: none;
}
.infoVous a:hover{
	color: blue;
	text-decoration: underline;
}

.plusdinfo{
	font-style: italic ;
	color: blue;
	text-decoration: none;
}

.plusdinfo:hover{
	font-style: italic ;
	color: blue;
	text-decoration: underline;
}

.nscontacter{	
	font-style: italic ;
	color: black;
	text-decoration: none;
}

.nscontacter:hover{	
	font-style: italic ;
	text-decoration: underline;
	color: blue;

}

.infobulle_title{
	width:100%;
	background-image:url('images/fond_htob.png'); 
	text-align:center;
}

.content_infobulle{
	width:100%;
	font-size:80%;
}
.content_infobulle p{
 margin:0px;
}

/*------------------------*/
.contacthoraire_infobulle{
	width:100%;
}

.contact_infobulle{
	margin-left:10px;
	float:left;
	width:45%;
}

.horaire_infobulle{
	margin-top:10px;
	margin-right:5px;
	margin-left:50%;
	width:45%;
}

.moderestauration_infobulle{
	width:100%;
	margin-left:10px;
	margin-top:10px;
}

.moyenpaiement_infobulle{
	margin-left:10px;
	margin-top:10px;
}

.tag_infobulle{
	width:95%;
	margin-left:10px;
	margin-top:10px
}

.motdupatron_infobulle{
	width:95%;
	margin-left:10px;
	margin-top:20px;
}
/*-----------------------*/

/*Table_HoraireDisplay*/
#Table_HoraireDisplay {
	font-size: 80%;
	width:100%;
}

#Table_HoraireDisplay  table{
	border-collapse: collapse;
	width:100%;
}

#Table_HoraireDisplay table td, #Table_HoraireDisplay table th{
	border: 1px solid black;
	text-align: center;
	width:50px;
}

.linepaire{
	background-image:url('images/fond_htob.png'); 
}

.offrespeciale{
	margin-left:5px;
	font-size: 80%;
}
/*END*/

.load
{
    background:url('images/icone_load.gif') no-repeat center;
} 

/*------- CARTE PIZZA dans TABINFO ------------*/
#carte_pizza{
	border-collapse:collapse;
	font-size:12px;
	margin:auto;
	text-align:center;
}

#carte_pizza td{
	background-color:black;
	border-top:1px solid white;
}

#carte_pizza tr{
	border-top: 1px solid white;
}
/*---------------- Votre Espace --------------*/
.formulaire_connexion_espace{
	width:390px;
	margin:auto;
	margin-top:30px;
	font-weight: bold;
    border:1px solid silver; 
	padding:5px;
	font-size: 80%;	 
}
/*-- COMMUN --*/
#EspaceParticulier, #EspaceProfessionnel{
	width:100%;
	margin:auto;	
}

.deconnexion{
	width: 100%;
	text-align: left;
}

#votreespace_part_msg_error_vous, #votreespace_pro_msg_error_vous{
	color:red; 
	font-weight: bold;
	text-align:center;
}

#formulaire_datapart_vous p, #formulaire_datapro_vous p, #formulaire_datapro_listepizza p, #formulaire_datapro_boiteaidee p{
 margin:0px;
}

#formulaire_datapro_vous, #formulaire_datapart_vous, #formulaire_datapro_localisation, #formulaire_datapart_localisation, #formulaire_datapro_listepizza, #formulaire_datapro_boiteaidee{
	font-size:80%;
}

 .votreespace_localisation_text{
	padding-bottom:5px;
}
.votreespace_prochainement{
	margin-bottom:10px;
}


#espacepart_localisation, #espacepro_localisation{
	width:100%;
}

#smallmap{	
	border: 1px solid silver;	
	width:100%;	
	height:500px;
	font-size: 120%;	
}


#smallmap div span {
	text-align:left;
	font-size: 80%;
	color: black;	
}

#nbprothatcorrespond, #nbpartthatcorrespond{
	max-width:100%;
	text-align:center;
}

#votreespace_pro_msg_error, #votreespace_part_msg_error{
	color:red; 
	font-weight: bold;
	text-align:center;
	font-size:80%;
}
#votreespace_pro_msg_ok, #votreespace_pro_msg_ok, #votreespace_pro_msg_ok_listepizza,#votreespace_pro_msg_ok_boiteaidee{
	color:green; 
	font-weight: bold;
	text-align:center;
	font-size:80%;
}

 #votreespace_pro_msg_modiflatlng{
 	color:green; 
	font-weight: bold;
	text-align:center;
 }
/*-- Particulier --*/


/*-- Professionnel --*/
#votreespace_horaire_input p, #votreespace_moderestauration_input p, #votreespace_moyenpaiement_input p, #votreespace_contact_input p, #votreespace_localisation_input p,  #votreespace_monannonce_input p, #votreespace_offre_input p, #votreespace_macarte_input p, #votreespace_lemotdupatron_input p{
	font-size:110%;
	margin:1px;
	margin-left:10px;
	text-align:left;
}


/*----*/
#votreespace_horaire_input, #votreespace_moderestauration_input, #votreespace_moyenpaiement_input, #votreespace_contact_input, #votreespace_localisation_input, #votreespace_monannonce_input, #votreespace_offre_input, #votreespace_macarte_input, #votreespace_lemotdupatron_input {
	border: 1px solid silver;
	width:90%;
	margin:auto;
	padding-top:10px;
	/*padding-bottom:20px;	*/
}

#votreespace_smallmap{
	width:90%;
	margin:auto;
	padding-top:0px;
}

#votreespace_horaire_input h3, #votreespace_moderestauration_input h3, #votreespace_moyenpaiement_input h3, #votreespace_contact_input h3, #votreespace_localisation_input h3, #votreespace_monannonce_input h3, #votreespace_offre_input h3, #votreespace_macarte_input h3, #votreespace_lemotdupatron_input h3{
	text-align:center;
}

.votreespaceboutton{
	margin-top:10px;
	margin-left:10px;
}
/*----*/

#votreespace_text_modif_info{
	font-size:70%;
}


#myTable, #Table_ChoixModif, #PizzaList, #PizzaSelection{
	border-collapse:collapse;
	width:100%;
	font-size:90%;
}

#PizzaList, #PizzaSelection{
	text-align:center;
}

#Table_ChoixModif{
	margin-top:10px;
	/*width:500px;*/
}

#Table_ChoixModif td{
	text-align:left;
}

#myTable td, #myTable th{
   text-align: center;
}

#myTable th, #PizzaList th, #PizzaSelection th{
   background-color: silver;
}

#votreespace_modification_informations{
	padding:5px;
	font-size:110%;
}

#votreespace_text_modif_info{
	padding:5px;
	font-size:90%;
}

#PizzaSelectionResult{
	height:200px;
	overflow:auto;
	border:1px solid silver;	
}

/*-------------- Renvoi Pswd ----------------*/
.formulaire_renvoipswd{
	width:390px;
	margin:auto;
	margin-top:30px;
	font-weight: bold;
    border:1px solid silver; 
	padding:5px;
	font-size: 80%;	 
}

/*-------------- Nous Contacter ----------------*/
.formulaire_nouscontacter{
	width:500px;
	margin:auto;
	margin-top:30px;
	margin-bottom:10px;
	font-weight: bold;
    border:1px solid silver; 
	padding:5px;
	font-size: 80%;	 
}
/*-------------- Inscription -----------------*/
.inscription{
	width:820px;
	margin:auto;
	font-size:12px;
	font-weight:bold;
}

.fieldset_part, .fieldset_pro{
	width:400px;
	height:240px;	
	color:black;
	border: 1px solid silver;
}

.fieldset_part{
	float:left; 
}

.fieldset_pro{
	float:right; 
}

.fieldset_part h3, .fieldset_pro h3{
	margin:0px;
	text-align:center;
	background-image:url('images/fond_htob.png'); 
}


.fieldset_part table, .fieldset_pro table{
	background-position:top right;	
	background-repeat:no-repeat;
	background-position:top right;	
	margin-top:10px;
	text-align:justify;
}
.fieldset_part table{
	background-image:url('images/photo_particulier2.png');
}

.fieldset_pro table{
	background-image:url('images/photo_professionnel2.png'); 	
}

.fieldset_inscriptionparticulier p, .fieldset_inscriptionprofessionnel p, .formulaire_nouscontacter p{
 margin:1px;
}


#index_inscriptionpro_msg_error, #index_inscriptionpart_msg_error, #formulaire_nouscontacter_msg_error, #formulaire_connexion_espace_msg_error, #votreespace_part_msg_error_localisation, #votreespace_pro_msg_error_localisation, #votreespace_pro_msg_error_listepizza, #votreespace_pro_msg_error_boiteaidee{
	color:red; 
	font-weight: bold;
	text-align:center;
}

.mentionlegale{
	margin-left:10px;
	margin-top:100px;
	color:silver;
	font-size:10px;
	width:100%;
}
/*----------- Inscription Particulier ------------*/
.fieldset_inscriptionparticulier, .fieldset_inscriptionprofessionnel{
	width:500px;
	margin:auto;
	margin-top:20px;	
	margin-bottom:10px;
	font-weight: bold;
	padding:5px;	
	font-size: 80%;	 	
}

.fieldset_inscriptionparticulier legend, .fieldset_inscriptionprofessionnel legend{
	color: black;
}

/*-------------- Activation Account -----------------*/
#activationaccount{
	width:90%;
	margin:auto;
	margin-top:100px;
	text-align:justify;
}

/*-------------- Nuage -----------------*/
#concept{		
	max-width:100%;
	min-height:510px;
}

#concept h3, #concept p{		
	margin-top: 5px;
	margin-bottom: 2px;	
}

#concept h3, #nuage h3{
	font-size : 14px;
}

#concept p, #concept li{		
	font-size : 12px;
}

.petitnuage  {line-height:18px;font: normal small verdana, arial, helvetica, sans-serif; text-align: justify; border:1px solid #B6CDE1; padding:10px; position:relative}
.petitnuage a {text-decoration:none}
.petitnuage a.level0 {font-size:8px;color:#FF3300;}
.petitnuage a.level1 {font-size:9px;color:#00FF00;}
.petitnuage a.level2 {font-size:10px;color:#CC0066;}
.petitnuage a.level3 {font-size:11px;color:#000000;}
.petitnuage a.level4 {font-size:12px;color:#FFFF33;}
.petitnuage a.level5 {font-size:13px;color:#663399;}
.petitnuage a.level6 {font-size:14px;color:#FF9900;}
.petitnuage a.level7 {font-size:15px;color:#0066FF;}
.petitnuage a.level8 {font-size:16px;color:#FF3300;font-weight: bold}
.petitnuage a.level9 {font-size:17px;color:#00FF00;font-weight: bold}
.petitnuage a.level10 {font-size:18px;color:#000000;font-weight: bold}
.petitnuage a:hover {color: rgb(0,0,255);background-color: rgb(0,0,0);}

.petitnuage span {text-decoration:none}
.petitnuage span.level0 {font-size:8px;color:#FF3300;}
.petitnuage span.level1 {font-size:9px;color:#00FF00;}
.petitnuage span.level2 {font-size:10px;color:#CC0066;}
.petitnuage span.level3 {font-size:11px;color:#000000;}
.petitnuage span.level4 {font-size:12px;color:#FFFF33;}
.petitnuage span.level5 {font-size:13px;color:#663399;}
.petitnuage span.level6 {font-size:14px;color:#FF9900;}
.petitnuage span.level7 {font-size:15px;color:#0066FF;}
.petitnuage span.level8 {font-size:16px;color:#FF3300;font-weight: bold}
.petitnuage span.level9 {font-size:17px;color:#00FF00;font-weight: bold}
.petitnuage span.level10 {font-size:18px;color:#000000;font-weight: bold}
.petitnuage span:hover  {color: rgb(0,0,255);background-color: rgb(0,0,0);}