@charset "utf-8";
@import url(reset.css);
@import url(bloc_debug.css);
@import url(buttons.css);
@import url(footer.css);

/* CONFIGURATIONS D'ORDRE GENERAL */
* {	margin: 0; padding: 0; outline:none; }

/*
http://flash.mediabox.fr/public/style_images/master/bgLigne.jpg*/
html, body {
	font:0.9em  "Trebuchet MS", Verdana, Georgia, Arial, "Times New Roman", Times, serif;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
}
a { color:black; text-decoration:none; font-weight:bold; }
a:hover {  text-decoration:underline; }
.bold { font-weight:bold; }
.red {color:red;}
.vert_omenu { color:#92C51A;}
img { border:none; }
img.img_wait {display:none;} /* Les img d'attente (loader) sont cachées et affichées en js le temps des appels ajax */

/* Pour simuler un lien au survol */
.link {cursor:pointer;}

/* Pour les trucs qui en ouvrent d'autres */
/* En javascript, l'élément qui suit celui-ci et qui a la classe 'collapse' sera ciblé pour l'ouverture/fermeture
que crée celui-ci. */
.btn_collapse {
	cursor:pointer;
	background-image:url(../media/images/collapse_right.jpg);
	background-repeat: no-repeat;
	background-position:0 2px;
	padding-left:12px;
}

.valid_insertion{
color:green;
}



h1 {
	display:block;
	margin-bottom:10px;
}

/* Le sous titre des pages, sous le <h1> */
/* Ex: page inscriptionrestaurateur */
h2 { font-style:oblique;}

.mr10 {margin-right:10px;}

/* la classe pour les textes qui aident à la saisie dans les form */
/* Ex: page inscriptionrestaurateur */
.help_saisie { font-style:oblique;}

/* http://border-radius.com/ */
.arrondi_haut_gauche_5 {	
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
.arrondi_haut_droite_5 {	
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.arrondi_bas_5 {	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.img_reservation {
	cursor:pointer;
	background-image:url('img/reservation_petit.jpg');
	
	background-repeat: no-repeat;
	font-weight:normal;

	padding-left:40px;
	padding-bottom:40px;
	padding-top:-10px;

}

.img_rappel{
	cursor:pointer;
	background-image:url('img/rappel.png');
	
	background-repeat: no-repeat;
	font-weight:normal;

	padding-left:40px;
	padding-bottom:40px;
	padding-top:-10px;

}

.img_conseil_menu{
	cursor:pointer;
	background-image:url('img/conseil_menu.png');
	
	background-repeat: no-repeat;
	font-weight:normal;

	padding-left:20px;
	padding-bottom:20px;
	padding-top:-10px;

}
.link_sans_img_rappel{
	cursor:pointer;
	
	
	background-repeat: no-repeat;
	font-weight:normal;

	padding-left:40px;
	padding-bottom:40px;
	padding-top:-10px;

}
.img_carte_restaurant {
	cursor:pointer;
	background-image:url('img/carte-menu-restaurant.png');
	text-decoration:none;
	background-repeat: no-repeat;
	font-weight:normal;
	color:white;
}

.img-test {
	background-image:url('img/carte-menu-restaurant.png');
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}



.img_petit_fute {
	
	background-image:url('img/pastille_petit_fute.png');
	
	background-repeat: no-repeat;


	padding-left:60px;
	padding-bottom:20px;
	padding-top:-20px;

}



div#result_etab_search th
.arrondi_5 { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.arrondi_8 { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.arrondi_10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.arrondi_20 { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
hr.clear { clear:both; visibility:hidden; height:0; }
br.clear { clear:both; }
/* CONFIGURATIONS D'ORDRE GENERAL */

div#main_content_front {/* border:1px green solid;*/
	/*position: relative;*/
	/*margin:0 auto;*/
	/*width: 980px;*/
	/*padding-bottom:50px;*/
	/* 50px parce que la hauteur du footer en position absolute est de 40, (bottom 0),
	et que l'on rajoute 10px pour que le bas du contenu ne soit pas collé en bas */
}
div#main_content_front.page_accueil {
	/*height:700px;*/
}
div#main_content_front.page_interne {
	background:url('img/accueil_1_35_pages_internes_middle.jpg') repeat-y;
	min-height:90%;
}
	div#main_content_front div#header_front {
		/*background:url('img/header_front.jpg') no-repeat;*/
		/*background:url('img/motif_3.jpg');*/
		position:relative;
		height:116px;
		font-size:1.4em;
		z-index:10;
	}
		div#header_front div#logo {
			background:url('img/logo2.png') no-repeat 0 0;
			z-index:10;
			top:16px;
			left:0px;
			position:absolute;
			width:293px;
			height:107px;
			/*background-color:#FF3399;*/
		}
		div#header_front div#logo a {
			display:block;
			width:293px;
			height:107px;
		}
		
		div#header_front div#on_mange_quoi {
/*			background:url('img/on_mange_quoi_fr.png') no-repeat;
			width:371px;
			height:37px;*/
			
			background:url('img/on_mange_quoi_aujourdhui_fr.png') no-repeat;
			width:364px;
			height:32px;
			
			position:absolute;
			top:39px;
			left:543px;
		}
		
		div#header_front div#liens_internaute {
			/*padding-left:350px;*/
			padding-top:70px;
			text-align:right;
			font-size:12px;
			color:#92C51A;
		}
		
		div#header_front div#liens_internaute a {
			color:#92C51A;
			background-color:transparent;
		}
	
	
	div#main_content_front.page_interne div#bottom_front {
		background:url('img/accueil_1_35_pages_internes_bottom.jpg') no-repeat;
		background-position:0px 0px;
		position:absolute;
		bottom:52px;
		width:980px;
		height:12px;
	}
	div#main_content_front.page_accueil div#bottom_front {
		display:none;
	}
		
		
	div#interieur_site {}
		
	/*=============================================================*/
	/*  INTERIEUR DE LA PAGE POUR LA PAGE D'ACCUEIL SEULEMENT      */
	/*=============================================================*/
		
	div#main_content_front.page_accueil div#interieur_site {
		background:url('img/accueil_grande_image2.jpg') no-repeat;
		height:700px;
	}
		div#main_content_front.page_accueil div#interieur_site div#interieur_site_top {
			width:980px;
			height:72px;
		}
	
		div#main_content_front.page_accueil div#interieur_site div#interieur_site_milieu {
			position:relative;
			width:980px;
		}
/*		div#main_content_front.page_accueil div#interieur_site div#interieur_site_bottom {
			width:980px;
			height:12px;
		}*/
		
		
	
	/*=============================================================*/
	/*   INTERIEUR DE LA PAGE POUR LES PAGES INTERNES              */
	/*=============================================================*/
	div#main_content_front.page_interne div#interieur_site {
	}
		div#main_content_front.page_interne div#interieur_site div#interieur_site_top { 
			background:url('img/accueil_1_35_pages_internes_top.jpg') no-repeat;
			width:980px;
			height:72px;
		}
	
		div#main_content_front.page_interne div#interieur_site div#interieur_site_milieu { /*border:1px navy solid;*/
			/*background:url('img/accueil_1_35_pages_internes_middle.jpg') repeat-y;*/
			position:relative;
			width:960px;
			padding:0 10px 10px 10px;
		}
/*		div#main_content_front.page_interne div#interieur_site div#interieur_site_bottom {
			background:url('img/accueil_1_35_pages_internes_bottom.jpg') no-repeat;
			background-position:0px 0px;
			position:absolute;
			bottom:0;
			width:980px;
			height:12px;
		}*/
		
		div#interieur_site div#menu_interne {
			z-index:2;
			position:absolute;
			right:0;
			margin-top:3px;
			width:490px;
		}
			div#menu_interne div.menu_interne_col {
				float:right;
				position:relative;
				overflow:hidden;
				background-color:#92C51A;
				border:1px #000 solid;
				border-top:none;
				width: 230px;
				
				/* ceci sera changé en js. Je met la même valeur que a.lien_menu pour éviter un clignotement au chargement */
				height:30px;
				
				margin-right:10px;
				padding:0px;
			}
			
			div.menu_interne_col div.menu_interne_slide {
				position:absolute;
				bottom:0;
				text-align:center;
			}
			div#menu_interne div.menu_interne_col a.lien_menu {
				display:block;
				width: 230px;
				height:30px;
				line-height:30px;
				color:black;
			}
/*
Ceci est un test
			div#menu_interne div.menu_interne_col a.lien_menu:last-child {
				color:red;
			}*/
			div#menu_interne div.menu_interne_col a.lien_menu:hover {
				background-color:#a6d832;
				text-decoration:none;
			}
		


/*
Le composant de type 'bloc' pour le contenu des pages
(fond gris, bords noirs et arrondis
Utilisé sur page 'quisommesnous' et 'mentionslegales' et 'ficheetab' pour présenter le pdj)
*/
.composant {
	padding:10px 20px;
	border:1px black solid;
	background-color:#ddd;
}

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


/*====================================*/
/* LE BLOC DE LOGIN (CONNEXION) */
/*====================================*/
/* A VIRER QUAND JE SERAI SUR QUE C'EST VRAIMENT OBSOLETE */
/*div#bloc_login {
	background-color:#92C51A;	
	width:245px;
	padding:6px;
	position:absolute;
	top:10px;
	right:10px;
}

form#form_connexion {
	display:none;
}

div#resultat_connexion {
	height:26px;
	line-height:26px;
}

img#img_wait_conex {
	position:absolute;
	right:10px;
}*/
/*====================================*/
/* LE BLOC DE LOGIN (CONNEXION) */
/*====================================*/

/* gestion des problèmes d'affichage du texte*/

table.historique {
	width:100%;
	/*color:black;
	background-color:#fff;*/
	text-align:center;
}

	table.historique tr  {
		/*color:navy;*/
	}
	
		table.historique tr th {
			background-color:#ccc;
			padding:2px;
			border:2px solid white; 
		}
		
		table.historique tr td {
			background-color:#ddd;
			padding:2px;
			border:2px solid white; 
			vertical-align:middle;
		}

a:hover, a:visited, a:link, a:active
 {
	outline: none;
	text-decoration: none !important;
}

.btn {
	border-radius: 10px !important;
}

.btn-label {
	margin-right: 5px;
}

.input-with-icon, .select-with-icon {
	padding-left: 50px !important;
}

/*, gj-datepicker-md gj-unselectable*/

.input-with-icon + .fa, .gj-datepicker + .fa, .select-with-icon + .fa {
	position: absolute;
	left: 30px;
	bottom: 0;
	color: #676060;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 1.25em;
}

input[type=text], input[type=password], input[type=tel], select {
	border: solid 1px #efeeee !important;
	border-radius: 15px !important;
	height: 60px !important;
}

.no-menu {
	width: 100%;
	max-width: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #cfcccc;
	border-radius: 15px;
}

.no-menu:after {
	content: "";
	padding-bottom: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}